/* Shared Alsa wave at each colour transition. */
#univers,#moments,#astuces,#newsletter{position:relative}
.section-wave{position:absolute;top:-1px;left:0;width:100%;height:60px;display:block;pointer-events:none;z-index:1}
#moments{padding-top:100px}
#astuces{padding-top:110px}
#univers{padding-top:110px}
#newsletter{padding-top:110px}
@media(max-width:760px){.section-wave{height:36px}#univers,#moments,#astuces,#newsletter{padding-top:64px}}

/* Cut the navy section itself, preserving its continuous gradient. */
#astuces{z-index:1;padding-bottom:88px;
 -webkit-mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V22C1160 70 950 8 720 28S250 65 0 22Z'/%3E%3C/svg%3E");
 mask-image:linear-gradient(#000,#000),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M0 0H1440V22C1160 70 950 8 720 28S250 65 0 22Z'/%3E%3C/svg%3E");
 -webkit-mask-size:100% calc(100% - 59px),100% 60px;mask-size:100% calc(100% - 59px),100% 60px;
 -webkit-mask-position:top,bottom;mask-position:top,bottom;
 -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
#newsletter{margin-top:-60px}
#newsletter>.section-wave{display:none}
@media(max-width:760px){#astuces{padding-bottom:64px;-webkit-mask-size:100% calc(100% - 35px),100% 36px;mask-size:100% calc(100% - 35px),100% 36px}#newsletter{margin-top:-36px}}
@media(min-width:761px){#univers>.history-flight-toggle{top:68px}}