/***************** STYLE GLOBAUX *****************/

.clearer{

clear:both;

}

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

.selectionne{

	color:#003366;

}

/***************** STYLE CONTENU *****************/

#contenu h1{

font:bold 17px "Times New Roman", Arial, Helvetica, sans-serif;

color:#003366;

letter-spacing:1px;

margin:0 0 12px;

border-bottom:1px solid #fff;

}

#contenu h2{

font:bold 13px Arial, Helvetica, sans-serif;

color:#003366;

margin:15px 0 13px 0;

}



#contenu h3{

font:bold 12px Arial, Helvetica, sans-serif;

color:#B7E5C2;

margin:7px 0 7px 0;

}



#contenu p{

font:13px/1.3em Arial, Helvetica, sans-serif;

text-align:justify;

color:#fff;

margin-bottom:1.2em;

}



#contenu li{

	font:13px/1.3em Arial, Helvetica, sans-serif;

	text-align:justify;

	list-style:circle;

	color:#fff;
	margin-bottom:1px;

	margin-left:15px;

}
#contenu ul.no_liste li{
list-style:none;
background:none;
text-align:justify;}




#contenu p em{

font-weight:bold;

font-size:12px;

line-height:1.3em;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#99FF00;

}

#contenu a:link, #contenu a:visited{

font-weight:bold;

text-decoration:underline;

color:#cadce5;

}

#contenu a:hover, #contenu a:active{

text-decoration:underline;

color:#fff;

}



#contenu a.encart-contact{

	width:250px;

	height:80px;

	display:block;

	margin:20px auto 30px auto;

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



#contenu a:hover.encart-contact{

	border:none;

	filter: alpha(opacity=80);

	-moz-opacity: 0.60; opacity:0.60;

}



#contenu a.lien-dif{

	width:30px;

	height:18px;

	

	filter: alpha(opacity=100);

	-moz-opacity: 1.00; opacity:1.00;

}



#contenu a.retour-haut-page{

	float:right;

	margin-bottom:20px;

}



#contenu a:hover.lien-dif{

	border:none;

	filter: alpha(opacity=80);

	-moz-opacity: 0.60; opacity:0.60;

}



/***************** STYLE ACTUALITES *****************/

.uneactu{

font:13px/1.2em Arial, Helvetica, sans-serif;

padding:0 10px 0 5px;

margin:0 0 0px;

}



#actu .uneactu p{

font-size:13px;

color:#366ea6;
line-height:1.4em;
padding-bottom:15px;

}



#actu .uneactu p.date{

width:60px;

color:#5c9703;

padding:1px 0 2px 4px;

margin:0 0 7px;

}



#actu .uneactu a{

position:relative;

top:5px;

font:11px Arial, Helvetica, sans-serif;

text-decoration:underline;

color:#5c9703;

}



#actu .uneactu a:hover, #actu .uneactu a:active {

color:#FFFFFF;

}









/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#fff;

text-align:right;

letter-spacing:1px;

padding:0 10px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#fff;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

color:#326790;

}





/********** STYLE contact ***********/



#contenu .contact-colgauche{

	width:175px;

	float:left;

	height:200px;

}



#contenu .contact-coldroite{

	width:230px;

	float:right;

	height:200px;

}



#contenu .ligne_form{

	width:100%;

	margin:8px 0 0 5px;

	clear:both;

	float:right;

}



#contenu #contact-formulaire{

	width:300px;

}



#contenu .ligne_form label.coords{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#003366;

	text-align:right;

	line-height:100%;

}



#contenu .ligne_form label{

	height:15px;

	float:right;

	

}



#contenu .bouton-radio{

	width:100%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#003366;

	text-align:right;

}



#contenu .bouton-radio label{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	color:#003366;

}



#contenu .bouton-radio input{

	margin-left:13px;

}



#contenu .labelradio{

	margin-left:5px;

}



#contenu .ligne_form input {

	font-size:11px;

	margin-left:10px;

	float:right;

	width:150px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



#contenu .ligne_form textarea {

	width:150px;

	height:50px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	float:right;

	margin-left:10px;

}



#contenu .ligne_form input , #contenu .ligne_form-projet textarea , #contenu .ligne_form-projet input , #contenu #capatcha-area input , #contenu .ligne_form textarea , #commentaires textarea , #contenu .ligne_form select {

	border:1px solid #326790;

}

	

#contenu .ligne_form input:hover , #contenu .ligne_form-projet textarea:hover , #contenu .ligne_form-projet input:hover , #contenu #capatcha-area input:hover , #contenu .ligne_form textarea:hover , #contenu #commentaires textarea:hover , #contenu .ligne_form select:hover {

	border:1px solid #B0CAD8;

}



#contenu .bouton_envoyer {

	border:1px solid #000;

	

	width:100px;

	font-weight:bold;

	font-size:12px;

	background:#326790;

	color:#FFFFFF;

	float:left;

	margin-left:10px;

}



#contenu .bouton_envoyer:hover {

	color:#326790;

	background:#FFFFFF;

	cursor:pointer;

}



