@import "mail-styles.css";
@import "panier.css";

/***************** STYLE GLOBAUX *****************/
#container .mentions-legales  p{
  margin-bottom:5px;
  padding: 0;
  }
#container .mentions-legales h2{
  color:#61BC20;
  }
a img{
  border:none;
  }
a:active, a:focus{
  outline:none;
  }
/***************** STYLE CONTENU *****************/
#contenu h1 span{
display:none;
}
#contenu .dernieresnouvelles {
background:url(../images/charte/h1-promo.jpg) no-repeat;
height:20px;
}
#contenu .nouveauxproduits {
background:url(../images/charte/h1-nouveauxproduits.jpg) no-repeat;
height:20px;
}
#contenu h1{
  height:60px;
  font:bold 18px Arial, Helvetica, sans-serif;
  color:#6ec62f;
  margin:10px 0;
  }


#cgv-popup h1{
  font:bold 18px Arial, Helvetica, sans-serif;
  color:#6ec62f;
  margin:10px 0;
  height:50px;
  }
#contenu h1 a:link, #contenu h1 a:visited{
  font:bold 18px Arial, Helvetica, sans-serif;
  }
#contenu h1 span{
  display:none;
  }
#contenu h2,
#cgv-popup h2{
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#EB911D;
  letter-spacing:1px;
  margin:20px 0 7px;
  border-bottom:1px dotted #EB911D;
  }
#contenu p,
#cgv-popup p{
  font:11px/1.4em Arial, Helvetica, sans-serif;
  text-align:justify;
  color:#484848;
  margin-bottom:1.2em;
  }
#contenu p.couleur, span.couleur, strong.couleur{
  font-weight:bold;
  color:#EB911D;
  font-size:12px;
  }
#contenu a:link, #contenu a:visited,
#cgv-popup a:link, #cgv-popup a:visited{
  text-decoration:underline;
  color:#6ec62f;
  font:bold 11px Arial;
  }
#contenu a:hover, #contenu a:active,
#cgv-popup a:hover, #cgv-popup a:active{
  color:#6ec62f;
  text-decoration:none;
  }
/***************** STYLE FOOTER *****************/
#footer p{
  font:10px/30px Arial, Helvetica, sans-serif;
  color:#fff;
  text-align:right;
  letter-spacing:1px;
  padding:0 10px 0 0;
  }
#footer a:link, #footer a:visited{
  text-decoration:none;
  color:#fff;
  }
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
.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;
  }
#contenu .lead{margin-top:0px;}
#contenu .indent{margin-left:15px;}
#contenu .centered{
  text-align:center;
  margin:0 auto;
  clear:both;
  font-size:12px;
  }
.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;
  margin-bottom:10px;
  }
  ul.list li{
    background: url(../images/charte/icon-list.jpg) no-repeat left 7px;
    font:normal 11px Arial;
    color:#484848;
    padding-left:8px;
    line-height:15px;
    }
/* Liens */


.liens-box{
  margin-left:20px;
  margin-top:5px;
  width:512px;
  }
.liens-box div{
  line-height:0;
  font-size:0;
  }
.liens-image{
  background: url(../images/charte/liens-repeat.jpg) repeat-y left top;
  text-align: center;
  }
/* Product List */
.produit-box{
  width:256px;
  height:224px;
  float:left;
  position:relative;
  background:url(../images/charte/bg-produit.jpg) no-repeat left 15px;
  padding:0 8px;
  margin-right:3px;
  margin-bottom:15px;
  }
.produit-box td{
  height: 42px;
  width:256px;
  }
  #contenu .produit-box td p{
   text-align:center;
   margin:0;
   line-height: 11px;
   }
   #contenu .produit-box td a:link, #contenu .produit-box td a:visited{
     color: #000000;
     text-decoration: none;
     line-height: 11px;
     }
   #contenu .produit-box td a:active, #contenu .produit-box td a:hover{
     color: #000000;
     text-decoration: underline;
     }
#contenu .produit-image{
  float:left;
  margin-top:5px;
  margin-right:7px;
  text-align: center;
  width:110px;
  height:110px;
  }
  .produit-image img{
    border:1px solid #B7B7B7;
    }

#contenu p.descriptif{
  line-height:13px;
  height: 80px;
  margin-top:5px;
  }
