@charset "iso-8859-2";
/* CSS Document */
/*<!-- code par JC BOUAT janvier 2009 -->*/
	body,td,select,input,legend { font:normal 8pt Verdana }
body {
	text-align: center;
}
h1 {
	text-transform: uppercase;
}


#nav {
	height: 70px;
	width: 620px;
		background: #B3C9D9;

}
#conteneur {
	height: auto;
	width: 600px;
	text-align: left;
	background: #fff;
	position: relative; /* on positionne le conteneur */
     margin-left: auto;
     margin-right: auto;
}

ul {
	list-style-type: none;
	margin:0;
	padding-left:15px;
	position: absolute;
	/*top: 2em; /* positionnement du menu, que vous pouvez changer à loisir */
/*left: 3em;*/
width: 100%; /* précision pour Opera */
	padding-top: 10px;
}

li {
float: left;


}


.menu a {       /* définition de chaque bouton du menu */
	width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
	height: 20px;
	float: left;
	display: block;
	text-align: center;
	/*border: 1px solid #fff;*/
	text-decoration: none;
	color: #000;
	/*background: #fff;*/


}

.menu a:hover {
color: #411;
background: #AAA;
border: 1px solid gray; 
border-bottom: 0px;
color: #fff;


}


.menu a span {     /* définition de la balise <span> inclue dans <a> */
display: none;


}

.menu a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: absolute;
top: 30px;
left: 15px;
width: 450px;       /* largeur de la zone de commentaires, selon la taille du menu */
text-align: left;
border-top: 1px solid gray;
color: #000;


}