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

/

#galerie{
float:right;
width:400px;
padding:0 8px;
margin:0 0 0 22px;
margin-bottom:25px;
height:400px;
}

#contenuTexte p.tab{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
margin-left:10px;}

.tableau{
float:left;
margin-left:30px;
margin-bottom:150px;

border: none;}

/************** prod **************/

#contenuTexte .gauche li, #contenu li{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:20px;
list-style-image:url(../images/charte/puuce.gif);
margin-bottom:8px;}





/******************Galerie photos***************/

#cadre_photos{
	width:400px;
	float:right;
}
#contenuTexte  .bloc_vig img{
border:2px solid #b11f29;}
#contenuTexte  .bloc_vig{
	float:right;
	width:400px;
	height:100px;
}

.espc{
margin-right:2px;}

.zone_image{
	float:left;
	width:400px;
	height:290px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:10px;
}

#contenuTexte .zone_image img{
	border:1px solid #ac1f26;
}

.tele{
margin-left:30px;
float:left;
margin-right:5px;}
.tele2{
margin-left:10px;
float:left;
margin-right:5px;}

.tele3{
float:left;}


#contenuTexte .droite #pagination{
	width:400px;
	height:20px;
	clear:both;
}

#contenuTexte .droite #pagination p.prec{
	float:left;
}

#contenuTexte .droite #pagination p.suiv{
	float:right;
}





/*********************contact************************/

#contact_plan .titre_parti p.enval2{
	font-weight:bold;
	border-bottom:1px dotted #B42129;
	color:#B42129;
	font-size:12px;
	padding-bottom:5px;
	
}



#contact_fomulaire .titre_parti p.enval2{
	font-weight:bold;
	border-bottom:1px dotted #B42129;
	color:#B42129;
	font-size:12px;
	padding-bottom:5px;
	
}





#contact_fomulaire {
	width:400px;
	margin-left:50px;
	float:left;
	padding-bottom:20px;
	margin-right:20px;
	
}


#contenuTexte input,textarea{
	width:95%;
	border:1px solid #B42129;
	font-size:12px;
	color:#B42129;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte input:focus,textarea:focus{
	border:1px solid #dc2833;
}
#contenuTexte .champRequis{
	color:#ac1f26;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenuTexte   .bouton {
	border:1px solid #ac1f26;
	font-size:12px;
	color:#fff;
	background-color:#dc2833;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenuTexte  .bouton:focus {
	border:1px solid #dc2833;
}

#contenuTexte  .capa{
	width:95%;
	border:1px solid #dc2833;
	font-size:12px;
	color:#ac1f26;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .capa:focus{
	border:1px solid #dc2833;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
}
.titre_partii {
		width:400px;
		float:left;
}
.titre_partii a{
border:none;
}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}

#contact_plan {
	width:400px;
	float:left;
	
}

#contact_loi {
	width:390px;
	float:left;
	margin-top:20px;
	border-left:1px dotted #dc2833;
	padding-left:5px;
	margin-bottom:20px;
}

#contact_loi p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#formContact.txt_bas3 {
	font-size:11px;
}

#contact_loi p.txt_bas{
	font-size:9px;
}
.label1 {
	width:120px;
	line-height:2.2em;
	font-size:12px;
	color:#ac1f26;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
	
}

.label2 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:12px;
	color:#ac1f26;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
.label3 {
	line-height:2.2em;
	font-size:11px;
	color:#ac1f26;
	font-family:Arial, Helvetica, sans-serif;
}
.titre_particoor {
	margin-bottom:15px;
	margin-left:10px;
	float:left;
	width:50px;
}

#contact_coordonnees {
	width:400px;
	float:left;
	margin-bottom:20px;
	border-left:1px dotted #dc2833;
	padding-left:5px;

}
#contact_coordonnees p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#contact_coordonnees .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #B42129;
	color:#B42129;
	font-size:12px;
}

/********************************** galerie **********************************************/

#droite p.leg{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
font-weight:bold;}



#galerie2 {
	margin-top:20px;
	width:940px;
	float:left;
	margin-top:40px;
	height:130px;
	margin-bottom:50px;
	margin-left:30px;
}

#defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
}

 #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
}

#flowcut {
  width:940px;
  overflow: hidden;
  position: relative;
 

}

#flow{
  position: relative;
}
  
  
.vign{
  float: left;
  margin-right :10px;
  width:142px;
  border:1px solid #b11f29;
}







#invisible{
display:none;
}

/*************************style références************************/

.encart-ref{
float:left;
width:130px;
height:170px;
border:1px solid #b42129;
text-align:center;
padding:7px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
}


#contenuTexte .encart-ref p{
font-size:12px;
font-weight:bold;
text-align:center;
margin-bottom:0px;
}
.encart-img-ref{
float:left;
width:130px;
height:104px;
margin-bottom:5px;
}