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

/* STYLE CYC  (ne pas supprimer) */
.cyc{
	position: absolute;
	top: -10000px;
}

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

#contenuTexte h1{
  margin: 15px 0;
  font: bold 18px Arial, Helvetica, sans-serif;
  color: #72c2ed;
  border-bottom: 1px solid #bb0719;
  }
#contenuTexte p{
  margin: 0 0 8px;
  font: 13px Arial, Helvetica, sans-serif;
  text-align: justify;
  line-height:1.4em;
  }
#contenuTexte a{
  color: #b4cf22;
  text-decoration: underline;
  }
#contenuTexte a:hover{
  color: #cb0a1d;
  text-decoration: none;
  }
#contenuTexte .couleur{
  font-weight: bold;
  color: #b70719;
  }

/* bloc actu
********************/
#blocactu{
  width: 222px;
  float: left;
  padding: 57px 0 0;
  margin: 0 20px 20px 0;
  background: #e1e9ed url(../images/charte/encart_actus.gif) no-repeat;
  }
#blocactu p{
  font: 10px Arial, Helvetica, sans-serif;
  padding: 5px 10px;
  }
#blocactu a{
  display: block;
  width: 222px;
  height: 19px;
  background: url(../images/charte/savoirplus.png);
  }
#blocactu a:hover{
  background-position: 0 -19px;
  }

/* item prod
********************/
#contenuTexte .itemprod{
  width: 177px;
  float: left;
  background: url(../images/charte/item_bck.png) no-repeat;
  text-align: center;
  }
#contenuTexte .itemprod h2{
  color: #0048AB;
  padding: 13px 0 0;
  font: bold 13px/20px Arial, Helvetica, sans-serif;
  text-align: center;
  height: 35px;
  }
#contenuTexte .itemprod div{
  height: 150px;
  }
#contenuTexte .itemprod div.nolink{
  height: 170px;
  }
#contenuTexte .itemprod p{
  background: url(../images/charte/item_blank.png) no-repeat;
  padding: 7px 22px 0;
  font: 10px Arial, Helvetica, sans-serif;
  text-align: justify;
  height: 29px;
  }
#contenuTexte .itemprod a{
  display: block;
  width: 177px;
  }
#contenuTexte .itemprod a.autres{
  height: 20px;
  background: url(../images/charte/item_autres.png);
  }
#contenuTexte .itemprod a.pdf{
  height: 20px;
  background: url(../images/charte/item_pdf.png);
  }
#contenuTexte .itemprod a.detail{
  height: 26px;
  background: url(../images/charte/item_plus.png);
  }
#contenuTexte .itemprod a.presse{
  height: 178px;
  background: url(../images/charte/item_presse.png);
  }
#contenuTexte .itemprod a.site{
  height: 26px;
  background: url(../images/charte/item_site.png);
  }
#contenuTexte .itemprod a:hover{
  background-position: 0 100%;
  }

/* listing prod
********************/
#contenuTexte .listinghead{
  position: relative;
  float: right;
  }
#contenuTexte .listingheadthumb{
  position: absolute;
  left: 66px;
  top: 90px;
  display: block;
  }
#contenuTexte #listing{
  padding: 0 35px 20px;
  overflow: auto;
  }
#contenuTexte #pagination{
  clear: both;
  text-align: center;
  font: bold 12px Arial, Helvetica, sans-serif;
  }

/* contact
********************/
#formContact{
  padding: 0 25px 0 0;
  margin: 25px 0 15px 0;
  }
#formContact .col{
  float: left;
  width: 455px;
  }
#formContact .row{
  text-align: right;
  }
#formContact .row label{
  text-align: right;
  font: 10px Arial, Helvetica, sans-serif;
  }
#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: 398px;
  border: none;
  padding: 4px 4px 4px 15px;
  font-size: 11px;
  font-family:Arial, Helvetica, sans-serif;
  }
#formContact .row textarea#adresse{
  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#adresse:focus{
  background-position: 0 -59px;
  }
