/* CSS du menu horizontal, bieler batiste */

.menuIndicateur {
    background: url(../images/down.png) center right no-repeat; }
ul ul .menuIndicateur  {
    background: url(../images/right.png) center right no-repeat; }

#menu{
    display:block; margin: 0; padding: 0; font: bold small monospace;
    color: #00ffff; width:100%;
    }

#menu a { text-decoration: none; }

#menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    width:135px;
    margin:0;
    padding:0;
    }
  
#menu li ul{ visibility:hidden; font-family: sans-serif;
	text-transform: lowercase}

#menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:135px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
#menu li{
    list-style:none;
    width:135px;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
#menu li li {
    display:block; color: blue; float:none;
    }
    
/* correct a little IE bug */
* html #menu li li{
    display:inline;
    }

#menu a, #menu span {
    text-align:center;
    background-color: #009900; /* old color: #9cf */
    border:2px #009900 outset;
    display:block;
    width:131px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
#menu a:hover{
    background-color: #eee;
    border:1px #aaa solid;
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
    background-color: #aaf;
}

#menu li li a, #menu li li span {
    background-color: #86e086; /* old color: #8be */
    border:1px #666 solid;
    }
    
#menu li li li a, #menu li li li span {
    background-color: #66cc66; /* old color: #7ad */
    border:1px #666 solid;
    }