@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap);:where(html){line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}#root{width:100%}a,body,button{font-family:Montserrat,sans-serif;font-size:1.6rem}main{padding:2rem 1.5rem}@media screen and (min-width:375px){main{padding:3rem 2rem}}@media screen and (min-width:1080px){main{padding:0 10rem 5rem}}.home-container{align-items:center;flex-direction:column;height:auto}.banner-container,.home-container{display:flex;overflow:hidden;width:100%}.banner-container{background-image:url(/OCR2022_P10-appReactRouter/static/media/banner-img-sm.620231b46da2b47b2996.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2.5rem;height:11.1rem;justify-content:flex-start;margin:0 0 4.3rem;padding:1.6rem 3.1rem;position:relative}.banner-container:before{background-color:#0000001a;bottom:0;content:"";display:block;height:100%;left:0;position:absolute;right:0;top:0;width:100%}@media screen and (min-width:480px){.banner-container{padding:0 2rem}}@media screen and (min-width:768px){.banner-container{background-image:url(/OCR2022_P10-appReactRouter/static/media/banner-img-xl.50e3ae6d0e46e55d38f6.jpg);height:22.3rem;justify-content:center;padding:0}}.banner-text{color:#fff;font-size:2.4rem;max-width:20rem;position:absolute;top:50%;translate:0 -50%}@media screen and (min-width:480px){.banner-text{max-width:35rem}}@media screen and (min-width:768px){.banner-text{font-size:3.8rem;max-width:none}}.card-item{border-radius:1rem;height:25.5rem;max-width:33.5rem;overflow:hidden;position:relative;width:100%}@media screen and (min-width:480px){.card-item{height:34rem}}.card-text-container{align-items:flex-end;background:#000;background:linear-gradient(0deg,#000000a6 20%,#0000);bottom:0;display:flex;height:80%;padding:1.5rem;position:absolute;width:100%}.card-text{color:#fff;font-size:1.8rem;font-weight:500;line-height:2.5rem}.card-image{height:100%;object-fit:cover;width:100%}@keyframes skeletonAnimation{0%{opacity:0;transform:scaleX(0)}10%{opacity:.7}90%{opacity:0}to{opacity:0;transform:scaleX(1)}}.skeleton-card-item{background-color:#d2d2d2;border-radius:1rem;display:flex;height:25.5rem;max-width:33.5rem;overflow:hidden;padding:1.5rem;position:relative;width:100%}.skeleton-card-item:after{animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:skeletonAnimation;animation-timing-function:ease-out;background:#bababa;bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;transform-origin:left;width:100%}@media screen and (min-width:480px){.skeleton-card-item{height:34rem}}.skeleton-card-text-container{align-self:flex-end;background-color:#0000;bottom:0;height:5rem;position:relative;width:40rem}.skeleton-card-text-container:after{animation-delay:.1s;animation-duration:1s;animation-fill-mode:both;animation-iteration-count:infinite;animation-name:skeletonAnimation;animation-timing-function:ease-in;background:#737272;bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;transform-origin:left;width:100%;z-index:100}.container{margin:0 auto;width:100%}.cards-container{grid-column-gap:6rem;grid-row-gap:5rem;background-color:#fff;column-gap:6rem;display:grid;grid-template-columns:1fr;justify-items:center;list-style:none;overflow:hidden;padding:auto;row-gap:5rem;width:100%}@media screen and (min-width:768px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1080px){.cards-container{background-color:#f3f3f3;border-radius:2.5rem;padding:5.6rem 6.5%}}@media screen and (min-width:1440px){.cards-container{grid-template-columns:repeat(3,1fr)}}.logements-container{display:flex;flex-direction:column;justify-content:center}.logements-container .dropdowns-container{display:flex;flex-direction:column;gap:1rem;padding:0}@media screen and (min-width:1080px){.logements-container .dropdowns-container{flex-direction:row}}.logements-container .tag-container{display:flex;gap:1rem;margin:1.5rem 0}@media screen and (min-width:1080px){.logements-container .tag-container{gap:2rem}}.logements-container .title{color:#ff6060;font-size:3.6rem;font-weight:500;line-height:3.6rem;margin-bottom:1rem;text-align:left}.logements-container .log-infos-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}@media screen and (min-width:768px){.logements-container .log-infos-container{flex-wrap:nowrap}}.logements-container .rating-infos-container{display:flex;justify-content:space-between;width:100%}@media screen and (min-width:768px){.logements-container .rating-infos-container>:first-child{order:2}.logements-container .rating-infos-container{flex-direction:column;gap:2rem;width:-webkit-max-content;width:max-content}}.logements-container .location{color:#ff6060;font-size:1.8rem;font-weight:400;text-align:left}@keyframes loadingAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-container{align-content:center;display:flex;justify-content:center;min-height:50vh;width:100%}.loader-container>.loader{animation-duration:1s;animation-iteration-count:infinite;animation-name:loadingAnimation;height:10rem;width:10rem}.slider-container{border-radius:1rem;height:25.5rem;margin-bottom:4rem;margin-top:2rem;overflow:hidden;position:relative}@media screen and (min-width:1080px){.slider-container{height:41.5rem}}.slider-container .arrow{height:4rem}.slider-container .arrow-left{transform:rotate(-90deg)}.slider-container .arrow-right{transform:rotate(90deg)}.slider-container .arrow-container{align-items:center;bottom:0;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;margin:auto;position:absolute;top:0;transition:all .25s cubic-bezier(.19,1,.22,1);width:15%;z-index:2}.slider-container .arrow-container.left{background-image:linear-gradient(270deg,#0000,#0006)}.slider-container .arrow-container.left:hover{background-image:linear-gradient(270deg,#0000,#0009)}.slider-container .arrow-container.rigth{background-image:linear-gradient(90deg,#0000,#0006)}.slider-container .arrow-container.rigth:hover{background-image:linear-gradient(90deg,#0000,#0009)}.slider-container .arrow-container.hide{display:none}@media screen and (min-width:480px){.slider-container .arrow-container{color:hsla(0,0%,100%,.431);width:12%}}@media screen and (min-width:1080px){.slider-container .arrow-container{color:hsla(0,0%,100%,.431);width:8%}}.slider-container .slider-wrapper{display:flex;height:100%;transition:transform .6s ease-in-out}.slider-container .slider-wrapper .img-container{display:block;height:100%;position:relative;width:100%}.slider-container .slider-wrapper .img{height:100%;object-fit:cover;width:100%}.slider-container .slider-text{bottom:0;color:#fff;font-weight:500;left:42.5vw;margin-bottom:2rem;position:absolute;z-index:500}.slider-container .slider-text.hide{display:none}.tag-item{align-content:center;background-color:#ff6060;border-radius:1rem;color:#fff;display:flex;font-size:1rem;font-weight:500;height:1.8rem;justify-content:center;line-height:1.2rem;line-height:1.8rem;padding:0;text-align:center;width:11.5rem}@media screen and (min-width:768px){.tag-item{font-size:1.4rem;height:2.5rem;line-height:2.5rem;padding:0 2rem}}@keyframes rotateAnimation{0%{transform:rotate(0deg)}60%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes rotateAnimationReverse{0%{transform:rotate(180deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes openAnimation{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.dropdown-container{min-height:5rem;width:100%}.dropdown-button{align-items:center;background-color:#ff6060;border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1.8rem!important;justify-content:space-between;min-height:2rem;padding:0 2rem;width:100%}.dropdown-button>.open{animation-duration:.3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rotateAnimation;animation-timing-function:ease-in-out}.dropdown-button>.closed{animation-duration:.3s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:rotateAnimationReverse;animation-timing-function:ease-in-out}.dropdown-button .arrow{height:3.8rem;padding:.5rem;width:3.8rem}.dropdown-button .dropdown-button-text{font-size:1.8rem;font-weight:500;line-height:2.56rem}@media screen and (min-width:1080px){.dropdown-button .dropdown-button-text{font-size:2.4rem!important;line-height:3.42rem}}.dropdown-ul{animation-duration:.2s;animation-fill-mode:forwards;animation-iteration-count:1;animation-name:openAnimation;animation-timing-function:ease-in-out;background-color:#f3f3f3;border-radius:0 0 .5rem .5rem;display:flex;flex-direction:column;list-style:none;padding:2rem;transform-origin:top;width:100%}.dropdown-item{align-items:center;border:none;color:#ff6060;display:flex;font-size:1.2rem;justify-content:flex-start;line-height:1.71rem;min-height:2rem;padding:0;position:relative;width:100%}@media screen and (min-width:1080px){.dropdown-item{font-size:1.8rem;line-height:2.56rem}}.dropdown-item:first-child:before{background-color:#f3f3f3;content:"";height:10px;left:0;position:absolute;right:0;top:-10px;width:100%;z-index:-1}.rating-container{align-items:center;display:flex;width:-webkit-max-content;width:max-content}.rating-container .star{height:1.8rem;padding:0;width:1.8rem}.rating-container .star:not(:last-child){margin-right:.4rem}@media screen and (min-width:480px){.rating-container .star{height:3.6rem;margin-right:0;padding:.5rem;width:3.6rem}}.avatar-container{align-items:center;display:flex}.avatar-name{color:#ff6060;font-size:1.2rem;line-height:1.7rem;max-width:6.3rem}@media screen and (min-width:480px){.avatar-name{font-size:1.8rem;line-height:2.5rem;max-width:9.3rem}}.avatar-pic{border-radius:50%;color:#ff6060;height:3.2rem;width:3.2rem}@media screen and (min-width:480px){.avatar-pic{height:6.4rem;width:6.4rem}}.about-container{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:4rem 5rem}.about-container .image-header-container{background-image:url(/OCR2022_P10-appReactRouter/static/media/about-header-img-sm.0050fe35d3a4e8592e7e.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:1rem;display:block;height:11.1rem;width:100%}@media screen and (min-width:768px){.about-container .image-header-container{background-image:url(/OCR2022_P10-appReactRouter/static/media/about-header-img-xl.f11157a0e94676a34b8e.jpg);border-radius:2.5rem;height:22.3rem;width:100%}}.about-container .dropdown-button{background-color:#ff6060}.about-container .dropdown-button,.about-container .dropdown-item{border:0;display:flex;height:100%;width:100%}.error-page{align-items:center;display:flex;flex-direction:column;gap:5rem;padding:5rem 5.7rem;text-align:center}@media screen and (min-width:768px){.error-page{padding:13rem 5.7rem}}.error-page .title{color:#ff6060;font-size:9.3rem;font-weight:700;line-height:9.3rem}@media screen and (min-width:768px){.error-page .title{font-size:28.8rem;line-height:28.8rem}}.error-page .styled-link,.error-page .text{color:#ff6060!important}.error-page .text{font-size:2.4rem}.logo-container>svg{fill:#ff6060;height:4.68rem;width:14.5rem}@media screen and (min-width:480px){.logo-container>svg{height:6.8rem;width:21.03rem}}.menu-container{align-content:center;display:flex;gap:.7rem;justify-content:space-between;list-style:none}@media screen and (min-width:375px){.menu-container{gap:1.5rem}}@media screen and (min-width:480px){.menu-container{gap:2.5rem}}@media screen and (min-width:768px){.menu-container{gap:3.7rem}}@media screen and (min-width:1080px){.menu-container{gap:5rem}}.menu-container .menu-link{color:#ff6060;font-size:1.2rem;font-weight:500;line-height:1.7rem;text-decoration:none;text-transform:uppercase}.menu-container .menu-link:hover{text-decoration:underline}@media screen and (min-width:480px){.menu-container .menu-link{font-size:2.4rem;line-height:3.42rem;text-transform:capitalize}}.header-container{align-items:center;background:#fff;display:flex;height:9.38rem;justify-content:space-between;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}@media screen and (min-width:768px){.header-container{height:16.3rem}}.footer-container{align-items:center;background:#000;display:flex;flex-direction:column;height:20.9rem;justify-content:center;margin-top:auto;padding:2rem 4rem}.footer-container .footer-logo svg{fill:#fff;height:3.94rem;width:12.2rem}@media screen and (min-width:480px){.footer-container .footer-logo svg{height:3.94rem;width:12.2rem}}.text{color:#fff;font-size:1.2rem;font-weight:500;line-height:1.71rem;margin-top:1rem;max-width:10rem;text-align:center}@media screen and (min-width:768px){.text{line-height:3.42rem;margin-top:3rem;max-width:none}}
/*# sourceMappingURL=main.3bc409b6.css.map*/