/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */

#mainlevel{
  float: left;
  position: absolute;
  top:8px;
  left:6px;
  width:155px;
  height:190px;
  font-size: 10pt;
}

a.mainlevel, a.mainlevel:link, a.mainlevel:visited{
	color: #cb9c4a;
	font-size: 11pt;
	text-decoration: none;
	line-height:18pt;
	background-image: url(../images/structure/ico1.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 0.0em 0.0em 0.0em 2.0em;	/* top, right, bottom, left */
	margin: 0;
	font-weight:bold;
}

a.mainlevel:hover{
	color: #bc9f77;
	background-image: url(../images/structure/icohover.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
a#active_menu.mainlevel{
	color: #372505;
	font-weight:bolder;
}

span.mainlevel-bottom{
  font-size: 8pt;
	color: #bdb65a;
  text-align:left;
  height:20px;
}
a.mainlevel-bottom{
	color: #bdb65a;
  text-align:left;
  font-size:9pt;
  line-height:20px;
  text-decoration:underline;
}
a.mainlevel-bottom:hover{
	color: #4f4804;
}
a#active_menu-bottom{
	color: #4f4804;
}

/* menu deroulants partie left / position : MAINLEVEL - SUBLEVEL */
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited {
	color: #FFF;
	background-image: url(../images/bgck-menu.jpg);
	background-repeat: no-repeat;
	background-position: left;
	width: 250px;
	height: 18px;
	line-height: 10pt;
	text-indent: 25px;
}

a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover {
	font-weight: bold;
	color: #FFF;
}

ul.mainlevel-suckerfish-vertical .expanded {
	display: block;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 3px;
}


/** customize style / layout here */
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover,
a.sublevel, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel,
a.sublevel:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,
a.sublevel:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
	font-weight: normal;
	font-size: 10pt;
	text-align: left;
	text-decoration: none;
	display: block;
	padding: 0.3em 0.1em 0.3em 0.1em;	/* top, right, bottom, left */
	margin-left: 36px;
	height:8px;
}

a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical {
	font-size: 90%;
	border-top: 0px solid silver;
	background-image: url("../images/arrow_right.gif");
	background-position: right center;
	background-repeat: no-repeat;
	margin-right: 25px;
}

#active_menu-suckerfish-vertical, #active_menu-suckerfish-vertical:hover,
a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover{
	font-weight: bold;
	color: #FFF;
}



ul.mainlevel-suckerfish-vertical, .mainlevel-suckerfish-vertical ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 10em;
}

ul.mainlevel-suckerfish-vertical {
	z-index: 101;
}

ul.mainlevel-suckerfish-vertical ul {
	z-index: 102;
}

ul.mainlevel-suckerfish-vertical ul ul {
	z-index: 103;
}

ul.mainlevel-suckerfish-vertical li {
	padding: 0;
	margin: 0;
	background: none;
	list-style: none;
	float: left;
	clear: left;
	position: relative;
	width: 190px;
}

ul.mainlevel-suckerfish-vertical li li {
}

ul.mainlevel-suckerfish-vertical ul {
	display: none;
	position: absolute;
	top: 0px;
	margin-left: 253px;
}

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


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

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


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

/** separator */
span.mainlevel-suckerfish-vertical, span.sublevel {
	border-width: 0px;
	padding: 3px;
}