@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap);*{color:#e74f25;font-family:Montserrat;margin:0;padding:0}html{height:100%;line-height:1.15}h1{font-size:2em}ol,ul{list-style:none}.stop{clear:both}strong{font-weight:400}img{border-style:none}a{text-decoration:none}button{background:none;border:none;cursor:pointer}br{margin-bottom:10px}.App{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:100%}#root,body{display:flex;height:100%;justify-content:center}#root{max-width:1440px;width:100%}.layout{margin:0 auto;width:97%}.layout main{margin-top:25px}header{align-items:center;display:flex;justify-content:space-between;margin-top:30px}header .navlink{color:#e74f25;font-size:18px;font-weight:500;margin-left:20px;text-decoration:none}header .navlink:hover{color:#000}header img{width:250px}footer{background-color:#000;height:200px;margin-top:30px}footer .containerFooter{display:flex;flex-direction:column;height:80%;padding:25px 0}footer .containerFooter img{display:block;margin:auto;width:150px}footer .containerFooter p{color:#fff;text-align:center}.Card{border-radius:10px;height:100%;min-height:340px;position:relative}.Card img{object-fit:cover}.Card .Card-sombre,.Card img{border-radius:10px;height:100%;width:100%}.Card .Card-sombre{background-color:#000;background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.5));left:0;position:absolute;top:0}.Card H2{bottom:10px;color:#fff;font-size:18px;font-weight:500;left:10px;position:absolute}.Card:hover{background:linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.5));cursor:pointer}.Banner{height:350px;position:relative}.Banner img{height:100%;object-fit:cover;width:100%}.Banner .Banner-sombre{background-color:#000;height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%}.Banner h1{color:#fff;font-size:3em;font-weight:500;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.collapse{display:flex;flex-direction:column;margin:10px auto;width:100%}.collapse li{background-color:#f6f6f6;border-radius:5px;margin:10px}.collapse li .enteteCollapse{align-items:center;background-color:#e74f25;border-radius:5px;display:flex;justify-content:space-between;max-height:40mx;padding:6px 15px;text-transform:capitalize}.collapse li .enteteCollapse p{color:#fff;font-size:1.3em}.collapse li .enteteCollapse .arrowUp{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.collapse li .enteteCollapse .arrowDown{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.collapse li .descriptionCollapse{color:#e74f25;font-size:1.3em;padding:20px}.slideshow{align-items:flex-end;background-position:50%;background-size:cover;border-radius:25px;display:flex;height:100%;justify-content:center;min-height:400px;min-width:100%}.slideshow .slide{align-content:space-between;flex-flow:column nowrap;justify-self:center;object-fit:cover;width:98%}.slideshow .slide .arrows{align-self:center;bottom:2em;cursor:pointer;display:flex;flex-flow:row nowrap;font-size:4em;font-weight:bolder;justify-content:space-between;position:relative}.slideshow .slide .arrows .arrowslideleft,.slideshow .slide .arrows .arrowslideright{color:#fff}.slideshow .slide .bulletslide{bottom:1em;cursor:pointer;display:flex;flex-flow:row wrap;font-size:1em;justify-content:center;list-style:none;margin:0;padding:0;position:relative}.slideshow .slide .bulletslide li{color:#fff;margin:0 .5%}.host{align-items:center;display:flex;flex-flow:row nowrap;font-size:1em}.host img{border-radius:50%;height:64px;width:64px}.rating{align-items:center;display:flex;flex-flow:row nowrap;font-size:1.5em}.rating .colorstar{color:#e74f25}.rating .whitestar{color:gray}.tags{display:flex;flex-flow:row nowrap}.tags .tag{align-self:center;background-color:#e74f25;border-radius:15px;color:#fff;display:flex;padding:5px 15px;text-align:center;text-transform:capitalize}@media only screen and (max-width:468px){.tags{flex-flow:row wrap}.tag{margin:5% 0 0}}@media only screen and (min-width:468px){.tags{flex-flow:row nowrap}.tag{margin:0 2% 0 0}}@media only screen and (max-width:675px){.sectionAbout .collapse{width:100%}}@media only screen and (min-width:675px)and (max-width:946px){.sectionAbout .collapse{width:95%}}@media only screen and (min-width:946px){.sectionAbout .collapse{width:85%}}.sectionHome .listeLogement{grid-gap:30px 30px;border-radius:25px;display:grid;gap:30px 30px;height:100%;margin-top:40px}@media only screen and (max-width:675px){.listeLogement{grid-template-columns:repeat(1,1fr);padding:10px}}@media only screen and (min-width:675px)and (max-width:946px){.listeLogement{background-color:#f6f6f6;grid-template-columns:repeat(2,1fr);padding:20px}}@media only screen and (min-width:946px){.listeLogement{background-color:#f6f6f6;grid-template-columns:repeat(3,1fr);padding:40px}}.logement .properties{display:flex;justify-content:space-between;padding:0 1%}.logement .properties .infosAppart{padding:1% 0;width:100%}.logement .properties .infosAppart h2,.logement .properties .infosAppart p{margin:1%}.logement .properties .infosHost{margin:2% 0 1%}.logement .properties .infosHost p{margin:1%;text-align:right}.logement .properties .infosHost img{margin:1%}.logement .properties .infosHost ul{justify-content:right;margin:2%}@media only screen and (max-width:675px){.descriptions,.properties{display:flex;flex-flow:row wrap}.infosHost{display:flex;flex-flow:row-reverse nowrap;justify-content:space-between;width:100%}}@media only screen and (min-width:675px)and (max-width:946px){.descriptions,.properties{display:flex;flex-flow:row wrap}.infosHost{display:flex;flex-flow:row-reverse nowrap;justify-content:space-between;width:100%}}@media only screen and (min-width:946px){.descriptions,.properties{display:flex;flex-flow:row nowrap}}.error{color:#e74f25;display:flex;flex-direction:column;text-align:center}.error span{padding:3% 0 15%}.error .navlink{font-size:.8em}.error a{color:#e74f25;text-decoration:underline}@media only screen and (max-width:675px){.error h1{font-size:5em}.error span{font-size:1em}}@media only screen and (min-width:675px)and (max-width:946px){.error h1{font-size:8em}.error span{font-size:1.2em}}@media only screen and (min-width:946px){.error h1{font-size:15em}.error span{font-size:1.5em}}
/*# sourceMappingURL=main.63d8e3a6.css.map*/