/* themes/t11/theme.css - 16/10/2026 : theme 11 « Aurore ».
   Genere : base commune des themes + reglages de ce theme. Charge par nx_theme.php si webmaster.theme = 11.
   Ne change aucune fonction, seulement l'apparence des pages client. Couleur = --th-accent ($s_bgcolor de la session). */

@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/bricolage-grotesque-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/bricolage-grotesque-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/bricolage-grotesque-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/instrument-sans-latin-700-normal.woff2) format("woff2")}

:root{
  --th-fond:#f6f3ee;
  --th-carte:#ffffff;
  --th-ligne:rgba(24,18,43,.08);
  --th-ligne2:rgba(24,18,43,.07);
  --th-encre:#18122b;
  --th-gris:#5e5873;
  --th-doux:rgba(var(--th-accent-rgb),.12);
  --th-rayon:24px;
  --th-rayon-petit:14px;
  --th-pilule:999px;
  --th-bord:1px;
  --th-bord-champ:1px;
  --th-ombre:0 1px 2px rgba(24,18,43,.04),0 10px 30px rgba(24,18,43,.07);
  --th-haut:1px solid rgba(24,18,43,.08);
  --th-titre-poids:800;
  --th-titre2-poids:700;
  --th-casse:none;
  --th-casse2:none;
  --th-marque-casse:none;
  --th-nav-fond:rgba(255,255,255,.62);
  --th-nav-texte:var(--th-encre);
  --th-nav-survol:var(--th-accent);
  --th-nav-bord:1px solid rgba(255,255,255,.75);
  --th-nav-ligne:var(--th-ligne2);
  --th-bande-fond:linear-gradient(135deg,color-mix(in oklab,var(--th-accent) 70%,#ffffff) 0%,var(--th-accent) 45%,color-mix(in oklab,var(--th-accent) 72%,#000000) 100%);
  --th-bande-texte:#ffffff;
  --th-bande-gris:rgba(255,255,255,.82);
  --th-stat-fond:rgba(255,255,255,.16);
  --th-cta-fond:#18122b;
  --th-cta-texte:#ffffff;
  --th-cta-bord:0;
  --th-bouton-fond:linear-gradient(135deg,var(--th-accent),color-mix(in oklab,var(--th-accent) 80%,#000000));
  --th-bouton-texte:#ffffff;
  --th-sur-accent:#ffffff;
  --th-hero-bord:1px solid rgba(24,18,43,.08);
  --th-champ-fond:#faf9fc;
  --th-menu-bouton:#18122b;
  --th-menu-bouton-texte:#ffffff;
  --th-plus-fond:linear-gradient(135deg,var(--th-accent),color-mix(in oklab,var(--th-accent) 75%,#000000));
  --th-plus-texte:#ffffff;
  --th-plus-rayon:50%;
  --th-taille:15px;
  --th-actif:var(--th-accent);
  --th-actif-deco:none;
  --th-stat-texte:#ffffff;
  --th-police:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --th-titre:"Bricolage Grotesque",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* ---------- 1. Page : fond clair, plus de grand cadre ---------- */
html body{background:var(--th-fond) !important;padding:0 !important;margin:0;font-family:var(--th-police) !important;color:var(--th-encre);font-size:var(--th-taille,15px)}
html body.nx{--nx-accent:var(--th-accent);--nx-tint:var(--th-doux);--nx-ink:var(--th-encre);--nx-muted:var(--th-gris);--nx-line:var(--th-ligne2);--nx-on:var(--th-sur-accent)}
html body .nx-local{--nx-accent:var(--th-accent);--nx-tint:var(--th-doux);--nx-on:var(--th-sur-accent)}
body input,body button,body select,body textarea,body .sp-page .sp,body .sp-tete,body .sp-carte,body .sp-carte input,body .sp-bloc,body .nx-hors-cadre{font-family:var(--th-police) !important}
html body .general{width:auto !important;max-width:1180px;margin:0 auto;padding:0 24px !important;background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;box-sizing:border-box;text-align:left}
html body > center > p{margin:0 0 30px;color:var(--th-gris)}

/* ---------- 2. Barre du haut : nom + menu (le menu hamburger devient une barre) ---------- */
html body .hamburger{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px;background:var(--th-nav-fond) !important;border-bottom:var(--th-nav-bord);padding:14px max(24px,calc((100% - 1132px) / 2));margin:0 0 28px;box-sizing:border-box;text-align:left}
html body a.th-marque{display:flex;align-items:center;gap:10px;min-height:36px;font-weight:var(--th-titre-poids);font-size:21px;color:var(--th-nav-texte) !important;text-decoration:none;letter-spacing:-.01em;font-family:var(--th-titre);text-transform:var(--th-marque-casse)}
html body a.th-marque img{width:36px;height:36px;object-fit:contain;display:block}
html body a.th-marque:hover span{color:var(--th-nav-survol)}
html body #menufthhb{display:none !important}
html body #hamburgermenu{display:flex !important;flex-wrap:wrap;gap:4px 22px;background:transparent !important;font-size:15px}
html body .fthbmdiv{background:transparent !important;margin:0 !important;font-size:15px}
html body .fthbmdiv img{display:none}
html body a.fthbm{color:var(--th-nav-texte) !important;font-weight:600;text-decoration:none}
html body a.fthbm:hover{color:var(--th-nav-survol) !important}

/* ---------- 3. Bas de page ---------- */
/* traits de separation et espaces vides du template actuel (toujours avec un style en ligne) */
html body .contenu_tpl1[style],html body .contenu_tpl2[style]{display:none !important}
html body .contenu2_tpl1,html body .contenu2_tpl2{height:auto !important;background:transparent !important;border-top:1px solid var(--th-ligne);margin-top:30px;padding:20px 0 0;font-size:14px !important;line-height:1.5}
html body .contenu2_tpl1 center,html body .contenu2_tpl2 center{color:transparent;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 20px}
html body a.v4_tpl1,html body a.v4_tpl2{color:var(--th-encre) !important;font-weight:600;text-decoration:none}
html body a.v4_tpl1:hover,html body a.v4_tpl2:hover{color:var(--th-accent) !important}
html body .contenu3{height:auto !important;padding:8px 0 0 !important;margin:0}
html body .contenu3 a.v5{color:var(--th-gris) !important;font-size:13px}
html body .roundedFixedBtn{display:flex !important;align-items:center;justify-content:center;width:52px !important;height:52px !important;line-height:1 !important;font-size:26px !important;background:var(--th-plus-fond) !important;color:var(--th-plus-texte) !important;border-radius:var(--th-plus-rayon) !important;box-shadow:0 6px 18px rgba(var(--th-accent-rgb),.35)}
html body .fixedButton{right:16px !important;bottom:24px !important}

/* ---------- 4. Bandeaux de titre des pages (MEMBER AREA, CONTACT US, nom de la categorie) ---------- */
html body .general > .contenu_tpl1:not([style]),html body .general > .contenu_tpl2:not([style]){height:auto !important;line-height:1.2 !important;background:transparent !important;color:var(--th-encre) !important;font-size:34px !important;font-weight:var(--th-titre-poids);letter-spacing:-.01em;text-align:left;margin:0 0 4px;font-family:var(--th-titre);text-transform:var(--th-casse)}
html body .general > .contenu_tpl1:not([style]) center,html body .general > .contenu_tpl2:not([style]) center{text-align:left}
/* titres ecrits dans un lien ou un span blanc (DASHBOARD, pages de l'espace membre) : meme couleur que le titre */
html body .general > .contenu_tpl1:not([style]) *,html body .general > .contenu_tpl2:not([style]) *{color:inherit !important;font-size:inherit !important;font-weight:inherit !important;text-decoration:none}
html body .general > .contenu_tpl1:not([style]) h1,html body .general > .contenu_tpl2:not([style]) h1{font-size:34px !important;font-weight:var(--th-titre-poids) !important;font-family:var(--th-titre)}
/* grand logo des pages interieures : le logo est deja dans la barre du haut */
html body .sp-logo,html body .general > div[align="center"]:has(img.mobileimage){display:none}

/* ---------- 5. Accueil ---------- */
body.nx-home .nx-wrap{position:relative;gap:24px}
body.nx-home .nx-logo{position:absolute;left:26px;top:24px;z-index:2;width:76px;height:76px}
body.nx-home .nx-logo center,body.nx-home .nx-logo a{display:block;line-height:0}
body.nx-home .nx-logo img{width:76px !important;height:76px !important;object-fit:contain}
html body.nx-home .nx-logo + .nx-band{margin-top:0 !important}
html body.nx-home .nx-band{background:var(--th-bande-fond) !important;color:var(--th-bande-texte) !important;border:var(--th-bord) solid var(--th-ligne);border-top:var(--th-haut);border-radius:var(--th-rayon);box-shadow:var(--th-ombre) !important;padding:24px 26px 24px 124px;min-height:124px;box-sizing:border-box}
body.nx-home .nx-band .nx-vague{display:none !important}
html body.nx-home .nx-band h1{color:var(--th-bande-texte) !important;font-size:34px;font-weight:var(--th-titre-poids);font-family:var(--th-titre);text-transform:var(--th-casse)}
html body.nx-home .nx-band h1 small{color:var(--th-bande-gris);font-weight:600;text-transform:none;font-family:var(--th-police)}
html body.nx-home .nx-band p{color:var(--th-bande-gris) !important;font-size:16px}
html body.nx-home .nx-stat{background:var(--th-stat-fond) !important;color:var(--th-encre) !important;border:0 !important;border-radius:var(--th-rayon-petit);min-width:150px}
html body.nx-home .nx-stat span{color:var(--th-gris)}
body.nx-home .nx-alaune-section .nx-cs-carr{border:var(--th-bord) solid var(--th-ligne);border-radius:var(--th-rayon);box-shadow:var(--th-ombre)}
body.nx-home .nx-cs-vignettes button{border-radius:var(--th-rayon-petit)}
html body.nx-home .nx-main{gap:26px}
html body .nx-main h2,html body .sp-bloc h2,html body h2.cg-titre{font-family:var(--th-titre) !important;font-weight:var(--th-titre2-poids) !important;text-transform:var(--th-casse2)}
body.nx-home .nx-main > section:not(.nx-alaune-section):not(.nx-intro):not(.nx-cta){background:var(--th-carte);border:var(--th-bord) solid var(--th-ligne);border-radius:var(--th-rayon);padding:22px 24px;box-shadow:var(--th-ombre)}
body.nx-home .nx-intro{padding:0 4px}
body.nx-home .nx-intro h2::after{display:none}
html body.nx-home .nx-cats a{border-bottom-color:var(--th-ligne2)}
html body .nx-count{background:var(--th-doux) !important;color:var(--th-encre) !important;border-radius:var(--th-pilule) !important}
body.nx-home .nx-filter input{border:var(--th-bord-champ) solid var(--th-ligne) !important;border-radius:var(--th-rayon-petit) !important;background:var(--th-carte) !important;color:var(--th-encre) !important}
html body.nx-home .nx-cat-intro{background:transparent !important;border:0 !important;padding:6px 0 0 !important;color:var(--th-gris)}
html body .nx-bloc{background:var(--th-carte);border:var(--th-bord) solid var(--th-ligne) !important;border-radius:var(--th-rayon) !important;padding:20px 22px !important;box-shadow:var(--th-ombre)}
html body .nx-cta{background:var(--th-cta-fond) !important;border-radius:var(--th-rayon) !important;border:var(--th-cta-bord)}
html body .nx-cta h2,html body .nx-cta p{color:var(--th-cta-texte) !important}
html body .nx-btn{background:var(--th-bouton-fond) !important;color:var(--th-bouton-texte) !important;border-radius:var(--th-rayon-petit) !important;font-family:var(--th-police)}

/* ---------- 6. Page categorie ---------- */
html body .nx-cat-intro{background:var(--th-carte) !important;border:var(--th-bord) solid var(--th-ligne) !important;border-radius:var(--th-rayon) !important;color:var(--th-gris)}
html body .main1_page_category{text-align:left}
/* #cathaut : espace blanc vide sous la banniere en responsive (stylecss.css) : inutile avec les themes */
html body #cathaut{display:none !important}
html body nav.nx-chips{display:flex !important;flex-wrap:wrap;gap:8px !important}
html body .general > .contenu_tpl1:not([style]) + div:empty,html body .general > .contenu_tpl2:not([style]) + div:empty{background:transparent !important;height:6px}
html body nav.nx-chips > a{width:auto !important;flex:0 0 auto !important;border:var(--th-bord-champ) solid var(--th-ligne) !important;border-radius:var(--th-pilule) !important;background:var(--th-carte) !important;padding:6px 14px !important}
html body nav.nx-chips .nx-puce{display:none}
html body .hero-wrapper{background:var(--th-carte);border:var(--th-hero-bord) !important;border-radius:var(--th-rayon) !important;overflow:hidden;box-shadow:var(--th-ombre)}
html body .main1_page_category > div[id="mydiv"]{margin:0 0 14px}
/* cadre d'un site : c'est le bloc #mydiv qui porte le cadre (fond, bord, coins, sans ombre) ; le survol de la page
   (onmouseover : fond / ombre en ligne, et #mydiv:hover de stylecss.css) est neutralise : plus de coins carres colores */
html body #mydiv,html body #mydiv:hover{background:var(--th-carte) !important;border:var(--th-bord) solid var(--th-ligne) !important;border-radius:var(--th-rayon) !important;box-shadow:none !important;overflow:hidden;transition:background-color .15s ease !important}
/* survol : leger fond de la couleur a l'interieur du cadre, rien autour (pas d'ombre entre les cadres) */
@media (hover:hover) and (pointer:fine){html body #mydiv:hover{background:linear-gradient(rgba(var(--th-accent-rgb),.06),rgba(var(--th-accent-rgb),.06)),var(--th-carte) !important}}   /* pas sur ecran tactile : sur iPhone le survol restait colle au cadre touche */
html body .nx-rangee{background:transparent !important;border:0 !important;border-radius:0 !important;padding:16px !important;box-sizing:border-box;box-shadow:none !important}
html body .nx-rangee img#imageover{border-radius:var(--th-rayon-petit)}
html body .nx-rangee h2.v7_page_category{font-size:18px !important;font-weight:var(--th-titre2-poids) !important;font-family:var(--th-titre) !important}
html body .nx-badge{border-radius:var(--th-pilule) !important}
html body .nx-badge.nx-premium,html body .nx-badges-ligne .nx-badge.nx-alaune{background:var(--th-accent) !important;color:var(--th-sur-accent) !important}
html body .nx-badge.nx-pos{background:var(--th-doux) !important}
html body details.nx-plus > summary{color:var(--th-accent) !important}

/* ---------- 6bis. Pages refaites le 13/10/2026 (nx_pagestyle.php : selectremove, askdel, okdel, merci…) ---------- */
/* bandeau .sp-tete (orange avec vague) -> grand titre de page comme les autres pages */
html body .sp-tete{background:transparent !important;color:var(--th-encre) !important;padding:0 !important;min-height:0 !important;border-radius:0 !important;box-shadow:none !important;margin:0 0 18px !important;overflow:visible}
html body .sp-tete .nx-vague{display:none !important}
html body .sp-tete h1{font-family:var(--th-titre) !important;font-size:34px !important;font-weight:var(--th-titre-poids) !important;text-transform:var(--th-casse);letter-spacing:-.01em;color:var(--th-encre) !important;margin:0 !important}
html body .sp-tete p{color:var(--th-gris) !important;font-size:17px !important}
html body .sp-tete .sp-stat{background:var(--th-stat-fond) !important;color:var(--th-encre) !important}
html body .container_page_add_site{background:var(--th-carte) !important;border:var(--th-bord) solid var(--th-ligne);border-radius:var(--th-rayon) !important;box-shadow:var(--th-ombre)}
html body .sp-btn{background:var(--th-bouton-fond) !important;color:var(--th-bouton-texte) !important;border-radius:var(--th-rayon-petit) !important;font-family:var(--th-police) !important}
html body .sp-msg{border-radius:var(--th-rayon-petit) !important}
html body .sp-plie{border-color:var(--th-ligne) !important;border-radius:var(--th-rayon) !important}
html body .sp-note a,html body .container_page_add_site a:not(.sp-btn){color:var(--th-accent)}

/* ---------- 7. Espace membre et contact ---------- */
html body .nx-hors-cadre{margin:0 0 22px !important}
html body .nx-hors-cadre p{font-size:17px !important;color:var(--th-gris) !important}
html body .sp-stat{background:var(--th-stat-fond) !important;border:0 !important;border-radius:var(--th-rayon-petit)}
html body .sp-carte,html body .sp-remonter{margin-left:0 !important;margin-right:auto !important}
html body .sp-carte{background:var(--th-carte) !important;border:var(--th-bord) solid var(--th-ligne) !important;border-top:var(--th-haut) !important;border-radius:var(--th-rayon) !important;box-shadow:var(--th-ombre)}
html body .sp-carte input[type=text],html body .sp-carte input[type=password]{border:var(--th-bord-champ) solid var(--th-ligne) !important;border-radius:var(--th-rayon-petit) !important;color:var(--th-encre) !important;background:var(--th-champ-fond) !important}
html body .sp-carte input.sp-valider{background:var(--th-bouton-fond) !important;color:var(--th-bouton-texte) !important;border-radius:var(--th-rayon-petit) !important}
html body .sp-oubli a{color:var(--th-encre) !important;text-decoration:underline}
html body .sp-bloc{background:var(--th-carte) !important;border:var(--th-bord) solid var(--th-ligne);border-radius:var(--th-rayon) !important;text-align:left !important;color:var(--th-gris) !important;box-shadow:var(--th-ombre)}
html body .sp-bloc h2{color:var(--th-encre) !important;font-weight:700}
html body .sp-textes{grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important}
html body .sp-remonter .sp-prix{background:var(--th-accent) !important;color:var(--th-sur-accent) !important}

/* ---------- 8. Mobile ---------- */
@media only screen and (max-width:900px){
  html body .general{padding:0 16px !important}
  html body .hamburger{padding:12px 16px;margin-bottom:18px}
  html body.nx-home .nx-band{padding-left:104px}
  body.nx-home .nx-logo{left:18px;top:20px;width:64px;height:64px}
  body.nx-home .nx-logo img{width:64px !important;height:64px !important}
}
@media only screen and (max-width:670px){
  html body .hamburger{flex-wrap:nowrap}
  html body a.th-marque{font-size:18px;gap:8px;min-height:30px}
  html body a.th-marque img{width:30px;height:30px}
  html body #menufthhb{display:inline-flex !important;align-items:center;gap:6px;width:auto !important;background:var(--th-menu-bouton) !important;color:var(--th-menu-bouton-texte);padding:8px 14px;border-radius:var(--th-pilule);cursor:pointer;font-size:14px;font-weight:600}
  html body #menufthhb img{display:none}
  html body #menufthhb font{color:var(--th-menu-bouton-texte) !important}
  html body #hamburgermenu{display:none !important;position:absolute;left:0;right:0;top:64px;z-index:50;flex-direction:column;gap:0;background:var(--th-nav-fond) !important;border-bottom:1px solid var(--th-ligne);box-shadow:0 12px 24px rgba(0,0,0,.08);padding:6px 16px 12px}
  html body #hamburgermenu[style*="block"]{display:block !important;flex-wrap:nowrap !important}
  html body #hamburgermenu .fthbmdiv{display:block;width:auto}
  html body #hamburgermenu .fthbmdiv{padding:10px 0;border-bottom:1px solid var(--th-nav-ligne)}
  html body .hamburger{position:relative}
  html body.nx-home .nx-band{padding:18px 16px 16px 92px;min-height:0}
  body.nx-home .nx-logo{left:16px;top:18px;width:60px;height:60px}
  body.nx-home .nx-logo img{width:60px !important;height:60px !important}
  html body.nx-home .nx-band h1{font-size:22px}
  html body .general > .contenu_tpl1:not([style]),html body .general > .contenu_tpl2:not([style]),html body .general > .contenu_tpl1:not([style]) h1,html body .general > .contenu_tpl2:not([style]) h1{font-size:26px !important}
  html body .basresponsive .contenu_tpl2,html body .basresponsive .menuitembas{background:transparent !important}
  html body .basresponsive{border-top:1px solid var(--th-ligne);margin-top:24px;padding-top:8px}
  html body .basresponsive .ligneright{display:none}
  html body .basresponsive .contenu_tpl2:not([style]),html body .basresponsive .menuitembas{height:auto !important;line-height:1.4 !important;padding:10px 0;border-bottom:1px solid var(--th-ligne2)}
  html body .basresponsive a{color:var(--th-encre) !important;font-weight:600;text-decoration:none}
  html body .sp-textes{grid-template-columns:1fr !important}
  html body .sp-tete h1{font-size:26px !important}
  html body .sp-tete p{font-size:14px !important}
}

/* ---------- 9. Propre a ce theme ---------- */
/* aurore : fond en lueurs de la couleur, barre en verre qui flotte, contenu sur une grande feuille translucide */
html body{background:radial-gradient(60% 520px at 6% 0%,rgba(var(--th-accent-rgb),.55) 0%,rgba(var(--th-accent-rgb),0) 100%),radial-gradient(45% 420px at 92% 0%,color-mix(in oklab,var(--th-accent) 55%,#ffffff) 0%,rgba(255,255,255,0) 100%),linear-gradient(180deg,rgba(var(--th-accent-rgb),.62) 0%,rgba(var(--th-accent-rgb),.46) 30%,rgba(var(--th-accent-rgb),.34) 55%,rgba(var(--th-accent-rgb),.24) 78%,rgba(var(--th-accent-rgb),.10) 100%),#f6f3ee !important;min-height:100vh}
/* 16/10/2026 03:05 : couleur qui descend sur toute la hauteur de la page (le degrade suit la longueur de la page, aussi sur iPhone) */
html body .hamburger{position:sticky;top:12px;z-index:60;width:calc(100% - 32px);max-width:1180px;margin:14px auto 26px !important;padding:10px 12px 10px 18px !important;border-radius:999px;box-sizing:border-box;-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 10px 30px rgba(24,18,43,.10)}
html body a.th-marque{font-size:22px;letter-spacing:-.03em}
html body a.th-marque img{border-radius:10px}
/* images de pagination (hulk4.gif, hulk5.gif, fleches fg2 / fd2 / gd2 / dd2) : coins arrondis comme le logo */
html body img.next_page_category{border-radius:10px;overflow:hidden}
html body #hamburgermenu{gap:2px !important}
html body .fthbmdiv{border-radius:999px}
html body a.fthbm{display:block;padding:8px 14px;border-radius:999px;transition:background .2s}
html body a.fthbm:hover{background:rgba(var(--th-accent-rgb),.12)}
html body .general{background:rgba(255,255,255,.66) !important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.85) !important;border-radius:36px !important;padding:40px 44px 28px !important;box-shadow:0 30px 80px rgba(24,18,43,.12) !important;margin:0 auto 34px !important;max-width:1180px}
html body .general > .contenu_tpl1:not([style]),html body .general > .contenu_tpl2:not([style]){font-size:58px !important;line-height:1 !important;letter-spacing:-.035em !important;width:fit-content;max-width:100%;background:linear-gradient(95deg,var(--th-encre) 30%,var(--th-accent) 100%) !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;padding-bottom:6px}
html body .general > .contenu_tpl1:not([style]) h1,html body .general > .contenu_tpl2:not([style]) h1{font-size:58px !important;color:transparent !important;letter-spacing:-.035em}
html body .sp-tete h1{font-size:58px !important;line-height:1 !important;letter-spacing:-.035em !important;width:fit-content;max-width:100%;background:linear-gradient(95deg,var(--th-encre) 30%,var(--th-accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent !important;padding-bottom:6px}
html body.nx-home .nx-band{border:0 !important;border-radius:30px !important;box-shadow:0 24px 60px rgba(var(--th-accent-rgb),.35) !important;overflow:hidden;position:relative}
html body.nx-home .nx-band::after{content:"";position:absolute;right:-80px;top:-120px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 70%);pointer-events:none}
html body.nx-home .nx-band h1{font-size:56px;letter-spacing:-.04em;line-height:1}
html body.nx-home .nx-band{min-height:190px !important;padding:40px 40px 40px 160px !important}
body.nx-home .nx-logo{top:46px !important;left:40px !important;width:96px !important;height:96px !important}
body.nx-home .nx-logo img{width:96px !important;height:96px !important}
html body.nx-home .nx-band p{font-size:18px !important}
html body.nx-home .nx-stat{border:1px solid rgba(255,255,255,.28) !important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body.nx-home .nx-stat b,html body.nx-home .nx-stat span{color:#ffffff !important}
html body.nx-home .nx-logo img{background:#ffffff;border-radius:22px;padding:6px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
html body .nx-bloc,html body .sp-bloc,html body .sp-carte{transition:transform .25s ease,box-shadow .25s ease}
@media (hover:hover){html body .nx-bloc:hover,html body .sp-bloc:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(24,18,43,.05),0 18px 40px rgba(24,18,43,.12) !important}}
html body .nx-cta{position:relative;overflow:hidden;border-radius:30px !important;background:radial-gradient(70% 140% at 100% 0%,rgba(var(--th-accent-rgb),.55) 0%,rgba(var(--th-accent-rgb),0) 60%),#18122b !important}
html body .nx-cta h2{font-size:28px !important;letter-spacing:-.03em}
html body .nx-btn,html body .sp-carte input.sp-valider{border-radius:999px !important;box-shadow:0 10px 24px rgba(var(--th-accent-rgb),.35);font-weight:700 !important}
html body .nx-cta .nx-btn{background:#ffffff !important;color:#18122b !important;box-shadow:none}
html body .roundedFixedBtn{box-shadow:0 12px 28px rgba(var(--th-accent-rgb),.45) !important}
html body .nx-count{background:rgba(var(--th-accent-rgb),.12) !important;font-weight:700}
html body nav.nx-chips > a{background:#ffffff !important;box-shadow:0 1px 2px rgba(24,18,43,.05)}
html body .hero-wrapper{border-radius:28px !important;box-shadow:0 2px 4px rgba(24,18,43,.05),0 24px 50px rgba(24,18,43,.12) !important}
html body .contenu2_tpl1,html body .contenu2_tpl2{border-top:0 !important}
html body .contenu2_tpl1 a,html body .contenu2_tpl2 a{padding:6px 12px;border-radius:999px}
html body .contenu2_tpl1 a:hover,html body .contenu2_tpl2 a:hover{background:rgba(var(--th-accent-rgb),.12)}
@media only screen and (max-width:900px){
  html body .general{padding:26px 18px 20px !important;border-radius:26px !important;margin:0 10px 24px !important}
  /* iPhone / tablette : pas d'effet verre (flou) sur la grande feuille ni sur la barre : Safari iOS dessine mal le flou sur une grande zone (bandes de couleur entre les cadres) */
  html body .general{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;background:rgba(255,255,255,.72) !important}
  html body.nx-home .nx-stat{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  html body .general > .contenu_tpl1:not([style]),html body .general > .contenu_tpl2:not([style]),html body .general > .contenu_tpl1:not([style]) h1,html body .general > .contenu_tpl2:not([style]) h1{font-size:40px !important}
  html body.nx-home .nx-band h1{font-size:34px}
  html body .sp-tete h1{font-size:40px !important}
  html body.nx-home .nx-band{min-height:0 !important;padding:28px 22px 22px 118px !important}
  body.nx-home .nx-logo{top:30px !important;left:22px !important;width:76px !important;height:76px !important}
  body.nx-home .nx-logo img{width:76px !important;height:76px !important}
}
@media only screen and (max-width:670px){
  html body .hamburger{width:calc(100% - 20px);margin:10px auto 16px !important;padding:8px 8px 8px 14px !important}
  html body #hamburgermenu{top:calc(100% + 8px) !important;left:0 !important;right:0 !important;border-radius:24px;border:1px solid rgba(255,255,255,.8) !important;background:rgba(255,255,255,.9) !important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  html body #hamburgermenu .fthbmdiv{border-radius:0}
  html body a.fthbm{padding:4px 6px}
  html body .general{padding:20px 14px 16px !important;margin:0 8px 20px !important}
  html body .general > .contenu_tpl1:not([style]),html body .general > .contenu_tpl2:not([style]),html body .general > .contenu_tpl1:not([style]) h1,html body .general > .contenu_tpl2:not([style]) h1{font-size:32px !important}
  html body.nx-home .nx-band h1{font-size:26px}
  html body .sp-tete h1{font-size:32px !important}
  html body.nx-home .nx-band{padding:20px 16px 18px 92px !important}
  body.nx-home .nx-logo{top:20px !important;left:16px !important;width:60px !important;height:60px !important}
  body.nx-home .nx-logo img{width:60px !important;height:60px !important;border-radius:16px;padding:4px}
  html body.nx-home .nx-band p{font-size:14px !important}
}