/* CSS du menu horizontal, bieler batiste */

ul{
    margin: 0;
    padding: 0;
}

.menu {
    margin-left:0px;
    margin-top:0px;
    width:100%;
    height:35px;
    color:white;
    background: url(bg_menu.gif) repeat-x 0 -25px;
    }

.menu li a{
    line-height: 25px ;
    font-size: 0.8em ;
    letter-spacing: 2px ;
    width:100px;
    color: #fff ;
    display: block ;
    text-decoration: none ;
    }

.menu li{
    text-align:center;
    list-style:none;
    display:block;
    float:left;
    border-left: 2px solid  #FFCC00;
    }
.menu li a:hover{
     background: url(bg_menu.gif) repeat-x 0 0 ;

    }

.menu li ul{
    position:absolute;
    line-height: 20px ;
    text-align:left;
    margin-top:1px;
    margin-left:-2px;
    visibility:hidden;
    width:204px;
    background:#858585;
    }

.menu li ul a{
    line-height: 20px ;
    text-align:left;
    margin-left:0px;
    color:#fff;
    display:block;
    width:202px;
    text-decoration:none;
    }

.menu li ul a.linkOver{
     background: url(little_romma_arrow2.png) no-repeat left #696969;
     color:#fff;
    }

.menu li ul a:hover{
     background: url(little_romma_arrow2.png) no-repeat left #696969;
     color:#fff;
    }

.menu li li ul{
    text-align:left;
    margin-left:202px;
    margin-top:-20px;
    color:#fff;
    display:block;
    width:204px;
    text-decoration:none;
    }

.menu li li{
    display:block;
    float:left;
    }
    
/* correction pour IE bug */
* html .menu li li{
    display:inline
    }
/*
* html .menu li ul a{
    border-left: 2px solid  #FFCC00;
    }
* html .menu li li ul{
    margin-left:206px;
    }
*/


/*
.menu a:hover{
    border-left: 2px solid  #FFCC00;
    }
*/

/* for a mozilla better display with key nav
.menu li{
    margin-left:-40px;
}
*/
/*
.menu li{
    margin-left:-20px;
}

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