/***** MENU *****/
/* CSS du menu horizontal, bieler batiste */

/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    display:block;
    margin:0;
    padding:0;
    width:620px;
}

*html .menu{
    width:650px;
}

.menu ul{  
    display:block;  
    width:95px;      
    padding:0;
	float:left;
	margin-top:-5px;
}

*html .menu ul{  
	/*margin-left:-15px;*/
}



    
.menu li ul{
    visibility:hidden;	
	display:none;
	

}



.menu li li ul{
	position:absolute;
    margin-left:134px;
    margin-top:-23px;		
	
}


*html .menu li li ul{
    margin-left:84px;
}

*+html .menu li li ul{
    margin-left:118px;
}
	
.menu ul li ul{
	top:10px;
	margin-top:-10px;
	width:100%;	
}

*+html .menu ul li ul{
margin-top:-7px;
top:7px;
}
*html .menu ul li ul{
margin-top:-7px;
top:7px;
}
    
.menu li{    
    /*width:124px; 
    display:inline;    
    float:none;    
    margin:0;
    padding:0;*/

	float:left;
	margin:2px;	
}
 
*html .menu li{  
 /*width:75px; 
display:block;
margin-left:-10px;*/
display:block;
width:90px; 

 }
 
	
	
.menu li li{
    display:block;
	float:none;
	position:relative;
	margin:0;
	padding:0;	
}
   
   

/* correct a little IE bug */


.menu a{
    color:#000;
    display:block;
    text-decoration:none;
	padding:2px 0;

}
    


a.linkOver{
	background-color: #6285b6;	
}

	
	/*
.sousmenu  a{
   background-color: #fff;    
    color:#31206C; 
    display:block;    
    text-decoration:none;   
	width:100%;
	padding:5px !important;
	border:2px solid red;	
	font-size:11px !important;
	font-weight:bold !important;
	margin:2px;
	font-family: Arial,serif;
}*/


.sousmenu a {
color:#31206C;
display:block;
font-family:Arial,serif;
font-size:12px !important;
font-weight:bold !important;
margin:0px;
padding:2px !important;
text-decoration:none;
width:100%;
float:left;
font-family:"century gothic";
font-weight:bold;
cursor:pointer;
}




.sousmenu a:hover {
    /*background-color: #ffff00 !important;*/
	color:#31206C !important; 
}

.sousmenu2 li{
background-color: #84A6D7;
list-style-type:none;
margin:0em;
padding:0em;
}

ul.sous_item_3{ /*accueil*/
	width:65px;
}

ul.sous_item_35{ /*home*/
	width:65px;
}

ul.sous_item_4{ /*les villages étape*/
	width:125px;
}

ul.sous_item_36{ /*the village etapes*/
	width:125px;
}

ul.sous_item_11{
	width:90px;
}

ul.sous_item_48{ /*the federation*/
	width:90px;
}

ul.sous_item_60{
	width:75px;
}


/******************/
/*#secteur li a span { float:left; display:block; clear:both; width: 139px; padding-left:5px;}*/
#secteur li li a span {
clear:both;
display:block;
float:left;
padding-left:5px;
width:138px;
}
*html #secteur li ul {
top:38px;
position:absolute;

}


#secteur li a span.top { background:url(elements/bg-top.gif) no-repeat top left; height: 5px; }
#secteur li a span.bottom { background:url(elements/bg-footer.gif) no-repeat top left; height: 5px; }
#secteur li a span.content { background:url(elements/bg-content.gif) repeat-y top left; }


#secteur li li a:hover span.top { background:url(elements/bg-top-o.gif) no-repeat top left; height: 5px; }
#secteur li li a:hover span.bottom { background:url(elements/bg-footer-o.gif) no-repeat top left; height: 5px; }
#secteur li li a:hover span.content { background:url(elements/bg-content-o.gif) repeat-y top left; }

*html #secteur li ul  * , *html #secteur li ul span   {
	margin : 0 !important;
	float:left; 
	padding: 0 ; 
	position:relative;
	height:0 !important;
}

*html #secteur li span.content {
	width: 134px;
	float:left; 
	padding: 0 0 0 5px;
}	

*html #secteur li span.top{
	margin : 3px 0 0 0  !important;
	float:left; 
	padding: 0 !important; 
	position:relative;
	height:5px !important;
	overflow:hidden; 
	display:inline; 
	width: 139px;
}
 *html #secteur li span.bottom  {
	margin : 0px 0 0 0  !important;
	float:left; 
	padding: 0 !important; 
	position:relative;
	height:5px !important;
	overflow:hidden; 
	display:inline; 
	width: 139px;
}