/* Menu hori */
#menu .menus li {
	display: block;
	float: left;
	text-align: center;
	background: url('../images/fond_menu_hori.gif') repeat-x left top #647483;
	list-style-type: none;
	list-style-position: outside;
	filter: Alpha(opacity=90);
	-moz-opacity : 0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}
#menu .menus a {
	display: block;
	float: left;
	height: 2.6em;
	font-size: 0.8em;
	font-weight: bold;
	color: #fff;
	font-family: tahoma,verdana, sans-serif;
	padding-top: 3px;
	padding-bottom: 2px;
	border-left: solid 1px #fff;
	text-align: center;
}
	#menu .menus li a:hover {
		color: #000;
	}
	#menu .menus li#accueil a, #menu .menus li#accueil_in a, #menu .menus li#stage a, #menu .menus li#stage_in a, #menu .menus li#regate a, #menu .menus li#regate_in a, #menu .menus li#conseil a, #menu .menus li#conseil_in a, #menu .menus li#club a, #menu .menus li#club_in a, #menu .menus li#qui a, #menu .menus li#qui_in a {
		padding-top: 10px;
		height: 2em;
	}
	
	#menu .menus li#accueil a, #menu .menus li#accueil_in a {
		width: 5em;
		border-left: solid 0px #fff;
		background: url('../images/fond_menu_hori_coin.gif') no-repeat left top;
	}
		#menu .menus li#accueil a:hover, #menu .menus li#accueil_in a {
			color: #000;
			background: url('../images/fond_menu_hori_coin_hover.gif') no-repeat left top #9EE4EE;
		}
	#menu .menus li#passeport a, #menu .menus li#passeport_in a {
		width: 11.5em;
	}
		#menu .menus li#passeport a:hover, #menu .menus li#passeport a.focusTitle, #menu .menus li#passeport_in a {
			background: url('../images/fond_passeport.gif') repeat-x left top #83DCEA;
			color: #000;
		}
	#menu .menus li#stage a, #menu .menus li#stage_in a {
		width: 9.5em;
	}
		#menu .menus li#stage a:hover, #menu .menus li#stage a.focusTitle, #menu .menus li#stage_in a {
			background: url('../images/fond_stage.gif') repeat-x left top #48CDE0;
			color: #000;
		}
	
	#menu .menus li#regate a, #menu .menus li#regate_in a {
		width: 6em;
	}
		#menu .menus li#regate a:hover, #menu .menus li#regate a.focusTitle, #menu .menus li#regate_in a {
			background: url('../images/fond_regate.gif') repeat-x left top #FFDB44;
			color: #000;
		}
	#menu .menus li#conseil a, #menu .menus li#conseil_in a {
		width: 8em;
	}
		#menu .menus li#conseil a:hover, #menu .menus li#conseil_in a {
			background: url('../images/fond_conseil.gif') repeat-x left top #FFCE0F;
			color: #000;
		}
	#menu .menus li#club a,#menu .menus li#club_in a {
		width: 7em;
	}
		#menu .menus li#club a:hover, #menu .menus li#club_in a {
			background: url('../images/fond_club.gif') repeat-x left top #FC8BB9;
			color: #000;
		}
	#menu .menus li#qui a, #menu .menus li#qui_in a {
		width: 7em;
	}
		#menu .menus li#qui a:hover, #menu .menus li#qui a.focusTitle, #menu .menus li#qui_in a {
			background: url('../images/fond_qui.gif') repeat-x left top #F13983;
			color: #000;
		}
	#menu .menus li#nav_rapid {
		height: 2.45em;
		
	}
	#menu .menus li#nav_rapid a, #menu .menus li#nav_rapid_in a {
		width: 11em;
		background: url('../images/search.gif') no-repeat 25px top;
		background: url('../images/fond_nav_rapid.gif') no-repeat right top;
		text-align: left;
		
	}
	#menu .menus li#nav_rapid dl a, #menu .menus li#nav_rapid dl a:hover {
		background: url('../images/blank.gif') no-repeat right top;
		color: #000;
	}
		#menu .menus li#nav_rapid a:hover, #menu .menus li#nav_rapid_in a {
			background: url('../images/fond_nav_rapid2.gif') no-repeat right top #F0166D;
			color: #000;
		}
