/*Pour les formulaires*/
@import url(formulaire.css);


body{
	background:url(../../images/fond_body.jpg) repeat-x left top #E3E4E5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1A1A1A;
	text-align:center;
	margin:0;
	padding:0;
}
#page {
	margin:0 auto;
	width:955px;
	background:url(../../images/fond_page.jpg) repeat-x #EBEBEB;
}
#bandeau_accueil{
	background:url(../../images/fond_bandeau.png) no-repeat center top;
	height:145px;
	width:910px;
	text-align:left;
	position:relative;
	margin:0 auto;
}
#z_centrale{
text-align:left;
width:910px;
margin:0 auto;
padding-bottom:20px;
}
#footer{
background:url(../../images/fond_footer.jpg) repeat-x left top #CFD0D2;
text-align:center;
float:left;
width:100%;
padding-bottom:10px;
}
#footer a{
font-size:11px;
color:#666;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}
/*--- page interieure ---*/
#breadcrumbs{
float:left;
width:100%;
padding:0 0 10px 5px;
position:relative;/*pour le bouton retour*/
}
img#retour-liste{
float:right;
position:absolute;
top:0;
right:-10px;
}
#z_contenu{
float:left;
width:670px;
margin:10px 0;
min-height:400px;
}
#colD{
/*float:right;
clear:right;*/
float:left;
width:216px;
padding-left:4px;
margin-top:10px;
padding-top:40px;
position:relative;
}
* html #colD{
float:right;
clear:right;
}
#colD a img{
margin-bottom:5px;
}
.encadre_ar-simple{
float:left;
background-color:#F2F2F2;
border:2px solid #D2D2D2;
position:relative;
}
.encadre_ar-simple .contenu{
float:left;
padding:15px 15px 15px 15px;
min-height:300px;
width:95%;  /*LB 09-01-09*/
}
.fiche-annonce .contenu{
min-height:inherit;
}
#colD.colD_annonce #liens_outils{
margin-top:20px;
}

.encadre_ar-blanc{
float:left;
background-color:#fff;
border:2px solid #D2D2D2;
position:relative;
}
.encadre_ar-blanc .contenu{
float:left;
padding:15px 30px 30px 30px;
}
#colG{
float:left;
width:285px;
margin-right:30px;
}
#menuLat{
float:left;
padding-right:20px;
}
#titre-rubrique{
font-size:15px;
font-weight:bold;
color:#EB6924;
padding-left:25px;
margin-top:10px;
}
a.menu2, a.menu2-actif{
text-decoration:none;
font-size:13px;
color:#333;
display:block;
}
a.menu2-actif{
color:#EB6924;
}
#menuLat li{
padding:5px 0;
}

#bandeau90px{
	height:92px;
	background:url(/images/rpt-bandeau90px.jpg) repeat-x;
	width:910px;
	margin:0 auto;
	position:relative;
}
#bandeau90px #logo{
width:auto;
height:auto;
margin-top:25px;
margin-left:0;
float:left;
}
#bandeau90px #zone_perso{
height:auto;
top:10px;
}
#menuH{
position:absolute;
width:600px;
height:25px;
bottom:0;
left:305px;
}
#menuH ul, #menuH li{
margin:0;
padding:0;
float:left;
list-style:none;
}
#menuH a{
padding:0 20px;
font-size:13px;
text-decoration:none;
color:#666;
font-weight:bold;
}
#menuH .menu1-actif{
color:#EB6924;
}

#liens_outils{
/*width:216px;*/
width:208px;
margin-top:20px;
}
#liens_annexes{
float:left;
margin-left:20px;/*LB 09-01-09 //margin-left:35px*/
margin-top:30px;
}
#liens_annexes3{
float:left;
margin-left:5px;
margin-top:20px;
}
* html #liens_outils,* html #liens_annexes,* html #liens_annexes3{
float:right;
clear:right;
}
/*----- mise en forme du texte -----*/
p, td, li, a{
font-size:12px;
color:#333333;
}
h1{
font-size:16px;
font-weight:bold;
color:#333333;
}
h2{
font-size:14px;
font-weight:bold;
color:#333333;
}

