/* Horizontal menu */

.hm-arrow
{
	background:url(/graph/qw/img/arrow.png) center right no-repeat;
}

#hm
{
	display:block;
	position:relative;
	width:613px;
	height:15px;
	padding:0 193px 0 194px;
	background:url(/graph/qw/img/menu_bar.jpg) top left no-repeat;
}

#hm ul
{
	position:absolute;
	display:block;
	width:100px;
	margin:2px 0 0 -1px;
	padding:0;
	background-color:black;
}

#hm li ul
{
	visibility:hidden;
	width:124px;
}

#hm li li ul
{
	top:auto;
	left:auto;
	margin-left:122px;
	margin-top:-16px;
}

#hm li
{
	list-style:none;
	width:100px;
	height:auto;
	display:inline;
	display:block;
	float:none;
	float:left;
	margin:0 0 -5px 0; /* HACK ! */
	padding:0 1px 0 1px;
}
	
#hm li li
{
	display:inline;
	clear:left;
	float:left;
	width:124px;
	margin:0 0 1px 0;
}

#hm span
{
	cursor:default;
}

#hm a,#hm span
{
	text-align:center;
	background-color:black;
	border:#777 solid 1px;
	color:#EEE;
	display:block;
	width:98px;
	text-decoration:none;
	font-size:0.8em;
	padding:0;
	margin:0;
	z-index:10;
}

#hm li li a,#hm li li span
{
	width:120px;
}
	
#hm a:hover,#hm span:hover
{
	color:#EEE;
	background-color:#576F77;
}

/* Vertical menu */

.vm
{
	padding:0 0 4px 0;
}

#leftmenu .vm
{
	background:url(/graph/qw/img/menu_left_bg.png) top left repeat-y;
}

#rightmenu .vm
{
	background:url(/graph/qw/img/menu_right_bg.png) top right repeat-y;
}

#rightmenu .vmend
{
	padding:0 0 30px 1px;
}

.vm span
{
	width:143px;
	display:block;
	text-align:left;
	color:#BCC1C4;
	border-bottom:#414344 solid 1px;
	margin:0 4px 0 13px;
}

#rightmenu .vm span
{
	margin:0 13px 0 4px;
}

.vm .focus
{
	color:#ACC5D4;
	font-weight:bold;
	text-align:center;
}

.vm .info
{
	width:133px;
	font-size:0.85em;
	border:#313334 solid 1px;
	margin:4px 7px 20px 16px;
	padding:1px;
}

.vm .info dt
{
	color:#4E81AC;
	font-size:0.9em;
	font-weight:bold;
	border-bottom:1px solid #313334;
	margin:0 3% 5px 3%;
}

.vm .info dd
{
	margin:0 8% 3px 8%;
}

.vm .info a:link,.vm .info a:visited
{
	color:#6EA1CC;
}

.vm div
{
	text-align:center;
	width:143px;
	border:0;
	margin:4px 4px 0 13px;
	padding:0 0 4px 0;
}

.vm ul
{
	width:143px;
	border:0;
	margin:4px 4px 0 13px;
	padding:0 0 18px 0;
}

#rightmenu .vm ul
{
	margin:4px 13px 0 4px;
	padding:0;
}

.vm li
{
	list-style:none;
	width:137px;
	margin:0 3px 0 3px;
}

#rightmenu .vm li img
{
	float:left;
	margin-right:-4px; /* HACK */
	padding-top:2px;
}

.vm li a,.vm li a:visited
{
	display:block;
	width:133px;
	color:#EEE;
	text-align:left;
	text-decoration:none;
	font-size:0.85em;
	margin-bottom:4px;
	padding:0 2px 0 2px;
}

#rightmenu .vm li a
{
	width:113px;
	margin:0 0 8px 20px;
}

.vm li a:hover
{
	color:#EEE;
	text-decoration:none;
	background-color:#2E3D45;
}

.vspace
{
	height:27px;
}

/* search box */
#searchbox
{
	padding:4px 0px 20px 0px;
}

#searchbox .f-ent
{
	margin:0 0 0 1px;
	padding:0;
}

#searchbox #fastTitreRecherche
{
	float:left;
	font-size:0.85em;
	width:99px;
	height:17px;
	border:1px solid #414344;
	border-right:1px dashed #414344;
	padding:3px 3px 0 3px;
}

#searchbox #fastTitreRecherche:hover
{
	background:#252A2B;
}

#searchbox .f-button
{
	color:#EEE;
	font-size:0.85em;
	width:30px;
	height:22px;
	border:1px solid #414344;
	border-left:1px dashed #414344;
	padding:0;
	background:#1C2021;
}

#searchbox .f-button:hover
{
	background:#252A2B;
}

/* log box */
#logbox span
{
	display:block;
	width:118px;
	font-size:0.85em;
	margin:0px 0px 12px 5px;
	padding:7px 0px 5px 0px;
	border:#999 solid 1px;
	background:#434848;
}

#logbox a
{
	display:block;
	width:118px;
	font-size:0.85em;
	text-decoration:none;
	color:#EEE;
	margin:0px 0px 12px 5px;
	border:#999 solid 1px;
}

#logbox a:link,#logbox a:visited
{
	background:#434848;
}

#logbox a:hover
{
	background:#576F77;
}

#logbox .f-text
{
	width:63px;
}

#logbox .f-ent input
{
	border:#999 solid 1px;
	background:transparent;
}

#logbox .f-button
{
	width:85%;
	background:#576F77;
}