/* CSS du menu horizontal, bieler batiste */

#menu{
    /*position:absolute;*/
    display:block;
    margin:auto;
    padding:0;
    width:773px;
	background-image:url(degrad.bmp);
	background-repeat:repeat-x;
    }

#menu ul{
    position:absolute;
    display:block;
    width:108px;
    margin:0;
    padding:0;
	background-color:#FFFFFF;
	border-right:1px #333333 solid;
	border-left:1px #333333 solid;
	border-bottom:1px #333333 solid;
    }
    
#menu li ul{
    visibility:hidden;
    }

#menu li li ul{
    position:absolute;
    margin-left:112px;
    margin-top:-23px;
    }
    
#menu li{
    list-style:none;
    width:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
}

#menu > li{
	height:28px;
}

.clr {
  clear: both;
  font-size:0;
  line-height:0;
  border: 0px;
  } 

#menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html #menu li li{
    display:inline;
    }

#menu > li > a{
	height:20px;
}

#menu a span{
	height:20px;
}


#menu a{
    text-align:center;
    color:#000;
    display:block;
    width:108px;
    text-decoration:none;
    padding:2px 0;
    margin-top:1px;
	margin-left:1px;
}
    
#menu a:hover{
    color:#333333;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav couleur clic*/
#menu a:focus{
    background-color:#FF0000;
}

a.linkOver{
    color:#FFFFFF;
    }