/* Basic code - don't modify */
 
 #nav {
	display: block;
	margin: 0px auto;
	padding: 0;
	z-index:1000000;
	width:auto;
	position:relative;
	z-index:30;
	height:24px;
	float:right;
	background:url(../_img/sep.gif) no-repeat 0% 0%;
}
#nav li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;
}
#nav a {
	display: block;
}
#nav ul {
	display: none;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	z-index:1000000;
}
* html #nav ul {
	line-height: 0;
} /* IE6 "fix" */
#nav ul a {
	zoom: 1;
} /* IE6/7 fix */
#nav ul li {
	float: left;
}
#nav ul ul {
	top: 0;
}
/* Essentials - configure this */

#nav ul {
	width:315px;
	padding:0px 5px 0px 3px;
}
#nav ul ul {
}
/* Everything else is theming */
#div_nav {
	background:url(../_img/bg_nav.gif) no-repeat 0px 0px;
	height: 24px;
	padding:0px 20px;
}
#nav *:hover {
	background-color: none;
}
#nav a {
	font-size: 0.75em;
	padding: 6px;
	line-height: 24px;
	padding:0px 18px;
	font-weight:bold;
	color:#000;
}
#nav a:hover {
	color:#fff;
}
#nav li li a {
	color:#336699;
	line-height: 20px;
}
#nav li.active  a{
	color:#fff;
}

#nav li {
	background:url(../_img/sep.gif) no-repeat 100% 0%;
}

#nav li#une {
	 
}
#nav li#une.active {

}
#nav li#devenir {
	white-space:nowrap;
	background:none;
	right:0px;
}
html[xmlns*=""] body:last-child #nav li#devenir {
	}
#nav li#devenir a {
	background:url(../_img/fleche0.gif) no-repeat 7px 8px;
}
#nav li#devenir.hover a {
	background:url(../_img/fleche0.gif) no-repeat 7px 8px;
}
#nav li#devenir a:hover {
	background:url(../_img/fleche0.gif) no-repeat 7px 8px;
}

#nav li.hover a {
	color:#fff;
}
#nav li#une.hover a {
	color:#fff;

}
#nav ul li {
	background:none;
	width:345px;
}

#nav ul {
	top: 25px;
}
ul#nav li#devenir ul {
	top: 25px;
	left:-200px;
}
ul#nav li#participer ul {
	top: 25px;
	left:-255px;
}
ul#nav li#suivre ul {
	top: 25px;
	left:-252px;
}


#nav ul {
	background:url(../_img/bg_sub.gif) no-repeat 0% 100%;
	opacity: 0.95;
	filter: alpha(opacity=95);
	margin-left:-2px;
	z-index:2000000;
	padding-bottom:10px;
	width:350px;
}

#nav li#devenir ul li{
	z-index:100000;
	float:none;
	text-align:left;
	
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav li ul li.noborder a {
	border:none;
}

#nav ul li a.hover {
	color:#345ca3;
	background:url(../_img/fleche_orange.gif) no-repeat 0px 4px;
}
#nav li ul li.ligne1 a {
	border-bottom:1px solid #e6e6e6;
	
}
#nav li ul li.ligne2 a {
	border-bottom:1px solid #e6e6e6;
}
#nav li#devenir ul li.ligne1 a {
	border-bottom:1px solid #e6e6e6;
	}
#nav li#devenir ul li.ligne2 a {
	border-bottom:1px solid #e6e6e6;
}
#nav li#devenir ul li.ligne1 a:hover {
	border-bottom:1px solid #e6e6e6;
	
}
#nav li#devenir ul li.ligne2 a:hover {
	border-bottom:1px solid #e6e6e6;
	
}
#nav li.hover li a {
	background:#fff url(../_img/fleche_bleu.gif) no-repeat 4px 5px;
	color:#345ca3;
}
#nav li li a:hover {
	color:#ee7206;
	background:#fff url(../_img/fleche_orange.gif) no-repeat 4px 5px;
	
}

#nav li#devenir.hover li a {
	background:#fff url(../_img/fleche_bleu.gif) no-repeat 4px 5px;
	color:#345ca3;
}
#nav li#devenir li a:hover {
	color:#ee7206;
	background:#fff url(../_img/fleche_orange.gif) no-repeat 4px 5px;
	
}