@import "mail-styles.css";
/***************** STYLE GLOBAUX *****************/
a img{
border:0px;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenuTexte h1{
font:bold 16px Arial, Helvetica, sans-serif;
color:#33CCCC;
letter-spacing:1px;
margin:0 0 12px;
}
#contenuTexte h1 a:link,
#contenuTexte h1 a:visited{
font:bold 18px Arial, Helvetica, sans-serif;
color:#33CCCC;
letter-spacing:1px;
margin:0 0 12px;
}
#contenuTexte h1 a:active,
#contenuTexte h1 a:hover{
font:bold 18px Arial, Helvetica, sans-serif;
color:#666666;
letter-spacing:1px;
margin:0 0 12px;
}
#contenu h2{
font:bold 13px Arial, Helvetica, sans-serif;
color: #990099;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 13px Arial, Helvetica, sans-serif;
color: #00C2BE;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3 span{
  font-size:12px;
  color:#666666;
  }


#contenu p{
font:11px/15px Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-top:8px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color: #990099;
}


#contenu_en h2{
font:bold 13px Arial, Helvetica, sans-serif;
color: #990099;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu_en h3{
font:bold 13px Arial, Helvetica, sans-serif;
color: #00C2BE;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu_en h3 span{
  font-size:12px;
  color:#666666;
  }


#contenu_en p{
font:11px/15px Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
margin-top:8px;
}
#contenu_en p.couleur, .couleur{
font-weight:bold;
color: #990099;
}
span.couleur {
  color:#990099;
  font-weight:normal;
  }
#contenuTexte .color{
  font-weight:bold;
  color:#00AEAA;
  }


#contenu a{
font-weight:bold;
text-decoration:underline;
color:#333;
font:bold 11px arial;
}
#contenu a:hover{
color:#33CCCC;
}

#contenu_en a{
font-weight:bold;
text-decoration:underline;
color:#333;
font:bold 11px arial;
}
#contenu_en a:hover{
color:#33CCCC;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
position:relative;
width:220px;
margin:0 0 0 20px;
background:#fff;
}
.uneactu{
padding:0 0 0 20px;
margin:0 0 30px;
}
#actu .uneactu p{
font-size:10px;
}
#actu .uneactu p.date{
width:60px;
color:#fff;
background:#c9d787;
padding:1px 0 2px 4px;
margin:0 0 7px;
}
#contenu #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}

#contenu_en #actu .uneactu a{
position:relative;
top:5px;
font:10px Arial, Helvetica, sans-serif;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#333;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#333;
}
.invisible {
  display:none;
  }
.line{
  height:20px;
  background: url(../images/charte/line.jpg) repeat-x left center;
  line-height:0;
  font-size:0px;
  padding:0;
  clear:both;
  }
#contenuTexte .lead{margin-top:0px;}
#contenuTexte .clear{clear:both}
#contenuTexte .indent{margin-left:15px;}
#contenuTexte .centered{
  text-align:center;
  margin:0 auto;
  }
.left{float:left}
.right{float:right}
.image-left{
  float:left;
  margin-right:10px;
  }
.image-right{
  float:right;
  margin-left:10px;
  }
ul.list{
  list-style:none;
  margin-left:20px;
  margin-top:0px;
  }
  ul.list li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 5px;
    font:normal 11px Arial;
    color:#666666;
    padding-left:12px;
    line-height:17px;
    margin-top:3px;
    }
  ul.list span{
    color:#00C2BE;
    font-weight:bold;
    }
ul.sublist{
  list-style:none;
  margin-left:20px;
  margin-top:0px;
  }
  ul.sublist li{
    background: url(../images/charte/icon-sublist.jpg) no-repeat left 6px;
    font:normal 11px Arial;
    color:#666666;
    padding-left:8px;
    line-height:17px;
    margin-top:3px;
    }
ul.list li.noBg,
ul.sublist li.noBg{
  background-image: none;
  }
/* Product List */
.produit-box{
  width:152px;
  height:285px;
  float:left;
  position:relative;
  background-color: #ffffff;
  border:1px solid #AAAAAA;
  padding:9px;
  margin-right:4px;
  margin-bottom:15px;
  }
.produit-image .noBorder{
      width:150px;
      height:150px;
      text-align: center;
      border: 1px solid #E3E3E3;
      float:left;
      display:inline;
      margin-bottom:3px;
      }
.noBorder{
  border:none;
  }

