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

body{
	 background-image:url(images/background.jpg);
	 background-repeat:repeat-x;
	 background-position:top left; 
	 margin: 0px; /* pour éviter les marges */
	 margin-top:0px;
     text-align: center; /*pour corriger le bug de centrage IE*/
	 background-color:#000000;
	 
}

h4 {
	font-size:15px;
	color:#E9D342;
	padding-left:20px;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:0px;
}

h3 {
	color:#E9D342;
}

input[type=text] {
	border:0px;
}

input[type=password] {
	border:0px;
}

.accueil a{
color:#FFFFFF;
}

.accueil:hover{
color:#E9D342;
}

.ok{
float:left;
color:#FFFFFF;
background-image:url(images/ok.jpg);
width:35px;
height:19px;
cursor:pointer;
z-index:2;
}

.ok:hover{
float:left;
color:#FFFFFF;
background-image:url(images/ok-hover.jpg);
width:35px;
height:19px;
cursor:pointer;
z-index:2;
}


#conteneur {
	 /* on positionne le conteneur */	
	/*position:relative;*/
    margin-left: auto;
    margin-right: auto;
	padding:0px;
	width:980px;
}

.entete{
float:left;
width:980px;
height:129px;
background-image:url(images/entete.jpg);
}

.logo{
float:left;
width:170px;
height:129px;
background-image:url(images/logo.jpg);
}

.flash{
float:left;
width:585px;
height:97px;
}

.compte{
float:left;
width:215px;
height:87px;
padding-top:10px;
text-align:left;
padding-left:10px;
}

.rewrite{
float:left;
width:555px;
height:26px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:0px;
margin-top:4px;
padding-left:30px;
text-align:left;
}

.compte a{
color:#FFFFFF;
font-size:13px;
font-family:"Trebuchet MS", Verdana, Arial;
text-decoration:none;
}

.compte a:hover{
color:#e9d342;
}


.recherche{
color:#FFFFFF;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
float:left;
width:225px;
height:30px;
}

.recherche a{
color:#FFFFFF;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
text-decoration:none;
}

.recherche a:hover{
color:#e9d342;
}

.rewrite a{
color:#FFFFFF;
text-decoration:none;
}

.rewrite a:hover{
color:#e9d342;
}

#contenant{
float:left;
margin-top:3px;
background-image:url(images/fond-contenu.jpg);
width:980px;
}

.contenu{
float:left;
margin-top:0px;
width:811px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.img-liste-produit{
float:left;
margin-right:100px;
width:300px;
margin-top:0px;
}

.contenu-liste{
float:right;
width:411px;
margin-top:20px;
margin-bottom:20px;
padding-bottom:20px;
}

.description-liste-produit{
float:left;
text-align:left;
width:370px;
padding-left:15px;
padding-right:15px;
padding-top:15px;
}

.produit{
float:left;
width:137px;
margin-bottom:25px;
}

.produit a{
color:#FFFFFF;
text-decoration:none;
}

.titre-liste-produit{
float:left;
width:97px;
height:30px;
padding-right:20px;
padding-left:20px;
}

.parrainage{
float:right;
margin-top:0px;
width:791px;
text-align:right;
padding-right:10px;
line-height:18px;
}

.ajout-details{
float:left;
width:801px;
}

.ajout-details1{
text-align:left;
padding-left:15px;
float:left;
width:252px;
line-height:25px;
}

.ajout-details2{
float:left;
width:267px;
font-size:15px;
font-weight:bold;
line-height:25px;
}

.ajout-details3{
text-align:right;
line-height:35px;
float:right;
width:267px;
}

.ajout-details a{
color:#FFFFFF;
text-decoration:none;
}

.ajout-details a:hover{
color:#e9d342;
}

.quantite{
background-image:url(images/quantite.jpg);
margin-top:5px;
float:left;
width:53px;
height:17px;
}

.couleur-details{
float:right;
width:33px;
height:18px;
margin-left:9px;
margin-top:9px;
border:2px #3c3b3b solid;
}

.couleur-details-on{
float:right;
width:33px;
height:18px;
margin-left:9px;
margin-top:9px;
border:2px #FFFFFF solid;
}


a.couleur-details:hover, a.couleur-details:active, a.couleur-details:focus{
border:2px #FFFFFF solid;
}

#conteneur .couleur-details:hover{
border:2px #FFFFFF solid;
}

/*#contenant .contenu-couleur-details .couleur-details a:hover{
border:2px #FFFFFF solid;
}*/

.contenu-couleur-details{
float:right;
width:230px;
padding-right:10px;
padding-top:10px;
}


