/* 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.
 */
 
/* imports
*********************/
@import "charte.css";
@import "typographie.css";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.clearer{
  clear: both;
  }
.floatleft{
  float: left;
  }
.floatright{
  float: right;
  }
img.floatright{
  margin: 8px 8px 8px 16px;
  }
a:active, a:focus{
  outline: none;
  }
a img{
  border: none;
  }

/* listing
*********************/
#contenuTexte .item{
  width: 215px;
  height: 160px;
  float: left;
  margin: 0 8px 8px 0;
  padding: 0 0 0 1px;
  background: #FEFAEE;
  border-left: 7px solid #AEAF96;
  }
#contenuTexte .item.promo{ border-color: #F39203; }
#contenuTexte .item.nouv{ border-color: #0084AA; }
#contenuTexte .item.coeur{ border-color: #3C6916; }
#contenuTexte .item h1{
  font: bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 2px 0;
  color: #1F3036;
  }
#contenuTexte .item.promo h1{ color: #DA4B1A; }
#contenuTexte .item.nouv h1{ color: #006d97; }
#contenuTexte .item.coeur h1{ color: #2E5110; }
#contenuTexte .item h2{
  font: 13px Georgia, "Times New Roman", Times, serif;
  color: #000;
  margin: 2px 0;
  }
#contenuTexte .item h2 span{
  font: bold 10px Georgia, "Times New Roman", Times, serif;
  }
#contenuTexte .item img{
  float: left;
  margin: 0 8px 8px 0;
  }
#contenuTexte .item p,#contenuTexte .item a{
  font: bold 10px/18px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  }
#contenuTexte .item p span{
  font: bold 20px/30px Arial, Helvetica, sans-serif;
  /*padding: 10px 0;*/
  display: block;
  }
#contenuTexte .item p del{
  font-size: 12px;
  font-weight: normal;
  color: #555;
  }
#contenuTexte .item p a{
  color: #000;
  text-decoration: none;
  }
#contenuTexte .item p a:hover{
  text-decoration: underline;
  }
#contenuTexte .item p a[title="En savoir plus"]{
  background: url(../images/charte/icon_plus.gif) no-repeat;
  padding: 0 0 0 15px;
  }
#contenuTexte .item a[title="Ajouter au panier"]{
  background: url(../images/charte/icon_panier.gif) no-repeat;
  padding: 0 0 0 15px;
  }
#contenuTexte #pagination{
  margin: 8px 8px 0 0;
  padding: 8px 0 0;
  clear: both;
  border-top: 1px solid #FFF;
  font: 9px Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
  text-align: center;
  }
#contenuTexte #pagination a{
  margin: 0 16px;
  }

/* listing rub
*********************/
#contenuTexte .rub{
  width: 145px;
  height: 165px;
  float: left;
  text-align: center;
  margin: 0 8px 8px 0;
  background: #FEFAEE;
  border-top: 7px solid #AEAF96;
  }
#contenuTexte .rub h1{
  font: bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 2px 0;
  color: #1F3036;
  }
#contenuTexte .rub p{
  font: bold 10px/18px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0 0 0 25px;
  }
#contenuTexte .rub p a{
  color: #000;
  text-decoration: none;
  background: url(../images/charte/icon_plus.gif) no-repeat;
  padding: 0 0 0 15px;
  }
#contenuTexte .rub p a:hover{
  text-decoration: underline;
  }

/* actualité
*********************/
#contenuTexte .actu{
  width: 207px;
  height: 152px;
  float: left;
  margin: 0 8px 8px 0;
  padding: 0 8px 8px 1px;
  background: #FEFAEE;
  border-left: 7px solid #634200;
  overflow: hidden;
  }
#contenuTexte .actu h1{
  font: bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 2px 0;
  color: #634200;
  }
#contenuTexte .actu img{
  float: left;
  margin: 0 8px 8px 0;
  }
#contenuTexte .actu p{
  font: bold 10px/14px Arial, Helvetica, sans-serif;
  color: #000;
  text-align: left;
  margin: 0;
  padding: 0 0 0 8px;
  }

/* fiche_prod
*********************/
#contenuTexte #prod{
  width: 445px;
  margin: 0 8px 8px 0;
  padding: 0 0 0 1px;
  background: #FEFAEE;
  border-left: 7px solid #AEAF96;
  text-align: center;
  position: relative;
  }
