/*---- [ MENU ]---------------------------------------------*/


#header_menu a {display:block;}
#header_menu a:link, #header_menu a:visited, #header_menu a:active {color: white; text-decoration:none;}
#header_menu a:hover {color:white; text-decoration:underline;}

#header_menu_container {
height:25px;
margin:25px 0pt 100px 15px;
position:relative;
width:735px;
z-index:100;
}

#mainMenu, #mainMenu ul {
	list-style:none;
	padding:0px;
	margin: 0px;
	z-index:100;
}
#mainMenu a {
	display: block;
	text-decoration: none;
	color: white;
}

#mainMenu a:hover {
	text-decoration: underline;
}

#mainMenu li a:hover {
	background-image: url(/app/templaterepository/accueil_cjo/images/main_menu_rollover.jpg);
	background-repeat:repeat-x;	
}

#mainMenu li {
	float:left;

}
#mainMenu li {
	position: relative;
}

/*  IE mac \*/
#mainMenu li {position: static; width: auto;}
/*  IE5 mac */

#mainMenu li ul, #mainMenu ul li  {
	text-transform: uppercase;
}
#mainMenu ul li a  {
	color: white;
	border-right: 0;
/*	padding: 8px 7px 9px 8px;*/
	padding: 8px 5pt 9px 6pt;

}
#mainMenu li ul {
	position: absolute;
	z-index:10;/*any value*/
	overflow:hidden;/*must have*/
	display: none;
	background: #721603;
}

#mainMenu li ul li {
	float: none;
	border:1px solid white;
	border-left:0px;
}

#mainMenu li:hover ul, #mainMenu li.hover ul {

	display: block;

}
#mainMenu li:hover ul a, #mainMenu li.hover ul a {
	color: white;
	background-color: transparent;
	font-size: 8pt;
}

#mainMenu ul a:hover {
/*	background-color: #33b5c3!important; */
	color: white !important;
}

#mainMenu li ul li {
	background-image: none;
	background-color: #33b5c3;
}

#mainMenu li ul li a:hover {
	background-image: none;
	background-color: #148ddb;
}

#mainMenu ul ul ul li {
display: none;
}