/* CSS du menu horizontal, bieler batiste */

.menu{
		background-image: url('../img/menu.png');
    display:block;
    position:absolute;
    top: 230;
    left: 50%;
    /*margin:0;*/
    margin-top: -13px; /* moitié de la hauteur */
    margin-left: -450px; /* moitié de la largeur */
    padding:0;
    border:0;
    width: 900px;
		height: 27px;
		z-index: 10;
    }

.menu ul{
    position:absolute;
    display:block;
    width:149px;
    height:27px;
    padding:0;
    border:0;
    z-index: 10;
    }
    
.menu li ul{
    visibility:hidden;
    z-index: 10;
    }

.menu li li ul{
    position:absolute;
    margin-left:124px;
    margin-top:-23px;
    z-index: 10;
    }
    
.menu li{
    list-style:none;
    width:149px;
    height:auto;
    border:0;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    font-family: comic sans ms;
    z-index: 10;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:center;
    border:0;
    display:block;
    width:149px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    z-index: 10;
    }
.menu ul li a{
    text-align:center;
    background-image: url('../img/sous-menu.png');
    border:0;
    color:#FFF;
    display:block;
    width:149px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    z-index: 10;
    }
    
.menu ul li a:hover{
    background-image: url('../img/sous-menu_s.png');
    border:0;
    z-index: 10;
    }
    
/* for a mozilla better display with key nav */
.menu ul li a:focus{
    background-image: url('../img/sous-menu_s.png');
}

.menu ul li a.linkOver{
    background-image: url('../img/sous-menu.png');
    }