/**
  Feuille de style Maison de l'Immobilier
  -> Agence iti (http://www.iti-conseil.com)
**/
.spacer {
	clear:both;
}
.centrer {
	text-align:center;
}
.droite {
	text-align:right;
}

body {
	background:#00457c url(../images/fond.jpg) repeat-x top;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
}
p, div, ul, li, h1, h2, h3, form {
	margin:0;
	padding:0;
}
a.blanc {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
a.blanc:hover {
	text-decoration:underline;
}

#site {
	position:relative;
	width:736px;
	margin:0 auto;
}
#tete {
	position:absolute;
	top:47px;
	background:url(../images/top.gif) no-repeat;
	width:736px;
	height:101px;
}
#image {
	position:absolute;
	top:148px;
	left:226px;
	background:url(../images/image.jpg) no-repeat;
	width:510px;
	height:201px;
}
#image_rubrique {
	position:absolute;
	top:148px;
	left:226px;
	background:url(../images/image_rubrique.gif) no-repeat;
	width:510px;
	height:35px;
}
#recherche {
	position:absolute;
	background:url(../images/recherche.gif) no-repeat;
	top:148px;
	width:198px;
	height:359px;
	color:#01345f;
	padding:54px 0 0 28px;
	font-size:12px;
}
#contact {
	position:absolute;
	top:577px;
	left:7px;
	width:222px;
	padding:0 0 0 15px;
	border-left:#00b3f5 7px solid;
}
#contenu {
	position:absolute;
	top:349px;
	left:248px;
	width:488px;
}
#contenu_rubrique {
	position:absolute;
	top:183px;
	left:248px;
	width:488px;
}

/**
  Formulaire de recherche
**/
#recherche .check {
	float:left;
	width:55px;
}
#recherche .champ_ {
	width:55px;
	height:15px;
	font-size:11px;
	background:#fff;
	border:#fff 1px solid;
}
#recherche .sep {
	height:15px;
}
#recherche .se {
	height:5px;
}
#recherche .btn_ {
	padding:0 0 0 35px;
}

/**
  Bloc contact
**/
#contact .titre_contact {
	font-size:14px;
	font-weight:bold;
}
#contact .nom {
	font-weight:bold;
	color:#00c1fa;
}
#contact .tel {
	font-weight:bold;
	font-size:13px;
}

/**
  Logo
**/
#logo {
	position:absolute;
	top:0;
	left:10px;
	width:197px;
	height:87px;
}
#logo img {
	width:197px;
	height:87px;
	border:0;
}

/**
  Menu
**/
#menu {
	position:absolute;
	top:31px;
	left:231px;
}
#menu a span {
	display:none;
}
#menu a.btn_particuliers {
	float:left;
	margin:0 7px;
	display:block;
	width:84px;
	height:46px;
	background:url(../images/btn-particulier.gif) no-repeat;
}
#menu a.btn_pros {
	float:left;
	margin:0 7px;
	display:block;
	width:86px;
	height:46px;
	background:url(../images/btn-pro.gif) no-repeat;
}
#menu a.btn_vendre {
	float:left;
	margin:0 7px;
	display:block;
	width:83px;
	height:46px;
	background:url(../images/btn-vendre.gif) no-repeat;
}
#menu a.btn_garanties {
	float:left;
	margin:0 7px;
	display:block;
	width:83px;
	height:46px;
	background:url(../images/btn-garanties.gif) no-repeat;
}
#menu a.btn_contact {
	float:left;
	margin:0 7px;
	display:block;
	width:84px;
	height:46px;
	background:url(../images/btn-contact.gif) no-repeat;
}

/**
  Contenu
**/
#contenu .contenu {
	width:488px;
	height:325px;
	padding:0 0 15px 0;
}
html>body #contenu .contenu {
	min-height:325px;
	height:auto;
}
#contenu_rubrique .contenu {
	width:488px;
	height:491px;
	padding:0 0 15px 0;
}
html>body #contenu_rubrique .contenu {
	min-height:491px;
	height:auto;
}
.pied {
	width:725px;
	padding:3px 0 0 0;
	margin:0 0 0 -239px;
	border-top:#fff 1px solid;
	font-size:9px;
}
.pied a {
	color:#FFFFFF;
	text-decoration:none;
}
.pied a:hover {
	text-decoration:underline;
}
.pied .droit {
	float:right;
	width:360px;
	text-align:right;
}
.pied .droit a {
	color:#FFFFFF;
	text-decoration:none;
}
.pied .droit a:hover {
	text-decoration:underline;
}
.pied .gauche {
	float:left;
	width:360px;
}

/**
  Mise en page
**/
.titre {
	font-size:14px;
	font-weight:bold;
	padding:5px 0 5px 30px;
	background:url(../images/puce.gif) no-repeat left;
}
.titre_ {
	font-size:14px;
	font-weight:bold;
	padding:0 0 5px 0;
}
.chapo {
	font-size:12px;
	font-weight:bold;
	color:#00b3ed;
}
.texte {
	text-align:justify;
}
a.plus {
	font-size:12px;
	font-weight:bold;
	color:#ffd900;
	text-decoration:underline;
}
a.plus:hover {
	text-decoration:none;
}

