/* Page d'accueil commune (wetheque.com) : la marque, une phrase, une carte par thème ouvert. */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;min-height:100vh;min-height:100dvh;background:var(--papier);color:var(--encre);font:400 17px/1.55 var(--texte)}
h1,h2,h3{font-family:var(--titre);color:var(--marque);margin:0}
a{color:var(--marque)}
.sr-seulement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* En-tête */
.hub__entete{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1160px;margin:0 auto;padding:16px 20px}
.hub__logo{font:800 26px/1 var(--titre);color:var(--marque);text-decoration:none;letter-spacing:-.02em}
.hub__entete nav{display:flex;gap:6px}
.hub__entete nav a{padding:8px 12px;font:600 15px var(--titre);color:var(--doux);text-decoration:none;border-radius:8px}
.hub__entete nav a:hover,.hub__entete nav a:focus-visible{color:var(--marque);background:color-mix(in srgb,var(--marque) 10%,transparent)}

/* Page */
.hub{max-width:1160px;margin:0 auto;padding:8px 20px 48px;display:grid;gap:72px}
.hub--erreur{max-width:560px;text-align:center;min-height:60vh;align-content:center}
.hub__section h2,.hub__final h2{font:800 clamp(26px,4.5vw,36px)/1.15 var(--titre);margin-bottom:10px}
.hub__section h3{font:700 19px/1.25 var(--titre);color:var(--encre);margin-bottom:6px}
.hub__section .hub__sous-titre{max-width:62ch;margin:0 0 76px;color:var(--doux)}   /* de l'air au-dessus des onglets des thèmes, qui dépassent de 30 px */
#comment .hub__etapes,#atouts-liste{margin-top:24px}
.hub__section p{margin:0}

/* Haut de page : la promesse et deux boutons */
.hub__hero{text-align:center;max-width:820px;margin:0 auto;padding:36px 0 0}
.hub__titre{font:800 clamp(34px,7vw,60px)/1.06 var(--titre);letter-spacing:-.02em;margin-bottom:6px}
.hub__titre::after{content:"";display:block;width:72px;height:4px;margin:20px auto 0;background:var(--violet)}
.hub__accroche-hero{margin:22px auto 0;max-width:60ch;font-size:clamp(18px,2.4vw,21px);color:var(--encre)}
.hub__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:28px 0 0}
.hub__btn{display:inline-block;padding:13px 24px;border:2px solid var(--marque);border-radius:10px;font:700 16px var(--titre);color:var(--marque);text-decoration:none;background:transparent}
.hub__btn--principal{background:var(--orange-fort);border-color:var(--orange-fort);color:#fff}
.hub__btn:hover{transform:translateY(-1px)}
.hub__btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* Thèmes : trois par ligne */
.hub__themes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 24px}
.hub__theme{display:grid;gap:6px;align-content:start;height:100%;text-align:left;padding:18px 20px;background:var(--surface);color:inherit;text-decoration:none;border:2px solid var(--marque);border-radius:14px;box-shadow:var(--ombre-repos);transition:transform .15s ease,box-shadow .15s ease}
.hub__theme:hover,.hub__theme:focus-visible{transform:translateY(-2px);box-shadow:var(--ombre-leve)}
.hub__theme:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hub__theme span{color:var(--doux);font-size:15px}
.hub__theme em{font:600 15px var(--titre);font-style:normal;color:var(--orange-texte);justify-self:end;align-self:end}

