/* Menus popup en cascade */
/* ---------------------- */
#menu_haut {
	position: absolute;
	top: 167px;
	_top: 168px;
	z-index: 100;
	display: block;
	width: 764px;
	height: 20px;
	background: #CD3333;
}

#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:10;
}
div.popup_l_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:10;
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:10;
}
div.popup_r_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:10;
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:10;
}
div.popup_t_menu ul li{
list-style-type:none;
margin:0;
padding:0;
position: relative;
z-index:10;
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 a {
text-transform: uppercase;
}

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{
text-transform: none;
padding: 4px 8px 4px 8px;
width:158px;
_width: 176px;
color: #fff;
}

div.popup_t_menu ul ul a:hover,
div.popup_b_menu ul ul a:hover{
color: #333;
}

/* -- RUBRIQUES -- */

ul#menu_3_root{width:70px;}
ul#menu_4_root{width:67px;}
ul#menu_5_root{width:71px;}
ul#menu_6_root{width:112px;}
ul#menu_7_root{width:176px;}
ul#menu_8_root{width:109px;}
ul#menu_9_root{width:110px;}

ul#menu_3_root a:hover {background: #982424;}
ul#menu_4_root a:hover {background: #D75B5E; }
ul#menu_5_root a:hover {background: #99CC33; }
ul#menu_6_root a:hover{background: #FFCC00; }
ul#menu_7_root a:hover{background: #0099FF; }
ul#menu_8_root a:hover{background: #6633CC; }
ul#menu_9_root a:hover{background: #982424; }

ul#menu_3_root li ul  {background: #982424; border: 1px solid #fff; } 
ul#menu_4_root li ul  {background: #D75B5E; border: 1px solid #fff; }
ul#menu_5_root li ul  {background: #99CC33; border: 1px solid #fff; }
ul#menu_6_root li ul {background: #FFCC00; border: 1px solid #fff; }
ul#menu_7_root li ul {background: #0099FF; border: 1px solid #fff; }
ul#menu_8_root li ul {background: #6633CC; border: 1px solid #fff; }
ul#menu_9_root li ul {background: #982424; border: 1px solid #fff; }


ul#menu_3_root li ul li a { text-align: left; }
ul#menu_4_root li ul li a { text-align: left; }
ul#menu_5_root li ul li a { text-align: left; }
ul#menu_6_root li ul li a { text-align: left; }
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_3_root li ul li a:hover  { background: #982424;} 
ul#menu_4_root li ul li a:hover  { background: #E79D9E; }
ul#menu_5_root li ul li a:hover  { background: #C2E085; }
ul#menu_6_root li ul li a:hover { background: #FFDF66; }
ul#menu_7_root li ul li a:hover { background: #66C1FF; }
ul#menu_8_root li ul li a:hover { background: #A385E0; }
ul#menu_9_root li ul li a:hover { background: #E18486; }

/* -- MENU DROITE 1 -- */
#droite1 {
background: url("images/menu_d1_bgd.png");
padding: 0px;
margin: 0px;
border: 0px;
}

#droite1 a {
display:block;
background: url("images/menu_d1.png") no-repeat 0px 3px;
padding:0 0 6px 14px;
margin: 0px 10px 0px 10px;
text-decoration:none;
color: #000;
}
#droite1 a:hover {
	color: #C93334;
}

/* MENU DROITE 1 */

/* -- MENU DROITE 2 -- */
#droite2 {
margin: -2px 0px -6px 0px;
background: url("images/menu_d2_bgd.png");
padding: 7px 0px 0px 0px;
}

#droite2 a {
display:block;
background: url("images/menu_d1.png") no-repeat 0px 3px;
padding:0 0 0 14px;
margin: 0px 10px 6px 10px;
text-decoration:none;
color: #000;
}
#droite2 a:hover {
	color: #CC3433;
}

/* MENU DROITE 2 */