/* Theme Name: Repérage Espaces Atypiques Author: Tzvétan VERMAND - TV2M Author URI: https://www.atlantic-multimedia.com/ Text Domain: reperage */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline} body{line-height:1} button{outline:0; border: none; cursor: pointer; width: 100%;} ol,ul{list-style:none} blockquote,q{quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} q{display:inline;font-style:italic} q:before{content:'"';font-style:normal} q:after{content:'"';font-style:normal} textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0} table{border-collapse:collapse;border-spacing:0} th,td{padding:2px} big{font-size:120%} small,sup,sub{font-size:80%} sup{vertical-align:super} sub{vertical-align:sub} dd{margin-left:20px} kbd,tt{font-family:courier;font-size:12px} ins{text-decoration:underline} del,strike,s{text-decoration:line-through} dt{font-weight:bold} address,cite,var{font-style:italic} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block} *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} input { margin: 0; height: auto; } input.no-style { background: unset; border: unset; padding: unset; margin: unset; color: unset; outline: inherit; } input[type=text], input[type=email], input[type=number], textarea, select { font-size: 16px !important; } a, a:visited { color: inherit; } /* Typo / Couleurs */ body { background: #e6411b; font-family: mandrel-normal, sans-serif; font-size: 14px; line-height: 22px; letter-spacing: 0px; } .font2 { font-family: questa-sans, sans-serif; letter-spacing: 1px; font-size: 12px; line-height: 16px; font-weight: 500 } #wrapper { background: #FFFFFF; } body > * { color: #002a3c; } a { text-decoration: none; } p { margin-bottom: 20px } p:last-child { margin-bottom: 0; } .orange, a.orange { color: #e6411b; } .orange-bg { background-color: #e6411b; } .bleu, a.bleu { color: #002a3c; } .bleu-bg { background-color: #002a3c; } .blanc, a.blanc { color: #FFFFFF; } .blanc-bg { background-color: #FFFFFF; } .gris { color: #b3c1c2; } .gris-bg { background-color: #e8eced; } .transparent-bg { background: transparent; } .inline { display: inline; width: auto; padding: unset; } .fw-normal { font-weight: normal; } .upc { text-transform: uppercase; } .lowc { text-transform: lowercase; } .bold, strong { font-weight: 700; } .menu a, .lang a { color: #FFFFFF; } .section-title { margin: 30px 0 50px 0; font-weight: 600; } .section-description { text-align: center; } .button, .gform_button { display: inline-block; padding: 15px 30px; margin-top: 20px; cursor: pointer; font-weight: 600; border: none; } .button.big.orange-bg, .gform_button { background-color: #e6411b; color: #FFF; } .button.big { display: block; padding: 20px; background-image: url('https://53c156.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/plus-blanc.svg'); background-position: center right 30px; background-repeat: no-repeat; } .button.big.minus { background: #e6411b url('https://74dd1e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/minus-blanc.svg') no-repeat; background-position: center right 30px; } input[type=submit]:disabled { background: #CCC; opacity: 0.8; cursor: not-allowed; } .button span { display: block; } .telephone, .email { font-weight: 600; cursor: pointer } .font-xxl { font-size: 35px; line-height: 42px; font-weight: 500; } .font-xl { font-size: 27px; line-height: 32px; font-weight: 500; } .font-lxl { font-size: 36px; line-height: 43px; font-weight: 500; } .font-l, .agence-description p:first-child { font-size: 20px; line-height: 28px; font-weight: 500; } .font-ml { font-size: 18px; line-height: 26px; font-weight: 500 } .font-m { font-size: 15px; line-height: 22px; } .font-s { font-size: 12px; line-height: 20px; } .entry-title { font-weight: 600; margin-bottom: 10px } .w720 { max-width: 720px } .max-width.section.w720 { max-width: 760px } input[type=text], input[type=email], input[type=number], textarea { background: transparent; padding: 2px 2px 8px 2px; margin-left: -2px; border: none; height: 26px; line-height: 26px; vertical-align: middle; font-family: mandrel-normal, sans-serif; font-size: 14px; font-weight: 500; vertical-align: baseline; box-shadow: 0 1px 0 #5a6d78; } textarea { max-width: 100%; overflow: hidden; height: 162px } button { font-family: mandrel-normal, sans-serif; font-size: 14px; font-weight: 600; text-align: left; } ::placeholder { font-family: mandrel-normal, sans-serif; font-weight: normal; font-size: 14px; } .video-container { position: relative; } .play { width: 50px; height: 50px; background: url('https://da8b16.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/play.svg') no-repeat; background-position: center center; position: absolute; left: calc(50% - 25px); top: calc(50% - 25px);} .date { letter-spacing: 1px; font-size: 14px; font-weight: normal; } .tag, .tag:focus, .tag:active { display: inline-block; padding: 7px 10px; margin: 2px; border: 2px solid #b3c1c2; font-weight: 600; border-radius: 3px; cursor: pointer; background: unset } .underscore { background: url('https://9b513f.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore.svg') repeat-x; background-position: bottom center; } .underscore-grey { background: url('https://c98f8c.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore-grey.svg') repeat-x; background-position: bottom center; } .underscore-xl { background: url('https://67a9f7.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore-xl.svg') repeat-x; background-position: bottom center; } fieldset { border: 0; padding: 0; margin: 0; min-width: 0; } select { background: none; color: #FFFFFF; border: none; box-shadow: 0 1px 0 #5a6d78; border-radius: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: mandrel-normal, sans-serif; font-size: 14px; font-weight: 600; background: url('https://57e96d.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/dropdown.svg') no-repeat; background-position: bottom 10px right; padding: 0 0 8px 0; width: 100% } #set-order select { background: none; color: #e6411b; border: none; box-shadow: unset; border-radius: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: mandrel-normal, sans-serif; font-size: 14px; font-weight: 600; background: url('https://2e6dd7.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/dropdown-orange.svg') no-repeat; background-position: bottom 6px right; padding: 0 30px 2px 0; width: auto; } select:focus, input:focus, textarea:focus { border: none; outline: none; } .find { display: inline-block; width: 30px; height: 30px; background: url('https://fbd117.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/find.svg') no-repeat center center; vertical-align: bottom; margin-left: 20px } select option { color: #000000; } @media screen and (min-width: 768px) { .section-description { text-align: left; margin: 0px 0 30px 0; } .button.big { padding: 30px } .button { margin-top: 30px } .font-xxl { font-size: 60px; line-height: 70px } .font-xl { font-size: 46px; line-height: 54px } .font-lxl { font-size: 36px; line-height: 43px } .font-l, .agence-description p:first-child { font-size: 24px; line-height: 32px } .underscore { background: url('https://9b513f.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore.svg') no-repeat; background-position: bottom left; } .underscore-grey { background: url('https://c98f8c.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore-grey.svg') no-repeat; background-position: bottom left; } .underscore-xl { background: url('https://67a9f7.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore-xl.svg') no-repeat; background-position: bottom left; } } /* Layout */ .section::after, .clearfix::after { content: ""; clear: both; display: table; } #page-header { padding: 0 20px; } #page-header { background: #e6411b; position: fixed; width: 100%; left: 0; top: 0; z-index: 10; } #container { margin: 85px 0 0 0;} .section { padding: 20px 40px; } .separator{ height: 2px; margin: 0 auto 0 auto; background: #e8eced; } img { max-width: 100%; height: auto } .full-screen { height: calc(100vh - 90px); } .full-width { width: 100%; } .max-width { width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto; } .max-width.section { max-width: 1320px; } #wrapper { position: relative; } .grid { display: grid; display: -ms-grid; grid-template-columns: repeat(1, 1fr); -ms-grid-columns: repeat(1, 1fr); grid-column-gap: 20px; min-height: 0; min-width: 0; } .grid > * { overflow: hidden; min-width: 0; } #page-404, #page-contact, #proposer, #chercher { padding-top: 50px; padding-bottom: 50px } @media screen and (min-width: 480px) { .grid { grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { #container { margin-top: 100px; } #content.sticky { margin-top: 165px } .left { float: left; width: 50%; } .right { float: right; width: 50%; } .grid4 { grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); } } @media screen and (min-width: 960px) { .grid2 { grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); } .grid3 { grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); } } @media screen and (min-width: 1024px) { .grid4 { grid-template-columns: repeat(4, 1fr); -ms-grid-columns: repeat(4, 1fr); } } /* Liste annonces */ .create-alert.section { display: none; } .create-alert .tag { font-family: mandrel-normal, sans-serif; font-size: 14px; border-radius: 3px } #found-results, #set-order { display: inline-block; margin: 30px 20px 10px 0 } .annonces { margin-top: 20px; margin-bottom: 20px; } .preview-annonce .photo-container { width: 100%; padding-bottom: 100%; position: relative; } .preview-annonce .photo-container a, .preview-annonce .photo-container button { display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; } .preview-annonce .photo-container img { object-fit: cover; height: 100%; width: 100%; } .preview-annonce .agence { position: absolute; top: 0; margin: 15px 20px 0 20px; font-weight: 700; letter-spacing: 0.8; } .grid .infos { text-align: center; margin: 10px 0 25px 0; font-weight: bold; } .grid .infos .info { white-space: nowrap; margin-right: 3px } .preview-annonce .photo-container .more { display: flex; align-items: center; padding: 20px; background: url('https://47be1a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-right.svg') no-repeat; background-size: 0.7; background-position: right 30px center; } .preview-annonce .photo-container .more span { display: block; } .preview-annonce .video { display: inline-block; width: 24px; height: 13px; background: url('https://3d606a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/video.svg') no-repeat bottom left ; } #list-map-mode { display: none; } @media screen and (min-width: 480px) { .grid .infos { text-align: left; } .preview-annonce .photo-container .more { padding: 50px 70px 50px 50px } } @media screen and (min-width: 768px) { .create-alert.section { display: block; text-align: right; padding: 0 20px 20px 20px } .create-alert .tag { padding-left: 35px; background: url('https://bf20fc.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/alerte-email.svg') no-repeat center left 10px; } #list-map-mode { display: unset; float: right; margin: 27px 0 0 0; } #list-map-mode .tag { width: unset; padding-left: 40px; text-transform: uppercase; } .list-button, .list-button:focus, .list-button:active { background: url('https://3b62a3.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/list-on.svg') no-repeat center left 10px; } .map-button, .map-button:focus, .map-button:active { background: url('https://6d8710.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/map-on.svg') no-repeat center left 10px; } .list .list-button, .map .map-button { border-color: #e6411b; } .annonces { margin-top: 20px; margin-bottom: 60px; } .preview-annonce .photo-container:hover img, .preview-annonce .photo-container:hover .more { outline: 3px solid #e6411b; outline-offset: -3px; } } /* Fiche annonce */ #suggest-form-overlay { position: fixed; z-index: 10; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.8); display: none; align-items: center; } #suggest-form { top: 50%; width: 728px; max-width: 100%; margin: 0 20px; border: 1px solid #CCC; background: #FFFFFF; } #suggest-form-container { position: relative; padding: 60px 20px 20px 20px; } #suggest-form .entry-title { margin-bottom: 40px } #suggest-form .close { width: 30px; height: 30px; background: url('https://a4d00e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/plus.svg') no-repeat; background-size: 70%; background-position: center center; transform: rotate(45deg); position: absolute; top: 10px; right: 10px; cursor: pointer; } #suggest-form input[type="text"] { color: #002a3c; } #gallery { width: 100%; height: 0; padding-bottom: 65%; position: relative; margin-bottom: 30px;} #gallery .diaporama .rsImg { margin: 0 auto; } #gallery .diaporama .rsSlide img { opacity: 0.3 !important; transition: opacity 0.5s ease-out; } #gallery .diaporama .rsSlide.rsActiveSlide img { opacity: 1 !important; } #gallery .diaporama { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: auto !important; width: auto; } .rsArrow { width: 30px; height: 30px; position: absolute; bottom: 10px; } .rsArrowLeft { background: url('https://54ae3e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-left.svg') no-repeat; background-size: 70%; background-position: center center; left: calc(50% - 90px); } .rsArrowRight { right: calc(50% - 90px); background: url('https://47be1a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-right.svg') no-repeat; background-size: 70%; background-position: center center; } #gallery .rsVisibleNearbyWrap { height: calc(100% + 50px) !important; } .rsSlideCount { position: absolute; bottom: 15px; left: 50%; width: 70px; margin-left: -35px; text-align: center; font-weight: 700; } .rsSlideCount .pipe, .rsSlideCount .slideLast { opacity: .5; } .rsSlideCount > * { padding: 0 5px; } .rsVideoContainer .rsBtnCenterer { position: absolute; top: 50%; left: 50%; transform: translate(-25px, -25px); cursor: pointer; } .rsVideoContainer .rsBtnCenterer .rsPlayBtnIcon { background: url('https://da8b16.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/play.svg') no-repeat; width: 50px; height: 50px; cursor: pointer; } .rsCloseVideoBtn { position: absolute; top: 5px; right: 5px; z-index: 50; } .rsCloseVideoBtn .rsCloseVideoIcn { width: 30px; height: 30px; background: url('https://a4d00e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/plus.svg') no-repeat center; transform: rotate(45deg); background-size: 70%; cursor: pointer; } .back-results { display: inline-block; } .back-results a { display: block; width: 28px; height: 28px; background: url('https://54ae3e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-left.svg') no-repeat center center;} #annonce-top.sticky { position: fixed; z-index: 1; top: 50px; left: 0; right: 0; height: 50px; line-height: 50px; padding: 0 10px; background: #e6411b; color: #FFF; display: flex; align-items: center; } #annonce-top.sticky .entry-title { font-size: 14px; margin: 0; } #annonce-top.sticky .back-results a { background: url('https://9464fa.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-left-white.svg') no-repeat center center; } #annonce-top.sticky .social-share .pinterest { background: url('https://4648f4.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pinterest-blanc.svg') no-repeat center center; margin-bottom: -10px; } #annonce-top.sticky .social-share .share { background: url('https://1be39a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/share-blanc.svg') no-repeat center center; margin-bottom: -10px; } #annonce-top.sticky .annonce-title, #annonce-top.sticky .social-share { display: inline-block; margin: 0 0 0 10px } #annonce-top .entry-title { display: inline-block; margin-bottom: 30px; text-align: left; } #annonce-top .annonce-title, #annonce-top .social { display: inline; } #annonce-top .annonce-title { margin-right: 10px } #annonce-top .nego { display: none; align-items: center; } #infos-resume { font-weight: bold; margin-bottom: 30px; } .info-resume { margin-right: 5px; white-space: nowrap; } .info-resume.ea-tags { white-space: inherit; } .social-share { cursor: pointer; display: inline-block; } .social-share .share { display: inline-block; margin-right: 10px; width: 28px; height: 28px; background: url('https://75e0b6.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/share.svg') no-repeat center center; vertical-align: bottom } .social-share .networks { display: none; white-space: nowrap; line-height: 30px } .social-share .networks > * { display: inline-block; } .social-share .pinterest { width: 28px; height: 28px; background: url('https://b9a5f4.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pinterest.svg') no-repeat center center; vertical-align: bottom } .social-share .facebook { width: 20px; height: 28px; background: url('https://1cf558.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/facebook.svg') no-repeat center center; vertical-align: bottom } .social-share .linkedin { width: 28px; height: 28px; background: url('https://036c67.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/linkedin.svg') no-repeat center center; vertical-align: bottom } .social-share .byemail { width: 30px; height: 28px; background: url('https://30e48a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/email2.svg') no-repeat center center; vertical-align: bottom } .nego { text-align: center; margin-bottom: 30px} .nego .agence, .nego .nom { font-weight: 600; } .photo-nego img { width: 100px; } #annonce-top .photo-nego img { width: 60px; } .click-tel, .email { padding-bottom: 5px; margin-bottom: 5px; text-decoration: underline } #infos-cles { text-align: center; display: grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); width: 100%; } .info-cle { text-align: center; vertical-align: top; margin-top: 30px } .info-cle .info-value { font-weight: 600 } #annonce-content { margin-bottom: 40px; } #annonce-content .reference.right { text-align: right; } #annonce-content #infos-plus { margin-top: 40px } #annonce-content .info-title { padding: 20px 20px; width: calc(100% + 40px); margin-left: -20px; border-top: 1px solid #e8eced; font-weight: 600; background: url('https://a4d00e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/plus.svg') no-repeat; background-position: center right 20px; cursor: pointer; } #image-focus { display: none; } #annonce-content > .right { padding-top: 80px; } #annonce-content .info-title.minus { background: url('https://6dcc63.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/minus.svg') no-repeat; background-position: center right 20px; cursor: pointer;} #annonce-content .info-content { display: none; padding: 0 0 20px 0; } #annonce-content .info-content li { margin-bottom: 20px; } #annonce-content .nego { margin-top: 40px } #annonce-content .nego .nom, #annonce-content .nego .telephone, #annonce-content .nego .email { margin-bottom: 15px } #details-agence .agence-description p { display: none } #details-agence .agence-description p:first-child { display: block; font-size: inherit; line-height: inherit; } #annonce-content .titre-seo { margin-bottom: 20px; } #annonce-content .descriptif-seo { margin-top: 60px; } .fiche .create-alert { text-align: center; } @media screen and (min-width: 480px) { #annonce-content .nego { text-align: left; display: flex; } .photo-nego { float: left; } .nego .infos-nego { padding-left: 20px; } } @media screen and (min-width: 640px) { #infos-cles { grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); } } @media screen and (min-width: 768px) { #suggest-form { margin: 0 auto;} #suggest-form-container { padding: 80px 40px 40px 40px } #annonce-header { margin: 0 20px 0 8%; width: auto; padding: 20px 0; } .back-results { margin : 0; position: absolute; margin-left: -6%; margin-top: 10px } .social-share { text-align: left; } #annonce-top .nego { text-align: left; display: flex; } #annonce-top.sticky { height: 70px; top: 70px; padding: 0 20px; } #annonce-top.sticky .entry-title { font-size: 18px; } #annonce-top.sticky .annonce-title { margin: 0 0 0 20px } #annonce-top.sticky .back-results { position: static; margin: 0; } #annonce-top.sticky .nego { position: absolute; right: 20px; margin: 0; width: auto; min-width: unset; } #annonce-top.sticky .nego .nom { font-size: 14px; white-space: nowrap } #annonce-top.sticky .nego .agence { color: #002a3c } #annonce-top.sticky .nego .photo-nego { background: transparent; margin-top: 20px } #annonce-top.sticky .nego .photo-nego img { width: 45px } #annonce-content { margin-bottom: 80px; } #annonce-content > .left { padding: 60px 40px 0 0px } #annonce-content > .right { padding: 60px 0px 0 40px } #annonce-content .info-title, #annonce-content .info-title.minus { padding: 20px 20px 20px 0px; width: inherit; margin-left: 0px; background-position: center right; } #details-agence .agence-title { padding: 0 40px; } #image-focus { display: block; } #gallery { padding-bottom: 56%; margin-bottom: 0px;} #gallery .rsVisibleNearbyWrap { height: 100% !important; } #gallery .diaporama .rsSlideCount { top: calc(50% - 15px); left: calc(8% + 60px); } #gallery .diaporama .rsSlideCount .slideNb { color: #FFFFFF; } #gallery .diaporama .rsArrow { top: calc(50% - 15px); } #gallery .diaporama .rsArrow.rsArrowLeft { top: calc(50% - 15px); left: 2% } #gallery .diaporama .rsArrow.rsArrowRight { right: 2% ; } #annonce-content .map-bien { display: block; margin: 80px 0 0 0; height: 640px; z-index: 1; } .social-share .share, .social-share .networks > * { vertical-align: baseline } .fiche #annonce-header .create-alert { float: right; transform: translateY(-63px) } } @media screen and (min-width: 960px) { #annonce-top .entry-title { float: left; max-width: 500px; } #annonce-top .nego { float: right; max-width: 340px } #annonce-top.sticky .nego { max-width: unset } } @media screen and (min-width: 1024px) { #annonce-top .entry-title { max-width: 600px; } #infos-cles { grid-template-columns: repeat(6, 1fr); -ms-grid-columns: repeat(6, 1fr); margin-bottom: 40px; margin-top: 30px } #annonce-content > .left { padding: 60px 80px 0 60px } #annonce-content > .right { padding: 60px 60px 0 80px } } @media screen and (min-width: 1280px) { #details-agence .agence-title{ padding: 0px 80px } #annonce-top .entry-title { max-width: 720px; } #annonce-top.sticky .nego { max-width: unset } } /* Agence */ .agence-nom { display: block; } .agence-title { margin-bottom: 40px } .agence-adresse, .agence-horaires, .agence-telephone, .agence-email { margin-bottom: 15px; padding: 4px 40px; min-height: 30px; font-weight: 500; } .agence-adresse { background: url("https://ca4816.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pin.svg") top 5px left 4px no-repeat; } .agence-horaires { background: url("https://a4b370.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/clock.svg") 0px 3px no-repeat; } .agence-telephone { background: url("https://8b7cd0.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/phone.svg") 3px 2px no-repeat; } .agence-email { background: url("https://2dadab.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/email.svg") 0px 6px no-repeat; text-decoration: underline; } #agence-content { margin-top: 30px; } #vendre .separator, #agence-content .separator, #presse .separator, #recrutement .separator { background: #365763; margin: 50px auto; padding: 0; } #agence-content #form-map { display: none; } .agence-infos, .agence-description { margin-bottom: 50px } .preview-collaborateur .agence { font-weight: bold; margin-top: 20px } #agence-content .map-agence { display: none; height: 300px; z-index: 1 } .agence-legal { margin: 20px 0 40px 0 } .agence-legal .honoraires, .agence-legal .mentions { margin: 0 40px 0 0 } .content-honoraires, .content-mentions { margin-top: 40px; display: none; } @media screen and (min-width: 768px) { .agence-infos, .agence-description { margin-bottom: 0px; padding: 0px 40px 0 40px } #agence-content .separator, #presse .separator, #recrutement .separator { margin: 80px auto; } #agence-content .map-agence { display: block; margin: 0 40px 0 40px; height: 640px } #agence-content .form { padding: 0 40px 0 0 } .agence-legal { margin: 6px 0 0px 0 } } @media screen and (min-width: 1280px) { .agence-infos, .agence-description { padding: 0 80px } #agence-content .form { padding: 0 80px 0 80px } #agence-content .map-agence { margin: 0 80px 0 80px; } .agence-prestations { padding: 0 80px } .agence-legal { padding: 0 80px; text-align: right; } } /* Equipe */ .section#equipe { text-align: center; } .preview-collaborateur .photo-container { text-align } .preview-collaborateur .photo-container .photo { height: 0; padding-bottom: 66.66%; overflow: hidden } .preview-collaborateur .photo-container .nom { font-weight: 600; cursor: pointer; } .preview-collaborateur .photo-container .overprint { display: none; cursor: pointer; } .preview-collaborateur .photo-container .overprint .nom { position: static; padding: 30px 20px 5px 20px } .preview-collaborateur .photo-container .overprint .poste { position: static; } .preview-collaborateur .photo-container .overprint .biographie { padding: 20px } .preview-collaborateur .photo-container .photo img { width: 100% } #equipe .section-title { margin-bottom: 10px; } #equipe .section-description { margin-top: 0px; margin-bottom: 30px; } @media screen and (min-width: 480px) { .section#equipe { text-align: left; } .preview-collaborateur .overprint { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; } .preview-collaborateur .photo-container { position: relative; } .preview-collaborateur .photo-container .photo { padding-bottom: 133.33%; } .preview-collaborateur .photo-container .agence, .preview-collaborateur .photo-container .nom, .preview-collaborateur .photo-container .poste { position: absolute; bottom: 135px; padding: 0 20px; } .preview-collaborateur .photo-container .nom { bottom: 70px; color: #FFFFFF; } .preview-collaborateur .photo-container .poste { bottom: 45px; color: #FFFFFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100% } .preview-collaborateur .photo-container .nom span { display: block; } } @media screen and (min-width: 768px) { #agence-content { margin-top: 80px; margin-bottom: 80px; } #equipe .section-title { margin-bottom: 10px; } #equipe .section-description { margin-top: 0px; margin-bottom: 50px; } } /* Accueil */ #decouvrez .grid { grid-column-gap: 0px; } #decouvrez .grid img { object-fit: cover; width: 100%; height: 100% } #decouvrez .grid div:nth-child(3) { display: none; } #liste-evenements, #liste-lieux { padding: 40px 40px 30px 40px; display: flex; } #liste-evenements p, #liste-lieux p { margin-bottom: 10px } .visuel-decouvrez { height: 100%; } #home-services { margin-bottom: 40px } #home-services .item .read-more { cursor: unset; } #partenaires-clients .separator { background: #B3C1C2; } .section .partenaires, .section .temoignages { padding-bottom: 40px;} #slider-partenaires .slick-track { display: flex; } #slider-partenaires .slick-track .slick-slide { display: flex; height: auto; align-items: center; justify-content: center; padding-right: 80px; cursor: grab; } #slider-temoignages .slick-track .slick-slide { padding-right: 80px; cursor: grab; } #slider-partenaires .slick-track .slick-slide img { max-width: 180px; } @media screen and (min-width: 480px) { #decouvrez .grid { grid-template-columns: unset; -ms-grid-columns: unset; } } @media screen and (min-width: 640px) { #decouvrez .grid { grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); } } @media screen and (min-width: 768px) { #home-services { margin-bottom: } } @media screen and (min-width: 960px) { #decouvrez .grid div:nth-child(3) { display: unset; } #decouvrez .grid { grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); } } /* Carte */ #osm-biens { z-index: 0; margin: 20px 0; height: 0 !important; padding-bottom: calc(100vh - 230px); } .leaflet-container a.bleu { color: unset; } #osm-biens .infos { margin-top: 10px; font-weight: 500; } #osm-biens .icon-all { opacity: 0.6 !important; } #osm-biens .icon-all:hover { opacity: unset !important; } /* Leaflet */ .map-france .marker-cluster-small div, .map-france .marker-cluster-medium div, .map-france .marker-cluster-large div { background-color: #E6411B; font-family: mandrel-normal, sans-serif; font-weight: 500; color: #FFFFFF } .map-france .marker-cluster-small, .map-france .marker-cluster-medium, .map-france .marker-cluster-large { background-color: unset; } .map-france .marker-cluster-small.all div, .map-france .marker-cluster-medium.all div, .map-france .marker-cluster-large.all div { opacity: 0.6; /*background-color: #002a3c;*/ } .map-france .marker-cluster-small.all div:hover, .map-france .marker-cluster-medium.all div:hover, .map-france .marker-cluster-large.all div:hover { opacity: unset; } .leaflet-container .orange { color: #E6411B; -webkit-tap-highlight-color: unset; } .section.reseaux .list-reseaux { text-align: center; } .section.reseaux .list-reseaux a { display: inline-block; height: 30px; vertical-align: middle; margin: 0 10px } .section.reseaux .list-reseaux img { margin: 0; } .section#newsletter { margin: 40px auto; } .section#newsletter .photo-newsletter { display: none; } .section#newsletter .block-title { text-align: center; margin-bottom: 10px; font-weight: bold; } .section#newsletter .intro-newsletter { text-align: center; margin-bottom: 30px } .section#newsletter .left, .section#newsletter .footer-alert { border-top: 2px solid #E8ECEC; padding: 40px 0; position: relative; } .section#newsletter .gfield.email { margin: 20px 0 0 0; width: calc(100% - 80px); } .section#newsletter .gfield.email input { box-shadow: 0 1px 0 #b3c1c2; } .section#newsletter .gform_footer { display: inline; float: right; margin-top: -25px; width: 80px; text-align: right;} .section#newsletter .gform_button { color: #e6411b; background: none; text-transform: unset; padding: 0 0 5px 0; margin: 0; } .section#newsletter .create-alert .tag { margin: 0 } .section#newsletter .create-alert a { padding-left: 35px; background: url('https://bf20fc.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/alerte-email.svg') no-repeat center left 10px; } .ginput_recaptcha { margin-top: 40px; } @media screen and (max-width: 340px) { .ginput_recaptcha { margin-left: -20px; } } /* Qui sommes nous */ #qui-sommes-nous .left { padding: 110px 20px 50px 20px } #qui-sommes-nous .title { margin-bottom: 10px } #qui-sommes-nous .right {overflow: hidden; height: 0; padding-bottom: 100% } #qui-sommes-nous .right img { display: block; height: 100vw; width: 100vw; max-width: unset; object-fit: cover; } @media screen and (min-width: 480px) { #qui-sommes-nous .right { height: auto; padding-bottom: 0; } #qui-sommes-nous .right img { max-height: 320px } } @media screen and (min-width: 768px) { #qui-sommes-nous .left { padding: 120px 60px 60px 60px } #qui-sommes-nous .left, #qui-sommes-nous .right { float: none; width: auto; } #qui-sommes-nous .right img { max-height: 420px } } @media screen and (min-width: 1024px) { #qui-sommes-nous { position: relative; } #qui-sommes-nous .left { float: left; width: 50%; display: flex; align-items: center; position: absolute; top: 0; bottom: 0; padding: 0 80px 0 50px; } #qui-sommes-nous .right { float: right; width: 50% } #qui-sommes-nous .right img { max-height: 70vh; min-height: 600px; width: 50vw } } @media screen and (min-width: 1280px) { #qui-sommes-nous .right img { height: 50vw; width: 50vw; } } #reperage-header { position: relative; height: calc(100vh - 90px); } #reperage-header .section-title { position: absolute; margin: 0; width: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); padding: 0 40px; } #reperage-header .section-title .entry-title { margin-bottom: 30px; } #reperage-header img { display: block; object-fit: cover; width: 100%; height: 100%; } .reperage #savoir-faire { padding: 60px 40px; } .reperage #savoir-faire .right { margin-bottom: 60px } .reperage #savoir-faire .left { text-align: center; } .reperage #savoir-faire .block-title { margin-bottom: 30px; } @media screen and (min-width: 768px) { #reperage-header { height: auto; } #reperage-header .section-title { padding: 0; } .reperage #savoir-faire .clearfix { } .reperage #savoir-faire { padding: 100px 40px; } .reperage #savoir-faire .right { margin: 0; padding-left: 40px; } .reperage #savoir-faire .left { margin: 0; padding-right: 40px; } .reperage #savoir-faire .visuel-savoir-faire, .reperage #savoir-faire .texte-savoir-faire { align-items: center; } } .pagination { font-size: 14px; text-align: center; margin: 0 auto;} .pagination a { color: #002a3c; opacity: 0.5; font-weight: 600 } .pagination .page-numbers { display: inline-block; width: 30px; height: 30px; line-height: 30px } .pagination .dots { opacity: 0.5; } .pagination .next, .pagination .prev { display: inline-block; width: 30px; height: 30px; margin: 0 10px; opacity: 1; } .pagination .next { background: url('https://47be1a.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-right.svg') no-repeat; background-size: 70%; background-position: center center; } .pagination .prev { background: url('https://54ae3e.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-left.svg') no-repeat; background-size: 70%; background-position: center center; } /* Default */ #default { padding: 100px 20px 80px 20px; margin-bottom: 40px } @media screen and (min-width: 768px) { #default { padding-top: 140px; } #default-content { max-width: 720px; } } /* Vendre */ #vendre #infos-cles { text-align: center; display: grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); width: 100%; align-items: center; } #vendre .info-cle { padding: 20px; margin: 0; } .vendre #pourquoi { max-width: 760px; margin-top: 10px; margin-bottom: 20px } #vendre .section-title { margin-top: 0 } .block#communication .left { padding: 20px 0; } @media screen and (min-width: 768px) { #vendre { padding-top: 140px; } #vendre #infos-cles { grid-template-columns: repeat(4, 1fr); -ms-grid-columns: repeat(4, 1fr); } .vendre #pourquoi { margin-top: 50px; margin-bottom: 60px } .block#communication { display: flex; align-items: center; margin: 20px auto } .block#communication .left { padding: 20px 20px 20px 0; } .block#communication .right { padding: 20px 0 20px 20px; } } @media screen and (min-width: 1280px) { .block#communication .left { padding: 20px 40px 20px 0; } .block#communication .right { padding: 20px 0 20px 40px; } } /* Hashtags, landing pages */ .content-description .expand { display: none; } /* Contact */ #contact-header { margin-bottom: 40px } #page-contact .form-container { position: relative; } #page-contact #agences { margin: 60px 0 0 0 } .contact .agence-infos { display: none; margin-bottom: 60px; } .contact .why { display: none; } .contact .why#achat { display: block; } #page-contact label { color: #b3c1c2; } #page-contact input[type=text], #page-contact textarea { color: #FFF } #titre-contact { margin: 80px 0 20px 0; } #vous-souhaitez { margin-bottom: 40px; } .contact #select-form, .contact .form { margin-bottom: 50px } @media screen and (min-width: 768px) { #contact-header { margin-bottom: 60px } #page-contact #agences { margin: -100px 0 0 0 } .contact #select-form, .contact .form { padding: 0 40px 0 0 } } @media screen and (min-width: 1280px) { .contact #select-form, .contact .form { padding: 0 80px 0 80px } } /* Header / Menu */ .menu.mobile { position: absolute; top: 0; left: 100%; width: 100%; height: 100vh; transition: all 0.5s ease; } .menu.mobile #menu-menu-principal a { display: inline-block; margin: 12px 20px } .menu.mobile.active { left: 0%; } .menu.mobile .lang { padding: 20px 20px; margin: 20px 0; border-top: 1px solid #4D6976; border-bottom: 1px solid #4D6976; } .menu.desktop .links { margin: 0 0 10px 10px } .menu.desktop .lang, .menu.desktop .reperage { float: right; } .menu.desktop .lang { margin: 0px 5px 0px 15px; padding: 2px 0; } .lang span { padding: 2px } .lang span:first-child:after { content: " — "; padding-left: 2px; opacity: 0.7 } .lang span:not(.active) { opacity: 0.7 } .reperage a { background: #002a3c; display: inline-block; padding: 2px 5px; } .reperage a img { margin-bottom: -2px; margin-right: 5px; } .menu.mobile .reperage { text-align: center; } body { transition: all 0.5s ease } body.menu-active, body.search-active { margin-left: -10%; margin-right: 10% } .menu.desktop { display: none; float: right; margin: 20px 45px 10px 0px; font-weight: 600} .menu.desktop li { display: inline-block; padding: 4px } .menu.desktop li:last-child { padding-right: 8px } #page-header .menu .current-menu-item a { border-bottom: 2px solid } #page-header.sticky { height: 60px } #page-header.sticky .menu.desktop { margin: 10px 15px 0 15px } #page-header.sticky .menu.desktop .links { margin-bottom: 5px } #site-title { float: left; margin: 15px 10px 5px 10px; width: 200px } #page-header.sticky #site-title { margin: 0; } #logo-sticky { display: none; padding: 10px 10px 0 10px; box-sizing: content-box; } #burger { float: right; padding: 30px 30px 25px 30px; cursor: pointer; } #page-header.sticky #burger { padding: 20px 15px 0 15px; } .no-bg #burger svg rect { fill: #e6411b } #page-header.bleu-bg #burger svg rect { fill: #FFFFFF } #close-menu { text-align: right; padding: 20px; opacity: .4; } @media screen and (min-width: 768px) { #page-header.sticky { height: unset } #site-title { margin: 20px 0 15px 10px; } #logo { width: 100% } #logo-sticky { padding: 15px 10px 10px 10px; width: 160px } .menu.mobile, #burger { display: none; } .menu.desktop { display: block; } } @media screen and (min-width: 960px) { .menu.desktop li { padding: 4px 15px } } /* Search */ #search-bar { padding: 0 0; background: #002a3c url('https://6e2fe3.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/search.svg') no-repeat center right 20px; cursor: pointer; } #lieux-bar { background: url('https://ca4816.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pin.svg') no-repeat center left 10px; padding: 0 0 0 40px; width: calc(100% - 100px); height: 50px; line-height: 50px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #search-annonces .create-alert { float: right; background: #e6411b url('https://03c446.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/alerte-email-blanc.svg') no-repeat center center; border-left: 1px solid #b54b20; } #search-annonces .create-alert a { display: block; width: 50px; height: 50px; } #search-form { transition: left .5s ease; position: fixed; top: 0; left: 100%; width: 100%; height: 100vh; z-index: 20; } #search-form.active { left: 0; } #search-form-container { position: absolute; top: 0; left: 0; right: 0; height: 100%; overflow-y: scroll; } #search-form-container:after { content: " "; display: block; height: 50px; } #close-form { position: fixed; z-index: 30; top: 0; width: 100%; padding: 15px 20px; background: #002a3c url('https://9464fa.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/arrow-left-white.svg') no-repeat center left 20px; text-align: center; cursor: pointer; } legend { float: left; margin: 0 0 15px 0; } .label { line-height: 24px; height: 26px; } .search-block { position: relative; clear: both; } .reset-confirm { position: absolute; top: -38px; right: 0; } .reset, .confirm { display: inline-block; cursor: pointer; } .confirm { display: none; } input[type=checkbox], input[type=radio] { position: absolute; opacity: 0; } input[type=checkbox]:checked + .tag, input[type=radio]:checked + .tag { border-color: #e6411b; } #search-form input[type=text] { box-shadow: 0 1px 0 #dfe3e4; } #search-form #keyword { width: 100%; } .search-block .triangle { display: none; } .radio { display: inline-block; margin: 0 20px 0 0 } .radio label { display: inline-block; position: relative; padding: 2px 0 2px 36px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-weight: 600; height: 28px } .radio label input { position: absolute; opacity: 0; } .radio .checkmark { position: absolute; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #b3c1c2; border-radius: 50%; } .radio label .checkmark:after { top: 8px; left: 8px; width: 10px; height: 10px; border-radius: 50%; background: #e6411b; opacity: 0.3 } .radio:hover label input ~ .checkmark { background-color: ; } .radio label input:checked ~ .checkmark { background-color: #fff; } .radio .checkmark:after { content: ""; position: absolute; display: block; } .radio label input:checked ~ .checkmark:after { opacity: 1; } #search-annonces .scroll-container { max-height: 300px; overflow: auto; } #search-annonces { padding: 0; height: 60px; } #search-annonces fieldset { padding: 30px 20px; border-bottom: 2px solid #E8ECEC; } #search-annonces fieldset#lieux { margin-top: 50px; } #search-annonces fieldset#lieux .input-value { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block } #search-annonces fieldset:nth-last-child(1 of :not(#submit)) { margin-bottom: 50px; } #search-annonces legend { width: 100%; font-weight: 600; cursor: pointer; } #search-annonces legend.value { display: none } ::placeholder { color: #b3c1c2; opacity: 1; } :-ms-input-placeholder { color: #b3c1c2; } ::-ms-input-placeholder { color: #b3c1c2; } #search-annonces.sticky { height: 60px; } /* Sticky search mobile */ #search-annonces.sticky #search-bar { position: fixed; top: 60px; left: 0; right: 0; z-index: 2 } #localisation { background: url('https://95b973.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pin2.svg') no-repeat center left; padding: 2px 2px 2px 25px; margin-left: 2px } #prix input, #surface input { width: 80px; } #chambres .tag { width: 40px; text-align: center; } #search-annonces #submit { padding: 0; border: none; position: fixed; bottom: 0; width: 100%;} #submit .search { background: #002a3c url('https://6e2fe3.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/search.svg') no-repeat center right 20px; padding: 15px 40px; } #search-form.active #submit .search { position: ; } @media screen and (min-width: 768px) { #search-form-container:after { content: unset; display: unset; height: unset; } .max-width#search-annonces { padding: 0 40px; } #search-annonces.sticky{ position: fixed; top: 80px; left: 0; right: 0; z-index: 2; margin: 0; max-width: unset; height: 70px; background: #002a3c; } #search-bar { display: none; } #search-form { position: static; height: auto; } #search-form-container { position: static; overflow-y: unset; display: grid; grid-template-columns: auto 1fr 1fr 1fr 1fr 0.8fr 0.8fr 70px; align-items: center; top: 0; /* position: -webkit-sticky; position: sticky; */ } #close-form { display: none; } #search-annonces #submit { position: static; } #search-annonces fieldset { padding: 0; margin: 0 !important; border: none; position: relative; } #search-annonces legend { display: block; float: none; background: #002a3c; color: #FFFFFF; margin: 0; padding: 0 10px; height: 70px; line-height: 70px; text-align: center; border-right: 1px solid #000000; font-size: 11px; } #search-annonces fieldset#lieux legend { background: #002a3c url('https://ca4816.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/pin.svg') no-repeat center left 20px; padding-left: 45px; text-align: left; } #search-annonces legend.active ~ legend.label, #search-annonces legend.value { display: none } #search-annonces legend.active { display: block; } .search-block { display: none; padding: 20px; position: absolute; z-index: 1; left: 50%; right: 50%; transform: translate(-50%,-10px); -webkit-box-shadow: 0px 1px 6px 0px rgba(0,42,60,0.2); -moz-box-shadow: 0px 1px 6px 0px rgba(0,42,60,0.2); box-shadow: 0px 1px 6px 0px rgba(0,42,60,0.2); width: 360px } .search-block.active { display: block; } .search-block.active .triangle { display: block; background: #002a3c url('https://55ab25.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/triangle.svg') no-repeat center center; width: 12px; height: 8px; position: absolute; top: -8px; left: calc(50% - 6px) } #lieux .search-block.active .triangle { left: 33% } fieldset#projet .search-block { display: block; width: auto; top: unset; left: unset; right: unset; transform: unset; bottom: 0; -webkit-box-shadow: unset; -moz-box-shadow: unset; box-shadow: unset; background: #e6411b; z-index: 0; } fieldset#projet .search-block label {color: #FFFFFF } .radio .checkmark { top: 4px; height: 20px; width: 20px; } .radio label .checkmark:after { top: 5px; left: 5px; width: 8px; height: 8px; background: #002a3c; opacity: 0.3 } fieldset#lieux .search-block { left: -10px; transform: translate(0,-10px); } fieldset#chambres .search-block { width: 280px; } .reset-confirm { position: static; margin-top: 20px } .confirm { display: inline-block; float: right; } .bootstrap-tagsinput .tt-menu { width: 360px; } #submit .search { font-size: 0; height: 70px; padding: 0; background-position: center center } #search-loader { top: 20px; right: 20px; } } @media screen and (min-width: 960px) { /*.archive #search-form-container { grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 70px; } /* Recherche page Vente et Location */ #search-annonces legend { font-size: inherit } } /* Full screen slider */ .over-slider { position: absolute; z-index: 1; top: 80px; left: 20px; width: auto; } .over-slider .nav { display: none; } .over-slider .nav a { display: inline-block; float: left; clear: left; margin-bottom: 2px; padding: 10px 10px 10px 20px; font-weight: 600; background: url('https://fec98d.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/gt.png') no-repeat center left; } .full-screen .royalSlider { width: 100%; height: calc(100vh - 90px); } .full-screen .royalSlider img { width: 100vw; height: calc(100vh - 90px); object-fit: cover; opacity: 0.8; } .full-screen .royalSlider .slide { position: relative; background: #596194; } .full-screen .royalSlider .text-img { position: absolute; z-index: 1; bottom: 80px; text-align: center; padding: 0 10px; } full-screen .royalSlider .text-img .title-img { font-weight: 600; } .full-screen .royalSlider .rsArrow { bottom: 30px } .full-screen .royalSlider .rsSlideCount { bottom: 30px; height: 28px } .read-more { display: inline-block; margin-top: 10px; padding: 2px 0; font-weight: bold; background: url('https://9b513f.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore.svg') repeat-x; background-position: bottom left; cursor: pointer; } @media screen and (min-width: 375px) { .over-slider .nav { display: block; } } @media screen and (min-width: 640px) { .over-slider { top: 15vh; } .full-screen .royalSlider .text-img { bottom: 10vh; } } @media screen and (min-width: 768px) { .over-slider { padding-left: 40px; top: 20vh; } .full-screen .royalSlider .text-img { right: 60px; max-width: 640px ; text-align: right; bottom: 20vh; padding: 0; } .full-screen .royalSlider .rsArrow { bottom: calc(10vh + 30px); right: 60px; } .full-screen .royalSlider .rsArrowLeft { right: 220px; left: unset; } .full-screen .royalSlider .rsSlideCount { bottom: calc(10vh + 30px); right: 120px; left: unset; } .read-more { display: inline-block; margin-top: 10px; padding: 2px 0; font-weight: bold; background: url('https://9b513f.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/underscore.svg') no-repeat; background-position: bottom left; } } /* Avis clients */ #reviews { background: #e9eded; font-weight: 600; padding: 50px 20px; } #reviews > div { position: relative; } #reviews .rating { display: inline; padding: 2px 5px; margin: 0; cursor: unset; } #reviews .read-more { margin-left: 20px;} #reviews .os { padding: 5px 0 0px 30px; background: url('https://b49dcd.claudeassets.com/20260216024632im_/https://www.reperage-espaces-atypiques.com/wp-content/themes/reperage/images/opinion-system.png') no-repeat bottom left; display: inline-block; margin: 0 20px 0 0; margin-top: 10px } .star-ratings-css { unicode-bidi: bidi-override; color: #c5c5c5; font-size: 20px; height: 20px; width: 100px; margin: 0; position: relative; padding: 0; /*text-shadow: 0px 1px 0 #a2a2a2;*/ } .star-ratings-css-top { color: #e6411b; padding: 0; position: absolute; z-index: 1; display: block; top: 0; left: 0; overflow: hidden; } .star-ratings-css-bottom { padding: 0; display: block; z-index: 0; } @media screen and (min-width: 768px) { #reviews .read-more { position: absolute; bottom: 0; right: 0; margin: 0 } } @media screen and (min-width: 960px) { #reviews .block-title { display: inline-block; margin-right: 20px } #reviews .star-ratings-css { } #reviews .os { display: inline-block; margin-top: 0 } } /* Footer */ #footer { padding: 0; position: relative; } #footer .max-width { position: relative; } #footer .menu-menu-footer-container, #footer .menu-first-footer-menu-container { font-weight: 600; text-transform: uppercase; padding-top: 30px } #footer .menu { overflow: hidden } #footer .menu li { float: left; width: 50%; padding: 15px 20px 15px 0 } #footer-logo { display: none; } #footer-reseaux { padding: 40px 0 } #footer-bottom { font-weight: 600; text-align: center; } #footer-bottom .lang, #footer-bottom .menu, #footer-bottom #copyright { padding: 10px 0 5px 0 } #footer-bottom .menu li { display: inline-block; } #footer-bottom .menu li:first-child:after { content: " | "; opacity: 0.7; padding: 0 5px } #footer-bottom a { opacity: 0.7; color: #002a3c } #footer-photos .photo { display: none; } #footer #instagram { text-align: center; padding: 40px 20px 40px 20px } #footer-nav { padding: 40px 40px; border-top: 1px solid; border-bottom: 1px solid;} #footer-contact { text-align: center; } #footer-contact p { margin-bottom: 10px } @media screen and (min-width: 768px) { #footer .menu li { width: 33.33% } #footer-bottom .links { text-align: right; } #footer-bottom .menu li:after { content: " | "; opacity: 0.7; padding: 0 5px } #footer-bottom .lang { display: inline-block; float: right } #footer-bottom .menu-menu-pied-de-page-container { display: inline-block; text-align: right } #footer-bottom #copyright { text-align: left; font-size: 12px } #footer-photos { display: grid; display: -ms-grid; grid-template-columns: repeat(2, 1fr); -ms-grid-columns: repeat(2, 1fr); grid-column-gap: 20px; min-height: 0; min-width: 0; padding: 100px 40px } #footer-photos .photo { display: unset; position: relative; height: 0; padding-bottom: 100%; } #footer-photos .photo:nth-child(3), #footer-photos .photo:nth-child(4) { display: none; } #footer-photos .photo img { object-fit: cover; } #footer #instagram { padding: 20px; display: flex; align-items: center; justify-content: center; } #footer-nav { border: none; padding-top: 70px } #footer-logo { display: block; } #footer-contact { text-align: right; } } @media screen and (min-width: 960px) { #footer .menu-menu-footer-container, #footer .menu-first-footer-menu-container { width: 640px; margin: 0 0 0 auto } #footer-photos { grid-template-columns: repeat(3, 1fr); -ms-grid-columns: repeat(3, 1fr); } #footer-photos .photo:nth-child(3) { display: unset; } } @media screen and (min-width: 1280px) { #footer .menu-menu-footer-container, #footer .menu-first-footer-menu-container { margin: 0 auto; padding-top: 40px } #footer-reseaux { width: 640px; margin: 0 auto 10px auto; } #footer-photos { grid-template-columns: repeat(4, 1fr); -ms-grid-columns: repeat(4, 1fr); padding: 150px 20px } #footer-photos .photo:nth-child(4) { display: unset; } #footer-bg { position: absolute; top: 0; left: 0; bottom: 0; width: calc(50% - 255px); height: 100% } #footer-bg .bg-left { } } .hidden_label label { display: none; } .gfield { display: inline-block; margin: 0 0 40px 0; } .gfield_required { display: none; } .gfield a { text-decoration: underline; } .gfield.checkbox { margin-bottom: 20px; } .gfield_label { color: #b2c1c2; margin: 0 0 20px 0; display: inline-block } .gfield.w50 { width: 100%; } .gfield.w100 { width: 100% } .gfield input[type=text], .gfield input[type=email], .gfield textarea { width: 100%; color: #FFF } .blanc-bg .gfield input[type=text], .blanc-bg .gfield input[type=email], .blanc-bg .gfield input[type=number], .blanc-bg .gfield textarea { color: #002a3c; } .gfield_checkbox li { width: 50%; display: inline-block; margin: 0 0 20px 0; } .gfield_checkbox label { height: 24px; color: #e6411b; } .gfield_error input[type=text], .gfield_error input[type=email] { box-shadow: 0 1px 0 #e6411b; } .gfield_error label { box-shadow: 0 1px 0 #e6411b; } .validation_error { color: #e6411b; } .gfield .validation_message { display: none; } .gform_button_select_files, .gform_button { font-family: Mandrel-Normal, Sans Serif; font-size: 14px; text-transform: uppercase; } .gfield.rgpd { margin-bottom: 0; color: #b2c1c2 } .blanc-bg .gfield.rgpd { color: #002a3c; } .gfield.lien-rgpd { margin: 0 35px; display: block } .gform_button_select_files { margin: 0 0 0 0; text-transform: unset; background: transparent; color: #FFF; text-decoration: underline; } .gform_drop_instructions { color: #b2c1c2; } .gfield_visibility_hidden { display: none; } @media screen and (min-width: 480px) { .gfield.w50 { width: 50%; } .gfield.nom, .gfield.email, .gfield.ville, .gfield.select-ville { padding: 0 0 0 10px } .gfield.prenom, .gfield.telephone, .gfield.cp, .gfield.select-poste { padding: 0 10px 0 0 } } @media screen and (min-width: 960px) { .gfield_checkbox li { width: 25%; } } input[type=checkbox] + label { position: relative; overflow: hidden; padding-left: 35px; cursor: pointer; display: inline-block; } input[type=checkbox] + label:before, input[type=checkbox] + label:after{ content: ''; position: absolute; left: 0; z-index: 1; -webkit-transition: .1s; transition: .1s; } /* after */ input[type=checkbox] + label:after { width: 18px; height: 18px; border: 2px solid #365763; border-radius: 2px; top: 0px; } #search-annonces input[type=checkbox] + label:after { border-color: #b3c1c2;} /* before */ input[type=checkbox]:not(:checked) + label:before { width: 0; height: 0; border: 3px solid transparent; left: 6px; top: 10px; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } input[type=checkbox]:checked + label:before{ top: -1px; left: 1px; width: 6px; height: 11px; margin-top:3px; border-top: 2px solid transparent; border-left: 2px solid transparent; border-right: 2px solid #e6411b; border-bottom: 2px solid #e6411b; -webkit-transform: rotateZ(37deg); transform: rotateZ(37deg); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; } /* Cookies */ /* Ancienne alerte */ /*#cookie-law-info-bar { top: unset !important; left: unset !important; margin-top: unset !important; margin-left: unset !important; right: 15px; bottom: 15px; width: 285px !important; padding: 30px !important; }*/ #cookie-law-info-bar { text-align: left; } #cookie-law-info-bar .buttons { text-align: center; } #cookie-law-info-bar .wt-cli-element { font-weight: unset !important; margin: unset !important } #cookie-law-info-bar .cli_action_button, #cookie-law-info-bar .cli_settings_button { border: unset !important; font-size: 13px !important; text-align: left !important; width: auto !important; } #cookie-law-info-bar .cli-plugin-button { margin: 5px 3px !important; padding: 10px 5px !important; border-radius: unset; } .cli-tab-header { background: unset !important; border-bottom: 1px solid #e8eced; border-radius: unset !important; padding: 15px 0; } .cli-tab-section { padding-right: 5px } .cli-tab-section:first-child .cli-tab-header { border-top: 1px solid #e8eced } .wt-cli-privacy-accept-btn { background: #e6411b !important; border-radius: unset !important; text-transform: uppercase; padding: 15px 30px !important } .cli-switch { width: 50px; padding: unset } .cli-switch .cli-slider { background: #b3c1c2; height: 27px; width: 100%; border: 2px solid #b3c1c2 !important } .cli-switch .cli-slider:after { border: unset; } .cli-switch .cli-slider:before { width: 23px !important; height: 23px !important; transform: unset !important; -webkit-transform: unset !important; left: 0px !important; top: 0px !important; background: #002a3c; border: unset !important } .cli-switch input:checked + .cli-slider { background: #33AA33 } .cli-switch input:checked + .cli-slider:before { transform: translateX(23px) !important; background: #FFF; border: unset; margin: unset; } .cli-tab-container .cli-row { margin: 15px 0 } .wt-cli-iframe-placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; height: 180px; } @media screen and (min-width: 480px) { #cookie-law-info-bar { padding: 40px !important; } #cookie-law-info-bar .cli_settings_button { font-size: 14px !important; margin: 5px 15px !important; } #cookie-law-info-bar .cli-plugin-button { padding: 15px 15px !important; } } @media screen and (min-width: 960px) { #cookie-law-info-bar { width: 620px !important; margin-left: unset !important; transform: translateX(-50%); } #cookie-law-info-bar .cli-plugin-button { padding: 15px 25px !important; } } /* FILE ARCHIVED ON 21:02:50 Nov 25, 2025 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 10:50:20 Aug 15, 2026. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.542 exclusion.robots: 0.067 exclusion.robots.policy: 0.058 esindex: 0.006 cdx.remote: 16.02 LoadShardBlock: 135.176 (3) PetaboxLoader3.datanode: 90.187 (4) PetaboxLoader3.resolve: 94.838 (2) load_resource: 65.823 */