/* CSS du menu horizontal, bieler batiste */
#menubox {
	position: absolute;  /* placement du menu, à modifier selon vos besoins */
	z-index:100;
	width: 100%; /* correction pour Opera */
	background-color: transparent;
}

.menuIndicateur{
    background: url(fleche.gif) center right no-repeat;
    }

.menu{
    cursor:pointer;
	position:absolute;
    top:0em;
    /* 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;
	 border-top:1px solid #FFFFFF; border-left:1px solid gray; border-right:1px solid gray; border-bottom:1px solid gray; 
    }
    
.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 */
    }
 
/*niveau titre*/	
.menu li{
	BORDER-RIGHT: #6680B8 1px outset;
    BORDER-TOP: #6680B8 1px outset;
    BORDER-LEFT: #6680B8 1px outset;
	BORDER-BOTTOM: #6680B8 1px outset;
	list-style:none;
    /* width:124px; */
	COLOR: white;
    FONT-SIZE:8pt;
    FONT-FAMILY: Arial, Verdana;
	cursor:pointer;
    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: #6680B8;
    border:0px #666 solid;
    COLOR: white;
    display:block;
    /* width:124px; */
	height:18px;
    text-decoration:none;
    padding:2px 0 0 0;
    margin:0px;	
    }
    
.menu a:hover{
    background-color: #CCD7F3;
    border:0px #aaa solid;
	text-decoration:none;
	COLOR:#305A8F ;
    }
 
	
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #CCD7F3;
	COLOR: white;
}

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

/* just for fun ;) */

.menu li li a{
    background-color: #9CADCF	;
    border:0px #666 solid;
	COLOR: white;
    }
    
	
#menu1 { width:120px; background-image:url(images/survolagebleuclair.gif);  background-position:top; COLOR: white; }
#menu1s { width:120px; text-align:left; }
#menu1s a { background-image:url(images/survolagebleuclair.gif); height:19px; padding-left:10px; COLOR: white;}
#menu1s a:hover { background-image:url(images/barrenuagesurv.jpg); }
#menu2 {  width:160px; background-position:top; COLOR: white;}
#menu2s { width:160px; font-size:11px; text-align:left; }
#menu2s a { background-image:url(images/survolagebleuclair.gif); height:19px; padding-left:10px; COLOR: white;}
#menu2s a:hover { background-image:url(images/barrenuagesurv.jpg); }
#menu3 {  width:150px; background-position:top; COLOR: white;}
#menu3s { width:150px; font-size:11px; text-align:left; }
#menu3s a { background-image:url(images/survolagebleuclair.gif); height:19px; padding-left:10px; COLOR: white;}
#menu3s a:hover { background-image:url(images/barrenuagesurv.jpg); }
#menu4 {  width:150px; background-position:top; COLOR: white;}
#menu4s { width:150px; font-size:11px; text-align:left; }
#menu4s a { background-image:url(images/survolagebleuclair.gif); height:19px; padding-left:10px; COLOR: white;}
#menu4s a:hover { background-image:url(images/barrenuagesurv.jpg); }
#menu5 { width:170px; background-position:top; COLOR: white;}
#menu5s { width:170px; font-size:11px; text-align:left; }
#menu5s a { background-image:url(images/survolagebleuclair.gif); height:19px; padding-left:10px; COLOR: white;}
#menu5s a:hover { background-image:url(images/barrenuagesurv.jpg); }