/* CSS du menu horizontal, bieler batiste */

.menu{
    position:relative;
    display:block;
    margin:0;
    padding:0;
    width:auto;
    }

.menu ul{
    position:absolute;
    display:block;
    width:80px;
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:80px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:auto;
    height:20;
    display:inline;
    display/**/:block;
    float/**/:left;
    margin:5;
    padding:5;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

#menu li a{
	text-align:center;
	border:1px #666 solid;
	color:#000000;
	display:block;
	width:80px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/menu_b.jpg);
	font-weight: bolder;
    }
	
#menu li li a{
	text-align:left;
	background-color: #9cf;
	border:1px #666 solid;
	color:#000000;
	display:block;
	width:120px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
    }
    
#menu li li li a{
	text-align:left;
	background-color: #9cf;
	border:1px #666 solid;
	color:#000000;
	display:block;
	width:120px;
	text-decoration:none;
	padding:2px 0;
	margin:1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(../images/menu_v.jpg);
    }

#menu li a:hover{
	background-color: #ffffff;
	border:1px #000000 solid;
	background-image: url(../images/menu_b1.jpg);
	color: #FFFFFF;
    }
#menu li li a:hover{
	background-color: #ffffff;
	border:1px #000000 solid;
	background-image: url(../images/menu_v1.jpg);
	color: #FFFFFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #aaf;
}

a.linkOver{
    background-color: #eee;
    }