/* CSS du menu horizontal, bieler batiste */
* {
-moz-box-sizing: border-box;
}

.menuIndicateur{
    background: url(fleche.gif) center right no-repeat;
    }

.menu{
    position:absolute;
    top:-2px;
    /* left:0.8em; */
	left:0em;
    display:block;
    margin:0;
    padding:0;
    width:760px; /* important for Opera7 */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    text-align:center;	
    }

.menu ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    /* width:150px; */
    margin:0;
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:1em;
    left:auto;
    margin-left:124px;
    margin-top:-23px; /* move the sub menu verticaly */
    }
    
.menu li{
    list-style:none;
    /* width:124px; */
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    background-color: #cc6600;
    border-right:1px #FFF solid;
	border-top:1px #FFF solid;
    display:block;
    /* width:124px; */
	height:18px;
    text-decoration:none;
    padding:0px 0 0 0;
    margin:0px;
	color:#FFFFFF;	
    }
    
.menu a:hover{
    background-color: #ff6600;
	text-decoration:none;
	color:#FFF;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color:#ff8c00;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/* just for fun ;) */

.menu li li a{
    background-color: #cc6600;
    }
    

	
#menu1 {  width:80px; color:#FFFFFF; }
#menu1s { width:80px; text-align:left; }
#menu1s a {  height:18px; padding-left:10px; }

#menu2 {  width:130px; background-position:top; }
#menu2s { width:130px; font-size:11px; text-align:left; }
#menu2s a { height:18px; padding-left:10px; }

#menu3 {  width:90px; background-position:top; }
#menu3s { width:90px; font-size:11px; text-align:left; }
#menu3s a { height:18px; padding-left:10px; }

#menu4 { width:115px; background-position:top; }
#menu4s { width:115px; font-size:11px; text-align:left; }
#menu4s a { height:18px; padding-left:10px; }

#menu5 { width:90px; background-position:top; }
#menu5s { width:90px; font-size:11px; text-align:left; }
#menu5s a { height:18px; padding-left:10px; }

#menu6 { width:65px; background-position:top; color:#FFFFFF; }
#menu6s { width:65px; font-size:11px; text-align:left; }
#menu6s a { height:18px; padding-left:10px; }

#menu7 { width:71px; background-position:top; color:#FFFFFF; }
#menu7s { width:71px; font-size:11px; text-align:left; }
#menu7s a { height:18px; padding-left:10px; }

#menu8 { width:100px; background-position:top; color:#FFFFFF; }
#menu8s { width:100px; font-size:11px; text-align:left; }
#menu8s a { height:18px; padding-left:10px; }
