@font-face{font-family:"Quicksand Regular";src:url("../fonts/Quicksand-Regular.eot");src:url("../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"),url("../fonts/Quicksand-Regular.woff") format("woff"),url("../fonts/Quicksand-Regular.ttf") format("truetype"),url("../fonts/Quicksand-Regular.svg#3ba63f82a1b13c399d199d455e95ce26") format("svg");font-style:normal;font-weight:300}@font-face{font-family:"Quicksand Bold";src:url("../fonts/Quicksand-Bold.eot");src:url("../fonts/Quicksand-Bold.eot?#iefix") format("embedded-opentype"),url("../fonts/Quicksand-Bold.woff") format("woff"),url("../fonts/Quicksand-Bold.ttf") format("truetype"),url("../fonts/Quicksand-Bold.svg#3ba63f82a1b13c399d199d455e95ce26") format("svg");font-style:normal;font-weight:700}html,body,main,section,header,footer,article,aside,nav,menu,details,iframe,object,embed,img,map,area,audio,video,canvas,noscript,source,track,h1,h2,h3,h4,h5,h6,p,hr,div,span,bdi,bdo,pre,code,samp,a,button,em,i,small,sup,sub,u,s,var,abbr,dfn,kbd,address,ins,del,ul,ol,li,dl,dt,dd,table,thead,tbody,tfoot,tr,td,th,col,colgroup,form,fieldset,legend,label,input,select,textarea,datalist,keygen,progress,meter,caption,blockquote,q,cite,mark,figure,figcaption,summary,time,ruby,rp,rt{margin:0;padding:0;border:0;font:inherit;box-sizing:border-box}html{overflow-y:scroll}main{opacity:1;transition:opacity 1s ease;margin-left:auto;margin-right:auto;height:100vh;display:flex;flex-direction:column}body.pace-done main{opacity:1}html,body{font-size:16px;font-family:Quicksand Regular, Verdana, sans-serif;color:#000;-webkit-font-smoothing:antialiased;background-color:#fff}ul,ol{list-style-type:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}img{display:inline-block;vertical-align:middle}button{outline:none;cursor:pointer}a:link,a:visited,a:hover,a:active{color:#000;text-decoration:none}p{font-size:.9rem;line-height:1.5;letter-spacing:1px;color:#000}*:focus{outline:none}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px)}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{background:none;color:inherit;border:none;padding:0 !important;font:inherit}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .animated{animation-duration:1000ms;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height 500ms ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform 100ms ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3, 1.3);transform:scale(1.3, 1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.slider-nav{width:32px;height:48px;position:absolute;top:44%;z-index:10;opacity:.6;transition:all .8s ease}.slider-nav:hover{opacity:1}@media screen and (min-width: 0) and (max-width: 1023px){.slider-nav{width:24px;height:36px}}.left-slide{left:3px;background:url("../images/icons/chevron-left-light.svg") no-repeat center center}.right-slide{right:3px;background:url("../images/icons/chevron-right-light.svg") no-repeat center center}.menu-cta-button{font-family:Quicksand Bold, Verdana, sans-serif;color:#9d9d9d;text-align:center;text-transform:uppercase;display:inline-block;width:100%;margin:.5rem auto 0;padding:.25rem 3rem .25rem 1rem;background:#fff url("../images/icons/file-pdf-light.svg") no-repeat 94% center;background-size:auto 75%;border:1px solid #9d9d9d;transition:all .8s ease}.menu-cta-button:hover{color:#fff;background-color:#bfbfbf;border:1px solid #bfbfbf}.menu-cta-button span{text-transform:none;color:#727272;font-size:10px}.grey-button{font-size:.7rem;color:#fff !important;font-weight:bold;letter-spacing:1px;text-align:center;text-transform:uppercase;width:100%;ZZmax-width:80%;padding:.6em 0em;display:block;background-color:#9d9d9d;transition:all .8s ease}.grey-button:hover{background-color:#000}.center-item{margin-left:auto;margin-right:auto}@media screen and (min-width: 0) and (max-width: 420px){main{display:block !important}}@media screen and (min-height: 0) and (max-height: 420px) and (orientation: landscape){main{display:block !important}}.contents{width:100%;padding:0;min-height:300px;flex-grow:1;display:flex;align-items:center;border:0px dotted cyan}.central-contents{max-width:1440px;width:calc(100% - 5rem);margin:0 auto}@media screen and (min-width: 0) and (max-width: 820px){.central-contents{width:100% !important}}.contents-grid{max-width:1024px;width:100%;margin:0 auto;padding:0;background-color:#fff;display:grid;grid-template-columns:repeat(3, 33.3%)}.contents-grid::after{content:'';display:block;clear:both}.contents-grid .grid-item{margin:0;width:100%}.contents-grid img{width:100%}.contents-grid .article-box{height:auto;overflow:hidden}.contents-grid .article-box article{padding:.2rem 1rem .2rem;height:auto}.contents-grid .article-box article h2{font-size:1.6rem;line-height:.9;font-weight:100;margin:.5em 0 .5em 0}.contents-grid .article-box article h2:after{content:"";width:4rem;height:.25em;margin:.25em 0 0;display:block;border-bottom:1px solid #000}.contents-grid .article-box article h2.service{margin:-5px 0 .5em 0}.contents-grid .article-box article p{font-size:.7rem;line-height:1.2;letter-spacing:0.5px}.contents-grid .article-box .textbox-left{padding-left:0 !important}@media screen and (min-width: 0) and (max-width: 1023px){.contents-grid{border:0px dashed magenta}.contents-grid .grid-item{margin:0;flex:0 0 50%;display:none}}@media screen and (min-width: 0) and (max-width: 820px){.contents-grid .grid-item{margin-bottom:1px;flex:0 0 100%;display:none}.contents-grid .article-box{height:auto !important;padding:0 1rem 1rem !important;flex-grow:1;order:-1}.contents-grid .img-style{display:none}.contents-grid .carrousel__small-alt{display:flex !important}.contents-grid .menu-cta-button{width:300px}}@media screen and (min-width: 0) and (max-width: 420px){.contents-grid{border:0px solid lime}.contents-grid .carrousel__small-alt{height:auto !important}.contents-grid .slider-nav{height:30px !important}}.carrousel__small-alt{max-width:1024px;width:100%;margin:0 auto;padding:0;background-color:#fff;display:none}.carrousel__small-alt::after{content:'';display:block;clear:both}.carrousel__small-alt .carrousel__textbox{width:30%;padding:0 1rem 0 0}.carrousel__small-alt .carrousel__textbox h2{font-size:1.6rem;line-height:.9;font-weight:100;margin:.5em 0 .5em 0}.carrousel__small-alt .carrousel__textbox h2:after{content:"";width:4rem;height:.25em;margin:.25em 0 0;display:block;border-bottom:1px solid #000}.carrousel__small-alt .carrousel__textbox h2.service{margin:-5px 0 .5em 0}.carrousel__small-alt .carrousel__textbox p{font-size:.7rem;line-height:1.2;letter-spacing:0.5px}.carrousel__small-alt .carrousel__slidebox{font-size:.5rem;text-align:center;background-color:#fff;width:70%;height:auto;position:relative}@media screen and (min-width: 0) and (max-width: 1023px){.carrousel__small-alt{border:0px dotted magenta;display:flex !important}}@media screen and (min-width: 0) and (max-width: 820px){.carrousel__small-alt{border:0px dotted orange;width:90%;display:block !important}.carrousel__small-alt .carrousel__textbox{width:100% !important;padding:0;padding:0 0 2rem 0 !important}.carrousel__small-alt .carrousel__slidebox{width:100% !important}.carrousel__small-alt .menu-cta-button{width:260px}}.owl-item{width:100%;height:auto !important;max-height:360px}.owl-carousel{display:block !important}@media screen and (min-height: 0) and (max-height: 950px){.contents-grid{border:0px solid lime;max-width:920px}.footer .footer-logo-strip .logo-cell{width:70px !important;height:70px !important}.footer .footer-logo-strip .lozenge-cell{width:12px !important;height:12px !important}.article-box{max-height:300px !important}}@media screen and (min-height: 0) and (max-height: 860px){main{display:block !important}.contents-grid{max-width:920px}.article-box{max-height:300px !important}.menu{display:none !important}header .logo-strip #js-lang-sel{display:none !important}header .logo-strip #js-burger-button{display:block !important}}svg{fill:currentColor}header{width:calc(100% - 5rem);margin:0 auto}@media screen and (min-width: 0) and (max-width: 820px){header{width:calc(100% - 2rem) !important;margin:0rem auto}}header .logo-strip{margin:1rem 0 1rem;border-bottom:1px solid #727272;display:flex;position:relative}header .logo-strip .metropole_logo{text-indent:-999rem;display:block;width:115px;height:42px;margin:0 0 1rem;background:#fff url("../images/logos/logo-residence-metropole.png") no-repeat left center;background-size:contain}header .logo-strip .metropole_logo_link{display:block;position:relative;width:100%;height:100%}header .logo-strip .top-nav-cell-filler{flex-grow:1}header .logo-strip .top-nav-cell{align-self:center}header .logo-strip #js-burger-button{font-size:9px;color:#727272;display:inline-block;width:1.6rem;height:1.6rem;background:url("../images/icons/bars-solid.svg") no-repeat center center;cursor:pointer}@media screen and (min-width: 0) and (min-width: 820px){header .logo-strip #js-burger-button{display:none}}@media screen and (min-width: 0) and (max-width: 820px){header .logo-strip #js-burger-button{display:block}}header .logo-strip #js-lang-sel{cursor:pointer}@media screen and (min-width: 0) and (min-width: 820px){header .logo-strip #js-lang-sel{display:block}}@media screen and (min-width: 0) and (max-width: 820px){header .logo-strip #js-lang-sel{display:none}}header .logo-strip .language-label{font-size:.75em}header .logo-strip .language-label a{color:#000;border-bottom:1px solid transparent;padding-bottom:.1rem;transition:all .8s ease}header .logo-strip .language-label a:hover{color:#727272;border-bottom:1px solid #727272}header .logo-strip .language-label .currLang{color:#727272;border-bottom:1px solid #727272;padding-bottom:.2rem}.menu{width:100%;max-width:1200px;margin:0 auto 1rem;padding:0;display:block}.menu .header-nav{display:flex;flex-direction:rows;justify-content:space-between}.menu .header-nav .menu-item,.menu .header-nav .menu-item-active{font-family:Quicksand Bold, Verdana, sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#000;display:inline-block;padding:0.1rem 0;border-bottom:1px solid transparent;transition:all .8s ease}.menu .header-nav .menu-item-active{color:#727272;border-bottom:1px solid #727272}.menu .header-nav .menu-item:hover{color:#000;border-bottom:1px solid #727272}@media screen and (min-width: 0) and (max-width: 820px){.menu{display:none}}.mobile-menu-bck{position:fixed;width:100vw;height:100vh;top:0vw;left:0vw;right:0;bottom:0;background-color:rgba(230,230,230,0.9);z-index:20;cursor:not-allowed;display:none}@media screen and (min-width: 0) and (min-width: 820px){.mobile-menu-bck{display:none}}.mobile-menu-bck .close-menu{position:absolute;right:.5rem;font-size:9px;color:#727272;display:block;width:1.8rem;height:1.8rem;background:url("../images/icons/times-circle-light.svg") no-repeat center center;cursor:pointer}.mobile-menu{width:96vw;padding:1rem;position:fixed;top:1rem;left:2vw;right:2vw;Zbottom:2vh;background-color:#fff;border:1px solid #f2f2f2;border-radius:3px;Zbox-shadow:0 0 18px rgba(100,100,100,0.4);z-index:22}@media screen and (min-width: 0) and (max-width: 820px){.mobile-menu{overflow-y:scroll}}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape){.mobile-menu{height:340px}}.mobile-menu .header-nav{border:0px solid cyan;padding-top:2rem}.mobile-menu .header-nav .menu-item,.mobile-menu .header-nav .menu-item-active,.mobile-menu .header-nav .menu-item-currLang{font-family:Quicksand Bold, Verdana, sans-serif;text-transform:uppercase;letter-spacing:2px;display:block;margin:0 0 .85rem;padding:0.25rem 0}.mobile-menu .header-nav .menu-item a,.mobile-menu .header-nav .menu-item-active a,.mobile-menu .header-nav .menu-item-currLang a{border-bottom:1px solid transparent}.mobile-menu .header-nav .menu-item-active a{border-bottom:1px solid #000}.mobile-menu .header-nav .menu-item-currLang a{border-bottom:1px dotted #000}.footer{border:0px dotted cyan;width:calc(100% - 5rem);margin:1rem auto 0.5rem;padding-bottom:0rem}@media screen and (min-width: 0) and (max-width: 820px){.footer{width:calc(100% - 2rem) !important}}.footer .footer-logo-strip{display:flex;overflow:hidden;width:100%}.footer .footer-logo-strip .footer-cell{align-self:center}.footer .footer-logo-strip .filler-cell{border-top:1px solid #727272;flex-grow:1}.footer .footer-logo-strip .logo-cell{width:80px;height:80px}.footer .footer-logo-strip .logo-cell a{display:block;width:100%;height:100%}.footer .footer-logo-strip .logo-mall{background:#fff url("../images/logos/logo-shopping-center.png") no-repeat center center;background-size:contain}.footer .footer-logo-strip .logo-hotel{background:#fff url("../images/logos/logo-hotel-metropole.png") no-repeat center center;background-size:contain}.footer .footer-logo-strip .lozenge-cell{width:16px;height:16px;background:#fff url("../images/logos/lozenge.png") no-repeat center 0px;background-size:contain}.footer .footer-logo-strip .spacer-cell{width:18px}.footer .footer-logo-strip .spacer-cell-small{width:6px}@media screen and (min-width: 0) and (max-width: 820px){.footer .footer-logo-strip .logo-cell{width:70px;height:70px}.footer .footer-logo-strip .lozenge-cell{width:12px;height:12px}}.footer .footer-partenaire{font-size:10px;line-height:1.2;letter-spacing:1px;font-weight:normal !important;text-align:center}.footer .footer-copyright-strip{width:100%;margin:-1.15rem 0 0;padding:0;display:flex;flex-direction:row;align-items:center}.footer .footer-copyright-strip .footer-privacy{font-size:10px;letter-spacing:1px;font-weight:normal !important;text-align:left;white-space:nowrap;margin:0 auto;margin-top:-7px}.footer .footer-copyright-strip .footer-copyright *{font-size:10px !important;line-height:1.2;text-align:right;margin:0 auto}.footer .footer-copyright-strip .footer-copyright p{margin-top:6px}.footer .footer-copyright-strip .filler-cell{flex-grow:1}@media screen and (min-width: 0) and (max-width: 1023px){.footer .footer-copyright-strip{display:block;margin:.5rem auto}.footer .footer-copyright-strip .footer-privacy{width:100%;text-align:center;margin:0 auto 1rem}.footer .footer-copyright-strip .footer-copyright *{width:100%;text-align:center}}.footer .text-grey{color:#727272}#home{max-width:3000px;height:100vh;background:#f2f2f2 url("../images/photos/home/home-cover.jpg") no-repeat center center;background-size:cover;display:flex !important;align-items:center;justify-content:center}#home .home-main .home-logo{width:185px;height:75px;margin:0 auto 1.8rem;background:transparent url("../images/logos/logo-residence-metropole.png") no-repeat center center;background-size:contain}#home .home-main .home-language-sel{display:flex;justify-content:center}#home .home-main .sep-line{width:4rem;height:.35em;margin:0 auto 1.5rem;display:block;border-bottom:1px solid #000}#home .home-main p{font-size:0.9rem;letter-spacing:2px;line-height:1.4}#home .home-main span{color:#000;padding:0 1.0rem}#home .home-main a{font-size:0.8rem;line-height:3;font-weight:bold;text-transform:uppercase;letter-spacing:3px;padding:.35rem 0 .15rem 0;transition:all .8s ease;border-bottom:1px solid transparent}#home .home-main a:hover{color:#727272;border-bottom:1px solid #727272}@media screen and (min-width: 0) and (max-width: 820px){#home{background-position:75% center}#home .home-logo{width:50vw;margin:0 auto}}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape){#home .home-main{width:80%}}#contact{display:flex;flex-direction:column;height:100vh}#contact .central-contents{width:100%;flex-grow:1;display:flex;align-items:center}#contact .central-contents .contents-grid{width:calc(100% - 5rem);margin:0 auto}@media screen and (min-width: 0) and (max-width: 820px){#contact{display:block !important;height:auto}#contact .central-contents{flex-grow:0 !important}#contact .central-contents .contents-grid{width:calc(100% - 2rem) !important;margin:0 auto}}#contact .map-grid{min-height:520px;background:#fff url("../images/maps/residence-map.jpg") no-repeat right top;background-size:cover;position:relative}#contact .map-grid .empty-block{width:33%}#contact .map-grid .auto-width{width:100%;height:auto}#contact .map-grid .address-card{position:absolute;bottom:0;right:0;padding:1.6rem 2rem 0;width:38%;height:auto;background-color:#fff}#contact .map-grid .address-card h2{font-size:1.6rem;line-height:.9;font-weight:100;margin:.5em 0 .5em 0}#contact .map-grid .address-card h2:after{content:"";width:4rem;height:.25em;margin:.25em 0 0;display:block;border-bottom:1px solid #000}#contact .map-grid .address-card p{font-size:.7em;line-height:1.2;margin:0 0 .75rem;letter-spacing:0.5px}#contact .map-grid .address-card a:hover{border-bottom:1px solid #9d9d9d}@media screen and (min-width: 0) and (max-width: 1023px){#contact .map-grid .address-card{width:100%}}@media screen and (min-width: 0) and (max-width: 820px){#contact .map-grid .address-card{padding:1.6rem 0rem 0}}#cgpd{display:flex;flex-direction:column;height:100vh;height:auto !important}#cgpd .central-contents{width:100%;align-items:center;display:block !important}#cgpd .central-contents .contents-grid{display:block !important;width:calc(100% - 5rem);max-width:1200px;margin:0 auto}#cgpd .central-contents h1{font-size:1.6rem;line-height:.9;font-weight:100;margin:1em 0 .5em 0}#cgpd .central-contents h1:after{content:"";width:4rem;height:.25em;margin:.25em 0 0;display:block;border-bottom:1px solid #000}#cgpd .central-contents h2{font-size:.9em;font-weight:bold;margin:2em 0 .75em}#cgpd .central-contents p{font-size:.7em;line-height:1.6em;margin:0 0 .75rem;letter-spacing:0.5px;width:100%}@media screen and (min-width: 0) and (max-width: 820px){#cgpd{display:block !important;height:auto}#cgpd .central-contents{flex-grow:0 !important}#cgpd .contents-grid{width:calc(100% - 2rem) !important;margin:0 auto}}#gallery{display:flex;flex-direction:column;height:100vh}#gallery .central-contents{width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-grow:1}#gallery .central-contents .contents-grid{width:calc(100% - 5rem);margin:auto;display:block}#gallery .slides{width:100% !important;height:auto !important;overflow:hidden;position:relative;background-color:#eee}#gallery .slides .owl-item{width:100%;height:auto !important;max-height:65vh !important}@media screen and (min-width: 0) and (max-width: 820px){#gallery .contents-grid{width:calc(100% - 2rem) !important;margin:0 auto}}@media screen and (min-height: 0) and (max-height: 925px){#gallery .contents-grid{max-width:auto !important;height:auto !important}}@media screen and (min-height: 760px) and (max-height: 845px){#gallery .contents-grid{max-width:auto !important;height:auto !important}}@media screen and (min-height: 0) and (max-height: 760px){#gallery main{display:block !important}#gallery .contents-grid{max-width:auto !important;height:auto !important}}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: portrait){#gallery .contents-grid{height:auto !important}}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape){#gallery{height:auto}#gallery .contents-grid{display:block !important;height:auto !important;margin:0 auto !important}#gallery .slides .owl-item{height:auto !important;max-height:1000px !important}}#agence_plan{display:flex;flex-direction:column;height:100vh}#agence_plan .contents_2{width:calc(100% - 5rem);margin:0 auto;flex-grow:1;display:flex;align-items:center}#agence_plan .plan-contents{max-width:1024px;width:100%;margin:0 auto;padding:0;background-color:#fff;transition:all 0.8s ease;flex-grow:1}#agence_plan .plan-contents::after{content:'';display:block;clear:both}#agence_plan .sub-panel{visibility:hidden;height:0;opacity:0;background-position:left top;overflow:hidden}#agence_plan .active-panel{visibility:visible;opacity:1 !important;display:block;width:100%;height:auto !important;animation:shown-keyframes 1.15s linear 0s 1 normal forwards}@keyframes hidden-keyframes{0%{opacity:1}75%{opacity:.5}100%{visibility:hidden;opacity:0;height:0}}@keyframes shown-keyframes{0%{opacity:0;height:auto}50%{opacity:.5}100%{visibility:visible;opacity:1;height:auto}}#agence_plan .js-elevation-panel{background:#fff url("../images/photos/appartements/plans/facade-metropole.jpg") no-repeat left top;background-size:contain !important;width:100%;height:0;left:0;visibility:visible;opacity:0}#agence_plan .js-etage-menu{margin:0 0 2rem;padding:0 .5em;display:none}#agence_plan .js-etage-menu li{font-size:.8rem;line-height:2rem;letter-spacing:2px;text-transform:uppercase;text-align:right;border-bottom:1px dotted #f2f2f2}#agence_plan .js-floor-plan-panel{display:flex;flex-direction:row}#agence_plan .js-floor-plan-panel .nav-sub-panel{width:25%;display:flex;flex-direction:column;justify-content:flex-end;align-content:center}#agence_plan .js-floor-plan-panel .nav-sub-panel h2{font-size:1rem;font-weight:bold;text-align:center;letter-spacing:2px;text-transform:uppercase}#agence_plan .js-floor-plan-panel .nav-sub-panel img{width:35%;margin:1.5rem auto;display:block}#agence_plan .js-floor-plan-panel .plan-sub-panel{background:#fff url("../images/logos/logo-residence-metropole-grey.png") no-repeat center center;background-size:100% !important;position:relative;flex-grow:1;min-height:150px}#agence_plan .js-floor-plan-panel .svgHolder{width:0;height:0;position:relative;left:0}#agence_plan .js-floor-plan-panel .hover-info-box{text-align:center}#agence_plan .js-floor-plan-panel .hover-info-box h3{font-size:1rem;font-weight:bold;text-align:center;letter-spacing:2px;text-transform:uppercase}#agence_plan .js-floor-plan-panel .hover-info-box p{margin:1rem auto}#agence_plan .js-appartment-plan-panel{display:flex;align-items:flex-end}#agence_plan .js-appartment-plan-panel .info-col-1-panel{flex-grow:2;padding:0 1rem 0 0}#agence_plan .js-appartment-plan-panel .info-col-1-panel img{width:100%;margin:1.5rem auto 2.5rem;display:block}#agence_plan .js-appartment-plan-panel .info-col-2-panel{flex-grow:3;padding:0 .5rem}#agence_plan .js-appartment-plan-panel .info-col-2-panel img{width:30%;margin:1.5rem 0;display:block}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-title-box{text-align:center;display:inline-block}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-main-title{font-size:1.6rem;letter-spacing:4px;color:#BA0C02}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-num-rooms{font-size:1.4rem;letter-spacing:4px;text-transform:uppercase;margin:.6rem 0;padding:.6rem .75rem;border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-floor-num{font-family:Quicksand Bold, Verdana, sans-serif;font-size:.9rem;letter-spacing:2px;text-transform:uppercase}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-tabular-data{width:100%;margin:0 0 1rem}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-tabular-data td{font-size:.9rem;line-height:1.3;letter-spacing:2px;text-transform:uppercase;padding:.25rem 0;vertical-align:bottom}#agence_plan .js-appartment-plan-panel .info-col-2-panel .info-values{color:#BA0C02}#agence_plan .js-appartment-plan-panel .info-col-2-panel .pdf-link{font-size:.8rem;color:#000;display:inline-block;margin-top:10px;border-bottom:1px solid transparent;transition:all .8s ease}#agence_plan .js-appartment-plan-panel .info-col-2-panel .pdf-link:hover{color:#000;border-bottom:1px solid #000 !important}#agence_plan .js-appartment-plan-panel .info-col-2-panel .js-pdf-warning{font-size:1.2em;color:#BA0C02}#agence_plan .js-appartment-plan-panel .info-col-3-panel{min-width:50%;flex-grow:5}#agence_plan .js-appartment-plan-panel .info-col-3-panel img{margin:0 auto;display:block}#agence_plan .js-appartment-plan-panel .info-col-3-panel .js-appartement-plan{min-height:120px;background:transparent url("../images/icons/clock-light.svg") no-repeat center center}#agence_plan .modal-video{display:none;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:#ffffff}#agence_plan .modal-video video{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;height:90%;max-height:928px;max-width:1400px;width:90%}#agence_plan .modal-video .close-video{position:absolute;right:20px;top:20px;font-size:9px;color:#727272;display:block;width:1.8rem;height:1.8rem;background:url("../images/icons/times-circle-light.svg") no-repeat center center;cursor:pointer}@media screen and (min-width: 0) and (max-width: 1023px){#agence_plan .js-appartment-plan-panel .info-col-3-panel{width:100%;padding-bottom:3rem}#agence_plan .js-appartment-plan-panel .info-col-3-panel img{width:96%;margin:0 auto;display:block}}@media screen and (min-width: 0) and (max-width: 420px){#agence_plan .js-etage-menu{display:block}#agence_plan .contents_2{width:96%;margin:0 auto}#agence_plan .js-appartment-plan-panel{flex-direction:column !important}#agence_plan .js-appartment-plan-panel .info-col-1-panel{width:100%;padding-bottom:3rem;order:3}#agence_plan .js-appartment-plan-panel .info-col-1-panel img{width:60%}#agence_plan .js-appartment-plan-panel .info-col-2-panel{width:100%;padding-bottom:3rem}#agence_plan .js-appartment-plan-panel .info-col-2-panel img{width:20%}#agence_plan .js-appartment-plan-panel .info-col-3-panel{width:100%;padding-bottom:3rem}#agence_plan .js-appartment-plan-panel .info-col-3-panel img{width:96%;margin:0 auto;display:block}#agence_plan .js-appartment-plan-panel .grey-button{width:84%;margin:0 auto}}.contents-grid{position:relative}.contents-err-box{position:absolute;left:0;bottom:0;width:260px;margin:0;padding:0}.login-err{font-size:11px;color:#BA0C02;text-align:left;width:100%}@media screen and (min-width: 0) and (max-width: 1023px){.contents-err-box{display:none}}#js-debug-panel{font-family:monospace;font-size:10px;color:#888;text-align:center;padding:4px 8px;border:1px solid #e5e4c7;background-color:#ffffbb;position:fixed;top:4px;left:4px;display:none}body.modal-open{overflow:hidden}.overlay{display:none;position:fixed;width:100vw;height:100vh;top:0;left:0;right:0;bottom:0;background-color:rgba(230,230,230,0.9);z-index:20;cursor:not-allowed;overflow-y:scroll}.overlay .closebox{position:absolute;top:26px;right:24px;width:34px;height:34px;background:#fff url("../images/icons/times-circle-light.svg") no-repeat center center;cursor:pointer}@media screen and (min-width: 0) and (max-width: 300px){.overlay .closebox{top:12px;right:12px}}.overlay .info-window{padding:0;position:fixed;top:5vh;left:10vw;right:10vw;background-color:#fff;border:1px solid #f2f2f2;border-radius:4px;overflow:hidden;z-index:21;cursor:default}@media screen and (min-width: 300px) and (max-width: 1024px){.overlay .info-window{top:2vh;right:2vw;left:2vw}}.overlay .info-window h1{font-size:1.2rem;font-weight:700;font-style:italic;line-height:1.3;margin:1.5em 0 0;padding:0 1em 1.5em}.overlay .info-window .content-scrollable{overflow:auto;max-height:82vh}.overlay .info-window figure{width:100%;overflow:hidden}.overlay .info-window img{width:100%;display:inline-block;min-height:25vh;background:#505050 url("../images/icons/default-zoom.svg") no-repeat center center;border:0px solid violet}.id_form_holder{width:100%;margin:.4rem 0}.id_form_holder label{font-size:.8rem;font-weight:bold;text-transform:uppercase;display:inline-block;width:49%;margin:0 0 .2rem}.id_form_holder input{-webkit-appearance:none;border-radius:0}.id_form_holder input[type="text"],.id_form_holder input[type="password"]{font-size:.8rem;font-weight:normal;margin:.2rem 0;padding:2.5px;width:200px;max-width:90%;display:block;border:1px solid #989898;transition:all .8s ease}.id_form_holder input[type="text"]::placeholder,.id_form_holder input[type="password"]::placeholder{color:#333}.id_form_holder input[type="text"]:focus,.id_form_holder input[type="password"]:focus{border:1px solid #000;outline:none !important}.id_form_holder input[type="submit"]{font-size:.8rem;color:#fff;font-weight:bold;letter-spacing:2px;text-align:center;text-transform:uppercase;max-width:48%;padding:.3em 1.8em;background-color:#9d9d9d;transition:all .8s ease}.id_form_holder input[type="submit"]:hover{background-color:#000;cursor:pointer}#video{display:flex;flex-direction:column;height:100vh}#video .central-contents{margin:2rem auto;display:flex;align-items:center;justify-content:center;flex-grow:1}#video .central-contents .video-class{display:block}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: portrait){#video{display:flex !important}#video .video-class{width:95%;margin:0 auto}}@media screen and (min-width: 0) and (max-width: 820px) and (orientation: landscape){#video{width:calc(100% - 5rem)}}.dev-blocs{height:600px;padding:2rem;background-color:#e4e5e6}.size-meter{font-family:monospace;font-size:10px;color:#888;text-align:center;padding:4px 8px;border:1px solid #e5e4c7;background-color:#ffffdd;position:fixed;top:4px;left:12px}