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



#nav{
	width:100%;
	background:url(../../img/front/bg-nav.gif) repeat-x;
}
.nav-holder{
	background:url(../../img/front/l-bg-nav.gif) no-repeat;
	height:1%;
}
#nav ul:after,
.nav-holder:after{
	display:block;
	clear:both;
	content:"";
}
ul, li {
    
    
}
#nav ul{
	margin:0;
	padding:1px 0 6px;
	list-style:none;
	height:1%;
	position:relative;
	float:right;
        list-style:none;
        margin-left:0px;
}
#nav ul li{
	float:left;
	padding:0 0 0 0px;
	position:relative;
        list-style:none;
        margin-left:0px;
}
#nav ul a{float:left;}
#nav ul span{
	float:left;
	font-size:0;
	line-height:0;
	padding:10px 0px 8px 0px;
	cursor:pointer;
}
#nav ul .before{
	height:78px;
	float:left;
	overflow:hidden;
	padding:0;
}
#nav ul .after{
	height:234px;
	display:block;
	text-indent:-9999px;
	padding:0;
}
#nav .link1 .after{
	width:69px;
	background:url(../../img/front/menubtn/accueil.jpg) no-repeat;
}
#nav .link2 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuLeGroupe.jpg) no-repeat;
		
}
#nav .link3 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuactualites.jpg) no-repeat;
}
#nav .link4 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuLesPoles.jpg) no-repeat;
}
#nav .link5 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuNosEntreprises.jpg) no-repeat;
}
#nav .link6 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuNosEntreprises.jpg) no-repeat;
}
#nav .link7 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuContact.jpg) no-repeat;
}
#nav .link0 .after{
	width:69px;
	background:url(../../img/front/menubtn/btnmenuhome.jpg) no-repeat;
}


#nav ul li.hover .after,
#nav ul li:hover .after{margin:-78px 0 0;}
#nav ul li.active a{}
#nav ul li.active span{}
#nav ul li.active .before{background:none;}
#nav ul li.active .after{margin:-156px 0 0;}
#nav ul ul{
	margin:0 0 -4px;
	padding:0 8px;
	list-style:none;
	width:172px;
	float:left;
	position:relative;
	background:none;
}
#nav li li{
	float:none;
	position:static;
	padding:2px 5px 4px 15px;
	margin:0;
}
#nav li li.style2{
	background:#1E252D;
	padding:8px 5px 6px 15px;
}
#nav li li a{
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	float:none;
	color:#FFFFFF;
	text-decoration:none;
	font-weight: normal;
}
#nav li li a:hover{ color:#02A7D5}
#nav li div{
	display:none;
	position:absolute;
	top:84px;
	left:-55px;
	width:188px;
}
#nav li div.c{
	position:static;
	background:url(../../img/front/bg-drop.png) repeat-y;
}
#nav li div.c:after{
	display:block;
	clear:both;
	content:"";
}
#nav li.hover div,
#nav li:hover div{display:block;}
#nav ul .t,
#nav ul .b{
	float:none;
	font-size:0;
	line-height:0;
	display:block;
	height:12px;
	padding:0;
}
#nav ul .t{background:url(../../img/front/t-bg-drop.png) no-repeat;}
#nav ul .b{background:url(../../img/front/b-bg-drop.png) no-repeat;}