body {
  behavior: url("csshover.htc");
}

/*#######################################################################################*/
/* EN GENERAL*/
/*#######################################################################################*/
#menu, #menu ul, #menu li {
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
	line-height : 30px; /* on définit une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu li {
	width: 140px;
}	

#menu li a {
	display: block;
	text-decoration: none;
	padding : 0; /* aucune marge intérieure */
	text-align: center;
	border: 0px solid #fff;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 12px; /* hauteur du texte : 12 pixels */
       
}
/*#######################################################################################*/


/*#######################################################################################*/
/* NIVEAU 1*/
/*#######################################################################################*/
#menu .niveau1 li {
	float: left;
	margin: 0 -1px 0 0;
}

#menu .niveau1 li a {
	height: 30px;
	color: #fff;
	background:blue url("../Images/PageMaitre/images/Header_04.jpg");
}

#menu .niveau1 li a.gauche /* On adapte le coin gauche */
{
	background:blue url("../Images/PageMaitre/images/Header_03.jpg");
}

#menu .niveau1 li a.droite /* On adapte le coin droit */
{
	background:blue url("../Images/PageMaitre/images/Header_07.jpg");
}

#menu .niveau1 li:hover a,
#menu .niveau1 li a:hover {
	color: #fff;
	background:blue url("../Images/PageMaitre/images/Header_hover_04.jpg");
}

/*#######################################################################################*/

/*#######################################################################################*/
/* NIVEAU 2*/
/*#######################################################################################*/
#menu .niveau2 {
	position: absolute;
	top: -999em;
	line-height : 25px; /* on définit une hauteur pour chaque élément */
}



#menu  .niveau2 li {
	position:relative;
	left:-70px;
	clear:left;
	margin: -0px 0 0;
	line-height : 25px; /* on définit une hauteur pour chaque élément */
}

#menu .niveau1 .niveau2 li {
	position:relative;
	left:-70px;
	clear:left;
	margin: -0px 0 0;
	line-height : 25px; /* on définit une hauteur pour chaque élément */
}

/* PAS LISIBLE PAR IE, DONC POUR LES AUTRES*/
html>body #menu .niveau1 .niveau2 li                
{
	line-height : 25px; /* on définit une hauteur pour chaque élément */
	position:relative;
	left:0px;
    clear:left;
	margin: -0px 0 0;
}


#menu .niveau1 .niveau2 li a {
	color: #fff;
	background:#000044;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 0px solid #fff;
	height:25px;
}

#menu .niveau2 li a.First {
	color: #fff;
	background:#000044;
	border-top: 1px solid #fff;
}

#menu .niveau2 li:hover a,
#menu .niveau2 li a:hover{
	color: #FFFFFF;
	background:#008888;
}

#menu li:hover .niveau2,
#menu .sfhover .niveau2 {
	top: auto;
	clear:left;
	min-height: 0; /* corrige un bug IE7 */
}

/*#######################################################################################*/

/*#######################################################################################*/
/* NIVEAU 3*/
/*#######################################################################################*/
#menu .niveau1 .niveau2 .niveau3 {
	position: absolute;	
	top: -9999em;
	border-top: 0px solid #fff; /* corrige un bug IE6 */
}

#menu .niveau2 .niveau3 li {
	position:relative;
	left:69px;clear:left;
	margin: -0px 0 0;
}

html>body #menu .niveau2 .niveau3 li {
	position:relative;
	left:139px;
	clear:left;
	margin: -0px 0 0;
}
	
#menu .niveau2 .niveau3 li a {
	color: #fff;
	background:#000044;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 0px solid #fff;
}

#menu .niveau3 li a.First {
	color: #fff;
	background:#000044;
	border-top: 1px solid #fff;
}

#menu .niveau3 li:hover a,
#menu .niveau3 li a:hover {
	color: #fff
	;
	background:#008888;
}

#menu .niveau2 li:hover .niveau3,
#menu .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-27px 0 0 0px;
}

#menu .inverse .niveau2 li:hover .niveau3,
#menu .inverse .niveau2 .sfhover .niveau3 {	
	top: auto;
	margin:-28px 0 0 -149px;
}