/* Étapes, atouts, questions */
.hub__etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.hub__etapes li{padding:22px 20px 18px;background:var(--surface);border:1px solid var(--brume);border-radius:14px}
.hub__num{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:12px;border-radius:50%;background:var(--orange-fort);color:#fff;font:700 18px var(--titre)}
.hub__atouts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hub__atouts li{padding:20px;background:var(--surface);border:1px solid var(--brume);border-radius:14px}
.hub__atouts p{color:var(--doux)}
.hub__faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}   /* align-items:start : une question qui s'ouvre ne fait pas grandir sa voisine */
.hub__faq details{background:var(--surface);border:1px solid var(--brume);border-radius:12px}
.hub__faq summary{cursor:pointer;padding:15px 20px;font:700 18px var(--titre);color:var(--marque);list-style:none}
.hub__faq summary::-webkit-details-marker{display:none}
.hub__faq summary::after{content:"+";float:right;font-size:24px;line-height:1}
.hub__faq details[open] summary::after{content:"\2212"}
.hub__faq summary:focus-visible{outline:3px solid var(--orange);outline-offset:-3px;border-radius:12px}
.hub__faq details p{padding:0 20px 18px;color:var(--encre)}

/* Appel final */
.hub__final{text-align:center;padding:44px 20px;background:var(--surface);border:1px solid var(--brume);border-radius:18px;box-shadow:var(--ombre-repos)}
.hub__final p{max-width:52ch;margin:0 auto}
.hub__final .hub__actions{max-width:none;margin:26px auto 0}

/* Pied de page */
.hub__pied{max-width:1160px;margin:0 auto;padding:24px 20px 40px;border-top:1px solid var(--brume);font-size:14px;color:var(--doux);display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
.hub__pied p{margin:0}
.hub__pied ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px}
.hub__pied a{color:inherit}
.hub__coeur{width:14px;height:14px;vertical-align:-2px;stroke:var(--orange-texte)}
.hub__marque{margin:0 0 6px;font:800 clamp(40px,12vw,64px)/1 var(--titre);color:var(--marque)}

