/* Fond lumineux dedie a la page de reservation. */
html,body{background:#020407!important}
body{position:relative;isolation:isolate;color:#fff}
body::before{content:"";position:fixed;z-index:-3;inset:-18%;background-color:#020407;background-image:radial-gradient(circle at 8% 18%,rgba(255,112,0,.46),transparent 29%),radial-gradient(circle at 92% 14%,rgba(18,104,255,.5),transparent 34%),radial-gradient(circle at 72% 88%,rgba(0,210,220,.22),transparent 31%),radial-gradient(circle at 34% 76%,rgba(163,61,255,.2),transparent 29%);background-size:135% 135%,145% 145%,125% 125%,140% 140%;animation:reservation-aurora 16s ease-in-out infinite alternate;pointer-events:none}
body::after{content:"";position:fixed;z-index:-2;inset:0;background-image:linear-gradient(118deg,transparent 0 46%,rgba(43,126,255,.1) 49%,rgba(255,255,255,.08) 50%,rgba(255,129,15,.1) 52%,transparent 56%),linear-gradient(65deg,transparent 0 66%,rgba(0,208,216,.07) 69%,transparent 73%);background-size:170% 170%,150% 150%;background-position:100% 0,0 100%;animation:reservation-beams 18s ease-in-out infinite alternate;pointer-events:none}
html body main,html body .waf-section,html body .wf-row,html body .reservation-page{background:transparent!important}
html body .reservation-page{position:relative;isolation:isolate;min-height:100vh}
html body .reservation-page::before{position:absolute!important;inset:0!important;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:48px 48px!important;opacity:.5!important;mask-image:linear-gradient(to bottom,black,transparent 82%);pointer-events:none}
html body .reservation-page::after{position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.08),transparent 38%)!important;pointer-events:none}
html body .reservation-wrap{position:relative;z-index:2}
html body .reservation-header{padding:28px 30px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(4,7,10,.58);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
html body .reservation-page .panel,html body .reservation-page .summary-box,html body .reservation-page .reservation-footer{border-color:rgba(255,255,255,.14)!important;background:rgba(5,8,12,.7)!important;box-shadow:0 24px 70px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important}
html body .reservation-page input,html body .reservation-page select,html body .reservation-page textarea,html body .reservation-page .quick-field input,html body .reservation-page .quick-field select{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
@keyframes reservation-aurora{0%{transform:translate3d(-2%,-1%,0) scale(1);background-position:0 12%,100% 0,82% 100%,20% 80%}50%{transform:translate3d(2%,1%,0) scale(1.04);background-position:18% 0,78% 20%,62% 82%,42% 64%}100%{transform:translate3d(-1%,2%,0) scale(1.02);background-position:5% 25%,94% 6%,72% 94%,30% 72%}}
@keyframes reservation-beams{from{background-position:100% 0,0 100%}to{background-position:62% 32%,28% 68%}}
@media(max-width:720px){body::before{inset:-10%;background-image:radial-gradient(circle at 12% 12%,rgba(255,112,0,.4),transparent 28%),radial-gradient(circle at 88% 32%,rgba(18,104,255,.42),transparent 34%),radial-gradient(circle at 55% 88%,rgba(0,210,220,.18),transparent 30%)}html body .reservation-header{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){body::before,body::after{animation:none}}
html body .app-site-topbar .app-language-button{height:40px!important;min-height:40px!important;padding:0 12px!important;line-height:1!important;font-size:14px!important}