body{
	background-color : #722609;
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-size : 14px;
	color : #955f4a;
	font-weight : bold;
	text-align: center;	
}

#logo{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	z-index:10;
}

/**************************************************************************************************************************
*										PAGE INDEX											*
***************************************************************************************************************************/

/***************************** CONTENU DE LA PAGE INDEX	 ****************************/
#contenu_index{
	background-color : #e1ddda;
	background-image : url(../img/fond.jpg);
	background-repeat : no-repeat;
	margin : auto;
	margin-top : 0px;
	padding : 0px;
	width : 953px;
	height : 651px;
}

#contenu_index #menu_haut{
	text-align : right;
	width : 100%;
	height : 220px;
	z-index:1;
}



#contenu_index a{
	text-decoration : none;
}

#contenu_index a img{
	border : 0px;
}

#contenu_index a.btn_ok{
	background-color : #8b6360;
	color : white;
	font-size : 16px;
	text-decoration : none;
	padding : 1px;
	padding-left : 3px;
	padding-right : 3px;
	margin-right : 15px;
}


#contenu_index .menu  td{
	background-image : url(../img/couleur_fond_menu.gif);
	background-repeat : repeat-x;
	filter:alpha(opacity=60);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.7;
	background-color : transparent;
}

#contenu_index .menu{
	color : white;
}

/* HAUT DE PAGE */
.acces_cand{
	font-weight : bold;
	font-size : 16px;
}

.login_mdp{
	font-weight : normal;
	font-size : 12px;
	color : #58534D;
}

/* HAUT DE PAGE */
.acces_cand_index{
	font-weight : bold;
	font-size : 16px;
	color : #3c3b36;
}

#contenu_index .login_mdp{
	font-weight : normal;
	font-size : 12px;
	color : #ffffff;
}

.mdp_oublie_index{
	font-weight : normal;
	font-size : 12px;
	color : #ffffff;
}

/* CREATION DU DESIGN DU MENU*/
.menu dl, .menu dt, .menu dd, .menu ul, .menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index : 1;
}

.menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin-left : 5px;
}

.menu dd {
	display: none;
	padding : 0px;
	width : 190px;
	position : absolute;
	text-align : left;
	filter:alpha(opacity=70);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.9;
	margin-left : 30px;
	
}

.menu ul{
	margin : 0px;
	padding : 0px;
	
}
.menu li {
	color : white;
	width : auto;
	
}

.menu li a, .menu dt a {
	color: #FFF;  /* couleur des sous menus*/
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;	
}


.menu li a:hover, .menu li a:focus   {
	background: #58534D;
	color : white;
}
		
/* FIN DU DESIGN DU MENU*/		
	
		
/***************************** ENCADRE EN BAS DE LA PAGE INDEX ****************************/

#contenu_index #encadre_bas{
	width : 238px;
	height : 362px;
	text-align : right;
	float: right;
	margin-top : 50px;
	margin-right : 17px;
}

#contenu_index #encadre_bas table{
	margin : 0px;
	padding : 0px;
	border : none;
	float: right;
	background-image : url(../img/fond_menu_bas.png);
	background-repeat: no-repeat;
	filter:alpha(opacity=85);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.90;
}

#contenu_index #encadre_bas tr{
	width : 238px;
	height : 116px;
	float: right;
	border : 1 px solid red;
	margin : 0px;
	padding : 0px;
	border : 0px solid black;	
}

#contenu_index #encadre_bas td{
	width : 238px;
	height : 116px;
	color : red;
	margin-left : 26px;
	padding-right : 26px;
	text-align : left;
	padding-left : 35px;	
	color : white;
}

#contenu_index #encadre_bas .titre_cadre{
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-weight: bold;
	font-size : 12px;
}

#contenu_index #encadre_bas .contenu_cadre{
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-size : 12px;
	font-weight : normal;
}

#contenu_index #encadre_bas .lien_cadre{
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-size : 12px;
	font-weight : normal;
}

#contenu_index #encadre_bas td a{
	color : white;
	text-decoration : underline;
	font-weight: bold;
}

#contenu_index #encadre_bas .contenu_cadre a{
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-size : 12px;
	font-weight : normal;
	text-decoration : none;
}





/***************************** SOUS CONTENU AVEC LIEN	 ****************************/

#sous_contenu{
	margin : auto;
	margin-top : 3px;
	margin-bottom : 12px;
	padding : 0px;
	width : 953px;
	height : 20px;
	float : bottom;
	background-color : #73260c;
}

#sous_contenu .lien_site{
	padding-top : 9px;
	text-align : center;
	width : 910px;
}

#sous_contenu .logo{
	padding-top : 0px;
	width : 43px;
}

/**************************************************************************************************************************
*									CONTENU DU SITE											*
***************************************************************************************************************************/

/***************************** CONTENU SITE ****************************/
#contenu_site{
	background-color : #f9fff1;
	margin-left : auto;
	margin-right : auto;
	padding : auto;
	width : 950px;
}

#contenu_site a{
	color : #96511c;
	text-decoration : none;
}

