@charset "utf-8";
/* CSS Document */

#menu {
	position:absolute;
	top:0;
	left:0;
	height:24px;
	width:100%;
	z-index:1000;
	background-color:#DDD;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFF, #CCC, #FFF 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF), color-stop(.5,#CCC));
	border-bottom: 1px solid #999999;
	-moz-box-shadow: 0px 2px 5px #666;
	-webkit-box-shadow: 0px 2px 5px #666;
	box-shadow: 0px 2px 5px #666;
}
#menu a{
	color:#666666;
	font-weight:normal;
}
#menu a:hover{
	color:#000;
	text-decoration:none;;
}
#menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:12px;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC) progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=180, Strength=5);
}
#menu ul ul {
	width:auto;
	white-space:nowrap;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float:left;
	position:relative;
}
#menu li li {
	width:100%;
	float:left;
	display:block;
	margin:0;
	border-bottom: 1px solid #999999;
}
#menu li li a{
	border:none!important;
}
#menu li ul {
	border-top: 1px solid #999999;
}
#menu li>a.top {
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFFFFF,endColorStr=#CCCCCC);
}
#menu li>a:hover {
	color:#000;
}
#menu li.active>a {
	text-transform:uppercase;
	color:#000;
	background-color:#FFC;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFCC, #FFCC33, #FFFFCC 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFCC), to(#FFFFCC), color-stop(.5,#FFCC33));
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FFCC33,endColorStr=#FFFFCC);
}
#menu li.sous_active a{
	color:#000000;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	height:18px;
	line-height:18px;
}
#menu li.user {
	font-weight:bold;
	font-style:italic;
	float:right;
}
/* style the links for the top level */
#menu a, #menu a:visited, #menu .menu.projet, #menu .user {
	display:block;
	height:20px;
	width:auto;
	padding: 3px 10px 1px;
	margin:0;
	border-right: 1px solid #999999;
	border-bottom:none;
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	visibility:hidden;
	position:absolute;
	top:24px;
	left:-1px;
	background-color:#FFC;
	-moz-box-shadow: 3px 3px 5px #666;
	-webkit-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=5);
}
/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {
	display:block;
	height:20px;
	width:auto;
}


/* style the top level hover */
#menu a:hover, #menu ul ul a:hover{
	color:#006600; 
	background-color:#FFC;
}
#menu :hover > a, 
#menu ul ul :hover > a {
color:#000;
background-color:#FFC;
}
#menu li :hover>ul {
color:#000;
background-color:#EEE;
}

/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{
	visibility:visible; 
}
#menu .menu.projet{
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#000000;
}