/* CSS du menu vertical, bieler batiste */

/*body{
    margin-left:15em;
    }*/

.menu{
    position:relative;
    float:left;
    /*top:3em;
    left:3em;*/
    /* solve a Opera7/IE display bug */
    width:161px;
    width/**/:159px;
    /*border-top: 1px #fff solid;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;*/
    margin:1px 0px 0px 0px;
    padding:0px;
    z-index:200;
    text-align:left;
    padding-top : 18px;


background-image:url(../images/Haut-arrondi-menu.gif);
    /*background-repeat:no-repeat;*/
    
}

.menu:after
{
    content:url(../images/Bas-arrondi-menu.gif);
    width:161px;
}

.menu span{
    display:none;
    }
    
.menu ul{
    /*border-top: 1px #fff solid;
    border-left: 1px #fff solid;
    border-right: 1px #fff solid;*/
    margin:0;
    padding:0;
    position:absolute; /* important */
    width:161px;
    width/**/:159px;
    }
    
.menu li ul{
    visibility:hidden;
    }
            
.menu li ul{
    margin-left:159px; /* be careful */
    margin-top:-24px;
    }
    
.menu a{
    text-align:left;
    background-color: #DFE6A2;
    color:#000;
    text-weight:bold;
    display:block;
    width:159px;
    border-bottom: 1px #fff solid;
    text-decoration:none;
    margin:0;
    padding:3px;
    /*padding:3px 0 3px 0; /* em units can creat little graphic bug in mozilla */
    }
    
.menu a:hover{
    background-color: #ffffff;
    /*border:1px #fff solid;*/
    color: #000;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #ffffff;
    /*border:1px #fff solid;*/
    color: #000;
}

.menu span{
    /* hide some accessibility stuff */
    display:none;
    }
        
.menu li{
    width:159px;
    display:block;    
    float:left;  
    list-style:none;
    margin:0;
    padding:0;
    }
    
/* IE PC selector */
* html .menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }