.banner{width:100%;position:relative;overflow:hidden;height:600px}.banner .background{position:absolute;top:-20px;left:0;width:100%;height:100%;background-size:cover;will-change:transform;z-index:-1;background-position:50%}.banner img{width:100%;height:100%;object-fit:cover;object-position:center}.banner .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3)}.banner h1{position:absolute;top:45%;left:50%;transform:translate(-50%,-80%);color:#fff;font-size:3rem;text-align:center;font-family:Lora;transition:all .5s;transition-delay:.3s}.animated h1{opacity:0;transform:translate(-50%,-100%)}.animated.active h1{opacity:1;transform:translate(-50%,-80%)}@media screen and (max-width:500px){.background{background-position-y:0}}.blogList{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;padding:1rem;max-width:85%;justify-content:center;justify-items:center;place-items:center;margin:15% auto 0}.blog-article{display:flex;justify-content:space-between;width:95%;margin:5% auto 0}.blog-article .article-content{padding:1rem 5rem;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:60%}.blog-article .article-content a{text-decoration:underline!important;color:rgba(51,51,246,.915)!important}.blog-article .article-content .article-title{color:#333;margin-bottom:1rem}.blog-article .article-content .article-title h2{font-family:Lora;font-size:1.4rem;font-weight:500}.blog-article .article-content .article-description{font-size:1rem;font-family:Manrope;margin-bottom:1rem;font-weight:300}.blog-article .article-content .article-date{padding:5px;font-size:.8rem;color:#666;display:flex;align-items:center;justify-content:flex-start}.blog-article .article-content .article-date svg{margin-right:5px}.partager{display:flex;flex-direction:row;gap:20px}.partager p{font-family:Manrope;font-size:1.1rem;font-weight:500}.partager .social-icons{display:flex;gap:20px;align-items:center}.partager .social-icons .social-icon{font-size:1rem;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:var(--cool-blue);border-radius:100%;padding:5px;cursor:pointer}.partager .social-icons .social-icon svg{color:#fff}.banner-bar{width:100%;height:200px;background:linear-gradient(90deg,#0f79a4,#37b9ed);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:100px 0}.banner-bar h1{color:#fff;font-size:2rem;font-weight:500;font-family:Lora;transition:all .5s ease}.banner-bar .bar-content{display:flex;width:50%;justify-content:space-around;align-items:center;transition:all .5s ease}.banner-bar .bar-content p{color:#fff;font-size:1.2rem;font-weight:300;font-family:Manrope;display:flex;align-items:center;gap:10px}.banner-bar .bar-content p a{color:#fff;text-decoration:underline;font-weight:500}.blogRecommande{display:flex;flex-direction:column;gap:15px;width:40%;padding:1rem 3rem}@media screen and (max-width:1000px){.blogList{grid-template-columns:repeat(2,1fr)}.blog-article{flex-direction:column;align-items:center;gap:20px}.blog-article .article-content{width:100%;padding:1rem 2rem}.partager{flex-direction:column;gap:20px}.blogRecommande{width:100%}}@media screen and (max-width:768px){.blogList{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:600px){.banner-bar h1{font-size:1.5rem}.banner-bar .bar-content{flex-direction:column}.banner-bar .bar-content p{font-size:1rem}}.blogCard{position:relative;display:flex;flex-direction:column;margin:1rem;box-shadow:0 0 10px rgba(0,0,0,.1)}.blogCard a{text-decoration:underline!important;color:rgba(51,51,246,.915)!important}.blogCard .blog-image{width:100%;height:300px}.blogCard .blog-image img{width:100%;height:100%;object-fit:cover;object-position:center}.blogCard .blog-content{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;height:100%}.blogCard .blog-content .blog-title{color:#333;margin-bottom:1rem}.blogCard .blog-content .blog-title h2{font-family:Lora;font-size:1.4rem;font-weight:500}.blogCard .blog-content .blog-description{font-size:1rem;font-family:Manrope;margin-bottom:1rem;font-weight:300}.blogCard .blog-footer{padding:10px}.blogCard .blog-footer .know-more{font-size:.9rem;color:var(--cool-blue);width:40%;display:flex;align-items:center;justify-content:space-around;cursor:pointer;transition:all .3s ease}.blogCard .blog-footer .know-more:hover{text-decoration:underline;width:45%}.blogCard .blog-footer .blog-date{padding:5px;font-size:.8rem;color:#666;display:flex;align-items:center;justify-content:flex-start}.blogCard .blog-footer .blog-date svg{margin-right:5px}.footer{display:flex;justify-content:space-around;background-color:var(--cool-blue);color:#fff;padding:40px 20px}.footer .contact-info{display:flex;flex-direction:column}.footer .contact-info .contact-info-item{display:flex;gap:10px;align-items:center}.footer .contact-info .contact-info-item:hover{cursor:pointer;text-decoration:underline}.footer .footer-conditions p{-webkit-text-decoration:"underline";text-decoration:"underline";cursor:pointer}.footer span{display:none;border:1px solid #fff;width:50%;margin:10px 0;height:1px}.footer span:first-of-type{width:90%}.footer .footer-social{display:flex;flex-direction:column;align-items:center}.footer .footer-social .social-icons{display:flex;gap:20px;align-items:center}.footer .footer-social .social-icons .social-icon{font-size:1rem;width:35px;height:35px;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:100%;padding:5px;cursor:pointer}.footer .footer-social .social-icons .social-icon svg{color:var(--cool-blue)}.signsandfooter{margin-top:10%}.signsandfooter .sign{flex:1 1;width:50%;margin-left:10%}.signsandfooter .sign img{width:100%;height:100%;object-fit:cover}.signsandfooter .sand,.signsandfooter .sign{margin-bottom:-5px}@media screen and (max-width:1090px){.footer{font-size:.9rem}}@media screen and (max-width:1000px){.footer{font-size:.85rem}}@media screen and (max-width:950px){.footer{font-size:.8rem}}@media screen and (max-width:900px){.footer{flex-direction:column;align-items:center;padding:20px 10px;text-align:center;font-size:1rem}.footer span{display:block}.footer .contact-info-item{margin:auto}.signsandfooter .sign{width:100%;margin-left:0}}.logement-tarifs{width:80%;display:flex;height:400px;margin:100px auto}.logement-tarifs .tarif-left{width:50%;height:100%;background-color:var(--cool-blue);padding:5%}.logement-tarifs .tarif-left .text{width:80%;display:flex;flex-direction:column;justify-content:center}.logement-tarifs .tarif-left .text h1{color:#fff;font-size:2.8rem;font-weight:500;font-family:Lora;text-align:left}.logement-tarifs .tarif-left .text p{color:#fff;font-size:1.4rem;font-weight:300;font-family:Lora;text-align:left;margin:0}.logement-tarifs .tarif-right{flex:1 1;width:100%;height:100%;padding:2%}.logement-tarifs .tarif-right .text h1{color:var(--cool-blue);font-size:1.3rem;font-weight:500;font-family:Lora;text-align:left}.logement-tarifs .tarif-right .text p{color:#000;font-size:1.2rem;font-weight:400;font-family:Manrope;text-align:left;margin:5px}.leaf{top:-20%;right:0;width:20%;z-index:1;position:absolute;transform:scaleX(-1)}.logement-chambre{display:flex;flex-direction:column;justify-content:center;margin-top:75px;padding:15% 0;position:relative}.logement-chambre .chambre-main{background-color:var(--light-blue);width:80%;display:flex;justify-content:flex-end;align-items:center;padding:5% 10%}.logement-chambre .chambre-main p{color:var(--cool-blue);font-size:3rem;font-weight:500;font-family:Lora;padding:5% 12%}.logement-chambre .avion{position:absolute}.logement-chambre .top{position:absolute;top:0;left:0;width:20%;z-index:1}.logement-chambre .bottom{position:absolute;bottom:15%;right:0;width:20%;z-index:1}.chambreList{width:100%;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:50px;gap:50px;margin:75px auto;position:absolute;top:50%;left:50%;transform:translate(-30%,-65%)}.chambreList .avion{position:absolute;z-index:-1}.chambreList .top{position:absolute;top:-6%;left:-20%;width:20%}.chambreList .bottom{position:absolute;bottom:-8.5%;right:20%;width:20%}.about-swiper{width:50%;padding:10px;height:100%}.about-swiper .image-slide{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin:auto}.about-swiper .image-slide img{width:100%;object-fit:cover;object-position:center}.logement-about{display:flex;width:80%;margin:0 auto 70px}.logement-about .about-content{width:50%;padding:10px;display:flex;flex-direction:column;justify-content:center}.logement-about .about-content h1{font-size:1.6rem;font-weight:500;font-family:Lora;color:var(--cool-blue)}.logement-about .about-content p{font-size:1.05rem;font-weight:300;font-family:Manrope;color:#666}.swiper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.swiper-button-next,.swiper-button-prev{color:#fff}.swiper-pagination-bullet{background-color:var(--cool-blue)}.logement-services{width:100%;padding:3% 10%;background-color:var(--light-blue)}.logement-services .services-content{width:100%;height:100%;margin:0 auto;display:flex;flex-direction:column}.logement-services .services-content h1{color:var(--cool-blue);font-size:2.5rem;font-weight:500;font-family:Lora;text-align:left;margin-bottom:5px}.logement-services .services-content .services{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:5px;gap:5px;margin:50px 0}.logement-services .services-content .services .service{font-size:1rem;display:flex;align-items:center;gap:10px;padding:10px}.logement-services .services-content .services .service .icon{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;padding:10px;background-color:var(--cool-blue);border-radius:50%}.logement-conditions{width:100%;overflow:hidden;position:relative}.logement-conditions .logement-conditions-content{width:100%;height:100%;margin:200px auto;display:flex;justify-content:space-around;align-items:center;position:relative;z-index:2}.logement-conditions .logement-conditions-content .logementCard{width:25%;border:1px solid var(--cool-blue);background-color:#fff;transition:all .5s ease}.logement-conditions .logement-conditions-content .logementCard .card-title{margin:10px;text-align:center;color:var(--cool-blue)}.logement-conditions .logement-conditions-content .logementCard .card-title h2{font-size:1.5rem;font-weight:300;font-family:Lora}.logement-conditions .logement-conditions-content .logementCard .card-description{font-size:1rem;font-weight:300;font-family:Lora;text-align:center;margin:10px;background-color:var(--light-blue);color:#000;padding:20px;height:40%}.logement-conditions .logement-conditions-content .logementCard:hover{transform:translateY(-15px)}.logement-bar{width:100%;height:200px;background:linear-gradient(90deg,#0f79a4,#37b9ed);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.logement-bar h1{color:#fff;font-size:2rem;font-weight:500;font-family:Lora;transition:all .5s ease;scale:0}.logement-bar .bar-content{display:flex;width:50%;justify-content:space-around;align-items:center;transition:all .8s ease;scale:0}.logement-bar .bar-content p{color:#fff;font-size:1.2rem;font-weight:300;font-family:Manrope;display:flex;align-items:center;gap:10px}.logement-offre{display:flex;padding:4% 0;margin:2% auto;overflow:hidden;width:70%;max-height:-moz-fit-content;max-height:fit-content;background-color:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.1)!important}.logement-offre .offre-img{flex:1 1;text-align:center}.logement-offre .offre-img img{min-height:400px;object-fit:cover}.logement-offre .offre-content{flex:1 1;display:flex;flex-direction:column;position:relative;background-color:#fff;text-align:center}.logement-offre .offre-content .offre-description{padding:20px;width:100%}.logement-offre .offre-content .offre-description h1{font-size:2.5rem;font-family:Lora;font-weight:500;color:var(--cool-blue);margin-top:5px}.logement-offre .offre-content .offre-description p{font-size:.95rem;line-height:1.5;font-family:Manrope}.logement-offre .offre-content .about-banner{width:100%;display:flex;justify-content:space-around;background-color:var(--light-blue);padding:20px}.logement-offre .offre-content .about-banner p{font-size:1.2rem;font-family:Manrope;color:var(--cool-blue)}.logement-offre .offre-content .about-banner .about-btn{display:flex;justify-content:space-between;width:125px;align-items:center;padding:10px;background-color:transparent;border:2px solid var(--cool-blue);color:var(--cool-blue);border-radius:4px;cursor:pointer;transition:all .3s}.logement-offre .offre-content .about-banner .about-btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.politique-modal{display:flex;flex-direction:column;justify-content:center}.politique-modal .close{position:absolute;right:10px;top:10px;cursor:pointer}.politique-modal .modal-content{display:flex;flex-direction:column;gap:15px;padding:10px;margin:10px 0}.politique-modal .modal-content h1{font-size:2rem;font-weight:500;color:var(--cool-blue);font-family:Lora}.politique-modal .modal-content p{padding:5px;font-size:1.2rem;font-weight:400;color:#000;font-family:Manrope;margin:2px 0}.scrolled .bar-content,.scrolled h1{scale:1}.css-1t1j96h-MuiPaper-root-MuiDialog-paper{max-width:-moz-fit-content;max-width:fit-content}@media screen and (max-width:1600px){.logement-chambre .chambre-main p{padding:5% 10%}}@media screen and (max-width:1500px){.logement-chambre .chambre-main p{padding:5% 9%}}@media screen and (max-width:1400px){.logement-chambre .chambre-main p{padding:5% 7%}}@media screen and (max-width:1300px){.logement-about .about-content h1{font-size:1.4rem}.logement-about .about-content p{font-size:1.1rem}.logement-chambre .chambre-main p{padding:5% 8%}}@media screen and (max-width:1200px){.logement-chambre .chambre-main p{font-size:2rem}.logement-offre{flex-direction:column;width:90%}.logement-offre .about-content{text-align:center}}@media screen and (max-width:1100px){.logement-tarifs{flex-direction:column;height:100%;margin:100px auto}.logement-tarifs .tarif-left{width:100%;height:50%;padding:5%}.logement-tarifs .tarif-left .text{width:100%;display:flex;flex-direction:column;justify-content:center}.logement-tarifs .tarif-left .text h1{font-size:2rem}.logement-tarifs .tarif-left .text p{font-size:1rem}.logement-tarifs .tarif-right{width:100%;height:50%;padding:2%}.logement-tarifs .tarif-right .text{height:100%;display:flex;flex-direction:column;justify-content:space-between}.logement-tarifs .tarif-right .text h1{font-size:1.3rem}.logement-tarifs .tarif-right .text p{font-size:1rem}.logement-about .about-content h1{font-size:1.35rem}.logement-about .about-content p{font-size:1rem}.logement-services{padding:5%}.logement-services .services-content h1{font-size:2rem}.logement-services .services-content .services .service{font-size:.9rem}.logement-chambre{display:flex;flex-direction:column;justify-content:center;margin-top:0;padding:0;position:relative}.logement-chambre .chambre-main{background-color:var(--light-blue);width:100%;display:flex;justify-content:center;align-items:center;padding:5% 10%}.logement-chambre .chambre-main p{color:var(--cool-blue);font-size:2.5rem;font-weight:500;font-family:Lora;padding:5% 12%}.logement-chambre .chambreList{position:static;transform:translate(0);justify-items:center}.logement-chambre .chambreList .chambre{width:70%}.logement-chambre .chambreList>img{display:none}}@media screen and (max-width:950px){.logement-conditions-content{flex-direction:column;gap:50px}.logement-conditions-content .logementCard{width:70%!important}.logement-about{flex-direction:column;align-items:center}.logement-about .about-swiper{width:90%}.logement-about .about-content{width:100%;gap:40px}.logement-about .about-content h1{font-size:1.4rem}.logement-about .about-content p{font-size:1rem}.logement-services{padding:10% 5%}.logement-services .services-content h1{font-size:1.7rem}.logement-services .services-content .services .service{font-size:.8rem}}@media screen and (max-width:690px){.logement-services .services{grid-template-columns:repeat(3,auto)!important}}@media screen and (max-width:600px){.logement-bar h1{font-size:1.5rem}.logement-bar .bar-content p{font-size:1rem}}@media screen and (max-width:550px){.chambreList{grid-template-columns:repeat(1,auto)}.logement-chambre .chambre-main p{font-size:1.8rem}.logement-services .services{grid-template-columns:repeat(2,auto)!important}.logement-services .services .service{font-size:.8rem}.logement-services .services .service .icon{font-size:1rem!important}}@media screen and (max-width:380px){.logement-chambre .chambre-main p{font-size:1.35rem}.logement-services .services{grid-template-columns:repeat(2,auto)!important}.logement-services .services .service{font-size:.7rem}.logement-services .services .service .icon{font-size:.9rem!important}}.navbar{width:100%;padding:16px 10px;background-color:#fff;display:flex;justify-content:center;align-items:center;margin:0 auto;box-shadow:0 0 10px rgba(0,0,0,.1)}.navbar .navbar_content{display:flex;align-items:center;justify-content:space-between;width:90%;gap:32px}.navbar .navbar_mid ul{list-style:none;display:flex;justify-content:center;gap:32px}.navbar .navbar_mid .selected,.navbar .navbar_mid ul li:hover{color:var(--cool-blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.navbar .navbar_mid .selected{font-weight:600}.navbar .navbar_right{display:flex;align-items:center;gap:40px}.navbar .navbar_right .navbar_btn{background-color:var(--cool-blue);padding:16px 24px;border-radius:4px;border:none;color:#fff;cursor:pointer;transition:all .3s}.navbar .navbar_right .navbar_btn:hover{background-color:var(--light-blue);color:var(--cool-blue);box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.navbar .navbar_right .locale-changer{display:flex;justify-content:space-between;align-items:center;margin:5px;padding:3px;width:60px}.navbar .navbar_right .locale-changer .locale{font-family:Manrope;font-size:1rem}.navbar .navbar_right .locale-changer .locale:hover{color:var(--cool-blue)}.navbar .menu{display:none;font-size:20px;margin-left:10px}.placeholder{display:none;height:94px}.placeholder.show{display:block}.nav_scrolled{position:fixed;top:0;left:0;animation:slideDown .5s ease-in-out;width:100%;z-index:97}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:.9;transform:translateY(0)}}@media(max-width:769px){.navbar_mid,.navbar_right{display:none}.navbar .menu{display:block;cursor:pointer}}.dropdown{position:absolute;top:0;left:0;height:100vh;width:100vw;display:none;z-index:999;background-color:#fff}.dropdown .dropdown_logo{width:100%;text-align:center;margin-bottom:10%}.dropdown .close{position:absolute;top:10px;right:10px;cursor:pointer}.dropdown .dropdown_list{display:flex;flex-direction:column;padding:10px;align-items:center;justify-content:center;height:100%}.dropdown .dropdown_list .locale-changer{display:flex;align-items:center;padding:3px;margin:5px;width:60px}.dropdown .dropdown_list .locale-changer .locale{font-family:Manrope;font-size:1.4rem}.dropdown .dropdown_list ul{list-style:none;display:flex;flex-direction:column;justify-content:center;gap:32px;padding:0;font-size:1.4rem;text-align:center}.dropdown .dropdown_list ul li:hover{color:var(--cool-blue)}.dropdown .dropdown_list .selected,.dropdown .dropdown_list ul li:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}.dropdown .dropdown_list .selected{color:#37b9ed;font-weight:600}.open{display:block}@media screen and (min-width:769px){.dropdown{display:none}}