/* CSS du menu horizontal, bieler batiste */

#menu ul{
    position:absolute;
    display:block;
    padding:0;
	width:147px;
	margin:0;
	font-size:12px;
	z-index:10;
    }
    
#menu li ul{
    visibility:hidden;
    }

#menu ul.niveau3{
    position:absolute;
	margin-left:147px;
    margin-top:-25px;
	border-top:1px solid #F8C605;
	border-left:1px solid #F8C605;
	border-right:1px solid #F8C605;
	z-index:10;
    }

#menu ul.niveau2{
    position:absolute;
	margin-left:0;
	margin-left:-147px !ie;
    margin-top:5px;
	margin-top:25px !ie;
	border-top:1px solid #F8C605;
	border-left:1px solid #F8C605;
	border-right:1px solid #F8C605;
	z-index:10;
    }
	
#rub1 ul.niveau2{margin-left:-89px!ie;}
    
#menu li{
    list-style:none;
    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 .page a,
#menu .s_rub a,
#menu .niveau2 a,
#menu .niveau3 a{
    text-align:left;
    background-color: #FFF;
    border-bottom:1px #F8C605 solid;
    color:#083B63;
    display:block;
    width:134px;
    text-decoration:none;
    padding:5px 10px 5px 3px;
	font-weight:normal;
    }
	
#menu .s_rub a{
	color:#000;
	background:url(../images/fleche.gif) #FFF no-repeat bottom right;
	filter: alpha(opacity=97);
}

#menu .page a{
	color:#083B63;
	background-image:none;
	background-color:#FFF;
	filter: alpha(opacity=97);
}
    
#menu .page a:hover,
#menu .s_rub a:hover,
#menu .niveau2 a:hover,
#menu .niveau3 a:hover{
    background-color: #FFF473;
    border-bottom:1px #F8C605 solid;
    }
    
/* for a mozilla better display with key nav */
#menu .page a:focus,
#menu .s_rub a:focus,
#menu .niveau2 a:focus,
#menu .niveau3 a:focus{
    background-color: #FFF7A0;
}

#menu .s_rub a.linkOver{
    background-color: #FFF7A0;
	background:url(../images/fleche2.gif) #FFF7A0 no-repeat bottom right;
	filter: alpha(opacity=97);
    }