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

/* styles globaux
*********************/
*{
  margin: 0;
  padding: 0;
  }
.clearer{
  clear: both;
  }
a:active,
a:focus{
  outline: none;
  }
a img{
  border: none;
  }
#contenuTexte .semicol{
  width: 350px;
  float: left;
  overflow: hidden;
  }

/* typo > headlines
*********************/
#contenuTexte h1{
  margin: 18px 0 0;
  font: bold 20px/26px Arial, Helvetica, sans-serif;
  color: #4cbc14;
  padding: 0 0 0 15px;
  letter-spacing: 1px;
  background: url(../images/charte/puce.gif) left center no-repeat;
  }
#contenuTexte h2{
  margin: 18px 0 0;
  font: bold 14px/18px Arial, Helvetica, sans-serif;
  color: #4cbc14;
  }
#contenuTexte h3{
  margin: 18px 0;
  text-align: center;
  font: italic 13px/18px Arial, Helvetica, sans-serif;
  color: #3C9013;
  }

/* typo > liens
*********************/
#contenuTexte a{
  color: #48A415;
  text-decoration: none;
  border-bottom: 1px dotted #48A415;
  }
#contenuTexte a:hover{
  border-bottom: 1px solid #48A415;
  }

/* typo > blocs
*********************/
#contenuTexte p{
  margin: 0 0 18px;
  font: 11px/18px Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #174883;
  }

/* typo > inline
*********************/
#contenuTexte em{
  font-style: normal;
  background: #E5F2FF;
  padding: 0 5px;
  }
#contenuTexte strong{
  font-size: 1.1em;
  line-height: 17px;
  font-weight: bold;
  font-variant: small-caps;
  color: #3C9013;
  }
#contenuTexte h1 strong{
  color: #4cbc14;
  }

/* drawer pics
*********************/
#contenuTexte.marged.histo{
  background: url(../images/contenu_vrac/drawer_pic1.jpg) 10px 250px no-repeat;
  }
#contenuTexte.marged.sfaire{
  background: url(../images/contenu_vrac/drawer_pic2.jpg) 10px 170px no-repeat;
  }
#contenuTexte.marged.prest{
  background: url(../images/contenu_vrac/drawer_pic3.jpg) 10px 170px no-repeat;
  }
#contenuTexte.marged.part{
  background: url(../images/contenu_vrac/drawer_pic4.jpg) 15px bottom no-repeat;
  }
#contenuTexte.marged.empl{
  background: url(../images/contenu_vrac/drawer_pic5.jpg) 15px bottom no-repeat;
  }
#contenuTexte.marged.contact{
  background: url(../images/contenu_vrac/drawer_pic6.jpg) 15px bottom no-repeat;
  }
#contenuTexte.marged.candid{
  background: url(../images/contenu_vrac/drawer_pic7.jpg) 15px bottom no-repeat;
  }
#contenuTexte.marged.cgv{
  background: url(../images/contenu_vrac/drawer_pic8.jpg) 15px 300px no-repeat;
  }

/* listing
*********************/
#contenuTexte .item_listing_s,
#contenuTexte .item_listing_m{
  position: relative;
  height: 120px;
  margin: 0 15px 15px 0;
  padding: 15px;
  float: left;
  }
#contenuTexte .item_listing_s{
  width: 190px;
  background: url(../images/charte/listing_s_bck.png);
  }
#contenuTexte .item_listing_m{
  width: 310px;
  background: url(../images/charte/listing_m_bck.png);
  }
#contenuTexte .item_listing_s h2,
#contenuTexte .item_listing_m h2{
  font: 14px Arial, Helvetica, sans-serif;
  margin: 2px 0 8px 2px;
  }
#contenuTexte .item_listing_s img.pic_prod,
#contenuTexte .item_listing_m img.pic_prod{
  margin: 3px 10px 3px 3px;
  float: left;
  }
#contenuTexte .item_listing_s .watermark,
#contenuTexte .item_listing_m .watermark{
  position: absolute;
  bottom: 5px;
  right: 7px;
  }
#contenuTexte .item_listing_s .prix,
#contenuTexte .item_listing_m .prix{
  margin: 0 0 10px;
  font: 14px Arial, Helvetica, sans-serif;
  }
