body{	
	background-color: #E9E9E9;
	text-align: center;
	font-family: Arial, helvetica,sans-serif;
	font-weight: normal;
	color:#666666;
	font-size: 11px;
	padding: 0;
	margin-top:0;
}

#global {
    position: relative; 
	margin-left: auto;
	margin-right: auto;
    width: 955px;
    text-align: left;

}


#logo{
	float:left;
	padding-left:0px;
	width: 955px;
	}


/* The menu */

#menu{
	background-image: url(/images/background_haut_marron.gif);
	background-repeat: repeat-x;
	height: 34px;	
	margin: 0px;
	width: 955px;
	float: right;
	padding: 0px;

}

#intmenu{	
	padding: 0px;
	margin: 0px;
	float: right;
	width: 490px;
}

#smenu1,#smenu2,#smenu3,#smenu4{
	display:none;
}

/* Début du menu haut */
ul#menu2
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu2 li
{
	display: inline;
	margin: 0px;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu2 li#accueil a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 80px ;
	line-height: 34px;
	color: #000 ;
	text-indent: 40px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/menu_accueil.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu2 li#accueil a:hover
{
	float: left;
	background: url(/images/menu_accueil.gif) no-repeat 0 -34px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu2 li#selescope a
{
	float: left;
	display: block; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 102px;
	line-height: 34px;
	color: #000;
	text-indent: 40px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/menu_selescope.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu2 li#selescope a:hover
{
	float: left;
	background: url(/images/menu_selescope.gif) no-repeat 0 -34px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu2 li#candidats a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 100px ;
	line-height: 34px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/menu_candidats.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu2 li#candidats a:hover
{
	float: left;
	background: url(/images/menu_candidats.gif) no-repeat 0 -34px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu2 li#entreprises a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 108px ;
	line-height: 34px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/menu_entreprises.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu2 li#entreprises a:hover
{
	float: left;
	background: url(/images/menu_entreprises.gif) no-repeat 0 -34px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu2 li#contact a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 100px ;
	line-height: 34px ;
	color: #000 ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/menu_contact.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu2 li#contact a:hover
{
	float: left;
	background: url(/images/menu_contact.gif) no-repeat 0 -34px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}
/* Fin du menu haut */


/* Début du menu de gauche */
ul#menu3
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu3 li
{
	display: inline;
	margin: 0px;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu3 li.out a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 192px ;
	line-height: 47px;
	color: #564d3f;
	font-size: 11px;
	font-weight: normal;
	text-indent: 45px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/background_menug_ensemble.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu3 li.out a:hover
{
	font-weight: bold;
	float: left;
	background: url(/images/background_menug_ensemble.gif) no-repeat 0 -47px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#menu3 li.in a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 192px ;
	line-height: 47px;
	color: #564d3f;
	font-size: 11px;
	font-weight: bold;
	text-indent: 45px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none;
	background: url(/images/background_menug_ensemble.gif) no-repeat 0 -47px; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu3 li.in a:hover
{
	font-weight: bold;
	float: left;
	background: url(/images/background_menug_ensemble.gif) no-repeat 0 -47px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#menu3 li.menu_gauche_categorie {


	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 192px ;
	line-height: 35px;
	color: #564d3f;
	font-size: 11px;
	font-weight: bold;
	text-indent: 45px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/background_menug_all.gif) no-repeat 0 0;
}

ul#menu3 li.menu_gauche_txt {
	float: left;
	display: block ;
	font-size: 11px;
	width: 165px ;	
	padding: 10px 5px 10px 15px;
	
}


/* Début du menu de  gauche bas*/
ul#menu4
{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu4 li
{
	display: inline;
	margin: 0px;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#menu4 li#candspon a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 191px ;
	line-height: 41px;
	color: #564d3f;
	font-size: 11px;
	font-weight: normal;
	text-indent: 35px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/background_menug_candspon.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}
ul#menu4 li#candspon a:hover
{
	font-size: 11px;
	font-weight: bold;
	float: left;
	background: url(/images/background_menug_candspon.gif) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

ul#menu4 li#ensemble_offres a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 191px ;
	line-height: 20px;
	color: #564d3f;
	font-size: 11px;
	font-weight: normal;
	text-indent: 35px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/background_menug_out.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu4 li#ensemble_offres a strong
{
	margin-left: 35px; /* On décale le texte de 40px du bord gauche */
	font-weight:normal;
}

ul#menu4 li#ensemble_offres a:hover strong
{
	margin-left: 35px; /* On décale le texte de 40px du bord gauche */
	font-weight:bold;
}

ul#menu4 li#ensemble_offres a:hover
{
	font-size: 11px;
	font-weight: bold;
	float: left;
	background: url(/images/background_menug_out.gif) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}


ul#menu4 li#processus a
{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 191px ;
	line-height: 41px;
	color: #564d3f;
	font-size: 11px;
	font-weight: normal;
	text-indent: 35px; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(/images/background_menug_processus.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

ul#menu4 li#processus a:hover
{
	font-size: 11px;
	font-weight: bold;
	float: left;
	background: url(/images/background_menug_processus.gif) no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/*--------------------AJOUT------------------------------*/
#left #img1{
	float: left;
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 191px ;
	height:46px;
	text-decoration: none ;
	background: url(/images/background_menug_haut.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	text-indent: 40px; /* On décale le texte de 40px du bord gauche */
}

#left #img1 h2{
	margin-top:8px;
	display:block;
	line-height: 15px;
	color: #564d3f;
	font-size: 11px;
	font-weight: bold;
	width:191px;	
}

#left #img1 h2 strong
{
	margin-left: 40px; /* On décale le texte de 40px du bord gauche */
	font-weight: bold;
}

/*-------------------- FIN AJOUT------------------------------*/
/* Fin du menu de gauche */


.titre{
	height: 46px;
	padding: 0px;
	margin: 0px;
}

dd.padding {
	position: absolute;
	z-index: 10000;
	margin-top: 34px;
	background: #686055;
	border: 1px solid gray;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);

	
}
#menu li {
	text-align: left;
	background: transparent;
}
#menu li a, #menu dt a {
	color: #bdb5a8;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	background:#686055;


	
}
#menu li a:hover, #menu dt a:hover {
	background: #564d3e;
	color: #d9d1c6;
}
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.headfoot {
	background-color: #FFF;
	display:block; 
	height:81px;
	padding: 0px;
	margin: 0px;
}

.menu_gauche_button_out {
	background: url(/images/background_menug_out.gif) no-repeat;
	width: 192px;
	padding: 12px 0 12px 50px;
	color: #564d3f;
	font-size: 11px;
	font-weight: normal;
}
.menu_gauche_button_in {
	background: url(/images/background_menug_in.gif) no-repeat;
	width: 192px;
	padding: 12px 0 12px 50px;
	color: #564d3f;
	font-size: 11px;
	font-weight: bold;
}

.image {
	border: 0px;
}

.titre_p {
	color: #7B9A3C; 
	font-size: 14px; 
	font-weight: 700; 
}

.footer {	
	clear: both;
	color: #5c5d5c;
	width: 100%;
	background-color: #CBC9C5;
	height: 50px;
	color: #564D3F;
	font-size: 11px;
	min-width: 955px;
	}

.footer a{
	color:#554d40;
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}

#blackout{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	margin-left:auto;
	width:100%;
	height:100%;
	-moz-opacity:0.5;
	opacity: 0.5;
	filter:alpha(opacity=50);
	background-color:#686055;
	z-index:80;
	text-align: center;
}


#showError{
	display:none;
	position:absolute;
	left: 50%; 
	top: 50%;
	margin-top: -200px; /* moitié de la hauteur */
	margin-left: -200px; /* moitié de la largeur */
	width:400px;
	background-color:white;
	border: 1px solid #aae1a9; 
	z-index:90;
	text-align: left;
	-moz-opacity:0.9;
	opacity: 0.9;
	filter:alpha(opacity=90);	
}
#showError li {

font-size:11px;
list-style-type: square;
padding-left:20px;
}

#showError span{

padding-left:10px;

}
.form_interligne {
	padding-top: 5px; 
	height: 25px;
}

form_interligneerreur{
	height: 50px;
}

.form_interligne2 {
	padding-top: 65px !important; /*moz width*/
	padding-top: 5px;
	height: 25px;
}

.form_interligne3 {
	/*float: left !important; /*moz width*/
	padding-top: 5px; 
	/*padding-left: 0px;*/
	height: 25px;

}