/* CSS Imm Nord */
/* ------------ */

/* ----------------------------------------------- */
/* Global */
/* ----------------------------------------------- */
body{
	background:url(images/fond-bleu.jpg) top left;
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
}
a{
	color:#003366;
	text-decoration:underline;
}
a:hover{ text-decoration:none;}
input, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
img{ border:none; }
#header{
	background:#000 url(images/header/fond-noir.jpg) top left repeat-x;
	height: 188px;
}
#entete{
	background:#000 url(images/header/header2.jpg) top left no-repeat;
	height: 188px;
	margin: 0 auto;
	text-align: left;
	width: 932px;
}
#banniere{
	margin-left:400px;
	padding-top:50px;
}
#naviguation{
	background:url(images/naviguation.png) top left no-repeat;
	font-size: 1.3em;
	height: 22px;
	margin: 0 auto;
	text-align:left;
	width: 932px;
}
#naviguation ul {
	height:22px;
	list-style:none;
	margin: 0;
	padding: 0 15px;
}
#naviguation li {
	color:#FFF;
	float:left;
	margin-right:5px;
	padding-left: 15px;
	text-align: center;
}
#naviguation a{
	color:#FFF;
	text-decoration:none;
}
#naviguation a:hover{ text-decoration: underline; }

#container{
	background: url(images/fond-page.png) top left repeat-y;
	margin: 0 auto;
	text-align:left;
	width: 932px;
}
#contenu{
	padding-bottom: 1em;
	margin-left:20px;
	margin-right:20px;
	margin-top: 3em;
	min-height: 300px;
}
h2{
	font-size: 1.8em;
	margin-bottom: 0px;
	color:#003366;
}
h3{
	font-size: 1.2em;
	margin-bottom: 0px;
	text-align:right;
}
h4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
h5{
	font-size:1.4em;
	height:53px;
}
td{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

/* ----------------------------------------------- */
/* Pied de page */
/* ----------------------------------------------- */

#pre-footer{
	clear:both;
	background:url(images/pre-footer.png) top left no-repeat;
	height:125px;
}
#footer{
	color: #AAA;
	background:#000 url(images/footer.jpg) bottom left repeat-x;
	height: 150px;
	margin: 0;
	text-align:center;
}
#footer a{
	border-bottom:#AAA 1px dashed;
	color: #AAA;
	text-decoration:none;
}
#footer a:hover{
	border-bottom: none;
}
#footer ul {
	list-style:none;
	margin: 0;
	padding: 0 15px;
}
#footer li {
	margin-right:5px;
	padding-bottom: 5px;
	padding-left: 15px;
}
#container-footer{
	margin: 0 auto;
	width:880px;
	text-align:left;
}
#footer1{
	float:left;
	margin-left: 10px;
	margin-top: 35px;
}
#footer2, #footer3{
	border-left:#CCC 1px solid;
	float:left;
	margin-left: 20px;
	margin-top: 35px;
}
/* ----------------------------------------------- */
/* Recherche Home */
/* ----------------------------------------------- */

#top-recherche{
	background:url(images/recherche/top.jpg) top left no-repeat;
	height: 100px;
	width: 880px;
}
#top-recherche p{
	font-size:1.5em;
	padding-left: 130px;
	padding-top: 40px;
}
#recherche{
	background:url(images/recherche/fond-recherche.jpg) top left repeat-y;
	margin-left: 5px;
	width:880px;
}
#bottom-recherche{
	background:url(images/recherche/bottom.jpg) top left no-repeat;
	clear:both;
	height: 113px;
	margin-top: 0;
	width: 880px;
}
#bottom-recherche p{
	font-size:1.3em;
	padding-top:50px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 180px;
}
.compteur{
	color:#003366;
	font-size: 1.4em;
	font-weight:bold;
}
#zone1{
	background-color:#FFF;
	border:#333 1px solid;
	float:left;
	font-size: .8em;
	margin-left:15px;
	padding:.5em;
}
#zone2{
	float: left;
	margin-left: 15px;
}
#zone3{
	background-color:#FFF;
	border:#333 1px solid;
	float:left;
	font-size: .8em;
	margin-left:15px;
	padding:.5em;
}






/* ----------------------------------------------- */
/* Page Résultats */
/* ----------------------------------------------- */



#recherche-gauche{
	float:left;
	margin-left: 5px;
	text-align:center;
	width: 210px;
}
#recherche-droite{
	float:left;
	margin-left: 5px;
	text-align:center;
	width: 210px;
}
#recherche-liste{
	float: left;
	margin-left: 5px;
	text-align:center;
	width: 450px;
}

