/*
 * Acionna — décor de fond différent selon la page (thème 1.8.3).
 * Le motif est choisi par acionna_motif_page() (functions.php) : classe « acn-motif-… » sur
 * <body> et <div class="acn-decor"> juste après <body>, fixé derrière le contenu.
 *   pneu (Contact) : moto dont les roues tournent      damier (Calendrier) : drapeau à damier
 *   etincelles (Photos) : appareil photo plat vu de face, diaphragme, flash
 *   flammes (Livre d'or) : plume qui écrit sur une feuille, encrier         comptetours (Boutique) : compte-tours
 *   chaine (Espace membres) : casque, visière, reflet            signal (Sorties) : carte routière et repère
 *   phare (Qui sommes-nous, Adhésion) : route en perspective
 *   route (autres pages) : moteur V-twin                 sobre (Administration) : pignon qui tourne et clé
 * Pâle (orange à 13-15 %), sans clic possible. Immobile si les animations sont réduites,
 * plus petit sur téléphone (animé aussi depuis 1.9.3).
 */

/* ======================= 1. Décor de fond ======================= */
.acn-decor{
  --k: 1;
  position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
  opacity: .13; contain: strict;
}
:root[data-theme="dark"] .acn-decor{ opacity: .15; }
.acn-decor i{
  position: absolute; display: block; background: var(--accent);
  mask-repeat: no-repeat; mask-size: 100% 100%;
}

