/* CSS du menu horizontal, bieler batiste */
    

.menu{
    display: block;
    margin: 0px;
    padding: 0px;
    width: 680px; /* important pour Opera7 */
}

/*LEVEL 1*/

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

.menu a {
	float: left;
    display: block;
	width: auto;
	color: #FFF;
	text-decoration: none;
	padding: 12px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* hide from IE Mac \*/
.menu a {
	float:none;
}
/* end hide */

    
.menu a:hover{
	color: #000000;
}

/*LEVEL 2*/
	
.menu li ul{
    visibility: hidden;
	background-color: #66669A;
	width: 160px;
	border: 1px solid #FFF;
	margin: 8px 0px 0px 0px;
	padding: 4px;
}

.menu li li{
    display:block;
    float:none;
	border: none;
   	_display:inline;
	_margin: 0px;
}
    
.menu li li a {
	padding: 3px 3px 3px 3px;
    color: #FFF;
    display: block;
    text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	font-family: verdana, arial, sans-serif;
}

.menu li li a:hover {
    color: #FFCC00;
	text-decoration: underline;
}

/*LEVEL 3*/

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top: auto;
    left: auto;
	margin: -22px 0px 0px 165px;
	_margin: -22px 0px 0px 154px;
}