#contenu p.prix{
  float:right;
  text-align: right;
  height:35px;
  width:90px
  }
#contenu strong.prix-promo{
  color:#61BA22;
  font:bold 11px Verdana;
  text-decoration:none;
  }
#contenu .prix span{
  text-decoration: line-through;
  }
  #contenu .produit-box input{
    margin-top:7px;
    }
    .plus{
      position: absolute;
      left:10px;
      top:180px;
      font:bold 11px Arial;
      }
/* productdetail */
.detail-left{
  float:left;
  width:270px;
  }
.detail-image{
  padding:4px;
  border:1px solid #B2B2B2;
  float:left;
  margin-bottom:4px;
  width:250px;
  height:250px;
  background-color: #F5F5F5;
  }
.detail-right{
  float:left;
  width:280px;
  }
.detail-label,
.detail-descriptif{
  color:#000;
  font-weight:bold;
  clear:both;
  width:90px;
  float:left;
  padding-bottom:5px;
  }
.detail-descriptif{
  float:none;
  padding:0;
  }
  #contenu .detail-right p{
    margin:0;
    line-height:15px;
  }
#contenu .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;
  line-height:19px;
  }
#contenu .detail-right .prix p.label{
  color:#000;
  font-weight:bold;
  text-decoration: none;
  font-size:11px;
  margin-top:6px;
  }
#contenu .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:24px;
  }
a#detail-contact{
  background: url(../images/charte/contact.jpg) no-repeat left top;
  padding-left:24px;
  }
a#detail-retour{
  background: url(../images/charte/retour.jpg) no-repeat left 2px;
  padding-left:14px;
  float:left;
  margin-top:7px;
  }
.produits-associees{
  background: url(../images/charte/bg-associees.jpg) no-repeat left 2px;
  width:129px;
  height:210px;
  padding-top:4px;
  float:left;
  margin-bottom:15px;
  margin-right:8px;
  }
  #contenu .produits-associees td {
    color:#fff;
    line-height:10px;
    font:normal 10px Arial;
    line-height:10px;
    height:35px;
    width:125px;
    }
  .associees-image{
    width:120px;
    text-align: center;
    margin:5px auto 0;
    }

/* login */
 .login-box{
  width:350px;
  margin:10px auto 5px;
  height:45px;
  padding-top:15px;
  padding-left:45px;
  }
    .login-box .mail_label_wide{
      width:145px;
      float:left;
      margin-top:5px;
      font:normal 11px Arial;
      color:#484848;
      }
    .buttons-login{
      width:240px;
      margin:0 auto;
      clear:both}

.clientinfos{
  height:280px;
  }

/* un ami */
#ami-popup{
 	background: url(../images/charte/bg-ami.jpg) no-repeat left top;}
#ami-popup .clear{clear:both;}
.ami-box{
  margin:0 auto;
  width:450px;
  padding-top:150px;
  }
  .form-ami{
    float:left;
    width:225px;
    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;
  }
#fermer-ami{
  float:right;
  padding-right:28px;
  padding-top:20px;
  }

/* cgv-popup */
#cgv-popup{
 	background: url(../images/charte/bg-cgv.jpg) no-repeat left top;
  margin:0;
  height:490px;
  }
  .cgv-content{
    width: 550px;
    height:440px;
    margin-left:25px;
    overflow: auto;
    padding-right:15px;
    }
.subcateg-box{
  background: url(../images/charte/bg-souscateg.jpg) no-repeat left top;
  margin:0;
  height:60px;
  width:262px;
  float:left;
  margin-right:10px;
  padding-top:3px;
  margin-bottom:6px;
  cursor:pointer;
  }
  .subcateg-box table{
    width: 230px;
    height: 50px;
    margin:0 auto;
    }
    #contenu .subcateg-box a:link,
    #contenu .subcateg-box a:visited{
      text-decoration:underline;
      color:#1B70DA !important;
      font:bold 11px Arial;
      }
   #contenu .subcateg-box a:hover{
      text-decoration:underline;
      color:#6BBF2E !important;
      }

#menuRight #bonjour{
  padding-top:10px;
  text-align:center;

  }

#haut{
  background: url(../images/charte/haut.jpg) no-repeat left 1px;
  padding-left:14px;

  }