/* CSS du menu horizontal, bieler batiste */
	
.menu{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:543px; /* important for Opera7 */
	height:25px;
	float: left;
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    margin:0;
    padding:0;
	list-style: none;
	width: 108px;
	float: left;
    }
	
.menu h2 {
	font:11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	white-space:nowrap;
}

.menu h2 {
	font-weight:bold;
	width:108px;
	color: #000000;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:8px;
	border: 0px;
	text-transform:uppercase;
}

.menu h2:hover, .menu h2:active{
	cursor:pointer;
}
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:108px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    width:108px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }

    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
	font:11px arial, helvetica, sans-serif;
	display: block;
	margin: 0;
	white-space:nowrap;
    margin:0px;
	background-color:#FFFFFF;
	color:#333333; 
	text-align:left;
	font-size:11px;
	padding-top:3px; 
	padding-right:0px; 
	padding-bottom:3px; 
	padding-left:3px; 
	border-bottom: 1px solid #F7F7F7; 
	border-left: 0px solid #CC0000;
	border-right: 0px solid #CC0000;
	text-decoration: none;
    }
    
.menu a:hover{
	text-decoration: underline;
	color: #FFFFFF;
	background: #AAAAAA;
    }
	
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #CC0000;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu ul {
	background-color:#000000;
	padding:1px;
	position: absolute;
	z-index: 500;
    width:108px;
	border-top:0px;
	border-left:0px;
	border-bottom: 1px solid #666666; 
	border-right: 1px solid #666666; 
}

.menu ul ul {
    width:108px;
	top: 31px;
	background-color:#000000;
	padding:1px;
	position: absolute;
	z-index: 500;
	border-top:0px;
	border-left:0px;
	border-bottom: 1px solid #AAAAAA; 
	border-right: 1px solid #AAAAAA; 
}

.menu ul ul ul {
	position: absolute;
	top: -1px;
	left: 108px;

}


.menu a.x, .menu a.x:visited{
background:#FFFFFF url('img/menu_fleche.gif') no-repeat 100% 50%;
}

#menu a.x:hover, #menu a.x:active{
background:#AAAAAA url('img/menu_fleche_on.gif') no-repeat 100% 50%;
}