@import "panier.css";

.invisible{display:none;}

/***************** STYLE GLOBAUX *****************/
a img{border:none;}
a:active, a:focus{outline:none;}
.old-prix
  {
  text-decoration: line-through;
  color:#707070;
  font-size:13px;
  line-height:28px;
  font-weight:bold;
  }
.old-prix-detail
  {
  text-decoration: line-through;
  color:#707070;
  font-size:13px;
  line-height:28px;
  font-weight:bold;
  float:left;
  padding-top:3px;
  }

/***************** STYLE CONTENU *****************/
#contenu h1,
#cgv-popup h1{
  font:bold 18px Arial, Helvetica, sans-serif;
  color:#8ed512;
  letter-spacing:1px;
  margin:0 0 12px;
  border-bottom:1px dotted #c9d787;
  }
#contenu h2,
#cgv-popup h2{
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#e30917;
  letter-spacing:1px;
  margin:0 0 7px;
  }
#contenu h3,
#cgv-popup h3{
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#e30917;
  letter-spacing:1px;
  margin:0 0 7px;
  padding-top: 10px;
  }
#contenu h4{
font:bold 13px Arial, Helvetica, sans-serif;
color:#00812F;
margin:0 0 7px;
padding-top: 10px;
}
#contenu p{
font-family: Arial;
font-size: 12px;
line-height: 18px;
text-align:justify;
padding-bottom:5px;
color:#666666;
clear: both;
}
#contenu p span{
font-weight:bold;
font-size:12px;
line-height:18px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#e30917;

}
#contenu a:link, #contenu a:visited,
#cgv-popup a:link, #cgv-popup a:visited{

font-weight:bold;
text-decoration:underline;
color:#074511;
}
#contenu a:hover, #contenu a:active,
#cgv-popup a:hover, #cgv-popup a:active{
color:#A6050F;
text-decoration:none;
}

ul.list{
	 		padding:0px 30px 10px 30px;
			list-style:none;
			float:left;
		 	}
		ul.list li{
			color:#555;
      font-family: Arial;
      font-size: 12px;
      font-weight: normal;
      line-height: 18px;
			text-align:justify;
			margin-top:2px;
			background: url(../images/charte/icon-list.jpg) no-repeat left 6px;
			padding-left:15px;
			}
.page-link {
    color:#94010B;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
 		text-align:center;
    margin: 0 auto;
    margin-left: 15px;
}
          		.page-link:link, .page-link:visited{
                  font-family: Arial;
                  font-size: 12px;
                  font-weight: bold;
          				text-decoration:underline !important;
          				color:#94010B !important;
                  text-align: center;
          				}
          		.page-link:hover, .page-link:active{
                  font-family: Arial;
                  font-size: 12px;
                  font-weight: bold;
          				text-decoration:none !important;
          				color:#31B200 !important;
                  text-align: center;
                  }


/***************** STYLE FOOTER *****************/
#footer p{
font:bold 11px/30px Arial, Helvetica, sans-serif;
color:#8ed512;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
margin:0 10px;
color:#e30917;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#e30917;
}
/***************** STYLE PRODUIT *****************/
.select{
  text-align:left;
  width:110px;
  background-color:#E7E7E7;
  border:solid 1px #A28F8F;
}
.select1{
  text-align:left;
  width:150px;
  border:1px solid #AFC195;
	background-color:#ffffff;
  font:normal 11px Arial;
  color:#4B4A49;
}

.produit-box,
.produit-box1{
  width:180px;
  float:left;
  margin-right: 5px;
  height:290px;
  position: relative;
  margin-bottom:20px;
  }

  #container .prod-title{
    text-align: center;
    line-height:12px;
    color:#85C811;
    font:bold 11px Arial;
    }

.produit {
width:180px;
height:260px;
float:left;
background:url(../images/charte/bg-produit.jpg) no-repeat;
}
.produit-promo{
	padding-top:2px;
	height:48px;
	padding-left:135px;
}
.produit .prod-image,
.produit1 .prod-image{
  height: 154px;
  width: 154px;
  margin-top:-22px;
  margin-left:10px;
  text-align: center;
  }
.text-produit,
.text-produit1{
  padding-top:0px;
  float: left;
  padding-left:10px;
}
    #container .text-produit a:link, #container .text-produit a:visited,
    .text-produit1 a{
      text-decoration:none !important;
      font:11px/8px Arial, Helvetica, sans-serif;
      color:#8ed512;
      text-align: right;
      padding:0;
      margin:0;
      display: block;

    }
    .text-produit1 a{
      float:right;
      padding-top:6px;
      }

#contenu .produit p,
#contenu .produit1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#1EAB00;
line-height: 2px;
padding-top:20px;
float:left;
}
#contenu .produit span,
#contenu .produit1 span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
float:left;
clear:both;
}
#contenu .produit1 span{
  color:#000000;
  }

