/* CSS du menu horizontal, bieler batiste */
#menu {
	z-index:1000;
	position:absolute;
}
.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:121px;
	margin-top:-10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #fff;
	
    

}
.menu ul{
    position:absolute;
    display:block;
    width:121px;
    /*margin:0;*/
    padding:0;
    }
#content {
/* la première ligne applique le background à la classe content pour tous les navigateurs.
La seconde ligne supprime le background (uniquement pour IE) précédement appliqué.
La troisième ligne applique le background (uniquement pour IE) de manière à ce que IE puisse gérer la transparence du png.
*/
text-align:left;
background-image:url(../images/transparent.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/transparent.png');
/* les deux lignes suivantes sont facultatives elles permettent de mieux se rendre compte de l'effet de transparence */
height:300px; 
width:121px;
}    
.menu li ul{
    visibility:hidden;
	/margin-left:0px;
	margin-top:55px;
    }
.menu li li ul{
    position:absolute;
    margin-left:122px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    width:121px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:left;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }
ul.menu li  a{
    text-align:center;
	vertical-align:middle;
    background: none;
    border:1px;
    color:#fff;
    display:block;
    width:121px;
	text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
ul.menu li li a{
    text-align:center;
    background: none;
    border:1px;
    display:block;
    width:121px;
	height: 20px;
	color:#FFF;
	vertical-align: middle;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
	background-image:url(../images/transparent.png) !important; 
    background-image:url(no-image);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='/images/transparent.png');
    }
   
.menu a:hover{
    background-color: #2F2B2A;
	width:121px;
    } 
	
/* for a mozilla better display with key nav */
.menu a:focus{
    background: none;
}

a.linkOver{
    background:none;
    }