#z_contenu h2{/*LB 11-01-2010*/
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}

h3{
font-size:13px;
font-weight:bold;
color:#000;
}
a{
color:#EB6924;
text-decoration:underline;
}
img{
border:0;
}
/*----- classes -----*/
h1.titre {
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
color:#333333;
font-size:15px;
font-weight:bold;
margin:0;
}
.accroche{
/*font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:13px;*/
color:#EB6924;
font-weight:bold;
margin:0;
padding:0;
}
h2.accroche, #titres_accueil h1.titre{
margin-top:0;
margin-left:5px;
}
.accroche .important{
text-decoration:underline;
font-style:italic;
}
.invisible{
display:none;
}

/*----- haut de page------*/
#pictos{
text-align:right;
}
#logo{
width:240px;
height:55px;
margin-top:25px;
margin-left:25px;
float:left;
}
#moteur_recherche{
clear:both;
float:left;
background:url(../../images/fond_moteur.png) no-repeat;
height:25px;
width:380px;
margin-left:25px;
}
#zone_perso{
/*float:right;
padding-top:10px;
position:relative;*/
position:absolute;
right:20px;
top:30px;
width:200px;
height:100px;
font-size:12px;
}
#zone_perso .identite{
font-size:13px;
font-weight:bold;
padding-bottom:3px;
}
#zone_perso .identite a{
font-size:11px;
}
#zone_perso .message{}
#zone_perso #acces_compte{
position:absolute;
bottom:0;
left:0;
}
/*moteur*/
div#saisie_moteur{
position:relative;
}
input#query{
border:none #fff;
width:270px;
color:#8C8C8C;
font-size:12px;
font-weight:bold;
position:absolute;
top:3px;
left:30px;
}
input#ok{
position:absolute;
right:0;
top:0;
}
/*----- footer -----*/
#liens_bas{
padding:10px 20px;
}
.colonne_footer{
text-align:left;
/*width:10%;*/
width:auto;
margin-left:20px;
margin-right:50px;
float:left;
color:#666;
font-size:11px;
}

.colonne_footer .titre_col_footer{
font-weight:bold;
color:#333333;
font-size:13px;
padding-bottom:5px;
}
.colonne_footer .separateur{
height:1px;
border-bottom:1px dotted #666;
width:70%;
margin:5px 0;
}
div.dernier_lmt{
clear:both;
width:100%;
height:1px;
font-size:2px;
}
/*----- z centrale -----*/
.bloc_g{
float:left;
width:440px;
}
.bloc_d{
float:right;
clear:right;
width:440px;
}
* html .bas_encadres_accueil .bloc_d{
margin-left:20px;
}
#titres_accueil{
padding-top:15px;
}
#dernieres_annonces{
width:940px;
margin-left:10px;
padding-bottom:20px;
text-align:left;
}

