/* ==========================================================================
   Biscuits de mer : bandeau de consentement aux cookies et manifeste de bord (inc/cookies.php) — préfixe lb-ck-,
   cartes « à quai » des vidéos — préfixe lb-quai-
   ========================================================================== */

/* Raleway (titres d'Enfold sur les pages pas encore refaites) ne vient plus de Google : il prend Lato, servi par le thème. */
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100 349; font-display: swap; src: url("../polices/lato-300-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 350 549; font-display: swap; src: url("../polices/lato-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 550 900; font-display: swap; src: url("../polices/lato-700-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 100 549; font-display: swap; src: url("../polices/lato-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Raleway'; font-style: normal; font-weight: 550 900; font-display: swap; src: url("../polices/lato-700-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

#top .lb-ck { font-family: 'Work Sans', sans-serif; }
#top .lb-ck [hidden] { display: none !important; }
#top .lb-ck button { margin: 0; font-family: 'Work Sans', sans-serif; cursor: pointer; -webkit-appearance: none; appearance: none; }
html.lb-ck-modal { overflow: hidden; }

/* Le bandeau : une carte qui accoste en bas à gauche, avec son hublot */
#top .lb-ck-bandeau { position: fixed; left: 24px; bottom: 24px; z-index: 100002; box-sizing: border-box; width: min(430px, calc(100vw - 48px)); padding: 70px 28px 24px; border: 1px solid rgba(168, 212, 216, .22); background: #0d1d29; box-shadow: 0 24px 70px rgba(5, 14, 21, .45); color: rgba(255, 255, 255, .78); opacity: 0; transform: translateY(40px) rotate(1.5deg); transform-origin: 20% 100%; transition: opacity .5s ease, transform .8s cubic-bezier(.2, .8, .2, 1); }
#top .lb-ck-bandeau.is-ouvert { opacity: 1; transform: none; }
#top .lb-ck-bandeau.is-parti { opacity: 0; transform: translate(-40px, 70px) rotate(-5deg); transition: opacity .55s ease, transform .65s cubic-bezier(.5, 0, .75, 0); }
#top .lb-ck-sans { position: absolute; top: 14px; right: 16px; display: inline-flex; align-items: center; gap: 6px; padding: 4px 0; border: 0; background: transparent; font-size: 11.5px; letter-spacing: .3px; color: rgba(255, 255, 255, .55); transition: color .25s ease; }
#top .lb-ck-sans:hover, #top .lb-ck-sans:focus-visible { color: #ffffff; }
#top .lb-ck-sans span { font-size: 10px; }

/* Le hublot : un rond cerclé de métal, et derrière la vitre la nuit polaire, l'aurore, la neige, l'ours sur sa banquise */
#top .lb-ck-hublot-dessin { position: absolute; top: -50px; left: 24px; width: 104px; height: 104px; overflow: hidden; border-radius: 50%; background: #081a29; box-shadow: 0 0 0 5px #b1b3b4, 0 0 0 6px rgba(13, 29, 41, .5), 0 0 0 10px #0d1d29, 0 10px 30px rgba(0, 0, 0, .35); }
#top .lb-ck-hublot-dessin::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: radial-gradient(circle at 30% 22%, rgba(255, 255, 255, .4) 0 5%, rgba(255, 255, 255, 0) 20%); box-shadow: inset 0 6px 14px rgba(0, 0, 0, .4); pointer-events: none; }
#top .lb-ck-ours { display: block; width: 100%; height: 100%; overflow: visible; }
#top .lb-ck-ours g, #top .lb-ck-ours path, #top .lb-ck-ours circle { transform-box: fill-box; }
#top .lb-ck-banquise { transform-box: view-box; transform-origin: 50px 82px; animation: lb-ck-tangue 3.6s ease-in-out infinite; }
#top .lb-ck-mer { transform-box: view-box; animation: lb-ck-houle 2.6s linear infinite; }
#top .lb-ck-flocon { transform-box: view-box; animation: lb-ck-neige 4.2s linear infinite; }
#top .lb-ck-aurore { transform-box: view-box; animation: lb-ck-aurore 9s ease-in-out infinite alternate; }
#top .lb-ck-aurore--2 { animation-duration: 12s; animation-direction: alternate-reverse; }
#top .lb-ck-ours-yeux { transform-origin: center; animation: lb-ck-cligne 4.6s ease-in-out infinite; }
#top .lb-ck-hublot-dessin .lb-ck-ours-tete { transform-origin: 50% 90%; animation: lb-ck-grignote 5.2s ease-in-out 1.2s infinite; }
#top .lb-ck-hublot-dessin .lb-ck-ours-biscuit { transform-origin: 50% 0%; animation: lb-ck-croque 5.2s ease-in-out 1.2s infinite; }
@keyframes lb-ck-tangue { 0%, 100% { transform: translateY(0) rotate(-3deg); } 50% { transform: translateY(2.5px) rotate(3deg); } }
@keyframes lb-ck-houle { to { transform: translateX(24px); } }
@keyframes lb-ck-neige { from { transform: translate(0, 0); } to { transform: translate(-6px, 110px); } }
@keyframes lb-ck-aurore { from { transform: translateX(-8px) scaleY(.9); } to { transform: translateX(8px) scaleY(1.15); } }
@keyframes lb-ck-cligne { 0%, 92%, 100% { transform: scaleY(1); } 95% { transform: scaleY(.1); } }
@keyframes lb-ck-grignote { 0%, 70%, 100% { transform: rotate(0); } 76%, 86% { transform: translateY(1.5px) rotate(-5deg); } 81%, 91% { transform: translateY(.5px) rotate(4deg); } }
@keyframes lb-ck-croque { 0%, 70%, 100% { transform: translateY(0); } 76%, 86% { transform: translateY(-1.5px); } 81%, 91% { transform: translateY(0); } }

#top .lb-ck-surtitre { margin: 0 0 8px; font-size: 10.5px; font-weight: 600; letter-spacing: 2.2px; text-transform: uppercase; color: #a8d4d8; }
#top .lb-ck-titre { margin: 0 0 12px; padding: 0; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 23px; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #ffffff; }
#top .lb-ck-texte { margin: 0 0 20px; font-size: 13.5px; line-height: 1.65; color: rgba(255, 255, 255, .74); }
#top .lb-ck-boutons { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
#top .lb-ck-bouton { min-height: 46px; padding: 10px 14px; border: 1px solid #a8d4d8; border-radius: 0; background: transparent; font-size: 12px; font-weight: 600; letter-spacing: 1.3px; line-height: 1.2; text-transform: uppercase; color: #ffffff; transition: background .3s ease, color .3s ease, transform .3s cubic-bezier(.2, .8, .2, 1); }
#top .lb-ck-bouton:hover, #top .lb-ck-bouton:focus-visible { background: #a8d4d8; color: #0d1d29; outline: none; }
#top .lb-ck-bouton:active { transform: translateY(1px); }
#top .lb-ck-carte { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; padding: 4px 0; border: 0; border-bottom: 1px solid rgba(168, 212, 216, .45); background: transparent; font-size: 13px; color: #a8d4d8; transition: color .25s ease, border-color .25s ease; }
#top .lb-ck-carte:hover, #top .lb-ck-carte:focus-visible { color: #ffffff; border-color: #ffffff; outline: none; }
#top .lb-ck-carte span { transition: transform .3s ease; }
#top .lb-ck-carte:hover span { transform: translateX(4px); }

/* Le manifeste de bord : une feuille de papier, ses lignes numérotées, et le tampon */
#top .lb-ck-voile { position: fixed; inset: 0; z-index: 100003; background: rgba(5, 14, 21, .62); opacity: 0; transition: opacity .45s ease; }
#top .lb-ck-voile.is-ouvert { opacity: 1; }
#top .lb-ck-manifeste { position: fixed; left: 50%; top: 50%; z-index: 100004; box-sizing: border-box; display: flex; flex-direction: column; width: min(680px, calc(100vw - 32px)); max-height: min(88vh, 860px); overflow: visible; background: #fbf9f4; box-shadow: 0 40px 100px rgba(0, 0, 0, .45); color: #3e4d54; opacity: 0; transform: translate(-50%, -46%) rotate(-1deg); transition: opacity .45s ease, transform .6s cubic-bezier(.2, .8, .2, 1); }
#top .lb-ck-manifeste.is-ouvert { opacity: 1; transform: translate(-50%, -50%); }
#top .lb-ck-manifeste.is-parti { opacity: 0; transform: translate(-50%, -54%); }
#top .lb-ck-guet { position: absolute; top: -41px; right: 92px; z-index: 2; width: 80px; height: 52px; pointer-events: none; }
#top .lb-ck-guet .lb-ck-ours-monte { transform: translateY(30px); transition: transform .7s cubic-bezier(.3, 1.4, .5, 1) .45s; }
#top .lb-ck-manifeste.is-ouvert .lb-ck-guet .lb-ck-ours-monte { transform: none; }
#top .lb-ck-guet .lb-ck-ours-pattes { opacity: 0; transition: opacity .3s ease .55s; }
#top .lb-ck-manifeste.is-ouvert .lb-ck-guet .lb-ck-ours-pattes { opacity: 1; }
#top .lb-ck-manifeste.is-tamponne .lb-ck-guet { animation: lb-ck-sursaut .6s cubic-bezier(.3, 1.6, .5, 1); }
@keyframes lb-ck-sursaut { 0% { transform: none; } 35% { transform: translateY(-10px) rotate(-4deg); } 70% { transform: translateY(2px); } 100% { transform: none; } }
#top .lb-ck-manifeste::before { content: ""; position: absolute; inset: 10px; z-index: 0; border: 1px solid rgba(17, 37, 52, .14); pointer-events: none; }
#top .lb-ck-manifeste-tete { position: relative; z-index: 1; padding: 34px 40px 18px; border-bottom: 2px solid #112534; }
#top .lb-ck-manifeste-tete .lb-ck-surtitre { color: #5f9098; }
#top .lb-ck-manifeste-tete .lb-ck-titre { margin: 0; font-size: 30px; text-transform: uppercase; color: #112534; }
#top .lb-ck-fermer { position: absolute; top: 24px; right: 26px; width: 40px; height: 40px; border: 1px solid rgba(17, 37, 52, .25); border-radius: 50%; background: transparent; font-size: 15px; line-height: 1; color: #112534; transition: background .25s ease, color .25s ease; }
#top .lb-ck-fermer:hover, #top .lb-ck-fermer:focus-visible { background: #112534; color: #ffffff; outline: none; }
#top .lb-ck-manifeste-corps { position: relative; z-index: 1; flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 20px 40px 8px; overscroll-behavior: contain; }
#top .lb-ck-manifeste-corps > .lb-ck-texte { margin-bottom: 8px; color: #56656c; }
#top .lb-ck-cargaisons { margin: 0; padding: 0; list-style: none; counter-reset: lb-ck; }
#top .lb-ck-ligne { position: relative; margin: 0; padding: 22px 0 20px 46px; border-bottom: 1px dashed rgba(17, 37, 52, .22); counter-increment: lb-ck; }
#top .lb-ck-ligne:last-child { border-bottom: 0; }
#top .lb-ck-ligne::before { content: "0" counter(lb-ck); position: absolute; left: 0; top: 26px; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 22px; color: rgba(17, 37, 52, .35); }
#top .lb-ck-ligne-tete { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
#top .lb-ck-ligne-icone { flex: 0 0 38px; width: 38px; height: 38px; color: #5f9098; }
#top .lb-ck-ligne-icone svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
#top .lb-ck-ligne-nom { flex: 1 1 auto; min-width: 0; }
#top .lb-ck-ligne-nom h3 { margin: 0; padding: 0; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 19px; line-height: 1.2; letter-spacing: 0; text-transform: none; color: #112534; }
#top .lb-ck-ligne-nom small { display: block; margin-top: 2px; font-size: 10.5px; font-weight: 600; letter-spacing: 1.6px; text-transform: uppercase; color: #8a989d; }
#top .lb-ck-ligne > p { margin: 0 0 10px; font-size: 13.5px; line-height: 1.65; color: #56656c; }
#top .lb-ck-toujours { flex: 0 0 auto; padding: 7px 12px; border: 1px solid rgba(17, 37, 52, .2); font-size: 10.5px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #56656c; }

/* L'interrupteur : le petit bateau quitte le quai et prend la mer */
#top .lb-ck-interrupteur { position: relative; flex: 0 0 auto; display: flex; align-items: center; gap: 12px; margin: 0; cursor: pointer; }
#top .lb-ck-interrupteur input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; }
#top .lb-ck-piste { position: relative; display: block; width: 96px; height: 36px; overflow: hidden; border: 1.5px solid #112534; background: linear-gradient(90deg, #d8d1c2 0 34%, #b9cfd3 34% 100%); transition: background .5s ease; }
#top .lb-ck-quai-dessin { position: absolute; left: 0; top: 0; bottom: 0; width: 34%; background: repeating-linear-gradient(90deg, rgba(17, 37, 52, .18) 0 1px, transparent 1px 8px), linear-gradient(180deg, transparent 0 70%, rgba(17, 37, 52, .25) 70% 74%, transparent 74%); }
#top .lb-ck-piste::after { content: ""; position: absolute; left: 34%; right: -20px; bottom: 5px; height: 6px; background: repeating-radial-gradient(circle at 4px -2px, transparent 0 4px, rgba(17, 37, 52, .45) 4px 5px, transparent 5px 8px); background-size: 8px 6px; opacity: .7; }
#top .lb-ck-piste::before { content: ""; position: absolute; left: 39px; bottom: 9px; width: 14px; height: 11px; background: #ffffff; clip-path: polygon(0 100%, 30% 25%, 50% 45%, 72% 0, 100% 100%); opacity: .95; }
#top .lb-ck-bateau { position: absolute; left: 3px; bottom: 7px; z-index: 1; width: 30px; height: 15px; color: #112534; transition: left .7s cubic-bezier(.45, 0, .2, 1); }
#top .lb-ck-bateau svg { display: block; width: 100%; height: 100%; fill: #fbf9f4; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
#top .lb-ck-interrupteur input:checked + .lb-ck-piste { background: linear-gradient(90deg, #d8d1c2 0 34%, #7fb4bd 34% 100%); }
#top .lb-ck-interrupteur input:checked + .lb-ck-piste .lb-ck-bateau { left: 58px; animation: lb-ck-flotte 2.6s ease-in-out .7s infinite; }
#top .lb-ck-interrupteur input:focus-visible + .lb-ck-piste { box-shadow: 0 0 0 3px rgba(168, 212, 216, .9); }
@keyframes lb-ck-flotte { 0%, 100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-2px) rotate(-3deg); } }
#top .lb-ck-etat { display: grid; min-width: 62px; font-size: 10.5px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #112534; }
#top .lb-ck-etat span { grid-area: 1 / 1; transition: opacity .3s ease, transform .3s ease; }
#top .lb-ck-etat-oui { opacity: 0; transform: translateY(6px); color: #2d6f78; }
#top .lb-ck-interrupteur input:checked ~ .lb-ck-etat .lb-ck-etat-oui { opacity: 1; transform: none; }
#top .lb-ck-interrupteur input:checked ~ .lb-ck-etat .lb-ck-etat-non { opacity: 0; transform: translateY(-6px); }

