@charset "utf-8";
/* CSS Document */

#nav, #nav ul { /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	position:absolute;
	bottom:0;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
	color:#FFF;
	font-weight:bold;
	height:28px;
	text-align:center;
	text-decoration:none;
	padding:3px 0 0 0;
}

#nav li { /* tous les items de liste */
	float: left;
	width: 10em; /* largeur obligatoire, sinon opera devient fou */
	background:url(bg_menu.png) repeat-x top left #005800;
	height:31px;
	margin-right:2px;
	position:relative;

}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background-color:005800;
	width: 15em;
	top:31px;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}
#nav li ul li, #nav li ul, #nav li ul li a { width:15em; }
#nav li ul li { background-image:none; background-color:#006600; min-height:1px; height:auto !important; height:1px; }
#nav li ul li a { font-weight:normal;  min-height:1px; height:auto !important; height:1px; padding: 0.3em; text-align:left; text-decoration:none; }
#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}

#menu_sec {
	
}
#menu_sec li {
	display:block;
	margin:0; padding: 0;
	
}
#menu_sec li a {
	color:#FFF;
	font-size:1.4em;
	text-decoration:none;
	font-weight:bold;
	display:block;
	background-color:#4A5E0F;
	padding:0.4em 0 0.4em 0.8em;
	height:100%;
	margin:0 0 2px 0;
}
#menu_sec li ul {
	margin:-1px 0 0 1em;
	
}
#menu_sec li ul li  { font-size:1em; background:url(bg_transpa.png) repeat top left transparent; }
#menu_sec li ul li a {
	background-color:transparent;
	font-size:1em;
	padding:0.3em 0 0.3em 1em;
	font-weight:normal;
	margin:0 0 1px 0;

}

ul#fil_ariane {
	margin-left:50px;
}
ul#fil_ariane li {
	float:left;
	display:block;
}
ul#fil_ariane li a {
	float:left;
	width:89px;
	height:81px;
	margin:0 15px;
	text-align:center;
	border:0;
}
ul#fil_ariane li a span { display:none; }
ul#fil_ariane li#btn_ident a:link,  ul#fil_ariane li#btn_ident a:visited {background:url(etape1_off.jpg) no-repeat top left; }
ul#fil_ariane li#btn_ident a:hover,  ul#fil_ariane li#btn_ident a:active, ul#fil_ariane li#btn_ident a.actif {background:url(etape1_on.jpg) no-repeat top left; }
ul#fil_ariane li#btn_livr a:link,  ul#fil_ariane li#btn_livr a:visited {background:url(etape2_off.jpg) no-repeat top left; }
ul#fil_ariane li#btn_livr a:hover,  ul#fil_ariane li#btn_livr a:active, ul#fil_ariane li#btn_livr a.actif {background:url(etape2_on.jpg) no-repeat top left; }
ul#fil_ariane li#btn_recap a:link,  ul#fil_ariane li#btn_recap a:visited {background:url(etape3_off.jpg) no-repeat top left; }
ul#fil_ariane li#btn_recap a:hover,  ul#fil_ariane li#btn_recap a:active, ul#fil_ariane li#btn_recap a.actif {background:url(etape3_on.jpg) no-repeat top left; }
ul#fil_ariane li#btn_paie a:link,  ul#fil_ariane li#btn_paie a:visited {background:url(etape4_off.jpg) no-repeat top left; }
ul#fil_ariane li#btn_paie a:hover,  ul#fil_ariane li#btn_paie a:active, ul#fil_ariane li#btn_paie a.actif {background:url(etape4_on.jpg) no-repeat top left; }
ul#fil_ariane li#btn_conf a:link,  ul#fil_ariane li#btn_conf a:visited {background:url(etape5_off.jpg) no-repeat top left; }
ul#fil_ariane li#btn_conf a:hover,  ul#fil_ariane li#btn_conf a:active, ul#fil_ariane li#btn_conf a.actif {background:url(etape5_on.jpg) no-repeat top left; }