/*----- accueil -----*/
.encadres_accueil{
background:url(../../images/rpt_encadres_accueil.png) repeat-y left;
float:left;
width:100%;
clear:both;
margin-top:5px;/* LB 09-01-2010*/
}
.bas_encadres_accueil{
background:url(../../images/bas_encadres_accueil.jpg) left bottom no-repeat;
float:left;
position:relative;
width:100%;
}
.bas_encadres_accueil .dernier_lmt{
padding-bottom:30px;/*car position absolute des boutons du bas*/
}
#recherche_immo{
float:left;
width:430px;
margin:5px;
}
#bloc_vendeur{
float:left;
width:420px;
margin:10px;
}
#bloc_vendeur a{
color:#333;
text-decoration:none;
}
#bloc_vendeur a:hover{
text-decoration:underline;
}
#publier_annonce{
/*position:absolute;
bottom:20px;
padding-top:30px;
*/ /*LB 09-01-2010*/
width:420px;
text-align:center;
}
.acces_rapides{
margin-top:10px;
}
/**/
#bloc_vendeur p{
margin-left:20px;
margin-top:8px;
}
#bloc_vendeur ol{
margin-left:35px;
margin-top:8px;
}
#bloc_vendeur h2{
margin-bottom:0;
}
/**/
#moteur_accueil #lancer_recherche{
position:absolute;
bottom:20px;
width:400px;
left:20px;
}
a#rechercher{
float:right;
}
a.plus_criteres{
font-weight:bold;
font-size:12px;
color:#333333;
float:left;
width:auto;
}
/*----- dernieres annonces -----*/
.der_annonce{
float:left;
background:url(../../images/rpt_cadre-der-a.png) repeat-y;
font-size:11px;
width:183px;
margin-right:4px;
}
* html .der_annonce{
margin-right:0px;
}
.der_annonce_haut{
float:left;
background:url(/../../images/haut_cadre-der-a.png) no-repeat top left;
width:177px;
padding:5px;
}
.transaction{
text-transform:uppercase;
font-size:11px;
color:#1A1A1A;
font-weight:bold;
}
.visuel_der_a{
float:left;
width:80px;
}
.visuel_der_a img{
height:60px;
width:75px;
}
.descr_der_a{
width:95px;
float:right;
}
.type_bien{
font-weight:bold;
color:#1A171B;
}
.localisation{
color:#4D4D4D;
float:left;
}
.prix{
float:left;
color:#EB6924;
font-weight:bold;
}
/*----- moteur accueil -----*/
#moteur_accueil p{
margin:0;
padding:0;
}
#moteur_accueil label{
color:#1A1A1A;
font-size:11px;
font-weight:bold;
}
#moteur_accueil input, #moteur_accueil textarea, #moteur_accueil select{
border:none;
background-color:#E6E6E6;
color:#1A1A1A;
font-size:11px;
}
#moteur_accueil #transaction input{
background-color:#FFFFFF;
}
#moteur_accueil #transaction{
position:absolute;
top:0px;
left:150px;
}
#moteur_accueil #div_typebien{
position:relative;
margin-top:5px;
}
#moteur_accueil #localisation{
padding-top:5px;
clear:both;
}
#moteur_accueil .ligne_moteura{
float:left;
padding:10px 0;
width:100%;
}

#moteur_accueil .moteura_cold{
float:right;
clear:right;
width:260px;
}
#moteur_accueil .precision{
color:#666666;
font-size:11px;
}
#moteur_accueil select#typebien{
width:150px;
}
#moteur_accueil input#prixmini, #moteur_accueil input#prixmaxi, #moteur_accueil input#surfacemini, #moteur_accueil input#surfacemaxi{
width:40px;
}
#moteur_accueil .moteura_soustitre{
margin-right:10px;
}
#moteur_accueil .moteura_cold .moteura_soustitre{
width:65px;
float:left;
}
#moteur_accueil #nbpieces{
width:40px;
}
#moteur_accueil #moteura_localisation{
width:250px;
float:left;
}
#moteur_accueil #moteura_carto{
float:right;
width:150px;
}
#moteur_accueil #moteura_localisation label.moteura_soustitre{
width:80px;
float:left;
}
#moteur_accueil #moteura_localisation select, #moteura_localisation input{
width:150px;
}
.inactif label{
color:#CCCCCC;
}
.inactif input, .inactif select{
background-color:#FFFFFF !important;
border:1px solid #E6E6E6 !important;
color:#CCCCCC !important;
}


