/* 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;
  }
a img{
  border: none;
  }
a:active, a:focus{
  outline: none;
  }

/* accueil
*********************/
#contenuTexte #produits_phares{
  width: 335px;
  border: solid 2px #FFF;
  background: #EAE7E2;
  padding: 10px;
  float: left;
  }
#contenuTexte #produits_phares div:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#contenuTexte #produits_phares img{
  float: left;
  margin: 0 10px 0 0;
  }
#contenuTexte #produits_phares h3{
  color: #653600;
  font: bold 22px Arial, Helvetica, sans-serif;
  }
#contenuTexte #produits_phares h3#ah_nouv_collier{
  height: 45px;
  background: url(../images/charte/ah_nouv_collier.png) no-repeat;
  line-height: 135px;
  overflow: hidden;
  }
#contenuTexte #calpin{
  background: #EAE7E2 url(../images/charte/ah_memento.png) no-repeat;
  width: 180px;
  margin: 0 0 0 5px;
  padding: 30px 5px 5px;
  float: left;
  border: solid 2px #FFF;
  }
#contenuTexte #panier_chart{
  width: 160px;
  border: solid 2px #FFF;
  background: #EAE7E2;
  float:left;
  margin: 0 0 0 5px;
  }
#contenuTexte #panier_chart #ah_panier{
  background: url(../images/charte/ah_panier.png) no-repeat;
  height: 30px;
  line-height: 90px;
  overflow: hidden;
  }
#contenuTexte #panier_chart p{
  padding: 0 10px;
  }
#contenuTexte #panier_chart #ah_compte{
  background: url(../images/charte/ah_compte.png) no-repeat;
  height: 30px;
  line-height: 90px;
  overflow: hidden;
  }
#contenuTexte #panier_chart form{
  padding: 0 10px 10px;
  }
#contenuTexte #panier_chart input#log_login,
#contenuTexte #panier_chart input#log_pass{
  background: none;
  font: 10px Arial, Helvetica, sans-serif;
  color: #F7962B;
  background: #FFF;
  border: none;
  padding: 2px;
  width: 106px;
  margin: 0 0 2px;
  }
#contenuTexte #panier_chart input#log_submit{
  float: right;
  font: 11px Arial, Helvetica, sans-serif;
  margin: 9px 0 0;
  }

/* cgv
*********************/
#contenuTexte .col_large{
  width: 525px;
  float: left;
  background: #EAE7E2;
  margin: 0;
  padding: 10px;
  border: solid 2px #FFF;
  }

/* contact
*********************/
#contenuTexte .col_narrow{
  width: 140px;
  border: solid 2px #FFF;
  background: #EAE7E2;
  float:left;
  margin: 0 0 5px 5px;
  padding: 10px 10px 0;
  }

/* listing prod
*********************/
#contenuTexte .col_narrow_img{
  width: 160px;
  border: solid 2px #FFF;
  background: #EAE7E2;
  float:left;
  margin: 0 0 5px 5px;
  }
#contenuTexte .col_narrow_img img{
  display: block;
  }
#contenuTexte .item{
  margin: 0 0 10px;
  padding: 10px 0 0;
  display: block;
  cursor: pointer;
  background: url(../images/charte/item_bck.jpg) no-repeat;
  }
#contenuTexte .item:hover{
  text-decoration: none;
  background-position: -525px 0;
  }
#contenuTexte .item:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#contenuTexte .item img{
  float: left;
  margin: 0 10px 0 0;
  }
#contenuTexte .item h3{
  margin: 0 0 9px;
  font: bold 17px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
  color: #5FA6A3;
  }
#contenuTexte .item del{
  text-decoration: line-through;
  font-size: 12px;
  }