/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \
|		
|		Copyright (c) 2010
|		
|		
\ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


/* ______________________[ Navigation principale ]________________________ */

/*ul#topnav {
	margin: 0px; padding: 0;
	float: left;
	width: 970px;
	list-style: none;
	position: relative;
	font-size: 1.2em;
	background: url(../images/topnav_stretch.gif) repeat-x;
	
}
ul#topnav li {
	float: left;
	margin: 0; 
	height: 28px;
	padding: 0;
	background: none repeat scroll 0% 0% transparent;
}
ul#topnav li a {
	padding: 5px 12px 7px 12px;
	display: block;
	/*background: url(../images/fond/menunav_bg.gif) no-repeat top right;
	border-right: 2px #80a4b1 solid;
	font-size:14.4px; font-family:arial; color:#ffffff; text-decoration:none;
}
*/
ul#menu-menu1 {
		float: left;
	list-style: none;
	position: relative;
	display: inline;
	
	
}
ul#menu-menu1 li a {

	
	display: block;

	
}
/*ul#topnav li a:hover{ba}*/
/*ul#topnav li:hover, ul#topnav li.active, ul#topnav li.hover   { background: #80a4b1 url(../images/topnav_active.gif) repeat-x;}*/
ul#menu-menu1 li em{position: relative; top: -17px;}
ul#menu-menu1 li div {
	float: left;
	height: 24px;
	padding: 1px 0 1px 14px;
	position: absolute;
	left: 2px; top:26px;
	display: none;
	color: #fff;
	
}
ul#menu-menu1 li:hover div { display: block;}
ul#menu-menu1 li div a { display: inline; padding: 3px 4px 8px 4px; margin: 0; font-size: 14px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; border: none; background: none; color: #ffffff;}
#header #pageHead #menu-menu1 div li a{color: #ffffff;}
 ul#menu-menu1 li div a:hover {color: #dd3d00; text-decoration: none;}
 
 
ul#menu-menu1 li#guide div {
	float: left;
	height: 19px;
	padding: 8px 0 1px 14px;
	position: absolute;
	left: -160px; top:26px;
	display: none;
	color: #fff;
	width: 880px;



}

ul#menu-menu1 li#guide div ul{
	float: left;
	width: auto;
	background: url(../images/png/bg_menu_guide.png) repeat;
	color: #fff;
	margin: 0;
	padding: 0px;
	height: 24px;
	overflow: hidden;
	display: inline;



}

#header #pageHead #menu-menu1 li div ul li{height: 24px; background: none;}
#header #pageHead #menu-menu1 li#guide div ul li{background: url(../images/fond/separateur_guide.gif) no-repeat;}
#header #pageHead #menu-menu1 li#guide div ul .mn1{background: none;}
ul#menu-menu1 li#guide div .img_left{background: url(../images/png/left_menu_guide.png) no-repeat; display: inline; float: left; width: 8px; height: 24px;}
ul#menu-menu1 li#guide div .img_right{background: url(../images/png/right_menu_guide.png) no-repeat; display: inline; float: left; width: 9px; height: 24px;}
#header #pageHead #menu-menu1 li#guide div a {padding: 0px 18px; display: block; float: left; position: relative; z-index: 999; }
#header #pageHead #menu-menu1 li#guide.hover{background: url(../images/fond/puce_vert.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#guide.active{background: url(../images/fond/puce_vert.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#guide.active_guide{background: url(../images/fond/puce_vert.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#guide div a:hover{background:url(../images/puce/puce_vert.gif) right 9px no-repeat; }
#header #pageHead #menu-menu1 li#guide div a.active{background:url(../images/puce/puce_vert.gif) right 9px no-repeat; }


#header #pageHead #menu-menu1 li#guide.active div{display: block;}
#header #pageHead #menu-menu1 li#guide.active_guide div{display: block;}

 ul#menu-menu1 li#mag div {
	float: left;
	height: 29px;
	padding: 8px 0 1px 0px;
	position: absolute;
	left: -80px; top:26px;
	display: none;
	width: 880px;
	color: #fff;
		
}
ul#menu-menu1 li#mag div ul{
	float: left;
	width: auto;
	background: url(../images/png/bg_menu_mag.png) repeat;
	color: #fff;
	margin: 0; 
	padding: 0px;
	height: 24px;
	overflow: hidden;
	display: inline;


}
#header #pageHead #menu-menu1 li#mag div ul li{background: url(../images/fond/separateur_mag.gif) no-repeat;}
#header #pageHead #menu-menu1 li#mag div ul .mn1{background: none;}
ul#menu-menu1 li#mag div .img_left{background: url(../images/png/left_menu_mag.png) no-repeat; display: inline; float: left; width: 8px; height: 24px;}
ul#menu-menu1 li#mag div .img_right{background: url(../images/png/right_menu_mag.png) no-repeat; display: inline; float: left; width: 9px; height: 24px;}

#header #pageHead #menu-menu1 li#mag div a {padding: 0px 18px; display: block; float: left; position: relative; z-index: 999; }
#header #pageHead #menu-menu1 li#mag.hover{background: url(../images/fond/puce_rouge.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#mag.active{background: url(../images/fond/puce_rouge.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#mag.active_mag{background: url(../images/fond/puce_rouge.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#mag div a:hover{background:url(../images/puce/puce_rouge.gif) right 9px no-repeat; }
#header #pageHead #menu-menu1 li#mag div a.active{background:url(../images/puce/puce_rouge.gif) right 9px no-repeat; }


#header #pageHead #menu-menu1 li#mag.active div{display: block;}
#header #pageHead #menu-menu1 li#mag.active_mag div{display: block;}


 ul#menu-menu1 li#communaute div {
	float: left;
	height: 29px;
	padding: 8px 0 1px 14px;
	position: absolute;
	left: 245px; top:26px;
	display: none;
	width: 300px;
	color: #fff;
	
}


ul#menu-menu1 li#communaute div ul{
	float: left;
	width: 78px;
	background: url(../images/fond/fond_menu_communaute.png) repeat;
	color: #fff;
	margin: 0;
	padding: 0px;
	height: 24px;
	overflow: hidden;
	display: inline;
display: block;

}
#header #pageHead #menu-menu1 li#communaute div ul .mn1{background: none;}
#header #pageHead #menu-menu1 li#communaute div ul li{text-align: center;}
ul#menu-menu1 li#communaute div .img_left{background: none; display: inline; float: left; width: 1px; height: 1px;}
ul#menu-menu1 li#communaute div .img_right{background: none; display: inline; float: left; width: 1px; height: 1px;}

#header #pageHead #menu-menu1 li#communaute div a {padding: 0px 14px; display: block; float: left; position: relative; z-index: 999; text-align: center; color: #ffffff;}
#header #pageHead #menu-menu1 li#communaute.hover{background: url(../images/fond/puce_jaune.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#communaute.active{background: url(../images/fond/puce_jaune.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#communaute.active_communaute{background: url(../images/fond/puce_jaune.gif) right bottom no-repeat;}
#header #pageHead #menu-menu1 li#communaute div a:hover{background:url(../images/puce/puce_jaune.gif) right 8px no-repeat; }
#header #pageHead #menu-menu1 li#communaute div a.active{background:url(../images/puce/puce_jaune.gif) right 8px no-repeat; }


#header #pageHead #menu-menu1 li#communaute.active div{display: block;}
#header #pageHead #menu-menu1 li#communaute.active_communaute div{display: block;}