@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}:root{font-family:Montserrat;line-height:1.5;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}#root{width:100%;display:grid;grid-template-rows:1fr auto;align-items:center;height:100vh;justify-items:center}.figma-banner{height:180px;background-color:beige;width:100%;display:flex;text-align:center;justify-content:center;align-items:center;padding:25px;box-sizing:border-box;flex-direction:column}.figma-banner div{width:100%;text-align:start}.figma-banner div a{color:#000}.figma-banner div a span{margin-right:5px;display:inline-block;animation:toAndFro 1s ease-in-out infinite alternate;will-change:transform}@keyframes toAndFro{0%{transform:translate(-5px)}to{transform:translate(5px)}}.main-container{min-width:330px;width:100%;display:flex;flex-direction:column;height:100%;padding:20px;gap:27px;box-sizing:border-box}header{height:46px;display:flex;justify-content:space-between}header .logo{width:145px;height:auto}header nav{display:flex;align-items:center;gap:26px}header nav a{color:#000;text-decoration:none;text-transform:uppercase;font-size:12px;font-weight:500}header nav a:hover{text-decoration:underline}header nav a.active{text-decoration:underline}main{display:flex;flex:1;flex-direction:column;align-items:center;gap:19px}main .title-not-found{font-size:96px;padding-top:113px;margin-block-start:0;margin-block-end:0;color:#ff6060}main .p-not-found{font-size:18px;text-align:center;font-weight:500;color:#ff6060}main a{color:#000;font-size:14px;font-weight:500;margin-bottom:50px}main .cards-container{display:grid;grid-template-columns:1fr;grid-auto-rows:255px;gap:22px;animation:opacity-animation 1.2s ease-in-out}.logement-container{gap:10px}.logement-container div{width:100%;max-width:1240px}.logement-container h1{font-size:18px;font-weight:500;color:#ff6060;margin:0}.logement-container p{font-size:14px;font-weight:500;margin:0 0 10px}.logement-container .title-and-infos-container{display:flex;flex-direction:column}.logement-container .title-and-infos-container .title-container{flex:2}.logement-container .title-and-infos-container .profile-rating-container{display:flex;flex:1;margin-top:20px;gap:10px}.logement-container .logement-collapses{display:flex;gap:20px;overflow:hidden;margin-top:5px;flex-direction:column}.about-container .about-collapse{width:100%;max-width:1023px;display:flex;flex-direction:column;gap:20px}footer{background-color:#000;width:100%;height:209px;display:flex;flex-direction:column;align-items:center;justify-content:center}footer .logo{width:122px;height:39px}footer p{color:#fff;margin-block-start:0;margin-block-end:0;font-size:12px;margin-top:15px}footer p span{display:block;text-align:center}@media (min-width: 990px){.main-container{max-width:1240px;width:100%;padding:45px;gap:50px}header{height:68px}header .logo{width:210px}header nav{gap:57px}header nav a{text-transform:none;font-size:24px}main{gap:38px}main .title-not-found{font-size:250px}main .p-not-found{font-size:36px}main a{font-size:18px}main .cards-container{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:340px;gap:40px;background-color:#f6f6f6;padding:40px;border-radius:25px}.logement-container{gap:15px}.logement-container h1{font-size:36px}.logement-container p{font-size:18px}.logement-container .title-and-infos-container{display:flex;flex-direction:row}.logement-container .title-and-infos-container .profile-rating-container{display:flex;flex-direction:column-reverse;justify-content:space-around;margin-top:0}.logement-container .logement-collapses{flex-direction:row;gap:50px;margin-top:15px}.about-container .about-collapse{gap:30px}footer{justify-content:end}footer .logo{margin-top:20px}footer p{font-size:24px;margin-top:40px;margin-bottom:20px}footer p span{display:inline}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.banner{height:111px;border-radius:10px;width:100%;box-shadow:0 4px 4px #00000040;position:relative}.banner img{height:111px;border-radius:10px;width:100%;-o-object-fit:cover;object-fit:cover}.banner div{height:111px;border-radius:10px;width:100%;background-color:#00000080;position:absolute;top:0;display:flex;justify-content:start;align-items:center;padding:20px;box-sizing:border-box}.banner div h1{color:#fff;text-align:left;margin-block-start:0;margin-block-end:0;font-size:24px;font-weight:700;line-height:1}.banner div h1 span{display:block;margin-left:-6px}@media (min-width: 990px){.banner,.banner img{height:223px;border-radius:25px}.banner div{height:223px;border-radius:25px;justify-content:center}.banner div h1{text-align:center;font-size:48px;font-weight:700;text-shadow:#000000 1px 1px,#000000 -1px 1px,#000000 -1px -1px,#000000 1px -1px}.banner div h1 span{display:inline}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.card{position:relative;height:255px}.card figure{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.card figure img{width:100%;height:255px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.card figure figcaption{position:absolute;bottom:0;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(180deg,#fff0,#0a0a0a00 42%,#04040452 99.99%,#000000bd);display:flex;align-items:flex-end;padding:10px 15px;width:100%;box-sizing:border-box;border-radius:10px}@media (min-width: 990px){.card{height:340px;max-width:340px}.card figure img{height:340px;border-radius:25px}.card figure figcaption{border-radius:25px;padding:15px}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.collapse-container{display:flex;flex-direction:column;overflow:hidden}.collapse-container .collapse-title{background-color:#ff6060;display:flex;justify-content:space-between;position:relative;z-index:1000;height:30px;border-radius:5px}.collapse-container .collapse-title h2{color:#fff;font-size:13px;font-weight:700;margin:0;line-height:2.2;padding-left:10px}.collapse-container .collapse-title .chevron-collapse{margin-right:10px;height:100%;width:16px;cursor:pointer;transition:transform .4s ease-in-out}.collapse-container .under-collapse{max-height:0;transform:translateY(-100%);box-sizing:border-box;overflow:hidden;background-color:#f6f6f673;padding:0 15px;position:relative;z-index:1;font-size:12px;font-weight:400;margin:0;transition:.4s ease-in-out}.collapse-container .under-collapse p,.collapse-container .under-collapse ul{font-size:12px;font-weight:400;margin:0}.collapse-container .under-collapse ul{list-style-type:none;padding:0}.collapse-container.open .collapse-title .chevron-collapse{transform:rotate(-180deg)}.collapse-container.open .under-collapse{max-height:400px;opacity:1;overflow:hidden;transform:translateY(0);padding:15px;margin-top:-3px}@media (min-width: 990px){.collapse-container.open .under-collapse{max-height:400px;opacity:1;overflow:hidden;transform:translateY(0);padding:25px 20px;margin-top:-3px}}.collapse-container.close .collapse-title .chevron-collapse{transform:rotate(0)}.collapse-container.close .under-collapse{opacity:0;overflow:hidden;padding:0 15px;margin-top:0}@media (min-width: 990px){.collapse-container.close .under-collapse{opacity:0;overflow:hidden;padding:0 20px;margin-top:0}}@media (min-width: 990px){.collapse-container .collapse-title{height:52px;border-radius:10px;transition:border-radius .4s ease-in-out}.collapse-container .collapse-title h2{font-size:18px;line-height:3}.collapse-container .collapse-title .chevron-collapse{margin-right:15px;width:24px}.collapse-container .under-collapse{padding:0 20px}.collapse-container .under-collapse p,.collapse-container .under-collapse ul{font-size:18px}.collapse-container.open .collapse-title,.about-collapse .collapse-container .collapse-title{border-radius:5px}.about-collapse .collapse-container.open .collapse-title,.about-collapse .collapse-container.close .collapse-title{animation:none}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.slide-container{width:100%;height:255px;max-width:335px;position:relative;border-radius:10px;overflow:hidden;animation:opacity-animation 1.2s ease-in-out}@keyframes opacity-animation{0%{opacity:0}to{opacity:1}}.slide-container .chevron{position:absolute;width:11px;height:19px;cursor:pointer}.slide-container .chevron.next{right:5px;top:120px}.slide-container .chevron.prev{left:5px;top:120px;transform:rotate(180deg)}.slide-container img{width:100%;height:255px;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;border-radius:10px}.slide-container span{display:none}.right-to-left{animation:slide-right-to-left .6s ease-in-out forwards}@keyframes slide-right-to-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.left-to-right{animation:slide-left-to-right .6s ease-in-out forwards}@keyframes slide-left-to-right{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width: 990px){.slide-container{height:415px;max-width:1240px;position:relative}.slide-container .chevron{width:46px;height:80px}.slide-container .chevron.next{right:25px;top:165px}.slide-container .chevron.prev{left:25px;top:165px;transform:rotate(180deg)}.slide-container img{height:415px}.slide-container span{display:block;position:absolute;bottom:0;z-index:2000;text-align:center;width:100%;color:#fff;font-size:18px;font-weight:500;margin-bottom:20px}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.logement-container .btn-tag{background-color:#ff6060;border:none;height:18px;font-size:10px;font-weight:700;color:#fff;font-family:Montserrat;margin-right:10px;border-radius:5px;box-sizing:content-box;min-width:84px}@media (min-width: 990px){.logement-container .btn-tag{height:25px;font-size:14px;border-radius:10px;min-width:115px;margin-top:15px}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.profile-container{display:flex;width:135px;align-items:center;justify-content:flex-end;height:33px;gap:10px}.profile-container img{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.profile-container .default-profile{width:32px;height:32px;background-color:#c4c4c4;border-radius:50%}.profile-container p{text-align:end;color:#ff6060;font-size:12px;margin:0}.profile-container p span{display:block}@media (min-width: 990px){.profile-container{height:64px}.profile-container img,.profile-container .default-profile{width:64px;height:64px}.profile-container p{font-size:18px;margin:10px 0 0}}@font-face{font-family:Montserrat;src:url(/font/Montserrat-VariableFont_wght.ttf) format("truetype")}.rating-stars-container img{margin-left:0;margin-right:5px;width:13px;height:100%}@media (min-width: 990px){.rating-stars-container{text-align:end;line-height:1;font-size:25px}.rating-stars-container img{margin-left:13px;width:24px;height:24px}}