/*
Corps de la page
*/
 body
  {
	
	background-color:#3A6E8F;
	/*background-color:#FFFFFF;*/
	font-family: 'Times New Roman',Arial, Helvetica, Verdana, sans-serif;
	font-size:11pt;
  }
  h1
  {
  	color:B72555;
  	background-color:white;
  }
.container
  {	 

	background:url("../img/back_ombre.gif");
  	background-color:white;
	background-repeat:repeat-y;
 	position:absolute;
  	width:950px; 
	padding-left:12px;
	height:auto;
	margin-left:-482px;
	top:0px;
	left:50%;
	/*border-left:6px solid #7d9fb5;*/
/*	border-left:6px solid #E2E2E2;*/
	/*border-right:6px solid #7d9fb5;*/
/*	border-right:6px solid #E2E2E2;*/
  }			
  .logo
  {
  	position:relative;
	height:100px;
	width:938px;
	border-top:0px;
	border-bottom:0px;
	
  }	 
   .entete
  {				
  	position:relative;
  	width:940px;
	height:210px;
	background-color:#bbc5d2;
	/*border:1px solid #386d8E;*/
	border-top:3px solid #386d8E;
  }	 		   
  .texte
  {
  	position:absolute;
	width:400px;
	right:60px;
	top:25px;
  }
  .entete .texte p
  {
  	color:#3a3a3a;
    font-size:11pt;	
	text-align:justify;
  }	 	
  .entete .pola
  {
  	position:absolute;
	left:60px;
	top:15px;
  }	 
  #langue_texte
  {					 
  	font-size:11pt;
  	font-weight:bold;
	color:#B72655;
  }
  .contenu
  {
  	position:relative; 
  	/*background-color:#bbc5d2;*/
  	background-color:#FFFFFF;
	width:940px;
	height:auto;
	color:#333333;
	font-size:11pt;
	
	
  }					
  .contenu2
  {
  	position:relative;
	width:820px;
	min-height:550px;
	padding:50px; 
	padding-top:25px;
	color:#333333;
  }	
  html>body .contenu
  {
  	/* IE ne comprend pas le selecteur d'enfant > */
	height : auto; /* Mais Gecko&co. interprete height comme ýtant la hauteur maximale. On redýfini alors que la hauteur max dépend du contenu  */
	min-height : 550px;  /* Et que la hauteur min soit de 550px */
  }										 
  /*
Entête avec les logos
*/			   
  
 
 
				 
  /*
menu dynamique
*/
  .menu
  {			
	
  	position:relative;
  	width:940px;
	height:18px;
	text-align:center;
	/*background:url("../img/fond.jpg");	 
	background-repeat:no-repeat;*/
	padding-top:5px;
	padding-bottom:5px;
	/*border-top:1px solid white;	*/
	
	background-color:#FFFFFF;  
	background-color:#3d4346;
	background-color:#386D8E;	
  }							 
  .menu ul 
  {
	margin:0; 
	padding:0; 
  }	
  .metiers li
  {			 
	 line-height:20px;
	 
  }  
  .metiers li.un
  {	 
 	  list-style-image:url("../img/voile_un.gif");
 	  
  }
  .metiers li.deux
  {	 
 	  list-style-image:url("../img/voile_deux.gif");
  }
  .metiers li.trois
  {	 
 	  list-style-image:url("../img/voile_trois.gif");
  }
  .metiers span
  {
  		color:white;
  		font-weight:bold;
  		color:#B72555;
  }
   .enligne li 
  { 
	padding: 2px;
	margin: 2px;
	display: inline; 
	list-style-type: none; 
	line-height: 17px;
	font-size:8pt; 	
	font-weight:bold;
	font-family:Verdana;
  }			
  .enligne a 
  {
	padding: 0.7em 0.7em;
  }	
  .enligne a:link, .enligne a:visited 
  {
	color: #FFFFFF; 
	text-decoration: none; 
  }
  .enligne a:hover 
  {	
	background-color: #b72555;
	color:#BBBBBB;
	text-decoration: none;
  }
  .enligne li.encours a:link, .enligne li.encours a:visited 
  {
	/*background-color: #b32525;*/
	background-color: #b72555;
	color:#BBBBBB; 
  }
  span.couleurRD
  {
  	color: #b72555;
  	font-weight:bold;
  }
  .article
  {					 
  	 position:relative;	
	 text-align:justify;
	 height:auto;
	 font-size:11pt;
	 line-height:20px;
  }	 
  .article .titre_article
  {
  	font-size:14pt;
	font-weight:bold; 
	color: #b72555;
  }
  
