

/* CSS du menu horizontal */



.menuIndicateur{
background-color:white;
font-size:11px;
}


.menua{
position:relative;
top:-55px;
left:280px;
display:block;
margin:0;
padding:0;
width:700px; /* important for Opera7 */
font-size:11px;
background-color:pink;

    }





.menua ul{
position:absolute; /* pour sortir la liste du flux de donnee */
   /*display:block;*/
    margin:0px;
    padding:0px;


    }
    
.menua li ul{
    visibility:hidden;
    }

.menua li li ul{
    position:absolute; /* pour sortir la liste du flux de donnee */
    top:auto;
    left:auto;
   /* margin-top:0px;  move the sub menu verticaly */
    }
    
.menua li{
    list-style:none;
   /* width:120px; */
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0px;
    padding:0px;

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


.menua{
    text-align:left;
    color:#fff;
    background-color:none;
    border:0px #fff solid;


  }


.menua a{
    text-align:left;
    color:#fff;
    background:none;
    border:0px #fff solid;
    display:block;
    /* width:100px; */
    text-decoration:none;
    margin:0px;
    padding:0px;
  }
    
.menua a:hover{
 background-color:#194A6E;
   color:#fff;
    }
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: white;
}

/* hide some accessibility stuff */
.menua span{
    display:none;
    }

/* just for fun ;) */

.menua li li a{
    background-color: #194A6E;
    border:0px #fff solid;
height:100%;
text-decoration:none;
    }
    
.menua li li li a{
    background-color: #194A6E;
    border:0px #fff solid;
text-decoration:none;
    }
    
.menua li li li li a{
    background-color: #194A6E;
    border:0px #fff solid;
text-decoration:none;
    }

#contenu ul{
    margin:0px;
    padding:0px;
text-decoration:none;
   }






/* ---  bouton 1 -------  */


li#li0 a:hover.menuIndicateur{
 background: none;
color:#fff;
margin:0px;
height:16px;
width:90px;
text-decoration:none;
   }

li#li0 .menuIndicateur{
padding-left:6px;
margin:0px;
width:100px;
border:0px solid #fff;
height:16px;
text-decoration:none;
width:90px;
   }


li#li0 ul li.un a{
margin:0px;
padding-left:6px;
height:16px;
border:0px solid #fff;
text-decoration:none;
width:122px;
   }

li#li0 ul li.un a:hover{
   background-color:#3E6E91;
   color:#fff;
   margin:0px;
   padding-left:6px;
   height:16px;
   border:0px solid #fff;
text-decoration:none;
width:122px;
   }




/* -----  bouton 2 -------  */




li#li6 a:hover.menuIndicateur{
 background: none;
color:#fff;
margin:0px;
height:16px;
width:86px;
text-decoration:none;
   }

li#li6 .menuIndicateur{
padding-left:6px;
margin:0px;
width:86px;
border:0px solid #fff;
height:16px;
text-decoration:none;
   }


li#li6 ul li.deux a{
margin:0px;
padding-left:6px;
height:16px;
border:0px solid #fff;
text-decoration:none;
width:90px;
   }

li#li6 ul li.deux a:hover{
   background-color:#3E6E91;
   color:#fff;
   margin:0px;
   padding-left:6px;
   height:16px;
   border:0px solid #fff;
text-decoration:none;
width:90px;
   }


/* ---  bouton 3 -------  */


li#li9 a:hover.menuIndicateur{
 background: none;
color:#fff;
margin:0px;
height:16px;

text-decoration:none;
   }

li#li9 .menuIndicateur{
padding-left:6px;
margin:0px;
width:100px;
border:0px solid #fff;
height:16px;
text-decoration:none;
   }


li#li9 ul li.trois a{
margin:0px;
padding-left:6px;
height:16px;
border:0px solid #fff;
text-decoration:none;
width:120px;
   }

li#li9 ul li.trois a:hover{
   background-color:#3E6E91;
   color:#fff;
   margin:0px;
   padding-left:6px;
   height:16px;
   border:0px solid #fff;
text-decoration:none;
width:120px;
   }


/* ---  bouton 4 -------  */


li#li12 a:hover.menuIndicateur{
 background: none;
color:#fff;
margin:0px;
height:16px;
width:70px;
text-decoration:none;
   }

li#li12 .menuIndicateur{
padding-left:6px;
margin:0px;
width:100px;
border:0px solid #fff;
height:16px;
text-decoration:none;
width:70px;
   }


li#li12 ul li.quatre a{
margin:0px;
padding-left:6px;
height:16px;
border:0px solid #fff;
text-decoration:none;
width:120px;
   }

li#li12 ul li.quatre a:hover{
   background-color:#3E6E91;
   color:#fff;
   margin:0px;
   padding-left:6px;
   height:16px;
   border:0px solid #fff;
text-decoration:none;
width:120px;
   }




/* ---  bouton 5 -------  */


li#li19 a:hover.menuIndicateur{
 background: none;
color:#fff;
margin:0px;
height:16px;

text-decoration:none;
   }

li#li19 .menuIndicateur{
padding-left:6px;
margin:0px;
width:100px;
border:0px solid #fff;
height:16px;
text-decoration:none;
   }


li#li19 ul li.cinq a{
margin:0px;
padding-left:6px;
height:16px;
border:0px solid #fff;
text-decoration:none;
width:100px;
   }

li#li19 ul li.cinq a:hover{
   background-color:#3E6E91;
   color:#fff;
   margin:0px;
   padding-left:6px;
   height:16px;
   border:0px solid #fff;
text-decoration:none;
width:100px;
   }







