/**************************************************************** calculette **/ .style_calculette_input {border:1px solid #ffffff;background-color:#008aa7;color:#ffffff;width:300px;} .style_calculette_select {border:1px solid #ffffff;background-color:#008aa7;color:#ffffff;} .submit_calculette {border:1px solid #ffffff;background-color:#008aa7;color:#ffffff;} #tableau_calculette {float:left;width:400px;height:200px;border:0px solid red;margin-left:130px;margin-top:40px;} /**************************************************************** erreur 404 **/ .erreur404lien {color:#ffffff;text-decoration:underline;} a.erreur404lien {color:#ffffff;text-decoration:underline;} a:hover.erreur404lien {color:#ffffff;text-decoration:none;} /**************************************************************** principale **/ html {margin:0;padding:0px;} body{position:relative;font-family: "Trebuchet MS";margin:0;padding:0px; background:#008aa7 url("../images/background-site.png") repeat-x top left fixed;} img{border:0;} form{margin:0;} /********************************************************************* world **/ #world{width:985px;margin:auto;padding:0px; background:transparent url("../images/background-world.png") repeat-y top left;} /******************************************************************** global **/ #global{position:relative;width:959px;margin:auto;padding-top:0px; background:transparent url("../images/rocbaron-image-background.jpg") no-repeat top center fixed;} /******************************************************************* drapeau **/ #Ensemble_Flags {position:absolute; top:25px;right:10px; z-index:5; width:53px;height:24px;} #Div_Flags {position:relative;z-index:6;width:53px;height:24px;border:0px solid red;} #div_drapeau_francais {position:absolute;z-index:7;top:0px;left:0px; width:24px;height:24px;cursor:pointer; background:url("../images/flag_fr.png") no-repeat;} #go_drapeau_francais {position:absolute;z-index:8;top:0px;left:0px; width:24px;height:24px;cursor:pointer;} #div_drapeau_americain {position:absolute;z-index:7;top:0px;left:29px; width:24px;height:24px;cursor:pointer; background:url("../images/flag_uk.png") no-repeat;} #go_drapeau_americain {position:absolute;z-index:8;top:0px;left:29px; width:24px;height:24px;cursor:pointer;} /********************************************************************** menu */ #en-tete { position:absolute; top:55px;left:455px; overflow: hidden; width:500px; background-color: transparent; background-position: bottom; background-repeat: repeat-x; text-transform:uppercase;} #en-tete ul {float: right;margin-top: 16px;margin-right: 16px;margin-bottom: 0px;margin-left: 0px;padding: 0px;list-style: none;} #en-tete ul li {float: left;margin-left: 8px;margin-bottom:5px;} #en-tete ul li a {float: left;text-decoration: none;letter-spacing: 0px;padding-left: 10px; background-image: url(../images/mgauche.png);background-position: top left;background-repeat: no-repeat;height:24px;} #en-tete ul li a span {float: left;padding-top: 0px;padding-right: 10px;padding-bottom: 0px;padding-left: 0px; background-image: url(../images/mdroite.png);background-position: top right;background-repeat: no-repeat;color:#ffffff;height:24px;} #en-tete ul li a:hover {background-position: 0% -24px;color:#1b7788;} #en-tete ul li a:focus {background-position: 0% -24px;color:#1b7788;} #en-tete ul li a:hover span {background-position: 100% -24px;color:#1b7788;} #en-tete ul li a:focus span {background-position: 100% -24px;color:#1b7788;} #reference_ouville {position:relative;z-index:100} #ouville{position:absolute;top:0px;left:0px;z-index:100;height:200px;font-family: arial; font-size:13px;} ul.villesBox {list-style-type: none; margin-left:0px; padding:0px; text-align: left;} ul.villesBox {width:300px; background-color:#008aa7; border:1px solid #888;} ul.villesBox li {font-size:11px; line-height:14px; width:300px;} ul.villesBox li.selected {background-color: #9aced9; color:#008aa7; cursor: pointer;} ul.villesBox li:hover {color:#fff; cursor: pointer;} /********************************************************************** index */ #bloc {width:959px;height:200px;min-height:370px;height:auto !important;height:370px;} #gauchepage {float:left;width:253px; min-height:370px;height:auto !important;height:370px;position:relative;z-index:1;} #gauchepagecontact {float:left;width:370px; min-height:370px;height:auto !important;height:370px;position:relative;z-index:1;} #droitepagecontact {float:left;width:589px; min-height:370px;height:auto !important;height:370px;position:relative;z-index:1;} #bloc_moteur_de_recherche {float:left;margin-left:22px;margin-top:41px;position:relative;width:219px;height:208px;z-index:1;} #background_moteur_de_recherche{position:absolute;width:219px;height:208px; background:transparent url("../images/background-moteur-de-recherche.png") no-repeat top left;z-index:2;} #ensemble_moteur_de_recherche{position:absolute;width:219px;height:208px;z-index:3;} #titre_moteur_de_recherche {position:absolute;z-index:2;top:5px;left:0px; font-family: "Trebuchet MS";color:#ffffff;font-size:12px;width:219px;text-decoration:underline;text-align:center;} #bloc_alerte_mail {float:left;margin-left:22px;margin-top:18px;position:relative;width:219px;height:100px;z-index:1;} #background_alerte_mail{position:absolute;width:219px;height:100px; background:transparent url("../images/background-alerte-mail.png") no-repeat top left;z-index:2;} #ensemble_alerte_mail{position:absolute;width:219px;height:100px;z-index:3;} #titre_alerte_mail {position:absolute;z-index:2;top:5px;left:0px; font-family: "Trebuchet MS";color:#ffffff;font-size:12px;width:219px;text-decoration:underline;text-align:center;} #phrase_alerte_mail {position:absolute;z-index:2;top:40px;left:90px;font-family: "Trebuchet MS";color:#ffffff;font-size:12px;} .lienpage_alerte_mail {display:block;position:absolute;z-index:10;top:0px;left:0px;width:219px;height:100px;} #bloc_estimation {float:left;margin-left:22px;margin-top:8px;position:relative;width:219px;height:100px;z-index:1;} #background_estimation{position:absolute;width:219px;height:100px; background:transparent url("../images/background-estimation.png") no-repeat top left;z-index:2;} #ensemble_estimation{position:absolute;width:219px;height:100px;z-index:3;} #titre_estimation {position:absolute;z-index:2;top:5px;left:0px; font-family: "Trebuchet MS";color:#ffffff;font-size:12px;width:219px;text-decoration:underline;text-align:center;} #phrase_estimation {position:absolute;z-index:2;top:40px;left:90px;font-family: "Trebuchet MS";color:#ffffff;font-size:12px;} .lienpage_estimation {display:block;position:absolute;z-index:10;top:0px;left:0px;width:219px;height:100px;} #droitepage {float:left;width:706px; min-height:370px;height:auto !important;height:370px;position:relative;z-index:1;} #introduction {float:left;width:681px;height:201px;position:relative;} #background_introduction {position:absolute;width:681px;height:201px; background:transparent url("../images/background-introduction.png") no-repeat top left;z-index:2;} #ensemble_introduction{position:absolute;width:681px;height:201px;z-index:3;} #titre_introduction {position:absolute;top:50px;left:10px;font-family: "Arial";color:#ffffff;font-weight:bold;font-size:18px;} #coup_de_coeur_titre {float:left;width:679px;height:30px;margin-top:18px; background:transparent url("../images/titre-coup-de-coeur.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;letter-spacing:3px;} #redactionnel_introduction {position:absolute;font-family: "Arial";color:#1b7788;font-size:12px;width:615px;position:absolute; top:75px;left:12px;text-align:justify;} .lienindex {color:#1b7788;text-decoration:underline;} a.lienindex {color:#1b7788;text-decoration:underline;} a:hover.lienindex {color:#1b7788;text-decoration:none;} /******************************************************** moteur de recherche */ #recherche_all_item {border:0px solid red;padding-top:30px;padding-left:5px;min-height:50px;height:auto !important;height:50px;} .selectrecherche {float:left;margin-left:15px;margin-bottom:2px;} .checkboxrecherche {margin-left:15px;margin-bottom:2px;color:#ffffff;font-size:13px;} .selectrecherche select{width:150px; border-top:2px solid #808080; border-left:2px solid #808080; border-right:2px solid #d4d0c8; border-bottom:2px solid #d4d0c8; color:#6f6f6f;} #formboutonrecherche{position:relative;z-index:10;left:85px;top:15px;width:92px;height:20px;} /********************************************************************* header */ #header {position:relative;width:959px;height:340px;} #logo_ladresse {position:absolute;top:24px;left:22px;width:401px;height:123px; background:transparent url("../images/logo-adresse-rocbaron.png") no-repeat top left;} .lien_logo_site_principal{display:block;position:absolute;z-index:2;top:14px;left:22px;width:401px;height:123px;} /********************************************************************* footer */ #translation_by_google {position:absolute;z-index:10;top:53px;right:49px;color:#ffffff;font-size:12px;} #footer {width:959px;height:130px;position:relative;z-index:1} html[xmlns*=""] body:last-child #footer{top:5px;} #footer_bloc {width:985px;height:130px;position:absolute;z-index:2;top:0px;left:-15px; background:transparent url("../images/background-footer.png") no-repeat top left;} #la_boite_immo {position:absolute;z-index:3;top:70px;right:15px;width:215px;height:31px; background:transparent url("../images/la-boite-immo.png") no-repeat top left;} .lien_logo_boite_immo {display:block;position:absolute;z-index:4;top:70px;right:15px;width:215px;height:31px;} #sia_fnaim {position:absolute;z-index:3;top:55px;right:295px;width:75px;height:62px; background:transparent url("../images/logo-fnaim-sia.png") no-repeat top left;} #div_copyright_footer {font-family: "Verdana";color:#ffffff;font-size:11px;position:absolute;top:60px;left:13px;z-index:3;width:600px;} #div_menu_footer{font-family: "Verdana";font-size:10px;position:absolute;top:85px;left:-35px;z-index:4;width:600px;} #menu_footer li{list-style-type: none;float: left;text-align:center;font-size:11px; margin:0px;padding:0px; padding-left:5px;padding-right:5px; border-left:1px solid #ffffff;} #menu_footer li.first {border:0;} #menu_footer li a{color:#ffffff; text-decoration:none;padding-left:3px;padding-right:3px; background-color:#008aa7;} #menu_footer li a:hover{color:#ffffff; background-color:#008aa7;text-decoration:underline;} .hrefmention {color:#ffffff;text-decoration:none;} a.hrefmention {color:#ffffff;text-decoration:none;} a:hover.hrefmention {color:#ffffff;text-decoration:underline;} /******************************************************************** marquee */ #header_marquee_div {position:absolute;z-index:3;top:0px;left:-15px;width:985px;height:18px; background-color:#ffffff;} #scroll {width:959px;height:18px;position:absolute;z-index:4;top:0px;left:0px;font-family: "Trebuchet MS";font-size:10px;color:#1b7788;} .lienscroll {text-decoration:none;color:#1b7788;cursor:pointer;} a.lienscroll {text-decoration:none;color:#1b7788;} a:hover.lienscroll {text-decoration:underline;color:#1b7788;} #text_marquee {font-size:11px;color:#1b7788;} /*************************************************************** redactionnel */ #page_droite_titre {float:left;width:679px;height:30px;margin-top:41px; background:transparent url("../images/page_droite_titre.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:3px;} #box_droite {float:left;width:677px;margin-top:18px;min-height:380px;height:auto !important;height:380px; border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff; background:#008aa7 url("../images/background-box-droite.png") repeat-x bottom right;} #barre_box_droite_bas {float:left;width:679px;height:5px; background:transparent url("../images/barre-box-droite-bas.png") no-repeat top left;} #box_redactionnel {color:#ffffff;font-family: "Arial";font-size:12px; margin-top:30px;margin-left:10px;margin-bottom:50px;width:657px;text-align:justify;} /* margin-top:10px;margin-left:10px;margin-bottom:10px; */ /***************************************************************** partenaire */ .lien_partenaire {text-decoration:underline;color:#ffffff; } a.lien_partenaire {text-decoration:underline;color:#ffffff; } a:hover.lien_partenaire {text-decoration:none;color:#ffffff; } .bloc_partenaire {float:left;width:610px;min-height:125px;margin-left:20px;margin-bottom:10px;} .descriptif_partenaire {color:#ffffff;font-size:12px; } .bloc_description_partenaire {float:left;width:330px;line-height:15px;margin-left:20px;} .bloc_image_partenaire {float:left;width:258px;height:123px;border:1px solid #c4c4c4;} #redactionnel {margin-bottom:50px;margin-top:30px;} /******************************************************************* sitemap **/ hrefplandusite {color:#ffffff;text-decoration:none; font-size:8px;font-family: "Trebuchet MS";} a.hrefplandusite {color:#ffffff;text-decoration:none;} a:hover.hrefplandusite {color:#ffffff;text-decoration:underline;} /**************************************************************** estimation **/ #div_formulaire_estimation {float:left; margin-top:10px;margin-left:10px;margin-bottom:10px;width:657px;} .form_row_left_estimation {float:left;} .estimationinput {font-size:12px;width:180px;margin-left:30px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .estimationinput2 {font-size:12px;width:180px;margin-left:25px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .estimationtextarea2{font-size:12px;width:180px;margin-left:25px;color:#ffffff; float:left;margin-top:10px;font-family:Arial; border:1px solid #ffffff;background-color:#008aa7;} .estimationselect {font-size:12px;width:185px;margin-left:30px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .estimationtextarea {font-size:12px;width:180px;margin-left:30px;color:#ffffff; float:left;margin-top:10px;font-family:Arial; border:1px solid #ffffff;background-color:#008aa7;} #btestimationv2 {float:left; margin-left:75px;margin-top:10px; width:87px;height:20px; text-align:center; background: url(../images/boutton_envoyer.png) no-repeat left top;cursor:pointer;} #text_btestimation{margin-top:3px;font-family:Arial;font-size:11px;font-weight:bold;color:#008aa7;} #tab_estimation {color:#ffffff;font-size:12px;} /*************************************************************** alerte mail **/ #div_formulaire_alertemail {float:left; margin-top:10px;margin-left:10px;margin-bottom:10px;width:657px;} .alertemailinput {font-size:12px;width:180px;margin-left:30px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .alertemailselect {font-size:12px;width:185px;margin-left:30px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .alertemailselect2 {font-size:12px;width:185px;margin-left:27px;color:#ffffff; float:left;margin-top:10px; border:1px solid #ffffff;background-color:#008aa7;} .alertemailtextarea {font-size:12px;width:180px;margin-left:30px;color:#ffffff; float:left;margin-top:10px;font-family:Arial; border:1px solid #ffffff;background-color:#008aa7;} #btalertemailv2 {float:left; margin-left:75px;margin-top:10px; width:87px;height:20px; text-align:center; background: url(../images/boutton_envoyer.png) no-repeat left top;cursor:pointer;} #text_btalertemail{margin-top:3px;font-family:Arial;font-size:11px;font-weight:bold;color:#008aa7;} #formalerte {color:#ffffff;font-size:12px;} /************************************************************ coups de coeur **/ #coupsdecoeurimage {width:706px;height:208px;border:0px solid red;} .cc{position:relative;width:219px;height:208px;float:left;margin-right:11px;margin-top:18px;} .boxcc_background{position:absolute;z-index:1;top:0px;left:0px;width:219px;height:208px; background:transparent url("../images/background-coup-de-coeur.png") no-repeat top left;} .boxcc_image{position:absolute;z-index:2;top:27px;left:17px;width:183px;height:122px;border:1px solid #ffffff;} .boxcc_image_click{position:absolute;z-index:10;top:0px;left:0px;display:block;width:219px;height:208px;cursor:pointer;} .boxcc_titre_1{position:absolute;z-index:2;top:6px;left:0px;width:219px;text-align:center;cursor:pointer; font-family: "Trebuchet MS";font-size:12px;color:#ffffff;font-weight:bold;} .boxcc_titre_2_background{position:absolute;z-index:3;top:150px;left:17px;width:185px;height:17px;background-color:#ffffff;} .boxcc_titre_2{position:absolute;z-index:4;top:147px;left:17px;width:185px;height:17px; text-align:center;color:#1b7788;cursor:pointer;} .boxcc_detail{position:absolute;z-index:2;top:170px;left:17px; text-align:left;width:183px;font-size:12px;line-height:15px;cursor:pointer; font-family: "Trebuchet MS";font-size:12px;color:#1b7788;} .bienlocationcc_1_fr {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-location-fr.png") no-repeat top left;} .bienlocationcc_0_fr {} .bienlocationcc_1_en {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-location-en.png") no-repeat top left;} .bienlocationcc_0_en {} .bienexclusifcc_1_fr {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-exclusif-fr.png") no-repeat top left;} .bienexclusifcc_0_fr {} .bienexclusifcc_1_en {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-exclusif-en.png") no-repeat top left;} .bienexclusifcc_0_en {} .bienventecc_1_fr {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-vente-fr.png") no-repeat top left;} .bienventecc_0_fr {} .bienventecc_1_en {position:absolute;z-index:5;top:28px;left:18px;width:115px;height:53px;background:transparent url("../images/cc-vente-en.png") no-repeat top left;} .bienventecc_0_en {} /********************************************************* listing des biens **/ #page_listing_des_biens { float:left;width:679px;height:30px;margin-top:-7px; background:transparent url("../images/page_droite_titre.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:3px;} .listingdesbiens{position:relative;width:219px;height:208px;float:left;margin-right:11px;margin-top:18px;} .boxlistingdesbiens_background{position:absolute;z-index:1;top:0px;left:0px;width:219px;height:208px; background:transparent url("../images/background-coup-de-coeur.png") no-repeat top left;} .boxlistingdesbiens_image{position:absolute;z-index:2;top:27px;left:17px;width:183px;height:122px;border:1px solid #ffffff;} .boxlistingdesbiens_image_click{position:absolute;z-index:10;top:0px;left:0px;display:block;width:219px;height:208px;cursor:pointer;} .boxlistingdesbiens_titre_1{position:absolute;z-index:2;top:6px;left:0px;width:219px;text-align:center;cursor:pointer; font-family: "Trebuchet MS";font-size:12px;color:#ffffff;font-weight:bold;} .boxlistingdesbiens_titre_2_background{position:absolute;z-index:3;top:150px;left:17px;width:185px;height:17px;background-color:#ffffff;} .boxlistingdesbiens_titre_2{position:absolute;z-index:4;top:147px;left:17px;width:185px;height:17px; text-align:center;color:#1b7788;cursor:pointer;} .boxlistingdesbiens_detail{position:absolute;z-index:2;top:170px;left:17px; text-align:left;width:183px;font-size:12px;line-height:15px;cursor:pointer; font-family: "Trebuchet MS";font-size:12px;color:#1b7788;} .div_pagination{float:left;width:679px;height:30px;margin-top:18px; background:transparent url("../images/page_droite_titre_bas.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:0px;} .paginationlien {color:#ffffff;text-decoration:underline;} a.paginationlien {color:#ffffff;text-decoration:underline;} a:hover.paginationlien{color:#ffffff;text-decoration:none;} .paginationpage {margin-top:5px;} /******************************************************************** contact */ #page_contact_gauche { float:left;width:336px;height:30px;margin-top:-7px;margin-left:22px; background:transparent url("../images/titre-localisation.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:3px;} #page_contact_droite { float:left;width:562px;height:30px;margin-top:-7px;margin-left:0px; background:transparent url("../images/titre-contact.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:3px;} #box_contact {float:left;width:560px;margin-top:18px;min-height:380px;height:auto !important;height:380px; border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff; background:#008aa7 url("../images/background-box-contact.png") repeat-x bottom right;} #barre_box_contact_bas {float:left;width:562px;height:5px; background:transparent url("../images/barre-box-contact-bas.png") no-repeat top left;} #box_redactionnel_contact {color:#ffffff;font-family: "Arial";font-size:12px;margin-top:10px;margin-left:10px;margin-bottom:10px;width:540px;text-align:justify;} #image_ladresse_rocbaron{float:left;width:233px;height:165px;margin-left:45px;} #coordonnee_ladresse_rocbaron {float:left;font-family: "Trebuchet MS";font-size:12px;font-weight:bold;color:#ffffff;margin-left:35px;margin-top:28px;} .font3smallcontact {color:#f7c51a;font-size:16px;} .font1smallcontact {color:#f7c51a;} .font2smallcontact {color:#f7c51a;text-decoration:underline;} #formcontact {} .contactenvoyer{ BORDER-RIGHT: #ffffff 1px solid;BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid;BORDER-BOTTOM: #ffffff 1px solid; COLOR: #ffffff; BACKGROUND-COLOR: #008aa7; text-align:center;font-size:12px;} .contactinput{ BORDER-RIGHT: #ffffff 1px solid;BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid;BORDER-BOTTOM: #ffffff 1px solid; COLOR: #ffffff; BACKGROUND-COLOR: #008aa7; font-size:12px;width:233px;} .contacttextarea{ BORDER-RIGHT: #ffffff 1px solid;BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid;BORDER-BOTTOM: #ffffff 1px solid; COLOR: #ffffff; BACKGROUND-COLOR: #008aa7; font-size:12px;width:233px;height:39px;} .form_row_left1{margin-left:45px; font-size: 12px; margin-bottom:3px;} .form_row_left{float:left;margin-left:7px; font-size: 12px; margin-bottom:3px;} #espace_contact {color:#ffffff;font-size:12px;} #contactenvoyer {float:left; margin-left:436px;margin-top:10px; width:87px;height:20px; text-align:center; background: url(../images/boutton_envoyer.png) no-repeat left top;cursor:pointer;} #send_form_contactv2{margin-top:3px;font-family:Arial;font-size:11px;font-weight:bold;color:#008aa7;} #themap {float:left;margin-top:18px;margin-left:22px;width:336px;height:344px} #map {float:left;height:342px;width:334px;} /********************************************************* Details des biens **/ #page_detail_titre { float:left;width:910px;height:30px;margin-left:22px; background:transparent url("../images/titre-detail.png") no-repeat top left; font-size:14px;color:#ffffff;font-family: "Trebuchet MS";text-align:center;text-transform:uppercase;letter-spacing:3px;position:relative;} #page_detail_gauche { float:left;width:370px;margin-top:18px;} #page_detail_droite { float:left;width:560px;margin-top:18px;} #box_detail_droite {float:left;width:560px;min-height:380px;height:auto !important;height:380px; border-top:1px solid #ffffff;border-left:1px solid #ffffff;border-right:1px solid #ffffff; background:#008aa7 url("../images/background-box-detail-droite.png") repeat-x bottom right;} #barre_box_detail_droite_bas {float:left;width:562px;height:5px; background:transparent url("../images/barre-box-detail-droite-bas.png") no-repeat top left;} #grandeimage {float:left;width:334px;height:258px;border:1px solid #ffffff;margin-left:23px;} #info_ville_tarif {float:left;width:334px;min-height:27px;height:auto !important;height:27px; border-left:1px solid #ffffff;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff; color:#ffffff;background-color:#008aa7;margin-left:23px;text-align:center;} .boutton_ensemble {display:block;position:absolute;top:4px;left:700px;height:24px;width:91px; text-decoration:none;text-align:center;padding-top:5px;color:#008aa7;font-family: "Trebuchet MS";font-size:11px;font-weight:bold; background:transparent url("../images/boutonlisting.png") no-repeat top left;text-transform:lowercase;letter-spacing:0px;} a.boutton_ensemble {text-decoration:none;} a:hover.boutton_ensemble {text-decoration:underline;} .boutton_ensemble2 {display:block;position:absolute;top:4px;left:800px;height:24px;width:91px; text-decoration:none;text-align:center;padding-top:5px;color:#008aa7;font-family: "Trebuchet MS";font-size:11px;font-weight:bold; background:transparent url("../images/boutonlisting.png") no-repeat top left;text-transform:lowercase;letter-spacing:0px;} a.boutton_ensemble2 {text-decoration:none;} a:hover.boutton_ensemble2 {text-decoration:underline;} .div_carre{float:left;margin-left:5px;width:19px;height:15px;background:transparent url("../images/carre.jpg") no-repeat top left;} /**************************************************************** LIGHTBOX ****/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(http://www.rocbaron-immobilier.com/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(http://www.rocbaron-immobilier.com/images/prev.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(http://www.rocbaron-immobilier.com/images/next.gif) right 15% no-repeat; } #imageLINK {width:100px; height:45px;float: left;} #precLink {width:45px;height:45px;float:left; background: url(http://www.rocbaron-immobilier.com/images/prev.gif) no-repeat top left; } #suivLink {width:45px;height:45px;float: right; background: url(http://www.rocbaron-immobilier.com/images/next.gif) no-repeat top left;} #precLink :hover, #precLink:visited:hover { background: url(http://www.rocbaron-immobilier.com/images/prev.gif) no-repeat top left; } #suivLink :hover, #suivLink:visited:hover { background: url(http://www.rocbaron-immobilier.com/images/next.gif) no-repeat top left; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 200px; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Min-Width */ .lbWidth { /* most browsers */ position: absolute; top: 0px; left: 0px; width: 100%; min-width: 790px; } * html .lbContent { /* IE6 */ margin-left: -790px; position:relative; } * html .lbMinWidth { /* IE6 */ padding-left: 790px; } /* Clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /****************************************************** Horizontal Carousel */ #carousel_div{float:left;width:334px;min-height:284px;height:auto !important;height:284px; border-left:1px solid #ffffff;border-right:1px solid #ffffff; background:#008aa7 url("../images/caroussel-background.png") repeat-x bottom right;margin-left:23px;} #carousel_div_bas{float:left;width:336px;height:6px; background:transparent url("../images/caroussel-bas.png") no-repeat top left;margin-left:23px;} /******************************************************************* Detail */ #partie_droite_contenu{width:540px;margin-left:20px;} .barre_sous_titre {background:transparent url("../images/barre-flou-detail.png") no-repeat top left; width:535px;height:23px;color:#008aa7;font-family: "Arial";font-size:12px;font-style:italic;text-transform:uppercase;margin-top:16px;} .sous_titre{height:12px;width:525px;padding-left:10px;padding-top:4px;} .detail_bien_legende {color:#ffffff;width:520px; font-family: "Trebuchet MS";font-size:12px; text-align:justify;margin-top:5px;margin-left:5px;} #toogle_localiser {background:transparent url("../images/barre-flou-detail.png") no-repeat top left; width:535px;height:23px;color:#008aa7;font-family: "Arial";font-size:12px;font-style:italic;text-transform:uppercase;margin-top:16px;} #toogle_calculate {background:transparent url("../images/barre-flou-detail.png") no-repeat top left; width:535px;height:23px;color:#008aa7;font-family: "Arial";font-size:12px;font-style:italic;text-transform:uppercase;margin-top:16px;} #toogle_information {background:transparent url("../images/barre-flou-detail.png") no-repeat top left; width:535px;height:23px;color:#008aa7;font-family: "Arial";font-size:12px;font-style:italic;text-transform:uppercase;margin-top:16px;} #btn_back_annonce{margin-left:20px;margin-bottom:5px;} .btn_back_annonce {color:#ffffff;text-decoration:underline;text-transform:uppercase;} a.btn_back_annonce {color:#ffffff;text-decoration:underline;} a:hover.btn_back_annonce {color:#ffffff;text-decoration:none;} .annonce_add{width:225px;text-align:left;float:left;} .annonce_add_detail_first{font-weight:bold;} .annonce_add_detail_last{} .petiteimage {display:block;border:1px solid #ffffff;width:146px;height:98px;} .back_vignette {float:left;width:148px;height:100px;margin-right:5px;margin-bottom:5px;} #horizontal_carousel {float:left;height:220px;width:316px;position:relative;border:0px solid red;margin-left:15px;margin-top:15px;} #horizontal_carousel .container {width:316px;position: relative;overflow: hidden;} #horizontal_carousel ul {margin:0;padding:0;width: 100000px;position: relative;top:0;left:0px;height:220px;} #horizontal_carousel ul li {width:316px;height:220px;text-align:center;list-style:none;float:left;} #horizontal_carousel .buttons{display:block;clear:both;width: 315px;padding-left:0px;} #horizontal_carousel .previous_button {float:left;width:138px;height:26px;background:url(../images/but_prev.png) no-repeat;z-index:100;cursor:pointer;} #horizontal_carousel .image_milieu {float:left;margin-left:0px;margin-top:0px;width:39px;height:26px;background:url(../images/carree_milieu_carousel.png) no-repeat;z-index:100;} #horizontal_carousel .previous_button_over {background:url(../images/but_prev_hover.png) no-repeat;} #horizontal_carousel .previous_button_disabled {background:url(../images/but_prev_dis.png) no-repeat;cursor:default;} #horizontal_carousel .next_button {float:right;width:138px;height:26px;background:url(../images/but_next.png) no-repeat;z-index:100;cursor:pointer;} #horizontal_carousel .next_button_over {background:url(../images/but_next_hover.png) no-repeat;} #horizontal_carousel .next_button_disabled {background:url(../images/but_next_dis.png) no-repeat;cursor:default;} /******************************************************* demande dinformation */ #formulaire_demande_information {width:500px;margin:auto;} .detailbien_libelleinput {color:#ffffff;font-size:12px;} .detailbien_libelletextarea {color:#ffffff;font-size:12px;} .detailbien_input {border:1px solid #6f6f6f;margin-bottom:5px;background-color:#ffffff;font-size:12px;} .detailbien_select {border:1px solid #6f6f6f;color:#1f1a17;margin-bottom:5px;background-color:#ffffff;font-size:12px;} .detailbien_textarea {border:1px solid #6f6f6f;width:475px;background-color:#ffffff;font-size:12px;} .boutondemandeinformation {border:1px solid #6f6f6f;color:#008aa7;background-color:#ffffff;font-size:12px; } .detailbien_option {} /****************************************************** calculette financiere */ #calculettefinanciere {width:250px;font-size:12px;margin:auto;margin-bottom:25px;} .item_calculettefinanciere{float:left;margin-top:3px;width:100px;color:#ffffff;text-transform:capitalize;} .item_calculettefinanciere_droite{margin-top:3px;} .item_calculettefinanciere_element{border:1px solid #6f6f6f;} #position_boutoncalculette{margin-left:175px;margin-top:5px;} .boutoncalculette {border:1px solid #6f6f6f;color:#008aa7;background-color:#ffffff; } #DPE_big { display: none; height: 180px; right: 0px; position: absolute; top: 30px; width: 197px; z-index: 20; } #DPE_small { height: 30px; left: 0px; width: 30px; z-index: 10; background:transparent url(/external/img/sites/dpe/DPE-icone-30.png); _background: transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/external/img/sites/dpe/DPE-icone-30.png', sizingMethod='crop'); }