/***  
Droits de copyright dans une div alignée au bas de la page
*****/
div.bottom
{
	position: relative;
	width:100px;
	text-align:justify;
    bottom:0px;
    background-color:white;
    left:10px;
	font: 7.5pt 'Times New Roman',Verdana, Arial, sans-serif;
	color: #808080;
}
/*
Style pour les puces en pages
*/		
li.class1
{
	list-style-image:url("../img/voile_un.gif");
	font: 11pt "Times new Roman",Verdana, Arial, sans-serif;
}
li.class2
{
	list-style-image:url("../img/voile_deux.gif");
	font: 11pt "Times new Roman",Verdana, Arial, sans-serif;
}
li.class3
{
	list-style-image:url("../img/voile_trois.gif");
	font: 11pt "Times new Roman",Verdana, Arial, sans-serif;
}
/*
liens concernant ceux listés avec les puces
*/
a.laser,a.laser:visited,#liens_mappy
{
 	 color:#3A6E8F; 
	 text-decoration:none;
}
a.laser:hover,#liens_mappy:hover
{
 	 color:#333333;
}
/***Div sur fond bleu pour le texte**/
div.bleu
{
	background-color:#ECF3F9;
	padding:2px;
	border:1px solid #EEEEEE;	 
	margin-right:15px;
	font: 11pt "Times new Roman",Verdana, Arial, sans-serif;
	color:#000099;
	text-align:center;
	
}
 
/*pour les news de la rubrique actualités.*/
.date_news
{
	font-size:11pt;
	color:#006600;
}
.contenu_news
{
	position:relative;
	width:500px;
	color:#635D5A;
	font: 11pt "Times New Roman",Verdana, Arial, sans-serif;
}
.libelle_news
{
	font: 14pt "Times new Roman",Verdana, Arial, sans-serif;
	color: #b72555;
}
div.contenu_news
{
	color:gray;
	width:100%;
}
div.lien_news a,div.lien_news a:visited 
{
	color:#660000;
}
div.lien_news a:hover 
{
	color:#006600;
}
/*style pour le calque des numéros de pages*/
div.pages
{
	font-size:11pt;
	
	margin-left:50px;
}
span.numero
{
	text-decoration:underline;
}
span.numero_encours
{
	text-decoration:underline;
	color:green;
}
div.pages a,div.pages a:visited
{
	color:#000066;
	text-decoration:none;
}

.persistant a,.persistant a:visited
{
  color:#0066FF;
  text-decoration:underline;
}
 
/**
Titres au dessus des enveloppes de personnalisation
**/												   
.titre_env
{  
	/*border:1px solid black;*/
	position:relative;
	width:750px;/*** 800 - padding-left **/
	padding-left:50px;
	color:gray;
	font-size:11pt;
	font-weight:bold;
} 

