@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/eb-garamond-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/eb-garamond-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/eb-garamond-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/eb-garamond-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(fonts/eb-garamond-latin-500-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-sans-3-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-sans-3-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/noto-naskh-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/noto-naskh-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}

:root{--nuit:#1A2233;--marine:#263248;--marine-c:#2F3D57;--charte:#1F3864;--or:#B8860B;--or-c:#E3B94A;--or-p:#F3E3B0;--or-f:#8A6508;--papier:#FBFAF6;--clair:#F3F0E6;--encre:#1A2233;--gris:#535B6B;--filet:#DDD6C4;
  --serif:"EB Garamond",Garamond,Georgia,serif;--sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;--ar:"Noto Naskh Arabic","Simplified Arabic","Traditional Arabic",serif;
  --ombre:0 1px 2px rgba(15,22,38,.06),0 10px 30px rgba(15,22,38,.08);--doux:cubic-bezier(.2,.7,.2,1);--degrade-or:linear-gradient(100deg,#F6EAC4 0%,#E9C462 45%,#C8961C 100%)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:88px;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--papier);color:var(--encre);font:17px/1.68 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
[dir=rtl] body{font-family:var(--ar);font-size:18px;line-height:1.95}
::selection{background:var(--or-c);color:var(--nuit)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.14;margin:0 0 .5em;color:var(--marine);letter-spacing:-.005em}
[dir=rtl] :is(h1,h2,h3,h4){font-family:var(--ar);font-weight:600;line-height:1.5;letter-spacing:0}
p{margin:0 0 1em}a{color:var(--marine)}img{max-width:100%;display:block}
.cadre{max-width:1240px;margin:0 auto;padding:0 24px}
.ic{width:24px;height:24px;flex:none}.ic.petit{width:18px;height:18px}.ic.mini{width:14px;height:14px}
[dir=rtl] .sens{transform:scaleX(-1)}
.passer{position:absolute;inset-inline-start:12px;top:-60px;background:var(--or);color:#fff;padding:8px 14px;z-index:60;border-radius:2px}.passer:focus{top:10px}
:focus-visible{outline:2px solid var(--or-c);outline-offset:3px}
.motif{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:64px 64px}

/* rideau d'ouverture */
.rideau{position:fixed;inset:0;z-index:100;background:var(--marine);display:grid;place-items:center;transition:transform 1s cubic-bezier(.8,0,.2,1) .1s,visibility 0s 1.2s}
.rideau-in{display:flex;flex-direction:column;align-items:center;gap:26px}
.rideau-anneau{width:120px;height:auto;animation:rideau-tourne 2.4s var(--doux) both}
.rideau-mot{width:240px;height:auto;clip-path:inset(0 100% 0 0);animation:rideau-mot 1s var(--doux) .5s forwards}
.rideau-trait{width:260px;height:1px;background:var(--degrade-or);transform:scaleX(0);animation:rideau-trait 1s var(--doux) .8s forwards}
@keyframes rideau-tourne{from{opacity:0;transform:rotate(-120deg) scale(.6)}to{opacity:1;transform:none}}
@keyframes rideau-mot{to{clip-path:inset(0 0 0 0)}}
@keyframes rideau-trait{to{transform:none}}
.rideau.parti{transform:translateY(-100%);visibility:hidden}
html:not(.js) .rideau,.sans-rideau .rideau{display:none}

/* annonce */
.annonce{background:var(--nuit);color:#fff;font-size:14.5px;border-bottom:1px solid rgba(227,185,74,.25);position:relative;z-index:16}
.annonce-in{display:flex;align-items:center;gap:14px;min-height:44px;padding-block:6px}
.annonce-pastille{background:var(--degrade-or);color:var(--nuit);font-weight:600;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:20px;flex:none}
[dir=rtl] .annonce-pastille{letter-spacing:0;font-size:13px}
.annonce-txt{margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.88)}
.annonce-lien{color:var(--or-c);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:6px;flex:none;background:none;border:0;cursor:pointer;font:inherit;font-weight:600}
.annonce-lien:hover{text-decoration:underline}
.annonce-fermer{background:none;border:0;color:rgba(255,255,255,.6);cursor:pointer;padding:4px;display:grid}
.annonce-fermer:hover{color:#fff}
@media(max-width:640px){.annonce-txt{white-space:normal;font-size:13.5px;line-height:1.4}.annonce-pastille{display:none}}

/* progression et en-tête */
.progres{position:fixed;inset:0 0 auto 0;height:2px;z-index:40;pointer-events:none}.progres span{display:block;height:100%;width:0;background:var(--degrade-or)}
[dir=rtl] .progres span{margin-inline-start:auto}
.tete{position:sticky;top:0;z-index:30;background:transparent;transition:background .4s,box-shadow .4s,transform .45s var(--doux);margin-bottom:-84px}
.tete::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,24,38,.65),transparent);pointer-events:none;transition:opacity .4s}
.tete.pleine{background:rgba(26,34,51,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.18)}
.tete.pleine::before{opacity:0}
.tete.cachee{transform:translateY(-100%)}
.tete-in{position:relative;display:flex;align-items:center;gap:18px;height:84px;transition:height .4s}.tete.pleine .tete-in{height:68px}
.marque{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none}
.marque-anneau{width:40px;height:auto;transition:transform 1.2s var(--doux)}.marque:hover .marque-anneau{transform:rotate(180deg)}
.marque-txt{display:flex;flex-direction:column;gap:4px}.marque-txt img{width:118px;height:auto}
.marque-txt small{color:rgba(255,255,255,.7);font:500 11px var(--sans);letter-spacing:.32em;text-transform:uppercase}
.menu{display:flex;gap:2px;margin-inline-start:auto}
.menu a{position:relative;color:rgba(255,255,255,.86);text-decoration:none;padding:8px 11px;font-size:15px;white-space:nowrap;transition:color .3s}
.menu a::after{content:"";position:absolute;inset-inline:11px;bottom:2px;height:1px;background:var(--or-c);transform:scaleX(0);transform-origin:var(--debut,left);transition:transform .4s var(--doux)}
[dir=rtl] .menu a::after{--debut:right}
.menu a:hover,.menu a[aria-current]{color:#fff}.menu a:hover::after,.menu a[aria-current]::after{transform:scaleX(1)}
.outils{display:flex;align-items:center;gap:10px}
.langues{display:flex;gap:2px}.langues a{color:#fff;text-decoration:none;font-size:13px;line-height:1;padding:7px 8px;border:1px solid rgba(255,255,255,.25);border-radius:2px;min-width:32px;text-align:center;transition:.3s}
.langues a:hover{border-color:var(--or-c)}.langues a[aria-current]{background:var(--or-c);border-color:var(--or-c);color:var(--nuit);font-weight:600}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:40px;background:none;border:1px solid rgba(255,255,255,.3);border-radius:2px;cursor:pointer;padding:0 10px}
.burger span{display:block;height:1.5px;background:#fff;transition:transform .35s var(--doux),opacity .2s}
.menu-ouvert .burger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-ouvert .burger span:nth-child(2){opacity:0}.menu-ouvert .burger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media(max-width:1140px){
  .burger{display:flex}.outils .cta-tete{display:none}
  .menu{position:fixed;inset:0;top:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;background:rgba(26,34,51,.98);padding:90px 24px 40px;opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;z-index:-1}
  .menu-ouvert .menu{opacity:1;visibility:visible;transition:opacity .4s}
  .menu a{font:500 28px var(--serif);padding:8px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s var(--doux)}
  [dir=rtl] .menu a{font-family:var(--ar);font-size:24px}
  .menu-ouvert .menu a{opacity:1;transform:none}
  .menu-ouvert .menu a:nth-child(2){transition-delay:.05s}.menu-ouvert .menu a:nth-child(3){transition-delay:.1s}.menu-ouvert .menu a:nth-child(4){transition-delay:.15s}.menu-ouvert .menu a:nth-child(5){transition-delay:.2s}.menu-ouvert .menu a:nth-child(6){transition-delay:.25s}.menu-ouvert .menu a:nth-child(7){transition-delay:.3s}
  .outils{margin-inline-start:auto}
}
@media(max-width:560px){.marque-txt small{display:none}.marque-txt img{width:96px}.marque-anneau{width:34px}.tete-in{gap:10px}.langues a{padding:7px 6px;min-width:28px}}

/* boutons */
.bouton{position:relative;display:inline-flex;align-items:center;gap:10px;background:var(--or);color:#fff;text-decoration:none;border:1px solid var(--or);padding:14px 28px;border-radius:2px;font:600 15.5px var(--sans);letter-spacing:.02em;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s,border-color .35s,box-shadow .35s,transform .25s var(--doux)}
.bouton::before{content:"";position:absolute;inset:0;background:var(--nuit);transform:scaleX(0);transform-origin:var(--debut,left);transition:transform .45s var(--doux);z-index:-1}
[dir=rtl] .bouton::before{--debut:right}
.bouton:hover::before{transform:scaleX(1)}.bouton:hover{border-color:var(--nuit);box-shadow:0 10px 24px rgba(15,22,38,.25)}
[dir=rtl] .bouton{font-family:var(--ar)}
.bouton.contour{background:transparent;border-color:rgba(255,255,255,.55)}.bouton.contour::before{background:#fff}.bouton.contour:hover{color:var(--nuit);border-color:#fff}
.sombre .bouton:hover,.carrieres .bouton:hover,.appel .bouton:hover{border-color:#fff}.sombre .bouton::before,.carrieres .bouton::before,.appel .bouton::before{background:#fff}.sombre .bouton:hover,.carrieres .bouton:hover,.appel .bouton:hover{color:var(--nuit)}
.bouton.petit{padding:9px 18px;font-size:14px}
.bouton[disabled]{opacity:.6;cursor:wait}

/* bandeau d'accueil */
.une{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;color:#fff;background:var(--nuit);overflow:hidden;isolation:isolate;padding:130px 0 120px}
.une-fond{position:absolute;inset:0;z-index:-3}
.une-fond img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.75);animation:kenburns 26s ease-in-out infinite alternate;transform-origin:60% 40%}
@keyframes kenburns{from{transform:scale(1.04)}to{transform:scale(1.16) translate(-1.5%,-1%)}}
.une::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,rgba(26,34,51,.96) 0%,rgba(38,50,72,.86) 45%,rgba(38,50,72,.45) 100%),radial-gradient(ellipse at 80% 20%,rgba(227,185,74,.18),transparent 55%)}
[dir=rtl] .une::before{background:linear-gradient(-100deg,rgba(26,34,51,.96) 0%,rgba(38,50,72,.86) 45%,rgba(38,50,72,.45) 100%),radial-gradient(ellipse at 20% 20%,rgba(227,185,74,.18),transparent 55%)}
.une::after{content:"";position:absolute;inset:0;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:64px;opacity:.6;mask-image:linear-gradient(90deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 70%)}
[dir=rtl] .une::after{mask-image:linear-gradient(-90deg,#000,transparent 70%);-webkit-mask-image:linear-gradient(-90deg,#000,transparent 70%)}
.poussiere{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.une-in{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:end;width:100%}
.une .sur{display:flex;align-items:center;gap:12px;color:var(--or-c);letter-spacing:.22em;text-transform:uppercase;font-size:13px;font-weight:600;margin-bottom:26px}
.une .sur img{width:22px;height:auto}
[dir=rtl] .une .sur{letter-spacing:0;font-size:15px}
.titre-une{color:#fff;font-size:clamp(42px,6.6vw,92px);font-weight:500;line-height:1.02;max-width:13ch;margin-bottom:26px}
[dir=rtl] .titre-une{line-height:1.35;font-size:clamp(38px,5.6vw,76px)}
.mot{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.mot>span{display:inline-block;transform:translateY(105%);transition:transform 1.1s var(--doux);transition-delay:calc(var(--m) * 70ms)}
.titre-une .mot>span{animation:mot-monte 1.2s var(--doux) forwards;animation-delay:calc(var(--depart,.3s) + var(--m) * 90ms)}
@keyframes mot-monte{to{transform:none}}
.js .rv.vu .mot>span,html:not(.js) .mot>span{transform:none}
.rotatif{font:italic 500 clamp(22px,2.4vw,30px) var(--serif);color:rgba(255,255,255,.9);margin-bottom:22px}
[dir=rtl] .rotatif{font-style:normal;font-family:var(--ar)}
.rot{display:inline-grid;color:var(--or-c);position:relative;vertical-align:bottom}
.rot::after{content:"";position:absolute;inset-inline:0;bottom:2px;height:1px;background:var(--degrade-or);transform-origin:var(--debut,left);animation:souligne 3s var(--doux) infinite}
@keyframes souligne{0%{transform:scaleX(0)}25%,75%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.rot>span{display:inline-block;animation:rot-entre .7s var(--doux)}
.rot.sort>span{animation:rot-sort .45s ease-in forwards}
@keyframes rot-entre{from{opacity:0;transform:translateY(60%);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes rot-sort{to{opacity:0;transform:translateY(-60%);filter:blur(4px)}}
.une .intro{max-width:56ch;color:rgba(255,255,255,.8);font-size:19px}
.une .actions{display:flex;flex-wrap:wrap;gap:14px;margin:34px 0 38px}
.badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;color:rgba(255,255,255,.78);font-size:14px}
.badges li{display:flex;align-items:center;gap:8px}.badges .ic{color:var(--or-c)}
.apparait{opacity:0;transform:translateY(18px);animation:monte 1s var(--doux) forwards;animation-delay:calc(var(--d) + var(--depart,.3s))}
@keyframes monte{to{opacity:1;transform:none}}
.une-carte{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:24px 24px 20px;border-top:2px solid var(--or-c);margin-bottom:8px}
.une-carte-sur{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--or-c);font-weight:600}
[dir=rtl] .une-carte-sur{letter-spacing:0;font-size:13px}
.une-carte-cat{font-size:13px;color:rgba(255,255,255,.65);margin:8px 0 4px}
.une-carte h2{color:#fff;font-size:22px;line-height:1.25;margin-bottom:14px}
.une-carte-lire{background:none;border:0;color:var(--or-c);font:600 14px var(--sans);display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:0}
.defiler{position:absolute;bottom:26px;inset-inline-start:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:rgba(255,255,255,.6);text-decoration:none;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase}
[dir=rtl] .defiler{transform:translateX(50%);letter-spacing:0}
.souris{width:22px;height:34px;border:1.5px solid rgba(255,255,255,.5);border-radius:12px;display:flex;justify-content:center;padding-top:6px}
.souris span{width:2px;height:7px;background:var(--or-c);border-radius:2px;animation:molette 1.8s ease-in-out infinite}
@keyframes molette{0%{opacity:0;transform:translateY(-3px)}40%{opacity:1}100%{opacity:0;transform:translateY(10px)}}
@media(max-width:980px){.une-in{grid-template-columns:1fr}.une-carte{max-width:420px}.defiler{display:none}}
@media(max-width:560px){.une{padding:110px 0 80px}.une .intro{font-size:17px}}

/* bandeau défilant */
.bandeau-defile{background:var(--marine);border-block:1px solid rgba(227,185,74,.2);overflow:hidden;padding:18px 0;display:grid;gap:8px;direction:ltr}
.piste{display:flex;align-items:center;gap:28px;width:max-content;animation:defile 60s linear infinite;white-space:nowrap}
.piste span{font:500 clamp(22px,2.6vw,34px) var(--serif);color:transparent;-webkit-text-stroke:1px rgba(243,227,176,.55)}
.piste span:nth-of-type(2n){color:rgba(243,227,176,.9);-webkit-text-stroke:0}
[lang=ar] .piste span{font-family:var(--ar);color:rgba(243,227,176,.85);-webkit-text-stroke:0;font-size:22px}
.piste .etoile-sep{width:16px;height:16px;color:var(--or-c);flex:none}
.piste.inverse{animation-direction:reverse;animation-duration:75s;opacity:.55}
.bandeau-defile:hover .piste{animation-play-state:paused}
@keyframes defile{to{transform:translateX(-50%)}}

/* chiffres clés */
.chiffres{position:relative;z-index:2;margin-top:-1px;background:linear-gradient(var(--marine) 50%,var(--papier) 50%)}
.chiffres ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:var(--ombre)}
.chiffres li{padding:34px 20px;text-align:center;border-inline-start:1px solid var(--filet);position:relative}.chiffres li:first-child{border:0}
.chiffres b{display:block;font:500 58px/1 var(--serif);background:var(--degrade-or);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;filter:drop-shadow(0 1px 0 rgba(138,101,8,.25))}
.chiffres b{background:linear-gradient(100deg,#C99A2E,#8A6508);-webkit-background-clip:text;background-clip:text}
.chiffres li>span{color:var(--gris);font-size:14.5px;text-transform:uppercase;letter-spacing:.12em}
[dir=rtl] .chiffres li>span{letter-spacing:0;text-transform:none;font-size:16px}
@media(max-width:760px){.chiffres ul{grid-template-columns:1fr 1fr}.chiffres li:nth-child(3){border-inline-start:0}.chiffres li:nth-child(n+3){border-top:1px solid var(--filet)}.chiffres b{font-size:44px}}

/* blocs */
.bloc{padding:120px 0;position:relative}.bloc.clair{background:var(--clair)}
.bloc.sombre{background-color:var(--marine);color:#fff}.bloc.sombre h2{color:#fff}.bloc.sombre .chapeau{color:rgba(255,255,255,.78)}
.lueur{--x:50%;--y:50%}.lueur::before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--x) var(--y),rgba(227,185,74,.10),transparent 60%);pointer-events:none}
.sur-titre{color:var(--or-f);font-size:12.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:14px}
.sur-titre::before{content:"";width:40px;height:1px;background:currentColor}
[dir=rtl] .sur-titre{letter-spacing:0;font-size:15px}
.sombre .sur-titre,.international .sur-titre{color:var(--or-c)}
.bloc h2{font-size:clamp(34px,4.4vw,58px);max-width:20ch}
.chapeau{font-size:19px;color:var(--gris);max-width:58ch}
.entete-section{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:end;margin-bottom:56px}.entete-section .chapeau{margin:0 0 .6em}
@media(max-width:900px){.entete-section{grid-template-columns:1fr;gap:10px}}
.deux{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:start}.deux>*{min-width:0}@media(max-width:960px){.deux{grid-template-columns:1fr;gap:48px}}
.cabinet-in{align-items:center}
.piliers{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--filet)}
.piliers li{display:flex;gap:22px;padding:20px 4px;border-bottom:1px solid var(--filet);transition:padding .4s var(--doux),background .4s}
.piliers li:hover{padding-inline-start:16px;background:linear-gradient(90deg,rgba(227,185,74,.08),transparent)}
.num{font:500 15px var(--serif);color:var(--or-f);letter-spacing:.06em;flex:none}
.piliers b{display:block;font:500 23px var(--serif);color:var(--marine)}[dir=rtl] .piliers b{font-family:var(--ar);font-weight:600}.piliers span{color:var(--gris)}
.image-cadre{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;box-shadow:30px 30px 0 -1px var(--clair),30px 30px 0 0 var(--or-c)}
[dir=rtl] .image-cadre{box-shadow:-30px 30px 0 -1px var(--clair),-30px 30px 0 0 var(--or-c)}
.parallaxe{position:absolute;inset:-12% 0;will-change:transform}
.parallaxe img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) contrast(1.05)}
.image-cadre::after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,rgba(38,50,72,0) 40%,rgba(38,50,72,.55));pointer-events:none}
/* voile : rideau qui découvre l'image */
.voile{position:relative;overflow:hidden}
.js .voile::before{content:"";position:absolute;inset:0;background:var(--or-c);z-index:3;transform:scaleX(1);transform-origin:var(--fin,right);transition:transform 1.2s cubic-bezier(.8,0,.2,1) .15s}
[dir=rtl].js .voile::before,[dir=rtl] .js .voile::before{--fin:left}
.js .vu.voile::before,.js .vu .voile::before{transform:scaleX(0)}
.js .voile img{transform:scale(1.25);transition:transform 1.8s var(--doux) .3s}
.js .vu.voile img,.js .vu .voile img{transform:none}
/* fondateur */
.fondateur{background:linear-gradient(180deg,var(--papier),var(--clair))}
.fondateur-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}
@media(max-width:960px){.fondateur-in{grid-template-columns:1fr;gap:50px}}
.fondateur-photo{margin:0;position:relative;max-width:460px;justify-self:center;width:100%}
.portrait{aspect-ratio:3/4;background:var(--marine);overflow:hidden;position:relative}
.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05);transition:filter .6s,transform 1.2s var(--doux)}
.portrait.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(26,34,51,.55));pointer-events:none}
.fondateur-photo .portrait{z-index:1}
.cadre-or{position:absolute;inset:-22px 22px 22px -22px;border:1px solid var(--or-c);z-index:0}
[dir=rtl] .cadre-or{inset:-22px -22px 22px 22px}
.citation-grande{margin:6px 0 26px;padding:0;position:relative}
.citation-grande::before{content:"\201C";display:block;font:500 120px/0.7 var(--serif);color:var(--or-c);height:46px}
[dir=rtl] .citation-grande::before{content:"\201D"}
.citation-grande p{font:italic 500 clamp(24px,2.5vw,32px)/1.35 var(--serif);color:var(--marine)}
[dir=rtl] .citation-grande p{font:600 24px/1.8 var(--ar)}
.signature{display:flex;flex-direction:column;gap:2px;margin-top:30px;padding-top:22px;border-top:1px solid var(--filet)}
.signature .nom{font:italic 500 32px var(--serif);color:var(--or-f)}[dir=rtl] .signature .nom{font:600 26px var(--ar)}
.signature .qualite{font-size:14px;color:var(--gris);letter-spacing:.04em}
/* méthode */
.methode-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.methode-titre{position:sticky;top:130px}
.methode-jauge{width:2px;height:180px;background:var(--filet);margin-top:30px;position:relative}
.methode-jauge span{position:absolute;inset:0 0 auto 0;height:var(--p,0%);background:var(--degrade-or);transition:height .4s}
.etapes{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.etape{display:flex;gap:26px;padding:34px 36px;background:#fff;border:1px solid var(--filet);opacity:.45;transform:scale(.98);transition:opacity .6s,transform .6s var(--doux),box-shadow .6s,border-color .6s}
.etape.active{opacity:1;transform:none;box-shadow:var(--ombre);border-color:transparent;border-inline-start:3px solid var(--or-c)}
.etape .num{font-size:44px;line-height:1;color:var(--or-c)}
.etape h3{font-size:28px}.etape p{color:var(--gris);margin:0}
@media(max-width:960px){.methode-in{grid-template-columns:1fr;gap:30px}.methode-titre{position:static}.methode-jauge{display:none}.etape{opacity:1;transform:none}}
/* expertises */
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:24px}.grille.trois{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.carte{background:#fff;padding:36px 34px 30px;border:1px solid var(--filet);position:relative;transition:transform .5s var(--doux),box-shadow .5s,border-color .5s}
.carte h3{font-size:26px}.carte p{color:var(--gris);margin-bottom:14px}
.carte.filet{border-top:2px solid var(--marine)}.carte.filet .num{display:block;margin-bottom:12px}
.expertise{transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--rx,0)) rotateY(var(--ry,0))}
.expertise:hover{box-shadow:0 24px 50px rgba(15,22,38,.14);border-color:transparent}
.expertise::before{content:"";position:absolute;inset:-1px;padding:1px;background:var(--degrade-or);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none}
.expertise:hover::before{opacity:1}
.index{position:absolute;top:26px;inset-inline-end:30px;font:500 52px/1 var(--serif);color:transparent;-webkit-text-stroke:1px var(--filet);transition:-webkit-text-stroke-color .5s}
.expertise:hover .index{-webkit-text-stroke-color:var(--or-c)}
.pastille{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--clair);color:var(--marine);margin-bottom:22px;transition:background .5s,color .5s,transform .6s var(--doux)}
.pastille .ic{width:28px;height:28px}
.expertise:hover .pastille{background:var(--marine);color:var(--or-c);transform:rotate(-8deg) scale(1.06)}
.puces{margin:12px 0 0;padding:0;list-style:none}.puces li{padding:6px 0;padding-inline-start:22px;position:relative;font-size:16px}
.puces li::before{content:"";position:absolute;inset-inline-start:2px;top:15px;width:8px;height:8px;border:1.5px solid var(--or);transform:rotate(45deg)}
[dir=rtl] .puces li::before{top:18px}
.puces.courtes li{font-size:15px;color:var(--gris);padding:3px 0;padding-inline-start:22px}.puces.courtes li::before{top:11px}
.lien-tiroir{margin-top:18px;background:none;border:0;padding:12px 0 0;border-top:1px solid var(--filet);width:100%;display:flex;justify-content:space-between;align-items:center;font:600 15px var(--sans);color:var(--marine);cursor:pointer}
[dir=rtl] .lien-tiroir{font-family:var(--ar)}
.lien-tiroir .ic{transition:transform .4s var(--doux);color:var(--or-f)}.lien-tiroir:hover .ic{transform:translateX(6px)}[dir=rtl] .lien-tiroir:hover .ic{transform:scaleX(-1) translateX(6px)}
.carte.appel{background:var(--marine);color:#fff;border-color:var(--marine);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:64px}
.carte.appel h3{color:#fff;font-size:32px}.carte.appel p{color:rgba(255,255,255,.8);margin-bottom:26px}
/* secteurs */
.secteurs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(227,185,74,.22);border:1px solid rgba(227,185,74,.22);position:relative}
.secteurs li{background:var(--marine);padding:36px 28px;display:flex;flex-direction:column;gap:20px;font-size:17.5px;transition:background .5s;min-height:170px}
.secteurs li:hover{background:var(--marine-c)}.secteurs .ic{width:38px;height:38px;color:var(--or-c);transition:transform .6s var(--doux)}.secteurs li:hover .ic{transform:translateY(-4px) scale(1.1)}
.js .secteurs .ic path,.js .secteurs .ic circle,.js .secteurs .ic rect{stroke-dasharray:120;stroke-dashoffset:120;transition:stroke-dashoffset 1.8s var(--doux) .2s}
.js .secteurs li.vu .ic path,.js .secteurs li.vu .ic circle,.js .secteurs li.vu .ic rect{stroke-dashoffset:0}
@media(max-width:900px){.secteurs{grid-template-columns:1fr 1fr}}@media(max-width:480px){.secteurs li{padding:24px 18px;font-size:15.5px;min-height:0}}
/* héritage */
.heritage{background:var(--papier)}
.heritage-in{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}
@media(max-width:960px){.heritage-in{grid-template-columns:1fr;gap:40px}}
.heritage-image{margin:0;aspect-ratio:16/10;box-shadow:var(--ombre)}
.heritage-image img{filter:sepia(.15) contrast(1.05)}
.heritage-image figcaption{position:absolute;inset-inline-start:0;bottom:0;background:rgba(26,34,51,.85);color:var(--or-p);font-size:13px;padding:8px 14px;z-index:2}
.maxime{margin:0 0 18px;padding:18px 24px;border-inline-start:2px solid var(--or-c);background:linear-gradient(90deg,rgba(227,185,74,.08),transparent)}
[dir=rtl] .maxime{background:linear-gradient(-90deg,rgba(227,185,74,.08),transparent)}
.maxime .ar{font:600 clamp(20px,2vw,25px)/1.8 var(--ar);color:var(--marine);margin:0;text-align:right}
.maxime .trad{font:italic 500 18px/1.5 var(--serif);color:var(--gris);margin:6px 0 0}
/* carte */
.presence{overflow:hidden}
.presence-in{align-items:center}
.carte-boite{position:relative}
svg.carte-dz{width:100%;height:auto;max-width:620px;display:block;margin-inline-start:auto;overflow:visible}
svg.carte-dz .voisins path{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.12);stroke-width:.8}
svg.carte-dz .dz{fill:url(#dz-fond);stroke:var(--or-c);stroke-width:1.4;stroke-linejoin:round}
.js svg.carte-dz .dz{stroke-dasharray:4000;stroke-dashoffset:4000;transition:stroke-dashoffset 3s var(--doux)}
.js .vu svg.carte-dz .dz{stroke-dashoffset:0}
svg.carte-dz .mer{fill:rgba(243,227,176,.5);font:italic 500 15px var(--serif);letter-spacing:.2em}
[lang=ar] svg.carte-dz .mer{font:500 14px var(--ar);letter-spacing:0}
svg.carte-dz .arc{fill:none;stroke:var(--or-c);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;opacity:.75}
.js .vu svg.carte-dz .arc{animation:arc 1.6s var(--doux) forwards;animation-delay:calc(1.2s + var(--d))}
html:not(.js) svg.carte-dz .arc{stroke-dashoffset:0}
@keyframes arc{to{stroke-dashoffset:0}}
svg.carte-dz .ville .pt{fill:var(--or-c)}
svg.carte-dz .ville text{fill:rgba(255,255,255,.82);font:500 13px var(--sans)}
[lang=ar] svg.carte-dz .ville text,[lang=ar] svg.carte-dz .etiquette-siege line{stroke:var(--or-c);stroke-width:1}svg.carte-dz .etiquette-siege text{font-family:var(--ar);font-size:14px}
svg.carte-dz .ville{opacity:0;transition:opacity .6s}
.js .vu svg.carte-dz .ville{opacity:1;transition-delay:calc(1.6s + var(--d))}
html:not(.js) svg.carte-dz .ville{opacity:1}
svg.carte-dz .onde{fill:none;stroke:var(--or-c);transform-box:fill-box;transform-origin:center;animation:onde 2.6s ease-out infinite;animation-delay:var(--d)}
svg.carte-dz .siege .pt{fill:#fff;stroke:var(--or-c);stroke-width:3}
svg.carte-dz .siege .onde{stroke-width:2;animation-duration:2s}
@keyframes onde{0%{transform:scale(1);opacity:.9}100%{transform:scale(5);opacity:0}}
svg.carte-dz .etiquette-siege line{stroke:var(--or-c);stroke-width:1}svg.carte-dz .etiquette-siege text{fill:#fff;font:600 17px var(--serif)}svg.carte-dz .etiquette-siege .petit{fill:var(--or-c);font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.coord-mini{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:12px;color:rgba(255,255,255,.82);font-size:15.5px}
.coord-mini li{display:flex;gap:12px;align-items:flex-start}.coord-mini .ic{color:var(--or-c)}
/* international */
.international{position:relative;min-height:520px;display:flex;align-items:center;color:#fff;overflow:hidden;isolation:isolate}
.int-fond{position:absolute;inset:-15% 0;z-index:-2}.int-fond img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.1) brightness(.8)}
.international::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(26,34,51,.92),rgba(38,50,72,.55))}
[dir=rtl] .international::before{background:linear-gradient(-90deg,rgba(26,34,51,.92),rgba(38,50,72,.55))}
.int-in{padding:110px 24px}.int-in h2{color:#fff;font-size:clamp(36px,4.6vw,60px);max-width:16ch}.int-in p{max-width:56ch;font-size:19px;color:rgba(255,255,255,.85)}
/* engagements */
.reserve{font-size:14.5px;color:var(--gris);font-style:italic;margin-top:26px;max-width:80ch}[dir=rtl] .reserve{font-style:normal}
.titre-eng{font-size:32px;margin-top:80px}
.engagements{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.engagements li{display:flex;gap:16px;align-items:flex-start;padding-top:22px;border-top:1px solid var(--filet)}.engagements .ic{width:30px;height:30px;color:var(--or);flex:none;margin-top:2px}
.engagements b{display:block;color:var(--marine);font-size:17.5px;margin-bottom:4px}.engagements span{color:var(--gris);font-size:15.5px}
/* équipe */
.equipe{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:900px){.equipe{grid-template-columns:1fr 1fr}}@media(max-width:520px){.equipe{grid-template-columns:1fr 1fr;gap:14px}.membre-txt{padding:14px}.membre h3{font-size:19px}.role{font-size:11px}}
.membre{cursor:pointer;background:#fff;border:1px solid var(--filet);transition:transform .5s var(--doux),box-shadow .5s;outline-offset:4px}
.membre:hover,.membre:focus-visible{transform:translateY(-6px);box-shadow:0 24px 50px rgba(15,22,38,.14)}
.membre .portrait img{transform:scale(1.02)}
.membre:hover .portrait img{filter:grayscale(.2) contrast(1.05);transform:scale(1.07)}
.monogramme-grand{display:grid;place-items:center;background-color:var(--marine);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:48px}
.monogramme-grand span{font:500 64px var(--serif);background:var(--degrade-or);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.06em;position:relative}
.monogramme-grand::after{content:"";position:absolute;inset:18px;border:1px solid rgba(227,185,74,.35);transition:inset .6s var(--doux)}
.membre:hover .monogramme-grand::after{inset:10px}
[dir=rtl] .monogramme-grand span{font-family:var(--ar);font-size:46px;letter-spacing:0}
.membre-txt{padding:22px 24px 24px}
.membre h3{font-size:24px;margin-bottom:2px}.role{color:var(--or-f);font-weight:600;font-size:13px;margin-bottom:12px;text-transform:uppercase;letter-spacing:.14em}
[dir=rtl] .role{letter-spacing:0;text-transform:none;font-size:16px}
.voir{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--marine)}.voir .ic{transition:transform .4s var(--doux)}.membre:hover .voir .ic{transform:translateX(5px)}
.etiquettes{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.etiquettes li{font-size:14px;padding:4px 12px;border:1px solid var(--filet);border-radius:20px;color:var(--gris);background:var(--papier)}
/* publications */
.pub-in{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;align-items:start}.pub-in>*{min-width:0}@media(max-width:980px){.pub-in{grid-template-columns:1fr}}
.pubs{display:grid;gap:18px;margin-top:30px}
.pub{display:grid;grid-template-columns:auto 1fr;gap:24px;background:#fff;border:1px solid var(--filet);padding:26px;cursor:pointer;text-align:start;font:inherit;color:inherit;width:100%;transition:transform .5s var(--doux),box-shadow .5s}
.pub:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(15,22,38,.12)}
.pub.une-pub{grid-template-columns:1fr;background:var(--marine);color:#fff;border-color:var(--marine);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:64px}
.pub.une-pub h3{color:#fff;font-size:30px}.pub.une-pub p{color:rgba(255,255,255,.8)}.pub.une-pub .lire{color:var(--or-c)}.pub.une-pub time{width:auto;height:auto;background:none;display:flex;gap:8px;justify-content:flex-start;font-size:16px;color:var(--or-c)}
.pub time{display:grid;place-items:center;width:78px;height:78px;background:var(--marine);color:#fff;text-align:center;line-height:1.1;font:500 28px var(--serif)}
.pub time small{display:block;font:600 11.5px var(--sans);color:var(--or-c);text-transform:uppercase;letter-spacing:.05em}
.pub .cat{font-size:12px;font-weight:600;color:var(--or-f);text-transform:uppercase;letter-spacing:.14em}.pub.une-pub .cat{color:var(--or-c)}
.pub h3{font-size:23px;margin:6px 0 8px}.pub p{color:var(--gris);margin:0 0 10px;font-size:15.5px}.pub .lire{font-weight:600;font-size:14px;color:var(--marine)}
.vide{background:#fff;border:1px dashed var(--filet);padding:28px;color:var(--gris);margin:0}
.lettre{background:var(--marine);color:#fff;padding:40px;border-top:2px solid var(--or-c);position:sticky;top:110px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23E3B94A' stroke-opacity='.10'%3E%3Crect x='20' y='20' width='24' height='24'/%3E%3Crect x='20' y='20' width='24' height='24' transform='rotate(45 32 32)'/%3E%3Cpath d='M0 32h8M56 32h8M32 0v8M32 56v8'/%3E%3C/g%3E%3C/svg%3E");background-size:64px}
.lettre h3{color:#fff;font-size:32px}.lettre>p{color:rgba(255,255,255,.82)}.lettre .pastille{background:rgba(255,255,255,.08);color:var(--or-c)}
.lettre .formulaire{background:none;border:0;padding:0;box-shadow:none}.lettre .formulaire label{color:rgba(255,255,255,.8)}
.lettre .formulaire input:not([type=checkbox]){background:#fff}
.lettre .etat.ok{color:#8FE0B5}.lettre .etat.ko{color:#FFB4AC}
@media(max-width:980px){.lettre{position:static}}
/* ressources */
.filtre{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--filet);padding:4px 18px;max-width:560px;margin-bottom:34px;transition:border-color .3s,box-shadow .3s}
.filtre:focus-within{border-color:var(--or);box-shadow:0 0 0 3px rgba(184,134,11,.15)}
.filtre .ic{color:var(--or-f)}
.filtre input{border:0;outline:0;background:none;font:inherit;font-size:16px;padding:12px 0;width:100%;color:var(--encre)}
.groupes{columns:3 340px;column-gap:24px}
.groupe{background:#fff;border:1px solid var(--filet);padding:28px 28px 14px;break-inside:avoid;margin-bottom:24px}
.groupe h3{display:flex;align-items:center;gap:12px;font-size:22px;padding-bottom:14px;border-bottom:1px solid var(--filet);margin-bottom:6px}.groupe h3 .ic{color:var(--or)}
.groupe ul{list-style:none;margin:0;padding:0}
.groupe a{display:block;text-decoration:none;padding:12px 10px;margin:0 -10px;transition:background .3s}
.groupe a:hover{background:var(--clair)}
.lien-nom{display:block;font-weight:600;color:var(--marine)}.lien-nom .ic{color:var(--or-f);opacity:.7;transition:transform .3s;margin-inline-start:6px;vertical-align:-1px}
.groupe a:hover .lien-nom .ic{transform:translate(2px,-2px);opacity:1}
.lien-desc{display:block;color:var(--gris);font-size:14.5px}.lien-url{display:block;color:#8A8F99;font:12.5px var(--sans);margin-top:2px;text-align:start}
/* panorama, FAQ, carrières */
.panorama{background-color:var(--nuit);color:#fff;padding:80px 0 64px;text-align:center}
.pano{width:100%;height:auto;display:block;max-height:240px}
.panorama p{font:italic 500 clamp(22px,2.6vw,32px)/1.4 var(--serif);color:rgba(255,255,255,.9);margin:30px auto 0;max-width:36ch}[dir=rtl] .panorama p{font:600 24px/1.7 var(--ar)}
.trace{stroke-dasharray:1;stroke-dashoffset:1;animation:tracer 2.2s cubic-bezier(.6,.1,.3,1) forwards;animation-delay:var(--d)}
@keyframes tracer{to{stroke-dashoffset:0}}
.etoile{transform-box:fill-box;transform-origin:center;animation:scintille 4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes scintille{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.1) rotate(22deg)}}
.js .panorama .trace{animation-play-state:paused}.panorama.vu .trace{animation-play-state:running}.js .panorama.rv{transform:none}
.faq-in{grid-template-columns:1.35fr 1fr}@media(max-width:960px){.faq-in{grid-template-columns:1fr}}
.faq details{border-bottom:1px solid var(--filet);padding:20px 0}
details summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px}
details summary::-webkit-details-marker{display:none}
details summary .ic{transition:transform .4s var(--doux);color:var(--or-f)}details[open] summary .ic{transform:rotate(45deg)}
.faq summary{font:500 21px var(--serif);color:var(--marine)}[dir=rtl] .faq summary{font:600 18px var(--ar)}
.faq details p{color:var(--gris);margin:14px 0 0;animation:monte .5s var(--doux)}
.carrieres{position:sticky;top:110px;min-height:460px;display:flex;align-items:flex-end;color:#fff;overflow:hidden;isolation:isolate;border-top:2px solid var(--or-c)}
.carrieres-fond{position:absolute;inset:0;z-index:-2}.carrieres-fond img{width:100%;height:100%;object-fit:cover;filter:grayscale(.6) brightness(.85);transition:transform 1.6s var(--doux)}
.carrieres:hover .carrieres-fond img{transform:scale(1.06)}
.carrieres::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(26,34,51,.15),rgba(26,34,51,.95) 62%)}
.carrieres-txt{padding:38px}.carrieres h3{color:#fff;font-size:32px}.carrieres p{color:rgba(255,255,255,.86)}
@media(max-width:960px){.carrieres{position:relative;top:0}}
/* contact */
.coord{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:24px}
.coord li{display:flex;gap:18px}.coord .ic{width:26px;height:26px;color:var(--or);margin-top:3px}
.coord b{display:block;color:var(--marine)}.coord span,.coord a{display:block;color:var(--encre)}.coord a[dir=ltr]{text-align:start}
.lien-fleche{display:inline-flex!important;align-items:center;gap:6px;font-weight:600;font-size:14.5px;margin-top:4px;color:var(--or-f)!important}
.formulaire{background:#fff;border:1px solid var(--filet);border-top:2px solid var(--or-c);padding:34px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--ombre)}
.formulaire label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--gris);letter-spacing:.02em}
.formulaire input,.formulaire textarea{font:inherit;font-size:16px;font-weight:400;color:var(--encre);border:0;border-bottom:1px solid #C9C1AC;border-radius:0;padding:10px 2px;background:transparent;transition:border-color .3s,background .3s}
.formulaire input:focus,.formulaire textarea:focus{outline:0;border-color:var(--or);background:linear-gradient(0deg,rgba(227,185,74,.07),transparent)}
.lettre .formulaire input:not([type=checkbox]){border:0;padding:12px;border-radius:0}
.formulaire .case{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13.5px;letter-spacing:0}.formulaire .case input{margin-top:4px;accent-color:var(--or)}
.formulaire .bouton{align-self:flex-start}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:560px){.duo{grid-template-columns:1fr}}
.piege{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:-1px;padding:0;border:0}
.etat{margin:0;font-size:15px;min-height:1.4em}.etat.ok{color:#1E7A50;font-weight:600}.etat.ko{color:#A3261F}
.bloc.petit{padding:60px 0;font-size:14px;color:var(--gris);border-top:1px solid var(--filet)}.bloc.petit h2{font-size:26px}
.colonnes{columns:2 320px;column-gap:48px}.colonnes p{break-inside:avoid}
/* pied */
.pied{background-color:var(--nuit);color:rgba(255,255,255,.72);font-size:15px;padding:80px 0 28px;border-top:1px solid rgba(227,185,74,.35);overflow:hidden}
.pied a{color:rgba(255,255,255,.82);text-decoration:none;transition:color .3s}.pied a:hover{color:var(--or-c)}
.pied-haut{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:30px}
@media(max-width:900px){.pied-haut{grid-template-columns:1fr 1fr}}@media(max-width:560px){.pied-haut{grid-template-columns:1fr}}
.pied-marque img{width:170px;height:auto;margin-bottom:18px}.agrement{font-size:13px;color:var(--or-c)}
.pied h4{color:#fff;font:600 12.5px var(--sans);text-transform:uppercase;letter-spacing:.18em;margin-bottom:18px}[dir=rtl] .pied h4{font-family:var(--ar);letter-spacing:0;font-size:16px}
.pied ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.geant{font:500 clamp(80px,19vw,280px)/.9 var(--serif);letter-spacing:.06em;text-align:center;margin:10px 0 18px;color:transparent;-webkit-text-stroke:1px rgba(227,185,74,.35);background:linear-gradient(100deg,transparent 30%,rgba(243,227,176,.55) 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:120% 0;-webkit-background-clip:text;background-clip:text;animation:balaye 7s ease-in-out infinite;direction:ltr;user-select:none}
@keyframes balaye{0%{background-position:120% 0}60%,100%{background-position:-120% 0}}
.pied-bas{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px}
.langues-pied a{margin-inline-start:10px}
.remonter{position:fixed;inset-inline-end:22px;bottom:22px;z-index:25;width:52px;height:52px;border-radius:50%;border:0;background:var(--nuit);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25);opacity:0;transform:translateY(14px);pointer-events:none;transition:.4s var(--doux)}
.remonter>svg:first-child{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.remonter .ic{position:relative}
.remonter .anneau-fond{fill:none;stroke:rgba(255,255,255,.12);stroke-width:2}
.remonter .anneau-prog{fill:none;stroke:var(--or-c);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:var(--o,1)}
.remonter.vue{opacity:1;transform:none;pointer-events:auto}
/* fenêtres : lecteur, tiroir, profil */
dialog{color:var(--encre)}
.lecteur{border:0;padding:0;max-width:780px;width:calc(100% - 32px);max-height:88vh;background:var(--papier);box-shadow:0 30px 80px rgba(0,0,0,.35);border-top:3px solid var(--or-c)}
dialog::backdrop{background:rgba(18,24,38,.72);backdrop-filter:blur(4px)}
dialog[open]{animation:fenetre .5s var(--doux)}
@keyframes fenetre{from{opacity:0;transform:translateY(24px) scale(.98)}}
.lecteur article{padding:50px 50px 40px;position:relative}
.fermer{position:absolute;top:16px;inset-inline-end:16px;background:none;border:0;cursor:pointer;color:var(--marine);padding:8px;z-index:2;transition:transform .4s var(--doux)}.fermer:hover{transform:rotate(90deg)}
.lecteur .meta{color:var(--or-f);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.lecteur h2{font-size:clamp(28px,4vw,40px)}.lecteur .corps h3{font-size:23px;margin-top:1.4em}.lecteur .corps ul{padding-inline-start:22px}
.tiroir{border:0;padding:0;margin:0;margin-inline-start:auto;height:100vh;max-height:100vh;width:min(640px,100%);max-width:100%;background:var(--papier);box-shadow:-30px 0 80px rgba(0,0,0,.3)}
.tiroir[open]{animation:tiroir .6s var(--doux)}
@keyframes tiroir{from{transform:translateX(100%)}}
[dir=rtl] .tiroir[open]{animation-name:tiroir-rtl}@keyframes tiroir-rtl{from{transform:translateX(-100%)}}
.tiroir-in{padding:64px 48px 48px;position:relative;min-height:100%;border-inline-start:3px solid var(--or-c)}
.tiroir h2{font-size:clamp(30px,4vw,44px)}.tiroir h3{font-size:22px;margin-top:30px;padding-top:20px;border-top:1px solid var(--filet)}
.tiroir .bouton{margin-top:30px}
.profil-grille{display:grid;grid-template-columns:240px 1fr;gap:36px;align-items:start}
.profil-grille .portrait{position:sticky;top:0}
.profil-grille .portrait img{filter:grayscale(.15)}
@media(max-width:620px){.profil-grille{grid-template-columns:1fr}.profil-grille .portrait{max-width:220px;position:static}.tiroir-in{padding:60px 22px 30px}.lecteur article{padding:46px 22px 26px}}
.tiroir.profil{width:min(860px,100%)}
/* 404 */
.introuvable{background-color:var(--marine);color:#fff;min-height:100vh;display:grid;place-items:center;text-align:center;padding:40px 0}
.introuvable img{margin:0 auto;width:90px;height:auto}.introuvable .code{font:500 96px/1 var(--serif);color:var(--or-c);margin:14px 0 24px}
.introuvable h1{color:#fff;font-size:30px}.introuvable div{margin-bottom:36px}.introuvable p{color:rgba(255,255,255,.8)}
/* apparition au défilement */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--doux),transform 1s var(--doux);transition-delay:calc(var(--i,0) * 90ms)}
.js .rv.vu{opacity:1;transform:none}
.js .rv.voile,.js .fondateur-photo.rv{transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0s!important;transition-delay:0s!important}
  .rideau{display:none}.trace{stroke-dashoffset:0}.apparait{opacity:1;transform:none}.js .rv{opacity:1;transform:none}.mot>span{transform:none}.piste{animation:none}
}
@media print{.tete,.progres,.remonter,.burger,.lettre,.formulaire,.rideau,.annonce,.poussiere,.bandeau-defile,.defiler{display:none!important}.une,.sombre,.pied,.international{background:#fff!important;color:#000!important}.une h1,.sombre h2{color:var(--marine)!important}.js .rv{opacity:1;transform:none}.mot>span{transform:none}}
.tiroir .voile::before{display:none}.tiroir .voile img{transform:none}

/* créneaux de rendez-vous */
.creneaux{border:0;padding:0;margin:0;min-width:0}.creneaux legend{font-size:13.5px;font-weight:600;color:var(--gris);margin-bottom:8px;padding:0}
.creneaux-jours{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory}
.cr-jour{flex:none;min-width:116px;border:1px solid var(--filet);padding:10px;scroll-snap-align:start;background:var(--papier)}
.cr-jour b{display:block;font:500 16px var(--serif);color:var(--marine);margin-bottom:6px}.cr-jour b::first-letter{text-transform:uppercase}[dir=rtl] .cr-jour b{font-family:var(--ar)}
.cr-jour button{display:block;width:100%;margin-top:5px;border:1px solid #C9C1AC;background:#fff;padding:6px 0;font:600 14px var(--sans);color:var(--encre);cursor:pointer;transition:.2s}
.cr-jour button:hover{border-color:var(--or)}.cr-jour button[aria-pressed=true]{background:var(--marine);color:#fff;border-color:var(--marine)}

.pub .sig{display:block;font-size:.82rem;font-style:italic;opacity:.75;margin:.2rem 0 .4rem}