.circle {
  text-align:center;
  margin:0 auto;
  height: 25px;
  padding-top: 5px;
  border-bottom:1px solid #E7E7E7;
  width: 150px;

  }
   .produit-box td{
    height: 45px;
    width:150px;
    }
    #contenuTexte .produit-box td p{
     text-align:center;
     margin:0;
     }
      a:hover img {
    	 border: 0px;
    	-moz-opacity: 0.80; opacity:0.80;
      }
.label, label1{
  height:25px;
  width:150px;
  text-align: center;
  }
.label1{
  text-align:left;
  width:250px;
  height:25px;
  padding-top:2px;
  }

#contenuTexte p.prix{
  float:right;
  color:#333333;
  width:68px;
  margin-top:0;
  text-align: right;
  }
#contenuTexte strong.prix-promo{
  color:#A94AA5;
  font:bold 13px Tahoma;
  text-decoration:none;
  }
#contenuTexte .prix span{
  text-decoration: line-through;
  }

  .asoc{
    width: 520px;
     background-color: #FFFFFF;
     float: left;
     border-bottom:1px solid #B2B2B2;
    padding: 10px 10px 10px 10px;
    text-align: left;

  }



/* productdetail */
.detail-left{
  float:left;
  width:280px;

  }
.detail-image{
  padding:0px;
  border:1px solid #B2B2B2;
  float:left;
  margin-bottom:4px;
  width:258px;
  height:279px;
  background-color: #fff;

  }

.detail-thumbs{
  border:1px solid #B2B2B2;
  background-color: #FFFFFF;
  float:left;
  width:258px;
  text-align:center;
  height: 60px;
  }
.detail-right{
  float:left;
  width:250px;
  }
.detail-label,
.detail-descriptif{
  color:#000;
  font-weight:bold;
  clear:both;
  width:90px;
  float:left;
  padding-bottom: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;
  }
.detail-links{
  float:left;
  clear: left;
  line-height:19px;
  width: 230px;



  }
#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;
  }
a#detail-ami{
  background: url(../images/charte/ami.jpg) no-repeat left top;
  padding-left:18px;
  }
a#detail-contact{
  background: url(../images/charte/contact.jpg) no-repeat left top;
  padding-left:18px;
  }
a#detail-retour{
  background: url(../images/charte/retour.jpg) no-repeat left 1px;
  padding-left:18px;
  float:left;
  margin-top:3px;
  }
a.ajouter{
  background: url(../images/charte/ajouter.jpg) no-repeat 3px 2px;
  padding-left:18px;
  }
#ami-popup{
 	background: url(../images/charte/bg-ami.jpg) no-repeat left top;
  margin-left:50px;

   }

   #cgv-popup{
 	background: url(../images/charte/bg-ami2.jpg) no-repeat left top;
  background-color: #F9F9F9;
  margin-left: 0px;

   }
#ami-popup .clear{clear:both;}

.ami-box{
  margin:0 auto;
  width:450px;
  padding-top: 152px;

  }
  .form-ami{
    float:left;
    width:205px;
    text-align: center;
    }
    .form-ami input{
        margin-bottom:7px;
        width:150px;
        }
.buttons-ami{
  clear:both;
  text-align:center;
  margin:0 auto;
  width:300px;
  }
  .buttons-ami div{
    width:150px;
    float:left;
    }
#ami-popup p{
	padding-bottom:5px;
	line-height:1.5em;
  font:normal 10px Arial, Helvetica, sans-serif;
	color:#333;
  text-align:center;
  padding-top:5px;
  }
  #ami-popup p span{
    color:#B80029;
    }
#fermer-ami{
  float:right;
  padding-right:8px;
  }

/*  produit-associees  */

.produits-associees{
  width:152px;
  float:left;
  margin-right:22px;
  margin-bottom:24px;
   background-color: #ffffff;


  }

.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{

    width:150px;
    height:150px;
    }


/* accueil */
.accueil-box{
  width:228px;
  float:left;
  margin-right: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:142px;
    background-color: #fff;
    border:1px solid #8E8C8C;
    line-height: 16px;
    }
  .image-thumb{
    width:100px;
    height:100px;
    margin-left:4px;
    padding-right: 5px;
    margin-top:4px;
    text-align: center;
    }
    .accueil-label{
      background:url(../images/charte/bg-label.jpg) no-repeat right 55px;
      height:100px;
      text-align: center;
      padding-top:5px;
      }

      .liens{
      color: #000000;
      text-decoration: underline;
      font-weight: bold;

      }



      .accueil-label img{
        margin-top:0px;
        }

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