/* 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";

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
#contenuTexte .clearer, .clearer{
  clear: both;
  float: none;
  }
.floatleft{
  float: left;
  }
.floatchilds div,
.floatchilds label{
  float: right;
  }
a:active, a:focus{
  outline: none;
  }
a img{
  border: none;
  }

/* typographie
*********************/
/* typo > headlines
*********************/
#contenuTexte h1{
  font: italic 24px "Times New Roman", Times, serif;
  text-align: center;
  color: #E6E8F7;
  background: #393250;
  padding: 5px;
  margin: 0 0 15px;
  opacity: .75;
  }

#contenuTexte h2{
	margin:10px 0 0px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1.7em;
	text-align:left;
	color:#000000;
	}

/* typo > blocs
*********************/
hr{
  clear: both;
  height: 2px;
  margin: 20px 0;
  background: #645F79;
  border: none;
  }
#contenuTexte p{
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align: justify;
  margin: 0 0 5px;
  }
#contenuTexte li{
  font: 11px/16px Arial, Helvetica, sans-serif;
  text-align: justify;
  margin: 0 0 5px 15px;
  }

/* typo > styles
*********************/
#contenuTexte .bold, .bold{
  font-weight: bold;
  }
#contenuTexte .smallcaps{
  font-variant: small-caps;
  font-size: 1.05em;
  }
#contenuTexte .emphase{
  color: #2E2830;
  font-weight: bold;
  font-size: 1.2em;
  }

/* typo > liens
*********************/
#contenuTexte a{
  color: #393250;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  text-decoration: underline;
  }
#contenuTexte a:hover{
  text-decoration: none;
  }

/* acceuil
*********************/
#contenuTexte #acc_text{
  width: 220px;
  padding: 15px;
  float: left;
  }
#contenuTexte #btn_ach_vt{
  text-align: center;
  }
#contenuTexte #btn_ach_vt a{
  margin: 0 25px;
  }
#contenuTexte #acc_narrow{
  float: left;
  width: 460px;
  margin: 0 10px 0 0;
  }
#contenuTexte #acc_narrow .itemprod p{
  width: 230px;
  }

/* listing prod
*********************/
#contenuTexte .itemprod{
  margin: 5px 0 5px;
  padding: 0 0 5px;
  border-bottom: 1px solid #645F79;
  }
#contenuTexte .itemprod .thumb{
  position: relative;
  float: left;
  }
#contenuTexte .itemprod .watermark{
  position: absolute;
  top: 0;
  left: 0;
  }
#contenuTexte .itemprod p{
  padding: 0 0 0 10px;
  float: left;
  width: 450px;
  }
#contenuTexte .itemprod p a{
  line-height: 25px;
  }
#contenuTexte #pagination{
  padding: 10px 0;
  clear: both;
  text-align: center;
  }

/* listing prod alt
*********************/
#contenuTexte .itemprodvertical{
  float: left;
  margin: 5px 0 10px 10px;
  padding: 0 0 5px;
  border-bottom: 1px solid #645F79;
  }
#contenuTexte .itemprodvertical .thumb{
  position: relative;
  margin: 0 0 15px;
  }
#contenuTexte .itemprodvertical .watermark{
  position: absolute;
  top: 0;
  left: 0;
  }
#contenuTexte .itemprodvertical p{
  width: 220px;
  }
#contenuTexte .itemprodvertical p a{
  line-height: 25px;
  }

/* fiche prod
*********************/
#contenuTexte #ficheprod #thumbs{
  text-align: center;
  margin: 0 0 20px;
 }
#contenuTexte #ficheprod #thumbs a{
  margin: 0 5px;
 }
#contenuTexte #ficheprod #desc #bigpict{
  float: left;
  margin: 0 10px;
  width: 685px;
 }
#contenuTexte #ficheprod #desc p{
  float: left;
  width: 220px;
  margin: 0 0 0 10px;
 }
#contenuTexte #ficheprod #desc p a img{
  margin: 25px 0 0;
  border:1px solid red;
 }

/* acheter vendre
*********************/
#contenuTexte .halfcol{
  width: 330px;
  padding: 0 0 0 20px;
  float: left;
  }
#contenuTexte .bordered{
  border-right: 1px solid #645F79;
  padding: 0 20px 0 0;
  }

/* recherche avancée
*********************/
#contenuTexte #rechercheAvance{
  background: #2E2830;
  width: 180px;
  margin: 5px 10px 0 0;
  padding: 15px 15px 10px;
  text-align: right;
  float: left;
  }
#contenuTexte #rechercheAvance label{
  color: #FFF;
  font: 11px Arial, Helvetica, sans-serif;
  margin: 0 5px 0 0;
  }
#contenuTexte #rechercheAvance select{
  vertical-align: middle;
  font: 11px Arial, Helvetica, sans-serif;
  width: 108px;
  margin: 0 0 5px;
  border: 0;
  }
#contenuTexte #rechercheAvance input{
  vertical-align: middle;
  width: 100px;
  height: 14px;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 2px 4px;
  margin: 0 0 2px;
  border: 0;
  }
#contenuTexte #rechercheAvance input.submit{
  width: auto;
  height: auto;
  padding: none;
  }