/* La cargaison en détail */
#top .lb-ck-details { margin: 0; }
#top .lb-ck-details summary { display: inline-flex; align-items: center; gap: 8px; padding: 2px 0; font-size: 12.5px; color: #2d6f78; cursor: pointer; list-style: none; }
#top .lb-ck-details summary::-webkit-details-marker { display: none; }
#top .lb-ck-details summary::after { content: ""; width: 7px; height: 7px; margin-top: -3px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform .3s ease; }
#top .lb-ck-details[open] summary::after { margin-top: 3px; transform: rotate(-135deg); }
#top .lb-ck-tableau { margin-top: 10px; overflow-x: auto; }
#top .lb-ck-tableau table { width: 100%; margin: 0; border-collapse: collapse; border: 0; background: transparent; font-size: 12px; line-height: 1.45; }
#top .lb-ck-tableau th, #top .lb-ck-tableau td { padding: 7px 10px 7px 0; border: 0; border-bottom: 1px solid rgba(17, 37, 52, .1); background: transparent; text-align: left; vertical-align: top; color: #3e4d54; }
#top .lb-ck-tableau th { font-size: 10px; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; color: #8a989d; }
#top .lb-ck-tableau code { padding: 0; background: transparent; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11.5px; color: #112534; white-space: nowrap; }