.bg-pret,
.bg-pret1{
width:55px;
height:21px;
margin-left:100px;
margin-top:19px;
background:url(../images/charte/bg-pret-promo.jpg) no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#760209;
text-align:center;
padding-top:3px;
padding-left:2px;
}
.bg-pret1{
    background: url(../images/charte/bg-pret-promo1.jpg) no-repeat right top;
    color:#ffffff;
  }

.produit-page,
.produit-page1{
  text-align: center;
  margin: 0 auto;
  width: 800px
}

.produit1 {
  width:180px;
  height:260px;
  float:left;
  margin-bottom: 20px;
  background:url(../images/charte/bg-produit1.jpg) no-repeat;
  }
.produit-promo1{
	padding-top:2px;
	height:48px;
	padding-left:135px;
  }

/*************************** fiche produit ********************/
.produit-button{
  float: right;
  width: 500px;
  margin-right:10px;
  display: inline;
  }
  .produit-button img{
    float:right;
    }

.zoom-button{
  padding-top:220px;
  text-align:left;
  float:left;
  }
table.detail-table{
	background-color: #F4F9EB;
	text-align: left;
	border-spacing: 0px;
	border: 1px solid #E8F9CA;
	border-collapse: collapse;
  width:730px;
  }
table.detail-table a, table.detail-table, .detail-table tbody, .detail-table tr, .detail-table th, .detail-table td{
	font-family: Arial;
  text-align: justify;
	line-height: 18px;
	font-size: 12px;
	color: #55595c;
  padding: 5px 5px 5px 5px;
 	border-bottom: 1px dotted #BACC9B;
}

table.detail-table th a:hover, table.detail-table th a:focus, .detail-table tbody tr:hover th{
  /*	background-color: #FD2D3A;
  color: #fff !important;
  cursor: auto;
  border: 1px dotted #fff;*/

}

.detail-table thead th{
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: #263027;
  background-color: #C8DCA4;
  text-align: center;
  padding-right:80px;
	border-top: 1px dotted #BACC9B;
	border-bottom: 1px dotted #BACC9B;
}

.detail-table tbody th{
	color: #263027;
	font-weight: bold;
	background-color: #E8F9CA;
	border: 1px dotted #BACC9B;
  width:120px;
}

.detail-table td{
	border: 1px dotted #BACC9B;
	padding: 0 10px;
}

/*tbody tr:hover td{
	background-color: #FEA9B0;
  color: #333333;
  border: 1px dotted #ffffff;
}*/

.fiche-formulaire{
  width: 700px;
  margin: 0 auto 25px;
  background-color:#E6FFDD;
  padding-left: 10px;
  border:1px solid #E9E8E8;
  padding:20px 0 7px;
  }
.produits-associes{
  float:left;
  width: 735px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: solid 1px #333333;
  border-bottom: solid 1px #333333;

}
.associes-box{
  width:100px;
  float:left;
  height:120px;
  }


    .produits-associes img{
      float: left;
      width:80px;
      height: 60px;
      border: solid 1px green;
      margin-left: 8px;
    }
.fiche-delai{
  position:absolute;
  left:280px;
  top:25px;
  background: url(../images/charte/bg-delai.jpg) no-repeat left top;
  padding-left:50px;
  height:30px;
  padding-top:8px;
  font:bold 13px Arial;
  color:#00812F;
  width:120px;

  }

.fiche-prix{
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  background-color: red;
  background:url(../images/charte/prix-detail.jpg) no-repeat left top;
  height:25px;
  display: block;
  float:left;
  width:90px;
  padding-top:4px;
  text-align: center;
  margin-right:7px;

  }
.fiche-collection{
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  color: #00812F;
  }

/************************** accueil ***************************/

.image-left{
  float: left;
  padding-right: 20px;
  padding-left: 20px;
  }
.image-right{
  float: right;
  padding-left: 20px;
  }

.bg-text{
  float: left;
  width: 500px;
  height: 115px;
  padding-left: 10px;
  padding-top: 15px;
  margin-top: 25px;
  background:url(../images/charte/bg-text.jpg) no-repeat;
  }
    .bg-text p {
      font-family: Arial;
      font-weight: normal;
      font-size: 12px;
      line-height: 20px;
      text-align:center !important;
      color:#333333 !important;
    }
.text{
  color: #4C6153;
  }
.text1{
  float:left;
  width:565px;
  text-align: justify;
  }
.text2{
  float:left;
  width:580px;
  text-align: justify;
  }

.bg-text-imp{
  float: left;
  width: 500px;
  height: 30px;
  padding-top: 5px;
  background:url(../images/charte/bg-text-imp.jpg) no-repeat 20px;
  }
    .bg-text-imp p {
      font-family: Arial;
      font-weight: bold;
      font-size: 12px;
      line-height: 18px;
      text-align:center !important;
      color:#6D040B !important;
      }
