/*@charset "utf-8";*/
/* CSS Document */
.menu_fond {
	height: 20px;
	/*background-color:#2c2f22;
	color:inherit;
	width:100%;
	height: 22px;
	position:relative;
	top:-20px;
	right:-20px;
	margin-bottom:20px;
	border:0px solid #2c2f22;*/
}

ul.menu {
	list-style-type: none;
	/*margin:0;*/
	padding:0;
	position: absolute; 
	top: -31px; /* positionnement du menu, que vous pouvez changer à loisir */
	left: 0em;
	
	margin-left: 200px;
	margin-right: 240px;
	background-color:#2c2f22;
	color: #cbd888 ;
}

ul.menu li {
	float: left;
}

ul.menu li#WoT100al a {
	/*border: solid gray;*/
	border-color:gray;
	/*border-width:1px 0px 0px 0px*/;
 	border-radius: 5px 10px 0px 0px;
	background-color: #cbd888 ;
	color: #2c2f22 !important;
}
ul.menu li#WoT100al a:hover {
 	border-radius: 5px 10px 0px 0px;
	background-color: #cbd888;
	color: #2c2f22;
}
ul.menu a {       /* définition de chaque bouton du menu */
	/*width: 100px;	   /* largeur du bouton, que vous pouvez changer à loisir */
	width: auto;
	padding:0px 8px;
	height: 20px;
	float: left;
	display: block;
	text-align: center;
	border: solid #2c2f21; 
	border-width:1px 0px 0px 0px;
	text-decoration: none;
	color: #cbd888 !important;
	background-color: #2c2f22 ;
}

ul.menu #end{
	height:21px !important;
	width:20px;
	color:inherit;
	background-color:inherit;
}
ul.menu #end span {
	height:20px !important;
	width:20px;
	display:inline-block;
	border: solid #2c2f21;
	background-color: #2c2f22 ;
	color:inherit;
	border-width:1px 0px 0px 0px;
}
ul.menu a:hover {
	/*border: solid gray;*/
	border-color:gray;
	/*border-width:1px 0px 0px 0px*/;
 	border-radius: 5px 10px 0px 0px !important;
	background-color: #cbd888 !important;
	color: #2c2f22 !important;
}

ul.menu li#WoT100al  + li{
	background-color:#cbd888;
	color:inherit;
}
ul.menu li#WoT100al + li a {
	background-color: #2c2f22;
	color:inherit;
}
ul.menu li#WoT100al + li a, ul.menu li#WoT100al + li span  {
 	border-radius:0px 0px 0px 10px;
}
ul.menu li#WoT100al + li a:hover/*, ul.menu li#WoT100al + li span  */{
 	border-radius:5px 10px 0px 0px;
	
}
ul.menu li:hover {
	background-color: #2c2f22 !important;
	color: inherit;
}
ul.menu li:hover + li, ul.menu #end {
	background-color: #cbd888;
	color:inherit;
}
ul.menu li:hover + li a, ul.menu li:hover + li span  {
 	border-radius:0px 0px 0px 10px;
	background-color: #2c2f22 !important;
	color:inherit;
}
ul.menu li:hover + li#WoT100al{
	background-color: #2c2f22 !important;
	color:inherit;
}
ul.menu li:hover + li#WoT100al a{
	
	background-color: #cbd888 !important;
	color:inherit;
}

ul.menu a span{     /* définition de la balise <span> inclue dans <a> */
	display: none;
}

ul.menu a:hover span {   /* définition de la balise <span> au survol */
	display: block;
	position: absolute;
	top: 22px;
	left: 0px;
	width: 100%;       /* largeur de la zone de commentaires, selon la taille du menu */

	text-align: left;
	/*border-top: 1px solid gray;*/
	/*color: #000;
	background:inherit;*/
	padding:0px 5px;
}
fieldset {
	border-radius: 0px 10px 0px 20px;
}