#menuDeroulant{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 25px;
	list-style-type: none;
	padding:2px;
	background-color: navy;
	text-align:center;
 z-index:999;
}
#menuDeroulant li{ /* sousmenu */
	float: left;
	width:150px;
	color: navy;
	font:bold 9pt arial;
  /*border-right:solid 1px white;*/
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
	display: block;
	height: 20px;
	padding:5px;
	text-decoration: none;
 color:white;
}
#menuDeroulant li a:hover {color: #00CCFF;}
#menuDeroulant li a:active {color: #FF0000;}
#menuDeroulant .sousMenu{
	display: none;
	list-style-type: none;
}
#menuDeroulant .sousMenu li{
	float: none;
 margin-left:-40px;
	margin-top:-2px;
	width: 150px; /* largeur du sousmenu; on peut mettre 'auto' ou une valeur en px. Si problème, revoir la largeur du menu*/
	border-top:solid 1px white;
	/*border-right:solid 1px transparent;*/
 font-size:7pt;
 text-align:left;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited{
	display: block;
 height:10px; /* hauteur des items du sousmenu*/
	color: white;
	text-decoration: none;
	background:#CCC;
}
#menuDeroulant .sousMenu li a:hover{
	background-color: #8080FF;
 color:white;
}
#menuDeroulant li:hover > .sousMenu {display: block;}
/*a:link{color:white;}
a{text-decoration:none;}
a:hover{background:none;}
*/

