
/* Modèle graphique du menu de niveau ROOT */
/* --------------------------------------- */
#menu_deroulant {
	top:0px; 		/* parametre : ordonnée haute du menu */
	left:0px;		/* parametre : abscisse gauche du menu */
	border:0px solid red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(../images/fond_menu.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

#menu_deroulant li {
	margin-bottom:1px; /* 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 #911518;		/* ---- */
	/* ---- */		border-top:1px solid #9e181b;		/* ---- */
	/* -------------------------------------------------------- */
	background-image:url(../images/pointilles_bouton.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	
}

#menu_deroulant a {
	height:16px;		/* parametre : hauteur des boutons du niveau ROOT du menu */
	width:136px;		/* parametre : largeur des boutons du niveau ROOT du menu */

	background-color:transparent; 
	background-image:url(../images/fond_bouton.gif);
	background-repeat:no-repeat;
	padding:10px 0px 0px 30px;
	
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	text-decoration:none;
}

#menu_deroulant a:hover {
	background-position:3px top;

	width:134px;		/* parametre : largeur des boutons du niveau ROOT du menu */
	padding-left:32px;
}


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


#menu_deroulant ul a {
	height:26px;		/* parametre : hauteur des boutons du niveau 2 du menu (sous-menus) */
	width:166px;		/* parametre : largeur des boutons du niveau 2 du menu (sous-menus) */

	background-color:#9bbbae; 
	text-align:left;
	padding:5px 5px 0px 5px;
	
	font-size:11px;
	color:#3c3f40;
	text-decoration:none;
}

#menu_deroulant ul a:hover {
	color:#000000;
	background-color:#c3d6ce;
}