#contenu_site a.btn_ok{
	background-color : #C20047;
	color : white;
	font-size : 16px;
	text-decoration : none;
	padding : 1px;
	padding-left : 3px;
	padding-right : 3px;
	margin-right : 15px;
}

#contenu_site a img{
	border : 0px;
	text-decoration : none;
}

#contenu_site #menu_haut{
	margin : 0px;
	padding : 0px;
	height : 92px;
}


#contenu_site  #menu_haut a{
	color : white;
	text-decoration : none;
}


#contenu_site #menu_haut table tr td a{
	margin-right : 15px;
	text-decoration : none;
}

#contenu_site .menu  td{
	background-color: #401407;
}

/***************************** MENU ET CONTENU ****************************/
#contenu_site #menu_et_contenu{

	margin : 0px;
	padding : 0px;
	overflow:hidden;
	width : 950px;
	background-image : url(../img/fond_menu_contenu.gif);
}

/***************************** MENU GAUCHE ****************************/
#contenu_site #menu_gauche{
	float : left;
	width : 213px;
	height : auto;
	margin : 0px;
	padding : 0px;
	background-color : #b78e6d;
}

#contenu_site #menu_gauche .haut{
	background-image : url(../img/fond_menu_gauche.gif);
}

#contenu_site #menu_gauche .titre1{
	color : #ae9188;
	font-size : 14px;
	padding : 0px;
	margin : 0px;
	font-weight:bold;
}

#contenu_site #menu_gauche #lien{
	color : #FFF;
	font-size : 14px;
	padding : 0px;
	margin : 0px;
	text-decoration : none;
}

#contenu_site #menu_gauche .titre2{
	color : #96511c;
	background-color : #fbeacc;
	font-size : 14px;
	font-weight : bold;
	padding : 0px;
	margin : 0px;
}

#contenu_site #menu_gauche .titre2 a{
	font-size : 14px;
	font-weight: bold;
	margin-left : 10px;
	margin-right : 10px;
}

#contenu_site #menu_gauche .titre2 p{
	margin : 0px;
	margin-left : 20px;
	margin-right : 10px;
}

/***************************** CONTENU DROITE ****************************/
#contenu_site #contenu_droite{
	float : right;
	width : 736px;
	background-color : #f9fff1;
	padding : 0px;
	margin : 0px;
	margin-left : 1px;
	padding-bottom : 5px;

}

#contenu_site #contenu_droite #contenu_titre{

	/*background-image : url(../img/banniere_contenu.jpg);*/

	background-repeat : no-repeat;
	margin : auto;
	margin-top : 0px;

}

#contenu_site #contenu_droite #contenu_titre h1{
	padding-top : 250px;
	text-indent : 15px;
	color : white;
	font-weight : lighter;
	margin : 0px;
	text-align : left;
	font-size:25px;

}

#tablecontenu h2{
	font-weight : lighter;
	font-size:20px;
}

#tablecontenu div{
	font-size:10pt;
}

#tablecontenu strong{
	font-size:10pt;
}

#contenu_site #contenu_droite #contenu_ariane{
 
	margin : 0px;
	padding-left : 14px;
}

#contenu_site #contenu_droite #contenu{
	

	padding-left : 0px;
}

#contenu_site #contenu{
min-height: 261px;
}



#contenu_site #contenu_droite #contenu_lien{
	text-align : right;
	height : 30px; 
	padding-right: 15px;
	padding-bottom: 5px;
}


/***************************** PIED DE PAGE ****************************/
#contenu_site #sous_contenu{
	float : right;
	height : 30px;
	padding : 0px;
	margin : 0px;

}

#sous_contenu .lien {
color:white;
font-size:9pt;
font-weight:normal;
text-decoration:none;
}

#contenu_site #sous_contenu a{
	color : white;
	font-weight : bold;
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
}


a.menu, .menu a, a.menu:link, .menu a:link, a.menu:visited, .menu a:visited, a.menu:hover, .menu a:hover {
border-style:none;
color:#FFFFFF;
font-size:10pt;
font-weight:bolder;
text-align:center;
text-decoration:none;
}

/***************************** PAGE ANNONCE ****************************/
.table_annonce {
border-collapse:collapse;
}

/************************* FORMULAIRE CANDIDAT ************************/
#page0{
	display:block;
}

#page1{
	display:none;
}

/* CREATION DU DESIGN DU MENU GENERAL*/
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index : 1;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	margin-left : 5px;
}

#menu dd {
	display: none;
	padding : 0px;
	width : 190px;
	position : absolute;
	text-align : left;
	filter:alpha(opacity=70);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.9;
	margin-left : 30px;
	
}

#menu ul{
	margin : 0px;
	padding : 0px;
	
}
#menu li {
	color : white;
	width : auto;
	
}

#menu li a, #menu dt a {
	color: #FFF;  /* couleur des sous menus*/
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;	
}


#menu li a:hover, #menu li a:focus   {
	background-color : #58534D;
	color : white;
}
		
/* FIN DU DESIGN DU MENU*/		

*html #menu dt{
	margin-top : 5px;
}