/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-toph, a.mainlevel_active-toph, a.mainlevel_current-toph,
a.mainlevel-toph:link, a.mainlevel_active-toph:link, a.mainlevel_current-toph:link,
a.mainlevel-toph:visited, a.mainlevel_active-toph:visited, a.mainlevel_current-toph:visited {
	
	background-image:url(../images/fond_buttons.jpg);
	background-repeat:repeat-x;
	color:#ffffff;
	
	z-index:1000;
	

	
	
}

a.mainlevel-toph:hover, a.mainlevel_active-toph:hover, a.mainlevel_current-toph:hover {
	background-image:url(../images/fond_buttons_over.jpg);
	background-repeat:repeat-x;
	color: #ffffff;
	
}

a.sublevel-toph, a.sublevel_active-toph, a.sublevel_current-toph,
a.sublevel-toph:link, a.sublevel_active-toph:link, a.sublevel_current-toph:link,
a.sublevel-toph:visited, a.sublevel_active-toph:visited, a.sublevel_current-toph:visited {
	background-color: #019ee1;
	
	color: white;
}

a.sublevel-toph:hover, a.sublevel_active-toph:hover, a.sublevel_current-toph:hover {
	background-color: #3d4c6b;
	color: white;
}

ul.mainlevel-toph ul ul a.sublevel-toph, ul.mainlevel-toph ul ul a.sublevel_active-toph, ul.mainlevel-toph ul ul a.sublevel_current-toph,
ul.mainlevel-toph ul ul a.sublevel-toph:link, ul.mainlevel-toph ul ul a.sublevel_active-toph:link, ul.mainlevel-toph ul ul a.sublevel_current-toph:link,
ul.mainlevel-toph ul ul a.sublevel-toph:visited, ul.mainlevel-toph ul ul a.sublevel_active-toph:visited, ul.mainlevel-toph ul ul a.sublevel_current-toph:visited {
	background-color: #019ee1;
	color: white;
	
}

ul.mainlevel-toph ul ul a.sublevel-toph:hover, ul.mainlevel-toph ul ul a.sublevel_active-toph:hover, ul.mainlevel-toph ul ul a.sublevel_current-toph:hover {
	background-color: #3d4c6b;
	color: white;
	
}

ul.mainlevel-toph ul .expanded {

display: block;
	background-image: url(../../../event1/menutop/images/arrow_right.gif);
	background-position: right center;
	background-repeat: no-repeat;
	
	
}


/** customize style / layout here */
a.mainlevel-toph, a.mainlevel_active-toph, a.mainlevel_current-toph, span.mainlevel-toph,
a.mainlevel-toph:link, a.mainlevel_active-toph:link, a.mainlevel_current-toph:link,
a.mainlevel-toph:visited, a.mainlevel_active-toph:visited, a.mainlevel_current-toph:visited,
a.mainlevel-toph:hover, a.mainlevel_active-toph:hover, a.mainlevel_current-toph:hover {

	font-weight: normal;
	font-size: 120%;
	text-align: left;
	text-decoration: none;
	display: block;
	border: 0px solid silver;
	border-right: solid 0px white;
/*	padding: 0.3em 0.5em 1.0em .5em;	/* top, right, bottom, left */
padding-left:0.9em;
padding-right:0.68em; /*pour étaler les menus*/
padding-bottom:0.5em;
padding-top:0em;
	height: 1em;
	line-height: 1em;
	
	
}

a.sublevel-toph, a.sublevel_active-toph, a.sublevel_current-toph, span.sublevel-toph,
a.sublevel-toph:link, a.sublevel_active-toph:link, a.sublevel_current-toph:link,
a.sublevel-toph:visited, a.sublevel_active-toph:visited, a.sublevel_current-toph:visited,
a.sublevel-toph:hover, a.sublevel_active-toph:hover, a.sublevel_current-toph:hover {
	font-weight: normal;
	font-size: 100%;
	text-align: left;
	text-decoration: none;
display: block;

	border:1px solid #445171;
	padding: 0.3em 0.5em 0.3em 0.5em;	/* top, right, bottom, left */
	/*height: 1em;
	line-height: 1em;*/
}

a.mainlevel-toph, a.mainlevel_active-toph, a.mainlevel_current-toph, span.mainlevel-toph {
	float: left;
	width: auto;
	
}

a.sublevel-toph, a.sublevel_active-toph, a.sublevel_current-toph, span.sublevel-toph {
	font-size: 90%;
	border-top: 0px solid silver;
}

#active_menu-toph,
a.mainlevel_active-toph, a.mainlevel_current-toph,
a.mainlevel_active-toph:link, a.mainlevel_current-toph:link,
a.mainlevel_active-toph:visited, a.mainlevel_current-toph:visited,
a.mainlevel_active-toph:hover, a.mainlevel_current-toph:hover,
a.sublevel_active-toph, a.sublevel_current-toph,
a.sublevel_active-toph:link, a.sublevel_current-toph:link,
a.sublevel_active-toph:visited, a.sublevel_current-toph:visited,
a.sublevel_active-toph:hover, a.sublevel_current-toph:hover {
	font-weight: bold;
}

ul.mainlevel-toph, .mainlevel-toph ul {
z-index:1005;

	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlevel-toph {
	width: auto;
	
	
}

ul.mainlevel-toph ul {

	
}

ul.mainlevel-toph ul ul {
	
}


ul.mainlevel-toph li {
	z-index: 1000; /* indispensable pour IE */
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	position: relative;
	margin-right: 1px; /*espace entre les menus*/
}

ul.mainlevel-toph li li {
	position: relative;
	width: 15em;
	margin: 0;
}

ul.mainlevel-toph li li ul {
	left: 15em;
	top: 0;
}

ul.mainlevel-toph li ul {
	display: none;
	position: absolute; 
	top: 1.8em; /*uniquement pour IE6*/
	left: 0;
}

ul.mainlevel-toph li > ul {
	top: 1.8em; /* pour abaisser le deuxieme niveau pour autres que IE*/
	left: 0;
}

ul.mainlevel-toph li:hover ul,
ul.mainlevel-toph li.hover ul {
	display: block;
}


ul.mainlevel-toph li:hover ul ul,
ul.mainlevel-toph li.hover ul ul {
	display: none;
}

ul.mainlevel-toph li:hover ul li:hover ul,
ul.mainlevel-toph li.hover ul li.hover ul {
	display: block;
}


ul.mainlevel-toph, ul.mainlevel-toph li li {
	clear: left;
}

/** separator */
span.mainlevel-toph, span.sublevel-toph {
	border-width: 0px;
	padding: 5px;
}