/* 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";
h1{
  font: bold 30px Arial, Helvetica, Verdana;
  color: #ffd200;
  letter-spacing: -1px;
  border-bottom: 1px solid #ffd200;
  margin: 0 0 10px;
  }
h2{
  font: bold 18px Arial, Helvetica, Verdana;
  color: #999;
  margin: 10px 0 0px;
  }
a img{
  border: none;
  }
.clearer{
  clear: both;
  }
hr{
  height: 1px;
  border: none;
  margin: 15px 0 10px;
  background: #ffd200;
  color: #ffd200;
  }
.bold{
  font-weight: bold;
  font-size: 13px;
  color: #333;
  }
#content p{
  text-align: justify;
  padding: 0 0 0 10px;
  margin: 5px 0;
  }
#content ul{
  padding: 0 0 0 25px;
  margin: 5px 0;
  }
#content ul li{
  text-align: justify;
  list-style-image: url(../images/charte/puce_ul.gif);
  }
#content .pullquote{
  width: 152px;
  height: 53px;
  padding: 16px 14px 28px 19px;
  background: url(../images/charte/pullquote_bck.png) no-repeat;
  position: absolute;
  text-align: center;
  color: #494949;
  right: 15px;
  }
#content .pullquote a{
  color: #494949;
  text-decoration: none;
  }
#content #conseiljour{
  top: 470px;
  }
#content #conseilvendre{
  top: 400px;
  }
#content #conseilachat{
  top: 330px;
  }

/* contact
******************************************/
#texte .contact h2{
  background: url(../images/charte/puce_contact.gif) no-repeat #707070;
  }
#formContact{
  padding: 0;
  margin: 0 -4px 0 0;
  }
#formContact .row{
  text-align: right;
  }
#formContact .row label{
  text-align: right;
  color: #000;
  }
#formContact .row input{
  width: 177px;
  height: 22px;
  border: none;
  background: url(../images/contact/form_input.gif) no-repeat;
  padding: 7px 15px 0;
  font-size: 9px;
  }
#formContact .row input:focus{
  background-position: 0 -29px;
  }
#formContact #rowadresse label, #formContact #rowcommentaire label{
  margin: 0 5px 0 0;
  }
#formContact .row textarea{
  width: 418px;
  border: none;
  padding: 4px 4px 4px 15px;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  }
#formContact .row textarea#cadresse{
  height: 51px;
  background: url(../images/contact/form_textarea1.gif) no-repeat;
  }
#formContact .row textarea#commentaire{
  height: 95px;
  background: url(../images/contact/form_textarea2.gif) no-repeat;
  }
#formContact .row textarea#recherchedesc{
  height: 95px;
  background: url(../images/contact/form_textarea2.gif) no-repeat;
  }
#formContact .row textarea#cadresse:focus{
  background-position: 0 -59px;
  }
#formContact .row textarea#commentaire:focus{
  background-position: 0 -103px;
  }
#formContact #rowsubmit input, #formContact #rowsubmit2 input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus,
#formContact #rowsubmit2 input:active, #formContact #rowsubmit2 input:focus,
#formContact #rowselect select:active, #formContact #rowselect select:focus{
  outline: none;
  }
#formContact .rowradio input:active, #formContact .rowradio input:focus{
  outline: none;
  border: none;
  }
#formContact .rowradio{
  text-align: right;
  }
#formContact .rowradio p{
  text-align: right;
  margin: 10px 0 5px;
  border-bottom: 1px solid #ccc;
  }
#formContact .rowradio label{
  margin: 0 5px 0 10px;
  }
#formContact .rowradio input{
  margin: 0 5px 0 0;
  }
.champRequis{
  color: #FF0000;
  }
#contenu .small{
  font-size: 10px;
  color:#666;
  }
#formContact .rowselect{
  text-align: right;
  }
#formContact .rowselect select{
  width: 207px;
  height: 27px;
  border: none;
  background: url(../images/contact/form_input.gif) no-repeat;
  padding: 5px 5px 5px 10px;
  font-size: 9px;
  }
#formContact .rowselect option{
  background: #FFF;
  }
#formContact .rowcheckbox{
  margin: 5px 0;
  }
#formContact .rowcheckbox label{
  float: right;
  margin: 0 20px 0 0;
  text-align: right;
  }
#formContact .rowcheckbox input{
  float: right;
  margin: 0 5px 10px;
  }
#formContact p.alt{
  text-align: center;
  margin: 0 5px 0 240px;
  }

/* listing prod
*********************/
#content .itemlisting{
  border: 3px dotted #ffd200;
  padding: 10px 20px 10px 10px;
  }
#content .itemlisting img{
  float: left;
  position: relative;
  top: 5px;
  left: 5px;
  }
#content .itemlisting p{
  float: right;
  width: 210px;
  }
#content .itemlisting .btn{
  padding: 5px 0 0;
  clear: both;
  }

/* fiche prod
********************/
#content #itemsheet{
  border: 3px dotted #ffd200;
  padding: 10px 20px 10px 10px;
  }
#content #itemsheet #thumbsgroup{
  width: 180px;
  float: left;
  }
#content #itemsheet #thumbsgroup img{
  display: block;
  margin: 0 0 5px;
  }
#content #itemsheet #thumbsgroup p{
  text-align: center;
  padding: 0 10px 0 0;
  }
#content #itemsheet #proddesc{
  float: left;
  width: 220px;
  padding: 22px 0 0;
  }
  
/* vignette vendu fiche produit */

.relative {
position:relative;
}

.vignette-vendu {
position:absolute;
}