#contenuTexte .item_listing_s .prix_promo,
#contenuTexte .item_listing_m .prix_promo{
  margin: 0;
  font: 12px Arial, Helvetica, sans-serif;
  text-decoration: line-through;
  }
#contenuTexte .item_listing_s a,
#contenuTexte .item_listing_m a{
  font: 12px Arial, Helvetica, sans-serif;
  border: 1px dotted #3C9013;
  padding: 0 2px;
  }
#contenuTexte .item_listing_s a:hover,
#contenuTexte .item_listing_m a:hover{
  color: #FFF;
  background: #3C9013;
  }
#contenuTexte #pagination{
  clear: both;
  padding: 5px 0;
  margin: 0 20px 0 0;
  border-top: 1px dotted #48A415;
  border-bottom: 1px dotted #48A415;
  text-align: center;
  font: 12px Arial, Helvetica, sans-serif;
  color: #174883;
  }

/* fiche_prod
*********************/
#contenuTexte #fiche_prod{
  width: 690px;
  background: url(../images/charte/fiche_bck.png);
  margin: 14px 0 0;
  }
#contenuTexte #fiche_prod_sub{
  position: relative;
  padding: 15px;
  background: url(../images/charte/fiche_bottom_bck.png) left bottom no-repeat;
  }
#contenuTexte #fiche_prod_sub .watermark{
  position: absolute;
  bottom: 6px;
  right: 6px;
  z-index: 2;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer{
  width: 187px;
  padding: 0 10px 0 0;
  float: left;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer p,
#contenuTexte #fiche_prod_sub #fiche_drawer form,
#contenuTexte #fiche_prod_sub #fiche_drawer a{
  text-align: right;
  margin: 6px 0 0;
  line-height: 14px;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer form{
  padding: 0 0 3px;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer label{
  font: 11px Arial, Helvetica, sans-serif;
  color: #174883;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer #annee{
  margin: 15px 0 0;
  font: bold 12px Arial, Helvetica, sans-serif;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer #prix{
  font: bold 14px Arial, Helvetica, sans-serif;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer #prix span{
  font: 11px Arial, Helvetica, sans-serif;
  text-decoration: line-through;
  margin: 0 5px;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer input{
  width: 20px;
  font: 10px Arial, Helvetica, sans-serif;
  color: #174883;
  border: 1px solid #48A415;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer a{
  font: 12px Arial, Helvetica, sans-serif;
  border: 1px dotted #3C9013;
  padding: 0 2px;
  }
#contenuTexte #fiche_prod_sub #fiche_drawer a:hover{
  color: #FFF;
  background: #3C9013;
  }
#contenuTexte #fiche_prod_sub #fiche_main{
  width: 440px;
  margin: 11px 0 0;
  padding: 0 0 0 18px;
  float: left;
  }
#contenuTexte #fiche_prod_sub #fiche_main img{
  float: right;
  margin: 0 0 0 18px;
  }

/* partenaires
*********************/
#contenuTexte .fiche_med{
  width: 499px;
  background: url(../images/charte/bloc_m_bck.png);
  margin: 14px 0 0;
  }
#contenuTexte .fiche_med_sub{
  padding: 15px;
  background: url(../images/charte/bloc_m_bottom_bck.png) left bottom no-repeat;
  }
#contenuTexte .fiche_med.alt{
  background: url(../images/charte/bloc_m_alt_bck.png);
  }
#contenuTexte .alt .fiche_med_sub{
  background: url(../images/charte/bloc_m_alt_bottom_bck.png) left bottom no-repeat;
  }
#contenuTexte .fiche_med_sub img{
  float: left;
  margin: 0 0 0 8px;
  }
#contenuTexte .fiche_med_sub .desc_part{
  margin: 0 0 0 215px;
  }
#contenuTexte .fiche_med_sub h2{
  margin: 0 0 9px;
  }
#contenuTexte .fiche_med_sub a{
  font: 12px Arial, Helvetica, sans-serif;
  border: 1px dotted #3C9013;
  padding: 0 2px;
  }
#contenuTexte .fiche_med_sub a:hover{
  color: #FFF;
  background: #3C9013;
  }
#listing{
float: left;
}