@charset "utf-8";
body  {
   font: 100% Verdana, Arial, Helvetica, sans-serif;
   background:#efd068;
   text-align: center;
   background-image:url(images/background2.png);
   background-position:center top;
   }
   
.twoColLiqLtHdr #container { 
   widht:865px;
   position:absolute;
   text-align: left;
   left: 50%; 
   margin-left: -432px; 
   background-image:url(images/fond.png);
   text-align: left; 
   background-repeat:repeat-y;
} 
.twoColLiqLtHdr #header {
   background-image:url(images/banniere.png);
   width:865px;
   height:163px;
   background-repeat:no-repeat; 
   margin:0px; 
}
#sousbanniere {
   background-image:url(images/sousbanniere.png);
   margin-top:0px;
   margin-bottom:0px;
   height:63px;
   width:865px;
   text-align:center;
   background-repeat:no-repeat;
   } 
.twoColLiqLtHdr #header h1 {
   margin: 0;
   padding: 10px 0; 
}
.twoColLiqLtHdr #sidebar1 {
   float: left;
   width: 865px; 
   background-image:url(images/menu_centre.png);
   background-repeat:repeat-y;
   height:1500px;
   margin:0px;
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
   margin-left: 10px; 
   margin-right: 10px;
   margin-top:5px;
}
.twoColLiqLtHdr #mainContent { 
   margin: 0 10px 0 10px;
   width:850px; 
} 
.twoColLiqLtHdr #footer { 
   background-image:url(images/pied.png);
   height:50px;
   background-repeat:no-repeat;
   margin-bottom:0px;
   width:865px;
} 
.twoColLiqLtHdr #footer p {
   margin:2px;
   padding-top:5px;
} 
.fltrt {
   float: right;
   margin-left: 8px;
}
.fltlft {
   float: left;
   margin-right: 8px;
}
.clearfloat {
   clear:both;
   height:0;
   font-size: 1px;
   line-height: 0px;
}
.twoColLiqLtHdr #sidebar1 { padding-top: 30px; }
.twoColLiqLtHdr #mainContent { zoom: 1; padding-top: 15px; }
.h1_HCNV a {
   color:#767676;
   font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:20px;
}
.h1_HCNV a:hover {
   color:#CFC2BA;
   font-family:Georgia, Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:20px;
}
.h1_index {
   color:#808080;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-style:italic;
   font-size:11px;
   margin:0px;
   text-align:justify;
   margin-right:5px;
}
.h5_index {
   color:#CC3366;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:11px;
   margin:0px;
   text-align:justify;
   margin-right:5px;
}
.h2_index {
   color:#d78c1b;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:10px;
   text-align:center;
   margin:0px;
}
.h3_index {
   color:#529F2E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:18px;
   margin:5px;
   text-align:center;
}
.h3_gamme {
   color:#529F2E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme a {
   color:#529F2E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_gris a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_gris a {
   color:#A0A0A4;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_bleuciel a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_bleuciel a {
   color:#48ACF9;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_corporelle a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_corporelle a {
   color:#02A780;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_marron a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_marron a {
   color:#A59803;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertpomme a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertpomme a {
   color:#3FD627;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_noir a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_noir a {
   color:#010101;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_orange a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_orange a {
   color:#FEC004;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}

.h3_gamme_rosebonbon a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_rosebonbon a {
   color:#FE04E9;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_sport a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_sport a {
   color:#16655A;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertbouteille a {
   color:#006633;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertbouteille a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_noble a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_noble a {
   color:#D3A831;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertamande a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_vertamande a {
   color:#82C46C;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}

.h3_gamme_spa a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}
.h3_gamme_spa a {
   color:#006699;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:15px;
   text-align:left;
   margin:0px;
}


.h3_index a {
   color:#529F2E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:18px;
   margin:2px;
   text-align:left;
}
.h3_index a:hover {
   color:#FFBF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:18px;
   margin:2px;
   text-align:left;
}
.h6_index {
   color:#529F2E;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:18px;
}
.h4_index {
   color:#339966;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:10px;
   margin:0px;
   text-align:center;
}
.h1_index a {
   color:#00DF00;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:11px;
}
.h1_index a:hover {
   color:#FFDF00;
 font-family:Verdana, Arial, Helvetica, sans-serif;
   text-decoration:none;
   font-size:11px;
}
a.info{
      position:relative; 
      z-index:24;
      color:#000;
      text-decoration:none
}
a.info:hover{
   z-index:25;
}
a.info span{
   display: none;
}
a.info:hover span{ 
   display:block; 
   position:absolute;
   left:2em; 
   width:200px;
   height:100px;
   background-image:url(images/infobulle.png);
   padding:5px;
   background-repeat:no-repeat;
   color:#000000;
   }
#gamme a {
   color:#808080;
   font-size:16px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   }
#gamme a:hover {
   color:#FFBF00;
   font-size:16px;
   text-decoration:none;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   }
#gamme {
   background-repeat:no-repeat;
   height:450px;
   width:600px;
   margin-bottom:20px;
   }
#place {
   margin-left:20px;
   padding-top:80px;
   }
.description {
   font-size: 12px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   color:#2A3F55;
}
.prix {
      font-size: 18px;
      font-weight: bold;
      color: #808080;
}
.h2_moncompte {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:20px;
   color:#2A3F55;
}
.Style14 {
   font-size: 10px;
   font-weight:bold;
   color:#000000;
}
.Style14 a {
   font-size: 10px;
   font-weight:bold;
   color:#000000;
}
.Style14 a:hover {
   font-size: 10px;
   font-weight:bold;
   color:#808080;
}
.Style15 {
   font-size: 9px;
   font-weight:bold;
   color:#000000;
}
.Style15 a {
   font-size: 9px;
   font-weight:bold;
   color:#000000;
}
.Style15 a:hover {
   font-size: 9px;
   font-weight:bold;
   color:#808080;
}

input {
   color:#00CC33;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}
.input2 {
   color:#00CC33;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
}
/* Rajout Csss Mickael */
div.inLine {
   width:733px;
   clear:both;
   margin:1%;
   text-align:center;
}

div.inLine > div {
   float:left;
   width:200px;
   height:200px;
   margin:1%;
   text-align:left;
}
img {
   border:0px;
}
a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#FF9F00;
}
a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#A0A0A4;
}
.produit a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#009F00;
}
.produit a:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
color:#A0A0A4;
}

div.add_panier {
height:30px;
width:120px;
background-image:url('images/ajouterpanier.png');
}
div.add_panier:hover {
height:30px;
width:120px;
background-image:url('images/ajouterpanier2.png');
}
div.add_panier2 {
height:25px;
width:100px;
background-image:url('images/ajouterpanier_.png');
}
div.add_panier2:hover {
height:25px;
width:100px;
background-image:url('images/ajouterpanier2_.png');
}
div.add_panier2 {
height:30px;
width:120px;
}
div.add_panier2:hover {
height:30px;
width:120px;
}
div.inLineIndex {
    width:430px;
    clear:both;
    margin:1%;
    text-align:left;
 }
div.inLineIndex > div {
    float:left;
    width:180px;
    height:140px;
    margin:1%;
    text-align:left;
 }
 
 div.details2 {
height:25px;
width:100px;
background-image:url('images/details2_.png');
}

div.details2:hover {
height:25px;
width:100px;
background-image:url('images/details2.png');
}
a.gamme{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none}

a.gamme:hover{z-index:25;}

a.gamme span{display: none}

a.gamme:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
top:1em; width:60em;
 color:#6699cc;
 font-size:14px;
    text-align: justify;
    font-weight:none;
    padding:1px;
    
    }