.rubrique_mere {
	display: none;
	}

/* --- HAUT 1 --- */
#menu_haut1 a {
	font-size: 10px;
	margin-left: 15px;
	padding: 1px 0px 1px 16px;
	background: url("images/haut1_puce.png") no-repeat 0px 0px;
	text-transform: uppercase;
	color: #fff;
	}
	#menu_haut1 a:hover {
		background: url("images/haut1_puceo.png") no-repeat 0px 0px;
		color: #000;
		}


/* --- HAUT 2 --- */

#menu_haut2 a {
	font-size: 10px;
	margin-left: 15px;
	padding: 0px 16px 2px 0px;
	background: url("images/haut2_puce.png") no-repeat 100% 0px;
	text-transform: uppercase;
	color: #000;
	}
	#menu_haut2 a:hover {
		background: url("images/haut2_puceo.png") no-repeat 100% 0px;
		color: #FF0000;
		}
/* --- */

/* --- HAUT 3 --- */
#menu_haut3 {
	padding: 1px 0px 3px 0px;
	background: url("images/haut3_bgd.png");
	}

#menu_haut3 a {
	font-size: 10px;
	margin-left: 15px;
	padding: 0px 0px 2px 16px;
	background: url("images/haut3_puce.png") no-repeat 0px 0px;
	text-transform: uppercase;
	color: #fff;
	}
	#menu_haut3 a:hover {
		background: url("images/haut3_puceo.png") no-repeat 0px 0px;
		color: #000;
		}
/* --- */

/* --- DROITE --- */
#menu_droite {
	background: url("images/menubox_bgd.png");
	}

#menu_droite .rubrique_mere {
	display: block;
	padding: 6px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 7pt;
	}

#menu_droite a {
	display: block;
	padding:0.4em 0.6em;
	color: #fff;
	}
	#menu_droite a:hover {
		background: #FF9900;
		}
/* --- */

/* --- GAUCHE --- */
#menu_gauche {
	width: 130px;
	background: url("images/menubox_bgd.png")
	}

#menu_gauche .rubrique_mere {
	display: block;
	padding: 6px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	font-size: 7pt;
	}

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

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

div.popup_l_menu ul li{
list-style-type:none;
margin:0px;
padding:0px;
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:0px;
left:100.1%;

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

/* menus popup droits */
div.popup_r_menu{
width:100%;
}
div.popup_r_menu ul{
list-style-type:none;
margin:0px;
padding:0px;
vertical-align:middle;
width:100%;
z-index:0;
}
div.popup_r_menu ul li{
list-style-type:none;
margin:0px;
padding:0px;
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:0px;
right:100.1%;
}
div.popup_r_menu ul li ul li{
z-index:10;
width:100%;
}
div.popup_r_menu a {
margin:0px;
display:block;
vertical-align:middle;
}

/* 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 {
font-size: 10px;
text-decoration:none;
color: #fff;
}

div.popup_l_menu a,
div.popup_r_menu a {
	padding:0.1em 0.3em;
	}

/* -- RUBRIQUES -- */

div.popup_l_menu ul a,
div.popup_r_menu ul a {
	padding:0.4em 0.6em;
	}

div.popup_l_menu ul a:hover,
div.popup_r_menu ul a:hover {
	background: #FF9900;
	}

div.popup_l_menu ul ul ,
div.popup_r_menu ul ul  {
	width: 170px;
	border: 1px solid #FF9900;
	}

div.popup_l_menu ul ul a,
div.popup_r_menu ul ul a {
	display: block;
	width: 150px;
	padding:6px;
	background: #fff;
	color: #FF9900;
	}
	div.popup_l_menu ul ul a:hover,
	div.popup_r_menu ul ul a:hover {
		background: #FFE5B2;
		}