@charset "UTF-8";
/* CSS Document */
/*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#menu {
	width: 184px; /*font-size:0.85em;*/;
	font-size: 11px;
	font-family: arial, verdana, technical;


}
div#menu ul {
	padding: 0;
	width: 184px; /* border:1px solid #87A76A;*/;
	border-left: 1px solid #87A76A;
	border-top: 1px solid #87A76A;
	margin: 0px;
	background-color: #C5CFBC;
}
/*On positionne les elements du menu */
div#menu ul li {
	position: relative;
	list-style: none;/*on enleve les icones de liste */	
	border-bottom: 1px solid #87A76A; /*ajout d'une bordure de separation d'element:*/
}
/div#menu ul ul {
                position: absolute;
                top: 0;
            
              /* left: 180px;  183px correspond au décalage a droite, on décale de la taille du ul de base*/
               }
div#menu li a {
	text-decoration: none; /* plus de soulignement pour les liens */;
	color: #003399;
	border-right: 1px solid #87A76A;
	display: inline-block;
}
/* fichier pour internet explorer */
body {
	behavior: url("/menu/menu_fr_css/csshover.htc");
}
/* On cache tous les sous menu avec la propriété display none */
div#menu ul ul {
	position: absolute;
	font-size: 1em;
	top: 0px;
	left: 183px;
	display: none;

}
/*Lors du survol ,avec la souris, les sousmenu apparaissent grace a display: block */
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
	display: block;
	
	
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 {
	display: block;
	
}
/* fond blanc pour le menu
*/
div#menu a {
	color: #000000;
}
/* fond different au survol de la souris entre les sous-menu et les "basiques"*/
div#menu li:hover {
	background: #E2EADA;
}
div#menu li.sousmenu:hover {
	background: #E2EADA;
}
/* Rajout d'une petite fleche pour les sous menu (j'ai pioché cette astuce sur le web ;) )
Fonctionne pas avec IE7*/
div#menu li.sousmenu {
	background: url("../images/tri3.gif") 98% 55% no-repeat;
	
	z-index:10;
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a {
	text-decoration: none;
	padding: 4px 0 4px 4px;
	display: block;
	border-left: /*8px solid #BBB; width:84px*/;
}
/* la bordure de chaque hauteur a une couleure de survol*/
div#menu li a:hover {
	border-left-color: red;
}
div#menu ul ul li a:hover {
	border-left-color: #00FF00;
}
div#menu ul ul ul li a:hover {
	border-left-color: #0000FF;
}
.droit {
	text-align: right;
}
div#menu ul li.bas {
	background: url("../images/tranche-bas3.gif") no-repeat bottom right;
	border: 0px;
	height: 40px;
}