/************************
*        Menu version 1        *
************************/
/*
.navigation {
	margin: 0px;
	padding: 0px;
}
.navigation a {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none; 
	display: block;
	padding: 10px 5px;
	height: 11px;
}
.navigation .menu_informer {
	background: transparent url('images/menu.png') no-repeat 0px 0px;
}
.navigation .menu_vivre {
	background: transparent url('images/menu.png') no-repeat 0px -35px;
}
.navigation .menu_sortir {
	background: transparent url('images/menu.png') no-repeat 0px -70px;
}
.navigation .menu_decouvrir {
	background: transparent url('images/menu.png') no-repeat 0px -105px;
}
.navigation .menu_entreprendre {
	background: transparent url('images/menu.png') no-repeat 0px -140px;
}
.navigation .menu_ville {
	background: transparent url('images/menu.png') no-repeat 0px -175px;
}
.navigation .menu_agglo {
	background: transparent url('images/menu.png') no-repeat 0px -210px;
}
.navigation .menu_webtv {
	background: transparent url('images/menu.png') no-repeat 0px -0px;
}
.navigation .menu_webtv_sel {
	background: transparent url('images/menu.png') no-repeat 0px -210px;
}

.navigation .menu_a_voir {
	color: #737373;
	margin-top: 8px;
}
.navigation .titre_a_voir {
	background-color: #eeefef;
	color: #5478a1;
   	font-size: 14px;
	font-weight: bold;
	padding: 4px 10px;
}
.navigation a.lien_a_voir  {
 	background: transparent url('images/puce_sous_menu.png') no-repeat 8px 11px;
	border-bottom: 1px dotted #8cb3d9;
	font-size: 11px;
	color: #737373;
	text-decoration: none;
	padding: 8px 0px 8px 20px;
 	height: auto;
}
.navigation a.lien_a_voir:hover {
	text-decoration: underline;
}

*/

