div#menu               {
	font-size: 12px;
	text-align: center;
	visibility: visible;
	position: static;
	z-index: 1;
	width: 190px;
	height: 100%;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
}

/* fond blanc pour le menu */ 
div#menu a       {
}
div#menu ul       {
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 0;
	padding: 0;
	width: 190px;
	border: solid 0
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover    {
	background-color: #D6D6D6;
}
div#menu li.sousmenu:hover   {
	background-color: #3285C9;
}

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu   {  }

div#menu ul li     { background-color: #D6D6D6; list-style: none; position: relative;  border-bottom: 1px solid #fff  }
div#menu ul ul     {
	background-color: #D6D6D6;
	height: 12px;
	display: none;
	position: absolute;
	top: 1px;
	left: 175px;
	z-index: 2;
	font-size: 11px;
	width: 250px;
	text-align: left;
}

/* 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; display: block; padding: 3px 0px 3px 0px; 	 width: 194px ;
  }
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3  {
	display: block;
	background-color: #D6D6D6;

	 
}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover      {
	background-color: #D6D6D6;	
		 }
div#menu ul ul li a:hover     {
	background-color: #D6D6D6;
	
	border-left: medium none #D6D6D6
}
div#menu ul ul ul li a:hover   {
	border-left: medium none #D6D6D6;
	background-color: #4D5054;
}
#formulaires {
	top: 420px;
	position: absolute;
	overflow: hidden;
	left: 0;
	z-index: 1;
	visibility: visible;
}

