BODY { 
  margin: 0; padding: 0;behavior: url(csshover.htc);
}
H1 {
	DISPLAY: inline; FONT-SIZE: 12px; font-weight: normal
}
H2 {
	DISPLAY: inline; FONT-SIZE: 12px; font-weight: normal
}
A {
	COLOR: #000099; TEXT-DECORATION: none
}
.titre_menu {  
  font-family: "Times New Roman", Times, serif; font-size: 50px; color: #0000FF; font-weight: bold
}
.ecrit14pt	{
	PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;color:	#003868;font-size:14px;
}
.ecrit18pt	{
	PADDING-RIGHT: 1px; PADDING-LEFT: 3px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px;color:	#003868;font-size:18px;
}
.ecrit8pt	{
	color:	#000000;font-size:10px;
	}	
.style12 {font-family: Arial; font-size: 14px; color: #FF0000; }


div#menu a {color:#000000;font-size:14px;text-align: center;}
div#menu ul {padding: 0; margin:0px; background: white; text-align:center}
div#menu li {background:#0000FF}
div#menu li:hover {background: #EDD}
div#menu li.sousmenu:hover {background: #EBB;}
/* rajout couleure de fond */
div#menu li.sousmenu {background: url(fleche.gif) 95% 50% no-repeat; background-color:#0000FF}
/* rajout pr pour flèche direction bas et couleur de fond*/
div#menu li.plop { background:url(fleche2.gif) 95% 50% no-repeat #0000FF;}

/* une petite bordure en top*/
div#menu ul li {position:relative; list-style: none; float:left; border-top:1px solid}

div#menu ul ul {position: absolute;display:none; width:120px}
div#menu li a {text-decoration: none; padding: 4px 0 4px; display:block;width:120px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}
div#menu ul.niveau3 {top:-1px; left: 120px; width:120px}

/* rajout de couleures de fond et de survol */
div#menu ul.niveau3 li { background: #99CCCC}
div#menu ul.niveau3 li:hover { background: #99CC00}