/* CSS du menu horizontal, bieler batiste */

.menu{
  display:block;
  margin:0;
  padding:11px 0 0 0;
  width:            100%;
  height:           20px;
}

.menu ul{
    position:absolute;
    display:block;
    background-color:#70C4D2;
    margin:0;
    padding:2px !important;
    font-size: .8em;
    text-align:	left !important;
    }
    
.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: #70C4D2!important;
    /*border:1px #333 solid;*/
    color: #fff;
    display:block;
    text-decoration:none;
    padding:5px!important;
    margin:0;
    }
    
.menu a:hover{
  color:#800000!important;
    /*border:1px #aaa solid;*/
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    color:#800000!important;
}

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

.menu ul a {
	text-align: left;
	width:	150px;
	border-bottom: thin #036 dashed;
	margin:-5px 0 -2px 0;
}