body 
{
	margin: 0;
	padding: 0;
	background-color: #C3C3C3;
	text-align: center;
}
.rattrappeHauteur
{
	clear: both;
	visibility: hidden;
}
/* DEBUT Structure Globale de la page */
#global
{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 969px;
	background-color: #f8f7f7;
	/*background-color: #9FA111;*/
}

#header
{
	width: 969px;
	background-color: #C3C3C3;
}
#tetiere1
{
	width: 969px;
	height:151px;
	position:relative;
}

#tetiere1_left
{
	position: absolute;
	top:0;
	left:0;
	
	width: 217px;
	height:151px;
	float: left;

}

#tetiere1_right
{
	position:absolute;
	top:0;
	left:217px;
	width: 752px;
}
#tetiere2
{
	position:relative;
	width: 969px;
	height:26px;
	margin:0px;
	padding:0px;
	
}
#tetiere2bis
{
	position:absolute;
	top:0;
	right:0;
	width: 172px;
	height: 26px;
	background-image: url(telephone_cite_de_mulhouse.gif);
}
#tetiere3
{
	position:relative;
	width: 969px;
	height: 19px;
	background-image: url(hdp_10.gif);
	background-repeat:repeat-x;
	/*border:1px solid black;*/
}

#tetiere4
{
	position:absolute;
	top:0;
	right:0;
	width: 172px;
	height: 19px;
	background-image: url(hdp_09.gif);
}

#colLeft
{
	width: 214px;
	float: left;
	background-image: url(fd_tab_04.gif);
	background-repeat: no-repeat;
	background-color: #9FA111;
}

#colRight
{
	margin-left: 214px;
	padding-left: 50px;
	padding-right: 50px;
	background-color: #f8f7f7;
	vertical-align: top;
}


/* FIN Structure Globale de la page */



