/* MECANIQUE (NE PAS MODIFIER!!!) */

	/* --- DEROULANT --- */
	div.popup_l_menu a,
	div.popup_r_menu a,
	div.popup_t_menu a {
		width:100%;
		height:100%;
		margin:0;
		display:block;
		vertical-align:middle;
		text-decoration:none;
		border: 0px;
		float: none;
		}	
	
/* deroulant haut */
.popup_t_menu ul {
	list-style:none;
	margin:0;
	vertical-align:middle;
	float: left;
	height:100%;
	_width:7.2em;
	}

.popup_t_menu ul li {
	list-style:none;
	margin:0;
	position: relative;
	vertical-align:middle;
	}

	.popup_t_menu ul li ul {
		position:absolute;
		display:block;
		visibility:hidden;
		width:12em;
		}

	.popup_t_menu ul li ul li { width:100%; }

		.popup_t_menu ul li ul li ul {
			top:0;
			left:100.1%;
			}
			
.popup_t_menu ul li ul { z-index:11; }
.popup_t_menu ul li ul li ul { z-index:12; }
.popup_t_menu ul li ul li ul li ul { z-index:13; }
.popup_t_menu ul li ul li ul li ul li ul { z-index:14; }
.popup_t_menu ul li ul li ul li ul li ul li ul { z-index:15; }
.popup_t_menu ul li ul li ul li ul li ul li ul li ul { z-index:16; }			


/* deroulant gauche - deroulant droite */
.popup_l_menu a,
.popup_r_menu a {
	padding:0.2em 0.3em;
	}

.popup_l_menu ul,
.popup_r_menu ul {
	list-style:none;
	margin:0;
	vertical-align:middle;
	width:100%;
	}

.popup_l_menu ul li,
.popup_r_menu ul li {
	list-style:none;
	margin:0;
	position: relative;
	vertical-align:middle;
	width:100%;
	}

	.popup_l_menu ul li ul
	.popup_r_menu ul li ul {
		position:absolute;
		display:block;
		visibility:hidden;
		top:0;
		width:12em;
		}

	.popup_l_menu ul li ul { left:100.1%; }
		
	.popup_r_menu ul li ul { right:100.1%; }
	
	.popup_l_menu ul li ul li,
	.popup_r_menu ul li ul li { width:100%; }


.popup_l_menu ul li ul, div.popup_r_menu ul li ul { z-index:1; }
.popup_l_menu ul li ul li ul, div.popup_r_menu ul li ul li ul { z-index:2; }
.popup_l_menu ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul { z-index:3; }
.popup_l_menu ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul { z-index:4; }
.popup_l_menu ul li ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul li ul { z-index:5; }
.popup_l_menu ul li ul li ul li ul li ul li ul li ul, div.popup_r_menu ul li ul li ul li ul li ul li ul li ul { z-index:6; }

	/* --- DEPLIANT --- */
.inline_v_menu{ width: 100%; }

.inline_v_menu li { text-align: center; font-weight: normal; }

.inline_v_menu dl,
.inline_v_menu dt,
.inline_v_menu dd,
.inline_v_menu ul,
.inline_v_menu li {
	margin:0;
	padding:0;
	list-style-type: none;
	}

.inline_v_menu dt {
	cursor: pointer;
	padding:0.2em 0;
	text-align: center;
	font-weight: bold;
	font-size:1em;
	}

.inline_v_menu li a,
.inline_v_menu dt a {
	text-decoration: none;
	display: block;
	border: 0 none;
	height: 100%;
}
	
/* Fin de la MECANIQUE (NE PAS MODIFIER!!!) */

/* pas de marge sur les menu */
#area_top ul, #area_left ul, #area_ileft ul, #area_right ul, #area_iright ul,
#area_top li, #area_left li, #area_ileft li, #area_right li, #area_iright li { display: block; margin: 0; padding: 0; list-style-type: none; text-align: justify; }

/* --- début MENU HAUT contextuel à ce qu'on veut faire sur le site --- */
/* non touché par gwen ;-) */
#popup_menu1 {
	padding: 0;
	margin: 0;
	border: 0;
	float: left;
	width: 803px;
}

#popup_menu1 ul,
#popup_menu1 li { list-style: none; display: block; }

