#bg-header{background-color:#fff;background-size:cover;height:50vh;margin-top:-50px;position:relative}#section2,#section3{overflow:hidden}.a-inscription{background:#aac92a;border-radius:50px;cursor:pointer;display:table;margin:0 auto;padding:16px 32px}.a-inscription button{background:#0000;cursor:pointer}.btn-poi{background-color:#fff;height:48px;margin-right:16px;width:48px}.btn-poi i{display:block;height:32px;margin:0 auto;mask-position:center center;mask-repeat:no-repeat;width:32px}.btn-poi.selected,.btn-poi:hover{background-color:#e4e4e4}#menu-accueil-smp{border-bottom:1px solid var(--bs-border-color)}#menu-accueil-smp li{white-space:nowrap}#menu-accueil-smp li i{display:inline-block;height:24px;margin-right:16px;width:24px}#menu-accueil-smp li a{border-radius:0;border-right:1px solid var(--bs-border-color);color:inherit;display:flex;justify-content:center;text-decoration:none}@media screen and (max-width:480px){div.main-page,h1.main-page{padding-bottom:2.5rem}#bg-header{height:165px!important}}#map-poi{height:400px;max-height:90vw;min-width:350px}#map-poi .leaflet-tile-pane{filter:grayscale(1)}.poi-p{display:none;margin:0 0 1rem}.poi-p.show{display:block}.hebergement-fiche{box-shadow:0 0 15px #0006;left:0;margin:0 0 0 50%;position:absolute!important;top:50%;transform:translateY(-30%);transform-origin:bottom center;transition:all 1s ease}.h1-accueil{color:#222;font-family:header,helvetica,sans-serif;font-size:1.8rem;line-height:150%;margin:0;padding:0 0 2rem}.cols{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.cols>*{flex:1 1 50%}.cols>:first-child{padding-right:2rem}.leaflet-actions-white,.leaflet-control-zoom{display:none!important}#section1-col2{overflow:hidden;position:relative;text-align:right}#accueil-etape{max-width:100%;position:absolute;right:-110%;transition:all 1s ease;width:320px}.section1-visible{left:inherit!important;right:0!important}#france-wrap{position:relative;right:-110%;text-align:right;transform:scale(5) rotate(45deg);transition:all 2s ease}#france-svg{filter:drop-shadow(0 0 10px rgba(0,0,0,0)) grayscale(100%);max-width:100%;transition:all 3s ease;width:400px}#france-svg.in_view{filter:drop-shadow(0 0 10px rgba(0,0,0,.3)) grayscale(0)}#france-poly{filter:drop-shadow(0 0 2px #8e8e8e);max-width:100%;position:absolute;right:0;width:400px}.smartphone-camera{background-color:var(--smartphone-color);border-radius:10px;height:20px;margin:0 auto;position:relative;top:-5px;width:40%}.smartphone-camera:after,.smartphone-camera:before{content:"";display:block;height:18px;position:absolute;width:15px}.smartphone-camera:before{background:radial-gradient(circle at bottom right,#0000 0,#0000 65%,var(--smartphone-color) 65%,var(--smartphone-color) 100%);left:calc(100% - 3px);top:4px}.smartphone-camera:after{background:radial-gradient(circle at bottom left,#0000 0,#0000 65%,var(--smartphone-color) 65%,var(--smartphone-color) 100%);left:-12px;top:4px}.smartphone-borderTop{background-color:var(--smartphone-color);height:2px;position:absolute;top:0;width:100%}:root{--smartphone-color:#359381}.smartphone-bottom{background-color:var(--smartphone-color);bottom:-4px;height:20px;position:absolute;width:100%}.smartphone-border{border-radius:10px;box-shadow:0 0 0 10px var(--smartphone-color);height:100%;position:relative;width:100%}.smartphone{height:300px;margin:0 auto;opacity:.8;position:relative;transform:scale(.5);transition:all 1.5s ease;width:150px}.in_view .smartphone{top:0!important}.in_view #france-wrap{transform:scale(1) rotate(0deg)}.smartphone-center{background:#fff;height:100%;overflow:hidden;position:absolute;top:0;width:100%}.smartphone-center img{width:100%}