/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
}
body{
background:#000;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) center top repeat-y;
}
/***************** HEADER *****************/
#header{
width:990px;
height:125px;
}
/***************** FLASH */
#headerFlash{
float:left;
width:805px;
height:125px;
display:block;
background-image:url(../images/charte/bg-header.jpg);
}
/***************** PANIER */
#panier{
float:left;
width:185px;
height:125px;
background:url(../images/charte/bg-panier.jpg) left top no-repeat;
}
#panier #commande{
float:left;
width:64px;
padding:25px 0 0 5px;
}
#panier #commande a.panier{/***************** LIEN MON PANIER */
font:11px Arial, Helvetica, sans-serif;
display:block;
margin:0 0 0px 30px;
text-decoration:none;
color:#000;
}
#panier #commande a.panier:hover{/***************** LIEN MON PANIER */
text-decoration:underline;
color:#000;
}

#panier #commande a.commander{
display:block;
width:65px;
height:19px;
background:url(../images/charte/bt-commander.gif) no-repeat left top;
}

#panier #commande a:hover.commander
{
background-position:left bottom;
}
#panier #commande p{
font:10px Arial, Helvetica, sans-serif;
text-align:center;
margin:0 0 6px;
}
#panier #commande p a{/***************** articles */
text-decoration:underline;
color:#717171;
}
#panier #commande p a:hover{/***************** articles */
text-decoration:none;
color:#000;
}
#panier #menu{
float:left;
width:70px;
padding:33px 0 0 20px;
list-style:none;
}
#panier #menu li{
line-height:19px;
}
#panier #menu li a{
text-decoration:none;
font:9px Arial, Helvetica, sans-serif;
color:#000;
}
#panier #menu li a:hover{
text-decoration:underline;
color:#000;
}
/***************** MENU TOP *****************/
#menuTop{
width:697px;
height:30px;
padding:0;
background:url(../images/charte/bg-menuTop.jpg) left top no-repeat;
list-style:none;
padding:0 0 0 293px;
}
#menuTop li{
position:relative;
float:left;
}
#menuTop a{
text-decoration:none;
display:block;
height:30px;
overflow:hidden;
background:left top no-repeat;
}
#container #menuTop a:hover{
background-position:left bottom;
}


#menuTop a span{
display:none;
}
#menuTop li.bt1{width:87px;}
#menuTop li.bt2{width:114px;}
#menuTop li.bt3{width:115px;}
#menuTop li.bt4{width:77px;}
#menuTop li.bt5{width:115px;}
#menuTop li.bt1 a{background-image:url(../images/charte/bt-01.jpg);}
#menuTop li.bt2 a{background-image:url(../images/charte/bt-02.jpg);}
#menuTop li.bt3 a{background-image:url(../images/charte/bt-03.jpg);}
#menuTop li.bt4 a{background-image:url(../images/charte/bt-04.gif);}
#menuTop li.bt5 a{background-image:url(../images/charte/bt-05.gif);}
/***************** COL LEFT *****************/
#colLeft{
float:left;
width:160px;
padding:0 0 0 15px;
}
/***************** CATALOGUE */
#catalogue{
position:relative;
padding:56px 0 0 0;
background:url(../images/charte/bg-catalogue.jpg) left top no-repeat;
list-style:none;
}
#catalogue h1 a{
text-decoration:none;
font:normal 11px/20px Arial, Helvetica, sans-serif;
color:#000;
display:block;
min-height:20px;
height:auto !important;
height:20px;
overflow:hidden;
padding:0 0 0 25px;
background:url(../images/charte/bt-catalogue.jpg) left bottom no-repeat;
}

#catalogue h1 a:hover{
color:#000;
background:url(../images/charte/bt-catalogue-on.jpg) left bottom no-repeat;
}
#catalogue h1 a.alliance{
text-decoration:none;
font:normal 11px/20px Arial, Helvetica, sans-serif;
color:#000;
display:block;
min-height:20px;
height:auto !important;
height:20px;
overflow:hidden;
padding:0 0 0 25px;
background:url(../images/charte/bt-catalogue-alliance.jpg) left bottom no-repeat;
}
#catalogue h1 a.alliance:hover{
color:#000;
background:url(../images/charte/bt-catalogue-alliance-on.jpg) left bottom no-repeat;
}
/***************** SOUS MENU CATALOGUE */
#catalogue ul{
list-style:none;
margin:0 5px 0 10px;
padding:0 0 10px 0;
border-bottom:1px solid #d9d9d9;
}
#catalogue li a{
text-decoration:none;
font:11px Arial, Helvetica, sans-serif;
color:#585858;
display:block;
overflow:hidden;
padding:2px 0 2px 8px;
}
#catalogue li a:hover{
text-decoration:underline;
color:#fff;
}
/***************** RECHERCHE */
form#frmRecherche{
position:relative;
height:31px;
padding:32px 0 0 12px;
background:url(../images/charte/bg-recherche.jpg) left top no-repeat;
}
form#frmRecherche input.case{
font:10px Arial, Helvetica, sans-serif;
color:#666;
width:117px;
height:14px;

