/*** MENU *********************************************************************/

 
	#menu ul.niveau-3 {
	/*width: 1000px;*/
	}

	/**
	* General formattig of the menu div container.
	*/

	#menu {
	width: 1000px;
	height:10px;}


	/**
	* Turns off the list-style (bullets)
	*
	* Margins and paddings set to 0
	*/

	#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	}
	
	#menu ul.niveau-2 {
	width: 1000px; 
	}					/* 780 - 32 - 10 - 10 - 1 - 2 - 2 */
	#menu ul.niveau-1 {
	background: #ffffff;	
	}					/* 780 - 32 - 10 - 10 - 1 - 2 - 2 */

	#menu on {
	display: block;
	}

	/**
	* Sets the default styles for the link text found in the menu.
	*/



/*couleur à l'intérieur des cellules  
	*/

	#menu a {
	color: #6a7380;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0;

	}


/*couleur à l'intérieur des cellules  
	*/



	#menu pre {
	font-family: Arial, Geneva, 'sans-serif'; 
	font-weight: bold;	
	display: block;
	margin: 0;
	padding: 0;
	/*width: 100%; */
	}

	/**
	* Transforms to uppercase for niveau 1 and 2
	*/


/*couleur des écritures lorsqu'elles ne sont pas cliquées*/

	#menu a.niveau-1,
	#menu a.niveau-2 {
	color: #FFFFFF;
	font-size: 11px;
	
	}


/*couleur des écritures lorsqu'elles ne sont pas cliquées*/


/*couleur du fond du menu*/

	#menu ul.niveau-2 {
	background: #6a7380;	

} 


/*couleur du fond du menu*/

	#menu a.niveau-1 {
	width: 32px;
	}

	

	/**
	* Styles the <a /> on niveau 1 (home page) and <li /> on niveau 2
	*/

/*écartement des éléments du menu*/

	#menu li.niveau-2 {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 0px;
	}

/*écartement des éléments du menu*/	

	/**
	* Place niveau 2 on the same niveau as niveau 1
	*/


/*écartement des éléments du menu*/	

	#menu ul.niveau-2 {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
	}

/*écartement des éléments du menu*/		

	/**

	*

	*/

/*contrôler la taille de la fonte à l'intérieur des cellules*/	

	#menu li.niveau-2 {
	display: block;
	float: left;
	width: auto;
	font-size: 11px;
border-right: solid 1px; border-color:#FFFFFF; 
padding-right:7px;
	}


/*contrôler la taille de la fonte à l'intérieur des cellules*/	


	/**
	* Styles niveau 3 <ul /> (The element holding all list items that makes up the
	* third niveau)
	*/


/*contrôler le fond de couleur à l'intérieur des cellules*/	
	#menu ul.niveau-3 {
	background-color: #EEEEEE;
	display: none;
 /*	 width: 987px;  */	/* The width must be set to the same value as for #menu found above */

/*	position: absolute;*/
	top: 20px;
	left: -27px;
	padding-left: 20px;
	
	}

	

	/**
	* Box formatting for niveau 3 <li />
	*/

	#menu li.niveau-3 {
	display: block;
	padding-top: 4px;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin: 0;
	border:none;	
/*	border-left: 1px solid #EF797B;*/
	background-color: inherit;
	}

	

	/**
	* Add sub-menu indicator for niveau 3
	*/

	#menu ul.niveau-3 li.enfants {
	background-repeat: no-repeat;
	background-position: 100% 9px;
	padding-right: 13px;
	}

	

	/**
	* Formatting for niveau 2 when we are hovering, and it is the current section
	*/

	#menu ul.niveau-2 li.courant,
	#menu ul.niveau-2 li.In
{border-right: solid 1px; border-color:#FFFFFF; 
padding-right:7px;}

/**
	 menuover à bougerr!!!!!!!!!!
	*/
	#menu ul.niveau-2 li.over {
	background-color: #6a7380;
}


	#menu ul.niveau-2 li.courant a.niveau-2,
	#menu ul.niveau-2 li.In a.niveau-2,
	#menu ul.niveau-2 li.over a.niveau-2 {
	position: relative;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: -9px;
	margin-right: -9px;
	padding-left: 9px;
	padding-right: 9px;
	z-index: 50;
	color: #CCCCCC;
	/*width: 100% !important;*/
	}

	

	#menu ul.niveau-2 li.over a.niveau-2 {
	z-index: 110;
	}

	

	/**
	* Set back to default, as Internet Exploder for Windows don't implement everything
	* as we want it...

	*
	* This rule is only activated for Internet Exploder for Windows.
	*/

	#menu ul.niveau-3 li.courant,
	#menu ul.niveau-3 li.In,
	#menu ul.niveau-3 li.over {
	background-color: inherit;
	}

	

	/**

	* Styles niveau 4 <ul /> 

	*/

	#menu ul.niveau-3 {
	display: none;
	width: auto;
	position: absolute;
	top: auto;
	left: auto;
	margin-top: 5px;
	color: #000000;
	border: 1px solid #3C3C3C;
	padding: 4px;
	z-index: 150;
	}

	

	/**
	* To make this collaps in Exploder for Windows
	*/

	li.niveau-3 {
	display: inline;
	z-index: 150;
	}

	a.niveau-3 {
	color: #000000;
	z-index: 150;
	}

 

	/**
	* Turns on the display of the niveau 3 <ul /> when this is the selected niveau
	*/

	#menu ul.niveau-2 li.In  ul.niveau-3,
	#menu ul.niveau-2 li.courant ul.niveau-3 {
	}

	

	/**
	* Displaying the niveau 3 drop-down menu
	*/




	#menu ul li ul li.over ul.niveau-3 {
	visibility: visible;
	display: block;
	z-index: 100;	
	}

	

	/**
	* Add color and underline when moving inside a drop-down menu
	*/

	a.niveau-3  {
	 text-decoration: none !important;
	} 

	li.niveau-3 a:hover {
	 text-decoration: underline !important;
	} 
	

	

	/**
	* Displaying the niveau 4 drop-down menu
	*/

	#menu ul.niveau-2 li.over ul.niveau-3 {
	display: block;
	}
	

	/**
	* Add color and underline when moving inside a drop-down menu
	*/


	li.niveau-3 a:hover {
	 color: #990000 !important;
	 text-decoration: underline !important;
	}
	

	/**
	* This is here to beat a Opera bug...
	*/

	#menu ul.niveau-3 li.In:hover li.courant,
	ul.niveau-3:hover li.niveau-3 {
	display: block !important;
	}

	li.niveau-4 a.niveau-4  {
	 color: #000000;
	}

	#menu.hauteur1 {
	  height: 25px;
	}


	  #menu.hauteur0 {
	  }

	  #menu.menu_secteurs, #menu .menu_secteurs, .menu_secteurs {
	height: 50px;
	  }






    #menu ul.vide {
        visibility: hidden;
	}


/* CSS Document */