/**** FEUILLE DE STYLE LAFORET By USEWEB ************************************************************************************/ /**** GÉNÉRAL ************************************************************************************/ * { font-family:Arial, Helvetica, sans-serif; } body { margin:0; padding:0 0 240px 0; font-size:12px; color:#000; text-align:center; } td { font-size:12px; color:#000; } h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } img { border:0; } p { margin:0 0 10px 0; text-align:justify; } form { margin:0; padding:0; } input[type=text], input[type=password], select, textarea { font-size:12px; color:#777; vertical-align:middle; border:1px solid #cdcdcd; } input[type=text]:focus, input[type=password]:focus, select:focus, textarea:focus { color:#000; border:1px solid #09d; } input[type=submit], input[type=button], .submit a { color:#fff; font-weight:bold; padding:5px 20px; border:0; background:url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; } input[type=submit]:hover, input[type=button]:hover, .submit a:hover { color:#fff; background:url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; cursor:pointer; text-decoration:none; } /* couleurs */ .bleu { color:#003f8a; } .cyan { color:#09d; } .jaune { color:#fa0; } .orange { color:#f50; } .violet { color:#a4b; } .green, .color { color:#9a0; } /* liens */ a { color:#000; text-decoration:none; -webkit-transition:color 0.3s ease; -moz-transition:color 0.3s ease; -khtml-transition:color 0.3s ease; -o-transition:color 0.3s ease; transition:color 0.3s ease; } a:hover { color:#09d; text-decoration:underline; } /* listes */ ul { margin:0 0; padding:0; } ul li { list-style-type:none; /*list-style-image:url(../images/laforet/puces/li-cyan.gif);*/ list-style-image:url(../images/laforet/puces/li.gif); margin:0 0 5px 20px; padding:0; } ul li ul { margin:3px 0 10px 0; } ul li ul li { list-style-type:disc; list-style-image:none; } /* Alignements */ .align_right { text-align:right; } .align_left { text-align:left; } .align_center { text-align:center; } .left { float:left; } .right { float:right; } .clear { clear:both; height:1px; font-size:1px; } .toppage { text-align:right; margin-top:20px; } .toppage a { font-size:10px; padding:2px 5px; color:#aaa; background-color:#fff; border:1px solid #ddd; } .toppage a:hover { background-color:#555; color:#fff; text-decoration:none; } /**** STRUCTURE ************************************************************************************/ .wrap { margin:auto; width:980px; text-align:left; } .all { background-color:#fff; background-repeat:no-repeat; background-position:50% 0; } .all .wrap, #footer .wrap { } #bg_default { background-image:url(../images/laforet/bg/bg-default.jpg); background-position:50% 100%; } #bg_acheter { background-image:url(../images/laforet/bg/bg-acheter.jpg); background-attachment:fixed; } #bg_louer { background-image:url(../images/laforet/bg/bg-louer.jpg); background-attachment:fixed; } #bg_vendre { background-image:url(../images/laforet/bg/bg-vendre.jpg); background-attachment:fixed; } /**** MENU TOP ************************************************************************************/ #menutop { border-top:2px solid #09d; padding:10px 0; background:#fff url(../images/laforet/bg/blue-gradient.png) repeat-x 0 0; } #menutop .wrap { position:relative; } #menutop ul { } #menutop ul, #menutop ul li { margin:0; padding:0; } #menutop ul li { display:inline; list-style-type:none; color:#258; } #menutop ul li a { padding:0 5px; color:#fff; font:bold 12px arial; } #menutop ul li a:hover, #menutop ul li a.actif { color:#0bf; text-decoration:none; } #lang { position:absolute; right:0; top:3px; } #espclient { position:absolute; right:20px; top:0; } #espclient em { color:#bc3; text-transform:uppercase; font-style:normal; margin-right:5px; } #espclient span { padding:5px 10px; color:#fff; background-image:url(../images/laforet/bg/white-10.png); -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; } #espclient span a { color:#fff; font-weight:bold; padding:0 2px; } /**** HEADER ************************************************************************************/ #header { height:130px; position:relative; } #logo { position:absolute; top:5px; left:0; } #pub { position:absolute; top:10px; right:0; } /* Cadre Localisation */ #header .cadrelocal { position:absolute; top:20px; left:120px; width:450px; text-transform:uppercase; } #header .cadrelocal a:hover { text-decoration:none; } #header .cadrelocal .niveauUn { position:absolute; top:20px; left:0; width:450px; } #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:#aaa; font-weight:bold; font-size:16px; line-height:18px; } #header .cadrelocal .niveauDe h2 a { color:#aaa; } #header .cadrelocal .niveauUn h1, #header .cadrelocal .niveauUn h2.h1bis { clear:both; margin:0; padding:0; color:#09d; font-weight:bold; font-size:16px; } #header .cadrelocal .niveauUn h1.h1_titre { color:#fff; font-size:14px; font-weight:bold; text-transform:uppercase; position:absolute; top:140px; left:168px; width:510px; z-index:100; } .accroche { position:absolute; bottom:25px; left:120px; font-weight:normal; color:#003f8a; font-size:26px; } .titresite { position:absolute; bottom:5px; left:5px; color:#777; font-size:10px; } .titresite a, .titresite a:hover { color:#777; font-size:10px; } .top_word { margin-top:5px; text-align:center; } .top_word, .top_word a { font-size:10px; color:#aaa; } /**** MENU ************************************************************************************/ #nav { border-bottom:1px solid #ccc; } #nav ul, #nav ul li { margin:0; padding:0; } #nav ul { background:#fff url(../images/laforet/bg/bg-nav.png) repeat-x 0 100%; height:30px; } #nav ul li { display:inline; list-style:none; } #nav ul li a { float:left; width:244px; padding:5px 0; margin-right:1px; text-align:center; color:#555; font:bold 16px Arial, Helvetica, sans-serif; background:#fff url(../images/laforet/bg/submit-white.png) repeat-x 0 50%; text-transform:uppercase; } #nav ul li.last a { margin-right:0; width:245px; } #nav ul li a:hover { color:#fff; background:#04a url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; text-decoration:none; } #nav ul li a.actif { color:#fff; background:#29a5dd url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; } #nav ul#nav_five li a { width:167px; } #nav ul#nav_five li.nav_large a { width:308px; } /**** FOOTER ************************************************************************************/ #footer { padding:10px 0; color:#777; font-size:11px; text-align:left; background:url(../images/laforet/cadre/shadow-content.png) no-repeat 50% 0; } #footer ul, #footer ul li { margin:0; padding:0; } #footer ul li { display:inline; list-style-type:none; } #footer #links_footer { margin:10px 0; /*text-align:center;*/ } #footer #links_footer ul li a { color:#777; font-weight:bold; text-transform:uppercase; } #links_social { float:right; margin-left:80px; } #links_social ul li a { float:left; height:16px; margin-left:10px; background-image:url(../images/resoimmo/submit/reseaux-sociaux.gif); background-repeat:no-repeat; } #links_social ul li.youtube a { width:40px; background-position:0 -16px; } #links_social ul li.facebook a { width:60px; background-position:-45px -16px; } #links_social ul li.twitter a { width:70px; background-position:-108px -16px; } #links_social ul li.google a { width:16px; background-position:-182px -16px; } #links_social ul li.youtube a:hover { background-position:0 0; } #links_social ul li.facebook a:hover { background-position:-45px 0; } #links_social ul li.twitter a:hover { background-position:-108px 0; } #links_social ul li.google a:hover { background-position:-182px 0; } #footer #useweb, #footer #useweb a { text-align:right; color:#aaa; } #footer #coordonnnees { color:#09d; float:left; } /* Footer Plus */ #footerplus { margin:0 0 0 -490px; overflow:hidden; height:240px; position:absolute; left:50%; bottom:5px; } #ref_footer { margin:0 0 15px 0; } #ref_footer p { margin:0 0 5px 0; } #ref_footer p, #ref_footer a { color:#09d; text-decoration:none; font-size:12px; text-align:left; } #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:#aaa; padding:0 5px 0 0; font-size:10px; } #ref_regionfooter { } #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:#aaa; padding:0 5px 0 0; font-size:10px; } #refdynamic_footer { margin:10px 0; font-size:10px; } #refdynamic_footer h3 { font-weight:bold; font-size:11px; color:#aaa; display:inline; } #refdynamic_footer ul { margin:0 0 10px 0; padding:0; } #refdynamic_footer ul li { margin:0; padding:0; display:inline; list-style:none; } #refdynamic_footer ul li a { color:#aaa; padding:0 5px 0 0; } #refdynamic_footer ul li a:hover { color:#777; } /**** CONTENT ************************************************************************************/ #content { padding:10px; background-color:#fff; /*position:relative;*/ } .inc { padding:40px 30px; } #content h2 { font:bold 16px Arial, Helvetica, sans-serif; color:#aaa; text-transform:uppercase; } #content h2 span { color:#777 } #content h3 { font:normal 16px Arial, Helvetica, sans-serif; color:#09d; margin:10px 0 5px 0; } #content h4 { font:bold 12px Arial, Helvetica, sans-serif; color:#9a0; } #content h5 { font:bold 12px Arial, Helvetica, sans-serif; color:#09d; } small, small a, .small { font-size:10px; color:#999; } .small_bleu { font-size:10px; color:#09d; } hr { border:0; padding:0; margin:10px 0; border-bottom:1px dotted #ccc; } .colLeft { width:320px; float:left; } .colRight { margin-left:350px; } .frame { padding:10px; border:1px solid #ddd; -webkit-box-shadow:3px 3px 2px #ccc; -moz-box-shadow:3px 3px 2px #ccc; -khtml-box-shadow:3px 3px 2px #ccc; -o-box-shadow:3px 3px 2px #ccc; box-shadow:3px 3px 2px #ccc; } .colors { background:url(../images/laforet/cadre/colors.gif) repeat-x 50% 0; } .cadre { border:1px solid #ddd; background-color:#eee; -webkit-box-shadow:3px 3px 2px #ccc; -moz-box-shadow:3px 3px 2px #ccc; -khtml-box-shadow:3px 3px 2px #ccc; -o-box-shadow:3px 3px 2px #ccc; box-shadow:3px 3px 2px #ccc; } .title { background:url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; height:30px; color:#fff; } .title h1 { color:#FFF; font-size:14px; font-weight:bold; text-transform:uppercase; } .title .ref_bien { float:right; color:#fff; font-size:14px; text-align:right; background:url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; height:20px; padding:8px 10px 2px 10px; } .title .ref_bien span { font-size:14px; font-weight:bold; } /*.inc_col { margin:5px 5px 5px 0; }*/ .inc .barh { border-bottom:1px dotted #aaa; } .inc { padding:10px; } .inc2 { padding:15px 10px 15px 0; width:150px; float:right; } .mentions { margin:10px 0 0 0; font-size:10px; color:#5F6978; text-align:center; } /**** HOME ************************************************************************************/ .part1, .part2 { clear:both; padding-bottom:15px; } /* Recherche */ #search, #search a, #search .infos_journalieres { color:#fff; } #search .infos_journalieres { margin:10px 0 15px 0; } #search { float:left; margin-right:10px; border:2px solid #fff; background:#0178ab url(../images/laforet/cadre/blue-tree.jpg) no-repeat 0 0; width:455px; height:200px; overflow:hidden; } #search .colLeft { width:160px; } #search .colRight { margin-left:165px; } #search h2 { font:normal 16px Arial, Helvetica, sans-serif; color:#fff; margin-bottom:5px; } .criteres { padding:5px 0 5px 25px; float:left; background:url(../images/laforet/submit/zoom.png) no-repeat 0 0; margin-bottom:5px; } #search table th, #search table td { padding:3px; vertical-align:top; } #search table, #search table td, #search table td a, #search form { color:#fff; } #search table td { font-size:11px; } #search table th { width:100px; text-align:right; padding-right:5px; font-size:11px; font-weight:normal; } #search table tfoot th { padding-right:0; } #search table th label, #search .colLeft label { font-size:12px; font-weight:bold; } #search input[type=radio], #search input[type=checkbox] { vertical-align:middle; } #search input[type=submit] { padding:3px 8px; background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; } #search input[type=submit]:hover { color:#09d; text-decoration:none; background:url(../images/laforet/bg/submit-white.png) repeat-x 0 50%; } #search input[type=text], #search select, #search #slider-range { width:170px; } #search .colLeft [type=text] { width:140px; } acronym:hover { cursor:help; } /* Agence */ #agences { position:relative; background:#fff url(../images/laforet/bg/white-gradient.png) repeat-x 0 100%; width:445px; height:200px; overflow:hidden; } .content_agence { text-align:left; margin:0 auto; width:440px; height:auto !important; height:180px; min-height:180px; background:url(../images/laforet/bg/white-gradient.png) repeat-x 0 0; } #agences p { font-size:14px; margin:0 0 5px 0; color:#003f8a; text-align:left; } #agences .photo_agence img { float:right; width:215px; height:173px; margin:0 5px 0 10px; border:3px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } #agences .phone { color:#09d; font-size:24px; font-weight:bold; padding-left:15px; background:url(../images/laforet/puces/phone.gif) no-repeat 0 6px; } #agences .lien_contact { margin:10px 0; } #agences .link { margin:10px 0; } #agences .link a { font-size:12px; color:#aaa; text-decoration:underline; padding-left:13px; background:url(../images/laforet/puces/plus.gif) no-repeat 0 50%; } #agences .link a:hover { color:#9a0; } /* Onglets Multiagences */ #slide_agences { position:relative; width:440px; } div #menu_agences { position:absolute; left:10px; bottom:0; } #ul_menu_agences, #ul_menu_agences li { margin:0; padding:0; } #ul_menu_agences li { list-style-image:none; display:inline; } #ul_menu_agences li a { float:left; color:#777; background-color:#fff; font-weight:bold; border:1px solid #ddd; padding:0 4px; -webkit-transition:inherit; -moz-transition:inherit; -khtml-transition:inherit; -o-transition:inherit; transition:inherit } #ul_menu_agences li a:hover { cursor:default; text-decoration:none; } #ul_menu_agences li a#agence_prev:hover, #ul_menu_agences li a#agence_next:hover { cursor:pointer; border:1px solid #9a0; background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; color:#fff; text-decoration:none; } #ul_menu_agences li.actif a { border:1px solid #ddd; background:url(../images/laforet/bg/submit-grey.png) repeat-x 0 50%; color:#fff; text-decoration:none; } /* Onglets Slide */ ul#menu_annonces { margin:0; padding:0; height:32px; width:690px; } ul#menu_annonces li { display:inline; margin:0; padding:0; list-style-type:none; } ul#menu_annonces li a, ul#menu_annonces li a.actif { font-size:14px; font-weight:bold; color:#FFF; width:154px; height:24px; margin:0 1px -1px 0; padding:8px 0 0 10px; float:left; text-transform:uppercase; background-position:0 50%; background-repeat:repeat-x; border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd; text-decoration:none; } ul#menu_annonces li.li_ccoeur a { background-image:url(../images/laforet/bg/submit-green.png); } ul#menu_annonces li.li_lastbiens a { background-image:url(../images/laforet/bg/submit-cyan.png); } ul#menu_annonces li.li_exclusivites a { background-image:url(../images/laforet/bg/submit-blue.png); } ul#menu_annonces li a:hover { color:#fff; background-image:url(../images/laforet/bg/submit-grey.png); text-decoration:none; } ul#menu_annonces li a.actif { background:url(../images/laforet/bg/onglet-gradient.png) repeat-x 0 100%; } ul#menu_annonces li.li_ccoeur a.actif { color:#bc3; } ul#menu_annonces li.li_lastbiens a.actif { color:#09d; } ul#menu_annonces li.li_exclusivites a.actif { color:#003f8a; } /* Biens Slide */ #cadre_onglets_hp { width:690px; float:left; position:relative; } .annonces, .container .annonce { border:1px solid #ddd; } .annonces { background:#fafafa url(../images/laforet/bg/grey-gradient.png) repeat-x 0 0; } .container { clear:both; margin:0; height:220px; min-height:220px; overflow:hidden; } #slide_exclusivites { display:none; position:absolute; bottom:7px; right:10px; text-align:right; } #slide_exclusivites a { font-weight:bold; color:#003f8a; } .slides { float:left; margin:0 2px; width:610px; height:205px; overflow:hidden; } .nav a { float:left; width:25px; height:190px; background-image:url(../images/laforet/submit/nav-slide.gif); background-repeat:no-repeat; } a#slideshow_prev { background-position:0 50%; } a#slideshow_prev:hover { background-position:-25px 50%; } a#slideshow_next { background-position:-50px 50%; } a#slideshow_next:hover { background-position:-75px 50%; } .annonce { float:left; margin:0 3px 0 0; width:185px; height:190px; background-color:#fff; padding:5px; position:relative; } .annonce .visu { width:185px; height:145px; border:1px solid #ddd; margin:0 auto; } .annonce .visu img { width:185px; height:145px; } .annonce .details { padding:5px 0 0 2px; } .annonce .details * { font-size:10px; } .annonce .details a { font-weight:bold; text-decoration:none; } .annonce .details em { font-size:10px; display:block; font-style:normal; } .annonce .details span { display:block; font-weight:bold; } #ccoeur .details, #ccoeur .details a { color:#9a0; } #lastbiens .details, #lastbiens .details a { color:#09d; } #exclusivites .details, #exclusivites .details a { color:#003f8a; } .annonce .lisociaux, .annonceR .lisociaux { position:absolute; bottom:0; right:0; } .lisociaux ul, .lisociaux ul li { margin:0; padding:0; } .lisociaux ul li { list-style-image:none; list-style-type:none; display:inline; } .lisociaux ul li a { float:left; margin:0 0 0 1px; overflow:hidden; background-image:url(../images/laforet/submit/share.png); background-repeat:no-repeat; height:0; padding-top:16px; } .lisociaux ul li.lifacebook a { width:16px; background-position:-25px 0; } .lisociaux ul li.lifacebook a:hover { background-position:-25px -16px; } .lisociaux ul li.litwitter a { width:16px; background-position:-41px 0; margin-right:1px; } .lisociaux ul li.litwitter a:hover { background-position:-41px -16px; } .lisociaux ul li.vvirtuelle a { width:25px; background-position:0 0; } .lisociaux ul li.vvirtuelle a:hover { background-position:0 -16px; } /*.lisociaux ul li.google a { width:16px; background-position:-57px 0; } .lisociaux ul li.google a:hover { background-position:-57px -16px; }*/ /* blocHome */ #blocHome { margin-left:700px; height:250px; } #blocHome h2 { margin-top:5px; } #actualite h3 { margin:0; font-size:12px; } #actualite p { text-align:left; } #actualite div { text-align:right; } #actualite div a { font-size:10px; color:#777; text-decoration:underline; } #actualite a:hover { color:#09d; text-decoration:none; } #outils strong { color:#09d; } /**** HOME CARTE ************************************************************************************/ #homemap .part1, #homemap .part2 { clear:none; } #homemap .part1 { float:left; width:485px; } #homemap .part2 { margin-left:485px; } #homemap #search { float:none; } /* Map */ .map { margin-top:15px; width:475px; } #carte_flash { /*width:447px; height:312px; text-align:right;*/ margin:10px 0 0 0; } /* Onglets Slide */ #homemap ul#menu_annonces { width:475px; } #homemap ul#menu_annonces li a, #homemap ul#menu_annonces li a.actif { width:140px; padding:8px 0 0 10px; } /* Biens Slide */ #homemap #cadre_onglets_hp { float:none; width:475px; } #homemap #cadre_onglets_hp .frame { padding:10px 4px; } #homemap .annonces { height:430px; min-height:430px; clear:none; } #homemap .slides { margin:0 2px; width:410px; height:412px; } #homemap .nav a { height:412px; } #homemap .annonce { margin:0 2px 4px 2px; } /* blocHome */ #homemap #blocHome { float:left; margin:10px 0 0 0; height:90px; width:455px; } #homemap #blocHome h2 { margin:0; } #homemap .colors { background-position:0 0; } /**** Picto CCoeur, LastBien, Privilège ************************************************************************************/ .annonce .visu, .liste_biens .bloc_bien .visu, #details_bien .photo_bien .view { position:relative; } .ico_privilege { z-index:50; position:absolute; bottom:-5px; right:-5px; border:0; } .annonce .visu .ico_privilege { height:30px; width:30px; } .ico_coup_de_coeur { z-index:50; position:absolute; bottom:28px; right:-5px; border:0; } .annonce .visu .ico_coup_de_coeur { height:30px; width:30px; } .ico_dernier_bien { z-index:10; position:absolute; top:-3px; right:-3px; border:0; } .annonce .visu .ico_dernier_bien, .annonceR .visuR .ico_dernier_bien { height:60px; width:60px; } /**** SIDEBAR ************************************************************************************/ #sidebar { float:left; width:245px; } #sidebar .frame { margin-bottom:15px; } .contenu { margin-left:20px; width:690px; float:left; } /* Recherche */ #sidebar #search .infos_journalieres { margin:10px 0 ; } #sidebar #search .criteres { margin:10px 0; } #sidebar #search { float:none; margin-right:0; padding-bottom:20px; background:#0178ab url(../images/laforet/cadre/blue-tree-vertical.jpg) no-repeat 0 0; width:225px; height:auto !important; height:390px; min-height:390px; } #sidebar #search .colLeft { float:none; width:auto; } #sidebar #search .colRight { margin-left:0; } #sidebar #search table th { padding:5px 0 0 0; text-align:left; } #sidebar #search table td { padding:0; } #sidebar #search input[type=text], #sidebar #search select, #sidebar #search #slider-range { width:200px; } /* Autres biens */ #autresbien fieldset { border:none; padding:0; margin:6px 0; height:75px; } #autresbien fieldset .visu { height:70px; width:90px; float:left; margin:0 10px 0 0; } #autresbien fieldset img { height:70px; width:90px; margin:0; border:2px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } #autresbien fieldset h5, #autresbien fieldset h6, #autresbien fieldset p { font-size:10px; font-weight:normal; margin:0; } #autresbien fieldset h5 { color:#777; } #autresbien fieldset h6 { color:#09d; font-size:12px; } #autresbien fieldset p { color:#777; } /**** LISTE BIENS ************************************************************************************/ .liste_biens fieldset { padding:0; background-color:#fff; position:relative; display:inline; padding:0; margin:0 10px 10px 0; width:316px; border:2px solid #ddd; } .liste_biens fieldset .visu { width:150px; height:115px; float:left; margin:8px; border:2px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } .liste_biens fieldset .visu:hover { border:2px solid #9a0; } .liste_biens fieldset .visu img { width:150px; height:115px; margin:0; } .liste_biens fieldset input { position:absolute; top:1px; right:1px; } .liste_biens fieldset .desc { font-size:11px; float:left; padding:0 5px 0 0; margin-top:10px; width:130px; height:105px; min-height:105px; overflow:hidden; } .liste_biens fieldset .desc a { display:block; } .liste_biens fieldset .desc h3 a { font-size:11px; color:#777; font-weight:normal; } .liste_biens fieldset .desc span { display:block; color:#09d; font-size:14px; font-weight:bold; } .liste_biens fieldset .links { position:absolute; bottom:1px; right:1px; } .liste_biens fieldset .links a { font-size:11px; color:#fff; font-weight:bold; height:16px; padding:2px 5px 0 5px; background-image:url(../images/laforet/bg/submit-green.png); background-repeat:repeat-x; background-position:0 50%; text-align:right; } .liste_biens fieldset .links a:hover { background-image:url(../images/laforet/bg/submit-blue.png); color:#fff; text-decoration:none; } .liste_biens fieldset .lisociaux { position:absolute; bottom:1px; right:42px; } /*.liste_biens fieldset .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; }*/ /* Spécifique bien CP */ .liste_biens fieldset .visu img.ico_privilege { height:25px; width:25px; top:-5px; left:-5px; } .liste_biens fieldset .visu img.ico_coup_de_coeur { height:25px; width:25px; top:-5px; left:22px; } .liste_biens fieldset .visu img.ico_dernier_bien { height:60px; width:60px; } .liste_biens fieldset.bien_cp, .liste_biens fieldset.bien_cp .popup, .liste_biens fieldset.bien_cp .visu:hover { border:2px solid #003f8a; } .liste_biens fieldset.bien_cp .desc h3 a, .liste_biens fieldset.bien_cp .desc span { color:#003f8a; } .liste_biens fieldset.bien_cp .links a { color:#fff; background-image:url(../images/laforet/bg/submit-blue.png); } .liste_biens fieldset.bien_cp .links a:hover { background-image:url(../images/laforet/bg/submit-green.png); } .liste_biens fieldset.bien_cp .popup .details_popup ul li a { background-color:#003f8a; } .liste_biens fieldset.bien_cp .popup .details_popup ul li a:hover { background:url(../images/laforet/bg/submit-blue.png) repeat-x 50% 50%; } /* Toolbar */ .outils_filtre { position:relative; margin:0 0 10px 0; height:30px; border-width:1px 0; border-style:solid; border-color:#ddd; background-color:#fff; } .outils_filtre div { float:left; margin:5px; } .outils_filtre div, .outils_filtre a, .outils_filtre div select { color:#777; font-size:11px; } .outils_filtre div a:hover { color:#9a0; text-decoration:none; } .outils_filtre div select { width:90px; } .outils_filtre div select:focus { border-color:#9a0; color:9a0; } .outils_filtre a { padding:3px 0 4px 25px; margin-right:8px; height:14px; float:left; background-image:url(../images/laforet/submit/tools.png); background-repeat:no-repeat; } .outils_filtre a.ico_save { background-position:0 -210px; } .outils_filtre a.ico_alerte { background-position:0 -84px; } .outils_filtre a.ico_connect { background-position:0 -252px; } .outils_filtre a.ico_search { background-position:0 -168px; } #save_recherche { padding:10px; margin:0 0 15px 0; text-align:center; color:#fff; background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } #save_recherche input[type=text] { padding:3px; width:200px; } #save_recherche input[type=button] { padding:3px 10px; font-size:11px; vertical-align:bottom; } #save_recherche a, #save_recherche p { font-weight:bold; float:none; color:#fff; background:none; padding:0; margin:0; font-size:12px; text-align:center; } #save_recherche a { text-decoration:underline; } #indicator { text-align:center; padding:5px; } /* Multipage */ .multipage { margin:20px auto 0 auto; text-align:center; } .multipage ul,.multipage ul li { margin:0; padding:0; } .multipage ul li { list-style-type:none; display:inline; } .multipage ul li a { color:#777; background-color:#fff; font-weight:bold; border:1px solid #ddd; padding:1px 5px; -webkit-transition:inherit; -moz-transition:inherit; -khtml-transition:inherit; -o-transition:inherit; transition:inherit } .multipage ul li a:hover { border:1px solid #9a0; background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; color:#fff; text-decoration:none; } .multipage ul li.actif a { border:1px solid #ddd; background:url(../images/laforet/bg/submit-grey.png) repeat-x 0 50%; color:#fff; text-decoration:none; } /* Popup */ #IE6 .popup, #IE7 .popup { } .popup { position:absolute; top:-50px; left:120px; z-index:10000; padding:10px; width:270px; text-align:left; background:#fff url(../images/laforet/bg/white-gradient2.png) repeat-x 0 100%; border:2px solid #9a0; } .popup .photos_popup { margin-bottom:10px; } .popup .photos_popup a img { width:260px; height:196px; border:2px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } .popup .thumbs_popup { margin-top:5px; } .popup .thumbs_popup img { margin-right:3px; width:40px; height:30px; border:1px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } .popup .thumbs_popup img:hover { border:1px solid #ac0; cursor:pointer; -webkit-transform-origin:center center; -moz-transform-origin:center center; -khtml-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .popup .photos_popup .ico_dernier_bien { border:none; box-shadow:none; height:60px; width:60px; } .popup .details_popup a { display:block; } .popup .details_popup h3 a { font-size:12px; color:#09d; font-weight:normal; } .popup .details_popup span { display:block; color:#09d; font-weight:bold; } .popup .details_popup em { font-style:normal; color:#777; } .popup .details_popup p { margin:10px 0; } /*.popup .details_popup p strong { color:#9a0; }*/ /*.popup .details_popup .drapeau { float:right; }*/ .popup .details_popup ul { position:absolute; bottom:0; right:0; margin:0; padding:0; } .popup .details_popup li { text-align:right; margin:0; padding:0; list-style-image:none; } .popup .details_popup ul li a { padding:5px 15px; color:#FFF; font-weight:bold; background-color:#9a0; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 0 0 0; -khtml-border-radius:5px 0 0 0; -o-border-radius:5px 0 0 0; border-radius:5px 0 0 0; } .popup .details_popup ul li a:hover { background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; text-decoration:none; } /* all biens */ #allbiens table td { vertical-align:top; width:50%; } #allbiens table h4 { margin:10px 0 5px 0; } #allbiens table ul li { margin-bottom:0; font-size:10px; } /**** DEATILS BIEN ************************************************************************************/ /* Outils filtre */ #details_bien .outils_filtre { margin:10px 0; } #details_bien .outils_filtre ul { margin:4px 0 0 0; padding:0; } #details_bien .outils_filtre ul li { margin:0; padding:0; list-style-type:none; display:inline; } #details_bien .outils_filtre ul li a { margin:0 20px 0 0; } #details_bien .outils_filtre ul li.retour a { background-position:0 -63px; font-weight:bold; text-decoration:underline; color:#a4b; } #details_bien .outils_filtre ul li.addselect a { background-position:0 -126px; } #details_bien .outils_filtre ul li.print a { background-position:0 -189px; } #details_bien .outils_filtre ul li.map a { background-position:0 -147px; } #details_bien .outils_filtre ul li.mail a { background-position:0 -84px; } #details_bien .outils_filtre ul li.calc a { background-position:0 -105px; } #details_bien .outils_filtre ul li.facebook a, #details_bien .outils_filtre ul li.twitter a, #details_bien .outils_filtre ul li.google a { width:21px; height:21px; padding:0; text-indent:-5000px; overflow:hidden; margin:0 2px 0 0; } #details_bien .outils_filtre ul li.facebook a { background:url(../images/laforet/submit/facebook.png) no-repeat 0 0; } #details_bien .outils_filtre ul li.twitter a { background:url(../images/laforet/submit/twitter.png) no-repeat 0 0; } #details_bien .outils_filtre ul li.google a { background:url(../images/laforet/submit/google+.png) no-repeat 0 0; } /* Spécifique CP */ #fiche_cp { } #fiche_cp .ref_bien { color:#fff; } #fiche_cp #details_bien .desc_bien table .td1 { background-color:#003f8a; color:#fff; } #fiche_cp #details_bien .desc_bien table .td2 { background-color:#acf; } #fiche_cp #details_bien .detail_privilege { color:#003f8a; font-size:16px; font-weight:bold; margin:15px 0; padding:8px 0 8px 35px; background:url(../images/laforet/puces/ico_privilege.png) no-repeat 0 50%; } #fiche_cp #details_bien ul#menu_annonces li a { background-image:url(../images/laforet/bg/submit-blue.png); } /* GAUCHE : Photo + description */ #details_bien .colgauche { float:left; width:445px; } #details_bien h3 { color:#8D30A2; } #details_bien .photo_bien .view { /*width:440px;*/ float:left; height:330px; margin-bottom:5px; border:3px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } #details_bien .photo_bien .thumbs { } #details_bien .photo_bien .thumbs img { width:60px; height:45px; margin:0 5px 0 0; border:2px solid #fff; -webkit-box-shadow:0 0 1px #777; -moz-box-shadow:0 0 1px #777; -khtml-box-shadow:0 0 1px #777; -o-box-shadow:0 0 1px #777; box-shadow:0 0 1px #777; } #details_bien .photo_bien .thumbs img:hover { border:2px solid #ac0; cursor:pointer; -webkit-transform-origin:center center; -moz-transform-origin:center center; -khtml-transform-origin:center center; -o-transform-origin:center center; transform-origin:center center; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -khtml-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } #details_bien .photo_bien .view img.ico_coup_de_coeur { border:none; right:-10px; bottom:-10px; } #details_bien .photo_bien .view img.ico_dernier_bien { height:60px; width:60px; border:none; } #details_bien .photo_bien ul, #details_bien .photo_bien ul li { margin:0; padding:0; list-style-image:none; } #details_bien .photo_bien ul li.vvirtuelle a { position:absolute; z-index:100; bottom:8px; left:0; width:172px; height:32px; text-indent:-5000px; background-image:url(../images/laforet/submit/visitevirtuelle.png); background-repeat:none; background-position:0 0; /*-webkit-opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; -o-opacity:0.7; opacity:0.7; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -khtml-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;*/ } #details_bien .photo_bien ul li.vvirtuelle a:hover { background-position:0 -32px; /*-webkit-opacity:1; -moz-opacity:1; -khtml-opacity:1; -o-opacity:1; opacity:1;*/ } #details_bien .detail_offre { clear:left; padding:5px 0 0 0; } #details_bien .detail_offre .intro h2 { font-size:14px; text-transform:none; font-weight:normal; color:#09d; } #details_bien .detail_offre .intro h3 { font-size:18px; font-weight:normal; color:#003f8a; margin-bottom:10px; } #details_bien .detail_offre .intro p { text-align:justify; } /* onglets */ #details_bien ul#menu_annonces { height:20px; width:440px; } #details_bien ul#menu_annonces li a { font-size:12px; font-weight:bold; color:#fff; width:154px; height:20px; margin:0 1px -1px 0; padding:6px 0 0 10px; float:left; text-transform:uppercase; background-image:url(../images/laforet/bg/submit-cyan.png); background-position:0 50%; background-repeat:repeat-x; border-width:1px 1px 0 1px; border-style:solid; border-color:#ddd; text-decoration:none; } #details_bien ul#menu_annonces li a:hover, #fiche_cp #details_bien ul#menu_annonces li a:hover { color:#fff; background-image:url(../images/laforet/bg/submit-grey.png); text-decoration:none; } #details_bien ul#menu_annonces li a.actif, #fiche_cp #details_bien ul#menu_annonces li a.actif { color:#000; background:url(../images/laforet/bg/onglet-gradient.png) repeat-x 0 100%; } #details_bien .frame { clear:left; margin-bottom:20px; background:#fafafa url(../images/laforet/bg/grey-gradient.png) repeat-x 0 0; } #details_bien .desc_bien span { font-weight:bold; } #details_bien .desc_bien table { width:420px; margin:0; border-collapse:collapse; } #details_bien .desc_bien table td, #details_bien .desc_bien table th { width:50%; text-align:left; padding:2px 5px; } #details_bien .desc_bien table .td1 { background-color:#7fccee; } #details_bien .desc_bien table .td2 { background-color:#cef; } /*#details_bien iframe { border:1px solid #ddd; }*/ #details_bien #localisation .submit a { background-image:url(../images/laforet/bg/submit-green.png); text-transform:uppercase; margin:0; float:left; text-align:center; padding:5px; width:410px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } #details_bien #localisation .submit a:hover { background-image:url(../images/laforet/bg/submit-grey.png); } /* DROITE : Contact agence + DPE */ #details_bien .coldroite { margin-left:460px; } #details_bien #contact_bien { border:1px solid #ddd; margin:0 0 10px 0; padding:10px; } #details_bien #contact_bien h4 { padding:0; margin:5px 0; color:#003f8a; font-weight:bold; text-transform:uppercase; font-size:16px; } #details_bien #contact_bien .submit { margin:20px 0; } #details_bien #contact_bien .submit a { color:#fff; font-size:14px; padding:5px 10px; background:url(../images/laforet/bg/submit-cyan.png) repeat-x 0 50%; text-transform:uppercase; } #details_bien #contact_bien .submit a:hover { color:#fff; text-decoration:none; background:url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; } #details_bien #contact_bien a { text-decoration:none; } #details_bien #contact_bien a:hover { color:#09d; text-decoration:underline; } #details_bien #contact_bien small a { color:#999; text-decoration:underline; } #details_bien #contact_bien ul { margin:10px 0; } #details_bien #contact_bien ul li { list-style-image:none; margin:0; } #details_bien #contact_bien ul li a { padding:2px 2px 2px 20px; background-image:url(../images/laforet/puces/picto-tools.png); background-repeat:no-repeat; } #details_bien #contact_bien ul li.email a { background-position:0 0; } #details_bien #contact_bien ul li.web a { background-position:0 -20px; } #details_bien #contact_bien ul li.map a { background-position:0 -40px; } #details_bien #contact_bien ul li.clock a { background-position:0 -60px; } /* Bouton Contact */ #details_bien .askquestion { margin:10px 0 0 0; height:30px; } #details_bien .askquestion a { width:185px; float:left; padding:8px 10px 8px 35px; background-image:url(../images/laforet/submit/contact.png); background-repeat:no-repeat; background-position:0 50%; font-weight:bold; font-size:14px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; } #details_bien .askquestion a:hover { background-position:-250px 50%; text-decoration:none; } /* Formulaire de contact */ #details_bien #askquestion_content { background-color:#de9; padding:10px; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; } #details_bien #askquestion_content form { padding:0; } #details_bien #askquestion_content table th { width:70px; } #details_bien #askquestion_content tfoot td { text-align:center; padding-top:10px; } #details_bien #askquestion_content label { display:block; font-weight:normal; } #details_bien #askquestion_content input[type=text] { width:130px; padding:2px; } #details_bien #askquestion_content input[type=text]:focus { border:1px solid #9a0; } #details_bien #askquestion_content textarea { width:200px; } #details_bien #askquestion_content .submit a { background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; } #details_bien #askquestion_content .submit a:hover { background:url(../images/laforet/bg/submit-blue.png) repeat-x 0 50%; } #details_bien #askquestion_content .erreurs { margin:0; padding:2px 5px; text-align:left; font-size:10px; -webkit-border-radius:0; -moz-border-radius:0; -khtml-border-radius:0; -o-border-radius:0; border-radius:0; } #details_bien #askquestion_content p { margin:10px 0 0 0; text-align:center; font-size:10px; color:#780; } /* DPE */ #details_bien #indicator_dpe { margin-top:10px; } #details_bien #indicator_dpe p { font-weight:bold; margin:0; } #details_bien #indicator_dpe p sup { font-size:8px; font-weight:normal; } #details_bien #indicator_dpe small { display:block; /*padding-bottom:10px; border-bottom:1px dotted #555;*/ color:#999; } .dpe { position:relative; width:180px; } .dpe div { position:absolute; z-index:100; right:2px; text-align:right; font-weight:bold; color:#fff; font-size:10px; } .dpe div.dpe-a { top:21px; } .dpe div.dpe-b { top:45px; } .dpe div.dpe-c { top:69px; } .dpe div.dpe-d { top:93px; } .dpe div.dpe-e { top:117px; } .dpe div.dpe-f { top:141px; } .dpe div.dpe-g { top:165px; } .legend p, #details_bien .detail_offre .intro .legend p { font-size:10px; color:#999; margin:0; } /**** LIENS DANS LA RECHERCHE *****************************************************************************/ .recherche_links { position:relative; background-color:#fff; padding:10px; border:1px solid #ddd; margin-bottom:10px; } .recherche_links ul li { float:left; width:45%; } /**** PAS DE RESULTATS ************************************************************************************/ /* Cadre Alerte Email */ .alerte_email { position:relative; background-color:#fff; padding:10px; border:1px solid #ddd; } /*.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 { font-size:14px; } .alerte_email .links_alerte a { position:absolute; bottom:0; right:10px; padding:5px 15px; color:#FFF; font-weight:bold; background:url(../images/laforet/bg/submit-blue.png) repeat-x 50% 50%; -webkit-border-radius:5px 0 0 0; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .alerte_email .links_alerte a:hover { background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; text-decoration:none; } /*.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; } /**** VENDRE ************************************************************************************/ #vendre dl { margin:10px 0 20px 0; height:290px; padding:0; } #vendre dl dd { display:inline; position:relative; float:left; padding:110px 10px 10px 10px; margin:0 20px 0 0; width:180px; height:170px; } #vendre dl dd.encart-estimer { background:url(../images/laforet/cadre/encart-estimer.jpg) no-repeat 0 0; } #vendre dl dd.encart-proposer { background:url(../images/laforet/cadre/encart-proposer.jpg) no-repeat 0 0; } #vendre dl dd.encart-proposer-location { background:url(../images/laforet/cadre/encart-proposer-location.jpg) no-repeat 0 0; } #vendre dl dd.encart-suivre { background:url(../images/laforet/cadre/encart-suivre.jpg) no-repeat 0 0; } #vendre dl dd h3 { color:#fff; font-weight:bold; font-size:14px; margin:0; } #vendre dl dd p, #vendre dl dd ul li { text-align:left; color:#fff; font-size:14px; } #vendre dl dd ul { margin:10px 0; } #vendre dl dd ul li { list-style-image:url(../images/laforet/puces/li-white.gif); margin-bottom:0; } #vendre dl dd .submit { text-align:center; position:absolute; bottom:12px; left:45px; } #vendre dl dd .submit a { background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } #vendre dl dd .submit a:hover { background:url(../images/laforet/bg/submit-white.png) repeat-x 0 50%; color:#003f8a; } #vendre dl dd.encart-suivre .submit { left:40px; } #vendre .container { margin:10px 0; } /**** AGENCE ************************************************************************************/ div.coordonnees { margin:0 0 10px 0; padding:10px 15px; border:1px solid #ddd; background:#FFF url(../images/laforet/bg/white-gradient2.png) repeat-x 0 100%; } #content div.coordonnees h2 { margin:0; padding:0; color:#003f8a; font-size:14px; } div.coordonnees p { margin:0 0 20px 0; } div.coordonnees p a { text-decoration:underline; } /*div.coordonnees strong { color:#09d; }*/ .photoagence { width:215px; height:173px; background:#fff url(../images/laforet/th_none.jpg) no-repeat 50% 50%; float:right; border:3px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } .photoagence img { width:215px; height:173px; } /* Mur 3d vidéos */ #wall { width:660px; margin:0 auto; text-align:center; border:1px solid #ddd; /*border:3px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777;*/ } #wall p { text-align:center; margin:10px; } #wall a { text-decoration:underline; } /**** SERVICES ************************************************************************************/ #services ul li { margin-bottom:3px; } #services hr { margin:20px 0; } #services img.right { margin:10px 0 0 50px; } .illustration { margin:0 0 15px 30px; border:2px solid #fff; -webkit-box-shadow:0 0 2px #777; -moz-box-shadow:0 0 2px #777; -khtml-box-shadow:0 0 2px #777; -o-box-shadow:0 0 2px #777; box-shadow:0 0 2px #777; } /**** RECRUTEMENT ************************************************************************************/ #form_recrutement .left { margin:5px 10px 5px 0; } #form_recrutement p { margin-top:5px; } #form_recrutement .submit { margin:15px 0 30px 0; } #form_recrutement form { margin-bottom:20px; } #form_recrutement .champs_obligatoires { margin:0; float:right; } /**** LIENS UTILES ************************************************************************************/ #liens_utiles table { border-collapse:collapse; width:100%; margin:20px 0; } #liens_utiles table thead th { background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; text-transform:uppercase; color:#fff; padding:5px; } #liens_utiles table thead th i { font-weight:normal; } #liens_utiles table tbody th { width:38%; } #liens_utiles table tbody td { width:58%; } #liens_utiles table tbody th, #liens_utiles table tbody td { padding:3px 5px; border-bottom:1px dotted #ddd; } #liens_utiles a { color:#9a0; font-weight:bold; } /**** CONTACT ************************************************************************************/ #form_contact th { font-weight:bold; text-align:left; color:#09d; padding-top:10px; } .champs_obligatoires { color:#9a0; font-size:10px; margin:0; text-align:right; } .iform { width:250px; } .iform2 { width:40px; } input[type=radio] { vertical-align:bottom; } #mentionslegales a { text-decoration:underline; } #bien_contact { margin:20px 0 0 0; } #bien_contact fieldset { float:none; width:650px; } /**** PRIVILEGE ************************************************************************************/ #contratprivilege { background:url(../images/laforet/contrat-privilege.jpg) no-repeat 0 10px; padding:130px 170px 0 170px; height:auto !important; height:470px; min-height:470px; } #contratprivilege ul li { text-align:justify; } /**** OUTILS ************************************************************************************/ /*#outil { background:url(../images/laforet/bg_outils.gif) no-repeat right 50px; }*/ #outil table { width:100%; border-collapse:collapse; } #outil table th, #outil table td { border-top:1px dotted #ccc; padding:5px 10px; font-size:16px; } #outil table.calcul th { text-align:left; color:#555; } #outil table.calcul td input[type=text], #outil table.calcul td select, #outil table.calcul td { font-size:16px; text-align:right; } #outil table.result th { background:url(../images/laforet/bg/submit-grey.png) repeat-x 50% 50%; color:#fff; } #outil table.result th, #outil table.result td { width:33%; text-align:center; } #outil .submit { text-align:right; margin:20px 0; } #help_outils { background:url(../images/laforet/bg/submit-cyan.png) repeat-x 50% 50%; margin:10px 0 0 0; padding:5px 10px; color:#fff; text-align:center; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; -o-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; } .note, .erreurs { background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; margin:10px 0 0 0; padding:5px 10px; color:#000; text-align:center; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; -o-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; } .erreurs { -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; } .erreurs ul li { list-style-type:none; list-style-image:url(../images/laforet/puces/li-white.gif); margin:0; padding:0; } .erreurs ul { margin:0 0 0 20px; padding:0; } /**** RECHERCHE AVANCE ************************************************************************************/ #recherche table { width:660px; } #recherche table td, #recherche table th{ vertical-align:top; } #recherche td { padding:10px; border:1px solid #ddd; background:#fafafa url(../images/laforet/bg/grey-gradient.png) repeat-x 0 0; } #recherche th { color:#09d; padding-top:10px; font-size:14px; font-weight:normal; text-align:left; } #recherche th.align_right { text-align:right; } #recherche tfoot th { color:#9a0; } #recherche tfoot td { padding:10px; background-color:#fff; background-image:none; font-size:14px; vertical-align:middle; } #recherche tfoot td input[type=text] { width:115px; font-size:16px; text-align:center; font-weight:bold; } #recherche tfoot td input[type=text]:focus { border:1px solid #9a0; } #recherche tfoot td input[type=submit] { padding:2px 5px; background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; vertical-align:bottom; } #recherche tfoot td input[type=submit]:hover { background:url(../images/laforet/bg/submit-cyan.png) repeat-x 50% 50%; } #recherche table table { width:300px; } #recherche table table td { padding:0; border:none; background:none; } #recherche label { font-weight:normal; margin-top:5px; } #recherche .invest label { font-weight:bold; margin-right:40px; } #recherche select { width:180px; } #recherche #deptBiens select, #recherche #villeBiens { margin-bottom:15px; } #recherche .bloc label { display:block; } #recherche .budget input { width:54px; text-align:center; } /****MON ESPACE ************************************************************************************/ /*#myspace { background:url(../images/laforet/couple.gif) no-repeat 100% 0; }*/ #ma_selection { margin-bottom:20px; } #ma_selection h2 { color:#9a0; } #ma_selection h3 { color:#555; font-size:12px; font-weight:bold; } .saves ul li { border-bottom:1px dotted #ddd; padding:3px 0; } .saves ul li ul { float:right; margin:0; padding:0; } .saves ul li ul li { margin:0 0 0 20px; padding:0; list-style-image:none; display:inline; border:none; } .saves ul li a.ico_modifier { padding:0 0 0 15px; background:url(../images/laforet/puces/modifier.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 { color:#9a0; } .saves ul li a.ico_supp:hover { color:#d00; } #infos_connexion ul { list-style-image:url(../images/laforet/puces/li-blue.gif); margin:5px 5px 10px 25px; padding:0; } #infos_connexion ul li { padding:0; margin:0; } .remove { position:absolute; top:2px; right:5px; } .remove a { padding-right:10px; background:url(../images/laforet/puces/supprimer.gif) no-repeat 100% 4px; color:#d00; } .confirm { background:url(../images/laforet/bg/submit-green.png) repeat-x 50% 50%; margin:10px 0; padding:5px 10px; color:#fff; text-align:center; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -o-border-radius:5px; border-radius:5px; } /**** TOUTES LES AGENCES ************************************************************************************/ #allagences ul { margin:15px 0; } #allagences ul li { margin:0 30px 10px 20px; font-size:10px; color:#777; /*float:left; width:280px;*/ } #allagences ul li a { font-size:14px; font-weight:bold; color:#555; } #allagences ul li a:hover { color:#000; } /**** DIVERS ************************************************************************************/ /* Popin */ .bgPub2 { border:10px solid #fff; background:#fff url(../images/laforet/bg/popin-bien.jpg) no-repeat 100% 0; position:relative; } .bgPub2 #sbt { position:absolute; bottom:5px; right:170px; } .bgPub2 #ets { position:absolute; top:0; left:0; width:145px; height:70px; text-align:left; font-size:14px; color:#003f8a; padding:5px 0 5px 85px; background:url(../images/laforet/laforet-logo.jpg) no-repeat 0 0; } .bgPub2 #info { position:absolute; top:15px; right:180px; width:270px; height:270px; overflow:hidden; } .bgPub2 #photo { position:absolute; bottom:5px; left:5px; } .bgPub2 #info { font-size:16px; color:#fff; text-align:right; } .bgPub2 #info h2 { font-size:16px; color:#037; font-weight:normal; } .bgPub2 #photo img { border:5px solid #fff; -webkit-box-shadow:0 0 3px #777; -moz-box-shadow:0 0 3px #777; -khtml-box-shadow:0 0 3px #777; -o-box-shadow:0 0 3px #777; box-shadow:0 0 3px #777; } .bgPub2 #photo .ico_privilege, .bgPub2 #photo .ico_coup_de_coeur, .bgPub2 #photo .ico_dernier_bien { border:none; -webkit-box-shadow:none; -moz-box-shadow:none; -khtml-box-shadow:none; -o-box-shadow:none; box-shadow:none; } .bgPub2 #sbt a { font-size:16px; } .bgPub2 #sbt a.popin-close { background:url(../images/laforet/bg/submit-green.png) repeat-x 0 50%; } /* 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:400px; margin-left:-175px; margin-top:-200px; z-index:2000; } #pub630 { position:absolute; left:50%; top:50%; width:630px; height:400px; margin-left:-315px; margin-top:-200px; z-index:2000; } #pub_home { width:350px; height:350px; margin:0; padding:0; } div.close { text-align:center; background-color:#9a0; display:block; padding:5px 10px; } div.close a { font-size:12px; color:#fff; text-decoration:underline; } div.close a:hover { color:#000; } /* 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; } /**** INTERNET EXPLORER ************************************************************************************/ #IE6 input[type=submit], #IE6 input[type=button], #IE6 .submit a, #IE7 input[type=submit], #IE7 input[type=button], #IE7 .submit a { padding:5px 10px; } #IE6 #search input[type=submit], #IE7 #search input[type=submit] { padding:5px; width:150px; } #IE6 .liste_biens fieldset, #IE7 .liste_biens fieldset { padding:5px; width:305px; } #IE6 .liste_biens fieldset .visu, #IE7 .liste_biens fieldset .visu { margin:0 5px 0 0; }