/* www — accueil visiteur, inscription, connexion (lot tools/www-accueil-lot-20261007, 7 octobre 2026).
   Fabriquée par fabrique.py depuis le prototype tools/www-accueil-20261007 (couleurs de www) : ne pas retoucher ici.
   Tout est confiné sous .wa, l'enveloppe des pages ; .wa-btn, .wa-nav, .wa-sr évitent les classes de Bootstrap. */
.wa {--font: 'Figtree', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; --display: 'Big Shoulders', 'Arial Narrow', Impact, sans-serif; --script: 'Caveat Brush', 'Segoe Print', cursive; --creme: #F4EEE4; --sable: #EAE1D3; --papier: #FFFCF6; --gres: #E6DED1; --texte: #17140F; --texte-2: #4A443B; --texte-3: #6B6358; --placeholder: #756C60; --accent: #D63A1B; --accent-survol: #B42D13; --accent-texte: #B42D13; --accent-titre: #D63A1B; --accent-pale: #FFE3D6; --on-accent: #FFFFFF; --accent-nuit: #FF8A6B; --vif: #FF8A6B; --tel-fond: #FFFCF6; --tel-puce: #EAE1D3; --tel-tete: transparent; --tel-tete-texte: #17140F; --tel-bulle: #D63A1B; --ink: #17140F; --ink-2: #2A251D; --on-ink: #F4EEE4; --on-ink-2: #B9B2A6; --nuit: #121722; --texte-nuit: #B9C0CC; --dispo: #2FB36B; --succes: #17683E; --erreur: #A61B1B; --erreur-fond: #FBE4E0; --t08: rgb(23 20 15 / .08); --t12: rgb(23 20 15 / .12); --t16: rgb(23 20 15 / .16); --t-champ: rgb(23 20 15 / .50); --nav-bg: rgb(244 238 228 / .94); --o-cta: 0 12px 26px -12px rgb(214 58 27 / .75); --o-carte: 0 30px 60px -30px rgb(23 20 15 / .55); --o-champ: 0 16px 34px -20px rgb(23 20 15 / .45); --o-photo: 0 30px 60px -28px rgb(23 20 15 / .55); --r-pill: 999px; --r-photo: 30px; --r-l: 24px; --r-card: 20px; --r-s: 16px; --r-xs: 12px; --ease: cubic-bezier(.16, 1, .3, 1); --nav-h: 64px; --gutter: 16px; color-scheme: light; --creme: #F4F6F9; --sable: #E9EFF6; --papier: #FFFFFF; --gres: #DCE4EE; --texte: #1B2433; --texte-2: #3D4757; --texte-3: #5E6B80; --placeholder: #6B778A; --accent: #1B7A29; --accent-survol: #146321; --accent-texte: #194172; --accent-titre: #1E8F2D; --accent-pale: #DDEFE0; --ink: #10305A; --ink-2: #194172; --on-ink: #FFFFFF; --on-ink-2: #C7D3E6; --nuit: #0B2140; --texte-nuit: #C7D3E6; --vif: #28B62C; --barre: #194172; --t08: rgb(27 36 51 / .08); --t12: rgb(27 36 51 / .12); --t16: rgb(27 36 51 / .16); --t-champ: rgb(27 36 51 / .50); --o-cta: 0 12px 26px -12px rgb(27 122 41 / .7); --nav-bg: #194172; --tel-fond: #F4F6F9; --tel-puce: #E4EAF2; --tel-tete: #194172; --tel-tete-texte: #FFFFFF; --tel-bulle: #28B62C; color-scheme: light;}
@font-face{font-family: 'Big Shoulders'; src: url('../fonts/accueil/big-shoulders-latin.woff2') format('woff2'); font-weight: 100 900; font-display: swap;}
@font-face{font-family: 'Big Shoulders'; src: url('../fonts/accueil/big-shoulders-latin-ext.woff2') format('woff2'); font-weight: 100 900; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Figtree'; src: url('../fonts/accueil/figtree-latin.woff2') format('woff2'); font-weight: 300 900; font-display: swap;}
@font-face{font-family: 'Figtree'; src: url('../fonts/accueil/figtree-latin-ext.woff2') format('woff2'); font-weight: 300 900; font-display: swap; unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family: 'Caveat Brush'; src: url('../fonts/accueil/caveat-brush-latin.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face{font-family: 'GD Bricolage'; src: url('../fonts/accueil/gd-bricolage.woff2') format('woff2'); font-weight: 400 800; font-display: fallback; unicode-range: U+0000-00FF;}
.wa *, .wa *::before, .wa *::after {box-sizing: border-box;}
.wa img {display: block; max-width: 100%; height: auto;}
.wa a {color: var(--accent-texte); text-underline-offset: 3px; text-decoration-thickness: 1.5px;}
.wa button, .wa input, .wa select, .wa textarea {font: inherit; color: inherit;}
.wa button {cursor: pointer;}
.wa h1, .wa h2, .wa h3 {margin: 0;}
.wa p {margin: 0;}
.wa ul {margin: 0; padding: 0; list-style: none;}
.wa :focus-visible {outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 6px;}
.wa .wa-sr {position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
.wa .saut {position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: var(--r-pill); background: var(--ink); color: var(--on-ink); font-weight: 700; text-decoration: none;}
.wa .saut:focus {top: 12px;}
.wa .wrap {width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 var(--gutter);}
@media (min-width: 600px){
.wa {--gutter: 24px;}
}
@media (min-width: 1024px){
.wa {--gutter: 40px;}
}
.wa .titre {font-family: var(--display); font-weight: 800; text-transform: uppercase; line-height: .9; letter-spacing: .004em; font-size: clamp(44px, 11vw, 76px); text-wrap: balance;}
.wa .titre em {font-style: normal; color: var(--accent-titre);}
.wa .titre--m {font-size: clamp(40px, 9.6vw, 64px);}
.wa .chapo {margin-top: 16px; font-size: 18px; line-height: 1.5; color: var(--texte-2); max-width: 36em;}
.wa .surtitre {font-family: var(--display); font-weight: 700; font-size: 17px; letter-spacing: .06em; text-transform: uppercase; color: var(--texte-3);}
.wa .note-main {display: inline-block; padding: 6px 16px 8px; border-radius: 14px; background: var(--accent); color: var(--on-accent); font-family: var(--script); font-size: 26px; line-height: 1; transform: rotate(-4deg); box-shadow: 0 14px 26px -14px rgb(0 0 0 / .55); white-space: nowrap;}
.wa .wa-btn {display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border: 0; border-radius: var(--r-pill); font-weight: 800; font-size: 17px; line-height: 1.15; text-align: center; text-decoration: none; transition: background-color .15s, transform .15s var(--ease), box-shadow .15s; -webkit-tap-highlight-color: transparent;}
.wa .wa-btn svg {width: 20px; height: 20px; flex: none;}
.wa .wa-btn--cta {background: var(--accent); color: var(--on-accent); box-shadow: var(--o-cta);}
.wa .wa-btn--cta:hover {background: var(--accent-survol);}
.wa .wa-btn--cta:active {transform: translateY(1px) scale(.99);}
.wa .wa-btn--line {background: transparent; color: var(--texte); box-shadow: inset 0 0 0 2px var(--t-champ);}
.wa .wa-btn--line:hover {box-shadow: inset 0 0 0 2px var(--texte);}
.wa .wa-btn--blanc {background: #FFFFFF; color: #17140F; box-shadow: 0 16px 30px -16px rgb(23 20 15 / .6);}
.wa .wa-btn--blanc:hover {background: #F4EEE4;}
.wa .wa-btn--sm {min-height: 44px; padding: 0 18px; font-size: 15px; white-space: nowrap;}
.wa .wa-btn--block {display: flex; width: 100%;}
.wa .lien {background: none; border: 0; padding: 0; color: var(--accent-texte); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1.5px;}
.wa .wa-nav {position: fixed; inset: 0 0 auto 0; z-index: 40; height: var(--nav-h); display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 max(var(--gutter), calc((100vw - 1180px) / 2 + var(--gutter))); padding-top: env(safe-area-inset-top, 0px); color: var(--texte); transition: background-color .2s, box-shadow .2s, color .2s;}
.wa .wa-nav.is-solide, .wa.wa--compte .wa-nav {background: var(--nav-bg); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 var(--t12);}
.wa .wa-nav__actions {display: flex; align-items: center; gap: 8px;}
.wa .wa-nav__actions .wa-btn--sm {gap: 6px;}
.wa .wa-nav__ic {display: none; width: 22px !important; height: 22px !important;}
.wa .wa-nav__court {display: none;}
@media (max-width: 639px){
.wa .wa-nav__long {display: none;}
.wa .wa-nav__court {display: inline;}
.wa .wa-nav .gd {--gd-fs: 20px;}
.wa .wa-nav__actions {gap: 6px;}
.wa .wa-nav .wa-btn--sm {min-height: 42px; padding: 0 14px; font-size: 15px;}
.wa .wa-nav .wa-nav__login-vis {padding: 0 10px; box-shadow: none !important; text-decoration: underline; text-underline-offset: 3px;}
}
@media (max-width: 419px){
.wa .wa-nav .gd {--gd-fs: 18px;}
.wa .wa-nav__login-vis .wa-nav__court {display: none;}
.wa .wa-nav__ic {display: block;}
.wa .wa-nav .wa-nav__login-vis {width: 42px; padding: 0; justify-content: center;}
}
.wa .wa-nav.wa-nav {background: var(--barre); color: #FFFFFF; box-shadow: 0 1px 0 rgb(0 0 0 / .14); -webkit-backdrop-filter: none; backdrop-filter: none;}
.wa .wa-nav .wa-btn--line {color: #FFFFFF; background: transparent; box-shadow: inset 0 0 0 2px rgb(255 255 255 / .7);}
.wa .wa-nav .wa-btn--line:hover {box-shadow: inset 0 0 0 2px #FFFFFF;}
.wa .wa-nav .wa-btn--cta {box-shadow: inset 0 0 0 2px rgb(255 255 255 / .3);}
.wa .wa-nav__bascule {color: #C7D3E6;}
.wa .wa-nav__bascule a {color: #FFFFFF;}
.wa .wa-nav .gd-bulle .gd-a, .wa .pied .gd-bulle .gd-a {fill: var(--vif);}
@media (max-width: 1023px){
.wa .w-hero {padding-top: var(--nav-h);}
}
.wa .wa-nav__retour {display: none;}
.wa.wa--compte .wa-nav__retour {display: inline-flex;}
.wa.wa--inscription .wa-nav__rejoindre, .wa.wa--inscription .wa-nav__login-vis {display: none;}
.wa .wa-nav__bascule {display: none; font-size: 15px; color: var(--texte-2); white-space: nowrap;}
@media (min-width: 640px){
.wa.wa--inscription .wa-nav__bascule {display: block;}
}
.wa .wa-nav__bascule a {font-weight: 700;}
.wa.wa--connexion .wa-nav__login-vis, .wa.wa--motdepasse .wa-nav__login-vis {display: none;}
.wa .logo {display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none;}
.wa .wa-nav .logo {margin-right: auto;}
.wa .gd {display: inline-block; white-space: nowrap; line-height: 1; font-size: var(--gd-fs, 25px);}
.wa .gd-mot {font-family: 'GD Bricolage', 'Bricolage Grotesque', ui-sans-serif, system-ui, sans-serif; font-weight: 800; letter-spacing: -.02em; font-variation-settings: 'opsz' 96;}
.wa .gd-bulle {display: inline-block; width: .604em; height: .9em; margin-left: .062em; vertical-align: baseline; overflow: visible; fill: currentColor;}
.wa .gd-bulle .gd-a {fill: var(--accent);}
.wa .gd-bulle .gd-p {fill: var(--on-accent);}
@media (max-width: 339px){
.wa .wa-nav .gd {--gd-fs: 16px;}
}
@media (min-width: 1024px){
.wa .wa-nav .gd {--gd-fs: 30px;}
}
.wa .w-hero {display: grid; grid-template-areas: "media" "corps";}
.wa .w-hero__media {grid-area: media; position: relative; min-height: max(min(80svh, 680px), 470px); overflow: hidden; background: #2A2219;}
.wa .w-hero__media > img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%;}
.wa .w-hero__media::after {content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgb(0 0 0 / .38) 0, rgb(0 0 0 / 0) 22%, rgb(0 0 0 / 0) 42%, rgb(0 0 0 / .72) 78%, rgb(0 0 0 / .86) 100%);}
.wa .w-hero__note {position: absolute; z-index: 2; right: 14px; top: 46%;}
.wa .w-hero__titre {grid-area: media; align-self: end; position: relative; z-index: 3; padding: 0 var(--gutter) 26px; color: #FFFFFF;}
.wa .w-hero__titre .titre {font-size: clamp(52px, 15vw, 80px); line-height: .88;}
.wa .w-hero__titre .titre em {color: var(--vif);}
.wa .pastille {display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 7px 14px; border-radius: var(--r-pill); background: rgb(0 0 0 / .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); color: #FFFFFF; font-size: 14px; font-weight: 700;}
.wa .pastille svg {width: 18px; height: 18px; flex: none;}
.wa .w-hero__corps {grid-area: corps; padding: 24px var(--gutter) 36px;}
.wa .w-hero__chapo {font-size: 18px; color: var(--texte-2);}
.wa .w-hero__collage {display: none;}
@media (min-width: 1024px){
.wa .w-hero {max-width: 1180px; margin: 0 auto; padding: calc(var(--nav-h) + 36px) var(--gutter) 56px; grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); grid-template-areas: "titre media" "corps media"; column-gap: 56px; align-items: start;}
.wa .w-hero__media {display: none;}
.wa .w-hero__titre {grid-area: titre; align-self: end; padding: 0; color: var(--texte);}
.wa .w-hero__titre .titre {font-size: clamp(84px, 7.6vw, 108px);}
.wa .w-hero__titre .titre em {color: var(--accent-titre);}
.wa .w-hero__titre .pastille {background: var(--papier); color: var(--texte); box-shadow: inset 0 0 0 1px var(--t12);}
.wa .w-hero__corps {padding: 18px 0 0; max-width: 560px;}
.wa .w-hero__collage {display: block; grid-area: media; position: relative; min-height: 600px;}
}
.wa .collage__grand {position: absolute; right: 0; top: 0; width: 82%; aspect-ratio: 5 / 7; border-radius: var(--r-photo); overflow: hidden; box-shadow: var(--o-photo);}
.wa .collage__grand img, .wa .collage__petit img {width: 100%; height: 100%; object-fit: cover;}
.wa .collage__petit {position: absolute; left: 0; bottom: 6px; width: 46%; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; box-shadow: var(--o-photo); border: 5px solid var(--creme);}
.wa .collage__petit span {position: absolute; left: 10px; bottom: 10px; padding: 4px 10px; border-radius: var(--r-pill); background: rgb(0 0 0 / .55); color: #fff; font-size: 13px; font-weight: 700;}
.wa .collage__bulle {position: absolute; z-index: 2; left: 0; top: 41%; width: 240px; padding: 14px 16px; border-radius: 20px 20px 20px 6px; background: var(--papier); color: var(--texte); box-shadow: var(--o-carte);}
.wa .collage__bulle b {display: block; font-size: 14px;}
.wa .collage__bulle small {display: inline-flex; align-items: center; gap: 6px; color: var(--texte-3); font-size: 13px; font-weight: 600;}
.wa .collage__bulle small i {width: 8px; height: 8px; border-radius: 50%; background: var(--dispo);}
.wa .collage__bulle p {margin-top: 6px; font-size: 15px; line-height: 1.4;}
.wa .collage .note-main {position: absolute; right: 6%; bottom: 23%; font-size: 30px;}
.wa .compteur {margin-top: 22px;}
.wa .compteur__q {display: block; margin-bottom: 10px; font-weight: 800; font-size: 18px; line-height: 1.3;}
.wa .ville {position: relative;}
.wa .ville__champ {display: flex; align-items: center; min-height: 60px; border-radius: var(--r-pill); background: var(--papier); box-shadow: inset 0 0 0 2px var(--texte), var(--o-champ);}
.wa .ville__champ:focus-within {box-shadow: inset 0 0 0 3px var(--accent), var(--o-champ);}
.wa .ville__ic {flex: none; width: 22px; height: 22px; margin: 0 6px 0 20px; color: var(--texte-3);}
.wa .ville__champ input {flex: 1; min-width: 0; height: 56px; border: 0; background: transparent; font-size: 18px; outline: none;}
.wa .ville__champ input::placeholder {color: var(--placeholder);}
.wa .ville__moi {flex: none; display: grid; place-items: center; width: 48px; height: 48px; margin-right: 6px; border: 0; border-radius: 50%; background: var(--sable); color: var(--texte);}
.wa .ville__moi svg {width: 22px; height: 22px;}
.wa .ville__liste {position: absolute; z-index: 30; left: 0; right: 0; top: calc(100% + 8px); max-height: 320px; overflow: auto; padding: 6px; border-radius: var(--r-card); background: var(--papier); box-shadow: 0 0 0 1px var(--t12), var(--o-carte);}
.wa .ville__liste li {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 48px; padding: 8px 14px; border-radius: 12px; cursor: pointer;}
.wa .ville__liste li b {font-weight: 700;}
.wa .ville__liste li span {color: var(--texte-3); font-size: 14px; white-space: nowrap;}
.wa .ville__liste li[aria-selected="true"], .wa .ville__liste li:hover {background: var(--sable);}
.wa .ville__liste .ville__vide {cursor: default; color: var(--texte-3);}
.wa .ville__liste .ville__vide:hover {background: none;}
.wa .ville__source {padding: 6px 14px 4px; font-size: 12px; color: var(--texte-3);}
.wa .compteur .wa-btn--cta {margin-top: 12px;}
.wa .compteur__note {margin-top: 10px; font-size: 14px; color: var(--texte-3); text-align: center;}
.wa .compteur__msg {margin-top: 10px; font-size: 15px; font-weight: 600; color: var(--erreur);}
.wa .resultat {margin-top: 14px; padding: 22px 20px 20px; border-radius: var(--r-l); background: var(--ink); color: var(--on-ink); box-shadow: var(--o-carte); animation: monte .5s var(--ease) both;}
.wa .resultat__ou {font-family: var(--display); font-weight: 700; font-size: 16px; letter-spacing: .07em; text-transform: uppercase; color: var(--on-ink-2);}
.wa .resultat__n {margin-top: 4px; font-family: var(--display); font-weight: 900; text-transform: uppercase; font-size: clamp(46px, 13vw, 64px); line-height: .92;}
.wa .resultat__n span {color: var(--vif);}
.wa .resultat__plus {display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; font-size: 15px; color: var(--on-ink);}
.wa .resultat__plus li {display: inline-flex; align-items: center; gap: 8px;}
.wa .resultat__plus i {width: 9px; height: 9px; border-radius: 50%; background: var(--dispo); box-shadow: 0 0 0 3px rgb(47 179 107 / .28);}
.wa .floutes {display: flex; align-items: center; margin: 16px 0 18px;}
.wa .floutes span {width: 44px; height: 44px; margin-right: -10px; border-radius: 50%; border: 3px solid var(--ink); background: radial-gradient(circle at 50% 36%, rgb(255 255 255 / .55) 0 22%, transparent 23%), radial-gradient(ellipse at 50% 100%, rgb(255 255 255 / .45) 0 42%, transparent 43%), var(--c, #7A5E48); filter: blur(1.6px);}
.wa .floutes span:nth-child(2) {--c: #5D6B7A;}
.wa .floutes span:nth-child(3) {--c: #8A5A44;}
.wa .floutes span:nth-child(4) {--c: #4F5F4A;}
.wa .floutes span:nth-child(5) {--c: #6E4C5B;}
.wa .floutes span:nth-child(6) {--c: #7B6A4E;}
.wa .floutes b {margin-left: 18px; font-size: 15px; font-weight: 700; color: var(--on-ink-2);}
.wa .resultat__liens {display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 18px; margin-top: 14px; font-size: 15px;}
.wa .resultat__liens a, .wa .resultat__liens .lien {color: var(--on-ink);}
.wa .resultat__lieu {margin-top: 10px; font-size: 13px; text-align: center; color: var(--on-ink-2);}
@keyframes monte{from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; }}
.wa .bande {overflow: hidden; background: var(--ink); color: var(--on-ink); padding: 14px 0;}
.wa .bande__piste {display: flex; width: max-content; animation: defile 42s linear 3;}
.wa .bande:hover .bande__piste, .wa .bande:focus-within .bande__piste {animation-play-state: paused;}
.wa .bande ul {display: flex; flex: none;}
.wa .bande li {display: flex; align-items: center; gap: 22px; padding-right: 22px; font-family: var(--display); font-weight: 800; font-size: 22px; letter-spacing: .03em; text-transform: uppercase; white-space: nowrap;}
.wa .bande li::after {content: '✦'; color: var(--vif); font-size: 16px;}
@keyframes defile{to { transform: translateX(-50%); }}
.wa .w-sec {padding: 64px 0;}
@media (min-width: 1024px){
.wa .w-sec {padding: 104px 0;}
}
.wa .w-sec--sable {background: var(--sable);}
.wa .w-sec__tete {max-width: 760px;}
.wa .w-cta {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 30px;}
.wa .w-cta small {font-size: 14px; color: var(--texte-3);}
.wa .chiffres {padding: 34px 0 30px; border-bottom: 1px solid var(--t12);}
.wa .chiffres ul {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 16px;}
@media (min-width: 900px){
.wa .chiffres ul {grid-template-columns: repeat(4, minmax(0, 1fr));}
}
.wa .chiffres b {display: block; font-family: var(--display); font-weight: 900; font-size: clamp(40px, 10vw, 56px); line-height: .9; letter-spacing: .01em;}
.wa .chiffres span {display: block; margin-top: 6px; font-size: 15px; line-height: 1.35; color: var(--texte-2);}
.wa .chiffres p {margin-top: 18px; font-size: 13px; color: var(--texte-3);}
.wa .reseau {display: grid; gap: 40px; align-items: center; margin-top: 34px;}
@media (min-width: 1024px){
.wa .reseau {grid-template-columns: 380px minmax(0, 1fr); gap: 72px; margin-top: 48px;}
}
.wa .tel {position: relative; width: min(330px, 86vw); margin: 0 auto; padding: 12px; border-radius: 46px; background: #17140F; box-shadow: var(--o-photo), inset 0 0 0 2px #3A332A;}
.wa .tel__ecran {overflow: hidden; border-radius: 36px; background: var(--tel-fond); color: #17140F; height: 560px;}
.wa .tel__barre {display: flex; justify-content: space-between; padding: 12px 22px 6px; font-size: 12px; font-weight: 700;}
.wa .tel__tete {display: flex; align-items: center; justify-content: space-between; padding: 8px 16px 10px; border-bottom: 1px solid rgb(23 20 15 / .08); background: var(--tel-tete); color: var(--tel-tete-texte);}
.wa .tel__barre {background: var(--tel-tete); color: var(--tel-tete-texte);}
.wa .tel__tete .gd {--gd-fs: 17px;}
.wa .tel__tete .gd-bulle .gd-a {fill: var(--tel-bulle);}
.wa .tel__h {display: flex; align-items: baseline; justify-content: space-between; padding: 12px 16px 8px;}
.wa .tel__h b {font-family: var(--display); font-weight: 800; font-size: 26px; text-transform: uppercase;}
.wa .tel__h span {padding: 4px 10px; border-radius: 999px; background: var(--tel-puce); font-size: 12px; font-weight: 700;}
.wa .tel__grille {display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 4px 12px;}
.wa .tel__carte {position: relative; overflow: hidden; border-radius: 14px; background: var(--tel-puce);}
.wa .tel__carte img {width: 100%; aspect-ratio: 4 / 5; object-fit: cover;}
.wa .tel__carte::after {content: ''; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, rgb(0 0 0 / .72));}
.wa .tel__carte div {position: absolute; z-index: 1; left: 9px; right: 9px; bottom: 8px; color: #fff; line-height: 1.2;}
.wa .tel__carte b {display: flex; align-items: center; gap: 5px; font-size: 13px;}
.wa .tel__carte b i {width: 7px; height: 7px; border-radius: 50%; background: #2FB36B;}
.wa .tel__carte small {font-size: 11px; opacity: .9;}
.wa .tel__carte svg {position: absolute; z-index: 1; top: 8px; right: 8px; width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: rgb(0 0 0 / .35); color: #fff;}
.wa .tel__legende {margin-top: 12px; text-align: center; font-size: 13px; color: var(--texte-3);}
.wa .fonctions {display: grid; gap: 4px 28px;}
@media (min-width: 600px){
.wa .fonctions {grid-template-columns: 1fr 1fr;}
}
.wa .fonction {display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 14px 0; border-top: 1px solid var(--t12);}
@media (min-width: 600px){
.wa .fonction {grid-template-columns: 48px minmax(0, 1fr); padding: 16px 0;}
}
.wa .fonction__ic {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); color: var(--texte);}
.wa .fonction__ic svg {width: 24px; height: 24px;}
.wa .fonction h3 {font-size: 18px; font-weight: 800; line-height: 1.25;}
.wa .fonction p {margin-top: 3px; color: var(--texte-2); font-size: 15.5px; line-height: 1.45;}
.wa .apero {display: grid; gap: 34px; align-items: center;}
@media (min-width: 1024px){
.wa .apero {grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 72px;}
}
.wa .apero__photo {position: relative; padding-bottom: 64px;}
.wa .apero__photo > img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-photo); box-shadow: var(--o-photo);}
.wa .carte-apero {position: absolute; left: 14px; right: 14px; bottom: 0; display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 14px; align-items: center; padding: 14px; border-radius: var(--r-card); background: var(--papier); box-shadow: var(--o-carte);}
@media (min-width: 600px){
.wa .carte-apero {left: auto; right: -12px; width: 360px;}
}
.wa .carte-apero__date {display: grid; place-items: center; height: 64px; border-radius: 14px; background: var(--accent); color: var(--on-accent); font-family: var(--display); font-weight: 800; text-transform: uppercase; line-height: 1; text-align: center;}
.wa .carte-apero__date b {font-size: 15px; letter-spacing: .05em;}
.wa .carte-apero__date span {display: block; margin-top: 2px; font-size: 26px;}
.wa .carte-apero h3 {font-size: 17px; font-weight: 800; line-height: 1.25;}
.wa .carte-apero p {font-size: 14px; color: var(--texte-2);}
.wa .carte-apero .places {margin-top: 4px; display: flex; align-items: center; gap: 6px; font-weight: 700; color: var(--succes);}
.wa .apero .note-main {margin-bottom: 14px;}
.wa .coches {display: grid; gap: 10px; margin-top: 20px;}
.wa .coches li {display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 10px; font-size: 16.5px;}
.wa .coches li::before {content: ''; width: 28px; height: 28px; border-radius: 50%; background: var(--texte) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 16px no-repeat;}
.wa .direct {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px;}
.wa .direct li {display: inline-flex; align-items: baseline; gap: 6px; padding: 9px 14px; border-radius: var(--r-pill); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); font-size: 15px;}
.wa .direct b {font-family: var(--display); font-size: 22px; font-weight: 800; line-height: 1;}
.wa .direct li:first-child {background: var(--ink); color: var(--on-ink); box-shadow: none;}
.wa .direct li:first-child::before {content: ''; align-self: center; width: 8px; height: 8px; border-radius: 50%; background: var(--dispo);}
.wa .forum {display: grid; gap: 12px; margin-top: 30px;}
@media (min-width: 900px){
.wa .forum {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;}
}
.wa .sujet {display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-radius: var(--r-card); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); color: inherit; text-decoration: none; transition: transform .2s var(--ease), box-shadow .2s;}
.wa .sujet:hover {transform: translateY(-3px); box-shadow: inset 0 0 0 1px var(--t16), var(--o-carte);}
.wa .sujet h3 {font-size: 19px; font-weight: 800; line-height: 1.25;}
.wa .sujet p {color: var(--texte-2); font-size: 15.5px;}
.wa .sujet small {margin-top: auto; padding-top: 6px; font-size: 14px; font-weight: 700; color: var(--texte-3);}
@media (min-width: 900px){
.wa .sujet {gap: 6px; padding: 20px;}
}
.wa .sujet--fort {background: var(--ink); color: var(--on-ink); box-shadow: none;}
.wa .sujet--fort p, .wa .sujet--fort small {color: var(--on-ink-2);}
.wa .resultat:focus {outline: none;}
.wa .discretion {background: var(--nuit); color: #F4EEE4;}
.wa .discretion .titre em {color: var(--vif);}
.wa .discretion .chapo {color: var(--texte-nuit);}
.wa .discretion__grille {display: grid; gap: 34px; align-items: center;}
@media (min-width: 1024px){
.wa .discretion__grille {grid-template-columns: minmax(0, 1fr) 420px; gap: 72px;}
}
.wa .discretion__photo {position: relative; max-width: 420px;}
.wa .discretion__photo img {width: 100%; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 30%; border-radius: var(--r-photo); box-shadow: 0 30px 60px -28px rgb(0 0 0 / .8);}
@media (max-width: 1023px){
.wa .discretion__photo {order: -1;}
.wa .discretion__photo img {aspect-ratio: 2 / 1;}
}
.wa .promesses {display: grid; gap: 10px; margin-top: 28px;}
@media (min-width: 600px){
.wa .promesses {grid-template-columns: 1fr 1fr;}
}
.wa .promesse {display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px; border-radius: var(--r-card); background: rgb(255 255 255 / .06); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);}
.wa .promesse__ic {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: rgb(255 255 255 / .1); color: #fff;}
.wa .promesse__ic svg {width: 22px; height: 22px;}
.wa .promesse h3 {font-size: 17px; font-weight: 800; line-height: 1.25;}
.wa .promesse p {margin-top: 2px; font-size: 15px; color: var(--texte-nuit); line-height: 1.45;}
.wa .etiquette {text-align: center;}
.wa .etiquette .w-sec__tete {margin: 0 auto;}
.wa .etiquette .chapo {margin-left: auto; margin-right: auto;}
.wa .on-est {margin-top: 26px; font-family: var(--display); font-weight: 800; text-transform: uppercase; font-size: clamp(34px, 8vw, 52px); line-height: 1;}
.wa .on-est__mot {display: inline-block; min-width: 4.6em; padding: 2px 14px 6px; border-radius: 12px; background: var(--accent); color: var(--on-accent); transform: rotate(-2deg); transition: opacity .25s;}
.wa .on-est__mot.is-sort {opacity: 0;}
.wa .groupes {display: grid; gap: 8px; max-width: 900px; margin: 30px auto 0; text-align: left;}
.wa .groupes li {display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 16px; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); font-size: 15.5px; font-weight: 700;}
@media (min-width: 760px){
.wa .groupes {display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;}
.wa .groupes li {display: inline-flex; justify-content: flex-start; gap: 8px; padding: 11px 16px; border-radius: var(--r-pill);}
}
.wa .groupes li span {font-weight: 600; color: var(--texte-3); font-size: 14px; white-space: nowrap;}
.wa .etiquette__legende {margin-top: 16px; font-size: 14px; color: var(--texte-3);}
.wa .etiquette .w-cta {justify-content: center;}
.wa .faq {display: grid; gap: 34px;}
@media (min-width: 1024px){
.wa .faq {grid-template-columns: 400px minmax(0, 1fr); gap: 72px; align-items: start;}
}
.wa .faq__photo {position: relative; margin-top: 26px;}
.wa .faq__photo img {width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: var(--r-photo); box-shadow: var(--o-photo);}
.wa .faq__photo .note-main {position: absolute; right: 14px; bottom: -16px;}
@media (max-width: 1023px){
.wa .faq__photo {display: none;}
}
.wa .questions {border-top: 1px solid var(--t16);}
.wa .questions details {border-bottom: 1px solid var(--t16);}
.wa .questions summary {display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 64px; padding: 14px 0; font-size: 18px; font-weight: 800; line-height: 1.3; cursor: pointer; list-style: none;}
.wa .questions summary::-webkit-details-marker {display: none;}
.wa .questions summary::after {content: '+'; flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--papier); color: var(--texte); font-size: 24px; font-weight: 500; line-height: 1; box-shadow: inset 0 0 0 1px var(--t16); transition: transform .2s var(--ease);}
.wa .questions details[open] summary::after {transform: rotate(45deg);}
.wa .questions details p {padding: 0 0 20px; color: var(--texte-2); font-size: 16.5px; max-width: 40em;}
.wa .final {display: grid; background: var(--accent); color: var(--on-accent);}
@media (min-width: 1024px){
.wa .final {grid-template-columns: 1fr 1fr; min-height: 520px;}
}
.wa .final__photo {min-height: 300px;}
.wa .final__photo img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%;}
.wa .final__txt {padding: 48px var(--gutter) 56px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}
@media (min-width: 1024px){
.wa .final__txt {padding: 64px 72px;}
}
.wa .final .titre {font-size: clamp(56px, 14vw, 92px);}
.wa .final p {margin-top: 14px; font-size: 18px; max-width: 26em;}
.wa .final .wa-btn {margin-top: 26px;}
.wa .final small {margin-top: 14px; font-size: 14px; opacity: .85;}
.wa .pied {padding: 44px 0 calc(40px + env(safe-area-inset-bottom, 0px)); background: var(--ink); color: var(--on-ink);}
.wa .pied .gd {--gd-fs: 28px;}
.wa .pied__liens {display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 22px;}
.wa .pied__liens a {color: var(--on-ink); font-weight: 600;}
.wa .pied details {margin-top: 18px; font-size: 14px; color: var(--on-ink-2);}
.wa .pied summary {cursor: pointer; font-weight: 700; color: var(--on-ink); min-height: 44px; display: inline-flex; align-items: center;}
.wa .pied details p {margin-top: 6px; max-width: 60em;}
.wa .pied details a {color: var(--on-ink-2);}
.wa .pied__mention {margin-top: 18px; font-size: 13px; color: var(--on-ink-2);}
.wa .apparait {opacity: 0; transform: translateY(22px); transition: opacity .7s var(--ease), transform .7s var(--ease);}
.wa .apparait.is-vu {opacity: 1; transform: none;}
.wa .c-page {min-height: 100svh; padding-top: var(--nav-h); display: grid;}
@media (min-width: 960px){
.wa .c-page {grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);}
}
.wa .c-panneau {display: flex; flex-direction: column; width: 100%; max-width: 600px; margin: 0 auto; padding: 22px var(--gutter) 0;}
@media (min-width: 960px){
.wa .c-panneau {padding: 40px 56px 0; justify-self: end;}
}
.wa .c-cote {display: none;}
@media (min-width: 960px){
.wa .c-cote {display: block; position: sticky; top: var(--nav-h); height: calc(100svh - var(--nav-h)); padding: 20px 20px 20px 0;}
.wa .c-cote__in {position: relative; height: 100%; border-radius: var(--r-photo); overflow: hidden; background: #2A2219;}
.wa .c-cote__in img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%;}
.wa .c-cote__in::after {content: ''; position: absolute; inset: 45% 0 0; background: linear-gradient(transparent, rgb(0 0 0 / .78));}
.wa .c-cote__txt {position: absolute; z-index: 1; left: 32px; right: 32px; bottom: 30px; color: #fff;}
.wa .c-cote__txt .titre {font-size: 54px;}
.wa .c-cote__txt ul {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px;}
.wa .c-cote__txt li {padding: 7px 14px; border-radius: var(--r-pill); background: rgb(0 0 0 / .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); font-size: 14px; font-weight: 700;}
.wa .c-cote__rappel {margin-top: 14px; font-size: 16px; font-weight: 700;}
.wa .c-cote__rappel i {display: inline-block; width: 9px; height: 9px; margin-right: 8px; border-radius: 50%; background: var(--dispo);}
}
.wa .c-titre {font-family: var(--display); font-weight: 800; text-transform: uppercase; line-height: .9; font-size: clamp(42px, 11vw, 60px); text-wrap: balance;}
.wa .c-titre em {font-style: normal; color: var(--accent-titre);}
.wa .c-sous {margin-top: 10px; font-size: 17px; color: var(--texte-2);}
.wa .etapes {display: flex; align-items: center; gap: 8px; margin-bottom: 22px;}
.wa .etapes li {display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 700; color: var(--texte-3); white-space: nowrap;}
.wa .etapes li + li::before {content: ''; width: 18px; height: 2px; border-radius: 2px; background: var(--t16);}
.wa .etapes span {display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; box-shadow: inset 0 0 0 2px var(--t-champ); font-size: 13px;}
.wa .etapes [aria-current="step"] {color: var(--texte);}
.wa .etapes [aria-current="step"] span {background: var(--accent); color: var(--on-accent); box-shadow: none;}
.wa .etapes .is-fait span {background: var(--texte); color: var(--creme); box-shadow: none; font-size: 0;}
.wa .etapes .is-fait span::before {content: '✓'; font-size: 14px;}
@media (max-width: 479px){
.wa .etapes li:not([aria-current="step"]) b {display: none;}
.wa .etapes li + li::before {width: 14px;}
}
.wa .c-form {display: flex; flex-direction: column; flex: 1;}
.wa .c-etape[hidden] {display: none;}
.wa .c-champs {display: grid; gap: 22px; margin-top: 26px;}
.wa .c-q {font-weight: 800; font-size: 17px; line-height: 1.3;}
.wa .c-q small, .wa .c-aide {display: block; margin-top: 3px; font-weight: 500; font-size: 14.5px; color: var(--texte-3); line-height: 1.4;}
.wa .c-erreur {display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; font-size: 15px; font-weight: 700; color: var(--erreur);}
.wa .c-erreur[hidden] {display: none;}
.wa .c-erreur::before {content: '!'; flex: none; display: grid; place-items: center; width: 20px; height: 20px; margin-top: 1px; border-radius: 50%; background: var(--erreur); color: var(--creme); font-size: 13px; font-weight: 900;}
.wa .c-ok {margin-top: 8px; font-size: 15px; font-weight: 700; color: var(--succes);}
.wa .c-suggestion {display: block; margin-top: 8px; font-size: 15px; font-weight: 600; color: var(--texte-2);}
.wa .c-suggestion[hidden] {display: none;}
.wa .c-ok[hidden] {display: none;}
.wa fieldset {margin: 0; padding: 0; border: 0; min-width: 0;}
.wa legend {padding: 0;}
.wa .puces {display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px;}
.wa .puce {position: relative;}
.wa .puce input {position: absolute; opacity: 0; inset: 0; margin: 0; cursor: pointer;}
.wa .puce span {display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 18px; border-radius: var(--r-pill); background: var(--papier); box-shadow: inset 0 0 0 2px var(--t16); font-weight: 700; font-size: 16px; transition: background-color .15s, box-shadow .15s, color .15s;}
.wa .puce input:hover + span {box-shadow: inset 0 0 0 2px var(--t-champ);}
.wa .puce input:checked + span {background: var(--texte); color: var(--creme); box-shadow: none;}
.wa .puce input:checked + span::before {content: '✓'; font-size: 14px;}
.wa .puce input:focus-visible + span {outline: 3px solid var(--accent); outline-offset: 2px;}
.wa .puces--grandes .puce {flex: 1 1 0;}
.wa .puces--grandes .puce span {width: 100%; justify-content: center; min-height: 56px; font-size: 17px;}
.wa .c-invalide .puce span {box-shadow: inset 0 0 0 2px var(--erreur);}
.wa .c-champ {display: block;}
.wa .c-champ input, .wa .c-champ textarea {display: block; width: 100%; height: 56px; margin-top: 8px; padding: 0 18px; border: 0; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 2px var(--t-champ); font-size: 17px; outline: none; transition: box-shadow .15s;}
.wa .c-champ textarea {height: 110px; padding: 14px 18px; resize: vertical;}
.wa .c-champ input::placeholder, .wa .c-champ textarea::placeholder {color: var(--placeholder);}
.wa .c-champ input:focus, .wa .c-champ textarea:focus {box-shadow: inset 0 0 0 3px var(--accent);}
.wa .c-champ.c-invalide input {box-shadow: inset 0 0 0 2px var(--erreur); background: var(--erreur-fond);}
.wa .c-mdp {position: relative;}
.wa .c-mdp input {padding-right: 112px;}
.wa .c-mdp button {position: absolute; right: 6px; bottom: 6px; height: 44px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--sable); font-weight: 700; font-size: 15px;}
.wa .naissance {display: grid; grid-template-columns: 1fr 1fr 1.5fr; gap: 10px; margin-top: 8px;}
.wa .naissance input {margin-top: 0; text-align: center; letter-spacing: .04em;}
.wa .naissance label {display: block;}
.wa .naissance small {display: block; margin-top: 5px; text-align: center; font-size: 13px; color: var(--texte-3);}
.wa .age {margin-top: 10px; font-weight: 700; font-size: 15px; color: var(--succes);}
.wa .age[hidden] {display: none;}
.wa .c-champ .ville__champ {margin-top: 8px; min-height: 56px; box-shadow: inset 0 0 0 2px var(--t-champ);}
.wa .c-champ .ville__champ:focus-within {box-shadow: inset 0 0 0 3px var(--accent);}
.wa .c-champ .ville__champ input {height: 52px; margin: 0; padding: 0; box-shadow: none; background: transparent;}
.wa .c-champ.c-invalide .ville__champ {box-shadow: inset 0 0 0 2px var(--erreur);}
.wa .ville-choisie {display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 8px; min-height: 56px; padding: 6px 8px 6px 18px; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 2px var(--texte);}
.wa .ville-choisie b {font-size: 17px;}
.wa .ville-choisie span {color: var(--texte-3); font-weight: 600;}
.wa .ville-choisie button {height: 44px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--sable); font-weight: 700; font-size: 15px;}
.wa .rappel {display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 12px 14px; border-radius: var(--r-s); background: var(--ink); color: var(--on-ink); font-size: 15px; font-weight: 700;}
.wa .rappel i {flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--dispo); box-shadow: 0 0 0 3px rgb(47 179 107 / .3);}
.wa .rappel[hidden] {display: none;}
.wa .inter {display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 14px 16px; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); cursor: pointer;}
.wa .inter b {display: block; font-size: 16px;}
.wa .inter small {display: block; margin-top: 2px; font-size: 14px; color: var(--texte-3);}
.wa .inter input {appearance: none; -webkit-appearance: none; position: relative; width: 54px; height: 32px; margin: 0; border-radius: 999px; background: var(--t-champ); cursor: pointer; transition: background-color .2s;}
.wa .inter input::after {content: ''; position: absolute; left: 4px; top: 4px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgb(0 0 0 / .3); transition: transform .2s var(--ease);}
.wa .inter input:checked {background: var(--succes);}
.wa .inter input:checked::after {transform: translateX(22px);}
.wa .verif {display: grid; grid-template-columns: minmax(0, 1fr) 140px; gap: 10px; align-items: end;}
.wa .verif__img {display: flex; flex-direction: column; align-items: stretch; gap: 4px;}
.wa .verif__img svg {width: 140px; height: 56px; border-radius: var(--r-s); background: #F1E7D6; box-shadow: inset 0 0 0 1px var(--t12);}
.wa .verif__img button {border: 0; background: none; padding: 4px 0; font-size: 14px; font-weight: 700; color: var(--accent-texte); text-decoration: underline; min-height: 32px;}
.wa .verif .c-champ input {text-transform: uppercase; letter-spacing: .2em;}
.wa .c-legal {margin-top: 18px; font-size: 14px; color: var(--texte-3); line-height: 1.45;}
.wa .c-pied {position: sticky; bottom: 0; z-index: 5; margin: 26px calc(var(--gutter) * -1) 0; padding: 14px var(--gutter) calc(14px + env(safe-area-inset-bottom, 0px)); background: var(--creme); box-shadow: 0 -1px 0 var(--t12);}
@media (min-width: 960px), (max-height: 500px){
.wa .c-pied {position: static; margin: 30px 0 40px; padding: 0; box-shadow: none; background: none;}
}
.wa .c-pied .wa-btn {width: 100%;}
.wa .c-pied__sec {display: flex; justify-content: center; gap: 18px; margin-top: 10px; font-size: 15px;}
.wa .c-pied__sec .lien {color: var(--texte-2); font-weight: 600;}
.wa .c-alerte {display: block; margin-top: 18px; padding: 14px 16px; border-radius: var(--r-s); background: var(--erreur-fond); color: var(--erreur); font-weight: 700; font-size: 15.5px;}
.wa .c-alerte[hidden] {display: none;}
.wa .c-alerte a, .wa .c-alerte .lien {color: inherit;}
.wa .c-info {margin-top: 26px; padding: 16px 18px; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12); font-size: 15px; color: var(--texte-2);}
.wa .c-info b {display: block; margin-bottom: 4px; color: var(--texte); font-size: 14px; letter-spacing: .06em; text-transform: uppercase;}
.wa .c-case {display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 12px; align-items: start; cursor: pointer;}
.wa .c-case input {width: 26px; height: 26px; margin: 0; accent-color: var(--texte);}
.wa .c-case b {font-size: 16px;}
.wa .c-case small {display: block; font-size: 14px; color: var(--texte-3);}
.wa .c-lien-mdp {margin-top: -10px; text-align: right; font-size: 15px;}
.wa .c-envoye {padding: 26px 0;}
.wa .c-envoye .c-ic {display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 20px; border-radius: 50%; background: var(--accent-pale); color: var(--accent-texte);}
.wa .c-envoye .c-ic svg {width: 30px; height: 30px;}
.wa .bienvenue {max-width: 760px; margin: 0 auto; padding: calc(var(--nav-h) + 28px) var(--gutter) 60px;}
.wa .suites {display: grid; gap: 12px; margin-top: 28px;}
.wa .suite {display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 16px; align-items: start; padding: 18px; border-radius: var(--r-card); background: var(--papier); box-shadow: inset 0 0 0 1px var(--t12);}
.wa .suite__ic {display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--sable);}
.wa .suite__ic svg {width: 26px; height: 26px;}
.wa .suite h2 {font-size: 18px; font-weight: 800;}
.wa .suite p {margin-top: 2px; color: var(--texte-2); font-size: 15.5px;}
.wa .suite .wa-btn {margin-top: 12px;}
.wa .suite .c-champ textarea {margin-top: 10px;}
.wa .suite--forte {background: var(--ink); color: var(--on-ink); box-shadow: none;}
.wa .suite--forte p {color: var(--on-ink-2);}
.wa .suite--forte .suite__ic {background: rgb(255 255 255 / .1); color: #fff;}
@media (prefers-reduced-motion: reduce){
.wa *, .wa *::before, .wa *::after {animation: none !important; transition: none !important; scroll-behavior: auto !important;}
.wa .apparait {opacity: 1; transform: none;}
}
.wa .gd-v, .wa .gd-v > span {display: inline-block;}
.wa .gd-v > span {transform-origin: 50% 50%;}
.wa .gd-mot .gd-L2 {margin-left: -0.017em;}
.wa .gd-bulle * {transform-box: fill-box; transform-origin: 50% 50%;}
.wa .gd-bulle .gd-t {fill: currentColor;}
.wa .gd-bulle [class*="gd-sp"], .wa .gd-bulle [class*="gh-sp"] {opacity: 0;}
@keyframes gd-k_L0{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.133%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.289%{transform:translate(0,0.01em) scale(1.000,0.980);}0.444%{transform:translate(0,0) scale(1,1);opacity:1;}1.022%{transform:translate(0,0) scale(1,1);opacity:1;}1.156%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.311%{transform:translate(0,0.012em) scale(1.000,0.980);}1.467%{transform:translate(0,0) scale(1,1);opacity:1;}1.867%{transform:translate(0,0) scale(1,1);opacity:1;}2.000%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.156%{transform:translate(0,0.014em) scale(1.000,0.980);}2.311%{transform:translate(0,0) scale(1,1);opacity:1;}2.533%{transform:translate(0,0) scale(1,1);opacity:1;}2.667%{transform:translate(0,-0.064em) scale(1.000,1.030);}2.822%{transform:translate(0,0.016em) scale(1.000,0.980);}2.978%{transform:translate(0,0) scale(1,1);opacity:1;}3.067%{transform:translate(0,0) scale(1,1);opacity:1;}3.200%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.356%{transform:translate(0,0.018em) scale(1.000,0.980);}3.489%{transform:translate(0,0) scale(1,1);opacity:1;}3.511%{transform:translate(0,0) scale(1,1);opacity:1;}3.622%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.778%{transform:translate(0,0.02em) scale(1.000,0.980);}3.822%{transform:translate(0,0) scale(1,1);opacity:1;}3.933%{transform:translate(0,0) scale(1,1);opacity:1;}3.956%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.089%{transform:translate(0,0) scale(1,1);opacity:1;}4.111%{transform:translate(0,0.022em) scale(1.000,0.980);}4.222%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.267%{transform:translate(0,0) scale(1,1);opacity:1;}4.378%{transform:translate(0,0.024em) scale(1.000,0.980);}4.533%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_L1{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.049%{transform:translate(0,0) scale(1,1);opacity:1;}0.182%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.338%{transform:translate(0,0.01em) scale(1.000,0.980);}0.493%{transform:translate(0,0) scale(1,1);opacity:1;}1.071%{transform:translate(0,0) scale(1,1);opacity:1;}1.204%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.360%{transform:translate(0,0.012em) scale(1.000,0.980);}1.516%{transform:translate(0,0) scale(1,1);opacity:1;}1.916%{transform:translate(0,0) scale(1,1);opacity:1;}2.049%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.204%{transform:translate(0,0.014em) scale(1.000,0.980);}2.360%{transform:translate(0,0) scale(1,1);opacity:1;}2.582%{transform:translate(0,0) scale(1,1);opacity:1;}2.716%{transform:translate(0,-0.064em) scale(1.000,1.030);}2.871%{transform:translate(0,0.016em) scale(1.000,0.980);}3.027%{transform:translate(0,0) scale(1,1);opacity:1;}3.116%{transform:translate(0,0) scale(1,1);opacity:1;}3.249%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.404%{transform:translate(0,0.018em) scale(1.000,0.980);}3.538%{transform:translate(0,0) scale(1,1);opacity:1;}3.560%{transform:translate(0,0) scale(1,1);opacity:1;}3.671%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.827%{transform:translate(0,0.02em) scale(1.000,0.980);}3.871%{transform:translate(0,0) scale(1,1);opacity:1;}3.982%{transform:translate(0,0) scale(1,1);opacity:1;}4.004%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.138%{transform:translate(0,0) scale(1,1);opacity:1;}4.160%{transform:translate(0,0.022em) scale(1.000,0.980);}4.271%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.316%{transform:translate(0,0) scale(1,1);opacity:1;}4.427%{transform:translate(0,0.024em) scale(1.000,0.980);}4.582%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_L2{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.098%{transform:translate(0,0) scale(1,1);opacity:1;}0.231%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.387%{transform:translate(0,0.01em) scale(1.000,0.980);}0.542%{transform:translate(0,0) scale(1,1);opacity:1;}1.120%{transform:translate(0,0) scale(1,1);opacity:1;}1.253%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.409%{transform:translate(0,0.012em) scale(1.000,0.980);}1.564%{transform:translate(0,0) scale(1,1);opacity:1;}1.964%{transform:translate(0,0) scale(1,1);opacity:1;}2.098%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.253%{transform:translate(0,0.014em) scale(1.000,0.980);}2.409%{transform:translate(0,0) scale(1,1);opacity:1;}2.631%{transform:translate(0,0) scale(1,1);opacity:1;}2.764%{transform:translate(0,-0.064em) scale(1.000,1.030);}2.920%{transform:translate(0,0.016em) scale(1.000,0.980);}3.076%{transform:translate(0,0) scale(1,1);opacity:1;}3.164%{transform:translate(0,0) scale(1,1);opacity:1;}3.298%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.453%{transform:translate(0,0.018em) scale(1.000,0.980);}3.587%{transform:translate(0,0) scale(1,1);opacity:1;}3.609%{transform:translate(0,0) scale(1,1);opacity:1;}3.720%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.876%{transform:translate(0,0.02em) scale(1.000,0.980);}3.920%{transform:translate(0,0) scale(1,1);opacity:1;}4.031%{transform:translate(0,0) scale(1,1);opacity:1;}4.053%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.187%{transform:translate(0,0) scale(1,1);opacity:1;}4.209%{transform:translate(0,0.022em) scale(1.000,0.980);}4.320%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.364%{transform:translate(0,0) scale(1,1);opacity:1;}4.476%{transform:translate(0,0.024em) scale(1.000,0.980);}4.631%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_L3{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.147%{transform:translate(0,0) scale(1,1);opacity:1;}0.280%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.436%{transform:translate(0,0.01em) scale(1.000,0.980);}0.591%{transform:translate(0,0) scale(1,1);opacity:1;}1.169%{transform:translate(0,0) scale(1,1);opacity:1;}1.302%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.458%{transform:translate(0,0.012em) scale(1.000,0.980);}1.613%{transform:translate(0,0) scale(1,1);opacity:1;}2.013%{transform:translate(0,0) scale(1,1);opacity:1;}2.147%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.302%{transform:translate(0,0.014em) scale(1.000,0.980);}2.458%{transform:translate(0,0) scale(1,1);opacity:1;}2.680%{transform:translate(0,0) scale(1,1);opacity:1;}2.813%{transform:translate(0,-0.064em) scale(1.000,1.030);}2.969%{transform:translate(0,0.016em) scale(1.000,0.980);}3.124%{transform:translate(0,0) scale(1,1);opacity:1;}3.213%{transform:translate(0,0) scale(1,1);opacity:1;}3.347%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.502%{transform:translate(0,0.018em) scale(1.000,0.980);}3.636%{transform:translate(0,0) scale(1,1);opacity:1;}3.658%{transform:translate(0,0) scale(1,1);opacity:1;}3.769%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.924%{transform:translate(0,0.02em) scale(1.000,0.980);}3.969%{transform:translate(0,0) scale(1,1);opacity:1;}4.080%{transform:translate(0,0) scale(1,1);opacity:1;}4.102%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.236%{transform:translate(0,0) scale(1,1);opacity:1;}4.258%{transform:translate(0,0.022em) scale(1.000,0.980);}4.369%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.413%{transform:translate(0,0) scale(1,1);opacity:1;}4.524%{transform:translate(0,0.024em) scale(1.000,0.980);}4.680%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_L4{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.196%{transform:translate(0,0) scale(1,1);opacity:1;}0.329%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.484%{transform:translate(0,0.01em) scale(1.000,0.980);}0.640%{transform:translate(0,0) scale(1,1);opacity:1;}1.218%{transform:translate(0,0) scale(1,1);opacity:1;}1.351%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.507%{transform:translate(0,0.012em) scale(1.000,0.980);}1.662%{transform:translate(0,0) scale(1,1);opacity:1;}2.062%{transform:translate(0,0) scale(1,1);opacity:1;}2.196%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.351%{transform:translate(0,0.014em) scale(1.000,0.980);}2.507%{transform:translate(0,0) scale(1,1);opacity:1;}2.729%{transform:translate(0,0) scale(1,1);opacity:1;}2.862%{transform:translate(0,-0.064em) scale(1.000,1.030);}3.018%{transform:translate(0,0.016em) scale(1.000,0.980);}3.173%{transform:translate(0,0) scale(1,1);opacity:1;}3.262%{transform:translate(0,0) scale(1,1);opacity:1;}3.396%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.551%{transform:translate(0,0.018em) scale(1.000,0.980);}3.684%{transform:translate(0,0) scale(1,1);opacity:1;}3.707%{transform:translate(0,0) scale(1,1);opacity:1;}3.818%{transform:translate(0,-0.08em) scale(1.000,1.030);}3.973%{transform:translate(0,0.02em) scale(1.000,0.980);}4.018%{transform:translate(0,0) scale(1,1);opacity:1;}4.129%{transform:translate(0,0) scale(1,1);opacity:1;}4.151%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.284%{transform:translate(0,0) scale(1,1);opacity:1;}4.307%{transform:translate(0,0.022em) scale(1.000,0.980);}4.418%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.462%{transform:translate(0,0) scale(1,1);opacity:1;}4.573%{transform:translate(0,0.024em) scale(1.000,0.980);}4.729%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_L5{0.000%{transform:translate(0,0) scale(1,1);opacity:1;}0.244%{transform:translate(0,0) scale(1,1);opacity:1;}0.378%{transform:translate(0,-0.04em) scale(1.000,1.030);}0.533%{transform:translate(0,0.01em) scale(1.000,0.980);}0.689%{transform:translate(0,0) scale(1,1);opacity:1;}1.267%{transform:translate(0,0) scale(1,1);opacity:1;}1.400%{transform:translate(0,-0.048em) scale(1.000,1.030);}1.556%{transform:translate(0,0.012em) scale(1.000,0.980);}1.711%{transform:translate(0,0) scale(1,1);opacity:1;}2.111%{transform:translate(0,0) scale(1,1);opacity:1;}2.244%{transform:translate(0,-0.056em) scale(1.000,1.030);}2.400%{transform:translate(0,0.014em) scale(1.000,0.980);}2.556%{transform:translate(0,0) scale(1,1);opacity:1;}2.778%{transform:translate(0,0) scale(1,1);opacity:1;}2.911%{transform:translate(0,-0.064em) scale(1.000,1.030);}3.067%{transform:translate(0,0.016em) scale(1.000,0.980);}3.222%{transform:translate(0,0) scale(1,1);opacity:1;}3.311%{transform:translate(0,0) scale(1,1);opacity:1;}3.444%{transform:translate(0,-0.072em) scale(1.000,1.030);}3.600%{transform:translate(0,0.018em) scale(1.000,0.980);}3.733%{transform:translate(0,0) scale(1,1);opacity:1;}3.756%{transform:translate(0,0) scale(1,1);opacity:1;}3.867%{transform:translate(0,-0.08em) scale(1.000,1.030);}4.022%{transform:translate(0,0.02em) scale(1.000,0.980);}4.067%{transform:translate(0,0) scale(1,1);opacity:1;}4.178%{transform:translate(0,0) scale(1,1);opacity:1;}4.200%{transform:translate(0,-0.088em) scale(1.000,1.030);}4.333%{transform:translate(0,0) scale(1,1);opacity:1;}4.356%{transform:translate(0,0.022em) scale(1.000,0.980);}4.467%{transform:translate(0,-0.096em) scale(1.000,1.030);}4.511%{transform:translate(0,0) scale(1,1);opacity:1;}4.622%{transform:translate(0,0.024em) scale(1.000,0.980);}4.778%{transform:translate(0,0) scale(1,1);opacity:1;}100%{transform:translate(0,0) scale(1,1);opacity:1;}}
@keyframes gd-k_dial{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}0.156%{transform:translate(0.0px,0.0px) scale(1.030,1.030);}0.378%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.022%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.178%{transform:translate(0.0px,0.0px) scale(1.036,1.036);}1.400%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.022%{transform:translate(0.0px,0.0px) scale(1.042,1.042);}2.244%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.533%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.689%{transform:translate(0.0px,0.0px) scale(1.048,1.048);}2.911%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.067%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.222%{transform:translate(0.0px,0.0px) scale(1.054,1.054);}3.444%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.489%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.644%{transform:translate(0.0px,0.0px) scale(1.060,1.060);}3.822%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.978%{transform:translate(0.0px,0.0px) scale(1.066,1.066);}4.089%{transform:translate(0px,0px) scale(1,1);opacity:1;}4.200%{transform:translate(0px,0px) scale(1,1);opacity:1;}4.244%{transform:translate(0.0px,0.0px) scale(1.072,1.072);}4.311%{transform:translate(0px,0px) scale(1,1);opacity:1;}4.467%{transform:translate(0px,0px) scale(1,1);opacity:1;}4.533%{transform:translate(0.0px,0.0px) scale(1.100,0.887);}4.756%{transform:translate(0.0px,0.0px) scale(0.912,1.113);}4.889%{transform:translate(0px,0px) scale(1,1);opacity:1;}5.022%{transform:translate(0.0px,0.0px) scale(1.025,0.990);}5.111%{transform:translate(0.0px,0.0px) scale(1.100,0.887);}5.289%{transform:translate(0px,0px) scale(1,1);opacity:1;}5.333%{transform:translate(0.0px,0.0px) scale(0.912,1.113);}5.378%{transform:translate(0px,0px) scale(1,1);opacity:1;}5.600%{transform:translate(0.0px,0.0px) scale(1.025,0.990);}5.600%{transform:translate(0.0px,0.0px) scale(1.100,0.887);}5.822%{transform:translate(0.0px,0.0px) scale(0.912,1.113);}5.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}6.089%{transform:translate(0.0px,0.0px) scale(1.025,0.990);}6.356%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_dot0{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.111%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.289%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}1.556%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.111%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.289%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}2.556%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.889%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.067%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}3.333%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.556%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.733%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}4.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_dot1{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.267%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.444%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}1.711%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.267%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.444%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}2.711%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.044%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.222%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}3.489%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.711%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.889%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}4.156%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_dot2{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.422%{transform:translate(0px,0px) scale(1,1);opacity:1;}1.600%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}1.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.422%{transform:translate(0px,0px) scale(1,1);opacity:1;}2.600%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}2.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.200%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.378%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}3.644%{transform:translate(0px,0px) scale(1,1);opacity:1;}3.867%{transform:translate(0px,0px) scale(1,1);opacity:1;}4.044%{transform:translate(0.0px,-6.0px) scale(1.450,1.450);}4.311%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_med{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4);}0.622%{transform:translate(-107.7px,104.3px) scale(0.000,0.000);opacity:1;}0.644%{transform:translate(-153.9px,149.0px) scale(0.200,0.200);opacity:0;}4.711%{transform:translate(-153.9px,149.0px) scale(0.200,0.200);opacity:0;}4.733%{transform:translate(-153.9px,149.0px) scale(0.350,0.350);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}5.178%{transform:translate(30.8px,-29.8px) scale(1.140,0.900);}5.467%{transform:translate(-6.2px,6.0px) scale(0.960,1.040);}5.756%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_sma{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4);}0.622%{transform:translate(-132.5px,-38.7px) scale(0.000,0.000);opacity:1;}0.644%{transform:translate(-189.2px,-55.2px) scale(0.200,0.200);opacity:0;}5.289%{transform:translate(-189.2px,-55.2px) scale(0.200,0.200);opacity:0;}5.311%{transform:translate(-189.2px,-55.2px) scale(0.350,0.350);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}5.756%{transform:translate(37.8px,11.0px) scale(1.140,0.900);}6.044%{transform:translate(-7.6px,-2.2px) scale(0.960,1.040);}6.333%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gd-k_sp0{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.778%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.800%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.200%{transform:translate(246.4px,-191.0px) scale(1.000,1.000);opacity:1;}6.600%{transform:translate(380.8px,-224.9px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.178%{transform:translate(448.1px,-60.3px) scale(0.700,0.700);opacity:0;}100%{transform:translate(448.1px,-60.3px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp1{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.804%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.827%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.227%{transform:translate(295.2px,-269.3px) scale(1.000,1.000);opacity:1;}6.627%{transform:translate(456.3px,-345.9px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.204%{transform:translate(536.8px,-202.7px) scale(0.700,0.700);opacity:0;}100%{transform:translate(536.8px,-202.7px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp2{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.831%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.853%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.253%{transform:translate(340.4px,-349.3px) scale(1.000,1.000);opacity:1;}6.653%{transform:translate(526.1px,-469.5px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.231%{transform:translate(619.0px,-348.1px) scale(0.700,0.700);opacity:0;}100%{transform:translate(619.0px,-348.1px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp3{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.858%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.880%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.280%{transform:translate(428.7px,-370.2px) scale(1.000,1.000);opacity:1;}6.680%{transform:translate(662.5px,-501.8px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.258%{transform:translate(779.4px,-386.1px) scale(0.700,0.700);opacity:0;}100%{transform:translate(779.4px,-386.1px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp4{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.884%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.907%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.307%{transform:translate(242.4px,-273.1px) scale(1.000,1.000);opacity:1;}6.707%{transform:translate(374.7px,-351.8px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.284%{transform:translate(440.8px,-209.6px) scale(0.700,0.700);opacity:0;}100%{transform:translate(440.8px,-209.6px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp5{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.911%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.933%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.333%{transform:translate(515.7px,-387.1px) scale(1.000,1.000);opacity:1;}6.733%{transform:translate(797.0px,-528.0px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.311%{transform:translate(937.7px,-416.9px) scale(0.700,0.700);opacity:0;}100%{transform:translate(937.7px,-416.9px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp6{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.938%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.960%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.360%{transform:translate(327.1px,-418.3px) scale(1.000,1.000);opacity:1;}6.760%{transform:translate(505.5px,-576.2px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.338%{transform:translate(594.8px,-473.6px) scale(0.700,0.700);opacity:0;}100%{transform:translate(594.8px,-473.6px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp7{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.964%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.987%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.387%{transform:translate(307.4px,-161.7px) scale(1.000,1.000);opacity:1;}6.787%{transform:translate(475.1px,-179.6px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.364%{transform:translate(558.9px,-7.0px) scale(0.700,0.700);opacity:0;}100%{transform:translate(558.9px,-7.0px) scale(0.700,0.700);opacity:0;}}
@keyframes gd-k_sp8{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}5.991%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}6.013%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}6.413%{transform:translate(166.4px,-272.4px) scale(1.000,1.000);opacity:1;}6.813%{transform:translate(257.1px,-350.7px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}7.391%{transform:translate(302.5px,-208.3px) scale(0.700,0.700);opacity:0;}100%{transform:translate(302.5px,-208.3px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_dial{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}9.091%{transform:translate(0.0px,0.0px) scale(1.096,0.892);}18.182%{transform:translate(0.0px,0.0px) scale(0.916,1.108);}29.091%{transform:translate(0.0px,0.0px) scale(1.024,0.990);}40.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gh-k_med{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4);}9.091%{transform:translate(-151.2px,146.4px) scale(0.150,0.150);opacity:1;}10.000%{transform:translate(-252.0px,243.9px) scale(0.200,0.200);opacity:0;}17.273%{transform:translate(-153.9px,149.0px) scale(0.200,0.200);opacity:0;}18.182%{transform:translate(-153.9px,149.0px) scale(0.350,0.350);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}36.364%{transform:translate(27.7px,-26.8px) scale(1.140,0.900);}48.182%{transform:translate(-6.2px,6.0px) scale(0.960,1.040);}60.000%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gh-k_sma{0.000%{transform:translate(0px,0px) scale(1,1);opacity:1;animation-timing-function:cubic-bezier(.6,0,.9,.4);}9.091%{transform:translate(-192.2px,-56.1px) scale(0.150,0.150);opacity:1;}10.000%{transform:translate(-320.4px,-93.5px) scale(0.200,0.200);opacity:0;}22.727%{transform:translate(-189.2px,-55.2px) scale(0.200,0.200);opacity:0;}23.636%{transform:translate(-189.2px,-55.2px) scale(0.350,0.350);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}41.818%{transform:translate(34.1px,9.9px) scale(1.140,0.900);}53.636%{transform:translate(-7.6px,-2.2px) scale(0.960,1.040);}65.455%{transform:translate(0px,0px) scale(1,1);opacity:1;}100%{transform:translate(0px,0px) scale(1,1);opacity:1;}}
@keyframes gh-k_sp0{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}20.909%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}21.818%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}38.182%{transform:translate(192.9px,-146.0px) scale(1.000,1.000);opacity:1;}54.545%{transform:translate(298.1px,-155.4px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}78.182%{transform:translate(350.6px,21.5px) scale(0.700,0.700);opacity:0;}100%{transform:translate(350.6px,21.5px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp1{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}22.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}22.909%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}39.273%{transform:translate(231.1px,-207.3px) scale(1.000,1.000);opacity:1;}55.636%{transform:translate(357.1px,-250.1px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}79.273%{transform:translate(420.1px,-90.0px) scale(0.700,0.700);opacity:0;}100%{transform:translate(420.1px,-90.0px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp2{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}23.091%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}24.000%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}40.364%{transform:translate(266.4px,-269.9px) scale(1.000,1.000);opacity:1;}56.727%{transform:translate(411.8px,-346.8px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}80.364%{transform:translate(484.4px,-203.8px) scale(0.700,0.700);opacity:0;}100%{transform:translate(484.4px,-203.8px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp3{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}24.182%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}25.091%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}41.455%{transform:translate(335.5px,-286.3px) scale(1.000,1.000);opacity:1;}57.818%{transform:translate(518.5px,-372.1px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}81.455%{transform:translate(610.0px,-233.5px) scale(0.700,0.700);opacity:0;}100%{transform:translate(610.0px,-233.5px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp4{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}25.273%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}26.182%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}42.545%{transform:translate(189.7px,-210.3px) scale(1.000,1.000);opacity:1;}58.909%{transform:translate(293.2px,-254.7px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}82.545%{transform:translate(345.0px,-95.4px) scale(0.700,0.700);opacity:0;}100%{transform:translate(345.0px,-95.4px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp5{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}26.364%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}27.273%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}43.636%{transform:translate(403.6px,-299.6px) scale(1.000,1.000);opacity:1;}60.000%{transform:translate(623.8px,-392.6px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}83.636%{transform:translate(733.8px,-257.7px) scale(0.700,0.700);opacity:0;}100%{transform:translate(733.8px,-257.7px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp6{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}27.455%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}28.364%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}44.727%{transform:translate(256.0px,-323.9px) scale(1.000,1.000);opacity:1;}61.091%{transform:translate(395.6px,-430.3px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}84.727%{transform:translate(465.5px,-302.0px) scale(0.700,0.700);opacity:0;}100%{transform:translate(465.5px,-302.0px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp7{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}28.545%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}29.455%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}45.818%{transform:translate(240.6px,-123.1px) scale(1.000,1.000);opacity:1;}62.182%{transform:translate(371.8px,-120.0px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}85.818%{transform:translate(437.4px,63.1px) scale(0.700,0.700);opacity:0;}100%{transform:translate(437.4px,63.1px) scale(0.700,0.700);opacity:0;}}
@keyframes gh-k_sp8{0.000%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}29.636%{transform:translate(0.0px,0.0px) scale(0.300,0.300);opacity:0;}30.545%{transform:translate(0.0px,0.0px) scale(0.600,0.600);opacity:1;animation-timing-function:cubic-bezier(.2,.8,.3,1);}46.909%{transform:translate(130.2px,-209.8px) scale(1.000,1.000);opacity:1;}63.273%{transform:translate(201.2px,-253.9px) scale(0.900,0.900);opacity:0.95;animation-timing-function:cubic-bezier(.6,0,.9,.4);}86.909%{transform:translate(236.8px,-94.4px) scale(0.700,0.700);opacity:0;}100%{transform:translate(236.8px,-94.4px) scale(0.700,0.700);opacity:0;}}
@media (prefers-reduced-motion: no-preference){
.wa .gd--anime .gd-L0 {animation:gd-k_L0 45s 45s infinite both}
.wa .gd--anime .gd-L1 {animation:gd-k_L1 45s 45s infinite both}
.wa .gd--anime .gd-L2 {animation:gd-k_L2 45s 45s infinite both}
.wa .gd--anime .gd-L3 {animation:gd-k_L3 45s 45s infinite both}
.wa .gd--anime .gd-L4 {animation:gd-k_L4 45s 45s infinite both}
.wa .gd--anime .gd-L5 {animation:gd-k_L5 45s 45s infinite both}
.wa .gd--anime .gd-dial {animation:gd-k_dial 45s 45s infinite both}
.wa .gd--anime .gd-dot0 {animation:gd-k_dot0 45s 45s infinite both}
.wa .gd--anime .gd-dot1 {animation:gd-k_dot1 45s 45s infinite both}
.wa .gd--anime .gd-dot2 {animation:gd-k_dot2 45s 45s infinite both}
.wa .gd--anime .gd-med {animation:gd-k_med 45s 45s infinite both}
.wa .gd--anime .gd-sma {animation:gd-k_sma 45s 45s infinite both}
.wa .gd--anime .gd-sp0 {animation:gd-k_sp0 45s 45s infinite both}
.wa .gd--anime .gd-sp1 {animation:gd-k_sp1 45s 45s infinite both}
.wa .gd--anime .gd-sp2 {animation:gd-k_sp2 45s 45s infinite both}
.wa .gd--anime .gd-sp3 {animation:gd-k_sp3 45s 45s infinite both}
.wa .gd--anime .gd-sp4 {animation:gd-k_sp4 45s 45s infinite both}
.wa .gd--anime .gd-sp5 {animation:gd-k_sp5 45s 45s infinite both}
.wa .gd--anime .gd-sp6 {animation:gd-k_sp6 45s 45s infinite both}
.wa .gd--anime .gd-sp7 {animation:gd-k_sp7 45s 45s infinite both}
.wa .gd--anime .gd-sp8 {animation:gd-k_sp8 45s 45s infinite both}
.wa .wa-nav .logo:hover .gh-dial {animation:gh-k_dial 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-med {animation:gh-k_med 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sma {animation:gh-k_sma 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp0 {animation:gh-k_sp0 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp1 {animation:gh-k_sp1 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp2 {animation:gh-k_sp2 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp3 {animation:gh-k_sp3 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp4 {animation:gh-k_sp4 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp5 {animation:gh-k_sp5 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp6 {animation:gh-k_sp6 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp7 {animation:gh-k_sp7 1.1s 1 both}
.wa .wa-nav .logo:hover .gh-sp8 {animation:gh-k_sp8 1.1s 1 both}
}
/* ==========================================================================
   Intégration dans www (src/www.css, ajouté tel quel à la fin de la feuille par fabrique.py)
   Pages : accueil visiteur (body.homepage.login_0), inscription, connexion, mot de passe oublié.
   ========================================================================== */

/* Les quatre pages ont leur barre (logo animé, Connexion, Rejoindre) : la barre bn-top du site y est masquée,
   et le corps ne garde pas la marge prévue pour elle. Même bleu et même hauteur que bn-top (60 px, 56 au téléphone). */
body.homepage.login_0, body.account_register.login_0, body.account_login.login_0, body.account_lostpass.login_0 { padding-top: 0 !important; background: #F4F6F9; }
body.homepage.login_0 .bn-top, body.account_register.login_0 .bn-top, body.account_login.login_0 .bn-top, body.account_lostpass.login_0 .bn-top,
body.homepage.login_0 .bn-tabs, body.account_register.login_0 .bn-tabs, body.account_login.login_0 .bn-tabs, body.account_lostpass.login_0 .bn-tabs { display: none !important; }
.wa { --nav-h: 60px; font: 400 16px/1.55 var(--font); color: var(--texte); -webkit-font-smoothing: antialiased; }
@media (max-width: 991px) { .wa { --nav-h: 56px; } }
.wa .wa-nav { z-index: 1040; }
.wa .wa-nav .wa-btn--sm { min-height: 40px; }
/* Pied de vld sur l'accueil : la publicité reste (ordinateur), la ligne « © 2016 | … » laisse place au pied de la page */
body.homepage.login_0 #footer .col-sm-4, body.homepage.login_0 #footer .col-md-8 { display: none; }
body.homepage.login_0 #footer { background: #F4F6F9; }

/* Messages de vld (message.tpl) */
body.homepage.login_0 > .alert { position: fixed; z-index: 1041; top: calc(var(--wa-nav-h, 60px) + 12px); left: 50%; width: min(520px, calc(100vw - 32px)); transform: translateX(-50%);
  margin: 0; padding: 14px 44px 14px 16px; border: 0; border-radius: 16px; font: 600 15.5px/1.45 'Figtree', system-ui, sans-serif; box-shadow: 0 18px 40px -20px rgb(0 0 0 / .5); }
.wa .alert { position: relative; margin: 0 0 18px; padding: 14px 44px 14px 16px; border: 0; border-radius: var(--r-s); font-size: 15.5px; font-weight: 600; line-height: 1.45; box-shadow: none; }
body.homepage.login_0 > .alert-danger, .wa .alert-danger { background: #FBE4E0; color: #A61B1B; }
body.homepage.login_0 > .alert-success, .wa .alert-success { background: #DDF1E4; color: #17683E; }
body.homepage.login_0 > .alert h4, .wa .alert h4 { display: none; }
body.homepage.login_0 > .alert .close, .wa .alert .close { position: absolute; top: 8px; right: 8px; width: 32px; height: 32px; padding: 0; border: 0; background: none; color: inherit; font-size: 24px; line-height: 1; opacity: .7; text-shadow: none; }

/* Remises à zéro de Bootstrap 3 à l'intérieur de .wa */
.wa h1, .wa h2, .wa h3 { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; }
.wa label { max-width: none; margin: 0; font-weight: inherit; }
.wa legend { display: block; width: auto; padding: 0; margin: 0; font-size: inherit; line-height: inherit; color: inherit; border: 0; }
.wa fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.wa input[type="radio"], .wa input[type="checkbox"] { margin: 0; line-height: normal; }
.wa input, .wa textarea, .wa select, .wa button { font-family: inherit; }
.wa a:hover, .wa a:focus { color: var(--accent-texte); }
.wa .wa-btn, .wa .wa-btn:hover, .wa .wa-btn:focus { text-decoration: none; white-space: normal; }
.wa .wa-btn--cta, .wa .wa-btn--cta:hover, .wa .wa-btn--cta:focus { color: var(--on-accent); }
.wa .wa-btn--line:hover, .wa .wa-btn--line:focus { color: var(--texte); }
.wa .wa-nav .wa-btn--line, .wa .wa-nav .wa-btn--line:hover, .wa .wa-nav .wa-btn--line:focus { color: #FFFFFF; }
.wa .wa-btn--blanc:hover, .wa .wa-btn--blanc:focus { color: #17140F; }
.wa .wa-btn--sm { white-space: nowrap; }
.wa [hidden] { display: none !important; }
.wa .gd-bulle { overflow: visible; }
.wa .wa-pot { position: absolute !important; left: -9999px; width: 1px; height: 1px; opacity: 0; }

/* Champ « Ta ville » : le composant bep-lieu de www, habillé comme le champ du prototype */
.wa .wa-lieu .bep-lieu-ligne { display: flex; flex-wrap: nowrap; align-items: center; gap: 0; min-height: 60px; padding: 0 6px 0 0; border-radius: var(--r-pill); background: var(--papier); box-shadow: inset 0 0 0 2px var(--texte), var(--o-champ); }
.wa .wa-lieu .bep-lieu-ligne:focus-within { box-shadow: inset 0 0 0 3px var(--accent), var(--o-champ); }
.wa .wa-lieu .bep-lieu-ligne::before { content: ''; flex: none; width: 22px; height: 22px; margin: 0 8px 0 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235E6B80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5a7 7 0 0 1 14 0C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.6'/%3E%3C/svg%3E") center / contain no-repeat; }
.wa .wa-lieu .bep-lieu-ligne input[type="text"] { flex: 1 1 auto; min-width: 0; width: auto; height: 56px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; font-size: 18px; color: var(--texte); outline: none; }
.wa .wa-lieu .bep-lieu-ligne input[type="text"]::placeholder { color: var(--placeholder); }
.wa .wa-lieu .bep-lieu-position { flex: none; width: 48px; height: 48px; margin: 0; padding: 0; border: 0; border-radius: 50%; overflow: hidden; color: transparent; font-size: 0; text-indent: -999px;
  background: var(--sable) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B2433' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='7'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E") center / 22px no-repeat; }
.wa .wa-lieu .bep-lieu-liste { top: calc(100% + 8px); padding: 6px; border: 0; border-radius: var(--r-card); background: var(--papier); color: var(--texte); box-shadow: 0 0 0 1px var(--t12), var(--o-carte); }
.wa .wa-lieu .bep-lieu-liste li { min-height: 48px; padding: 8px 14px; border-radius: 12px; }
.wa .wa-lieu .bep-lieu-liste li.actif, .wa .wa-lieu .bep-lieu-liste li:hover { background: var(--sable); }
.wa .wa-lieu .bep-lieu-liste .nom { font-weight: 700; }
.wa .wa-lieu .bep-lieu-liste .sous { color: var(--texte-3); font-size: 14px; }
.wa .wa-lieu .bep-lieu-choix { display: flex; align-items: center; gap: 10px; min-height: 60px; padding: 6px 8px 6px 20px; border: 0; border-radius: var(--r-pill); background: var(--papier); color: var(--texte); box-shadow: inset 0 0 0 2px var(--texte); }
.wa .wa-lieu .bep-lieu-choix .nom { font-size: 18px; font-weight: 700; }
.wa .wa-lieu .bep-lieu-choix .sous { color: var(--texte-3); font-size: 15px; }
.wa .wa-lieu .bep-lieu-changer { margin-left: auto; height: 44px; padding: 0 14px; border: 0; border-radius: 12px; background: var(--sable); color: var(--texte); font-weight: 700; font-size: 15px; }
/* dans le formulaire d'inscription : champ rectangulaire comme les autres */
.wa .wa-lieu--champ { margin-top: 8px; }
.wa .wa-lieu--champ .bep-lieu-ligne, .wa .wa-lieu--champ .bep-lieu-choix { min-height: 56px; border-radius: var(--r-s); box-shadow: inset 0 0 0 2px var(--t-champ); }
.wa .wa-lieu--champ .bep-lieu-ligne:focus-within { box-shadow: inset 0 0 0 3px var(--accent); }
.wa .wa-lieu--champ .bep-lieu-choix { box-shadow: inset 0 0 0 2px var(--texte); }
.wa .c-invalide .wa-lieu--champ .bep-lieu-ligne { box-shadow: inset 0 0 0 2px var(--erreur); }

/* Image de vérification de vld (120 × 40) */
.wa .verif__img img { display: block; width: 140px; height: 56px; object-fit: contain; border-radius: var(--r-s); background: #FFFFFF; box-shadow: inset 0 0 0 1px var(--t12); }
.wa .c-aide-mdp { display: block; margin-top: 6px; font-size: 14px; color: var(--texte-3); }

/* Fuites du thème de www relevées au banc : libellés rouges (label du thème), « Déjà membre ? » sur la barre, contour du message */
.wa label { color: inherit; }
.wa .wa-nav__bascule { color: #C7D3E6; }
.wa .wa-nav__bascule a { color: #FFFFFF; font-weight: 700; }
.wa .c-messages .alert:focus { outline: none; }

/* Correctif du 07/10 au soir : photo à l'inscription (www l'exige), code de vérification affiché tel qu'il est tapé */
.wa .verif .c-champ input { text-transform: none; letter-spacing: .06em; }
.wa .photo { position: relative; display: flex; align-items: center; gap: 14px; margin-top: 8px; min-height: 84px; padding: 10px 12px; border-radius: var(--r-s); background: var(--papier); box-shadow: inset 0 0 0 2px var(--t-champ); cursor: pointer; }
.wa .photo:hover { box-shadow: inset 0 0 0 2px var(--texte); }
.wa .photo:focus-within { box-shadow: inset 0 0 0 3px var(--accent); }
.wa .photo input { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.wa .photo__ic { flex: none; display: grid; place-items: center; width: 60px; height: 60px; border-radius: 12px; background: var(--sable); color: var(--texte); }
.wa .photo__ic svg { width: 28px; height: 28px; }
.wa .photo__apercu { flex: none; width: 60px; height: 60px; object-fit: cover; border-radius: 12px; }
.wa .photo__txt { min-width: 0; }
.wa .photo__txt b { display: block; font-size: 16px; font-weight: 800; }
.wa .photo__txt small { display: block; margin-top: 2px; overflow: hidden; font-size: 14px; color: var(--texte-3); text-overflow: ellipsis; white-space: nowrap; }
.wa .photo__changer { flex: none; margin-left: auto; padding: 10px 14px; border-radius: 12px; background: var(--sable); font-size: 15px; font-weight: 700; }
.wa .c-invalide .photo { background: var(--erreur-fond); box-shadow: inset 0 0 0 2px var(--erreur); }