/* -- ACCES DIRECT -- */

#acces_direct div {
	padding: 4px 10px 4px 10px;
	background: url("images/gauche1_filet.png");
}


#acces_direct a {
	text-decoration: none;
	color: #A68273;
	background: url("images/gauche1_puce.png") no-repeat 0px 3px;
	padding: 0px 0px 0px 14px;
}

#acces_direct a:hover {
	color: #333;
	background: url("images/gauche1_puceo.png") no-repeat 0px 3px;
}


/* Menus popup en cascade */
/* ---------------------- */
#menu_haut {
	position: absolute;
	top: 149px;
	z-index: 100;
	display: block;
	width: 764px;
	height: 20px;
	background: #807b7b
}

#menu_ {
	height: 20px;
	vertical-align:middle;
	}


/* menus popup gauche */
div.popup_l_menu{
width:100%;
}

div.popup_l_menu ul {
list-style-type:none;
margin:0;
padding:0;
vertical-align:middle;
width:100%;
z-index:0;
}
div.popup_l_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:0;
vertical-align:middle;
width:100%;
}

div.popup_l_menu ul li ul{
position:absolute;
display:block;
width:12em;
z-index:10;
visibility:hidden;
top:0;
left:100.1%;

}
div.popup_l_menu ul li ul li{
z-index:10;
width:100%;
}
div.popup_l_menu a{
margin:0;
display:block;
vertical-align:middle;
}

/* menus popup droits */
div.popup_r_menu{
width:100%;
}
div.popup_r_menu ul{
list-style-type:none;
margin:0;
padding:0;
vertical-align:middle;
width:100%;
z-index:0;
}
div.popup_r_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:0;
vertical-align:middle;
width:100%;
}
div.popup_r_menu ul li ul{
position:absolute;
display:block;
width:12em;
z-index:10;
visibility:hidden;
top:0;
right:100.1%;
}
div.popup_r_menu ul li ul li{
z-index:10;
width:100%;
}
div.popup_r_menu a {
margin:0;
display:block;
vertical-align:middle;
}

/* menus popup haut */
div.popup_t_menu {
float: left;
margin: 0;
padding: 0;
width:100%;
display:inline;
vertical-align:middle;
}
div.popup_t_menu ul {
list-style-type:none;
margin:0;
padding:0;
display: block;
height: 20px;
vertical-align:middle;
float: left;
width: auto;

z-index:0;
}
div.popup_t_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:0;
vertical-align:middle;
height:100%;
}
div.popup_t_menu ul li ul{
position:absolute;
display:block;
width:174px;
z-index:10;
visibility:hidden;
height:auto;
}
div.popup_t_menu ul li ul li{
z-index:10;
width:100%;
height:auto;
}
div.popup_t_menu ul li ul li ul {
top:0;
left:100.1%;
z-index:10;
}

div.popup_t_menu a {
margin:0;
display:block;
vertical-align:middle;
width:100%;
height: hjk;
padding: 4px 0px 4px 0px;
}
/* deco commune */
/* Pour IE, il faut specifier une largeur pour le menu horizontal!!!
 * On peut le faire soit la, soit en le séparant pour chaque UL correspondant
 * a une rubrique racine (ul#menu_<menuID>_root{width:xxxx;})
 */
div.popup_t_menu ul{
width:4em;
}
div.popup_l_menu a,
div.popup_r_menu a,
div.popup_t_menu a,
div.popup_b_menu a {
text-align: center;
font-size: 10px;
text-decoration:none;
color: #fff;
}
div.popup_l_menu a,
div.popup_r_menu a {
padding:0.1em 0.3em;
font-weight:bold;
}
div.popup_t_menu a,
div.popup_b_menu a{

}

div.popup_t_menu ul ul ,
div.popup_b_menu ul ul {

}

div.popup_t_menu ul ul a,
div.popup_b_menu ul ul a{
padding: 4px 8px 4px 8px;
width:158px;
_width: 176px;
}

/* -- RUBRIQUES -- */

ul#menu_7_root{width:86px;}
ul#menu_8_root{width:76px;}
ul#menu_9_root{width:174px;}
ul#menu_10_root{width:93px;}
ul#menu_11_root{width:136px;}
ul#menu_12_root{width:120px;}

ul#menu_7_root a:hover {background: #F08E00;}
ul#menu_8_root a:hover {background: #A06B50; }
ul#menu_9_root a:hover {background: #9F152D; }
ul#menu_10_root a:hover{background: #5DB125; }
ul#menu_11_root a:hover{background: #B64C37; }
ul#menu_12_root a:hover{background: #5F8511; }

ul#menu_7_root li ul  {background: #F08E00; border: 1px solid #fff; } 
ul#menu_8_root li ul  {background: #A06B50; border: 1px solid #fff; }
ul#menu_9_root li ul  {background: #9F152D; border: 1px solid #fff; }
ul#menu_10_root li ul {background: #5DB125; border: 1px solid #fff; }
ul#menu_11_root li ul {background: #B64C37; border: 1px solid #fff; }
ul#menu_12_root li ul {background: #5F8511; border: 1px solid #fff; }

ul#menu_7_root li ul li a { text-align: left; }
ul#menu_8_root li ul li a { text-align: left; }
ul#menu_9_root li ul li a { text-align: left; }
ul#menu_10_root li ul li a { text-align: left; }
ul#menu_11_root li ul li a { text-align: left; }
ul#menu_12_root li ul li a { text-align: left; }

ul#menu_7_root li ul li a:hover  { background: #F7A217;} 
ul#menu_8_root li ul li a:hover  { background: #B48776; }
ul#menu_9_root li ul li a:hover  { background: #A13F60; }
ul#menu_10_root li ul li a:hover { background: #67CB33; }
ul#menu_11_root li ul li a:hover { background: #D96347; }
ul#menu_12_root li ul li a:hover { background: #93B04D; }