
/* Modèle graphique du menu de niveau ROOT */
/* --------------------------------------- */


#menu_deroulant ul {
	position:relative;
	top:0px; 		/* parametre : ordonnée haute du menu */
	left:0px;		/* parametre : abscisse gauche du menu */
	margin:0px;
	padding:0px;
	
}

#menu_deroulant ul li {
	margin-bottom:0px; /* parametre : espacement vertical entre les boutons */
	border:0px solid green;
	margin:0px;
	padding:0px;
	/* 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 !!!!! */
	/* -------------------------------------------------------- */
	/* -------------------------------------------------------- */
	
	/* style ci-dessous : à décommenter pour les menus HORIZONTAUX */
	float:left; 
}

#menu_deroulant ul a {
	height:20px;		/* parametre : hauteur des boutons du menu (à la racine)*/
	width:190px;		/* parametre : largeur des boutons du menu (à la racine) */

	background-color:#FFFFFF; 
	text-align:left;
	padding:4px 0px 0px 0px;
	
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	color:#bf2362;
	text-decoration:none;
	font-weight:bold;
}

#menu_deroulant ul a:hover {
	color:#FFFFFF;
	background-color:#bf2362;
}


/* Modèle graphique du menu de niveau 1 */
/* ------------------------------------ */
#menu_deroulant ul ul {
	top:27px;		/* parametre : ordonnée haute du sous-menu par rapport à son bouton d'origine */
	left:5px;		/* parametre : abscisse gauche du sous-menu par rapport à son bouton d'origine */
	border:0px solid #ffffff;
}

#menu_deroulant ul ul li{
	border:none;

}


#menu_deroulant ul ul a {
	width:188px; /* parametre : largeur des boutons du sous-menu */
	background-color:#6e441e; 
	text-align:left;
	padding:5px 5px 0px 5px;
	margin:0;
	
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	border-top:1px solid #ab937d;
	border-left:1px solid #ab937d;
	border-right:1px solid #4a2e14;
	border-bottom:1px solid #4a2e14;
	font-weight:normal;
}

#menu_deroulant ul ul a:hover {
	color:#FFFFFF;
	background-color:#d9276e;
	border-top:1px solid #e982ab;
	border-left:1px solid #e982ab;
	border-right:1px solid #921a4a;
	border-bottom:1px solid #921a4a;
	padding:5px 5px 0px 5px;
	margin:0;
}


/* Modèle graphique du menu de niveau 2 */
/* ------------------------------------ */
#menu_deroulant ul ul ul {
	top:0px;		/* parametre : ordonnée haute du sous-menu par rapport à son bouton d'origine */
	left:205px;		/* parametre : abscisse gauche du sous-menu par rapport à son bouton d'origine */
	border:0px solid blue;
}
