@CHARSET "ISO-8859-1";

#menu .content {
	padding:0 0 0 0; 
	margin:0; list-style:none;
	height:25px;
	/*background-color:#000 ; */
	position:relative; 
	font-family:arial, verdana, sans-serif;
}

#menu .content li.top {
	display:block; 
	float:left; 
	position:relative;
}

#menu .content li a.top_link {
	display:block; 
	float:left; 
	height:20px; 
	line-height:20px; 
	
	color:#000; 
	text-decoration:none; 
	/*font-size:11px; */
	font-weight:bold;
	
	padding:2px 0 2px 2px; 
	cursor:pointer;
}


#menu .content li a.top_link span 
{
	float:left; 
	display:block; 
	padding:0px 6px 0px 6px; 
	height:20px;
	/*background-color: #666;*/
	/*width:100px;*/
	/*background:url(/img/ligne2.gif) no-repeat right center;*/
}

/* SOUS MENU 1 */
.sub li a{
	/*width:100px;*/
	background-color:red;
}

/* SOUS MENU 2 */
.sub ul li a {
	width:150px;
	background-color:green;
}
/*

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu .content a:hover {
	visibility:visible;
}

#menu .content li:hover {
	position:relative; 
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu .content ul, 
#menu .content :hover ul ul, 
#menu .content :hover ul :hover ul ul,
#menu .content :hover ul :hover ul :hover ul ul,
#menu .content :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0; 
	padding:0; 
	list-style:none;
}

/*contour premier sous menu*/
#menu .content :hover ul.sub {
	left:0px; 
	top:20px; 
	background: #fff;
	margin:3px 0 0 2px; 
	/*border:1px solid #4ab;*/
	/*white-space:nowrap;*/ 
	width:130px; 
	height:auto;
}

#menu .content :hover ul.mid {
	left:2px; 
	top:200px; 
	background: #ddd;
	/*padding:3px 0;*/ 
	border:1px solid #4ab; 
	white-space:nowrap; 
	/*width:130px;*/ 
	height:auto;
}

#menu .content :hover ul.sub li {
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	width:90px;
}


#menu .content :hover ul.sub li a {
	display:block; 
	font-size:11px; 
	height:20px; 
	width:130px; 
	line-height:20px; 
	text-indent:5px; 
	color:#fff; 
	text-decoration:none; 
	/*border:3px solid #fff;*/ 
	/*border-width:0 0 0 3px;*/
}
/*#menu .content :hover ul.sub li a {display:block; font-size:11px; height:20px; width:125px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}*/

#menu .content :hover ul.sub li a.fly {background:purple url(../img/menu/arrow.png) 110px 2px no-repeat;}
#menu .content :hover ul.sub li a:hover {background-color:orange; color:#fff;}
#menu .content :hover ul.sub li a.fly:hover {background:#4ab url(../img/menu/arrow.png) 110px 2px no-repeat; color:#fff;}
#menu .content :hover ul li:hover > a.fly {background:#4ab url(../img/menu/arrow.png) 110px 2px no-repeat; color:#fff;} 

#menu .content :hover ul.sub li a.fly2 {background:#fff url(../img/menu/arrow.png) 110px 2px no-repeat;}
#menu .content :hover ul.sub li a.fly2:hover {background:#4ab url(../img/menu/arrow.png) 110px 2px no-repeat; color:#fff;}
#menu .content :hover ul li:hover > a.fly2 {background:#4ab url(../img/menu/arrow.png) 110px 2px no-repeat; color:#fff;} 

#menu .content :hover ul :hover ul,
#menu .content :hover ul :hover ul :hover ul,
#menu .content :hover ul :hover ul :hover ul :hover ul,
#menu .content :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:130px; 
	color:#ddd;
	top:0px; 
	background: #fff;
	/*padding:3px 0;*/ 
	/*border:1px solid #4ab;*/ 
	white-space:nowrap; 
	width:130px; 
	z-index:200; 
	height:auto;
}