@font-face{font-family:"Bodoni Moda";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-opsz-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bodoni Moda";font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/bodoni-moda-latin-opsz-italic.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(/fonts/archivo-latin-wdth-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Noto Naskh Arabic";font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/noto-naskh-arabic-arabic-wght-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:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-sans-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:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-sans-arabic-arabic-500-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:"IBM Plex Sans Arabic";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/ibm-plex-sans-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, [data-theme="light"] {
  color-scheme: light;
  --blanc: #ffffff;
  --nacre: #f4f4f1;
  --brume: #ebebe7;
  --filet: #dadad5;
  --filet-2: #c2c2bc;
  --argent: #82837e;
  --graphite: #55565a;
  --ardoise: #36373b;
  --encre: #121315;
  --encre-2: #2a2b2f;
  --indice: #6b6c70;
  --nuit: #0e0f11;
  --nuit-2: #17181b;
  --nuit-3: #222327;
  --nuit-filet: #2e2f34;
  --lune: #f1f1ee;
  --lune-2: #b4b5b1;
  --bain: #f7f6f3;
  --voile: rgba(255,255,255,.95);
  --reflet: rgba(255,255,255,.3);
  --reflet-encre: rgba(18,19,21,.2);
  --ombre: rgba(17,15,13,.5);
  --ombre-douce: rgba(17,15,13,.2);
  --platine-0: #fafaf8;
  --platine-30: #cdcec9;
  --platine-52: #f4f4f1;
  --platine-78: #b7b8b3;
  --platine-100: #e6e6e2;
  --palladium: #6e675f;
  --palladium-sombre: #1e1b19;
  --palladium-clair: #f2ede6;
  --fond: var(--blanc);
  --fond-nacre: var(--nacre);
  --fond-brume: var(--brume);
  --surface: var(--blanc);
  --bulle: var(--nacre);
  --fond-voile: var(--voile);
  --ligne: var(--filet);
  --ligne-forte: var(--filet-2);
  --ligne-controle: var(--argent);
  --texte: var(--encre);
  --texte-2: var(--ardoise);
  --texte-3: var(--graphite);
  --texte-indice: var(--indice);
  --action: var(--encre);
  --action-survol: var(--encre-2);
  --sur-action: var(--blanc);
  --lisere-action: var(--reflet);
  --lisere-ligne: var(--reflet-encre);
  --focus: var(--encre);
  --etat-valide: #2e6a50;
  --etat-valide-fond: #e6f0ea;
  --etat-revue: #7a5a1c;
  --etat-revue-fond: #f5eddc;
  --etat-refuse: #9c2f3b;
  --etat-refuse-fond: #f6e6e8;
  --etat-gele: #36597c;
  --etat-gele-fond: #e5edf4;
  --etat-programme: var(--graphite);
  --etat-programme-fond: var(--brume);
  --ia: #5e4b8b;
  --ia-fond: #eeeaf5;
  --ombre-offre: 0 40px 70px -50px rgba(17,15,13,.5);
  --ombre-vue: 0 30px 60px -45px rgba(18,19,21,.45);
  --ombre-dock: 0 30px 60px -40px rgba(17,15,13,.5);
  --ombre-etiquette: 0 16px 18px rgba(17,15,13,.3);
  --ombre-poincon: 0 8px 12px rgba(17,15,13,.2);
  --ombre-camee: 0 0 0 5px #ffffff, 0 0 0 6px #c2c2bc, 0 24px 40px -22px rgba(17,15,13,.5);
  --ombre-oeillet: inset 0 0 0 1px #c2c2bc, 0 0 0 3px #ffffff, 0 0 0 4px #dadad5;
  --espace-2: .125rem;
  --espace-4: .25rem;
  --espace-5: .3125rem;
  --espace-6: .375rem;
  --espace-7: .4375rem;
  --espace-8: .5rem;
  --espace-9: .5625rem;
  --espace-10: .625rem;
  --espace-12: .75rem;
  --espace-14: .875rem;
  --espace-16: 1rem;
  --espace-18: 1.125rem;
  --espace-20: 1.25rem;
  --espace-24: 1.5rem;
  --espace-28: 1.75rem;
  --espace-32: 2rem;
  --espace-36: 2.25rem;
  --espace-40: 2.5rem;
  --espace-44: 2.75rem;
  --espace-48: 3rem;
  --espace-56: 3.5rem;
  --espace-64: 4rem;
  --espace-72: 4.5rem;
  --rayon-0: 0;
  --rayon-ovale: 50%;
  --trait-filet: 1px;
  --trait-focus: 2px;
  --ecart-focus: 3px;
  --retrait-lisere: 3px;
  --retrait-lisere-petit: 2px;
  --cadre: 80rem;
  --gouttiere: clamp(1rem, 5cqi, 4.5rem);
  --section: clamp(4.5rem, 9cqi, 9rem);
  --seuil-etroit: 23rem;
  --seuil-s: 40rem;
  --seuil-m: 48rem;
  --seuil-l: 56rem;
  --seuil-xl: 68rem;
  --fluide-titre-xl: clamp(2.75rem, 6.3cqi, 6.125rem);
  --fluide-titre-l: clamp(2.125rem, 4.5cqi, 4.25rem);
  --fluide-pseudo: clamp(3.5rem, 8.4cqi, 7.5rem);
  --fluide-montant: clamp(3.25rem, 6.6cqi, 6.25rem);
  --fluide-chiffre: clamp(2.5rem, 4.4cqi, 4rem);
  --fluide-citation: clamp(1.5rem, 2.4cqi, 2.125rem);
  --fluide-valeur-curseur: clamp(1.75rem, 2.6cqi, 2.25rem);
  --fluide-question: clamp(1.1875rem, 1.9cqi, 1.625rem);
  --fluide-bio: clamp(1.25rem, 2cqi, 1.625rem);
  --fluide-chapeau: clamp(1.0625rem, 1.45cqi, 1.25rem);
  --hauteur-bouton: 3.5rem;
  --hauteur-bouton-petit: 2.625rem;
  --hauteur-champ: 3rem;
  --cible-tactile: 2.75rem;
  --taille-losange-curseur: 1.375rem;
  --taille-icone: 1rem;
  --taille-icone-petite: .75rem;
  --taille-lecture: 2.75rem;
  --taille-poincon: clamp(5.5rem, 8.4cqi, 7.5rem);
  --taille-camee: clamp(7.25rem, 12cqi, 10.5rem);
  --taille-etiquette: 9.5rem;
  --largeur-bulle: 29rem;
  --font-titre: "Bodoni Moda", "Noto Naskh Arabic", "Bodoni 72", "Bodoni MT", Didot, "Didot LT STD", "Libre Bodoni", Georgia, "Times New Roman", serif;
  --font-texte: "Archivo", "IBM Plex Sans Arabic", "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}
[data-theme="dark"] {
  color-scheme: dark;
  --fond: var(--nuit);
  --fond-nacre: var(--nuit-2);
  --fond-brume: var(--nuit-3);
  --surface: var(--nuit-2);
  --bulle: var(--nuit-3);
  --fond-voile: rgba(14,15,17,.95);
  --ligne: var(--nuit-filet);
  --ligne-forte: #3d3e43;
  --ligne-controle: var(--argent);
  --texte: var(--lune);
  --texte-2: var(--lune-2);
  --texte-3: var(--lune-2);
  --texte-indice: var(--lune-2);
  --action: var(--lune);
  --action-survol: var(--filet);
  --sur-action: var(--encre);
  --lisere-action: var(--reflet-encre);
  --lisere-ligne: rgba(241,241,238,.2);
  --focus: var(--lune);
  --etat-valide: #8dc9aa;
  --etat-valide-fond: #142820;
  --etat-revue: #ddb66b;
  --etat-revue-fond: #2b2312;
  --etat-refuse: #efa2aa;
  --etat-refuse-fond: #321a1e;
  --etat-gele: #a6c2df;
  --etat-gele-fond: #172331;
  --etat-programme: var(--lune-2);
  --etat-programme-fond: var(--nuit-3);
  --ia: #c2b4e8;
  --ia-fond: #231d33;
  --ombre-offre: 0 40px 70px -50px rgba(0,0,0,.8);
  --ombre-vue: 0 30px 60px -45px rgba(0,0,0,.8);
  --ombre-dock: 0 30px 60px -40px rgba(0,0,0,.8);
  --ombre-etiquette: 0 16px 18px rgba(0,0,0,.6);
  --ombre-poincon: 0 8px 12px rgba(0,0,0,.5);
  --ombre-camee: 0 0 0 5px #0e0f11, 0 0 0 6px #3d3e43, 0 24px 40px -22px rgba(0,0,0,.8);
  --ombre-oeillet: inset 0 0 0 1px #c2c2bc, 0 0 0 3px #ffffff, 0 0 0 4px #dadad5;
}
.titre-xl{font-family:var(--font-titre);font-size:var(--fluide-titre-xl);line-height:1;font-weight:400;letter-spacing:-0.015em;}
.titre-l{font-family:var(--font-titre);font-size:var(--fluide-titre-l);line-height:1.05;font-weight:400;letter-spacing:-0.01em;}
.pseudo{font-family:var(--font-titre);font-size:var(--fluide-pseudo);line-height:0.92;font-weight:400;letter-spacing:-0.02em;font-style:italic}
.citation{font-family:var(--font-titre);font-size:var(--fluide-citation);line-height:1.28;font-weight:400;letter-spacing:-0.005em;font-style:italic;font-variation-settings:"opsz" 16}
.titre-offre{font-family:var(--font-titre);font-size:2rem;line-height:1.05;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.titre-bloc{font-family:var(--font-titre);font-size:1.875rem;line-height:1.1;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.titre-etape{font-family:var(--font-titre);font-size:1.625rem;line-height:1.2;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.question{font-family:var(--font-titre);font-size:var(--fluide-question);line-height:1.3;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.bio{font-family:var(--font-titre);font-size:var(--fluide-bio);line-height:1.4;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.titre-garde{font-family:var(--font-titre);font-size:1.375rem;line-height:1.2;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16}
.intitule{font-family:var(--font-titre);font-size:1.1875rem;line-height:1.3;font-weight:400;letter-spacing:0;font-style:italic;font-variation-settings:"opsz" 16}
.titre-piece{font-family:var(--font-titre);font-size:1rem;line-height:1.25;font-weight:400;letter-spacing:0;font-style:italic;font-variation-settings:"opsz" 16}
.cartel{font-family:var(--font-titre);font-size:0.9375rem;line-height:1;font-weight:400;letter-spacing:0;font-style:italic;font-variation-settings:"opsz" 16}
.marque{font-family:var(--font-titre);font-size:0.875rem;line-height:1;font-weight:500;letter-spacing:0.24em;text-transform:uppercase;font-variation-settings:"opsz" 16}
.montant{font-family:var(--font-titre);font-size:var(--fluide-montant);line-height:1;font-weight:400;letter-spacing:-0.02em;font-variant-numeric:lining-nums tabular-nums}
.chiffre{font-family:var(--font-titre);font-size:var(--fluide-chiffre);line-height:1;font-weight:400;letter-spacing:-0.01em;font-variant-numeric:lining-nums tabular-nums}
.numero-etape{font-family:var(--font-titre);font-size:3.25rem;line-height:1;font-weight:400;letter-spacing:0;font-style:italic;font-variant-numeric:lining-nums tabular-nums}
.valeur{font-family:var(--font-titre);font-size:3rem;line-height:1;font-weight:400;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums}
.prix-saisi{font-family:var(--font-titre);font-size:2.5rem;line-height:1;font-weight:400;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums}
.valeur-curseur{font-family:var(--font-titre);font-size:var(--fluide-valeur-curseur);line-height:1;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16;font-variant-numeric:lining-nums tabular-nums}
.compteur{font-family:var(--font-titre);font-size:2rem;line-height:1;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16;font-variant-numeric:lining-nums tabular-nums}
.valeur-etiquette{font-family:var(--font-titre);font-size:1.625rem;line-height:1;font-weight:400;letter-spacing:0;font-variation-settings:"opsz" 16;font-variant-numeric:lining-nums tabular-nums}
.chapeau{font-family:var(--font-texte);font-size:var(--fluide-chapeau);line-height:1.6;font-weight:400;letter-spacing:0;color:var(--texte-2)}
.corps{font-family:var(--font-texte);font-size:1rem;line-height:1.6;font-weight:400;letter-spacing:0;}
.corps-s{font-family:var(--font-texte);font-size:0.9375rem;line-height:1.5;font-weight:400;letter-spacing:0;}
.petit{font-family:var(--font-texte);font-size:0.8125rem;line-height:1.55;font-weight:400;letter-spacing:0;color:var(--texte-3)}
.legende{font-family:var(--font-texte);font-size:0.75rem;line-height:1.4;font-weight:400;letter-spacing:0;}
.sous-bouton{font-family:var(--font-texte);font-size:0.8125rem;line-height:1.2;font-weight:400;letter-spacing:0.01em;}
.surtitre{font-family:var(--font-texte);font-size:0.6875rem;line-height:1.45;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;font-stretch:125%;color:var(--texte-3)}
.libelle-bouton{font-family:var(--font-texte);font-size:0.75rem;line-height:1.25;font-weight:500;letter-spacing:0.16em;text-transform:uppercase;font-stretch:115%}
.libelle-bouton-petit{font-family:var(--font-texte);font-size:0.6875rem;line-height:1.25;font-weight:500;letter-spacing:0.13em;text-transform:uppercase;font-stretch:115%}
.libelle-champ{font-family:var(--font-texte);font-size:0.6875rem;line-height:1.4;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;font-stretch:125%;color:var(--texte-3)}
.libelle-etiquette{font-family:var(--font-texte);font-size:0.625rem;line-height:1.2;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;font-stretch:125%}
.mention{font-family:var(--font-texte);font-size:0.625rem;line-height:1;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;font-stretch:118%}
.titre-arabe{font-family:var(--font-titre);font-size:2.125rem;line-height:1.4;font-weight:400;letter-spacing:0;}
.corps-arabe{font-family:var(--font-texte);font-size:1rem;line-height:1.8;font-weight:400;letter-spacing:0;}
.mention-arabe{font-family:var(--font-texte);font-size:0.75rem;line-height:1.4;font-weight:600;letter-spacing:0;}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--fond)}
body{margin:0;background:var(--fond);color:var(--texte);font:400 1rem/1.6 var(--font-texte);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,p,figure,ul{margin:0}
ul{padding:0;list-style:none}
a{color:inherit}
svg{display:block}
button,input{font:inherit;color:inherit;letter-spacing:inherit}
button{cursor:pointer}
h1{font-weight:400;text-wrap:balance}
p{text-wrap:pretty;overflow-wrap:break-word}
em{font-style:italic}
:focus-visible{outline:var(--trait-focus) solid var(--focus);outline-offset:var(--ecart-focus)}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.scene{position:relative;container:scene / inline-size;background:var(--fond);overflow-x:clip}
.cadre{width:min(100% - 2 * var(--gouttiere), var(--cadre));margin-inline:auto}
body:lang(ar){line-height:1.8}
:lang(ar) .surtitre,:lang(ar) .libelle-bouton,:lang(ar) .libelle-bouton-petit,:lang(ar) .libelle-champ,:lang(ar) .libelle-etiquette,:lang(ar) .mention,:lang(ar) .marque,:lang(ar) .bouton,:lang(ar) .champ__libelle{text-transform:none;letter-spacing:0;font-stretch:100%}
:lang(ar) .poincon__texte,:lang(ar) .bouton small{letter-spacing:0}
:lang(ar) em,:lang(ar) i,:lang(ar) .pseudo,:lang(ar) .citation,:lang(ar) .intitule{font-style:normal;font-weight:600}
:lang(ar) h1,:lang(ar) .titre-xl,:lang(ar) .titre-l{line-height:1.4}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.bouton{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--espace-12);min-height:var(--hauteur-bouton);padding:var(--espace-14) var(--espace-28);border:var(--trait-filet) solid var(--action);border-radius:var(--rayon-0);background:var(--action);color:var(--sur-action);font:500 .75rem/1.25 var(--font-texte);font-stretch:115%;letter-spacing:.16em;text-transform:uppercase;text-align:center;text-decoration:none;transition:background-color .2s ease,color .2s ease}
.bouton::before{content:"";position:absolute;inset:var(--retrait-lisere);border:var(--trait-filet) solid var(--lisere-action);pointer-events:none}
.bouton:hover{background:var(--action-survol)}
.bouton--ligne{background:transparent;border-color:var(--texte);color:var(--texte)}
.bouton--ligne::before{border-color:var(--lisere-ligne)}
.bouton--ligne:hover{background:var(--fond-nacre)}
.bouton--double{flex-direction:column;gap:var(--espace-4)}
.bouton small{display:block;font:400 .8125rem/1.2 var(--font-texte);font-stretch:100%;letter-spacing:.01em;text-transform:none;opacity:.85}
.champ{display:grid;gap:var(--espace-6)}
.champ__libelle{font:500 .6875rem/1.4 var(--font-texte);font-stretch:125%;letter-spacing:.18em;text-transform:uppercase;color:var(--texte-3)}
.champ__saisie{min-height:var(--hauteur-champ);padding:0 var(--espace-16);background:var(--surface);border:var(--trait-filet) solid var(--ligne-controle);border-radius:var(--rayon-0);color:var(--texte)}
.champ__saisie::placeholder{color:var(--texte-indice)}
.champ__saisie:focus-visible{outline-offset:0}
.champ__saisie[aria-invalid="true"]{border-color:var(--etat-refuse)}
.champ__aide{font-size:.75rem;line-height:1.4;color:var(--texte-3)}
.champ__erreur{font-size:.75rem;line-height:1.4;color:var(--etat-refuse)}
.poincon{flex:none;width:var(--taille-poincon);height:auto;color:var(--encre);filter:drop-shadow(var(--ombre-poincon))}
.poincon__texte{fill:var(--encre);font:600 9px/1 var(--font-texte)}
.poincon__haut{letter-spacing:1.1px}
.poincon__bas{letter-spacing:3px}
@media (max-width:47.99rem){
.titre-xl,.titre-l,.pseudo,.citation,.titre-offre,.titre-bloc,.titre-etape,.montant,.chiffre,.numero-etape,.valeur,.prix-saisi,.valeur-curseur,.compteur,.valeur-etiquette{font-weight:500;font-variation-settings:"opsz" 11}
.surtitre,.libelle-champ,.champ__libelle{font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--texte-2)}
.bouton,.libelle-bouton{font-size:.8125rem;font-weight:600}
.petit,.champ__aide,.champ__erreur{font-size:.875rem}
}
.entete{border-bottom:var(--trait-filet) solid var(--ligne)}
.entete .cadre{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.75rem}
.marque{font:500 .875rem/1 var(--font-titre);letter-spacing:.24em;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-variation-settings:"opsz" 16}
.connexion{display:inline-flex;align-items:center;min-height:var(--cible-tactile);font:500 .6875rem/1 var(--font-texte);font-stretch:115%;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.connexion span{padding-bottom:.3125rem;border-bottom:var(--trait-filet) solid currentColor}
.connexion:hover{color:var(--texte-3)}
:lang(ar) .connexion,:lang(ar) .age{text-transform:none;letter-spacing:0;font-stretch:100%}
@container scene (min-width:40rem){.marque{font-size:.9375rem;letter-spacing:.3em}}
@container scene (min-width:68rem){.entete .cadre{min-height:4.5rem}}
.pied{padding-block:.5rem;background:var(--fond-nacre);border-top:var(--trait-filet) solid var(--ligne);font-size:.75rem;color:var(--texte-3)}
.pied ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0 1.25rem}
.pied a{display:inline-flex;align-items:center;min-height:var(--cible-tactile);text-decoration:none}
.pied a:hover{color:var(--texte);text-decoration:underline;text-underline-offset:.3em}
.age{display:inline-flex;padding:.3125rem .4375rem;border:var(--trait-filet) solid currentColor;font:600 .625rem/1 var(--font-texte);font-stretch:118%;letter-spacing:.12em}
.langues{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1rem}
.langues button{display:inline-flex;align-items:center;min-height:var(--cible-tactile);padding:0;background:none;border:0;font:inherit;color:inherit}
.langues button:hover,.langues button[aria-current="true"]{color:var(--texte);text-decoration:underline;text-underline-offset:.3em}
.bientot{padding-block:var(--section)}
.bientot .cadre{display:grid;justify-items:start;gap:var(--espace-28)}
.bientot .chapeau{max-width:31em}
@media (max-width:47.99rem){
.marque{font-weight:600;font-variation-settings:"opsz" 11}
.connexion{font-size:.75rem;font-weight:600}
.pied{font-size:.8125rem;color:var(--texte-2)}
}
.heros{padding-block:clamp(2.5rem, 6cqi, 6.5rem) clamp(3.5rem, 7cqi, 7rem)}
.heros__grille{display:grid;gap:3rem}
@container scene (min-width:56rem){.heros__grille{grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);align-items:center;gap:clamp(3rem, 6cqi, 7rem)}}
.heros h1 .ligne{display:block}
.heros .chapeau{max-width:31em;margin-top:1.75rem}
.heros .bouton{width:100%;margin-top:2.5rem}
@container scene (min-width:40rem){.heros .bouton{width:auto}}
.heros__visuel .tirage{width:100%;max-width:100%;aspect-ratio:4/3}
@container scene (min-width:56rem){.heros__visuel .tirage{aspect-ratio:4/5}}
.bain{display:none}
.tirage{position:relative;display:block;overflow:hidden;isolation:isolate;background:var(--palladium)}
.tirage .lum{position:absolute;inset:0}
.tirage .lum::before,.tirage .lum::after{content:"";position:absolute}
.tirage::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(135% 110% at 50% 42%,rgba(0,0,0,0) 50%,rgba(16,14,12,.45) 100%)}
.tirage::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0/170px 170px;mix-blend-mode:overlay;opacity:.55}
.t-matin{background:#5F5852}
.t-matin .lum{background:linear-gradient(90deg,rgba(242,238,232,.5),rgba(242,238,232,0) 24%),radial-gradient(95% 75% at 38% 28%,#C3BAB0 0%,#8A8279 46%,#4B4540 100%)}
.t-matin .lum::before{left:30%;top:12%;width:52%;height:60%;background:linear-gradient(90deg,transparent 46.5%,rgba(64,58,52,.85) 46.5% 53.5%,transparent 53.5%),linear-gradient(0deg,transparent 47%,rgba(64,58,52,.85) 47% 53%,transparent 53%),linear-gradient(165deg,#F7F2EB,#E3DBD0);transform:skewY(-11deg) skewX(-7deg);filter:blur(3px);opacity:.9}
.t-matin .lum::after{inset:0 auto 0 0;width:28%;background:repeating-linear-gradient(90deg,rgba(250,246,240,.3) 0 6px,rgba(250,246,240,.06) 10px 17px,rgba(250,246,240,.22) 21px 24px,rgba(250,246,240,.04) 28px 34px);filter:blur(2px)}
.revenus{padding-block:clamp(3rem, 7cqi, 7rem);background:var(--fond-nacre)}
.registre{display:grid;background:var(--surface);border:var(--trait-filet) solid var(--ligne)}
@container scene (min-width:56rem){.registre{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}}
.registre__reglages,.registre__resultat{min-width:0;padding:clamp(1.5rem, 4cqi, 3.5rem)}
.registre__reglages{display:grid;align-content:center;gap:2.25rem}
.registre__resultat{display:flex;flex-direction:column;justify-content:center;gap:1rem;border-top:var(--trait-filet) solid var(--ligne)}
@container scene (min-width:56rem){.registre__resultat{border-top:0;border-inline-start:var(--trait-filet) solid var(--ligne)}}
.curseur__tete{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.375rem}
.curseur__tete label{min-width:0;font:500 .6875rem/1.4 var(--font-texte);font-stretch:125%;letter-spacing:.18em;text-transform:uppercase;color:var(--texte-3)}
:lang(ar) .curseur__tete label{text-transform:none;letter-spacing:0;font-stretch:100%}
.curseur__valeur{font:400 var(--fluide-valeur-curseur)/1 var(--font-titre);font-variant-numeric:lining-nums tabular-nums;font-variation-settings:"opsz" 16;white-space:nowrap}
.curseur__valeur small{margin-inline-start:.375rem;font:600 .6875rem/1 var(--font-texte);letter-spacing:.12em;color:var(--texte-3)}
#c-prix{--p:66.67%}
#c-abonnes{--p:23.64%}
input[type=range]{display:block;width:100%;height:var(--cible-tactile);margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}
input[type=range]::-webkit-slider-runnable-track{height:1px;background:linear-gradient(90deg,var(--texte) 0 var(--p),var(--ligne-controle) var(--p) 100%)}
[dir="rtl"] input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(270deg,var(--texte) 0 var(--p),var(--ligne-controle) var(--p) 100%)}
input[type=range]::-webkit-slider-thumb{width:var(--taille-losange-curseur);height:var(--taille-losange-curseur);margin-top:calc(-.6875rem + .5px);border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.2 18.8 10 10 18.8 1.2 10Z' fill='white' stroke='%23121315' stroke-width='1.1'/%3E%3Cpath d='M10 6.6 13.4 10 10 13.4 6.6 10Z' fill='%23121315'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-appearance:none;appearance:none}
input[type=range]::-moz-range-track{height:1px;background:var(--ligne-controle);border:0}
input[type=range]::-moz-range-progress{height:1px;background:var(--texte)}
input[type=range]::-moz-range-thumb{width:var(--taille-losange-curseur);height:var(--taille-losange-curseur);border:0;border-radius:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 1.2 18.8 10 10 18.8 1.2 10Z' fill='white' stroke='%23121315' stroke-width='1.1'/%3E%3Cpath d='M10 6.6 13.4 10 10 13.4 6.6 10Z' fill='%23121315'/%3E%3C/svg%3E") center/contain no-repeat}
.montant-cadre{container-type:inline-size}
.registre .montant{font:400 clamp(3rem, 23cqi, 9rem)/1 var(--font-titre);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.registre .montant .dec{margin-inline-start:.06em;font-size:.36em;letter-spacing:0}
.avertissement{font-size:.8125rem;line-height:1.5;color:var(--texte-3)}
.atouts{padding-block:clamp(3.5rem, 8cqi, 8rem) clamp(3.5rem, 7cqi, 6.5rem)}
.atouts ul{display:grid;gap:1.75rem}
@container scene (min-width:56rem){.atouts ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2rem, 3.5cqi, 3.5rem)}}
.atouts li{min-width:0;max-width:24em;padding-top:1.125rem;border-top:var(--trait-filet) solid var(--texte);font:400 clamp(1.25rem, 1.8cqi, 1.5rem)/1.35 var(--font-titre);font-variation-settings:"opsz" 16}
.fin{display:grid;justify-items:center;gap:1.5rem;margin-top:clamp(3.5rem, 7cqi, 6rem)}
.fin__losange{width:1.25rem;height:1.25rem;color:var(--texte)}
.fin .bouton{width:100%}
@container scene (min-width:40rem){.fin .bouton{width:auto;min-width:20rem}}
@container scene (max-width:23rem){.curseur__tete label{letter-spacing:.12em}.curseur__valeur{font-size:1.5rem}}
@media (prefers-reduced-motion:no-preference){
.heros h1 .ligne{animation:monte 1.1s cubic-bezier(.2,.7,.2,1) both}
.heros h1 .ligne+.ligne{animation-delay:.14s}
.heros .chapeau,.heros .bouton{animation:monte 1.1s cubic-bezier(.2,.7,.2,1) .32s both}
.bain{display:block;position:absolute;inset:0;z-index:3;background:var(--bain);pointer-events:none;animation:revele 2.6s cubic-bezier(.3,.55,.2,1) .25s both}
.revele .lum{animation:developpe 2.6s cubic-bezier(.3,.55,.2,1) .25s both}
}
@keyframes monte{from{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}
@keyframes revele{from{opacity:1}to{opacity:0}}
@keyframes developpe{from{filter:contrast(.4) brightness(1.5)}to{filter:none}}
@media (max-width:47.99rem){
.curseur__tete label{font-size:.8125rem;font-weight:600;letter-spacing:.1em;color:var(--texte-2)}
.curseur__valeur,.registre .montant,.atouts li{font-weight:500;font-variation-settings:"opsz" 11}
.curseur__valeur small{font-size:.75rem;color:var(--texte-2)}
.avertissement{font-size:.875rem;color:var(--texte-2)}
}