/* BRIN D'HERBE - VERTICAL MENU */

#verticalMenu {
	float: left; width: 20.8em; padding: 0.8em; padding-bottom: 25em;
	background: #b33c3c none left bottom no-repeat;
}

#verticalMenu div.menu {
  width:21em; position: relative;
}
#verticalMenu div.first {margin-bottom: 2em; margin-top: 1.5em;}

#verticalMenu .topleft {
	position: absolute; left: 0em; top: 0em; width: 11px; height: 11px;
	background: transparent url(../images/menu_box_topleft.gif) left top no-repeat; font-size:1px;
}
#verticalMenu .topright {
	position: absolute; right: 0em; top: 0em; width: 11px; height: 11px;
	background: transparent url(../images/menu_box_topright.gif) right top no-repeat; font-size:1px;
}
#verticalMenu .bottleft {
	position: absolute; left: 0em; bottom: 0em; width: 11px; height: 11px;
	background: transparent url(../images/menu_box_bottleft.gif) left bottom no-repeat; font-size:1px;
}
#verticalMenu .bottright {
	position: absolute; right: 0em; bottom: 0em; width: 11px; height: 11px;
	background: transparent url(../images/menu_box_bottright.gif) right bottom no-repeat; font-size:1px;
}
#verticalMenu .bottright, #verticalMenu .bottleft { _bottom: 24.9em; }



.verticalMenuList {
	font-family: Arial, Verdana, sans-serif;
	padding: 2em 1.5em 3em 0; background-color: #f5f4f4;
  -moz-border-radius-topleft:8px; -webkit-border-top-left-radius:8px;
  -moz-border-radius-topright:8px; -webkit-border-top-right-radius:8px;
  -moz-border-radius-bottomleft:8px; -webkit-border-bottom-left-radius:8px;
  -moz-border-radius-bottomright:8px; -webkit-border-bottom-right-radius:8px;
}
.verticalMenuList div, #all .verticalMenuList div a {
	display: block; font-size: 10px; width: 14px; height: 14px;
	background: transparent none left 2px no-repeat;
}
.verticalMenuList div { position: absolute; top: 0; left: 6px; }
#all .verticalMenuList div.collapse a {
	background-image: url(../images/icon_collapse.gif);
}
#all .verticalMenuList div.collapse a:hover {
	background-image: url(../images/icon_collapse_hover.gif);
}
#all .verticalMenuList div.expand a {
	background-image: url(../images/icon_expand.gif);
}
#all .verticalMenuList div.expand a:hover {
	background-image: url(../images/icon_expand_hover.gif);
}
.verticalMenuList div.disabled {
	background-image: url(../images/icon_expand_disabled.gif);
}
#all .verticalMenuList div.disabled a { display: none; }

.verticalMenuList li {
	position: relative;
	border-bottom: 1px solid #cdcdcd;
}
.verticalMenuList li a.title {
	line-height: 1.4em; font-size: 1.1em; font-weight: bold;
	margin-left: 2.3em; text-decoration: none; color: #b33c3c;
}
.verticalMenuList li a.title:hover { text-decoration: underline; }
.verticalMenuList .active { margin-top: 0.3em; border: none; background-color: #ccc; }
.vticalMenuList .active a { font-weight: normal; text-decoration: none; }
.verticalMenuList .active a:hover { text-decoration: underline; }
#all .verticalMenuList li ul { margin-top: 0.3em; margin-bottom: 1.5em; }
#all .verticalMenuList li ul li { margin-left: 2.3em; margin-bottom: 0.3em; border: none; }
#all .verticalMenuList li ul li a { font-weight: normal; }

#identity {
	position: absolute; left: 0; bottom: 0; width: 22.4em; height: 24.7em;
	background: #b33c3c url(../images/vertical_menu_filigrane.png) center bottom no-repeat;
}