/* @override http://www.versionbeta33.com/css/style.css http://www.devnewr8.com/css/style.css http://leroy.franck.versionbeta33.com/css/style.css */ /* Couleur principale : #5ca8dc Couleur hover : #9d0e34 */ /* ========================================================================== ADAPTIMMO NEW R8 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; } .clear{clear:both;} .nomargin{margin: 0;} .noborder{border: none;} .pointer{cursor: pointer;} .nolist{list-style: none; margin: 0; padding: 0;} /* ======= FORCER LE BANDEAU COOKIES EN HAUT============= */ .alert-cookies {position: relative !important;} /* // ========================================== \\ || || || I. GENERAL || || || \\ ========================================== // */ html { font-smooth: always;} body {background-color: #fff; font: 13px/1.5em 'LatoRegular', Arial, sans-serif; color: #272626;} #global {top: 0; overflow: hidden; width: 100%; position: relative;} .superslides {z-index: -1; position: fixed !important; top: 0;} .slidesuperslide-1 { background: url('/images/superslide/bg-superslide1.jpg'); background-size: cover; background-position: center;} .slidesuperslide-2 { background: url('/images/superslide/bg-superslide2.jpg'); background-size: cover; background-position: center;} .slidesuperslide-3 { background: url('/images/superslide/bg-superslide3.jpg'); background-size: cover; background-position: center;} .page-top {position: relative; min-height: 100%; margin: 0 auto; padding-bottom: 70px;} .page-bottom { position: absolute; width: 100%;} .bg-header { position: absolute; height:224px; width: 100%; z-index: 0; background: #f5f5f5 url('/images/superslide/bg-superslide1.jpg') no-repeat center -460px fixed; 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: #d1d1d1 } #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: 1200px; } /* 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, .nolist ul li, ul.nolist, ul.nolist li{margin:0; padding: 0; list-style: none;} .heading1 {color: #7e7e7e; font: 2.3em 'LatoBold', Helvetica, Arial, sans-serif; line-height: 1.23em; } .heading2 {color: #5ca8dc; font: 1.7em/1.231em 'LatoLight', Helvetica, Arial, sans-serif;} .heading3 {color: #656565; font: 1.4em/1.231em 'LatoLight', Helvetica, Arial, sans-serif; letter-spacing: .1em; } .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;} .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: 1em; /*font-size: .8em;*/} .ref-page-arbo-content .heading5 { color: #53779C; margin-bottom: 10px;} /* Page Header */ .page-container header hr { border-top: 8px solid #cccccc; width: 100px; margin: 20px 0; text-align: left; } /* 1.3 Jquery UI ----------------------------------------------------------------------------------------------------*/ /* Dialog */ #DialogFriend, .DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo, #DialogDetailContact, #DialogReserv{width: 600px; } #DialogCalc {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-widget-content { min-width: 50%; } .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: #5ca8dc;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: #5ca8dc;} .color2 {color: #9d0e34;} /* 1.5 Boutons ----------------------------------------------------------------------------------------------------*/ /* Bouton avec contour + texte couleur principale */ a.simple-btn, span.simple-btn{ border: 1px solid #5ca8dc; font: 0.95em "LatoBold", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; padding: 15px 20px; color: #5ca8dc; 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: #5ca8dc; 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: #5ca8dc; } a.simple-btn.color-btn:hover, span.simple-btn.color-btn:hover{background-color: #353535; 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:#5ca8dc;} /* 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;} /* // ========================================== \\ || || || II. HEADER || || || \\ ========================================== // */ /* ========================================================================== 2.1 HEADER ========================================================================== */ .header-top { height: 224px; padding: 0 3%; } .home .header-top { background: none;} .header-bottom {display: none;} #header-logo {width: 260px; height: 156px; display: inline-block; *display: inline; *zoom: 1; float: left; margin-top: 35px; position: relative; } #header-logo a {display: block; width: 100%; height:156px; 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-content{float: right; text-align: right; display: inline-block; *display: inline; *zoom: 1; vertical-align: bottom;} /*-- 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: 120%/1.4em 'LatoRegular', Helvetica, Arial, sans-serif; float: right; margin-top: 45px;} .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: #fff; text-decoration: none; letter-spacing: 0.02em; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0 2px 20px; margin: 0 17px; -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 #5ca8dc; } .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-responsive-menu.png); background-image: -webkit-image-set(url(/images/ico-responsive-menu.png) 1x, url(/images/ico-responsive-menu@2x.png) 2x); background-image: image-set("/images/ico-responsive-menu.png" 1x, "/images/ico-responsive-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 -54px center no-repeat; background-image: url(/images/ico-responsive-menu.png); background-image: -webkit-image-set(url(/images/ico-responsive-menu.png) 1x, url(/images/ico-responsive-menu@2x.png) 2x); background-image: image-set("/images/ico-responsive-menu.png" 1x, "/images/ico-responsive-menu@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 -98px center no-repeat; background-image: url(/images/ico-responsive-menu.png); background-image: -webkit-image-set(url(/images/ico-responsive-menu.png) 1x, url(/images/ico-responsive-menu@2x.png) 2x); background-image: image-set("/images/ico-responsive-menu.png" 1x, "/images/ico-responsive-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: transparent url(/images/bg-white90.png) repeat; 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: 20%;} 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: #000; border-bottom: 1px solid #cfdadc; 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; font-family: 'LatoRegular', Arial, sans-serif !important; } .sf-menu ul li a:hover {background-color: #fff; color: #000;} .sf-menu ul li.last a {border-bottom: none;} /*-- 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: #5ca8dc; color: #FFF; text-align: center; width: 100%; display: table; position: relative;} .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: 30px 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: 35px 0; width: 100%;} .main-menu li a:hover, .main-menu li a.current{background-color: #013d7b;} /* 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;} /* Main menu Submenu */ .main-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 83px; } .main-menu .sf-menu li ul li a:hover {background: #f0f0f0 !important; color: #3d3d3d;} /* 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: 93px; } .home .main-menu .sf-menu li.sfHover ul::before {display: none;} .home .main-menu .sf-menu li.sfHover .bulle-gratuit{display: none;} /*-- Langues --*/ .deroulant-lang{ 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: 29%;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:22%;} .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: #5ca8dc; 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: #232d32;} /* 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: auto; max-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; } .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; 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 { max-width: 180px; max-height: 150px; 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); vertical-align: top; } .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%; display: inline-block; *display:inline; *zoom:1; } .liste .leftside-content {background: url('/images/bg-texture.png') repeat;} .rightside-content {float: left;width: 75%;display: inline-block; *display:inline; *zoom:1;} /* */ /* 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;} /* 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; } /* -------- Home slide présentation ------- */ .home-presentation {background-color: rgba(255, 255, 255, 0.7); min-height: 350px; position: relative; width: 100%; text-align: left; } .home-presentation-text{ width: 90%; margin: 0 auto; text-align: justify; padding-bottom: 20px; } /* -- Home Slide news -- */ .home-presentation-title { text-align: center; font: 1.5em 'LatoBold', Arial, sans-serif; text-transform: uppercase; padding: 30px 0; color: #5ca8dc; } /* ========================================================================== 4.2 MODE LISTE ========================================================================== */ .liste .page-container{padding: 0; min-height: 800px;} /* 4.2.01 Titre de page ----------------------------------------------------------------------------------------------------*/ .header-liste { padding: 20px 10% 10px 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; *display:inline; *zoom:1; width: 100%; vertical-align: top; } .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: rgb(69, 69, 69);z-index: 10000 !important; } .top-liste.scroll-to-fixed{/*font-size: 0.85em;*/} /* 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: #FFF; } .liste-create-alert-content .heading1 {color: #fff; 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: #5ca8dc !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: 10px 10%; color: #a9a9a9;text-align: center; min-height: 30px; } .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; padding-bottom: 5px; color: #a9a9a9;display: inline-block; *display:inline; *zoom:1; text-align: left; font-size: 1.55em; font-family: 'LatoRegular', Helvetica, Arial, sans-serif; margin-top: 15px; } .liste-display-all-nb .NbBien {color: #FFF;} /* Display boutons */ .display-btn {} /* Tri */ .filters-container {margin-left: 10px; height: 34px; float: right;} .filters-content {font-size: 0.9em;display: inline-block; *display:inline; *zoom:1;} .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: 8px; padding: 8px 10px; background: #3d3d3d; 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:first-child span.sort-liste{margin-left: 0 !important; } .filters-content li:hover span.sort-liste, .filters-content li span.sort-liste.active-sort-asc, .filters-content li span.sort-liste.active-sort-desc, .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: #5ca8dc; } /* Mode d affichage */ .select-mode-affichage {display: inline-block; *display:inline; *zoom:1; } .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; margin-right: 10px; } li.mode-affichage {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 10px; padding: 7px 10px 8px; width: 23px; background: #3d3d3d; 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; } li.mode-affichage:first-child {margin-left: 0; } .select-mode-affichage li span{display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 25px; 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-text {background-position: -9px -13px} .mode-pict {background-position: -9px 2px;} .mode-map {background-position: -9px -29px;} .mode-textmap {background-position: -9px -45px;} .mode-pictmap {background-position: -9px -61px;} /* 4.2.3 Liste container top : Liste de biens et de programmes neufs ----------------------------------------------------------------------------------------------------*/ .liste-display-all {min-height:400px; padding: 10px 10% 50px 4%; vertical-align: top;display: inline-block; *display:inline; *zoom:1;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; } .liste-bien-container {width: 99%; text-align: left; background-color: #fff; padding: 10px 0 10px 1%; margin-bottom:15px; border: 1px solid #eeeeee; min-height: 200px; } .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: ; }*/ /*-- 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: #c51445 !important;} .detail-topnav li.SelectionOff a{background-position: 0 -20px; color: #fff !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 -186px;} .ico-glass {background-position: 0 -212px;} /* 4.2.5 -------------------------------------------------------- Liste Mode Texte / Affichage par defaut -------------------------------------------------------- */ /* -- Affichage des images --*/ .liste-bien-photo {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 48%; overflow: hidden; position: relative; text-align: center; max-width:780px;} .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% -100% 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%; } .body-mode-pictmap .liste-prog-photo {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;} /* -- Texte / Descriptif --*/ .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: #5ca8dc; 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; background-color: #5ca8dc; color: #fff; top: -1px; display: inline-block; *display:inline; *zoom:1; right: -1.5%; } .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; display: inline-block; *display: inline; *zoom: 1;} .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; } /*-- 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 --*/ .detail-all-btns { position: absolute; left: 0; bottom: 0; z-index: 1000; } .btn-visite-virtuelle { background-image: url(/images/icos-color.png); background-image: -webkit-image-set(url(/images/icos-color.png) 1x, url(/images/icos-color@2x.png) 2x); background-image: image-set("/images/icos-color.png" 1x, "/images/icos-color@2x.png" 2x); background-position: 10px 5px; background-color: #FFF; background-repeat: no-repeat; padding: 10px 10px 10px 40px; } .btn-video { background-image: url(/images/icos-color.png); background-image: -webkit-image-set(url(/images/icos-color.png) 1x, url(/images/icos-color@2x.png) 2x); background-image: image-set("/images/icos-color.png" 1x, "/images/icos-color@2x.png" 2x); background-position: 10px -25px; background-color: #FFF; background-repeat: no-repeat; padding: 10px 10px 10px 40px; } .btn-visite-virtuelle a:hover, .btn-video a:hover { text-decoration: none; color: #3e3e3e; } .btn-mini-site-bien { background-color: #5ca8dc; background-repeat: no-repeat; padding: 10px; display: inline-block; } .btn-mini-site-bien a:link, .btn-mini-site-bien a:visited { color: white; } .btn-mini-site-bien a:hover, .btn-mini-site-bien a:active { text-decoration: none; } .btn-mini-site-bien:hover { background-color: #9d0e34; } /* Position des boutons visite virtuelle et video */ .liste-bien-container .btn-visite-virtuelle { } .body-mode-pict .liste-bien-container .btn-visite-virtuelle { right: 0; top: 0; left: inherit; bottom: inherit } .liste-bien-container .btn-video { } .body-mode-pict .liste-bien-container .btn-video { right: 0; top: 0; left: inherit; bottom: inherit } /*-- Video & visite virtuelle --*/ .detail .btn-visite-virtuelle, .detail .btn-video { display: inline-block; } /* 4.2.6 -------------------------------------------------------- Liste Mode Pict + Pict Map / Affichage en vignettes -------------------------------------------------------- */ .body-mode-pict .liste-bien-container, .body-mode-pictmap .liste-bien-container {display: inline-block; width: 47.8%; vertical-align: top; *display: inline; zoom: 1; margin-bottom: 25px !important; position: relative; padding: 0; min-height: 260px !important; /*overflow: hidden;*/} .body-mode-pict .liste-bien-photo, .body-mode-pictmap .liste-bien-photo {width: 100%; height: 100%; position: relative; background: #5ca8dc; text-align: center;} .body-mode-pict .liste-bien-title{padding: 3% 0; text-align: left;font-size: 1.8em;} .body-mode-pict .liste-bien-description, .body-mode-pictmap .liste-bien-description {width: 94%; position: absolute; bottom:0; left: 0; padding: 0 3% 5px !important; background: transparent url(/images/bg-white70.png) repeat; font-size: 11px !important;} .body-mode-pict .liste-bien-price {top: -30px; right: 5px;} /* 4.2.6 -------------------------------------------------------- Liste Mode Map / Affichage en map seule -------------------------------------------------------- */ /* -- Généralité de la map -- */ .liste-map {width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;display: inline-block; *display:inline; *zoom:1; vertical-align: top; float: right; background: transparent url(/images/loading.gif) no-repeat 50% 50%; } #IfGGMap {border: none; position: relative; z-index: 1; } #GGMap {width: 100% !important; height: 100% !important; background: transparent url(/images/loading.gif) no-repeat 50% 50% !important;} /* Mise en forme des Bulles avec marker dans la map */ .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #5ca8dc;} .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-size: 12px; clear: both; margin: 5px 0 0; border-top: 1px solid #dedede;display: inline-block; *display:inline; *zoom:1; width: 100%; padding: 8px 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; } .ggmap-list-item:first-child {border-top: none;} .DivBubble {max-width: 230px;} ul.gg-map-marker { display:none} .ggmap-list-item-pict {margin: 0 8px 2px 5px; float: left; width: 80px;} .ggmap-list-item-pict img {max-width: 80px!important; height: auto;} .ggmap-list-item-content {float: left; width: 135px} .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #5ca8dc; font-weight: bold;} .ggmap-list-item-coords .ggmap-coords-prix {margin-bottom: 5px;font-weight: bold;} .ggmap-coords-link {color: #fff; font-weight: normal !important; font-size: 12px !important; background-color: #5ca8dc; 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: #5ca8dc;} .gm-style .gm-style-iw {padding-right: 0 !important;} .highlight-prod, .ggmap-list-item:hover {background-color: #ebebeb;} /* Mode Map Seule */ .liste.body-mode-map .LoadingAjax {background: url(/images/loading.gif) no-repeat 50% 50%; width: 100%; height: 100%; position: absolute; z-index: 0;} .body-mode-map #IfGGMap { height: 750px;} /* On applique une taille seulement sur le mode map classique pour éviter une interaction avec Scroll to fix */ /* 4.2.6 -------------------------------------------------------- Liste Mode Map + Text et Map + Pict / Affichage Liste + Map -------------------------------------------------------- */ /* -- Layout : on change la taille de la sidebar/ du content et de la map sur la droite -- */ .liste.body-mode-textmap .leftside-content, .liste.body-mode-pictmap .leftside-content {width: 17%;} .liste.body-mode-textmap .rightside-content, .liste.body-mode-pictmap .rightside-content {width: 83%;} .liste.body-mode-textmap .liste-map, .liste.body-mode-pictmap .liste-map {width: 50%; display: inline-block; *display:inline; *zoom:1; } /* Hack pour le float du sticky */ .liste.body-mode-textmap .spacer-scroll-to-fixed, .liste.body-mode-pictmap .spacer-scroll-to-fixed{width: 1% !important; float: right !important; } .liste.body-mode-textmap .liste-display-all, .liste.body-mode-pictmap .liste-display-all{ float: left; width: 50%; padding: 0 2%;} .liste.body-mode-textmap .header-liste, .liste.body-mode-pictmap .header-liste { float: left; width: 50%; padding: 20px 2%;} .liste.body-mode-textmap .select-mode-affichage p, .liste.body-mode-pictmap .select-mode-affichage p{ display: none;} .liste.body-mode-textmap .liste-bien-container.show-on-map:hover, .liste.body-mode-pictmap .liste-bien-container.show-on-map:hover{border: 1px solid #696969;} /* Ajustement pour le mode Text map */ .liste.body-mode-textmap .liste-bien-photo { width: 37%;} .liste.body-mode-textmap .liste-bien-description { width: 59%;} .liste.body-mode-textmap .liste-bien-title {padding: 3% 0 2%; text-align: left;font-size: 1.6em;} /* Ajustement pour le mode Pict map */ .liste.body-mode-pictmap .liste-bien-container{min-height: 220px !important; width: 47%;} .body-mode-pictmap .liste-bien-title {padding: 3% 0; text-align: left;font-size: 1.6em;} .liste.body-mode-pictmap .liste-bien-price {top: inherit; right: inherit; position: relative;} .liste.body-mode-pictmap .liste-bien-photo img {min-width: 100%; width: auto; height: 220px !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: #5ca8dc; 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.7 Bouton de biens similaires en bas de mode liste ----------------------------------------------------------------------------------------------------*/ .link-similaires {text-align: left; padding:5% 1%;} .link-similaires a { text-transform: uppercase; font-size: 0.9em; text-decoration: none; color: #4f504f !important; font-weight: bold; } .link-similaires a:hover {text-decoration: underline;} /* 4.2.8 Page : Ma selection ----------------------------------------------------------------------------------------------------*/ #ListeAnnonce .page-masque {text-align: left;} .ui-effects-transfer{ border: #000 2px dotted; } .liste.selection .page-container{padding-top: 2%;} .buttons .SelectionOff span {color:#888; background-position: 0 -20px; } .selection-actions{display: inline-block; float: right; margin-top: -85px; } .selection-actions ul{text-align: right; margin-bottom: 20px; } .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: #5ca8dc;} /* 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.2.11 Paragraphe "en savoir plus" en page liste ----------------------------------------------------------------------------------------------------*/ .infos .texte-liste { display: none; margin-bottom: 25px;} .infos .ouvert, .infos.opened .fermer { display: block } .infos .fermer, .infos.opened .ouvert { display: none } .infos .ouvert, .infos .fermer { font: 95%/1 'LatoBold', Helvetica, Arial, sans-serif; padding: 5px 5px; background-color: #5ca8dc; color: #fff; margin: -10px 0 25px; text-align: center; width: 100px; } /* ========================================================================== 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: #3d3d3d; 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: #FFF; 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: #b5b5b5; 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: #fff;} /* On masque le bouton contact > mediaqueries pour l'afficher en tablette */ .detail-topnav li.detail-contact-button { display: none; background-color: #5ca8dc; } .detail-topnav li.detail-contact-button a { background-color: #5ca8dc; 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; } /* 4.3.3 Description du bien ----------------------------------------------------------------------------------------------------*/ .detail-bien-infos { background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% -1px;} /*-- 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: #5ca8dc;} .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: #5ca8dc; 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; font: 1.1em 'LatoBold', Arial, sans-serif;color: #c71b55;} .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: 89px; 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: #5ca8dc;} .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: #5ca8dc;} .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: #5ca8dc; color: #FFF; } .contact-agence-tel:hover {background: #3d3d3d;} .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; } /* 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;} /* 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: #5ca8dc; 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: 23%; margin: 1% 5%; text-align: left; } .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);} .poi-velo {background-image: url(/images/poi-icons/velo.png);} .poi-metro {background-image: url(/images/poi-icons/metro.png);} .poi-bus {background-image: url(/images/poi-icons/bus.png);} #GGMapPoi{ width: 100% !important; height: 450px;} /* 4.3.4 Detail biens suggestion ----------------------------------------------------------------------------------------------------*/ .detail-suggestions-title {background-color: #5ca8dc; 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; margin-bottom: 8px; margin-right: 10px;} .ref .bloc-lib-critere-liste-new-search a {color: #fff; text-decoration: none; background: #5ca8dc; padding: 8px 12px; display: block; } .ref .bloc-lib-critere-liste-new-search a:hover { color: #fff; background: #5ca8dc; } .ref .bloc-lib-critere-liste-label { float:left; margin-bottom: 8px; } .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-right: 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; width: 100%; background: #FBFBFB;} .liste.ref .liste-bien-description.mode-pict {width: 94%; position: static; padding: 1.5% 3% !important; background: none;} .liste.ref .liste-bien-offre {margin-top: 10px;} .body-mode-pict.liste.ref .liste-bien-description hr {margin: 10px 0 0;} .body-mode-pict.liste.ref .liste-bien-title {padding: 20px 0 0;} .body-mode-pict.liste.ref .liste-bien-description ul {margin-bottom: 0; padding: 0;} .body-mode-pict.liste.ref .liste-bien-description li {list-style: none;} /* 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: #5ca8dc; 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; } /* 4.3.7 Module Kelquartier ----------------------------------------------------------------------------------------------------*/ .kelquartier h1 { margin-bottom: 50px; } .kelquartier ul { padding: 0; } .kelquartier li { list-style: none; } .kelquartier .main-content-demicol { display: inline-block; float:none; width: 45.5% !important; padding: 0 2%; margin: 0 !important; position: static; vertical-align: top; } .kelquartier-intro { background: #f2f2f2 url('/images/bg-texture.png') repeat; text-align: center; padding: 30px 0 50px; } .kelquartier-item .kelquartier-intro { background: #fff; } .kelquartier-intro .main-content-demicol:first-child { border-right: 1px solid #999999; } .kelquartier-intro .discover-nom1_carte { font-size: 1.275em; text-transform: uppercase; margin: 5px 0; } .kelquartier-intro .discover-nom1_stat { font-family: 'LatoBold', Helvetica, Arial, sans-serif; font-size: 1.5em; font-weight: bold; text-transform: uppercase; margin: 10px 0; } .kelquartier-intro .discover-ico { height: 45px; background-image: url(/images/ico-kelquartier.png); background-image: image-set("/images/ico-kelquartier.png" 1x, "/images/ico-kelquartier@2x.png" 2x); background-image: -webkit-image-set(url(/images/ico-kelquartier.png) 1x, url(/images/ico-kelquartier@2x.png) 2x); background-repeat: no-repeat; background-position: center top; display: block; } .kelquartier-intro .discover-ico.home { background-position: center bottom; } .kelquartier-desc { padding: 30px 0; } .kelquartier-desc .category { margin-bottom : 30px; } .kelquartier-desc .main-content-demicol ul li { padding: 5px 0 5px 10px; text-transform: uppercase; border-bottom: 1px solid #ccc; } .kelquartier-desc .main-content-demicol ul li:nth-child(2n+1) { background-color: #f1f1f1; } .kelquartier-desc .main-content-demicol ul li:first-child { border-top: 1px solid #ccc; } .kelquartier-desc .main-content-demicol ul li span { display: inline-block; width: 50%; } .kelquartier-desc .main-content-demicol ul li span.stat { font-weight: bold; } .kelquartier-medias .wrapper { text-align: center; } .kelquartier-medias .media-item { display: inline-block; width: 29%; max-width: 335px; height: 200px; margin: 0 2% 2%; overflow: hidden; } .kelquartier-medias .media-item img, .kelquartier-media img { width: 100%; height: auto; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); } .kelquartier-item .discover { position: relative; } .kelquartier-media { width: 100%; height: 350px; overflow: hidden; } .kelquartier-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* ========================================================================== 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 .no-flap img {height: 100%; width:auto; display: block; } .detail-photo-container .anti-cheat {overflow:hidden; width:100%; height:100%; position: absolute; top:0; left:0; display: block; z-index: 960; } .detail-photo-container .anti-cheat img{ width:100%; height:100%; } .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 { width: auto; max-height: 100%; } .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; } .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 .diapo img.photo-big {max-width: 1300px; max-height: 1100px;} /*.big-flap-container .diapo img.photo-big {max-width: 95vw; max-height: 95vh;}*/ .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; margin-bottom: 30px;} .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: #838383; text-decoration: none; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .pied-ref a:hover, .pied-ref a:active{ color: #616060; text-decoration: none; background-color: transparent;} .home #pied-ref-content{ padding: 0 0 7px; margin:0 0 7px; border-bottom: 1px solid #4e4e4e; } /* Pied Ref Villes */ .pied-ref-villes{ padding: 25px 0 0; margin: 10px 0 0; border-top: 1px solid #4e4e4e; } .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: #838383; 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: #5ca8dc; 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: #5ca8dc;} .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;} /* Liste famille (page plan) */ .ref-plan-liste-famille ul{ border-bottom: 1px dashed #e0e0e0; padding-bottom: 15px;} .ref-plan-liste-famille span{font-weight: bold; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #474747;} /* Miniliste deroulant */ .miniliste-deroulant {margin: 30px 0 20px;} .miniliste-deroulant .custom-select-container {float: left; margin-right: 3%; width: 48%; text-align: left;} .miniliste-deroulant .css-deroulant ul span {width: 98% !important; background: url('/images/bg-custom-selector.png') no-repeat center right;} .css-deroulant { display: inline-block; *display:inline; *zoom:1; position: relative; z-index: 2; border: 1px solid #E1E1E1; background: #FFF; width: 47%; float: left;} .css-deroulant ul { margin:0; padding:0; list-style-type:none; text-align:left; position: relative; cursor: pointer; } .css-deroulant ul span{ height:39px; line-height: 39px; position: relative; background-position:100% -155px; color: #898989; display: inline-block; *display:inline; *zoom:1;padding: 0 0 0 2%;} .css-deroulant li {float:left; margin:auto; width: 100%;} .css-deroulant li ul { position:absolute; display: inline-block; *display:inline; *zoom:1; width: 100%; background-image: none; left: 0; top: 40px; -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); } .css-deroulant li a { display:block; width:98%; color: #898989; text-decoration:none; padding: 0 0 0 2%; line-height: 39px; background: #F6F6F6;} .css-deroulant li a:hover {color: #686868; background: transparent;} .css-deroulant ul li ul {display:none;} .css-deroulant ul li:hover ul {display: inline-block; *display:inline; *zoom:1; width: 100%;} .css-deroulant li:hover ul li {float:none; background: #fff; } .css-deroulant li:hover ul li:hover {background: #eeeeee;} /* Label ID Ville ( Form rech Réff) */ .form-idville { display: inline-block; *display: inline; *zoom: 1; background: #ddd; color: #000; padding: 5px; margin-top: 5px; } .form-idville span span { display: inline-block; *display: inline; *zoom: 1; width: 15px; height: 15px; color: #fff; line-height: 16px; font-size: 10px; text-align: center; margin-right: 6px; background: #5ca8dc; cursor: pointer; } .form-critere.checkbox-ref li { margin-bottom: 3px; margin-right: 10px; padding-left: 0; background: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } .white-form .checkbox-ref .custom-checkbox { padding-bottom: 5px; } .btn-suppr { display: inline-block; background: #ddd; color: #000; padding: 7px 5px 5px 5px; margin-top: 5px; } .btn-suppr-icon { display: inline-block; color: #fff; font-size: 10px; padding: 1px 5px; text-align: center; margin-right: 3px; background: #5ca8dc; cursor: pointer; position: relative; top: -1px; } /* Label ListBiens( Form rech Réf - Quartiers) */ .liste-biens-labels { list-style: none;} .liste-biens-labels li{ display: inline-block; margin: 5px 10px 5px 0;} .liste-biens-labels a{ display: inline-block; background: #ddd; color: #414141 !important; padding: 5px; text-decoration: none !important; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;} .liste-biens-labels a:hover{background-color: #bababa;} /* 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: #5ca8dc; 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 #5ca8dc; 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: #5ca8dc; 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:#5ca8dc; } .ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active {background: #5ca8dc; 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: #5ca8dc; 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: #5ca8dc;} .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: #5ca8dc;} /* 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: #5ca8dc; font-size: 1.1em; } .ref-thumbs-price a:link, .ref-thumbs-price a:visited { color: #5ca8dc; text-decoration: none; background: none; } .ref-thumbs-price a:hover, .ref-thumbs-price a:active { color: #5ca8dc; 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: 20px; } .news-liste-title {color: #5ca8dc; font: 120%/1.6em "LatoBold", sans-serif; letter-spacing: .1em; text-transform: uppercase; margin: 1em 0; } .news-liste-content {margin-top: 10px; } .news-liste-date { font: 100%/1.5em Helvetica, Arial, sans-serif; font-style: italic; color: #777; } .news-liste-date time, .news-liste-date span { font-family: Helvetica, Arial, serif; color:#999; text-transform: uppercase; font-style: normal; } /* .news-liste-photo { width: 29%; float: left; display: inline; overflow: hidden; margin: 0 4% 10px 0; }*/ .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: #5ca8dc; text-transform: uppercase; background:none;} .news-liste-file a:hover, .news-liste-file a:active {color: #5ca8dc;} .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: #5ca8dc; text-decoration: none;} /* Perso News */ .news-liste-container .large-flap-container { width: 29%; float: left; display: inline; overflow: hidden; margin: 0 4% 10px 0; overflow: hidden; min-height: 227px;/* Dimension des images voir numage.txt */ } .news-liste-container .large-flap-container.empty-slideshow { display: none; } .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:100px !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;} /* Pour contrer la coloration des numéros de tél et fax sur mobiles */ .pied-adresse ul li.pied-agence-tel, .pied-adresse ul li.pied-agence-fax, .pied-adresse ul li.pied-agence-tel a:link, .pied-adresse ul li.pied-agence-fax a:link, .pied-adresse ul li.pied-agence-tel a:visited, .pied-adresse ul li.pied-agence-fax a:visited, .pied-adresse ul li.pied-agence-tel a:hover, .pied-adresse ul li.pied-agence-fax a:hover, .pied-adresse ul li.pied-agence-tel a:active, .pied-adresse ul li.pied-agence-fax a:active {color: #fff !important;} /*-- Icones reseeaux sociaux --*/ .social-menu { margin: 5px 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: 4px; padding: 0 !important; margin-right: 4px; } .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-image: url(/images/social-circle-color.png); background-image: -webkit-image-set(url(/images/social-circle-color.png) 1x, url(/images/social-circle-color@2x.png) 2x); background-image: image-set("/images/social-circle-color.png" 1x, "/images/social-circle-color@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.SocialBusinessLinkedIn, .social-menu li span.SocialBusinessLinkedIn {background-position: -137px -1px;} .social-menu li a.SocialBusinessLinkedIn:hover, .social-menu li span.SocialBusinessLinkedIn:hover {background-position: -137px -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; text-align: left; } .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; margin: 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 { padding-top: 15px; } .social-share { } /*-- 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;} /* 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: #5ca8dc;} 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: #5ca8dc;} 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: #5ca8dc;} 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: #5ca8dc;} 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: #5ca8dc;} /* 5.5 Mon compte ----------------------------------------------------------------------------------------------------*/ .user-info-show .form-critere {border-bottom: 1px solid #ccc;} .user-info-show .form-critere-content {height: 28px; color: #5ca8dc; 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-pict .liste-bien-photo-frame img {height: 100%; width: auto;} .mya .liste-bien-title.mode-pict {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;} /* 5.9 Formulaire de résa de location ----------------------------------------------------------------------------------------------------*/ /* Page explication résa depot dossier location */ .capture-depot-loc { text-align: center;} .capture-depot-loc img{ max-width: 715px; width: 100%; border: 1px solid #d8d8d8;} .depot-location .bulle-new { float: left; margin-top: -20px; margin-right: 10px;} /* Menu Mya Resa */ .mya-depot-loc-menu { border-bottom: 5px solid #5ca8dc; margin-bottom: 30px !important;} .mya-depot-loc-menu li { display: inline-block; *display:inline; *zoom:1; background-color: #3d3d3d; padding: 12px 2.5% !important; border: none; color: #fff; font: 1em/1em 'LatoRegular', sans-serif; letter-spacing: 0.05em; cursor: pointer;} .mya-depot-loc-menu li:hover, .mya-depot-loc-menu li.active{ background-color: #5ca8dc; } .resa-form-submit {float: right; background-color: #5ca8dc; margin-top: -2px !important; padding: 10px 2.5%!important;} /* Form Mya Resa */ .resa-form-required {float: right;} /* Widget Resa Form */ .mya-resa-widget .liste-bien-photo {width: 20%; } .mya-resa-widget .liste-bien-title {padding: 0; } .mya-resa-widget .liste-bien-description {width:75%; padding-bottom: 0; padding-top: 0; } /* mya-depot-loc-people */ .mya-depot-loc-people {display: none;} .mya-depot-loc-people.active {display: block;} /* Widget Resa Liste */ .mya-resa-liste-legend {margin: 20px 0; font-style: italic; } .mya-resa-liste-legend span{margin: 0px 5px; } .mya-resa-liste { text-align: left; padding: 1%; border: 1px solid #cbcbcb; margin-bottom: 15px;} .mya-resa-liste-heading { font: 0.9em "LatoBold", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; color: #fff; text-transform: uppercase; background-color: #3c3d3c; } .mya-resa-liste-photo{ display: inline-block; *display:inline; *zoom:1; width: 14%; min-width: 120px; float: left; margin-right: 2%; } .mya-resa-liste-photo img{ width: 100%;} .mya-resa-liste-description{ display: inline-block; *display:inline; *zoom:1; width: 50%;} .mya-resa-liste-ref {text-transform: uppercase; color: #797979; letter-spacing: 1px;font-size: 0.9em;} .mya-resa-liste-type {font: 1.2em/1.5em "LatoBold", Arial, Helvetica, Geneva, sans-serif;} .mya-resa-liste-prix {font-size: 1.2em; color: #5ca8dc;} .mya-resa-liste-btn{ display: inline-block; *display:inline; *zoom:1; float: right;} .mya-resa-liste a.simple-btn-small, .mya-resa-liste span.simple-btn-small{padding: 8px 10px 7px 30px;} .mya-resa-liste a.simple-btn-small:hover, .mya-resa-liste span.simple-btn-small:hover{background-color: #FFF; color:#5ca8dc ;} .mya-resa-liste-dossier li{ display: inline-block; *display:inline; *zoom:1; width: 24.5%; text-align: center; border-right: 1px solid #cacbca; vertical-align: middle;} .mya-resa-liste-dossier li:last-child{border-right: none;} .mya-resa-liste-etat.mya-resa-id {width: 3%;} .mya-resa-liste-etat.mya-resa-etat {width: 9%;} .mya-resa-liste-etat.mya-resa-ref {width: 9%;} .mya-resa-liste-etat.mya-resa-datecrea {width: 9%;} .mya-resa-liste-etat.mya-resa-type {width: 9%;} .mya-resa-liste-etat.mya-resa-locataire {width: 15%;} .mya-resa-liste-etat.mya-resa-ville {width: 16%;} .mya-resa-liste-etat.mya-resa-loyer {width: 9%;border: none !important;} .mya-resa-liste-etat.mya-resa-delete {width: 9%; border: none !important;} .mya-resa-liste-etat.mya-resa-detail {width: 9%; border: none !important;} .mya-resa-liste-etat span.arrow {background: rgba(0, 0, 0, 0) url(/images/all-arrows.png) no-repeat -2px -111px; width: 15px; height: 10px; display: inline-block; *display:inline; *zoom:1;} .mya-resa-liste-dossier strong{ font-family: "LatoBold", Arial, Helvetica, Geneva, sans-serif; font-weight: normal; color: #505050; display: inline-block; *display:inline; *zoom:1; width: 70%; text-align: left; } /* Widget Resa Liste Form*/ .liste-search-resa { background: #e9e9e9;padding: 0.5% 2%; margin-bottom: 20px;border: 1px solid #d8d8d8;} .liste-search-resa .heading2{ border-bottom: 1px solid #d8d8d8; color: #3c3d3c; margin: 10px 0;} .liste-search-resa .submit-classique.form-submit-maj {margin-top: 28px;} .liste-search-resa .form-critere { width: 20%; margin-right: 1%; display: inline-block; *display:inline; *zoom:1; float: left;} .liste-search-resa .form-critere-content {width: 100%;} .liste-search-resa .etat-dossier, .liste-search-resa .switch-etat { width: 100%;} .liste-search-resa .etat-dossier .form-critere-content, .liste-search-resa .switch-etat .form-critere-content { width:30% !important; vertical-align: middle;} /* Bouton imprimer */ .print-folder-loc {float: right; background: #3D3D3D; color: #FFF; padding: 10px 20px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .print-folder-loc:hover {background: #000; color: #FFF;} /* ------ Bouton résa location sur fiche détail ------ */ .btn-depot-loc{ padding: 25px 0; background: #424245; background-size: cover; text-align: center; } .btn-depot-loc a{ text-decoration: none!important; } .bandeau-resa-text{ color:#fff; font-size: 1.4em; margin: 0 20px; text-decoration: none; } /*---------------------------- The file upload form -----------------------------*/ .file-uploader{ background-color:#373a3d; background-image:-webkit-linear-gradient(top, #373a3d, #313437); background-image:-moz-linear-gradient(top, #373a3d, #313437); background-image:linear-gradient(top, #373a3d, #313437); width: 90%; padding:30px; border-radius:3px; margin:0 auto ; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .file-uploader-drop{ background-color: #2E3134; padding: 40px 50px; margin-bottom: 30px; border: 20px solid rgba(0, 0, 0, 0); border-radius: 3px; border-image: url('../images/border-image.png') 25 repeat; text-align: center; text-transform: uppercase; font-size:16px; font-weight:bold; color:#7f858a; } .file-uploader-drop a{ background-color: #5ca8dc; padding:12px 26px; color:#fff; font-size:14px; border-radius:2px; cursor:pointer; display:inline-block; margin-top:12px; line-height:1; width: 90%; } .file-uploader-drop a:hover{ background-color: #373a3d; text-decoration: none; color: #FFF; } .file-uploader-drop input{ display:none; } .file-uploader ul{ list-style:none; border-top:1px solid #2b2e31; border-bottom:1px solid #3d4043; padding: 0 !important; } .file-uploader ul li{ background-color:#333639; background-image:-webkit-linear-gradient(top, #333639, #303335); background-image:-moz-linear-gradient(top, #333639, #303335); background-image:linear-gradient(top, #333639, #303335); border-top:1px solid #3d4043; border-bottom:1px solid #2b2e31; height: 52px; padding: 15px 0; list-style-image: none !important; position: relative; } .file-uploader ul li input{ display: none; } .file-uploader ul li p{ width: auto; overflow: hidden; white-space: nowrap; color: #EEE; font-size: 16px; font-weight: bold; position: absolute; top: 10px; left: 100px; } .file-uploader ul li i{ font-weight: normal; font-style:normal; color:#7f7f7f; display:block; } .file-uploader ul li canvas{ top: 15px; left: 32px; position: absolute; } /* Icones sur la droite ( remove et cancel) */ .file-uploader ul li span{ width: 15px; height: 12px; background: url('../images/icons-up.png') no-repeat; position: absolute; top: 34px; right: 33px; cursor:pointer; } .file-uploader-file-remove { background-position: bottom !important; height: 15px !important;} .file-uploader ul li.file-uploader-file-ok canvas{ display: none;} .file-uploader ul li.file-uploader-file-ok{ background: url('../images/file-uploader-docs.png') left 14px no-repeat;} .file-uploader-file-pdf {background-position: 25px -65px !important;} .file-uploader-file-jpg, .file-uploader-file-jpeg {background-position: 25px -145px !important;} .file-uploader-file-doc, .file-uploader-file-docx {background-position: 25px -225px !important;} .file-uploader-file-xsl, .file-uploader-file-xslx {background-position: 25px -305px !important;} .file-uploader-file-zip, .file-uploader-file-rar {background-position: 25px -385px !important;} .file-uploader-file-gif, .file-uploader-file-png {background-position: 25px -465px !important;} .file-uploader ul li.file-uploader-working span{ height: 16px; background-position: 0 -12px; } .file-uploader ul li.file-uploader-file-error{ background: url('../images/file-uploader-error.png') 15px 14px no-repeat;} .file-uploader ul li.file-uploader-file-error p{color:red;} .file-uploader-ziplink a{ } .file-uploader-ziplink a{ font: 0.95em "LatoBold", Arial, Helvetica, Geneva, sans-serif; text-transform: uppercase; padding: 15px 20px; color: #fff !important; 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; cursor: pointer; background-color: #5ca8dc; margin-bottom: 10px; } .file-uploader-ziplink a:hover{background-color: #555555;} /* // ========================================== \\ || || || 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: 90%;} .liste-nego-desc .heading3 {line-height: 1.1em; margin-bottom: 5px; font: 1.3em 'LatoBold', Arial, sans-serif; color: #3d3d3d; } .liste-nego-tel {color:#5ca8dc; 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: 190px; border: 5px solid #dadada; margin: 0px auto; } .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: #5ca8dc; text-transform: uppercase;} .minisite .liste-container hr {width: 100%;} .minisite .filters-container {margin: 0 0 10px;} .liste-bien-description.mode-pict li:first-child {margin-bottom: 5px;} .bg-liste-shadow, .bg-liste-minisite {background-size: 100%;} .minisite-liste .liste-bien-photo.mode-pict .liste-bien-photo-frame img {height: 100%; width: auto;} .minisite-liste .liste-bien-container {width: 99%;} /* // ========================================== \\ || || || VII. FOOTER || || || \\ ========================================== // */ #footer {background: #353535; color: #fff; padding: 0 3% 150px; position: relative; bottom: 0; width: 94%; } #footer hr {border-top: 1px solid #4e4e4e; margin: 0; padding: 0;} /* 7.2 Menu ----------------------------------------------------------------------------------------------------*/ .pied-menu {color: #b5b0a7; padding: 10px 0; margin: 20px 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;} .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: #838383;} .pied-menu a:hover, .pied-menu a:active {white-space: nowrap; color: #616060; 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 #838383; 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: 73%;} .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: #3d3d3d; 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: #5ca8dc; 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;} .masque-rech .form-critere-title .form-rubrique{color: #5ca8dc;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-container {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; margin-top: 2px; margin-bottom: 5px;} .btn-more-rech {color: #fff; text-align: center; background: transparent url(/images/bg-color1.png) repeat; font: 14px/26px 'LatoRegular', arial, sans-serfi; width: 102px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; } .uk .btn-more-rech {width: 155px; } .btn-more-rech:hover {background-color: #C04040;} /*.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 2%;} .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: #5ca8dc; 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: #565656 !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: #3f3f3f !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: #5ca8dc !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: #5ca8dc !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: #5ca8dc; } /* 8.4 Specificites ----------------------------------------------------------------------------------------------------*/ /* Specifique a la home */ .masque-rech.home-form {margin: 0; padding: 0; position: relative; z-index: 1;} .masque-rech.home-form .main-recherche { background: #FFF; height: 55px;} #HomeSearch .form-critere { margin: 0 !important; border-right: 1px solid #d5d5d5; height: 55px; float:left; } /* Largeur des champs */ #HomeSearch .form-critere-ope{ width: 25% !important; } #HomeSearch .form-critere-type{ width: 25% !important;} #HomeSearch .form-critere-input-ville{ width:34% !important; height: auto; border-right: 0} #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%; height: 55px; border: 0;background-color: #5ca8dc; 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-pieces, #HomeSearch .form-critere-budget, #HomeSearch .form-critere-motscles, #HomeSearch .form-critere-surface, #HomeSearch .form-critere-terrain, #HomeSearch .form-critere-ref {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; height: 55px; width: 33.2% !important; background: #fff; border-right: 1px solid #c4c4c4; margin-bottom: 8px !important;} #HomeSearch .critere-hidden .form-critere-title {width: 18%; height: 55px; line-height: 55px; padding: 0 0 0 3%;} #HomeSearch .critere-hidden .form-critere-motscles, #HomeSearch .critere-hidden .form-critere-ref {border-right: 0; } #HomeSearch .critere-hidden .form-critere-motscles .form-critere-title, #HomeSearch .critere-hidden .form-critere-ref .form-critere-title {width: 20%;} #HomeSearch .critere-hidden .form-critere-terrain .form-critere-content, #HomeSearch .critere-hidden .form-critere-pieces .form-critere-content, #HomeSearch .critere-hidden .form-critere-pieces .form-critere-content, #HomeSearch .critere-hidden .form-critere-budget .form-critere-content, #HomeSearch .critere-hidden .form-critere-surface .form-critere-content {width: 37%; height: 55px; vertical-align: top;} #HomeSearch.white-form .critere-hidden .input-text, #HomeSearch.white-form .motscles1, #HomeSearch.white-form .ref {height: 55px !important; padding: 0 0 0 2%; line-height: 55px; border: none !important; background: none;} #HomeSearch .form-critere-ref .form-critere-content, #HomeSearch .form-critere-motscles .form-critere-content {width: 74%; border: none; vertical-align: top;} #HomeSearch .form-critere hr {height: 35px; border: 0; border-top: none; margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: 10px; border-left: 1px #BABABA dashed;} #HomeSearchPoly { height: 0; } /* Specifique a la page recrutement */ .critere-piece-jointe input {line-height: 1em !important; padding: 13px 2% 5px;} /* 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; } .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: #5ca8dc; text-decoration: none; } a:hover, a:active{ color: #5ca8dc; 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: #5ca8dc;} /* // ========================================== \\ || || || 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;color: #FFF; margin:20vh 0 150px;} .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: 3em 'LatoBold', Arial, sans-serif; letter-spacing: 0.1em;} /* 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: #5ca8dc; 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: #5ca8dc 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-color: rgba(43, 43, 43, 0.84); } .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 { 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 #5ca8dc;} a.home-vignette-container, .widget-vide {background-color: #fff; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 30%; margin: 0 1.5%; position: relative; } .bien-vedette:first-child a.home-vignette-container { margin-left: 0; } .bien-vedette:last-child a.home-vignette-container { 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 40px; background-color: #373737; font: 1.2em 'LatoLight', Helvetica, Arial, sans-serif; line-height: 1.9em; color: #fff; text-align: center; } .infos-bien .prix { font-family: 'LatoBold', 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: #373737; -webkit-border-radius: 55px; -moz-border-radius: 55px; border-radius: 55px; line-height: 55px; } a.home-vignette-container:hover .infos-bien-plus {background-color: #5ca8dc; } .infos-bien-plus span { font-size: 2.5em; } /*-- 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;} /*-- Home Slide news --*/ .home-slide-news-title { text-align: center; font: 1.5em 'LatoBold', Arial, sans-serif; text-transform: uppercase; padding: 40px 0; } .home-slide-news-title hr{ margin: 15px auto 0; width: 80px; border-top: 6px solid #5ca8dc;} .home-slide-news {background-color: #fff; min-height: 350px; position: relative; width: 100%; text-align: left; } .home-slide-news .large-flap-container {overflow: hidden; width: 100%; min-height: 350px; } .home-slide-news-content { width: 100%; text-align: center; } .home-slide-news-text { padding-top: 40px; } .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 .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: 200px; } .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:230px; height: 230px; float: left; margin: 0 1% 0 10%; overflow: hidden; background-color: #eeeeee; text-align: center;} .home-slide-news-img img { height: 230px; } .home-slide-news-img-mask {background: transparent url('/images/home-slide-news-img-mask.png') no-repeat center; background-size: 120%; width: 230px; height: 230px; position: absolute; z-index: 1; } /* --------- Page contact --------- */ .contact .main-content-demicol { width: 48%; margin-right: 2%; } /* -------- Avis Client ---------- */ /* Etoiles */ /*.star:hover, .star:focus, .star:hover ~ .star , .star:focus ~ .star,*/ .star-active {background: url(../images/star1.png) no-repeat!important;background-size:contain!important; cursor:pointer; } .star-nopointer{cursor: default!important;} /* Header Avis général */ .nb-rating{vertical-align: super;padding-left: 6px;color:#fff;} .rating{padding: 0 0 20px 0;} .star{background: url(/images/star0.png) no-repeat; background-size:contain; width:22px; height:22px;display:inline-block; } /* Home Slide Avis Client */ .home-slide-avis{background-color: #fff; min-height: 350px;position: relative; width: 100%;text-align: left;} .home-avis-col1{width:33%;display: inline-block;} .home-avis-col2{width:66%;display: inline-block;vertical-align: middle;} .rating-home{margin-top: 40px; margin-left: 31%;} .nb-rating-home, .infos-avis{text-align: center;font-size: 1.3em;} .home-avis-title1, .home-avis-title2{text-align: center; text-transform: none; letter-spacing: 0; line-height: .85em; font:1.7em'LatoBold', Arial, sans-serif; text-transform: uppercase; letter-spacing:2px;} .home-avis-title1{color:#000;margin-top:54px} .avis-client-btn {text-align: center;margin: 40px 0;} .avis-title{color:#5ca8dc;text-align: center} .satisfaction{display: inline-block;margin-right: 6%} .satisfaction-generale{text-align:center;margin-bottom: 16px; font-family:'LatoRegular', Arial, sans-serif;} .infos-avis, .date-avis{color:#999; font-family: 'LatoLight', Arial, sans-serif;} .date-avis{font-size:1em;} .comment-client{text-align:center;} .equart-span{background:#eee; padding:10px;width: 100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .tit{background: #fff; padding:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .liste-avis-col1{display: inline-block;margin-bottom: 40px; width: 20%; vertical-align: top} .liste-avis-col2{display: inline-block;width: 40%;margin-right: 4%;} .liste-avis-col3{display: inline-block;width: 35%;vertical-align: top;margin-top: -27px;} .service-rating-detail{float: right} .service-rating-detail .star{width:18px; height:18px;} .indice-deroulant{float:right; margin-top: -10px;} .page-container .nb-rating{color:#000;font: 80%/1.4em 'LatoRegular', Helvetica, Arial, sans-serif;vertical-align:top;} .share-title{text-align: center; color: #5ca8dc;font: 1.1em 'LatoRegular', Helvetica, Arial, sans-serif; margin-bottom: 10px;margin-top: 10px;} /* ========================================================================== 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: 30%; 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: 48%; 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 */ .header-top { padding: 0 2%;} .wrapper{ max-width: 1400px;} #header-logo, #header-logo a {width: 204px; height: 122px} #header-logo a { background-image: url(/images/logo-medium.png); background-image: -webkit-image-set(url(/images/logo-medium.png) 1x, url(/images/logo-medium@2x.png) 2x); background-image: image-set("/images/logo-medium.png" 1x, "/images/logo-medium@2x.png" 2x); } .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 .sf-menu .main-menu li.sfHover ul {/*top: inherit; bottom: 78px; left: -25% !important; width: 200px;*/} /*-- 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%;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img { width: auto; max-height: 100%;} .big-flap-container .diapo img.photo-big {max-width: 900px; max-height: 900px;} /*-- 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: 106px!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: 0 auto; } /* 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%; } /* Mini liste */ .liste.ref .mode-pict .liste-bien-price {bottom: 15px; right: 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){ } @media (min-width: 768px) and (max-width: 1024px) { .home .header-top { height: 110px;} .header-top { height: 124px;} #header-logo { margin-top: 20px !important; } .page-container {padding: 30px 2% 50px;} .wrapper{ max-width: 1024px;} .bg-header {background-size: auto; height: 124px;} /* ----- Superslides ----- */ .slidesuperslide-1 { background: url('/images/superslide/bg-superslide1-medium.jpg'); background-size: cover; background-position: center;} .slidesuperslide-2 { background: url('/images/superslide/bg-superslide2-medium.jpg'); background-size: cover; background-position: center;} .slidesuperslide-3 { background: url('/images/superslide/bg-superslide3-medium.jpg'); background-size: cover; background-position: center;} /* ----- Menus ----- */ .main-menu {font-size: 0.78em;} .main-menu li a{ padding: 20px 0; width: 100%;} .home .main-menu li a{ padding: 30px 0;} /* Main menu Submenu */ .main-menu .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 58px; } .sf-menu ul li a:link, .sf-menu ul li a:visited { font-size: 11px !important; } .header-menu{ margin-top: 30px;font-size: 1em;} .header-menu li a{margin: 0 6px !important;} /*-- 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: 210px;} .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:18vh 0 60px;} /* Moteur HOME (criteres hidden) */ #HomeSearch .form-critere-pieces, #HomeSearch .form-critere-budget, #HomeSearch .form-critere-motscles, #HomeSearch .form-critere-surface, #HomeSearch .form-critere-terrain, #HomeSearch .form-critere-ref {width: 33% !important;} #HomeSearch .critere-hidden .form-critere-title {width: 26%;} #HomeSearch .critere-hidden .form-critere-motscles .form-critere-title, #HomeSearch .critere-hidden .form-critere-ref .form-critere-title {width: 30%;} #HomeSearch .critere-hidden .form-critere-terrain .form-critere-content, #HomeSearch .critere-hidden .form-critere-pieces .form-critere-content, #HomeSearch .critere-hidden .form-critere-pieces .form-critere-content, #HomeSearch .critere-hidden .form-critere-budget .form-critere-content, #HomeSearch .critere-hidden .form-critere-surface .form-critere-content {width: 32%;} #HomeSearch .form-critere-ref .form-critere-content, #HomeSearch .form-critere-motscles .form-critere-content {width: 64%;} /* 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 .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;} .liste.body-mode-textmap .filters-container, .liste.body-mode-pictmap .filters-container {margin-left: 0px; margin-top: 10px;float: none;} .liste.body-mode-textmap .liste-bien-price, .liste.body-mode-pictmap .liste-bien-price {position: relative;} .liste.body-mode-textmap .liste-bien-photo a .ico-loupe, .liste.body-mode-pictmap .liste-bien-photo a .ico-loupe {background: none;} /* Informations specifique au mode-2 ( vignette only) */ .body-mode-pict .liste-bien-container { min-height: 180px !important;} .body-mode-pict .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;} /* ----- Module Kelquartier ----- */ .kelquartier-medias .media-item { width: 45.5%; } /* ----- Avis Client ----- */ .liste-avis-col1{width:40%} .liste-avis-col2{width:50%;margin-right: 0} .liste-avis-col3{display:block;width: 100%} } /* ========================================================================================== 11.2 HAUTEUR pour les losanges en homepage : (min-height: 650px) and (max-height: 850px) ========================================================================================== */ @media (min-height: 650px) and (max-height: 850px) { .home-slogan {margin: 80px 0;} .widgets-home {margin: 20px 0;} .widgets-home a, .widgets-home div {width: 206px; height: 206px; -webkit-background-size: 416px auto; background-size: 416px auto;} .widgets-home span {font-size: 1.1em; width: 206px; margin: 142px 0 0;} } /* ========================================================================== 11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px) ========================================================================== */ @media (max-width: 767px) { /*-- Generalites --*/ #header-logo{margin-top:5px;} .mobile-hide{ display: none !important;} body {font-size: 12px;} .leftside-content, .leftside-menu-mya, .rightside-content, .rightside-page-mya {float: none; width: 100%;} .mya-depot-loc-menu li {float: none !important;margin: 0 5px 5px 0 !important;} .leftside-page {width: 100%; float: none;} .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 {display: block !important; background: url(/images/bg-superslide-small.jpg) center top no-repeat; height: 100%; position: fixed !important; top:0px; } /* On masque la video ou superslide */ #video-bg { display: none;} .superslides{display: none !important;} .header-top {display: block; height:100px; padding: 0 1%;; text-align: center;} .header-content{width: 100%; } .header-menu { margin-top: 30px;} .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;} /*-- 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-image: none; 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;} .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited { border-bottom: none; height: 38px; padding:0 30px !important; margin: 0 12px 0 0; color: #838383 !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 {color: #fff; 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;} /* Menu gris : s ouvre sur le cote */ .header-menu {font-family: 'LatoRegular', Helvetica, Arial, sans-serif; margin-top: 0; background: #414141 !important} .header-menu ul {text-align: right;} .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: #3a3a3a;} .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;} .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; } #nav{ position: absolute; top: 0; padding-top: 6.25em; overflow: hidden; } #nav .bulle-gratuit {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; } .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;} #HomeSearch .form-critere{ width: 100% !important; margin-bottom: 10px !important; height: auto; border: none; } #HomeSearch .lieu-search-label {background: #FFF; margin: 0;padding: 0 2%;} #HomeSearch .form-submit-rech {width: 100%; height: 55px;} .lieu-bloc-label { width: 100%;} .btn-more-rech, .uk .btn-more-rech {width: 100%; text-align: center; margin-top: 5px;} /* 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 .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-agence-text {padding:0 60px; } /* 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: #5ca8dc;} .liste-display-all-nb .heading1 {padding: 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) */ .body-mode-pict .liste-bien-container { position: relative; padding-bottom: 10px; min-height: inherit !important; margin-right: 1.2%; } .body-mode-pict .liste-bien-photo {width: 100%; height: 100%; position: relative; background: #5ca8dc; text-align: center;} .body-mode-pict .liste-bien-description {position: relative;} .body-mode-pict .liste-bien-price, .body-mode-pict .liste.ref .mode-pict .liste-bien-price {position: relative; bottom: inherit; top: inherit; right: inherit;} .body-mode-map #IfGGMap { height: 450px !important;} /* 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: 380px; min-height: 380px; width: 100%;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img{ min-height: 380px; } .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;} /* ----- Selection ----- */ .selection-actions{display: inline-block; float: none; margin-top: 0px; } .selection-actions ul{text-align: left; margin:0px; padding: 0; } /* ----- 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 .leftside-page {width: 100%; float: none; } .minisite .rightside-page {width: 96%; float: none; margin-top: 40px; text-align: center; } .header-agent .illustration-aside img { max-width: 100px; max-height: 120px; } /* ----- Footer ----- */ .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;} /* Ref Plan */ .ref-plan-liste ul { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; } .ref-plan-liste li {list-style-image: none; padding: 5px 0;} /* --------- Page contact --------- */ .contact .main-content-demicol {width: 100%; margin-right: 0%;} /* Module Kelquartier */ .kelquartier-desc .main-content-demicol { display: block; width: 96% !important; } .kelquartier-medias .media-item { width: 45.5%; height: 140px; } /* ----- Avis Client ----- */ .star{width:14px;} .nb-rating{vertical-align: top} .rating {padding: 10px 20px 10px 0;} .home-avis-col1, .home-avis-col2{width: 100%} .rating-home{width: 100%!important;text-align: center;margin:10px 0;} .nb-rating-home, .infos-avis{margin:0;} .home-avis-col2{margin: 30px 0 0 0;} } /* ========================================================================== 11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px) ========================================================================== */ @media (max-width: 480px) { /*-- Header --*/ #header-logo a, #header-logo {width: 139px;} #header-logo {margin-top: 10px !important; height: 40px;} #header-logo a { height: 83px; background-image: url(/images/logo-small.png); background-image: -webkit-image-set(url(/images/logo-small.png) 1x, url(/images/logo-small@2x.png) 2x); background-image: image-set("/images/logo-small.png" 1x, "/images/logo-small@2x.png" 2x); } .nav-btn, .search-responsive-btn, .offers-responsive-btn {width: 33px; height: 33px; background-size:auto 43px;} /* ----- Page d'accueil ----- */ /* Slogan */ .home-slogan { font-size: 0.5em; margin-top:84px ;} /* Home news */ .home-slide-news .large-flap-container { min-height: 390px; } .home-slide-news .previous {left: 1%;} .home-slide-news .next {right: 1%; } .home-slide-news-img{ float: none; margin: 0px auto;} .home-slide-news-text { padding-top: 10px; } /* 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; } /* ----- Liste ----- */ /* 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) */ .body-mode-pict .liste-bien-container {width: 47%; font-size: 0.8em; } .body-mode-pict .liste-bien-container .liste-bien-description { font-size: 1em !important; } .body-mode-pict .liste-bien-container .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;} .body-mode-map #IfGGMap { height: 350px !important;} /* 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: 250px; min-height: 250px; width: 100%;} .detail-photo-container .large-flap-container div.is-flap img, .detail-photo-container .large-flap-container div.no-flap img{min-height: 250px !important;} .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;} .header-agent .illustration-aside img { max-width: 80px; max-height: 100px; } /* ----- 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:50px 0;} .miniliste-deroulant .custom-select-container, .css-deroulant {float: none; width: 100%; margin-bottom: 20px;} /* Module Kelquartier */ .kelquartier-intro .main-content-demicol { display: block; width: 96% !important; } .kelquartier-intro .main-content-demicol:first-child { border-right: 0; border-bottom: 1px solid #999999; } .kelquartier-medias .media-item { display: block; width: 96%; max-width: inherit; height: 200px; margin-bottom: 3%; } } /* Correction taille du module home-intro pour les ecrans de petite en hauteur */ @media (max-height: 760px) { #home-intro { height: 130vh; } } /* POUR LA BETA */ .footer-menu, .detail-elargir-recherche{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"; }