/*tableau listing annonce*/
table#liste_annonces{
border:1px solid #D9D9D9;
margin:0 auto;
color:#666;
font-size:11px;
}
table#liste_annonces #intitules td{
padding-top:5px;
padding-bottom:5px;
}
table#liste_annonces th, table#liste_annonces th a{
text-align:left;
vertical-align:top;
font-size:14px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
td.ajouter_selection{
background:url(../../images/picto_ajouter_selection.jpg) no-repeat right center;
text-align:right;
padding-right:23px;
}
tr.couleur_1{
background-color:#F2F2F2;
}
tr.couleur_2{
background-color:#ffffff;
}
td.couleur_3{
background-color:#ffffff;
}
td.image_annonce{
padding:5px 0;
}
td.descript_annonce{
border-right:1px solid #D9D9D9;
}




/* desc annonce */
#pres_annonce{
float:left;
width:690px;
margin:10px 0;
min-height:400px;
}
.fiche-annonce{
padding:13px 10px;
float:left;
}
#galerie-photo, #infos-ppales{
width:305px;
float:left;
}
#visuel-agrandi img{
height:180px;
width:240px;
float:left;
border:1px solid #d2d2d2;
}
#galerie-photo #libelle{float:left; clear:both; width:240px; text-align:center; margin-top:2px; color:#666}
#barre-vignettes{ 
float:left;
width:50px;
height:180px;
margin-left:10px;
}
#vignettes img{
width:50px;
height:35px;
margin-top:5px;
background-color:#ccc;
}
#suivant{
margin-top:5px;
}
.fiche-colD{
float:right;
clear:right;
width:350px;
margin-left:10px;
}
#num-annonce{
color:#666666;
font-size:13px;
font-weight:bold;
text-align:right;
}
#desc-annonce{
clear:both;
margin-top:20px;
}
#pres_annonce #desc-annonce .transaction{
font-size:14px;
color:#333333;
font-weight:bold;
float:left;
width:auto;
}
#desc-annonce .prix{
font-size:14px;
float:right;
}
#titre-annonce{
clear:both;
font-size:14px;
font-weight:bold;
color:#1A171B;
padding-top:5px;
padding-bottom:2px;
}
div#infos-ppales{
margin-top:10px;
border:1px solid #C6C6C6;
background-color:#fff;
}
#caracteristiques, div#infos-ppales{
min-height:120px;
}
.titre-orange{
font-size:14px;
font-weight:bold;
color:#EB6924;
margin:0;
padding:5px 0;
}
div#infos-ppales .titre-orange{
padding:5px;
}
#table-infos-ppales{
width:305px;
border:none;
}
#table-infos-ppales td{
padding:3px;
}
#table-infos-ppales td.libelle{
width:50%;
}
#caracteristiques{
float:left;
margin-top:10px;
width:350px;
position:relative;
background:url(../../images/bg-gris.jpg) bottom repeat-x #fff;
border:1px solid #C3C3C4;
}
#caracteristiques .contenu{
padding:0 5px 5px 5px ;
}
#caracteristiques ul.sur2col{
float:left;
width:350px;
margin:0;
padding:0;
}
ul.sur2col li{
list-style:none;
float:left;
width:46%;
margin-right:5px;
}
.encadre_ar-simple h2.titre-orange{
z-index:10;
}
.encadre_ar-simple img{
z-index:12;
}
.haut_encadre{
position:relative;
left:0;
top:0;
}
.bas_encadre{
position:absolute;
bottom:0;
left:0;
width:100%;
}
.contenu-encadre *{
z-index:3;
}
#localisation-bien{
float:left;
margin-top:20px;
}
#gmap{
float:left;
width:305px;
border:1px solid #d2d2d2;
}
#gmap #map span{bottom:-20px; position:relative; left:40px; font-size:10px; color:#666;}
table#infos-localite{
border:none;
width:80%;
}
ul#proximite{
margin:0;
padding:0;
list-style:none;
}
#contact{
background:url(../../images/bg-gris.jpg) repeat-x left bottom #fff;
position:relative;
border-right:1px solid #C3C3C4;
border-bottom:1px solid #C3C3C4;
margin-top:15px;
width:207px;
}
#coord{
margin:10px 5px 5px 15px;
}
#envoi-email{
text-align:center;
padding:10px 0;
}
/**/
#criteres-recherche{
background:url(../../images/bg-gris.jpg) repeat-x left bottom #fff;
border:1px solid #C3C3C4;
width:100%;
float:left;
position:relative;
margin:10px 0;
}
#criteres-recherche .contenu{
padding:10px 15px;
width:67%;
float:left;
min-height:56px;
}
#criteres-recherche .transaction, #criteres-recherche .titre-orange{
font-size:15px;
}
.criteres-recherche{
color:#4D4D4D;
font-weight:bold;
font-size:14px;
float:left;
margin-top:5px;
}
#btns-recherche{
width:160px;
background:url(../../images/fd-loupe.jpg) no-repeat right bottom;
height:72px;
text-align:center;
bottom:0;
position:absolute;
right:0px;
padding-right:20px;
}
#btns-recherche img{
padding-top:10px;
}
#liens_annexes2{/*encadres en haut*/
position:relative;
top:-5px;
margin-left:5px;
}
#liens_annexes2 #votre-selection{
background:url(../../images/fond-selection.png) no-repeat left top;
width:201px;
height:36px;
margin-bottom:5px;
}
#liens_annexes2 #votre-selection a{
line-height:52px;
vertical-align:middle;
padding-left:14px;	
display:block;
text-decoration:none;
font-size:13px;
color:#333333;
font-weight:bold;
	}