#popup_menu1 .menu_top { display: none; }
#popup_menu1 .menu_bottom { display: none; }
#popup_menu1 .menu_title { display: none; }

#popup_menu1 ul, #popup_menu1 ul li { padding: 0; margin: 0; border: 0; }

#popup_menu1 a {}
#popup_menu1 a span { }
	
#menu_106_root a {
		display: block;
		height: 135px;
		width: 200px;
		background: #fff url(../images/menuhaut_1.gif) no-repeat;
}
#menu_106_root a span { display: none; }

#menu_113_root a {
		display: block;
		height: 135px;
		width: 202px;
		background: #fff url(../images/menuhaut_2.gif) no-repeat;
}
#menu_113_root a span { display: none; }

#menu_4272_root a {
		display: block;
		height: 135px;
		width: 198px;
		background: #fff url(../images/menuhaut_3.gif) no-repeat;
}
#menu_4272_root a span { display: none; }

#menu_4273_root a {
		display: block;
		height: 135px;
		width: 203px;
		background: #fff url(../images/menuhaut_4.gif) no-repeat;
}
#menu_4273_root a span { display: none; }

#popup_menu1 ul li ul {
		position: absolute;
		z-index: 200;
		height: 102px;
		_height: 106px;
		top: 29px;
		padding-top: 4px;
		display: block;
}
		
#popup_menu1 #menu_106_root  li ul { width: 198px; background: #ffcc00; margin-left: 1px; overflow: hidden; }                                                                                                            
#popup_menu1 #menu_113_root  li ul { width: 198px; background: #C6CD0F; margin-left: 2px; overflow: hidden; }                                                                                                            
#popup_menu1 #menu_4272_root li ul { width: 194px; background: #3777B0; margin-left: 2px; overflow: hidden; }                                                                                                            
#popup_menu1 #menu_4273_root li ul { width: 196px; background: #961E6E; margin-left: 2px; overflow: hidden; }                                                                                                            

#popup_menu1 ul li ul li {}	
	
#popup_menu1 ul li ul li a span { display: block; }
	
#popup_menu1 ul li ul li a {
		display: block;
		color: #fff;
		background: none;
		background: url(../images/menuhaut_puce.gif) no-repeat 7px 4px;
		height: 1%;
		padding: 1px 10px 1px 20px;
		width: 190px;
		}
#popup_menu1 ul li ul li a:hover { text-decoration: underline; }		
#popup_menu1 #menu_106_root  ul li a {  }
#popup_menu1 #menu_113_root  ul li a {  }
#popup_menu1 #menu_4272_root ul li a {  }
#popup_menu1 #menu_4273_root ul li a {  }
#popup_menu1 ul li ul li ul { display: none; }
	
/* --- FIN MENU HAUT contextuel à ce qu'on veut faire sur le site --- */

