@CHARSET "ISO-8859-1";

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

.menu li {
	float: left;
	margin-left : 30px;
	
}

.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 black; */
	border-top : 1px solid #D15600;
	border-left: 1px solid #D15600;
	border-right : 1px solid #D15600;
	text-decoration: none;
	color: #000;
	background: #DF9C6F;
}



.menu a:hover {
	color: #411;
	background: #D15600;
	border: 1px solid #D15600; 
	border-bottom: 0px;
	color: black;
}

.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: 20px;
	left: 0;
	width: 600px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: left;
	border-top: 1px solid #D15600;
	color: #000;
}