a{
	cursor:pointer;
	text-decoration:none;
}

.menu_deroulant ul li{
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

.menu_deroulant ul li img{
	position:absolute;
	margin-top:8px;
}

.menu_deroulant ul li span{
	padding-left:16px;
	display:block;
	font-family:'Century Gothic',verdana,arial,helvetica,sans-serif;
	font-size:12px;
	
	
	
}

*+html #ssmenu_rubrique_01 ul li,
*+html #ssmenu_rubrique_02 ul li,
*+html #ssmenu_rubrique_03 ul li,
*+html #ssmenu_rubrique_04 ul li{
	margin-top:-3px;
}


* html #ssmenu_rubrique_01 ul li,
* html #ssmenu_rubrique_02 ul li,
* html #ssmenu_rubrique_03 ul li,
* html #ssmenu_rubrique_04 ul li{
	margin-top:-3px;
}



div#bandeau_menu div ul li.last_patch_ie{
	display:none;
}

#ssmenu_rubrique_01 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;

}

#ssmenu_rubrique_01  ul li:hover ul, #ssmenu_ ul li.sfhover ul{
	left:219px;
	margin-top:-20px;
	
	
}

#ssmenu_rubrique_02 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
}

#ssmenu_rubrique_02 ul li:hover ul, #ssmenu_rubrique_02 ul li.sfhover ul{
	left:219px;
	margin-top:-20px;
}

#ssmenu_rubrique_03 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
}

#ssmenu_rubrique_03 ul li:hover ul, #ssmenu_rubrique_03 ul li.sfhover ul{
	left:219px;
	margin-top:-20px;
}

#ssmenu_rubrique_04 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
}

#ssmenu_rubrique_04 ul li:hover ul, #ssmenu_rubrique_04 ul li.sfhover ul{
	left:-219px;
	margin-top:-20px;
}



/* ------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#navMenuDeroulantCSS{
	text-align:left;
}

#navMenuDeroulantCSS li {
	float: left;
	width: 10em;
	
}

#navMenuDeroulantCSS, #navMenuDeroulantCSS ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navMenuDeroulantCSS li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#navMenuDeroulantCSS a {
	display: block;
	width: 10em;
	text-decoration:none;
}

#navMenuDeroulantCSS li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#navMenuDeroulantCSS li:hover ul {
	left: auto;
}

#navMenuDeroulantCSS li:hover ul, #navMenuDeroulantCSS li.sfhover ul {
	left: auto;
}

#navMenuDeroulantCSS li{
	background-color:#6633FF;
}

#navMenuDeroulantCSS li:hover{
	background-color:#6699FF;
}

#navMenuDeroulantCSS li ul li{
	background-color:#00FFCC;
}

#navMenuDeroulantCSS li ul li:hover{
	background-color:#99FF00;
}

/* Second niveau: */
#navMenuDeroulantCSS li ul ul {
	margin: -1em 0 0 10em;
}

#navMenuDeroulantCSS, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#navMenuDeroulantCSS li:hover ul ul, #navMenuDeroulantCSS li.sfhover ul ul {
	left: -999em;
}

#navMenuDeroulantCSS li:hover ul ul, #navMenuDeroulantCSS li:hover ul ul ul, #navMenuDeroulantCSS li.sfhover ul ul, #navMenuDeroulantCSS li.sfhover ul ul ul {
	left: -999em;
}

#navMenuDeroulantCSS li:hover ul, #navMenuDeroulantCSS li li:hover ul, #navMenuDeroulantCSS li li li:hover ul, #navMenuDeroulantCSS li.sfhover ul, #navMenuDeroulantCSS li li.sfhover ul, #navMenuDeroulantCSS li li li.sfhover ul {
	left: auto;
}

#navMenuDeroulantCSS li ul li a:hover {
	background-color:#99FF00;
	display:block;

}










div#bandeau_menu div ul{
	/* background-color:#AAAAAA; */
		
}

div#bandeau_menu div ul li.last_patch_ie{
	display:none;
}

#ssmenu_ ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
	

}

#ssmenu_ ul li:hover ul, #ssmenu_ ul li.sfhover ul{
	left:219px;
	margin-top:-20px;
}






#ssmenu_rubrique_01 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
	
}


#ssmenu_rubrique_01 ul li a,
#ssmenu_rubrique_02 ul li a,
#ssmenu_rubrique_03 ul li a,
#ssmenu_rubrique_04 ul li a
{
	width:240px;
	line-height:22px;
}


#ssmenu_rubrique_01 ul li:hover ul, #ssmenu_rubrique_01 ul li.sfhover ul{
	left:220px;
	margin-top:-22px;	
	border-left:2px solid #FFFFFF;
	
}




#ssmenu_rubrique_02 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
	
}

#ssmenu_rubrique_02 ul li:hover ul, #ssmenu_rubrique_02 ul li.sfhover ul{
	left:220px;
	margin-top:-22px;	
	border-left:2px solid #FFFFFF;
}

#ssmenu_rubrique_03 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
}

#ssmenu_rubrique_03 ul li:hover ul, #ssmenu_rubrique_03 ul li.sfhover ul{
	left:220px;
	margin-top:-22px;	
	border-left:2px solid #FFFFFF;
}

#ssmenu_rubrique_04 ul li ul{
	position:absolute;
	width:auto;
	left:-999em;
}

#ssmenu_rubrique_04 ul li:hover ul, #ssmenu_rubrique_04 ul li.sfhover ul{
	left:220px;
	margin-top:-22px;	
	border-left:2px solid #FFFFFF;
}



/* Second niveau: */
#navMenuDeroulantCSS li ul ul {
	margin: -1em 0 0 10em;
}

