body{
margin:0;
padding:0;
background: url(../image/fondentete.jpg) repeat-x;
background-color:#caf0ff;
 font-family:Arial, Helvetica, sans-serif;
}

* { 
margin : 0px;
padding : 0px; 
border-width : 0px;
list-style-type:none;
margin: 0;
padding: 0;
list-style-type: none;
}
img {
border:0;
}
  #cadrehaut {
height:269px;
margin:auto;
width:1224px;

}

  #cadrebas {
height:50px;
margin:auto;
width:1224px;
text-align:center;
font-size:12px;
color:#000000;

}
#cadrebas a {
color:#000000;
text-decoration: none;
}
#cadrebas a:hover {
color:#000000;
text-decoration:underline;
}
#moncadre {
width:1224px;
margin:auto;
background:url(../image/fond.jpg) repeat-y;
}
.cadredumenugauche {

float:left;
text-align:left;
width:180px;

margin-left:150px;
padding:35px 0 0 0;

}
.cadredumenudroite {
float:right;
text-align:left;
width:180px;
padding:10px;
margin-right:115px;
}

#cadrecentrale { 
margin-left:350px;
margin-right:325px;

}


/* menu */
#menu {
font-size:12px;
background:url(../image/menulaboutique.jpg) no-repeat;
padding-top:30px;
}
#menu dt {

text-align: left;
border-top: 1px #cf8600 solid;
padding:5px 0 5px 0;
margin-left:10px;
width:160px;




}
#menu dt:hover {
 background-color:#f8d38e;

}
#menu dd {

}
#menu li {
text-align: left;
height:20px;
width:145px;
padding-left:25px;

}
#menu dt a {
color:#b03300;
font-size:12px;
text-decoration: none;
display: block;
font-weight:bold;

}
#menu li a {
font-weight:bold;
font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
height: 100%;
color:#CC6600;

}
#menu dt a:hover {

}
#menu li a:hover{
background-color:#f8d38e;

}

#menudroite{
float:right;
text-align:left;
width:180px;
height:auto;
margin:0;

}
#menudroite ul{
list-style-type:none;
margin:0;
padding:0;

}
#menudroite li{
line-height:20px;
text-align:center;
margin-top:10px;

}


div.anyClass ul li a:hover img{opacity : 0.6;filter : alpha(opacity=60);}

div.anyClass{position:relative;}
  
div.anyClass div{position:absolute; bottom:5px; left:5px;z-index:3;}

div.anyClass div img{cursor:pointer;}

div#conteneur_corps{  position: relative;  top:6px;  width:50px; }	
	
	.zone_cote{
  position:relative;
  background-color:#F6F6F6;
  top:10px;
  

}

.vignette {
width:170px; color:#006600; float:left; margin:10px 5px 5px 5px;
}


.vignette2 {
width:170px; border-left:1px solid #CCCCCC;border-right:1px solid #CCCCCC; color:#006600;

}

.vignette2_rouge {
width:170px; border-left:1px solid #a11c00;border-right:1px solid #a11c00; color:#006600;

}
.vignette2_rose {
width:170px; border-left:1px solid #e41a80;border-right:1px solid #e41a80; color:#006600;

}

.vignette_titre {
font-size:12px; padding:3px; height:60px;
}
.vignette_image {
width:100px; height:100px; float:left; padding-bottom:5px;
}
.vignette_panier {
width:70px; height:100px; float:left; vertical-align:text-bottom;
}
.vignette_panier span{
background-color:#FFFF00; color:#FF0000; font-weight:bold;
}


 #ficheproduit {
 width:545px;padding-bottom:10px; float:left; font-size:12px;
 }
#ficheproduit .titre {
padding-left:20px; font-size:17px; font-weight:bold; width:445px; height:52px; float:left; color:#FFFFFF; background: url(../image/presentationtitre.jpg) no-repeat bottom left;
}
#ficheproduit .prix {
width:80px; float:left; background:url(../image/prix.png) no-repeat; height:60px; color:#FFFFFF; font-weight:bold; font-size:18px; text-align:center;
}
#produitsimilaire {
width:545px; border: #cf8600 1px solid; margin-top:5px; font-weight:bold; background-color:#ae0707; color:#FFFFFF; float:left;font-size:12px;
}
#produitsimilairecadre {
width:545px; color:#FFFFFF; float:left;font-size:12px; font-weight:bold;height:40px; background:url(../image/produitsimilairecadre.jpg) no-repeat;
}
.produitsimilairefiche {
width:545px; border: #cf8600 1px dashed; height:50px; margin-top:5px; float:left;font-size:12px;
 }
 .produitsimilairefiche ul li {
 float:left;
 }

.produitlistefiche {
width:545px; border: #cf8600 1px dashed; height:110px; margin-top:5px; float:left; background-color:#FFFFCC;
 }
.produitlistefiche ul li {
 float:left;
 }

.produitlistefiche ul li span{
color:#FF0000;
font-weight:bold;
 }
 
 
/* formulaire inscription */
#formulaire {
width:550px; height:300px;
font-size:11px;

}
#formulaire ul {
margin:0; padding:0; list-style:none;
}
#formulaire #p2{
height:30px;
float:left;
width:230px;

}
#formulaire #p1{
height:30px;
width:220px; float:left; text-align:right;
font-weight:bold;
}
#formulaire input,select{
border:#116e03 solid 1px;
}
.afficheerreur{
width:500px; float:left; font-weight:bold; text-align:center; margin-bottom:10px; display:none;
}

/* formulaire paiement*/
#paiement {
width:545px;
font-size:12px;
margin:0;
padding:0;
 
 }
 
  /* toutes les adresses */
.addre {
margin:20px 0 0 10px; width:250px; float:left; background-color:#FFFFCC; border:#cf8600 1px solid;
 }


/* formulaire changement */
#formulaire2 {
width:580px; height:300px; padding-left:10px;
}
#formulaire2 ul {
margin:0; padding:0; list-style:none;
}
#formulaire2 #p2{
height:30px;
float:left; width:230px;
}
#formulaire2 #p1{
height:30px;
width:220px; float:left; text-align:right; padding-right:10px;
font-weight:bold;
}
#formulaire2 input,select{
border:#FF0000 solid 1px;
}

/* bandeau accueil */
div.anyClass ul li a:hover img{
	opacity : 0.6;
	filter : alpha(opacity=60);
}

div.anyClass{position:relative;}
  
div.anyClass div{position:absolute; bottom:5px; left:5px;z-index:3;}

div.anyClass div img{cursor:pointer;}

a:hover{
cursor:pointer;
text-decoration:underline;

}
a{
color:#FF0000;
text-decoration:none;
}