298 campings à vendre partout en France
Nos EXCLUSIFS uniquement ICI
Menu
Erreur 404

La page demandée n'existe pas ! (ou plus…)

Pour continuer votre recherche immobilière, plusieurs choix s'offrent à vous :

  • Cabinet Cantais
  • 04 67 27 20 00
  • infos@campings-a-vendre.com
  • Nous écrire
  • Mentions légales
  • Plan du site
  • Bareme d'honoraires
  • Accès Propriétaire
Afin de vous offrir un confort de lecture permanent, depuis votre PC, votre tablette ou votre smartphone, notre site s’adapte automatiquement aux différents types d'écrans
/* @override http://www.versionbeta30.com/css/style.css */ /* ========================================================================== ADAPTIMMO MODULO 7 RESPONSIVE (Based on HTML5 Boilerplate) ========================================================================== */ html,button,input,select,textarea { color: #222; } body { font-size: 1em; line-height: 1.4; } ::-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;} .no-margin {margin: 0;} .no-margin-bottom {margin-bottom: 0 !important;} .acenter {text-align: center;} /* // ========================================== \\ || || || I. GENERAL || || || \\ ========================================== // */ body {background-color:#fff; font-family: "LatoRegular", Helvetica, Arial, sans-serif; color:#272626; font-size: 16px;} #global {position: absolute; top: 0; overflow: hidden; width: 100%;} #global-content {position: relative; width: 100%;} #content {padding-bottom: 20px;} .content-container {width:95%; max-width: 1180px !important; margin: 0px auto;} .header-container { position: relative; height: 110px; } /* Slideshow BG HEADER */ .bg-header {background: url(/images/bg-header1.jpg) 50% 50% no-repeat; background-size: cover; height: 680px; position: relative; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; } .home .bg-header {background: #ffffff;} .slides_container{ width:100%; height:100%; margin:0 auto; } .slide1{ background: transparent url(/images/bg-header1.jpg) no-repeat top center; width:100%; height:100%; } .slide2{ background: transparent url(/images/bg-header2.jpg) no-repeat top center; width:100%; height:100%; } .slide3{ background: transparent url(/images/bg-header3.jpg) no-repeat top center; width:100%; height:100%; } /* 1.2 Hierarchie de titres ----------------------------------------------------------------------------------------------------*/ /* Reset des titres pour le ref */ h1,h2,h3,h4,h5,h6 {font-size:100%; font: inherit; margin: inherit; } .heading1 {color:#555; font: 1.3em/1.231em 'NexaBold', sans-serif; text-transform: uppercase; letter-spacing: 0.15em; } header hr {border-top: 4px solid #d3d3d3; } header .heading1 {margin-top: 20px;} .heading2 {color:#6d6d6d; font: 1.25em/1.231em 'NexaLight', sans-serif; } .heading3 { margin-top: 3px; color:#0d77ac; font: 1.28em/1.4em 'NexaLight', sans-serif; text-transform: none; } .heading4 {color:#000; font: 0.95em/1.4em 'NexaLight', sans-serif; text-transform: none; letter-spacing: .02em; margin-bottom: 1.5em; } .heading5 {color:#4a4a4a; font: 1.1em/1.231em 'NexaBold', sans-serif; text-transform: uppercase; margin: 1em 0 0.5em; } .heading6 {color:#999797; font: 0.9em/1.231em 'NexaLight', sans-serif; text-transform: uppercase; } /* Line Title */ .line-title { text-align: center; color: #4e534c; font: 1.25em/20px 'NexaBold', sans-serif; margin: 10px 0; position: relative; display: inline-block; *display:inline; *zoom:1; width: 100%; text-transform: uppercase; letter-spacing: 0.05em; } .line-title span { background: #FFF; padding: 0 40px; line-height: 20px;} .line-title hr { margin-top: -10px;} /* Line Title + Color */ .line-title-color{color: #0d77ac;} .line-title-color hr { margin-top: -10px; border-color: #0d77ac;} .smaller {font-size: 95%;} p {color: #4a4a4a; font-size: 13px; line-height: 1.4em; margin: 0.7em 0 1em 0;} strong {font-family: 'LatoBold', arial, sans-serif;} .legend-text {font-size: .85em;} 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: 13px;} .ref-page-arbo-content .heading5 { color: #53779C; margin-bottom: 10px;} .quote {color: #777; font: italic 19px/1.231 Georgia, serif; background: #ECECEC no-repeat 15px 0; margin: 20px 0; padding: 20px 30px; text-align: center; background-image: url(/images/bg-blockquote.png); background-image: -webkit-image-set(url(/images/bg-blockquote.png) 1x, url(/images/bg-blockquote@2x.png) 2x); background-image: image-set("/images/bg-blockquote.png" 1x, "/images/bg-blockquote@2x.png" 2x); } /* Personnalisé */ .home .heading1 {color:#fff; } .ref .heading3 { margin-top: 20px; margin-bottom: 5px; } .ref h2{ font-size: .9em; } /* 1.3 Jquery UI ----------------------------------------------------------------------------------------------------*/ /* Dialog */ #DialogFriend, #DialogFriendAnnonce, #DialogFriendSelection, #DialogVideo, #DialogDetailContact, #DialogReserv {width: 500px; } #DialogCalc {width:700px; 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: 95% !important; max-width: 95% !important; overflow-y: scroll;} .ui-widget-content {border:none !important; color:#4a4a4a;} .ui-dialog .form-critere {margin-bottom: 5px; font-size:12px;} /* Header de la box */ .ui-widget-header {background:none; border:none !important;} .ui-dialog-titlebar {padding-bottom: 10px !important; margin-bottom: 5px !important; border-bottom: 1px solid rgba(101, 101, 101, 0.3) !important; border-radius: 0 !important; color:#4a4a4a !important; font: 0.75em/1em 'NexaBold', sans-serif; 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;} /* Tabs */ .ui-widget-content.ui-tabs {background: none; padding: 0;} .ui-tabs .ui-tabs-nav {margin: 0; padding: 0; border-bottom: 4px solid #0d77ac !important;} .ui-tabs .ui-tabs-nav li {border: none; border-radius: 0; top: 0; margin: 0 8px 0 0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #e5e5e5;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #fff; background: #0d77ac;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 0;} .ui-tabs .ui-tabs-nav li a {padding: 12px 16px 9px;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #404040; font: 1em/1 'LatoBold', arial, sans-serif; text-transform: uppercase;} .ui-state-default a:hover, .ui-state-default a:active {color: #000;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #fff; font: 1em/1 'LatoBold', arial, sans-serif; text-transform: uppercase;} .ui-state-active a:link, .ui-state-active a:visited {color: #fff;} .ui-tabs .ui-tabs-panel {padding: 25px 0;} /* Sous tabs */ .ss-tabs {min-height: 200px; padding: 10px 20px !important;} .ui-tabs.ss-tabs .ui-tabs-nav {border-bottom: 4px solid #626262 !important;} .ui-tabs.ss-tabs .ui-tabs-nav li a {padding: 9px 13px 6px;} .ss-tabs .ui-state-active, .ss-tabs .ui-widget-content .ui-state-active, .ss-tabs .ui-widget-header .ui-state-active {background: #626262;} .ss-tabs .ui-state-default a, .ss-tabs .ui-state-default a:link, .ss-tabs .ui-state-default a:visited, .ss-tabs .ui-state-active a, .ss-tabs .ui-state-active a:link, .ss-tabs .ui-state-active a:visited {font: .9em/1 'LatoBold', arial, sans-serif;} .ui-tabs.ss-tabs .ui-tabs-panel {padding: 15px 0; font-size: .9em;} /* 1.4 Couleurs ----------------------------------------------------------------------------------------------------*/ .black-color {color: #000;} .grey1-color {color: #272626;} .grey2-color {color: #4a4a4a;} .grey3-color {color: #656565;} .grey4-color {color: #999797;} .white-color {color: #fff;} .orange-color {color: #0d77ac;} /* 1.5 Boutons ----------------------------------------------------------------------------------------------------*/ /* Bouton avec contour + texte couleur principale */ a.simple-btn, span.simple-btn{ border: 1px solid #353535; font: 0.95em 'NexaLight', sans-serif; text-transform: uppercase; padding: 10px 15px; color: #353535; 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: #353535; 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: #0d77ac; } a.simple-btn.color-btn:hover, span.simple-btn.color-btn:hover{background-color: #0b6a99; 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:#0d77ac;} /* 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 - PARTIE BLANCHE DU HEADER ========================================================================== */ .header-top {background: url(/images/bg-white70.png) repeat; /*height: 102px;*/} #header-logo { width: 264px;height: 136px; position: absolute; top: 20px; left: -10px; z-index: 50;} #header-logo a {display: block; width: 100%; height: 100%; background-repeat: no-repeat; 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{ text-align: right; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top: 0; padding-left: 26px; float: right; } /*-- Ref --*/ .header-ref-h1 {height: 18px; line-height: 18px; padding: 4px 0 0 0; font-size: 10px; font-weight: bold; text-align: right; white-space: nowrap; overflow:hidden; } .header-ref-h1, .header-ref-h1 table{ color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */ filter: alpha(opacity=50); /* IE 5-7 */ -moz-opacity: 0.5; /* Netscape */ -khtml-opacity: 0.5; /* Safari 1.x */ opacity: 0.5; /* Good browsers */} } .header-ref-h1 h1, .header-ref-h1 span{ font-size: 10px; margin: 0; display: inline; } .header-ref-h1 a:link, header-ref-h1 a:visited {color: #fff;} /* 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;} /*-- Menu Top --*/ .top-menu-container {background: url(/images/bg-white90.png) repeat; display: inline-block; *display:inline; *zoom:1; padding: 10px 5px 10px; } ul.top-menu { list-style: none; margin:0; padding: 0;} ul.top-menu li{ display: inline-block; *display:inline; *zoom:1; font-size: 0.7em; text-transform: uppercase; line-height: 24px; } ul.top-menu li a{ display: inline-block; *display:inline; *zoom:1; line-height: 24px; padding: 0 5px; margin: 0 5px; /*border-right: 1px dashed #b3b3b3;*/ } ul.top-menu li.main-lang-container {display: none; visibility: hidden;} /* Basline */ .baseline-top {font: bold 1.2em Helvetica, Aril, sans-serif; color: #0d77ac; margin-top: 6px;} .baseline-top span, .baseline-top a {color: #A72213 !important;} /*-- Langues --*/ .main-lang-container {display: none; visibility: hidden; /*display: inline-block; *display: inline; *zoom: 1; vertical-align: top; float: right;*/ } .main-lang-container ul {list-style: none; margin:0; padding:0; color: #999797;} .main-lang-container ul li {display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 2px; } .main-lang-container ul li a { font: 1.2em 'LatoRegular', sans-serif; text-transform: uppercase; text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 8px 7px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; border: none ; } .main-lang-container ul li a:hover, .main-lang-container ul li a:active { color: #fff; background: url(/images/bg-black20.png) repeat 0 0; } .main-lang-container ul li a.current-lang{ color: #fff; background: url(/images/bg-black20.png) repeat 0 0; } /* 2.1.1 Menu blanc ----------------------------------------------------------------------------------------------------*/ .header-menu-container {background: url(/images/bg-white90.png) repeat; } .header-menu {font: 0.85em 'NexaBold', sans-serif; letter-spacing: 0.08em; text-transform: uppercase; } .header-menu ul {margin:0; padding: 0; text-align: right; } .header-menu li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin: 0 10px; } .header-menu li.last { margin: 0 0 0 10px; } .header-menu li ul li.last{ margin: 0 23px; } .header-menu li a:link, .header-menu li a:visited {color: #000; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 25px 2px 20px; border-bottom: 3px solid transparent; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .header-menu li a:hover, .header-menu li a:active {color: #0d77ac; text-decoration: none; background: none; border-bottom: 3px solid #0d77ac;} .header-menu li.current a{ border-bottom: 3px solid #0d77ac; } .header-menu li.menu-deroulant a span { width: 12px; height: 7px; background: transparent center center no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px 0 0 5px; 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); } .header-menu a { display: block;} .header-menu a.select-link {padding: 18px 20px 18px;} /* Ma sélection */ .header-menu li.maselection{ display: none; visibility: hidden; } .header-maselection-nb {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width:22px; height: 22px; font-size:11px; margin-left:5px; text-align: center; color:#fff; background-color: #0d77ac; line-height: 2em; -webkit-border-radius: 50%; border-radius: 50%; } .maselection a:link .header-maselection-nb, .maselection a:visited .header-maselection-nb {color:#fff; text-decoration: none; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .maselection a:hover .header-maselection-nb, .maselection a:active .header-maselection-nb {color:#fff; text-decoration: none; background-color: #0b6a99;} /*-- Menu Responsive --*/ #nav .block {z-index: 20; position: relative} #nav .close-btn {display: none; } .nav-btn {display: none; width: 44px; height: 29px; position: absolute; z-index:10; top: 48px; right: 15px; padding: 0; border: 0; outline: none; overflow: hidden; white-space: nowrap; text-indent: 100%; background: transparent left center no-repeat; background-image: url(/images/ico-menu.png); background-image: -webkit-image-set(url(/images/ico-menu.png) 1x, url(/images/ico-menu@2x.png) 2x); background-image: image-set("/images/ico-menu.png" 1x, "/images/ico-menu@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .close-btn {display: block; width: 45px; height: 45px; margin: 0; padding: 0 !important; border: 0; outline: none; overflow: hidden; white-space: nowrap; text-indent: 100%; background: transparent left center no-repeat; background-image: url(/images/ico-close-menu.png); background-image: -webkit-image-set(url(/images/ico-close-menu.png) 1x, url(/images/ico-close-menu@2x.png) 2x); background-image: image-set("/images/ico-close-menu.png" 1x, "/images/ico-close-menu@2x.png" 2x); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .visible-phone {display: none !important; visibility: hidden !important;} /* ========================================================================== 2.2 HEADER - PARTIE ORANGE DU HEADER ========================================================================== */ /*-- Menu deroulant --*/ .sf-menu ul {position: absolute; top:-999em; width: 220px; z-index: 100000; text-align: left;} .sf-menu ul li {display: block; width: auto; text-align: center; height: auto;} .sf-menu li:hover {visibility: inherit; } .sf-menu li {position: relative;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -45%; top: 75px; z-index: 100000; background: #FFF; box-shadow: 0 0 8px rgba(0,0,0,.3); } 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 li:hover ul:before, .sf-menu li.sfHover ul:before { content: ""; display: inline-block; *display:inline; *zoom:1;top: -10px; width: 100%; text-align: center; position: absolute; background: url('/images/bg-arrow-menu-top.png') no-repeat center bottom; height: 10px; } .sf-menu li.sfHover li, .sf-menu li.sfHover li.last{margin: 0;} .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited {background: none; color: #000; border-bottom: 1px solid rgba(106, 106, 106, 0.12); display: block; width: 100%; height: auto; line-height: 1.4em; vertical-align: middle; padding: 15px 0 10px; font-family: 'NexaLight', Arial, sans-serif; } .sf-menu li.sfHover li.two-lines a:link, .sf-menu li.sfHover li.two-lines a:visited {line-height: 17px; } .sf-menu li.sfHover li a:hover { background-repeat: repeat; background-color: #434643; color: #FFF; } .sf-menu li.sfHover li.last a {border-bottom: none;} .sf-menu li h2{display: inline-block;} /* // ========================================== \\ || || || III. SIDEBAR || || || \\ ========================================== // */ .illustration-aside {width: 100%; position: relative;} .illustration-aside img {width: 100%;} /* 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%;} a.bulle-me-contacter {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-me-contacter.png); background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x); background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x); } a.bulle-me-contacter:hover, a.bulle-me-contacter:active { background: transparent no-repeat 0 -86px; background-image: url(/img_fr/bulle-me-contacter.png); background-image: -webkit-image-set(url(/img_fr/bulle-me-contacter.png) 1x, url(/img_fr/bulle-me-contacter@2x.png) 2x); background-image: image-set("/img_fr/bulle-me-contacter.png" 1x, "/img_fr/bulle-me-contacter@2x.png" 2x); } .agent-slogan {margin-top: 10px;} .agent-slogan ul {margin-top: 0; padding-left: 0;} .agent-slogan li {list-style: none; font-size: 0.8em;} /* // ========================================== \\ || || || IV. CONTENT || || || \\ ========================================== // */ /* ========================================================================== 4.1 CONTENEUR CENTRAL ========================================================================== */ #main-container {margin: 0 auto; padding: 235px 0 30px; background:#2b3742; } .page-container {margin-top: 69px; width: 94%; background: url(/images/bg-white91.png) repeat; padding: 30px 3% 50px; min-height: 621px;} .full-page {width: 100%;} .leftside-page {width: 62%; float: left; margin-top: 30px;} .rightside-page {width: 27%; float: right; padding-left: 2%; padding-right: 2%; margin-top: 30px;} /* 4.1.1 Home ----------------------------------------------------------------------------------------------------*/ /* Home Intro */ #home-intro { margin-top: 30vh;} /*-- Slogan --*/ #slogan{ color: #454645; text-transform: uppercase; text-align: center; margin: 63px 0 27px; letter-spacing: 0.12em; } #slogan .title{ font: 1.6em/1.85em 'NexaBold', arial, sans-serif; } .separateur-slogan{ border: 2px solid rgb(255, 255, 255); width: 15%; margin: 0 auto;} #slogan .undertitle{ font: 1.35em/1.85em 'NexaLight', arial, sans-serif; padding-top: 3px; } /*-- Home Widgets --*/ .home-widgets { padding: 30px 0;} .home-widgets article { width: 31%;display: inline-block; *display:inline; *zoom:1; height: 200px; text-align: center; margin: 0 1%; position: relative; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.09); box-shadow: 5px 5px rgba(0, 0, 0, 0.09);} .home-widgets .diapo{ margin: 0px auto; width: 100%; background: #434643; } .home-widgets .diapo img{ margin: 0px auto; margin-left: -5%; width: 110%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;} .home-widgets .heading3{ display: inline-block; *display:inline; *zoom:1; background-color: rgba(13, 119, 172, 0.88); color: #FFF; padding: 10px; position: absolute; z-index: 10; top: 0; left: 0; margin: 0; text-transform: uppercase; letter-spacing: 0.1em; font: 0.8em 'NexaLight', sans-serif; line-height: 1.231em; } .home-widgets .caption-text{background-color: rgba(255, 255, 255, 0.91); position: absolute; position: absolute; z-index: 100; bottom: -50px; color: #FFF; padding: 5px 10px; right: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-transform: uppercase; font: 0.8em 'NexaBold', arial, sans-serif; line-height: 1.85em; } .home-widgets .caption-text a{color: #434643; text-decoration: none;} .home-widgets article:hover .caption-text{ bottom: 0px;} .home-widgets article:hover img{ filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity: 0.3; opacity: 0.3; width: 105%; } /*-- Biens Home Stamps --*/ .home-featured { padding: 25px 0 0; margin-bottom: 20px;} .home-featured, .home-featured .line-title span {background: #f6f6f6;} .home-featured-stamps {margin-right: 8%; margin-left: 8%; font-size: 0.85em;} .home-featured-stamp { display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 47%; margin-bottom: 40px; padding-right: 1%; padding-left: 1%;} .home-stamp-photo { display: inline-block; *display:inline; *zoom:1; margin-right: 2%; vertical-align: top; width: 40%;} .home-stamp-photo img { width: 100%;} .home-stamp-photo img.no-flap {display: inline;} .home-stamp-content { display: inline-block; *display:inline; *zoom:1; width: 57%;} .home-stamp-type {font: 1.15em 'LatoBold', sans-serif; color: #434643; padding-top: 15px;} .home-stamp-ville { font: .95em 'LatoBold', sans-serif; letter-spacing: 2px; color: #4a4a4a; text-transform: uppercase; padding-top: 10px;} .home-stamp-prix {font: 1em 'LatoBold', sans-serif; color: #7a7a7a; padding-top: 5px;} /* Stamps statiques */ .home-stamp-photo-static {display: inline-block; *display:inline; *zoom:1; width: 145px; height: 115px; margin-right: 2%; vertical-align: top; background: transparent no-repeat; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .home-featured-stamp.stamp1 .home-stamp-photo-static { background-image: url(/images/home-stamp1.jpg); background-image: -webkit-image-set(url(/images/home-stamp1.jpg) 1x, url(/images/home-stamp1@2x.jpg) 2x); background-image: image-set("/images/home-stamp1.jpg" 1x, "/images/home-stamp1@2x.jpg" 2x); } .home-featured-stamp.stamp2 .home-stamp-photo-static { background-image: url(/images/home-stamp2.jpg); background-image: -webkit-image-set(url(/images/home-stamp2.jpg) 1x, url(/images/home-stamp2@2x.jpg) 2x); background-image: image-set("/images/home-stamp2.jpg" 1x, "/images/home-stamp2@2x.jpg" 2x); } .home-featured-stamp.stamp3 .home-stamp-photo-static { background-image: url("/images/home-stamp3@2x.jpg"); background-size: cover; background-position: center; } .home-featured-stamp.stamp4 .home-stamp-photo-static { background-image: url(/images/home-stamp4.jpg); background-image: -webkit-image-set(url(/images/home-stamp4.jpg) 1x, url(/images/home-stamp4@2x.jpg) 2x); background-image: image-set("/images/home-stamp4.jpg" 1x, "/images/home-stamp4@2x.jpg" 2x); } .home-featured-stamp a:hover .home-stamp-photo-static {opacity: .7;} .home-featured-stamp a:hover {text-decoration: none; background: none;} .home-featured-stamp .home-stamp-content a.link-home-stamp:link, .home-featured-stamp .home-stamp-content a.link-home-stamp:visited {color: #fff; background: #0d77ac; padding: 8px 18px; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; } .home-featured-stamp .home-stamp-content a.link-home-stamp:hover, .home-featured-stamp .home-stamp-content a.link-home-stamp:active {color: #fff; background: #0b6a99; text-decoration: none;} /*-- Biens vedettes home --*/ .bien-vedette-slide-group {width: 90%; margin: 0 5%; } .bien-vedette .slideshow, .bien-vedette .large-flap-container { width: 100%; height: 205px; position: relative; text-align: center; overflow: hidden;} a.home-vignette-container {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 23.25%; margin: 0 0.7%; position: relative; text-align: center; } .home-vignette {background-color: #0d77ac; width: 100%; height: 100%;} .home-vignette img {width: 100%; height: auto;} .home-vignette img.no-flap {display: inline-block; *display:inline; *zoom:1; vertical-align: top;} .home-vignette a img { -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; transition: all 1s ease-out; } .home-vignette a:hover img {opacity: 0.13; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .infos-bien {position: absolute; text-transform: uppercase; font-size: 0.9em; line-height: 2em; top: 58px; width: 100%;} a .infos-bien {display: none; } a:hover .infos-bien {display: block; color: #fff; text-decoration: none; } .bien-vedette-link-offres {text-align: center} .home-widgets article { width: 31%; display: inline-block; *display: inline; *zoom: 1; height: 200px; text-align: center; margin: 0 1%; position: relative; overflow: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; vertical-align: middle; -moz-box-shadow: 5px 5px rgba(0,0,0,0.09); -webkit-box-shadow: 5px 5px rgba(0,0,0,0.09); box-shadow: 5px 5px rgba(0,0,0,0.09); } /* Widget vide */ .widget-vide {display: inline-block; *display:inline; *zoom:1; vertical-align: top; /*width: 23.25%; margin: 0 0.7%;*/ width: 20%; margin: 0 1.5%; position: relative; } /*-- Recrutement home --*/ .home-estimation {background: url(/images/bg-home-estimation.jpg) no-repeat center top; height: 318px; position: relative; width: 100%; z-index: 0; margin-top: 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home-estimation .zone-txt {width: 50%; margin: 4.8em 0 0 2%;} .zone-txt .heading2 {color: #fff;} .zone-txt .heading3 {color: #fff;} /*-- Slide agence home --*/ .home-slide-agence {background-color: #0d77ac; height: 310px; text-align: center; display: inline-block; *display:inline; *zoom:1; width: 50%; float: right; padding: 1%;} .home-slider {position: relative;} .home-slider-container {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 100%; text-align: center; border: 1px solid rgba(255, 255, 255, 0.51); } .home-slider-container .large-flap-container {overflow: hidden; width: 100%; height: 310px; margin: 0 auto; position: relative;} .home-slide1 {background: transparent url(/images/home-slide1.png) no-repeat center right; width: 100%; height: 100%;} .home-slide2 {background: transparent url(/images/home-slide2.png) no-repeat center right; width: 100%; height: 100%;} .home-slide3 {background: transparent url(/images/home-slide3.png) no-repeat center right; width: 100%; height: 100%;} .home-slide-text {display: block; width: 50%; margin: 20px 0 0 8%; float: left;text-align: left;color: #FFF;} .home-slide-text .heading2{color: #FFF;font-size: 1.1em;text-transform: uppercase; margin-top: 10%;} .home-slide-text .heading3{color: #FFF;font-size: 1.35em;text-transform: uppercase; font-family: "NexaBold", Arial, Helvetica, Geneva, sans-serif; letter-spacing: 0.05em; } .home-slide-text p {color: #FFF;} .separateur-home-slide{ border: 2px solid rgba(255, 255, 255, 0.46); width: 30%; margin: 6px 0 16px;} .home-slide-prev, .home-slide-next {width: 5%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; height: 45px; top: 105px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .home-slide-prev {left: 1%;} .home-slide-next {right: 1%;} .home-slide-prev span, .home-slide-next span {width: 24px; height: 45px; background-color: transparent; background-repeat: no-repeat; display: block; 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-slide-prev span {background-position: 0 -338px;} .home-slide-prev span:hover {background-position: 0 -383px;} .home-slide-next span {background-position: -25px -338px;} .home-slide-next span:hover {background-position: -25px -383px;} a.home-slide-link:link, a.home-slide-link:visited, a.home-slide-link:hover, a.home-slide-link:active {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} /*-- Slide de news home (ss image) --*/ .home-slide-news { padding-top: 30px;} .home-slide-news .slideshow, .home-slide-news .large-flap-container { width: 100%; height: 260px; position: relative;} .home-slide-news-content { width: 84%; margin: 0 8%; height: 100%;} .home-slide-news .heading2{color: #444644;font-size: 1.1em; margin-top: 25px; font: 1.2em/1.231em 'LatoBold', sans-serif; margin-bottom: 10px; } .home-slide-news-img {width: 280px; height: 200px; margin-bottom: 50px; float: left; margin-right: 30px; overflow: hidden; border: 4px solid #f5f5f5; -moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.16); -webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.16); box-shadow: 1px 1px rgba(0, 0, 0, 0.16); text-align: center; } .home-slide-news-img img {width: auto; height: 100%; } .home-news-prev, .home-news-next {width: 25px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; height: 45px; top: 70px; position: absolute; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .home-news-prev {left: 1%;} .home-news-next {right: 1%;} .home-news-prev span, .home-news-next span {width: 24px; height: 45px; background-color: transparent; background-repeat: no-repeat; display: block; 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-news-prev span {background-position: 0 -383px;} .home-news-next span {background-position: -25px -383px;} /* Home CANTAIS */ .home-cantais {width: 100%; height: 230px; background: #f0f0f0; margin: 40px 0 0;} .home-cantais-bg {width: 100%; height: 230px; border-left: 6px solid #f7f7f7; border-right: 6px solid #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box;} .fr .home-cantais-bg {background: transparent url(/img_fr/bg-home-cantais.png) no-repeat 0 0;} .uk .home-cantais-bg {background: transparent url(/img_uk/bg-home-cantais.png) no-repeat 0 0;} .home-cantais .text-villes-cantais ul {list-style: none; margin: 0; padding: 158px 0 0 252px;} .home-cantais .text-villes-cantais ul li {display: inline-block; *display:inline; *zoom:1; margin: 0 20px 7px 0; vertical-align: top; font: .95em 'LatoRegular', arial, sans-serif;} .home-cantais .text-villes-cantais ul li::before {content: "\2759"; margin-right: 6px; letter-spacing: -1px; color: #0d77ac; font-size: 1em;} /* 4.1.2 Contact ----------------------------------------------------------------------------------------------------*/ .coordonnees {padding-top: 30px; padding-bottom: 20px; background-color: #FFF;-moz-box-shadow: 3px 3px rgba(136, 136, 136, 0.3); -webkit-box-shadow: 3px 3px rgba(136, 136, 136, 0.3); box-shadow: 3px 3px rgba(136, 136, 136, 0.3); } .coordonnees span {width: 14px; height: 18px; *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 span.ico-tel {background-position: 0 -18px;} .coordonnees span.ico-fax {background-position: -14px -18px;} .carte-agence .infos_bulle img {margin: 10px 0 20px;} .liste-infos-conseils li {width: 50%; line-height: 1.5; float: left;} /* ========================================================================== 4.2 MODE LISTE ========================================================================== */ /* 4.2.1 Alerte E-mail ----------------------------------------------------------------------------------------------------*/ .liste-create-alert { position: relative; z-index: 5; margin-bottom: 40px; } .liste-create-alert-img { background-repeat: no-repeat; width: 72px; height: 67px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; float: left; position: absolute; left: 0; top: 8px; background-image: url(/images/bulle-alerte-mail.png); background-image: -webkit-image-set(url(/images/bulle-alerte-mail.png) 1x, url(/images/bulle-alerte-mail@2x.png) 2x); background-image: image-set("/images/bulle-alerte-mail.png" 1x, "/images/bulle-alerte-mail@2x.png" 2x); } .liste-create-alert-content {background-color: #4a4a4a; width: 88%; float: right; color:#c9c9c9; display: inline-block; *display:inline; *zoom:1; vertical-align: top; padding: 1% 2% 1% 10%; margin-top: 27px;} .liste-create-alert-content-title {width: 53%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; font: 0.8em/1 'LatoRegular', sans-serif; padding-top: 4px; } .liste-create-alert-content .heading1 {color: #fff; display: block;} .liste-create-alert-content-input {width: 45%; margin-left: 1%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; top: 0;} input.input-text-alerte-mail {height: 37px; border: 1px solid #c0c1c2; width: 82%; padding: 0 5px;} input.submit-classique.form-submit-alerte-mail {height: 39px !important; width: 10%; margin-left: 1%; padding: 0 !important; text-align: center; vertical-align: top;} /* 4.2.2 Liste container top : nb liens, tri et mode affichage ----------------------------------------------------------------------------------------------------*/ .liste-container {width: 72%; background: url(/images/bg-white90.png) repeat; padding: 10px 2%; position: relative;z-index: 0; float: right;margin-top: 20px;} .liste-container hr {width: 50%} /* Nombre de biens */ .liste-display-all-nb {float: left; margin-right: 1%;margin-top: -10px} /* Tri */ .filters-container {margin: -16px 0 10px 0; height: 34px;} .filters-content {font: 13px/1.231 'Lato', Arial, sans-serif; letter-spacing: .1em;} .filters-content ul {margin: 0; padding: 0; list-style: none; text-align: right; } .filters-content li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; } .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited {display: block; margin-left: 16px; padding: 10px 12px 8px; background: #4a4a4a; cursor: pointer; color: #cdcdcd; text-decoration: none; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .filters-content li:hover span.sort-liste, .filters-content li span.sort-liste.active-sort, .filters-content li:active span.sort-liste, .filters-content li:hover span.sort-liste a, .filters-content li:active.sort-liste a, li.mode-affichage:hover, li.mode-affichage:active, li.mode-affichage.active-mode { color:#fff; background: #0d77ac; } /* Mode d affichage */ .select-mode-affichage {margin-bottom: 20px; position: relative;} .select-mode-affichage ul {margin: 0; padding: 0;} .select-mode-affichage p, .select-mode-affichage ul {display: inline;} li.mode-affichage {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-left: 16px; padding: 7px 12px 8px; width: 23px; background: #4a4a4a; cursor: pointer; color:#cdcdcd; text-decoration: none; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .select-mode-affichage li span.mode-img-infos, .select-mode-affichage li span.mode-img, .select-mode-affichage li span.mode-map {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 21px; height: 15px; background-repeat: no-repeat; background-image: url(/images/btn-mode-liste.png); background-image: -webkit-image-set(url(/images/btn-mode-liste.png) 1x, url(/images/btn-mode-liste@2x.png) 2x); background-image: image-set("/images/btn-mode-liste.png" 1x, "/images/btn-mode-liste@2x.png" 2x);} .mode-img-infos {background-position: -9px -13px} .mode-img {background-position: -9px 2px;} .mode-map {background-position: -9px -29px;} .visible-mobile {display: none; visibility: hidden;} .visible-mobile ul li.mode-affichage {width: auto; color: #FFF; background: #0D77AC;} .visible-mobile ul li.mode-affichage:hover {color: #FFF; background: #076796;} .visible-mobile ul li.mode-affichage a {color: #FFF; background: none;} .visible-mobile ul li.mode-affichage:hover a:hover, .visible-mobile ul li.mode-affichage a:hover {color: #FFF; background: none; text-decoration: none;} /* 4.2.3 Liste container top : Liste de biens ----------------------------------------------------------------------------------------------------*/ .liste-display-all {position: relative; text-align: left; min-height:400px;} /* ON AJOUTE LA CLASS MODE-2 A LA LISTE QUI AFFICHE LE PLUS D INFOS */ .liste-bien-container {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 48%; margin-bottom: 30px; position: relative; overflow: hidden;} .liste-bien-container.mode-2 {width: 100%; text-align: left; background-color: #fff; margin-bottom: 0;} .liste-bien-container:nth-child(odd) {margin-right: 3%;} .liste-bien-container.mode-2:nth-child(odd) {margin-right: 0;} /* 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-mode-2, .bg-liste-minisite {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 0% top; height: 10px; width: 100%; margin-bottom: 9px;} /* 4.2.4 Affichage des images ----------------------------------------------------------------------------------------------------*/ .liste-bien-photo {width: 100%; height: 100%; } .liste-bien-photo.mode-2 {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 48%; overflow: hidden;} .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%; } .liste-bien-photo-frame a {display: block; width: 100%; height: 100%; position: relative;} /* 4.2.5 Affichage des infos textuelles ----------------------------------------------------------------------------------------------------*/ .liste-bien-description {position: absolute; width: 100%; bottom: 1px; left:0; background-color: rgba(0,0,0,0.5); } .liste-bien-description.mode-2 {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: 12px 20px 12px; text-align: left; color: #fff;} .liste-bien-type {font: 0.95em/1 'NexaLight', sans-serif; text-transform: uppercase; letter-spacing: .1em; } .liste-bien-ville {font: 0.85em/1 'NexaLight', sans-serif; text-transform: capitalize;} .liste-bien-type, .liste-bien-ville {width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .liste-bien-price {font: 0.95em/1 'NexaLight', sans-serif; padding: 4px 8px; position: absolute; bottom: 15px; right: 20px; background-color: #0d77ac; color: #fff; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); } /* Informations specifique au mode 2 */ .liste-bien-offre {font: 0.75em/1 'LatoRegular', sans-serif; text-transform: uppercase; color: #999797; margin-top: 3.5%;} .liste-bien-title.mode-2 {color: #000; padding: 3.5% 0;} .liste-bien-title.mode-2 .liste-bien-ville {font: 1.15em/1 'NexaBOld', sans-serif; color: #444644; width: 100%;} .liste-bien-title.mode-2 .liste-bien-type {font: 0.9em/1 'NexaLight', sans-serif; color: #999797; margin-top: 4px; width: 100%;} .liste-bien-title.mode-2 .liste-bien-price {font: 1.1em/1 'NexaLight', sans-serif; color: #0d77ac; background-color: transparent; position: relative; bottom: 0; right: 0; margin-top: 1.5%; padding: 0; text-shadow: 0px 0px 0px rgba(0,0,0,0.0); filter: dropshadow(color=#ffffff, offx=1, offy=1); } .extrait-desc {font: 0.8em/1.5 'LatoRegular', sans-serif; color: #4a4a4a; overflow: hidden;} .liste-bien-description.mode-2 hr {margin: 1px 0 3.5% 0; width: 30%;} .liste-bien-description.mode-2 ul {padding: 0;} .liste-bien-description.mode-2 li {list-style-type: none; display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-right: 5px; font-size: 0.8em;} .liste-bien-description.mode-2 li a:link.submit-classique, .liste-bien-description.mode-2 li a:visited.submit-classique {padding: 16px 11px 0 12px; display: block; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); } .liste-bien-description.mode-2 li.SelectionOff a, .liste-bien-description.mode-2 li a:hover.submit-classique, .liste-bien-description.mode-2 li a:active.submit-classique {color: #fff; text-decoration: none; background-color: #0d77ac;} /* -- Programmes neufs -- */ .liste-prog-description {position: absolute; width: 100%; bottom: 0; left:0; background-color: rgba(255, 255, 255, 0.7);} .lt-ie9 .liste-prog-description {background: url(/images/bg-white70.png) repeat } .liste-prog-description.mode-2 {position: relative; width: 48%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-color: transparent; padding: 1% 1% 1% 2%;} .liste-prog-title {padding: 12px 20px; text-align: left; color: #232d32;} .liste-prog-type {font: .95em/1 Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: .1em; } .liste-prog-ville {font: .8em/1 Helvetica, Arial, sans-serif; font-style: italic; text-transform: capitalize;} .liste-prog-type, .liste-prog-ville {width: 50%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .liste-prog-price {font: .95em/1 Helvetica, Arial, sans-serif; padding: 7px 8px; position: absolute; bottom: 12px; right: 20px; background-color: #0d77ac; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.1); -webkit-box-shadow:inset 1px 1px 2px 0 rgba(0, 0, 0, 0.3), 1px 1px 2px 0 rgba(255, 255, 255, 0.7); box-shadow:inset 1px 1px 2px 0 rgba(0, 0, 0, 0.3), 1px 1px 2px 0 rgba(255, 255, 255, 0.7); } /* Informations specifique au mode 2 */ .liste-prog-offre {font: .75em/1 Helvetica, Arial, sans-serif; text-transform: uppercase; color: #918d86; margin-top: 3.5%;} .liste-prog-offre span {background-color: #0d77ac; color: #fff; padding: 0 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);} .liste-prog-title.mode-2 {color: #000; padding: 8.5% 0 3.5%;} .liste-prog-title.mode-2 .liste-prog-ville {font: 1.45em/1 Helvetica, Arial, sans-serif; color: #272727; width: 100%;} .liste-prog-title.mode-2 .liste-prog-date {font: .9em/1.3 Helvetica, Arial, sans-serif; color: #918d86; margin-top: 4px; width: 100%;} .liste-prog-title.mode-2 .liste-prog-price {font: 1.1em/1 Helvetica, Arial, sans-serif; color: #0d77ac; position: relative; bottom: 0; right: 0; margin-top: 3.5%; padding: 0; text-shadow: 0 0 0 rgba(0,0,0,0.0); -webkit-box-shadow: none; box-shadow: none; } .liste-prog-description.mode-2 hr {margin: 1px 0 3.5%; width: 30%;} .liste-prog-description.mode-2 ul {padding: 0;} .liste-prog-description.mode-2 li {list-style-type: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} .liste-prog-description.mode-2 li:first-child {margin-right: 15px;} .liste-prog-description.mode-2 li a:link.submit-classique, .liste-prog-description.mode-2 li a:visited.submit-classique {padding: 11px 11px 0 12px; display: block; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);} .liste-prog-description.mode-2 li.SelectionOff a, .liste-prog-description.mode-2 li a:hover.submit-classique, .liste-prog-description.mode-2 li a:active.submit-classique, .detail .detail-topnav li.SelectionOff, .detail .detail-topnav li.SelectionOff a:link, .detail .detail-topnav li.SelectionOff a:visited {color: #fff; text-decoration: none; background-color: #0b6a99;} /*-- Ribbons --*/ .liste-bien-ribbon {position: absolute; top: -1px; left: -2px;} .mode-2 .liste-bien-ribbon {position: absolute; top: -2px; left: -2px;} .liste-bien-ribbon a {display:block; height:100%; /* ribbon cliquable */} .detail-photo-container .liste-bien-ribbon {position: absolute; top:-4px; left:-4px;} .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: 129px; 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 -91px !important;} .ribbon-exclu {background-position: 0 -181px !important;} .ribbon-vendu {background-position: 0 -271px !important;} .ribbon-baisse {background-position: 0 -361px !important;} .ribbon-vedette {background-position: 0 -451px !important;} .ribbon-loue {background-position: 0 -542px !important;} .ribbon-compromis {background-position: 0 -724px !important;} .ribbon-en-cours {background-position: 0 -634px !important;} /* 4.3.4 Detail biens suggestion ----------------------------------------------------------------------------------------------------*/ #detail-suggestions-container {margin-top: 20px;} .detail-bien-suggest-title {margin-bottom: 18px; font: 25px/1 'NexaLight', sans-serif; color: #000; text-align: center; position: relative;} .detail-bien-suggest-title div {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 35%;} .detail-bien-suggest-title span {display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 32%; border-top: 1px solid #CCC;} .detail-suggestions { background: #fff; text-align: center;} a.suggest-bien {display: inline-block; *display:inline; *zoom:1; float: left; width: 20%; height: 180px; 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; } a.suggest-bien:hover{text-decoration: none; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .suggest-bien-text{position: absolute; bottom: 0; padding: 4%; width: 92%; background: transparent url(/images/bg-black60.png) repeat; color: #FFF; text-align: left; font-size: 0.8em; } .suggest-bien-ville {font-size: 0.8em;color: #c1c1c1;} /* 4.2.6 Mini-listes ----------------------------------------------------------------------------------------------------*/ .liste-bien-ref-description.mode-2 {width: 95%;} .liste-bien-ref-offre { margin-top: 0.5%; } .liste-bien-ref-title { position: relative; } .liste-bien-ref-title.mode-2 {padding: 20px 0 10px 0;} .liste-bien-ref-offre hr {margin-bottom: 20px;} .liste-bien-title.mode-2 .liste-bien-ref-price {position: absolute; top: 0; right: 0; } .extrait-ref-desc {max-height: 68px; overflow: hidden;} /* 4.2.6 Google map : page liste ----------------------------------------------------------------------------------------------------*/ .liste-map {width: 100%; height: 394px;} .LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 50%; left: 0; width: 100%; height: 100%;} #IfGGMap {border: none; margin-bottom: 40px; margin-top: -394px; position: relative;} #GGMap {width: 100% !important;} /* Bulle avec marker */ .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #0d77ac;} /* Styles relatifs aux map - MapListeBien et MapListeProg */ #GGMap {width: 100% !important; background: transparent url(/images/loading.gif) no-repeat 50% 50% !important;} .liste-map-message {font-family: Arial, Helvetica, sans-serif; font-size:11px; text-align:center; width:600px; margin:0px auto; padding-top: 150px; color: #999;letter-spacing: 1px} .liste-map-message-heading {font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #606060; letter-spacing: 2px} .warning-gray {height: 60px; background-image:url(../images/warning-gray.png); background-repeat: no-repeat; background-position: center center;} .ggmap-list-item { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear: both; margin: 5px 0;} ul.gg-map-marker { display:none} .ggmap-list-item-pict {margin: 0 5px 2px 0; float: left;} .ggmap-list-item-pict img {max-width: 80px!important; height: auto;} .ggmap-list-item-content {float: left;} .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #0d77ac; font-weight: bold;} .ggmap-list-item-coords .ggmap-coords-prix {font-weight: 400 !important; margin-bottom: 5px;} .ggmap-coords-link {color: #fff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: normal !important; font-size: 12px !important; background-color: #0d77ac; 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: #0b6a99;} .gm-style .gm-style-iw {padding-right: 25px !important;} /* 4.2.8 Navigation page ----------------------------------------------------------------------------------------------------*/ .liste-navpage-container {border-top: #d7d7d7 1px solid; padding-top: 20px; margin: 0; color: #999797; font: 0.9em/1 'NexaLight', sans-serif; position: relative; letter-spacing: .1em;} .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: #0d77ac; text-decoration: none;} .PremierePage .PagePre { background-position: -113px -2px; width: 15px; } .DernierePage .PagePre { background-position: -134px -2px; width: 15px; } .PremierePage .PagePre:hover { background-position: -113px -2px; width: 15px; } .DernierePage .PagePre:hover { background-position: -134px -2px; width: 15px; } /* Personnalisation REF */ .ref .liste-navpage-container{ border: none; } .ref .liste-navpage-prev{ /*position: static; top:0; left:0; float: left; margin-top: 20px;*/ top: inherit; bottom: 0; } .ref .liste-navpage-next{ /*position: static; top:0; right:0; float: right; margin-top: 20px;*/ top: inherit; bottom: 0; } .ref .liste-navpage-trail{ padding-top: 20px; } /* 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: #f1f1f1;} .nav-page-position {margin-right:40px; } /* Mention inter-agence */ .mention-inter-agence, #MentionInterAgence {font: 0.7em/1 'NexaLight', sans-serif; color: #999797; margin-top: 20px;} /* 4.2.9 Page : Ma selection ----------------------------------------------------------------------------------------------------*/ #ListeAnnonce .page-masque {text-align: left;} .selection-actions {position:absolute; top:0; right:0; } .buttons .SelectionOff span {color:#888; background-position: 0 -120px; } .SelectionOff a:link {color: #fff !important; } /* 4.2.10 Loading ----------------------------------------------------------------------------------------------------*/ /* Ajax */ .LoadListe {z-index:999; filter: alpha(opacity=20); /* internet explorer */ -khtml-opacity: 0.2; /* khtml, old safari */ -moz-opacity: 0.2; /* mozilla, netscape */ opacity: 0.2; /* fx, safari, opera */ } #LoadingAjax {background: transparent url(/images/loading.gif) no-repeat 50% 100%; height:300px; position:absolute; top:100px; left:0px; width:100%;} /* ========================================================================== 4.3 MODE DETAILS ========================================================================== */ /* Container form + diapo */ aside.detail-aside {float: left; width: 20%; background-color: #494a49; margin-left: -4%; padding-left: 2%; padding-right: 2%; color: #FFF; padding-bottom: 20px; } .detail-display-content {width: 100%;} aside.detail-aside .form-rubrique { font-family: 'LatoRegular', sans-serif; color: #989898; } aside.detail-aside #message {padding-top: 5%; padding-bottom: 5%;} aside.detail-aside .detail-bien-contact a:link, aside.detail-aside .detail-bien-contact a:visited, aside.detail-aside .detail-bien-contact a:hover, aside.detail-aside .detail-bien-contact a:active {color: #fff;} /* 4.3.1 Navigation du haut de page ----------------------------------------------------------------------------------------------------*/ .detail-actions {font: 12px/1 'LatoRegular', sans-serif;; overflow: hidden; margin-bottom: 10px;} .detail-topnav ul {margin: 0; padding: 0; list-style: none; text-align: right; } .detail-topnav li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-left: 10px; padding: 10px 12px 8px; } .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 -1px -44px; color: #0d77ac; 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); } .detail-topnav li.ico-back:hover {padding-left:20px; background: transparent no-repeat -7px -44px; color:#0b6a99; 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, .detail-topnav li a:link, .detail-topnav li a:visited {background: #4a4a4a; cursor: pointer; color:#cdcdcd; text-decoration: none; margin-bottom: 10px; text-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .detail-topnav li:hover, .detail-topnav li:active, .detail-topnav li:hover a, .detail-topnav li:active a {color: #fff; background: #0d77ac;} li.contact-agence, li.contact-agence a:link, li.contact-agence a:visited { background: #0d77ac; color: #fff; } .detail-bien-contact-form { margin-top: 20px; } /* 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; } /*-- Colone de droite apparait et disparait --*/ .detail-bien-context {height: 100%; width: 28%; position: absolute; right:0; /* penser a bien modifier cette valeur dans fr_detail */ bottom: 0; background: transparent; background-repeat: repeat; background-position: 0 0; z-index: 965; cursor: pointer; } .detail-bien-context.no-flap{ display: block; } /* Header de la colonne */ .detail-bien-context-header {padding:80px 0 0 0; text-align: left;} .detail-bien-context-header > div {padding-left: 30px; color:#000; font: 1.55em/1.231 'NexaLight', sans-serif; letter-spacing: .05em; } .detail-bien-context-header > div.link a {font: 0.7em/1.3em 'NexaLight', sans-serif; display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-top: 20px; color: #fff; text-decoration: none; padding: 4px 10px 3px 30px; background: #0d77ac no-repeat 1px -21px; cursor: pointer; 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-shadow: 1px 1px 0px rgba(0,0,0,0.1); filter: dropshadow(color=#000000, offx=1, offy=1); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .detail-bien-context-header > div.link a:hover { color: #fff; text-decoration: none; background: #0b6a99 no-repeat 1px -21px; background-image: url(/images/all-arrows.png); background-image: -webkit-image-set(url(/images/all-arrows.png) 1x, url(/images/all-arrows.png) 2x); background-image: image-set("/images/all-arrows.png" 1x, "/images/all-arrows@2x.png" 2x);} /* Cadre blanc */ .detail-bien-context-infos{ background: #fff; position: absolute; top: 63%; right: 20px; width: 107%; height: 210px; box-shadow: 0 1px 1px rgba(0,0,0,0.5); text-align: left; z-index: 999; } .detail-bien-context-infos-content{ position:relative; height: 100%; width: 100%;} /* Fleches */ .detail-bien-context-open {display: none; width: 7px; height: 10px; position: absolute; top: 387px; margin-top: -3px; left: 12px; background: transparent no-repeat -1px -95px; 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); display: none;} .detail-bien-context-close{ width: 7px; height: 10px; position: absolute; top: 387px; margin-top: -3px; background: transparent no-repeat -17px -95px; 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); right: 30px; z-index: 1000; } /* Infos du cadre blanc */ .detail-bien-context-infos .detail-bien-context-title {position: absolute; top: 52px; left: 35px; color: #999797; font: 0.9em/1.1em 'NexaLight', sans-serif; letter-spacing: .1em; text-transform: uppercase; display: inline-block; *display:inline; *zoom:1; vertical-align: top; max-width: 210px;} .ope-2 .detail-bien-context-infos .detail-bien-context-title {top: 32px;} .detail-bien-context-infos .ville {font: 1.8em/1.1em 'NexaLight', sans-serif; color: #272727; text-transform: capitalize;} .detail-bien-context-infos .prix {position: absolute; top: 120px; left: 35px; font: 1.25em/1.231 'NexaLight', sans-serif; color: #0d77ac; max-width: 210px;} .ope-2 .detail-bien-context-infos .prix {top: 80px;} .detail-bien-context-infos .type, .detail-bien-context-infos .ville, .detail-bien-context-infos .prix .price-all, .detail-bien-context-infos .prix .price-loc {width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .detail-bien-context-infos .prix .price-loc {font: 0.65em/1 'LatoRegular', sans-serif; color: #989696;} .detail-bien-context-infos .ref {position: absolute; bottom: 19px; left: 35px; color: #4f565c; font:0.75em/1.231 'NexaLight', sans-serif; border-top: #d7d7d7 1px solid; padding-top: 15px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; } /*-- Video & visite virtuelle --*/ .detail .btn-video, .detail .btn-visite-virtuelle {position: relative; margin-top: -38px; cursor: pointer; text-transform: uppercase; z-index: 900; font-size: 80%; color: #fff; background-color: #000; padding: 4px 10px 2px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; background-repeat: no-repeat; background-image: url(/images/ico-video.png); background-image: -webkit-image-set(url(/images/ico-video.png) 1x, url(/images/ico-video@2x.png) 2x); background-image: image-set("/images/ico-video.png" 1x, "/images/ico-video@2x.png" 2x); -webkit-transition: all .3s ease-out; transition: all .3s ease-out; } .detail .btn-video {margin-left: 15px; padding-left: 23px; background-position: 0 4px;} .detail .btn-visite-virtuelle {margin-left: 5px;padding-left: 33px; background-position: 5px -22px;} .detail .btn-video:hover, .detail .btn-visite-virtuelle:hover {background-color: #0d77ac; text-decoration: none;} .detail .btn-video.hidden, .detail .btn-visite-virtuelle.hidden {display: none; visibility: hidden;} /* 4.3.3 Description du bien ----------------------------------------------------------------------------------------------------*/ .detail-top-page {padding-bottom: 30px; font: 15px/1.46 'NexaLight', sans-serif; /*border-bottom: 5px solid #ececec; margin-bottom: 20px;*/} .detail-bien-infos {margin-bottom: 20px; float: right; width: 75%;} /*-- Texte et proprietes en liste --*/ .detail-bien-desc {background: transparent url(/images/shadow-full-horizontale.png) no-repeat 50% 0; font: 15px/1.46 'NexaLight', sans-serif; color: #4a4a4a; } .detail-bien-desc-content {padding: 35px 300px 0 0;} .detail-bien-desc-content > p {margin-top: 0; text-align: justify;} .detail-bien-desc-content > p:first-child:first-letter {font-size: 3.3em; line-height: 80%; float: left; padding-right: .1em; margin-top: -4px; } .detail-bien-desc-content .TxtVendu {text-transform: uppercase; font-size: 130%; color: #0d77ac;} .detail-annotation { font-style: italic; font-size:11px; color:#bbb; } .detail-bien-specs { float: right; width: 32%; padding: 35px 0 0 14%; background: transparent url(/images/shadow-full-verticale.png) no-repeat 35px 100%; } .detail-bien-specs ul { margin: 0; padding: 0; list-style: none; } .detail-bien-specs li {border-top: #d7d7d7 1px solid; margin-top: 16px; padding-top: 15px; font: 16px/1 'NexaLight', sans-serif; color:#4a4a4a; text-transform: uppercase; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .detail-bien-specs li:first-child { border-top:none; margin-top:0; padding-top: 0; } .detail-bien-specs li span.spec-bien {width: 80px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; font: 11px/16px 'LatoRegular', sans-serif; color: #898787;} .detail-bien-specs li.prix {color: #0d77ac;} .detail-bien-specs li.prix-location span.charges_mens, .detail-bien-specs li.prix-location span.charges_mens, .detail-bien-specs li.prix-location span.charges_mens {width: auto; margin-left: 84px;} /*-- Affichage du detail des pieces (a activer dans numage si besoin) --*/ /* Bouton qui ouvre/ferme le tableau */ #BtnShowRoom, #BtnHideRoom {background: #0d77ac; color: #fff; text-align: center; padding: 8px; cursor: pointer; margin: 20px 0 0; text-transform: uppercase; font: 14px/1 'NexaBold',sans-serif;} #BtnHideRoom {background: #C9011D;} /* Suite du Tableau */ .descriptif-pieces{ background: #fff; margin: 10px 0 30px; /*padding: 20px 25px;*/ } .descriptif-pieces .table { width: 100%; margin-bottom: 18px; } .descriptif-pieces .table td { padding: 8px; line-height: 18px; text-align: left; vertical-align: top; border-top: 1px solid #ddd;} .descriptif-pieces .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapsed; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .descriptif-pieces .table-bordered th, .descriptif-pieces .table-bordered td { border-left: none;} .descriptif-pieces .table-bordered th + th, .descriptif-pieces .table-bordered td + td, .descriptif-pieces .table-bordered th + td, .descriptif-pieces .table-bordered td + th { border-left: 1px solid #ddd;} .descriptif-pieces .table-bordered thead:first-child tr:first-child th, .descriptif-pieces .table-bordered tbody:first-child tr:first-child th, .descriptif-pieces .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .descriptif-pieces .table-bordered thead:first-child tr:first-child th:first-child, .descriptif-pieces .table-bordered tbody:first-child tr:first-child td:first-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .descriptif-pieces .table-bordered thead:first-child tr:first-child th:last-child, .descriptif-pieces .table-bordered tbody:first-child tr:first-child td:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .descriptif-pieces .table-bordered thead:last-child tr:last-child th:first-child, .descriptif-pieces .table-bordered tbody:last-child tr:last-child td:first-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .descriptif-pieces .table-bordered thead:last-child tr:last-child th:last-child, .descriptif-pieces .table-bordered tbody:last-child tr:last-child td:last-child { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .descriptif-pieces .table tbody tr:nth-child(odd) td, .descriptif-pieces .table tbody tr:nth-child(odd) th { background-color: #f5f5f5; } .descriptif-pieces .table tbody tr:hover td, .descriptif-pieces .table tbody tr:hover th { background-color: #fff; } /* Pour la première ligne du Tableau */ .descriptif-pieces .table-bordered tr:first-child td, .descriptif-pieces .table-bordered tr:first-child th { border-left: 1px solid #777;} .descriptif-pieces .table-bordered tr:first-child td:first-child, .descriptif-pieces .table-bordered tr:first-child th:first-child { border-left: none; } .descriptif-pieces .table tbody tr:first-child td, .descriptif-pieces .table tbody tr:first-child th { background-color: #555; color: #fff; font-family: 'NexaBold', arial, sans-serif; } /*-- Tableau des prix par semaine (a activer dans numage si besoin) --*/ .locsaison-table-price {} .locsaison-table-price table {margin: 10px 0 20px;} .locsaison-table-price table th strong {font: 1.15em/1 'NexaBold', sans-serif;} .locsaison-table-price .table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {background-color: #F1F1F1;} /*-- 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 'NexaLight', 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: #0d77ac;} .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-size: 13px; line-height: 1.1231; 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-size: 13px; line-height: 1; } .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; } /*-- ASIDE : Form de contact --*/ .detail-bien-contact { } .detail-bien-contact-title{ margin-bottom: 25px; margin-top: 30px; padding-bottom: 20px; border-bottom: 1px dashed #DADADA; } .detail-bien-contact-title > div{color: #999; font: 1.25em/20px 'NexaLight', sans-serif; display: inline-block; *display:inline; *zoom:1; width: 100%; text-transform: uppercase; } .detail-bien-contact-title > div:first-child{ color: #fff; font: 1.45em/20px 'NexaBold', sans-serif; display: inline-block; *display:inline; *zoom:1; width: 100%; letter-spacing: 0.05em; } /*-- Partie basse : DPE --*/ .detail-bien-desc-suppl {padding: 0;} .detail-bien-dpe { padding: 35px 0; display: inline-block; *display:inline; *zoom:1; width: 70%; } .detail-bien-dpe-title{ margin-bottom: 18px; } .detail-bien-dpe-title > div, .titre-onglet > div { font: 24px 'NexaBold', sans-serif; line-height: 1.5em; color: #0d77ac;} .detail-bien-dpe-title > div:first-child, .titre-onglet > div:first-child {font: 25px/16px 'NexaLight', sans-serif; color: #484a48;} /* 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; } /* DPE */ .TitreDpe { font-size:13px; font-weight:bold; padding-top:25px; padding-bottom:15px; } .NrjGrad, .GesGrad {width: 202px !important; height: 202px; margin-right: 2%; border:1px solid #f5f5f5; position: relative; display: inline-block; *display: inline; *zoom: 1} .NrjGrad {margin-bottom: 5px;} .GesGrad {margin-right: 0;} .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-size: 12px; font-weight: bold; text-align: right; position: absolute; padding: 20px 13px 0px 0px; font-family: Arial, Helvetica, sans-serif; top: 0; background: transparent url(/images/DpeCursor.gif) no-repeat top right;} .detail-dialog-contact {} .detail-dialog-contact ul {} .detail-dialog-contact li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-bottom: 6px; } .detail-dialog-contact li label {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 65px; *display:inline; zoom:1; font: 11px/1 'LatoRegular', sans-serif; color: #6E767E; text-transform: uppercase; } /* Inactif */ .detail-photo-container-inactif{ background:#eee url(/images/logo-small.png) no-repeat 20px 50%; height:70px; padding:30px 20px 0 140px; color:#666; } .detail-inactif-title{ font-size:13px; text-transform: uppercase; margin-bottom: 5px; color:#666; font-weight: bold; } /* Neuf */ .detail-bien-lots { padding: 35px 0% 0 0; width: 100%; border-bottom: 5px solid #ececec; margin-bottom: 20px; padding-bottom: 30px; } .detail-bien-lots table { font-size: .8em; } .detail-bien-lots table th { font-family: 'LatoRegular', sans-serif; text-transform: uppercase; } /* 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 {font: 25px/1 'NexaLight', sans-serif; color: #000;} .poi-col {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 18%; margin: 2% 2% 2% 0; } .poi-col:last-child {margin-right: 0;} .poi-col-title {width: 100%; text-transform: uppercase; border-bottom: 1px solid #d7d7d7; color: #4a4a4a; margin-bottom: 10px; padding-bottom: 6px; font: 1em/1 'LatoBold', sans-serif; } .poi-col li {list-style: none; line-height: 2.0em;} .poi-col label {font: 0.85em/1 'LatoRegular', sans-serif; color: #4a4a4a; text-transform: uppercase; margin-bottom: 2px; cursor: pointer; padding-bottom: 4px;} label.poi-label-all { font-size: .85em; line-height: 2.3em;} /*-- POI --*/ .poi-item {padding-left: 20px !important; background-repeat: no-repeat; background-position: 0px 4px;} .poi-hopital {background-image: url(/images/poi-icons/hopital.png);} .poi-medecin {background-image: url(/images/poi-icons/medecin.png);} .poi-dentiste {background-image: url(/images/poi-icons/dentiste.png);} .poi-pharmacie {background-image: url(/images/poi-icons/pharmacie.png);} .poi-hypermarche {background-image: url(/images/poi-icons/cart.png);} .poi-boucherie {background-image: url(/images/poi-icons/boucherie.png);} .poi-boulangerie {background-image: url(/images/poi-icons/boulangerie.png);} .poi-creche {background-image: url(/images/poi-icons/creche.png);} .poi-ecole {background-image: url(/images/poi-icons/ecole.png);} .poi-lycee {background-image: url(/images/poi-icons/lycee.png);} .poi-univ {background-image: url(/images/poi-icons/universite.png);} .poi-cafe {background-image: url(/images/poi-icons/cafe.png);} .poi-resto {background-image: url(/images/poi-icons/resto.png);} .poi-culture {background-image: url(/images/poi-icons/culture.png);} .poi-sport {background-image: url(/images/poi-icons/sport.png);} .poi-parkings {background-image: url(/images/poi-icons/parking.png);} .poi-stations {background-image: url(/images/poi-icons/station.png);} .poi-transports {background-image: url(/images/poi-icons/transport.png);} .poi-commissariats {background-image: url(/images/poi-icons/commissariat.png);} .poi-postes {background-image: url(/images/poi-icons/poste.png);} .poi-banques {background-image: url(/images/poi-icons/banque.png);} #GGMapPoi {margin-bottom: 20px} /* 4.3.5 Mini liste ----------------------------------------------------------------------------------------------------*/ .ref .liste-container {margin-top: 25px; padding-top: 10px;} .bloc-lib-critere-liste{ display: none; } .ref .bloc-lib-critere-liste { display: block; padding: 20px 0; font: 0.7em/1 'NexaLight', sans-serif; text-transform: uppercase; } .ref .bloc-lib-critere-liste-new-search { float: left; } .ref .bloc-lib-critere-liste-new-search a {color: #fff; text-decoration: none; background: #0d77ac; padding: 8px 12px; display: block; } .ref .bloc-lib-critere-liste-new-search a:hover { color: #fff; background: #0b6a99; } .ref .bloc-lib-critere-liste-label { float:left; } .ref .bloc-lib-critere-liste-label span {color: #fff; display: inline-block; *display:inline; *zoom:1; vertical-align: top; padding: 8px 12px; background: #4a4a4a; margin-left: 10px;} .ref .bloc-lib-critere-liste:before, .ref .bloc-lib-critere-liste:after {content: " "; display: table; } .ref .bloc-lib-critere-liste:after {clear: both; } .ref .bloc-lib-critere-liste {*zoom: 1; } /* 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.9em;} .calc-rightcol .resultats {background: rgba(255,255,255,1); padding: 0 3px; color: #0d77ac; border: 1px solid rgba(223,221,219,1); line-height: 3em; text-align: left; outline: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0px 0px; box-shadow: inset 0px 0px 0px 0px; } .calc-container span>span {font-size:22px; text-align: center; } .calc-container .form-rubrique {width: inherit; } /* ========================================================================== 4.4 ADAPT SLIDESHOW JQUERY ========================================================================== */ .detail-photo-container {} .detail-photo-container .slideshow {} /* 4.4.1 Slide ----------------------------------------------------------------------------------------------------*/ .detail-photo-container .large-flap-frame {width: 100%; position: relative; background: #fff url(/images/loading.gif) no-repeat 50% 50%; z-index: 0; } .detail-photo-container .large-flap-container {overflow:hidden; width:100%; height: 595px; /* Dimension des images voir numage.txt */ position: relative; text-align: center;} .detail-photo-container .anti-cheat {overflow:hidden; width:100%; height:595px; position: absolute; top:0; left:0; display: block; z-index: 960; } .detail-photo-container .no-flap img {height: 100%; width:100%; display: block; } .detail-photo-container .empty-slideshow {background: #e0e0e0 url(/images/vide_detail_grande.jpg) no-repeat 50% 50%; } .detail-photo-container .large-flap-container div.diapo {width:100%; height: 595px; 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 {height: 100%; width: auto;} .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; /* fx, safari, opera */} /*-- BOUTON prev et next survol de l image --*/ .large-flap-nav .previous, .large-flap-nav .next {width: 63px; height: 57px; position: absolute; margin-top: 33%; 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 --*/ .thumbs-flap-wrapper {padding: 18px 7%; background-color: #fff; position: relative; } .thumbs-flap-container {font-size: 0; /* inline-block margin cancel */ } .thumbs-flap-container .is-flap{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; background: #fff; text-align: center; cursor: pointer; position:relative; overflow:hidden; margin-right: 18px; /*width: 17%;*/} .thumbs-flap-container .is-flap:first-child{ margin-left: 0; } .thumbs-flap-container .last-thumbs {margin-right: 0; } .thumbs-flap-container .is-flap img {background: #fff; height: auto; width: 100%; max-width: 156px; } .thumbs-flap-container .thumbs-active img{ filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } .thumbs-control-prev, .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); /* internet explorer */ -khtml-opacity: 0.4; /* khtml, old safari */ -moz-opacity: 0.4; /* mozilla, netscape */ opacity: 0.4; /* fx, safari, opera */ } .thumbs-control-prev {left: 20px; background-position: 0 -317px; } .thumbs-control-next {right: 20px; 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%;} /* 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:#fff; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .big-flap-container { position:absolute; display:none; top:50%; left:50%; width:1px; height:1px; z-index:990; overflow:hidden; background:#282828 url(/images/loading.gif) no-repeat 50% 50%; border:#eee 10px solid; } .big-flap-container .anti-cheat { width: 100%; height: 100%; } .big-flap-container .previous, .big-flap-container .next {width: 36px; height: 63px; position: absolute; top: 50%; margin-top: -33px; /* Centrage vertical */ cursor: pointer; z-index: 9999; background: transparent no-repeat; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .big-flap-container .previous {left: 10px; background-position: 0 -114px; } .big-flap-container .previous:hover {background-position: 0 -177px; } .big-flap-container .next {right: 10px; background-position: -36px -114px; } .big-flap-container .next:hover {background-position: -36px -177px; } .big-flap-container .pagination {z-index: 9999; } .close-big {width: 24px; height: 24px; position:absolute; top: 5px; right: 5px; cursor: pointer; z-index: 9999; background: transparent no-repeat 0 -240px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .close-big:hover {cursor: pointer; background: transparent no-repeat -24px -240px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } /* Pagination */ .detail-photo-container .pagination {width: 100%; padding-top: 12px; height: 25px; background:#fff; text-align:center; position:absolute; /* Placement de la pagination */ left:0; bottom: 0; opacity:0.8; filter:alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .detail-photo-container .pagination .pagination-page {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin-right: 3px; width: 12px; height: 13px; overflow: hidden; cursor: pointer; background: transparent no-repeat 0 -268px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } .detail-photo-container .pagination .pagination-page-active {background: transparent 0 -281px; background-image: url(/images/slider-controls.png); background-image: -webkit-image-set(url(/images/slider-controls.png) 1x, url(/images/slider-controls@2x.png) 2x); background-image: image-set("/images/slider-controls.png" 1x, "/images/slider-controls@2x.png" 2x); } /* ========================================================================== 4.5 REFERENCEMENT ========================================================================== */ /* 4.5.1 Référencement global ----------------------------------------------------------------------------------------------------*/ /* Pages de ref */ .ref-intro {background:#efefef; padding:5px 20px 10px; margin-bottom: 10px; } .ref-leftcol {float:left; width:230px; margin-right: 20px; } .ref-rightcol {float:left; width:320px; } .ref-plan-liste li { width: 50%; line-height: 1.5; float: left; } .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 50px; } .ref-plan-liste.trois-colonnes li { padding-right: 30px; } /*.ref-plan-liste.trois-colonnes li:nth-child(3n+1) { padding-right: 0; }*/ .ref-plan-bloc {margin-bottom:15px; padding-bottom:10px; border-bottom: #444f59 1px solid; } /* 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: 10px; line-height: 1.231; font-weight: bold; color:#444; background: #eee url(/images/bt-detailville.gif) no-repeat 0 50%; } .detail-bien-localite-r200 a:hover, .detail-bien-localite-r200 a:active { } /* Plan */ .ref-plan-moteur{ float: right; margin: 0 0 20px 20px; } /* Pied Ref */ .pied-ref{ font-size: 0.75em; color: #3e4449;} .pied-ref a:link, .pied-ref a:visited{ color: #8a8a8a; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .pied-ref a:hover, .pied-ref a:active{ color: #fff; text-decoration: none; } .home #pied-ref-content{ padding: 0 0 7px 0; margin:0 0 7px 0; border-bottom: 1px solid #5e5e5e; } /* Pied Ref Villes */ .pied-ref-villes{ padding: 7px 0 0 0; margin:7px 0 0 0; border-top: 1px solid #5e5e5e; } .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: 228px; /* Width fixe pour un affichage en colonne */ font-size: 0.85em; } /* Module de marquee */ .pied-ref-defil-title h1, .pied-ref-defil-title li, .pied-ref-defil-title .ref-more, .pied-ref-defil-title { color: #8a8a8a; 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: #54595B; font-size:11px; } .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: normal 11px/1.231 "NexaLight", sans-serif; color:#54595B; } .marquee-content-title { font-size: 11px; font-family: 'NexaLight', Helvetica, Arial, sans-serif; color: #54595B; } .marquee-content-price { color:#d2d2d2; font-weight: bold;} .marquee-content-desc { font-size:11px; } .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; vertical-align: top; background:#f2f2f2; margin: 0 2% 10px 0; padding:5px; font-size:11px; 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-left: 33%; font: 1em/1.231 "LatoRegular", sans-serif;} .region-annonces-container .region-annonces-content-title{ font-weight: bold; text-transform: uppercase; color: #0d77ac;} .region-annonces-container .region-annonces-content-price{ color:#000; } .region-annonces-container .region-annonces-content-desc{ color:#4a4a4a; padding: 3px 8px 3px 0; font-size: 10px; } .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 10px/1.231 "NexaLight", sans-serif; text-transform:uppercase; } /* Annuaire */ .pied-ref-backlinks{ margin-top:7px; padding-top:7px; border-top-width: 1px; border-top-style: solid; font-size: 0.85em;} .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; font-size: 11px; 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 11px/1.231 "NexaLight", sans-serif; color: #999; text-transform: uppercase; margin-left: 5px;} .annuaire-fil-arianne{ font: 11px/1.231 "NexaLight", 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{ color:#656565; font: 1em/1.6em 'NexaLight', sans-serif; letter-spacing: .1em; 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 0; } .annuaire-categories p{ font-size:11px; 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 11px/1.231 "NexaLight", sans-serif; } .nbchar{ padding:1px 3px; background:#cbcbcb; font: bold 10px/1.231 "NexaLight", 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 0 !important; margin:.5em 0; border-bottom: #eee 1px solid; font-size: 11px; } #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 {font-size: 0.85em; padding: 30px 3% 50px; } .detail-elargir-recherche > div { } .detail-elargir-recherche a:link, .detail-elargir-recherche a:visited {font-size: 1em; } .detail-elargir-recherche a:hover, .detail-elargir-recherche a:active{text-decoration: none; } .ref-elargir-annonces strong {font-size: 0.85em;} .ref-elargir-annonces ul{ margin:0 0 0 12px; padding:0; list-style: none; } .ref-elargir-annonces ul li{ margin-bottom: 4px; padding-bottom: 4px; border-bottom: #ccc 1px solid; } /* Ref-naturel */ .ref-plan-liste .Listeliensmotscles {font-size: 0.8em;} /* 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 0 !important; margin:.5em 0; border-bottom: #ccc 1px solid; font-size: 0.75em; } /* Listing Expression */ .ville_expression { padding:0 !important; } /* Listing Photo */ .ref-listing-photo-container {} .ref-listing-photo-container ul{ padding:0; } .ref-listing-photo-container ul li { padding:0; background: none; float:left; margin:0 10px 10px 0; list-style-image: none; list-style-type: none;} /* 4.5.2 Réf Page Arbo ----------------------------------------------------------------------------------------------------*/ /*-- Generalites --*/ .pied-ref-arbo{ display:none; visibility: hidden; /* Desactivation du Ref Page Arbo sur toutes les langues sauf le français */} .fr .pied-ref-arbo{ display: block; visibility: visible; } .pied-ref-arbo ul{ list-style: none; margin: 7px 0 0 0; padding: 7px 0 0 0; border-top:#3e3e3e 1px solid; } .pied-ref-arbo li{ display: inline-block; *display:inline; *zoom:1; vertical-align: top; width:228px; font-size: 0.85em; } .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: #0d77ac; text-transform: uppercase; font-weight: bold; padding:0 10px; margin: 0 6px 8px 0; line-height: 26px; } .ref-page-arbo-menu .sf-menu .fleche {width: 0; height: 0; border: 13px solid rgba(0, 0, 0, 0); border-left: 7px solid #0d77ac; 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: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: #0d77ac; 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:#0d77ac; } .ref-page-arbo-menu .sf-menu li a:hover, .ref-page-arbo-menu ul.sf-menu li a:active {background: #0d77ac; 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: 29%; height: 154px; overflow: hidden; border: 3px solid #505050; margin: 0px 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: #4a4a4a; color: #FFF; font-size: 0.7em; } .stamp-prix {color: #0d77ac; font-weight: bold; font-size: 1.1em; } /* Partenaires */ .pied-ref-partners ul { margin: 0; padding: 0 0 10px 0; border-top-width: 1px; border-top-style: solid; } .pied-ref-partners li { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 0 10px 0 0; padding-right: 14px; line-height:1.5; color: #8a8a8a; font-size: 0.85em; } .pied-ref-partners li:first-child, .pied-ref-partners li:last-child { background-image:none; } /*Mise en forme des colonnes de pages statiques de la page plan*/ .columns2 {-webkit-columns: 2; -moz-columns: 2; columns: 2; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em;} .columns3 {-webkit-columns: 3; -moz-columns: 3; columns: 3; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em;} .columns4 {-webkit-columns: 4; -moz-columns: 4; columns: 4; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em;} .columns5 {-webkit-columns: 5; -moz-columns: 5; columns: 5; -webkit-column-gap: 1em; -moz-column-gap: 1em; column-gap: 1em;} .column-row {display: inline-block; width: 100%; -webkit-column-break-after: auto; word-wrap: auto; -webkit-hyphens: auto; -moz-hyphens: auto;hyphens: auto;} /* 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: top;} .bloc-left {background-color: #fff; border: 1px solid #ccc; padding: 10px 2%; width: 97%; margin-top: 20px;} .bloc-left .heading6 {margin: 0; color: #0d77ac;} .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;} /* Réf Side biens */ .ref-side-biens {border: 1px solid #ccc; margin-top: 20px;} .ref-side-biens-nb { font: 20px/1.231 'AllerBold', 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: #0b6a99; background: none; } .ref-side-biens-ville { font: 18px/25px 'AllerRegular', 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% 7px; 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 { font-size: 0.8em; color: #656565; margin: 18px 0 0; } .ref-thumbs-price { font-weight: bold; color: #0d77ac; font-size: 1em; } .ref-thumbs-price a:link, .ref-thumbs-price a:visited { color: #0d77ac; text-decoration: none; background: none; } .ref-thumbs-price a:hover, .ref-thumbs-price a:active { color: #0b6a99; 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; } /* Liste famille (page plan) */ .ref .ref-plan-liste .heading6{ font-size: 1.2em; font-weight: bold; color: #6c6c6c; border-bottom: 4px solid rgba(125, 125, 125, 0.15); padding-bottom: 10px; } .ref-plan-liste-famille ul{ border-bottom: 1px dashed #e0e0e0; padding-bottom: 15px;} .ref-plan-liste-famille span{font-weight: bold; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; color: #0d77ac;} /* Miniliste deroulant */ .miniliste-deroulant {margin-bottom: 20px; width:100%; text-align: left;} .miniliste-deroulant .custom-select-container {float: left; margin-right: 20px; width: 35%; width: 45%;} .miniliste-deroulant .css-deroulant ul span {width: 98% !important;} .css-deroulant {width: 45%; display: inline-block; *display:inline; *zoom:1; position: relative; z-index: 2;} .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:url('/images/bg-form-sprite.png') no-repeat #fff; background-position:100% -155px; color: #898989; display: inline-block; *display:inline; *zoom:1; padding: 0 0 0 8px; border-left: 1px solid #e1dfdd;} .page-container .css-deroulant li {list-style: none;} .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: 39px;} .css-deroulant li a { display:block; width:100%; color: #898989; text-decoration:none; padding: 8px 5px 8px 15px; } .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: #eee; padding: 5px; margin-top: 5px; line-height: 12px; margin-left: 0;} .form-idville span span {display: inline-block; *display:inline; *zoom:1; width: 15px; height: 15px; line-height: 15px; font-size: 9px; text-align: center; margin-right: 6px; background: #AED131; color: #FFF; cursor: pointer;} /* 4.5.4 Module de News ----------------------------------------------------------------------------------------------------*/ .news-liste-container {margin-bottom: 15px; border-bottom: #ccc 1px solid; padding-bottom:15px; } .news-liste-title {color: #0d77ac; font: 1.1em/1.6em 'NexaLight', sans-serif; letter-spacing: .1em; text-transform: uppercase; margin: 1em 0; } .news-liste-content {margin-top: 10px; } .news-liste-date { font: 0.85em/1.5em 'NexaLight', sans-serif; color: #777; } .news-liste-date time, .news-liste-date span { 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-desc { } .news-liste-text p { padding: 0 0 10px 0; margin: 0; text-align: justify; } .news-liste-desc a {font-size: 0.8em;} .news-liste-file a:link, .news-liste-file a:visited {font-size: .7em; color: #fff; text-transform: uppercase; background:none;} .news-liste-file a:hover, .news-liste-file a:active {color: #0b6a99;} .news-liste-attached .thumbs-flap-container .is-flap {margin-top: 10px;} .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 { display:inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-top:5px; font-weight:bold; padding:0px 36px 4px 8px; background: transparent url(/images/bg-download-button.png) no-repeat 0 0; } /* Perso News */ .news-liste-container .large-flap-container {overflow: hidden; width: 100%; height: auto; min-height: 227px;/* Dimension des images voir numage.txt */ cursor: pointer; position: relative; text-align: center; } .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: 0.8em; line-height: 1; color:#4a4a4a;} .table {width: 100%; margin-bottom: 20px;} .table th, .table td {padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #eaeaea;} .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; -moz-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; -moz-border-radius-topleft: 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; -moz-border-radius-topright: 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; -moz-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 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; -moz-border-radius-bottomright: 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; -moz-border-radius-topleft: 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; -moz-border-radius-topleft: 4px; } .table tbody tr:nth-child(odd) td, .table tbody tr:nth-child(odd) th {background-color: #fff;} /* ========================================================================== 4.6 MODULE DE GGMAP ========================================================================== */ /* .DivBubble{ max-height: 180px; overflow-y:scroll; } .ggmap-list-item{ font-size: 12px; margin-bottom: 15px; } .ggmap-list-item-pict{ float:left; cursor: pointer; } .ggmap-list-item-pict img{ width: 50px; max-height: 38px; } .ggmap-list-item-content{ margin-left: 80px; } .ggmap-list-item-title{ text-transform: uppercase; font-weight:bold; border-bottom: #ddd 1px solid; margin-bottom: 3px; padding-bottom: 3px; } .ggmap-list-item-coords{ font-size: 11px; } .ggmap-coords-title{ font-weight:bold; } .ggmap-coords-tel{} .ggmap-coords-link{ color:#cf1b57; } .ggmap-coords-link:hover{ color:#cf1b57; text-decoration: underline; cursor: pointer; } .gg-map{ background: transparent url(/images/ajax-loader.gif) no-repeat 50% 50%;} */ .gg-map-marker { display:none; } /* Map Biens Home */ .ggmap-list-item { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; clear: both; margin: 5px 0;} ul.gg-map-marker { display:none} .ggmap-list-item-pict {margin: 0 5px 2px 0; float: left;} .ggmap-list-item-pict img {max-width: 80px!important; height: auto;} .ggmap-list-item-content {float: left;} .ggmap-list-item-coords .ggmap-coords-title {text-transform: uppercase; color: #0d77ac; font-weight: bold;} .ggmap-list-item-coords .ggmap-coords-prix {font-weight: 400 !important; margin-bottom: 5px;} .ggmap-coords-link {color: #fff; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-weight: normal !important; font-size: 12px !important; background-color: #0d77ac; 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: #0b6a99;} .gm-style .gm-style-iw { min-width: 220px !important; } /* ========================================================================== 4.7 SVG MAP ========================================================================== */ .side-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: rgba(0,0,0,.2); z-index: 1; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .domtom-display:hover {color: #fff; background: #54b6da; background: rgba(0,0,0,.6);} 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-image: url(/images/bg-black50.png); 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-image: url(/images/bg-black50.png); box-shadow: 0 5px 10px rgba(0,0,0,.3);} .svg-info {position: absolute; display: none; background: #292929; color: white; font-size: smaller; text-align:center; padding: 3px 6px; z-index:50; -webkit-border-radius: 3px; -moz-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;} /* // ========================================== \\ || || || V. MON COMPTE || || || \\ ========================================== // */ /* 5.1 Identification ----------------------------------------------------------------------------------------------------*/ .form-submit-creation {margin-top: 15px;} /* 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: #555; padding: 30px 5%; height: auto;} .side-mya-texte p {font: 1.2em/1.231 'NexaLight', sans-serif;color: #fff;} .side-mya-texte ul {color: #ccc; font: 1em/1.231 'NexaLight', sans-serif;} .side-mya-login form label {color: #fff;} .side-mya-menu ul {list-style: none; margin: 0 0 20px 0; 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 'NexaLight', sans-serif;} .side-mya a:hover {color: #fff;} .side-mya .submit-classique {text-transform: uppercase; font-size: 0.7em !important;} /* 5.4 Tableau de bord ----------------------------------------------------------------------------------------------------*/ ul.mya-widget-container {text-align: center;} .page-container li.mya-widget {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 165px; margin: 10px 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: 1.2em/1.15em 'LatoRegular', Arial, sans-serif; padding-top: 115px; display: block; height: 50px; color: #454545; text-decoration: none;} 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: #0d77ac;} 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: #0d77ac;} 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: #0d77ac;} 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: #0d77ac;} 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: #0d77ac;} /* 5.5 Mon compte ----------------------------------------------------------------------------------------------------*/ .user-info-show .form-critere {border-bottom: 1px solid #ccc;} .user-info-show .form-critere-content {height: 28px; color: #0d77ac; margin-top: 6px;} .mya-account .lieu-bloc-autocompletion {background: transparent;} .mya-account .lieu-search-label {width: 20.5%;} .mya-account.mya .lieu-bloc-search input.lieu-input-search, .uk.mya-account.mya .lieu-bloc-search input.lieu-input-search {width: 75.5%;} .mya-account.mya .lieu-bloc-label {width: 76.5%; margin-left: 22%;} /* 5.6 Ma selection ----------------------------------------------------------------------------------------------------*/ .mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: auto; width: 100%;} .mya .liste-bien-title.mode-2 {padding: 10% 0 8% 0;} .mya .bg-liste-mode-2 {background-size: 100%;} .mya .form-critere-elargir, .mya .lieu-bloc-label {width: 69%; margin-left: 16%;} /* 5.7 Mes alertes ----------------------------------------------------------------------------------------------------*/ .mya-alerte-vide p {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 .lieu-bloc-autocompletion {border: none;} .mya .lieu-bloc-search input.lieu-input-search, .uk.mya .lieu-bloc-search input.lieu-input-search {border: 1px solid #dfdddb !important; width: 67%;} /* // ========================================== \\ || || || VI. MINISITE || || || \\ ========================================== // */ /*-- Liste --*/ .listenego-display {margin-bottom:20px;} .liste-nego-container {background-color: #fff; width: 98%; padding: 10px 1%;} .bg-liste-minisite {background-size: 100%;} .liste-nego-photo {width: 21%; float: left;} .liste-nego-desc .heading3 {line-height: 1.1em; margin-bottom: 5px;} .liste-nego-tel {color:#0d77ac; font: 1em/1.231 'NexaLight', sans-serif;} ul.liste-nego-buttons { margin-bottom: 0;} .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: 15px;} .liste-nego-buttons li a:link.submit-classique, .liste-nego-buttons li a:visited.submit-classique {display: block; padding: 11px 11px 0 12px;} .agent-desc-container {text-align: justify; font-size: 0.85em;} .agent-desc-container img {width: 100%; margin: 10px 0;} .minisite .leftside-page {width: 69%; float: right;} .minisite .rightside-page {width: 22%; float: left;} .minisite .illustration-aside {max-width: 120px;} .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: 0.75em; color: #0d77ac; text-transform: uppercase;} .minisite .liste-container hr {width: 100%;} .minisite .filters-container {margin: 0 0 10px 0;} .liste-bien-description.mode-2 li:first-child {margin-bottom: 5px;} .bg-liste-mode-2, .bg-liste-minisite {background-size: 100%;} .minisite-liste .liste-bien-photo.mode-2 .liste-bien-photo-frame img {height: 100%; width: auto;} .minisite-liste .liste-bien-container {width: 99%;} /* // ========================================== \\ || || || VII. FOOTER || || || \\ ========================================== // */ #footer {background: #393a39; color: #fff; padding-bottom: 20px; } /* Colonnes de footer */ .footer-full {width: 100%;} .footer-left {width: 48%; display: inline-block; *display:inline; *zoom:1; float: left;} .footer-right {width: 48%; display: inline-block; *display:inline; *zoom:1; float: right;} #footer hr {border-top: 1px solid #5e5e5e;} #footer-intro{ text-align: center; } #footer-intro .line-side {background-color: #5e5e5e; height: 1px; width: 20%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; margin-top: 11px; } #footer-intro .heading1{ font-size: 1.05em; text-align: center; margin-bottom: 30px; display: inline-block; vertical-align: top; width: 55%; padding: 0 2%; color: #8a8a8a; } .footer-temoignage{ text-align: center; font-size: 0.9em; } .footer-temoignage .guillemets-left {background: url(/images/bg-temoignages.png) no-repeat 0 0; height: 35px; width: 5%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; margin-top: -8px; } .footer-temoignage .guillemets-right {background: url(/images/bg-temoignages.png) no-repeat 0 -51px; height: 35px; width: 5%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; position: relative; margin-top: -8px; } .footer-temoignage .texte-temoignage{ font: 1em/24px 'NexaLight', sans-serif; text-align: left; color: #fff; width: 75%; text-align: justify; margin: 0 3% 0 2%; display: inline-block; *display:inline; *zoom:1; vertical-align: top; } .footer-temoignage .large-flap-container {height: 110px; } .footer-temoignage .signature-temoignage{ text-align: right; color: #6c6c6c; font-family: 'NexaLight', sans-serif; } a.btn-temoignage:link, a.btn-temoignage:visited {display: inline-block; background-color: #444644; color: #fff; text-decoration: none; padding: 6px 15px; margin: 0 auto; font: .9em/1 'NexaLight', sans-serif; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.btn-temoignage:hover, a.btn-temoignage:active {background-color: #595959;} hr.separation-temoignage {margin: 0 0 20px;} /* 7.1 Adresse ----------------------------------------------------------------------------------------------------*/ .pied-adresse{background-color: #0d77ac; padding-top: 20px; padding-bottom: 20px; text-align: center; } .pied-adresse a:link, .pied-adresse a:visited {color: #fff;} .pied-adresse .pied-agence-contact a:link, .pied-adresse .pied-agence-contact a:visited {background-color: #434643; color: #fff; text-decoration: none; padding: 4px 15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .pied-agence-name {font: 1.4em 'NexaLight', sans-serif;} .pied-agence-name span{font-family: 'NexaBold', sans-serif;} .pied-adresse ul {margin:0; padding:0; list-style: none; } .pied-adresse li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; padding-left:10px; margin-left: 10px; line-height: 40px; } .pied-adresse li:first-child {padding-left:0; margin-left: 0;} .pied-adresse .pied-agence-contact { margin-right: 0; /*margin-left: 0;*/ } .pied-adresse li.pied-agence-tel span.coordonnees-ico, .pied-adresse li.pied-agence-fax span {width: 14px; height: 18px; display: inline-block; *display:inline; *zoom:1; margin-right: 4px; vertical-align: middle; 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); } .pied-adresse li.pied-agence-tel span {background-position: 0 0;} .pied-adresse li.pied-agence-fax span {background-position: -14px 0;} .pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: none; clear: none;} .pied-adresse-map{ width: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } /*-- Icones reseeaux sociaux --*/ footer .social-menu {vertical-align: top;display: inline-block; *display:inline; *zoom:1; margin: 20px 0; width: 100%; text-align: center;} footer .social-menu ul {list-style-type: none; padding: 0; margin: 0;} footer .social-menu li {display: inline-block; *display:inline; *zoom:1; margin-left: 8px; padding-left: 0;} footer .social-menu ul li:first-child { margin-left: 0; } footer .social-menu li a {width: 44px; height: 44px; background-repeat: no-repeat; display: inline-block; *display:inline; *zoom:1; vertical-align: top; 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); } footer .social-menu li a.SocialBusinessFacebook {background-position: 0 0;} footer .social-menu li a.SocialBusinessFacebook:hover {background-position: 0 -44px;} footer .social-menu li a.SocialBusinessTwitter {background-position: -44px 0;} footer .social-menu li a.SocialBusinessTwitter:hover {background-position: -44px -44px;} footer .social-menu li a.SocialBusinessGoogle {background-position: -88px 0;} footer .social-menu li a.SocialBusinessGoogle:hover {background-position: -88px -44px;} footer .social-menu li a.SocialBusinessRss {background-position: -132px 0;} footer .social-menu li a.SocialBusinessRss:hover {background-position: -132px -44px;} /*--------------- Message responsive ---------------*/ .message-responsive { font-size: 1em; line-height: 1.3em; text-align: left; float: left; width: 66%;} .message-responsive > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;} .message-responsive div.macaron-responsive {width: 100%;} .macaron-responsive div.macaron-responsive-img span {display: none; visibility: hidden;} .macaron-responsive div.macaron-responsive-img .macaron-img{float: left; vertical-align: middle; height: 66px; width: 12%; 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: center; background-repeat: no-repeat; } .message-responsive-text {float: left; vertical-align: middle; margin: 18px auto; width: 77%; padding: 0 0 0 2%; color: #8a8a8a;} /*-- 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;}*/ /* 7.2 Menu ----------------------------------------------------------------------------------------------------*/ .pied-menu1 {color: #D3D5D6; margin-top: 0; padding: 15px 0;} .pied-menu2 {color: #D3D5D6; margin-top: 0; padding: 15px 0 5px; border-top: 1px solid #5e5e5e;} .pied-menu1 ul, .pied-menu2 ul {list-style: none; margin:0; padding:0;} .pied-menu-left{ width: 60%; float:left; font-size: 11px; line-height: 1.231; padding-top: 10px;} .pied-menu-left a {} .pied-menu-right {width: 27%; float: right; text-align: right;} .sign-adapt {display: inline-block; text-align: left; margin: 12px 0;} .pied-menu-right a.logo-adapt-footer {width: 90px; height: 32px; background-repeat: no-repeat; display: inline-block; *display:inline; *zoom:1; vertical-align: top; float: left; margin-top: 4px; background-image: url(/images/logo-adaptimmo-footer.png); background-image: -webkit-image-set(url(/images/logo-adaptimmo-footer.png) 1x, url(/images/logo-adaptimmo-footer@2x.png) 2x); background-image: image-set("/images/logo-adaptimmo-footer.png" 1x, "/images/logo-adaptimmo-footer@2x.png" 2x); } .pied-menu1 li, .pied-menu2 li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin:0 0 0 5px; padding:0 0 0 5px;} .pied-menu1 li:first-child, .pied-menu2 li:first-child {padding-left: 0; margin-left: 0; } .pied-menu1 a, .pied-menu1 a:link, .pied-menu1 a:visited, .pied-menu2 a, .pied-menu2 a:link, .pied-menu2 a:visited {white-space: nowrap; color: #8A8A8A; } .pied-menu1 a:hover, .pied-menu1 a:active, .pied-menu2 a:hover, .pied-menu2 a:active {white-space: nowrap; color: #fff;} .pied-menu-right ul {border-left: #888 1px dotted; padding-left: 4px; float: left;} .pied-menu-right li {display: block; font-size: 0.8em; margin: 0; padding: 0;} /* 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-size: 12px; line-height: 1.231; } .share-badges li img{ margin-right: 5px; } .share-badges li a:hover{ background: none; } /* Likes */ .pied-badges {float: right;} .likes-badges { padding-left: 0; margin-top: 6px;} #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; height:24px; line-height: 24px; vertical-align: top; margin-left: 5px; overflow: hidden; } .likes-badges ul li.clearfix{ display: none; } .likes-badges li.badge-facebook{ } .likes-badges li.badge-ggplus{ width:60px; } .likes-badges li.badge-tweeter{ width: 90px; } .likes-badges li.badge-linkedin{ } /* // ========================================== \\ || || || VIII. FORMULAIRES || || || \\ ========================================== // */ /* 8.1 Generalites ----------------------------------------------------------------------------------------------------*/ form {font-size: .95em; } form label {cursor: pointer;} /* form-critere englobe chaque champs dans un article */ .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;} .form-critere-title {padding-bottom: 3px; } /* englobe le label et le form-rubrique */ .form-rubrique {display: inline-block; *display:inline; *zoom:1; vertical-align: top; font-family: 'LatoBold', sans-serif; color: #4a4a4a; white-space: nowrap; padding-top: 12px;} /* label contact */ .form-rubrique-mentions { font-size: .95em; line-height: 1.5em; font-style: italic; color: #909090;} .form-extend {margin-top: 10px;} /* englobe form-submit-container */ .form-submit-container {position: relative; height: 35px; min-height: 35px; margin: 10px 0 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; vertical-align: top; margin-right: 1%; } /* zone du label contact */ .form-critere-content {display: inline-block; *display:inline; *zoom:1; vertical-align: top; } /* zone du input contact */ .error-form{ border-color: #e9322d !important; -webkit-box-shadow: 0 0 6px #f8b9b7 !important; -moz-box-shadow: 0 0 6px #f8b9b7 !important; box-shadow: 0 0 6px #f8b9b7 !important; color: #b94a48 !important; } /*-- Ligne de formulaire avec 2 champs cote cote ex : surface max et mini --*/ .input-text.input-unite, input.input-unite {width: 77%;} .form-critere-content .unite {width: 12%;} /*-- Formulaire en 2 colonnes --*/ .main-content-demicol{ float: left; width: 49%; } .lt-ie8 .main-content-demicol:first-child{ width: 48%; /* Sinon ça passe à la ligne sous IE7 */ } .main-content-demicol:first-child {margin-right: 2%; width: 49%;} .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%; margin-bottom: 4px;} /* Bouton radio */ .form-critere-typerech {display:inline-block; *display: inline; *zoom: 1; vertical-align: top; } .form-critere-typerech ul li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; background: none; margin-right: 20px; padding-left: 0;} .form-critere-typerech .form-critere-title{ margin-bottom: 10px; } /* Checkbox */ .form-highlight-items {display: inline-block; *display:inline; *zoom:1; vertical-align: top; margin: 0 7px 7px 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: #0d77ac; height: 35px; padding: 0 4%; border: none; color: #fff; font: 0.85em/1em 'NexaLight', sans-serif; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); filter: dropshadow(color=#e5e5e5, offx=1, offy=1); } input.detail-submit-envoi {float: right; margin-right: 5px;} input.form-submit-maj {float: right; text-transform: uppercase;} /* Custom Select */ .custom-select {visibility: hidden; } .custom-select-container {width: 100%; background: transparent url(/images/bg-form-sprite.png) no-repeat; position: relative; } .custom-select-choice {height: 39px; line-height: 3em; margin-left: 6px; padding: 0 30px 0 4px; cursor: pointer; background: transparent url(/images/bg-form-sprite.png) no-repeat; overflow: hidden; text-overflow: ellipsis;} .custom-select-list {z-index:20; width: 100%; padding:0; display:none; overflow:auto; max-height:150px;position:absolute;} .custom-select-list ul li {display: block; padding:5px 0 5px 10px; margin:0; cursor:pointer; float:none; background:transparent; font-size: .95em;} ul.custom-select-list-container {margin: 0; padding: 0; } .custom-select-option {cursor:pointer; list-style:none; line-height:18px; padding-left:3px; } /* 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 {font: 0.8em 'LatoRegular', sans-serif; color: #353535;} .white-form .input-text, .white-form input, .white-form textarea {background: rgba(255,255,255,1); color: #919191; border: 1px solid rgba(223,221,219,1); line-height: 3em; text-align: left; outline: none; -webkit-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: inset 0px 0px 0px 0px ; box-shadow: inset 0px 0px 0px 0px ; } .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: #0d77ac; font-weight: bold; margin: 0 2px; } /* etoile obligatoire */ .white-form .unite {font-size: .9em; color: #4a4a4a; } .white-form .legend {color: #999797; font-style: italic;} .white-form .input-place-holder {color: #999797; font-size: 100%;} /* 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; } .white-form .custom-checkbox-inline li {display: inline-block; *display:inline; *zoom:1; } /* 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; font-size: 1.2em;} .white-form .custom-radio-checked {background-position:0 -115px; } /* Select */ .white-form .custom-select-choice {background-position:100% -155px; white-space: nowrap; } .white-form .custom-select-container {background-position:0 -198px;} .white-form .custom-select-list {background:#eee url(/images/bg-form-sprite.png) no-repeat 0 -243px; } .boxshadow .white-form .custom-select-list { -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; } .no-boxshadow .white-form .custom-select-list{ border-bottom:#ccc 1px solid; } .white-form .custom-select-list-selected {background-color: #eee; color: #666; } /* 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.3 Formulaire commun a toutes les pages ----------------------------------------------------------------------------------------------------*/ /*-- Mini formulaire - partie visible --*/ .sidebar-left {float: left; width: 22%; margin-top: 20px; } /* Line Title */ .side-search-title {color: #7d7d7d; font: 1.25em/20px 'NexaLight', sans-serif; margin: 30px 0 10px; display: inline-block; *display:inline; *zoom:1; width: 100%; text-transform: uppercase; } .side-search-title span{ color: #444644; font: 1.45em/20px 'NexaBold', sans-serif; display: inline-block; *display:inline; *zoom:1; width: 100%; letter-spacing: 0.05em; } .masque-rech {width: 94%; background: url(/images/bg-white90.png) repeat; padding: 17px 5% 10px; margin-right: 0; margin-bottom: 0; margin-left: 0; } .masque-rech .form-critere.clearfix {clear: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; } .form-rubrique-interne {color: #000; float: left;} .form-critere-motscles .form-rubrique-interne, .form-critere-ref .form-rubrique-interne, .form-critere-input-ville .form-rubrique-interne{width: 22%;float: left; margin-left: 1.5%; } .white-form .input-ville1, .white-form .motscles1, .white-form .ref {width: 98%; height: 37px !important; vertical-align: top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-boxborder-style: solid !important; } /*.masque-rech .type li {color: #FFF;}*/ .masque-rech .ope, .masque-rech .ope .custom-select-container, .masque-rech .type, .masque-rech .type .custom-select-container {width: 100%;} .form-submit-rech-container { text-align: right;} input[type="submit"].form-submit-rech {background-color: #444644; height: 38px; border: none; color: #fff; font: 1.1em/1em 'NexaLight', sans-serif; text-align: center; text-transform: uppercase; padding-right: 15px; padding-left: 15px; } .btn-more-rech {color: #fff; text-transform: uppercase; width: 100%; font-size: 0.85em; cursor: pointer; } .btn-more-rech div {width: 12px; height: 7px; background: transparent center center no-repeat; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 4px 5px 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); } /* Personnalisé Mode Liste */ .masque-rech .form-rubrique {width: 33%; font-family: 'NexaBold', sans-serif; text-transform: uppercase; letter-spacing: 0.08em; } /*.masque-rech .form-rubrique::before {content: "\2759"; margin-right: 10px; letter-spacing: -1px; color: #0d77ac; font-size: 0.9em; }*/ .masque-rech hr{ border-top: 1px dashed #c4c4c4; } .masque-rech .form-critere-input-ville, .masque-rech .form-critere-pieces, .masque-rech .form-critere-budget, .masque-rech .form-critere-surface, .masque-rech .form-critere-terrain {width: 33%;} .masque-rech .form-critere-type .form-critere-title, .masque-rech .form-critere-input-ville .form-critere-title, .masque-rech .form-critere-pieces .form-critere-title, .masque-rech .form-critere-budget .form-critere-title, .masque-rech .form-critere-surface .form-critere-title, .masque-rech .form-critere-terrain .form-critere-title {width: 100%;} .masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content, .masque-rech .form-critere-pieces .form-critere-content {width: 49%;} .masque-rech .form-critere-pieces input, .masque-rech .form-critere-budget input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 75%;} /* Type */ .masque-rech .form-critere-type .form-critere-content {margin-top: 8px; width: 100%;} /* Moteur Réf */ /* 8.4 Specificites ----------------------------------------------------------------------------------------------------*/ /* Specifique a la home */ .masque-rech.home-form .separator-home-form hr {margin: 1.1em 0 1.5em; border-top: 1px solid #F0F0F0;} .masque-rech.home-form {margin: 0 auto; display: inline-block; *display:inline; *zoom:1; width: 42%; padding: 1%; float: left; min-height: 310px;} .masque-rech.home-form .form-rubrique {width: 100%;} .masque-rech.home-form #HomeSearch {background: url(/images/bg-white90.png) repeat; padding: 2%; height: 100%; border: 1px solid #fff; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); box-shadow: 0 0 4px rgba(0, 0, 0, 0.12); } .masque-rech.home-form .form-critere-type .form-critere-title, .masque-rech.home-form .form-critere-budget .form-critere-title, .masque-rech .form-critere-ref .form-critere-title, .masque-rech.home-form .form-critere-input-ville .form-critere-title {width: 27%;} /* Type */ .masque-rech.home-form .form-critere-type .form-critere-content {margin-top: 0; width: 27%;} .masque-rech.home-form .form-critere-type {margin: 7px 0 0;} .masque-rech.home-form .form-critere-type .form-critere-title {font-size: 1.2em;} .masque-rech.home-form .form-critere-type .form-critere-title .form-rubrique {padding: 0;} .masque-rech.home-form .form-critere-type .form-critere-content {font-size: 1.1em;} /* Budget */ .masque-rech.home-form .form-critere-budget .form-critere-content {width: 34%;} /* Réf */ .masque-rech.home-form .form-critere-ref .form-critere-content {width: 70%;} /* Région */ .masque-rech.home-form .form-critere-input-ville .form-critere-content {width: 70.5%;} .masque-rech.home-form .form-submit-rech-container { text-align: left; margin-top: 10px; } /* 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;} /* 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 --*/ .lieu-bloc-autocompletion {width: 100%; height: 38px; background: #fff; border: 1px solid #dfdddb; line-height: 3em;} .masque-rech .lieu .form-critere-title {width: 20%; 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: 72%; height: 27px; line-height: 1.7em; text-overflow: ellipsis; border: none !important;} .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: Helvetica, 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: 85%/1 Helvetica, Arial, sans-serif;} .ui-autocomplete.ui-widget-content .ui-menu-item a > span { color: #6c6c6c; padding: 4px 10px; border-radius: 0; white-space: nowrap; display: block; font-size: 13px;} .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover { border-color: #ccc; background: none; } .ui-autocomplete.ui-widget-content .ui-menu-item a.ui-state-hover > span{ background-color: #eaeaea;} .ui-autocomplete.ui-widget-content .ui-menu-item a span>span { font-weight: bold; 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: 90%;} /*-- Partie basse --*/ .lieu-bloc-label {margin: 10px 0;} .uk .lieu-bloc-label {} .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; width: 252px;} .lieu-bloc-label-list ul { margin: 0 !important; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; -webkit-box-sizing: border-box; box-sizing : border-box; } .lieu-bloc-label-list ul li{ color: #616161; border: 1px solid #ffffff; padding: 3px 20px 3px 5px; margin: 3px 4px; position: relative; cursor: default; line-height: 1.4em; float: left; 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; width: 99%; } .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: 3px 0 3px 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-weight: bold; color:#095276; border-bottom: #ddd 1px solid; } .lieu-result-g {/* Groupe de villes */ font-weight: bold; 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: 5px; 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; width: 96%; } /*-- Specificites de la page alerte email --*/ .alerte .lieu-bloc-autocompletion {background: transparent; border: none; line-height: inherit; height: auto;} .alerte .lieu-search-label {width: 15.5%; margin-right: 1%;} .alerte .lieu-bloc-search input.lieu-input-search {background: #fff; border: 1px solid #dfdddb !important; width: 80.5%;} .alerte .lieu-bloc-label {margin: 10px 0 10px 16%; width: 82%;} .alerte .form-critere-elargir, .uk.alerte .form-critere-elargir {width: 31%; margin-left: 16.5%;} .alertemail-form .lieu-bloc-autocompletion .form-rubrique {padding-top: 0;} .alertemail-form .form-critere-type .form-critere-title .form-rubrique {padding: 0;} /*---------- Multiselect Régions ----------*/ .multi-select{ position: relative; width: 100%; } .multi-select-lib-bloc{ overflow: hidden; display: inline-block; *display: inline; *zoom: 1px; vertical-align: top; cursor: pointer; width: 100%; background: transparent url('/images/bg-form-sprite.png') no-repeat 0 -198px;} .multi-select-lib-bloc div{ display: inline-block; *display: inline; *zoom: 0px; vertical-align: top; width: 90%; padding: 0 8% 0 1%; margin-left: 1%; text-overflow: ellipsis; overflow: hidden; background: transparent url('/images/bg-form-sprite.png') no-repeat 100% -155px; height: 39px; color: #999; line-height: 39px; } ul.multi-select-list{ padding: 10px 5px 5px !important; position: absolute; top: 38px; left: 0; min-width: 100px; background: #FFF; z-index: 99999; -webkit-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -moz-box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; box-shadow: rgba(0,0,0, 0.5) 0px 2px 6px; -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:2px; /* Firefox */ -webkit-column-gap:2px; /* Safari and Chrome */ column-gap:2px; width: 98%; break-before: column; } ul.multi-select-list li{ float: none; display: block; cursor: pointer; height: 14px; color: #747474; padding: 6px 5px !important; line-height: 10px !important; margin: 0; break-inside: avoid-column;} ul.multi-select-list li:hover{ background-color: #eee; color: #666; } ul.multi-select-list li p{ display: inline-block; *display: inline; *zoom: 1px; line-height: 10px; margin: 0; font: 12px "LatoLight", Arial, Helvetica, Geneva, sans-serif; color: #000; } .chk-off div, .chk-on div{ display: inline-block; *display: inline; *zoom: 1px; vertical-align: top; height: 14px; width: 15px; margin-right: 10px; background: transparent url(/images/bg-form-sprite.png) no-repeat; } .chk-on div{ background-position: -1px -39px; } .chk-off div{ background-position: -1px -1px; } .chk-on p{ font: 12px "LatoBold", Arial, Helvetica, Geneva, sans-serif !important; color: #0164a4 !important; } /* Inférieur à IE 10 */ .lt-ie10 ul.multi-select-list, .lt-ie9 ul.multi-select-list{ padding: 10px 0 !important; -moz-column-count:inherit; -webkit-column-count:inherit; column-count:inherit; -moz-column-gap:inherit; -webkit-column-gap:inherit; column-gap:inherit; } .lt-ie10 ul.multi-select-list li, .lt-ie9 ul.multi-select-list li{ float: left; display: inline-block; width: 45%; padding: 8px 1% 8px 3% !important; } /*-- Specificites de la page Espace Acheteur / Vendeur --*/ .acheteur .form-critere-type {margin: 20px 0;} .acheteur .form-critere-type .form-critere-title .form-rubrique {padding: 0;} .bloc-palmares-ventes {height: 2000px; overflow-y: auto;} /*-- Specificites de la page Infos & conseils --*/ .photos-ete-hiver {text-align: center;} .photos-ete-hiver > div {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 2%;} /*-- Specificites des pages Statistiques --*/ .table-stats {border: 1px solid #0d77ac; padding: 1.6% 2.5% 1%;} .table-stats .left-part {display: inline-block; *display: inline; *zoom: 1px; vertical-align: middle; margin-right: 2%; width: 28%;} .table-stats .right-part {display: inline-block; *display: inline; *zoom: 1px; vertical-align: middle; width: 67%; text-align: center;} .table-stats-noborder {} .table-stats-noborder .left-part {display: inline-block; *display: inline; *zoom: 1px; vertical-align: middle; margin-right: 1%; width: 48%; text-align: center;} .table-stats-noborder .right-part {display: inline-block; *display: inline; *zoom: 1px; vertical-align: middle; width: 48%; text-align: center;} /*-- Specificites des pages Statistiques --*/ .interview-float-text {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-right: 20px; text-align: justify; width: 70%;} .interview-float-img {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 250px;} .interview-float-img img {width: 100%; height: auto;} /* // ========================================== \\ || || || IX. LINKS || || || \\ ========================================== // */ a:link, a:visited { color:#0d77ac; text-decoration: none; } a:hover, a:active{ color: #0d77ac; text-decoration: underline; } a:link.submit-classique, a:visited.submit-classique {color: #fff; padding: 11px 10% 0; height: 24px; display: inline-block; *display:inline; *zoom:1; vertical-align: top; white-space: nowrap; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: #454645; text-transform: uppercase; } a:hover.submit-classique, a:active.submit-classique {color: #fff; text-decoration: none; background-color: #0d77ac;} a.submit-all-bien {background-color: #0d77ac; height: 30px; padding: 20px 4% 0; border: none; color: #fff; text-transform: uppercase; font: 0.75em/1em 'NexaLight', sans-serif; position: relative; z-index: 5; display: inline-block; *display:inline; *zoom:1; vertical-align: top; -webkit-box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 0px 2px rgba(0, 0, 0, 0.1); text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); filter: dropshadow(color=#e5e5e5, offx=1, offy=1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a:hover.submit-all-bien {text-decoration: none; background-color: #0b6a99;} a.submit-estimation {margin-top: 20px;} /* // ========================================== \\ || || || X. DIVERS || || || \\ ========================================== // */ .filigrane-epuise { position: absolute; height: 80%; width: 100%; background: rgba(255,255,255,.8); text-align: center; padding-top: 30%; color: #a72212; font-weight: bold; font-size: 2em; } .home .acenter a { text-decoration: underline; } #header-logo a:hover .bulle-logo { display: block; position: absolute; top: 150px; background: #0c77ac; color: #fff; padding: 20px; text-align: justify; font-size: 0.9em; border-radius: 6px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .bulle-logo { display: none; background: none; } /* ========================================================================== 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 #supersized {display: none;} /* Parties principales */ .print #global {width: 615px; margin: 20px auto; position: inherit; background-color: #fff;} .print #global-content {width: 100%; 1px solid #cdcdcd; padding: 5px; border: 1px solid #CDCDCD; position: static; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* Header */ .print header#top {width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .print .logo {width: 30%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding: 10px; min-height: 1px; -webkit-box-sizing: border-box; -moz-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 .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; -moz-box-sizing: border-box; box-sizing: border-box;} .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%; padding-top: 10px; } .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: 20px; margin-right: 0; margin-left: 0; 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; margin-top: 5px; margin-bottom: 5px; position: relative; } .print .big-photo, .print .small-photos {max-height: 340px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .print .small-photos {min-height: 50px;} .print .small-photos img{max-height:50px} .print .no-flap {display: block;} .print .mini-photo {display: inline-block; *display:inline; *zoom:1; min-height: 1px; margin: 0 1% 1% 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%; font: 100%/1 Helvetica, Arial, sans-serif;} .print .detail-liste-lots thead th {padding: 5px 10px; border-right: 1px solid #cdcdcd; text-transform: uppercase;} .print .detail-liste-lots thead th a {color: #0d77ac;} .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; margin-bottom: 5px; } .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 .white-form .input-text {height: 25px; border: 1px solid #cdcdcd; margin-bottom: 5px;} .print span.form-rubrique label { width: 110px !important; display: inline-block; *display:inline; *zoom:1;} .print .half-col .input-text {width: 130px;} .print .input-text {width: 75%;} .print .white-form .input-text, .print .white-form input, .print .white-form textarea {color: #000;} .print span.form-rubrique label{ color: #000;text-transform: none;} .print #commentaire-visite {height: 100px;} /* 10.2.2 Neuf - Tableau Lots ---------------------------------------------------------------------------------------------------- .print table{ width: 100%;} .print table.zebra-striped th{ background: #929292; text-align: left;} .print table.zebra-striped th, .print table.zebra-striped td { border: 1px solid #d6d6d6; padding: 5px;} .print table.zebra-striped td a, .print table.zebra-striped td { color: #000; cursor: default;}*/ /* 10.2.3 Page selection ----------------------------------------------------------------------------------------------------*/ body.selection.print p {text-align: left;} .selection.print hr {margin: 5px 0 10px;} .selection.print .clearfix {margin: 10px 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: normal;} .selection.print .description span {font-weight: bold;} .selection.print .description p {max-height: 81px; overflow: hidden;} .selection.print .liste-navpage-container, .selection.print .retour-top {display: none;} .selection.print #MentionInterAgence {text-align: center; line-height: 10px; color: #575757; font-style: italic; font-size: 10px;} .selection.print .agence{ border-top: 1px solid #cdcdcd; clear: both; padding: 5px; background-color: #e5e5e5;} /* ----------------------------------------------- Mise en forme de la page partenaire Adapt immo ----------------------------------------------- */ .ligne-titre { line-height: 85px; vertical-align: middle; } .titre-texte { display: inline-block; width: 85%; vertical-align: middle; } .titre-logo { display: inline-block; float: right; width: 15%; } .logo-adapt-partenaire { width: 130px; } .texte-partenaire a { color: #0d77ac; } .contain-img img { width: 100%; } .stat .contain-img { max-width: 800px; margin: 0 auto; } /* // ========================================== \\ || || || XI. MEDIA QUERIES || || || \\ ========================================== // */ /* ========================================================================== 11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 979px) ========================================================================== */ @media (max-width: 1180px) { .header-menu {font-size: .76em;} .header-menu li {margin: 0 4px;} .header-menu li.last {margin: 0 0 0 4px;} } /* ========================================================================== 11.1 PORTRAIT TABLET TO LANDSCAPE AND DESKTOP : (min-width: 768px) and (max-width: 979px) ========================================================================== */ @media (min-width: 768px) and (max-width: 1024px) { body { font-size: 15px;} .slide1{ background: transparent url(/images/bg-header1-medium.jpg) no-repeat top center; width:100%; height:100%; } .slide2{ background: transparent url(/images/bg-header2-medium.jpg) no-repeat top center; width:100%; height:100%; } .slide3{ background: transparent url(/images/bg-header3-medium.jpg) no-repeat top center; width:100%; height:100%; } .content-container, .wrap { min-width: 768px; width: 100%; padding: 0;} /*-- Header --*/ .header-ref-h1 {padding: 3px 10px 0; } #header-logo {left: 15px; top: 15px; width: 192px;height: 100px;} #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); } .header-content {padding: 0 20px 0 15px;} .header-menu ul { text-align: center; } .header-menu li { margin: 0 10px; } .uk .header-menu li{ margin: 0 8px; } .header-menu a {padding: 23px 11px 22px; display: block;} .header-menu a.select-link {padding: 18px 13px 18px;} .sf-menu ul{ width: 165px; } .header-menu li ul li.last{ margin: 0 0 0 11px; } .sf-menu li:hover ul, .sf-menu li.sfHover ul {left: -40%; text-align: left;} .baseline-top {font-size: 1.1em; } /*-- Home --*/ /* Moteur */ .masque-rech.home-form .form-critere-type .form-critere-title, .masque-rech.home-form .form-critere-budget .form-critere-title, .masque-rech .form-critere-ref .form-critere-title, .masque-rech.home-form .form-critere-input-ville .form-critere-title {width: 31%;} .masque-rech.home-form .form-critere-budget .form-critere-content {width: 33%;} .masque-rech.home-form .form-critere-type .form-critere-content {width: 32%;} .masque-rech.home-form .form-critere-ref .form-critere-content {width: 65%;} .masque-rech.home-form .form-critere-input-ville .form-critere-content {width: 66%;} /* Home Widgets */ .home-widgets article { height: 200px;} .home-widgets .diapo img, .home-widgets article:hover img {width: 138%; margin-left: -18%;} /*-- Biens Home Stamps --*/ .home-featured-stamps {margin-right: 4%;margin-left: 4%; } .home-stamp-photo-static {width: 42%; max-width: 135px; -webkit-background-size: 100% auto; background-size: 100% auto;} .home-stamp-content {width: 55%;} /*-- Réseau Cantais --*/ .home-cantais {height: 240px;} /*-- Actus --*/ .home-slide-news .slideshow, .home-slide-news .large-flap-container {height: 340px;} .home-slide-news-img {margin-bottom: 30px;} /*-- Footer --*/ .pied-adresse {padding: 2%; } .pied-adresse-map{ margin-left: 0%; width: 95%;} .pied-adresse .pied-agence-contact { } .pied-ref {padding: 0 15px;} .pied-menu-left {width: 50%;} .pied-menu-right {width: 33%;} /* Likes Réseaux Sociaux */ .pied-badges {width: 50%;} /*.likes-badges ul li.clearfix{ display: block; height: 8px; } .likes-badges li.badge-tweeter{ padding-left: 0; margin-left: 0; }*/ /* Message Responsive */ .message-responsive {width: 60%;} .macaron-responsive div.macaron-responsive-img .macaron-img {width: 15%;} .message-responsive-text {margin: 12px auto;} /*-- Alerte mail --*/ .liste-create-alert-img {display: none;} .liste-create-alert-content {padding: 2%; width: 96%;} .liste-create-alert-content-title {width: 53%;} .liste-create-alert-content-input {width: 45%; top: 5px;} /*---------- Multiselect Régions ----------*/ ul.multi-select-list{ padding: 10px 5px 5px !important; position: absolute; top: 38px; left: 0; min-width: 10px; background: #FFF; z-index: 99999; -moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0; /* Firefox */ -webkit-column-gap:0; /* Safari and Chrome */ column-gap:0; break-before: column; } /*-- Mode liste --*/ .liste-container hr {width: 44%;} .liste-bien-container {height: auto;} .liste-bien-container.mode-2 {height: 291px;} .masque-rech .form-critere-pieces input, .masque-rech .form-critere-budget input, .masque-rech .form-critere-surface input, .masque-rech .form-critere-terrain input {width: 70%;} /*-- Mode details --*/ .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 495px;} .big-flap-container .diapo img.photo-big {max-width: 700px; max-height: 700px;} .large-flap-nav {opacity: 1 !important;} .large-flap-nav .previous, .large-flap-nav .next {top: 190px; margin-top: 0;} .detail-bien-context-header > div:first-child {font-size: 0.8em;} .detail-bien-context-header > div {font-size: 1.1em;} .detail-bien-context-header > div.link a {font-size: 0.9em;} .detail-bien-context-infos {top: 53%;} .detail-bien-context-infos .detail-bien-context-title, .detail-bien-context-infos .prix, .detail-bien-context-infos .ref {left: 20px;} .detail-bien-context-title, .detail-bien-context-infos .prix {max-width: 170px !important; font-size: 1.1em;} .poi-col {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 24%; margin: 2%; } .poi-col:last-child {margin-right: 0;} .poi-col:first-child {margin-left: 0;} /* Biens similaires */ .detail-bien-suggest-title div {width: 45%;} .detail-bien-suggest-title span {width: 27%;} /* Partie mon compte */ .side-mya a:link, .side-mya a:visited {font-size: 0.85em;} /* Ref page arbo */ .home-slider-vedette {width: 90%; padding: 0 5%;} .stamp {width: 28.5%;} .stamp-texte-container {margin-top: 62px; height: 53px;} /* Minisite */ .liste-nego-photo {width:25%;} /* Pages de Réf */ .ref-plan-liste li{ width: 190px; } .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 40px; } /*-- Specificites des pages Statistiques --*/ .interview-float-img {width: 26%;} } /* ========================================================================== 11.2 LANDSCAPE PHONE TO PORTRAIT TABLET : (max-width: 767px) ========================================================================== */ @media (max-width: 767px) { .hidden-phone {display: none !important; visibility: hidden !important;} .visible-phone {display: block !important; visibility: inherit !important;} .slide1{ background: transparent url(/images/bg-header1-small.jpg) no-repeat top center; width:100%; height:100%; } .slide2{ background: transparent url(/images/bg-header2-small.jpg) no-repeat top center; width:100%; height:100%; } .slide3{ background: transparent url(/images/bg-header3-small.jpg) no-repeat top center; width:100%; height:100%; } /*-- Generalites --*/ .bg-header {height: 700px;} .content-container{width: 100%; padding: 0;} .leftside-page {width: 100%; float: none;} .rightside-page {width: 96%; float: none;} .illustration-aside img {display: none;} .contact .illustration-aside img {display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: auto; margin-right: 20px; margin-bottom: 15px;} .contact .illustration-aside br {display: none;} a.bulle-en-savoir-plus, .uk a.bulle-en-savoir-plus {width: auto; background-image: none; background-color: #0d77ac; text-decoration: none; height: 25px; padding: 10px 4% 0; border: none; color: #fff; font: 0.85em/1em 'NexaLight', sans-serif; position: inherit; float: left; top: 0; left: 0; text-indent: 0; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.1); filter: dropshadow(color=#e5e5e5, offx=1, offy=1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a.bulle-en-savoir-plus:hover, a.bulle-en-savoir-plus:active, .uk a.bulle-en-savoir-plus:hover, .uk a.bulle-en-savoir-plus:active{ background-image: none; background-color: #0b6a99; } /* Tabs */ .ui-tabs .ui-tabs-nav li {float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; margin: 0 0 6px;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin: 0 0 6px;} .ui-tabs .ui-tabs-nav {border-bottom: none !important;} .ui-tabs .ui-tabs-nav li a {float: none; display: block;} /* Sous tabs */ .ss-tabs {padding: 0 !important;} .ui-tabs.ss-tabs .ui-tabs-nav {border-bottom: none !important;} /*-- Header --*/ .header-ref-h1 {padding: 3px 10px 0; } .header-container{ position: static; } .header-top {height: 99px; padding: 0;} #header-logo {left: 15px; top: 40px; width: 192px;height: 100px;} #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); } .header-content {margin-left: 0; float: none; padding: 0; width: 100%; text-align: center;} .baseline-top {font-size: 1em; margin-top: 10px;} .main-lang-container {margin: 37px 80px 0 0;} .nav-btn{display: block;} /* le bouton devient visible */ .header-bottom {height: auto; padding: 0;} /* Ma sélection */ .header-menu li.maselection{ display: block; visibility: visible; line-height: 2em; } .header-menu li.maselection a:link, .header-menu li.maselection a:visited{ padding: 13px 20px 11px; } /*-- Menu Responsive (debut) --*/ /* Menu gris : s ouvre sur le cote */ .header-menu ul {text-align: left;} .header-menu ul li.menu-deroulant ul li{ border: none; } .header-menu ul li.menu-deroulant ul li a{ text-align: left; padding-left: 5% !important;} .sf-menu ul {position: relative; width: 100%; left: inherit;} .sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 0; left: inherit; background: url(/images/bg-black10.png) repeat !important;} .sf-menu li:hover ul:before, .sf-menu li.sfHover ul:before {display: none; } .sf-menu li:hover ul, .sf-menu li.sfHover ul {} .sf-menu ul li {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 100%; height: 35px; text-align: right; } .sf-menu li.sfHover li a:link, .sf-menu li.sfHover li a:visited {border-bottom: none; height: 35px; line-height: 35px; padding: 1px 0 0 0; width: 92%; color: #FFF; } .sf-menu li.sfHover a:first-child {border-bottom: rgba(255, 255, 255, 0.5) 1px solid;} .sf-menu li.sfHover li:hover{ background: url(/images/bg-black10.png) repeat; } .sf-menu li.sfHover li a:hover{ background: none; } .sf-menu li.sfHover li.two-lines a:link, .sf-menu li.sfHover li.two-lines a:visited {line-height: 33px; } .header-menu{ margin-top: 0; } .header-menu ul li{ margin:0 !important; display: block; /* padding-left: 10px;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.1); -webkit-font-smoothing: antialiased; position: relative; } .header-menu a {padding: 18px 20px 17px;} .header-menu li.current a{ border-bottom: none; } .header-menu a.select-link {padding: 13px 20px 12px;} .header-menu ul li a:link, .header-menu ul li a:visited, .header-menu ul li a:link strong, .header-menu ul li a:visited strong {color:rgba(255,255,255,.8); } .header-menu li a:link, .header-menu li a:visited{ padding: 18px 20px 17px; border: none; } .header-menu ul li a:hover, .header-menu ul li a:active, .header-menu ul li a:hover strong, .header-menu ul li a:active strong{ color: #464646; background: #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: -0.03125em; margin-bottom: -0.625em; border-top: 0.625em transparent solid; border-bottom: 0.625em transparent solid; border-right: 0.625em white solid;*/} #nav{ position: absolute; top: 0; padding-top: 6.25em; overflow: hidden; } #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: #4E5559; -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); -moz-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) */ /* Formulaire home */ .masque-rech.home-form { width: 96%; margin: 0 1% 10px; float: none;} /* Home Widget */ .home-widgets article {width: 96%; display: block; height: 282px; margin: 20px auto;} /* Biens vedettes */ .bien-vedette .slideshow, .bien-vedette .large-flap-container {height: 560px;} .home-news-prev, .home-news-next {top: 45%;} /* Widget vide */ .widget-vide { width: 40%; margin: 2% 2%; } /* Derniers biens ajoutés */ .home-featured-stamps {margin-right: 2%; margin-left: 2%;} .home-stamp-content {width: 80%;} .home-stamp-type {padding-top: 5px;} /*-- Slide agence home --*/ .home-slide-agence { width: 96%; float: none; padding: 0; margin: 0 2%;} .home-slider {position: relative;} .home-slider-container { border:none;} .home-slider-container .large-flap-container {min-height: 465px;} .home-slide-prev {left: 2%;} .home-slide-next {right: 2%;} .home-slider-container {width:100%;} .home-slide1, .home-slide2, .home-slide3 {background-position: right top; padding: 50px 50% 0 10%; width: 40%;} .home-slide-text {float: none; width: 100%; margin: 0; font-size: 0.8em;} /*-- Slide news home --*/ .home-slide-news .slideshow, .home-slide-news .large-flap-container {height: 500px;} .home-slide-news-text {text-align: center;} .home-slide-news .home-news-prev, .home-slide-news .home-news-next {top: 25%;} /* Specifique au slide des news de la home */ .home-slide-news-img {width: 290px; height: 211px; float: none; margin: 0 auto 20px;} .home-slide-news-img img {min-height: 211px;} /* Réseau Cantais */ .home-cantais, .home-cantais-bg {height: auto;} .fr .home-cantais-bg, .uk .home-cantais-bg {-webkit-background-size: 150% auto; background-size: 150% auto; border: none;} .home-cantais .text-villes-cantais ul {padding: 36% 4% 3%;} .home-cantais .text-villes-cantais ul li {margin: 0 12px 7px 0; font-size: .85em;} /*-- Footer --*/ .footer-temoignage .large-flap-container {height: 160px;} .pied-adresse {padding: 2% 0; width: 100%; text-align: center;} .pied-agence-name {width: 100%;} .pied-adresse-map{ margin: 0 2%; width: 96%;} .pied-adresse .pied-agence-contact { } .pied-adresse li {line-height: 1.231; padding: 0; margin: 0 10px 10px;} .pied-adresse li.pied-agence-name {margin-top: 10px;} .pied-adresse .tel-clear, .pied-adresse .adresse-clear, .pied-adresse .contact-clear {display: block; clear: both;} .pied-ref {padding: 0 10px;} .pied-menu-left, .pied-menu-right {width: 100%; float: none; text-align: center; margin: 10px 0px;} .pied-menu-left {text-align: left;} .pied-menu-right .sign-adapt {display: inline-block; *display: inline; *zoom: 1; vertical-align: top;} /*--------------- Message responsive ---------------*/ .message-responsive {float: none; width: 100%;} .macaron-responsive div.macaron-responsive-img .macaron-img {width: 16%;} .message-responsive-text {width: 80%;} /* Likes Réseaux Sociaux */ .pied-badges {float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 100%; margin-top: 15px;} #footer .likes-badges {text-align: left;} .footer-left {width: 100%; display: inline-block; *display:inline; *zoom:1; float: left;} .footer-right {width: 48%; display: inline-block; *display:inline; *zoom:1; float: right;} /*-- Alerte mail --*/ .liste-create-alert-img {display: none;} .liste-create-alert-content {width: 94%; padding:2% 3%;} .liste-create-alert-content-title {width: 100%;} .liste-create-alert-content .heading1 {display: inline-block; *display:inline; *zoom:1; vertical-align: top; width: 100%;} .liste-create-alert-content-input {width: 100%; top: 3px; margin-bottom: 1%; margin-left: 0;} input.input-text-alerte-mail {width: 83%;} /*-- Mode liste --*/ aside.sidebar-left {float: none; width: 99%;} .liste-container {width: 96%; float: none;} .liste-display-all-nb {float: none; font-size: 1.1em;} .liste-container hr {display: none;} .filters-container {float: left; margin: 10px 0 20px;} .filters-content ul {text-align: left;} .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 10px 0 0;} .select-mode-affichage p {display: none;} .liste-bien-container {height: auto; width: 100%;} .liste-bien-type, .liste-bien-price {font-size: 0.7em;} .liste-bien-ville {font-size: 0.6em;} .liste-bien-photo.mode-2 {width: 100%; height: auto;} .liste-bien-photo img {width: 100%; height: auto; opacity: 1 !important;} .liste-bien-photo img.anti-cheat {display: none !important; opacity: 0 !important;} .liste-bien-container.mode-2 {padding: 0;} .liste-bien-description.mode-2, .liste-prog-description.mode-2 {width: 98%;} .liste-bien-title.mode-2 {padding: 4.5% 0 0.5% 0;} .bg-liste-mode-2 {background-size: 100%; margin: 10px 0 20px;} .visible-mobile {display: block; visibility: visible;} .visible-mobile ul {display: block; visibility: visible; position: absolute; top: 0; right: 0; z-index: 10;} /* Ribbons */ .mode-2 .liste-bien-ribbon {top: 0; left: -2px;} /*-- Mini liste --*/ .liste-bien-ref-description.mode-2 {width: 96%; padding: 1% 2% 1% 2%;} .ref .bloc-lib-critere-liste-new-search a, .ref .bloc-lib-critere-liste-label span {margin: 0 10px 10px 0; float: left;} .liste-bien-title.mode-2 .liste-bien-ref-price {position: relative; margin-top: 10px;} .liste-bien-description.mode-2 hr {display: block;} /*-- Mode details --*/ aside.detail-aside {float: none; width: 96%; background-color: #494a49; margin-left: 0%; padding-top:10px; margin-top: 10px;} .detail-bien-contact-title {margin:5px 0} .detail-bien-infos {float: none; width: 100%;} .detail-top-page {padding-bottom: 50px; border-bottom: 5px solid #ececec; margin-bottom: 20px;} .page-container {margin-top: 0; padding-top: 50px;} .masque-rech {padding-top: 25px;} .detail-topnav ul {text-align: left;} li.button {margin-bottom: 10px;} li.contact-agence {display: inline-block; *display:inline; *zoom:1; vertical-align: top;} li.ico-back-clear, li.ico-back-clear:hover {clear: both; display: block; background-color: transparent; height: 7px; padding: 0;} .detail-photo-container .large-flap-container, .detail-photo-container .anti-cheat, .detail-photo-container .large-flap-container div.diapo {height: 250px; min-height: 250px;} .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: 100px; 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;} .detail-bien-context {display: none !important;} .thumbs-flap-wrapper {padding: 18px 13%; } .thumbs-control-prev {left: 10px} .thumbs-control-next {right: 10px;} .detail-bien-specs {width: 100%; padding: 35px 0 0 0; background-image: none; float: none;} .detail-bien-infos {background-size: 100%;} .detail-bien-desc-content {padding: 30px 0 0 0; margin-top: 17px; border-top: #d7d7d7 1px solid;} .poi-col {width: 46%; margin: 10px 1%;} .detail-bien-dpe, .detail-bien-lots, .detail-bien-desc-suppl-bien-neuf {width: 100%; float: none; } .detail-bien-suggest-title div {width: 100%;} .detail-bien-suggest-title span {display: none; visibility: hidden;} a.suggest-bien {width: 50%; } a.suggest-bien:last-child {display: none;} a.suggest-bien:first-child {display: block !important;} /*-- News --*/ .news-liste-container .large-flap-container {min-height: 100px; } .news-liste-container .thumbs-flap-container {background-size: 100%;} /*-- Ref : module de marquee --*/ .pied-ref-defil-text {width: 100%; margin-right: 0;} .pied-ref-defil-images {width: 100%;} .pied-ref-defil-images ul {height: 90px;} .pied-ref-defil-images ul li .ref-bien-slide {width: 48%; float: left;} /*-- Ref : module de region, departement, ville - tabs --*/ .region-annonces-container {width: 99%; margin-right: 0;} /*-- Formulaires --*/ .main-content-demicol, .main-content-demicol:first-child {width: 100%; margin: 0; float: none; margin-bottom: 20px;} .form-critere-title, .form-critere-title-left {padding-bottom: 7px;} .main-content-demicol .form-critere-content, .form-critere-content {width: 100%; margin-bottom: 5px;} .input-text.input-unite, input.input-unite {width: 86%; margin-bottom: 4px;} .form-highlight-items:first-child {margin-top: 0;} .masque-rech.home-form .form-critere-type .form-critere-content {width: 30%;} /* Type */ .masque-rech .form-critere-type .form-critere-content {margin-top: 8px; width: 45%;} /*-- Pop-up --*/ /* .ui-dialog {width: 90% !important;} */ .calc-leftcol, .calc-rightcol {float: none; width: 100%} /*-- Mon compte --*/ .leftside-menu-mya {width: 98%; float: none;} .rightside-page-mya {width: 100%; float: none;} li.mya-widget a:link, li.mya-widget.mya-widget-selection a:visited {background-color: #eee;} .mya .lieu-bloc-search .lieu-search-label {width: 100%;} .mya .lieu-bloc-search input.lieu-input-search, .uk.mya .lieu-bloc-search input.lieu-input-search {width: 98%;} .mya .form-critere-elargir, .mya .lieu-bloc-label {width: 99.8%; margin-left: 0;} .mya .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;} .mya .lieu-bloc-autocompletion {height: auto;} .mya-account.mya .lieu-bloc-search input.lieu-input-search, .uk.mya-account.mya .lieu-bloc-search input.lieu-input-search {width: 98%;} .mya-account.mya .lieu-bloc-label {width: 100%; margin-left: 0;} /*-- Ref page arbo --*/ .home-vedette {height: 305px;} .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 270px;} .stamp {width: 95%;} .stamp-texte-container {margin-top: 167px; height: 55px;} /*-- Ref page ville --*/ .ref-page-ville .leftside-page, .ref-page-ville .rightside-page {width: 98%} /*-- Minisite --*/ input#dept {width: 74%;} .liste-nego-photo {width: 35%;} ul.liste-nego-buttons {margin-top: 10px; padding: 0 0 0 35%;} .liste-nego-buttons li:first-child {margin: 0 0 7px 0; } .minisite .leftside-page {width: 100%; float: none;} .minisite .rightside-page {width: 96%; float: none; margin-top: 60px;} .minisite .illustration-aside img {display: block; float: right; margin-bottom: 10px;} .minisite .rightside-page hr {width: 100%;} .minisite .liste-container hr {display: inline-block; *display:inline; *zoom:1; vertical-align: top;} .minisite .liste-display-all-nb {margin-bottom: 10px;} .minisite .liste-bien-photo.mode-2 .liste-bien-photo-frame img {width: 100%; height: auto;} /* Pages de Réf */ .ref-plan-liste li{ width: 100%; float: none; } .ref-plan-liste.deux-colonnes li:nth-child(odd) { padding-right: 0; } /* Infos & conseils */ .liste-infos-conseils li {float: none; width: 100%;} /* Specificites des pages Statistiques --*/ .table-stats .left-part {margin-right: 2%; width: 45%;} .table-stats .right-part {width: 50%; text-align: center;} /* Specificites des pages Statistiques */ .interview-float-text {display: block;margin-right: 0; text-align: justify; width: 100%;} .interview-float-img {display: block; margin: 30px auto 20px; width: 250px;} /* -------------------------------------------------------- Mise en forme titre Responsive page partenaire Adapt immo -------------------------------------------------------- */ .titre-texte .heading1 {color:#555; font: 1em/1.231em 'NexaBold', sans-serif; text-transform: uppercase; letter-spacing: 0.15em; } .titre-texte{width:63%; vertical-align: middle;} .titre-logo{float:none; vertical-align: middle;} } /* ========================================================================== 11.2 LANDSCAPE PHONES AND DOWN (max-width: 620px) ========================================================================== */ @media (max-width: 620px) { /* Biens vedettes */ .bien-vedette .slideshow, .bien-vedette .large-flap-container {height: 450px;} .home-news-prev, .home-news-next {top: 45%;} } /* ========================================================================== 11.2 LANDSCAPE PHONES AND DOWN (max-width: 480px) ========================================================================== */ @media (max-width: 480px) { /*-- Generalites --*/ .content-container {width: 100%; min-width: 320px;} .page-container {margin-top: 0; padding-top: 30px;} /*-- Header --*/ /* Désactivation du slideshow en bg le JS dans la home + css suivant*/ .slide1, .slide2, .slide3{ background: none transparent !important; } .bg-header, .home .bg-header {background: none transparent;} /* On place l'image de substitution dans le body */ body {background: url(/images/bg-slideshow-small.jpg) center top no-repeat; background-size: 100% auto;} .header-content{ padding-left: 0; } #header-logo {left: 20px; /*width: 157px; height: 85px;*/} /*#header-logo a { 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 {width: 33px; height: 22px; background-size: 33px 22px; -webkit-background-size: 33px 22px; margin-top: 6px;} .baseline-top {font-size: .75em;} .main-lang-container {margin: 38px 60px 0 0;} .main-lang-container ul li a.current-lang{ padding: 5px 4px; font-size: .65em; } .main-lang-container ul li a{ padding: 5px 4px; font-size: .65em; } /*-- Home --*/ #home-intro { margin-top: 40px;} /* Slide agence home */ .home-slide-agence {height: auto;} .home-slider-container .large-flap-container{height: 300px; min-height: 300px;} .home-slide-text {width: 70%; padding: 10% 15%;} .home-slide-prev, .home-slide-next {margin-top: 25px;} .home-slide1, .home-slide2, .home-slide3 {width: 100%; padding: 0; background: #0d77ac; /*background-position: right bottom;*/} .home-slide-agence .submit-classique {margin-top: 20px;} /* Home widget */ .home-widgets article {height: 210px;} /* Derniers biens ajoutés */ .line-title {margin: 10px 0 25px;} .line-title span {padding: 0;} .line-title hr {display: none;} .home-featured-stamps {margin-right: 3%; margin-left: 3%; font-size: 0.95em;} .home-featured-stamp {display: block; width: 98%; margin-bottom: 60px;} .home-stamp-content {margin: 0 auto; display: block; width: 80%; text-align: center;} .home-stamp-type {padding-top: 5px;} .home-stamp-photo-static {display: block; margin: 2% auto;} /* Biens vedettes */ .bien-vedette .slideshow, .bien-vedette .large-flap-container {height: 350px;} .home-news-prev, .home-news-next {top: 45%;} /* Home news */ .home-slide-news .slideshow, .home-slide-news .large-flap-container {height: 560px;} .home-slide-news-content {width: 94%; margin: 0 3%;} .home-slide-news .home-news-next {right: 5%;} .home-slide-news .home-news-prev {left: 5%;} /*-- Menu Responsive (debut) --*/ /* Menu gris : s ouvre sur le cote */ .header-menu ul li.menu-deroulant ul li a{ font-size: .9em; letter-spacing: .04em; } /* Formulaire home */ .masque-rech {padding-top: 15px;} input[type="submit"].form-submit-rech {width: 40%;} .masque-rech .form-critere-pieces .form-critere-content, .masque-rech .form-critere-budget .form-critere-content, .masque-rech .form-critere-surface .form-critere-content, .masque-rech .form-critere-terrain .form-critere-content {width: 100%;} .uk .masque-rech .form-critere-budget .form-critere-content, .uk .masque-rech .form-critere-surface .form-critere-content, .uk .masque-rech .form-critere-terrain .form-critere-content, .uk .masque-rech .form-critere-pieces .form-critere-content {width: 100%;} .btn-more-rech {width: 55%;} .masque-rech.home-form .form-critere-type .form-critere-title, .masque-rech.home-form .form-critere-budget .form-critere-title, .masque-rech .form-critere-ref .form-critere-title, .masque-rech.home-form .form-critere-input-ville .form-critere-title {width: 100%; margin: 0;} .masque-rech.home-form .form-critere-budget .form-critere-content, .masque-rech.home-form .form-critere-ref .form-critere-content, .masque-rech.home-form .form-critere-input-ville .form-critere-content {width: 98%;} .masque-rech.home-form .separator-home-form hr {margin: 1.5em 0;} .masque-rech.home-form .form-critere-type .form-critere-content {width: 40%;} /* Biens vedettes home */ .bien-vedette{ height: 100%; margin-top: 13px; } .bien-vedette .content-container{ padding: 10px 0 20px !important; } .infos-bien {top: 31%; font-size: 0.65em;} .bien-vedette .heading1 {font-size: 1em; line-height: 1.2em; margin-bottom: 15px; width: 50%; padding-top: 13px; } .bien-vedette .link-offres{ padding-top: 13px; line-height: 1.2em; } a.submit-all-bien {font-size: 0.65em; height: 35px;} /*-- Mode liste --*/ .filters-content li span.sort-liste, .filters-content li span.sort-liste a:link, .filters-content li span.sort-liste a:visited, li.mode-affichage {margin: 0 2px 0 0;} .visible-mobile ul {position: static; margin-top: 20px; } /* Type */ .masque-rech .form-critere-type .form-critere-content {width: 100%;} /*-- Mode detail --*/ .big-flap-container .diapo img.photo-big {max-width: 250px; max-height: 350px;} .poi-col {width: 100%; margin: 10px 0;} .poi-col li {line-height: 2.5em;} /*-- Alerte mail --*/ .liste-create-alert-content {font-size: 0.9em;} /*---------- Multiselect Régions ----------*/ ul.multi-select-list{ padding: 10px 5px 5px !important; position: absolute; top: 38px; left: 0; min-width: 10px; background: #FFF; z-index: 99999; -moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0; /* Firefox */ -webkit-column-gap:0; /* Safari and Chrome */ column-gap:0; break-before: column; } /* Tableaux (Programmes Neufs) */ .detail-bien-lots{ width: 100%; } .detail-bien-lots table{ font-size: .7em; } .detail-bien-lots table th, .detail-bien-lots table td{ max-width: 70px; } /* Footer */ .footer-temoignage .texte-temoignage{ width: 62%; } .footer-temoignage .guillemets-left, .footer-temoignage .guillemets-right{ width: 12%; } .footer-temoignage .large-flap-container {height: 250px; } a.btn-temoignage:link, a.btn-temoignage:visited {margin-left: 19%; margin-top: 120px;} #footer .pied-adresse .social-menu{ } #footer .pied-adresse .social-menu li{ display: block; } .pied-adresse-map{ margin: 0 auto; display: block; width: 90%; } /* Message responsive */ .macaron-responsive div.macaron-responsive-img .macaron-img {width: 100%; float: none;} .message-responsive-text {width: 100%; padding: 0; text-align: center;} /* Like badges */ .likes-badges li {margin-top: 5px;} /*-- Ref : module de marquee --*/ .pied-ref-defil-images ul {height: 190px;} .pied-ref-defil-images ul li .ref-bien-slide {width: 100%;} /*-- ref page arbo --*/ .home-vedette {height: 255px;} .home-slider-vedette, .home-slider-vedette-container, .home-vedette .large-flap-container, .home-slide-vedette, .stamp {height: 210px;} .stamp {width: 95%;} .stamp-texte-container {margin-top: 133px; height: 35px;} /*-- ref page ville --*/ .ref-thumbs-text {margin-top: 2px;} .ref-thumbs, .ref-thumbs-img-frame {height: 77px;} /*-- minisite --*/ .minisite .illustration-aside img {float: none;} a.bulle-me-contacter {right: 10px;} .liste-bien-ref-offre{ margin-top: 3.5%; } .liste-bien-ref-title{ position: none; } .liste-bien-ref-title.mode-2 {padding: 8.5% 0 3.5% 0;} .liste-bien-title.mode-2 .liste-bien-ref-price {position: relative; top: 0; left: 0; } .extrait-ref-desc{ max-height: 200px; } .miniliste-deroulant .custom-select-container {width: 100%; float: none; margin-bottom: 10px;} .css-deroulant {width: 100%;} /* Infos & conseils */ .quote {font-size: 17px;} /* Specificites des pages Statistiques --*/ .table-stats .left-part {margin: 0; width: 100%; text-align: center;} .table-stats .right-part {width: 100%; text-align: center;} .table-stats-noborder .left-part, .table-stats-noborder .right-part {margin: 0 auto 50px; width: 100%;} } /* ========================================================================== 11.2 LANDSCAPE PHONES AND DOWN (max-width: 350px) ========================================================================== */ @media (max-width: 350px) { /* Biens vedettes */ .bien-vedette .slideshow, .bien-vedette .large-flap-container {height: 250px;} .home-news-prev, .home-news-next {top: 45%;} } /* 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"; }