/*MISE EN PAGE GENERALE DE LA STRUCTURE DU SITE*/
body
{
	background-color: #2e353d;
	background-image: url('../images/background.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	background-attachment: fixed;
	padding: 0px;
	margin: 0px;
	font-family: Arial;
}

div#site_global
{
	width: 960px;
	margin: 9px auto 0px auto;
}

div#site_cadre
{
	width: 100%;
	border: solid 1px #c2c2c2;
	background-color: #6b6557;
	background-image: url('../images/fond_contenu.png');
	background-repeat: repeat-x;
	background-position: 0px 0px;
	position: relative;
}

div#site_contenu
{
	padding: 0px 55px 20px 55px;
	clear: both;
	color: #ffffff;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	height:100%;
	z-index: 0;
}

div.contenu_centre_avec_colonne_gauche
{
	margin-top: 15px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	margin-left: 306px;
}

div.contenu_centre_avec_colonne_gauche a,
div.adresse a
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;

}

div.contenu_centre_avec_colonne_gauche a:hover,
div.adresse a:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}




div.contenu_centre
{
	padding-top:16px;	
}

div.contenu_centre_avec_colonne_gauche p,
div.contenu_centre p
{
	margin: 10px 0px;
}

/*MISE EN PAGE DU HEADER*/

div#header
{
	width: 100%;
	height: 144px;
	position : relative;
	background-image: url('../images/trait_header.png');
	background-repeat: no-repeat;
	background-position:55px 139px;
}

div#menu_header
{
	position:absolute;
	top: 10px;
	left: 800px;
}

div#menu_header a
{
	color: #2e353d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

}

div#menu_header a:hover
{
	text-decoration: underline;
}

div#menu_header img
{
		vertical-align: middle;
}

div#entete_mandataire
{
	background-color: #d3cebb;
	padding: 25px 0px 15px 0px;
	margin: 0px 55px;
	color: #575347;
	font-size: 18px;
	font-family:Arial;
	width: 850px;
	height: 85px;
}

div#entete_mandataire div.agence
{
	float: left;
	width: 400px;
	text-align: center;
	color: #2E353D;
	font-size: 18px;
	font-family:Arial;
}


div#entete_mandataire div.adresse
{
	float: left;
	width: 400px;
	color: #575347;
	font-size: 14px;
	font-family:Arial;
	text-align: center;
}

div#entete_mandataire div.implatation
{
	float: left;
	padding:0px 0 30px 0px;
	width: 400px;
	text-align: center;
}



/* STYLE DU MENU */
div#menu
{
	margin: 6px 55px 0px 55px;
	width: 850px;
	position: absolute;
	top: 103px;
	left: 0px;
	white-space:nowrap;
	float:left;
	border:none;
}

div#menu ul 
{
  margin:0px;
  padding:0px;
  list-style:none;
}

div#menu li 
{
  float:right;
  background:url("../images/onglet_inactif_gauche.png") no-repeat left top;
  margin:0 0 0 4px;
  padding:0 0 0 9px;
  position: relative;
}

div#menu a 
{
  float:left;
  display:block;
  background:url("../images/onglet_inactif_droit.png") no-repeat right top;
  padding:7px 9px 6px 0px;
  text-decoration:none;
  font-weight:bold;
  color:#2e353d;
  font-size: 15px;
  font-family: Arial;
  font-style: italic;
}

div#menu a 
{
	float:none;
}

div#menu a:hover 
{
  color:#FFFFFF;
}
div#menu li.actif
{
  background-image:url("../images/onglet_actif_gauche.png");
}
div#menu li.actif a 
{
  background-image:url("../images/onglet_actif_droit.png");
  color:#ffffff;
}
div#menu li.actif a:hover
{
	background-color: transparent;
}

/*Sous menu déroulant*/

div#menu ul li { z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;text-align:center;}
div#menu ul li.actif ul a { background-image: none;color:#2e353d;  }
div#menu ul li.actif ul a:hover { color: #fff;}

div#menu li
{
	text-align: left;
}

div#menu ul li ul 
{
	display:none; 
	border:none; 
}
div#menu ul ul li
{
	background-image: none;
	margin: 0px;
	padding: 0px;
	float: none;
}
div#menu ul ul a
{
	background-image: none;
}
/*Non-IE6 hovering*/
div#menu ul li:hover {position:relative;}
div#menu ul li:hover a {text-decoration:none;}
div#menu ul li:hover ul {display:block; width:120px; position:absolute; z-index:999; top:30px;  left:0;}
div#menu ul li:hover ul li a {white-space:normal; display:block; width:100%; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; background-color:#DBD7C7;}
div#menu ul li:hover ul li a:hover {background-color:#B8B4A4; text-decoration:none;}