#navMenuDeroulantCSS, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#navMenuDeroulantCSS li:hover ul ul, #navMenuDeroulantCSS li.sfhover ul ul {
	left: -999em;
}

#navMenuDeroulantCSS li:hover ul ul, #navMenuDeroulantCSS li:hover ul ul ul, #navMenuDeroulantCSS li.sfhover ul ul, #navMenuDeroulantCSS li.sfhover ul ul ul {
	left: -999em;
}

#navMenuDeroulantCSS li:hover ul, #navMenuDeroulantCSS li li:hover ul, #navMenuDeroulantCSS li li li:hover ul, #navMenuDeroulantCSS li.sfhover ul, #navMenuDeroulantCSS li li.sfhover ul, #navMenuDeroulantCSS li li li.sfhover ul {
	left: auto;
}

#navMenuDeroulantCSS li ul li a:hover {
	background-color:#99FF00;
	display:block;
}





#ssmenu_rubrique_01 {
	position:absolute;	
	top:111px;
	left:50%;
	margin-left:-220px;	
	display:none;
	padding:0;
	z-index:2000;
	margin-top:0;
}

#ssmenu_rubrique_02 {
	position:absolute;
	/*top:141px;*/
	top:151px;
	left:50%;
	margin-left:-220px;		
	display:none;
	padding:0;
	z-index:2000;
}

#ssmenu_rubrique_03 {
	position:absolute;
	top:192px;
	left:50%;
	margin-left:-220px;			
	display:none;
	padding:0;
	z-index:2000;
}


#ssmenu_rubrique_04 {
	position:absolute;
	top:232px;;
	left:50%;
	margin-left:-220px;	
	display:none;
	padding:0;
	z-index:2000;
}








#ssmenu_ A, #ssmenu_ A:link, #ssmenu_ A:active, #ssmenu_ A:visited {
	padding:0px;
	margin:0px;
	text-align:left;
	background-color:#ffccff;
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:2px;	
	display:block;	
	color:#000000;	
	text-decoration: none;

}



	
.menu_deroulant ul li A{
	padding:0px;
	margin:0px;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	line-height:22px;
	display:block;
	color:#000000;	
	text-decoration: none;
}

.coul2 a:hover span,
.coul1 a:hover span{
	text-decoration:none;
	
}

.coul2 a:active span,
.coul1 a:active span,
.coul2 a:visited span,
.coul1 a:visited span{
	
	text-decoration:none;
}






.coul1{
	width:250px;
	background-image: url(../images/menu_ss_coul1.gif);
	height:22px;
	background-repeat:repeat-y;	
	background-color:#cdcdcd;
}
	
	
.coul2{
	width:250px;
	background-image: url(../images/menu_ss_coul2.gif);
	background-repeat:repeat-y;	
	background-color:#f6f6f6;
	height:22px;
}




#ssmenu_rubrique_01 A:hover {
	background-color:#2B4CCC;
	color:#ffffff;
	
	
	}

#ssmenu_rubrique_02 A:hover {
	background-color:#FFCE2D;
}

#ssmenu_rubrique_03 A:hover {
	background-color:#2B4CCC;
	color:#ffffff;

}

#ssmenu_rubrique_04 A:hover {
	background-color:#FFCE2D;
}


#bandeau_menu ul, #bandeau_menu ul li {

	padding:0px;
	z-index:2000;	
	margin-top:-1px;
	
}


#bandeau_menu ul li{
	list-style:none;	
	width:300px;	
	z-index:2000;
}




* html #bandeau_menu ul li{
	margin-bottom:-3px;
	margin-left:-1px;
	
}






* html #ssmenu_rubrique_01,
* html #ssmenu_rubrique_02,
* html #ssmenu_rubrique_03,
* html #ssmenu_rubrique_04,
* html #ssmenu_rubrique_05,
* html #ssmenu_rubrique_06,
* html #ssmenu_rubrique_07{
	margin-top:12px;
	
}

*+html #ssmenu_rubrique_01,
*+html #ssmenu_rubrique_02,
*+html #ssmenu_rubrique_03,
*+html #ssmenu_rubrique_04,
*+html #ssmenu_rubrique_05,
*+html #ssmenu_rubrique_06,
*+html #ssmenu_rubrique_07{
	margin-top:15px;
	margin-left:-221px;
	
}



#lien_menu_rubrique_01_img{
	
	background-image: url(../images/menu_mairie.jpg);
	background-repeat:no-repeat;	
	width:300px;
	height:40px;
	
}

a:hover #lien_menu_rubrique_01_img{	
	background-image: url(../images/menu_mairie_survol.jpg);
}



#lien_menu_rubrique_02_img{
	
	background-image: url(../images/menu_pratique1.jpg);
	background-repeat:no-repeat;	
	width:300px;
	height:40px;
}

a:hover #lien_menu_rubrique_02_img{	
	background-image: url(../images/menu_pratique_survol1.jpg);
}

#lien_menu_rubrique_03_img{
	
	background-image: url(../images/menu_notre_ville.jpg);
	background-repeat:no-repeat;	
	width:300px;
	height:40px;
}

a:hover #lien_menu_rubrique_03_img{	
	background-image: url(../images/menu_notre_ville_survol.jpg);
}

#lien_menu_rubrique_04_img{
	
	background-image: url(../images/menu_loisirs_tourisme1.jpg);
	background-repeat:no-repeat;	
	width:300px;
	height:40px;
}

a:hover #lien_menu_rubrique_04_img{	
	background-image: url(../images/menu_loisirs_tourisme_survol1.jpg);
}