body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111862;	
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
/*	line-height: 16px;
	color: #111111;*/
}
p {
	margin-top: 0px;
}

a:link {  font-family: Arial, Helvetica, sans-seriff; font-size: 10pt; color: #0066CC; text-decoration: none}
a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066CC; text-decoration: none}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt;color: #0066CC; text-decoration: underline}
a:active {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #0066CC; text-decoration: none}

.titre { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #FFAE00;
}


.small {
	font-family: Arial, sans-serif;
	font-size: 10px;
	color: #111111;
}

.references {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
	color:#FDBF00;
	font-weight:bold;
}
	
h1 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
h2 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
}
.h1 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
.h1bar {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	color: #CC0000;
}
.normal {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.horbartop {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.verbarleft {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	background-color: #F6F2E6;
}
.nav {
	font-family: Verdana, sans-serif;
	font-size: 11px;
}
.navdark {
	background-color: #F5F5F5;
}
.navblack {
	font-size: 10px;
	background-color: #F5F5F5;
	border-style: outset;
	border-width: 1px;
}
.navgreen {
	background-color: #839983;
}
.navdarkgreen {
	background-color: #839983;
}
.navred {
	background-color: #AA5859;
}
.navorange {
	background-color: #DF9500;
}
.preformatted {
	font-family: courier;
	font-size: 10pt;
}
.navmenu {
	color: #292929;
}
.formsearch {
	background-color: #FFFFFF;
	padding-left: 4px;
	border: #AAAAAA 1px solid;
	font-family: Arial, Helvetica, Geneva;
	font-size: 10px;
	color: #000000;
	width: 100px;
	margin:2px;
	height: 17px;
}
.lien_actif	{
	font-weight: bold;
}
/*.menu_niveau_0 {
	padding-left: 17px;
	background-image: url(images/fond_menu.gif);
	border-bottom: solid #D3D3D3 1px;
	height: 18px;
}
.menu_niveau_1 {
	font-size: 11px;
	padding-left: 25px;
	background-color: #F5F5F5;
	border-bottom: solid #D3D3D3 1px;
	height: 18px;
}
.menu_niveau_2 {
	padding-left: 35px;
	font-size: 11px;
	background-color: #EAEAEA;
	border-bottom: solid #CCCCCC 1px;
	height: 18px;
}
.menu_niveau_3 {
	font-size: 11px;
	padding-left: 55px;
	background-color: #D9D9D9;
	border-bottom: solid #CCCCCC 1px;
	height: 18px;
}
.menu_niveau_4 {
	font-size: 11px;
	padding-left: 65px;
	border-bottom: solid #ABCEDC 1px;
}
.menu_niveau_0_extranet {
	font-size: 11px;
	padding-left: 17px;
	border-bottom: solid #ABCEDC 1px;
	background-image: url(images/fond_menu_extra.gif);
	height: 18px;
}
.menu_niveau_1_extranet {
	font-size: 11px;
	padding-left: 25px;
	border-bottom: solid #ABCEDC 1px;
	background-image: url(images/fond_menu_extra.gif);
	height: 18px;
}
.menu_niveau_2_extranet {
	font-size: 11px;
	padding-left: 45px;
	border-bottom: solid #ABCEDC 1px;
	background-image: url(images/fond_menu_extra.gif);
	height: 18px;
	}*/
.plan_niveau_0 {
	background-image: url(images/point_bleu.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.plan_niveau_1 {
	background-image: url(images/point_bleu.gif);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: 20px;
}
.plan_niveau_2 {
	background-image: url(images/point_bleu.gif);
	background-repeat: no-repeat;
	background-position: 40px;
	padding-left: 60px;
}
.plan_niveau_3 {
	background-image: url(images/point_bleu.gif);
	background-repeat: no-repeat;
	background-position: 40px;
	padding-left: 80px;
}
.formlangue { 
	font-family: Arial, Helvetica, Geneva;
	font-size: 11px;
	width: 70px;
	height: 10px;
}
.select {
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin-top: 4px;
	width: 160px;
	background-color:#F2F2F2;
}



/*  AJout HEPTADES  */


/*  ------ Barre horizonthale de navigation ------ */
a.linkBanNav:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight:bold;}
a.linkBanNav:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight:bold;}
a.linkBanNav:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFF000; text-decoration: none; font-weight:bold;}
a.linkBanNav:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight:bold;}
span.linkBanNavActif {color: #FFF000;}
/* */

/*  ------ Haut de page ------ */
a.linkTop:link {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #377E45; text-decoration: none}
a.linkTop:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #377E45; text-decoration: none}
a.linkTop:hover {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;color: #377E45; text-decoration: none;}
a.linkTop:active {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #377E45; text-decoration: none}
/* */

/*  ------ Crédits ------ */
a.linkCredits:link {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none}
a.linkCredits:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none}
a.linkCredits:hover {font-family: Arial, Helvetica, sans-serif;font-size: 8pt;color: #ffffff; text-decoration: none;}
a.linkCredits:active {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none}
/* */

/*  ------ Accueil ------ */
a.linkAccueil:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #E7EEE6; text-decoration: none; font-weight:bold;}
a.linkAccueil:visited {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #E7EEE6; text-decoration: none; font-weight:bold;}
a.linkAccueil:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-decoration: none; font-weight:bold;}
a.linkAccueil:active {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #E7EEE6; text-decoration: none; font-weight:bold;}
/* */

/*  ------ Chemin de navigation ------ */
a.cheminHome:link { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;	color: #40489B; font-weight: normal; }
a.cheminHome:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #40489B; font-weight: normal; }
a.cheminHome:hover { font-family: Arial, Helvetica, sans-serif;	font-size: 8pt; color: #40489B; font-weight: normal; }
a.cheminHome:active { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #40489B; font-weight: normal; }

a.cheminLink:link { font-family: Arial, Helvetica, sans-serif; font-size: 8pt;	color: #40489B; font-weight: normal; }
a.cheminLink:visited { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #40489B; font-weight: normal; }
a.cheminLink:hover { font-family: Arial, Helvetica, sans-serif;	font-size: 8pt; color: #40489B; font-weight: normal; }
a.cheminLink:active { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #40489B; font-weight: normal; }

span.cheminFin { font-family: Arial, Helvetica, sans-serif;	font-size: 8pt; color: #549160; font-weight: normal; }
/* */

/* ------ Menu droite de navigation ------ */
.menuDroiteFondTab { /* Image de fond de la ville de Neuf-Brisach */
	background-image: url(images/bgmd.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.menuDroiteTab { /* Image de fond eclaircie pour simulé un alpha sur l'image de la ville */
	background-color: #F4F8F4;
	background-image: url(images/fondtab.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.bgmenuDroite {
	background-image: url(images/bg_point_2.gif);
	background-repeat: repeat;
}
/*
.menuDroiteTab td { Chaque TD contient une sous rubrique
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style:none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
*/

/* Liens des sous rubrique */
.menuDroiteTab td a:link {color: #377E45; font-weight:bold;}
.menuDroiteTab td a:visited {color: #377E45; font-weight:bold;}
.menuDroiteTab td a:hover {color: #377E45; font-weight:bold;}
.menuDroiteTab td a:active {color: #377E45; font-weight:bold;}

/*Niv 0*/
td.menu_niveau_0 {
	padding-left: 0px;
	background-image: url(images/puce_menu_0.gif);
	background-repeat:no-repeat;
	height:23px;
}
td.menu_niveau_0 a:link {font-size: 10pt; text-decoration: none}
td.menu_niveau_0 a:visited {font-size: 10pt; text-decoration: none}
td.menu_niveau_0 a:hover {font-size: 10pt; text-decoration: none}
td.menu_niveau_0 a:active {font-size: 10pt; text-decoration: none}

/*Niv 1*/
td.menu_niveau_1 {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(images/puce_menu_1.gif);
	background-repeat:no-repeat;
	background-position: 3 top;
}
td.menu_niveau_1 a:link {font-size: 10pt; text-decoration: none}
td.menu_niveau_1 a:visited {font-size: 10pt; text-decoration: none}
td.menu_niveau_1 a:hover {font-size: 10pt; color: #FFAE00; text-decoration: none}
td.menu_niveau_1 a:active {font-size: 10pt; text-decoration: none}

/*Niv 2*/
td.menu_niveau_2 {
	padding-left: 21px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(images/puce_menu_2.gif);	
	background-repeat:no-repeat;
	background-position: 10 top;		
	height:23px;	
}
td.menu_niveau_2 a:link {font-size: 8pt; color: #40489B; font-weight:normal; text-decoration: none}
td.menu_niveau_2 a:visited {font-size: 8pt; color: #40489B; font-weight:normal; text-decoration: none}
td.menu_niveau_2 a:hover {font-size: 8pt; color: #FFAE00; font-weight:normal; text-decoration: none}
td.menu_niveau_2 a:active {font-size: 8pt; color: #40489B; font-weight:normal; text-decoration: none}

/*Niv 3*/
td.menu_niveau_3 {
	padding-left: 29px;
	background-image: url(images/puce_menu_3.gif);	
	background-repeat:no-repeat;
	height:23px;		
}
td.menu_niveau_3 a:link {font-size: 6pt;}
td.menu_niveau_3 a:visited {font-size: 6pt;}
td.menu_niveau_3 a:hover {font-size: 6pt;}
td.menu_niveau_3 a:active {font-size: 6pt;}

/*Niv 4*/
td.menu_niveau_4 {
	padding-left: 39px;
	background-image: url(images/puce_menu_4.gif);	
	background-repeat:no-repeat;
	height:23px;		
}
td.menu_niveau_4 a:link {font-size: 7pt;}
td.menu_niveau_4 a:visited {font-size: 7pt;}
td.menu_niveau_4 a:hover {font-size: 7pt;}
td.menu_niveau_4 a:active {font-size: 7pt;}

tr.menuDroiteRubriqueActive { /* Fond blanc pour la rubrique active */
	background-color:#FFFFFF;
}
.menuDroiteTitre { /* Titre de la rubrique mere */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12pt;
	color: #40489B;
	padding : 25px 0px 0px 75px;
	background-image:url(images/htab.jpg);
}
/* */

/* ------ Formatage du contenu ------ */
.txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #111862;
}
td.txt {
    padding : 10px 15px 10px 45px;
}
/*td.txt:first-letter {
	font-size: 12pt;
	font-weight: bold;
	color: #FFC600;
}*/
td.txt p:first-letter {
	font-size: 11pt;
	font-weight: bold;
	color:#549160;
}
td.txt div:first-letter {
	font-size: 12pt;
	font-weight: bold;
	color: #FFC600;
}
td.txt .sous_titre { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color:#549160;
}
td.txt .sous_titre:first-letter {
	font-size: 11pt;
	font-weight: bold;
	color:#549160;
}
td.txt .commentaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #111862;	
}	
td.txt .commentaire:first-letter {
	font-size: 8pt;
	color: #111862;	
}	
ul.fleche li {
    list-style-image:url(images/puce02.gif);
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -20px 0px; PADDING-TOP: 0px;
}
ul.fleche li li {
    list-style-image:url(images/puce04.gif);
	font-style : normal;
}
ul li {
    list-style-image:url(images/puce04.gif);
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px -20px 0px; PADDING-TOP: 0px;
}
ul li li {
    list-style-image:url(images/puce04.gif);
	font-style : italic;
}
span.obligatoire {
    font-weight : bold;
	color: #9D0A0A;
	}
.note {
	font-style: italic;
	font-size: 8pt;
}
a.download:link { font-family: Arial, Helvetica, sans-serif; font-size: 10pt;	color: #9b1025; font-weight: bold; }
a.download:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #9b1025; font-weight: bold; }
a.download:hover { font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; color: #9b1025; font-weight: bold; }
a.download:active { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #9b1025; font-weight: bold; }
/* */

/* ------ Interface ------ */
.fondUEM {
	background-image: url(images/bguem.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
.fondUEM2 {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
}
.imgBanniere { /* Banniere oblique */
	background-image: url(images/bgban2.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

.pointGauche {
	border-right: 1px dashed #8B948C;	
}

.pointDroit {
	background-color: #E7EEE6;
	background-image: url(images/bg_point.gif);
}

a.hautpage {
    margin : 5px 20px 150px 45px;
	text-align:right;
}

.banniere { /* banniere contenant la barre de navigation horizonthale */
	background-image: url(images/bgmenuh.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.banniereBas { /* banniere de pied de page */
	background-image: url(images/bgmenub.gif);
	background-repeat: no-repeat;
	background-position: left;
}
/* */
.bordureTab {
	border: 1px solid #40489B;
}
.bgBordureTab1 {
	background-color: #40489B;
}
.bgBordureTab2 {
	background-color: #888DC1;
}
.bgBordureTab3 {
	background-color: #FFFFFF;
}
.txtTab {
	color:#FFFFFF;
	font-weight: bold;
}
.txtTab2 {
	color:#000000;
}
.bg_org {
	background-image: url(images/courbe.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.imgGauche {
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	float: left;
}
.imgDroite {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	float: right;
}
.bd_img {
	border: 2px solid #FFFFFF; }

.txtGauche {
	font-size: 8pt;
	color:#40489B;
	font-weight: bold;}

/* page d'accueil */

.zoneUEM{
 	background-image:url(images/bg_viereseau.gif);
	background-repeat:repeat;
	background-position:top right;
	padding:5px 5px 5px 5px;}
	
.bas {
	border-top: 1px solid #5BA080;
	border-bottom: 1px dashed #8B948C;
	background-image:url(images/bas_accueil.gif);
	background-position:top;
	background-repeat:no-repeat;}

.particuliers{
	background-image:url(images/bg_particuliers.gif);
		background-repeat:no-repeat;
		padding:20px 5px 5px 23px;}
		
.particuliers ul, .professionnels ul{
	padding: 0px;
	margin: 0px;
}

.particuliers li, .professionnels li{
	list-style-image: url(images/puce_accueil.gif);
	PADDING: 0px 0px 0px 5px;
	MARGIN: 5px 0px 5px 20px;}
		
.professionnels{
		background-image:url(images/bg_pro.gif);
		background-repeat:no-repeat;
		padding:20px 10px 5px 23px;}
		
.accueilDroiteTexte { 
	background-color: #F4F8F4;
	background-image: url(images/fondtab.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding:10px 10px 0px 0px;}
	
div.acces_pro{
	background:url(images/bg_espace_pro.gif) repeat-x;
	border:1px solid #FFF000;
	margin: 20px 55px 20px 0;
	padding: 5px;
	height:65px;
	}
	
div.acces_pro img{
	float:right;
	margin-left: 5px;
	}
	
div.acces_pro .spacer{
	clear:right;
	}