
/* Modèle graphique du menu de niveau ROOT */
/* --------------------------------------- */
#menu_deroulant ul {
	top:1px; 		
	left:0px;		/* parametre : abscisse gauche du menu */
	margin-top:0px;  /* parametre : ordonnée haute du menu */
	margin-bottom:0px; /* determine une hauteur minimum sous le menu */
	
	border:0px solid red;
}

#menu_deroulant ul li {
	margin-bottom:0px; /* parametre : espacement vertical entre les boutons */
	border:0px solid green;
	/* ATTENTION : IL FAUT AU MOINS UNE BORDURE "border-bottom" POUR QUE CA FONCTIONNE SOUS IE6, et le border-top pour le même résultat visuel que sous IE7 et FIREFOX !!!!! */
	/* -------------------------------------------------------- */
	/* ---- */		border-bottom:1px solid #FFFFFF;		/* ---- */
	/* ---- */		border-top:1px solid #FFFFFF;		/* ---- */
	/* -------------------------------------------------------- */
	
	/* style ci-dessous : à décommenter pour les menus HORIZONTAUX */
	 float:left; 
	border-right:1px solid #e1e1e1;
}


#menu_deroulant ul a {
	height:16px;		/* parametre : hauteur des boutons du menu (à la racine)*/
	/*width:146px;		 parametre : largeur des boutons du menu (à la racine) */

	/*background-color:#EBEBEB;*/
	border-right:0px solid #CCCCCC;
	padding:4px 10px 0px 10px;
	
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	color:#000000;
	text-decoration:none;
}

#menu_deroulant ul a:hover {
	color:#000000;
	/*background-color:#122372;*/
}


/* Modèle graphique du menu de niveau 1 */
/* ------------------------------------ */
#menu_deroulant ul ul {
	top:18px;		/* parametre : ordonnée haute du sous-menu par rapport à son bouton d'origine */
	left:0px;		/* parametre : abscisse gauche du sous-menu par rapport à son bouton d'origine */
	border:0px solid blue;
}


#menu_deroulant ul ul a {
	min-width:150px; /* parametre : largeur des boutons du sous-menu */
	background-color:#5a85af; 
	text-align:left;
	padding:5px 5px 5px 5px;
	
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_deroulant ul ul a:hover {
	color:#FFFFFF;
	background-color:#0b2c50;
}



/* Modèle graphique du menu de niveau 2 et plus */
/* ------------------------------------ */
#menu_deroulant ul ul ul {
	top:0px;		/* parametre : ordonnée haute du sous-menu par rapport à son menu parent */
	left:164px;		/* parametre : abscisse gauche du sous-menu par rapport à son menu parent */
	border:0px solid blue;
}


/* Colorisation des menus de 2ème niveau (ajout d'une classe sur le li dans fonctions_menus.php*/
/* ------------------------------------------------------------------------------------------  */

#menu_deroulant .menu_1 ul li a{
background-color:#122372;
border:#FFFFFF 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#menu_deroulant .menu_2 ul li a {
background-color:#7fa246;
border:#FFFFFF 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#menu_deroulant .menu_3 ul li a {
background-color:#acbbc3;
border:#FFFFFF 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}
#menu_deroulant .menu_4 ul li a {
background-color:#f29400;
border:#FFFFFF 1px solid;
border-right:#999999 1px solid;
border-bottom:#999999 1px solid;
}


#menu_deroulant .menu_1 ul li a:hover{
background-color:#00092f;
}
#menu_deroulant .menu_2 ul li a:hover{
background-color:#5a762d;
}
#menu_deroulant .menu_3 ul li a:hover{
background-color:#91a5af;
}
#menu_deroulant .menu_4 ul li a:hover{
background-color:#f26c00;
}

