body{
	background-color : #726055;
	font-family : Verdana, 'arial unicode MS', 'Times New Roman', Times, serif;
	font-size : 14px;
	color : #58534d;
	font-weight : bold;
	text-align: center;	
}
#logo{
	position:absolute;
	margin-top:25px;
	margin-left:15px;
	z-index:10;
}

#logo_index{
	position:absolute;
	margin-top:48px;
	margin-left:15px;
	z-index:10;
}
/**************************************************************************************************************************
*									CONTENU DE LA PAGE INDEX									*
***************************************************************************************************************************/

#contenu_index{
	background-color : #e1ddda;
	background-image : url(/recrute/phildar/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(/recrute/phildar/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_index{
	color : white;
}

#contenu_index .menu_index  td{
	/*background-image : url(/recrute/phildar/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 : #575355;
	color : #ffffff;
	
}

#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;
}

#contenu_index .acces_cand{
	font-weight : bold;
	font-size : 16px;
	color : #ffffff;
}

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

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

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

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

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

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


.menu_index li a:hover, .menu_index li a:focus  {
	background-color: #58534D;
	color : white;
}

a.menu_index, .menu_index a, a.menu_index:link, .menu_index a:link, a.menu_index:visited, .menu_index a:visited, a.menu_index:hover, .menu_index a:hover {
	border-style:none;
	color:#FFFFFF;
	font-size:10pt;
	font-weight:bolder;
	text-align:center;
	text-decoration:none;
}
		
/* FIN DU DESIGN DU MENU INDEX*/		
		

/* 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=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	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;
}

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;
}

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

		
/* FIN DU DESIGN DU MENU GENERAL*/		
		


/**************************************************************************************************************************
*									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(/recrute/phildar/img/fond_menu_basZ.gif);
	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 : 26px;	
	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 : #726055;
}

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

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

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

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

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

#contenu_site a{
	color : #58534d;
	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: black;
}

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

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

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

#contenu_site #menu_gauche .haut{
	background-image : url(/recrute/phildar/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 : #ae9188;
	font-size : 14px;
	padding : 0px;
	margin : 0px;
	text-decoration : none;
}

#contenu_site #menu_gauche .titre2{
	color : #55544e;
	background-color : #d1c9c1;
	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(/recrute/phildar/img/banniere_contenu.png);*/

	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:14pt;
}

#tablecontenu h3{
	font-size:12pt;
}

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

#tablecontenu div{
	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 : 20px;
	padding : 0px;
	margin : 0px;

}

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

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

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

#page1{
	display:none;
}