#top .lb-ck-manifeste-pied { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 20px; padding: 18px 40px 30px; border-top: 2px solid #112534; }
#top .lb-ck-manifeste-pied .lb-ck-boutons { flex: 1 1 100%; grid-template-columns: 1fr 1fr 1.3fr; }
#top .lb-ck-manifeste .lb-ck-bouton { border-color: #112534; color: #112534; }
#top .lb-ck-manifeste .lb-ck-bouton:hover, #top .lb-ck-manifeste .lb-ck-bouton:focus-visible { background: #112534; color: #ffffff; }
#top .lb-ck-manifeste .lb-ck-bouton--plein { background: #112534; color: #ffffff; }
#top .lb-ck-manifeste .lb-ck-bouton--plein:hover, #top .lb-ck-manifeste .lb-ck-bouton--plein:focus-visible { background: #2d6f78; border-color: #2d6f78; }
#top .lb-ck-savoir { font-size: 12.5px; color: #2d6f78; text-decoration: none; border-bottom: 1px solid rgba(45, 111, 120, .35); }
#top .lb-ck-savoir:hover { color: #112534; border-color: #112534; }

/* Le tampon du manifeste, quand le choix est enregistré */
#top .lb-ck-tampon { position: absolute; right: 56px; bottom: 150px; z-index: 3; padding: 10px 18px; border: 3px double #b4462e; font-family: 'Work Sans', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #b4462e; opacity: 0; transform: rotate(-12deg) scale(2.2); pointer-events: none; mix-blend-mode: multiply; }
#top .lb-ck-manifeste.is-tamponne .lb-ck-tampon { opacity: .88; transform: rotate(-12deg) scale(1); transition: opacity .12s ease, transform .3s cubic-bezier(.3, 1.6, .5, 1); }

