/**** FEUILLE DE STYLE LAFORÊT IMMOBILIER ************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/
* { font-family: Arial, Helvetica, sans-serif; }
body { margin: 0; padding: 0; font-size: 11px; color: #000000; text-align: center; }
td { font-size: 11px; color: #000000; }
input,select,textarea { font-size: 11px; color: #000000; vertical-align: middle; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
img { border: 0; }
p { margin: 10px 0; text-align: justify; }
form { margin: 0; padding: 0; }

/* couleurs */
.bleu { color: #0A50A5; }
.blanc { color: #FFF; }
.jaune { color: #FFAA00; }
.orange { color: #F59632; }
.violet { color: #7D1491; }
.violet2 { color: #B056C5; }

/* liens */
a { color: #444; text-decoration: none; }
a:hover { color: #0F50A5; text-decoration: underline; }

/* Alignements */
.align_right { text-align : right; }
.align_left { text-align: left; }
.align_center { text-align: center; }
.clear { clear: both; height: 1px; font-size: 1px; }

/* Retour haut page */
.toppage { display:none; }



/**** STRUCTURE ************************************************************************************/
.all { position: relative; text-align: left; width:650px; }
.content .infos_journalieres { display: none; }
.content .mentions_legales { display: none; }
.col_gauche { float: left; margin: 0 5px 0 0; width: 270px; }
.leftL { float: left; margin: 0 5px 0 0; width: 785px; }
.centre { float: left; margin: 0 5px 0 0; width: 480px; }
.centre2 { float: left; margin: 0 5px 0 0; width: 510px; }
.contenu { float: left; margin: 0 -10px 0 0; width: 693px; }
.centreXL { float: left; margin: 0 5px 0 0; width: 750px; }
.col_droite { float: left; width: 210px; }
.col_droite2 { float: left; width: 180px; }
.rightL { float: left; width: 215px; }
.mentions { float: left; width: 580px; border-top: 1px solid #000; font-size: 10px; color: #5F6978; padding-top: 10px; margin: 10px 0; }

#footer { display: none; }
#footer_all { clear: both; font-weight: bold; font-size: 12px; color: #5F6978; }
#footer_all .useweb { display: none; }
#footer_all .coordonnnees { float: left; }



/**** CADRES ************************************************************************************/
.cadre_bleu,.cadre_jaune_hp,.cadre_jaune { background: none; }

.marges { margin: 0; padding: 10px; }



/**** HEADER ************************************************************************************/
.header { background: none; margin-bottom: 20px; }
.logo { display: block; }

/* Pub */
.pub { display: none; }

/* Cadre Localisation */
.header .cadrelocal { text-align: right; float: right; text-transform: uppercase; }
.header .cadrelocal h1,.header .cadrelocal h2 { font-weight: bold; font-size: 20px; }
.header .cadrelocal img { display: none; }

.accroche { display: none; }

.langue { display: none; }

.menutop { display: none; }
div#li_pubtv { display: none; }

.space { background: none; }



/**** HOMEPAGE ************************************************************************************/ /* Ma recherche - Moteur de recherche - Homepage */
#tab_search_home { display: none; }
div#cartejs { display: none; }

/* Cadre home Nouveautés - Primo accession - Prestige - Estimer - isuivi - privilège - actualite - outils*/
.cadre_home_left,.cadre_home_right,.cadre_home_centre { display: none; }
#agences { display: none; }
#carte_flash { display: none; }
ul#menu_annonces { display: none; }

.ccoeur,.lastbiens,.excllusivites { clear: both; margin: 0; }

.annonce { text-align: center; float: left; margin: 15px 0 0 0; width: 33%; }
.annonce .visu img { width: 112px; border: 2px solid #FFBE23; }
.annonce .details { padding: 5px 0 0 0; }
.annonce .details a { display: block; color: #000000; font-weight: bold; text-decoration: none; }
.annonce .details span { display: block; color: #F69833; font-size: 12px; font-weight: bold; }

.voir_exclus { text-align: right; margin: 15px 15px 0 0; }
.voir_exclus a img { border: none; }

#ccoeur_right { height: 525px !important; height: 535px; overflow: hidden; }
#ccoeur_right h3 { color: #FFF; font-size: 18px; font-weight: bold; margin-bottom: 6px; }

/* Annonce Droite Config Carte Flash */
.annonceR { background: #FFFFFF url(../images/laforet/cadre/bg_liste.gif) repeat-x  bottom right; position: relative; margin: 0 0 5px 0; clear: left; height: 69px; }
.annonceR .visuR { float: left; display: block; width: 80px; height: 65px; margin: 2px 5px 2px 2px; }
.annonceR .visuR img { width: 80px; height: 65px; }
.annonceR .detailsR { margin: 0 10px 0 0; padding-top: 5px; }
.annonceR .detailsR a { display: block; color: #444; font-size: 10px; font-weight: bold; text-decoration: none; }
.annonceR .detailsR strong { font-size: 10px; }
.annonceR .detailsR strong.violet { font-size: 12px; }
.annonceR .detailsR span { display: block; color: #F69833; font-size: 12px; font-weight: bold; }

#liens_bottom { display:none; }



/**** PRIVILEGE ************************************************************************************/
.ico_privilege { z-index:100; position:absolute; top:-5px; right:-10px; }

/* privilège Liste de bien acheter louer */ 
.bloc_bien .visu img.ico_privilege { height:30px; width:30px; }

/* privilège Homepage */
.annonce .visu .ico_privilege { height:30px; width:30px; border:none; }

/* privilège Homepage colonne droite */
.annonceR .visuR .ico_privilege { height:30px; width:30px; border:none; }

/* privilège Détail d'un bien */
#details_bien .photo_bien .view img.ico_privilege { width:37px; height:37px; border:none; }

.annonce .visu, 
.annonceR .visuR,
.bloc_bien .visu,
#details_bien .photo_bien .view { position:relative; }



/**** DEATILS BIEN ************************************************************************************/
.top_cadre_jaune { height: 35px; }
.top_cadre_jaune h1 { color: #FFF; font-size: 18px; font-weight: bold; }
.top_cadre_jaune .ref_bien { float: right; margin-top: 2px; color: #7d1491; font-size: 11px; font-weight: bold; text-align: right; }
.top_cadre_jaune .ref_bien span { font-size: 16px; font-weight: bold; }

/* colonne gauche : photo + description */
#details_bien .colgauche { float: left; width: 445px; }
#details_bien h3 { color: #8D30A2; }
#details_bien .photo_bien .view { width: 440px; border: 2px solid #FFBE23; float: left; }
#details_bien .photo_bien .thumbs { float: right; }
#details_bien .photo_bien .thumbs img { width: 40px; border: 1px solid #FFBE23; margin: 5px 0 3px 0 !important; margin: 5px 0 2px 0; }
#details_bien .detail_offre { clear: left; padding: 5px 0 0 0; }
#details_bien .detail_offre .intro h2 { font-size: 14px; font-weight: bold; color: #AF55C8; }
#details_bien .detail_offre .intro h3 { font-size: 18px; font-weight: bold; color: #7D3299; }
#details_bien .detail_offre .intro p { font-size: 12px; color: #5F6978; text-align: justify; }
#details_bien .desc_bien { clear: left; }
#details_bien .desc_bien span { font-size: 14px; color: #7D3299; }
#details_bien .desc_bien table { width: 320px; float: left; margin: 10px 10px 0 0; }
#details_bien .desc_bien table td,#details_bien .desc_bien table th { text-align: left; color: #333; padding: 0 2px 0 10px; }
#details_bien .desc_bien table th { width: 140px; font-weight: bold; }
#details_bien .desc_bien table .td1 { background-color: #F0E6F5; }
#details_bien .desc_bien table .td2 { background-color: #FFF; }

/* coonne droite : Contact agence + outils */
#details_bien .coldroite { margin: 0 5px 0 0; float: right; width: 200px; }
#details_bien .retour { display: none; }
#details_bien #contact_bien { border: 1px solid #FFA600; margin: 5px 0 10px 0; padding: 15px 10px 5px 15px; color: #757575; background: #FFF url(../images/cadre/bg_contact.gif) no-repeat top right 	; }
#details_bien #contact_bien h4 { padding: 0; margin: 5px 0; color: #8C32A0; font-weight: normal; font-size: 17px; }
#details_bien #contact_bien h4 span { color: #FFF; font-size: 20px; }
#details_bien #contact_bien p { color: #333; margin: 0 0 10px 0; }
#details_bien #contact_bien p i { color: #757575; font-style: normal; }
#details_bien #contact_bien a { color: #757575; text-decoration: none; }
#details_bien #contact_bien .barh { padding: 5px 0; background: url(../images/puces/separate_violet.gif) repeat-x left; }
#details_bien #contact_bien .appel { position: relative; width: 178px; height: 27px; padding: 0; margin: 0 5px 10px -5px; background: url(../images/cadre/appel.gif) no-repeat 0 0; }
#details_bien #contact_bien .appel a { position: absolute; top: 3px; left: 40px; font-size: 18px; font-weight: bold; color: #B056C5; text-decoration: none; }
#details_bien #outils_bien { display: none; }



/**** AUTRES BIENS COLONNE GAUCHE ************************************************************************************/
#autresbien { display: none; }



/**** PAS DE RESULTATS ************************************************************************************/
/* Cadre Alerte Email */
.alerte_email { background: #FFF url(../images/laforet/cadre/bg_liste.gif) repeat-x right bottom; position: relative; margin: 10px 50px 10px 10px; border: 1px solid #FFBE1E; }
.alerte_email .bg_alerte_email { background: url(../images/laforet/cadre/bg_alertemail.gif) no-repeat   left bottom; margin: 0; text-align: right; padding: 10px 0 25px 0; }
.alerte_email h3 { font-weight: normal; font-size: 22px; color: #73A0E6; margin: 0 20px 0 0; }
.alerte_email h3 strong { font-weight: bold; color: #FFB400; }
.alerte_email p { text-align: right; color: #878787; margin: 0 20px 0 0; }
.alerte_email .links_alerte { position: absolute; top: 60px; left: 460px; padding: 1px 5px 1px 5px; margin: 0; background-color: #ffbe1e; text-align: right; }
.alerte_email .links_alerte a { font-size: 11px; color: #FFF; font-weight: bold; padding-left: 15px; background: url(../images/laforet/puces/ico_ecrire_orange.gif) no-repeat   left; }
.alerte_email .link_valid_alerte { position: absolute; top: 69px; width: 135px; left: 167px; padding: 1px 7px 1px 7px; margin: 0; background-color: #b056c5; text-align: right; font-size: 11px; color: #FFF; font-weight: bold; }

/* Cadre Erreur */
.alerte_email .bg_error { background: url(../images/laforet/cadre/bg_error.gif) no-repeat left 50%; margin: 0; text-align: right; padding: 10px 0 25px 0; }

/* Cadre Résultat Recherche */
.resultats_recherche { background: #FFF url(../images/laforet/cadre/bg_liste.gif) repeat-x   right bottom; position: relative; margin: 10px 50px 10px 10px; border: 1px solid #FFBE1E; }
.resultats_recherche .bg_recherche { background: url(../images/laforet/cadre/bg_recherche.gif) no-repeat   left bottom; margin: 0; text-align: right; padding: 10px 0 25px 0; }
.resultats_recherche .bg_recherche h3 { font-weight: normal; font-size: 22px; color: #73A0E6; margin: 0 20px 0 0; }
.resultats_recherche .bg_recherche h3 strong { font-weight: bold; color: #FFB400; }
.resultats_recherche .bg_recherche p { text-align: right; color: #878787; margin: 0 20px 0 0; }
.resultats_recherche .links_recherche { position: absolute; top: 60px; left: 446px; padding: 1px 5px 1px 5px; margin: 0; background-color: #ffbe1e; text-align: right; }
.resultats_recherche .links_recherche a { font-size: 11px; color: #FFF; font-weight: bold; padding-left: 15px; background: url(../images/laforet/puces/ico_ecrire_orange.gif) no-repeat   left; }
.resultats_recherche .link_valid_recherche { position: absolute; top: 69px; width: 135px; left: 167px; padding: 1px 7px 1px 7px; margin: 0; background-color: #b056c5; text-align: right; font-size: 11px; color: #FFF; font-weight: bold; }



/**** AFFICHAGE LISTE RESULTATS ************************************************************************************/
.liste_biens { margin: 10px -30px 0 0; }
.bloc_bien { background: #FFF url(../images/laforet/cadre/bg_liste.gif) repeat-x  bottom right; position: relative; float: left; margin: 0 0 10px 10px; width: 316px; border: 1px solid #FFBE1E; }
.bloc_bien .visu { position: relative; float: left; margin: 1px; }
.bloc_bien input { position: absolute; top: 1px; left: 295px; }
.bloc_bien .visu img { width: 102px; height: 83px; margin:0; }
.bloc_bien .desc { font-size: 11px; float: left; padding: 7px 10px 6px 10px; width: 174px; height: auto !important; height: 70px; min-height: 70px; }
.bloc_bien .desc a { display: block; }
.bloc_bien .desc h3 a { font-size: 11px; color: #B056C5; font-weight: normal; }
.bloc_bien .desc span { display: block; color: #8C32A0; font-weight: bold; }
.bloc_bien .links { position: absolute; top: 69px; left: 167px; padding: 1px 5px 1px 5px; margin: 0; background-color: #ffbe1e; text-align: right; }
.bloc_bien .links a { font-size: 11px; color: #FFF; font-weight: bold; padding-left: 15px; background: url(../images/laforet/puces/ajouter_jaune.gif) no-repeat   left; }
.bloc_bien .link_valid { position: absolute; top: 69px; width: 135px; left: 167px; padding: 1px 7px 1px 7px; margin: 0; background-color: #b056c5; text-align: center; font-size: 11px; color: #FFF; font-weight: bold; }

.outils_filtre { display: none; }
.multipage { display: none; }

a.ico_save   { padding:1px 0 2px 25px; background:url(../images/laforet/puces/save.gif) no-repeat 0 0; }
a.ico_alerte { padding:1px 0 2px 25px; background:url(../images/laforet/puces/alerte.gif) no-repeat 0 0; }
a.ico_connect  { padding:1px 0 2px 20px; background:url(../images/laforet/puces/connect.gif) no-repeat 0 0; }
a.ico_search  { padding:1px 0 2px 25px; background:url(../images/laforet/puces/search.gif) no-repeat 0 0; }

#save_recherche { margin:0 15px 0 10px; text-align: center; background-color:#E9D1EF; padding:5px 0; border:1px solid #D7B5DF; color:#8C32A0; }
#save_recherche input[type=text] { background:none; border:1px solid #8C32A0; color:#8C32A0; font-weight:bold; }
#save_recherche input[type=text]:focus { background-color:#ECE0EF; border:1px solid #8C32A0; }



/**** POPUP ************************************************************************************/
.popup { display: none; }
.popup .photos_popup,.popup .details_popup { display: none; }



/**** ANNONCE BIEN CONTACT ************************************************************************************/
#bien_contact { background: #FFFFFF url(../images/laforet/cadre/bg_liste.gif) repeat-x  bottom right; margin: 10px; border: 1px solid #F1B624; }
#bien_contact .photo_bien { float: left; margin: 0 20px 5px 0; border: none; }
#bien_contact .photo_bien  img { width: 102px; border: 2px solid #FFBE23; }
#bien_contact .detail_offre { float: left; padding: 0; }
#bien_contact .detail_offre .intro h2 { font-size: 14px; font-weight: bold; color: #AF55C8; background: none; }
#bien_contact .detail_offre .intro h3 { font-size: 18px; font-weight: bold; color: #7D3299; margin-bottom: 10px; }
#bien_contact .detail_offre .intro p { font-size: 12px; color: #5F6978; text-align: justify; }
#bien_contact .detail_offre .intro span { font-size: 14px; color: #7D3299; }
#bien_contact .desc_bien { font-size: 11px; clear: left; }
#bien_contact .desc_bien span { font-size: 14px; color: #7D3299; }
#bien_contact .desc_bien table { width: 300px; float: left; margin: 10px 10px 0 0; }
#bien_contact .desc_bien table td,#bien_contact .desc_bien table th { text-align: left; color: #333; padding: 0 2px 0 10px; }
#bien_contact .desc_bien table th { width: 140px; font-weight: bold; }
#bien_contact .desc_bien table .td1 { background-color: #F0E6F5; }
#bien_contact .desc_bien table .td2 { background-color: #FFF; }



/**** CONTENU PAGES DIVERSES ************************************************************************************/
.inc_col { margin: 5px 5px 5px 0; }
.inc h4 { font-size: 14px; padding: 10px 0 0 10px; background: url(../images/laforet/puces/li_bleu.gif) no-repeat 0 14px; color: #0C49A4; font-weight: bold; }
.inc h5 { padding: 0 0 2px 0; background: url(../images/laforet/puces/separate_bleu.gif) repeat-x   bottom left; color: #789bd2; }
.inc .barh { padding: 2px 0; background: url(../images/laforet/puces/separate_bleu.gif) repeat-x left   ; }
.inc { margin: 15px 0 15px 10px; width: 480px; }
.inc2 { margin: 15px 10px 15px 0; width: 150px; float: right; }
.small_bleu { color: #769CD5; font-size: 10px; }
.small { font-size: 10px; }

/* Page Agence */
#page_agence,#page_services,#page_alerte { background: url(../images/laforet/bg_laforet.gif) no-repeat right 70px; }
div.coordonnees { margin: 10px 0 0 0; background: #FFFFFF url(../images/laforet/cadre/bg_liste.gif) repeat-x  bottom right; }
div.coordonnees p { float: left; margin: 0 0 5px 10px; }
div.coordonnees p strong { color: #0A50A5; }
div.coordonnees p a { text-decoration: underline; }
div.horaires { float: right; width: 200px; margin: 0 10px 10px 0; text-align: right; padding: 0; }
div.horaires { color: #333; }

/* Recrutement */
.btLink { margin:15px 0 0 0; text-align:center; }
.btLink a { background-color:#FFF; margin:0; padding:3px 50px; border:2px solid #8199CA; color:#8199CA; text-align:center; }
.btLink a:hover { text-decoration:none; background-color:#E1EBFF; border:2px solid #0C49A4; color:#0C49A4; }
#form_recrutement { background: url(../images/laforet/bg_recrutement.gif) no-repeat right   50px; }

/* Nous contacter */
#form_contact { background: url(../images/laforet/bg_contact.gif) no-repeat right 50px; }

/* Outils calculette */
#page_outils { background: url(../images/laforet/bg_outils.gif) no-repeat right 50px; }
#page_outils h4 { font-size: 14px; padding: 10px 0 0 15px; background: url(../images/laforet/puces/ico_calc.gif) no-repeat 0 12px; color: #0C49A4; font-weight: bold; border-bottom:1px solid #8199CA; }
#page_outils h4 span { font-weight: normal; }

#page_outils table.tab_outils { margin-top:10px; width:90%; }
#page_outils table.tab_outils td { }

#page_outils table.tab_result_outils { width:100%; }
#page_outils table.tab_result_outils td { text-align:center; }
#page_outils table.tab_result_outils tr.td1 td { background-color: #E1EBFF; }
#page_outils table.tab_result_outils tr.td2 td { background-color: #FFF; }
#page_outils table.tab_result_outils th { width:33%; text-align:center; background-color: #8199CA; color:#FFF; font-weight:normal; }

#help_outils { width:400px; float:right; background-color:#E9D1EF; margin:0; padding:3px 10px; border:1px solid #D7B5DF; color:#8C32A0; text-align:right; font-size:10px; }

.note { background-color:#E9D1EF; margin:0; padding:3px 10px; border:1px solid #D7B5DF; color:#8C32A0; text-align:center; font-size:10px; }
.erreurs { background-color:#FAE1C3; margin:5px 0; padding:3px 10px; border:1px solid #FA911E; color:#FA911E; font-size:10px; }
.erreurs ul li { list-style-type:square; margin:0; padding:0; }
.erreurs ul { margin:0 0 0 20px; padding:0; }



/**** RECHERCHE AVANCE ************************************************************************************/
#recherche table { width: 100%; }
#recherche td { font-weight: normal; vertical-align: top; }
#recherche .invest { padding: 2px 0 2px 0; }
#recherche .invest input { vertical-align: -3px; }
#recherche .invest label { font-weight: bold; color: #0A4BA5; font-size: 12px; margin: 0 20px 0 0; }
#recherche .barh { padding: 2px 0; background: url(../images/laforet/puces/separate_bleu.gif) repeat-x left   ; }
#recherche .titres th { padding: 10px 0 0 15px; color: #769CD5; text-transform: uppercase; background: url(../images/laforet/puces/titre_criteres.gif) no-repeat 0  13px; }
#recherche .titre_ref th { padding: 10px 0 0 15px; color: #0A4BA5; text-transform: uppercase; background: url(../images/laforet/puces/titre_criteres.gif) no-repeat 0   13px; }
#recherche label { font-weight: normal; }
#recherche select { width: 170px; }
#recherche .bg_criteres td { padding: 10px; background: #F2F6FF; }
#recherche #referenceSearch { padding: 10px; background: #E6EBFA; }
#recherche #deptBiens { margin-bottom: 15px; }
#recherche #villeBiens { margin-bottom: 15px; }
#recherche #deptBiens label,#recherche #villeBiens label,#recherche #villerayon label { display: block; font-weight: bold; }
#recherche .budget table td { padding: 2px 0 2px 5px; white-space: nowrap; vertical-align: middle; }
#recherche .budget input { width: 50px; }



/**** FORMULAIRE ************************************************************************************/
.champs_obligatoires { color: #F59632; font-weight: bold; text-align: right; margin: 0; padding:10px 0 0 0; }
.cadre_bleu label,.cadre_orange label { font-weight: bold; }
.cadre_bleu table td h5,.cadre_orange table td h5 { margin-top: 10px; }
.cadre_bleu .iform,.cadre_orange .iform { width: 250px; }
.cadre_bleu .iform2,.cadre_orange .iform2 { width: 40px; }
input[type=radio] { vertical-align: bottom; }



/****MON ESPACE ************************************************************************************/
.top_cadre_orange { height: 35px; }
.top_cadre_orange h2 { color: #FFF; font-size: 18px; font-weight: bold; }
.cadre_orange h3 { color: #FA8200; font-size: 16px; font-weight: bold; }
#form_connexion .champs_obligatoires { color: #FFF; font-weight: bold; text-align: right; margin: 0; }

.saves ul { list-style-image: url(../images/laforet/puces/raquo_jaune.gif); margin-top: 5px; }
.saves ul li { padding: 0; margin: 0; }
.saves ul li a { margin: 0 20px 0 0; }
.saves ul li a.lia { font-weight: bold; text-decoration: underline; }
.saves ul li a.ico_modifier { padding: 0 0 0 15px; background: url(../images/laforet/puces/ico_ecrire.gif) no-repeat 0 1px; }
.saves ul li a.ico_supp { padding: 0 0 0 10px; background: url(../images/laforet/puces/supprimer.gif) no-repeat 0 4px; }
.saves ul li a.ico_modifier,.saves ul li a.ico_supp { color: #666; font-size: 10px; }
.saves ul li a.ico_modifier:hover,.saves ul li a.ico_supp:hover { color: #7D1491; }

.bloc_bien .links2 { position: absolute; top: 69px; left: 162px; padding: 1px 5px 1px 5px; margin: 0; background-color: #ffbe1e; text-align: right; }
.bloc_bien .links2 a { font-size: 11px; color: #FFF; font-weight: bold; padding-left: 15px; background: url(../images/laforet/puces/supprimer.gif) no-repeat left; }

#infos_connexion ul { list-style-image: url(../images/laforet/puces/li_bleu.gif); margin: 5px 5px 10px 25px; padding: 0; }
#infos_connexion ul li { padding: 0; margin: 0; }

#myspace { background:url(../images/laforet/couple.gif) no-repeat 99% 34px; }
#myspace .barh      { padding: 5px 0; background: url(../images/laforet/puces/separate_jaune.gif) repeat-x  left; }
#myspace h5  { color: #AF5000; font-size: 16px; font-weight: bold; }
#myspace .intro  { margin: 15px 0 15px 0; width: 460px; }

#myspace input[type=text],
#myspace input[type=password],
#myspace select,
#myspace textarea { font-size: 11px; color: #444; vertical-align: middle; border:1px solid #8597BB; }
#myspace input[type=text]:focus,
#myspace input[type=password]:focus,
#myspace select:focus,
#myspace textarea:focus { background-color:#FFE6C8; border:1px solid #FA8241; }