/* Original decorative image geometry, with independently authored layout rules.
   Per-page measurements and provenance: references/masques-graphismes.json. */
.brush:before,.brush:after,.contact:before,footer:before{content:none;clip-path:none;mask:none}
.brush,.availability,.legal-surface{position:relative}
.page-index .home-hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% + 56px) 100%/2886px 100% repeat-x}
.page-index .home-hero:after{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") calc(50% - 10px) 100%/2886px 100% repeat-x}
.page-index .stays:before{content:"";display:block;position:absolute;left:0;right:0;height:80px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% + 278px) 100%/1924px 100% repeat-x}
.page-index .stays:after{content:"";display:block;position:absolute;left:0;right:0;height:105px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/2525px 100% repeat-x}
.page-index .location-band:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% + 266px) 100%/2886px 100% repeat-x}
.page-index .contact:before{content:"";display:block;position:absolute;left:0;right:0;height:61px;top:-61px;bottom:auto;pointer-events:none;z-index:1;background:#368DA6;clip-path:none;transform:none;mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-index footer:before{content:"";display:block;position:absolute;left:0;right:0;height:49px;top:-49px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-locations .hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% + 95px) 100%/2886px 100% repeat-x}
.page-locations .hero:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-locations .rental-intro:before{content:"";display:block;position:absolute;left:0;right:0;height:100px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% - 291px) 100%/2405px 100% repeat-x}
.page-locations .group-intro:after{content:"";display:block;position:absolute;left:0;right:0;height:59px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleX(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% - 321px) 100%/1419px 100% repeat-x}
.page-locations .availability:before{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:-50px;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-locations footer:before{content:"";display:block;position:absolute;left:0;right:0;height:49px;top:-49px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-classedemer .hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% - 297px) 100%/2886px 100% repeat-x}
.page-classedemer .hero:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-classedemer .class-content:before{content:"";display:block;position:absolute;left:0;right:0;height:100px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") 50% 100%/2405px 100% repeat-x}
.page-classedemer .class-content:after{content:"";display:block;position:absolute;left:0;right:0;height:80px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/1924px 100% repeat-x}
.page-classedemer .contact:before{content:"";display:block;position:absolute;left:0;right:0;height:56px;top:-56px;bottom:auto;pointer-events:none;z-index:1;background:#368DA6;clip-path:none;transform:none;mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-classedemer footer:before{content:"";display:block;position:absolute;left:0;right:0;height:46px;top:-46px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-asso .hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% - 380px) 100%/2886px 100% repeat-x}
.page-asso .hero:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") calc(50% - 303px) 100%/1203px 100% repeat-x}
.page-asso .center-info:before{content:"";display:block;position:absolute;left:0;right:0;height:122px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-brosse-original.svg") calc(50% - 194px) 100%/2313px 100% repeat-x}
.page-asso .center-info:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") calc(50% + 318px) 100%/1203px 100% repeat-x}
.page-asso footer:before{content:"";display:block;position:absolute;left:0;right:0;height:49px;top:-49px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-emploi .hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") calc(50% - 404px) 100%/2886px 100% repeat-x}
.page-emploi .hero:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-emploi footer:before{content:"";display:block;position:absolute;left:0;right:0;height:45px;top:-45px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:none;mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-faq .hero:before{content:"";display:block;position:absolute;left:0;right:0;height:120px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#FFFFFF;clip-path:none;transform:scale(-1);mask:url("/assets/masque-peinture-original.svg") 50% 100%/2886px 100% repeat-x}
.page-faq .hero:after{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:auto;bottom:0;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:none;mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-faq footer:before{content:"";display:block;position:absolute;left:0;right:0;height:45px;top:-45px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:none;mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-mentions-légales .legal-surface:before{content:"";display:block;position:absolute;left:0;right:0;height:50px;top:0;bottom:auto;pointer-events:none;z-index:1;background:#EDFDFF;clip-path:none;transform:scaleY(-1);mask:url("/assets/masque-peinture-original.svg") 50% 100%/1203px 100% repeat-x}
.page-mentions-légales footer:before{content:"";display:block;position:absolute;left:0;right:0;height:56px;top:-56px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-cgu footer:before{content:"";display:block;position:absolute;left:0;right:0;height:33px;top:-33px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-cookies footer:before{content:"";display:block;position:absolute;left:0;right:0;height:45px;top:-45px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}
.page-politiqueconf footer:before{content:"";display:block;position:absolute;left:0;right:0;height:33px;top:-33px;bottom:auto;pointer-events:none;z-index:1;background:#10395D;clip-path:none;transform:scaleX(-1);mask:url("/assets/separation-oblique-originale.svg") 50% 100%/100% 100% repeat-x}

/* Keep the paint within its original photo bounds on the home page. */
@media(min-width:761px){
.page-index header{margin-bottom:0}
.home-hero{height:842px}
.home-hero .hero-inner{padding-top:96px}
.home-overlays{top:-786px}
.ancv{position:relative;z-index:2;height:77px;margin-top:-71px;background:none}
}
/* Preserve the same graphic outlines at narrow widths; protect the text. */
@media(max-width:760px){
.hero:not(.home-hero) .hero-inner{padding-top:130px}
.hero.rental-hero .hero-inner{padding-top:130px!important}
.page-emploi .hero .hero-inner,.hero.faq-hero .hero-inner{padding-top:215px}
.home-hero .hero-inner{padding-top:125px}
.stays{padding-top:95px;padding-bottom:120px}
.location-band{padding-top:130px}
.rental-intro{padding-top:125px}
.class-content{padding-top:110px;padding-bottom:95px}
.center-info{padding-top:140px;padding-bottom:75px}
}

@media(min-width:761px){.location-band{padding-top:144px;padding-bottom:98px}}
.availability{width:100%;padding-inline:max(24px,calc((100% - 920px)/2))}
.page-search footer:before{content:"";display:block;position:absolute;left:0;right:0;top:-42px;height:42px;pointer-events:none;background:#10395d;clip-path:none;mask:url('/assets/separation-oblique-originale.svg') center/100% 100% repeat-x;transform:none}
@media(max-width:760px){.group-intro .location-grid{grid-template-columns:minmax(0,1fr)}.group-intro{overflow:hidden}.group-intro .location-grid>div{min-width:0}.group-intro .seaside-inline{display:table;margin-inline:auto}}
.page-search main{position:relative}
.page-search main:before{content:"";position:absolute;left:0;right:0;top:-56px;height:120px;background:white;pointer-events:none;mask:url('/assets/masque-peinture-original.svg') 50% 100%/2886px 100% repeat-x;transform:scaleY(-1)}
@media(max-width:760px){.page-search main:before{top:-13px}.page-search .search{padding-top:130px}}