/*@import url(https://fonts.googleapis.com/css?family=Electrolize);*/ /*@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);*/ /*Couleur bleu : #13649c Couleur gris foncé : #323232 Couleur gris clair : 4d4d4d Couleur noir : #211d20 Typo : Lato Times New Roman*/ @font-face { font-family: 'myriad'; src: url('../fonts/Myriad-Pro.ttf') format('truetype'); } body, h1, h2, h3, h4, h5, h6, ul, address, input, select, textarea, img { padding: 0; margin: 0; } address { font-style: inherit; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000; } a { color: inherit; text-decoration: none; } a:hover { color: inherit; } p { text-align: justify; } body, input, textarea, select { /*font-family: 'Arial', sans-serif;*/ /*font-family: "Century Gothic","Arial";*/ /*font-family: "Arial";*/ font-family: "Lato", "myriad", "Arial"; /*font-size: 12px;*/ font-size: 14px; } select { padding: 8px 5px; } html, body { height: 100%; } body:NOT(#body_recrutement):NOT(#body_contact) { background-color: #edebeb; } body#body_recrutement, body#body_contact { background-color: #fff; } #recrutement #realPerson, .realperson-regen span { height: 45px; } #recrutement h3{ margin: 50px 0 25px 0; } #recrutement input[type='text'], #recrutement input[type='email'], #recrutement textarea{ border: solid #d7d7d6 1px!important; } #recrutement input[type='file'].form-control{ height: inherit; } #dropdownMenu1{ background: transparent; border: none; padding-top: 20px; } .dropdown-menu{ left: inherit!important; right: 0; min-width: 80px;/*inherit!important;*/ /*height: inherit;*/ } dropdown-menu ul li{ text-align: center; } #texte_detail, #texte_alerte_mail{ margin-top: 35px; margin-bottom: 10px; } #texte_listing{ margin-top: 10px; margin-bottom: 35px; } .surface_min_max{ font-size: 18px; } .color_white{ color: #fff; } .refdetail { margin-top: 25px; padding: 25px 0; font-weight: bold; font-style: italic; font-size: 16px; } #form_email_alert div.col-lg-3 { margin-bottom: 30px; } #form_email_alert input, #form_email_alert select { background-color: white; } #form_email_alert input[type="submit"]{ background-color: #221D21; color: #fff; } .lsting_region { background-color: #68a4da; display: inline-block; color: #fff; padding: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin: 5px; font-size: 12px; } #select_region option { padding-left: 20px; } .titre_actu { bottom: 42%; color: #fff; font-size: 37px; font-weight: bold; left: 0; max-width: 780px; width: 100%; /*max-width: 620px;*/ margin: 0 auto; position: absolute; right: 0; text-align: center; } .titre_bloc_actu { font-size: 20px; font-weight: bold; } .date_bloc_actu { color: #d1a14d; font-style: italic; margin-bottom: 15px; } .en_savoir_plus_bloc_actu { margin-top: 15px; } a.link_retour_news { margin-top: 15px; color: #d1a14d; } .en_savoir_plus_bloc_actu a, .titre_partager_article { color: #d1a14d; } #gest_slide .cke_textarea_inline { border: solid gray; margin: 15px; padding: 5px; min-height: 50px; } .display_none { display: none; } .display_block { display: block; } #gerances, #nous_recherchons { padding: 40px; /*background-color: #FFF;*/ } .bgyellow { background-color: #323232; } .bgwhite { background-color: #fff; } .menu_gerances { position: absolute; left: 10px; top: 0; /*color: black;*/ background-color: #f5f0ef; padding: 10px; font-size: 16px } .menu_tel { position: absolute; right: 0px; top: 0; color: #FFF; /*background-color: black;*/ padding: 10px; font-size: 16px } .divSelectChechbox { position: absolute; top: 48px; left: 0; z-index: 2 } .divSelectChechbox > div { background: #FFF; } #type_de_bien, #type_de_bien .iType { cursor: pointer; } .xs-show { display: none; } .dflex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .vcenter { -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: center; -webkit-box-align: center; display: flex !important; align-items: center; -ms-align-items: center; align-items: center; } .hcenter { justify-content: center; -ms-box-orient: horizontal; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #regions_detail { margin-top: 25px; } #container_header_top { background: #323232; /*url('../images/bg_header.png') repeat;*/ min-height: 34px; } #container_header_top .col-xs-12 { line-height: 34px; vertical-align: middle; } .top-menu { margin: 0; padding: 0 0 0 15px; } .derniers_biens { padding: 0 0 85px 0; text-align: center; } .posRel { position: relative; } #bandeauAccueil { background: transparent url("../images/bandeau.jpg") no-repeat fixed center center/cover; font-size: 24px; /*height: 400px;*/ padding: 150px 0; /*width: 100%;*/ color: #fff; } #nav-collapse-footer ul{ border-bottom: solid #7F7F7F 1px; width: 100%; } #nav-collapse-footer li:NOT(:last-child) a{ margin-right: 20px; } #nav-collapse-footer li { width: 16%; } #nav-collapse-footer li a{ color: #7F7F7F; font-size: 14px; } #nav-collapse-footer a:hover{ text-decoration: none; } #bandeauAccueil img { width: 100%; } #bandeauAccueil > p { text-align: center; } #bandeauAccueil > p:last-child { text-transform: uppercase; margin-top: 40px; } .gris { color: #808080; } .ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .container_logo_footer .f12 { margin-top: 20px; display: inline-block; } .logo_derniers_biens { margin: 45px 0 45px 0; } .logo_derniers_biens img { padding: 0 45px 0 0; } .logo_derniers_biens span { color: black; text-transform: uppercase; font-size: 30px; } .derniers_biens { /*background: rgba(0, 0, 0, 0) url("../images/bg_derniers_biens.jpg") repeat scroll 0 0 / 100% auto;*/ /*background: transparent url("../images/bg_derniers_biens.jpg") no-repeat fixed center center/cover;*/ background: #edebeb; } .champsObligatoires { /*color: black;*/ } .champsObligatoiresDetail { text-align: right; margin-top: 35px; } #input_alerte::-webkit-input-placeholder, #input_alerte::-moz-placeholder, #input_alerte:-ms-input-placeholder, #input_alerte:-moz-placeholder { color: #bbbbbb; } #input_alerte { /*height: 25px;*/ /*background: transparent;*/ border: none; border-radius: 0; /*color: #bbbbbb;*/ padding-left: 10px; margin-left: 6px; line-height: 25px; vertical-align: middle; font-size: 15px; } #inscription_newsletter { /*margin-top: 20px;*/ } #submit_alerte { /*height: 25px;*/ /*border: 0; border-radius: 0; color: #999999; background-color: rgba(0,0,0,0.7); margin-left: 15px; padding: 0 6px; line-height: 25px; vertical-align: middle;*/ } #formContactDetail #submit_alerte { position: absolute; bottom: 20px; right: 20px; background: url("../images/submit.jpg") no-repeat; width: 43px; height: 42px; } #form_newsletter_footer #submit_alerte { /*position: absolute; top: 4px; right: 4px; right: 0;*/ /*background: url("../images/submit_newsletter.png") no-repeat;*/ background-color: #3a393a; border: none; width: 180px; height: 70px; font-size: 16px; color: #FFF; } .bloc_recherche input[type="submit"] { /*position: absolute;*/ /*background: url("../images/search.png") no-repeat;*/ background-color: #000; border: none; /*width: 35px;*/ width: 100%; height: 35px; /*font-size: 16px;*/ background-position: center center; } #alerte_slogan { color: white; font-size: 14px; text-align: center; vertical-align: middle; line-height: 26px; vertical-align: middle; } #alerte_slogan img { display: inline-block; vertical-align: middle; } #container_header_top div#nav_langue{ text-align: right; } #container_header_top div.partenaire_de img{ text-align: left; } #container_header_top div.partenaire_de span{ text-align: left; padding-left: 20px; } .navbar div#partenaire_de{ text-align: right; margin-bottom: 50px; } #nav_langue { line-height: 35px; vertical-align: middle; padding-right: 0; } #nav_langue button { outline: 0; padding-right: 0; padding-left: 35px; } #nav_langue a { /*height: 35px;*/ /*background-color: #494947;*//*rgba(0,0,0,0.5);*/ display: inline-block; color: white; padding: 0 5px; /*margin-left: 5px;*/ font-size: 15px; width: 100%; text-align: center; } #nav_langue a.langue_actif { background-color: transparent/*#323232*/; color: #000; } #div_fb { color: white; } #footer { } .references { font-size: 12px; } #footer .references { font-size: 15px; } .coordonnees { margin: 30px 0; font-size: 16px } .coordonnees_padding { /*padding: 8px 15px;*/ padding: 95px 0 0; } .copyright_footer { font-size: 13px; color: #ffffff; padding-top: 20px; padding-bottom: 10px; display: block; } #coordonnees_footer{ margin-top: 20px; } #coordonnees_footer{ padding-right: 50px; border-right: 1px solid #ccc; } #coordonnees_footer:last-child { padding-right: 0; padding-left: 40px; border-right: 0; } #coordonnees_footer .email { text-decoration: underline; } #coordonnees_footer.bloc_2_footer { padding: 0 40px; } #logo_header { } #container_header { /*padding-top: 20px;*/ color: #003781; font-size: 12px; } #container_header .phone { font-size: 16px; } .container2 { /* Margin/padding copied from Bootstrap */ margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; /* Set width to your desired site width */ width: 1170px; } .top_city { line-height: 22px; text-align: left; } #header_right { margin-top: 20px; } #container_nav_main a.actif { text-decoration: underline; } #container_header nav ul { list-style-type: none; text-align: center; margin: 0 auto; } #container_header nav ul li { float: left; padding: 0 11px; } div#bandeau_statut_projet { position: absolute; top: 20px; left: 10px; color: white; z-index: 55; padding: 10px 20px; background: #221D21; font-size: 20px; } #container_header nav ul li:first-child { float: left; padding: 0 15px 0 10px; } /*#container_header nav ul li:nth-last-child(2){ padding: 0; } #container_header nav ul a:nth-last-child(2):hover{ text-decoration: none; }*/ #container_header nav ul li:last-child { padding: 0 0 0 15px; } .logo_header { padding: 0; max-width: 350px; } .logo_reseaux_sociaux { padding: 12px 5px; } .logo_lalux { float: right; margin: 20px 0 } .domaine_competence { /*font-family: "Century Gothic","Arial";*/ position: absolute; left: 275px; top: 160px; font-size: 15px; color: #000; text-align: center } .nav2 { /*margin: 40px 0;*/ margin: 20px 0; } .nav2 > nav div > a { text-decoration: none !important; } .nav2 > nav div { margin: 10px 0; } .nav2_onglet { width: 100%; color: #FFF; font-size: 18px; text-align: center; padding: 30px 10px; opacity: 1; } .nav2 > nav > div a div.onglet_actif, .nav2 > nav > div a div:hover { opacity: 0.40 !important; } .nav2 > nav > div:nth-child(1) a div { background-color: #00bef3; } .nav2 > nav > div:nth-child(2) a div { background-color: #00e100; } .nav2 > nav > div:nth-child(3) a div { background-color: #f38c27; } .nav2 > nav > div:nth-child(4) a div { background-color: #3e8dd0; } #equipe, #contenu_partenaires, #contenu_about { margin: 40px 0; } .equipe_fonction { color: #464646; font-style: italic; /*font-size: 15px;*/ } .equipe_tel_mail { color: #000; } .equipe_color_tel_mail { color: #464646; } .color_red { color: #ca5140; } .fiche_personne { margin: 20px 0; } .photo_personne img { border-radius: 100%; height: 220px; max-height: 220px; max-width: 220px; width: 220px; } .photo_personne, .coordonnees_personne { text-align: center; padding: 25px 0; } .coordonnees_personne { margin-top: 10px; overflow: auto; overflow-x: hidden; font-size: 15px; font-weight: bold; } .white, .white a { color: #FFF; } .slideup_slidedown_about { background-color: #ccf7ca; padding: 10px 45px 10px 5px; /*10px 5px;*/ position: relative; } .slideup_slidedown_about2 { background-color: #f38c27; padding: 10px 45px 10px 5px; /*10px 5px;*/ position: relative; } .slideup_slidedown_about3 { background-color: #3e8dd0; padding: 10px 45px 10px 5px; /*10px 5px;*/ position: relative; } .slideup_slidedown_about span, .slideup_slidedown_about2 span, .slideup_slidedown_about3 span { /* position: absolute; right: 15px; top: 50%; margin-top: -10px; */ background-color: #b2d6af; bottom: 0; margin-top: -0; padding: 13px; position: absolute; right: 0; top: 0; } .slideup_slidedown_about2 span, .slideup_slidedown_about3 span { bottom: 0; margin-top: -0; padding: 13px; position: absolute; right: 0; top: 0; } .slideup_slidedown_about2 span { background-color: #FAD1A9; } .slideup_slidedown_about3 span { background-color: #B2D1EC; } .slideup_slidedown_about.bgColorGray { background-color: #f3f3f3; } .slideup_slidedown_about .bgColorGray { background-color: #d4d3d3; } #container_header nav ul li a { color: white; /*text-transform: uppercase;*/ font-size: 16px; /*font-family: 'Century Gothic','Arial';*/ } #container_header nav ul li a:hover { text-decoration: none; } .nopadright { padding-right: 0 !important; } .nopadleft { padding-left: 0 !important; } .nomarginright { margin-right: 0 !important; } .nomarginleft { margin-left: 0 !important; } .navbar { /* padding-top: 10px;*/ /*padding-top: 75px;*/ border-top: solid #999999 1px; margin-top: 40px; } ul.navbar-nav > li > a { font-size: 18px; } #container_header nav ul.navbar-nav > li > a.actif, #container_header nav ul.navbar-nav > li > a:hover { color: #fff; } #container_header ul.navbar-nav > li > a.actif:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 20%; border-width: 0 0 1px; border-color: #fff; border-style: solid; color: black; } #container_header ul.navbar-nav > li > a:hover:after { content: ''; width: 100%; position: absolute; left: 0; bottom: 20%; border-width: 0 0 1px; /*border-color: black;*/ border-style: solid; /*color: black;*/ } #footer ul.navbar-nav > li > a:hover, #footer ul.navbar-nav > li > a.actif{ color: #fff; } #bloc_recherche { /*position: absolute; top: 60px; z-index: 9; width: 40%; right: 0;*/ position: relative; top: 20px; z-index: 9; width: 40%; right: 0; float: right; } #container_bloc_recherche { position: absolute; left: 50%; transform: translate(-50%, 0); z-index: 99; } .recherche_square { background-color: #666666; color: white; text-align: center; min-height: 90px; /*media all*/ width: 27%; height: 0px; padding-bottom: calc(27% - 2px); background: rgba(82, 71, 68, 0.8); float: right; text-align: center; position: relative; margin: 2px; font-weight: 500; font-size: 15px; line-height: 23px; -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.42); -moz-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.42); box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.42); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; } .smalltext { position: absolute; left: 0; right: 0; bottom: 0; top: 0; font-size: 0.8em; text-transform: uppercase; position: absolute; top: 30%; left: 40%; height: 10%; width: 70%; margin: -15% 0 0 -25%; } .displayfieldtext { position: absolute; left: 0; right: 0; bottom: 0; top: 0; font-size: 38px; text-transform: uppercase; font-weight: 400; position: absolute; top: 55%; left: 20%; height: 30%; width: 80%; margin: -15% 0 0 -10%; font-weight: 300; } .recherche_square .text { position: absolute; left: 0; right: 0; font-size: 11px; font-weight: 400; text-transform: uppercase; position: absolute; top: 72%; height: 30%; width: 100%; text-align: center; text-overflow: clip '.'; overflow: hidden; } .recherche_square .icon { position: relative; margin-top: 10%; height: 78px; /* vertical-align: middle; */ line-height: 78px; } .recherche_square .iconicon { max-height: 68px; max-width: 68px; } .recherche_square .textsquare.bigdigit { font-size: 70px; } .bloc_seconde_neuf .recherche_square, .bloc_trois_boutons .recherche_square { background-color: #dbdbdb; } .bloc_seconde_vente .recherche_square, .bloc_trois_boutons .recherche_square { background-color: #dbdbdb; } .bloc_seconde_location .recherche_square, .bloc_trois_boutons .recherche_square { background-color: #dbdbdb; } .bloc_second_boutons .recherche_square:hover, .bloc_trois_boutons .recherche_square:hover, .carre_hover { background-color: #a6a6a6 !important; } .recherche_square .textsquare { position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; text-transform: uppercase; position: absolute; top: calc(50% - 10px); height: 30%; width: 100%; text-align: center; font-size: 16px; font-weight: 400; word-wrap: break-word; } .close { position: absolute; right: 0px; display: none; } .mode_choisit { background-color: rgb(144, 183, 64); } #recherche_dropdown { width: 83px; background-color: black; cursor: pointer; padding-top: 3px; padding-bottom: 3px; } .bloc_second_boutons, .bloc_trois_boutons { display: none; } #container_slide_home { position: relative; } #container_form_home { background-color: rgba(0, 0, 0, 0.5); padding: 30px 0 0 0; position: relative; top: -170px; } #form_home .form-control { border-radius: 0px; height: 35px; border: 1px solid #cccccc; margin-bottom: 30px; border-bottom: 5px solid #cccccc; } #form_home select { -webkit-appearance: none; background-color: white; -moz-appearance: none; apperance: none; background: url('../images/select_fleche.png') no-repeat 95% 50%; background-color: white; } #bandeau_bleu_clair { background: #efeded none repeat scroll 0 0; color: black; padding: 20px 0; vertical-align: middle; /*padding-top: 30px; padding-bottom: 30px;*/ } #bandeau_bleu_fonce { background: #003357; vertical-align: middle; padding-top: 30px; padding-bottom: 30px; } #form_home input[type="submit"] { color: black; font-size: 17px; vertical-align: middle; border: 0; background-color: #f9e81f; border-bottom: 0; } #container_gris_home { } #container_cc_home { padding: 60px 0; background-color: white; } #detail_carac { background-color: #6d98a2; padding: 30px; color: white; margin-top: 40px; margin-bottom: 40px; } .photo_annonce_a_la_une.p_rel { /*padding: 0px 4%;*/ padding: 0 0 0 4%; } .footer_title { font-size: 18px; font-weight: bold; margin-bottom: 20px; color: #f8e71f; } #yellow_footer { background-color: #ffe800; height: 20px; } #container_footer_top .col-xs-3 { } #footer_top_2 { background: url(../images/bulle.png); min-height: 240px; background-repeat: no-repeat; /* background-size: contain; */ /* padding-top: 63px; */ color: white; font-size: 20px; font-style: italic; text-align: center; /* padding: 140px 115px 0px 60px; */ /* vertical-align: bottom; */ /* background-position-y: 100%; */ background-position: center bottom; } #footer_top_3 { text-align: center; font-weight: bold; } #footer_top_2 div { position: absolute; top: 18%; /* max-width: 250px; */ /* margin: 0 auto; */ /* text-align: center; */ padding: 0 20%; } #icn_top { cursor: pointer; margin-top: 30px; z-index: 9; position: relative; } .footer_img { margin-top: 150px; } #container_footer_top { background: url(../images/footer.jpg); background-repeat: repeat-y; background-size: 100%; } .copyright { /*bottom: 10px;*/ color: #808080; font-size: 12px; /*position: absolute;*/ /*right: 0;*/ /*text-align: right;*/ } #fb_footer { padding: 10px; font-size: 18px; } .img_cc { /*border-left :3px solid #cccccc; border-top :3px solid #cccccc; border-bottom:3px solid #cccccc;*/ } .annonce_une_texte { /*border-right : 3px solid #cccccc; border-top : 3px solid #cccccc; border-bottom: 3px solid #cccccc;*/ } #listing { /*padding-top: 250px;*/ padding-bottom: 30px; /*background-color: #ededed;*/ } #tri_liste a { margin-left: 10px; } .entete_listing { font-size: 12px; } .fond_gris { background-color: #ededed; } .orange { color: #ff630f; } .bleu { color: #004b76; /*font-family: Lato;*/ } header #header_white { padding-top: 38px; background-color: rgba(255, 255, 255, 0.8); padding-bottom: 30px; } header #header_logo { width: 760px; } header #header_black { } header #header_alerte { margin-left: 15px; } header #header_alerte input[type="email"] { width: 143px; margin-left: 15px; height: 40px; margin-top: -10px; } header #header_alerte input[type="submit"] { background-color: none; border: 0; padding: 0; margin: 0; margin-left: 15px; } .fa { margin-right: 10px; } #logo { vertical-align: middle; margin-left: 30px; } #detail #caract ul { padding: 0 0 0 20px; margin-right: 150px; } #details #caract { padding-bottom: 30px; } #details #caract, #details #map { margin-top: 40px; } .agencebloc ul { padding: 0 0 0 20px; } header > .wrapper { } #header_top { padding-top: 20px; } #header_bottom, #header_bottom a { font-size: 14px; color: #777263; } #header_bottom div.iblock { margin-left: 20px; } #header_top > .iblock { vertical-align: top; } #nav_lang li:after { content: "|"; } #nav_lang li:last-child:after { content: ""; } #form_container { position: relative; } .barre_gris { background-color: #cbcbca; height: 1px; width: 255px; } #accueil #container_slider_home { padding: 30px; } #accueil #nouveautes { padding: 30px; } #accueil #nouveautes div.iblock { width: 31%; } #accueil #nouveautes div img { width: 100%; } #accueil #nouveautes div:nth-child(1) { text-align: justify; color: white; font-size: 14px; line-height: 19.2px; } #accueil #nouveautes div.iblock:nth-child(1), #accueil #nouveautes div.iblock:nth-child(2) { margin-right: 3%; } #accueil #blocs_accueil { padding: 30px; } #accueil #blocs_accueil div.iblock { width: 31%; text-align: justify; color: #4c4c4c; font-size: 14px; line-height: 19.2px; } #accueil #blocs_accueil div.iblock:nth-child(1), #accueil #blocs_accueil div.iblock:nth-child(2) { margin-right: 3%; } footer div.wrapper { padding-left: 30px; padding-right: 30px; height: 120px; color: white; padding-top: 80px; } footer div.wrapper div.iblock { width: 50%; } #footer_newsletter div#inscription_newsletter { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eabd22+0,ffcf23+100 */ background: #eabd22; /* Old browsers */ background: -moz-linear-gradient(left, #eabd22 0%, #ffcf23 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #eabd22 0%, #ffcf23 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #eabd22 0%, #ffcf23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eabd22', endColorstr='#ffcf23', GradientType=1); /* IE6-9 */ box-shadow: 0 -7px 12px 6px rgba(0, 0, 0, 0.3) inset; min-height: 160px; color: #000; padding: 55px 0; } .texte_newsletter { color: #000; font-size: 17px; text-align: right; padding: 22px 5px 0 0; } .ttu { text-transform: uppercase; } .f12 { font-size: 12px; } #footer_coord { font-size: 16px; color: white; } #footer_coord .row { display: flex; } #footer { background: #323232; } .annonce_une_texte, .texte_notre_agence_accueil, .annonce_une_texte_coup_coeur { /*font-size:14px;*/ /*height: 386px;*/ /*height: 200px;*/ padding-top: 20px; /*padding-left: 20px; padding-right: 20px!important;*/ position: relative; background-color: #FFF; /*max-width: 360px;*/ text-align: justify; } .annonce_une_texte_coup_coeur { text-align: center; } .cc_desc { /*font-size: 17px;*/ color: black; margin-bottom: 15px; text-align: justify; } .cc_ville { color: #003781; font-size: 20px; /*35px;*/ width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 15px; } .cc_nature { font-weight: bold; text-transform: uppercase; font-size: 15px; /*23px;*/ margin-bottom: 20px; } .cc_prix { color: #007cc1; text-align: center; font-weight: bold; font-size: 28px; } a#voir_biens, a#voir_all_news { background-color: #000; color: #fff; padding: 8px 25px; display: inline-block; margin-top: 30px; } .cc_plus { right: 20px; /*text-align: center;*/ color: black; background-color: #f9e81f; /*padding-top: 8px; padding-bottom: 8px;*/ /*width: 85%;*/ position: absolute; bottom: 20px; cursor: pointer; } .cc_plus:hover { text-decoration: none; } #form_accueil { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 790px; padding: 20px 40px; background-color: white; text-align: center; color: #cbcbca; margin: 0 auto; } #form_accueil form { margin-top: 20px; } #form_accueil select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: url(../images/background_select.png) no-repeat right; border: 2px solid #d4d4d4; height: 42px; padding-left: 15px; color: #cdcdcd; text-transform: uppercase; } #form_accueil #select_chb, #form_accueil #select_ville { width: 150px; } #form_accueil #select_chb, #form_accueil #select_ville, #form_accueil #select_budget { margin-right: 7px; } #form_accueil #select_budget { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 270px; background: url(../images/background_select.png) no-repeat right; border: 2px solid #d4d4d4; height: 42px; padding-left: 15px; color: #cdcdcd; } #form_accueil #select_date:hover { background: none; } #form_accueil input[type="submit"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 110px; background-color: #cfcfce; color: white; height: 42px; font-size: 14px; text-transform: uppercase; border: 2px solid #d4d4d4; } #contenu_about .slide_contenu { font-size: 16px; } #form { width: 775px; border-left: 10px solid #4c4c4c; background-color: rgba(191, 191, 191, 0.7); padding: 10px 0; /* position: absolute; top: 50%; z-index:999; left: 30%*/ margin-left: 40px; } select::-ms-expand { display: none; } #form input[type="submit"] { background: url(../images/bg_submit.png) no-repeat center; height: 90px; width: 60px; display: inline-block; border: 0; vertical-align: top; position: absolute; top: 0; cursor: pointer; } #form input[type="text"], #form select { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 24px; } #form table { width: 723px; margin-left: 30px; display: inline-block; } #form table td { width: 180px; padding-right: 60px; } h2 { font-size: 14px; font-weight: normal; } .ptitle { font-size: 18px; border-bottom: 1px solid #dadada; padding-bottom: 10px; } #contenu_page_texte { padding-top: 50px; padding-bottom: 50px; } #slider { height: 450px; width: 1600px; margin: 0 auto; margin-bottom: 40px; } .biens_similaires { padding: 60px 0; } .title_biens_similaires { font-size: 22px; padding-bottom: 60px; text-align: center; } .owl-item { opacity: 0.5; } .owl-item.active { opacity: 1 !important; } .page_texte { margin-top: 30px; margin-bottom: 30px; } #accueil #slide_home { margin: 0 auto; /* border-left: 1px solid #818181; */ margin-bottom: 60px; } #accueil .imgnb2 { display: none; } #accueil #coup_coeur div.iblock { width: 367px; height: 320px; margin-right: 40px; } #accueil #coup_coeur div.iblock div.img_bien { height: 245px; overflow: hidden; } #accueil #coup_coeur div.iblock:first-child { margin-left: 8px; } img.grayscale { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ } img.grayscale:hover { filter: none; -webkit-filter: grayscale(0%); } #accueil #coup_coeur div.iblock:last-child { margin-right: 0; } #accueil #coup_coeur div.bottom span:first-child { color: black; font-size: 15px; } #accueil #coup_coeur img { width: 367px; height: 245px; } #accueil #coup_coeur div.bottom span { width: 49%; } #accueil #coup_coeur div.bottom { padding-left: 25px; height: 70px; background-color: #c6a875; color: white; line-height: 70px; } #accueil #coup_coeur .btn_savoir_plus { padding: 5px 10px; background-color: #A9A9AB; box-shadow: 1px 1px 0px 0px black; margin-right: 10px; font-size: 15px; } #accueil, #details, #gestion, #metiers, #services, #lagence, #relocation, #realisations, #apropos, #estimation { } #services, #detail_home { /*margin-top: 50px;*/ margin: 15px 0 75px 0; } #contact { } #nav_main { background-color: #4c4c4c; text-align: right; padding-right: 30px; /* height: 26px; line-height: 51px; padding-top: 10px; padding-bottom: 28px;*/ } #nav_main a, #header_contact p, #adresse span { } #nav_order li { list-style-type: none; text-align: right; font-style: italic; } #nav_order li:after { content: " | "; color: lightgrey; } #nav_main ul { margin: 0; padding: 0; } #moteur_listing { padding: 30px; margin-bottom: 15px; } #moteur_listing #ml1 { width: 405px; color: #4c4c4c; font-size: 20px; } #moteur_listing .ml2 { width: 170px; margin-bottom: 18px; } #moteur_listing .ml2 select, #moteur_listing .ml2 input { width: 160px; height: 38px; padding-left: 10px; } #moteur_listing .ml2 input[type="submit"] { background-color: #4c4c4c; padding-left: 0px; color: white; border: 0; } #listing { } #listing #tri_liste { vertical-align: middle; margin-left: 150px; font-size: 14px; } #listing .paging { font-size: 14px; vertical-align: middle; margin: 25px 0; text-align: right; } #listing #tri_liste a { margin-right: 10px; } #listing .entete_listing { margin-bottom: 30px; } #listing #back { margin: 20px 0; } #tri_liste #form_accueil form div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 230px; border: 2px solid #d4d4d4; height: 42px; padding-left: 15px; color: #cdcdcd; display: inline-block; vertical-align: middle; line-height: 38px; text-align: left; } .fleche_haut { background: url(../images/bg_select2.jpg) no-repeat right; } .fleche_bas { background: url(../images/bg_select.jpg) no-repeat right; } #tri_liste #form_accueil form div a { display: block; } #tri_liste > span:first-child, #tri_liste > span:last-child { width: 20%; } #tri_liste div { width: 100%; text-align: center; margin-bottom: 10px; } #tri_liste nav { width: 60%; } #listing .order_selected { color: #851D22; } #header_contact { font-size: 16px; } #nav_main ul li { background-color: #4c4c4c; color: white; padding: 5px; /*margin:0 8px;*/ } #nav_mail ul li a { height: 100%; width: 100%; } #container_social { background-color: #007cc1; padding-top: 50px; padding-bottom: 50px; color: white; text-align: center; } .f30 { font-size: 30px; } .f18 { font-size: 18px; } #container_social img { margin: 0 5px; margin-top: 25px; display: inline-block; } #nav_main .active, #nav_main ul li:hover { text-decoration: underline; } #search { background: url('../images/home.jpg') no-repeat; height: 579px; width: 980px; margin: 36px auto 40px; padding-top: 10px; } #search_form { background: rgba(255, 255, 255, 0.8); border: 1px solid #CECECE; margin: 0 10px 10px 10px; padding: 16px 0; } #search_form input, #search_form select { height: 32px; border: 1px solid #CECECE; width: 146px; margin: 0 0 0 10px; padding-left: 3px; color: #000000; } #search_form input[type=submit] { border: none; color: #ffffff; width: 120px; height: 24px; margin-left: 20px; } #listing_left { width: 252px; padding-top: 190px; } #listing .title { font-size: 18px; margin-bottom: 5px; } .annonce_bien { background: white; margin: 25px 0; } .annonce_bien .img1, .annonce_bien .listing_carac { } .annonce_bien:nth-child(even) { } .annonce_bien:nth-child(odd) { } .annonce_bien div.img1 { min-height: 327px; } .annonce_bien div.img2 { width: 162px; height: 96px; position: absolute; top: 0; } .annonce_bien div.img3 { width: 162px; height: 96px; position: absolute; bottom: 0; } .annonce_bien .bloc_img_listing { width: 165px; height: 205px; margin-left: 30px; } .annonce_bien .vv_liste, .vv_detail{ position: absolute; right: 0; top: 0; z-index: 100; } .vv_detail{ position: absolute; right: 30px; top: 20px; z-index: 100; } #ligne_car_detail{ margin : 20px 0; padding: 0 0 20px 0; border-bottom: solid silver 1px; font-weight: bold; } #ligne_car_detail img{ height: 28px; margin-right: 10px; } #ligne_car_detail .div_car/*:NOT(:first-child):NOT(:last-child)*/{ text-align: center; } /* #ligne_car_detail .div_car:last-child{ text-align: right; } */ #retourFb > div { font-size: 16px; } #texte_villegiature_listing { margin-bottom: 30px; } #retourFb > div:first-child { border: solid #221D21 1px; color: #221D21; } .caracteristiques_detail { /*margin-top: 20px;*/ padding: 20px 0; border-top: 1px solid silver; border-bottom: 1px solid silver; } .texte_passeport_energetique { color: #221D21; } .annonce_bien .prix_listing, .annonce_bien_details .prix_listing { margin-top: 15px; margin-bottom: 15px; } .listing_ville, .prixlisting { /*font-weight: bold*/ } .listing_ville > img { vertical-align: text-top; } .annonce_bien .listing_ville, .annonce_bien_details .listing_ville { font-size: 16px; color: #000; /*margin-bottom: 10px;*/ /*text-transform: uppercase;*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px 20px 10px; } .annonce_bien .listing_ref { font-weight: bold; font-style: italic; font-size: 18px; } .annonce_bien .listing_plus { /*background-color: #666666;*/ /*padding: 10px;*/ font-size: 16px; /*float: left;*/ padding: 6px 0; /*float: right;*/ /*color: white;*/ /*margin: 15px 0;*/ display: inline-block; } .listing_plus { color: #000; /*text-decoration: underline;*/ /*text-align: right;*/ } .fa { position: absolute; top: 17px; /*right: 10px;*/ color: #423f3b !important; } .annonce_bien .listing_plus i { /*background: #ededed;*/ color: #858585; padding: 2px 5px; } .annonce_bien .listing_nature, .annonce_bien_details .listing_nature { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; /*margin-bottom: 15px;*/ color: #000; font-size: 18px; padding: 0; /*padding: 0 10px 0 10px; */ /*padding: 30px 0 20px;*/ /*margin-bottom: 20px;*/ } .p_rel { position: relative; } .caracteristiques_listing a:hover { text-decoration: none; } .caracteristiques_listing .listing_ville { text-transform: uppercase; font-size: 26px; padding: 0; } .caracteristiques_liste { /*margin: 0 0 10px 0;*/ padding-bottom: 20px; /*text-align: center;*/ } .caracteristiques_liste .cara1, .caracteristiques_liste .cara2, .caracteristiques_liste .cara3, .caracteristiques_liste .cara4, .caracteristiques_liste .cara5, .caracteristiques_liste .cara6 { font-size: 14px; } .caracteristiques_liste .cara { padding: 7px 0; text-align: left; } .caracteristiques_liste .cara img { height: 25px; vertical-align: middle; margin-top: -5px; margin-right: 5px; } /* .caracteristiques_liste .cara1 { background: url("../images/bg_cara1.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 11px; padding: 15px 0; margin: 0 5px; width: 52px; float: left; left: 225px; } .caracteristiques_liste .cara2 { background: url("../images/bg_cara2.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 30px; padding-top: 15px 0; width: 85px; float: left; left: 275px; } .caracteristiques_liste .cara3 { background: url("../images/bg_cara3.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 11px; padding: 15px 0; margin: 0 5px; width: 52px; float: left; left: 325px; } .caracteristiques_liste .cara4 { background: url("../images/bg_cara4.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 11px; padding: 15px 0; margin: 0 5px; width: 52px; float: left; left: 325px; } .caracteristiques_liste .cara5 { background: url("../images/bg_cara5.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 11px; padding: 15px 0; margin: 0 5px; width: 52px; float: left; left: 325px; } .caracteristiques_liste .cara6 { background: url("../images/bg_cara6.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); height: 11px; padding: 15px 0; margin: 0 5px; width: 52px; float: left; left: 325px; } */ .annonce_bien .listing_bottom { position: absolute; bottom: 20px; width: 99%; } .annonce_bien .caracteristiques_liste_listing{ margin-top: 20px; } .annonce_bien .listing_desc { font-size: 15px; color: #000; text-align: justify; } .annonce_bien .listing_carac { font-size: 13px; } .annonce_bien .description_listing { margin-top: 40px; } .annonce_bien .bottom_listing { bottom: 0px; width: 100%; } .desaturate { margin-left: 5px; } .annonce_bien .plus { color: white; padding: 10px 15px; font-size: 14px; background-color: #d22229; margin-top: 35px; } .annonce_bien .lien { margin-top: 25px; } .annonce_bien .header { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .annonce_bien .txt, .annonce_bien .desc { width: 100%; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-top: 25px; } .annonce_bien .desc { height: 50px; overflow: hidden; } .annonce_bien div.img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 200px; } .annonce_bien .infos { position: absolute; height: 200px; background-color: gray; top: 0px; z-index: 5; background-color: black; opacity: 0.7; color: white; text-align: center; padding: 0 20px; padding-top: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*font-family: 'Open Sans Condensed';*/ font-size: 14px; width: 150px; } #img_bg_top { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); } #bg_top_page { height: 301px; } .container_detail .infos { position: absolute; height: 200px; background-color: gray; top: 0px; z-index: 5; background-color: black; opacity: 0.7; color: white; text-align: center; padding: 0 20px; padding-top: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /*font-family: 'Open Sans Condensed';*/ font-size: 14px; width: 150px; z-index: 999; } .annonce_bien:nth-child(even) .infos { right: 30px; } .annonce_bien:nth-child(odd) .infos { left: 30px; } #showmap { text-align: center; } #map { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } #showmap span { padding: 10px; background-color: black; color: white; opacity: 0.6; position: relative; z-index: 2; cursor: pointer; } #listing .listing_prix { font-size: 21px; margin-top: 10px; } #listing p { font-size: 14px; } .alerte_email { color: #fff; font-style: italic; padding-top: 15px; } .alerte_email img { margin-right: 10px; position: relative; top: -1px; display: inline-block; } #listing .infos .sep { margin: 5px; height: 1px; width: 100%; background-color: white; } #listing > div > .pas_trouve { width: 100%; height: inherit; padding-bottom: 40px; } #listing .pas_trouve { font-size: 14px; } #listing > div > .pas_trouve:hover { box-shadow: inherit; } #listing .paging:hover { box-shadow: inherit; } #listing .paging { height: inherit; max-height: inherit; /*width: inherit;*/ /*text-align: left;*/ border-bottom: none; } #listing .paging > span { margin: 0 5px; } #listing .paging .nombre { /*background-color: #f8c923;*/ /*height: 20px;*/ /*width: 20px;*/ /*line-height: 20px;*/ /*font-size: 18px;*/ /*box-shadow: 0 0 1px #000000;*/ /*display: inline-block;*/ /*text-align: center;*/ display: inline-block; font-size: 18px; height: 26px; line-height: 18px; text-align: center; } #listing .paging .current { /*font-weight: bold;*/ /*color: #FFF;*/ /*color: #000;*/ /*background-color: #80152d;*/ border: 1px solid #221D21; color: #221D21; font-weight: bold; padding: 3px 6px; } #imgbgl { background: url(../images/bgl.png); width: 311px; height: 745px; position: absolute; left: -301px; } #imgbgl { background: url(../images/bgl.png); width: 311px; height: 745px; position: absolute; left: -301px; } #imgbgr { background: url(../images/bgr.png); width: 311px; height: 745px; position: absolute; right: 0; margin-right: -301px; } #listing .paging > span:not(.nombre) { color: grey; } #listing .paging > span:not(.nombre) a { /*color: #000000;*/ } #listing .img_bien { height: 260px; width: 460px; } #listing .adresse { color: #777263; } #listing .btn_bien { width: 100%; bottom: 10px; } .footer_listing { margin-top: 30px; } #img_about { width: 1600px; margin: 0 auto; margin-left: -33%; margin-bottom: 40px; margin-top: 30px; } #normal, #gestion #titre, #relocation #titre, #estimation #titre, #apropos #titre, #contact #titre, #estimation #titre { width: 930px; margin: 0 auto; padding: 10px; } #normal > div { padding: 30px 80px; } #estimation #normal .esti_blocks { padding: 30px 20px 10px; } #estimation #normal > div { padding: 30px 155px; } #normal > div > div { padding: 20px; } #estimation #normal > div > div { padding: 0; } .page_gauche { width: 280px; padding: 30px; font-size: 20px; color: #4c4c4c; } .page_gauche .active { text-decoration: underline; } .overflow { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .page_droite { width: 880px; padding: 30px; font-size: 16px } #detail { /*padding:50px;*/ background-color: white; } #detail #detail_entete { font-size: 17px; color: #4c4c4c; border-bottom: 2px solid #4c4c4c; margin-bottom: 30px; } #detail #back_liste { margin-bottom: 20px; } #detail #detail_entete a { color: white; background-color: #4c4c4c; padding: 4px; } #detail #detail_gauche { width: 811px; } #detail #detail_droite { width: 255px; margin-left: 30px; font-size: 15px; } #detail #detail_droite_top { padding: 15px; } #detail #detail_droite_ct { padding: 15px; color: white; } #detail #detail_droite_ct input[type="text"] { width: 100%; color: black; } #detail #detail_droite_ct input[type="submit"] { width: 100%; color: white; background-color: #4c4c4c; font-size: 15px; border: 0; } #detail #detail_droite_ct input[type="email"] { width: 100%; height: 28px; color: black; } #detail #detail_droite_ct select { color: black; } #detail #slide_detail { width: 810px; height: 480px; } #detail #detail_desc { margin-top: 35px; width: 540px; font-size: 15px; } #detail .bien_equi { margin-right: 20px; } #detail #biens_similaires { width: 810px; margin-top: 30px; } #detail #detail_liste { font-size: 13px; } #detail #detail_liste table, #detail #detail_liste ul { background-color: white; width: 100%; } #detail #principale { background-color: white; padding: 5px; } #detail #detail_liste { width: 250px; margin-left: 16px; margin-top: 35px; } #detail #map { width: 540px; } #detail .detail_title { margin-bottom: 15px; font-size: 17px; } #detail #secondaire { padding: 50px; background-color: white; } #detail #secondaire { margin-top: 10px; } #detail #entete { width: 100%; } #detail #entete .entete_gris { color: #cdcdcd; } #detail #entete .ville { color: #777263; font-size: 40px; } #detail #entete_left { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 50%; font-size: 20px; } #detail #entete_right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 50%; text-align: right; font-size: 14px; } #detail #top { line-height: 70px; } #detail .bg_blue, #detail .bg_red { color: #ffffff; } #details #back { padding: 10px; margin: 20px auto; } #detail #principale .iblock { width: 50%; } #detail #mini #bx-pager-off { height: 1px; } #detail #desc { font-size: 14px; } #detail #cols div.iblock { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 25%; } #detail #cols h3 { color: #777263; font-size: 14px; margin-bottom: 45px; } #detail #cols ul { margin-left: 15px; } #detail .trait_sep { height: 1px; width: 100%; margin-top: 50px; background-color: #cdcdcd; margin-bottom: 20px; } #details .detail_top { padding-bottom: 9px; border-bottom: 1px solid #d8d8d8; margin-bottom: 30px; } #details .detail_top div { width: 50%; font-size: 18px; } #details .detail_bottom_left { width: 50%; margin-right: 4%; padding-bottom: 26px; border-bottom: 1px solid #d8d8d8; margin-bottom: 50px; } #details .detail_bottom_left div { width: 50%; } #details .detail_bottom_left div:nth-child(1) { font-size: 12px; } #details .detail_bottom_left div:nth-child(2) { font-size: 14px; } #details .detail_bottom_right div { width: 33.33%; } #details .detail_bottom_right { width: 46%; padding-bottom: 26px; border-bottom: 1px solid #d8d8d8; font-size: 14px; font-weight: bold; margin-bottom: 50px; } #detail #top #titre, #detail #top #prix, #detail #top #prix .btn_detail, #detail #mini #bx-pager, #detail #mini #contact_a { vertical-align: middle; } main#details #back span.iblock:first-child, #detail #principale #borderslide, #detail #top #titre, #detail #mini #bx-pager, #detail #mini #bx-pager-off { width: 100%; } #details #back span.iblock:last-child, #detail #principale #caract, #detail #top #prix, #detail #mini #contact_a { width: 33%; } #gestion #titre, #relocation #titre, #apropos #titre, #contact #titre, #estimation #titre { margin-top: 20px; } #contact div>h3/* + div */{ /*margin: 20px 0;*/ margin-bottom: 20px; } #detail #links { padding: 20px 0; } #detail #links .btn_detail:first-child { margin-right: 10px; } #detail #links .btn_detail:last-child { margin-left: 10px; } #detail #prix { font-size: 22px; } #detail h2 { font-weight: bold; font-size: 18px; } #normal h2 { font-size: 18px; } #detail h3, #detail h4 { margin-bottom: 20px; } #detail #prev, #detail #next { width: 15px; height: 15px; line-height: 15px; position: absolute; top: 40%; font-size: 20px; z-index: 30; color: #002C64; } #detail #prev { left: -4px; } #detail #next { right: 4px; } #detail #bx-pager { position: relative; } #detail .barre_gris { vertical-align: middle; width: 150px; margin: 0 30px; } #detail .nav-tabs { border: 0; text-transform: uppercase; margin-bottom: 30px; text-align: center; } #detail .nav-tabs > li { float: none; display: inline-block; } #detail .infos { height: 360px; left: 30px; padding-top: 100px; } #detail .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: 0; color: white; background-color: #cbcbca; font-size: 14px; padding: 5px 10px; border-radius: 0; } #detail .nav > li > a { padding: 5px 10px; border-radius: 0; } .opensans { /*font-family: 'Open Sans Condensed';*/ } #detail #caract { padding: 0 45px; font-size: 14px; color: #595959; } #detail #caract h3, #detail h3 { color: #777263; font-size: 14px; } #lien_book { background-color: #cdcdcd; color: white; padding: 8px 12px; } #detail #energie { width: 64%; text-align: left; } #detail #energie img { margin-right: 30px; } #detail #energie_right { margin-left: 15px; } #detail #caract .container_detail { margin-bottom: 30px; } #detail .img_mini img { margin-right: 4px; margin-bottom: 4px; } #detail #secondaire .container_detail { padding: 0px; } #detail #principale #eco { bottom: 20px; } #detail #principale #eco p { margin: 2px 0; } #details #principale .container_detail { color: white; font-size: 14px; padding: 0; } #detail .top_listing { font-size: 15px; } #details .detail_titre { width: 33.33%; } #details #principale #caract .container_detail { } #details .container_detail { margin: 0 auto; } #footer_middle #footer_left { margin-top: 10px; } #footer_left, #footer_right { width: 40%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding-top: 17px; } #footer_center { width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #dadada; border-left: 1px solid #dadada; padding-top: 17px; } #footer2 { /*background-color: black;*/ /*height: 120px;*/ width: 100%; text-align: center; } #partenaires_footer div{ line-height:100px; height:100px; vertical-align: middle; text-align: center; } #partenaires_footer img{ display: inline-block; padding:15px 0; max-height:100px; } #normal ul { padding-left: 20px; } #normal h4 { position: relative; left: 15px; font-style: italic; color: #851D22; } #normal h4:before { content: ""; background: url('../images/title_bg.png') no-repeat; height: 10px; width: 11px; position: absolute; left: -15px; } #contact .wrapper { padding: 30px; } #contact h1 { font-size: 62px; } #contact_form { margin-top: 40px; } #contact_form label, #contact_form input { width: 280px; height: 50px; padding-left: 20px; font-size: 18px; } #contact_form textarea { padding: 20px; width: 948px; font-size: 18px; height: 100px; } #contact_form #realPerson { width: 150px; margin-left: 10px; height: 38px; } #contact_form .realperson-regen { position: absolute; top: 0; right: 0px; right: 90px; } #contact_form #form_fld > .iblock:nth-child(odd), #contact_form #form_fld > .iblock:nth-child(even), .esti_blocks .iblock:nth-child(odd) { margin-right: 37px; } #contact_form #form_fld > .iblock:nth-child(3) { margin-right: 0; } #contact_form #form_fld > .iblock, .esti_blocks .iblock { margin-bottom: 20px; } .esti_caract_block .bg_mgrey.iblock { margin-bottom: 10px; } .esti_caract_block { border-bottom: 1px solid #E1E1E1; } .esti_caract_block + .esti_caract_block { padding-top: 10px; } #contact_form #form_btm { margin-top: 20px; } #contact_form label { margin-bottom: 5px; } input[type=text], input[type=number], select { /*height: 28px;*/ } textarea, select { width: 100%; max-width: 100%; } #estimation input:not(#submit), #estimation textarea, #estimation select { border: 1px solid #E1E1E1; } #contact_form #form_btm > .iblock { width: 50%; text-align: left; } #contact_form #submit, #esti_form #submit, #frame_ami #submit, #relocation #submit, #gestion #submit, #apropos #submit, #contact #submit:not(.iblock) { padding: 6px 8px; box-shadow: 1px 1px 1px #000; border: none; background-color: #000; height: 28px; line-height: 18px; font-size: 14px; vertical-align: middle; } #footer_middle h1 { font-size: 20px; margin-top: 25px; } #contact #submit.iblock { width: 100px; } #relocation #submit, #gestion #submit, #apropos #submit, #contact #submit:not(.iblock) { margin-top: 30px; } #contact #adresse > .iblock { width: 50%; } #contact #adresse p { margin: 0; } #contact #adresse p span { font-size: 18px; } #contact #adresse p, #contact #adresse address { line-height: 24px; color: #032766; font-weight: bold; } #estimation #normal #esti_top h3 { height: 85px; line-height: 85px; } #estimation #normal .bg_dgrey h3 { padding: 0 20px; height: 50px; line-height: 50px; } #estimation #normal .bg_dgrey h3 > span { font-style: italic; opacity: 0.5; font-weight: normal; font-size: 12px; } #estimation #normal .iblock { width: 280px; } #estimation #normal input[type=text], #estimation #normal input[type=number], #estimation #normal select, #estimation #normal textarea { width: 100%; box-sizing: border-box; padding-left: 5px; max-width: 100%; } #estimation #normal textarea { height: 62px; } #estimation #normal .esti_blocks *:not(.realperson-text) { font-size: 10px; } #estimation #normal .esti_blocks .realperson-regen span { font-size: 12px; } #estimation #normal .esti_blocks .bg_mgrey, #estimation #normal .esti_blocks .bg_sgrey { height: 30px; line-height: 30px; } #estimation #normal .esti_blocks input + label + span { font-style: italic; margin-left: 4px; } #estimation #normal .esti_caract_block .iblock.bg_mgrey span.iblock { width: 55%; } #estimation #normal .esti_caract_block .iblock.bg_mgrey span.iblock.p_rel:before { content: ""; width: 5px; height: 5px; background-color: #000000; position: absolute; top: 40%; left: -5px; } #estimation #normal .esti_caract_block .iblock.bg_mgrey span.iblock, #estimation #esti_perso span.iblock { margin: 0 0 0 10px; padding: 0 0 0 5px; } #estimation #esti_perso span#sp_lh { line-height: 15px; } #estimation input[type=radio] { appearance: inherit; -webkit-appearance: inherit; -moz-appearance: inherit; display: none; } #estimation input[type=radio] + label { background-color: #ffffff; height: 20px; width: 20px; display: inline-block; vertical-align: middle; margin-left: 5px; } #estimation input[type=radio]:checked + label { background-color: #A9A9AA; transition: all .2s; } #estimation #esti_end { height: 77px; margin-bottom: 20px; width: 220px; } #estimation #esti_submit #realPerson { width: 76px; } #estimation #esti_submit #submit { width: 82px; } #estimation #esti_submit .realperson-text, #estimation #esti_submit .realperson-regen { display: inline-block; vertical-align: middle; } #estimation #esti_submit .realperson-challenge { margin-bottom: 20px; display: block; } #realisations .image { width: 42%; } #realisations .infos_rea { width: 57%; } #realisations .bloc_rea { font-size: 14px; } #realisations .prix_rea { font-size: 18px; } #realisations .bloc_rea:last-child { margin-bottom: 40px; } #realisations .bloc_rea { /*margin: 10px;*/ /*border: 1px solid #c6a875;*/ /*padding: 10px;*/ /*margin-top: 40px;*/ } .description_rea { text-align: justify; } .t_white { color: white; } .t_white textarea { color: black; } .t_white input[type="email"], .t_white input[type="text"] { height: 28px; width: 100%; color: black; } .t_white input[type="submit"] { border: 0; color: white; background-color: transparent; font-size: 16px; } .t_white select { height: 28px; width: auto; color: black; } .ctc_form { width: 540px; margin-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #d8d8d8; margin-bottom: 30px; } #tbl_contact { width: 100%; } .ct_right { margin-top: 40px; margin-left: 80px; font-size: 16px; } #ct_form { padding: 15px; /*background-color: #f2f2f2;*/ } #contact { /*padding-bottom: 40px; padding-top: 40px;*/ } .formContact { margin: 40px 0; /*padding: 40px 0;*/ /*background-color: #f3f3f3;*/ } .btn-black { /*background-color: black;*/ color: #FFF; width: 100%; padding: 12px 0; } /*MAP OVERLAY*/ .overlay { background: transparent; position: relative; width: 100%; height: 400px; /* your iframe height */ top: 400px; /* your iframe height */ margin-top: -400px; /* your iframe height */ z-index: 2; } .overlayDetail { background: transparent; position: relative; width: 100%; height: 290px; /* your iframe height */ top: 290px; /* your iframe height */ margin-top: -290px; /* your iframe height */ z-index: 2; } .actionSucces, .actionError { padding: 20px; border-radius: 10px; font-size: 18px; } .actionSucces { background-color: rgba(159, 255, 128, 0.8); color: #000; font-style: italic; } .actionError { background-color: rgba(255, 128, 128, 0.8); color: #000; font-weight: bold; } fieldset form, .slide_contenu { display: none; } .legend_ajout_modif_suppr { cursor: pointer; } #assurances .container-fluid:first-child, #services, #detail_home { background-color: #f1efef; /*margin: 15px 0 75px 0;*/ } #contenu_detail_home { padding: 40px 0; } #assurances { margin: 15px 0 0 /*75px*/ 0; } #assurances .partenaires { margin: 130px 0; } .blocs_assurances { /*min-height: 150px;*/ /*border: solid yellow;*/ } .blocs_assurances > fieldset { /*border: solid red 1px;*/ margin: 50px 0; min-height: 250px; position: relative; } .blocs_assurances .contenu_assurances { /*border: solid blue 1px;*/ min-height: 135px; position: absolute; bottom: 0; } .blocs_assurances > fieldset legend.legend_assurances { font-weight: bold; font-size: 22px; text-align: center; padding: 10px 0; border: none; /*border: solid green 1px;*/ } .en_savoir_plus a { position: absolute; bottom: 0; left: 50%; margin-left: -70px; padding: 10px 20px; border: solid gray 1px; font-size: 16px; background-color: #FFF; } .boutons_slider { position: absolute; bottom: 20px; } .en_savoir_plus_slider { background-color: #000; color: #FFF; } .en_savoir_plus_slider a { /*left: 50%; margin-left: -70px;*/ padding: 0px 15px; border: none; font-size: 22px; text-decoration: none; } #contact input.form-control { height: 40px; } #contact #ct_form input[type="text"], #contact #ct_form input[type="email"],#contact #ct_form input[type="number"], #contact #ct_form textarea { border: 1px solid #bfbeb1; /*border-radius: 0px; height: 25px; line-height: 25px; padding:0px; padding-left:10px;*/ } #ct_form input[type="submit"] { background-color: #323232; color: white; border-radius: 0; } #ct_form textarea { border-radius: 0px; border: none; /*1px solid #bfbeb1;*/ padding: 0px; height: 200px; padding-left: 10px; padding-top: 5px; } #tbl_contact input, #tbl_contact textarea { margin: 0; padding: 0; margin-bottom: 10px; padding-left: 20px; width: 100%; } #tbl_contact textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } #tbl_contact #realPerson { width: 100px; } #tbl_contact input[type="submit"] { border: 0; padding: 0; margin: 0; background-color: #4c4c4c; color: white; text-align: center; padding: 6px 10px; line-height: 15px; height: 24px; vertical-align: middle; } body#frame_ami { background: none; } body#frame_ami h1 { padding: 20px 0 10px 0; height: auto; font-size: 16px; } body#frame_ami > .t_center { background-color: #ffffff; } body#frame_ami table { margin-top: 20px; } body#frame_ami td { padding: 5px 0; } body#frame_ami input, body#frame_ami textarea { box-sizing: border-box; padding-left: 5px; max-width: 100%; } body#frame_ami .realperson-text { padding: 0; background: none; } .btn_submit, .btn_price, .btn_detail { } #liste_biens_projet th{ /*background-color: #d7ab5a;*/ } #recherche_entete { margin-bottom: 0; background: white; padding-top: 30px; } #liste_biens { background: white; } .btn_submit { color: #ffffff; box-shadow: 1px 1px 1px #000000; line-height: 24px; height: 24px; } .btn_login { width: 125px; line-height: 26px; color: #ffffff; margin: 18px 0; } .btn_price { width: 130px; font-size: 15px; background-color: #c6a875; } .btn_price, .btn_detail { color: white; background-color: #003358; padding: 5px 15px; } #detail #prix .btn_detail { font-size: 20px; } .bloc_about_left { display: inline-block; vertical-align: top; width: 645px; padding-right: 20px; font-size: 14px; } .bloc_about_left2 { display: inline-block; vertical-align: top; width: 490px; } .bloc_about_right2 { display: inline-block; vertical-align: top; width: 645px; padding-right: 20px; font-size: 14px; } .agencebloc { padding: 20px; margin: 40px 0; } .bottomline { height: 1px; width: 520px; margin: 0 auto; } .titre_page_page { font-size: 21px; font-weight: bold; } .bloc_about_right { display: inline-block; vertical-align: top; width: 490px; text-align: right; } .btn_detail { font-size: 16px; } .btn_login a, .btn_price a, .btn_detail a { } .iblock { display: inline-block; vertical-align: top; } .block { display: block; } .t_right { text-align: right; } .t_left { text-align: left; } .t_upper { text-transform: uppercase; } .t_center { text-align: center; } .t_bold { font-weight: bold; } .bg_white { background-color: #ffffff; } .bg_grey { background-color: #EFEFEF; } .btn_price:hover, .btn_price:focus, .bg_dgrey { background-color: #A9A9AA; } .bg_gris { background-color: #4c4c4c; } .bg_lgrey { background-color: #F9F9F9; } .bg_mgrey { background-color: #E1E1E1; } .bg_sgrey { background-color: #666666; } .bg_blue { background-color: #002C64; } .bg_red { background-color: #851D22; } .bg_gold { background-color: #c5a775; } .gold { color: #c6a875; } .p_abs { position: absolute; } .p_rel { position: relative; } .fl_right { float: right; } .fl_left { float: left; } .sep { height: 1px; width: 100%; margin-top: 35px; } .dataGridView { color: #44474E; border: 1px solid #CFCFCF; width: 100%; border-collapse: collapse; margin-top: 15px; } .dataGridView tr { background-color: white; } .dataGridView th { font-weight: normal; text-align: center; background-color: #2f2f2f; border: 1px solid #CBCBCB; /*font-family: 'LatoBold', arial, serif;*/ font-size: 13px; padding: 3px; color: white; } .dataGridView td { border: 1px solid #CBCBCB; /*font-family: 'LatoRegular', arial, serif;*/ font-size: 13px; padding: 3px; text-align: center; } .footer_txt { font-size: 16px; } #notre_entreprise { padding-top: 40px; padding-bottom: 40px; text-align: justify; font-size: 14px; } #navadmin { text-align: center; } #navadmin ul { list-style-type: none; } #navadmin ul li { background-color: grey; color: white; padding: 10px 20px; float: left; } #navadmin a { color: white !important; } #entete_detail { margin-top: 50px; margin-bottom: 10px; width: 780px; width: 710px; /* padding: 20px; */ margin-left: 15px; } #entete { width: 100%; /*margin-top: 30px;*/ /* margin-bottom: 60px; */ float: left; } #ref_bien { width: 100%; float: left; /* margin-top: 15px; */ margin-bottom: 15px; font-size: 12px; color: rgb(58, 58, 58); text-align: right; } #ville_details { } #type_details { text-transform: uppercase; width: 290px; color: #666666; font-weight: bold; font-size: 35px; /*font-family: 'Myriad Pro Bold';*/ float: left; margin-left: 30px; } #bloc_texte_detail { float: left; text-align: justify; font-size: 16px; /*margin-bottom: 25px;*/ /*margin-top: 30px;*/ color: #9e9e9e; line-height: 1.1; } #details #detail_map { margin-top: 60px; } #liste_carac ul { list-style-type: none; color: #221D21; font-size: 16px; padding: 0; } #details #ct_details { /*margin-top: 60px;*/ } #details .ct_input_submit { color: white; background: #221D21; width: 100%; height: 50px; border: 0; font-size: 20px; } .detail_ville { color: #4d4d4d; font-size: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* .detail_nature { text-transform: uppercase; font-size: 20px; margin-bottom: 10px; color: #80152d; } */ .detail_nature { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #221D21; font-size: 18px; font-weight: bold; padding: 15px 10px 15px 10px; } #liste_carac /*.titreDetail:first-child,*/ .titreDetail#description { border-top: none; } .titreDetailNatureVille { padding-top: 20px; font-size: 22px; color: #000; } .titreDetail#description { padding-top: 0 } .titreDetail { /*border-top: solid #9c9b9b 3px; padding: 40px;*/ padding-top: 5px; padding-bottom: 20px; } .titre_details { color: #000; font-size: 24px; margin: 10px 0; text-transform: uppercase; } #titre_carac, .titre_dot, #titre_desc { padding: 12px 0; /*font-size:30px;*/ font-size: 18px; color: #6e6e6e; margin-bottom: 15px; /*text-transform:uppercase;*/ } #details .ct_input_text { height: 38px; width: 100%; font-size: 16px; color: #464646; padding-left: 10px; border: solid #dadbdb 1px; } #details #ct_textarea { min-height: 149px; font-size: 16px; color: #464646; padding-left: 10px; padding-right: 55px; padding-top: 10px; border: solid #dadbdb 1px; } #liste_carac { /*float: right;*/ /*min-height: 248px;*/ margin-top: 10px; } #map_detail { /*margin-bottom: 40px;*/ /*box-shadow: 0 -3px 10px #cccccc;*/ } .left { float: left; } #borderslide { border: 1px solid silver; padding: 5px; } #bloc_left_videos { float: left; width: 400px; } #titre_videos { background-color: #F0EFEF; padding: 16px 15px; } #titre_videos span, #archive_videos span { font-size: 14px; color: #7e7e7e; } #archive_videos { float: left; width: 97.5%; margin-bottom: 30px; margin-top: 30px; background-color: #F0EFEF; padding: 16px 15px; } #titre_videos_hp { float: left; background-color: #F0EFEF; width: 100%; margin-bottom: 30px; } #texte_videos { margin-top: 30px; font-size: 13px; color: #7e7e7e; text-align: justify; } #prix_details { text-transform: uppercase; width: 260px; color: #666666; font-size: 35px; /*font-family: 'Myriad Pro Regular';*/ float: right; text-align: right; } #chambres_details, #surface_details { width: 25%; color: #a42869; text-align: center; } video::-webkit-media-controls { display: none !important; } #details { /*padding-top: 60px;*/ background: #fff none repeat scroll 0 0; } .mini_detail { margin-right: 25px; margin-bottom: 20px; } #detail_desc { background-color: white; padding-bottom: 30px; } #detail_gauche { width: 325px; } #detail_droite { float: right; } #description_details { float: left; width: 100%; margin-bottom: 30px; } #description_texte { width: 100%; text-align: justify; font-size: 12px; padding-right: 10px; } #description_titre, #projet_titre { border-bottom: 1px solid #666666; float: left; width: 100%; margin-bottom: 30px; } #projet_titre table tr td { font-size: 13px; } #caracteristiques_titre, #description_complete_titre { border-bottom: 1px solid #666666; float: left; width: 100%; margin-bottom: 30px; } #description_titre span, #caracteristiques_titre span, #description_complete_titre span, #projet_titre span, #ville_details span { padding: 5px; color: white; background-color: #666666; font-size: 13px; float: left; } #caracteristiques_details { float: left; } #caracteristiques_texte { width: 220px; text-align: justify; font-size: 12px; } #energie { float: left; margin-top: 30px; width: 780px; padding-top: 15px; border-top: 1px solid #666666; } #energie_gauche { float: left; } #energie_droite { float: right; } #description_complete { float: left; margin-left: 23px; width: 68%; } #description_complete_texte { width: 100%; text-align: justify; font-size: 12px; padding-right: 10px; } .greybar { width: 602px; float: left; margin-left: 23px; margin-top: 30px; margin-bottom: 30px; } #description_complete_texte ul { float: left; margin-left: 10px; width: 46%; } #description_complete_texte li { } #loi_allur { margin-top: 20px; float: left; margin-left: 23px; font-size: 12px; } #bloc_options { width: 100%; float: left; /* margin-left: 23px; */ margin-top: 40px; } #bloc_options1, #bloc_options2, #bloc_options3 { float: left; } #bloc_options1 { width: 100%; } #bloc_options2, #bloc_options3 { width: 100%; margin-left: 10px; } #rappel, #visite { background-color: #9f1a60; width: 150px; height: 36px; color: white; text-decoration: none; float: left; text-align: center; line-height: 32px; margin-bottom: 5px; } #detail_liens { float: right; width: 220px; margin-right: 23px; } .detail_lien img { vertical-align: middle; margin-left: 5px; height: 25px; margin-bottom: 5px; } .detail_lien { /*font-family: "Arial";*/ font-size: 13px; color: #808080; float: right; background-color: #666666; margin-left: 10px; height: 26px; } #detail_btn { background-color: #ededed; padding-top: 15px; } #detail_btn a { background: #ffffff; padding: 8px 5px; text-decoration: none; display: block; margin-bottom: 15px; } #detail_btn img { margin-right: 8px; } #detail_btn a:hover { text-decoration: none; } #detail_btn_retour { background-color: #808080; padding-top: 15px; } #detail_btn_retour_bas_page { background-color: #ededed; padding-top: 15px; margin-top: 40px; } #detail_btn_retour a, #detail_btn_retour_bas_page a { /*background: #ffffff;*/ padding: 8px 5px; text-decoration: none; /*display: block;*/ margin-bottom: 15px; font-weight: bold; } #detail_btn_retour a { color: #FFF; } #detail_btn_retour_bas_page a { color: #808080; } #detail_btn_retour img, #detail_btn_retour_bas_page img { margin-right: 8px; } #detail_btn_retour a:hover, #detail_btn_retour_bas_page a:hover { text-decoration: none; } .bouton_retour { /*margin-bottom: 20px;*/ } #retourFb { padding: 25px 0; } #retourFb > div:not(:nth-child(2)) { padding: 5px 0; } .btn_vert { background-color: #80152d !important; color: white !important; } .detail_lien a { color: white; padding-left: 5px; text-decoration: none; } .prixPlus { margin-top: 25px; /*padding-right: 0;*/ } .prixPlus > a > div:hover { text-decoration: underline; } .prixPlus > a > div:first-child { color: white; background-color: #221D21; padding: 15px; } #footer1 { /*font-size: 22px; color: #80152d; background-color: #FFF; height: auto;*/ /*border-bottom: solid #ededed 3px;*/ background-color: #fff; color: #80152d; font-size: 22px; height: auto; line-height: 1em; margin-top: 20px; } #footer2 { color: #FFF; } .borderLeftRight { border-left: solid 1px #FFF; border-right: solid 1px #FFF; } .hrPartenaire { padding: 30px 0; } .divPartenaires { text-align: justify; /*height: 125px;*/ /*margin: 40px 0;*/ /*white-space: nowrap;*/ } .divPartenaires a { text-decoration: none; } .divPartenaires a img { padding: 4px; margin: 0 0 30px 0; /*width: 90%;*/ /*max-height: 125px;*/ max-height: 110px; vertical-align: middle; max-width: 100%; } .helper { display: inline-block; height: 100%; vertical-align: middle; } .inside_partenaires { align-self: center; margin: 20px 0 20px 0; } .prefixeTel { color: #baa89e; } .prefixe, .sous_title_footer { color: #4d4d4d; } .sous_title_footer { text-align: left } .containerRandomFooter { text-align: center; } .centerSmartphone { text-align: center; } #tel_header { background-color: #808080; text-align: center; position: absolute; top: 0; right: 0; } #containerTelHeader { padding: 6px 275px 0 25px; color: #FFF; } .containerLogoHeader { position: relative; /*height: 105px*/ } #debordementLogo { /* position: absolute;*/ /* top: -30px;*/ /* right: 0;*/ z-index: 1000; } .bgWhite { background-color: #FFF; } .cc_detail { padding: 25px; font-size: 18px; color: #4b4b4a; background-color: white; } .cc_detail, .cc_detail p { text-align: center; } .cc_detail p { margin-top: 15px; } .cc_detail span.prix { font-size: 22px; color: #221D21; } .cc_detail span.voir_bien { color: #808080; text-decoration: underline; } .bgGris { background-color: #ededed; } .titleAgence, .titleCoupCoeur { /*text-align: left;*/ /*padding: 0 4% 30px 4%;*/ color: #919191; } form.iblock, form#formContactDetail { width: 100% } form.iblock input#input_alerte, form#formContactDetail input#input_alerte { padding: 22px 10px; font-size: 17px; } form.iblock input[type="submit"], form#formContactDetail input[type="submit"] { /*position: absolute;*/ /*top: 4px;*/ /*right: 4px;*/ /*right: 0;*/ /*background: url("../images/submit_newsletter.png") no-repeat;*/ /*background-color: black;*/ border: none; /*width: 35px;*/ height: 38px; font-size: 16px; } #form_newsletter_footer { position: relative; } /* recherche rapide */ #recherche_rapide { background-color: rgba(0, 0, 0, 0.5)/*#EDEBEB*/; /*height: 125px;*/ /*margin: 0;*/ padding: 55px 0 40px 0; position: absolute; /*top: 30%;*/ /*top: 0;*/ /*left: 50%; margin-left: -37.5%;*/ width: 100%; z-index: 110; } body #recherche_rapide { bottom: 0; } body#body_ventes #recherche_rapide, body#body_loacations #recherche_rapide, body#body_neuf #recherche_rapide { } /* #enteteRecherche.page_accueil #recherche_rapide { position: relative; bottom: inherit; } */ #recherche_rapide #content-recherche_rapide { margin: auto; /*padding: 0px 0 26px;*/ /*width: 575px;*/ width: 100%; /*max-width:990px;*/ /*max-width: 1190px;*/ z-index: 100; position: relative; } #recherche_rapide_liste #content-recherche_rapide { margin: auto; padding: 15px 0 26px; width: 1000px; z-index: 100; } #recherche_rapide #content-recherche_rapide h3 { font-size: 48px; /*font-family:Arial;*/ color: #ffffff; font-weight: normal; border-bottom: solid 1px #fcbd8d; padding-top: 28px; padding-bottom: 19px; width: 700px; } #recherche_rapide #content-recherche_rapide #form-recherche_rapide { display: block; position: relative; } #btn_recherche_rapide { float: right; } #recherche_rapide .bloc_recherche { float: left; margin-bottom: 15px; /*margin-top:35px;*/ /*margin-left: 40px;*/ /*margin-left: 20px*/ } #recherche_rapide .blocPlusDetails .bloc_recherche { margin-top: 20px !important; } #recherche_rapide_liste .bloc_recherche { float: left; margin-top: 0px; } #recherche_rapide_liste .select { border: medium none !important; } #recherche_rapide_liste input[type="text"] { border: medium none !important; padding: 2px 5px !important; } #recherche_rapide label { color: #FFFFFF; display: inline-block; font-size: 15px; font-weight: bold; margin: 0px 3px; } #recherche_rapide .bloc_budget { /*width: 110px;*/ } #recherche_rapide .bloc_budget label { } #recherche_rapide .bloc_budget input, #moteur_recherche input[type=text], #recherche_rapide_liste .bloc_budget input, #moteur_recherche_liste input[type=text] { /* background: #3F185F; border-bottom: 1px solid; border-radius: 6px; border-right: 2px solid; color: #FFFFFF !important; float: left; font-size: 12px; height: 24px; margin-right: 6px; padding: 0 0 0 7px; text-align: left; width: 75px; font-family: 'century'; */ /*background: url("../images/background_select.png") no-repeat scroll 96% center #3F185F;*/ background-color: #FFFFFF; color: #000; font-size: 14px; height: 40px; line-height: 33px; overflow: hidden; padding-left: 6px; padding-top: 2px; width: 180px; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #555555; padding-left: 12px!important; } input:focus { outline-style: none; } #recherche_rapide ::-webkit-input-placeholder { /* WebKit browsers */ color: #000; opacity: 1; } #recherche_rapide :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000; opacity: 1; } #recherche_rapide ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000; opacity: 1; } #recherche_rapide :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000; opacity: 1; } #recherche_rapide ::-o-input-placeholder { color: #000; } #recherche_rapide input::-o-placeholder { color: #000; } #recherche_rapide input:-o-placeholder { color: #000; } #recherche_rapide input::-o-input-placeholder { color: #000; } #recherche_rapide input:-o-placeholder { color: #000; } .bloc_recherche i { height: 100%; width: 40px; position: absolute; top: -2px; /*left: 30px;*/ left: 25px; z-index: 2; } .bloc_recherche i.iVente { background: url("../images/vente.png") no-repeat scroll 8% center transparent; } .bloc_recherche i.iLocalite { background: url("../images/localite.png") no-repeat scroll 8% center transparent; } .bloc_recherche i.iType { background: url("../images/type.png") no-repeat scroll 8% center transparent; } #recherche_rapide input[name="budget_max"], #recherche_rapide input[name="budget_min"] { /*background: url("../images/budget.png") no-repeat scroll 16px center #FFF;*/ /*padding-left: 75px;*/ padding-left: 5px; } #recherche_rapide input[name="surface_min"] { /*background: url("../images/surface.png") no-repeat scroll 16px center #FFF;*/ /*padding-left: 75px;*/ padding-left: 5px; } #recherche_rapide input[name="nombre_chambres"] { /*background: url("../images/chambre.png") no-repeat scroll 16px center #FFF;*/ /*padding-left: 75px;*/ padding-left: 5px; } .trierPar { color: black; font-size: 16px; padding: 14px 10px; text-align: right; padding-top: 6px; } #nb_res { color: black; padding: 14px 0; font-size: 16px; text-align: left; padding-top: 6px; } .listing_carac hr { color: #a9a9a9; margin: 0; background: #a9a9a9; width: 100%; height: 1px; border: 0; } .select option { padding: 12px 2px; border: solid gray 1px; /*border-left: none; border-right: none;*/ } #triListe.select, #triListe.selectcustom, #triListe span.customSelectInner { padding-left: 5px !important; } .bloc_recherche select { height: 40px; background: url("../images/background_select.png") no-repeat scroll 96% center #3F185F; background-color: white; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; border: 0; } .select { background: url("../images/background_select.png") no-repeat scroll 96% center #3F185F; border-bottom: 1px solid; /*border-radius: 6px;*/ border-right: 2px solid; /*color: #FFFFFF;*/ background-color: #FFFFFF; color: #000; font-size: 14px; /*height: 18px;*/ height: 40px; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; /*line-height: 50px;*/ /* line-height: 10px;*/ overflow: hidden; padding-left: 6px; padding-top: 6px; width: 180px; border: solid #818772; border-width: 1px 1px 1px 1px; border-color: #c5c5c5; /*width: 150px;*/ } .divTriListe span.select { height: 33px !important; } #recherche_rapide input[type=submit] { /*background: url("../images/search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/ background-color: #007cc1; /*border: solid #fff 1px;*/ color: white; /*text-transform: uppercase;*/ cursor: pointer; font-size: 15px; /*font-weight: bold;*/ /*height: 34px;*/ /*position: absolute;*/ /*text-transform: uppercase;*/ /*top: 40px;*/ /*top: 35px;*/ /*width: 36px;*/ height: 40px; /*width: 80px;*/ text-align: center; font-weight: bold; } .enteteDetail { /*border: solid green 1px;*/ padding: 40px 0; border-bottom: solid 4px #ededed; width: 100% !important; } .intExt { color: #221D21; text-transform: uppercase; font-size: 16px; } .caracteristiquesMargin { margin-bottom: 20px; } .listeCaracteristiques { margin-top: 5px; } .listeCaracteristiques { margin-top: 5px; } ul.listeCaracteristiques li { /*margin-top: 5px;*/ padding: 8px 0; border-bottom: 1px solid black; display: inline-block; width:100%; } ul.listeCaracteristiques li:not(:last-child) { border-bottom: solid gray 1px; } .autorisationFooter { font-size: 12px; } .borderRight { border-right: solid #959595 1px; } .container_logo_footer { /*text-align: center;*/ } #logo_footer { width: 100%; max-width: 95%; margin-top: 45px; } .separation { padding-right: 20px; } #liste_biens .separation:first-child { display: none; } .prixlisting { font-size: 26px; color: #007cc1; font-weight: bold; padding: 10px 0 0 0; /*border-bottom: solid #black 2px;*/ /*background-color: #ca5140;*/ /*text-align: right;*/ } .navbar-default .navbar-nav > li > a:focus { color: #912600; background-color: transparent; } .prixdetail { font-size: 24px; color: #007cc1; font-weight:bold; /*padding: 10px 0 0 0;*/ /*border-bottom: solid #black 2px;*/ /*background-color: #221D21;*/ text-align: right; padding: 10px; text-align: center; } .prixdetail .prix{ display: inline-block; } #slider_coeur .prixlisting, .en_savoir_plus_slider { padding: 10px 0; /*: 3px 15px;*/ font-size: 22px; } #contactDetail { min-height: 350px; background-color: #f3f3f3; /*padding: 40px 0 40px 0;*/ padding: 35px; /*margin-top: 60px;*/ /*border-bottom: 3px solid #fff;*/ } #entete_details { background-color: #f5f5f5; } .entete_details2, .specifications_details { color: #9e9e9e; font-size: 16px; margin-bottom: 20px; } .actions_details { /*margin:20px 0;*/ } .passeport_energetique > div > div:not(:first-child) { margin: 5px 0; font-size: 14px; } .passeport_energetique div.texte_passeport_energetique { padding: 8px 0; /*color: black;*/ } .decription_details, .caracteristiques_details, .localisation_details, .specifications_details, .passeport_energetique { /*margin-bottom: 60px; margin-top: 60px;*/ margin-bottom: 25px; margin-top: 25px; } .titreDetailContact { color: #000; /*background-color: #f3f3f3;*/ padding: 20px 0 40px; font-size: 24px; /*font-weight: bold;*/ } .annonce_bien .infos_listing .passeport_energetique span.a, .coeur span.a, .passeport_energetique span.a { /*background: #14832f;*/ } #moteur_recherche span.classe_energetique_a { width: 25px; } .annonce_bien .infos_listing .passeport_energetique span.b, .coeur span.b, .passeport_energetique span.b { /*background: #2da222;*/ } #moteur_recherche span.classe_energetique_b { width: 35px; } .annonce_bien .infos_listing .passeport_energetique span.c, .coeur span.c, .passeport_energetique span.c { /*background: #2df722;*/ } #moteur_recherche span.classe_energetique_c { width: 45px; } .annonce_bien .infos_listing .passeport_energetique span.d, .coeur span.d, .passeport_energetique span.d { /*background: #ffff00;*/ } #moteur_recherche span.classe_energetique_d { width: 55px; } .annonce_bien .infos_listing .passeport_energetique span.e, .coeur span.e, .passeport_energetique span.e { /*background: #ffbd00;*/ } #moteur_recherche span.classe_energetique_e { width: 65px; } .annonce_bien .infos_listing .passeport_energetique span.f, .coeur span.f, .passeport_energetique span.f { /*background: #f39010;*/ } #moteur_recherche span.classe_energetique_f { width: 75px; } .annonce_bien .infos_listing .passeport_energetique span.g, .coeur span.g, .passeport_energetique span.g { /*background: #e34921;*/ } #moteur_recherche span.classe_energetique_g { width: 85px; } .annonce_bien .infos_listing .passeport_energetique span.h, .coeur span.h, .passeport_energetique span.h { /*background: #dd0021;*/ } #moteur_recherche span.classe_energetique_h { width: 95px; } .annonce_bien .infos_listing .passeport_energetique span.i, .coeur span.i, .passeport_energetique span.i { /*background: #b8001e;*/ } .annonce_bien .passeport_energetique, .passeport_energetique { /*padding-top: 15px;*/ } .coeur span.lettre, .annonce_bien .infos_listing span.lettre, .passeport_energetique span.lettre { color: #000; font-size: 18px; font-weight: bold; display: inline-block; text-transform: uppercase; padding: 5px 10px; /*margin: 0 5px;*/ border: solid 1px black; } #enteteRecherche { /*padding: 40px 0;*/ background-color: #efeded; margin: 0 0 20px 0; /*box-shadow: 0 6px 6px #cccccc;*/ } #liens_fb { position: fixed; top: 172px; right: 0; z-index: 111 } #liens_mail { position: fixed; top: 240px; right: 0; z-index: 111 } .box_shadow { box-shadow: 10px 10px 12px #999999; background-color: #FFFFFF; } .partage { /*background-color: #f3f3f3;*/ /*margin-top: 20px;*/ padding: 20px 0; /*text-align: center;*/ } .partage div:first-child { margin: 0 0 35px 0; font-size: 16px; text-align: left; font-weight: bold; } .partage a img { /*padding: 0 10px;*/ } .partage a:hover { text-decoration: none; } .title_news_hp { font-size: 22px; margin-top: 15px; } .date_news_hp { font-style: italic; margin-bottom: 15px; } .titre_news_accueil { color: #d1a14c !important; } .lire_article_accueil { color: #d1a14c; font-size: 22px; } #accueil .bx-wrapper { margin-bottom: 50px; } #listing { padding-top: 40px; } #details #principale { margin-bottom: 50px; } .text_detail_slide { position: absolute; bottom: 8%; left: 0; right: 0; width: 100%; background: rgba(000,000,000,0.5); color: #fff; padding: 30px 0; } .title_text_detail_slide { font-size: 28px; font-weight: bold; } .carac_text_detail_slide { font-size: 18px; } .text_detail_slide_right_center_mobi { text-align: right; } .ville_text_detail_slide { font-size: 24px; } #details #mini { margin-bottom: 50px; } .container_detail2 { margin-top: 20px; } .bxslider3_noslide { list-style: none; text-align: left; } .bxslider3_noslide li { display: inline-block; padding: 8px; } @media (max-width: 1200px) { #container_header nav ul li { /*padding: 0 4px;*/ padding: 0 10px; } .md-hidden { display: none; } .prixPlus { position: inherit; bottom: inherit; right: inherit; margin: 20px 0 0; } #recherche_rapide { /*top: 0;*/ /*left: 0;*/ /*margin-left: 0;*/ } #slider_coeur .prixlisting, .en_savoir_plus_slider a, #slider_coeur .en_savoir_plus_slider { /*padding: ;: 3px 15px;*/ font-size: 18px; } .navbar { padding-top: 10px; /*padding-top: 60px;*/ } ul.navbar-nav > li > a { font-size: 16px; } .refdetail { text-align: center; } .listing_desc { min-height: 235px; } #coordonnees_footer { padding-right: 20px; } #coordonnees_footer.bloc_2_footer { padding: 0 20px } #coordonnees_footer:last-child { padding-left: 20px; } } @media (max-width: 992px) { .container_logo_footer, #footer_coord { text-align: center; } .text_detail_slide { position: relative; } .container_logo_footer img { margin-left: auto; margin-right: auto; } #ct_coord { padding: 20px; } .listing_desc { min-height: 260px; } #bloc_recherche { width: 62%; top: 0; } .annonce_bien div.img1 { min-height: 260px; } #container_header nav ul li a { font-size: 15px; } #container_header nav ul li { /*padding: 0 4px;*/ padding: 0 5px; } #container_header nav ul li:last-child { padding: 0 0 0 10px; } .titleCoupCoeur { padding: 40px 0 10px 0; } .annonce_une_texte, .texte_notre_agence_accueil { height: auto; padding-bottom: 20px; } .intro { max-width: inherit !important; } .imageListing { display: none; } .borderRight { border-right: none; } .customSelect { /* This is the default class that is used */ /* Put whatever custom styles you want here */ color: #797b7d !important; } .customSelect.customSelectHover { /* Styles for when the select box is hovered */ color: #797b7d !important; } .customSelect.customSelectOpen { /* Styles for when the select box is open */ color: #797b7d !important; } .customSelect.customSelectFocus { /* Styles for when the select box is in focus */ color: #797b7d !important; } .customSelectInner { /* You can style the inner box too */ color: #797b7d !important; } #recherche_dropdown { width: 95% !important; } #bloc_recherche { width: 100% !important; top: 0px; margin: 0; float: left; margin-bottom: 30px; } .recherche_square { width: 31%; height: 0px; padding-bottom: calc(32% - 2px); } .recherche_square .textsquare { font-size: 13px; } #container_bloc_recherche { position: relative; width: 100%; float: left; left: 0%; -webkit-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; } .recherche_square .icon { margin-top: 0%; } #recherche_rapide #ville, #recherche_rapide #vente_location { /*margin-bottom: 25px;*/ } .recherche_square .iconicon { max-height: 50px; } #recherche_rapide .bloc_recherche { margin-left: 0; } #recherche_rapide { /*height: auto;*/ /*position: inherit;*/ /*padding-bottom: 35px;*/ /*background-color: rgba(0, 0, 0, 0.5);*/ } #recherche_rapide input[type="submit"] { width: 100%; } .image_slider { /*background-color: #FFF;*/ } .description_slider { font-size: 15px; } .texte_newsletter { margin: 0 0 10px 0; text-align: center; } form.iblock input#input_alerte, form#formContactDetail input#input_alerte { text-align: center; } .navbar { /*padding-top: 40px;*/ } #container_header .navbar { margin-top: 59px !important ; } } @media (max-width: 767px) { .title_text_detail_slide, .text_detail_slide, .ville_text_detail_slide, .carac_text_detail_slide { font-size: 13px!important } #dropdownMenu1{ padding-left: 0; padding-right: 0; } .alerte_email { text-align: left; padding-top: 20px; } .navbar { border-top: none; } .annonce_bien .vv_liste{ position: relative; right: inherit; top: inherit; float: left; width: 100%; } #container_header_top div.partenaire_de img{ text-align: center; padding-left: 0px; } ul#lightSlider li .caption * { font-size: 13px !important } .lsting_region { font-size: 12px; } #imgbgl, #imgbgr { display: none; } .titre_actu { bottom: inherit; color: #000; left: inherit; max-width: inherit; position: relative; right: inherit; margin-top: 50px; } .menu_gerances { left: 0; } #recherche_rapide { text-align: center; } .caracteristiques_listing .listing_ville { font-size: 18px; margin-top: 10px; margin-bottom: 5px; } .prixlisting { font-size: 20px; } .page:NOT(#accueil) .bx-wrapper .bx-controls-direction a { height: 50px !important; width: 50px !important; background-size: cover !important; margin-top: -30px !important; } .page#accueil .bx-wrapper .bx-controls-direction a { display: none; } /*.menu_tel{ position: absolute; right: 0px; top: 0; color: #FFF; background-color: #black; padding: 10px; font-size: 16px } */ #container_header { /*margin-top: 70px;*/ } .listing_desc { min-height: 15px; } .container_logo_footer { margin: 30px 0; } .caracteristiquesMargin { margin: 15px 0; } #container_header nav ul li a { font-size: 18px; } .trierPar { text-align: left } #enteteRecherche.page_accueil #recherche_rapide #ville, #enteteRecherche.page_accueil #recherche_rapide #vente_location { margin-bottom: 0; } #enteteRecherche:NOT(.page_accueil) .sumbitMoteurRecherche { padding: 10px !important; } #container_header nav ul li { width: 100%; } .xs-hidden { display: none !important; } .xs-show { display: block; } .center_mobi { text-align: center; } #container_header nav ul li, #container_header nav ul li:last-child { padding: 0 0 0 0; } .dflex { display: block; } #recherche_dropdown { width: 95% !important; } #bloc_recherche { width: 100% !important; top: 0px; margin: 0; float: left; margin-bottom: 30px; } .recherche_square { width: 31%; height: 0px; padding-bottom: calc(32% - 2px); } .recherche_square .textsquare { font-size: 13px; } .mobi_left { text-align: left; } #container_bloc_recherche { position: relative; width: 100%; float: left; left: 0%; -webkit-transform: initial; -ms-transform: initial; -o-transform: initial; transform: initial; } .recherche_square .icon { margin-top: 0%; } .recherche_square .iconicon { max-height: 50px; } #nb_res { text-align: left !important; margin: 0 5px; } .listing_carac { /*min-height: 315px;*/ min-height: inherit; } .divPartenaires { display: inherit; } .borderLeftRight { border-left: none; border-right: none; } .centerSmartphone { text-align: center; } .containerRandomFooter { margin: 20px 0; } #containerTelHeader { padding: 6px 25px 0 25px; } #tel_header { position: inherit; } .containerLogoHeader { height: auto; } #debordementLogo { position: inherit; top: inherit; left: inherit; right: inherit; z-index: inherit; } #recherche_rapide { /*background-color: rgba(255, 255, 255, 1);*/ } .rechercheBase > div:first-child { margin-bottom: 0px; } .bloc_recherche { padding: 10px 0; } #recherche_rapide .bloc_recherche { margin-left: 0; } #recherche_rapide { height: auto; position: inherit; padding-bottom: 35px; /*background-color: rgba(0, 0, 0, 0.5);*/ } #recherche_rapide input[type="submit"] { width: 100%; } .titleAgence { padding: 0 0 30px 0; } .titleCoupCoeur { padding: 30px 0; } #listing { padding-top: 30px; } .photo_annonce_a_la_une:last-child { margin-top: 40px; } .annonce_une_texte, .texte_notre_agence_accueil { height: auto; max-width: 360px; padding-bottom: 20px; } .photo_annonce_a_la_une.p_rel { padding: 0; } #recherche_rapide { text-align: center; } #recherche_rapide select, #recherche_rapide input[type="text"] { width: 230px !important; display: inline-block; } #recherche_rapide input[type="submit"] { width: 230px; margin-top: 20px; } .photo_annonce_a_la_une.p_rel:last-child { padding: 0 0 0 0 !important; margin: 40px 5px 0 0; padding: 0; } .img_cc img { float: left; } .backgroundTransparent { background-color: transparent; } .logo_header { padding-top: 20px; max-height: 170px; } .logo_lalux { float: initial; } .texte_newsletter { margin: 0 0 10px 0; text-align: center; } .coordonnees { text-align: center; margin: 0; } .coordonnees_adresse { padding: 0; margin: 0; } .coordonnees > div:last-child, .coordonnees > div:nth-last-child(2) { /*margin-top: 40px;*/ } .coordonnees_padding { padding: 25px; } .divPartenaires { margin: 0; } .divPartenaires a img { /*padding: 0; margin: 0; width: 90%;*/ } .md-hidden { display: block; } #contactDetail { margin: 10px 0; } #assurances .partenaires img { padding: 40px 0; } #assurances .partenaires { margin: 40px 0; } a.slidesjs-previous, a.slidesjs-next { display: none; } .domaine_competence { position: initial; left: 0; top: 0; } .footer_submit { margin-top: 10px; text-align: center; } .copyright { bottom: inherit; position: initial; right: inherit; text-align: center; padding: 15px 0 0; } .navbar { padding-top: 10px; } .img_cc { margin-top: 15px; } .prixlisting { text-align: left !important; margin-bottom: 10px } .separation { padding-right: 0; } /* .divTriListe{ margin-top: 40px; } */ .separation { clear: both; } .actions_details, #retourFb > div:last-child { margin-top: 15px; text-align: center; } #footer_coord .row { display: block; } } .bloc_description_prix { display: flex; width: 100%; justify-content: space-between; align-items: center; } @media (max-width: 465px) { .nav2_text { display: none; } .divPartenaires a img { /*padding: 0; margin: 0; width: 98%;*/ } } @media (max-width: 450px) { .navbar { padding-top: 25px; } } @media (max-width: 400px) { .navbar { padding-top: 20px; } } @media (max-width: 350px) { .navbar { padding-top: 15px; } } @media (max-width: 300px) { .navbar { padding-top: 10px; } } @media (min-width: 767px) { .annonce_bien div.img1 { /* width: 345px!important; height: 260px!important;*/ } } @media (min-width: 991px) { .annonce_bien div.img1 { /* width: 375px!important; height: 250px!important;*/ } } @media (min-width: 1200px) { .annonce_bien div.img1 { /* width: 375px!important;*/ height: 250px !important; } } @media screen and (max-width: 1200px) and (min-width: 991px) { #container_header nav ul li { float: left; padding: 0 6px; margin-right: 0!important; } #container_header nav ul li:first-child { float: left; padding: 0 6px 0 0; } #container_header nav ul li:last-child { padding: 0 0 0 6px; } } @media (max-width: 991px) { #coordonnees_footer:last-child { padding-left: 50px; } } @media screen and (max-width: 1200px) and (min-width: 768px) { .listing_carac { /*min-height: 320px ;*/ } } @media screen and (max-width: 991px) and (min-width: 767px) { .photo_annonce_a_la_une.p_rel { padding: 0 5px 0 0 !important; } .photo_annonce_a_la_une.p_rel:last-child { margin-top: 40px; } .prixlisting { /*text-align: left!important*/ } .container_logo_footer { /*text-align: left*/ } } @media (min-width: 992px) { } @media (min-width: 1200px) { #bloc_recherche { width: 48%; } .prixPlus { padding-right: 0; } .page { background-size: 100%; } } @media (min-width: 767px) { #bloc_recherche { width: 55%; } #nav_langue, #div_fb { text-align: center; } } #coup_coeur .slides_control { width: 625px; height: 176px; overflow: hidden; } #coup_coeur #content-slider .slides_container li { width: 820px; } #coup_coeur #slider_coeur { position: absolute; left: 50%; margin-left: -478px; padding-left: 40px; padding-right: 40px; width: 874px; height: 310px; overflow: hidden; /*border: solid green 1px;*/ } /*#coup_coeur #slides{ width:613px; height:292px; } #coup_coeur .slide{ width:611px; background-color:#e2007a; height:290px; padding:1px; } #coup_coeur #slides .next{ position:absolute; margin-left:600px; margin-top:302px; width:14px; height:15px; z-index:500; } #coup_coeur #slides .prev{ position:absolute; margin-left:584px; margin-top:302px; width:14px; height:15px; z-index:500; } #coup_coeur .left_photo_slider img { float:left; } #coup_coeur .right_slider{ float:left; width:222px; } #coup_coeur #titre_coeur{ position:absolute; background:url("../images/background_titre_coeur.png"); width:593px; height:39px; z-index:1000; font-size:24px; font-weight:bold; color:white; padding-top:8px; padding-left:18px; margin-top:1px; margin-left:1px; } #coup_coeur .right_slider .content_right_slider{ padding-top:135px; width:196px; margin-left:auto; margin-right:auto; } #coup_coeur .right_slider .content_right_slider .sous_titre_coeur{ color:white; font-size:14px; font-weight:bold; } #coup_coeur .right_slider .content_right_slider .description_coeur{ color:white; font-size:14px; padding-top:10px; } #coup_coeur .slides_container { height:292px; }*/ .texte_coeur_accueil { border-bottom: solid #cacaca 1px; height: 98px; position: relative; padding-left: 7px; padding-right: 7px; padding-top: 14px; background-color: #edebeb; /*color: black;*/ font-size: 12px; margin-bottom: 15px; } .coeur_accueil, .description_coeur_accueil { position: relative; /*display: inline-block;*/ display: block; float: left; margin-bottom: 15px; } .sous_titre_coeur_accueil { position: absolute; top: 0; left: 0; border-bottom: 1px solid #AD010B; font-weight: 600; height: 32px; line-height: 32px; padding-left: 10px; padding-right: 10px; text-align: center; z-index: 2; color: white; background: #E50613; } #slider_coeur ul { list-style: none; } /*SLIDE*/ #slider_coeur { /*display: none*/ } .slidesjs-container, .image_slider, .slidesjs-slide img { /*max-height: 500px!important;*/ overflow: hidden } #slider_coeur .slidesjs-navigation { margin: 8px 4px; } a.slidesjs-next { background-image: url("../images/fleche_next.png"); right: 20px; } a.slidesjs-previous { background-image: url("../images/fleche_back.png"); left: 20px; } a.slidesjs-previous, a.slidesjs-next { background-repeat: no-repeat; height: 150px; width: 50px; margin-top: 0px !important; position: absolute; top: 50%; z-index: 1000; /*background-color: #EDEDED;*/ opacity: 0.65 } /*a.slidesjs-next, a.slidesjs-previous,*/ a.slidesjs-play, a.slidesjs-stop { background-image: url(../images/btns-next-prev.png); background-repeat: no-repeat; display: block; width: 12px; height: 18px; overflow: hidden; text-indent: -9999px; float: left; margin-right: 5px; } a.slidesjs-next { /*margin-right:10px; background-position: -12px 0;*/ } a:hover.slidesjs-next { /*background-position: -12px -18px;*/ } a.slidesjs-previous { /*background-position: 0 0;*/ } a:hover.slidesjs-previous { /*background-position: 0 -18px;*/ } a.slidesjs-play { width: 15px; background-position: -25px 0; } a:hover.slidesjs-play { background-position: -25px -18px; } a.slidesjs-stop { width: 18px; background-position: -41px 0; } a:hover.slidesjs-stop { background-position: -41px -18px; } .slidesjs-pagination { margin: 8px 4px; float: right; list-style: none; } .slidesjs-pagination li { float: left; margin: 0 1px; } .slidesjs-pagination li a { display: block; width: 13px; height: 0; padding-top: 13px; background-image: url(../images/pagination.png); background-position: 0 0; float: left; overflow: hidden; } .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position: 0 -13px } .slidesjs-pagination li a:hover { background-position: 0 -26px } #slides a:link, #slides a:visited { color: #333 } #slides a:hover, #slides a:active { color: #9e2020 } .image_slider { height: 500px; } .titre_description { font-size: 24px; color: #CA5140; margin-bottom: 20px } .description_slider { font-size: 18px; height: 100%; max-height: 500px; text-align: left; padding-top: 20px; } .listing_ville.description { margin-top: 20px } .annonce_bien div.img1 { /* width: 465px; height: 310px;*/ } @media (max-width: 1200px) { .container_logo_footer{ text-align: center; } .container_logo_footer img{ margin: auto; } .image_slider { height: 430px; } .titre_description { font-size: 22px; } .description_slider { font-size: 17px; } .annonce_bien div.img1 { /* width: 375px;*/ height: 250px; } } @media (max-width: 992px) { #body_accueil #recherche_rapide { background-color: #EDEBEB; } #enteteRecherche #recherche_rapide { position: relative; bottom: inherit; } .logo_header { max-width: 100%; padding: 0; } #nav_langue button { padding-left: 10px; } #dropdownMenu1 .glyphicon { margin-left: 2px; } .sm-hidden { display: none; } .annonce_bien div.img1 { /* width: 345px; height: 260px;*/ } .image_slider { height: 335px; } .titre_description { font-size: 20px; margin-bottom: 0 } .description_slider { font-size: 17px; } .listing_ville.description { margin-top: 5px; } } @media (max-width: 767px) { .xs-hidden { display: none !important; } .bloc_description_prix { display: block; } #coordonnees_footer { text-align: left; padding-right: 15px; border-right: 0; } #coordonnees_footer:last-child { padding-left: 10px } .border-footer { max-width: 240px; width: 100%; height: 1px; background: #CCCCCC; float: left; margin-left: 10px; margin: 30px 0 15px; } /*.image_slider{ height: inherit; } .description_slider{ font-size: 15px; } .slidesjs-container, .image_slider, .slidesjs-control{ min-height: 290px!important; }*/ } .annonce_bien div.img1 { /*width: 100%;*/ } /*FIN SLIDE*/ .label_mandat, .gestion_bien td { border: 1px solid black; color: #969696; font-weight: normal; padding: 8px; width: 150px; } .label_mandat, .gestion_bien td { border: 1px solid black; color: #969696; font-weight: normal; padding: 8px; width: 150px; } .gestion_bien, .gestion_bien textarea { font-size: 15px; } .gestion_bien input[type="text"] { height: 35px; width: 227px; padding: 5px; font-size: 14px; } .gestion_bien .menu_details a { padding: 5px 15px; border: solid 1px gray; cursor: pointer; font-size: 18px; } .gestion_bien .menu_details a.selected { /*color: black;*/ } .gestion_bien .selectbox_small { width: 50%; margin: 5px; } .black { color: black; } .vv_detail, .vv_cc{ border-radius: 50%; overflow: hidden; } .cc_wrapper .controls{ position: relative; top:100px; cursor: pointer; } .cc_wrapper .controls .prev, .cc_wrapper .controls .next{ position: absolute; width: 40px; } .cc_wrapper .controls .prev{ left:-50px; } .cc_wrapper .controls .next{ right:-50px; } .navbar-default .navbar-toggle { border-color: #ffffff; margin-top: 5px; margin-bottom: 15px; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #211d20; borfder-color: #89b1cd; } .navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar{ backfground-color: #89b1cd; } #container_header_top{ position: absolute; width:100%; z-index: 3; background: none; } #container_header .navbar{ margin-right:0; padding-top: 0; margin-top: 30px; } #dropdownMenu1 img { float: left; } #dropdownMenu1 .glyphicon { float: left; color: #CCCCCC; font-size: 11px; margin-left: 8px; } #nav_langue .dropdown-menu { width: 50px; min-width: 46px; } #nav_langue .dropdown-menu li { margin-left: 5px; } #container_header nav ul li a{ padding-top: 10px; } .listeCaracteristiques span.black{ float: right; } #container_header .containerLogoHeader.center_mobi { margin-top: 26px; } #estimation { padding: 40px 0; } #estimation .form-control { margin-bottom: 20px; } @media (max-width: 430px) { #container_header .containerLogoHeader.center_mobi { margin-top: 50px; } } @media (max-width: 370px) { #nav_langue button { padding-left: 0px; } }