/* Le mot de la fin : « C'est noté, capitaine. » */
#top .lb-ck-message { position: fixed; left: 50%; bottom: 28px; z-index: 100005; display: grid; grid-template-columns: auto auto; grid-template-areas: "o t" "o s"; align-items: center; column-gap: 14px; margin: 0; padding: 12px 26px 12px 16px; background: #0d1d29; box-shadow: 0 18px 50px rgba(5, 14, 21, .4); text-align: left; color: #ffffff; opacity: 0; transform: translate(-50%, 30px); pointer-events: none; transition: opacity .4s ease, transform .5s cubic-bezier(.2, .8, .2, 1); }
#top .lb-ck-message:empty { display: none; }
#top .lb-ck-message.is-visible { opacity: 1; transform: translate(-50%, 0); }
#top .lb-ck-message-ours { grid-area: o; display: block; width: 40px; height: 40px; font-style: normal; }
#top .lb-ck-message.is-visible .lb-ck-message-ours { animation: lb-ck-coucou .9s cubic-bezier(.3, 1.5, .5, 1); }
@keyframes lb-ck-coucou { 0% { transform: translateY(14px) scale(.6); opacity: 0; } 60% { transform: translateY(-3px) rotate(-8deg); opacity: 1; } 100% { transform: none; } }
#top .lb-ck-message strong { grid-area: t; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 17px; color: #ffffff; }
#top .lb-ck-message > span { grid-area: s; margin-top: 1px; font-size: 12px; color: rgba(255, 255, 255, .65); }