padding: 5px 5px 0px 5px;
border:none;
background:none;
}
form#frmRecherche input.btn{
position:absolute;
width:20px;
height:18px;
top:35px;
left:135px;
}
/***************** AMI */
#colLeft a.ami{
text-decoration:none;
display:block;
height:65px;
background:url(../images/charte/bt-ami.jpg) left top no-repeat;
}
#colLeft a:hover.ami{
background-position:left bottom;
}
/***************** CONTENU *****************/
#contenu{
float:left;
width:780px;
padding:21px 10px 0 10px;
background:url(../images/charte/bg-contenu.gif)  top left no-repeat;
margin-bottom: 0px;

}

#contenu-text {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
line-height: 18px;
text-align:justify;
color:#8b8b8b;
width:765px;
float: left;

}

#contenu p.couleur{
font:bold 11px/14px Arial, Helvetica, sans-serif;
color:#000;
margin-bottom:1.2em;
}

#blocFlash{
float:left;
width:780px;
height:130px;
margin:0 10px 0 0;
display:block;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:70px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:990px;
height:38px;
margin:-38px auto 0;
background:url(../images/charte/bg-footer.jpg) left top no-repeat;
overflow:hidden;
}
#idep{
position:absolute;
left:30px;
top:15px;
width:180px;
height:25px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#000;
margin:0px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:9px Arial, Helvetica, sans-serif;
color:#000;
padding:19px 140px 0 230px;
text-align:center;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#000;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

.invisible{
display:none
}

a:active, a:focus{
outline:none;

}a img{
-moz-opacity: 1.00; opacity:1.00;
border: 0px;
}

a:hover img{
-moz-opacity: 0.70; opacity:0.70;
border: 0px;
}

.product-list{
width: 372px;
float: left;
margin-left: 7px;
margin-top: 15px;
vertical-align: top;
}

.product-list .top{
width: 376px;
background-image: url(../images/charte/news2.jpg);
background-repeat: no-repeat;
background-position: top left;


}


.product-list .middle{
width: 376px;
background-image: url(../images/charte/news-middle.jpg);
background-repeat: repeat-y;
background-position: top left;
float: left;

}

.product-list .middle2{
width: 376px;
background-image: url(../images/charte/news-middle2.jpg);
background-repeat: repeat-y;
background-position: top left;
float: left;

}



.product-list .middle .text{
width: 259px;
text-align: justify;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
height: 45px;
margin: 0px 0px 0px 10px;


}

.product-list .middle .title{
width: 259px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px dashed #818181;
margin: 0px 0px 5px 10px;
padding-bottom: 3px;
text-align: right;

}

.product-list .middle .title a{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #010101;
text-decoration: underline;
}

.product-list .middle .title :hover{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color: #DFB64D;
text-decoration: underline;
}

.product-list .middle .desig{
width: 259px;
float: left;
margin-left: 10px;
margin-top: 8px;
}

.product-list .middle .prix{
background-image: url(../images/charte/prix.jpg);
background-repeat: no-repeat;
background-position: top right;
width: 135px;

}

.product-list .middle .prix span{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #ffffff;
float:right;
line-height: 33px;
margin: 0px 30px 0px 0px;
}

.product-list .middle .prix .prix-promo{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #666666;
float:left;
text-align: left;
width:59px;
line-height: 33px;
border: 0px solid red;
}
.liens{
background-image: url(../images/charte/arrows.jpg);
background-repeat: no-repeat;
background-position: center left;
height: 19px;
padding-left: 15px;

}


.liens a{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #010101;
text-decoration: underline;
}

.liens:hover{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #DFB64D;
text-decoration: underline;
}

.product-list .middle .photo{
float: right;
width: 100px;
}


.fotter2{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #131313;
clear:left;
float:left;
width: 780px;
height:40px;
padding-top:15px;
}


/* productdetail */
.detail-left{
  float:left;
  width:280px;
  }
