/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* styles globaux
**********************/
*{
  margin: 0;
  padding: 0;
  }
a img{
  border: none;
  }
a:focus, a:active{
  outline: none;
  }
.clearer{
  clear: both;
  }
.clearerleft{
  clear: left;
  }
#contenuTexte a{
  color: #f60;
  text-decoration: none;
  }
#contenuTexte a:hover{
  text-decoration: underline;
  }
#contenuTexte .couleur{
  font-weight: bold;
  color: #6C5332;
  }
#contenuTexte h1{
  margin: 10px 0 5px;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 1px solid #FFF;
  }
#contenuTexte h2{
  margin: 10px 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #a97138;
  }
#contenuTexte p{
  margin: 0 0 5px;
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align: justify;
  }
#contenuTexte table{
  margin: 10px 0 5px;
  }
#contenuTexte table th, #contenuTexte table td{
  padding: 2px 5px;
  border-right: 1px solid #B06E18;
  border-bottom: 1px solid #B06E18;
  background: #B8BB9B;
  }
#contenuTexte ul{
  margin: 10px 0 10px 20px;
  font: 11px/14px Arial, Helvetica, sans-serif;
  text-align: justify;
  }

/* listing prod
**********************/
#contenuTexte .itemprod{
  float: left;
  }
#contenuTexte .itemprod a.mini{
  display: block;
  width: 130px;
  background: #333;
  padding: 1px;
  text-decoration: none;
  margin: 10px 18px 5px;
  border: 1px solid #B06E18;
  text-align: center;
  }
#contenuTexte a.mini h3{
  font: normal 10px Arial, Helvetica, sans-serif;
  text-align: center;
  color: #FFF;
  background: #3e280a;
  padding: 6px 4px;
  text-transform: uppercase;
  }
#contenuTexte a.mini h3 span{
  text-transform: none;
  }
#contenuTexte a.mini p.desc{
  background: #9C5E33;
  font-size: 10px;
  padding: 3px 5px;
  margin: 0;
  text-align: left;
  color: #FFF;
  }
#contenuTexte a.mini p.prix{
  font: bold 13px Arial, Helvetica, sans-serif;
  text-align:center;
  color: #FFF;
  background: #833600;
  padding: 4px;
  margin: 0;
  }
#contenuTexte a.mini p.prix .promo{
  font-size: 10px;
  }
#contenuTexte a.mini p.prix .promo span{
  text-decoration: line-through;
  }
#contenuTexte .itemprod a.mini:hover{
  background: #ae6f17;
  border: 1px solid #000;
  text-decoration: none;
  }
#contenuTexte a.mini:hover h3{
  background: #833600;
  }
#contenuTexte a.mini:hover p.desc{
  background: #84461B;
  }
#contenuTexte a.mini:hover p.prix{
  background: #3e280a;
  }
#contenuTexte .itemprod a.ajoutpanier{
  display: block;
  width: 121px;
  background: #77776F;
  padding: 5px;
  color: #000;
  text-decoration: none;
  margin: 0 0 10px 18px;
  border: 1px solid #B06E18;
  text-align: center;
  }
#contenuTexte .itemprod a.ajoutpanier:hover{
  background: #A0A293;
  color: #000;
  border: 1px solid #000;
  }

/* bloc actu
**********************/
#contenuTexte #blocactu{
  background: url(../images/charte/blocactu_bck.png);
  float: right;
  width: 178px;
  border-top: 1px solid #97997D;
  border-right: 1px solid #97997D;
  border-left: 1px solid #97997D;
  margin: 10px 0 0;
  }
#contenuTexte #blocactu .itemactu{
  border-bottom: 1px solid #97997D;
  text-align: center;
  }
#contenuTexte #blocactu h2{
  margin: 10px 7px 7px;
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #FFF;
  border-bottom: 1px solid #FFF;
  }
#contenuTexte #blocactu .itemactu img{
  margin: 0 0 7px;
  }
#contenuTexte #blocactu p{
  margin: 0 7px 5px;
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align: justify;
  }
#contenuTexte #blocactu a{
  color: #3E3F33;
  }