/************************
*        Menu v2        *
************************/
 .navigation {
	margin: 0px;
	padding: 0px;
}
.navigation a {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 10px 5px;
	height: 11px;
}
 .navigation .lien_menu {
	font-size: 12px;
	font-weight: bold;
	color: #5478a1;
	text-decoration: none; 
	display: block;
	padding: 10px 10px;
	cursor: pointer;
	margin-bottom: 1px;
	height: 11px;
}
 .navigation .menu_informer {
	background: transparent url('images/menu2.png') no-repeat 0px 0px;
}
 .navigation .menu_vivre {
	background: transparent url('images/menu2.png') no-repeat 0px -35px;
}
 .navigation .menu_sortir {
	background: transparent url('images/menu2.png') no-repeat 0px -70px;
}
 .navigation .menu_decouvrir {
	background: transparent url('images/menu2.png') no-repeat 0px -105px;
}
 .navigation .menu_entreprendre {
	background: transparent url('images/menu2.png') no-repeat 0px -140px;
}
 .navigation .menu_ville {
	background: transparent url('images/menu2.png') no-repeat 0px -175px;
}
 .navigation .menu_agglo {
	background: transparent url('images/menu2.png') no-repeat 0px -210px;
}

 .navigation .menu_a_voir {
	margin-top: 12px;
	background-color: #8cb3d9;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}
 .navigation .titre_a_voir {
	background-color: #feb400;
	color: #5478a1;
   	font-size: 14px;
	font-weight: bold;
	padding: 8px 10px 5px 10px;
	border-top-right-radius: 5px; 
	border-top-left-radius: 5px; 
	-moz-border-radius-topright: 5px; 
	-moz-border-radius-topleft: 5px; 
	-webkit-border-top-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px; 
}
 .navigation a.lien_a_voir  {
 	background: transparent url('images/puce_sous_menu_blanche.png') no-repeat 8px 11px;
	border-top: 1px dotted #ffffff;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding: 6px 8px 6px 20px;
 	height: auto;
}
 .navigation a.lien_a_voir:hover {
	text-decoration: underline;
}

/* DEBUT  Bouton Actif - A virer */

 .navigation .lien_menu:hover {
	color: #ffffff;
}

 .navigation .menu_informer:hover, .navigation .menu_informer .select {
	background: transparent url('images/menu2.png') no-repeat 0px -500px;
	color:white;
}
 .navigation .menu_vivre:hover, .navigation .menu_vivre .select {
	background: transparent url('images/menu2.png') no-repeat 0px -535px;
	color:white;
}
 .navigation .menu_sortir:hover, .navigation .menu_sortir .select {
	background: transparent url('images/menu2.png') no-repeat 0px -570px;
	color:white;
}
 .navigation .menu_decouvrir:hover, .navigation .menu_decouvrir .select {
	background: transparent url('images/menu2.png') no-repeat 0px -605px;
	color:white;
}
 .navigation .menu_entreprendre:hover, .navigation .menu_entreprendre .select {
	background: transparent url('images/menu2.png') no-repeat 0px -640px;
	color:white;
}
 .navigation .menu_ville:hover, .navigation .menu_ville .select {
	background: transparent url('images/menu2.png') no-repeat 0px -675px;
	color:white;
}
 .navigation .menu_agglo:hover, .navigation .menu_agglo .select {
	background: transparent url('images/menu2.png') no-repeat 0px -710px;
	color:white;
}

.navigation .menu_webtv {
	background: transparent url('images/menu.png') no-repeat 0px -0px;
}
.navigation .menu_webtv_sel {
	background: transparent url('images/menu.png') no-repeat 0px -210px;
}

/* FIN Bouton Actif - A virer */

/**********************************
*        2nd niveau Normal        *
**********************************/
.sous-menu {
   	width: 716px;
   	padding: 0px;
   	margin-bottom: 10px;
	visibility:hidden;
	position:absolute;
	z-index:100;
	top:175px;
	left:230px;
}
.sous-menu .sous-menu-top {
   	height: 19px;
   	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 18px 0px 0px 20px;
	cursor:pointer;
}
.sous-menu .sous-menu-content {
	padding: 5px 0px 0px 2px;  	
	overflow:hidden;
}
.sous-menu .sous-menu-bottom {
   	height: 30px;
}
.sous-menu .colonne {
   	width: 168px;
   	height: auto;
   	float: left;
   	display: block;
   	margin-left: 8px;
   	margin-bottom: 2px;
   	font-size: 11px;
}
.sous-menu .colonne a {
   	font-size: 11px;
   	font-weight: normal;
   	color: #737373;
}
.sous-menu .colonne a:hover {
	text-decoration: none;
}

.sous-menu .colonne .titre_colonne {
   	background-color: #c1c1c1;
	padding: 5px 8px 4px 8px;
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;	
}
.sous-menu .colonne .titre_colonne a {
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;
}
.sous-menu .colonne .titre_colonne a:hover {
	text-decoration: none;
}

.sous-menu .colonne .titre_colonne_index {
	background: transparent url('images/menu.png') no-repeat 0px -245px;
   	height: 20px;
   	padding: 6px 8px;   	
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;
}
.sous-menu .ville .colonne .titre_colonne_index {
   	letter-spacing: -0.03em;
}
.sous-menu .colonne .titre_colonne_index a {
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;
}
.sous-menu .colonne .titre_colonne_index a:hover {
	text-decoration: none;
}
.sous-menu ul {
   	padding: 0px;
   	margin: 5px 0px 10px 20px;
}
.sous-menu li {
   	list-style-image: url('images/puce_sous_menu.png');
   	padding: 3px 0px 3px 0px;
	margin: 0px; 
}

.sous-menu .informer .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px 0px;
}
.sous-menu .informer .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_sinformer.png') repeat-y;
}
.sous-menu .informer .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -40px;
}
.sous-menu .vivre .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -80px;
}
.sous-menu .vivre .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_vivre.png') repeat-y;
}
.sous-menu .vivre .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -120px;
}
.sous-menu .sortir .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -160px;
}
.sous-menu .sortir .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_sortir.png') repeat-y;
}
.sous-menu .sortir .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -200px;
}
.sous-menu .decouvrir .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -240px;
}
.sous-menu .decouvrir .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_decouvrir.png') repeat-y;
}
.sous-menu .decouvrir .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -280px;
}
.sous-menu .entreprendre .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -320px;
}
.sous-menu .entreprendre .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_entreprendre.png') repeat-y;
}
.sous-menu .entreprendre .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -360px;
}
.sous-menu .ville .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -400px;
}
.sous-menu .ville .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_mairie.png') repeat-y;
}
.sous-menu .ville .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -440px;
}
.sous-menu .agglo .sous-menu-top {
	background: transparent url('images/menu.png') no-repeat -190px -480px;
}
.sous-menu .agglo .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_agglo.png') repeat-y;
}
.sous-menu .agglo .sous-menu-bottom {
	background: transparent url('images/menu.png') no-repeat -190px -520px;
}

/*******************************
*        2nd niveau Max        *
*******************************/

.navigation_flat {
   	width: 100%;
	margin: 2px;
}

.navigation_flat .sous-menu {
   	width: 720px;
   	padding: 0px;
   	margin-bottom: 10px;
   	margin-left: auto;
   	margin-right: auto;
	position:static;
	visibility:visible;
	cursor:auto;
}
.navigation_flat .sous-menu .sous-menu-top {
   	height: 19px;
   	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 18px 0px 0px 20px;
}
.navigation_flat .sous-menu .sous-menu-content {
	padding: 5px 0px 0px 2px;  	
}
.navigation_flat .sous-menu .sous-menu-bottom {
   	height: 30px;
}

.navigation_flat .sous-menu .colonne {
/*  width: 170px;  */
   	width: 168px;
   	height: auto;
   	float: left;
   	display: block;
/*  margin-left: 9px;  */
   	margin-left: 8px;
   	margin-bottom: 2px;
   	font-size: 11px;
   	color: #737373;
}

.navigation_flat .sous-menu .colonne .titre_colonne {
   	background-color: #c1c1c1;
	padding: 4px 8px;   	
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;
}