body {margin:0;padding:0;font:80% arial, arial, sans-serif;background:gray;}
#centre{background:white;position:relative;margin-left:auto;margin-right:auto;width:1024px;}
#contenu{position:relative;padding:2px;border:1px solid gray;text-align:left;background:#ffffff;width:840px;}
#contenu h2{text-align:center;}
#contenu img{position:relative;}
#contenu p{font: normal medium ;}
#contenucentre{position:relative;padding:2px;border:1px solid gray;text-align:center;background:#ffffff;width:840px;}
dl, dt, dd, ul, li{margin:0;padding:0;list-style-type:none;}
#entete{position:absolute;top:0px;left:200px;}



/*Apparence du menu de gauche de la 1ere page*/
#menugauche{position:relative;text-align:center;z-index:1;width:150px;}
#menugauche dl{float:none;width:10em;}
#menugauche dt{cursor:pointer;text-align:left;font-weight:bold;font-size:15;background:#dadada;
/*#b2c1e7;*/
border:1px solid gray;margin:1px;}
#menugauche a{text-decoration:none;color:black;margin-left:5px;}
#menugauche h4{cursor:pointer;text-align:center;text-decoration:noneborder:0px none;font-weight:normal;}
/*Gère l'apparence des menus de gauche dans les pages autres que la 1ere*/

sousmenu{position:relative;z-index:1;width:140px;}
/*titre au dessus du menu*/
#sousmenu h4{cursor:default;text-align:center;text-decoration:none;border:0px none;font-weight:normal;}
#sousmenu dl{float:left;width:9em;}
#sousmenu dt{cursor:default;text-align:center;text-decoration:underline;font-weight:bold;background:#5c93e6;margin:1px;width:100%;border:1px solid #319b31;}
#sousmenu dd{border:1px solid #319b31;background:#97b6e6;text-align:center;margin:1px;width:100%;}
#sousmenu li{cursor:default;text-align:center;font-size:15;background:#ddd;border:1px solid #319b31; height:100%}

/*pour Internet Explorer*/
#sousmenu li a{background:#accccc;color:#000;text-decoration:none;display:block;height:100%;}
/*#sousmenu dt h3{cursor:default;text-align:center;text-decoration:underline;background:#fffff;border:0px none;margin:1px;}
*/
/*pour mozilla*/
#sousmenu li:hover{background:#eee;}
/*pour internet explorer*/
#sousmenu li a:hover{background:#eee;}
#sousmenu .test li a{background:#fff;}


#menubas{position:relative;font-size:13;width:850px;text-align:center;vertical-align:bottom;bottom:0px;}
/*Gère l'apparence du menu principal*/
#menubas dl{float:left;width:13em;background:white;}
#menubas dt{cursor:default;text-align:center;font-weight:bold;background:#ddd;border:1px solid gray;margin:1px;}
#menubas dt a{color:#000;text-decoration:none; width:100%;}
/*pour mozilla*/
#menubas dt:hover{cursor:pointer;background:#eee;}
/*pour internet explorer*/
#menubas dt a:hover{cursor:pointer;background:#eee;}

#site{position:absolute;z-index:1;top:0px;left:10px;color:#000;background-color:#ddd;padding:5px;border:1px solid gray;}
#titre{font-weight:500;}
.mentions{position:absolute;top:300px;left:10px;color:#000;background-color:#ddd;}
/*
#menu{position:absolute;top:90px;left:180px;font-size:12;z-index:1;width:880px;}
/*Gère l'apparence du menu principal*/
/*#menu dl{float:left;width:8.5em;}
#menu dt{cursor:pointer;text-align:center;font-weight:bold;background-image:url(photos/fondBouton.jpg);border:1px solid gray;margin:1px;}
/*Gère l'apparence du sous menu*/
/*#menu dd{display:none;border:1px solid gray;}
#menu li{text-align:center;background:#ddd; height:100%;border-bottom:1px solid #319b31;}
#menu li a,#menu dt a{color:#000;text-decoration:none;display:block;height:100%; background:#accccc}
/*Surligne le titre pointé dans le sous menu*/
/*#menu li a:hover,#menu dt a:hover{background:#eee;}*/

#nav{  /* toutes les listes */
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
	top:90px;
	left:180px;
	/*border:1px solid #319b31;
	background:#accccc;*/

}

#nav ul {/*tout les sous menus*/
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:1;
	
	/*border:1px solid gray;*/
	
}
#nav a {
	display: block;
	width: 9.1em;
	text-decoration:none;
	color:#003ca6;
	margin-left:2px;
	margin-bottom:0px;
	vertical-align:middle;
	text-align:center;
}

#nav li { /* tous les items de liste */
	float:left;
	width:9.1em; /* largeur obligatoire, sinon opera devient fou */
	cursor:pointer;
	font-weight:bold;	
	border-top:1px solid #319b31;
	border-left: 1px solid #319b31;
	border-right: 1px solid #319b31;
	border-bottom: 1px solid #319b31;
	
	vertical-align:middle;
	background: #accccc;
}


#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	/*border:1px solid gray;*/
	width: 9.1em;
	left: -999em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
	/*text-align:center;*/
	background-image:url(photos/fondBouton.jpg);
	/*border:1px solid #319b31;*/
}

#nav li ul ul { /* listes de troisième niveau et plus */
	margin: -1.3em 0 0 9.1em;	/*crée un décalage "esthétique avec les sous menus mettre 9.4em pour plus de rigueur*/
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	left: auto;
}
#nav li:hover 
{
	background:#eee;
}