/* @override http://www.versionbeta44.com/css/style.css http://marianne.lopez.versionbeta5.com/css/style.css http://jose.dupond.versionbeta5.com/css/style.css http://www.devr8.com/css/style.css */ /* ========================================================================== ADAPTIMMO NEW R4 RESPONSIVE (Based on HTML5 Boilerplate) ========================================================================== */ html,button,input,select,textarea { color: #222; } body { } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle;} fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* // ========================================== \\ || || || I. GENERAL || || || \\ ========================================== // */ .alert-cookies {background: rgba(242, 105, 99, 0.9) !important;} html { font-smooth: always;} body {background-color: #fff; font: 13px/1.5em 'LatoRegular', Arial, sans-serif; color: #333;} #global {top: 0; overflow: hidden; width: 100%; position: relative;} .superslides {z-index: -1; position: fixed !important; top: 0;} .page-top {position: relative; min-height: 100%; margin: 0 auto; padding-bottom: 70px;} .page-bottom { position: absolute; width: 100%;} .bg-header { position: absolute; height:150px; width: 100%; z-index: 0; background: #f5f5f5 url('../images/bg-header-pages.jpg') no-repeat 0 center; background-size: cover; } .home .bg-header{display: none;} /* -- Bg Video FullSize */ #video-bg { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; background: #fff; height: calc(100% - 75px); } #video-bg > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0 !important; } #video-bg.alpha > video { /*opacity: 0.6 !important;*/ } /* 1. No object-fit support: */ @media (min-aspect-ratio: 16/10) { #video-bg > video {height: 300%; top: -100%;} } @media (max-aspect-ratio: 16/10) { #video-bg > video {width: 300%; left: -100%;} } /* 2. If supporting object-fit, overriding (1): */ @supports (object-fit: cover) { #video-bg > video {top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} } /* Home Intro */ #home-intro {width: 100%;height: 100vh; } #home-intro .wrapper {max-width: 1005px;} /*-- Lato --*/ @font-face { font-family: 'LatoLight'; src: url('webfonts/Lato-Lig-webfont.woff') format('woff'); src: url('webfonts/Lato-Lig-webfont.eot'); src: url('webfonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Lig-webfont.ttf') format('truetype'), url('webfonts/Lato-Lig-webfont.svg#LatoLight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoRegular'; src: url('webfonts/Lato-Reg-webfont.woff') format('woff'); src: url('webfonts/Lato-Reg-webfont.eot'); src: url('webfonts/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Reg-webfont.ttf') format('truetype'), url('webfonts/Lato-Reg-webfont.svg#LatoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoItalic'; src: url('webfonts/Lato-RegIta-webfont.woff') format('woff'); src: url('webfonts/Lato-RegIta-webfont.eot'); src: url('webfonts/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-RegIta-webfont.ttf') format('truetype'), url('webfonts/Lato-RegIta-webfont.svg#LatoItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBold'; src: url('webfonts/Lato-Bol-webfont.woff') format('woff'); src: url('webfonts/Lato-Bol-webfont.eot'); src: url('webfonts/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Bol-webfont.ttf') format('truetype'), url('webfonts/Lato-Bol-webfont.svg#LatoBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'LatoBlack'; src: url('webfonts/Lato-Bla-webfont.woff') format('woff'); src: url('webfonts/Lato-Bla-webfont.eot'); src: url('webfonts/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/Lato-Bla-webfont.ttf') format('truetype'), url('webfonts/Lato-Bla-webfont.svg#LatoBlack') format('svg'); font-weight: normal; font-style: normal; } /* 1.2 Hierarchie de titres ----------------------------------------------------------------------------------------------------*/ /* Reset des titres pour le ref */ h1,h2,h3,h4,h5,h6 {/* font-size: 1em;*/ font: inherit; margin: 0; padding: 0; text-rendering: optimizelegibility;} /* Reset List */ .nolist ul, .nolist ul li, ul.nolist, ul.nolist li{margin:0; padding: 0; list-style: none;} .heading1 {color: #203C54; font: 2.1em 'LatoBold', Helvetica, Arial, sans-serif; line-height: 1.23em; margin-top: 15px;} .heading2 {color: #f26963; font: 1.5em/1.231em 'LatoLight', Helvetica, Arial, sans-serif;} .heading2bis {color: #203C54; font: 1.5em/1.231em 'LatoLight', Helvetica, Arial, sans-serif;} .heading3 {color: #656565; font: 1.4em/1.231em 'LatoLight', Helvetica, Arial, sans-serif; letter-spacing: .1em; } .heading3bis {color: #f26963; font: 1.5em/1.231em 'LatoLight', Helvetica, Arial, sans-serif;} .heading4 {color: #4a4a4a; font: 1.1em/1.231em 'LatoBold', Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: .15em;} .heading5 {color: #353535; font: 1em/1.231em 'LatoBold', Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 1em 0;} .heading6 {color: #999797; font: 1em/1.231em 'LatoRegular', Helvetica, Arial, sans-serif; text-transform: uppercase; margin-bottom: 20px} .smaller {font-size: 0.9em;} p {color: #232d32; margin: .7em 0 1em; font-size: 1.1em;} p strong {font-family: 'LatoBold', arial, sans-serif;} .prestations .leftside-page p {text-align: justify;} menu, ol, ul {padding: 0 0 0 20px;} .page-container li {list-style-type: none; list-style-image: url(/images/puce-li.png); font-size: 1.1em; /*font-size: .8em;*/} .page-container li strong {font-family: 'LatoBold', arial, sans-serif;} .ref-page-arbo-content .heading5 { color: #53779C; margin-bottom: 10px;} .recrutement-conseiller .heading3bis, .agence .heading3bis {margin: 30px 0;} .recrutement-conseiller #content ul li, .agence #content ul li {margin: 0 0 10px;} .recrutement-conseiller .main-menu ul li, .agence .main-menu ul li {margin: 0;} .heading2bis .heading3bis {font-size: 1em;} /* Page Header */ .page-container header hr { border-top: 6px solid #f26963; width: 100px; margin: 20px 0 35px; text-align: left; } /* 1.3 Jquery UI ----------------------------------------------------------------------------------------------------*/ /* Dialog */ #DialogFriend, .DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo, #DialogDetailContact, #DialogReserv{width: 600px; } #DialogCalc, #DialogValorisation {width: 800px; font-size: 1em;} #DialogAlertOk, #DialogAlertErr, #DialogFriendOk, #DialogFriendErr {width:400px;} /* Assombrissement */ .ui-widget-overlay {background: #000 !important; opacity: 0.7 !important;} .ui-dialog {padding: 1%; background: #fff !important; border-radius: 0 !important; box-shadow: 0 0 20px rgba(0,0,0,0.4); max-height: 90% !important; max-width: 90% !important; overflow-y: scroll !important;} .ui-widget-content {border:none !important; color:#4a4a4a;} .ui-dialog .form-critere {margin-bottom: 5px; font-size: 12px;} /* Header de la box */ .ui-widget-header {background:none; border:none !important;} .ui-dialog-titlebar {padding-bottom: 10px !important; margin-bottom: 5px !important; border-bottom: 1px solid rgba(101, 101, 101, 0.3) !important; border-radius: 0 !important; color:#4a4a4a !important; font: .75em/1em Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .15em;} .ui-dialog-content {font-size: .8em;} /* Footer de la box */ .ui-dialog-buttonpane{ background-image: none !important; background-color: transparent !important;} /* Dialog Share box */ #DialogFriend, .DialogFriend{width: 600px; background: url('/images/share-ill.png') no-repeat left bottom !important; } .dialog-share{ float: left; width: 31%;} .dialog-send { float: left; width: 50%;} .dialog-or { float: left; width: 5%; margin: 7% 7% 4% 5%; } .dialog-or span{ display: inline-block; *display:inline; *zoom:1; background: #bfbfbf; color: #FFF; width: 40px; height: 40px; text-align: center; line-height: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .dialog-share-title, .dialog-send-title { border-bottom: 3px solid #eaeaea; padding: 10px 0 15px; text-align: left; color: #f26963;font: 1.5em/1em 'LatoRegular', Helvetica, Arial, sans-serif; margin-bottom: 10px;display: inline-block; *display:inline; *zoom:1; } .dialog-share .social-menu{text-align: left;} /* 1.4 Couleurs ----------------------------------------------------------------------------------------------------*/ .black-color {color: #000;} .dark-grey-color {color: #232d32;} .medium-grey-color {color: #616060;} .light-grey-color {color: #838383;} .white-color {color: #fff;} .color1 {color: #f26963;} .color2 {color: #9d0e34;} /* 1.5 Boutons ----------------------------------------------------------------------------------------------------*/ /* Bouton avec contour + texte couleur principale */ a.simple-btn, span.simple-btn{ border: 1px solid #f26963; font: 0.95em "LatoBold", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; padding: 15px 20px; color: #f26963; display: inline-block; *display:inline; *zoom:1; text-decoration: none !important;-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.simple-btn:hover, span.simple-btn:hover{ text-decoration: none; background-color: #f26963; color: #FFF; } /* Bouton avec applat de couleur + hover gris*/ a.simple-btn.color-btn, span.simple-btn.color-btn{border: none;color: #fff; background-color: #f26963; } a.simple-btn.color-btn:hover, span.simple-btn.color-btn:hover{background-color: #203C54; color: #fff;} /* Bouton avec contour blanc + texte blanc (negatif) */ a.simple-btn.white-btn, span.simple-btn.white-btn{border: 1px solid #fff;color: #fff;} a.simple-btn.white-btn:hover, span.simple-btn.white-btn:hover{background-color: #fff; color:#f26963;} /* Bouton avec contour gris + texte gris (negatif) */ a.simple-btn.gray-btn, span.simple-btn.gray-btn{border: 1px solid #d5d5d5;color: #3d3d3d;} a.simple-btn.gray-btn:hover, span.simple-btn.gray-btn:hover{background-color: #3d3d3d; color:#fff;} /* Bouton avec contour bleu + texte bleu (negatif) */ a.simple-btn.blue-btn, span.simple-btn.blue-btn{border: 1px solid #203C54;color: #203C54;} a.simple-btn.blue-btn:hover, span.simple-btn.blue-btn:hover{background-color: #203C54; color:#fff;} /* // ========================================== \\ || || || II. HEADER || || || \\ ========================================== // */ /* ========================================================================== 2.1 HEADER ========================================================================== */ .header-top {height: 140px; padding: 0 3%; /*background: url('/images/bg-black60.png');*/} .home .header-top {height: 223px; background: none; background: -moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */ } .header-bottom {display: none;} #header-logo {width: 145px; height: 125px; display: inline-block; *display: inline; *zoom: 1; float: left; margin-top: 8px; position: relative;} .home #header-logo {width: 175px; height: 150px; margin-top: 30px; margin-left: 20px;} #header-logo a {display: block; background-repeat: no-repeat; background-color: transparent; background-image: url(/images/logo.png); background-image: -webkit-image-set(url(/images/logo.png) 1x, url(/images/logo@2x.png) 2x); background-image: image-set("/images/logo.png" 1x, "/images/logo@2x.png" 2x); } #header-logo a {background-size: 145px auto; -webkit-background-size: 145px auto; width: 145px; height: 125px;} .home #header-logo a {background-size: 175px auto; -webkit-background-size: 175px auto; width: 175px; height: 150px;} .slogan {width: 250px; height: 26px; position: absolute; bottom: 50px; left: 170px; background: transparent no-repeat; background-image: url(/images/slogan.png); background-image: -webkit-image-set(url(/images/slogan.png) 1x, url(/images/slogan@2x.png) 2x); background-image: image-set("/images/slogan.png" 1x, "/images/slogan@2x.png" 2x); background-size: 250px auto; -webkit-background-size: 250px auto; } .home .slogan {/*bottom: -40px; left: -30px;*/ display: none; visibility: hidden;} .header-content{float: right; text-align: right; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom; margin-top: 40px;} .home .header-content{margin-top: 0;} /*-- Ref --*/ .header-ref-h1 {height: 18px; line-height: 18px; padding: 4px 0 0 0; font-size: 85%; font-weight: bold; text-align: right; white-space: nowrap; overflow:hidden; color: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .header-ref-h1, .header-ref-h1 table{ color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);opacity: 0.5; position: absolute; width: 100%; } } .header-ref-h1 h1, .header-ref-h1 span {margin: 0; display: inline; font-size: 0.8em;} .header-ref-h1 a:link, header-ref-h1 a:visited {color: #606060;} /* AffTableau Défilant */ .header-ref-h1 ul {display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; overflow: hidden; position: relative;} .header-ref-h1 ul li {display: block; position:absolute; top:0; left:0; height:100%; white-space: nowrap; } .header-ref-h2 {height: 57px; position:absolute; top: 22px; left: 330px; color: #fff; overflow: hidden;} .header-ref-h2 h2 {font-size: 10px; margin:0;} .home .header-ref-h2 {height: 60px; top: 150px; left: 10px;} /* 2.1.1 Menu top ----------------------------------------------------------------------------------------------------*/ /*-- Menu de base --*/ .header-menu {font: 130%/1.4em 'LatoBold', Helvetica, Arial, sans-serif; float: right; margin-top: 15px; /*-webkit-text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);*/} .home .header-menu {margin-top: 60px;} .header-menu ul {margin:0; padding: 0; text-align: right; } .header-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .header-menu li a:link, .header-menu li a:visited {color: #203c54; text-decoration: none; letter-spacing: 0.02em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0 2px 15px; margin: 0 8px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .header-menu li a:hover, .header-menu li a:active, .header-menu li a.current {text-decoration: none; border-bottom: 4px solid #f26963; } .header-menu li:first-child a {margin-left: 0;} .header-menu li.last-link a {margin-right: 0;} /*.home .header-menu li.home-btn {display: none;}*/ /*-- Menu Responsive --*/ #nav .block {z-index: 2; position: relative} #nav .close-btn {display: none; } .nav-btn {display: none; width: 44px; height: 44px; position: absolute; z-index:10; top: 26px; right: 15px; padding: 0; border: 0; outline: none; overflow: hidden; white-space: nowrap; text-indent: 100%; background: transparent left center no-repeat; background-image: url(/images/ico-menu.png); background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x); background-image: image-set("/images/ico-menu.png" 1x, "/images/ico-menu@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .search-responsive-btn, .offers-responsive-btn {display: none; width: 44px; height: 44px; position: absolute; z-index:10; top: 26px; right: 65px; padding: 0; border: 0; outline: none; overflow: hidden; white-space: nowrap; text-indent: 100%; background: transparent left center no-repeat; background-image: url(/images/ico-menu-search.png); background-image: -webkit-image-set(url(/images/ico-menu-search.png) 1x, url(/images/ico-menu-search@2x.png) 2x); background-image: image-set("/images/ico-menu-search.png" 1x, "/images/ico-menu-search@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #nav a.close-btn:hover, #nav a.close-btn:active, a.nav-btn:hover, a.nav-btn:active {background-color: transparent;} .close-btn {display: block; width: 45px; height: 45px; margin: 0; padding: 0 !important; border: 0; outline: none; overflow: hidden; white-space: nowrap; text-indent: 100%; background: transparent left center no-repeat; background-image: url(/images/ico-close-menu.png); background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x); background-image: image-set("/images/ico-close-menu.png" 1x, "/images/ico-close-menu@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*-- Menu deroulant --*/ .sf-menu ul {position: absolute; top:-999em; width: 190px; z-index: 100000;} .sf-menu ul li {display: block; width: 100%; text-align: left; /* height: auto; */ height: 43px;} .sf-menu li:hover {visibility: inherit; } .sf-menu li {position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: 0; top: 48px; z-index: 100000; background: #fff; box-shadow: 0 0 4px rgba(0,0,0,.3);} .sf-menu.menu-top li:hover ul, .sf-menu.menu-top li.sfHover ul {top: 52px; width: 210px;} .sf-menu li.sfHover ul::before {height: 16px; width: 20px; display: block; content: " - ";font-size: 0; background: url('../images/bg-arrow-submenu.png') no-repeat 12% 11px ; top: -16px; position: absolute; margin-left: 45%;} ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top: -999em;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left: 10em; top: 0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left: 180px; top: 0;} .sf-menu ul li a:link, .sf-menu ul li a:visited {background: none; color: #203c54; font-family: 'LatoRegular', Arial, sans-serif !important; border-bottom: 1px solid #f26963; display: block; width: 92%; height: 30px; line-height: 30px; vertical-align: middle; padding: 6px 0 6px 8% !important; margin: 0 !important; text-transform: none; letter-spacing: 0; font-size: 13px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .sf-menu ul li a:hover {background-color: #fff; color: #f26963;} .sf-menu ul li.last a {border-bottom: none;} /* Twolines */ .sf-menu ul li.twolines {height: auto;} .sf-menu ul li.twolines a:link, .sf-menu ul li.twolines a:visited {min-height: 30px; height: auto;} /*-- Main Menu ( menu de couleur) --*/ /*-- On masque le main menu dans le block responsive qu'on affichera en mediaqueries --*/ .main-menu-responsive {display: none;} .main-menu ul, .main-menu li{list-style: none; margin: 0; padding: 0;} .main-menu {background-color: #203c54; color: #FFF; text-align: center; width: 100%; display: table; position: relative; border-bottom: 4px solid #f26963;} .home .main-menu {position: fixed; bottom: 0; z-index: 15;} .main-menu ul{display: table-row; width: 100%;} .main-menu li {display: table-cell; min-width: 100px; vertical-align: top; } .main-menu li a{display: inline-block; *display:inline; *zoom:1;font: 1.5em 'LatoBold', Arial, Helvetica, sans-serif; color: #FFF; text-decoration: none; padding: 25px 0; width: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .home .main-menu li a{ padding: 25px 0; width: 100%;} .main-menu li a:hover, .main-menu li a.current, .main-menu li.sfHover a{background-color: #f26963;} /* Bulle gratuit */ .bulle-gratuit{width: 60px; height: 60px; display: inline-block; *display:inline; *zoom:1; background-repeat: no-repeat;} .fr .bulle-gratuit{background-image: url(/img_fr/bulle-gratuit.png); background-image: -webkit-image-set(url(/img_fr/bulle-gratuit.png) 1x, url(/img_fr/bulle-gratuit@2x.png) 2x); background-image: image-set("/img_fr/bulle-gratuit.png" 1x, "/img_fr/bulle-gratuit@2x.png" 2x);} .home .main-menu .bulle-gratuit{position: absolute; right: 20px; top: -40px; display: block;} .main-menu .bulle-gratuit{display: none;} /* Bulle Nouveau */ .bulle-nouveau{width: 66px; height: 60px; display: inline-block; *display:inline; *zoom:1; background-repeat: no-repeat;} .fr .bulle-nouveau{background-image: url(/img_fr/bulle-nouveau.png); background-image: -webkit-image-set(url(/img_fr/bulle-nouveau.png) 1x, url(/img_fr/bulle-nouveau@2x.png) 2x); background-image: image-set("/img_fr/bulle-nouveau.png" 1x, "/img_fr/bulle-nouveau@2x.png" 2x);} .home .main-menu .bulle-nouveau{position: absolute; right: 20px; top: -40px; display: block;} .main-menu .bulle-nouveau{/*display: none;*/ position: absolute; right: -15px; top: -35px; display: block;} /* Main menu Submenu */ .main-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 76px; } .main-menu .sf-menu li ul li a:hover {background: #fff !important; color: #f26963;} /* Main menu Submenu Home (sous menu passe au dessus) */ .home .main-menu .sf-menu li:hover ul, .home .main-menu .sf-menu li.sfHover ul {top: inherit; bottom: 72px; } .home .main-menu .sf-menu li.sfHover ul::before {display: none;} .home .main-menu .sf-menu li.sfHover .bulle-gratuit, .home .main-menu .sf-menu li.sfHover .bulle-nouveau{display: none;} /*-- Langues --*/ .header-menu li.deroulant-lang {display: none; visibility: hidden; /*border-left: 1px dotted rgba(255, 255, 255, 0.48); padding-left: 20px; margin-left: 20px;*/} .deroulant-lang ul{ left: 10px !important; width: 55px !important;} .deroulant-lang a.current-lang{ display: inline-block; *display:inline; *zoom:1; padding: 0 !important; margin: 0 !important; width: 40px; height: 20px; background-image: url(/images/current-lang.png); background-image: -webkit-image-set(url(/images/current-lang.png) 1x, url(/images/current-lang@2x.png) 2x); background-image: image-set("/images/current-lang.png" 1x, "/images/current-lang@2x.png" 2x); background-repeat: no-repeat; } a.current-lang:hover{ border: none !important;} .fr a.current-lang{ background-position: 0px 0px; } .uk a.current-lang{ background-position: 0px -20px;} /*-- Little Menu ( menu sur le coté) --*/ .little-menu {position: fixed;color: #FFF; right: 0; top: 350px;width: 60px; z-index: 10; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; padding-top: 10px; background: url('../images/bg-black60.png'); } .home .little-menu {top:170px;} .little-menu li{text-align: center;} .little-menu li a{color: #FFF; text-decoration: none;} .little-menu li .little-menu-txt{ position: absolute; display: none; white-space: nowrap; font-size: 0.9em; color: #FFF; padding: 2px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; right: 70px; background: url('../images/bg-black70.png'); margin-top: 10px; } .little-menu li:hover .little-menu-txt{ display: inline-block; *display:inline; *zoom:1; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; right: 65px;} .little-menu li .little-menu-ico{display: inline-block; *display:inline; *zoom:1;height: 40px; width: 40px; background-image: url(/images/ico-little-menu.png); background-image: -webkit-image-set(url(/images/ico-little-menu.png) 1x, url(/images/ico-little-menu@2x.png) 2x); background-image: image-set("/images/ico-little-menu.png" 1x, "/images/ico-little-menu@2x.png" 2x); background-repeat: no-repeat; cursor: pointer;} /* Icones */ .little-menu-ico.little-select {background-position: center 5px;} .little-menu-ico.little-search {background-position: center -45px;} .little-menu-ico.little-mya {background-position: center -95px;} .little-menu-ico.little-fav {background-position: center -150px;} /* Notification */ .notif-nb {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 16px; height: 16px; text-align: center; background-color: #f26963; line-height: 16px; font-size: 0.8em; position: relative; right: -15px;-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .maselection a .notif-nb{color: #fff; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .maselection a:hover .notif-nb{color: #fff; text-decoration: none; background-color: #203c54;} /* Selection Nb dans le menu responsive */ .main-menu-responsive .notif-nb {right: 0px;} /* // ========================================== \\ || || || III. SIDEBAR || || || \\ ========================================== // */ /* 3.1 Side Bar ----------------------------------------------------------------------------------------------------*/ /* 3.1 Bulle en savoir pus : page standard ----------------------------------------------------------------------------------------------------*/ a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent no-repeat 0 0; background-image: url(/img_fr/bulle-en-savoir-plus.png); background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x); background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x); } a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px; background-image: url(/img_fr/bulle-en-savoir-plus.png); background-image: -webkit-image-set(url(/img_fr/bulle-en-savoir-plus.png) 1x, url(/img_fr/bulle-en-savoir-plus@2x.png) 2x); background-image: image-set("/img_fr/bulle-en-savoir-plus.png" 1x, "/img_fr/bulle-en-savoir-plus@2x.png" 2x); } .uk a.bulle-en-savoir-plus {width: 78px; height: 86px; display: block; position: absolute; top: -40px; right: -28px; text-indent: -999999px; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent no-repeat 0 0; background-image: url(/img_uk/bulle-en-savoir-plus.png); background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x); background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x); } .uk a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active { background: transparent no-repeat 0 -86px; background-image: url(/img_uk/bulle-en-savoir-plus.png); background-image: -webkit-image-set(url(/img_uk/bulle-en-savoir-plus.png) 1x, url(/img_uk/bulle-en-savoir-plus@2x.png) 2x); background-image: image-set("/img_uk/bulle-en-savoir-plus.png" 1x, "/img_uk/bulle-en-savoir-plus@2x.png" 2x); } /* 3.2 Page minisite ----------------------------------------------------------------------------------------------------*/ .minisite .illustration-aside img {width: 100%;} .agent-slogan {margin-top: 10px; font-size: 1.1em;} .agent-slogan ul {margin-top: 0; padding-left: 0;} .agent-slogan li {list-style: none;} .agent-name { font: 1.3em 'LatoBold', Arial, sans-serif !important; margin-top: 15px; } .agent-boutons li {padding: 5px 0 !important;} .agent-boutons li a{width: 60%; text-align: center;} .contact-minisite .agent-contact{ display: none;} /* Header agent ( bandeau de la page liste) */ .header-agent { padding: 10px; border: 2px solid #e9e9e9; margin-bottom: 20px; background: #f5f5f5 url('../images/bg-texture.png') ; } .header-agent .illustration-aside { float: left;display: inline-block; *display:inline; *zoom:1; width: 20%; margin-left: 2%; text-align: center; } .header-agent .illustration-aside img {width: 100%; max-width: 180px; border: 3px solid #fff;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); } .header-agent .agent-slogan-content {display: inline-block; *display:inline; *zoom:1; float: left; width: 68%; margin-left: 5%;} .header-agent .agent-boutons a{font-size: 0.85em; width: inherit;} .header-agent .agent-boutons .agent-offers{display: none;} /* // ========================================== \\ || || || IV. CONTENT || || || \\ ========================================== // */ /* ========================================================================== 4.1 CONTENEUR CENTRAL ========================================================================== */ .wrapper{ width: 98%; margin: 0px auto; max-width: 1100px;} #content { background: url('/images/bg-white90.png') rgba(255, 255, 255, 0.73); } .home #content { background: none; } .page-container {padding: 30px 10% 50px 4%; min-height: 800px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Page de contenu full */ .page-container-bg{width: 95%; margin: 0px auto;} /* Contenu de 100% */ .full-page {width: 100%;} /* Fullscreen separe en 2 */ .home .leftside-content {float: none; padding-left: 0;} .full-content {width: 100%;} .leftside-content {float: left; width: 25%;} .liste .leftside-content {background: url('../images/bg-texture.png') repeat;} .liste .top-liste .leftside-content {background-image: none;} .rightside-content {float: right; width: 75%;} /* */ /* Page separee en 2 */ .leftside-page {width: 60%; float: left; margin-top: 30px; padding-right: 5%;} .rightside-page {width: 30%; float: right; padding-left: 5%;margin-top: 30px;} /* Recrutement */ .recrutement .leftside-page {width: 50%; margin-top: 0;} .recrutement .rightside-page {width: 40%; margin-top: 0;} /* Agence */ .agence .leftside-page {width: 50%; padding: 0; margin-top: 0;} .agence .rightside-page {width: 45%; padding: 0; margin-top: 0;} /* Pictox tel et fax */ .coordonnees div.ico-tel, .coordonnees div.ico-fax {width: 14px; height: 18px; display: inline-block; *display: inline; *zoom: 1; margin-right: 6px; vertical-align: bottom; background-image: url(/images/ico-adresse.png); background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x); background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x); } .coordonnees div.ico-tel {background-position: 0 -18px;} .coordonnees div.ico-fax {background-position: -14px -18px;} .coordonnees hr {border-top: 4px solid #cccccc; width: 50%; text-align: left; margin: 0; } .coordonnees .infos_bulle img {margin: 10px 0 20px;} /* ========================================================================== 4.2 MODE LISTE ========================================================================== */ /* 4.2.01 Titre de page ----------------------------------------------------------------------------------------------------*/ .liste-title { color: #999797; text-transform: uppercase; font: 0.9em 'LatoBold', Arial, sans-serif; margin-bottom: 10px; } .liste .page-container-bg {margin-top: 0;} .top-liste{ background-color: #e7e7e7; } /* 4.2.1 Alerte E-mail ----------------------------------------------------------------------------------------------------*/ .liste-create-alert { padding: 20px 10% 20px 2%; background: url('../images/dot-seperator.png') no-repeat left center; } .liste-create-alert-img { background-repeat: no-repeat; width: 59px; height: 46px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; left: 2%; top: 10px; background-image: url(/images/alerte-mail.png); background-image: -webkit-image-set(url(/images/alerte-mail.png) 1x, url(/images/alerte-mail@2x.png) 2x); background-image: image-set("/images/alerte-mail.png" 1x, "/images/alerte-mail@2x.png" 2x); } .liste-create-alert-content {width: 63%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; color: #203C54; } .liste-create-alert-content .heading1 {color: #203C54; display: block; font: 1.5em 'LatoBold', Arial, sans-serif; } .liste-create-alert-content-input {width: 35%; margin-left: 0; display: inline-block; *display: inline; *zoom: 1; position: relative; text-align: right; float: right; } input.input-text-alerte-mail {height: 37px; border: 1px solid #c0c1c2; width: 75%; padding: 0 5px; margin: 0 !important; line-height: auto !important; } input.submit-classique.form-submit-alerte-mail {height: 39px !important; width: 10%; padding: 0 !important; text-align: center; vertical-align: top;background-color: #f26963 !important; min-width: 39px; } /* 4.2.2 Liste container top : nb liens, tri et mode affichage ----------------------------------------------------------------------------------------------------*/ .liste-container { min-height: 621px;} /* Nombre de biens */ .liste-display-all-nb { padding: 20px 10%; max-height: 30px;color: #a9a9a9;text-align: center;} .liste-display-all-nb .heading1{ background-image: url(/images/ico-glass.png); background-image: -webkit-image-set(url(/images/ico-glass.png) 1x, url(/images/ico-glass@2x.png) 2x); background-image: image-set("/images/ico-glass.png" 1x, "/images/ico-glass@2x.png" 2x); background-repeat: no-repeat; background-position: center left; padding-left: 35px; padding-top: 5px; color: #203C54;display: inline-block; *display:inline; *zoom:1; text-align: left; font-size: 1.8em; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; padding-bottom: 5px; } .liste-display-all-nb .NbBien {color: #203C54;} /* Display boutons */ .display-btn {margin: 0 0 20px;} /* Tri */ .filters-container {margin-left: 10px; height: 34px; float: right;} .filters-content { font-size: 0.9em; } .filters-content ul {margin: 0; padding: 0; list-style: none; text-align: right; } .filters-content li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited {display: block; margin-left: 16px; padding: 10px 12px 8px; background: #203c54; cursor: pointer; color: #fff; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .filters-content li:hover span.sort-liste, .filters-content li span.sort-liste.active-sort, .filters-content li:active span.sort-liste, .filters-content li:hover span.sort-liste a, .filters-content li:active.sort-liste a, li.mode-affichage:hover, li.mode-affichage:active, li.mode-affichage.active-mode { color:#fff; background: #4C6277; } /* Mode d affichage */ .select-mode-affichage {float:left; width: 60%; } .select-mode-affichage ul {margin: 0; padding: 0;} .select-mode-affichage p, .select-mode-affichage ul {display: inline-block; *display:inline; *zoom:1; font-size: 0.9em; color: #6e6e6e; } .select-mode-affichage p{line-height: 35px; margin: 0;float: left;} li.mode-affichage {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 10px; padding: 7px 12px 8px; width: 23px; background: #203c54; cursor: pointer; color:#cdcdcd; text-decoration: none; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .select-mode-affichage li span.mode-img-infos, .select-mode-affichage li span.mode-img, .select-mode-affichage li span.mode-map {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 21px; height: 15px; background-repeat: no-repeat; background-image: url(/images/btn-mode-liste.png); background-image: -webkit-image-set(url(/images/btn-mode-liste.png) 1x, url(/images/btn-mode-liste@2x.png) 2x); background-image: image-set("/images/btn-mode-liste.png" 1x, "/images/btn-mode-liste@2x.png" 2x);} .mode-img-infos {background-position: -9px -13px} .mode-img {background-position: -9px 2px;} .mode-map {background-position: -9px -29px;} /* 4.2.3 Liste container top : Liste de biens et de programmes neufs ----------------------------------------------------------------------------------------------------*/ .liste-display-all {position: relative; text-align: center; min-height:400px;} /* ON AJOUTE LA CLASS MODE-2 A LA LISTE QUI AFFICHE LES VIGNETTES */ .liste-bien-container {width: 99%; text-align: left; background-color: #fff; padding: 10px 0 10px 1%; margin-bottom:15px; border: 1px solid #eeeeee; } .liste-bien-container:nth-child(odd) {margin-right: 3%;} /* Emulation du odd/even sur IE7/8 (de merde) */ .lt-ie9 .liste-bien-container:first-child, .lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container, .lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container, .lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container, .lt-ie9 .liste-bien-container:first-child + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container + .liste-bien-container{ margin-right: 3%; } /* .bg-liste-shadow, .bg-liste-minisite {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 0 -1px !important; height: 15px !important; width: 100%; margin-bottom: 9px; display: ; }*/ /* 4.2.4 Affichage des images ----------------------------------------------------------------------------------------------------*/ .liste-bien-photo {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48%; overflow: hidden; position: relative;} .liste-bien-photo img {width: 100%; height: auto;} .liste-bien-photo img.anti-cheat {position: absolute; z-index: 960; width: 100%; height: 100%;} .liste-bien-photo-frame {width: 100%; height: 100%; background-color: #2f2f2f; } .liste-bien-photo-frame a {display: block; width: 100%; height: 100%; position: relative;} .liste-bien-photo-frame a:hover, .liste-bien-photo-frame a:active {background-color: transparent;} .liste-bien-photo a .ico-loupe { background: url('../images/ico-loupe-liste.png') 50% -70% no-repeat transparent; width: 30px; height: 30px;display: inline-block; *display:inline; *zoom:1; position: absolute; width: 100%; height: 100%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .liste-bien-photo a:hover .ico-loupe {background: transparent url('../images/ico-loupe-liste.png') no-repeat 50% 50%;} /* -- Programmes neufs -- */ .liste-prog-photo {width: 100%; height: 100%; } .liste-prog-photo.mode-2 {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48%; overflow: hidden;} .liste-prog-photo img {width: 100%; height: auto;} .liste-prog-photo img.anti-cheat {position: absolute; z-index: 960; width: 100%; height: 100%;} .liste-prog-photo-frame {width: 100%; height: 100%; } .liste-prog-photo-frame a {display: block; width: 100%; height: 100%; position: relative;} /* 4.2.5 Affichage des infos textuelles ----------------------------------------------------------------------------------------------------*/ .liste-bien-description{position: relative; width: 48%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: transparent; padding: 1% 1% 1% 2%;} .liste-bien-title {padding: 8% 0 3%; text-align: left;font-size: 1.8em;} .liste-bien-type {font: 0.8em 'LatoBold', Helvetica, Arial, sans-serif !important;line-height: 1.5em;color: #f26963; padding-bottom: 5px; } .liste-bien-ville {font: normal 0.9em 'LatoRegular', Helvetica, Arial, sans-serif;line-height: 1;} .liste-bien-date { font-family: 'LatoBold', Helvetica, Arial, sans-serif; font-style: normal; padding-bottom: 10px;;color: #535353; text-transform: uppercase; letter-spacing: 1px; } .liste-bien-type, .liste-bien-ville {white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .liste-bien-price {font: 110%/1 'LatoBold', Helvetica, Arial, sans-serif; padding: 9px 10px; position: absolute; right: -2%; background-color: #eeeeee; color: #F26963; top: 10px; display: inline-block; *display:inline; *zoom:1; } .extrait-desc { color: #4a4a4a; height: 58px; overflow: hidden;} .liste-bien-offre { line-height: 1; color: #9e9e9e; margin-top: 3.5%;} .liste-bien-description hr {margin: 1px 0 3.5%; width: 30%; text-align: left; border-top: 3px solid #ececec; } /* Boutons */ ul.liste-bien-buttons {padding: 0;} .liste-bien-buttons li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; margin-right: 10px; line-height: 20px; border: 1px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 5px; cursor: pointer; } .liste-bien-buttons li:hover {border: 1px solid #cbc9c9; } .liste-bien-buttons li a, .liste-bien-buttons li span {color: #a2a2a2 !important; text-decoration: none !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } /* Informations specifique au mode-2 ( vignette only) */ .liste-bien-container.mode-2{display: inline-block; width: 48%; vertical-align: top; *display: inline; zoom: 1; margin-bottom: 25px !important; position: relative; padding: 0; min-height: 260px !important; /*overflow: hidden;*/} .mode-2 .liste-bien-photo {width: 100%; height: 100%; position: relative; background: #f26963; text-align: center;} .mode-2 .liste-bien-title {padding: 3% 0; text-align: left;font-size: 1.8em;} .mode-2 .liste-bien-description {width: 95%; position: absolute; bottom:0; left: 0; padding: 0 3% !important; background: transparent url(/images/bg-white70.png) repeat; font-size: 11px !important;} .mode-2 .liste-bien-price {bottom: 15px; top: inherit; right: 10px;} /*-- Ribbons --*/ .liste-bien-ribbon {position: absolute; top: 10px; left: 0;} .liste-bien-ribbon a {display:block; height:100%; /* ribbon cliquable */} .liste-bien-ribbon a:hover, .liste-bien-ribbon a:active {background-color: transparent;} .detail-photo-container .liste-bien-ribbon {position: absolute; top: 20px; left: 0px;} .fr .liste-bien-ribbon {background: transparent no-repeat; width: 120px; height: 90px; background-image: url(/img_fr/bg-ribbons-all.png); background-image: -webkit-image-set(url(/img_fr/bg-ribbons-all.png) 1x, url(/img_fr/bg-ribbons-all@2x.png) 2x); background-image: image-set("/img_fr/bg-ribbons-all.png" 1x, "/img_fr/bg-ribbons-all@2x.png" 2x); } .uk .liste-bien-ribbon {background: transparent url(/img_uk/bg-ribbons-all.png) no-repeat; width: 120px; height: 90px; background-image: url(/img_uk/bg-ribbons-all.png); background-image: -webkit-image-set(url(/img_uk/bg-ribbons-all.png) 1x, url(/img_uk/bg-ribbons-all@2x.png) 2x); background-image: image-set("/img_uk/bg-ribbons-all.png" 1x, "/img_uk/bg-ribbons-all@2x.png" 2x); } .ribbon-nouveau {background-position: 0 -90px !important;} .ribbon-exclu {background-position: 0 -180px !important;} .ribbon-vendu {background-position: 0 -270px !important;} .ribbon-baisse {background-position: 0 -360px !important;} .ribbon-vedette {background-position: 0 -450px !important;} .ribbon-loue {background-position: 0 -540px !important;} /*-- Visite virtuelle --*/ .btn-visite-virtuelle{background: url(/images/ico-visite-virtuelle.png) 10px center no-repeat rgba(255, 255, 255, 0.95); padding: 10px 10px 10px 35px; } .btn-video{background: url(/images/ico-video.png) 5px center no-repeat rgba(255, 255, 255, 0.95); padding: 10px 10px 10px 35px; } .btn-visite-virtuelle a:hover, .btn-video a:hover{text-decoration: none; color: #3e3e3e; } /* Position des boutons visite virtuelle et video */ .liste-bien-container .btn-visite-virtuelle, .liste-bien-container .btn-video{ position: absolute; left: 0; bottom: 0; z-index: 1000;} .liste-bien-container.mode-2 .btn-visite-virtuelle, .liste-bien-container.mode-2 .btn-video{ right: 0; top: 0; left: inherit; bottom: inherit} /*-- Icones Ico Gray & Ico White--*/ .ico-gray { background-image: url(/images/icos-gray.png); background-image: -webkit-image-set(url(/images/icos-gray.png) 1x, url(/images/icos-gray@2x.png) 2x); background-image: image-set("/images/icos-gray.png" 1x, "/images/icos-gray@2x.png" 2x); background-repeat: no-repeat; padding: 5px 0 5px 30px; } .ico-white { background-image: url(/images/icos-white.png); background-image: -webkit-image-set(url(/images/icos-white.png) 1x, url(/images/icos-white@2x.png) 2x); background-image: image-set("/images/icos-white.png" 1x, "/images/icos-white@2x.png" 2x); background-repeat: no-repeat; padding: 5px 0 5px 30px;} .ico-selection {background-position: 0 5px;} .liste-bien-description li.SelectionOff a {background-position: 0 -20px; color: #F26963 !important;} .detail-topnav li.SelectionOff a{background-position: 0 -20px; color: #F26963 !important;} .ico-share {background-position: 0 -46px;} .ico-contact {background-position: 0 -70px;} .ico-print {background-position: 0 -93px;} .ico-delete {background-position: 0 -139px;} .ico-calc {background-position: 0 -116px;} .ico-more {background-position: 0 -190px;} /* 4.2.6 Google map : page liste ----------------------------------------------------------------------------------------------------*/ .liste-map {width: 100%; height: 394px;} .LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 50%; left: 0; width: 100%; height: 100%;} #IfGGMap {border: none; margin-bottom: 40px; margin-top: -394px; position: relative;} #GGMap {width: 100% !important;} /* Bulle avec marker */ .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #f26963;} /* Styles relatifs aux map - MapListeBien et MapListeProg */ #GGMap {width: 100% !important; background: transparent url(/images/loading.gif) no-repeat 50% 50% !important;} .liste-map-message {font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:center; width:600px; margin:0px auto; padding-top: 150px; color: #999;letter-spacing: 1px} .liste-map-message-heading {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #606060; letter-spacing: 2px} .warning-gray {height: 60px; background-image:url(../images/warning-gray.png); background-repeat: no-repeat; background-position: center center;} .ggmap-list-item { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear: both; margin: 5px 0;} ul.gg-map-marker { display:none} .ggmap-list-item-pict {margin: 0 5px 2px 0; float: left;} .ggmap-list-item-pict img {max-width: 80px!important; height: auto;} .ggmap-list-item-content {float: left;} .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #f26963; font-weight: bold;} .ggmap-list-item-coords .ggmap-coords-prix {font-weight: 400 !important; margin-bottom: 5px;} .ggmap-coords-link {color: #fff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: normal !important; font-size: 12px !important; background-color: #f26963; padding: 2px 5px; display: inline-block; margin-top: 2px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .ggmap-coords-link:hover {background-color: #f26963;} .gm-style .gm-style-iw {padding-right: 25px !important;} /* 4.2.7 Navigation page ----------------------------------------------------------------------------------------------------*/ .liste-navpage-container {border-top: #e3e3e2 1px solid; padding-top: 20px; margin: 0; color: #918d86; font: 100%/1 Helvetica, Arial, sans-serif; position: relative; letter-spacing: .1em; clear: both;} .liste-navpage-prev {position: absolute; top:20px; left:0; width:26px; height: 26px; } .liste-navpage-prev span {display: block; height: 100%; } .liste-navpage-next {position: absolute; top:20px; right:0; width:26px; height: 26px; } .liste-navpage-next span {display: block; height: 100%; } .liste-navpage-trail {margin:0 8%; width: 77%; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .liste-navpage-container .PageTri {padding-right: 20px; } .liste-navpage-container .PagePre, .liste-navpage-container .PagePre:hover, .liste-navpage-container .PageSui, .liste-navpage-container .PageSui:hover { background-repeat: no-repeat; background-color: transparent; width: 12px; height: 22px; background-image: url(/images/bg-navpage-button.png); background-image: -webkit-image-set(url(/images/bg-navpage-button.png) 1x, url(/images/bg-navpage-button@2x.png) 2x); background-image: image-set("/images/bg-navpage-button.png" 1x, "/images/bg-navpage-button@2x.png" 2x); } .liste-navpage-container .PagePre {background-position: -33px -2px; cursor: pointer;} .liste-navpage-container .PagePre:hover {background-position: -75px -2px;} .liste-navpage-container .PageSui {background-position: -53px -2px; cursor: pointer;} .liste-navpage-container .PageSui:hover {background-position: -95px -2px;} .liste-navpage-container .PageCli {color:#999797;} .liste-navpage-container .PageCli:hover {color: #f26963; text-decoration: none;} /* Page en cours */ .liste-navpage-container font b {display:inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 26px; height: 28px; line-height: 28px; text-align: center; background: #3d3d3d; color: #fff;} .nav-page-position {margin-right:40px; } /* Mention inter-agence */ .mention-inter-agence, #MentionInterAgence {font: 85%/1 Helvetica, Arial, sans-serif; color: #949089; margin-top: 20px;} .detail #MentionInterAgence {} /* 4.2.8 Page : Ma selection ----------------------------------------------------------------------------------------------------*/ #ListeAnnonce .page-masque {text-align: left;} .ui-effects-transfer{ border: #000 2px dotted; } .buttons .SelectionOff span {color:#888; background-position: 0 -120px; } .selection-actions ul{text-align: right; margin-bottom: 20px; margin-top: -25px; } .selection-actions li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; margin-right: 15px; line-height: 20px; border: 1px solid #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 5px !important; cursor: pointer; margin: 0 10px !important; } .selection-actions li:hover {border: 1px solid #cbc9c9; } .selection-actions li a, .selection-actions li span{padding-left: 30px; color: #494949; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .selection-actions li:hover a:hover, .selection-actions li:hover span{color: #f26963;} /* 4.2.9 Loading ----------------------------------------------------------------------------------------------------*/ /* Ajax */ .LoadListe {z-index:999; filter: alpha(opacity=20); opacity: .2;} #LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 100%; height: 300px; position: absolute; top: 100px; left: 0; width: 100%;} /* ========================================================================== 4.3 MODE DETAILS ========================================================================== */ .detail .top-fiche {background: #f2f2f2 url('../images/bg-texture.png') repeat;} .detail .leftside-content {float: left; width: 20%;} .detail .rightside-content {float: left; width: 60%;background-color: #e5e4e4;} .detail .full-content .wrapper {width: 60%;} .detail .thumbs-flap-wrapper { float: right; height: 600px; padding-right: 4%; padding-left: 2%; width: 14%; } /* 4.3.1 Navigation du haut de page ----------------------------------------------------------------------------------------------------*/ .detail-actions {position: relative;background-color: #E7E7E7; padding:0 2%} .detail-topnav ul {margin: 0; padding: 0; list-style: none; text-align: right; font-family: 'LatoRegular', Helvetica, Arial, sans-serif;} .detail-topnav li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 16px; margin-top: 5px; margin-bottom: 5px; padding: 5px 12px; } .detail-topnav li:first-child {float:left; margin-left: 0; text-transform: uppercase;} .detail-topnav li.ico-back {padding-left: 20px; background: transparent no-repeat -4px -47px; background-image: url(/images/all-arrows.png); background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x); background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x); text-transform: none; color: #203C54; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .detail-topnav li.ico-back:hover {padding-left: 20px; background: transparent no-repeat -9px -47px; background-image: url(/images/all-arrows.png); background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x); background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x); } li.ico-back-clear {display: none;} .detail-topnav li a, .detail-topnav li span{cursor: pointer; color: #203C54; text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .detail-topnav li a:hover, .detail-topnav li span:hover {color: #0F2639;} /* On masque le bouton contact > mediaqueries pour l'afficher en tablette */ .detail-topnav li.detail-contact-button { display: none; background-color: #f26963; } .detail-topnav li.detail-contact-button a { background-color: #f26963; padding-right: 5px;color: #FFF;} /* 4.3.2 Partie top avec slide ----------------------------------------------------------------------------------------------------*/ .detail-photo-frame {background: #eee; padding: 12px; } .detail-photo-img img {display:block; width:574px; height:370px; } .detail-photo-nav {z-index:100; position:relative; } .photo-prev, .photo-next{ width:37px; height:37px; position: absolute; bottom:160px; } .photo-prev {left:-16px; background: transparent url(/images/slider-controls.png) no-repeat 0 0; } .photo-prev:hover {background: transparent url(/images/slider-controls.png) no-repeat 0 -39px; } .photo-next {right:-16px; background: transparent url(/images/slider-controls.png) no-repeat -39px 0; } .photo-next:hover {background: transparent url(/images/slider-controls.png) no-repeat -39px -39px; } .detail-photo-pagination { margin-top:20px; } .detail-photo-pagination ul { margin:0; padding:0; list-style: none; } .detail-photo-pagination ul li { float:left; margin-right: 12px; } .detail-photo-pagination ul li img { width:100px; height:72px; padding:3px; background:#e0e0e0; } /*-- Video & visite virtuelle --*/ .detail .btn-visite-virtuelle, .detail .btn-video{position: absolute; left: 0; bottom: 0; z-index: 1000; cursor: pointer;} /* 4.3.3 Description du bien ----------------------------------------------------------------------------------------------------*/ .detail-bien-infos { background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0;} /*-- Title --*/ .detail-bien-intro { position: relative; border-bottom: 3px solid #e4e4e4; } .detail-bien-title { float: left;padding-top: 30px; } .detail-bien-type, .detail-bien-ville, .detail-bien-ref{ padding: 4px 0px;} .detail-bien-type{ font: 2em 'LatoBold', Arial, sans-serif;color: #f26963;} .detail-bien-ville{ font: 1.5em 'LatoBold', Arial, sans-serif; } .detail-bien-ref{ font: 1em 'LatoBold', Arial, sans-serif;color: #a1a1a1;} .detail-bien-prix { position: absolute; right: 0; top: -20px; display: inline-block; *display:inline; *zoom:1; background-color: #f26963; color: #FFF; padding: 10px;font: 1.5em 'LatoBold', Arial, sans-serif; z-index: 1; } .prix-location {margin-top: 30px;text-align: right;} .prix-location li{display: inline-block; *display:inline; *zoom:1; border-right: 2px solid #e4e4e4; padding-right: 10px !important; margin-left: 10px !important;vertical-align: top;width:30%; font: 1.1em 'LatoBold', Arial, sans-serif;color: #4A4A4A;} .prix-location li span.cout_charges_mens, .prix-location li span.cout_honoraires_loc, .prix-location li span.cout_depot_garantie {color: #F26963;} .prix-location li span.charges_mens{color: #4a4a4a;} /*-- Specs avec icones --*/ .detail-bien-specs { float: right; margin-top: 50px; text-align: right;} .detail-bien-specs li {display: inline-block; *display:inline; *zoom:1; text-align: center; width: 80px; margin: 0 10px !important; font: 1.1em 'LatoBold', Arial, sans-serif;} .detail-bien-specs li span{display: inline-block; *display:inline; *zoom:1; width: 100%; background-image: url(/images/ico-specs.png); background-image: -webkit-image-set(url(/images/ico-specs.png) 1x, url(/images/ico-specs@2x.png) 2x); background-image: image-set("/images/ico-specs.png" 1x, "/images/ico-specs@2x.png" 2x); background-repeat: no-repeat; height: 30px;} .programmes .detail-bien-specs li {width: 120px; } .ico-piece { background-position: center -32px; } .ico-surface { background-position: center 2px; } .ico-terrain { background-position: center -95px; } .ico-chambre { background-position: center -60px; } .ico-date { background-position: center -125px; } /*-- Texte --*/ .detail-bien-desc {padding-bottom: 10px; color: #4a4a4a; } .detail-bien-desc-content {padding: 30px 0 10px;} .detail-bien-desc-content > p {margin-top: 0; text-align: justify;} .detail-bien-desc-content > p:first-child:first-letter {font-size: 350%; line-height: 80%; float: left; padding-right: .1em; } .detail-bien-desc-content .TxtVendu {text-transform: uppercase; font-size: 1.5em; color: #f26963;} .detail-annotation { font-style: italic; font-size: 0.9em; color: #bbb; } /*-- Affichage du detail des pieces (a activer dans numage si besoin) --*/ #BtnShowRoom, #BtnHideRoom { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: #000 no-repeat; color: #fff; padding: 7px 11px; cursor: pointer; margin: 20px 0;} #BtnShowRoom span, #BtnHideRoom span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 7px; height: 4px; background-image: url(/images/all-arrows.png); background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x); background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x); } #BtnShowRoom span {background-position: -8px -115px;} #BtnHideRoom span {background-position: -8px -130px;} .descriptif-pieces { padding-bottom: 10px; border-bottom: #e3e3e2 1px solid; margin-bottom: 20px;} .descriptif-pieces .table-bordered {border: none;} .descriptif-pieces .table-bordered th, .descriptif-pieces .table-bordered td {border-left: #ccc;} .descriptif-pieces .table tr {border: 1px solid #ccc;} .descriptif-pieces .table td {text-align: center;} /*-- Tableau des prix par semaine (a activer dans numage si besoin) --*/ .locsaison-table-price {} /*-- Module de réservation (a activer dans numage si besoin) --*/ .detail-bien-reservation {padding: 20px 0 10px; border-bottom: #e3e3e2 1px solid; position: relative;} .detail-bien-reservation-title {font: 140%/21px 'LatoLight', sans-serif; color: #616060; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .detail-bien-reservation-action {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: #000; color: #fff; padding: 7px 11px; cursor: pointer; position: absolute; right: 0; top: 20px;} .detail-bien-reservation-action:hover {background-color: #f26963;} .schedule-reservation {margin-top: 20px;} #content .detail-bien-reservation table th, #content .detail-bien-reservation table td {padding: 2px;} /* Specification ui-datepicker */ .ui-datepicker-inline{ font: 13px/1.1231 "Helvetica Neue", Helvetica, Arial, sans-serif; width: 90% !important; padding:0 !important; } .ui-datepicker-multi .ui-datepicker-group{ float: none !important; display: inline-block; vertical-align: top; min-height:178px; padding: 8px; border:#ddd 1px solid; margin: 0 12px 12px 0; font: 13px/1 "Helvetica Neue", Helvetica, Arial, sans-serif; } .ui-datepicker-header{ background:#e0e0e0; } .ui-datepicker-calendar thead{ background:#eee; } .ui-datepicker-calendar th{ padding: .4em 0; } .ui-datepicker-trigger{ margin-left: 5px; vertical-align: middle; cursor: pointer; } #ui-datepicker-div td span, #ui-datepicker-div td a{ text-align: center; } /* PAGE DETAIL (non-seclectionnable .ui-datepicker-inline) */ /* Date du Jour */ .ui-datepicker-inline .ui-datepicker-today{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .ui-datepicker-today .ui-state-default{ color:#3A87AD; background:#D9EDF7; border-color:#BCE8F1; } /* Dispo */ .ui-datepicker-inline .cal{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .cal .ui-state-default{ color:#468847; background:#DFF0D8; border-color:#D6E9C6; } /* Pas Dispo (+début durée de réservation - START) */ .ui-datepicker-inline .cal-start-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .cal-start-reserved .ui-state-default{ color:#468847; background:transparent url(/images/bg-cal-start-reserved.png) no-repeat 50% 50%; } /* Pas Dispo (+fin durée de réservation - END) */ .ui-datepicker-inline .cal-end-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .cal-end-reserved .ui-state-default{ color:#468847; background:transparent url(/images/bg-cal-end-reserved.png) no-repeat 50% 50%; } /* Pas Dispo (Deux résa qui se suivent au jour meme - START END) */ .ui-datepicker-inline .cal-start-end-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .cal-start-end-reserved .ui-state-default{ color:#B94A48; background:transparent url(/images/bg-cal-start-end-reserved.png) no-repeat 50% 50%; } /* Pas Dispo (normal) */ .ui-datepicker-inline .cal-center-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } .ui-datepicker-inline .cal-center-reserved .ui-state-default{ color:#B94A48; background:#F2DEDE; border-color:#EED3D7; text-decoration: line-through; } /* RESERVATION (selectionnable #ui-datepicker-div) */ /* Date du Jour */ #ui-datepicker-div .ui-datepicker-today{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important; filter: alpha(opacity=100) !important; opacity: 1 !important; } #ui-datepicker-div .ui-datepicker-today .ui-state-default{ color:#3A87AD; background:#D9EDF7; border-color:#BCE8F1; } /* Disponible */ #ui-datepicker-div .cal-selectable{ } #ui-datepicker-div .cal-selectable a.ui-state-default{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-states.png) repeat-x 0 -8px; } #ui-datepicker-div .cal-selectable a.ui-state-hover{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-states.png) repeat-x 0 -44px; } /* Pas Dispo (+début durée de réservation - END) */ #ui-datepicker-div .cal-selectable-end-reserved{ } #ui-datepicker-div .cal-selectable-end-reserved a.ui-state-default{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-selectable-end-reserved.png) no-repeat 0 -14px;} #ui-datepicker-div .cal-selectable-end-reserved a.ui-state-hover{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-selectable-end-reserved.png) no-repeat 0 -54px; } /* Pas Dispo (+début durée de réservation - START) */ #ui-datepicker-div .cal-selectable-start-reserved{ } #ui-datepicker-div .cal-selectable-start-reserved a.ui-state-default{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-selectable-start-reserved.png) no-repeat 0 -14px; } #ui-datepicker-div .cal-selectable-start-reserved a.ui-state-hover{ border-color:#D6E9C6; color:#468847; background:#DFF0D8 url(/images/bg-cal-selectable-start-reserved.png) no-repeat 0 -54px; } /* Pas Dispo (Deux résa qui se suivent au jour meme - START END) */ #ui-datepicker-div .cal-selectable-start-end-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; opacity: .6 !important; } #ui-datepicker-div .cal-selectable-start-end-reserved .ui-state-default{ border-color:#EED3D7; color:#B94A48; background:#DFF0D8 url(/images/bg-cal-selectable-start-end-reserved.png) no-repeat 0 -14px; text-decoration: line-through; } /* Pas Dispo (normal) */ #ui-datepicker-div .cal-selectable-center-reserved{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; opacity: .6 !important; } #ui-datepicker-div .cal-selectable-center-reserved .ui-state-default{ border-color:#EED3D7; color:#B94A48; background:#F2DEDE; text-decoration: line-through; } #ui-datepicker-div .cal-selectable-center-reserved .ui-state-hover{ border-color:#EED3D7; color:#B94A48; background:#F2DEDE; } /* Desactive (Dispo ou Pas Dispo) */ #ui-datepicker-div .cal-selectable-past-available, #ui-datepicker-div .cal-selectable-maxdate-available{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; filter: alpha(opacity=60) !important; opacity: .6 !important; } /*-- Partie DPE --*/ .detail-bien-desc-suppl {padding: 0; margin-bottom: 20px;} .detail-bien-dpe { padding: 10px 0; text-align: center;} /* DPE */ .NrjGrad, .GesGrad {width: 202px !important; height: 202px; border: 1px solid #f5f5f5; position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .NrjGrad, .GesGrad {margin: 5px;} .DpeImage { z-index:100; width:100%; height:auto; position:relative; } .DpeImage img {width: 100%; height: auto;} .DpeNote { color: #fff; width: 186px; height: 39px; z-index:200; font-weight: bold; text-align: right; position: absolute; padding: 18px 13px 0 0; font-family: Arial, sans-serif; top: 0; background: transparent url(/images/DpeCursor.gif) no-repeat top right;} /*-- Form Contact Detail --*/ .detail-bien-contact {padding: 5px 10% 0; } /* Titre */ .detail-bien-contact-title { margin-bottom: 15px; } .titre-onglet-ico-env { display: inline-block; *display:inline; *zoom:1; width: 49%; text-align: center; float: left; background-repeat: no-repeat; background-position: 50%; height: 30px; background-image: url(/images/ico-env-detail.png); background-image: -webkit-image-set(url(/images/ico-env-detail.png) 1x, url(/images/ico-env-detail@2x.png) 2x); background-image: image-set("/images/ico-env-detail.png" 1x, "/images/ico-env-detail@2x.png" 2x); } .titre-onglet-ico-env div{display: none;} /* Texte */ .contact-agence-agent { border-bottom: 3px solid #e4e4e4; margin-bottom: 18px; padding: 0 0 15px;text-align: center;} .contact-agence-agent .heading3 {color: #3d3d3d;font: 1.2em 'LatoBold', Arial, sans-serif;text-transform: none;} .contact-agence-tel { display: inline-block; *display:inline; *zoom:1; padding: 5px; margin-top: 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; cursor: pointer; background-color: #f26963; color: #FFF; } .contact-agence-tel:hover {background: #203C54;} .contact-agence-tel .ico-tel{width: 14px; height: 18px; display: inline-block; *display: inline; *zoom: 1; margin-right: 6px; vertical-align: bottom; background-image: url(/images/ico-adresse.png); background-image: -webkit-image-set(url(/images/ico-adresse.png) 1x, url(/images/ico-adresse@2x.png) 2x); background-image: image-set("/images/ico-adresse.png" 1x, "/images/ico-adresse@2x.png" 2x); background-position: 0 -0px; } .contact-agence-tel a:link, .contact-agence-tel a:visited, .contact-agence-tel a:hover, .contact-agence-tel a:active {color: #fff !important;} /* Pour ne pas que le n° s'affiche en couleur sur mobile */ /* Form */ .detail-bien-contact #message.input-text {height: 110px !important; padding: 6%; line-height: 1.5em; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .detail-bien-contact .form-critere{margin-bottom: 0;} .contact-nego-photo {width: 100%; margin: 15px 0 5px;} .contact-nego-photo img {max-width: 50%;} /* Formulaire de contact bas ( uniquement sur tablettes/ iphone > voir mediaqueries ) */ .detail-contact-bottom {background: #f2f2f2 url('../images/bg-texture.png') repeat; padding: 30px 0; display: none;} .detail-contact-bottom .titre-onglet-ico-env {padding-top: 40px; background-position: top; } .detail-contact-bottom .titre-onglet-ico-env div{display: block;} .detail-contact-bottom .detail-bien-contact { border-left: none; padding: 5px 0% 0; } /* Modal */ .detail-contact-modal { padding-top: 20px; } .detail-contact-modal img.logo-agence { padding-top: 10px; max-width: 100%; } .detail-contact-modal .heading3 { margin-bottom: 5px; } /* Neuf */ .detail-bien-lots { } .detail-bien-lots table { font-size: 0.9em; } .detail-bien-lots table th { font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; } .detail-contact-bottom .detail-bien-contact { border-left: none; padding: 5px 0% 0; } /* Sur les biens vendus et les compromis, le formulaire de contact est masque, les DPE peuvent prendre tte la largeur de la page */ .contactable0 .detail-bien-dpe {float: none; width: 100%;} /* 4.3.4 Google map avec POI ----------------------------------------------------------------------------------------------------*/ .detail-bien-poi {margin-top: 20px;} .titre-onglet{margin-bottom: 20px; text-align: center;} .titre-onglet-title {display: inline-block; *display:inline; *zoom:1; width: 49%; text-align: center; font: 1.7em 'LatoRegular', Arial, sans-serif; float: left;} .titre-onglet-line {display: inline-block; *display:inline; *zoom:1; width: 25%; border-bottom: 3px solid #e4e4e4; float: left; height: 1em; } .titre-onglet-title span{color: #f26963; font-family: 'LatoBold', Arial, sans-serif;} .gg-map-poi-container {font-size: 0.85em;} .poi-col {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 18%; margin: 2% 2% 2% 0;} .poi-col:last-child {margin-right: 0;} .poi-col-title {width: 100%; text-transform: uppercase; color: #2b2b2b; margin-bottom: 10px; padding-bottom: 6px; font: 1.2em 'LatoBold', Arial, Helvetica, sans-serif; } .poi-col li {list-style: none; line-height: 2.5em; font-size: 0.9em; } .poi-col label {color: #4a4a4a; text-transform: uppercase; margin-bottom: 2px; cursor: pointer; padding-bottom: 4px;} label.poi-label-all { font-size: 0.9em;line-height: 2.3em;} /*-- POI --*/ .poi-item {padding-left: 20px !important; background-repeat: no-repeat; background-position: 0 4px;} .poi-hopital {background-image: url(/images/poi-icons/hopital.png);} .poi-medecin {background-image: url(/images/poi-icons/medecin.png);} .poi-dentiste {background-image: url(/images/poi-icons/dentiste.png);} .poi-pharmacie {background-image: url(/images/poi-icons/pharmacie.png);} .poi-hypermarche {background-image: url(/images/poi-icons/cart.png);} .poi-boucherie {background-image: url(/images/poi-icons/boucherie.png);} .poi-boulangerie {background-image: url(/images/poi-icons/boulangerie.png);} .poi-creche {background-image: url(/images/poi-icons/creche.png);} .poi-ecole {background-image: url(/images/poi-icons/ecole.png);} .poi-lycee {background-image: url(/images/poi-icons/lycee.png);} .poi-univ {background-image: url(/images/poi-icons/universite.png);} .poi-cafe {background-image: url(/images/poi-icons/cafe.png);} .poi-resto {background-image: url(/images/poi-icons/resto.png);} .poi-culture {background-image: url(/images/poi-icons/culture.png);} .poi-sport {background-image: url(/images/poi-icons/sport.png);} .poi-parkings {background-image: url(/images/poi-icons/parking.png);} .poi-stations {background-image: url(/images/poi-icons/station.png);} .poi-transports {background-image: url(/images/poi-icons/transport.png);} .poi-commissariats {background-image: url(/images/poi-icons/commissariat.png);} .poi-postes {background-image: url(/images/poi-icons/poste.png);} .poi-banques {background-image: url(/images/poi-icons/banque.png);} #GGMapPoi{ width: 100% !important; height: 450px;} /* 4.3.4 Detail biens suggestion ----------------------------------------------------------------------------------------------------*/ .detail-suggestions-title {background-color: #f26963; color: #FFF; padding: 40px 0 20px;} .detail-suggestions-title span {color: #FFF;} .detail-suggestions-title .titre-onglet-line { border-bottom: 3px solid rgba(255, 255, 255, 0.21);} .detail-suggestions { background: #353535 url(/images/bg-matiere.png) repeat; text-align: center;} a.suggest-bien { display: inline-block; *display:inline; *zoom:1; width: 20%; height: 250px; background-position: center; background-color: #353535; background-size: cover ; position: relative; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float: left; } a.suggest-bien:hover{text-decoration: none; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;} .suggest-bien-text{ position: absolute; bottom: 0; padding: 4%; width: 92%; background: transparent url(/images/bg-black60.png) repeat; color: #FFF; text-align: left; } /* 4.3.5 Mini liste ----------------------------------------------------------------------------------------------------*/ .bloc-lib-critere-liste{ display: none; } .ref .bloc-lib-critere-liste { display: block; padding: 20px 0; font: 90%/1 Helvetica, Arial, sans-serif; text-transform: uppercase; } .ref .bloc-lib-critere-liste-new-search { float: left; } .ref .bloc-lib-critere-liste-new-search a {color: #fff; text-decoration: none; background: #f26963; padding: 8px 12px; display: block; } .ref .bloc-lib-critere-liste-new-search a:hover { color: #fff; background: #f26963; } .ref .bloc-lib-critere-liste-label { float:left; } .ref .bloc-lib-critere-liste-label span {color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; padding: 8px 12px; background: #4a4a4a; margin-left: 10px;} .ref .bloc-lib-critere-liste:before, .ref .bloc-lib-critere-liste:after {content: " "; display: table; } .ref .bloc-lib-critere-liste:after {clear: both; } .ref .bloc-lib-critere-liste {*zoom: 1; } .liste.ref .liste-bien-container {height: auto;} .liste.ref .liste-bien-description.mode-2 {width: 97%; } .liste.ref .liste-bien-offre {margin-top: 10px;} .liste.ref .liste-bien-description.mode-2 hr {margin: 10px 0 0;} .liste.ref .liste-bien-title.mode-2 {padding: 20px 0 0;} .liste.ref .liste-bien-description.mode-2 ul {margin-bottom: 0;} /* 4.3.6 Outils Financiers ----------------------------------------------------------------------------------------------------*/ .calc-container span {padding:0 !important; /* Supprimer le padding sur le span hardcodé dans Libimmo */} .calc-leftcol {float:left; width:67%; } .calc-rightcol {float:right; width: 29%; } #DialogCalc .heading3 {margin-bottom: 10px;} .white-form .calc-leftcol .input-text {height: 18px; line-height: 1.5em;} #DialogCalc .form-critere-content {vertical-align: inherit;} .calc-rightcol .resultats {background: #fff; padding: 0 3px; color: #f26963; border: 1px solid #dfdddb; line-height: 3em; text-align: left; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: inset 0 0 0 0; box-shadow: inset 0 0 0 0; } .calc-container span>span {font-size: 1.5em; text-align: center; } .calc-container .form-rubrique {width: inherit; } /* Page calculette financière */ .calculette .heading3 {margin-bottom: 20px;} /* ========================================================================== 4.4 ADAPT SLIDESHOW JQUERY ========================================================================== */ /* 4.4.1 Slide ----------------------------------------------------------------------------------------------------*/ .detail-photo-container .large-flap-frame {width: 100%; position: relative; background: transparent url(/images/loading-house.gif) no-repeat 50% 50%; z-index: 1; } .detail-photo-container .large-flap-container {overflow:hidden; width:100%; height: 695px; /* Dimension des images voir numage.txt */ position: relative; text-align: center;} .detail-photo-container .anti-cheat {overflow:hidden; width:100%; height:695px; position: absolute; top:0; left:0; display: block; z-index: 960; } .detail-photo-container .no-flap img {height: 100%; width:100%; display: block; } .detail-photo-container .empty-slideshow {background: #e0e0e0 url(/images/vide_detail_grande.jpg) no-repeat 50% 50%; background-size: cover; } .detail-photo-container .large-flap-container div.diapo {width:100%; height: 695px; text-align: center; cursor: pointer; } .detail-photo-container .large-flap-container div.is-flap {display:none; overflow:hidden; } .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img {max-height: 695px;} .large-flap-controls-content{ margin-left:40%; } .large-flap-controls .play, .large-flap-controls .stop { float:left; width: 20px; height:20px; margin:0 5px; cursor:pointer; } .large-flap-controls .play {background: transparent url(/images/slider-controls.png) no-repeat -18px -78px; } .large-flap-controls .play.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -1px -78px; } .large-flap-controls .stop {background: transparent url(/images/slider-controls.png) no-repeat -56px -78px; } .large-flap-controls .stop.slideshow-control-active { background: transparent url(/images/slider-controls.png) no-repeat -39px -78px; } .large-flap-controls .video {float:left; margin-left: 10px; cursor: pointer; } .large-flap-controls .visite {float:left; margin-left: 5px; vertical-align: middle; } .large-flap-controls .visite a:hover{ background: none; } .large-flap-controls .position{ float: left; line-height: 20px; margin:0 5px 0 10px; color: #aaa; font-style: italic; font-size: 11px; } .large-flap-controls .position .pos-flap, .large-flap-controls .position .nb-flap { color: #999; font-weight: bold; } .large-flap-nav{ z-index:970; position:relative; opacity: 0;} /*-- BOUTON prev et next survol de l image --*/ .large-flap-nav .previous, .large-flap-nav .next {width: 63px; height: 57px; position: absolute; margin-top: 300px; cursor: pointer;} .large-flap-nav .previous img, .large-flap-nav .next img {width: 100%; height: 100%; display: block;} .large-flap-nav .previous {left: 41px; background: transparent no-repeat 0 0; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .large-flap-nav .previous:hover {background: transparent no-repeat 0 -57px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .large-flap-nav .next {right: 41px; background: transparent no-repeat -57px 0; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .large-flap-nav .next:hover {background: transparent no-repeat -57px -57px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .no-flap {display: none; } .controls { display: block; } /*-- Loading --*/ .slideshow-loaded.detail-photo-container .large-flap-container div.is-flap{ display: block; } .slideshow-loaded.detail-photo-container .large-flap-frame{ background-image: none; } /*-- Thumbs Specific Detail --*/ .thumbs-title{margin: 25px 0 10px 5%; padding-left: 35px; font: 1.5em 'LatoBold', Arial, sans-serif; background-image: url(/images/ico-nb-photos.png); background-image: -webkit-image-set(url(/images/ico-nb-photos.png) 1x, url(/images/ico-nb-photos@2x.png) 2x); background-image: image-set("/images/ico-nb-photos.png" 1x, "/images/ico-nb-photos@2x.png" 2x); background-repeat: no-repeat; background-position: 2px center;} .detail .scrollpane-to-child {float: left; display: inline-block; *display:inline; *zoom:1;} .detail .is-flap.scrollpane-to-child { width: 45%; height: 95px; overflow: hidden; margin-right: 5%; margin-bottom: 10px; cursor: pointer;} .detail .no-flap.scrollpane-to-child {display: none;} .detail .scrollpane-to-child img {height: 100%;} .detail .jspContainer, .detail .jspPane, .detail .thumbs-flap-container{height: 635px;display:block; width: 98%; padding: 0 0 0 2%; } .detail .thumbs-control-prev, .detail .thumbs-control-next {display: none;} .detail .thumbs-flap-container .thumbs-active {filter: alpha(opacity=50); opacity: 0.5; border: 2px solid #ffffff !important; -webkit-box-sizing: border-box; box-sizing: border-box;} /* Captions */ .detail-photo-container .caption { background-color:#000; color:#fff; text-align: left; } .detail-photo-container .large-caption{ position:absolute; left:0; top:376px; height:70px; padding:15px; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } .detail-photo-container .thumbs-caption { position:absolute; top:3px; left:3px; opacity:0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .detail-photo-container .caption-title{ font-weight: bold; text-transform: uppercase; margin-bottom: 5px; } /* 4.4.2 Diaporama Overlay BIG - Lightbox ----------------------------------------------------------------------------------------------------*/ .big-flap-box { position:absolute; top:0; left:0; width:100%; height:100%; display:none; z-index:980; background: #242424; opacity:0.9; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .big-flap-container { position: absolute; display: none; top: 50%; left:5 0%; width: 1px; height: 1px; z-index: 990; overflow: hidden; background: url(/images/loading.gif) 50% 50% no-repeat #e1e0e0; border: #eee 10px solid;} .big-flap-container .anti-cheat { width: 100%; height: 100%; } .big-flap-container .previous, .big-flap-container .next {width: 36px; height: 63px; position: absolute; top: 50%; margin-top: -33px; /* Centrage vertical */ cursor: pointer; z-index: 9999; background: transparent no-repeat; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .big-flap-container .previous {left: 10px; background-position: 0 -114px; } .big-flap-container .previous:hover {background-position: 0 -177px; } .big-flap-container .next {right: 10px; background-position: -36px -114px; } .big-flap-container .next:hover {background-position: -36px -177px; } .big-flap-container .pagination {z-index: 9999; } .close-big {width: 24px; height: 24px; position:absolute; top: 5px; right: 5px; cursor: pointer; z-index: 9999; background: transparent no-repeat 0 -240px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .close-big:hover {cursor: pointer; background: transparent no-repeat -24px -240px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } /* Pagination */ .detail-photo-container .pagination {width: 100%; padding-top: 12px; height: 25px; background:#fff; text-align:center; position:absolute; /* Placement de la pagination */ left:0; bottom: 0; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .detail-photo-container .pagination .pagination-page {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 3px; width: 12px; height: 13px; overflow: hidden; cursor: pointer; background: transparent no-repeat 0 -268px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .detail-photo-container .pagination .pagination-page-active {background: transparent 0 -281px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } /* ========================================================================== 4.5 REFERENCEMENT ========================================================================== */ /* 4.5.1 Référencement global ----------------------------------------------------------------------------------------------------*/ /* Pages de ref */ .ref-intro {background: #efefef; padding: 5px 20px 10px; margin-bottom: 10px; } .ref-leftcol {float: left; width: 230px; margin-right: 20px; } .ref-rightcol {float: left; width: 320px; } .ref-plan-bloc {margin-bottom:15px; padding-bottom:10px; border-bottom: 1px solid #dadada; } .ref-plan-liste ul {clear: both; padding: 0; } .ref-plan-liste li {line-height: 1.5;font-weight: normal; border-bottom: 1px solid #dadada; padding: 10px 0; } .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 5%; } .ref-plan-liste ul { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:70px; /* Firefox */ -webkit-column-gap:70px; /* Safari and Chrome */ column-gap:70px; } /* Detail Ville (R200) */ .detail-bien-localite-r200 a:link, .detail-bien-localite-r200 a:visited {display:inline-block; *display: inline; *zoom: 1; vertical-align: top; padding:3px 5px 3px 24px; border:#ddd 1px solid; font-size: 0.9em; line-height: 1.231; font-weight: bold; color:#444; background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%; } /* Plan */ .ref-plan-moteur{ float: right; margin: 0 0 20px 20px; } /* Pied Ref */ .home .pied-ref {border-top: none;} .pied-ref {font-size: 11px; color: #918d86; line-height: 1.2em; padding-bottom: 10px;} .pied-ref a:link, .pied-ref a:visited{ color: #203c54; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .pied-ref a:hover, .pied-ref a:active{ color: #091e30; text-decoration: none; background-color: transparent;} .home #pied-ref-content{ padding: 0 0 7px; margin:0 0 7px; border-bottom: 1px solid #85939e; } /* Pied Ref Villes */ .pied-ref-villes{ padding: 25px 0 0; margin: 10px 0 0; border-top: 1px solid #85939e; } .pied-ref-villes ul{ list-style: none; margin:0; padding:0; } .pied-ref-villes li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25%; /* Width fixe pour un affichage en colonne */padding: 5px 0; } /* Module de marquee */ .pied-ref-defil-title h1, .pied-ref-defil-title li, .pied-ref-defil-title .ref-more, .pied-ref-defil-title { color: #203c54; text-align: justify;} .pied-ref-defil-title li { list-style: none; } .pied-ref-defil-title .ref-more { cursor: pointer; } .pied-ref-defil-text { float:left; width: 60%; margin-right: 2%; color:#918d86; } .pied-ref-defil-text ul { margin:0; padding: 0; list-style: none; } .pied-ref-defil-text ul li { margin:.5em 0; padding-right: 20px; text-align: justify; } .pied-ref-defil-images { float:left; width: 37%; color:#575c60; padding-top: 10px;} .pied-ref-defil-images ul { margin:0; padding:0; list-style: none; /* Styles pour le jQuery marquee */ height: 210px; width: 100%; overflow:hidden; position: relative; } .pied-ref-defil-images ul li { margin:0; /* Styles pour le jQuery marquee */ position: absolute; top:999em; left:0; display: block; height:100%; width: 100%; overflow:hidden; } .marquee-photo { width:80px; height:80px; float:left; } .marquee-content{ margin-left: 90px; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; color: #838383; } .marquee-content-title { font-size: 0.9em; font-family: 'LatoBold', Helvetica, Arial, sans-serif; color: #616060; } .marquee-content-price { color: #f26963; font-family: 'LatoBold', Helvetica, Arial, sans-serif;} .marquee-content-desc { } .marquee .no-flap { display:block; } .marquee .no-flap img { width:80px; height:auto; } /* Module de Région */ .region-last-annonces{} .region-last-annonces ul{ margin: 0; padding: 0; list-style: none;} .region-last-annonces ul li{ padding:0; background: none; } .region-main-photo{ float:right; width:170px; height: auto; margin-left: 20px; } .region-annonces-container{ vertical-align: top; width: 45%; display:inline-block; *display: inline; *zoom: 1; background:#f2f2f2; margin: 0 2% 10px 0; padding:5px; font-size: 0.9em; min-height:70px; border: 1px solid #ddd;} .region-annonces-container .no-flap{ display: block; } .region-annonces-container .no-flap img{ width:70px; height:auto; } .region-annonces-container .region-annonces-photo{ width: 30%; height: auto; float:left; } .region-annonces-container .region-annonces-photo img {width: 100%; height: auto;} .region-annonces-container .region-annonces-content {margin: 4% 0 0 33%; font: 100%/1.231 Helvetica, Arial, sans-serif;} .region-annonces-container .region-annonces-content-title{ font-weight: bold; text-transform: uppercase; color: #f26963;} .region-annonces-container .region-annonces-content-price{ color:#000; } .region-annonces-container .region-annonces-content-desc{ color:#4a4a4a; padding: 3px 8px 3px 0; font-family: Helvetica, Arial, sans-serif;} .region-annonces-container .region-annonces-content-desc a{ white-space: nowrap; } #region-tabs .ui-tabs-panel{ padding:0; } #region-tabs .ui-tabs-nav li{ font: bold 80%/1.231 Helvetica, Arial, sans-serif; text-transform:uppercase; } /* Annuaire */ .pied-ref-backlinks{ margin-top: 7px; padding-top: 7px; border-top: 1px solid #cfdadc; font-size: 0.8em;} .pied-ref-backlinks ul{ list-style: none; margin: 0; padding:0; } .pied-ref-backlinks li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 0 0 5px; padding: 0 0 0 15px; } .pied-ref-backlinks li:first-child{ margin-left: 0; padding: 0; background: none; } .annuaire-intro{ background:#eee; padding: 10px 20px; margin-bottom: 20px; color:#555; text-align: justify; } .annuaire-intro p{ margin:.5em 0; } .annuaire-inscription-button{ float:right; margin: 6px 0 20px 20px; display:block; } .annuaire-nb { padding:1px 3px; font: bold 100%/1.231 Helvetica, Arial, sans-serif; color: #999; text-transform: uppercase; margin-left: 5px;} .annuaire-fil-arianne{ font: 100%/1.231 Helvetica, Arial, sans-serif; text-transform:uppercase; margin:5px 0 15px; border-bottom: #eee 1px solid; padding-bottom: 5px; color:#aaa; } .annuaire-categories{} .annuaire-categories > table{ float: none; } .annuaire-categories h2, .ref-categories { font-family: 'LatoBold', sans-serif; line-height: 1.6em; margin: 1.5em 0 .5em; } .annuaire-categories ul{ list-style: none; } .annuaire-categories ul li{ background: none; border-bottom: #eee 1px solid; margin-bottom: 7px; padding: 0 0 7px;} .annuaire-categories p { margin:.25em 0; border-left:#eee 6px solid; padding-left: 10px; } .annuaire-categories .annuaire_site_url{ border:none; padding:0; color:#999; } .annuaire-forminsc{ margin-top: 20px; } .annuaire-forminsc .legend{ color:#888; font: normal 100%/1.231 Helvetica, Arial, sans-serif;} .nbchar{ padding: 1px 3px; background: #cbcbcb; font: bold 90%/1.231 Helvetica, Arial, sans-serif; color: #fff; border-radius: 2px; } #selectAnnuaire{ border: #dadada 1px solid; width:100%; } #backlink{ height:50px; } .error{ background: #FDDFDE; border:#FBC7C6 1px solid; padding:10px 20px; } .success{ background: #D1EED1; border:#BFE7BF 1px solid; padding:10px 20px; } /* Page Contact R9 (Nuage d annonces) */ .contact-nuage-annonce{ margin-top: 40px; } .ClassAnnonceNuage{ padding: 0 0 5px !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 0.9em; } #TitreLocalisation{ padding:20px !important; background:#e5e5e5; margin-top: 20px; text-align: center; } #TitreLocalisation a{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-bottom: 10px; } img.PhotoNuage{ display: block; max-width: 104px; height:auto; border:#fff 3px solid !important; } /* Elargir recherche */ .detail-elargir-recherche {} #ElargirRecherche {} .detail-elargir-recherche a:link, .detail-elargir-recherche a:visited { } .detail-elargir-recherche a::before {content: "> "; } .detail-elargir-recherche a:hover, .detail-elargir-recherche a:active{text-decoration: none; } .ref-elargir-annonces strong {} .ref-elargir-annonces ul{ margin-top: 0; margin-right: 0; margin-bottom: 0; padding:0; list-style: none; } .ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dashed #ccc; color: #424242; } /* Ref-naturel */ .ref-plan-liste .Listeliensmotscles {font-size: 0.9em;} /* Listing ville */ .liste-navpage-container .PagePre a, .liste-navpage-container .PagePre a:hover, .liste-navpage-container .PageSui a, .liste-navpage-container .PageSui a:hover {background-color: transparent; width: 12px; height: 22px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-decoration: none;} /* Listing Similaire */ .ClassAnnonceSimilaire { padding:0 0 5px !important; margin:.5em 0; border-bottom: #ccc 1px solid; font-size: 0.9em; } /* Listing Expression */ .ville_expression { padding:0 !important; } /* Listing Photo */ .ref-listing-photo-container ul{ padding:0; } .ref-listing-photo-container ul li { padding:0; background: none; float:left; margin:0 10px 10px 0; list-style-image: none; list-style-type: none;} /* 4.5.2 Réf Page Arbo ----------------------------------------------------------------------------------------------------*/ /*-- Generalites --*/ .pied-ref-arbo{ display:none; visibility: hidden; /* Desactivation du Ref Page Arbo sur toutes les langues sauf le français */} .fr .pied-ref-arbo{ display: block; visibility: visible; } .pied-ref-arbo ul{ list-style: none; margin: 7px 0 0; padding: 7px 0 0; border-top: #cfdadc 1px solid; } .pied-ref-arbo li{ display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width:228px; font-size: .90%; } .ref-page-arbo-article{ margin-bottom: 20px; } .ref-page-arbo-article h3 {margin-bottom: 10px;} .ref-page-arbo-article p{ text-align: justify; } .ref-page-arbo-image {margin: 12px 0 10px; width: 99%; height: auto; border: 3px solid #FFF; box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.32); overflow: hidden; } .ref-page-arbo-image img {width: 100%; height: auto;} /*-- Menu fleches --*/ .ref-page-arbo-menu .sf-menu {margin:0; padding:0; background-image: none; text-align: left; } .ref-page-arbo-menu .sf-menu .ref-page-arbo-menu-liste {position: relative; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 1%; } .ref-page-arbo-menu .sf-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background: #f26963; text-transform: uppercase; font-weight: bold; padding:0 10px; margin: 0 6px 8px 0; line-height: 26px; font-size: 0.8em;} .ref-page-arbo-menu .sf-menu .fleche {width: 0; height: 0; border: 13px solid rgba(0, 0, 0, 0); border-left: 7px solid #f26963; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: absolute; top: 0; right: -14px; } .ref-page-arbo-menu .sf-menu li a:link, .ref-page-arbo-menu ul.sf-menu li a:visited { color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4); display: block; } .ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active { color: #d3d3d2; } .ref-page-arbo-menu .sf-menu li:hover ul, .ref-page-arbo-menu .sf-menu li.sfHover ul { left: 0; top: 26px; /* match top ul list item height */ z-index: 99; background-color: #f26963; box-shadow: 0 0 8px rgba(0,0,0,.5); margin:0; padding:4px 0; } .ref-page-arbo-menu .sf-menu ul {width:220px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .ref-page-arbo-menu .sf-menu ul li {width: 200px; padding:0 10px 4px; text-align: left; background:none; line-height: 1.231; } .ref-page-arbo-menu .sf-menu li.sfHover li a:link, .ref-page-arbo-menu .sf-menu li.sfHover li a:visited {background: none; padding-bottom:6px; color:#444; border-left:none; border-top:none; border-right:none; border-bottom: #ccc 1px solid; display: block; text-shadow: none; } .ref-page-arbo-menu .sf-menu li.sfHover li a:hover, .ref-page-arbo-menu .sf-menu li.sfHover li a:active {color:#f26963; } .ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active {background: #f26963; text-decoration: none; } /*-- Bien vedette - Slide --*/ .home-vedette {float: left; width: 100%; height: 204px; overflow: hidden; } .home-vedette-title {margin-bottom: 10px; } .home-vedette-title a:link, .home-vedette-title a:visited{ color: #2a3845; } .home-vedette-title a:hover {color: #294e6b; } .home-vedette .no-flap {display: block; height: auto; width: 100%; } .home-slider-vedette {width: 85%; height: 160px; /* Width + Height pour le slide */ position:relative; padding: 0 7%;} .home-slider-vedette-container {width: 100%; height: 160px; } .home-vedette .large-flap-container {overflow:hidden; width: 100%; height: 160px; } .home-slide-vedette {width: 100%; height: 160px; overflow: hidden; } /* Boutons prev et next */ .home-vedette .home-slide-prev, .home-vedette .home-slide-next {position: absolute; top: 65px; width: 12px; margin:0; height: 22px; background: transparent no-repeat; cursor: pointer; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .home-vedette .home-slide-prev {left: 0; background-position: 0 -295px;} .home-vedette .home-slide-prev:hover {left: 0; background-position: 0 -317px;} .home-vedette .home-slide-next {right: 0; background-position: -12px -295px;} .home-vedette .home-slide-next:hover {right: 0; background-position: -12px -317px;} /* Vignettes */ .stamp {float: left; width: 28%; height: 154px; overflow: hidden; border: 3px solid #b4b4b4; margin: 0 1.5%; } .stamp a {text-decoration: none !important;} .stamp-photo {height: 20px; } .stamp-photo img {width: 100%; } .stamp-texte-container {position: relative; z-index: 20; margin-top: 73px; height: 43px; padding: 10px; background-color: #ebebeb; color: #4a4a4a; font-size: 0.9em; } .stamp-prix {color: #f26963; font-weight: bold; font-size: 1em; } /* Partenaires */ .pied-ref-partners ul { margin: 0; padding: 0 0 10px; border-top: 1px solid #cfdadc;} .pied-ref-partners li { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px; padding-right: 14px; line-height: 1.5; color: #918d86;} .pied-ref-partners li:first-child, .pied-ref-partners li:last-child { background-image:none; } /* 4.5.3 Réf Page Ville ----------------------------------------------------------------------------------------------------*/ /* Generalites */ .ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 48%; margin-top: 10px;} .ref-page-ville .leftside-page {padding-right: 2%;} .ref-page-ville .rightside-page {padding-right: 0;} .fil-ariane ul {padding: 0;} .fil-ariane li {list-style: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .bloc-left {background-color: #fff; border: 1px solid #ccc; padding: 10px 2%; width: 97%; margin-top: 20px;} .bloc-left .heading6 {margin: 0; color: #f26963;} .bloc-left ul {margin: 5px 0 0;} .infos-ville, .ref-side-biens, .others {background-color: #fff; padding: 10px 2%; width: 96%; margin-bottom: 20px;} .infos-ville .heading3 {text-transform: uppercase;} .infos-ville p span {color: #f26963;} /* Réf Side biens */ .ref-side-biens {border: 1px solid #ccc; margin-top: 20px;} .ref-side-biens-nb { font: 140%/1.231 Helvetica, Arial, sans-serif; color: #A0A0A0; letter-spacing: -1px; } .ref-side-biens-nb a:link, .ref-side-biens-nb a:visited { } .ref-side-biens-nb a:hover, .ref-side-biens-nb a:active { color: #EA820E; background: none; } .ref-side-biens-ville { font: 120%/25px Helvetica, Arial, sans-serif; color: #9b9b9b; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px solid #e6e8e9; } .ref-side-biens .large-flap-container { overflow: hidden; width: 100%; height: 510px; margin-bottom: 20px; cursor: pointer; position: relative; text-align: center; } .home-panes {width: 100%;} .ref-thumbs { width: 96%; height: 100px; text-align: left; padding: 7px 2% ; margin-bottom: 10px; overflow: hidden; background-color: #eee;} .ref-thumbs-img-frame {width: 35%; height: 100px; float: left; overflow: hidden;} .ref-thumbs-img-frame img { width: 100%; height: auto;} .ref-thumbs-content { margin-left: 38%; color: #000; } .ref-thumbs-text { color: #656565; margin: 18px 0 0; } .ref-thumbs-price { font-weight: bold; color: #f26963; font-size: 1.1em; } .ref-thumbs-price a:link, .ref-thumbs-price a:visited { color: #f26963; text-decoration: none; background: none; } .ref-thumbs-price a:hover, .ref-thumbs-price a:active { color: #f26963; text-decoration: none; background: none; } /* Villes autour de */ .others {border: 1px solid #ccc;} .others ul { padding: 0; margin: 10px 0 0; } .others ul li { background: #eee; margin-bottom: 4px; list-style: none;} .others ul li:hover { background: #4a4a4a; } .others ul li a { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; padding: 5px; } .others li a:link, .others li a:visited { color: #A0A0A0; } .others li a:hover, .others li a:active { text-decoration: none; color: #fff;} .page-content .others ul li { margin-bottom: 0; } /* 4.5.4 Module de News ----------------------------------------------------------------------------------------------------*/ .news-liste-container {margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom:15px; margin-top: 40px;} .news-liste-title {color: #f26963; font: 120%/1.6em "LatoBold", sans-serif; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 5px; } .news-liste-content {/*margin-top: 40px;*/} .news-liste-date { font: 100%/1.5em Helvetica, Arial, sans-serif; font-style: italic; color: #777; margin-bottom: 20px;} .news-liste-date time, .news-liste-date span { font-family: Helvetica, Arial, serif; color:#999; text-transform: uppercase; font-style: normal; } .news-liste-photo {display: inline-block;; *display: inline; *zoom: 1; vertical-align: top; width: 48%; margin-right: 3%; float: right;} .news-liste-desc {display: inline-block;; *display: inline; *zoom: 1; vertical-align: top; width: 47%; float: left;} .news-liste-photo .grd_photo_news{ width:160px; height:120px; } .news-liste-text p { padding: 0 0 10px; margin: 0; text-align: justify; } .news-liste-desc a {} .news-buttons li { margin: 0; background-image: red !important; list-style-image: none !important; display: inline-block; *display:inline; *zoom:1; font-size: 0.8em; margin-right: 5px; } .news-liste-file a:link, .news-liste-file a:visited {color: #f26963; text-transform: uppercase; background:none;} .news-liste-file a:hover, .news-liste-file a:active {color: #f26963;} .news-liste-attached .thumbs-flap-container .is-flap {margin-top: 10px; margin-right: 10px;float: left;} .news-liste-attached { margin-top: 10px; } .news-liste-attached p { margin-top: 5px; } .news-liste-attached ul { list-style:none; margin:0; } .news-liste-attached ul li { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right:10px; padding:0; overflow:hidden; background:none; } .news-liste-attached .mini_photo_news { width:80px; max-width:80px; height:auto; max-height:80px; } .news-liste-file a:link, .news-liste-file a:visited { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: 5px; padding: 7px 11px 0 12px; height: 24px; background-color: #000; color: #fff; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; text-transform: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .news-liste-file a:hover, .news-liste-file a:active { background-color: #f26963; text-decoration: none;} /* Perso News */ .news-liste-container .large-flap-container { width: 100%; float: left; display: inline; overflow: hidden; margin: 0 4% 30px 0; overflow: hidden; min-height: 480px;/* Dimension des images voir numage.txt */} .news-liste-container .large-flap-container.empty-slideshow {display: none;} .news-liste-container .large-flap-container .is-flap {width: 100%; height: auto;} .news-liste-container .thumbs-flap-container {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; } .news-liste-photo img.photo-large{ width: 100% !important; max-width: 100% !important; height: auto !important; } .news-liste-attached img.photo-thumbs{ width:auto !important; max-width: 100px !important; max-height:78px !important; } /*-- Tableaux --*/ table {max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; font-size: 1em; line-height: 1; color:#4a4a4a;} .table {width: 100%; margin-bottom: 20px; position: relative;} .table th, .table td {padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ccc;} .table th {font-weight: bold;} .table thead th {vertical-align: bottom;} .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td {border-top: 0;} .table tbody + tbody {border-top: 2px solid #444F59;} .table-condensed th, .table-condensed td {padding: 4px 5px;} .table-bordered {border: 1px solid #444F59; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td {border-left: 1px solid #444F59;} .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td {border-top: 0;} .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { -webkit-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {background-color: #f1f1f1;} .table tbody tr.bareme td {background-color: transparent; border-top: none;} /* ========================================================================== 4.7 SVG MAP ========================================================================== */ .side-map-content {position: relative;} /* Bouton dom tom */ .domtom-display {position: absolute; bottom: 0; left: 0; padding: 5px 10px 3px; text-transform: uppercase; color:#fff; background: #454545; background: transparent url(/images/bg-black20.png) repeat; z-index: 1; cursor: pointer; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .domtom-display:hover {color: #fff; background: #54b6da; background: transparent url(/images/bg-black20.png) repeat;} path {cursor:pointer; } shape {cursor:pointer; } .svg-map-france {width:100%; height: 450px; background: transparent url(/images/loading.gif) no-repeat 50% 50%; } .svg-map-domtom-container {position: absolute; top: 50%; left: 50%; margin: -150px 0 0 -150px; width: 260px; height: 260px; padding: 20px; background: transparent url(/images/bg-black50.png) repeat; box-shadow: 0 5px 10px rgba(0,0,0,.3);} .svg-map-domtom, .svg-map-idf {width: 260px; height: 260px; /* Width et Height en dur obligatoire :( */} .svg-map-domtom {overflow: visible !important;} /* Info Custom */ .svg-custom-info {z-index:50; position: absolute; display: none; top:0; left:50%; margin-left:-150px; width: 260px; height: 260px; padding: 20px; background: transparent url(/images/bg-black50.png) repeat; box-shadow: 0 5px 10px rgba(0,0,0,.3);} .svg-info {position: absolute; display: none; background: #292929; color: #fff; font-size: smaller; text-align:center; padding: 3px 6px; z-index:50; -webkit-border-radius: 3px; border-radius: 3px; } .svg-info-close {width: 26px; height: 26px; position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat; cursor: pointer; z-index: 9999;} .ipad-close {width: 26px; height: 26px; position: absolute; top: -10px; right: -14px; background: transparent url(/images/svg-close.png) no-repeat; cursor: pointer; z-index: 9999;} /* ========================================================================== 4.8 PRE FOOTER ========================================================================== */ /*-- Adresse --*/ .pied-adresse { font: 1.5em/1em 'LatoRegular', Helvetica, Arial, sans-serif; line-height: 1.5; margin: 40px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: center; width: 100%; } .pied-adresse hr{ margin: 15px auto !important; width: 80px; border-top: 6px solid #4e4e4e !important;} .pied-adresse ul {margin: 0; padding: 0; list-style: none;} .pied-adresse ul li {margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .pied-agence-name { font: 1.1em 'LatoBold', Helvetica, Arial, sans-serif; } /*-- Icones reseeaux sociaux --*/ .social-menu {margin: 10px 0 0; text-align: center;} .social-menu ul {list-style-type: none; padding: 0; margin: 0;} .social-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 8px; padding: 0 !important; margin-right: 8px; } .social-menu ul li:first-child { margin-left: 0; } /* Boutons ronds White or Color*/ .social-menu li a.social-circle, .social-menu li span.social-circle {width: 32px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: transparent; background-image: url(/images/social-circle.png); background-image: -webkit-image-set(url(/images/social-circle.png) 1x, url(/images/social-circle@2x.png) 2x); background-image: image-set("/images/social-circle.png" 1x, "/images/social-circle@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 32px; cursor: pointer; } .social-menu li a.social-circle-color, .social-menu li span.social-circle-color {width: 32px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-image: url(/images/social-circle-color.png); background-image: -webkit-image-set(url(/images/social-circle-color.png) 1x, url(/images/social-circle@2x.png) 2x); background-image: image-set("/images/social-circle-color.png" 1x, "/images/social-circle@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); height: 32px; cursor: pointer; } .social-menu li a.SocialBusinessFacebook, .social-menu li span.SocialBusinessFacebook {background-position: -1px -1px;} .social-menu li a.SocialBusinessFacebook:hover, .social-menu li span.SocialBusinessFacebook:hover {background-position: -1px -35px;} .social-menu li a.SocialBusinessTwitter, .social-menu li span.SocialBusinessTwitter {background-position: -35px -1px;} .social-menu li a.SocialBusinessTwitter:hover, .social-menu li span.SocialBusinessTwitter:hover {background-position: -35px -35px;} .social-menu li a.SocialBusinessGoogle, .social-menu li span.SocialBusinessGoogle {background-position: -69px -1px;} .social-menu li a.SocialBusinessGoogle:hover, .social-menu li span.SocialBusinessGoogle:hover {background-position: -69px -35px;} .social-menu li a.SocialBusinessRss, .social-menu li span.SocialBusinessRss {background-position: -103px -1px;} .social-menu li a.SocialBusinessRss:hover, .social-menu li span.SocialBusinessRss:hover {background-position: -103px -35px;} /* Boutons like */ .social-menu li.footer-badge { padding-top: 5px !important;} .social-menu li.social-clear {display: none; clear: none;} .social-menu li.badge-ggplus { width:70px; margin-left: 20px; padding-top: 7px; } .social-menu li.badge-tweeter { width: 90px; padding-top: 7px; } .social-menu li.badge-linkedin { padding-top: 7px; } .social-menu li.badge-facebook { padding-top: 7px; } /* Badges en fiche detail / lsite news/ detail news */ ul.likes-badges {padding: 0;} .detail ul.likes-badges {padding: 10px 0;} ul.likes-badges li {list-style-type: none; list-style-image: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .social-like, .social-share {float: left;} /*-- Footer Menu --*/ .footer-menu { margin: 30px 0; text-align: center; color: #838383 ; font-family: 'LatoRegular', Arial, sans-serif;} .footer-menu a{ color: #838383 !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .footer-menu a:hover{ color: #fff !important; text-decoration: none; } .footer-menu a::before{ content: ">"; margin-right:10px;} .footer-menu ul { float: left; display: inline-block; *display:inline; *zoom:1; width: 25%; text-align: left; margin} .footer-menu li { padding: 3px 0 !important;} .footer-menu li:first-child { padding-bottom: 18px!important;} /*-- Quotes --*/ .quotes{ position: absolute; height: 50px; width: 50px; background-image: url(/images/quotes.png); background-image: -webkit-image-set(url(/images/quotes.png) 1x, url(/images/quotes@2x.png) 2x); background-image: image-set("/images/quotes.png" 1x, "/images/quotes@2x.png" 2x); } .quotes.left-quotes-white { left: 2%; background-position: left top;} .quotes.right-quotes-white { right: 2%; background-position: right top;} .quotes.left-quotes-gray { left: 2%; background-position: left bottom;} .quotes.right-quotes-gray { right: 2%; background-position: right bottom;} /*-- Message responsive --*/ .message-responsive {font: 1.15em/1.6em 'LatoLight', Arial, sans-serif; background-image: url(/images/macaron-responsive.png); background-image: -webkit-image-set(url(/images/macaron-responsive.png) 1x, url(/images/macaron-responsive@2x.png) 2x); background-image: image-set("/images/macaron-responsive.png" 1x, "/images/macaron-responsive@2x.png" 2x); background-position: left; background-repeat: no-repeat; padding-left: 70px; padding-top: 10px; padding-bottom: 10px;display: inline-block; *display:inline; *zoom:1; min-height:45px; } /* // ========================================== \\ || || || V. MON COMPTE || || || \\ ========================================== // */ /* 5.1 Identification ----------------------------------------------------------------------------------------------------*/ .form-submit-creation {margin-top: 15px;} #MyaCreate .bulle-gratuit{/*position: absolute; right: 20px; top: -20px; display: block;*/ display: none; visibility: hidden;} /* 5.2 Generalites ----------------------------------------------------------------------------------------------------*/ .leftside-menu-mya {width: 27%; float: left; margin-top: 30px; padding-right: 2%;} .rightside-page-mya {width: 69%; float: right; margin-top: 30px;} /* 5.3 Menu : Colonne de gauche ----------------------------------------------------------------------------------------------------*/ .side-mya {background-color: #4a4a4a; padding: 30px 5%; height: auto;} .side-mya-texte p { color: #fff;} .side-mya-texte ul {color: #ccc;} .side-mya-login form label {color: #fff;} .side-mya-menu ul {list-style: none; margin: 0 0 20px; padding: 0;} .page-container .side-mya-menu ul li {border-bottom: 1px solid #6c6c6c; padding: 8px 0; list-style: none; text-transform: uppercase;} .side-mya a:link, .side-mya a:visited {color: #ccc; text-decoration: none; font: 1em/1.231 'LatoBold',Helvetica, Arial, sans-serif;} .side-mya a:hover {color: #fff;} .side-mya .submit-classique {text-transform: uppercase; font-size: 80% !important;} /* 5.4 Tableau de bord ----------------------------------------------------------------------------------------------------*/ ul.mya-widget-container { } .page-container li.mya-widget {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 165px; margin: 10px; height: 165px; position: relative; background-color: #fff; list-style: none;} li.mya-widget a:link, li.mya-widget a:visited {text-align: center; width: 172px; font: 120%/1.15em "LatoBold", Arial, sans-serif; padding-top: 115px; display: block; height: 50px; color: #454545; text-decoration: none; border: 1px solid #f0f0f0; background-color: #FFF; } li.mya-widget a:hover {color: #FFF;} li.mya-widget a:active {margin-top: 1px;} li.mya-widget a:link, li.mya-widget.mya-widget-selection a:visited, li.mya-widget.mya-widget-selection a:hover {background-repeat: no-repeat; background-image: url(/images/mya-widget.png); background-image: -webkit-image-set(url(/images/mya-widget.png) 1x, url(/images/mya-widget@2x.png) 2x); background-image: image-set("/images/mya-widget.png" 1x, "/images/mya-widget@2x.png" 2x); } li.mya-widget.mya-widget-selection a:link, li.mya-widget.mya-widget-selection a:visited {background-position: 0 0; } li.mya-widget.mya-widget-selection a:hover {background-position: 0 -175px; background-color: #f26963;} li.mya-widget.mya-widget-lastsearch a:link, li.mya-widget.mya-widget-lastsearch a:visited {background-position: -175px 0;} li.mya-widget.mya-widget-lastsearch a:hover {background-position: -175px -175px; background-color: #f26963;} li.mya-widget.mya-widget-alerte a:link, li.mya-widget.mya-widget-alerte a:visited {background-position: -350px 0;} li.mya-widget.mya-widget-alerte a:hover {background-position: -350px -175px; background-color: #f26963;} li.mya-widget.mya-widget-news a:link, li.mya-widget.mya-widget-news a:visited {background-position: -525px 0;} li.mya-widget.mya-widget-news a:hover {background-position: -525px -175px; background-color: #f26963;} li.mya-widget.mya-widget-user a:link, li.mya-widget.mya-widget-user a:visited {background-position: -700px 0;} li.mya-widget.mya-widget-user a:hover {background-position: -700px -175px; background-color: #f26963;} /* 5.5 Mon compte ----------------------------------------------------------------------------------------------------*/ .user-info-show .form-critere {border-bottom: 1px solid #ccc;} .user-info-show .form-critere-content {height: 28px; color: #f26963; margin-top: 6px;} .mya .form-rubrique {padding-top: 6px;} .mya .lieu-bloc-autocompletion {width: 100%; border: none; background: transparent; line-height: inherit; height: auto;} .mya .lieu-search-label {margin-right: 1%; width: 20.5%;} .mya .lieu-bloc-search input.lieu-input-search {width: 76%; background: #fff; border: 1px solid #dfdddb !important;} .mya .lieu-bloc-label {margin: 10px 0 10px 21.5%; width: 77%;} .mya .form-critere-elargir {width: 20%; margin-left: 21.5%;} /* 5.6 Ma selection ----------------------------------------------------------------------------------------------------*/ .mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;} .mya .liste-bien-title.mode-2 {padding: 10% 0 8%;} .mya .bg-liste-shadow {background-size: 100%;} /* 5.7 Mes alertes ----------------------------------------------------------------------------------------------------*/ .mya-alerte-vide p {margin-bottom: 20px;} .mya-alerte-block .mya-alerte-block { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; } .mya-alerte-block form {margin-bottom: 15px;} .mya-alerte-btn li {margin-bottom: 10px; list-style-image: none; list-style-type: none;} .mya-alerte-date {font-style: italic; color: #7c7e83; margin-bottom: 5px;} .mya-alerte .lieu-bloc-search input.lieu-input-search {width: 66%; border: 1px solid #dfdddb !important;} ..mya-alerte .lieu-bloc-label {width: 67%;} /* 5.8 Ma derniere recherche ----------------------------------------------------------------------------------------------------*/ .mya-lastsearch-block {font-size: 1em; margin-top: 10px;} .mya-lastsearch-block .simple-btn {margin-top: 30px;} /* // ========================================== \\ || || || VI. MINISITE || || || \\ ========================================== // */ /*-- Liste --*/ .listenego-display {margin-bottom:20px;} .listenego-display .input-text {width: 45%;} .agents .svg-map-france {height:350px; } .liste-nego-container {width: 46%; padding: 20px 1% 10px; float: left; margin: 1% 0 10px 2%; background: #FFF;-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.16); box-shadow: 0 0 4px rgba(0, 0, 0, 0.16);} .liste-nego-photo {width: 28%; float: left; height: 190px; overflow: hidden; } .liste-nego-photo img {width: 80%;} .liste-nego-desc .heading3 {line-height: 1.1em; margin-bottom: 5px; font: 1.3em 'LatoBold', Arial, sans-serif; color: #3d3d3d; } .liste-nego-tel {color:#f26963; font-size: 1em; line-height: 1.231; } ul.liste-nego-buttons { margin: 20px 0 0; padding: 0; display: inline-block; *display:inline; *zoom:1; text-align: left; font-size: .8em; } .liste-nego-buttons li {list-style: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .liste-nego-buttons li:first-child {margin-right: 5px;} .liste-nego-buttons li a:link.submit-classique, .liste-nego-buttons li a:visited.submit-classique {display: block; padding: 11px 11px 0 12px;} .liste-nego-desc { display: inline-block; *display:inline; *zoom:1; float: left; width: 70%; padding-top: 20px; } .agent-desc-container {text-align: justify;} .agent-desc-container img {width: 100%; margin: 10px 0;} .minisite .leftside-page {width: 70%; float: right; padding-right: 0; } .minisite .rightside-page {width: 25%; float: left; padding-left: 0; } .minisite .illustration-aside {max-width: 220px; border: 5px solid #dadada;} .minisite .illustration-aside a.bulle-me-contacter {right: -57px;} li.agent-mail {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .agent-slogan a.agent-link {font-size: 1em; color: #f26963; text-transform: uppercase;} .minisite .liste-container hr {width: 100%;} .minisite .filters-container {margin: 0 0 10px;} .liste-bien-description.mode-2 li:first-child {margin-bottom: 5px;} .bg-liste-shadow, .bg-liste-minisite {background-size: 100%;} .minisite-liste .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;} .minisite-liste .liste-bien-container {width: 99%;} /* // ========================================== \\ || || || VII. FOOTER || || || \\ ========================================== // */ #footer {background: #ebeae8; color: #203c54; padding: 0 3%; position: relative; bottom: 0; width: 94%;} .home #footer {padding: 0 3% 110px;} #footer hr {border-top: 1px solid #85939e; margin: 0; padding: 0;} /* 7.2 Menu ----------------------------------------------------------------------------------------------------*/ .pied-menu {color: #203c54; padding: 10px 0; margin: 0; font-size: 0.9em;} .pied-menu ul {list-style: none; margin:0; padding:0;} .pied-menu-left {float:left; width: 50%; text-align: left; padding-top: 10px;} .pied-menu-right {float: right; width: 50%; text-align: right;} .pied-menu li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin:0 0 0 5px; padding:0 0 0 15px;} .pied-menu li:first-child {padding-left: 0; margin-left: 0; } .pied-menu a, .pied-menu a:link, .pied-menu a:visited {white-space: nowrap; color: #203c54;} .pied-menu a:hover, .pied-menu a:active {white-space: nowrap; color: #091e30; background-color: transparent;} /* Signature Adapt */ .sign-adapt { display: inline-block; *display:inline; *zoom:1; text-align: left; margin: 10px 0; } .sign-adapt ul {border-left: 1px dotted #203c54; padding-left: 4px; float: right;} .sign-adapt li {display: block; font-size: 10px; line-height: 13px !important; margin: 0; padding: 0;} a.logo-adapt-footer {width: 95px; height: 40px; background-repeat: no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; background-position: center; background-image: url(/images/logo-adapt-footer.png); background-image: -webkit-image-set(url(/images/logo-adapt-footer.png) 1x, url(/images/logo-adapt-footer@2x.png) 2x); background-image: image-set("/images/logo-adapt-footer.png" 1x, "/images/logo-adapt-footer@2x.png" 2x); } /* 7.3 Badges Réseaux Sociaux ----------------------------------------------------------------------------------------------------*/ #pied-social {margin-bottom: 7px; padding-bottom: 7px; border-bottom-width: 1px; border-bottom-style: solid; } /* Logos .pied-share {float:left; width:490px; text-transform: uppercase; min-height: 1px; } .pied-share ul {list-style: none; padding: 0; } .pied-logos {float:left; width:490px; } */ /* Partage .share-badges { color:#0eb1da; } .share-badges ul{ list-style: none; font-size:0; } .share-badges li{ display:inline-block; *display: inline; *zoom: 1; vertical-align: top; font: 12px/1.231 Helvetica, Arial, sans-serif; } .share-badges li img{ margin-right: 5px; } .share-badges li a:hover{ background: none; } .share-badges .addfav{ margin-left: 10px; } .share-badges .link{ text-transform: uppercase; color:#a1e1e9; } .share-badges .link-hover{ text-transform: uppercase; color:#eee; cursor:pointer; } */ /* Likes .likes-badges { padding-left: 0; margin-top: 30px;} #footer .likes-badges { text-align: right; } .likes-badges ul{ list-style: none; padding:0; margin:0;} .likes-badges li{ display:inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 24px; line-height: 24px; margin-left: 5px; overflow: hidden; } .likes-badges li.badge-facebook{ } .likes-badges li.badge-ggplus{ width:70px; } .likes-badges li.badge-tweeter{ width: 90px; } .likes-badges li.badge-linkedin{ } */ /* // ========================================== \\ || || || VIII. FORMULAIRES || || || \\ ========================================== // */ /* 8.1 Generalites ----------------------------------------------------------------------------------------------------*/ form {} form label {cursor: pointer;} input, textarea {background: #fff; -webkit-box-shadow:inset 0 0 0 0 #fff; box-shadow:inset 0 0 0 0 #fff;} /* form-critere englobe chaque champs dans un article */ .lt-ie9 input, .lt-ie9 .white-form .input-text, .lt-ie9 .white-form input, .lt-ie9 .white-form textarea {vertical-align: bottom;} .form-critere, .form-critere-ope {margin-bottom: 10px;} .input-text, textarea, input {width: 96%; padding: 0 2%;} form ul {margin:0 !important; list-style: none; padding: 0;} input[type="checkbox"] {width: 20px;} .form-critere-title {padding-bottom: 3px; } /* englobe le label et le form-rubrique */ .form-rubrique {display: inline-block; *display: inline; *zoom: 1; color: #000; white-space: nowrap; padding-top: 12px;} /* label contact */ .form-extend {margin-top: 10px;} /* englobe form-submit-container */ .form-submit-container {position: relative; height: 35px; min-height: 35px; margin: 10px 0 0; } /* contient le bouton et la mention champs obligatoires */ .form-critere-title, .form-critere-title-left {padding-bottom: 3px; display: inline-block; *display: inline; *zoom: 1; margin-right: 1%; } /* zone du label contact */ .form-critere-content {display: inline-block; *display: inline; *zoom: 1; } /* zone du input contact */ .form-critere-content.aright {text-align: right;} .error-form{ border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; color: #b94a48 !important; } /*-- Ligne de formulaire avec 2 champs cote cote ex : surface max et mini --*/ .input-text.input-unite, input.input-unite {width: 77%;} .form-critere-content .unite {width: 12%; } /*-- Formulaire en 2 colonnes --*/ .main-content-demicol{ float: left; width: 46%; margin-top: 20px; position: relative;} .main-content-demicol hr{ border-top: 1px dashed #cccccc; } .title-form{ padding-left: 30px; padding-top: 5px; background-repeat: no-repeat; background-position: left 25%; background-image: url(/images/ico-write.png); background-image: -webkit-image-set(url(/images/ico-write.png) 1x, url(/images/ico-write@2x.png) 2x); background-image: image-set("/images/ico-write.png" 1x, "/images/ico-write@2x.png" 2x); padding-bottom: 15px; border-bottom: 1px dashed #dfdfdf; } .lt-ie8 .main-content-demicol:first-child{ width: 45%; /* Sinon ça passe à la ligne sous IE7 */ } .main-content-demicol:first-child {margin-right: 8%; width: 46%;} .main-content-demicol .form-critere-title {white-space: nowrap;} /* zone du label contact */ /*-- Tailles des label (form-critere-title) --*/ .label-tiny {width: 10%; } .label-xtiny {width: 15%; } .label-smaller {width: 20%; } .label-small {width: 25%; } .label-medium {width: 30%; } .label-xmedium {width: 35%; } .label-xxmedium {width: 40%; } .label-large {width: 50%; } .label-xlarge {width: 60%; } .label-xxlarge {width: 70%; } .label-larger {width: 80%; } .label-largest {width: 90%; } .label-full {width: 100%; margin-bottom: 4px;} /*-- Tailles des input (form-critere-content) --*/ .input-tiny {width: 7%; } .input-xtiny {width: 17%; } .input-smaller {width: 27%; } .input-small {width: 37%; } .input-medium {width: 47%; } .input-xmedium {width: 57%; } .input-xxmedium {width: 62%; } .input-large {width: 67%; } .input-xlarge {width: 72%; } .input-xxlarge {width: 77%; } .input-larger {width: 82%; } .input-largest {width: 87%; } .input-full {width: 100%;} /* Bouton radio */ .form-critere-typerech {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;} .form-critere-typerech ul li {display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: none; margin-right: 20px; padding-left: 0; position: relative;} .form-critere-typerech .form-critere-title{ margin-bottom: 10px; } /* Checkbox */ .form-highlight-items {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 7px 7px 0 0;} .form-highlight-items input {width: auto;} /* Bouton */ input[type="submit"] {width: auto;} input.submit-classique, a.submit-classique, .white-form input.submit-classique {background-color: #f26963; height: 35px; padding: 0 4%; border: none; color: #fff; font: 1em/1em 'LatoRegular', sans-serif; letter-spacing: 0.05em; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); filter: dropshadow(color=#e5e5e5, offx=1, offy=1); } input.detail-submit-envoi {float: right; margin-right: 5px;} .form-submit-maj {float: right;} /* Custom Select */ .custom-select {visibility: hidden; } .custom-select-container {width: 100%;border: 1px solid #e1e1e1; background: #FFF; position: relative; } .custom-select-choice {height: 39px; line-height: 3em; margin-left: 6px; padding: 0 26px 0 4px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; background: url('../images/bg-custom-selector.png') no-repeat center right; } .custom-select-list {z-index:20; width: 100%; padding:0; display:none; overflow:auto; max-height:150px;position:absolute; } .form-critere-type .custom-select-list, .elargir .custom-select-list{max-height: inherit;} .custom-select-list ul li {display: block; padding: 10px 0 10px 10px; margin: 0; cursor: pointer; float:none; background: transparent; border-top: 1px solid #e3e2e2; } ul.custom-select-list-container {margin: 0; padding: 0;} .custom-select-option {cursor:pointer; list-style:none; line-height:18px; padding-left:3px; } /* Input type number */ input[type='number'] { -moz-appearance:textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } /* 8.2 Custom Checkbox / Radios / Select ----------------------------------------------------------------------------------------------------*/ /* Checkbox */ .custom-input{ clip:rect(0,0,0,0); position: absolute !important; outline: none; z-index:-999; } /*-- Formulaires pour les sites clairs (classe white-form) --*/ .white-form {color: #000;} .white-form .input-text, .white-form input, .white-form textarea {background-color: #fff; border: 1px solid #dfdddb; text-align: left; outline: none; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow:inset 0 0 0 0 #fff; box-shadow:inset 0 0 0 0 ##fff; color: #999797; } .white-form .input-text:focus {color: #000; border: none; border: 1px solid #ccc;} .white-form .input-text {height: 33px; padding-top: 2px; line-height: 1em;} /* meme hauteur pour les input que les champs select */ .white-form textarea {height: 60px !important; line-height: 2.9em;} .white-form .required {color: #f26963; font-weight: bold; margin: 0 2px; } /* etoile obligatoire */ .white-form .unite {font-size: 0.9em; } .white-form .legend {color: #838383; font-style: italic;} .white-form .input-place-holder {color: #999797;} /* Checkbox */ .white-form .custom-checkbox, .white-form .custom-checkbox-checked{ padding-left:20px; background:transparent url(/images/bg-form-sprite.png) no-repeat; } .white-form .custom-checkbox {background-position:0 -1px; } .white-form .custom-checkbox-checked {background-position:0 -39px; } /* Radio */ .white-form .custom-radio, .custom-radio-checked {padding-left: 20px; background:transparent url(/images/bg-form-sprite.png) no-repeat; } .white-form .custom-radio {background-position: 0 -77px;} .mya .white-form .custom-radio {} .white-form .custom-radio-checked {background-position:0 -115px; } /* Select */ .white-form .custom-select-list {background: #ffffff } .boxshadow .white-form .custom-select-list { -webkit-box-shadow: 0 2px 2px rgba(0,0,0, 0.5); box-shadow: 0 2px 2px rgba(0,0,0, 0.5); -moz-box-shadow: 0 2px 2px rgba(0,0,0, 0.5); } .no-boxshadow .white-form .custom-select-list{border-bottom:#ccc 1px solid; } .white-form .custom-select-list-selected {background-color: #f6f6f6; color: #000; } /* 8.3 Formulaire commun a toutes les pages ----------------------------------------------------------------------------------------------------*/ /*-- Side Form --*/ .masque-rech {width: 100%; padding: 35px 10% 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url('../images/bg-little-arrow-down.png') center top no-repeat; } .masque-rech .form-critere-ope, .masque-rech .form-critere-type, .masque-rech .form-critere-motscles, .masque-rech .form-critere-ref, .masque-rech .form-critere-input-ville{width: 99% !important;} .masque-rech .form-critere-title{width: 100%;} .masque-rech span.unite { color: #4d4d4d; padding-left: 5px; } .masque-rech .form-critere-title .form-rubrique{color: #f26963;font-family: 'LatoBold', Arial, sans-serif;} .masque-rech .form-critere-terrain .form-critere-content, .masque-rech .form-critere-pieces .form-critere-content , .masque-rech .form-critere-pieces .form-critere-content, .masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content {width: 49%;} .masque-rech .form-critere-ref .form-critere-content, .masque-rech .form-critere-motscles .form-critere-content {width: 100%; border: 1px solid #dfdddb; } .masque-rech .lieu-bloc-label {width: 100%; height: auto !important; } .masque-rech .form-critere-elargir {width: 100%; margin-right: 0 !important;} .masque-rech .form-critere-elargir .form-critere-title {width: 50%;} .masque-rech .form-critere-elargir .elargir { width: 40%; float: right;} .critere-hidden {display: none;} /*-- Champs avec nom a l interieur --*/ .form-rubrique-interne {color: #000; float: left;} /*.form-critere-surf-mini .form-rubrique-interne, .form-critere-prix-maxi .form-rubrique-interne, .form-critere-input-ville .form-rubrique-interne, .form-critere-motscles .form-rubrique-interne, .form-critere-ref .form-rubrique-interne { margin-left: 1.5%; float: left;}*/ .form-critere-surf-mini .form-rubrique-interne, .form-critere-prix-maxi .form-rubrique-interne {width: 44%;} .uk .form-critere-surf-mini .form-rubrique-interne, .uk .form-critere-prix-maxi .form-rubrique-interne {width: 53%;} .form-critere-surf-mini .input-interne, .form-critere-prix-maxi .input-interne {width: 36%; margin-left: 45%;} .uk .form-critere-surf-mini .input-interne, .uk .form-critere-prix-maxi .input-interne {width: 32%; margin-left: 53%;} .form-critere-input-ville .input-interne {width: 80%; margin-left: 19.5%;} .liste-neuf .masque-rech .form-critere-motscles {margin-right: 2.8% !important;} .white-form .surf-mini, .white-form .prix-maxi, .white-form .input-ville1, .white-form .motscles1, .white-form .ref {width: 100%; height: 37px !important; vertical-align: top; border: none !important; -webkit-box-sizing: border-box; box-sizing: border-box } .btn-more-rech {color: #232d32; font-size: 0.9em; width: 100%; cursor: pointer; margin-bottom: 10px; margin-bottom: 10px; text-transform: uppercase; text-shadow: 1px 1px 0 #fff;} .btn-more-rech div {width: 12px; height: 8px; background: transparent center center no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 6px 3px 0 0; background-position: -8px -79px; background-image: url(/images/all-arrows.png); background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows@2x.png) 2x); background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x); } /* Recherche sur carte (dessinée) */ .geopoly {text-align: left;} /* Or */ .or-geopoly {width: 100%; text-align: center; } .or-geopoly img {margin: 0 8%;} .or-geopoly span{display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; border-top: 1px solid #dfdddb; width: 33%;} .text-geopoly {font: 1.1em/1 'LatoBold', arial, sans-serif; color: #f26963; margin-top: 10px;} /* Img Bouton */ .geopoly .img-geopoly {margin: 10px 0 20px; cursor: pointer; height: 90px; background-size: cover; background-image: url(/images/img-geopoly.png); background-image: -webkit-image-set(url(/images/img-geopoly.png) 1x, url(/images/img-geopoly@2x.png) 2x); background-image: image-set("/images/img-geopoly.png" 1x, "/images/img-geopoly@2x.png" 2x); background-position: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 2px solid #FFF; } .geopoly .img-geopoly:hover {opacity: .8;} /* Dialog Bouton */ #DialogPolyMap { width:900px; } button.ggmap-polygon-clear, button.ggmap-polygon-remove, button.ggmap-polygon-ok, button.ggmap-polygon-submit { border: none !important; background-color: #203c54 !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; font: 0.95em 'LatoBold', sans-serif !important; color: #FFF !important; background-image: url(/images/ico-geopoly.png) !important; background-image: -webkit-image-set(url(/images/ico-geopoly.png) 1x, url(/images/ico-geopoly@2x.png) 2x) !important; background-image: image-set("/images/ico-geopoly.png" 1x, "/images/ico-geopoly@2x.png" 2x)!important; background-repeat: no-repeat !important; padding-left: 15px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } button.ggmap-polygon-clear:hover, button.ggmap-polygon-remove:hover, button.ggmap-polygon-ok:hover, button.ggmap-polygon-submit:hover{background-color: #091e30 !important;} button.ggmap-polygon-clear { background-position:left -2px !important;} button.ggmap-polygon-remove { background-position:left -31px !important;} button.ggmap-polygon-ok, button.ggmap-polygon-submit { background-position:left -62px !important; background-color: #f26963 !important;} button.ggmap-polygon-clear { background-position:left -2px !important;} button.ggmap-polygon-remove { background-position:left -31px !important;} button.ggmap-polygon-ok, button.ggmap-polygon-submit { background-position:left -62px !important; background-color: #f26963 !important;} .poly-error { font: 1.5em 'LatoRegular', sans-serif !important; margin-bottom: 20px; background-color: #f6e0e0; color: #ee0000; padding: 5px; } /* Message Tablette ( visible que sur les tablettes) */ .geopoly-message-tablette { font: 1em 'LatoRegular', sans-serif !important; background-image: url(/images/ill-geopoly.png); background-image: -webkit-image-set(url(/images/ill-geopoly.png) 1x, url(/images/ill-geopoly@2x.png) 2x); background-image: image-set("/images/ill-geopoly.png" 1x, "/images/ill-geopoly@2x.png" 2x); background-repeat: no-repeat; background-position: left top; padding-left: 110px; padding-bottom: 10px; margin-bottom: 20px; } .geopoly-message-tablette strong { font: 1.15em 'LatoBold', sans-serif !important; font-weight: normal; color: #f26963; } /* 8.4 Specificites ----------------------------------------------------------------------------------------------------*/ /* Specifique a la home */ .masque-rech.home-form {margin: 174px 0 0; padding: 0; background: none #FFF; position: relative; z-index: 1; height: 55px; } /* Largeur des champs */ #HomeSearch .form-critere { margin: 0 !important; border-right: 1px solid #d5d5d5; height: 55px; float:left; } #HomeSearch .form-critere-ope{ width: 14.5% !important; } #HomeSearch .form-critere-type{ width: 19.5% !important;} #HomeSearch .form-critere-input-ville{ width:37.5% !important; height: auto; border-right: none !important; position: relative;} #HomeSearch .form-critere-elargir{border-right: none !important; border-left: 1px solid #d5d5d5; width: 10%; } #HomeSearch .form-critere-elargir .elargir { width: 100% !important; float: none;} #HomeSearch .form-critere-elargir .custom-select-container{ width: 100% !important;margin: 0 !important;} #HomeSearch .custom-select-container, #HomeSearch .custom-select-choice {height: 55px; line-height: 55px; border: none;} #HomeSearch .form-submit-rech {width: 5.5%; height: 55px; border: 0;background-color: #f26963; float: right; color: #FFF;font-family: "LatoBold", Arial, Helvetica, sans-serif; text-align: center; padding:0;} #HomeSearch .lieu-bloc-autocompletion {background: none; height: 55px; line-height: 55px; border: none; } #HomeSearch .lieu-input-search { border: none; outline: none; padding: 0; height: 55px; width: 82%;} .lt-ie9 #HomeSearch .lieu-input-search {line-height: 55px} #HomeSearch .lieu-bloc-search .lieu-input-search.lieu-input-search-warning {height: 53px !important;} #HomeSearch .lieu-bloc-warning {top: 45px;} #HomeSearch .lieu-bloc-label {margin: 0;} /* Critères hidden */ #HomeSearch .form-critere-budget {width: 22.5% !important; border-right: none !important; border-left: 1px solid #d5d5d5;} #HomeSearch .form-critere-budget .form-critere-title {width: 26%; height: 55px; line-height: 55px; padding: 0 0 0 5%;} #HomeSearch .form-critere-budget .form-critere-content {width: 65%; height: 55px; vertical-align: top;} #HomeSearch.white-form .form-critere-budget .input-text {height: 55px !important; padding: 0 0 0 5%; line-height: 55px; border: none !important; background: none;} /* Dessiner sur la carte en home page */ .ico-drawmap-home {background: no-repeat 0 0; width: 45px; height: 46px; position: absolute; top: 6px; right: 15px; z-index: 10; cursor: pointer; background-image: url(/images/ico-drawmap.png); background-image: -webkit-image-set(url(/images/ico-drawmap.png) 1x, url(/images/ico-drawmap@2x.png) 2x); background-image: image-set("/images/ico-drawmap.png" 1x, "/images/ico-drawmap@2x.png" 2x); } /* Specifique a la page recrutement */ .critere-piece-jointe input {line-height: 1em !important; padding: 13px 2% 5px;} /* Recrutement Conseiller */ .left-liste, .right-liste {float: left; width: 45%;} .right-liste {margin-left: 3%;} .img-recrutconseiller1 {width: 45%; float: left; margin-left: 3%; padding-left: 20px;} .img-recrutconseiller1 img {width: 100%; height: auto} /* Recrutement Agence */ .img-recrutagence1 {width: 92%;} .img-recrutagence1 img {width: 100%; height: auto} .img-recrutagence2 {width: 32%; float: right; margin-top: -40px;} .img-recrutagence2 img {width: 100%; height: auto} /* Qui sommes-nous */ .img-agence1, .img-agence2 {width: 100%; margin: 30px 0;} .img-agence1 img, .img-agence2 img {width: 100%; height: auto;} /* Garantie revente */ .addbox, .plus {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-bottom: 10px;} .addbox {text-transform: uppercase; color: #fff; background: #203C54; padding: 3px 8px 2px;} .plus {font: 1.5em 'LatoBold', arial, sans-serif; color: #203C54; padding-top: 2px; margin: 0 8px;} p.legend {font-size: .8em;} .img-garantie1 {width: 100%;} .img-garantie1 img {width: 100%; height: auto} /* Valorisation immobilière */ .img-valorisation1, .img-valorisation2, .img-valorisation3 {width: 100%; margin: 25px 0 50px;} .img-valorisation1 img, .img-valorisation2 img, .img-valorisation3 img {width: 100%;} .ico-virtuel360 {background: transparent url(/images/ico-virtuel360.png) no-repeat; width: 190px; height: 177px; -webkit-background-size: 190px 177px; background-size: 190px 177px; margin-bottom: 25px;} .left-valorisation-part2 {float: left;} .right-valorisation-part2 {float: right;} .agence .leftside-page.leftside-page-smaller {width: 40%; padding: 0; margin-top: 0;} .agence .rightside-page.rightside-page-larger {width: 60%; padding: 0; margin-top: 0;} /* Specifique aux pages mon compte */ .mya input.form-submit-maj {float: none;} /* Specifique a liste_neuf */ /* Partie masquee */ /* 8.5 Module de lieu ----------------------------------------------------------------------------------------------------*/ *+html .home .lieu-bloc-label { min-height:30px;} .masque-rech .form-critere.form-critere-lieu {width: 100%; margin-right: 0;} /*-- Partie haute --*/ .masque-rech .form-critere-input-ville {width: 100%; margin-right: 3% !important;} .uk .masque-rech .form-critere-input-ville {width: 41.7%;} .form-critere-elargir {width: 10.5%; margin-right: 0 !important;} .lieu-bloc-autocompletion {width: 100%; height: 38px; background: #fff; border: 1px solid #dfdddb; line-height: 3em;} .masque-rech .lieu .form-critere-title {width: 14%; padding-left: 2%;} .uk.liste-neuf .masque-rech .lieu .form-critere-title {width: 17%;} .masque-rech .lieu .form-critere-title .form-rubrique {padding-top: 0;} .lieu-bloc-search input.lieu-input-search {width: 96%; height: 27px; line-height: 1.7em; text-overflow: ellipsis; border: none !important; position: absolute; } .uk.liste-neuf .lieu-bloc-search input.lieu-input-search {width: 75%;} .lt-ie9 .lieu-bloc-search input.lieu-input-search {width: 84%; } .input-searching { background: #fff url(/images/ajax-loader-autocompletion.gif) no-repeat 97% 50% !important; } #HomeSearch .input-searching { background-position: 70% 50% !important; } .ui-autocomplete.ui-widget-content {border-bottom: none; border-top: none; border-left: none; border-right: none; padding: 0; box-shadow: 0 4px 20px rgba(0,0,0,.4); font-family: "LatoRegular", Arial, sans-serif; border-radius: 0; max-height: 250px; overflow-y: auto; overflow-x: hidden;} .ui-autocomplete.ui-widget-content .ui-menu-item a { padding: 0; border-radius:0; font-size: 0.8em; line-height: 1.1; } .ui-autocomplete.ui-widget-content .ui-menu-item a > span { color: #6c6c6c; padding: 10px !important; border-radius: 0; white-space: nowrap; display: block; } .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover { border-color: #dcdcdc; background: none; } .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover > span{ background-color: #f6f6f6;} .ui-autocomplete.ui-widget-content .ui-menu-item a span>span { margin: 0; } /* Select */ .lieu-bloc-expand {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 38%; margin-left: 6%; margin-top: -30px;} .lt-ie8 .lieu-bloc-expand {margin-top: 16px;} .lieu-expand-label {width: 25%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .lieu-bloc-expand-input {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; font-size: 0.9em;} /*-- Partie basse --*/ .lieu-bloc-label {margin: 10px 0; width: 134.5%;} .uk .lieu-bloc-label {width: 130.5%;} .lieu-editor-lst { overflow: auto; height:80%; } .lieu-search-label { margin-right: 1.5%; width:10%;} .lieu-input-search { background-color: #FAFAFA; border: #DADADA 1px solid; outline: none; padding: 4px; } lieu-bloc-label-list .lieu-bloc-label-btn:active { bottom: -1px; } .lieu-bloc-label-list ul { margin: 0 !important; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; width: 100%; background-color: #fff; -webkit-box-sizing: border-box; box-sizing : border-box; background: none; } .lieu-bloc-label-list ul li{ color: #333; padding: 3px 20px 3px 5px; margin: 3px 4px; position: relative; cursor: default; display: inline-block; line-height: 1.4em; -webkit-border-radius: 3px; border-radius : 3px; background-color: #e4e4e4; font-size: 0.9em; } .lieu-bloc-label-btn {display: none;} .lieu-bloc-label-list-del { display: block; position: absolute; right: 4px; top: 7px; width: 10px; height: 9px; font-size: 1px; cursor: pointer; z-index: 10; background: transparent url(/images/bg-pictos-lieu.png) no-repeat 0 -7px;} .lieu-bloc-label-list-del:hover { background-position: -11px -7px; } .lieu-bloc-editor {display: none; visibility: hidden; } .lieu { z-index: 10; position: relative;} .lieu-editor-bg { z-index: 5; top: 0; left: 0; width: 100%; height: 100%; position: absolute; } .no-rgba .lieu-editor-bg { background-color: #fff;} .lieu-editor-lst-container { z-index: 3; top: 0; z-index: 10; height: 110px; background: white; width: 390px; position: relative; border-top: #ddd 1px solid; border-bottom: #ddd 1px solid; padding: 10px 0 30px; box-shadow: 0 0 60px rgba(0,0,0,.2); } .lieu-editor-lst-container ul { padding: 0; list-style: none; } .lieu-editor-lst-container ul li { padding: 10px 0 10px 20px; background-color: transparent; margin: 0 0 0 15px; cursor: pointer; color: #000; background: transparent url(/images/bg-pictos-lieu.png) no-repeat 0 -33px;} .lieu-editor-lst-container ul li:hover { background-position: 0 -49px; color: #555; } .lieu-editor-close { z-index: 20; background: transparent url(/images/slider-controls.png) no-repeat -6px -236px; cursor: pointer; width:25px; height:25px; position:absolute; top:-12px; right:-12px; } .lieu-editor-close:hover { background: transparent url(/images/slider-controls.png) no-repeat -45px -236px; } .lieu-editor-valid { text-align: center; padding-top: 15px; border-top:#eee 1px solid; } .lieu-editor-valid input { border: 0; color: #fefefe; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; background-color: #35383a; } .error-form { border:1px solid #C00 !important; } /* Perso en fonction du type */ .lieu-result-d {/* Departements */ font-style: italic; font-family: 'LatoBold', Arial, sans-serif; color:#095276; border-bottom: #ddd 1px solid; } .lieu-result-g {/* Groupe de villes */ font-family: 'LatoBold', Arial, sans-serif; color:#555; } .lieu-result-r {/* Région */ text-transform: uppercase; font-weight: bold; color:#095276; border-bottom: #ddd 1px solid; } .lieu-result-v {/* Ville */ color:#555; } .lieu-result-p {/* Pays */ text-transform: uppercase; font-weight: bold; border-bottom: #ddd 1px solid; } /* Lieu warning */ .lieu-bloc-warning { position: absolute; top: 22px; left: 64px; color: #FFF; z-index: 15;} .lieu-bloc-warning-arrow {background: url(/images/bg-warning-arrow.png) center bottom no-repeat transparent;height: 20px;} .lieu-bloc-warning-tooltip {background: transparent url(/images/bg-warning-tooltip.png); color: #FFF; padding: 8px; line-height: 1em;font-size: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .lieu-bloc-search .lieu-input-search.lieu-input-search-warning {background: #e7e7e7 !important; border: 1px dashed #c7c7c7 !important;} /*-- Specificites de la page alerte email --*/ .alerte .lieu-bloc-autocompletion {background: transparent; border: none; line-height: inherit; height: auto;} .alerte .lieu-search-label {width: 20.5%; margin-right: 1%;} .alerte .lieu-bloc-search input.lieu-input-search {background: #fff; border: 1px solid #dfdddb !important;} .alerte .lieu-bloc-search input.lieu-input-search {width: 76.5%;} .alerte .lieu-bloc-label {margin: 10px 0 10px 21.5%; width: 78.5%;} .alerte .form-critere-elargir, .uk.alerte .form-critere-elargir {width: 31%; margin-left: 21.5%;} /* // ========================================== \\ || || || IX. LINKS || || || \\ ========================================== // */ a:link, a:visited { color: #f26963; text-decoration: none; } a:hover, a:active{ color: #f26963; text-decoration: underline;} a:link.submit-classique, a:visited.submit-classique {color: #fff; padding: 11px 4% 0; height: 24px; display: inline-block; white-space: nowrap; *display: inline; *zoom: 1; vertical-align: top; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:hover.submit-classique, a:active.submit-classique {color: #fff; text-decoration: none; background-color: #f26963;} /* // ========================================== \\ || || || X. DIVERS || || || \\ ========================================== // */ /* --------- Home Page --------- */ /* Effets ( delay du animate */ .effect1{ animation-delay:300ms, 1000ms; -moz-animation-delay:300ms, 1000ms; /* Firefox */ -webkit-animation-delay:300ms, 1000ms; /* Safari and Chrome */ -o-animation-delay:300ms, 1000ms; /* Opera */ } .effect2{ animation-delay:1300ms, 1600ms; -moz-animation-delay:1300ms, 1600ms; /* Firefox */ -webkit-animation-delay:1300ms, 1600ms; /* Safari and Chrome */ -o-animation-delay:1300ms, 1600ms; /* Opera */ } .effect3{ animation-delay:1800ms, 2100ms; -moz-animation-delay:1800ms, 2100ms; /* Firefox */ -webkit-animation-delay:1800ms, 2100ms; /* Safari and Chrome */ -o-animation-delay:1800ms, 2100ms; /* Opera */ } .os-animation{opacity: 0;} .os-animation.animated{opacity: 1;} /* Slogan */ .home-slogan { text-align: center;text-transform: uppercase;color: #FFF; margin:70px 0;} .home-slogan1 {display: inline-block; *display:inline; *zoom:1; width: 100%; letter-spacing: 0.2em; font: 3.5em 'LatoBold', Arial, sans-serif;} .home-slogan2 {display: inline-block; *display:inline; *zoom:1; width: 100%; font: 1.9em 'LatoBold', Arial, sans-serif; letter-spacing: 0.2em;} /* Widgets ronds */ .widgets-home { text-align: center; margin: 50px 0; position: relative; z-index: 0; display: inline-block; *display:inline; *zoom:1; width: 100%; } .widgets-home li{display: inline-block; *display:inline; *zoom:1; margin: 0 50px !important; vertical-align: top;} .widgets-home span{font: 1.5em 'LatoBold', Arial, sans-serif; width: 190px; margin: 160px 0 0; display: inline-block; *display:inline; *zoom:1; } .widgets-home a, .widgets-home div{display: inline-block; *display:inline; *zoom:1; width: 230px; height: 230px; text-decoration: none; position: relative; text-align: center; background-image: url(/images/bg-round-widgets.png); background-image: -webkit-image-set(url(/images/bg-round-widgets.png) 1x, url(/images/bg-round-widgets@2x.png) 2x); background-image: image-set("/images/bg-round-widgets.png" 1x, "/images/bg-round-widgets@2x.png" 2x);color: #f26963; cursor: pointer; } .widgets-home a:hover, .widgets-home div:hover {color: #FFF; } .widget-home-geo div {background-position: left top;} .widget-home-nego a {background-position: right top;} .widget-home-geo div:hover{background-position: left bottom; } .widget-home-nego a:hover {background-position: right bottom;} /*--Home Slide agence --*/ /*.home-slide-agence {background: #f26963 url('../images/bg-mosaik.jpg') repeat; background-size: cover; min-height: 250px; text-align: center; position: relative; width: 100%; position: relative; }*/ .home-slide-agence { background-size: cover; min-height: 310px; text-align: center; position: relative; width: 100%; position: relative; background: transparent url(/images/bg-bleufonce70.png) repeat; } .home-slide-agence a {text-decoration: none;} .home-slide-agence .large-flap-container {overflow: hidden; width: 100%; min-height: 310px; } .home-slide-agence-text { color: #FFF; } .home-slide-agence-text .heading2{margin: 100px 0 35px; color: #FFF; font-family: 'LatoBold', Arial, Helvetica, sans-serif;} .home-slide-agence .previous, .home-slide-agence .next {width: 24px; display: inline-block; *display: inline; *zoom: 1; height: 45px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; background-repeat: no-repeat; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); z-index: 10; top: 100px; } .home-slide-agence .previous {left: 8%; background-position: 0 -338px;} .home-slide-agence .next {right: 8%; background-position: -25px -338px;} .home-slide-agence .previous:hover {background-position: 0 -383px;} .home-slide-agence .next:hover {background-position: -25px -383px;} .home-slide-agence a.home-slide-link{width: 100%; height: 100%;display: inline-block; *display:inline; *zoom:1;} .home-slide-agence .quotes.left-quotes-white, .home-slide-agence .quotes.right-quotes-white { top: 100px;} /*-- Biens vedettes home --*/ .bien-vedette .wrapper {max-width: 1380px;} .bien-vedette { background: #FFF; position: relative; text-align: center;} .bien-vedette-title { text-align: center; font: 1.5em 'LatoBold', Arial, sans-serif; text-transform: uppercase; padding: 40px 0; } .bien-vedette-title hr{ margin: 15px auto; width: 80px; border-top: 6px solid #f26963;} a.home-vignette-container, .widget-vide {background-color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 23%; margin: 0 1.5%; position: relative; } .bien-vedette:first-child a.home-vignette-container, .bien-vedette:first-child .widget-vide { margin-left: 0; } .bien-vedette a.home-vignette-container:nth-child(4),.bien-vedette .widget-vide:nth-child(4) { margin-right: 0; } a.home-vignette-container{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.home-vignette-container:hover {background-color: #000; text-decoration: none !important;} .home-vignette img {width: 100%; height: auto;} .home-vignette img.no-flap {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .bien-vedette a:hover img {opacity: 0.8} .infos-bien { bottom: 0; width: 100%; padding: 60px 0 36px; background-color: #ebeae8; font: 1.4em/1.7em 'LatoBold', Helvetica, Arial, sans-serif; color: #203c54; text-align: center; border-bottom: 4px solid #F26963; } .infos-bien .localisation {font-size: .9em;} .infos-bien .prix {font: .9em/1.7em 'LatoBlack', Helvetica, Arial, sans-serif;} .infos-bien-plus { display: block; position: relative; width: 55px; height: 55px; margin: -85px auto 20px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; background-color: #ebeae8; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; line-height: 55px; } a.home-vignette-container:hover .infos-bien-plus {background-color: #f26963; color: #fff;} .infos-bien-plus span {font-size: 2.2em; font-family: 'LatoLight', arial, sans-serif;} /*-- cercles Hack IE8 and below--*/ .lt-ie9 .infos-bien-plus { background-image: url(/images/infos-bien-plus.png); background-image: -webkit-image-set(url(/images/infos-bien-plus.png) 1x, url(/images/infos-bien-plus@2x.png) 2x); background-image: image-set("/images/infos-bien-plus.png" 1x, "/images/infos-bien-plus@2x.png" 2x); background-position: top; background-repeat: no-repeat; } .lt-ie9 a.home-vignette-container:hover .infos-bien-plus {background-position: bottom;} .lt-ie9 .infos-bien-plus span { display:n } .bien-vedette-btn {text-align: center; margin: 30px 0;} .bien-vedette-btn a:link, .bien-vedette-btn a:visited {border: 1px solid #203c54; font: 0.95em "LatoBold", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; padding: 15px 20px; color: #203c54; display: inline-block; text-decoration: none !important; -webkit-transition: all .3s ease; transition: all .3s ease; } .bien-vedette-btn a:hover, .bien-vedette-btn a:active {text-decoration: none; background-color: #203c54; color: #FFF;} /*-- Home Slide news --*/ .home-slide-news-title { text-align: left; font: 1.5em 'LatoBold', Arial, sans-serif; text-transform: uppercase; padding: 0 0 40px 5%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .home-slide-news-title hr{ margin: 15px auto 0; width: 80px; border-top: 6px solid #f26963;} .home-slide-news {background-color: #fff; min-height: 310px; position: relative; width: 100%; text-align: left; padding: 40px 0 70px; } .home-slide-news .large-flap-container {overflow: hidden; width: 100%; min-height: 310px; } .home-slide-news-content { width: 100%; text-align: left; } .home-slide-news-text { padding-right: 5%; } .home-slide-news-text .heading1{margin: 0 0 35px; font: 1.5em 'LatoBold', Arial, Helvetica, sans-serif; } .home-slide-news-btn {margin-top: 20px;} .home-slide-news-text.news-vide .heading1{text-align: center; margin-top: 90px;} .home-slide-news .previous, .home-slide-news .next {width: 24px; display: inline-block; *display: inline; *zoom: 1; height: 45px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: transparent; background-repeat: no-repeat; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); z-index: 10; top: 180px; } .home-slide-news .previous {left: 8%; background-position: 0 -383px;} .home-slide-news .next {right: 8%; background-position: -25px -383px;} .home-slide-news a.home-slide-link{width: 100%; height: 100%;display: inline-block; *display:inline; *zoom:1;} .home-slide-news-img { width:335px; height: 335px; float: left; margin: 0 4% 0 7%; overflow: hidden; background-color: #eeeeee; text-align: center;} .home-slide-news-img img { height: 335px; } .home-slide-news-img-mask {background: transparent url('../images/home-slide-news-img-mask.png') no-repeat center; background-size: 102%; width: 335px; height: 335px; position: absolute; z-index: 1; } /* --------- Page contact --------- */ .contact .main-content-demicol { width: 48%; margin-right: 2%; } /* ========================================================================== 10.1 HELPER CLASSES ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 100%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== 10.2 PRINT STYLES ========================================================================== */ @media print { @page { margin: 1.5cm 0.5cm !important; } } /* AJOUT DE LA CLASS PRINT SUR TOUT LE CSS D IMPRESSION - pour ne pas interagir avec les styles deja en place */ /* Generalite impression */ body.print {color: #000; font-family: Arial, sans-serif; font-size: 12px; background-color: #78797d;} body.print p {color: #000; font-family: Arial, sans-serif; font-size: 12px; text-align: justify;} body.print img {height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .print .clearfix {margin: 10px 0;} .print .heading2 {text-transform: uppercase; color: #545554; font: bold 13px/11px Arial, sans-serif;} .print hr {margin: 5px 0;} body.print .superslides{display: none;} /* Parties principales */ .print #global {width: 615px; margin: 20px auto; position: inherit; background-color: #fff;} .print #global-content {width: 100%; border: 1px solid #cdcdcd; padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Header */ .print header#top {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .print.programmes header#top {border-bottom: 2px solid #cdcdcd; padding-bottom: 10px 0; margin-bottom: 10px;} .print .logo {width: 22%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 10px; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; } .print .logo img {max-height: 90px;} .print .adresse {width: 56%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 2%; min-height: 1px;} .print.programmes .detail-actions {font-family: Arial, sans-serif; font-size: 12px; line-height: 1.5em; background: none; } .print .adresse .agence-name {text-transform: uppercase; font-weight: bold;} .print .adresse .agence-adresse {font-size: 11px;} .print .qrcode-link { width: 14%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-left: 2%; min-height: 1px; } .print .link-print {cursor: pointer; text-align: center; background-color: #535353; color: #fff; padding: 5px 3px; margin-top: 10px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .print .link-print:hover {text-decoration: none; background-color: #000; color: #fff;} /* Content */ .print #content {border-top: 2px solid #cdcdcd; padding: 10px; margin-top: 10px; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; } .print.programmes #content {border-top: none; padding: 0 10px;} .print .detail-actions {margin-bottom: 0;} /* 10.2.1 Page detail ----------------------------------------------------------------------------------------------------*/ /* Infos principales */ .print .infos-princ {font-weight: bold; width: 49%; float: right; display: block; min-height: 1px; margin-left: 2%; } .print .infos-princ span {font-weight: normal;} .print .infos-princ ul {padding: 0; margin: 0;} .print .infos-princ li {list-style-type: none;} .print .ref span span{ background-color: #cdcdcd; padding: 2px 10px; font-weight: bold; } .print .infos-princ .type {font-size: 16px; font-weight: bold; line-height: 19px; text-transform: uppercase; margin: 10px 0 5px;} .print .infos-princ .ville {font-size: 14px; font-weight: bold;} /* texte descriptif */ .print .description {width: 100%; margin-top: 25px; max-height: 220px; overflow: hidden;} .print .mentions-print {display: block; font-size: 10px;} /* Photos */ .print .photo .prix {text-align: left; font-size: 17px; font-weight: bold; line-height: 12px;} .print .photo .prix.prix-location {text-align: right; font-size: 12px; font-weight: normal;} .print .photo {width: 48%; float: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; min-height: 1px; position: relative;} .print .big-photo, .print .small-photos { -webkit-box-sizing: border-box; box-sizing: border-box; } .print .small-photos {min-height: 70px;} .print .small-photos img{max-height:70px} .print.detail .is-flap.scrollpane-to-child {width: auto; height: 70px; float: none; overflow: auto; margin-right: 1%; margin-bottom: 1.5%;} .print .no-flap {display: block;} .print .mini-photo {display: inline-block; *display:inline; *zoom:1; min-height: 1px; margin: 0 1% 1.5% 0;} .print .mini-photo.no-flap {display: none; visibility: hidden;} .print .mini-photo:last-child {margin-right: 0;} /* DPE */ .print .conso-energie {width: 48%; float: left; display: block; min-height: 1px; margin-left: 0;} .print .emissions-gaz {width: 48%; float: left; display: block; min-height: 1px; margin-left: 2%;} .print .DpeNote {margin-top: 0 !important; color: #000; position: inherit; padding: 0; background: none; width: auto; text-align: left; height: auto; top: auto; font-size: 15px;} /* Tableau programme neuf */ .print .detail-liste-lots table {width: 100%;} .print .detail-liste-lots thead th {padding: 5px 10px; border-right: 1px solid #cdcdcd; text-transform: uppercase;} .print .detail-liste-lots tr {text-align: left; border: 1px solid #cdcdcd;} .print .detail-liste-lots td {border-right: 1px solid #cdcdcd; padding: 3px 10px;} /* Formulaire de visite */ .print .form-critere .half-col {width: 48%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .print .form-critere .half-col:first-child {margin-right: 2%;} .print .half-col .input-text, .print .half-col textarea, .print .half-col input {padding: 0 4%;} .print .form-rubrique {font: 11px Arial, sans-serif; padding: 0;} .print .white-form .input-text {height: 25px; border: 1px solid #cdcdcd;} .print .half-col .form-rubrique {width: 40%;} .print .half-col .input-text {width: 50.2%;} .print .form-rubrique {width: 19%;} .print .input-text {width: 75%;} .print .white-form .input-text, .print .white-form input, .print .white-form textarea {color: #000;} /* 10.2.2 Page selection ----------------------------------------------------------------------------------------------------*/ body.selection.print p {text-align: left;} .selection.print hr {margin: 5px 0 10px;} .selection.print .clearfix {margin: 28px 0;} .selection.print .photo {margin-bottom: 15px; float: left; margin: 0 2% 0 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .selection.print .description {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: left; width: 50%;} .selection.print .description ul {padding-left: 0; margin: 0 0 15px 0;} .selection.print .description li {list-style-type: none;} .selection.print .description, .selection.print .description span.ref-selection {font-weight: bold;} .selection.print .description span {font-weight: normal;} .selection.print .description p {max-height: 73px; overflow: hidden;} .selection.print .liste-navpage-container, .selection.print .retour-top {display: none;} .selection.print #MentionInterAgence {text-align: center; line-height: 10px;} /* ========================================================================== 10.3 COMPATIBILITE ========================================================================== */ /* Supersized Pour Opera */ ul#supersized{ margin:0; } /* IE6 Supersized (désactivé) */ .lt-ie7 ul#supersized{ display:none; } .lt-ie7 body{ background: #333 url(/images/supersized/bg1.jpg) no-repeat fixed 50% 0; } /* // ========================================== \\ || || || XI. MEDIA QUERIES || || || \\ ========================================== // */ /* ========================================================================== 11.1 POINT DE BREAK ENTRE LA COLONNE DE DROITE ET LE MENU DE GAUCHE ========================================================================== */ @media (max-width: 1400px) { /* Header */ .home #header-logo {width: 165px; height: 140px;} .home #header-logo a {background-size: 165px auto; -webkit-background-size: 165px auto; width: 165px; height: 140px;} .slogan {width: 230px; left: 165px; background-size: 230px auto; -webkit-background-size: 230px auto;} .header-top { padding: 0 2%;} .wrapper, #home-intro .wrapper { max-width: 1400px;} .main-menu {font-size: 0.95em;} .header-menu li a{font-size: 0.9em; padding-left: 0 !important; padding-right: 0 !important; margin: 0 10px !important;} .home .main-menu .sf-menu li:hover ul, .home .main-menu .sf-menu li.sfHover ul {top: inherit; bottom: 72px; /*left: -25% !important;*/ width: 100%;} .sf-menu ul li a:link, .sf-menu ul li a:visited {padding: 6px 0 !important; width: 100%; text-align: center;} #HomeSearch .lieu-bloc-autocompletion {background: #fff;} #HomeSearch .lieu-input-search {width: 65%;} #HomeSearch .input-searching { background-position: 95% 50% !important; } /*-- Langues --*/ .deroulant-lang{ padding-left: 5px; margin-left: 5px;} .deroulant-lang ul{ left: 0px !important; width: 45px !important;} /* Detail */ .detail .rightside-content { width: 80%;} .detail .leftside-content {display: 25%;} .detail .full-content .wrapper {width: 80%;} /*-- Thumbs Specific Detail --*/ .detail .thumbs-title { display: none;} .detail .thumbs-flap-wrapper { float: none; width: 88%; padding: 10px 6%; position: relative; clear: both; background: #FFF; height: auto !important;} /* .detail .thumbs-flap-container {text-align: center; font-size: 0;}*/ .detail .jspContainer, .detail .jspPane, .detail .thumbs-flap-container{height: inherit ; width: inherit; padding: 0 ;} .detail .thumbs-flap-container .is-flap{ display: inline-block; *display: inline; *zoom: 1; background: #fff; text-align: center; position: relative; overflow: hidden; margin-right: 18px; width: auto; float: none; } .detail .thumbs-flap-container .is-flap:first-child{ margin-left: 0; } .detail .thumbs-flap-container .last-thumbs {margin-right: 0; } .detail .thumbs-flap-container .is-flap img {background: #fff; height: auto; width: 100%; max-width: 156px; cursor: pointer !important; float: left; } .detail .thumbs-control-prev, .detail .thumbs-control-next {position: absolute; top: 56px; width: 12px; height: 22px; background: transparent no-repeat; cursor: pointer; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); filter: alpha(opacity=40); opacity: 0.4; display: block; } .detail .thumbs-control-prev {left: 2%; background-position: 0 -317px; } .detail .thumbs-control-next {right: 2%; background-position: -12px -317px; } /* JScrollPane */ .scrollpane {outline: none; width: 100% !important; } .scrollpane > div { position: relative; white-space: nowrap; overflow: hidden; width: 100% !important;} .scrollpane .jspPane { position: absolute; width: 100% !important; } .jspVerticalBar {position: absolute; top: 0; right: 0; width: 16px; height: 100%;} .jspHorizontalBar{ position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; display: none;} .jspVerticalBar *, .jspHorizontalBar *{ margin: 0; padding: 0; } .jspCap{display: none;} .jspHorizontalBar .jspCap{ float: left; } .jspTrack{background: #fff; position: relative;} .jspDrag {background: #fff; position: relative;top: 0; left: 0; cursor: pointer;} .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%;} .jspArrow{ background: #50506d; text-indent: -20000px;display: block;cursor: pointer; } .jspArrow.jspDisabled{cursor: default; background: #80808d; } .jspVerticalBar .jspArrow{ height: 16px;} .jspHorizontalBar .jspArrow{width: 16px;float: left;height: 100%;} .jspVerticalBar .jspArrow:focus{ outline: none; } .jspCorner{ background: #eeeef4;float: left;height: 100%;} /* Home */ .masque-rech.home-form {width: 88%; margin: 174px auto 0;} /* Liste */ .liste-bien-description li {margin-right: 0px;} .liste-bien-photo {width: 42%;} .liste-bien-description {width: 54%;} /* Minisite */ .liste-nego-photo {width: 22%; height: 110px; overflow: hidden;} /* Home news */ .home-slide-news .previous {left: 1%;} .home-slide-news .next {right: 1%; } } @media (max-width: 1210px) { /* Sous menu en 2 lignes */ .sf-menu ul li a:link, .sf-menu ul li a:visited {font-size: 15px; padding: 6px 3% !important; width: 94%;} .sf-menu ul li.twolines {height: auto;} .sf-menu ul li.twolines a:link, .sf-menu ul li.twolines a:visited {font-size: 15px; padding: 7px 3% !important; width: 94%; text-align: center; height: auto;} } /* ========================================================================== 11.1 POINT DE BREAK ENTRE LE SLOGAN ET LE MENU TOP ========================================================================== */ @media (max-width: 1100px) { .slogan {width: 220px; background-size: 220px auto; -webkit-background-size: 220px auto; left: 145px; bottom: 10px;} } /* ========================================================================== 11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 1024px) ========================================================================== */ /* BG Header - Home Intro pour IOS*/ /* iPad with portrait orientation.*/ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){ #home-intro {height: 1024px;} } /* iPad with landscape orientation.*/ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){ #home-intro {height: 768px;} } @media (min-width: 768px) and (max-width: 1024px) { /* Hauteur VIDEO */ #video-bg {height: 100%; height: calc(100% - 71px);} .home .header-top { height: 175px;} .page-container {padding: 30px 2% 50px;} .wrapper{ max-width: 1024px;} .bg-header {background-size: auto; height: 175px;} #header-logo {margin-top: 25px; height: 95px;} .home #header-logo {height: 108px; width: 125px; margin-top: 25px;} #header-logo a {background-size: 110px auto; -webkit-background-size: 110px auto; width: 110px; height: 95px;} .home #header-logo a {background-size: 118px auto; -webkit-background-size: 118px auto; width: 118px; height: 105px;} .slogan {width: 200px; background-size: 200px auto; -webkit-background-size: 200px auto; left: 108px; bottom: 0;} .home .slogan {width: 185px; background-size: 185px auto; -webkit-background-size: 185px auto;} /* ----- Menus ----- */ .home .main-menu .sf-menu li:hover ul, .home .main-menu .sf-menu li.sfHover ul {bottom: 67px;} .main-menu {font-size: 0.78em;} .main-menu li a{ padding: 20px 0; width: 100%;} .home .main-menu li a{ padding: 25px 0;} .home .main-menu .bulle-nouveau {right: 0; top: -30px;} /* Main menu Submenu */ .main-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 61px; } .sf-menu ul li.twolines {height: auto;} .sf-menu ul li a:link, .sf-menu ul li a:visited, .sf-menu ul li.twolines a:link, .sf-menu ul li.twolines a:visited {font-size: 11px !important; padding: 6px 5% !important; width: 90%; height: auto; line-height: 30px; text-align: center;} .header-menu{ margin-top: 15px;font-size: 1.05em;} .header-menu li a:link, .header-menu li a:visited {padding-bottom: 12px;} .header-menu li a{margin: 0 6px !important;} .main-menu .bulle-nouveau {top: -30px;} .bulle-nouveau {-webkit-background-size: 52px auto; background-size: 52px auto; width: 60px; height: 48px;} /*-- Langues --*/ .deroulant-lang{ padding-left: 2px; margin-left:2px; border: none;} /* Main menu Submenu */ .deroulant-lang ul, .deroulant-lang li.sfHover ul {top: 38px !important; left: 0px !important; } /* Little menu */ .little-menu {width: 40px; top: 290px;} .home .little-menu { top: 150px;} .little-menu li .little-menu-ico{height: 35px; width: 35px; background-size: cover; } .little-menu-ico.little-select {background-position: center 0;} .little-menu-ico.little-search {background-position: center -45px;} .little-menu-ico.little-mya {background-position: center -90px;} .little-menu-ico.little-fav {background-position: center -140px;} .notif-nb {right: -10px; top: -8px; width: 14px; height: 14px; line-height: 14px;} /* ----- Page d'accueil ----- */ /* Slogan */ .home-slogan { font-size: 0.6em; margin: 0px 0 20px;} /* Home form */ #HomeSearch .lieu-input-search {width: 55%;} #HomeSearch .form-critere-budget .form-critere-title {width: 32%;} #HomeSearch .form-critere-budget .form-critere-content {width: 60%;} #HomeSearch.white-form .form-critere-budget .input-text {width: 70%;} /* Biens vedettes */ .infos-bien {padding: 60px 0 26px; font-size: 1.1em;} .infos-bien .localisation {font-size: .8em;} .infos-bien-plus {margin: -85px auto 0; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 50px; } /* Widgets ronds */ .widgets-home {margin: 20px 0;} .widgets-home li{margin: 0 20px !important;} .widgets-home span{font: 1.1em 'LatoBold', Arial, sans-serif; width: 140px; margin: 100px 0 0; } .widgets-home a, .widgets-home div{ width: 150px; height: 150px; background-size: 300px auto;} /* Home news */ .home-slide-news-title {padding: 0 0 40px 0;} .home-slide-news .previous {left: 1%;} .home-slide-news .next {right: 1%; } /* ----- Liste ----- */ .masque-rech {padding: 6%; font-size: 0.9em;} .top-liste.clearfix {font-size: 0.9em;} /* Liste */ .liste-bien-photo {width: 35%;} .liste-bien-description {width: 60%;} ul.liste-bien-buttons {font-size: 0.95em;} /* Informations specifique au mode-2 ( vignette only) */ .liste-bien-container.mode-2{ min-height: 180px !important;} .mode-2 .liste-bien-price {bottom: 55px; right: 2px;} /* Alerte */ .liste-create-alert{ padding: 2% 6% 2% 4%; } .liste-create-alert-content{ width: 100%; float: none;} .liste-create-alert-content-input{ width: 100%; float: none; text-align: left;} input.input-text-alerte-mail {width: 85%;} input.submit-classique.form-submit-alerte-mail {width: 10%;} /* Moteur */ .or-geopoly span{ width: 30%;} /* ----- Footer ----- */ .message-responsive-text {width:80%; margin-left:auto; margin-right:auto;} /* ----- Detail ----- */ .detail .full-content .wrapper {width: 96%;} .detail .leftside-content, .detail .rightside-content{float: none; width: 100%;} .detail .ico-back { display: none;} .detail-topnav ul {text-align: center;} .detail-topnav li {margin: 10px 0;} .detail-topnav li a{padding-right: 0;} /*On masque le side form*/ .detail .leftside-content {display: none;} /*On affiche le bottom form et le bouton*/ .detail-contact-bottom {display: block;} .detail-topnav li.detail-contact-button { display: inline-block; *display:inline; *zoom:1; } .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 450px; min-height:450px;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img { width: auto; height: 450px;} .big-flap-container .diapo img.photo-big {max-width: 580px; max-height: 580px;} .large-flap-nav {opacity: 1 !important;} .large-flap-nav .previous, .large-flap-nav .next {width: 24px; height: 45px; background: transparent no-repeat; display: block; margin-top: 250px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .large-flap-nav .next {background-position: -25px -338px; right: 20px;} .large-flap-nav .next:hover {background-position: -25px -383px;} .large-flap-nav .previous {background-position: 0 -338px; left: 20px;} .large-flap-nav .previous:hover {background-position: 0 -383px;} #GGMapPoi{ width: 100% !important; height: 370px;} /* ----- Minisite ----- */ .liste-nego-photo {width: 30%; height: 110px; overflow: hidden;} /* ----- Recrutement ----- */ .img-recrutagence2 {width: 35%; float: none; margin-top: 20px;} /* Valorisation immobilière */ .ico-virtuel360 {width: 150px; height: 140px; -webkit-background-size: 150px 140px; background-size: 150px 140px;} } /* ========================================================================== 11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 900px) ========================================================================== */ @media (max-width: 900px) { /* Sous menu en 2 lignes */ .sf-menu ul li.twolines {height: auto;} .sf-menu ul li.twolines a:link, .sf-menu ul li.twolines a:visited {padding: 11px 5% !important; width: 90%; min-height: 20px; height: auto; line-height: 20px;} } /* ========================================================================== 11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px) ========================================================================== */ @media (max-width: 767px) { /*-- Generalites --*/ #home-intro {height: auto;} body {font-size: 12px;} .leftside-content {float: none; width: 100%;} .rightside-content {float: none; width: 100%;} .leftside-page, .recrutement .leftside-page {width: 100%; float: none;} .rightside-page, .recrutement .rightside-page {width: 100%; float: none; padding: 0;} .main-content-demicol, .main-content-demicol:first-child {width: 100%; margin: 0; float: none; margin-bottom: 20px;} .little-menu {display: none;} .page-container {padding: 30px 2% 50px;} .masque-rech {padding: 2%;} /*-- Header --*/ .bg-header {height: 210px;} .home .bg-header {display: block !important; background: transparent url(/images/bg-superslide-small.jpg) center -250px no-repeat; height: 100%; position: fixed !important; top:0px; background-position: center top;} /* On masque la video ou superslide */ #video-bg { display: none !important;} .superslides{display: none !important;} .header-top {display: block; height:145px; padding: 0 1%;; text-align: center;} .home .header-top {height: auto;} #header-logo {margin-left: 20px; margin-top: 20px; height: 110px;} .home #header-logo {margin: 25px auto 0; position: relative; float: none; width: 135px; height: 118px;} #header-logo a {background-size: 115px auto; -webkit-background-size: 115px auto; width: 115px; height: 100px;} .home #header-logo a {background-size: 135px auto; -webkit-background-size: 135px auto; width: 135px; height: 118px;} .slogan {width: 230px; background-size: 230px auto; -webkit-background-size: 230px auto; right: inherit; left: 115px; bottom: 15px;} .home .slogan {position: static; margin-left: -42px; margin-top: 18px;} .header-content{width: 100%; margin-top: 0;} .header-menu { margin-top: 30px; text-shadow: none;} .nav-btn{display: block;} /* le bouton devient visible */ .liste .search-responsive-btn{ display:block} /* le bouton devient visible */ .offers-responsive-btn{display:block} /* le bouton devient visible */ .liste .offers-responsive-btn{display:none !important} .home .offers-responsive-btn{display: none;} /*-- Menu Responsive (debut) --*/ /*-- On reaffiche le main-menu dans le block responsive --*/ .main-menu-responsive {display: block; padding-top: 6.25em;} /*-- Et on masque le Main menu --*/ .main-menu {display: none;} /* Menu deroulant */ .sf-menu ul {position: relative;} .sf-menu li {height: auto;} .sf-menu li:hover ul, .sf-menu li.menu-deroulant.sfHover ul {top: 2px !important; background: #fff; box-shadow: 0 0 0 rgba(0, 0, 0, 0); width: 100% !important; left: 0 !important;} .sf-menu ul li {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; text-align: right; height: auto;} .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li.twolines a:link, .sf-menu li.sfHover li.twolines a:active {border-bottom: none; text-align: right; height: 38px; line-height: 35px; padding:0 30px !important; margin: 0 12px 0 0; color: #203C54 !important; width: auto; background-image: none; font-family: 'LatoItalic', Helvetica, Arial, sans-serif !important; } .sf-menu li.sfHover li a:hover, .sf-menu li.sfHover li a:active, .sf-menu li.sfHover li.twolines a:hover, .sf-menu li.sfHover li.twolines a:active {color: #F26963 !important; background-color: transparent;} .sf-menu.menu-top li:hover ul, .sf-menu.menu-top li.sfHover ul {width: 100%;} .sf-menu li.sfHover a:first-child {margin: 0; padding: 18px 31px 17px;} .sf-menu li.menu-deroulant.sfHover ul:before {display: none !important;} .sf-menu li.menu-deroulant.sfHover li {border-bottom: 1px solid #F26963;} .sf-menu li.menu-deroulant.sfHover li.last {border-bottom: none;} /* Menu gris : s ouvre sur le cote */ .header-menu, .home .header-menu {font-family: 'LatoRegular', Helvetica, Arial, sans-serif; margin-top: 0; background: #334351 !important} .header-menu ul {text-align: right;} .header-menu ul.sf-menu li ul li:hover {background: #fff;} .header-menu ul.sf-menu li ul li:hover a {color: #F26963;} .header-menu ul li{ margin: 0 !important; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-font-smoothing: antialiased; font-smooth: always; position: relative;} .header-menu ul li:hover {background: #21303C;} .header-menu ul li.menu-deroulant.sfHover, .header-menu ul li.menu-deroulant.sfHover:hover { background: #F26963;} .header-menu li.last-link a {margin-right: 17px;} .header-menu ul li a:link, .header-menu ul li a:visited {color: #fff; padding: 12px 15px !important; display: block;} .header-menu ul li a:hover, .header-menu ul li a:active, .header-menu ul li a.current { color: #fff; border: none;} .header-menu ul li.c2a a:link, .header-menu ul li.c2a a:visited { background: none; text-transform: uppercase; } .header-menu ul li.current:after {z-index: 50; display: block; content: ""; position: absolute; bottom: 50%; right: -.03125em; margin-bottom: -.625em; border-top: .625em transparent solid; border-bottom: .625em transparent solid; border-right: .625em #fff solid;} /* Sous menu en 2 lignes */ .sf-menu ul li.twolines {min-height: 39px; height: auto;} .sf-menu li.sfHover li.twolines a:link, .sf-menu li.sfHover li.twolines a:visited {min-height: 38px; height: auto;} .header-menu ul li a.current-lang{ display: inline-block; *display:inline; *zoom:1; padding: 0 !important; margin: 10px 20px 10px 0 !important; width: 45px; height: 20px; background-image: url(/images/current-lang.png); background-image: -webkit-image-set(url(/images/current-lang.png) 1x, url(/images/current-lang@2x.png) 2x); background-image: image-set("/images/current-lang.png" 1x, "/images/current-lang@2x.png" 2x); background-repeat: no-repeat; } .maselection a:hover .notif-nb {background: #fff; color: #000;} #nav{ position: absolute; top: 0; /*padding-top: 6.25em;*/ overflow: hidden; } #nav .bulle-gratuit, #nav .bulle-nouveau {display: none;} #nav:not(:target) { z-index: 1; height: 0; } #nav:target .close-btn { display: block; } #nav .close-btn { position: absolute; top: 1.75em; left: 1.875em; z-index: 10; } .csstransforms3d.csstransitions.js-ready #nav { left: 0; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-ready #global-content { left: 0 !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform 500ms ease; -moz-transition: -moz-transform 500ms ease; -o-transition: -o-transform 500ms ease; transition: transform 500ms ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d.csstransitions.js-nav #global-content { -webkit-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -moz-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -ms-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); -o-transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); transform: translate3d(60%, 0, 0) scale3d(1, 1, 1); } .csstransforms3d.csstransitions.js-ready #nav .block { -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; -webkit-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -moz-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -ms-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -o-transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); transform: translate3d(60%, 0, 0) scale3d(0.9, 0.9, 0.9); -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; transform-origin: 50% 0%; } .csstransforms3d.csstransitions.js-nav #nav .block { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .js-ready #nav {height: 100%; width: 60%; background: #4f5459; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); } .js-ready #nav .block {background: transparent;} .js-ready #nav .close-btn {display: block;} .js-ready #nav {left: -60%;} .js-ready #global-content {left: 0;} .js-nav #global-content {left: 60%;} .fcts-menu:after{margin-left: -10px;} /* Menu responsive (fin) */ /* ----- Page d'accueil ----- */ /* Slogan */ .home-slogan { font-size: 0.75em; margin-bottom:10px ; margin-top: 130px;} /* Moteur */ .masque-rech.home-form {background: none; margin: 50px auto 0;} #HomeSearch .form-critere{ width: 100% !important; margin-bottom: 10px !important; height: auto; border: none; } #HomeSearch .form-critere-budget {background: #fff;} #HomeSearch .lieu-search-label {background: #FFF; margin: 0;padding: 0 2%;} #HomeSearch .form-submit-rech {width: 55px; height: 55px;} .lieu-bloc-label { width: 100%;} #HomeSearch .form-critere-budget .form-critere-title {width: 10%; padding: 0 2%; margin-right: 0;} #HomeSearch .form-critere-budget .form-critere-content {width: 82%;} #HomeSearch.white-form .form-critere-budget .input-text {width: 90%;} /* Widgets ronds */ .widgets-home {margin: 20px 0;} .widgets-home li{margin: 0 20px !important;} .widgets-home span{font: 1.1em 'LatoBold', Arial, sans-serif; width: 140px; margin: 120px 0 0; } .widgets-home a, .widgets-home div{ width: 180px; height: 180px; background-size: 360px auto;} /* Home news */ .home-slide-news {padding: 40px 0; min-height: 250px;} .home-slide-news .large-flap-container {min-height: 300px;} .home-slide-news .previous, .home-slide-news .next {top: 130px;} .home-slide-news .previous {left: 1%;} .home-slide-news .next {right: 1%; } .home-slide-news-img, .home-slide-news-img-mask { width:180px; height: 180px;} .home-slide-news-img img { height: 180px; } .home-slide-news-title {padding: 0 0 40px 0;} .home-slide-agence-text {padding:0 60px; } .home-slide-news-btn {text-align: center;} /* Page news */ .news-liste-photo, .news-liste-desc {display: block; width: 100%; margin-right: 0; float: none;} .news-liste-container .large-flap-container {min-height: 360px;} /* Home vedette */ a.home-vignette-container, .widget-vide {width: 80%; margin: 0 auto 10px; } .infos-bien {padding: 25px 0 20px; } .infos-bien-plus {margin: -55px auto 20px;} /* ----- Liste ----- */ /* Nb biens */ .liste-display-all-nb {text-align: left; padding: 8px 3% 5px; font-size: 0.8em; color: #FFF;background: #f26963;} .liste-display-all-nb .heading1 {padding: 0; margin-top: 0; background-image: none; color: #FFF;} /* Alerte */ .liste-create-alert{ padding: 2%; background-image: none;} .liste-create-alert-img {display: none;} .liste-create-alert-content{ width: 100%; float: none;} .liste-create-alert-content-input{ width: 100%; float: none; text-align: left;} input.input-text-alerte-mail {width: 80%;} input.submit-classique.form-submit-alerte-mail {width: 10%;} /* Item */ .liste-bien-photo {width: 99%;} .liste-bien-description {width: 95%;} .liste-bien-title {padding: 10px 0;} /* Informations specifique au mode-2 ( vignette only) */ .liste-bien-container.mode-2{ position: relative; padding-bottom: 10px; min-height: inherit !important; /*overflow: hidden;*/} .mode-2 .liste-bien-photo {width: 100%; height: 100%; position: relative; background: #f26963; text-align: center;} .mode-2 .liste-bien-description {position: relative;} .mode-2 .liste-bien-price { position: relative; bottom: inherit; top: inherit; right: inherit;} /* Img Bouton */ .geopoly .img-geopoly {margin: 10px auto !important; background-size: cover; width: 50%;} #DialogPolyMap { height:400px !important; } #DialogPolyMap .gg-map { height:355px !important; } /* Dialog Share */ .dialog-share, .dialog-send { float: none; width: 98%} .dialog-or {display: none;} .dialog-send-title, .dialog-share-title {padding: 0 0 10px; margin-bottom: 10px;} /* ----- Detail ----- */ .detail .full-content .wrapper {width: 96%;} .detail .rightside-content{float: none; width: 100%;} /*On masque le side form*/ .detail .leftside-content {display: none;} /*On affiche le bottom form et le bouton*/ .detail-contact-bottom {display: block;} .detail-topnav li.detail-contact-button { display: inline-block; *display:inline; *zoom:1; } .detail .ico-back { display: none;} .detail-topnav ul {text-align: center;} .detail-topnav li {margin: 10px 0 10px 5px;} .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 480px; min-height: 480px; width: 100%;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img{ height: 480px; } .detail-bien-desc{margin-top: 30px;} a.suggest-bien {width: 50%; } a.suggest-bien:last-child {display: none;} a.suggest-bien:first-child {display: block !important;} .big-flap-container .diapo img.photo-big {max-width: 400px; max-height: 400px;} .large-flap-nav {opacity: 1 !important;} .large-flap-nav .previous, .large-flap-nav .next {width: 24px; height: 45px; background: transparent no-repeat; display: block; margin-top: 190px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .large-flap-nav .next {background-position: -25px -338px; right: 20px;} .large-flap-nav .next:hover {background-position: -25px -383px;} .large-flap-nav .previous {background-position: 0 -338px; left: 20px;} .large-flap-nav .previous:hover {background-position: 0 -383px;} .poi-col {width: 44%; margin: 10px 1%;} #GGMapPoi{ width: 100% !important; height: 370px;} /* ----- Minisite ----- */ .liste-nego-photo {height: auto; margin-right: 20px;} .liste-nego-photo img{max-height: 140px; width: auto;} .liste-nego-container.clearfix {width: 98%;} .minisite .illustration-aside {margin: 0px auto;} .minisite .leftside-page {width: 100%; float: none; } .minisite .rightside-page {width: 96%; float: none; margin-top: 40px; text-align: center; } /* ----- Footer ----- */ .home #footer {padding-bottom: 0;} .message-responsive-text {width:80%; margin-left:auto; margin-right:auto;} /*Footer Menu*/ .footer-menu ul { float: none; width: 100%;} .footer-menu li { float: left;} .footer-menu li:first-child { padding-bottom: 8px!important; padding-top: 20px !important; width: 100%; font-weight: bold; border-top: 1px solid #4e4e4e;} /* Pied Ref Villes */ .pied-ref-villes li{width: 50%;} .pied-menu-left, .pied-menu-right{float:none; width: 100%; text-align: center; margin: 10px 0px; } /* --------- Page contact --------- */ .contact .main-content-demicol { width: 100%; margin-right: 0%; } /* ----- Recrutement ----- */ .left-liste, .right-liste {float: none; width: 100%;} .right-liste {margin-left: 0;} .img-recrutconseiller1 {margin: 15px 0 30px; padding-left: 0; width: 90%;} .img-recrutagence1 {width: 75%; margin: 20px 0;} .img-recrutagence2 {width: 25%;} /* Qui sommes-nous */ .agence .leftside-page, .agence .rightside-page {width: 100%;} /* Valorisation immobilière */ .ico-virtuel360 {width: 110px; height: 102px; -webkit-background-size: 110px 102px; background-size: 110px 102px;} .agence .leftside-page.leftside-page-smaller, .agence .rightside-page.rightside-page-larger {width: 100%;} } /* ========================================================================== 11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px) ========================================================================== */ @media (max-width: 480px) { /*-- Header --*/ .nav-btn, .search-responsive-btn, .offers-responsive-btn {width: 33px; height: 33px; background-size: 33px 33px; -webkit-background-size: 33px 33px;} /* ----- Page d'accueil ----- */ .header-top {height: 180px;} .home .header-top {height: 160px;} #header-logo {width: 115px; margin: 20px auto 0; margin-left: -40px; position: relative; float: none;} .home #header-logo {height: 105px; width: 120px;} .home #header-logo a {background-size: 120px auto; -webkit-background-size: 120px auto; width: 120px; height: 105px;} /* Slogan */ .home-slogan { font-size: 0.5em; margin-top:10px ;} .slogan {position: static; margin-left: -50px; margin-top: 15px;} .home .slogan {margin-left: -52px;} /* Home news */ .home-slide-news {min-height: 400px;} .home-slide-news .large-flap-container { min-height: 500px; } .home-slide-news .previous {left: 1%;} .home-slide-news .next {right: 1%; } .home-slide-news-content {text-align: center;} .home-slide-news-img{ float: none; margin: 0px auto;} .home-slide-news-text {padding-top: 10px; padding-right: 0;} /* Page news */ .news-liste-container .large-flap-container {min-height: 220px; height: auto;} /* Home Slide agence */ .home-slide-agence .quotes.left-quotes-white, .home-slide-agence .quotes.right-quotes-white {display: none;} .home-slide-agence-text {padding:0 20px; } #HomeSearch .lieu-input-search {width: 58%;} #HomeSearch .form-critere-budget .form-critere-title {width: 16%;} #HomeSearch .form-critere-budget .form-critere-content {width: 76%;} #HomeSearch.white-form .form-critere-budget .input-text {width: 85%;} /* Menu responsive */ .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited {font-size: .95em; padding: 0 25px 0 0 !important;} .sf-menu ul li.twolines {min-height: 39px; height: auto;} .sf-menu li.sfHover li.twolines a:link, .sf-menu li.sfHover li.twolines a:visited {min-height: 38px; height: auto;} /* ----- Liste ----- */ .masque-rech.home-form {margin: 25px auto 0;} /* Tri */ .filters-container {margin: 10px; float: left;} .filters-content li span{margin-left: 0 !important; margin-right: 16px !important;} .liste-bien-buttons li { width: 70%; font-size: 1.1em; background-color: #fcfcfc; border: 1px solid #d9d9d9; padding-left: 30%; margin-top: 2px; margin-bottom: 2px; } /* Informations specifique au mode-2 ( vignette only) */ .liste-bien-container.mode-2{width: 47%; font-size: 0.8em; } .liste-bien-container.mode-2 .liste-bien-description { font-size: 1em !important; } .liste-bien-container.mode-2 .btn-visite-virtuelle { bottom: 0; top: inherit; left: 0; right: inherit; } .liste-bien-photo a .ico-loupe { background: url('../images/ico-loupe-liste.png') 50% -110% no-repeat transparent;} /* Img Bouton */ #DialogPolyMap { height:250px !important; } #DialogPolyMap .gg-map { height:205px !important; } .ui-dialog-buttonset button{ font: 0.7em 'RobotoBold', sans-serif !important; background-image: none !important; padding: 2px; } .geopoly .img-geopoly { width: 70%;} /* ----- Detail ----- */ .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 280px; min-height: 280px; width: 100%;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img{ height:280px; min-height: 280px !important; width: auto;} .big-flap-container .diapo img.photo-big {max-width: 250px; max-height: 350px;} .large-flap-nav .previous, .large-flap-nav .next {margin-top: 100px;} .detail-bien-prix {position: relative; top: 20px;} .prix-location {text-align: left;} .detail-bien-title { float: none;width: 100%;} .detail-bien-specs { float: none; width: 100%; text-align: left; margin:10px 0; } .poi-col {width: 100%; margin: 10px 0;} .poi-col li {line-height: 2.5em;} #GGMapPoi{ width: 100% !important; height: 300px;} /* ----- Minisite ----- */ .liste-nego-photo {height: auto; width: 100%; margin: 0; } .liste-nego-desc {width: 100%;} .liste-nego-photo img{max-height: 200px;} .liste-nego-container {text-align: center;} /* ----- Footer ----- */ /* Message Responsive */ .message-responsive-text .quotes.left-quotes-gray, .message-responsive-text .quotes.right-quotes-gray { top: 80px;} /*Footer Menu*/ .footer-menu ul { float: none; width: 100%;} .footer-menu li { float: left;} .footer-menu li:first-child { padding-bottom: 8px!important; padding-top: 20px !important; width: 100%; font-weight: bold; border-top: 1px solid #4e4e4e;} /* Pied Ref Villes */ .pied-ref-villes li{width: 100%;} .pied-menu-right {float: none; margin:20px 0 0;} /* ----- Recrutement ----- */ .img-recrutconseiller1 {width: 100%;} .img-recrutagence1 {width: 95%; margin: 20px auto;} .img-recrutagence2 {width: 25%; float: none; margin-top: 20px;} /* Valorisation immobilière */ .ico-virtuel360 {margin: 25px auto;} /* ----- Garantie revente ----- */ .addbox {padding: 3px 7px 2px; font-size: 10px;} .plus {font-size: 1.2em; margin: 2px 2px;} } /* POUR LA BETA */ .footer-menu, .detail-elargir-recherche, .widgets-home ul{display: none;} /* Google map show-on-click */ .gg-map.gg-map-show-on-click{ background: url("/images/beforemap.jpg") !important; background-position: center !important; background-size: cover !important; cursor: pointer !important; text-align: center; } .gg-map.gg-map-show-on-click:before{ content: "Click to show the map"; display: inline-block; background: rgba(95, 95, 95, 0.76); color: #FFF; padding: 10px; position: relative; top: 45%; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); }.gg-map.gg-map-show-on-click:hover:before{ background: rgba(57, 57, 57, 0.88); } .fr .gg-map.gg-map-show-on-click:before{ content: "Cliquez pour afficher la carte"; }