/* CSS du menu horizontal, bieler batiste */

#menu{
    /*position:absolute;*/
	position: relative;
    display:block;
    margin:0;
    padding:0;
    width:930px;
	height:29px;
	margin-left:95px;
	z-index:100;
	}

#menu ul{
    position:absolute;
    display:block;
   /* width:124px;
    margin:0;*/
    padding:0;
    }
    
#menu li ul{
    visibility:hidden;
	width:228px;	
	background-color:#FFF;
    }


	
#menu li ul.case1 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#E31177;		
}
	
	
#menu li ul li ul.case1, #menu li ul li ul.case2{
  position:absolute;
    display:block;
	margin-top:-31px;
	margin-left:223px;	
}

#menu li ul li ul.case3, #menu li ul li ul.case4{
  position:absolute;
    display:block;
	margin-top:-31px;
	margin-left:-330px;	
}
		
#menu li ul li ul.case1 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#bd1165;	
width:300px;	/*-- a ajuster en fonction des noms les plus longs--*/	
}


#menu li ul li ul.case2 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#5a8513;	
width:300px;	/*-- a ajuster en fonction des noms les plus longs--*/
}	

#menu li ul li ul.case3 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#2b97bf;
width:320px;	/*-- a ajuster en fonction des noms les plus longs--*/		
}

#menu li ul li ul.case4 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#cf681c;	
width:320px;	/*-- a ajuster en fonction des noms les plus longs--*/	
}
	

#menu li ul.case2 li{
height:31px;
text-align:justify;
border-bottom: 1px dotted #FFFFFF;
background-color:#76B313;
padding-left:5px;	
	}
	
#menu li ul.case3 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#56C4ED;	
	}
	
#menu li ul.case4 li{
height:31px;
text-align:justify;
padding-left:5px;
border-bottom: 1px dotted #FFFFFF;
background-color:#F29220;
	}


#menu ul li a{
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFFFFF;
cursor: pointer;
text-align:left;
line-height:25px;
}

#menu ul li a:hover {
text-decoration:none;
color:#000000;
line-height:25px;
}

#menu li li ul{
    position:absolute;
    margin-left:124px;
   /* margin-top:-23px;*/
    }
	
    
#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;
    }
	
* html #menu li li li{
    display:inline;
    }

#menu a{
    text-align:center;
    color:#000;
    display:block;
    /*width:120px;*/
    text-decoration:none;
    padding:2px 0;
    margin:1px;
    }
    
#menu a:hover{
  
    }
    
/* for a mozilla better display with key nav */
#menu a:focus{
  
}

a.linkOver{
   
    }