/* Le hublot pour revenir à ses choix (quand le pied de page de la refonte, et son lien, ne sont pas là) */
#top .lb-ck-hublot { position: fixed; left: 18px; bottom: 18px; z-index: 100001; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 50%; background: #0d1d29; box-shadow: 0 0 0 3px #b1b3b4, 0 8px 22px rgba(5, 14, 21, .3); transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
#top .lb-ck-hublot svg { width: 36px; height: 36px; }
#top .lb-ck-hublot:hover, #top .lb-ck-hublot:focus-visible { transform: rotate(-20deg) scale(1.06); outline: none; }

/* Sans accord pour les films, le cadre vide de la vidéo d'arrière-plan d'Enfold s'efface : la photo de la section reparaît. */
html.avia-video-cookie-not-allowed #top .av-section-with-video-bg .av-section-video-bg { display: none; }

/* Les cartes « à quai » à la place des vidéos et des visites tierces */
#top .lb-quai { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(120% 90% at 50% 110%, #2e6273 0%, #0d1d29 60%); color: #ffffff; font-family: 'Work Sans', sans-serif; text-align: center; }
#top .lb-film-cadre > .lb-quai, #top .lb-art-video > .lb-quai, #top .avia-iframe-wrap > .lb-quai, #top .avia-video .lb-quai, #top .fluid-width-video-wrapper > .lb-quai { position: absolute; inset: 0; aspect-ratio: auto; height: 100%; }
#top .lb-quai::after { content: ""; position: absolute; left: -10%; right: -10%; bottom: 0; height: 22%; background: repeating-linear-gradient(180deg, transparent 0 9px, rgba(168, 212, 216, .1) 9px 10px); -webkit-mask: linear-gradient(transparent, #000); mask: linear-gradient(transparent, #000); pointer-events: none; }
#top .lb-quai-carte { position: relative; z-index: 1; max-width: 460px; padding: 24px; transition: opacity .35s ease, transform .4s ease; }
#top .lb-quai.is-embarque .lb-quai-carte { opacity: 0; transform: translateY(-14px); }
#top .lb-quai-icone { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; overflow: hidden; margin-bottom: 12px; border: 1px solid rgba(168, 212, 216, .5); border-radius: 50%; color: #a8d4d8; }
#top .lb-quai-icone svg { width: 44px; height: 44px; }
#top .lb-quai-icone .lb-ck-ours-yeux { animation-duration: 3.8s; }
#top .lb-quai .lb-quai-titre { margin: 0 0 6px; font-family: 'Lato', sans-serif; font-weight: 300; font-size: clamp(18px, 2.2vw, 24px); line-height: 1.25; color: #ffffff; }
#top .lb-quai .lb-quai-texte { margin: 0 0 16px; font-weight: 400; font-size: 13px; line-height: 1.55; color: rgba(255, 255, 255, .72); }
#top .lb-quai-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 22px; }
#top .lb-quai-ok { margin: 0; padding: 12px 20px; border: 0; border-radius: 0; background: #a8d4d8; font-family: 'Work Sans', sans-serif; font-size: 11.5px; font-weight: 600; letter-spacing: 1.4px; text-transform: uppercase; color: #0d1d29; cursor: pointer; transition: background .25s ease; }
#top .lb-quai-ok:hover, #top .lb-quai-ok:focus-visible { background: #ffffff; outline: none; }
#top .lb-quai .lb-quai-lien { font-size: 13px; font-weight: 400; color: #ffffff; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 255, .4); }
#top .lb-quai .lb-quai-lien:hover { color: #ffffff; border-color: #ffffff; }

