@charset "utf-8";
/* CSS Document */
div.mainEntete{
	background:none;
	padding:0 0 20px 10px;
	display: inline-block;
}
.promoDyn, .promoDynKdo, .proDyn {
	float:left;
	background:url("images/accueil/fond-dynamique.jpg") no-repeat 0 0;
    width: 420px; /* important to be same as image width */
    height: 332px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 10px 0 0;
	padding:0 0 0 30px;
	color:#FFFFFF;
}
.promoDynKdo {
	background:url("images/accueil/fond-dynamique-kdo.jpg") no-repeat 0 0;
}
.promoDyn h1, .promoDynKdo h1, .proDyn h1 {
	font:normal 26px Georgia, "Times New Roman", Times, serif;
	padding:15px 0 0 0;
	margin:0;
}
span.excluPro{ display:block;background:transparent url("images/produit/exclu_magica.png") no-repeat left center; padding:6px 0 0 48px; margin:7px 0 0 0;}
span.excluPro a, span.excluPro a:visited { color:#e9a11d; text-decoration:underline;}
span.rouge {
	color:#f81200;
}
h1 span.ssTitre {
	font-size:18px;
	font-style:italic;
}
p.textDyn, p.textDynKdo{
	height:112px;
	margin:0;
	padding:5px 10px 22px 0;
}
p.textDyn a, p.textDyn a:visited { color:red; }
p.textDynKdo{
	font-size:18px;
	line-height:25px;
}
p.avantages{
	margin:0;
	padding:0;
}
p.avantages a{
	display:block;
	float:left;
	width:75px;
	height:78px;
	text-decoration:none;
	padding:0 0 0 4.5px;
	margin:0 1.8em 0 0;
}
a#indexAdh{
	background:url("images/accueil/carte-adherent.gif") no-repeat 0 0;
}
a#indexAdh:hover{
	background:url("images/accueil/carte-adherent.gif") no-repeat 0 0;
}
a#indexPtfi{
	background:url("images/accueil/avantage-pointfi.gif") no-repeat 0 0;
}
a#indexPtfi:hover{
	background:url("images/accueil/avantage-pointfi.gif") no-repeat 0 0;
}
a#index5pc{
	background:url("images/accueil/5pcom.gif") no-repeat 0 0;
}
a#index5pc:hover{
	background:url("images/accueil/5pcom.gif") no-repeat 0 0;
}
a#indexTranspt{
	background:url("images/accueil/avantage-transport.gif") no-repeat 0 0;
}
a#indexTranspt:hover{
	background:url("images/accueil/avantage-transport.gif") no-repeat 0 0;
}
a#indexTchat{
	background:url("images/accueil/tchat-off.gif") no-repeat 0 0;
}
a#indexTchat:hover{
	background:url("images/accueil/tchat-off.gif") no-repeat 0 0;
}
.promoDyn h2, .promoDynKdo h2{
	font:italic normal 18px Georgia, "Times New Roman", Times, serif;
}
a.kdoHome, a.kdoHome:visited {
	font:normal small-caps bold 14px Georgia, "Times New Roman", Times, serif;
	color:#ffaa0c;
}
a.kdoHome:hover, a.kdoHome:active {
	text-decoration:underline;
}
span.orange {
	color:#ffaa0c;
}
.videoAlea{
	float:left;
	background:url("images/accueil/fond-video-magie.jpg") no-repeat;
	width:361px;
	height:320px;
	padding:10px 0 0 0;
	margin:0 0 0 5px;
	text-align:center;
	
}
.videocontainer{display:inline-block;width:95%;margin:25px 10px 0 10px;}
table.videHome{
	background-color:#000;
	margin:10px 0 0 28px;
	padding:0;
}
.videoAlea h4 {
	padding:5px 0 0 0;
	margin:0;
	text-align:center;
}
.videoAlea h4 a {
	font:12px Arial, Helvetica, sans-serif;
	color:#cd0050;
	margin:0;
	padding:0;
	text-shadow:0 1px #FFF;
}
span.valkdac{
	font-size:11px;
	font-style:italic;
}
.accueilFixe, .accueilNouveaute{
	background:url("images/fond-titre-colc.gif") no-repeat;
	font:italic normal 18px Georgia, "Times New Roman", Times, serif;
	height:43px;
	width:798px;
	color:#cd0050;
	margin:0 0 10px 0;
	padding:15px 0 0 30px;
}
.accueilNouveaute{
	font-size:22px;
	padding:12px 0 0 30px;
}
.ytapiplayer {
	font:bold 14px/20px Verdana, Geneva, sans-serif;
	color:#CD0050;
}
/* LIENS IMAGES ACCUEIL */
ul.lienspec{list-style:none;display:inline-block;text-align:center;}
ul.lienspec li{display:inline-block;width:330px;height:85px;margin:0.3em auto;overflow: hidden;position: relative;}
ul.lienspec li div{
	position: absolute;
    height: 100%;
    width: 100%;
    -moz-transition: all .9s;
    -webkit-transition: all .9s;
    transition: all .9s;
    -moz-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    transform: scale(1,1);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    
}
ul.lienspec li:hover div{
	-moz-transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    transform: scale(1.5,1.5);
	
}
ul.lienspec li .fil{background: transparent url("images/accueil/link_fil.gif") no-repeat 0 0;}
ul.lienspec li .idekdo{background: transparent url("images/accueil/link_noel.gif") no-repeat 0 0;}
ul.lienspec li .bicycle{background: transparent url("images/accueil/link_bicycle.gif") no-repeat 0 0;}
ul.lienspec li .baguette{background: transparent url("images/accueil/link_baguette-magicien.gif") no-repeat 0 0;}
ul.lienspec li .mallette{background: transparent url("images/accueil/link_malette.gif") no-repeat 0 0;}
ul.lienspec li .dlite{background: transparent url("images/accueil/link_dlite.gif") no-repeat 0 0;}
ul.lienspec li a, ul.lienspec li a:visited{display:block;line-height:5em;height:80px;text-align:center;text-indent: -99999px;color:#FFFFFF;}
ul.lienspec li a:hover, ul.lienspec li a:focus, ul.lienspec li a:active{z-index:1;color:#000000;text-indent:0;font-weight:700;font-size:16px;background-color:#FFFFFF;opacity:0.85;  -moz-opacity:0.85;  -ms-filter:"alpha(opacity=85)";}