/************************
*        Menu v1        *
************************/

div#mainmenu {
	margin: 0px 0px -10px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	padding: 0px;
}

div#mainmenu .mootoolstabs_block .mootoolstabs_titre_bg {
	margin: 0px 0px 0px 0px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	padding: 10px 0px 0px 10px; /* 1=haut, 2=droite, 3=bas, 4=gauche */
	height: 21px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
	cursor: pointer;
	background-repeat: repeat-x;
	background-position: top left;	

}

div#mainmenu .mootoolstabs_block#bleu1 .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_bleu1.png );
}

div#mainmenu .mootoolstabs_block#vert .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_vert.png );
}

div#mainmenu .mootoolstabs_block#violet .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_violet.png );
}

div#mainmenu .mootoolstabs_block#orange .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_orange.png );
}

div#mainmenu .mootoolstabs_block#rouge .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_rouge.png );
}

div#mainmenu .mootoolstabs_block#bleu2 .mootoolstabs_titre_bg {
   	background-image: url( images/ac_menu_bleu2.png );
}

div#mainmenu ul {
	margin: 8px 0px 8px 0px;
	padding: 0px;
	z-index: 100;
}

div#mainmenu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	width: 100%;
	vertical-align: middle;
}

div#mainmenu li.actuel {
	display: inline;
	list-style: none;
	width: 100%;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: top left;	
}


div#mainmenu li a {
	font-size: 11px;
	color: #737373;
	text-decoration: none; 
	display: block;
	padding: 5px 0px 5px 8px;
}

div#mainmenu .mootoolstabs_block#bleu1 li a:hover, div#mainmenu #bleu1 li.actuel a {
	color: #6699cc;
}

div#mainmenu .mootoolstabs_block#bleu2 li a:hover, div#mainmenu #bleu2 li.actuel a {
	color: #6699cc;
}

div#mainmenu .mootoolstabs_block#vert li a:hover, div#mainmenu #vert li.actuel a {
	color: #88b262;
}

div#mainmenu .mootoolstabs_block#orange li a:hover, div#mainmenu #orange li.actuel a {
	color: #feb400;
}

div#mainmenu .mootoolstabs_block#violet li a:hover, div#mainmenu #violet li.actuel a {
	color: #a97ab3;
}

div#mainmenu .mootoolstabs_block#rouge li a:hover, div#mainmenu #rouge li.actuel a {
	color: #ae3427;
}

/************************
*        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 .menu_informer {
   	background: transparent url('images/ac_menu_sinformer.png') no-repeat;
}
.navigation .menu_vivre {
  	background: transparent url('images/ac_menu_vivre.png') no-repeat;
}
.navigation .menu_sortir {
   	background: transparent url('images/ac_menu_sortir.png') no-repeat;
}
.navigation .menu_decouvrir {
   	background: transparent url('images/ac_menu_decouvrir.png') no-repeat;
}
.navigation .menu_entreprendre {
  	background: transparent url('images/ac_menu_entreprendre.png') no-repeat;
}
.navigation .menu_ville {
  	background: transparent url('images/ac_menu_mairie.png') no-repeat;
}
.navigation .menu_agglo {
  	background: transparent url('images/ac_menu_agglo.png') no-repeat;
}
.navigation .menu_webtv {
  	background: transparent url('images/ac_menu_sinformer.png') no-repeat;
}
.navigation .menu_webtv_sel {
  	background: transparent url('images/ac_menu_agglo.png') no-repeat;
}

.navigation .menu_a_voir {
	color: #737373;
	margin-top: 8px;
}
.navigation .titre_a_voir {
	background-color: #eeefef;
	color: #5478a1;
	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;
}

/**********************************
*        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/ac_sous_menu_titre_index.png') no-repeat;
   	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/ac_sous_menu_top_sinformer.png') no-repeat;
}
.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/ac_sous_menu_bottom_sinformer.png') no-repeat;
}

.sous-menu .vivre .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_vivre.png') no-repeat;
}
.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/ac_sous_menu_bottom_vivre.png') no-repeat;
}


.sous-menu .sortir .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_sortir.png') no-repeat;
}
.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/ac_sous_menu_bottom_sortir.png') no-repeat;
}


.sous-menu .decouvrir .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_decouvrir.png') no-repeat;
}
.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/ac_sous_menu_bottom_decouvrir.png') no-repeat;
}

.sous-menu .entreprendre .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_entreprendre.png') no-repeat;
}
.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/ac_sous_menu_bottom_entreprendre.png') no-repeat;
}

.sous-menu .ville .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_mairie.png') no-repeat;
}
.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/ac_sous_menu_bottom_mairie.png') no-repeat;
}

.sous-menu .agglo .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_agglo.png') no-repeat;
}
.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/ac_sous_menu_bottom_agglo.png') no-repeat;
}



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

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

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

.navigation_max .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_max .sous-menu .colonne .titre_colonne {
   	background-color: #c1c1c1;
	padding: 4px 8px;   	
   	font-size: 12px;
   	font-weight: bold;
   	color: #4c5563;
}

.navigation_max .sous-menu .informer .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_sinformer.png') no-repeat;
}
.navigation_max .sous-menu .informer .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_sinformer.png') repeat-y;
}
.navigation_max .sous-menu .informer .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_sinformer.png') no-repeat;
}

.navigation_max .sous-menu .vivre .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_vivre.png') no-repeat;
}
.navigation_max .sous-menu .vivre .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_vivre.png') repeat-y;
}
.navigation_max .sous-menu .vivre .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_vivre.png') no-repeat;
}


.navigation_max .sous-menu .sortir .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_sortir.png') no-repeat;
}
.navigation_max .sous-menu .sortir .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_sortir.png') repeat-y;
}
.navigation_max .sous-menu .sortir .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_sortir.png') no-repeat;
}


.navigation_max .sous-menu .decouvrir .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_decouvrir.png') no-repeat;
}
.navigation_max .sous-menu .decouvrir .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_decouvrir.png') repeat-y;
}
.navigation_max .sous-menu .decouvrir .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_decouvrir.png') no-repeat;
}

.navigation_max .sous-menu .entreprendre .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_entreprendre.png') no-repeat;
}
.navigation_max .sous-menu .entreprendre .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_entreprendre.png') repeat-y;
}
.navigation_max .sous-menu .entreprendre .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_entreprendre.png') no-repeat;
}

.navigation_max .sous-menu .ville .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_mairie.png') no-repeat;
}
.navigation_max .sous-menu .ville .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_mairie.png') repeat-y;
}
.navigation_max .sous-menu .ville .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_mairie.png') no-repeat;
}

.navigation_max .sous-menu .agglo .sous-menu-top {
   	background: transparent url('images/ac_sous_menu_top_agglo.png') no-repeat;
}
.navigation_max .sous-menu .agglo .sous-menu-content {
   	background: transparent url('images/ac_sous_menu_content_agglo.png') repeat-y;
}
.navigation_max .sous-menu .agglo .sous-menu-bottom {
   	background: transparent url('images/ac_sous_menu_bottom_agglo.png') no-repeat;
}
