/* 
	MAIRIE DE PROVINS - CSS des menus 
	Patrick Hajzler
*/

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

/* ==MENU SUPERIEUR== */
#MenuSup {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	list-style-type: none;
}

#MenuSup li {
	width: 110px ; 
	float: left;
	margin-left: 2px; 
    color: #fff ; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 45px;
	background-repeat: no-repeat;
}

#MenuSup li a {
	display: block;
	color: #000;
	height: 45px;
	padding-top: 2px;
}

#MenuSup li a:hover {
	color: #000;
	background: url(../images/btn_over_2.gif) left top no-repeat ;
	height: 45px;
}

.MenuMini {
	line-height: 6px;
}

.MenuSport {
	background-image: url(../images/btn_sport_2.gif);
}

.MenuCulture {
	background-image: url(../images/btn_culture_2.gif);
}

.MenuEdu {
	background-image: url(../images/btn_enseignement_2.gif);
}

.MenuEnfance {
	background-image: url(../images/btn_enfance.gif);
}

.MenuSocial {
	background-image: url(../images/btn_social_2.gif);
}

.MenuLogement {
	background-image: url(../images/btn_logement.gif);
}

.MenuEnv {
	background-image: url(../images/btn_urbanisme_2.gif);
}

.MenuTourisme {
	background-image: url(../images/btn_tourisme.gif);
}

#CaseUl {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	list-style-type: none;
}

#CaseUl li {
	width: 284px ; 
	float: left;
	margin-left: 2px; 
	margin-right: 9px; 
    color: #fff ; 
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 40px;
	background-repeat: no-repeat;
}

#CaseUl li a {
	display: block;
	color: #FF6600;
	height: 25px;
	padding-top: 14px;
}

#CaseUl li a:hover {
	color: #333333;
	height: 25px;
	background-image: url(../accueil/images/case_hover.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.CaseLi {
	background-image: url(../accueil/images/case.gif);
}

.navigation {
	padding: 4px 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 200px;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
}


.navigation li {
	height: 100%;
    list-style-type: none;
}

.navigation a, .navigation span {
	width: 100%;
	float: left;
	padding: 4px 10px;
	color: #000;
	text-decoration: none;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
	height: 100%;
	color: #000;
	float: left;
	display: block;
}

.navigation .open a, .navigation .open span {
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
	color:  #999;
}

.navigation .subMenu {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	display: block;
}

.navigation ul.subMenu a {
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 3px;
	padding-left: 20px;
	color: #333333;
}

.navigation ul.subMenu a:hover {
	color:#999;
}

.NavigationPlan {
	width: 600px;
}
.NavigationFieldset {
	width: 470px;
}

.NavigationFieldset li {
	height: 100%;
    list-style-type: none;
}

.NavigationFieldset .subMenu {
	padding-left: 32px;
	padding-right: 20px;
	padding-bottom: 15px;
}
/**{
	margin:0;
	padding:0;
}*/
/*#menu{
	width:180px;
	margin:10px auto 0 auto;
}
.menu, .sousmenu{
	/*text-align:center;
}*/

/*.menu{
	height:18px;
	width:180px;
	padding:2px 0;
	color:#000;
}

.sousmenu{
	height:18px;
	width:180px;
	padding:1px 0;
	color:#000;
}

.menu a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

.sousmenu a{
	display:block;
	width:100%;
	height:100%;
	color:#000;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	margin-left: 10px;
}

.menu a:hover, .sousmenu a:hover, .menu a:active, .sousmenu a:active, .menu a:focus, .sousmenu a:focus{
	color:#cccccc;
}*/