html {
	background: #ddd url(../images/fond.png);
	}
body {behavior: url(../cssscripts/csshover.htc);}

div#menu {width: 150px} 
#menu {
	position: relative;
	top: 16px;
	left: 16px;
    z-index:9;}
			 
div#menu a {color: #000000} /* couleur du texte du menu sans sous-menu */
div#menu ul {padding: 0; width: 150px; margin:2px; border-top: solid 2px #EEEEEE; border-bottom: solid 2px #444444; background: #E0E0E0; } /*couleur du fond du menu*/
div#menu li {border-left: solid 2px #FFFFFF; border-right: solid 2px #444444} 
div#menu li.sousmenu a {color: E0E0E0} /*couleur menu qui a un sous-menu*/
div#menu li.sousmenu ul {padding: 0; width: 165px; border:0px solid; margin:0px; border-top: solid 2px #FFFFFF; border-bottom: solid 2px #444444; background: #EEEEEE; } /*couleur du fond du sous-menu*/

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: #606060}             /*couleur de survol du fond des menus sans sous-menu*/
div#menu li:hover a {color: #FFFFFF}                  /*couleur de survol du texte des menus sans sous-menu*/
div#menu li.sousmenu:hover {background: #606060;}   /*couleur de survol du fond des menus avec sous-menu*/
div#menu li.sousmenu:hover a {color: #FFFFFF}         /*couleur de survol du texte des menus avec sous-menu*/

/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {background: url(../images/flecherouge.gif) 95% 30% no-repeat;}

div#menu ul li {position:relative; list-style: none}
div#menu ul ul {
	position: absolute;
	top: 0px;
	left: 148px;
	display:none;
	visibility: visible;
} 

div#menu li a {text-decoration: none; padding: 4px; display:block; font-size: 14px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block}

div#menu ul.niveau1 li.sousmenu:hover ul.niveau2 a {color: #000000}           /*couleur de texte des sous-menus*/
div#menu ul.niveau1 li.sousmenu:hover li.soussousmenu:hover a {color: #FFFFFF}  /*couleur de survol de texte des sous-menus*/

.StyleCentre {
	color: #000000;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
.StyleNoir {color: #000000}
.StyleCouleur2 {color: red}

html, body {
	height: 100%;
	margin: 0;
	}

#contenant {                    /* contient les 3 calques haut, milieu, pied */
	min-height: 100%;
	width:900px;
	position:relative;
	background-color: #808080; 
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/contenant.png) center repeat-y;
}

#haut {
	position: relative;
	background-image: url(../images/bandeau18.jpg);
	background-color: #D0D0D0; 
	height:151px;
      }
#milieu {                 /* contient gauche, principal et droite*/
	/* éviter la superposition du pied de page et du contenu */
	padding-bottom: 150px; 
	overflow: auto;
      }
#principal {
	position:relative;
	left:187px;
	top:16px;
	width:495px;
	background-color: #E0E0E0;
	padding-left: 10px;
	padding-right: 10px;
	border-left-color: #DDDDDD;
	border-left-width: 2px;
	border-left-style: outset;
	border-bottom-color: #666666;
	border-bottom-style: outset;
	border-bottom-width: 2px;
	border-right-color: #666666;
	border-right-style: outset;
	border-right-width: 2px;
	border-top-color: #DDDDDD;
	border-top-width: 2px;
	border-top-style: outset;
}
#droite {
	float: right;
	width: 170px;
	z-index:6;
	background-color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	visibility: visible;
}

body,td,th {font-family: Arial, Helvetica, sans-serif;}

#gauche {
    float: left;
	width:0px;
	height:412px;
	z-index:3;
	background-color: #808080;
	visibility: visible;
}
#pied {
	position: absolute;
	width: 900px;
	height: 130px;
	bottom: 0;
	background: #7fcf2e url(../images/sable03.jpg) repeat-x;
	color: #fff;
	}
#bigoud {
	position: relative;
	top: 50px;
	left: 16px;
}