/* CSS Contenant tous les styles des menus et bandeau du haut de la page */

.menu_outils
{
	height:27px;
	/* background-image:url("Menu/outils_fond.jpg"); */
	font-size:1px; letter-spacing:-500px;


color:#FEF0E2;
text-decoration:none;
}

.menu_outils a, .menu_outils a:hover, .menu_outils a:visited, .menu_outils a:link{

	color:#FEF0E2;
	background-repeat:no-repeat;
	text-decoration:none;
	float: left;
	display: block; 
}

/* #FEF0E2; */

.menu_principal
{
	margin:0;
	height:44px;
text-decoration:none;
}

.menu_principal a, .menu_principal a:hover, .menu_principal a:visited, .menu_principal a:link
{
	background-repeat:no-repeat;
	float: left;
	display: block;
	text-decoration:none;
	color:#F6F6F6;
	
}


/* #F6F6F6 */

.bandeau_milieu
{
	height:80px;padding:0px;
}

/* --------------------------------------------------------------------*/
/*          liens multi colonnes                             		   */
/* --------------------------------------------------------------------*/

div.lienMenu2Colonnes
{
	width:220px;
	float:left;
	display:inline-block;
} 


div.lienMenu3Colonnes
{
	width:135px;
	float:left;
	padding-bottom:5px;
	display:inline;
} 


.lienMenu2Colonnes a
{
}

/* --------------------------------------------------------------------*/
/*          menu fonctions en haut de la page                          */
/* --------------------------------------------------------------------*/