#formContact .row textarea#commentaire:focus{
  background-position: 0 -103px;
  }
#formContact #rowsubmit{
  padding: 0 20px;
  }
#formContact #rowsubmit input{
  width: 207px;
  height: 29px;
  background: none;
  padding: 0;
  margin: 0 0 0 5px;
  }
#formContact #rowsubmit input:active, #formContact #rowsubmit input:focus{
  outline: none;
  }
.champRequis{
  color: #FF0000;
  }
#contenu .small{
  font-size: 10px;
  color:#666;
  }

#filtre {
	width: auto;
	margin-bottom:20px;
}

.label1 {
	width:120px;
	font-size:12px;
	color:#0953ba;
	line-height:2.2em;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:5px;
}

#contenuTexte .listee1{
	width:147px;
	border:1px solid #999;
	font-size:12px;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;

}
/* Support
********************/
.suppot {
	width:439px;
	float:left;
	margin:0 30px 20px 0;
}
.suppottop {
	width:439px;
	background-image:url(../images/charte/supprttop.jpg);
	background-repeat:repeat-y;
	float:left;
}
#contenuTexte .suppot  .suppottop p.titre{
	text-align:center;
	color:#0048AB;
	font-weight:bold;
	margin:7px 10px;
	text-transform:uppercase;

}

#contenuTexte .suppotcont {
	width:419px;
	float:left;
	background-image:url(../images/charte/supprtcont.jpg);
	background-repeat:repeat-y;
	padding:10px;
}

#contenuTexte .suppotcont .visuel{
	width:145px;
	margin:0 8px 3px 5px;
	float:left;
	text-align:center;
}

#contenuTexte .suppotcont .visuel p{
	text-align:center;
	margin-top:3px;
}

.suppotbas{
	width:439px;
	float:left;
	height:26px;
	background-image:url(../images/charte/supprtbas.jpg);
	background-repeat:no-repeat;
}
#contenuTexte .suppotbas p{
	float:left;
	margin-left:20px;
}
#contenuTexte .suppotbas .telecharge{
	width:128px;
	height:20px;
	float:right;
	margin-right:10px;
	background-image:url(../images/charte/telecharge.jpg);
	background-repeat:no-repeat;
}
#contenuTexte .suppotbas .telecharge a {
	width:128px;
	height:20px;
	float:right;
	background-image:url(../images/charte/telecharge.jpg);
	background-repeat:no-repeat;
}

#contenuTexte p.titre_support {
	width:880px;
	border-bottom:1px dotted #000000;
	margin-bottom:10px;
	color:#870217;
	font-weight:bold;
	padding-left:20px;
	background-image:url(../images/charte/titre.jpg);
	background-repeat:no-repeat;
}

/* fiche prod
********************/
#contenuTexte #bigitemprod{
  width: 442px;
  margin: 0 0 25px;
  float: right;
  background: url(../images/charte/item_big_bck.png) no-repeat;
  text-align: left;
  }
#contenuTexte #bigitemprod h2{
  color: #0048AB;
  padding: 13px 0 0;
  font: bold 13px/20px Arial, Helvetica, sans-serif;
  text-align: center;
  }
#contenuTexte #bigitemprod dl{
  padding: 10px 32px;
  font: 10px Arial, Helvetica, sans-serif;
  text-align: justify;
  }
#contenuTexte #bigitemprod dt{
  padding: 7px 0;
  font: 14px Arial, Helvetica, sans-serif;
  }
#contenuTexte #bigitemprod dd{
  padding: 0 0 0 10px;
  }
#contenuTexte #bigitemprod a{
  display: block;
  width: 442px;
  }
#contenuTexte #bigitemprod a.pdf{
  height: 26px;
  background: url(../images/charte/item_big_pdf.png);
  }
#contenuTexte #bigitemprod a:hover{
  background-position: 0 100%;
  }
  
.row .bouton1 {
	background-image:url(../images/contact/form_submit1.gif);
	background-repeat:no-repeat;
	width:207px;
	height:27px;
}