/* CSS Document */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout5.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
float:left; top:25px; /*left:-25px;*/
position:relative;
z-index:100;
font-size:90%;
height:235px; width:100%;
margin:0; padding:0; 
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position: relative;
display:block;
margin:0; padding:0; 
list-style-type:none;
font-weight:bold;
}
.menu a:hover { background:#a8a8a8; color:#fff;}
.menu a:visited { color:#fff;}
.menu a:active, a#current {background: #184c8f/*bleu candidat : #053ea8*/; color:#fff; }

.menu li {
	height:auto; width:100%;
}
/* hack pour IE 5.5 */
* html .menu li {margin-left:-16px; margin-lef\t:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100;  width:0; height:0;}

/* style the links */
.menu a  {
font-family: Arial, Helvetica, sans-serif;
display:block; 
text-decoration:none;
height:auto;
line-height:auto;
padding-top:5px; padding-bottom:5px;
width:175px;
color: #fff/*#dbdbdb*/;
padding-left:25px; 
}

/* style the link hover */
* html .menu a:hover { background:#a8a8a8; color:#fff;}

.menu ul li a:hover { background:#a8a8a8; color:#fff;}
.menu :hover > a { background: #a8a8a8/*gris*/; color:#fff; }
.menu li a:active, menu ul li#current {background:#184c8f /*#053ea8 candidat bleu*/; color:#fff;  }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:-1px;
	left:190px;
	font-weight:normal;
	display:block; /* pour que la barre bleue fasse toute la largeur du sous-menu malgré le padding*/
	z-index:1000;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul li {
	background-color: #a8a8a8; color:#fff;z-index:1000; z-index:1000}
.menu ul ul li a {padding-left:15px; /*|padding-left:0; |margin-left:-38px;*/ color:#fff; z-index:1000;}
.menu ul li:hover ul li a {padding-left:15px; |padding-left:0; |margin-left:-38px; color:#fff;}
/*----------- 2 lignes spéciales pour que IE mette le texte du sous-menu en blanc et le bg en bleu au hover-- */
.menu ul li a:hover ul li a {
	background-color: #a8a8a8; 
 	color:#fff; z-index:1000;
}
.menu ul li a:hover ul li a:hover {
	background-color: #184c8f/* bleu candidat : #053ea8*/;
 	color:#fff; z-index:1000;
}
/*------------- fin des 2 lignes spéciales pour IE 6 -----------------------------*/
.menu ul li:hover ul,
.menu ul a:hover ul {
	width:auto;
	visibility: visible; z-index:100;
	float:left; margin:0; padding:0;
	background-color: #a8a8a8; color: #fff; /* à mettre ici le cas échéant :  font-weight:bold;*/
/* pour que le gras ne vienne qu'au hover : font-weight:normal;*/
z-index:1000;}


.menu ul.top2 {top:24px; |top:14px;}
.menu ul.top3 {top:48px; |top:38px;}
.menu ul.top4 {top:72px; |top:62px;}
.menu ul.top5 {top:96px; |top:86px;}
.menu ul.top6 {top:120px; |top:110px;}
.menu ul.top7 {top:144px; |top:134px;}
.menu ul.top8 {top:168px; |top:160px;}
.menu ul.top9 {top:192px; |top:184px;}

.menu ul ul li a:hover {
	background-color: #184c8f /*bleu candidats #053ea8*/;
}
.menu a:visited  {
text-decoration:none;
color: #fff/*#dbdbdb*/;
}