/*IE6 hovering*/
div#menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
div#menu ul li a:hover {position:relative /*IE hack*/; z-index:1000 /*IE hack*/; background-color:rgb(210,210,210); text-decoration:none;}
div#menu ul li a:hover ul {display:block; width:120px; position:absolute; z-index:999; top:30px; left:-30px; }
div#menu ul li a:hover ul li a {white-space:normal; display:block; width:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; background-color:#DBD7C7;  }
div#menu ul li a:hover ul li a:hover {background-color:#B8B4A4; text-decoration:none;}

/*HABILLAGE GENERAL*/

div#site_contenu h2
{
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF;
}

div#site_contenu h3
{
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}


div#site_contenu a.lien_standard
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

div#site_contenu a.lien_standard:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
}

form.formulaire div.ligne
{
	float: left;
	width: 48%;
}

form.formulaire label
{
	color:#FFFFFF;
	display:inline;
	float:left;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:5px 0 0;
	width:180px;
}

form.formulaire input, 
form.formulaire textarea
{
	border: 1px solid #D3CEBB;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #575347;
	margin: 5px 0 0 ;
}

	.petit
{
	font-family: Tahoma, Arial;
	font-size: 10px;
	font-weight:normal;
	color: #FFFFFF;
}

	.tab1
{
	border:solid;
	border-width: 1px;
	border-color: #777161;
	background-color:#575347;
}

	.dico
{
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color: #FFFFFF;
}
	.dico a {
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
} 
	.dico a:hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: underline;
} 

	div#flashcontent
{
	background-color:#D3CEBB;
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight:bold;
	color: #7F7F7F;
}
	
	div#flashcontent a
{
	background-color:#D3CEBB;
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight:bold;
	color: #2E353D;
	text-decoration: none;
} 
	
	div#flashcontent a:hover
{
	background-color:#D3CEBB;
	font-family:Tahoma, Arial;
	font-size: 12px;
	font-weight:bold;
	color: #2E353D;
	text-decoration: underline	;
} 


/*MISE EN PAGE DU FOOTER*/

div#footer
{
	width:100%;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	padding: 9px 0px;
}

div#footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

div#footer a:hover
{
	text-decoration: underline;
}

/*DIVERS*/
a img 
{
	border: 0px;
}

div.succes,
div.erreur
{
	font-weight: bold;
	background-color:#FFFFFF;
	text-align: center;
	padding:5px 5px;
	margin-bottom:20px;
}

div.succes
{
	color: #575347;
	border: solid 1px #575347;
}

div.erreur
{
	color: #C74833;
	border: solid 1px #C74833;
}


div#cnil
{
	text-align: center;
	color: #FFFFFF;
	font-size: 10px;
	clear:left;
}

div#cnil a
{
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
}

div#cnil a:hover
{
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: underline;
}



/*Style spécifique à la page d'accueil*/

div.texte_accueil
{
	margin-top: 15px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}

div.texte_accueil h2
{
	font-family: Arial;
	font-size: 18px;
	font-style: italic;
	color: #FFFFFF;
}

div.implantations
{
	clear: left;
	width: 850px;
	height: 128px;
	background-image: url('../images/cadre_implantations_fr.gif');
	background-repeat: no-repeat;
	position: relative;
}

div.implantations div.contenu
{
	line-height:25px;
	padding:30px 180px 0;
	text-align: center;
	color: #202529;
	font-size: 12px;
	font-family: Arial;
}

div.implantations a.lien_implantation
{
	color: #202529;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

div.implantations a.lien_implantation:hover
{
	text-decoration: underline;
}

div.implantations a#lien_recrutement
{
left:690px;
position:absolute;
top:10px;
color: #ffffff;
font-family: Arial;
font-size: 15px;
text-transform:capitalize;
font-style:italic;
font-weight: bold;
text-decoration: none;
}

div.implantations a#lien_recrutement:hover
{
	text-decoration:underline;
}


div.mentions
{
	margin-top: 15px;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}

div.mentions a
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: none;

}

div.mentions a:hover
{
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	text-decoration: underline;
}