/*  Début Menu gauche contextuel  */

  .ilm a { display: block; margin: 0 0 0 0; height: 100%; overflow: hidden; text-align: left; }
	
	
	.ilm .menu_title { display: none; }
	
	.level0 a {
		display: block;
		overflow: hidden;
		padding: 3px 10px 3px 22px;
		border: 0;
		margin: 0;
		}
		.level1 a {
			padding: 2px 10px 2px 30px;
			font-weight: normal;
			text-align: left;
			font-size: 1em;
			background: none;	
			}
			
			.selected { font-weight: bold; }
			
	/*  L'institution */
	#submenu_7 .menu_top { display: block; height: 26px;background:url(../images/g_cont_1.gif) no-repeat 0 0; }
	#submenu_7 .menu_top span { display: none; }
  	#submenu_7 a:hover { text-decoration: underline; }
	#submenu_7 .level0 a {background:#FFCC00 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#FFF; }
		#submenu_7 .level0 a:hover {background:#FFCC00 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#fff; }
	#submenu_7 .level0 a.selected {background:#FFCC00 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#fff; }
		
	#submenu_7 .level1 a { background: none; background:#ffdb4d; color: #666; }
		#submenu_7 .level1 a:hover { background: none; background:#ffdb4d; color: #666; }
	#submenu_7 .level1 a.selected { font-weight: bold; background: none; background:#ffdb4d; color: #666; }

	/*  Fin Section L'institution */
	
	/*  Début Section 8 : Vivre l'agglo */
	#submenu_8 .menu_top { display: block; height: 26px;background:url(../images/g_cont_2.gif) no-repeat 0 0; }
	#submenu_8 .menu_top span { display: none; }
  	#submenu_8 a:hover { text-decoration: underline; }
	#submenu_8 .level0 a {background:#C6CD0F url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#FFF; }
		#submenu_8 .level0 a:hover {background:#C6CD0F url(../images/g_cont_puce.gif) no-repeat 8px 6px;color: #fff; }
	#submenu_8 .level0 a.selected {background:#C6CD0F url(../images/g_cont_puce.gif) no-repeat 8px 6px;color: #fff; }
		
	#submenu_8 .level1 a { background: none; background:#d7dc57; color: #666; }
		#submenu_8 .level1 a:hover { background: none; background:#d7dc57; color: #666; }
	#submenu_8 .level1 a.selected { font-weight: bold; background: none; background:#d7dc57; color: #666; }	
	/*  Fin Section  Vivre l'agglo */

	/*  Début Section 9 : Entreprendre */
	#submenu_9 .menu_top { display: block; height: 26px;background:url(../images/g_cont_3.gif) no-repeat 0 0; }
	#submenu_9 .menu_top span { display: none; }
  	#submenu_9 a:hover { text-decoration: underline; }
	#submenu_9 .level0 a {background:#3777B0 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#FFF; }
		#submenu_9 .level0 a:hover {background:#3777B0 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color: #fff; }
	#submenu_9 .level0 a.selected {background:#3777B0 url(../images/g_cont_puce.gif) no-repeat 8px 6px;color: #fff; }
		
	#submenu_9 .level1 a { background: none; background:#73a0c8; color: #666; }
		#submenu_9 .level1 a:hover { background: none; background:#73a0c8; color: #fff; text-decoration: underline; }
	#submenu_9 .level1 a.selected { font-weight: bold; background: none; background:#73a0c8; color: #fff; }			
	/*  Fin Section Entreprendre */

	/*  Début Section 10 : Agir pour l'environnement */
	#submenu_10 .menu_top { display: block; height: 26px;background:url(../images/g_cont_4.gif) no-repeat 0 0; }
	#submenu_10 .menu_top span { display: none; }
  	#submenu_10 a:hover { text-decoration: underline; }
	#submenu_10 .level0 a {background:#961E6E url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#FFF; }
		#submenu_10 .level0 a:hover {background:#961E6E url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#fff; }
	#submenu_10 .level0 a.selected {background:#961E6E url(../images/g_cont_puce.gif) no-repeat 8px 6px;color:#fff; }
		
	#submenu_10 .level1 a { background: none; background:#b6629a; color: #fff; }
		#submenu_10 .level1 a:hover { background: none; background:#b6629a; color: #fff; }	
	#submenu_10 .level1 a.selected { font-weight: bold; background: none; background:#b6629a; color: #fff; }
	/*  Fin Section Agir pour l'environnement */
	/* rubriques */

/*  Fin Menu gauche contextuel */

/*  Début Menu gauche non contextuel - Services pratiques */
#area_left #menu3 { padding: 0; margin: 20px 0 0 0; border: 0; background: #EAEAEA; text-align: left; }

		#menu3 .menu_top { padding: 3px 11px;  background: #EAEAEA url(../images/menu3_haut_bgd.gif) 0 0; margin: 0; }
		#menu3 .menu_title { font-family: Tahoma; font-size: 1.6em; }	
			
		#menu3 ul, #menu3 li { text-align: left; }

		#menu3 a {
			text-align: left;
			display: block;
			padding: 4px 10px 4px 20px;
			background: url(../images/services_pratiques_puce.gif) no-repeat 6px 5px;
			color: #333;
			text-align: left;
			}
			#menu3 a span { text-align: left; }
		#menu3 a:hover { color: #FF6633; background: url(../images/services_pratiques_puceo.gif) no-repeat 6px 5px; }

		#menu3 .menu_bottom { display: none; }
/*  Fin Menu gauche non contextuel - Services pratiques */