/*-- nav --*/
	/*top menu*/
#top_menu{
   position: relative; /* on positionne le conteneur */ 
   margin-left: auto; 
   margin-right: auto; 
   width: 307px; 
   text-align: left; 
	margin-top:-30px;
	/*+ style_ie7*/
}

#top_menu #lg_fr{
	float: left;
	display:block;
	background-image: url(../gfx/bg_lg_fr.png);
	width:42px;
	height:30px;
	margin-left:3px;
}

#top_menu #lg_fr a{
position:relative;
z-index:50;
}

#top_menu #lg_fr img{
margin-left:11px;
padding-top:8px;

}
#top_menu #bg_logo{
	position:absolute;
		display:block;
	background-image: url(../gfx/bg_logo.png);
	width:230px;
	height:88px;
	margin-left:40px;
	margin-top:-58px;
	/*+ style_ie7*/
}

#top_menu #bg_logo img{
padding:9px 0px 0 10px;
position:relative;
	z-index:20;
}
#top_menu #lg_en{
	float: right;
		display:block;
	background-image: url(../gfx/bg_lg_en.png);
		width:42px;
	height:30px;
}

#top_menu #lg_en a{
position:relative;
z-index:50;
}

#top_menu #lg_en img{
margin-left:6px;
padding-top:8px;

}
/*fin top menu*/

/*menu*/
#cont_top_menu{
color:#fff;
width:100%;
	/*+style_ie8*/
}
#bg_menu{
background: url(../gfx/bg_menu.png) no-repeat center top transparent;
	position:relative;
	height:116px;
	width:100%;
	margin-top:-28px;
	/*+style_ie8*/
}

#menu{
	background-image: url(../gfx/menu.png);
	position:relative;
	z-index:2;
	height:65px;
	width:918px;
  margin-left: auto; 
  margin-right: auto; 
  text-align:left;
  color:#f00;
  margin-top:-98px;
  z-index:10;
}

#menu ul {
	
}

#menu ul li{
display:inline;

}
#menu ul li span{
display:none;
text-transform: capitalize;

}
#menu ul li.premier1{
background:url(../lang/gfx/fr/li_premier.png);
width:202px;
}
#menu ul li.deux1{
background:url(../lang/gfx/fr/li_deux.png) no-repeat;
width:98px;
/*+ie8*/
}
#menu ul li.trois1{
width:250px;
}
#menu ul li.quatre1{
background:url(../lang/gfx/fr/li_quatre.png) no-repeat;
width:130px;

}
#menu ul li.cinq1{
background:url(../lang/gfx/fr/li_cinq.png) no-repeat;
width:195px;

}
#menu ul li.premier2{
background:url(../lang/gfx/en/li_premier.png);
width:202px;
}
#menu ul li.deux2{
background:url(../lang/gfx/en/li_deux.png) no-repeat;
width:98px;
/*+ie8*/
}
#menu ul li.trois2{
width:250px;
}
#menu ul li.quatre2{
background:url(../lang/gfx/en/li_quatre.png) no-repeat;
width:130px;

}
#menu ul li.cinq2{
background:url(../lang/gfx/en/li_cinq.png) no-repeat;
width:195px;

}
/*fin menu*/
	ul#nav {
		float: right;
		height: 50px;
		/*background: url(../gfx/nav_separator.png) no-repeat 0 0;*/
		padding-left: 2px;
		padding-top:4px;
		margin: 0;
		/*+ie7*/
	}
	
		ul#nav li,
		ul#nav li a {
			display: block;
			float: left;
			line-height: 12px;
		}
		
		ul#nav li {
		/*	background: url(../gfx/nav_separator.png) no-repeat right 0;*/
			padding-left: 0;
			padding-right: 2px;
			height: 50px;
			position: relative;
		}
		
		ul#nav li a {
			text-transform: uppercase;
			text-decoration: none;
			font-weight: bold;
			color: #787878;
			padding:50px 100px 0 0;
			background: none;
		}
		
			ul#nav li.active a {
				color: #3c9b8d;
			}
			
		/*-- Dropdowns --*/
		ul#nav li .dropdown {
			display:none;
			position: absolute;
			z-index: 10050;
			width: 208px;
			top: 50px;
			left: -4px;
			overflow: hidden;
			clear: left;
			background: url(../gfx/nav_dropdown_grad.png) no-repeat 2px 0;
			padding-top: 1px;
		}
		
		ul#nav li ul {
			width: 100%;
			background: url(../gfx/nav_dropdown_li.png) repeat-y 0 0;
			overflow: hidden;
			margin: 0;
			padding: 0;
			text-transform: capitalize;
		}
		
		ul#nav li:hover .dropdown,
		ul#nav li.over .dropdown {
			display: block;
		}
		
		/* FIX: add styling? */
		ul#nav li:hover a,
		ul#nav li.over a {
			color: #0099FF;
			text-decoration: none;
			text-transform: capitalize;
		}
		
		ul#nav li:hover ul li a,
		ul#nav li.over ul li a {
			color: #0076C1;
			text-decoration: none;
		}
		
		/* get a clean slate for the dropdowns */
		ul#nav li ul li,
		ul#nav li ul li a {
			float:none;
			height: 1%;
			background: none;
			margin: 0;
			padding: 0;
			text-transform: none;
			font-weight: normal;
		}
		
		ul#nav li ul li {
			padding: 4px 0 6px 8px;
			margin: 0 5px 0 4px;
			background: url(../gfx/nav_dropdown_sep.gif) repeat-x 0 bottom;
		}
		
			ul#nav li ul li.last { 
				background: none;
				padding-bottom: 4px;
			}
		
			ul#nav li ul li a {
				font-size: 12px;
				line-height: 12px;
				padding: 5px 7px 6px 7px;
				color: #454545;
				background: url(../gfx/nav_dropdown_hover.gif) no-repeat left -23px;
			}
			
			ul#nav li ul li a:hover {
				background-position: left center;
				color: #fff;
			}
			
			ul#nav li .dropdown .bottom {
				background: url(../gfx/nav_dropdown_bottom.png) no-repeat left top;
				height: 11px;
				line-height:1px;
			}