/**** FEUILLE DE STYLE LAFORÊT IMMOBILIER ************************************************************************************/ /*****************************************************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family: Arial, Helvetica, sans-serif; } body { margin: 0; padding: 0; font-size: 12px; color: #444; background: #FFF url(../images/laforet/bg.jpg) repeat-x 0 0; text-align: center; } td { font-size: 11px; color: #444; } input[type=text],input[type=password],select,textarea { font-size: 11px; color: #444; vertical-align: middle; border:1px solid #8597BB; } input[type=text]:focus,input[type=password]:focus,select:focus,textarea:focus { background-color:#DCE6FF; border:1px solid #333; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; } img { border: 0; } p { margin: 10px 0; text-align: justify; color: #444; } 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; } hr { display: none; } /* Alignements */ .align_right { text-align : right; } .align_left { text-align: left; } .align_center { text-align: center; } .clear { clear: both; height: 1px; font-size: 1px; } .left { float: left; margin: 0 15px 5px 0; } .right { float: right; } /* Retour haut page */ .toppage { text-align: right; margin: 10px 10px 0 0; } .toppage a { font-size: 10px; color: #7D1491; padding-right: 15px; background: url(../images/laforet/puces/scrollTop.gif) no-repeat right 80%; } /* indicateur ajax */ #indicator { text-align: center; padding: 5px; } /**** STRUCTURE ************************************************************************************/ .all { position: relative; margin: auto; width: 995px; text-align: left; background-color:#FFF; } .content { padding: 8px 10px 0 10px; height: auto !important; height: 114px; min-height: 114px; background: url(../images/laforet/bg_content.jpg) no-repeat top; border: 1px solid #CCD2DC; border-top: 2px solid #E0EAFF; } .content .infos_journalieres { font-size: 11px; margin: 0 0 5px 0; } .content .mentions_legales { float: right; margin: 0; } .content .mentions_legales a { font-size: 10px; color: #0A50A5; } .contenu { float: left; margin: 0 -10px 0 0; width: 693px; } .centre { float: left; margin: 0 5px 0 0; width: 480px; } .col_gauche { float: left; margin: 0 5px 0 0; width: 270px; } .col_droite { float: left; width: 210px; z-index:0; } .mentions { margin: 5px 0; font-size: 10px; color: #5F6978; text-align: center; } #footer { margin: 3px 0 0 0; padding: 4px 0; color: #FFFFFF; text-align: center; background: #F8B832 url(../images/laforet/cadre/bg_footer.gif) repeat-x 0 0; } #footer ul,#footer ul li { margin: 0; padding: 0; list-style-type: none; } #footer ul li { display: inline; } #footer ul li a { margin: 0; padding: 0; color: #FFFFFF; font-weight: bold; } #footer_all { padding-top: 5px; width: 100%; font-size: 10px; color: #fff; background:#001934 url(../images/laforet/bg_footer.gif) repeat-x 0 100%; } #footer_all .inc_footer { text-align:left; margin: 0 auto; padding:5px 0; width: 995px; } #ref_footer { /*display:none;*/ padding-left:70px; background:url(../images/laforet/logo_small.png) no-repeat 0 0; height: auto !important; height: 60px; min-height: 60px; } #ref_footer p { margin:0 0 5px 0; } #ref_footer p, #ref_footer a { color:#00baff; text-decoration:none; font-size:12px; } #ref_footer a:hover { text-decoration:underline; } #ref_footer ul, #ref_footer ul li { margin:0; padding:0; } #ref_footer ul li { display:inline; list-style:none; } #ref_footer ul li a { color:#fa0; padding:0 5px 0 0; font-size:10px; } #ref_regionfooter { padding-left:70px; } #ref_regionfooter a:hover { text-decoration:underline; } #ref_regionfooter ul, #ref_footer ul li { margin:0; padding:0; } #ref_regionfooter ul li { display:inline; list-style:none; } #ref_regionfooter ul li a { color:#fa0; padding:0 5px 0 0; font-size:10px; } #refdynamic_footer { margin:10px 0; font-size:10px; } #refdynamic_footer h3 { font-weight:normal; font-size:12px; color:#fa0; display:inline; } #refdynamic_footer ul, #refdynamic_footer ul li { margin:0; padding:0; } #refdynamic_footer ul li { display:inline; list-style:none; } #refdynamic_footer ul li a { color:#fff; padding:0 5px 0 0; } #refdynamic_footer ul li a:hover { color:#00baff; } #footer_all .useweb { text-align:right; } #footer_all .useweb a { color: #FFF; } #footer_all .coordonnnees { float: left; } /**** CADRES ************************************************************************************/ .cadre_bleu { margin: 0 0 5px 0; height: 1%; text-align: left; background: #FFFFFF url(../images/laforet/cadre/bg_cadre_bleu.gif) repeat-x; } .cadre_bleu .topleft { height: 1%; background: url(../images/laforet/cadre/cadre_bleu1.gif) no-repeat top left; } .cadre_bleu .bottright { padding: 5px 10px 10px 10px; height: 1%; background: url(../images/laforet/cadre/cadre_bleu2.gif) no-repeat bottom right; } .cadre_bleu.tg .bottright { padding: 12px 5px 5px 5px; height: 65px; } .cadre_bleu h2 { margin: 0 0 0 -3px; padding: 5px 3px 5px 5px; color: #0C49A4; font-size: 17px; text-transform: none; background: url(../images/laforet/puces/separate_bleu.gif) repeat-x bottom; } .cadre_bleu h2 span { color: #698CD0; font-weight: bold; font-size: 12px; padding: 5px 0 3px 27px; text-transform: uppercase; background: url(../images/laforet/puces/titre.gif) no-repeat 0 0; } .cadre_jaune_hp { margin: 0 0 20px 0; height: 390px; /*height:auto !important; height:1%;*/ background: #FFFFFF url(../images/laforet/cadre/bg_cadre_jaune_hp.gif) repeat-x 0 0; } .cadre_jaune_hp .topleft { background: url(../images/laforet/cadre/cadre_jaune1.gif) no-repeat top left; } .cadre_jaune_hp .bottright { height: 390px; /*height:auto !important;*/ /*height:113px; min-height:113px;*/ padding: 0 0 15px 0; background: url(../images/laforet/cadre/cadre_jaune2.gif) no-repeat bottom right; } .cadre_onglets_hp { margin: 0 0 20px 0; height: 390px; } .cadre_onglets_hp .bottright { height: 390px; padding: 0 0 15px 0; } .cadre_jaune { margin: 0 0 5px 0; height: auto !important; height: 1%; background: #FFFFFF url(../images/laforet/cadre/bg_cadre_jaune.gif) repeat-x 0 0; } .cadre_jaune .topleft { background: url(../images/laforet/cadre/cadre_jaune1.gif) no-repeat top left; } .cadre_jaune .bottright { height: auto !important; /*height:113px; min-height:113px;*/ padding: 0 0 15px 0; background: url(../images/laforet/cadre/cadre_jaune2.gif) no-repeat bottom right; } .cadre_orange { margin: 0 0 5px 0; height: auto !important; height: 1%; background: #FFFFFF url(../images/laforet/cadre/bg_cadre_orange.gif) repeat-x 0 0; } .cadre_orange .topleft { background: url(../images/laforet/cadre/cadre_jaune1.gif) no-repeat top left; } .cadre_orange .bottright { height: auto !important; /*height:113px; min-height:113px;*/ padding: 0 0 15px 0; background: url(../images/laforet/cadre/cadre_jaune2.gif) no-repeat bottom right; } .marges { margin: 0; padding: 10px; } /**** HEADER OPTIONNEL ************************************************************************************/ div.top_word { background-color:#fff; text-align:center; } div.top_word, div.top_word a { color:#6090DC; } div.top_word a { text-decoration:underline; } /* div.top_word_lyon { font-size:10px; background-color:#fff; text-align:center; } div.top_word_lyon, div.top_word_lyon a { font-size:10px; color:#6090DC; } div.top_word_lyon a { font-size:10px; text-decoration:underline; } */ div.top_word_bottom { font-size:12px; position:absolute; padding:0 20px 10px 20px; bottom:50px; text-align:center; } div.top_word_bottom, div.top_word_bottom a { font-size:12px; color:#6090DC; } div.top_word_bottom a { font-size:12px; text-decoration:underline; } #margin_top_word_bottom { margin-top:120px; } /**** HEADER ************************************************************************************/ .header { z-index: 100; position: relative; height: 150px; background:#0E4BA4 url(../images/laforet/cadre/bg_header.gif) repeat-x 0 0; } .logo { position: absolute; top: 10px; left: 10px; } /* Pub */ .pub { position: absolute; top: 27px; right: 5px; } /* Cadre Localisation */ .header .cadrelocal { position: absolute; top: 27px; left: 150px; padding: 9px 0; width: 321px; height: 43px; text-transform: uppercase; } .header .cadrelocal .niveauUn { position: absolute; top: 25px; left: 0; } .header .cadrelocal .niveauDe { position: absolute; top: 0; left: 0; } .header .cadrelocal .niveauDe h2, .header .cadrelocal .niveauDe img { float: left; margin: 0 10px 0 0; padding: 0; color: #FFF; font-weight: bold; font-size: 20px; } .header .cadrelocal .niveauUn h1, .header .cadrelocal .niveauUn h2.h1bis { clear: both; margin: 0; padding: 0; color: #FFAA00; font-weight: bold; font-size: 18px; } .header .cadrelocal .niveauUn h1.h1_titre { color: #FFF; font-size: 18px; font-weight: bold; text-transform: none; position: absolute; top: 150px; left: 145px; width: 500px; } .accroche { position: absolute; top: 94px; left: 150px; font-weight: normal; color: #FFF; font-size: 18px; } .titresite { position: absolute; top: 5px; right: 35px; font-weight: normal; color: #FFF; font-size: 10px; } .titresite a, .titresite a:hover { color: #FFF; font-size: 10px; } /* Offres défilantes .toplinks { position:absolute; top:5px; right:10px; } .toplinks ul, .toplinks ul li { margin:0; padding:0; list-style-type:none; } .toplinks ul li { float:left; font-size:10px; } .toplinks ul li h1 { float:left; font-size:10px; margin:0; color:#FFDC00; } .toplinks ul li marquee { width:340px; height:15px; margin:0 0 0 10px; } .toplinks ul li marquee a { padding:0 10px; color:#FFF; font-weight:normal; background:url(../images/laforet/cadre/toplinks-fd.gif) no-repeat right; } */ /* Langue */ .langue { position: absolute; top: 2px; right: 5px; } .langue a { margin: 0 0 0 2px; } /* Navigation */ .menutop { z-index: 100; position: absolute; top: 113px; left: 144px; padding: 0 0 0 6px; height: 37px; } .menutop ul,.menutop ul li { margin: 0; padding: 0; list-style-type: none; } .menutop ul { float: left; padding: 6px 0 0 0; height: 31px; } .menutop ul li { position: relative; float: left; margin: 0 3px 0 0; background: url(../images/laforet/cadre/menu_li_bg.gif) no-repeat; } .menutop ul li.actif, .menutop ul li#li_acheter.actif, .menutop ul li#li_louer.actif, .menutop ul li#li_vendre.actif { background: url(../images/laforet/cadre/menu_li_actif.gif) repeat-x; } .menutop ul li a { float: left; display: block; padding: 8px 5px; height: 15px; color: #FFF; font-weight: bold; text-transform: uppercase; text-decoration: none; } .menutop ul li a:hover { color:#FFF; text-decoration: none; background: url(../images/laforet/puces/menu_li_hover.gif) no-repeat bottom; } .menutop ul li.actif a, .menutop ul li.actif a:hover { color: #0C4BA3; background: url(../images/laforet/puces/menu_li.gif) no-repeat bottom; } .menutop ul li#li_acheter.actif a:hover, .menutop ul li#li_louer.actif a:hover, .menutop ul li#li_vendre.actif a:hover, .menutop ul li#li_acheter.actif a, .menutop ul li#li_louer.actif a, .menutop ul li#li_vendre.actif a { color: #AF55C8; background: url(../images/laforet/puces/menu_li_violet.gif) no-repeat bottom; } .menutop ul li#li_espace.actif a,.menutop ul li#li_espace.actif a:hover { color: #AF5000; background: url(../images/laforet/puces/menu_li_orange.gif) no-repeat bottom; } .menutop ul li#li_acheter,.menutop ul li#li_louer,.menutop ul li#li_vendre { background: #B056C5; } .menutop ul li#li_espace { background: #F69833; } /* Onglet Pub TV */ div#li_pubtv { position:absolute; bottom:0; right:5px; } /* Espace libre */ .space { padding: 1px 0 0 15px; height: 14px; font-size: 10px; color: #2F416F; background: url(../images/laforet/cadre/bg_top.gif) no-repeat; } .space a { margin: 0 5px 0 0; padding: 0 10px 0 0; color: #2F416F; text-decoration: underline; background: url(../images/laforet/puces/path-puce.gif) no-repeat right; } /**** HOMEPAGE ************************************************************************************/ /**** Ma recherche - Moteur de recherche **********************************************************/ #tab_search_home .bottright { height: 368px !important; height: 378px; } #tab_search_home,#tab_search_home td { color: #769CD5; white-space: nowrap; padding: 2px 0; width: auto; } #tab_search_home table { width: 100%; border: none; margin: 5px 0 0 0; } #tab_search_home td a { font-weight: bold; color: #B056C5; } #tab_search_home td h2 { font-size: 12px; font-weight: bold; color: #B056C5; margin-left: 0; padding: 2px 0 0 26px; background: url(../images/laforet/puces/puce_violet.gif) no-repeat 0 0; } #tab_search_home td h2 i { font-size: 10px; font-weight: normal; color: #769cd5; } #tab_search_home td label { font-weight: bold; } /*investissement*/ #tab_search_home .invest { padding: 2px 0 2px 0; text-align: center; text-transform: uppercase; } #tab_search_home .invest span { color: #444; } #tab_search_home .invest input { vertical-align: -3px; } #tab_search_home .invest label { margin: 0 20px 0 0; } /*Type de biens*/ #tab_search_home .typebiens { padding: 0 0 0 26px; } #tab_search_home .typebiens label { margin: 0 8px 0 0; } /*Ville + rayon*/ #tab_search_home .villebiens { padding: 0 0 0 26px; } #tab_search_home select { width: 170px; } #tab_search_home .villerayon { padding: 0 0 0 26px; } /*Budget*/ #tab_search_home .monbudget { padding: 0 0 0 26px; } #tab_search_home .budget,#tab_search_home .budgetmax { width: 60px; } /*critères*/ #tab_search_home .critere a { padding: 2px 0 6px 0; font-size: 12px; } /*bouton*/ #tab_search_home .btn { text-align: right; } /***************************************************************************************/ /* Cadre home Nouveautés - Primo accession - Prestige - Estimer - isuivi - privilège - actualite - outils*/ .cadre_home_left .bottright,.cadre_home_right .bottright { height: 60px; } /* Left */ #nouveautes { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_nouveautes.jpg) no-repeat 0 50%; } #primoacc { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_primoaccession.jpg) no-repeat 0 50%; } #prestige { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_prestige.jpg) no-repeat 0 50%; } /* Right */ #estimer { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_estimer.jpg) no-repeat 0 50%; } #isuivi { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_isuivi.jpg) no-repeat 0 50%; } #privilege { margin: 2px 0 !important; margin: 2px 0; background: url(../images/laforet/cadre_privilege.jpg) no-repeat 0 50%; } .cadre_home_left strong,.cadre_home_right strong,.cadre_home_right strong a,.cadre_home_right strong a:hover { display: block; margin: 0; color: #FFBA31; font-size: 11px; text-align: left; font-weight: bold; } .cadre_home_left a.url,.cadre_home_left a.url:hover,.cadre_home_right a.url,.cadre_home_right a.url:hover { font-size: 9px; margin-top: 0; font-weight: normal; color: #8CA6DE; } .cadre_home_left a img,.cadre_home_right a img { border:none; float:left; } /* cadre_home left */ .cadre_home_left a,.cadre_home_left a:hover { display: block; margin-top: 10px; font-size: 13px; font-weight: bold; color: #0849A5; } /*.cadre_home_left a,.cadre_home_left strong,.cadre_home_left a.url { margin-left: 105px; }*/ /* cadre_home right */ .cadre_home_right a,.cadre_home_right a:hover { display: block; margin-top: 10px; font-size: 13px; font-weight: bold; color: #0849A5; } /*.cadre_home_right a,.cadre_home_right strong,.cadre_home_right a.url { margin-left: 70px; }*/ /* cadre_home center */ .cadre_home_centre { z-index:500; clear:left; margin-right:3px; } .cadre_home_centre h2 { margin: 0 0 2px 0; padding: 0 0 0 15px; color: #7D9CDF; font-size: 20px; font-weight: normal; background: url(../images/laforet/puces/titre_cadre_home.gif) no-repeat left; text-align:left; } .cadre_home_centre .cadreBott { padding: 1px; background: url(../images/laforet/cadre/bg_cadre_home.gif) repeat-x; } .cadre_home_centre .cadreBottIn { margin: 0; padding: 0 10px; height: auto !important; height: 50px; min-height: 55px; background: #F1F4FB; border: 4px solid #FFFFFF; border-bottom: 0; } .cadre_home_centre .cadreBottIn strong { display: block; margin: 5px 0 0 0; color: #444; font-weight: bold; background: url(../images/laforet/puces/puce_jaune.gif) no-repeat; } .cadre_home_centre .cadreBottIn a { display: block; color: #5F6978; font-size:11px; font-weight: normal; background: none; } .cadre_home_centre .cadreBottIn a:hover { text-decoration:underline; } .cadre_home_centre .cadreBottIn a span { color: #444; font-weight: bold; text-decoration: none; } .cadre_home_centre .cadreBottIn a.title_actu { color: #444; text-decoration: none; padding:0; font-weight: bold; padding: 0 0 6px 25px; background: url(../images/laforet/puces/puce_jaune.gif) no-repeat; } .cadre_home_centre .cadreBottIn a.title_actu:hover { color: #444; text-decoration: underline; font-weight: bold; } .cadre_home_centre .cadreBottIn p { text-align: left; display: block; color: #5F6978; font-weight: normal; background: none; } .cadre_home_centre .cadreBottIn div a { margin: 0 0 5px 0; color: #FFAA00; font-weight: bold; background: none; } .cadre_home_centre .cadreBottIn table { margin:10px 0 0 0; } .cadre_home_centre .cadreBottIn table td { vertical-align: middle; } .cadre_home_centre .cadreBottIn table td a { padding: 0 0 0 10px; margin:0; } #actualite, #outils { font-size: 11px; } .smallblocs #actualite { float: left; width: 225px; } .smallblocs #outils { float: right; width: 245px; } .smallblocs .cadre_home_centre .cadreBottIn table { width:210px; } .smallblocs .cadre_home_centre { clear:none; margin:0; } /* Agence */ #agences .bottright { height: 338px !important; height: 348px; overflow:hidden; } #agences { background: #FFFFFF url(../images/laforet/cadre/bg_cadre_agence.gif) no-repeat 0 0; } #agences p { font-size: 12px; text-align: center; color: #0A4BA5; } #agences .photo_agence { text-align: center; border:none; } #agences .photo_agence img { width: 165px; border: 1px solid #0A4BA5; } .content_agence { width:190px; margin:0 auto; height:290px; } #agences .align_right { margin-right: 7px; } #agences .appel { position: relative; width: 178px; height: 27px; padding: 0; margin: 15px 0 0 5px; background: url(../images/laforet/cadre/appel.gif) no-repeat 0 0; } #agences .appel a { position: absolute; top: 3px; left: 40px; font-size: 18px; font-weight: bold; color: #B056C5; text-decoration: none; } #agences .planacces { margin: 2px 0 0 40px; } #agences .lien_contact { margin: 5px 0 0 0; } #agences .lien_contact a { font-size: 16px; color: #698CD2; } #agences select { margin: 0 10px 10px 0; width: 130px; font-weight: bold; } .center #agences h2 { margin-bottom: 17px; } .center #agences h2 span,.center #agences strong { display: inline; } /* onglets Multiagences */ div #menu_agences { margin: 2px 0 0 0; padding: 0; text-align:right; } #ul_menu_agences { margin: 0; padding: 0; } #ul_menu_agences li { margin: 0; padding: 0; list-style: none; list-style-image: none; display: inline; } #ul_menu_agences li a { font:bold 11px Arial, Helvetica, sans-serif; text-decoration: none; color: #999; padding: 2px 2px 2px 2px; border-width: 0 2px 2px 1px; border-style: solid; border-color: #CCC; } #ul_menu_agences li a:hover,#ul_menu_agences li a.actif { text-decoration: none; color: #FFF; background-color:#698CD2; } /* Carte Flash */ #carte_flash { margin: 5px 0 0 0; } /*#carte_flash { margin:-35px 0 -45px -65px; }*/ /* Coups De coeur */ ul#menu_annonces { margin:0; padding:0; width:100%; } ul#menu_annonces li { display: inline; margin: 0; padding: 0; list-style-type: none; } ul#menu_annonces li div a, ul#menu_annonces li div a.actif { font-size: 16px; font-weight: bold; color: #FFF; width: 145px; height: 26px; margin: 0; padding: 8px 0 0 10px; float: left; background-position:100% 0; background-repeat:no-repeat; } ul#menu_annonces li div a:hover { background-position:100% -34px; color: #FFF; text-decoration: none; } ul#menu_annonces li.liCoupCoeur div a, ul#menu_annonces li.liCoupCoeur div a.actif { background-image: url(../images/laforet/cadre/onglet_j.png) !important; background-image: url(../images/laforet/cadre/onglet_j.gif); } ul#menu_annonces li.liLastBiens div a, ul#menu_annonces li.liLastBiens div a.actif { background-image: url(../images/laforet/cadre/onglet_v.png) !important; background-image: url(../images/laforet/cadre/onglet_v.gif); } ul#menu_annonces li.liExclus div a, ul#menu_annonces li.liExclus div a.actif { background-image: url(../images/laforet/cadre/onglet_b.png) !important; background-image: url(../images/laforet/cadre/onglet_b.gif); } .ccoeur,.lastbiens,.excllusivites { clear: both; margin: 0; } #ccoeur { clear:both; background:#FFE6A5 url(../images/laforet/cadre/bg_jaune.jpg) repeat-x 0 0; border:1px solid #FFBE02; } #ccoeur .annonce .visu { border: 2px solid #FA0; } #ccoeur span { color:#F80; } #lastbiens { clear:both; background:#E6D2EB url(../images/laforet/cadre/bg_violet.jpg) repeat-x 0 0; border:1px solid #B057C5; } #lastbiens .annonce .visu { border: 2px solid #7D1491; } #lastbiens span { color:#7D1491; } #exclusivites { clear:both; background:#D2E1FF url(../images/laforet/cadre/bg_bleu.jpg) repeat-x 0 0; border:1px solid #4C82FE; } #exclusivites .annonce .visu { border: 2px solid #0A50A5; } #exclusivites span { color:#15a; } #ccoeur, #lastbiens, #exclusivites , .cadre_onglets_hp { height: auto !important; height:700px; min-height:700px; } .cadre_onglets_hp { position:relative; } .annonce { text-align: center; float:left; margin: 15px 0 0 0; width: 50%; } .annonce .visu { width: 210px; height:158px; border: 2px solid #FFF; margin:0 auto; } .annonce .visu img { width: 210px; height:158px; } .annonce .details { padding: 5px 0 0 0; } .annonce .details a { /*display: block;*/ color: #000; font-weight: bold; text-decoration: none; } .annonce .details span { display: block; color: #F69833; font-size: 16px; font-weight: bold; } .voir_exclus { position:absolute; bottom:-80px; right:-5px; /*text-align: right; margin: 0 15px 0 0;*/ } .voir_exclus a img { border: none; } #ccoeur_right { height: 550px !important; height: 550px; overflow: hidden; } #ccoeur_right #ccoeur, #ccoeur_right #lastbiens, #ccoeur_right #exclusivites , #ccoeur_right .cadre_onglets_hp { height: auto !important; height:460px; min-height:460px; } #ccoeur_right h3 { color: #FFF; font-size: 18px; font-weight: bold; margin-bottom: 6px; } #ccoeur_right div#ccoeur, #ccoeur_right div#lastbiens, #ccoeur_right div#exclusivites { background-image:none; } /* Annonce Droite Config Carte Flash */ .annonceR { background: #FFFFFF url(../images/laforet/cadre/bg_liste.gif) repeat-x bottom right; position: relative; margin: 0 0 3px 0; clear: left; height: 74px; } .annonceR .visuR { float: left; display: block; width: 100px; height: 70px; margin: 2px 5px 2px 2px; } .annonceR .visuR img { width: 100px; height: 70px; } .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 { margin: 10px 0 0 0; } #liens_bottom ul { margin: 0; padding: 0; } #liens_bottom ul li { margin: 0 0 2px 0; padding: 0 10px; text-align: right; list-style-type: none; background: #FFFFFF url(../images/laforet/cadre/bg_lien_jaune.jpg) repeat-y right 0; } #liens_bottom ul li.bg_li_violet { background: #FFFFFF url(../images/laforet/cadre/bg_lien_violet.jpg) repeat-y right 0; } #liens_bottom ul li a { color: #FFF; font-weight: bold; } #liens_bottom ul li a:hover { color: #FF8200; text-decoration: none; } #liens_bottom ul li.bg_li_violet a:hover { color: #640078; } /**** PRIVILEGE ************************************************************************************/ #contratprivilege { background:url(../images/laforet/contrat-privilege.jpg) no-repeat 0 10px; width:auto; padding:130px 160px 0 170px; height:auto !important; height:470px; min-height:470px; } #contratprivilege ul li { text-align:justify; } .ico_privilege { z-index:50; position:absolute; top:-5px; right:-10px; } /* privilège Liste de bien acheter louer */ .bloc_bien .visu img.ico_privilege { height:25px; width:25px; } /* privilège Homepage */ .annonce .visu .ico_privilege { height:31px; width:31px;border:none; } /* privilège Homepage colonne droite */ .annonceR .visuR .ico_privilege { height:15px; width:15px; right:-5px; border:none; } /* privilège Détail d'un bien */ #details_bien .photo_bien .view img.ico_privilege { height:31px; width:31px; border:none; } .ico_coup_de_coeur { z-index:50; position:absolute; top:-5px; right:17px; } /* coup de coeur Liste de bien acheter louer */ .bloc_bien .visu img.ico_coup_de_coeur { height:25px; width:25px; } /* coup de coeur Homepage */ .annonce .visu .ico_coup_de_coeur { height:31px; width:31px;border:none; } /* coup de coeur Homepage colonne droite */ .annonceR .visuR .ico_coup_de_coeur { height:15px; width:15px; right:11px; border:none; } /* coup de coeur Détail d'un bien */ #details_bien .photo_bien .view img.ico_coup_de_coeur, .cadre_onglets_hp .ico_coup_de_coeur { height:31px; width:31px; border:none; right:25px; } .ico_dernier_bien { z-index:10; position:absolute; top:0; left:0; } /* coup de coeur Liste de bien acheter louer */ .bloc_bien .visu img.ico_dernier_bien { height:49px; width:85px; } /* coup de coeur Homepage */ .annonce .visu .ico_dernier_bien { height:86px; width:149px;border:none; } /* coup de coeur Homepage colonne droite */ .annonceR .visuR .ico_dernier_bien { height:49px; width:85px; border:none; } /* coup de coeur Détail d'un bien */ #details_bien .photo_bien .view img.ico_dernier_bien, .cadre_onglets_hp .ico_dernier_bien { height:86px; width:149px; border:none; } /* coup de coeur Popup */ .popup .photos_popup .ico_dernier_bien { float:none; height:86px; width:149px;border:none; } .annonce .visu, .annonceR .visuR, .bloc_bien .visu, #details_bien .photo_bien .view { position:relative; } /**** VISITE VIRTUELLE ************************************************************************************/ .visitevirtuelle { z-index:10; position:absolute; } /* privilège Homepage */ .annonce .visu .visitevirtuelle, .annonceR .visuR .visitevirtuelle { bottom:-6px; right:-16px; } .annonce .visu .visitevirtuelle img { height:33px; width:44px;border:none; } /* privilège Homepage colonne droite */ .annonceR .visuR .visitevirtuelle img { height:33px; width:44px; border:none; } /* privilège Liste de bien acheter louer */ .bloc_bien .visitevirtuelle { top:-9px; right:-6px; } .bloc_bien .visitevirtuelle img { height:33px; width:44px; } /* privilège Détail d'un bien */ #details_bien .photo_bien .view .visitevirtuelle { top:30px; right:-17px; } #details_bien .photo_bien .view .visitevirtuelle img { height:33px; width:44px; border:none; } /**** 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: #fff; font-size: 11px; font-weight: bold; text-align: right; } .top_cadre_jaune .ref_bien span { font-size: 16px; font-weight: bold; } #fiche_cp { background: #fff url(../images/laforet/cadre/bg_cpfiche-top.png) repeat-x; border: 2px solid #059; } #fiche_cp .bottright { height: auto !important; /*height:113px; min-height:113px;*/ padding: 0 0 15px 0; } #fiche_cp .topleft { background: url(../images/laforet/cadre/bg_cpfiche-topleft.png) no-repeat top left; } #fiche_cp .bottright { background: url(../images/laforet/cadre/bg_cpfiche-bottom.png) no-repeat bottom right; padding: 0 0 100px 0; } #fiche_cp #details_bien { background: url(../images/laforet/cadre/bg_cpfiche-right.png) no-repeat top right; } #fiche_cp .ref_bien { color: #fff; } #fiche_cp #details_bien .detail_offre .intro h2 { color: #7F9BCA; } #fiche_cp #details_bien .detail_offre .intro h3 { color: #059; } #fiche_cp #details_bien .desc_bien span { color: #7F9BCA; } #fiche_cp #details_bien .photo_bien .view { border: 2px solid #059 } #fiche_cp #details_bien .photo_bien .thumbs img, #fiche_cp #details_bien #contact_bien, #fiche_cp #details_bien #outils_bien { border: 1px solid #059; } #fiche_cp #details_bien .desc_bien table .td1 { background-color: #d3e7f4; } /* colonne gauche : photo + description */ #details_bien .colgauche { float: left; width: 445px; } #details_bien h3 { color: #8D30A2; } #details_bien .photo_bien .view { /*width: 440px;*/ height:330px; border: 2px solid #FFBE23; float: left; } #details_bien .photo_bien .thumbs { float: right; } #details_bien .photo_bien .thumbs img { width: 65px; height:49px; 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 { font-size: 11px; 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 { text-align: right; } #details_bien .retour a { color: #F59632; font-weight: bold; text-decoration: underline; } #details_bien #contact_bien { font-size: 11px; border: 1px solid #FFA600; margin: 5px 0 10px 0; padding: 15px 10px 5px 15px; color: #757575; background: #FFF url(../images/laforet/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: #AF55C8; text-decoration:none; } #details_bien #contact_bien a:hover { color: #7D1491; text-decoration:underline; } #details_bien #contact_bien .barh { padding: 5px 0; background: url(../images/laforet/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/laforet/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 { margin: 0 2px 10px 0; padding: 10px; background: #FFFFFF; border: 1px solid #FFA600; } #details_bien #outils_bien ul,#details_bien #outils_bien ul li { margin: 0; padding: 0; list-style-type: none; } #details_bien #outils_bien ul li { padding: 1px 0; } #details_bien #outils_bien ul li a { padding: 0 0 0 20px; color: #7493D3; font-weight: bold; } #details_bien #outils_bien ul li.addselect a { background: url(../images/laforet/puces/ajouter_jaune.gif) no-repeat left; color: #F59632; } #details_bien #outils_bien ul li.addselect2 { background: url(../images/laforet/puces/ajouter_violet2.gif) no-repeat left; color: #b056c5; padding: 0 0 0 20px; font-weight: bold; } #details_bien #outils_bien ul li.print a { background: url(../images/laforet/puces/print_bleu.gif) no-repeat left; } #details_bien #outils_bien ul li.map a { background: url(../images/laforet/puces/map.gif) no-repeat left; } #details_bien #outils_bien ul li.mail a { background: url(../images/laforet/puces/ico_mail_bleu.gif) no-repeat left; } #details_bien #outils_bien ul li.info a { background: url(../images/laforet/puces/info.gif) no-repeat 3px; } #details_bien #outils_bien ul li.calc a { background: url(../images/laforet/puces/ico_calc.gif) no-repeat left; } #details_bien #outils_bien ul li.facebook a { background: url(../images/laforet/puces/ico_facebook.gif) no-repeat left; } #details_bien #outils_bien ul li.twitter a { background: url(../images/laforet/puces/ico_twitter.gif) no-repeat left; } #details_bien #outils_bien .barh { padding: 5px 0; background: url(../images/laforet/puces/separate_jaune.gif) repeat-x left; } /**** AUTRES BIENS COLONNE GAUCHE ************************************************************************************/ #autresbien fieldset { border:none; padding:0; } .fichencol { float: left; display:inline; position: relative; margin: 3px 0 3px 14px !important; margin: 3px 7px 3px 7px; overflow: hidden; width: 102px; } .fichencol img { height: 73px; margin: 0; width: 120px; } .fichencol h5 { background: #D2E0F7; color: #0F4DA6; font-weight: bold; margin: 0; padding: 0; text-align: center; } .fichencol h6 { background: #0F4DA6; color: white; font-weight: bold; /*height: 15px;*/ margin: 0; overflow: hidden; padding:2px; text-align: center; font-size:10px; } .tlis .small { font-size: 9px } /**** 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: 73px; 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; } .liste_biens fieldset { padding:0; } .bloc_bien { background: #FFF url(../images/laforet/cadre/bg_liste.gif) repeat-x bottom right; position: relative; display:inline; /*float: left;*/ margin: 0 0 10px 10px; width: 316px; border: 2px solid #FFBE1E; } .bloc_bien .visu { position: relative; float: left; margin: 1px; } .bloc_bien input { position: absolute; top: 1px; right: 1px; } .bloc_bien .visu img { width: 140px; height:114px; /*width: 102px; height: 83px;*/ margin:0; } .bloc_bien .desc { font-size: 11px; float: left; padding: 7px 10px 6px 10px; width: 140px; height: auto !important; height: 70px; min-height: 70px; overflow:hidden; } .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; bottom: 0; right: 0; padding: 3px 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; } .bien_cp { border: 2px solid #059; } .bien_cp .desc h3 a { color: #7F9BCA; } .bien_cp .desc span { color: #059; } .bien_cp .links { background-color: #059; } .bien_cp .link_valid { background-color: #059; } .outils_filtre { position: relative; margin: 0; } .outils_filtre div { height: 25px; float: left; margin: 0 5px 0 0; } .outils_filtre div, .outils_filtre div a { font-weight: bold; color: #F59632; font-size: 12px; } .outils_filtre div a { margin: 0 2px; } .outils_filtre div a:hover { color:#AF55C8; text-decoration:none; } .outils_filtre div select { width: 110px; } 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; } .outils_filtre div a.ico_alerte { font-size:14px; } 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 { float: right; margin:0 15px; width:315px; text-align: left; /*background-color:#E9D1EF; border:1px solid #D7B5DF;*/ color:#8C32A0; } #save_recherche input[type=text] { background:none; border:1px solid #8C32A0; color:#8C32A0; font-weight:bold; padding:3px; } #save_recherche input[type=text]:focus { background-color:#ECE0EF; border:1px solid #8C32A0; } #save_recherche input[type=button] { background:none; border:2px solid #8C32A0; color:#8C32A0; font-weight:bold; vertical-align:bottom; } .multipage ul,.multipage ul li { margin: 0; padding: 0; list-style-type: none; } .multipage ul { float: right; margin: 0 20px 0 0; } .multipage ul li { display: inline; padding: 0 0 0 5px; } .multipage ul li a { color: #333; font-weight: bold; } .multipage ul li.actif a,.multipage ul li.actif a { color: #F59632; font-weight: bold; text-decoration: none; } /**** POPUP ************************************************************************************/ .popup { z-index: 1000; position: absolute; width: 280px; text-align: left; background: #FFF url(../images/laforet/cadre/bg_popup.gif) no-repeat left bottom; border-top: 2px solid #FFBE23; border-left: 2px solid #FFBE23; border-right: 1px solid #F59632; border-bottom: 1px solid #F59632; } .popup .photos_popup,.popup .details_popup { margin: 10px; } .popup .photos_popup a img { float: left; border: none; width: 200px; height:150px; } .popup .thumbs_popup { float: right; margin: 0 0 0 5px; } .popup .thumbs_popup img { display: block; margin: 0 0 5px 0; width: 50px; height:38px; } .popup .details_popup { font-size: 12px; padding: 0; } .popup .details_popup a { display: block; } .popup .details_popup h3 a { font-size: 14px; color: #B056C5; font-weight: normal; } .popup .details_popup span { font-size: 14px; display: block; color: #8C32A0; font-weight: bold; } .popup .details_popup .drapeau { float: right; } .popup .details_popup ul { margin: 0; padding: 0; float:right; } .popup .details_popup li { text-align:right; margin: 0; padding: 0; list-style-type: none; } .popup .details_popup ul li a { padding: 0 15px 0 0; color: #F59632; font-weight: bold; } .popup .details_popup ul li.viewDetail a { background: url(../images/laforet/puces/ajouter_jaune.gif) no-repeat right 2px; } /**** 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 { font-size: 12px; 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 { margin: 0 0 5px 10px; } div.coordonnees p strong { color: #0A50A5; } div.coordonnees p a { text-decoration: underline; } div.horaires { float: right; width: 200px; text-align: right; padding: 0; color: #333; } #photoagence img { width:150px; border:1px solid #7187CA; } /* 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; } /* Liens utiles */ #liens_utiles .ligne1, #liens_utiles .ligne2, #liens_utiles .titleCol, #liens_utiles .rubrique { display:block; clear:left; } #liens_utiles .titleCol div { background-color:#f59632; text-transform:uppercase; font-weight:normal; color:#fff; padding:2px 5px; margin:10px 0 5px 0; } #liens_utiles .rubrique { background-color:#fa0; text-transform:uppercase; font-weight:bold; color:#fff; padding:2px 5px; } #liens_utiles .rubrique i { font-weight:normal; } #liens_utiles .col1, #liens_utiles .col2 { float:left; width:48%; } #liens_utiles div.ligne1 , #liens_utiles div.ligne2 { border-bottom:1px solid #fa0; } #liens_utiles .ligne1 div, #liens_utiles .ligne2 div { padding:2px 5px; } #liens_utiles .ligne1 .col1 a, #liens_utiles .ligne2 .col1 a { color:#0F50A5; } #liens_utiles .ligne1 .col1 a:hover, #liens_utiles .ligne2 .col1 a:hover { text-decoration:none; color: #AF55C8; } /* 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; } #myspace2 { } #myspace2 .barh { padding: 5px 0; background: url(../images/laforet/puces/separate_jaune.gif) repeat-x left; } #myspace2 h5 { color: #AF5000; font-size: 16px; font-weight: bold; } #myspace2 .intro { margin: 15px 0 15px 0; width: 460px; } #myspace2 input[type=text], #myspace2 input[type=password], #myspace2 select, #myspace2 textarea { font-size: 11px; color: #444; vertical-align: middle; border:1px solid #8597BB; } #myspace2 input[type=text]:focus, #myspace2 input[type=password]:focus, #myspace2 select:focus, #myspace2 textarea:focus { background-color:#FFE6C8; border:1px solid #FA8241; } /**** TOUTES LES AGNCES ************************************************************************************/ #allagences { width:95%; } #allagences ul li { list-style-image:url(../images/laforet/puces/raquo_bleu.gif); margin-bottom:10px; font-size:10px; color:#777; float:left; width:220px; margin-right:60px; } #allagences ul li a { font-size:12px; color:#0A50A5; } /**** DIBERS ************************************************************************************/ /* Pub Flash */ #bgPub { position:absolute; top:0; left:0; z-index:1000; width:100%; height:100%; background-image:url(../images/laforet/black-50.png); } #pub350 { position:absolute; left:50%; top:50%; width:350px; height:350px; margin-left:-175px; margin-top:-175px; z-index:2000; } #pub630 { position:absolute; left:50%; top:50%; width:630px; height:400px; margin-left:-315px; margin-top:-200px; z-index:2000; } div.close { text-align:center; background-color:#7D1491; padding:5px 10px; margin-bottom:-5px; } div.close a { font-size:14px; color:#fff; text-decoration:underline; } div.close a:hover { color:#FFAA00; } /* Videos */ #video_flash { width: 400px; margin: 20px auto; } .AnimAccueil { position:absolute !important; left:50%; top:50%; visibility: visible; margin-top: -200px; /* moitié de la hauteur */ margin-left: -200px; /* moitié de la largeur */ z-index: 2000; }