#liste-contenu{
	background:url(images/resultat/liste-page.jpg) top left repeat-y;
	text-align:left;
	width:450px;
}

#resultat-contenu{
	padding-left: 15px;
	padding-right: 15px;
}
#liste-top{
	background:url(images/resultat/liste-top.jpg) top left no-repeat;
	height:39px;
	padding-left:20px;
	padding-right:20px;
	padding-top: 15px;
	width:415px;
}
.tri{
	color:#003366;
	font-size:.95em;
	text-align:right;
}
.tri a { color:#003366; text-decoration:underline; }
.tri a:hover{ color:#003366; text-decoration:none; }
#liste-bottom{
	background:url(images/resultat/liste-bottom.jpg) top left no-repeat;
	height:57px;
	width:450px;
}
.annonce{
	padding-top:2em;
}
.txt-annonce a, .txt-annonce a:hover{ color: #000; text-decoration:none;}
.img-annonce {
	background-color:#FFF;
	border: #666 1px solid;
	padding: 6px;
}
.ville{
	color:#003366;
	font-size:1.3em;
	font-weight:bold;
}
.prix{
	font-size:1.2em;
	font-weight:bold;
}
.box{
	background:#FFF url(images/resultat/fond-box-jaune.jpg) bottom left repeat-x;
	border: #333 1px solid;
	margin-bottom: 2em;
	padding: 1em;
	text-align:left;
}
.box a{
	color:#000;
	text-decoration: underline;
}
.box a:hover{ text-decoration:none; }
.box ul{
	list-style:none;
}
.box-prix{
	background:#FFF url(images/resultat/fond-box-prix.jpg) bottom center no-repeat;
}
.box-region{
	background:#FFF url(images/resultat/fond-box-region.jpg) bottom center no-repeat;
}



/* ----------------------------------------------- */
/* Page du bien */
/* ----------------------------------------------- */

#bien-colonne{
	float:left;
	margin: 0 15px 0 15px;
	width: 140px;
}
#bien-colonne div{
	border: #CCC 1px solid;
	
	height:94px;
	margin-bottom: 1.5em;
	width:130px;
}
#bien-colonne div p { font-size:1.5em; font-weight:bold; padding:.5em; text-align:center; }
#bien-colonne div a { color:#000; text-decoration:none; }
#bien-colonne div a:hover { color: #003366; text-decoration: underline; }
.bien-contact{ background:url(images/biens/telephone.jpg) top left no-repeat; }
.bien-retour{ background:url(images/biens/retour.jpg) top left no-repeat; }
.bien-loupe{ background:url(images/biens/loupe.jpg) top left no-repeat; }

#cadre-bien{
	background:#FFF url(images/biens/cadre-page.jpg) top left repeat-y;
	float:left;
	width:850px;
}
.cadre-bien-haut{ 
	background:url(images/biens/cadre-haut.jpg) top left no-repeat; 
	font-size:1.4em;
	height:53px;
	padding-left: 25px;
	padding-top: 20px;
}
.cadre-bien-haut a{ color:#000; }
.cadre-bien-haut a:hover{ text-decoration:none;}
.cadre-bien-page{
	padding-left: 10px;
	padding-right: 15px;
}
.cadre-bien-page a{ color:#003366;}
.cadre-bien-page a:hover{ text-decoration:none;}
.bien-mail{
	background:url(images/biens/mail.jpg) top right no-repeat;
	height: 70px;
	padding-top:1em;
}
.cadre-bien-bas{ background:url(images/biens/cadre-bas.jpg) top left no-repeat; height:63px; 
}

/* ----------------------------------------------- */
/* Page des agences */
/* ----------------------------------------------- */

.box-agences{
	background:#FFF url(images/resultat/fond-box-jaune.jpg) bottom left repeat-x;
	border: #333 1px solid;
	margin-bottom: 2em;
	padding: 1em;
	text-align:left;
}
.box-agences a{
	color:#000;
	text-decoration: underline;
}
.box-agences a:hover{ text-decoration:none; }
.box-agences ul{
	list-style:none;
}

/* ----------------------------------------------- */
/* auto complete */
/* ----------------------------------------------- */

div.autocompletion {
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	z-index: 1;
	padding: 0px;
	visibility: hidden;
	position: absolute; 
	background-color: #ffffff;
	color: #000000;
	font-size: 13px;
	font-family: arial,sans-serif;
}

div.autocompletion div.selected {
	background-color: #3366cc;
	color: #ffffff;
	z-index: 1;
}