/* CSS du menu horizontal, bieler batiste */

.menu{
  display:block;
  margin:0;
  padding:0;
  width:            100%;
  height:           20px;
  background-color: #9cf;
  border:           1px #666 solid;
    }

.menu ul{
    position:absolute;
    display:block;
    width:150px;
    border: 1px #666 solid;
    background-color: #fff;
    margin: 2px 0;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute;
    margin-left:150px;
    margin-top:-23px;
    }
    
.menu li{
    list-style:none;
    height:auto;
    display:inline;
    display:block;
    float:left;
    margin:0;
    padding:0;
}
    
.menu li li{
    display:block;
    float:none;
    margin: 0;
    *margin: 0 0 0 -16px;
    padding:0;
}
    
/* correct a little IE bug */
* html .menu li li{
  display:inline;
}

.menu a{
  font-weight:  bold;
    text-align:center;
    /*background-color: #C6C7C9;*/
    /*border:1px #333 solid;*/
    color:#333;
    display:block;
    width:150px;
    text-decoration:none;
    padding:2px 0;
    height: 17px;
    margin:0px;
    }
    
.menu a:hover{
  background-color: #333;
  height: 17px;
  color:#C6C7C9;
    /*border:1px #aaa solid;*/
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #C6C7C9;
    height: 17px;
    color:#fff;
}

a.linkOver{
  background-color: #C6C7C9;
  color:#fff;
}
.menu  li.section{
  display: block;
  font-weight: bold;
  color: #000;
  width: 124px;
  padding: 4px 0;
  background-color: #f9f9f9;
  /*padding:2px 0;*/
}
.menu  li.separator{
  width: 150px;
  height: 0px;
  border-bottom: 1px solid #666;
  background-color: inherit;
  /*padding:2px 0;*/
}