@media (max-width: 767px) {
	#top .lb-ck-bandeau { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 58px 20px 20px; }
	#top .lb-ck-hublot-dessin { left: 18px; width: 88px; height: 88px; top: -42px; }
	#top .lb-ck-guet { right: 70px; }
	#top .lb-ck-titre { font-size: 21px; }
	#top .lb-ck-manifeste { left: 8px; right: 8px; top: auto; bottom: 8px; width: auto; max-height: calc(100vh - 64px); max-height: calc(100dvh - 64px); transform: translateY(30px); }
	#top .lb-ck-manifeste.is-ouvert { transform: none; }
	#top .lb-ck-manifeste.is-parti { transform: translateY(30px); }
	#top .lb-ck-manifeste-tete { padding: 26px 22px 14px; }
	#top .lb-ck-manifeste-tete .lb-ck-titre { font-size: 24px; padding-right: 40px; }
	#top .lb-ck-fermer { top: 18px; right: 16px; }
	#top .lb-ck-manifeste-corps { padding: 14px 22px 4px; }
	#top .lb-ck-ligne { padding-left: 0; }
	#top .lb-ck-ligne::before { position: static; display: block; margin-bottom: 6px; font-size: 16px; }
	#top .lb-ck-ligne-tete { flex-wrap: wrap; }
	#top .lb-ck-ligne-icone { flex-basis: 32px; width: 32px; height: 32px; }
	#top .lb-ck-ligne-nom { flex-basis: calc(100% - 46px); }
	#top .lb-ck-interrupteur, #top .lb-ck-toujours { margin-left: 46px; }
	#top .lb-ck-manifeste-pied { padding: 14px 22px 22px; }
	#top .lb-ck-manifeste-pied .lb-ck-boutons { grid-template-columns: 1fr 1fr; }
	#top .lb-ck-manifeste-pied .lb-ck-bouton--plein { grid-column: 1 / -1; }
	#top .lb-ck-tampon { right: 24px; bottom: 210px; }
	#top .lb-ck-message { left: 12px; right: 12px; transform: translateY(30px); }
	#top .lb-ck-message.is-visible { transform: none; }
	#top .lb-quai-texte { display: none; }
	#top .lb-ck-tableau code { white-space: normal; word-break: break-all; }
}
@media (prefers-reduced-motion: reduce) {
	#top .lb-ck-banquise, #top .lb-ck-mer, #top .lb-ck-flocon, #top .lb-ck-aurore, #top .lb-ck-ours-yeux, #top .lb-ck-ours-tete, #top .lb-ck-ours-biscuit, #top .lb-ck-message-ours, #top .lb-ck-guet, #top .lb-ck-interrupteur input:checked + .lb-ck-piste .lb-ck-bateau { animation: none !important; }
	#top .lb-ck-flocon { display: none; }
	#top .lb-ck-guet .lb-ck-ours-monte, #top .lb-ck-guet .lb-ck-ours-pattes { transition: none; }
	#top .lb-ck-bandeau, #top .lb-ck-manifeste, #top .lb-ck-voile, #top .lb-ck-bateau, #top .lb-ck-message { transition: none; }
}