/*
Tableau d'arborescence
*/					  
.tree
{	 
	margin-left:10px;
	font-size:11pt;
	color:#292524;
}					 
.tree a
{			 
	color:#292524;
	text-decoration:none;	
}
.tree a:hover
{
	color:gray;
}
/**
*****************
Style pour le bouton de validation.
par ex: formulaire de demande de renseignements.
*/
input.bouton
{
	border:1px inset black;
	padding:3px;
	background-color:#DADEF8;
}
/***************
Style pour le bouton d'enregistrement de l'e-mail dans la bdd pour recevoir les newsletters
**/
input.bouton_newsletter
{
	border:1px solid gray;
	height:18px;
	font-size:11pt;
	background-color:#ffffff;
}
input.champ_newsletter
{
	padding:1px;	   
	border:1px solid #C8C8C8;
	color:gray;
	font-weight:bold;
}
span.champ_info
{
	color:red;
}
/*****/
/*style pour le titre dans la partie référence*/
div.titre_ref
{
	color:#000000;
	font-weight:bold;
} 
/*Listing des news*/		  
.tableau-donnees {width: 100%;border:1px solid #7091AF}
.tableau-donnees caption {text-align: left; padding: 0.5em 0; font-weight: bold;}
.tableau-donnees th {background-color: #2b2625; color: #fff; font-size: 0.9em; padding: 1em 0.5em; text-align:center}
.tableau-donnees tr.impair {background-color: #eee;}
.tableau-donnees td {padding: 0.5em; white-space: nowrap;}
/****  partie recrutement   ******/
div.image_recrutement
{
	position:relative;	 
	text-align:center;
	float:left;
	border:1px solid #EEEEEE;
}
div.texte_recrutement
{
	position:relative;
	float:left;	
	left:2px;
	width:308px;
    height:124px;	  
    text-align:justify;
    padding:5px;
	background-color:#ECF3F9;
	border:1px solid #EEEEEE;	
}
div.offres_recrutement
{
	position:relative;
	width:262px;
	height:175px;
	top:2px;
	float:left;
	border:1px solid #EEEEEE;	
}
/**style pour le détail de l'annonce***/
#precision
{
	position:relative;
	top:2px;
	left:2px;
	width:308px;
	height:245px;
	padding:5px;
	overflow:auto;	   
	float:left;
	border:1px solid #EEEEEE;
	font-size:11pt;
}				
div.intitule{color:#000066;text-align:center;}
div.intitule2
{				  
	position:absolute;
	top:45px;
	left:75px;
	color:#000066;
}			
div.intitule2 li
{
  list-style-image:url("../img/fleche_bleu.jpg");
}
div.mail_contact a{font-size:11pt;}
div.anno{font-size:11pt;} 


/**Page actualités*/
img.url_visu		
{border:1px solid black;}
/*Formulaire de contacts*/
/****************************************/
.form_field_set SELECT
{
    font-size: 100%;
}
.form_field_set INPUT.form, .textarea
{
    font-size: 100%;
	border:1px solid #C8C8C8;
	padding:2px;
	color:gray;
	font-weight:bold;
}												  
.form_field_set SELECT.form
{
	border:1px solid #C8C8C8;
	color:gray;
}
.form_field_set OPTION
{
	border-bottom:1px dashed #C8C8C8;
	color:gray;
}
.form_field_set FIELDSET
{						
	border:1px solid #C8C8C8;
	padding:5px;
	position:relative;
	left:50px;
	width:600px;
}
.form_field_set LEGEND
{

    border-right: #C8C8C8 1px solid;
    padding-right: 0.5em;
    border-top: #C8C8C8 1px solid;
    padding-left: 0.5em;
    padding-bottom: 0.2em;
    border-left: #C8C8C8 1px solid;
    padding-top: 0.2em;
    border-bottom: #C8C8C8 1px solid;
	font-weight:bold;
	color:#C8C8C8;
	font-size:11pt;
}
.form_field_set P
{
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0.2em;
    margin: 0px 0px 0.2em;
    padding-top: 0.2em;
    text-align:left
}
.form_field_set LABEL
{
    padding-right: 5px;
    padding-left: 0px;
    font-size: 11pt;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    width: 200px;
    line-height: 1.5;
    padding-top: 0px;
    text-align: left;
    line-height:25px; 
	color:#241A84;
    
}
.form_field_set label.radio
{
    padding-right: 5px;
    padding-left: 0px;
    font-size: 11pt;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    width: 150px;
    line-height: 1.5;
    padding-top: 0px;
    text-align: left;
    line-height:25px;
	border:0px;  
}					   

.form_field_set label.fond{	background-color:#EEEEEE;}
.form_field_set label.fond2{background-color:#EEEEFF;}		  
label[for]:hover {cursor: pointer;}

.contact_img
{
	position:relative;
	text-align:right;
	left:10px;
	float:left;
}
/********************************/
/*Div pour confirmation d'envoie de mails*/
div.confirmation
{
    text-align:center;
    font-size:11pt;
    position:relative;
    width:650px;
    color:#3A6E8F;
}
div.confirmation a,a:visited
{
    color:Navy;
    text-decoration:none;
}
div.confirmation a:hover
{
    color:green;
    text-decoration:underline;

}
div.confirmation FIELDSET
{
     border-right: #3A6E8F 1px solid;
    padding-right: 1em;
    border-top: #3A6E8F 1px solid;
    padding-left: 1em;
    padding-bottom: 1em;
    margin: 15px 20px;
    border-left: #3A6E8F 1px solid;
    padding-top: 0px;
    border-bottom: #3A6E8F 1px solid;
}
div.confirmation LEGEND
{
    border-right: #005d73 1px solid;
    padding-right: 0.5em;
    border-top: #005d73 1px solid;
    padding-left: 0.5em;
    font-size: 100%;
    padding-bottom: 0.2em;
    border-left: #005d73 1px solid;
    padding-top: 0.2em;
    border-bottom: #005d73 1px solid;
    background-color:white;
    color:#b72555;
    font-weight:bold;
}

/*
Div contenant les drapeaux
*/						  
div.drapeau
{
	position:absolute;
	top:570px;
	left:5px;
	font:8pt 'Times New Roman',Verdana, Arial, Helvetica, sans-serif;
	color:#9E9E9E;
	font-style:italic;
}	

/***************************************************
****************************************************
***************************************************/
div.logos_metier
{
	position:relative;
	float:left;
	top:0px;
}	
div.texte_intro_metier
{
	text-align:justify;
	position:relative;
	left:15px;
	float:left;
	width:300px;
}
#gmapmarker 
{
	font: normal small verdana, arial, helvetica, sans-serif;
	font-size: 11pt;
	margin: 0px;
	overflow:auto;
	color:#494949;
}
.gmapDirHead,.gmapDirLabel{color:#494949;}
#gmapmarker p
{
	margin : 0;
	padding : 2px 0 2px 0;
}
#gmapmarker a 
{
	text-decoration: none; 
	color: #000000; 
	background-color: transparent;
}
#gmapmarker a:hover 
{
	color: #F60; 
	background-color: transparent;
}
#gmapmarker h1 
{
	font-weight: bold;
	font-size: 11px;
	color: #494949;
	border-bottom: 2px solid #369;
	padding : 2px;
	margin : 0;
}
#map
{
	border:1px solid #535353;
}
a.lien
{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
a.lien:hover
{	
	font-weight:normal;
	text-decoration:underline;
}
/*****************************************/
/*STYLE POUR LES LOGOS CLIENTS*/
/* $Id: thumbnails.css 1387 2006-06-24 09:20:43Z chrisaga $ */

		/* Thumbnails customization */
		/* Thumbnail "elastic" layout */
		UL.thumbnails 
		{
		  margin: 0;
		  padding: 0;
		  list-style: none;
		  text-align: center;	/* to center the whole collection in #content */		  
		}
		UL.thumbnails LI 
		{ 
			display: inline;
			
		}
		UL.thumbnails SPAN.wrap1 
		{
		  margin: 0px 5px 5px 5px;
		  display: table-cell; display: inline-table; display: inline-block;
		  vertical-align: top;		/* OK with Opera and IE6 not Geko */
		  text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
		  
		}
		UL.thumbnails SPAN.wrap2 
		{
		  margin: 0;			/* important reset the margins */
		  display: table-cell;		/* block prevents vertical-align here */
		  vertical-align: middle;	/* Ok with Opera and Geko not IE6 */
		  text-align:center;
		}
		UL.thumbnails SPAN.wrap2 A,UL.thumbnails SPAN.wrap2 LABEL 
		{
		  display: block;
		  border-bottom: none;
		}
		UL.thumbnails IMG 
		{
		  /*margin-bottom: -4px;*/  /* why ??? something wrong with Geko and Opera ignored by IE6*/
		  border:0px;
		}		
		/*default layout*/
		/* Set some sizes according to your maximum thumbnail width and height */
		UL.thumbnails SPAN,UL.thumbnails SPAN.wrap2 A
		{
		  width: auto;			/* max thumbnail width + 2px */		  
		}
		UL.thumbnails SPAN.wrap2
		{
		  height: 106px;		/* max thumbnail height + 2px */
		  padding:10px;
		  
		}
/*****************************************/
.tableau_img
{
	width:100%;
}
.tableau_img td
{
	padding:2px;
	margin:auto;
	width:144px;
	text-align:center;	
}
.tableau_img img
{
	border:1px solid white;	
}
caption{visibility:hidden;}

#portesouvertes .input_texte
{
	border:0px;
	border-bottom:1px solid #386D8E;
}
#portesouvertes
{
	color:#386D8E;
}
#portesouvertes LEGEND
{
    border-right: #C8C8C8 1px solid;
    padding-right: 0.5em;
    border-top: #C8C8C8 1px solid;
    padding-left: 0.5em;
    padding-bottom: 0.2em;
    border-left: #C8C8C8 1px solid;
    padding-top: 0.2em;
    border-bottom: #C8C8C8 1px solid;
	font-weight:bold;
	color:#C8C8C8;
	font-size:11pt;
}
#portesouvertes P
{
    clear: both;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0.2em;
    margin: 0px 0px 0.2em;
    padding-top: 0.2em;
    text-align:left
}
#portesouvertes LABEL
{
    padding-right: 5px;
    padding-left: 0px;
    font-size: 11pt;
    float: left;
    padding-bottom: 0px;
    margin: 0px;
    width: 250px;
    line-height: 1.5;
    padding-top: 0px;
    text-align: left;
    line-height:25px; 
	color:#386D8E;
    
}
table.portes_ouvertes
{
	font-size:9pt;
	margin:1px;
	background-color:#EEEEEE;
	position:relative;
	width:925px;
	left:-50px;
	color:#333333;
}
table.portes_ouvertes td
{
	text-align:center;
	padding:5px;
}
table.portes_ouvertes th
{
	text-align:center;
	padding:5px;
	margin:0;
	background-color:#CCCCCC;
}