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

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	color:#070e38;
	width:90%;
	border:1px solid #070e38;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#152ba2;
}
#formContact .champRequis{
color:#FF6600;
}



/* presentation */

.texte p.titre_pre{

	font-size:12px;
	font-weight:bold;
	font:italic Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-left:25px;
	background-image:url(../images/charte/puc.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	height:30px;
	padding-top:10px;
	
	}


#contenuTexte  .texte p.text_pre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:50px;
	background-image:url(../images/charte/arrow.gif);
	background-repeat: no-repeat;
	padding-left:15px;
	}
	#contenuTexte  .texte p.text_pre a{
	text-decoration:underline;
	}
	
	#contenuTexte  .texte p.text_pret{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-left:25px;
	
	}

.gra{
	font-size:14px;
	font-weight:bold;}

#contenuTexte .texte .gra2{
	font-size:13px;
	font-weight:bold;
	font:italic Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-left:25px;
	background-image:url(../images/charte/puc.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	height:30px;
	padding-top:10px;
	}
	
	
#contenuTexte .texte  .gras2{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.8em;
	margin-top:5px;
	margin-left:25px;

	}
	


	#contenuTexte  .texte p.titre_ref{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#152ba2;
	font-weight:bold;
	padding-bottom:0px;
	line-height:1.8em;
	}
	
		#contenuTexte  .texte p.text_ref{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#070e38;
	line-height:1.8em;
	padding-left:40px;}
	
	#contenuTexte .texte p.text_ref1 span.maj{
	font-size:16px;
	color:#152ba2;
	font-weight:bold;
	}
	
		#contenuTexte  .texte p.text_ref1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#070e38;
	line-height:1.8em;
	padding-left:30px;	
	margin-top:15px;}
	
	.vous{
	float:left;
	width:300px;
	margin-left:200px;
	margin-top:30px;}

/* contact */

#contact_formulaire {
	width:380px;
	float:left;
	padding-bottom:20px;
	
}





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

#contenuTexte   .boutoncli {
	border:1px solid #fff;
	font-size:10px;
	color:#070e38;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenuTexte  .boutoncli:focus {
	border:1px solid #fff;
}

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

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

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

#contact_formulaire p.enval2{
	font-weight:bold;
	border-bottom:1px dotted #070e38;
	color:#070e38;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:5px;
	
}


.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:96%;
}
.titre_partii {
		width:160px;
		float:left;

}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:260px;
	float:left;
	margin-bottom:20px;
	margin-left:20px;

}
#contact_plan {
	width:180px;
	float:left;
	margin-left:50px;
	margin-top:20px;
}

#contact_loi {
	width:120px;
	float:left;
	padding-left:30px;
	margin-left:1px;
	padding-right:43px;
	height:135px;
	padding-top:7px;
	background-image:url(../images/charte/ccor.png);
	background-repeat:no-repeat;

}

#contact_loi2{
	width:117px;
	float:left;
	padding-left:33px;
	padding-right:43px;
	background-image:url(../images/charte/loi.png);
	background-repeat:no-repeat;
	margin-left:1px;
	height:181px;
	
}

#contenuTexte .txt_bas3 {
	font-size:11px;
	color:#1334ab;
}

#contenuTexte .txt_bas{
text-align:left;
	font-size:9px;
	padding-top:5px;
}


#contact_loi .txt_bass{
	font-size:11px;
	color:#1334ab;
	padding-left:5px;
	margin-bottom:4px;
}





/* mention*/

.text_mention{
	width:335px;
	margin-top:10px;
	float:left;
	margin-bottom:10px;
	padding-right:10px;
	border-right:1px dotted #142fa4;
}

#contenuTexte  .text_mention p span.colo{
color:#142fa4;}

#container #contenu #contenuTexte .text_plan ul.ulnone{
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:2em;

	color:#FFFFFF;
	margin-top:25px;
}
.text_plan{
	width:700px;
	margin-top:10px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;

}

#contenuTexte .text_mention2 p span.colo{
color:#142fa4;}

.text_mention2{
	width:320px;
	margin-top:10px;
	float:left;
	margin-bottom:10px;
	padding-left:10px;
	border-left:1px dotted #fff;
}

#container #contenu #contenuTexte .text_mention p{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	
	
}
 #contenuTexte .texte  .text_mention p.ptitr{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px dotted #142fa4;
	color:#142fa4;
	background-image:url(../images/charte/arrow2.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	margin-top:10px;
}
 #contenuTexte .texte  .text_mention p.ptitr2{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#142fa4;
	background-image:url(../images/charte/arrow2.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	margin-top:10px;
}
 #contenuTexte .texte  .text_mention2 p.ptitr2{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#142fa4;
	background-image:url(../images/charte/arrow2.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	margin-top:10px;
}

 #contenuTexte .texte  .text_mention2 p.cont{
 		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:15px;
	margin-top:10px;
	text-align:left;
}

 #contenuTexte .texte  .text_mention p.cont{

 	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:15px;
	text-align:left;
}


 #contenuTexte .texte  .text_mention2 p.tar{
 text-align:right;
 margin-right:5px;
 font-size:11px;
 font-style:italic;
 
}


 #contenuTexte .texte  .text_mention2 p{
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.6em;
	
	
}
 #contenuTexte .texte  .text_mention2 p.ptitr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-bottom:1px dotted #142fa4;
	color:#142fa4;
	background-image:url(../images/charte/arrow2.gif);
	background-repeat: no-repeat;
	padding-left:10px;
	margin-top:10px;

}



.label3 {
	line-height:2.2em;
	font-size:11px;
	color:#142fa4;
	font-family:Arial, Helvetica, sans-serif;
}


.text_serv{
	width:540px;
	margin-top:10px;
	float:left;
	margin-left:30px;
	margin-bottom:10px;

}

.text_serv p.retour{
background-image:url(../images/charte/puc.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	height:30px;
	padding-top:10px;

}

p.merci{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}



/*plan */

.texte p.titre_pl{

	font-size:13px;
	font-weight:bold;
	font:normal Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-left:25px;
	background-image:url(../images/charte/puc.gif);
	background-repeat: no-repeat;
	padding-left:30px;
	height:30px;
	padding-top:10px;
	
	}

#fiche1{
float:left;
width:300px;
margin-right:50px;}


#fiche2{
float:left;
width:300px;}


#fiche1 p{
font-size:12px;
line-height:1.8em;
margin-bottom:5px;

font:normal Arial, Helvetica, sans-serif;}



#fiche2 p{
font-size:12px;
line-height:1.8em;
margin-bottom:5px;
font:normal Arial, Helvetica, sans-serif;}


#fiche2 p.fic{
font-weight:bold;
border-bottom:1px dotted #}
font:normal Arial, Helvetica, sans-serif;}


#invisible{
display:none;
}


/***************REFERENCES*****************/
#blocref {
	width: 208px;
	height: 184px;
	background-image:url(../images/charte/ref-bg.jpg);
	display:block;
	padding:8px;
	text-align:left;
}