.bienvenue {
	padding:0 0 15px;
	border-bottom:#00a6e0 1px solid;
}
.affaires {
	float:left;
	width:305px;
	padding:15px 0 0 0;
}
.affaire {
	float:left;
	width:132px;
	padding:0 10px 0 0;
}
.affaire .image_annonce {
	width:125px;
	border:#fff 1px solid;
	margin: 10px 0 10px 0;
}
.affaire a.titre_annonce {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.affaire a.titre_annonce:hover {
	text-decoration:underline;
}
.affaire a.chapo_annonce {
	color:#00b3ed;
	font-weight:bold;
	text-decoration:none;
}
.affaire a.chapo_annonce:hover {
	text-decoration:underline;
}
.affaire a.texte_annonce {
	color:#FFFFFF;
	text-decoration:none;
}
.affaire a.texte_annonce:hover {
	text-decoration:underline;
}	

.offres {
	float:left;
	width:175px;
	padding:15px 0 0 0;
}
.offres .offre {
	background:url(../images/fond-offres.jpg) no-repeat;
	width:129px;
	height:151px;
	margin:10px 0 0 0;
	padding:15px;
	color:#ffd900;
}
.offre_titre {
	background:url(../images/puce-fleche.gif) no-repeat left;
	padding:10px 0 5px 15px;
	color:#FFFFFF;
	font-weight:bold;
}
.offres .offre a {
	color:#ffd900;
	text-decoration:underline;
}
.offres .offre a:hover {
	text-decoration:none;
}

/**
  Liste de recherche
**/
.tete_liste {
	padding:10px 0;
}
.tete_liste .resultats {
	float:left;
	width:200px
}
.tete_liste .ordre {
	float:right;
	text-align:right;
	width:200px;
}

ul.liste_recherche {
	list-style-type:none;
	border:#fff 1px solid;
}
ul.liste_recherche li {
	width:486px;
	height:50px;
	padding:5px 0;
	overflow:hidden;
}
ul.liste_recherche li.pair {
	background:#1884d8;
}
ul.liste_recherche li.impair {
	background:#4ea2e3;
}
ul.liste_recherche li div.image {
	float:left;
	width:65px;
	padding:0 5px;
}
ul.liste_recherche li div.image img {
	width:65px;
	border:#fff 1px solid;
}
ul.liste_recherche li div.liste_contenu {
	float:left;
	width:236px;
	padding:10px 0 0 5px;
}
ul.liste_recherche li div.liste_contenu a.liste_titre {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
ul.liste_recherche li div.liste_contenu a.liste_titre:hover {
	text-decoration:underline;
}
ul.liste_recherche li div.liste_contenu a.liste_chapo {
	color:#b4e6fd;
	font-weight:bold;
	text-decoration:none;
}
ul.liste_recherche li div.liste_contenu a.liste_chapo:hover {
	text-decoration:underline;
}
ul.liste_recherche li div.liste_prix {
	float:left;
	width:100px;
	padding:17px 0 0 0;
}
ul.liste_recherche li div.liste_plus {
	float:left;
	width:70px;
	padding:16px 0 0 0;
}
ul.liste_recherche li div.liste_plus img {
	border:0;
}
.navigation {
	background:#01345f;
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
	text-align:center;
}
.navigation a {
	color:#FFFFFF;
	text-decoration:underline;
}
.navigation a:hover {
	text-decoration:none;
}

/**
  Fiche bien
**/
.contenu_annonce {
	float:left;
	width:285px;
	padding:0 15px 0 0;
	border-right:#fff 1px solid;
}
.infos_annonce {
	float:right;
	width:180px;
}
.retrait {
	padding:0 0 0 15px;
}
.images_annonce img {
	float:left;
	border:#ffffff 1px solid;
	margin:5px 5px;
	width:70px;
}
.annonce_imprimer {
	background:url(../images/print.gif) no-repeat left;
	padding:10px 0 5px 23px;
	color:#FFFFFF;
	font-weight:bold;
}
.annonce_imprimer a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
.annonce_imprimer a:hover {
	text-decoration:none;
}

/**
  Formulaire contact
**/
.coordonnees {
	margin:15px 0 10px 51px;
	text-align:left;
}
#erreurMessage, #erreurMessage2 {
	text-align:center;
	font-weight:bold;
	color:#fab000;
}
.contact {
	width:375px;
	background:#3e9ae4;
	padding:5px 0 10px 20px;
	margin:20px 0 0 50px;
}
.contact h3 {
	font-size:12px;
	font-weight:bold;
	padding: 10px 0 0 0;
	margin:0 10px 0 0;
	border-bottom:#fff 1px solid;
}
.input {
	margin:5px 0 ;
	padding:5px 0 ;
	height:25px ;
}
input.champ {
	width:200px ;
	border:1px solid #023360 ;
	margin:0 5px ;
	padding:1px 4px ;
	font-size:10px ;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold ;
	float:left ;
}
.textarea textarea {
	width:330px ;
	height:80px ;
	float:left ;
	border:1px solid #023360 ;
	margin:0 0 0 5px ;
	padding:4px 4px 2px 4px ;
	font-size:10px ;
	font-family:Arial, Helvetica, sans-serif;
}
.bouton {
	text-align:right;
	clear:both ;
	width:345px ;
	padding:10px 0 0 0;
}
.bouton input {
	border:1px solid #023360 ;
	color:#FFFFFF;
	background:#00aff0;
	font-weight:bold;
	font-size:12px;
}
input.btn {
	border:1px solid #023360 ;
	color:#FFFFFF;
	background:#00aff0;
	font-weight:bold;
	font-size:12px;
}

#xiti-logo {
	text-align:center;
}

div.plus_infos {
	float:left;
	margin:0 20px;
	display:block;
	width:120px;
	height:65px;
	background:url("../images/btn-infos.gif") no-repeat;
}