@charset "utf-8";
/* CSS Document */

#print,#mainContent{ display:none;}
#fullImage{width:1000px; background-color:#fff;}

/* === Collections Top === */

ul#categoryList{ margin:0; padding:0;}
ul#categoryList li{ float:left; width:333px; height:520px; display:block; background:none; background-image:none; margin:0; padding:0;}

/* === Texte défilant === */
ul#scroll li{ background:none; background-image:none; padding:0; margin:0;white-space:nowrap;}
.tickercontainer { /* the outer div with the black border */
position:absolute; top:40px; left:160px; width:600px; height:24px;  overflow:hidden; font-size:12px; z-index:3; margin:0; padding:0;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0;
top: 0;
width: 600px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
list-style-type: none;
margin: 0;
padding: 0;
	width:auto;
}
ul.newsticker li {
float: left; 
margin: 0;
padding: 0;
width:auto; white-space:nowrap;
}



/* === Collections === */

#fullImageFond{ position:absolute; left:0; bottom:0;width:1000px; height:395px;background-color:#FFFFFF; z-index:0; text-align:left; overflow:hidden;}
#fullImageFondTandem{ position:absolute; left:100px; bottom:100px;width:600px; height:320px;background-color:#FFFFFF; z-index:0; text-align:left; overflow:hidden;}
#fullImagePerson{ position:absolute; right:90px; top:95px;width:193px; height:241px; z-index:1;}
#bodyText{ position:absolute; top:290px; left:715px; width:175px; text-align:left;z-index:2;}
#bodyText h4{ font-weight:normal; color:#999999;}
.bt_animation{ position:absolute; top:0px; left:690px; width:170px; text-align:left;z-index:2;}

#productContainer{ z-index:4;}

ul#animationKAMA{ position:absolute; left:20px; bottom:20px;width:650px; height:410px;background-color:#FFFFFF; z-index:0; list-style:none; list-style-image:none; margin:0; padding:0;}
ul#animationKAMA li{ background:none; background-image:none;margin:0; padding:0;}


/* === menuLevel2 === */
ul#menuLevel2{ margin:0; padding:0;}
ul#menuLevel2 li{float:left;width:auto; white-space:nowrap; height:20px; text-align:center; font-size:12px; margin:0 1px 0 0; padding:0; background:none; background-image:none;}
ul#menuLevel2 li a{ background-color:#bbbbbb; color:#FFFFFF; width:auto; height:17px; padding:3px 20px 0 20px; display:block; text-decoration:none;}
ul#menuLevel2 li a:hover{ background-color:#676767;}
ul#menuLevel2 li.menuLevel2Active a:link,ul#menuLevel2 li.menuLevel2Active a:visited{ background-color:#676767;}

ul#menuLevel2 li.menuLevel0,ul#menuLevel2 li.menuLevel1,ul#menuLevel2 li.menuLevel3{ display:none;}