#baseline{
float:left;
text-align:center;
width:100%;
color:#666;
font-size:10px;
padding:10px 0;
background-color:#E3E4E5;
}
#baseline a{
color:#666;
font-size:10px;
}
/*recherche avancee*/
div#recherche_avancee{
background-color:#f0f0f0;
/*border:1px solid #ccc;*/
width:100%;
float:left;
position:relative;
margin:10px 0;
}
div#recherche_avancee .contenu{
padding:10px 15px;
float:left;
min-height:120px;
width:96%;
}
#recherche_avancee h2{
display:inline-table;
width:30%;
padding-right:10px;
margin:10px 0 2px 0;
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}
#recherche_avancee .caract{/*sous titres*/
color:#666666;
font-weight:bold;
font-size:14px;
width:30%;
float:left;
clear:both;
padding-right:10px;
}
#recherche_avancee .precision{/*euro ou m²*/
color:#666666;
font-size:12px;
margin-left:3px;
}
#recherche_avancee .minmax{
color:#333333;
font-size:13px;
margin-right:5px;
}
#recherche_avancee hr{
height:1px;
border:none;
background-color:#e7e7e7;
margin:3px 0;
clear:both;
}

#recherche_avancee #bien, #recherche_avancee #transaction{
float:left;
width:50%;
}
#recherche_avancee #transaction *{
font-weight:bold;
font-size:13px;
text-transform:uppercase;
margin-right:5px;
}
#recherche_avancee #bien input, #recherche_avancee #nbpieces input, #elargir-recherche input, #recherche_avancee #anciennete input, #recherche_avancee #nbchambres input{
margin-left:15px;
}

#recherche_avancee #typebien, #recherche_avancee #prix, #recherche_avancee #localisation, #recherche_avancee #infos-compl, #recherche_avancee #dispo, #recherche_avancee #infos-annonce, #recherche_avancee #proximites, #recherche_avancee #commodites{
float:left;
clear:both;
margin-bottom:10px;
background-color:#F9f9f9;
width:96%;
padding:5px 10px;
border:1px solid #e7e7e7;
}

#recherche_avancee #surface input, #recherche_avancee #prix input{
width:45px;
}
#recherche_avancee #localisation #localite, #recherche_avancee #localisation #idRegion{
width:220px;
}
ul.sur4col, ul.sur3col{
float:left;
clear:both;
width:100%;
margin:0;
padding:0;
}
ul.sur4col li{
list-style:none;
float:left;
width:24%;
margin-right:5px;
line-height:20px;
}
ul.sur3col li{
list-style:none;
float:left;
width:32%;
margin-right:5px;
line-height:20px;
}
ul.sur3col input, ul.sur2col input, ul.sur4col input{
float:left;
margin-right:5px;
}