.detail-image{
  padding:4px;
  border:1px solid #B2B2B2;
  float:left;
  margin-bottom:4px;
  width:250px;
  height:280px;
  background-color: #fff;
  }
.detail-thumbs{
  margin-right:4px;
  border:1px solid #B2B2B2;
  float:left;
  width:258px;
  text-align:center;
  }
.detail-right{
  float:left;
  width:480px;
  font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
  }
.detail-label,
.detail-descriptif{
  color:#000;
  font-weight:bold;
  clear:both;
  width:90px;
  float:left;
  padding-bottom:5px;
   padding-top:5px;
  }
.detail-descriptif{
  float:none;
  padding:0;
  }
  #contenuTexte .detail-right p{
    margin:0;
    line-height:15px;
    }
.detail-circle {
  border:none;
  }
#contenuTexte .detail-right .prix p{
  float:right;
  padding-top:6px;
  text-decoration: line-through;
  color:#000;
  font:bold 12px Arial;
  border:none;
  margin-top:6px;
  }
.envoyer-ami{
  float:left;
  width: 172px;
    font-family: Arial, Verdana;
     font-size: 11px;
     margin-top: 10px;
     background-image: url(../images/charte/email.gif);
     background-repeat: no-repeat;
     background-position: top left;
     padding-left: 25px;
     height: 19px;
  }
 .envoyer-ami a{

 }

  .envoyer-ami a:hover{
   color: #000000;
 }

 .retour-ami{
  float:left;
  width: 40px;
  font-family: Arial, Verdana;
  font-size: 11px;
  margin-top: 12px;
  text-align: left;
  background-image: url(../images/charte/retour.gif);
  background-repeat: no-repeat;
  background-position: top left;
  height: 19px;
  margin-top: 10px;
  padding-left: 25px;
  }
 .retour-ami a{

 }

  .retour-ami a:hover{
   color: #000000;
 }

#contenuTexte .detail-right .prix p.label{
  color:#000;
  font-weight:bold;
  text-decoration: none;
  font-size:11px;
  margin-top:6px;
  }
#contenuTexte .detail-right .prix div{
  float:right;
  width:50px;
  background: url(../images/charte/bg-prix.jpg) no-repeat left top;
  height:29px;
  margin-left:5px;
  padding-top:6px;
  color:#fff;
  font:bold 13px Arial;
  text-align:center;
  margin-top:6px;
  }




/*  produit-associees  */

.produits-associees{
  width:152px;
  float:left;
  margin-right:22px;
  margin-bottom:24px;
  }

.produits-associees td{
  height:28px;
  text-align:center;
  width:152px;
 	background: url(../images/charte/bg-associees.jpg) no-repeat left top;
  }

#contenuTexte .produits-associees .produit-title p{
  text-align:center;
  margin:0;
  line-height:13px;
  color:#fff;
  }
  .produit-thumb{
    border:1px solid #B2B2B2;
    width:150px;
    height:150px;
    }


/* accueil */
.accueil-box{
  width:228px;
  float:left;
  margin-left:20px;
  margin-bottom:20px;
  }
.accueil-box td{
  width:228px;
  height:35px;
  }
#contenuTexte .accueil-box a:link,
#contenuTexte .accueil-box a:visited{
  color:#fff;
  }
#contenuTexte .accueil-box a:hover,
#contenuTexte .accueil-box a:active{
  text-decoration:none;
  }

  .promotions td{
    background: url(../images/charte/accueil-promo.jpg) no-repeat left top;
    }
  .coeur td{
    background: url(../images/charte/accueil-coeur.jpg) no-repeat left top;
    }
  .new td{
    background: url(../images/charte/accueil-new.jpg) no-repeat left top;
    }
  .prod td{
    background: url(../images/charte/accueil-prod.jpg) no-repeat left top;
    }
  #contenuTexte .accueil-box  p{
    text-align: center;
    margin:0;
    }
  .accueil-content{
    width:226px;
    height:160px;
    background-color: #fff;
    border:1px solid #8E8C8C;
    }
  .image-thumb{
    width:150px;
    height:150px;
    margin-left:4px;
    margin-top:4px;
    text-align: center;
    }
    .accueil-label{
      background:url(../images/charte/bg-label.jpg) no-repeat right 55px;
      height:70px;
      text-align: center;
      padding-bottom:56px;
      }
      .accueil-label img{
        margin-top:38px;
        }

/* retrouver */
.login-box{
  width:305px;
  margin:10px auto 5px;
  }



 .line{
  height:20px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }

  .lead{margin-top:10px;}