#menu .menus li a:focus, #menu .menus li a:hover {
	text-decoration: none;
	color: #000;
}
/*sous menu*/
#menu .menus li ul {
	margin-left: -1px;
	margin-top:2.5em;
}
	#menu .menus li#passeport ul, #menu .menus li#passeport_in ul {
		border-left: solid 1px #83DCEA;
		border-right: solid 1px #83DCEA;
		border-bottom: solid 1px #83DCEA;
		border-top: solid 2px #83DCEA;
	}
	#menu .menus li#stage ul, #menu .menus li#stage_in ul {	
		border-left: solid 1px #48CDE0;
		border-right: solid 1px #48CDE0;
		border-bottom: solid 1px #48CDE0;
		border-top: solid 2px #48CDE0;
	}
	#menu .menus li#regate ul, #menu .menus li#regate_in ul {	
		border-left: solid 1px #FFDB44;
		border-right: solid 1px #FFDB44;
		border-bottom: solid 1px #FFDB44;
		border-top: solid 2px #FFDB44;
	}
	#menu .menus li#qui ul, #menu .menus li#qui_in ul {	
		border-left: solid 1px #F13983;
		border-right: solid 1px #F13983;
		border-bottom: solid 1px #F13983;
		border-top: solid 2px #F13983;
	}
	#menu .menus li ul li {
		display: block;
		clear: both;
	}
		
	#menu .menus li li a {
		color: #000;
		border: none;
		height: 1.5em;
		font-size: 0.8em;
		padding-top: 4px;
		padding-bottom: 0px;
		text-indent: 16px;
		text-align: left;
	}
		#menu .menus li#stage li a, #menu .menus li#stage_in li a {
			width: 12em;
		}
		#menu .menus li#regate li a, #menu .menus li#regate_in li a {
			width: 14em;
		}
		#menu .menus li#qui li a, #menu .menus li#qui_in li a {
			width: 15em;
		}
	#menu .menus li#passeport li a, #menu .menus li#passeport_in li a, #menu .menus li#stage li a, #menu .menus li#stage_in li a, 
	#menu .menus li#regate li a, #menu .menus li#regate_in li a, #menu .menus li#qui li a, #menu .menus li#qui_in li a,
	#menu .menus li#nav_rapid li a, #menu .menus li#nav_rapid_in li a {
		text-decoration: none;
		color: #000;
		background: url('../images/fleche_bleu.png') no-repeat left 6px #fff;
	}
	#menu .menus li#qui_in li a {
		padding-top: 2px;
	}
	#menu .menus li#qui li.spe a, #menu .menus li#qui_in li.spe a, #menu .menus li#passeport li.spe a, #menu .menus li#passeport_in li.spe a, #menu .menus li#stage li.spe a, #menu .menus li#stage_in li.spe a, #menu .menus li#regate li.spe a, #menu .menus li#regate_in li.spe a {
		border-top: solid 1px;
		
	}
	#menu .menus li#passeport li a:hover, #menu .menus li#passeport_in li a:hover, #menu .menus li#stage li a:hover, #menu .menus li#stage_in li a:hover,
	#menu .menus li#regate li a:hover, #menu .menus li#regate_in li a:hover, #menu .menus li#qui li a:hover, #menu .menus li#qui_in li a:hover,
	#menu .menus li#nav_rapid li a:hover, #menu .menus li#nav_rapid_in li a:hover {
		background: url('../images/fleche_bleu.png') no-repeat left 6px #E5E5E5;
	}
	#menu .menus li#stage li a , #menu .menus li#regate li a, #menu .menus li#stage_in li a , #menu .menus li#regate_in li a, #menu .menus li#qui li a, #menu .menus li#rqui_in li a {
			padding-top: 2px;
			
		}
		
		

/* Propriétés actives lorsque JS actif */
#menu .menus.Surv li ul {
	position: absolute;
	margin-left: 0px;
	margin-top: 2.3em;
}
	#menu .menus.Surv li#qui li ul, #menu .menus.Surv li#qui_in li ul {
		position: absolute;
		margin-left: 8em;
		margin-top: 0em;
	}
#menu .menus a.focusTitle {
	text-decoration: none;
	color: #fff;
}
#menu .menus a.blurTitle {
	color: #fff;
}
#menu .Cache {
	display: none;
}
/*DL DT DD*/
#menu .menus dl {
	width: 160px;
	height: 210px;
	float: left;
	margin-right:15px;
	margin-bottom: 0;
}
#menu .menus dl#der {
	margin-right: 0;
}
#menu .menus dl.spe {
	border-right: solid 1px #ccc;
	width: 160px;
}
#menu .menus dl.marg_bottom {
	padding-bottom: 0px;
}
#menu .menus dl.marg_bottom2 {
	padding-bottom: 10px;
}
#menu .menus li#nav_rapid dl a {
	width: 90%;
}
#menu .menus li#nav_rapid dt {
	color: #F0166D;
	font-weight: bold;
	font-size: 0.8em;
}
#menu .menus li#nav_rapid dt a {
	color: #F0166D;
	height: 1.5em;
	font-size: 1em;
	margin: 0;
	padding: 0;
}
#menu .menus li#nav_rapid dd a {
	background: url('../images/fleche_bleu.png') no-repeat left 4px #fff;
	text-indent: 16px;
	height: 1.5em;
	font-size: 0.75em;
	padding-top: 0px;
	padding-bottom: 0px;
	text-indent: 16px;
	text-align: left;
	font-weight: normal;
}
#menu .menus li#nav_rapid dd a:hover {
	background: url('../images/fleche_bleu.png') no-repeat left 4px #E5E5E5;
}

/*POP UP nav rapide*/
div.info {
    position:relative; 
    z-index:24;
    text-decoration:none;
	top: -3px;
	padding-top: 3px;
	cursor: pointer;
	color: #f60;
}
div.info a {
	border-bottom: none;
	text-decoration: none;
}
div.info:hover {
	z-index:25;
}
div.info div {
	display: none;
}
div.info:hover div { 
	width: 695px;
 	display:block; 
 	position: absolute;
	top:2.6em;
	right: 0em;
    border-left: solid 1px #F0166D;
	border-right: solid 1px #F0166D;
	border-bottom: solid 1px #F0166D;
	border-top: solid 2px #F0166D;
	background: #fff;
	font-family: verdana, arial, sans-serif;
    padding: 3px 3px 3px 5px;
	text-align: left;
}