#recherche_avancee #commodites{
padding-bottom:10px;
float:left;
}
#recherche_avancee #lancer_recherche{
float:left;
margin:10px 0;
text-align:center;
width:100%;
}
#recherche_avancee #creer-alerte{
text-align:center;
width:100%;
float:left;
margin-bottom:20px;
}
#recherche_avancee #creer-alerte a{
background:url(../../images/picto-alertemail.png) no-repeat left top;
text-decoration:none;
font-size:13px;
font-weight:bold;
color:#333;
padding:2px 5px 10px 37px;
}
#recherche_avancee #creer-alerte a:hover{
text-decoration:underline;
}
/*----- page connexion -----*/
#page-connexion{}
#colD.colD_connexion{
margin-top:0;
padding-top:35px;
}
#colD.colD_connexion #liens_annexes{
margin-top:0;
}
#login{
float:left;
margin-left:10px;
}
#register{
float:right;
margin-left:20px;
}
.rpt-cadregris300px{
width:300px;
float:left;
background:url(../../images/rpt-cadregris300px.jpg) repeat-y;
}
.haut-cadregris300px{
float:left;
width:100%;
background:url(../../images/haut-cadregris300px.jpg) no-repeat top;
}
.bas-cadregris300px{
float:left;
width:270px;
padding:0 10px 10px 20px; 
background:url(../../images/bas-cadregris300px.jpg) no-repeat bottom;
height:250px;
}
#page-connexion .encadre_ar-simple .contenu{
float:left;
padding:15px;
width:95%;
min-height:300px;
}
#page-connexion label{
float:left;
width:100%;
}
#page-connexion #emailLogin, #page-connexion #passeLogin{
width:200px;
margin-top:3px;
}
#page-connexion #login a#pass-oublie{
margin-top:20px;
display:block;
}
.center{
margin:0 auto;
display:block;
}
#page-connexion .center{
margin-top:10px;
}
#page-connexion h2{
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
position:relative;
left:-16px;
top:-5px;
}

#page-connexion h3{
color:#333333;
margin-bottom:0;
padding-bottom:3px;
}

#page-connexion ul{
margin:0 0 0 20px;
padding:0;
}

#baseline
{
color:#666;
text-align: justify;
}



/*Formulaire CONTACTER|RECOMMANDER|*/
#formEnvoieMail{
background-color:#F9f9f9;
width: 630px;
border:1px solid #e7e7e7;
padding-left: 10px;
}
#formEnvoieMail h2{
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}
#formEnvoieMail hr{
height:1px;
border:none;
background-color:#e7e7e7;
margin:3px 0;
clear:both;
}


/*Formulaire Ajout d'un client*/
#formAjoutClient{
background-color:#F9f9f9;
width: 630px;
border:1px solid #e7e7e7;
padding-left: 10px;
}
#formAjoutClient h2{
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}


/*Formulaire Récupération d'un mot de passe*/
#modifMotdepasse{
background-color:#F9f9f9;
width: 630px;
border:1px solid #e7e7e7;
padding-left: 10px;
}
#modifMotdepasse h2{
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}

/*Formulaire Ajout d'une annonce*/
#formAjoutAnnonce{
background-color:#F9f9f9;
width: 630px;
border:1px solid #e7e7e7;
padding-left: 10px;
}
#formAjoutAnnonce h2{
color:#333333;
background:url(../../images/puce-carre-fleche.png) no-repeat left 2px;
padding-left:16px;
font-size:15px;
}
#formAjoutAnnonce hr{
height:1px;
border:none;
background-color:#e7e7e7;
margin:3px 0;
clear:both;
}
#descriptBiens{ 
margin-left:100px;
margin-top:10px;
}

.redEtoile {
	color: red;
}