.bg-index-contact{
  float: left;
  width: 500px;
  height: 30px;
  padding-top: 5px;
  background:url(../images/charte/bg-index.jpg) no-repeat 16px;
  }
  .bg-index-contact p {
      font-family: Arial;
      font-weight: bold;
      font-size: 12px;
      line-height: 18px;
      text-align:center !important;
      color:#6D040B !important;
      padding-top:2px;
      }

.line{
  padding-bottom: 20px;
  padding-top: 15px;
  }
 .line1{
  padding-bottom: 10px;
  padding-top: 10px;
  }

/************************** login box **************************************/

.login-box{
  width:460px;
  height: 210px;
  background:url(../images/charte/login-box.jpg) no-repeat ;
  text-align:center;
  margin:0 auto ;
  padding-top: 25px;
  margin-top: 50px;
  }
.login-text{
  text-align: center !important;
  }

.login-line{
  padding-top:5px;
  padding-bottom: 10px;
  }
.login-button{
  padding-bottom:20px;
  clear:both;
  }
.login-contenu{
  width:460px;
  text-align:center;
  margin: 0 auto;
  padding-left:70px;
  }
.retrouver-form{
  width:460px;
  height: 133px;
  background:url(../images/charte/retrouver.jpg) no-repeat ;
  text-align:center;
  margin:0 auto ;
  padding-top: 50px;
  margin-top: 20px;
  }
.retrouver-button{
  padding-top:15px;
  padding-bottom:5px;
  clear:both;
  }
.retrouver-text{
  text-align: center !important;
  font-size: 10px !important;
  }

.creer-col{
  width:300px;
  text-align:center;
  margin: 0 auto;
  padding-left:7px;
  float: left;
  padding-top:60px;
  }
.creer-col1{
  width:350px;
  text-align:center;
  margin: 0 auto;
  padding-left:10px;
  float: left;
  padding-top:60px;
  padding-bottom:20px;
  }
.info-form{
  width:676px;
  height: 290px;
  background: url(../images/charte/bg-creer.jpg) no-repeat ;
  text-align:center;
  margin:0 auto;
  margin-top: 50px;
  }

#ami-popup{
 	background: url(../images/charte/bg-ami.jpg) no-repeat left top;
  position: relative;
  }

#ami-popup .clear{clear:both;}
.ami-box{
  margin:0 auto;
  width:450px;
  padding-top:146px;
  }
  .ami-message{
    position: absolute;
    top:326px;
    left:28px;
    font:normal 11px Arial;
    }
  .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;
  padding-top:10px;
  }
  .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{
  position: absolute;
  top:322px;
  left:573px;
  padding-right:8px;
  }
#cgv-popup{
 	background: url(../images/charte/bg-cgv.jpg) no-repeat left top;
  margin:0;
  padding:140px 0 0 ;
  }
  #cgv-popup p{
    font:normal 12px Arial
    }
  .cgv-content{
    width: 650px;
    height:420px;
    margin-left:25px;
    overflow:auto;
    padding-right:10px;
    }
    #cgv-popup p{
     font:normal 12px Arial;
     color:#666666;
     margin-left:20px
     }
#fermer-cgv{
  position: absolute;
  top:572px;
  left:4px;
  }

/* productdetail */
.detail-left{
  float:left;
  width:260px;
  }
.detail-image{
  padding:4px;
  border: solid 1px #DDDDDD;
  float:left;
  margin-bottom:4px;
  width:250px;
  height:250px;
  }
.detail-thumbs{
  margin-right:4px;
  border:1px solid #B2B2B2;
  float:left;
  width:150px;
  height:150px;
  text-align:center;
  }
.detail-right{
  float:left;
  width:440px;
  }
.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:18px;
  }
a#detail-contact{
  background: url(../images/charte/contact.jpg) no-repeat left 2px;
  padding-left:18px;
  }
a#detail-retour{
  background: url(../images/charte/retour.jpg) no-repeat left top;
  padding-left:18px;
  float:left;
  margin-top:7px;
  }
.promo-detail{
  position:absolute;
  left:283px;
  top:-23px;  }
.new-detail{
  position:absolute;
  left:213px;
  top:11px;
  }
.coeur-detail{
  position:absolute;
  left:200px;
  top:21px;
  }
.dim-table{
  background-color: #BACC9B;
  margin-left:15px;
  margin-bottom:15px;

  }
  .dim-table td{
    background-color: #F4F9EB;
    font:normal 11px Arial;
    padding:2px 10px;
    color:#666666;
  }

#contenu .associes-title{
  font:normal 10px/9px Arial;
  text-align: center;
  }

.virement-content{
  width:500px;
  border:1px solid #D7D7D7;
  margin-left:100px;
  padding:10px 0;
  clear:both;
  height:115px;
  }