@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";html,body{margin:0;padding:0;font-family:Montserrat,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;padding-bottom:220px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px}.header-logo-img{width:140px;height:auto}.header-nav{display:flex}.header-nav-ul{display:flex;list-style:none;padding:0}.header-nav-li{margin-left:20px}.header-nav-link{text-decoration:none;color:#000;font-size:14px}.header-nav-link:hover{text-decoration:underline}@media screen and (min-width: 768px){.header-logo-img{width:210px}.header-nav-link{font-size:18px}}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;background-color:#000;position:fixed;bottom:0;height:200px}.footer-text{color:#fff;margin-top:30px}@media screen and (min-width: 768px){br{display:none}.footer-text{margin-top:60px}}.banner{padding:20px;position:relative;margin-bottom:60px}.banner-img{width:100%;height:110px;object-fit:cover;object-position:center;border-radius:20px;filter:brightness(.5)}.banner-text{margin-top:-85px;margin-left:10px;position:relative;z-index:9;color:#fff;font-size:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);white-space:pre-line}@media screen and (min-width: 768px){.banner{text-align:center;margin-bottom:60px}.banner-img{height:140px}.banner-text{margin-top:-90px;font-size:28px;white-space:normal}}.cards{display:flex;flex-wrap:wrap;padding:0 20px}.card{position:relative;text-decoration:none;margin-bottom:20px}.card-img{width:100%;display:block;border-radius:20px;height:100%}.card-title{position:absolute;bottom:10px;left:10px;color:#fff;background-color:#00000080;padding:5px;border-radius:3px;font-size:16px}@media screen and (min-width: 768px){.cards{display:flex;justify-content:space-between;background-color:#f5f5f5;margin:20px;padding:20px;border-radius:20px}.card{width:30%;height:auto}.card-title{font-size:12px}}@media screen and (min-width: 1024px){.card-title{font-size:16px}}@media screen and (min-width: 1440px){.card-title{font-size:20px}}.not-found{display:flex;flex-direction:column;justify-content:center;align-items:center}.not-found-title{font-size:5rem;font-weight:700;margin-bottom:1rem;color:#ff6060;margin-top:40px}.not-found-text{font-size:1.5rem;font-weight:500;margin-bottom:1rem;color:#ff6060;margin-top:40px;text-align:center}.not-found-link{color:#000;margin-top:50px}@media screen and (min-width: 768px){.not-found-title{font-size:9rem}.not-found-text{font-size:3rem;margin-top:100px}.not-found-link{font-size:1.5rem;margin-top:150px}}.collapse-item-about{display:flex;flex-direction:column;align-items:center;margin-left:20px;margin-right:20px;margin-top:20px}.collapse-item-about:nth-child(4){margin-bottom:200px}.collapse-item-logement{display:flex;flex-direction:column;align-items:center;margin-left:20px;margin-right:20px;margin-top:30px}.collapse-title-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;background-color:#ff6060;border-radius:5px}.collapse-title{font-size:1rem;font-weight:700;color:#fff;margin-left:10px}.fa-chevron-down,.fa-chevron-up{font-size:1.5rem;color:#fff;margin-right:10px}.collapse-container-content{width:100%;overflow:hidden;max-height:0;background-color:#f6f6f6;border-radius:0 0 5px 5px;transition:max-height .3s ease,opacity .3s ease;opacity:0}.collapse-container-content.open{opacity:1;max-height:1000px;height:auto}.collapse-container-content.closed{opacity:0;max-height:0}.collapse-content{line-height:1.4;margin:0}@media screen and (min-width: 768px){.collapse-container{margin-left:110px;margin-right:110px;display:flex;flex-direction:row}.collapse-container-logement{display:flex;flex-direction:row;justify-content:space-between;margin:20px;align-items:flex-start;margin:20px 40px 0 0 40px}.collapse-item-logement{width:45%;margin:0}}.slide{display:flex;justify-content:center;align-items:center;margin:20px}.slide-image{width:95vw;height:255px;object-fit:cover;object-position:center;border-radius:20px}.arrows{cursor:pointer;font-size:30px;color:#fff;z-index:10}.left-arrow{position:absolute;left:40px}.right-arrow{position:absolute;right:40px}@media screen and (min-width: 768px){.slide-image{height:300px}.arrows{font-size:80px}.left-arrow{left:80px}.right-arrow{right:80px}}.logement-title{font-size:18px;font-weight:700;margin-bottom:.5em;margin-left:10px;color:#ff6060}.logement-location{font-size:14px;margin-left:10px}ul{list-style-type:none;padding:0;margin:0}li{margin-left:10px}@media screen and (min-width: 768px){.logement-title{font-size:2em;margin-left:40px}.logement-location{font-size:1.5em;margin-left:40px}.logement-tags{margin-left:30px}}.tags{margin:10px}.logement-tags{display:flex;flex-wrap:wrap}.tags-content{display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;padding:5px 15px;background-color:#ff6060;border-radius:10px}@media screen and (min-width: 768px){.tags{margin:0 10px}.tags-content{font-size:18px;padding:5px 25px}}.rating{display:flex;margin:-45px 10px 10px}.rating-star{padding-right:5px;width:15px}@media screen and (min-width: 768px){.rating-star{width:20px;padding-right:10px}.rating{justify-content:flex-end;margin:20px}}.host{display:flex;flex-wrap:wrap;justify-content:flex-end}.host-image{width:50px;height:50px;border-radius:50%;margin-right:20px;align-self:center}.host-name{align-self:end;font-size:14px;padding:5px;color:#ff6060}.host-name span{display:flex;flex-wrap:wrap;justify-content:flex-end}@media screen and (min-width: 768px){.host{margin-top:-130px}.host-image{width:75px;height:75px}.host-name{font-size:18px}}