#contenuTexte #prod.promo{ border-color: #F39203; }
#contenuTexte #prod.nouv{ border-color: #0084AA; }
#contenuTexte #prod.coeur{ border-color: #3C6916; }
#contenuTexte #prod #prix{
  float: right;
  font: bold 20px/30px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 20px 10px 0 0;
  }
#contenuTexte #prod #prix del{
  font-size: 12px;
  font-weight: normal;
  color: #555;
  }
#contenuTexte #prod h1{
  font: bold 14px "trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 2px 0;
  color: #1F3036;
  text-align: left;
  }
#contenuTexte #prod.promo h1{ color: #DA4B1A; }
#contenuTexte #prod.nouv h1{ color: #006d97; }
#contenuTexte #prod.coeur h1{ color: #2E5110; }
#contenuTexte #prod h2{
  font: 24px Georgia, "Times New Roman", Times, serif;
  color: #000;
  margin: 2px 0;
  text-align: left;
  }
#contenuTexte #prod h2 span{
  font: bold 10px Georgia, "Times New Roman", Times, serif;
  }
#contenuTexte #prod img{
  margin: 8px;
  }
#contenuTexte #prod p{
  font: bold 10px/18px Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  }
#contenuTexte #prod #btn_panier,
#contenuTexte #prod #btn_ami{
  position: absolute;
  right: -122px;
  }
#contenuTexte #prod #btn_panier{
  top: -8px;
  }
#contenuTexte #prod #btn_ami{
  top: 106px;
  }

/* contact
*********************/
#contenuTexte address{
  border-top: 7px solid #F39203;
  background: #FFF;
  font: 11px/18px Arial, Helvetica, sans-serif;
  padding: 10px;
  margin: 0 0 10px;
  width: 434px;
  position: relative;
  }
#contenuTexte address #btn_plan{
  position: absolute;
  right: -113px;
  top: -7px;
  }
#contenuTexte address strong{
  border-color: #000;
  }
#contenuTexte #formContact{
  margin: 0 0 10px;
  }
#contenuTexte #formContact div:after{ /* clearfix */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#contenuTexte #formContact label{
  font: 13px/22px "trebuchet MS", Arial, Helvetica, sans-serif;
  color: #FFF;
  float: left;
  width: 200px;
  text-align: right;
  margin: 0 10px 0 0;
  }
#contenuTexte #formContact input{
  border: none;
  width: 240px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
  color: #000;
  background: #FFF;
  }
#contenuTexte #formContact textarea{
  border: none;
  width: 240px;
  height: 60px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
  margin: 2px 0;
  color: #000;
  background: #FFF;
  }
#contenuTexte #formContact .rowsubmit{
  text-align: right;
  padding: 0 7px;
  }
#contenuTexte #formContact button{
  border: 3px double #000;
  width: 150px;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px;
  margin: 2px 0;
  color: #000;
  background: #FFF;
  }
  
.rowinput_m {
	float:left;
	}
  
#contenuTexte #formContact button[type="reset"]{
  border: none;
  border-bottom: 1px solid #CCC;
  width: auto;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #CCC;
  padding: 0;
  margin: 2px 0;
  background: none;
  }
#contenuTexte p.small{
  font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
  }
#contenuTexte .champRequis{
  color: #F00;
  }

/* galerie
*********************/
#contenuTexte .gal img{
  border-bottom: 7px solid #F39203;
  background: #FFF;
  padding: 3px;
  margin: 0 6px 6px 0;
  }

/* cgv
**********************/
#contenuTexte .txtbloc{
  border-top: 7px solid #F39203;
  background: #FFF;
  font: 11px/18px Arial, Helvetica, sans-serif;
  padding: 10px;
  margin: 0 0 10px;
  /*width: 434px;
  */}
#contenuTexte .txtbloc p{
  color: #000;
  }
#contenuTexte .txtbloc a{
  color: #FF9900;
  }
  
 /* plan-site
**********************/
#contenuTexte .plan-site{
  border-top: 15px solid #F39203;
  background: #FFF;
  font: 11px/18px Arial, Helvetica, sans-serif;
  padding: 10px;
  margin: 0 0 10px;
  /*width: 434px;
  */}
#contenuTexte .plan-site p{
  color: #CC3300;
  }
#contenuTexte .plan-site h2{
  color: #CC3300;
  }
#contenuTexte .plan-site a{
  color: #FF9900;
  }
#contenuTexte .plan-site li{
  margin-left: 10px;
  color: #FF6600;
  }