/* page actu
**********************/
#contenuTexte #blocactu.big{
  float: none;
  width: 670px;
  padding: 10px 10px 0;
  border: 1px solid #97997D;
  }
#contenuTexte #blocactu.big:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
#contenuTexte #blocactu.big .itemactu{
  border: none;
  }
#contenuTexte #blocactu.big img{
  float: left;
  margin: 0 10px 10px 0;
  }

/* rail + pagination
**********************/
#contenuTexte h2#rail{
  margin: 0 0 10px;
  font: 10px Arial, Helvetica, sans-serif;
  color: #666;
  }
#contenuTexte h2#rail a{
  color: #333;
  }
#contenuTexte #pagination{
  text-align: center;
  margin: 10px 0;
  }

/* fiche prod
**********************/
#contenuTexte #picsprod{
  float: left;
  width: 420px;
  margin: 0 10px;
  }
#contenuTexte #picsprod img{
  margin: 10px 10px 0 0;
  float: left;
  }
#contenuTexte #infoprod{
  float: left;
  width: 240px;
  }
#contenuTexte #ficheprod{
  background: url(../images/charte/blocactu_bck.png);
  border: 1px solid #97997D;
  margin: 10px 0 0;
  padding: 20px 20px 10px;;
  }
#contenuTexte #ficheprod p.prix{
  color: #FFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  margin: 10px 0 0;
  text-align: right;
  }
#contenuTexte #ficheprod p.prix span{
  font: bold 10px Arial, Helvetica, sans-serif;
  text-decoration: line-through;
  }
#contenuTexte #ficheprod #formprod div{
  text-align: right;
  margin: 2px 0;
  }
#contenuTexte #ficheprod #formprod select{
  width: 134px;
  font: 10px Arial, Helvetica, sans-serif;
  }
#contenuTexte #ficheprod #formprod input{
  width: 130px;
  font: 10px Arial, Helvetica, sans-serif;
  }
#contenuTexte #infoprod #ajoutpanier{
  float: right;
  width: 120px;
  height: 25px;
  margin: 5px 0 0;
  padding: 12px 0 0;
  background: #77776F;
  color: #000;
  text-decoration: none;
  border: 1px solid #B06E18;
  text-align: center;
  }
#contenuTexte #infoprod #ajoutpanier:hover{
  background: #A0A293;
  color: #000;
  border: 1px solid #000;
  }
#contenuTexte #infoprod .smallbutton{
  display: block;
  width: 110px;
  height: 15px;
  margin: 5px 0 0;
  background: #77776F;
  color: #000;
  text-decoration: none;
  border: 1px solid #B06E18;
  text-align: center;
  font: 9px/16px Arial, Helvetica, sans-serif;
  }
#contenuTexte #infoprod .smallbutton:hover{
  background: #A0A293;
  color: #000;
  border: 1px solid #000;
  }

/* contact
**********************/
#formContact{
  margin: 20px 0;
  }
#formContact .col{
  float: left;
  width: 340px;
  }
#formContact .row{
  text-align: right;
  margin: 2px 0;
  }
#formContact .row input, #formContact .row textarea{
  width: 220px;
  font: 10px Arial, Helvetica, sans-serif;
  }
#formContact .row label{
  font: 10px Arial, Helvetica, sans-serif;
  color: #633000;
  vertical-align: top;
  }
#formContact #rowsubmit{
  clear: both;
  }
#formContact #rowsubmit input{
  width: 150px;
  margin: 10px 10px 0 0;
  font: 10px Arial, Helvetica, sans-serif;
  }
#formContact #rowsubmitlarge{
  text-align: right;
  clear: both;
  }
#formContact #rowsubmitlarge input{
  width: 225px;
  margin: 10px 0 0 0;
  font: 10px Arial, Helvetica, sans-serif;
  }
#contenuTexte .small{
  font: 10px Arial, Helvetica, sans-serif;
  }
#contenuTexte .champRequis{
  color: #F00;
  }
  
  .magazin{
  float:left;
  width:340px;
  border-right:1px solid #fff;
  margin-top:10px 
  }
  .nouveau-magazin{
  float:right;
  width:320px;  margin-top:10px}