@charset "UTF-8";body,h1,h2,h3,h4,h5,h6,p{padding:0;margin:0;overflow-x:hidden;font-family:Roboto,system-ui;font-weight:400;font-style:normal}.Header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5rem}.Header img{height:100px}@media (max-width: 768px){.Header img{height:60px}}@media (max-width: 480px){.Header{flex-wrap:nowrap;justify-content:space-between;padding:0 1rem}.Header img{height:50px}}.navHeader{display:flex;gap:80px;font-size:23px}@media (max-width: 768px){.navHeader{gap:50px;font-size:18px}}@media (max-width: 480px){.navHeader{gap:35px;font-size:16px}}.navHeader a{text-decoration:none;color:#000}.navHeader a.active{text-decoration:underline}.Footer{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:35px;gap:30px;font-size:20px}.Footer img{height:100px}@media (max-width: 768px){.Footer{font-size:16px;padding:20px}.Footer img{height:60px}}.header-image{width:100%;display:flex;justify-content:center;position:relative;text-align:center}.header-image img{-o-object-fit:cover;object-fit:cover;height:200px;max-height:500px;border-radius:25px;filter:brightness(.5);width:90%}.header-image p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;font-weight:700;color:#fff;text-shadow:1px 1px 0px black,-1px 1px 0px black,1px -1px 0px black,-1px -1px 0px black;width:63%}@media (max-width: 768px){.header-image img{border-radius:15px;height:150px}.header-image p{font-size:2rem;top:50%;text-shadow:none}}@media (max-width: 480px){.header-image p{font-size:1.5rem}.header-image img{border-radius:15px;height:125px}}.txt-img{position:absolute;top:35%;color:#fff;font-size:3rem;font-weight:700}.collapse-header{cursor:pointer;font-weight:700}.collapse-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapse-content.open{max-height:200px;transition:max-height .5s ease}.LogementsSection{width:100%}.LogementsSection .grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(410px,0fr));gap:55px;padding:50px;justify-content:center}@media (max-width: 480px){.LogementsSection .grid-container{display:flex;gap:25px;padding:20px;justify-content:center;flex-direction:column}}.LogementsSection .grid-item{background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;text-align:center;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;justify-content:flex-end;height:300px;position:relative;overflow:hidden}.LogementsSection .grid-item:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000001a}.LogementsSection .grid-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0003 20%,#00000080 80%);z-index:0}.LogementsSection .grid-item p{position:absolute;bottom:10px;left:10px;color:#fff;font-size:18px;margin:0;text-align:left;width:51%}@media (max-width: 480px){.LogementsSection .grid-item p{width:80%}}@media (max-width: 480px){.LogementsSection .grid-item{height:190px}}.appartement-details{margin-top:30px;text-align:left}.appartement-details h2{font-size:28px;color:#ff6b6b}.appartement-details p{font-size:18px;margin-bottom:10px}.appartement-details h3{margin-top:20px;font-size:22px;color:#ff6b6b}.appartement-details ul{list-style-type:disc;padding-left:20px}.appartement-details .pictures{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.appartement-details .pictures .appartement-picture{width:150px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:10px}.appartement-details{display:flex;justify-content:space-between;margin-inline:12rem;color:#ff6b6b;margin-block:35px}@media (max-width: 1064px){.appartement-details{margin-inline:7rem}}@media (max-width: 768px){.appartement-details{margin-inline:5rem;flex-direction:column}}@media (max-width: 425px){.appartement-details{margin-inline:1.5rem}}.appartement-details .appartement-details-left{display:flex;flex-direction:column;gap:15px}.appartement-details .appartement-details-left h2{font-size:35px;font-weight:300}@media (max-width: 480px){.appartement-details .appartement-details-left h2{font-size:22px}}.appartement-details .appartement-details-left .location{font-size:20px;color:#000;margin-bottom:25px}@media (max-width: 480px){.appartement-details .appartement-details-left .location{font-size:16px}}.appartement-details .appartement-details-right{display:flex;flex-direction:column;gap:25px}@media (max-width: 768px){.appartement-details .appartement-details-right{display:flex;flex-direction:row-reverse;flex-wrap:nowrap;justify-content:space-between;align-items:center}}.appartement-details .appartement-details-right .host{display:flex}.appartement-details .appartement-details-right .host p{font-size:larger;width:40%;padding-top:12px}@media (max-width: 480px){.appartement-details .appartement-details-right .host p{font-size:14px}}@media (max-width: 480px){.appartement-details .appartement-details-right .host{flex-direction:row}}.appartement-details .appartement-details-right img.host-picture{border-radius:65px;height:5rem}@media (max-width: 480px){.appartement-details .appartement-details-right img.host-picture{height:3rem}}.equipments-list{list-style-type:none}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{color:#fff;background-color:#ff6b6b;border-radius:5px;padding:5px 10px}@media (max-width: 480px){.tag{padding:2px 8px;font-size:14px}}.rating{display:flex;flex-wrap:nowrap}.star{font-size:22px;margin-inline:5px}@media (max-width: 480px){.star{font-size:14px}}.star.colored{color:#ff6b6b}.star.empty{color:#ccc}.dropdown-about{display:flex;flex-direction:column;gap:25px;margin-block:2%;margin-inline:15%}@media (max-width: 768px){.dropdown-about{margin-block:5%;margin-inline:1%}}.dropdown-apparts{display:flex;gap:10%;margin-inline:10%;margin-bottom:2rem}@media (max-width: 768px){.dropdown-apparts{display:flex;flex-direction:column;gap:20px;margin-bottom:2rem;margin-inline:2%}}.collapse-item{display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.collapse-item{display:flex;flex-direction:column;width:100%;align-items:center}}.collapse-item .collapse-header{background-color:#ff6060;color:#fff;padding:15px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:6px;height:15px}@media (max-width: 768px){.collapse-item .collapse-header{width:80%;height:6px}}@media (max-width: 480px){.collapse-item .collapse-header{height:2px}}.collapse-item .collapse-content{max-height:0;overflow:hidden;transition:max-height .4s ease-out,padding .4s ease-out;font-size:16px;line-height:1.4;padding:0 15px;visibility:hidden;opacity:0;transition:visibility 0s .4s,opacity .4s ease-out}.collapse-item .collapse-content.open{max-height:150px;padding:10px;visibility:visible;opacity:1;transition:max-height .4s ease-out,padding .4s ease-out,visibility 0s,opacity .4s ease-out;width:100%}@media (max-width: 768px){.collapse-item .collapse-content.open{width:84%}}.collapse-item .collapse-header:after{content:"⌵";font-size:24px;transition:transform .4s ease}.collapse-item .collapse-header.open:after{transform:rotate(180deg)}.error404{display:flex;flex-direction:column;align-items:center}.error404 img{margin:40px 0 50px}.error404 h3{font-size:5vh;font-weight:300;margin:40px 0 50px;color:#ff6b6b}.error404 p{margin-block:3.6rem;color:#000;font-size:20px;text-decoration:underline}.carousel{position:relative;width:80%;margin:0 auto;overflow:hidden}@media (max-width: 480px){.carousel{width:90%}}.carousel .carousel-wrapper{display:flex;justify-content:center;align-items:center;position:relative}.carousel .carousel-wrapper .carousel-image{width:100%;height:450px;-o-object-fit:cover;object-fit:cover;border-radius:10px}@media (max-width: 480px){.carousel .carousel-wrapper .carousel-image{height:260px}}.carousel .carousel-wrapper .carousel-navigation{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.carousel .carousel-wrapper .carousel-navigation .carousel-arrow{background:none;border:none;font-size:6rem;color:#fff;cursor:pointer;padding:10px;z-index:1;transition:color .2s}.carousel .carousel-wrapper .carousel-navigation .carousel-arrow:hover{color:#ff4b4b}@media (max-width: 480px){.carousel .carousel-wrapper .carousel-navigation .carousel-arrow{font-size:2rem}}.carousel .carousel-wrapper .carousel-navigation .left{margin-left:10px}.carousel .carousel-wrapper .carousel-navigation .right{margin-right:10px}.carousel .carousel-wrapper .carousel-counter{position:absolute;bottom:10px;color:#fff;padding:5px 10px;border-radius:5px;font-size:1.5rem}@media (max-width: 480px){.carousel .carousel-wrapper .carousel-counter{font-size:1.2rem}}