#contenu .bouton_reset {

	border:1px solid #000;

	width:100px;

	font-weight:bold;

	font-size:12px;

	background:#326790;

	color:#FFFFFF;

	float:left;

}



#contenu .bouton_reset:hover {

	color:#326790;

	background:#FFFFFF;

	cursor:pointer;

}



#contenu #envoi-etoile{

	width:100%;

	margin-top:10px;

}



#contenu #bouton-envoi{

	float:right;

}



#contenu .nota{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	float:left;

	text-align:center;

	margin:20px 0 15px 0;

}



#contenu .nota2{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666;

	float:left;

	text-align:center;

	padding-top:55px;

}



#contenu #capatcha-image{

	float:left;

	width:150px;

	padding-right:20px;

}



#contenu #capatcha-area{

	float:left;

	width:30px;

	line-height:50px;

}



#contenu #capatcha-area input{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



#capatcha{

	float:left;



}





/********** STYLE contact ***********/





#contenu .mentions-colgauche{

	width:200px;

	float:left;

}



#contenu .mentions-coldroite{

	width:200px;

	float:right;

}



/* -------------------------- 

	MODULE ACTUALITE 

--------------------------- */





/* -- STYLE GENERAUX --- */

#contenu {

	font-family:Arial;

	font-size:12px;

	line-height:15px;

}



/* --PAGINATION -- */

#contenu #ideo_inc_pagination {

	margin:20px auto;

	width:100%;

	text-align:center;

}

#contenu #ideo_inc_pagination span{

	font-size:1em;

	text-align:center;

}

#contenu #ideo_inc_pagination p{

	text-align:center;

	color:#316690; 		/* -- Couleur du numero de la page courante (prendre la couleur de la classe .couleur par exemple) -- */

	margin:0;

}

#contenu #ideo_inc_pagination label{

	font-size:0.9em;

}





/* -- STYLES SPECIFIQUES AU MODULE -- */

#contenu .ideo_act_wrapper {

	float:left;

	margin:15px 0;

	width:98%;

	border-bottom:1px dotted #ccc; 		/* -- Bordure bas du bloc actualite -- */

}

#contenu .ideo_act_wrapper .ideo_act_blocVisuel {

	float:left;

	height:130px;

	width:146px;

	background:url(../images/actualites01/fond-vignette.gif) no-repeat left top;	

	margin-right:10px;

	padding:16px 0 0 0;

	text-align:center;

}

#contenu .ideo_act_wrapper .ideo_act_blocVisuel img {

	margin:0 5px 0 0;

}

#contenu .ideo_act_wrapper .ideo_act_blocTexte{

	float:left;

	width:290px;

}

#contenu .ideo_act_wrapper .ideo_act_titre{

	font-size:1.2em;

	font-variant:small-caps;

	font-weight:bold;

}

#contenu .ideo_act_wrapper .ideo_act_date {

	font-weight:bold;

	color:#CCC;			/* -- Couleur de la date -- */

	font-size:0.9em;

	font-style:italic;

	}







/* -- ENCART NEWS  -- */

.encart-news{

	float:right;

	width:243px;

	margin:0;

}

.encart-news .encart-news-milieu{

	background:url(../images/actualites01/encart-milieu.png) no-repeat;

	float:left;

	width:223px;

	padding:15px 10px 0 10px;

}

.encart-news .encart-news-bas{

	background:url(../images/actualites01/encart-bas.png) no-repeat;

	float:left;

	width:243px;

	height:12px;

	padding:0;

	margin:0;

}



#contenu .encart-news h4{

	font:bold 15px Arial, Helvetica, sans-serif;

	color:#333;

	border-bottom:1px solid #CCC;

	text-align:center;

	padding:0 0px 5px 0;

	margin:0 auto 10px auto;

	width:215px;

}

#contenu .encart-news p{

	text-align:center;

	font-size:12px;

	padding:0px;

	font-variant:small-caps;

	font-weight:bold;

	color:#333;

}

#contenu .encart-news a {

	color:#333;

	}

#contenu .encart-news a:hover {

	color:#CCC;	

	}







/* -------------------------- 

	FIN MODULE ACTUALITE 

----------------------------- */





/* ----------page ressources humaines------------ */



#contenu  #slider1{

	width:320px;

	background:#659CBB;

	padding:10px;

	text-align:center;

}



/* ----------page plan site------------ */



#contenu .menu-plan li{

	font:11px/1.2em Arial, Helvetica, sans-serif;

	text-align:justify;

	list-style:circle;

	color:#fff;

	margin-left:15px;

}



#contenu .menu-plan li a{

	font:15px/1.5em Arial, Helvetica, sans-serif;

	font-weight:600;

	text-decoration:none;

}



#contenu .menu-plan li a:hover , #contenu .sous-menu-plan li a:hover{

	text-decoration:none;

}



#contenu .sous-menu-plan li{

	margin-left:15px;

}





#contenu .sous-menu-plan li a{

	font:12px/1.2em Arial, Helvetica, sans-serif;

}