.parrainage a{
color:#FFFFFF;
text-decoration:none;
}

.parrainage a:hover{
color:#e9d342;
}

.separateur-menu-contenu{
float:left;
width:3px;
height:1px;
}

.separateur-sous-menu{
float:left;
width:166px;
height:5px;
}

.separateur-menu{
float:left;
width:166px;
height:5px;
}

.lien-menu{
float:left;
width:166px;
padding-top:5px;
padding-bottom:5px;
}

.lien-menu:hover{
color:#e9d342;
}

.sous-menu{
float:left;
width:166px;
padding-top:3px;
padding-bottom:3px;
}

.sous-menu:hover{
color:#e9d342;
}

.footer{
float:left;
width:980px;
margin-top:10px;
}

.footer a{
color:#FFFFFF;
text-decoration:none;
}

.footer a:hover{
color:#e9d342;
}

.paiement{
float:left;
width:165px;
font-family:"Trebuchet MS", Verdana, Arial;
color:#FFFFFF;
font-size:12px;
text-align:left;
}

.baseline{
float:left;
width:769px;
font-family:"Trebuchet MS", Verdana, Arial;
color:#dbdada;
font-size:10px;
text-align:left;
padding-left:20px;
padding-right:20px;
padding-top:28px;
}


.menu-gauche{
float:left;
margin-top:0px;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
width:166px;
}

.contenu-details-produit{
float:left;
width:411px;
margin-top:30px;
}

.titre-details-produit{
float:left;
width:401px;
font-family:"Trebuchet MS", Verdana, Arial;
font-size:15px;
font-weight:bold;
text-align:right;
letter-spacing:1px;
padding-right:10px;
}

.description-details-produit{
float:left;
width:401px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
margin-top:0px;
padding-left:00px;
padding-right:10px;
}

.description-details-produit a{
color:#FFFFFF;
}

.menu-gauche a{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:16px;
color:#fffefe;
text-decoration:none;
letter-spacing:1.5px;
}

.menu-gauche .sous-menu{
font-family:"Trebuchet MS", Verdana, Arial;
font-size:12px;
}

		#navigation {
			margin: 0;
			padding: 0;
			list-style:none;
			color: #ffffff;
			width: 166px;
			font-family:"Trebuchet MS", Verdana, Arial;
			font-size:16px;
			}
		#navigation a, #navigation span {
			display: block;
			padding: 4px 10px;
			color: #ffffff;
			text-decoration: none;
			background-image:url(images/fond-menu.jpg);
			background-repeat:no-repeat;
			background-position:left bottom;
			}
		#navigation .toggleSubMenu a, #navigation .toggleSubMenu span {
			background-image:url(images/fond-menu.jpg);
			}
		#navigation .open a, #navigation .open span {
			background-image:url(images/fond-menu.jpg);
			}
		
		
		
		#navigation a:hover, #navigation a:focus, #navigation a:active {
			
			color:#e9d342;
			
			}
		#navigation .subMenu {
			font-size:10px;
			background-image:url(images/fond-menu.jpg);
			background-repeat:repeat-x;
			background-position:left bottom;
			margin: 0;
			padding: 0;
			border-bottom: 0px solid #666;
			list-style:none;
			}
		#navigation ul.subMenu a {
			font-family:"Trebuchet MS", Verdana, Arial;
			background-image:url(images/fond-menu.jpg);
			padding: 3px 0px;
			font-size:12px;
			list-style:none;
			}
			
			
		#navigation .open_at_load {
			font-size:10px;
			background-image:url(images/fond-menu.jpg);
			background-repeat:repeat-x;
			background-position:left bottom;
			margin: 0;
			padding: 0;
			border-bottom: 0px solid #666;
			list-style:none;
			}
		#navigation ul.open_at_load a {
			font-family:"Trebuchet MS", Verdana, Arial;
			background-image:url(images/fond-menu.jpg);
			padding: 3px 0px;
			font-size:12px;
			list-style:none;
			}
			

#cache {
	display:none;
	top:0px;
	left:0px;
	clear:both;
	visibility:hidden;
	border:0px solid black;
	margin:0px;
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	z-index:2;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}
#result_panier {
	visibility:hidden;
	border:1px solid #777777;
	left:35%;
	top:30%;
	width:420px;
	height:210px;
	background:#000000;
	position:absolute;
	z-index:2;
}


.lien_footer a{
color:#FFFFFF;
font-size:11px;
font-family:"Trebuchet MS", Verdana, Arial;
text-decoration:none;
}

.lien_footer a:hover{
color:#e9d342;
}
.menunoir a {
color:#ffffff;
}