/* DEBUT Définition des boutons */
a.bt-accueil
{
	display: block;
	width: 236px;
	height: 35px;
	background-image: url(accueil_cite_de_l_habitat.gif);
	background-repeat: no-repeat;
	float: left;
}
a.bt-accueil:hover
{
	background-image: url(accueil_cite_de_l_habitat_on.gif); /* source de l'image d'arrivée */
}
a.bt-search-cite
{
	display: block;
	width: 40px;
	height: 35px;
	/*background-image: url(hdp_06.gif);
	background-repeat: no-repeat;*/
	background-image: url(hdp_04_temp.gif);
	background-repeat: repeat-x;
	float: left;
}
a.bt-nav-hdp
{
	display: inline-block;
	background-image: url(sep_nav_top.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	line-height: 26px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
}
a.bt-nav-hdp:hover
{
	color: #000000;
}
a.bt-nav-hdp-on
{
	display: inline-block;
	background-image: url(sep_nav_top.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	line-height: 26px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
/* FIN Définition des boutons */




/* DEBUT Définition Bas de Page */

#footer
{
	width: 969px;
	height: 42px;
	line-height:24px;
	background-image: url(footer_01.gif);
	clear: both;
}

/*
#bdpTxt1
{
	width: 484px;
	margin-left: 30px;
	margin-top: 10px;
	vertical-align: middle;
	float: left;
}
#bdpTxt2
{
	width: 424px;
	margin-left: 484px;
	margin-right: 30px;
	margin-top: 10px;
	vertical-align: middle;
	text-align: right;
}
a.text-blanc-lien
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;	
}
a.text-blanc-lien:hover {
	color: #000000;
}
.text-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}
*/

.text-blanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

a.text-blanc-lien
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;	
}
a.text-blanc-lien:hover {
	color: #000000;
}
#bdpTxt1
{
	display:inline;
	width: 484px;
	height:42px;
	height:26px;
	margin-left:25px;
	/*
	margin-left: 30px;
	margin-top: 10px;
	*/
	float: left;
}
#bdpTxt2
{
	display:inline;
	float:right;
	height:26px;
	margin-right:25px;
	/*
	width: 405px;
	margin-left: 484px;
	margin-right: 30px;
	margin-top: 10px;
	vertical-align: middle;
	text-align: right;
*/
}
/* FIN Définition Bas de Page */




#cellImageSelectCite
{
	width: 174px;
	height: 35px;
	/*background-image: url(hdp_04.gif);*/
	background-image: url(hdp_04_temp.gif);
	float: left;
}
#cellSelectCite
{
	width: 130px;
	height: 35px;
	/*background-image: url(fd_tab_01.gif);*/
	background-image: url(hdp_04_temp.gif);
	float: left;
	text-align: center;
}

.DropDownCite
{
	margin-top: 10px;
	WIDTH: 115px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#DebAdresseCite
{
	width: 172px;
	height: 35px;
	background-image: url(mulhouse.gif);
	float: left;
}

#NavTop
{
	width: 797px;
	height: 26px;
	float: left;
	text-align: right;
	background-image: url(fd_tab_02.gif);
}

.fdtab03 {
	background-color: #F2F0F0;
	width:213px;
}



/* DEBUT Définition Nav */

a.link-nav-left_l1open
{
	display: block;
	background-image: url(dot_nv_l1open.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
	line-height: 24px;
	vertical-align: middle;
	width: 180px;
	background-color: #F2F0F0;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
}
.link-nav-left_l1open:hover {
	color: #A61A1A;
}
a.link-nav-left_l2close
{
	display: block;
	padding-left: 46px;
	vertical-align: middle;
	width: 167px;
	background-color: #F2F0F0;

	font-size: 7pt; 
	color: #a61a1a;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.link-nav-left_l2close:hover {
	color: #000000;
}
a.link-nav-left_l2open
{
	display: block;
	padding-left: 46px;
	vertical-align: middle;
	width: 167px;
	background-color: #F2F0F0;

	font-size: 7pt; 
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;	
}
.link-nav-left_l2open:hover {
	color: #A61A1A;
}
a.link-nav-left_l1close
{
	display: block;
	background-image: url(dot_nv_l1.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
	line-height: 24px;
	vertical-align: middle;
	width: 180px;
	background-color: #F2F0F0;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #a61a1a;
	text-decoration: none;
	font-size: 8pt;
}
.link-nav-left_l1close:hover {
	color: #000000;
}

.link-nav-allopen1
{
	display: block;
	background-image: url(dot_nv_l1.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	line-height: 24px;
	vertical-align: middle;
	width: 180px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #a61a1a;
	text-decoration: none;
	font-size: 8pt;
	text-align: left;
}
.link-nav-allopen2
{
	display: block;
	margin-left: 55px;
	line-height: 15px;
	vertical-align: middle;
	width: 180px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #a61a1a;
	text-decoration: none;
	font-size: 7pt;
	text-align: left;
}
/* FIN Définition Nav */



/* DEBUT Définition Box de Nav */


#headerBoxVoirEntreprise
{
	background-image: url(voir_entreprise.gif);
	background-repeat: no-repeat;
	width: 213px;
	height: 29px;
}
#headerBoxTrouverEntreprise
{
	background-image: url(trouver_entreprise_cite.gif);
	background-repeat: no-repeat;
	width: 213px;
	height: 51px;
}
.fondBox
{
	background-image: url(fd_tab_05.gif);
	width: 213px;
	height: 55px;
}
#footerBoxVoirEntreprise
{
	background-image: url(box_entreprises_02.gif);
	background-repeat: no-repeat;
	width: 213px;
	height: 29px;
}
#footerBoxTrouverEntreprise
{
	background-image: url(nv_search_02.gif);
	background-repeat: no-repeat;
	width: 213px;
	height: 19px;
}
a.lienBox
{
	font-size: 8pt;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
a.lienBox:hover
{
	color: #000000; 
}
.ptext-blanc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
a.advancedSearch
{
	display: block;
	width: 213px;
	height: 33px;
	background-image: url(nv_search_03.gif);
	background-repeat: no-repeat;
}
a.advancedSearch:hover
{
	background-image: url(nv_search_03o.gif);
}

/* FIN Définition Box de Nav */




/* DEBUT Définition Page de Contenu */
#content{
}
.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	list-style-image: url(puces.gif);
}
.H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
}
h1
{
	background-image: url(h1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
	padding-left: 20px;
	padding-bottom: 5px;
}
h2
{
	background-image: url(h2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F9010;
	list-style-image: url(puces.gif);
	font-weight: bold;
	text-decoration: none;	
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 23px;
}
h3
{
	background-image: url(h2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888888;
	list-style-image: url(puces.gif);
	font-weight: bold;
	text-decoration: none;	
	padding-left: 20px;
	padding-bottom: 5px;
	margin-left: 23px;
}
.link-nav-top {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
}
.link-nav-top:hover {
	color: #000000;
}

.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.actus {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	list-style-image: url(puces.gif);
}
.actuslink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A51919;
	list-style-image: url(puces.gif);
	font-weight: bold;
	text-decoration: none;
}
.actuslink:hover {
	color: #000000;
}
.fd-tab-actu02 {
	background-image: url(h_actus_04.gif);
	background-repeat: no-repeat;
	background-color: #FDFCFD;
}
.fd-tab-actu02coin {
	background-image: url(h_actus_04coin.gif);
	background-repeat: no-repeat;
	background-color: #FDFCFD;
}
.fd-tab-actu03 {
	background-image: url(h_actus_05.gif);
	background-repeat: repeat;
}
.fd-tab-actu04coin {
	background-image: url(h_events_03coin.gif);
	background-repeat: repeat-x;
	background-color: #FDFCFC;
}
.fd-tab-actu04 {
	background-image: url(h_events_03.gif);
	background-repeat: repeat-x;
	background-color: #FDFCFC;
}
.fd-tab-actu06 {
	background-image: url(h_events_05.gif);
	background-repeat: no-repeat;
	background-color: #FDFCFC;
}
.PrecSuiv
{
	width: 318px;
	text-align: center;
	margin-left: 150px;
}
.text-bouton {
	display: block;
	background-image: url(bt.gif);
	background-repeat: no-repeat;
	width: 129px;
	height: 27px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	text-align: center;
}
.text-bouton:hover {
	color: #000000;
}

/* FIN Définition Page de Contenu */



/* DEBUT Définition Liste Entreprises */
.liste_en
{
	width: 100%;
	margin-bottom: 10px;
	/*border: 1px solid red;*/
}
.liste_en_link1
{
	display: block;
	background-image: url(doten.gif);
	background-repeat: no-repeat;
	padding-left: 50px;
	vertical-align: middle;
	line-height: 16px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
}
.liste_en_link1:hover {
	color: #A61A1A;
}
.liste_en_link2
{
	display: block;
	padding-left: 50px;
	vertical-align: middle;
	line-height: 16px;

	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.liste_en_link2:hover {
	color: #A61A1A;
}
.liste_en_link3 
{
	padding-left: 50px;
	vertical-align: middle;
	line-height: 16px;
	float: right;
	padding-right: 110px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A51919;
	text-decoration: none;
}
.liste_en_link3:hover {
	color: #000000;
}
.liste_en_linkTop
{
	padding-left: 50px;
	vertical-align: middle;
	line-height: 16px;
	float: right;
	height: 30px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A51919;
	text-decoration: none;
}
.liste_en_linkTop:hover {
	color: #000000;
}
/* FIN Définition Liste Entreprises */

.detail {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A51919;
	list-style-image: url(puces.gif);
	text-decoration: none;
}
.detail:hover {
	color: #000000;
}

.link-contenu {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
}
.link-contenu:hover {
	color: #000000;
}
.alertMsg 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #A61A1A;
	text-decoration: none;
}


.navigation1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.link:hover { color: #FFFFFF; }


.linkbt1 A {
	COLOR: #ffffff; TEXT-DECORATION: none
}
.linkbt UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; TEXT-ALIGN: center
}
.linkbt A {
	DISPLAY: block; PADDING-BOTTOM: 3px; WIDTH: 100%; PADDING-TOP: 2px; BACKGROUND-COLOR: #9fa111
}
.linkbt A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #004d80
}