html,body{height:100%;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#4F4F4F;display:block;}
body{background-color:#F7E06D;margin:0;padding:0;height:100%;background-repeat:repeat;}
h1,h2,h3,p,form,p.spip,ul,li,fieldset{margin:0;padding:0}
a img{border:0;}
li{list-style:none;}
a,div,h1 { background-repeat:no-repeat; }
a { color:#646d72 ; text-decoration:none; font-weight:bold; }
a:hover { color:#4F4F4F; text-decoration:underline; }
a img { border:0; }
.centrer, .annonce { text-align:center; }
.separateur{clear:both;height:10px;}
h1 { font-size:18px; }
h2 { font-size:15px; }
h3 { font-size:13px; }
h4 { font-size:11px; }
#erreur { color:#FF0000;  }
#erreur a { font-weight:bold; color:#FF0000; }
#erreur a:hover { text-decoration:underline; }

/* Contenu texte*/
.txt { overflow:hidden; }
.txt { padding: 3px 0 0 3px; }
.txt ul { padding-top:5px; }
.txt  ul li { background-image:url(images/puce.png); background-repeat:no-repeat; background-position:left; list-style:none;  padding-left:12px; }
.txt  ul li a { font-size:11px; }

#conteneur{display:block;margin:auto;width:975px;margin:auto;position:relative;min-height:100%;height:100%;voice-family:"\"}\"";voice-family:inherit;height:auto;}
html>body #conteneur{height:auto;}
#fond_page{background-image:url(images/yopps_fond.gif);background-repeat:repeat-y;height:auto;display:block;}
.yopps { color: #9BB50C; font-weight: bold; }
#page { display:block; height:auto; width:975px; margin-left:0px; }
#marge { clear:both; display:block; height:10px; }
.h1 { display:block; height:23px; color:#FFFFFF; text-align:left; font-size:14px; padding:8px 0 0 7px; }
.h2 { display:block; height:23px; color:#FFFFFF; text-align:center; font-size:14px; padding:8px 0 0 0; }
#haut { display:block; height:171px; background-image:url(images/yopps_haut.gif); background-repeat: no-repeat; padding:20px 0 0 0; }
#haut_haut { height:121px; padding:0; }
#logo{ display:block; padding:0; width:218px; float:left;  }
#haut_droite { float:left; width:731px; margin-left:23px; background-image:url(images/haut_pub.gif); padding: 5px 0 0 0; font-size: 9px; text-align:center; }
#haut_pub{ float:left; width:511px; padding: 5px 0 0 0; }
#haut_secteur { float:left; width:212px; padding: 70px 0 0 0;}
#gauche, #droite { color:#333333; }

#droite { float:left; width:215px; padding: 0 0 0 15px; }
.bloc_droite_neutre { width:206px; background-image:url(images/h2_neutre.gif); padding:0; }
.bloc_droite_bleu { width:206px; background-image:url(images/h2_bleu.gif); }
.bloc_droite_gris { width:206px; background-image:url(images/h2_gris.gif); }
.bloc_droite_rouge { width:206px; background-image:url(images/h2_rouge.gif); }
.bloc_gauche_vert { width:206px; background-image:url(images/h2_vert.gif);  }
.bloc_gauche_vertf { width:206px; background-image:url(images/h2_vertf.gif);  }
.bloc_gauche_move { width:206px; background-image:url(images/h2_move.gif);  }
.bloc_gauche_marron { width:206px; background-image:url(images/h2_marron.gif);  }
.bloc_gauche_jaune { width:206px; background-image:url(images/h2_jaune.gif);  }
.bloc_gauche_bleu_ciel { width:206px; background-image:url(images/h2_bleu_ciel.gif);  }
.fond_bloc_droite { background-image:url(images/fond_bloc_droite.gif); background-repeat:repeat-y; display:block; text-align:left; width:206px; }
.fond_bloc_droite .txt { padding:5px 8px 5px 8px; }
.pied_bloc_droite { background-image:url(images/pied_bloc_droite.gif); background-position:top; background-repeat:no-repeat; display:block; width:206px; height:15px;clear:both;overflow:hidden!important; }

#gauche { float:left; width:730px;text-align:left;padding:0 0 0 10px;line-height:16px; overflow:hidden; }
.bloc_gauche_neutre { width:723px; background-image:url(images/h1_neutre.gif); }
.bloc_gauche_neutre .h1 { color:#4F4F4F; }
.bloc_gauche_bleu { width:723px; background-image:url(images/h1_bleu.gif); }
.bloc_gauche_bleu .h1 { color:#FFFFFF; }
.bloc_gauche_gris { width:723px; background-image:url(images/h1_gris.gif); }
.bloc_gauche_gris .h1 { color:#FFFFFF; }
.bloc_gauche_rouge { width:723px; background-image:url(images/h1_rouge.gif); }
.bloc_gauche_rouge .h1 { color:#FFFFFF; }
.fond_bloc_gauche { background-image:url(images/fond_bloc_gauche.gif); background-repeat:repeat-y; display:block; text-align:left; width:723px; }
.fond_bloc_gauche .txt { padding:5px 5px 5px 8px; }
.fond_bloc_gauche .centrer { padding:5px 5px 5px 8px; }
.fond_bloc_gauche .annonce { font-size: 14px; font-weight: bold; color:#CC0000; padding:5px 5px 5px 8px; }
.fond_bloc_gauche .colonne { padding:5px 5px 5px 5px; width: 220px; display:block; float: left; }
.colonne .headtitle { clear:both; position:relative; padding:0; }
.colonne .content{ clear:both; position:relative; padding:2px 0 0 0; }
.colonne .title { background:url("images/titre.gif") no-repeat; width: 140px; height: 51px; text-align:center; display:block; float: left; padding:20px 0 0 5px; }
.colonne .ititle { width: 55px; height:71px; display: block; float: left; }
.pied_bloc_gauche { background-image:url(images/pied_bloc_gauche.gif);background-position:top;background-repeat:no-repeat;display:block;width:723px;height:15px;clear:both;overflow:hidden!important; }

#bloc { font-size:0.9em; overflow:hidden; }

/* menu horizontal */
#menu, #menu * { margin:0; padding:0; }
#menu { clear:both; position:relative; height:31px; width:965px; font-size: 13px; line-height:normal; margin: 20px 5px 0 4px; }
#menu ul { margin: 0; padding: 0 0 0 0; list-style: none; }
#menu li { display: inline; margin: 0; padding: 0 0 0 1px; float: left; }
#menu a { float: left; background: url("images/gauche.gif") no-repeat left top; margin:0; padding: 0 0 0 8px; text-decoration: none; text-align: center; height: 31px; }
#menu a span { float: left; display: block; background: url("images/droite.gif") no-repeat right top; padding: 8px 8px 0 0; width: 142px; height: 23px; color: #4F4F4F; }
#menu a span { float: none; }
#menu a:hover span,a.active_haut_oui span{ color: #FFF!important; background-position: 100% -31px!important; cursor: pointer; }
#menu a:hover,a.active_haut_oui{ background-position: 0% -31px!important; cursor: pointer; }
#menu a:hover span,a.active_haut_oui span{ background-position: 100% -31px!important; cursor: pointer; }

#sous_menu { height:3px; width:965px; font-size: 14px; line-height:normal; margin: -3px 5px 0 4px; text-align:center; background:url(images/menu_horiz.gif) repeat-x top; padding: 1px 0 0 0; }

/* Pied de page */
#pied { background-image:url(images/yopps_pied.gif); line-height:11px; height:110px; width:975px; clear:both; display:block; background-repeat:no-repeat; margin:0; text-align:center; }
#pied a { font-weight:bold; }
#pied a:hover { text-decoration:underline; }
#pied #sites { padding:  0px; color: #CC0000; font-weight:bold; }
#pied #contact { padding:  0px; color: #1141a0; font-weight:bold; font-size: 13px; }
#yopps { text-align:center; font-size: 11px; }
#yopps a { font-weight:bold; }
#yopps a:hover { text-decoration:underline; }






/*02032009*/
.BlkW625 {
	width : 712px;
}
.BlkW625 .BlkB {
	height:5px; background : url("http://www.plateforme-habitat.net/images/a-712-b.png") bottom left no-repeat ;
}
.BlkW625 .BlkTitle {
	background : url("http://www.plateforme-habitat.net/images/a-712-t.png") top left no-repeat ;
}
.BlkW660 .BlkWoutBack {
	background : none;
}

.BlkMain {
	background : #FFF ;
	border-left : 1px solid #dddedf ;
	border-right : 1px solid #dddedf ;
}

.BImgBorder .Img{
	border:1px solid #E4E5E6;
}
.BlkTitle h1, .BlkTitle h2 {
	color : #336699 ;
	padding : 5px 0px 0px 10px ;
	margin : 0px ;
	font-size : 17px ;
	font-weight : normal ;
	clear : both ;
}
.pad5 {
	padding:5px 0 0 10px;
}






.BlkMain {
	BORDER-RIGHT: #dddedf 1px solid; BACKGROUND: #f6f6f7; BORDER-LEFT: #dddedf 1px solid
}
.BlkOffers {
	WIDTH: 230px
}
.BlkOffers .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; HEIGHT: 10px
}
.BlkOffers .BlkMain {
	BORDER-RIGHT: #e4e5e6 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #e4e5e6 1px solid; POSITION: relative; HEIGHT: 150px
}
.BlkW320 {
	WIDTH: 300px
}
.BlkW320 .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; 
}
.BlkW320 .BlkB {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px 0px; HEIGHT: 20px
}

.BlkMain {
	BORDER-RIGHT: #dddedf 1px solid; BACKGROUND: #f6f6f7; BORDER-LEFT: #dddedf 1px solid
}
.BlkMain {
	BORDER-RIGHT: #dddedf 1px solid; BACKGROUND: #f6f6f7; BORDER-LEFT: #dddedf 1px solid
}
.BlkOffers {
	WIDTH: 230px
}
.BlkW320 {
	WIDTH: 230px
}
.BlkOffers {
	WIDTH: 230px
}
.BlkW320 {
	WIDTH: 230px
}
.BlkOffers .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; HEIGHT: 10px
}
.BlkW320 .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; 
}
.BlkOffers .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; HEIGHT: 10px
}
.BlkW320 .BlkTitle {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px -20px; 
}
.BlkOffers .BlkMain {
	BORDER-RIGHT: #e4e5e6 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #e4e5e6 1px solid; POSITION: relative; HEIGHT: 150px
}
.BlkOffers .BlkMain {
	BORDER-RIGHT: #e4e5e6 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #e4e5e6 1px solid; POSITION: relative; HEIGHT: 150px
}
.BlkW320 .BlkB {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px 0px; HEIGHT: 20px
}
.BlkW320 .BlkB {
	BACKGROUND: url('http://www.plateforme-habitat.net/images/offers-230.png') no-repeat 0px 0px; HEIGHT: 20px
}