@media (max-width:1000px){
  .hub__themes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hub__etapes{grid-template-columns:repeat(2,1fr)}
  .hub__atouts{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .hub{gap:56px;padding-inline:16px}
  .hub__entete nav a:nth-child(n+3){display:none}
  .hub__themes,.hub__etapes,.hub__atouts,.hub__faq{grid-template-columns:1fr}


  .hub__actions .hub__btn{width:100%;text-align:center}
}
@media (prefers-reduced-motion:reduce){.hub__theme,.hub__btn{transition:none}}

/* Nom du thème écrit comme la marque du jeu : le mot du thème en orange, puis « .wetheque » */
.hub__nom{font:800 clamp(24px,6.5vw,30px)/1.1 var(--titre);color:var(--marque);letter-spacing:-.01em}
.hub__nom .hub__mot{color:var(--orange-texte);font-size:inherit}
.hub__accroche{color:var(--doux);font-size:16px}

/* Thème « métiers » : le classeur du jeu (feuille lignée, reliure à anneaux, onglet aux couleurs de la marque) */
.hub__theme--metiers{--cl:#002D62;--cl-papier:#fff;--cl-ligne:#E8EEF6;position:relative;margin-top:30px;padding:22px 22px 18px 54px;border:2px solid var(--cl);border-radius:0 12px 12px 12px;
  background:repeating-linear-gradient(transparent 0 25px,var(--cl-ligne) 25px 26px),var(--cl-papier);box-shadow:3px 4px 0 -1px color-mix(in srgb,var(--cl) 20%,transparent)}
.hub__theme--metiers::before{content:attr(data-onglet);position:absolute;left:-2px;top:-30px;padding:6px 15px 5px;background:var(--orange-fort);color:#fff;font:700 14px/1.2 var(--titre);border:2px solid var(--orange-fort);border-bottom:0;border-radius:10px 10px 0 0}
.hub__theme--metiers::after{content:"";position:absolute;left:12px;top:14px;bottom:14px;width:18px;border-radius:6px;background-color:#002D62;
  background-image:radial-gradient(circle at 9px 38px,var(--papier) 0 5px,rgba(0,0,0,.5) 6px,transparent 7px);background-size:18px 76px;background-repeat:repeat-y}
.hub__theme--metiers .hub__accroche{color:var(--encre)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hub__theme--metiers{--cl:#7FA6E0;--cl-papier:var(--surface);--cl-ligne:rgba(127,166,224,.08)}}
/* Thème « dico » : une fiche bristol (papier ligné bleu, bande rouge, trou de classeur, onglet de tiroir), en machine à écrire */
@font-face{font-family:"Cutive Mono";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/cutive-mono-latin.woff2") format("woff2")}
@font-face{font-family:"Courier Prime";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/courier-prime-latin.woff2") format("woff2")}
.hub__theme--dico{--cl:#8A7648;position:relative;margin-top:30px;padding:26px 22px 18px;font-family:"Courier Prime","Courier New",monospace;color:#2A2217;background:repeating-linear-gradient(transparent 0 25px,rgba(111,155,194,.3) 25px 26px),#FFFAF0;
  border:1px solid var(--cl);border-top:5px solid #C0392B;border-radius:3px;box-shadow:0 3px 0 var(--cl)}
.hub__theme--dico::before{content:attr(data-onglet);position:absolute;left:14px;top:-35px;padding:6px 15px 5px;background:#E9DCB8;color:#2A2217;font:400 14px/1.2 "Cutive Mono","Courier New",monospace;border:1px solid var(--cl);border-bottom:0;border-radius:8px 8px 0 0}
.hub__theme--dico::after{content:"";position:absolute;left:50%;top:-1px;width:44px;height:13px;margin-left:-22px;border-radius:50%;background:var(--papier);box-shadow:inset 0 2px 3px rgba(0,0,0,.4)}
.hub__theme--dico .hub__nom{font-family:"Cutive Mono","Courier New",monospace;font-weight:400;color:#2A2217;letter-spacing:.01em}
.hub__theme--dico .hub__nom .hub__mot{color:#A52F22}
.hub__theme--dico .hub__accroche{color:#2A2217}
.hub__theme--dico em{font-family:"Cutive Mono","Courier New",monospace;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:#A52F22}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hub__theme--dico{--cl:#6B5A38;color:#F1E8D2;background:repeating-linear-gradient(transparent 0 25px,rgba(127,166,224,.1) 25px 26px),#2A231A}
  :root:not([data-theme="light"]) .hub__theme--dico::before{background:#3B3224;color:#F1E8D2}
  :root:not([data-theme="light"]) .hub__theme--dico .hub__nom,:root:not([data-theme="light"]) .hub__theme--dico .hub__accroche{color:#F1E8D2}
  :root:not([data-theme="light"]) .hub__theme--dico .hub__nom .hub__mot,:root:not([data-theme="light"]) .hub__theme--dico em{color:#F08A7C}}
.hub .msg .btn{display:inline-block;padding:12px 22px;border-radius:10px;background:var(--orange-fort);color:#fff;font:700 16px var(--titre);text-decoration:none}
.hub .msg .btn:focus-visible{outline:3px solid var(--orange);outline-offset:3px}

/* Actualités et pages de texte */
.hub--texte{gap:32px}
.hub__fil ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--doux)}
.hub__fil li+li::before{content:"\203A";margin-right:6px}
.hub__fil a{color:var(--marque)}
.hub__tete{max-width:760px}
.hub__h1{font:800 clamp(30px,5.5vw,48px)/1.1 var(--titre);letter-spacing:-.02em;margin-bottom:12px}
.hub__accroche-hero--gauche{margin:0 0 10px;text-align:left}
.hub__date{margin:0 0 6px;font-size:14px;color:var(--doux)}
.hub__lien{font-weight:700;color:var(--orange-texte)}
.hub__actus{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.hub__actus--liste{grid-template-columns:repeat(2,minmax(0,1fr))}
.hub__actu{display:grid;gap:6px;align-content:start;padding:18px 20px;background:var(--surface);border:1px solid var(--brume);border-radius:14px}
.hub__actu h2,.hub__actu h3{font:700 20px/1.25 var(--titre);color:var(--marque);margin:0}
.hub__actu h2 a,.hub__actu h3 a{color:inherit;text-decoration:none}
.hub__actu h2 a:hover,.hub__actu h3 a:hover,.hub__actu h2 a:focus-visible,.hub__actu h3 a:focus-visible{text-decoration:underline}
.hub__actu p{margin:0}
.hub__actu-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;margin-bottom:6px}
.hub__pages{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center}
.hub__article{max-width:760px;display:grid;gap:22px}
.hub__article-image{display:block;width:100%;height:auto;border-radius:14px;margin-top:14px}
.hub__corps{font-size:18px;line-height:1.75}
.hub__corps h2{font:800 clamp(24px,3.6vw,30px)/1.2 var(--titre);margin:34px 0 10px;color:var(--marque)}
.hub__corps h3{font:700 21px/1.25 var(--titre);margin:26px 0 8px;color:var(--marque)}
.hub__corps h4{font:700 18px/1.3 var(--titre);margin:20px 0 6px}
.hub__corps p{margin:0 0 16px}
.hub__corps ul,.hub__corps ol{margin:0 0 16px;padding-left:24px;display:grid;gap:8px}
.hub__corps a{color:var(--marque)}
.hub__corps img{width:190px;max-width:calc(50% - 20px);height:auto;margin:10px 10px 18px;border-radius:16px;vertical-align:top;box-shadow:0 1px 2px rgba(0,45,98,.12),0 8px 22px rgba(0,45,98,.14)}
.hub__corps p:has(> img){text-align:center}
.hub__corps blockquote{margin:0 0 16px;padding:4px 0 4px 18px;border-left:4px solid var(--violet);color:var(--doux)}
.hub__corps blockquote p{margin:0 0 8px}
.hub__corps pre{overflow-x:auto;margin:0 0 16px;padding:14px 16px;background:var(--surface);border:1px solid var(--brume);border-radius:10px;font-size:15px}
.hub__corps code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.hub__corps hr{border:0;border-top:1px solid var(--brume);margin:28px 0}
.hub__theme-lien{padding:20px;background:var(--surface);border:1px solid var(--brume);border-radius:14px}
.hub__theme-lien p{margin:0 0 10px}
@media (max-width:1000px){.hub__actus{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.hub__actus,.hub__actus--liste{grid-template-columns:1fr}.hub__corps{font-size:17px}}

/* Accueil : bandes de couleur pleine largeur, à bord supérieur incliné ; les aplats se chevauchent d'une pente */
.hub--accueil{max-width:none;padding:0;gap:0;overflow-x:clip;--pente:clamp(28px,5vw,76px);--marine:#002D62;--c1:#D9762B;--c2:#2F8F9D;--c3:#C2549A;--c4:#4C9F5A;--c5:#D2494B;--c6:#7B70C8}
.hub--accueil .bande{position:relative}
.hub--accueil .bande + .bande{margin-top:calc(var(--pente) * -1)}
.hub--accueil .bande__in{max-width:1160px;margin:0 auto;padding:calc(64px + var(--pente)) 20px calc(40px + var(--pente))}
.bande--themes,.bande--comment,.bande--actus{background:var(--papier);clip-path:polygon(0 var(--pente),100% 0,100% 100%,0 100%)}
.bande--final{clip-path:polygon(0 var(--pente),100% 0,100% 100%,0 100%)}
.bande--atouts{background:color-mix(in srgb,var(--c6) 14%,var(--papier))}
.bande--faq{background:color-mix(in srgb,var(--c1) 14%,var(--papier))}
.bande--final{background:var(--orange-fort);color:#fff}

/* Haut de page : fond marine, bandes de couleur en travers et deux écrans du jeu */
.bande--hero{background:linear-gradient(106deg,var(--marine) 0 56%,var(--c1) 56% 62%,var(--c2) 62% 68%,var(--c3) 68% 74%,var(--c4) 74% 80%,var(--c5) 80% 86%,var(--c6) 86% 100%);color:#fff}
.bande--hero .bande__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:24px;padding-top:56px;padding-bottom:calc(56px + var(--pente))}
.bande--hero .hub__titre,.bande--hero .hub__accroche-hero{color:#fff;text-align:left;margin-left:0}
.bande--hero .hub__titre::after{margin-left:0;background:var(--c1)}
.bande--hero .hub__accroche-hero{max-width:44ch}
.bande--hero .hub__actions{justify-content:flex-start}
.bande--hero .hub__btn:not(.hub__btn--principal){border-color:#fff;color:#fff}
.hub__visuels{grid-column:2;grid-row:1 / span 3;display:flex;justify-content:center;gap:18px;padding:12px 0}
.hub__visuels .telephone{width:clamp(130px,17vw,205px);transform:rotate(-5deg)}
.hub__visuels .telephone + .telephone{transform:rotate(4deg) translateY(36px)}
.bande--hero > .bande__in > *:not(.hub__visuels){grid-column:1}

/* Étapes et atouts : cartes un peu de travers, repères colorés */
.hub--accueil .hub__etapes li:nth-child(4n+1) .hub__num{background:var(--c1)}
.hub--accueil .hub__etapes li:nth-child(4n+2) .hub__num{background:var(--c2)}
.hub--accueil .hub__etapes li:nth-child(4n+3) .hub__num{background:var(--c3)}
.hub--accueil .hub__etapes li:nth-child(4n+4) .hub__num{background:var(--c4)}
.hub--accueil .hub__etapes li,.hub--accueil .hub__atouts li{box-shadow:var(--ombre-repos)}
.hub--accueil .hub__atouts li{border:0;border-top:6px solid var(--c1)}
.hub--accueil .hub__atouts li:nth-child(6n+2){border-top-color:var(--c2)}
.hub--accueil .hub__atouts li:nth-child(6n+3){border-top-color:var(--c3)}
.hub--accueil .hub__atouts li:nth-child(6n+4){border-top-color:var(--c4)}
.hub--accueil .hub__atouts li:nth-child(6n+5){border-top-color:var(--c5)}
.hub--accueil .hub__atouts li:nth-child(6n+6){border-top-color:var(--c6)}
@media (min-width:1001px){
  .hub--accueil .hub__atouts li:nth-child(odd){transform:rotate(-.8deg)}
  .hub--accueil .hub__atouts li:nth-child(even){transform:rotate(.8deg)}
  .hub--accueil .hub__etapes li:nth-child(odd){transform:rotate(.6deg)}
  .hub--accueil .hub__etapes li:nth-child(even){transform:rotate(-.6deg)}
}

/* Appel final */
.hub--accueil .hub__final{padding:0;background:var(--orange-fort);border:0;border-radius:0;box-shadow:none}
.hub--accueil .hub__final .bande__in{text-align:center;padding-bottom:64px}
.bande--final p{color:#fff}
.bande--final .hub__btn--principal{background:#fff;border-color:#fff;color:var(--orange-texte)}
.bande--final .hub__btn:not(.hub__btn--principal){border-color:#fff;color:#fff}

@media (max-width:1000px){
  .bande--hero{background:linear-gradient(172deg,var(--marine) 0 74%,var(--c1) 74% 78%,var(--c2) 78% 82%,var(--c3) 82% 86%,var(--c4) 86% 90%,var(--c5) 90% 94%,var(--c6) 94% 100%)}
  .bande--hero .bande__in{grid-template-columns:1fr}
  .hub__visuels{grid-column:1;grid-row:auto;order:5}
}
@media (max-width:640px){
  .hub--accueil .bande__in{padding-inline:16px}
  .hub__visuels .telephone{width:38vw}
}
.hub--accueil .bande--hero{max-width:none;margin:0;padding:0;text-align:left}

/* Cadre de téléphone autour des captures */
.telephone{position:relative;display:block;padding:7px;border-radius:30px;background:#14161C;box-shadow:0 0 0 2px #3B3F4A,0 16px 36px rgba(0,15,35,.45)}
.telephone::before{content:"";position:absolute;top:11px;left:50%;width:34%;height:5px;margin-left:-17%;border-radius:3px;background:#2B2E37;z-index:1}
.telephone img{display:block;width:100%;height:auto;border-radius:23px}

/* Thèmes : plus d'air sous les cartes qu'au-dessus */
.bande--themes .hub__sous-titre{margin-bottom:56px}
.hub--accueil .bande--themes .bande__in{padding-top:calc(40px + var(--pente));padding-bottom:calc(124px + var(--pente))}

/* Ce qui t'attend : un décor par thème, chacun dans l'univers de son jeu */
.bande--intro{background:color-mix(in srgb,var(--c2) 13%,var(--papier));clip-path:polygon(0 0,100% var(--pente),100% 100%,0 100%)}
.hub--accueil .bande--intro .bande__in{padding-bottom:calc(8px + var(--pente))}
.bande--intro .hub__sous-titre{margin-bottom:0}
.pente-a{clip-path:polygon(0 var(--pente),100% 0,100% 100%,0 100%)}
.pente-b{clip-path:polygon(0 0,100% var(--pente),100% 100%,0 100%)}
.hub__galerie{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:center;gap:24px 40px}
.hub__galerie h3 a{text-decoration:none}
.hub__galerie ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;justify-content:center}
.hub__galerie li{flex:0 1 205px;min-width:0}
.hub__galerie li:nth-child(2){margin-top:30px}
.hub__galerie figure{margin:0}
.hub__galerie figcaption{margin-top:14px;font-size:14px;line-height:1.4;text-align:center}
.hub--accueil .bande--univers .bande__in{padding-top:calc(52px + var(--pente));padding-bottom:calc(52px + var(--pente))}
/* métiers : le classeur (bleu marine, feuille lignée, onglet orange) */
.univers--metiers{background:repeating-linear-gradient(transparent 0 33px,rgba(255,255,255,.07) 33px 34px),#002D62;color:#fff}
.univers--metiers .hub__nom{display:inline-block;padding:10px 20px 9px;font:800 clamp(26px,3vw,34px)/1.1 var(--titre);color:#fff;border-bottom:4px solid var(--orange-fort);background:rgba(255,255,255,.08);border-radius:10px 10px 0 0}
.univers--metiers .hub__nom a,.univers--metiers .hub__nom .hub__mot{color:#fff}
.univers--metiers .hub__nom .hub__mot{color:#FFA566}
.univers--metiers figcaption{color:rgba(255,255,255,.92)}
.univers--metiers .telephone{background:#0A1A33;box-shadow:0 0 0 2px #35527F,0 16px 36px rgba(0,10,30,.5)}
/* dico : le tiroir à fiches (kraft, papier ligné, machine à écrire, bande rouge) */
.univers--dico{background:repeating-linear-gradient(transparent 0 33px,rgba(111,80,40,.14) 33px 34px),#C9B382;color:#2A2217;font-family:"Courier Prime","Courier New",monospace}
.univers--dico .hub__nom{display:inline-block;padding:14px 22px 10px;font:400 clamp(24px,2.8vw,32px)/1.1 "Cutive Mono","Courier New",monospace;letter-spacing:.01em;color:#2A2217;background:#FFFAF0;border:1px solid #8A7648;border-top:6px solid #C0392B;border-radius:3px;box-shadow:0 3px 0 #8A7648}
.univers--dico .hub__nom a{color:#2A2217}
.univers--dico .hub__nom .hub__mot{color:#A52F22}
.univers--dico figcaption{color:#2A2217}
.univers--dico .telephone{background:#2A2217;box-shadow:0 0 0 2px #6B5A38,0 16px 36px rgba(40,25,5,.4)}
/* thème sans décor propre : fond marine uni */
.bande--univers:not(.univers--metiers):not(.univers--dico){background:#10253F;color:#fff}
.bande--univers:not(.univers--metiers):not(.univers--dico) .hub__nom,.bande--univers:not(.univers--metiers):not(.univers--dico) .hub__nom a{color:#fff}

/* Liens « toutes les actualités » : de l'air au-dessus */
.hub--accueil .hub__section .hub__actus + p{margin-top:36px}

/* Pages d'actualités : l'en-tête reprend les aplats de l'accueil */
.bande--tete{background:linear-gradient(106deg,var(--marine) 0 72%,var(--c1) 72% 76.7%,var(--c2) 76.7% 81.4%,var(--c3) 81.4% 86.1%,var(--c4) 86.1% 90.8%,var(--c5) 90.8% 95.5%,var(--c6) 95.5% 100%);color:#fff}
.hub--accueil .bande--tete .bande__in{padding-top:28px;padding-bottom:calc(40px + var(--pente))}
.bande--tete .hub__h1,.bande--tete .hub__accroche-hero,.bande--tete .hub__date,.bande--tete .hub__fil ol,.bande--tete .hub__fil a,.bande--tete .hub__date a{color:#fff}
.bande--tete .hub__fil a,.bande--tete .hub__date a{text-underline-offset:3px}
.bande--tete .hub__tete,.bande--tete header{max-width:760px}
.bande--tete .hub__date{margin:6px 0 0;opacity:.92}
.bande--texte{background:var(--papier);clip-path:polygon(0 var(--pente),100% 0,100% 100%,0 100%)}
.hub--accueil .bande--texte .bande__in{padding-top:calc(36px + var(--pente));padding-bottom:calc(64px + var(--pente))}
.hub--page .hub__article{margin:0 auto 0 0}
.hub--page .hub__actus--liste .hub__actu{box-shadow:var(--ombre-repos)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+1){border-top:6px solid var(--c1)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+2){border-top:6px solid var(--c2)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+3){border-top:6px solid var(--c3)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+4){border-top:6px solid var(--c4)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+5){border-top:6px solid var(--c5)}
.hub--page .hub__actus--liste .hub__actu:nth-child(6n+6){border-top:6px solid var(--c6)}
.hub--page .hub__pages{margin-top:40px}
.hub--page .bande--autres .hub__actu{border:0;border-top:6px solid var(--c1);box-shadow:var(--ombre-repos)}
.hub--page .bande--autres .hub__actu:nth-child(2){border-top-color:var(--c2)}
.hub--page .bande--autres .hub__actu:nth-child(3){border-top-color:var(--c3)}
.hub--page .hub__theme-lien{margin-top:28px;border:0;border-left:6px solid var(--c1);box-shadow:var(--ombre-repos)}
@media (max-width:1000px){
  .bande--tete{background:linear-gradient(172deg,var(--marine) 0 80%,var(--c1) 80% 83.3%,var(--c2) 83.3% 86.6%,var(--c3) 86.6% 90%,var(--c4) 90% 93.3%,var(--c5) 93.3% 96.6%,var(--c6) 96.6% 100%)}
  .hub__galerie{grid-template-columns:1fr;justify-items:center;text-align:center}
}
@media (max-width:640px){
  .hub--accueil .hub__galerie ul{overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;padding:6px 4px 14px;width:100%}
  .hub--accueil .hub__galerie li{flex:0 0 56%;scroll-snap-align:center}
}
.bande--tete .hub__fil{margin-bottom:22px}
.hub__corps img{border:7px solid #14161C;border-radius:28px;box-shadow:0 0 0 2px #3B3F4A,0 12px 28px rgba(0,15,35,.3);background:#14161C}
.bande--atouts,.bande--faq{clip-path:polygon(0 0,100% var(--pente),100% 100%,0 100%)}
.bande--final h2{color:#fff}
/* Onglet des thèmes : un nom trop long est coupé par des points de suspension au lieu de dépasser */
.hub__theme--metiers::before,.hub__theme--dico::before{max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Titre du thème dans « Ce qui t attend » : jamais plus large que sa colonne, points de suspension sinon */
.hub__galerie{grid-template-columns:minmax(0,300px) minmax(0,1fr)}
.hub__galerie .hub__nom{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:top}
.univers--metiers .hub__nom{font-size:clamp(22px,2.6vw,32px)}
.univers--dico .hub__nom{font-size:clamp(20px,2.4vw,30px)}

/* Espace presse */
.presse__actions{justify-content:flex-start;margin-top:20px}
.bande--tete .presse__actions .hub__btn:not(.hub__btn--principal){border-color:#fff;color:#fff}
.hub--presse .hub__section h2{margin-bottom:20px}
.hub--presse .presse__sous{margin-top:56px}
.presse__cartes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:22px;align-items:start}
.presse__carte{padding:24px 26px;background:var(--surface);border-radius:14px;box-shadow:var(--ombre-repos);border-top:6px solid var(--c2)}
.presse__carte--phrase{border-top-color:var(--c1);font-size:19px;line-height:1.55}
.presse__carte h3{margin:0 0 10px;font:700 14px var(--titre);letter-spacing:.06em;text-transform:uppercase;color:var(--doux)}
.presse__carte p{margin:0 0 12px}
.presse__carte p:last-child{margin-bottom:0}
.presse__chiffres{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.presse__chiffres li{padding:18px 14px;background:var(--surface);border-radius:14px;box-shadow:var(--ombre-repos);text-align:center}
.presse__chiffres strong{display:block;font:800 clamp(30px,3.4vw,42px)/1 var(--titre);color:var(--orange-texte);margin-bottom:8px}
.presse__chiffres span{display:block;font-size:14px;line-height:1.35;color:var(--doux)}
.presse__visuels{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.presse__visuels--marque{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:8px}
.presse__visuels--captures{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.presse__visuels figure{margin:0;display:grid;gap:8px;align-content:start}
.presse__visuels img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:var(--ombre-repos);background:var(--surface)}
.presse__visuels--captures img{border:5px solid #14161C;border-radius:20px}
.presse__visuels .presse__icone{width:60%;aspect-ratio:1;object-fit:contain;margin:0 auto;box-shadow:none;border-radius:22%}
.presse__visuels figcaption{display:grid;gap:2px;font-size:14px;line-height:1.35}
.presse__visuels figcaption span{color:var(--doux)}
.presse__visuels figcaption a{margin-top:4px;font-weight:700;color:var(--orange-texte)}
.presse__groupe{margin:44px 0 16px !important;font:700 18px var(--titre);color:var(--marque)}
.presse__angles{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub--presse .presse__angles .hub__actu{border:0;border-top:6px solid var(--c1);box-shadow:var(--ombre-repos)}
.hub--presse .presse__angles .hub__actu:nth-child(5n+2){border-top-color:var(--c2)}
.hub--presse .presse__angles .hub__actu:nth-child(5n+3){border-top-color:var(--c3)}
.hub--presse .presse__angles .hub__actu:nth-child(5n+4){border-top-color:var(--c4)}
.hub--presse .presse__angles .hub__actu:nth-child(5n+5){border-top-color:var(--c5)}
@media (max-width:1000px){
  .presse__cartes{grid-template-columns:1fr}
  .presse__chiffres{grid-template-columns:repeat(3,minmax(0,1fr))}
  .presse__visuels--marque{grid-template-columns:repeat(2,minmax(0,1fr))}
  .presse__visuels--captures{grid-template-columns:repeat(3,minmax(0,1fr))}
  .presse__angles{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .presse__chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .presse__visuels--captures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .presse__angles{grid-template-columns:1fr}
}