/* Independently authored focal-point rules, measured on each original section. */
.home-hero{background-position:50% 50%}
.stays{background-position:50% 50%}
.rental-hero{background-position:50% 50%}
.rental-intro{background-position:50% 0%}
.page-classedemer .hero{background-position:50% 50%}
.class-content{background-position:50% 100%}
.asso-hero{background-position:50% 50%}
.center-info{background-position:50% 0%}
.page-emploi .hero{background-position:50% 100%}
.faq-hero{background-position:50% 0%}
.legal-surface{background-position:50% 50%;background-attachment:scroll}
.confirmation-surface{background-position:50% 50%;min-height:568px}
@media(min-width:761px){
.hero.rental-hero{height:552px}
.rental-overlays{top:-552px}
.rental-intro{height:637px;min-height:637px}
.page-faq header{height:151px}
.page-mentions-légales .legal-surface{min-height:686px}
}
html{scrollbar-gutter:stable}
.page-index .gallery{background:url('/assets/fond-plage-sable.webp') 50% 100%/cover no-repeat;min-height:584px}
@media(min-width:761px){
/* Legal text differs after migration; keep the original background projection. */
.page-cgu .legal-surface{background-size:auto max(100%,3657px);background-position:50% 0%}
.page-cookies .legal-surface{background-size:auto max(100%,1580px);background-position:50% 0%}
.page-politiqueconf .legal-surface{background-size:auto max(100%,3194px);background-position:50% 0%}
.confirmation-surface{padding-bottom:66px}
}
@media(max-width:760px){.home-hero{background-position:59% 50%}}
@media(max-width:760px){
.contact-grid{grid-template-columns:minmax(0,1fr)}
.contact-grid>div,.field input{min-width:0}
.contact h2{overflow-wrap:anywhere}
.rental-intro .button{margin-left:min(50px,10vw);max-width:calc(100% - 35px)}
}