/* Contact : moto, roues à part pour qu'elles tournent */
.acn-decor--pneu i:nth-child(1){ right: 4vw; bottom: 3vh; width: calc(600px * var(--k)); height: calc(320px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 320'%3E%3Cg fill='%23000' stroke='%23000' stroke-linecap='round' stroke-linejoin='round'%3E%0A%3Cpath d='M38 232C46 168 132 140 208 168L203 184C140 160 72 176 58 236Z' stroke='none'/%3E%0A%3Cpath d='M148 156C168 134 226 130 258 142L254 160C222 152 182 160 150 168Z' stroke='none'/%3E%0A%3Cpath d='M250 142C258 106 352 92 404 114C402 140 336 156 252 152Z' stroke='none'/%3E%0A%3Cpath d='M410 236C424 178 534 176 552 230L538 234C522 196 444 196 426 240Z' stroke='none'/%3E%0A%3Cpath d='M125 245L210 170M398 112L485 245M125 245L282 258M206 262L372 262M330 160L340 262' fill='none' stroke-width='12'/%3E%0A%3Cpath d='M392 104L378 62L340 50M378 62L396 44' fill='none' stroke-width='9'/%3E%0A%3Ccircle cx='426' cy='128' r='17' stroke='none'/%3E%0A%3Cpath d='M262 250L290 172L318 182L294 256ZM300 256L346 178L374 194L334 262Z' stroke='none'/%3E%0A%3Ccircle cx='308' cy='252' r='30' stroke='none'/%3E%0A%3Cpath d='M276 278L64 266' fill='none' stroke-width='11'/%3E%0A%3Cpath d='M40 226L22 220' fill='none' stroke-width='10'/%3E%0A%3Crect x='0' y='314' width='600' height='6' rx='3' stroke='none'/%3E%3C/g%3E%3C/svg%3E"); }
.acn-decor--pneu i:nth-child(2),
.acn-decor--pneu i:nth-child(3){ bottom: calc(3vh + 1px * var(--k)); width: calc(148px * var(--k)); height: calc(148px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23000'%3E%3Ccircle cx='80' cy='80' r='70' stroke-width='16'/%3E%3Ccircle cx='80' cy='80' r='56' stroke-width='4'/%3E%3Cg stroke-width='2.5'%3E%3Cline x1='80' y1='80' x2='132.0' y2='80.0'/%3E%3Cline x1='80' y1='80' x2='130.2' y2='93.5'/%3E%3Cline x1='80' y1='80' x2='125.0' y2='106.0'/%3E%3Cline x1='80' y1='80' x2='116.8' y2='116.8'/%3E%3Cline x1='80' y1='80' x2='106.0' y2='125.0'/%3E%3Cline x1='80' y1='80' x2='93.5' y2='130.2'/%3E%3Cline x1='80' y1='80' x2='80.0' y2='132.0'/%3E%3Cline x1='80' y1='80' x2='66.5' y2='130.2'/%3E%3Cline x1='80' y1='80' x2='54.0' y2='125.0'/%3E%3Cline x1='80' y1='80' x2='43.2' y2='116.8'/%3E%3Cline x1='80' y1='80' x2='35.0' y2='106.0'/%3E%3Cline x1='80' y1='80' x2='29.8' y2='93.5'/%3E%3Cline x1='80' y1='80' x2='28.0' y2='80.0'/%3E%3Cline x1='80' y1='80' x2='29.8' y2='66.5'/%3E%3Cline x1='80' y1='80' x2='35.0' y2='54.0'/%3E%3Cline x1='80' y1='80' x2='43.2' y2='43.2'/%3E%3Cline x1='80' y1='80' x2='54.0' y2='35.0'/%3E%3Cline x1='80' y1='80' x2='66.5' y2='29.8'/%3E%3Cline x1='80' y1='80' x2='80.0' y2='28.0'/%3E%3Cline x1='80' y1='80' x2='93.5' y2='29.8'/%3E%3Cline x1='80' y1='80' x2='106.0' y2='35.0'/%3E%3Cline x1='80' y1='80' x2='116.8' y2='43.2'/%3E%3Cline x1='80' y1='80' x2='125.0' y2='54.0'/%3E%3Cline x1='80' y1='80' x2='130.2' y2='66.5'/%3E%3C/g%3E%3C/g%3E%3Ccircle cx='80' cy='80' r='11'/%3E%3C/svg%3E"); }
.acn-decor--pneu i:nth-child(2){ right: calc(4vw + 401px * var(--k)); }
.acn-decor--pneu i:nth-child(3){ right: calc(4vw + 41px * var(--k)); }
/* Calendrier : drapeau à damier */
.acn-decor--damier i:nth-child(1){ top: 110px; right: 3vw; width: calc(420px * var(--k)); height: calc(330px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 330'%3E%3Cdefs%3E%3Cpattern id='p' width='40' height='40' patternUnits='userSpaceOnUse'%3E%3Crect width='20' height='20'/%3E%3Crect x='20' y='20' width='20' height='20'/%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='10' width='8' height='320'/%3E%3Cpath d='M8 20Q110-10 210 30T410 30V230Q310 200 210 240T8 220Z' fill='url(%23p)'/%3E%3Cpath d='M8 20Q110-10 210 30T410 30V230Q310 200 210 240T8 220Z' fill='none' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E"); transform-origin: 0 50%; }
/* Photos : appareil photo de trois quarts, en bas à droite (sous le titre), diaphragme dans l'objectif, éclair du flash */
.acn-decor--etincelles{ --w: calc(clamp(260px, calc(50vw - 600px), 420px) * var(--k)); --r: 2.5vw; --t: 350px;
  transform: rotate(20deg); transform-origin: calc(100% - var(--r) - var(--w) * .5) calc(var(--t) + var(--w) * .268); }
.acn-decor--etincelles i:nth-child(1){ right: var(--r); top: var(--t); width: var(--w); height: calc(var(--w) * .5357); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 300'%3E%3Cdefs%3E%3Cmask id='c'%3E%3Crect width='560' height='300' fill='%23fff'/%3E%0A%3Crect x='404' y='112' width='70' height='38' rx='5' fill='%23000'/%3E%0A%3Crect x='56' y='98' width='448' height='6' fill='%23000' fill-opacity='.5'/%3E%0A%3Crect x='56' y='248' width='448' height='5' fill='%23000' fill-opacity='.5'/%3E%0A%3Ccircle cx='292' cy='190' r='86' fill='%23000'/%3E%0A%3C/mask%3E%3Cmask id='o'%3E%3Crect width='560' height='300' fill='%23fff'/%3E%0A%3Ccircle cx='292' cy='190' r='70' fill='none' stroke='%23000' stroke-width='5'/%3E%0A%3Ccircle cx='292' cy='190' r='58' fill='%23000' fill-opacity='.8'/%3E%0A%3Ccircle cx='292' cy='190' r='80' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='4 5'/%3E%0A%3C/mask%3E%3C/defs%3E%0A%3Cg mask='url(%23c)'%3E%0A%3Crect x='40' y='86' width='480' height='180' rx='22' fill-opacity='.75'/%3E%0A%3Crect x='40' y='86' width='96' height='180' rx='22'/%3E%0A%3Crect x='408' y='116' width='62' height='30' rx='4' fill-opacity='.2'/%3E%0A%3C/g%3E%0A%3Crect x='164' y='54' width='92' height='36' rx='8' fill-opacity='.9'/%3E%0A%3Crect x='180' y='62' width='60' height='18' rx='4' fill-opacity='.3'/%3E%0A%3Crect x='330' y='64' width='62' height='24' rx='5'/%3E%0A%3Crect x='420' y='70' width='46' height='18' rx='9'/%3E%0A%3Crect x='430' y='60' width='26' height='12' rx='6'/%3E%0A%3Crect x='30' y='118' width='14' height='30' rx='5'/%3E%3Crect x='516' y='118' width='14' height='30' rx='5'/%3E%0A%3Ccircle cx='74' cy='122' r='7' fill-opacity='.3'/%3E%0A%3Cg mask='url(%23o)'%3E%3Ccircle cx='292' cy='190' r='86'/%3E%3C/g%3E%0A%3Ccircle cx='292' cy='190' r='58' fill-opacity='.25'/%3E%0A%3Ccircle cx='270' cy='168' r='14' fill-opacity='.35'/%3E%0A%3C/svg%3E"); }
.acn-decor--etincelles i:nth-child(2){ right: calc(var(--r) + var(--w) * .375); top: calc(var(--t) + var(--w) * .2357); width: calc(var(--w) * .2071); height: calc(var(--w) * .2071); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath fill-rule='evenodd' d='M192 100a92 92 0 1 0 -184 0a92 92 0 1 0 184 0ZM130 100l-15 26h-30l-15-26l15-26h30Z'/%3E%3Cline x1='100' y1='100' x2='186.5' y2='131.5' stroke='%23000' stroke-width='0'/%3E%3Cline x1='100' y1='100' x2='116.0' y2='190.6' stroke='%23000' stroke-width='0'/%3E%3Cline x1='100' y1='100' x2='29.5' y2='159.1' stroke='%23000' stroke-width='0'/%3E%3Cline x1='100' y1='100' x2='13.5' y2='68.5' stroke='%23000' stroke-width='0'/%3E%3Cline x1='100' y1='100' x2='84.0' y2='9.4' stroke='%23000' stroke-width='0'/%3E%3Cline x1='100' y1='100' x2='170.5' y2='40.9' stroke='%23000' stroke-width='0'/%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='%23000' stroke-width='0'/%3E%3C/svg%3E"); }
/* le flash échappe à l'opacité du décor : l'opacité passe sur l'appareil et le diaphragme seulement */
.acn-decor.acn-decor--etincelles, :root[data-theme] .acn-decor.acn-decor--etincelles{ opacity: 1; }
.acn-decor--etincelles i:nth-child(-n+2){ opacity: .13; }
:root[data-theme="dark"] .acn-decor--etincelles i:nth-child(-n+2){ opacity: .15; }
.acn-decor--etincelles i:nth-child(3){ right: calc(var(--r) - var(--w) * .234); top: calc(var(--t) - var(--w) * .216); width: calc(var(--w) * .9); height: calc(var(--w) * .9); opacity: 0;
  background: radial-gradient(circle, #fff 0 7%, #fff7cf 13%, rgba(255, 214, 90, .75) 22%, rgba(255, 190, 60, .32) 40%, rgba(255, 180, 60, 0) 68%); border-radius: 50%; }
.acn-decor--etincelles i:nth-child(3)::before{ content: ""; position: absolute; inset: 8%; background: #ffbf2e; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath transform='rotate(0 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(30 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Cpath transform='rotate(60 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(90 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Cpath transform='rotate(120 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(150 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Cpath transform='rotate(180 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(210 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Cpath transform='rotate(240 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(270 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Cpath transform='rotate(300 100 100)' d='M96 100L100 10L104 100Z'/%3E%3Cpath transform='rotate(330 100 100)' d='M96 100L100 40L104 100Z'/%3E%3Ccircle cx='100' cy='100' r='22'/%3E%3C/svg%3E"); mask-repeat: no-repeat; mask-size: 100% 100%; }
:root[data-theme="dark"] .acn-decor--etincelles i:nth-child(3)::before{ background: #fff3c4; }
/* Livre d'or : coucher de soleil, et une balade de trois motos qui traverse l'écran */
.acn-decor--flammes{ --w: calc(clamp(200px, calc(49vw - 490px), 420px) * var(--k)); --r: 1vw; --t: calc(300px + var(--w) * 0.225); }
.acn-decor.acn-decor--flammes, :root[data-theme] .acn-decor.acn-decor--flammes{ opacity: 1; }
.acn-decor--flammes i:nth-child(1),
.acn-decor--flammes i:nth-child(2){ right: var(--r); top: var(--t); width: var(--w); height: var(--w); transform: rotate(-8deg); }
.acn-decor--flammes i:nth-child(1){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cmask id='p'%3E%3Crect width='400' height='400' fill='%23fff'/%3E%3Crect x='52' y='123' width='216' height='2.5' fill='%23000' fill-opacity='.45'/%3E%3Crect x='52' y='178' width='216' height='2.5' fill='%23000' fill-opacity='.45'/%3E%3Crect x='52' y='233' width='216' height='2.5' fill='%23000' fill-opacity='.45'/%3E%3Crect x='52' y='288' width='216' height='2.5' fill='%23000' fill-opacity='.45'/%3E%3Crect x='52' y='343' width='216' height='2.5' fill='%23000' fill-opacity='.45'/%3E%3Crect x='44' y='60' width='2.5' height='300' fill='%23000' fill-opacity='.45'/%3E%3C/mask%3E%3C/defs%3E%0A%3Cpath mask='url(%23p)' d='M30 40H252L290 78V380H30Z'/%3E%3Cpath d='M252 40V78H290Z' fill-opacity='.55'/%3E%3C/svg%3E"); opacity: .13; }
.acn-decor--flammes i:nth-child(2){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cpath d='M60 120q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0m12 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 175q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0m12 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 230q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0m12 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 285q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0m12 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0q4 -16 8 0 q3 8 7 0q4 -7 8 0 q3 8 7 0' fill='none' stroke='%23000' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); opacity: .42; }
.acn-decor--flammes i:nth-child(3){ right: calc(var(--r) + var(--w) * 0.325); top: calc(var(--t) - var(--w) * 0.225); width: calc(var(--w) * 0.55); height: calc(var(--w) * 0.55); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cdefs%3E%3Cmask id='q'%3E%3Crect width='220' height='220' fill='%23fff'/%3E%3Cpath d='M24 196l-4 -15' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M37 183l-6 -23' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M51 169l-7 -30' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M64 156l-9 -35' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M78 142l-10 -39' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M91 129l-10 -40' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M105 115l-10 -39' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M119 101l-9 -36' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M132 88l-8 -31' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M146 74l-6 -24' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M159 61l-4 -16' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M173 47l-2 -8' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%3Cpath d='M186 34l-2 -6' stroke='%23000' stroke-width='1.6' stroke-opacity='.5'/%3E%0A%3Cpath d='M44 176L204 16' stroke='%23000' stroke-width='2.5'/%3E%3C/mask%3E%3C/defs%3E%0A%3Cpath mask='url(%23q)' d='M40 180C40 120 90 50 210 8C190 60 150 150 40 180Z'/%3E%0A%3Cpath mask='url(%23q)' d='M40 180C80 170 160 120 210 8C206 70 150 150 40 180Z' fill-opacity='.7'/%3E%0A%3Cpath d='M10 210L22 190L44 176L40 180L30 196Z'/%3E%3Cpath d='M10 210L36 184' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%0A%3Cpath d='M44 176C70 150 120 96 160 52' fill='none' stroke='%23000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E"); opacity: .34; transform-origin: calc(var(--w) * 0.375) calc(var(--w) * 0.725); transform: rotate(-8deg); }
.acn-decor--flammes i:nth-child(4){ right: calc(var(--r) + var(--w) * 0.0375); top: calc(var(--t) + var(--w) * 0.75); width: calc(var(--w) * 0.2); height: calc(var(--w) * 0.2); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cmask id='e'%3E%3Crect width='100' height='100' fill='%23fff'/%3E%3Cpath d='M22 58Q50 50 78 58' stroke='%23000' stroke-width='3' fill='none' stroke-opacity='.6'/%3E%3Crect x='28' y='66' width='44' height='16' rx='3' fill='%23000' fill-opacity='.45'/%3E%3C/mask%3E%3C/defs%3E%0A%3Cg mask='url(%23e)'%3E%3Cpath d='M14 52Q14 40 30 38H70Q86 40 86 52V88Q86 96 78 96H22Q14 96 14 88Z'/%3E%3Crect x='34' y='20' width='32' height='20' rx='3'/%3E%3C/g%3E%3Crect x='30' y='14' width='40' height='8' rx='3' fill-opacity='.8'/%3E%3C/svg%3E"); opacity: .24; }
:root[data-theme="dark"] .acn-decor--flammes i:nth-child(1){ opacity: .15; }
/* Boutique : compte-tours */
.acn-decor--comptetours i{ right: -40px; bottom: -40px; width: calc(460px * var(--k)); height: calc(460px * var(--k)); }
.acn-decor--comptetours i:nth-child(1){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cline x1='52.8' y1='285.0' x2='71.8' y2='274.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='44.7' y1='269.1' x2='53.8' y2='265.1' stroke='%23000' stroke-width='3'/%3E%3Cline x1='38.3' y1='252.5' x2='47.8' y2='249.4' stroke='%23000' stroke-width='3'/%3E%3Cline x1='33.7' y1='235.3' x2='43.5' y2='233.3' stroke='%23000' stroke-width='3'/%3E%3Cline x1='30.9' y1='217.8' x2='40.9' y2='216.7' stroke='%23000' stroke-width='3'/%3E%3Cline x1='30.0' y1='200.0' x2='52.0' y2='200.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='30.9' y1='182.2' x2='40.9' y2='183.3' stroke='%23000' stroke-width='3'/%3E%3Cline x1='33.7' y1='164.7' x2='43.5' y2='166.7' stroke='%23000' stroke-width='3'/%3E%3Cline x1='38.3' y1='147.5' x2='47.8' y2='150.6' stroke='%23000' stroke-width='3'/%3E%3Cline x1='44.7' y1='130.9' x2='53.8' y2='134.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='52.8' y1='115.0' x2='71.8' y2='126.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='62.5' y1='100.1' x2='70.6' y2='106.0' stroke='%23000' stroke-width='3'/%3E%3Cline x1='73.7' y1='86.2' x2='81.1' y2='92.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='86.2' y1='73.7' x2='92.9' y2='81.1' stroke='%23000' stroke-width='3'/%3E%3Cline x1='100.1' y1='62.5' x2='106.0' y2='70.6' stroke='%23000' stroke-width='3'/%3E%3Cline x1='115.0' y1='52.8' x2='126.0' y2='71.8' stroke='%23000' stroke-width='7'/%3E%3Cline x1='130.9' y1='44.7' x2='134.9' y2='53.8' stroke='%23000' stroke-width='3'/%3E%3Cline x1='147.5' y1='38.3' x2='150.6' y2='47.8' stroke='%23000' stroke-width='3'/%3E%3Cline x1='164.7' y1='33.7' x2='166.7' y2='43.5' stroke='%23000' stroke-width='3'/%3E%3Cline x1='182.2' y1='30.9' x2='183.3' y2='40.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='200.0' y1='30.0' x2='200.0' y2='52.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='217.8' y1='30.9' x2='216.7' y2='40.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='235.3' y1='33.7' x2='233.3' y2='43.5' stroke='%23000' stroke-width='3'/%3E%3Cline x1='252.5' y1='38.3' x2='249.4' y2='47.8' stroke='%23000' stroke-width='3'/%3E%3Cline x1='269.1' y1='44.7' x2='265.1' y2='53.8' stroke='%23000' stroke-width='3'/%3E%3Cline x1='285.0' y1='52.8' x2='274.0' y2='71.8' stroke='%23000' stroke-width='7'/%3E%3Cline x1='299.9' y1='62.5' x2='294.0' y2='70.6' stroke='%23000' stroke-width='3'/%3E%3Cline x1='313.8' y1='73.7' x2='307.1' y2='81.1' stroke='%23000' stroke-width='3'/%3E%3Cline x1='326.3' y1='86.2' x2='318.9' y2='92.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='337.5' y1='100.1' x2='329.4' y2='106.0' stroke='%23000' stroke-width='3'/%3E%3Cline x1='347.2' y1='115.0' x2='328.2' y2='126.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='355.3' y1='130.9' x2='346.2' y2='134.9' stroke='%23000' stroke-width='3'/%3E%3Cline x1='361.7' y1='147.5' x2='352.2' y2='150.6' stroke='%23000' stroke-width='3'/%3E%3Cline x1='366.3' y1='164.7' x2='356.5' y2='166.7' stroke='%23000' stroke-width='3'/%3E%3Cline x1='369.1' y1='182.2' x2='359.1' y2='183.3' stroke='%23000' stroke-width='3'/%3E%3Cline x1='370.0' y1='200.0' x2='348.0' y2='200.0' stroke='%23000' stroke-width='7'/%3E%3Cline x1='369.1' y1='217.8' x2='359.1' y2='216.7' stroke='%23000' stroke-width='3'/%3E%3Cline x1='366.3' y1='235.3' x2='356.5' y2='233.3' stroke='%23000' stroke-width='3'/%3E%3Cline x1='361.7' y1='252.5' x2='352.2' y2='249.4' stroke='%23000' stroke-width='3'/%3E%3Cline x1='355.3' y1='269.1' x2='346.2' y2='265.1' stroke='%23000' stroke-width='3'/%3E%3Cline x1='347.2' y1='285.0' x2='328.2' y2='274.0' stroke='%23000' stroke-width='7'/%3E%3Ctext x='97.8' y='271.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E0%3C/text%3E%3Ctext x='82.0' y='212.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E1%3C/text%3E%3Ctext x='97.8' y='153.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E2%3C/text%3E%3Ctext x='141.0' y='109.8' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E3%3C/text%3E%3Ctext x='200.0' y='94.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E4%3C/text%3E%3Ctext x='259.0' y='109.8' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E5%3C/text%3E%3Ctext x='302.2' y='153.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E6%3C/text%3E%3Ctext x='318.0' y='212.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E7%3C/text%3E%3Ctext x='302.2' y='271.0' font-family='Arial,sans-serif' font-weight='700' font-size='34' text-anchor='middle'%3E8%3C/text%3E%3Ccircle cx='200' cy='200' r='190' fill='none' stroke='%23000' stroke-width='8'/%3E%3Cpath d='M367.4 145.6A176 176 0 0 1 352.4 288.0' fill='none' stroke='%23000' stroke-width='14'/%3E%3Ctext x='200' y='290' font-family='Arial,sans-serif' font-weight='700' font-size='22' text-anchor='middle'%3Ex1000 RPM%3C/text%3E%3Ccircle cx='200' cy='200' r='18'/%3E%3C/svg%3E"); }
.acn-decor--comptetours i:nth-child(2){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cpath d='M194 200L200 46L206 200Z'/%3E%3Ccircle cx='200' cy='200' r='12'/%3E%3C/svg%3E"); transform: rotate(-110deg); }
/* Espace membres : casque en bas à droite */
.acn-decor--chaine{ --cw: calc(clamp(210px, calc(49vw - 490px), 460px) * var(--k)); --ch: calc(var(--cw) * .8957); transform-origin: calc(100% - 1vw - var(--cw) / 2) calc(320px + var(--ch) / 2); }
.acn-decor.acn-decor--chaine, :root[data-theme] .acn-decor.acn-decor--chaine{ opacity: 1; }
.acn-decor--chaine i{ right: 1vw; top: 320px; width: var(--cw); height: var(--ch); }
.acn-decor--chaine i:nth-child(1){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 430'%3E%3Cdefs%3E%3Cmask id='m'%3E%3Crect width='480' height='430' fill='%23fff'/%3E%0A%3Cpath d='M118 150C150 92 214 62 290 66' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='22' stroke-linecap='round'/%3E%0A%3Cpath d='M100 236C110 160 170 104 250 92C300 86 344 98 372 120' fill='none' stroke='%23000' stroke-width='7'/%3E%0A%3Cpath d='M100 258C112 182 172 126 252 114C302 108 344 120 368 140' fill='none' stroke='%23000' stroke-width='7'/%3E%0A%3Ccircle cx='330' cy='166' r='7' fill='%23000'/%3E%3Ccircle cx='210' cy='300' r='7' fill='%23000'/%3E%0A%3C/mask%3E%3C/defs%3E%0A%3Cg mask='url(%23m)'%3E%3Cpath d='M88 330C60 262 62 160 120 100C170 50 250 36 312 56C372 76 404 124 404 176L392 182C360 190 346 214 346 250L348 336C300 344 160 344 88 330Z' fill-opacity='.8'/%3E%3C/g%3E%0A%3Cpath d='M398 178C362 186 342 212 342 250L344 336' fill='none' stroke='%23000' stroke-width='16' stroke-linecap='round'/%3E%0A%3Cpath d='M88 330C160 344 300 344 346 336' fill='none' stroke='%23000' stroke-width='13' stroke-linecap='round'/%3E%0A%0A%0A%3Ccircle cx='300' cy='166' r='9'/%3E%3Ccircle cx='160' cy='300' r='9'/%3E%0A%3Cpath d='M330 330C336 360 352 384 372 394' fill='none' stroke='%23000' stroke-width='9' stroke-linecap='round'/%3E%0A%3Cpath d='M232 336C246 368 286 392 334 396' fill='none' stroke='%23000' stroke-width='9' stroke-linecap='round'/%3E%0A%3Ccircle cx='350' cy='398' r='14' fill='none' stroke='%23000' stroke-width='6'/%3E%3Ccircle cx='368' cy='400' r='14' fill='none' stroke='%23000' stroke-width='6'/%3E%0A%3C/svg%3E"); opacity: .13; }
.acn-decor--chaine i:nth-child(2){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 430'%3E%3Cpath d='M300 152C362 140 424 150 458 174L450 190C412 176 360 174 314 180Z'/%3E%3Cpath d='M296 150C350 136 394 140 420 152' fill='none' stroke='%23000' stroke-width='4'/%3E%3Ccircle cx='300' cy='166' r='9'/%3E%3C/svg%3E"); opacity: .13; transform-origin: 62.5% 38.6%; }
.acn-decor--chaine i:nth-child(3){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 430'%3E%3Cpath d='M88 330C60 262 62 160 120 100C170 50 250 36 312 56C372 76 404 124 404 176L392 182C360 190 346 214 346 250L348 336C300 344 160 344 88 330Z'/%3E%3C/svg%3E"); opacity: 0; background: linear-gradient(110deg, transparent 42%, var(--accent) 50%, transparent 58%) 130% 0 / 300% 100% no-repeat; }
:root[data-theme="dark"] .acn-decor--chaine i:nth-child(-n+2){ opacity: .15; }
:root[data-theme="dark"] .acn-decor--chaine i:nth-child(3){ background-image: linear-gradient(110deg, transparent 42%, #fff4e6 50%, transparent 58%); }
/* Contact : carte routière dépliée et repère qui rebondit, sur le côté droit (le formulaire occupe le centre) */
.acn-decor--signal{ --w: clamp(320px, 38vw, 640px); --r: 3vw; --t: calc(97vh - var(--w) * .75); }
.acn-decor--signal i:nth-child(1){ right: var(--r); top: var(--t); width: var(--w); height: calc(var(--w) * .75); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 300'%3E%3Cdefs%3E%3Cmask id='r'%3E%3Crect width='400' height='300' fill='%23fff'/%3E%3Cpath d='M14 262C90 190 150 270 214 182S326 96 392 58' fill='none' stroke='%23000' stroke-width='16' stroke-linecap='round'/%3E%3Cpath d='M60 40C90 70 70 110 110 130' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M300 290C290 240 330 210 320 170' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3Cpath transform='translate(172 66) scale(.7)' d='M60 166C60 166 8 96 8 58A52 52 0 0 1 112 58C112 96 60 166 60 166ZM82 58a22 22 0 1 0 -44 0a22 22 0 1 0 44 0Z' fill='%23000' stroke='%23000' stroke-width='22' stroke-linejoin='round'/%3E%3C/mask%3E%3C/defs%3E%3Cg mask='url(%23r)'%3E%3Cpath d='M0 40L133 0L133 260L0 300Z' fill-opacity='.6'/%3E%3Cpath d='M133 0L266 40L266 300L133 260Z' fill-opacity='.9'/%3E%3Cpath d='M266 40L400 0L400 260L266 300Z' fill-opacity='.6'/%3E%3C/g%3E%3Cpath d='M14 262C90 190 150 270 214 182S326 96 392 58' fill='none' stroke='%23000' stroke-width='3' stroke-dasharray='10 9'/%3E%3C/svg%3E"); }
.acn-decor--signal i:nth-child(2){ right: calc(var(--r) + var(--w) * .36); top: calc(var(--t) + var(--w) * .165); width: calc(var(--w) * .21); height: calc(var(--w) * .2975); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 170'%3E%3Cpath fill-rule='evenodd' d='M60 166C60 166 8 96 8 58A52 52 0 0 1 112 58C112 96 60 166 60 166ZM82 58a22 22 0 1 0 -44 0a22 22 0 1 0 44 0Z'/%3E%3C/svg%3E"); transform-origin: 50% 100%; }
/* Qui sommes-nous, Adhésion : route en perspective, ligne centrale qui défile */
.acn-decor--phare i{ left: 0; right: 0; bottom: 0; height: 58vh; }
.acn-decor--phare i:nth-child(1){ mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 600' preserveAspectRatio='none'%3E%3Cpath d='M470 250L530 250L1000 600L0 600Z' fill-opacity='.55'/%3E%3Cpath d='M0 250L1000 250' stroke='%23000' stroke-width='3'/%3E%3Cpath d='M0 250L120 205L260 232L380 190L470 250Z M530 250L640 200L760 236L880 196L1000 228L1000 250Z'/%3E%3C/svg%3E"); }
.acn-decor--phare i:nth-child(2){
  left: 45%; right: 45%; will-change: mask-position;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 600' preserveAspectRatio='none'%3E%3Cpath d='M47 252L53 252L62 600L38 600Z'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat, repeating-linear-gradient(#000 0 34px, transparent 34px 70px) 0 0 / 100% 70px repeat;
  mask-composite: intersect;
}
/* Autres pages : moteur V-twin */
.acn-decor--route i:nth-child(1){ right: 3vw; bottom: 2vh; width: calc(400px * var(--k)); height: calc(420px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 420'%3E%3Cg transform='translate(200 300) rotate(-30)'%3E%3Crect x='-44.0' y='-215' width='88.0' height='11' rx='3'/%3E%3Crect x='-45.5' y='-197' width='91.0' height='11' rx='3'/%3E%3Crect x='-47.0' y='-179' width='94.0' height='11' rx='3'/%3E%3Crect x='-48.5' y='-161' width='97.0' height='11' rx='3'/%3E%3Crect x='-50.0' y='-143' width='100.0' height='11' rx='3'/%3E%3Crect x='-48.5' y='-125' width='97.0' height='11' rx='3'/%3E%3Crect x='-47.0' y='-107' width='94.0' height='11' rx='3'/%3E%3Crect x='-45.5' y='-89' width='91.0' height='11' rx='3'/%3E%3Crect x='-44.0' y='-71' width='88.0' height='11' rx='3'/%3E%3Crect x='-34' y='-60' width='68' height='64'/%3E%3Crect x='-56' y='-238' width='112' height='22' rx='8'/%3E%3C/g%3E%3Cg transform='translate(200 300) rotate(30)'%3E%3Crect x='-44.0' y='-215' width='88.0' height='11' rx='3'/%3E%3Crect x='-45.5' y='-197' width='91.0' height='11' rx='3'/%3E%3Crect x='-47.0' y='-179' width='94.0' height='11' rx='3'/%3E%3Crect x='-48.5' y='-161' width='97.0' height='11' rx='3'/%3E%3Crect x='-50.0' y='-143' width='100.0' height='11' rx='3'/%3E%3Crect x='-48.5' y='-125' width='97.0' height='11' rx='3'/%3E%3Crect x='-47.0' y='-107' width='94.0' height='11' rx='3'/%3E%3Crect x='-45.5' y='-89' width='91.0' height='11' rx='3'/%3E%3Crect x='-44.0' y='-71' width='88.0' height='11' rx='3'/%3E%3Crect x='-34' y='-60' width='68' height='64'/%3E%3Crect x='-56' y='-238' width='112' height='22' rx='8'/%3E%3C/g%3E%3Ccircle cx='200' cy='320' r='78'/%3E%3Ccircle cx='200' cy='320' r='40' fill='%23fff' fill-opacity='0'/%3E%3Cpath d='M140 380L90 405L40 405' fill='none' stroke='%23000' stroke-width='14' stroke-linecap='round'/%3E%3C/svg%3E"); }
/* Administration : pignon et clé, plus pâles */
.acn-decor--sobre{ opacity: .09; }
:root[data-theme="dark"] .acn-decor--sobre{ opacity: .11; }
.acn-decor--sobre i:nth-child(1){ left: -90px; bottom: -90px; width: calc(380px * var(--k)); height: calc(380px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cpath fill-rule='evenodd' d='M368.0 200.0L389.7 211.5L388.6 222.9L365.2 230.3L363.1 240.2L381.4 256.5L377.7 267.4L353.2 268.9L348.8 278.1L362.6 298.3L356.4 307.9L332.2 303.6L325.7 311.4L334.4 334.4L326.0 342.2L303.6 332.2L295.4 338.3L298.3 362.6L288.3 368.2L268.9 353.2L259.6 357.1L256.5 381.4L245.5 384.5L230.3 365.2L220.3 366.8L211.5 389.7L200.0 390.0L189.9 367.7L179.7 366.8L165.8 386.9L154.5 384.5L150.0 360.4L140.4 357.1L122.0 373.3L111.7 368.2L113.1 343.8L104.6 338.3L82.8 349.6L74.0 342.2L81.2 318.8L74.3 311.4L50.4 317.2L43.6 307.9L56.2 286.9L51.2 278.1L26.7 278.0L22.3 267.4L39.6 250.0L36.9 240.2L13.1 234.2L11.4 222.9L32.3 210.1L32.0 200.0L10.3 188.5L11.4 177.1L34.8 169.7L36.9 159.8L18.6 143.5L22.3 132.6L46.8 131.1L51.2 121.9L37.4 101.7L43.6 92.1L67.8 96.4L74.3 88.6L65.6 65.6L74.0 57.8L96.4 67.8L104.6 61.7L101.7 37.4L111.7 31.8L131.1 46.8L140.4 42.9L143.5 18.6L154.5 15.5L169.7 34.8L179.7 33.2L188.5 10.3L200.0 10.0L210.1 32.3L220.3 33.2L234.2 13.1L245.5 15.5L250.0 39.6L259.6 42.9L278.0 26.7L288.3 31.8L286.9 56.2L295.4 61.7L317.2 50.4L326.0 57.8L318.8 81.2L325.7 88.6L349.6 82.8L356.4 92.1L343.8 113.1L348.8 121.9L373.3 122.0L377.7 132.6L360.4 150.0L363.1 159.8L386.9 165.8L388.6 177.1L367.7 189.9ZM335.0 200.0a30 30 0 1 0 -60 0a30 30 0 1 0 60 0ZM262.4 299.9a30 30 0 1 0 -60 0a30 30 0 1 0 60 0ZM145.1 261.7a30 30 0 1 0 -60 0a30 30 0 1 0 60 0ZM145.1 138.3a30 30 0 1 0 -60 0a30 30 0 1 0 60 0ZM262.4 100.1a30 30 0 1 0 -60 0a30 30 0 1 0 60 0ZM232 200a32 32 0 1 0 -64 0a32 32 0 1 0 64 0Z'/%3E%3C/svg%3E"); }
.acn-decor--sobre i:nth-child(2){ right: -60px; top: 120px; width: calc(500px * var(--k)); height: calc(140px * var(--k)); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 140'%3E%3Cpath fill-rule='evenodd' d='M70 20A50 50 0 1 0 70 120A50 50 0 0 0 112 98L388 98A50 50 0 1 0 388 42L112 42A50 50 0 0 0 70 20ZM40 52L70 52L82 70L70 88L40 88L28 70Z M440 70a22 22 0 1 0 -44 0a22 22 0 1 0 44 0Z'/%3E%3C/svg%3E"); transform: rotate(-28deg); }

@media (max-width: 760px){
  .acn-decor{ --k: .55; opacity: .1; }
  :root[data-theme="dark"] .acn-decor{ opacity: .12; }
  .acn-decor--etincelles i:nth-child(-n+2){ opacity: .1; }
  :root[data-theme="dark"] .acn-decor--etincelles i:nth-child(-n+2){ opacity: .12; }
  .acn-decor--signal{ --w: 62vw; --r: -6vw; --t: 62vh; }
  .acn-decor--pneu i:nth-child(1){ right: 2vw; }
  .acn-decor--pneu i:nth-child(2){ right: calc(2vw + 401px * var(--k)); }
  .acn-decor--pneu i:nth-child(3){ right: calc(2vw + 41px * var(--k)); }
}
@media print{ .acn-decor{ display: none; } }

/* Cartes et bandes de fond légèrement translucides (84-86 %) sur les pages qui ont un décor :
 * le décor se devine à travers, même quand la page est remplie de sorties. Le décor étant à
 * 6-9 % d'opacité, le contraste du texte ne bouge quasiment pas. */
:root[data-theme="light"] body[class*="acn-motif-"]:not(.acn-motif-sobre){
  --card: rgba(255, 250, 241, .84);
  --bg-alt: rgba(234, 226, 211, .86);
}
:root[data-theme="dark"] body[class*="acn-motif-"]:not(.acn-motif-sobre){
  --card: rgba(58, 52, 46, .84);
  --bg-alt: rgba(51, 46, 41, .86);
}
@supports (backdrop-filter: blur(4px)){
  body[class*="acn-motif-"]:not(.acn-motif-sobre) .card{ backdrop-filter: blur(4px); }
}

/* ======================= 2. Animations (si autorisées, ordinateur seulement ; formulaires : seuls le pignon et le repère bougent) ======================= */
@media screen and (prefers-reduced-motion: no-preference){
  .acionna-anim .acn-decor--pneu i:nth-child(1){ animation: acn-d-suspension 1.6s ease-in-out infinite; }
  .acionna-anim .acn-decor--pneu i:nth-child(n+2){ animation: acn-d-tourne 1.4s linear infinite reverse; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--damier i{ animation: acn-d-drapeau 3.5s ease-in-out infinite alternate; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--etincelles i:nth-child(2){ animation: acn-d-diaphragme 8s ease-in-out infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--etincelles i:nth-child(3){ animation: acn-d-flash 5s ease-out 1s infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--flammes i:nth-child(2){ animation: acn-d-ecrit 14s linear infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--flammes i:nth-child(3){ animation: acn-d-plume 14s linear infinite; }
  @keyframes acn-d-ecrit{ 0%{ clip-path: polygon(0 0, 100% 0, 100% 24.5%, 15% 24.5%, 15% 35.5%, 0 35.5%); } 16%{ clip-path: polygon(0 0, 100% 0, 100% 24.5%, 64.5% 24.5%, 64.5% 35.5%, 0 35.5%); } 17%{ clip-path: polygon(0 0, 100% 0, 100% 38.25%, 15% 38.25%, 15% 49.25%, 0 49.25%); } 33%{ clip-path: polygon(0 0, 100% 0, 100% 38.25%, 64.5% 38.25%, 64.5% 49.25%, 0 49.25%); } 34%{ clip-path: polygon(0 0, 100% 0, 100% 52.0%, 15% 52.0%, 15% 63.0%, 0 63.0%); } 50%{ clip-path: polygon(0 0, 100% 0, 100% 52.0%, 64.5% 52.0%, 64.5% 63.0%, 0 63.0%); } 51%{ clip-path: polygon(0 0, 100% 0, 100% 65.75%, 15% 65.75%, 15% 76.75%, 0 76.75%); } 63%{ clip-path: polygon(0 0, 100% 0, 100% 65.75%, 49.5% 65.75%, 49.5% 76.75%, 0 76.75%); } 80%{ clip-path: polygon(0 0, 100% 0, 100% 76.75%, 49.5% 76.75%, 49.5% 76.75%, 0 76.75%); opacity: .42; } 90%, 100%{ clip-path: polygon(0 0, 100% 0, 100% 76.75%, 49.5% 76.75%, 49.5% 76.75%, 0 76.75%); opacity: 0; } }
  @keyframes acn-d-plume{ 0%{ transform: rotate(-8deg) translate(calc(var(--w) * 0), calc(var(--w) * 0)); } 16%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.495), calc(var(--w) * 0)); } 16.5%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.2475), calc(var(--w) * 0.0125)); } 17%{ transform: rotate(-8deg) translate(calc(var(--w) * 0), calc(var(--w) * 0.1375)); } 33%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.495), calc(var(--w) * 0.1375)); } 33.5%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.2475), calc(var(--w) * 0.15)); } 34%{ transform: rotate(-8deg) translate(calc(var(--w) * 0), calc(var(--w) * 0.275)); } 50%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.495), calc(var(--w) * 0.275)); } 50.5%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.2475), calc(var(--w) * 0.2875)); } 51%{ transform: rotate(-8deg) translate(calc(var(--w) * 0), calc(var(--w) * 0.4125)); } 63%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.345), calc(var(--w) * 0.4125)); } 80%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.345), calc(var(--w) * 0.4125)); } 88%{ transform: rotate(-8deg) translate(calc(var(--w) * 0.225), calc(var(--w) * -0.075)); } 96%, 100%{ transform: rotate(-8deg) translate(calc(var(--w) * 0), calc(var(--w) * 0)); } }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--comptetours i:nth-child(2){ animation: acn-d-aiguille 6s cubic-bezier(.5,0,.2,1) infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--chaine{ animation: acn-d-flotte 8s ease-in-out infinite alternate; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--chaine i:nth-child(2){ animation: acn-d-visiere 9s ease-in-out infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--chaine i:nth-child(3){ animation: acn-d-reflet 9s ease-in-out infinite; }
  @keyframes acn-d-visiere{ 0%, 55%, 100%{ transform: rotate(0deg); } 64%, 80%{ transform: rotate(-16deg); } 86%{ transform: rotate(1.5deg); } 89%{ transform: rotate(0deg); } }
  @keyframes acn-d-reflet{ 0%, 8%{ opacity: 0; background-position: 130% 0; } 12%{ opacity: .3; } 32%{ opacity: .3; background-position: -30% 0; } 36%, 100%{ opacity: 0; background-position: -30% 0; } }
  .acionna-anim .acn-decor--signal i:nth-child(2){ animation: acn-d-repere 2.6s cubic-bezier(.3,.7,.4,1) infinite; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--phare i:nth-child(2){ animation: acn-d-ligne .9s linear infinite; }
  /* Administration : le pignon tourne lentement, la clé oscille à peine */
  .acionna-anim .acn-decor--sobre i:nth-child(1){ animation: acn-d-tourne 40s linear infinite; }
  .acionna-anim .acn-decor--sobre i:nth-child(2){ animation: acn-d-cle 7s ease-in-out infinite alternate; }
  .acionna-anim:not(.acionna-anim-sobre) .acn-decor--route i{ animation: acn-d-ralenti 1.1s ease-in-out infinite; }
  @keyframes acn-d-suspension{ 0%, 100%{ transform: translate3d(0, 0, 0); } 50%{ transform: translate3d(0, 3px, 0); } }
  @keyframes acn-d-tourne{ to{ transform: rotate(360deg); } }
  @keyframes acn-d-drapeau{ from{ transform: skewY(-3deg) scaleX(.97); } to{ transform: skewY(3deg) scaleX(1); } }
  @keyframes acn-d-diaphragme{ 0%, 100%{ transform: rotate(0deg) scale(1); } 50%{ transform: rotate(60deg) scale(.9); } }
  @keyframes acn-d-flash{ 0%, 86%, 100%{ opacity: 0; transform: scale(.35) rotate(0deg); } 88%{ opacity: 1; transform: scale(1) rotate(8deg); } 91%{ opacity: .85; transform: scale(1.08) rotate(12deg); } 97%{ opacity: 0; transform: scale(1.25) rotate(18deg); } }
  @keyframes acn-d-balade{ from{ transform: translate3d(-760px, 0, 0); } to{ transform: translate3d(100vw, 0, 0); } }
  @keyframes acn-d-aiguille{ 0%{ transform: rotate(-110deg); } 35%{ transform: rotate(95deg); } 45%{ transform: rotate(85deg); } 100%{ transform: rotate(-110deg); } }
  @keyframes acn-d-flotte{ from{ transform: translate3d(0, 0, 0) rotate(-2deg); } to{ transform: translate3d(0, -14px, 0) rotate(2deg); } }
  @keyframes acn-d-repere{ 0%, 55%, 100%{ transform: translate3d(0, 0, 0) scale(1, 1); } 20%{ transform: translate3d(0, -18%, 0) scale(.96, 1.04); } 40%{ transform: translate3d(0, 0, 0) scale(1.06, .94); } }
  @keyframes acn-d-ligne{ from{ mask-position: 0 0, 0 0; } to{ mask-position: 0 0, 0 70px; } }
  @keyframes acn-d-cle{ from{ transform: rotate(-28deg); } to{ transform: rotate(-22deg); } }
  @keyframes acn-d-ralenti{ 0%, 100%{ transform: translate3d(0, 0, 0); } 50%{ transform: translate3d(1px, -1px, 0); } }
}

/* ======================= 3. Trait sous le titre =======================
 * Toutes les pages ont la même impulsion « signal radio » (animations.css) ; seule
 * l'Administration garde un simple trait immobile. */
@media screen and (prefers-reduced-motion: no-preference){
  .acionna-anim .acn-motif-sobre .page-hero::after{ animation: none; background: var(--accent); opacity: .3; }
}