a.accessibilite
{
	width: 112px;
	height: 27px; 
	background-image:url("Menu/outils_accessibilite.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}
				

a.favoris
{
	width: 126px;
	height: 27px; 
	background-image:url("Menu/outils_favoris.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.ecrire
{
	width: 104px;
	height: 27px; 
	background-image:url("Menu/outils_ecrire.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px; }


a.imprimer
{
	width: 100px;
	height: 27px; 
	background-image:url("Menu/outils_imprimer.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.infoslegales
{
	width: 112px;
	height: 27px; 
	background-image:url("Menu/outils_infos_legales.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.plansite
{
	width: 105px;
	height: 27px; 
	background-image:url("Menu/outils_plan_site.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.presse
{
	width: 87px;
	height: 27px; 
	background-image:url("Menu/outils_presse.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}


a.facebook
{
	width: 19px;
	height: 27px; 
	background-image:url("Menu/outils_facebook.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.netvibes
{
	width: 23px;
	height: 27px; 
	background-image:url("Menu/outils_netvibes.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.twitter
{
	width: 23px;
	height: 27px; 
	background-image:url("Menu/outils_twitter.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.dm
{
	width: 23px;
	height: 27px; 
	background-image:url("Menu/outils_dm.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}
/* --------------------------------------------------------------------*/
/*                         langues                                     */
/* --------------------------------------------------------------------*/

a.english
{
	width: 87px;
	height: 27px; 
	background-image:url("Menu/langue_en.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.francais
{
	width: 26px;
	height: 27px; 
	background-image:url("Menu/langue_fr.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.deutsch
{
	width: 25px;
	height: 27px; 
	background-image:url("Menu/langue_de.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}


/* --------------------------------------------------------------------*/
/*                      4. menu principal                              */
/* --------------------------------------------------------------------*/


.menu_principal a.decouvrir, .menu_principal a:hover.decouvrir, .menu_principal a:visited.decouvrir
{
	color:#0066AA;
	text-decoration:none;
	width: 73px;
	height: 44px; 
	background-image:url("Menu/menu_decouvrir.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

.menu_principal a.magazines, .menu_principal a:hover.magazines, .menu_principal a:visited.magazines
{
	color:#0066AA; 
	width: 73px;
	height: 44px; 
	background-image:url("Menu/menu_magazines.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.deplacement
{
	width: 72px;
	height: 44px; 
	background-image:url("Menu/menu_deplacement.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.environnement
{
	width: 86px;
	height: 44px; 
	background-image:url("Menu/menu_environnement.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.urbanisme
{
	width: 63px;
	height: 44px; 
	background-image:url("Menu/menu_urbanisme.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.culture
{
	width: 50px;
	height: 44px; 
	background-image:url("Menu/menu_culture.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.sport
{
	width: 48px;
	height: 44px; 
	background-image:url("Menu/menu_sport.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.enseignement
{
	width: 79px;
	height: 44px; 
	background-image:url("Menu/menu_enseignement.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.social
{
	width: 45px;
	height: 44px; 
	background-image:url("Menu/menu_social.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.jeunesse
{
	width: 56px;
	height: 44px; 
	background-image:url("Menu/menu_jeunesse.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.seniors
{
	width: 51px;
	height: 44px; 
	background-image:url("Menu/menu_seniors.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.economie
{
	width: 59px;
	height: 44px; 
	background-image:url("Menu/menu_economie.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}

a.international
{
	width: 80px;
	height: 44px; 
	background-image:url("Menu/menu_international.jpg");
	font-size:1px; letter-spacing:-500px;


                padding-top:2px;}
/* --------------------------------------------------------------------*/
/*                      menu territoire                                */
/* --------------------------------------------------------------------*/

div .communes
{
	height: 20px; 
	display:block;
}

a.communes
{
	background-image:url("images/ico_commune.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:8px;
	padding-bottom:10px;
}

div .quartiers
{
	height: 20px; 
	display:block;
}

a.quartiers
{
	background-image:url("images/ico_quartier.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:8px;
	padding-bottom:10px;
}



/* --------------------------------------------------------------------*/
/*                      menu pratique                                  */
/* --------------------------------------------------------------------*/
.div bloc_pratique
{
	
}

a.plandeville
{
	
	float: left;
	background-image:url("images/ico_plan_ville.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-right:3px;
height:18px;
width:40%;

}

a.qualiteair
{
	
	float: left;
	background-image:url("images/ico_qualite_eau.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-right:3px;
margin-bottom:6px;
height:18px;
width:40%;
}

a.qualiteeau
{
	
	float: left;
	background-image:url("images/ico_qualite_eau.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-right:3px;
height:18px;
width:40%;
}

a.meteo
{
	
	float: left;
	background-image:url("images/ico_meteo.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-bottom:5px;
	margin-left:10px;
	margin-right:3px;

height:18px;
}

a.marches
{
	
	float: left;
	background-image:url("images/ico_marche.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
height:18px;

}

a.travaux
{
	
	float: left;
	background-image:url("images/ico_travaux.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
height:18px;

}

a.hotels
{
	
	float: left;
	background-image:url("images/ico_resto.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
margin-bottom:3px;
height:18px;
}

a.pharmacies
{
	
	float: left;
	background-image:url("images/ico_pharma.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
height:18px;

}


a.webcam
{
	width:30%;
	float: left;
	background-image:url("images/ico_webcam.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;

height:18px;

}

a.urgences
{
	
	float: left;
	background-image:url("images/ico_num.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
height:18px;

}

a.trafic
{
	
	float: left;
	background-image:url("images/ico_traffic.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:10px;
	margin-bottom:5px;
	margin-right:3px;
height:18px;

}

a.cimetieres
{
	
	float: left;
	background-image:url("images/ico_cimetiere.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:12px;
	margin-bottom:5px;
	margin-right:5px;
height:18px;

}

a.piscines
{
	
	float: left;
	background-image:url("images/ico_piscine.gif");
	background-repeat:no-repeat;
	padding-left:20px;
	margin-left:12px;
	margin-bottom:5px;
	margin-right:5px;
	margin-top:5px;
height:18px;

}

/* --------------------------------------------------------------------*/
/*          menu "Se déplacer"                                         */
/* --------------------------------------------------------------------*/

a.tram
{
	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/tram.gif);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.bus
{
	padding-right:5px;
	padding-bottom:5px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/bus.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.voiture
{ 
	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/voiture.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.velo
{
	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/velo.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.train
{
	padding-right:5px;
	padding-bottom:5px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block; 
	width: 130px;
	height: 50px; 
	background-image:url(images/train.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.tramtrain
{
	padding-right:5px;
	padding-bottom:5px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block; 
	width: 130px;
	height: 50px; 
	background-image:url(images/tramtrain.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.bateau
{

	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/bateau.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
	vertical-align:middle;
}

a.avion
{
	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	vertical-align:middle;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/avion.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

a.marche
{
	line-height:20px;
	padding-right:5px;
	padding-bottom:-20px;
	padding-top:20px;
	display:inline-block;
	width: 130px;
	height: 50px; 
	background-image:url(images/marche.jpg);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	text-indent:55px;
}

/* --------------------------------------------------------------------*/
/*          menu "Communes"                                            */
/* --------------------------------------------------------------------*/

/* a.bischheim
{
	padding-right:5px;
	vertical-align:middle;
	display:inline-block;
	width: 100px;
	height: 100px; 
	background-image:url(communes/bischheim.jpg);
	background-repeat:no-repeat;
}

a.blaesheim
{
	padding-right:5px;
	vertical-align:middle;
	display:inline-block;
	width: 100px;
	height: 100px; 
	background-image:url(communes/blaesheim.jpg);
	background-repeat:no-repeat;
}

a.eckbolsheim
{
	padding-right:5px;
	vertical-align:middle;
	display:inline-block;
	width: 100px;
	height: 100px; 
	background-image:url(communes/Eckbolsheim.jpg);
	background-repeat:no-repeat; 
}

*/
/* --------------------------------------------------------------------*/
/*                      menus dynamiques                               */
/* --------------------------------------------------------------------*/

.menu_sedeplacer {
	float:left; 
	position:relative; 
	top:-80px;
	width:300px;
	text-align:left;
	font-size:0.8em;
}

.menu_dynamique
{
	border-color:#707070;
	border-style:solid;
	border-width:1px;
	width:auto;
	padding:5px 5px 5px 5px;
	font-size: 0.625em;
}

.transparent
{
        display: none; 
}


/* -------------------  Sommaire Gauche de rubrique --------------------------------------*/
/* ------------------------ Niveau 1 ----------------------------------*/

.dynamique_niveau1 a
{
	font-weight:normal;
	text-decoration:none;
	font-size:1.10em;
}

.dynamique_niveau1 a:hover
{
	color:#000000;
	text-decoration:none;
}


.dynamique_niveau1
{
	margin:0px 5px 0px 5px;
}

.dynamique_selection_niveau1
{
	margin:0px 5px 0px 5px;

}

a.dynamique_selection_niveau1
{
	text-decoration:none;
	font-style:normal;
	font-size:1.10em;
	font-weight:bold;
	color:#FF6F23;
	
}


.dynamique_selection_niveau1 a:hover
{
	color:#000000;
}



/* ------------------------ Niveau 2 ----------------------------------*/

.dynamique_niveau2
{
	margin:0px 5px 0px 15px;
}

 a.dynamique_niveau2
{
	font-size:1.05em;
	font-weight:normal;
	text-decoration:none;
}

.dynamique_selection_niveau2
{
	margin:0px 5px 0px 15px;

}

a.dynamique_selection_niveau2 
{
	font-style:normal;
	font-weight:bold;
	color:#FF6F23;
}

.dynamique_selection_niveau2 a:hover
{
	color:#000000;
}



/* -------------------  Accueil de rubrique --------------------------------------*/
/* ------------------------ Niveau 1 ----------------------------------*/

#content .dynamique_niveau1 a
{
	font-weight:normal;
	text-decoration:none;
	font-size:0.75em;
}

#content .dynamique_niveau1 a:hover
{
	color:#000000;
	text-decoration:none;
}


#content .dynamique_niveau1
{
	margin:0px 15px 0px 5px;
}

#content .dynamique_selection_niveau1
{
	margin:0px 15px 0px 5px;
}

#content a.dynamique_selection_niveau1
{
	text-decoration:none;
	font-style:normal;

	font-weight:bold;
	
}

#content .dynamique_selection_niveau1 a:hover
{
	color:#000000;
}



/* ------------------------ Niveau 2 ----------------------------------*/

#content .dynamique_niveau2
{
	margin:0px 15px 0px 10px;

}

#content  a.dynamique_niveau2
{
	font-size:0.75em;
	font-weight:normal;
	text-decoration:none;
}

#content .dynamique_selection_niveau2
{
	margin:0px 15px 0px 10px;
}

#content .dynamique_selection_niveau2 a
{
	font-style:normal;
	font-weight:bold;

}

#content #content .dynamique_selection_niveau2 a:hover
{
	color:#EE3C75;
}
/* ------------------------ Niveau 1 ----------------------------------*/

.dynamique_niveau3 a
{
	background-image:none;
	background-repeat:no-repeat;
	vertical-align:middle;
	background-position:0px 0px;
	padding-left:0px;
}

.dynamique_niveau3 div
{
	padding:5px 5px 5px 5px;
}

/* ------------------------ ???? ----------------------------------*/

a.liens_transparents
{
        display: none; 
}


div.menuPageSimple
{
	padding-left:5px;
	display:inline-block;
	float:left;
	width:125px;
}