par celui-ci. ============================================================================ */ /* ======================================================================== la-transpiration.fr — Empire Design 2026-05-05 v2 SURGICAL Theme: Astra 4.13.0 (classic theme, non-block) Niche: hyperhidrose YMYL santé — hue 195 bleu-vert clinique Voice: factuel, mesuré, dédramatisé (NOT alarmiste, NOT cobalt générique) Display: Vesper Libre (serif latin/devanagari, caractère mesuré) Body: Cabin (humanist sans utility, lisible, neutre médical) Palette OKLCH 195 — remplace oklch(50.4% 0.21 254) cheap blue cobalt Astra ======================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Vesper+Libre:wght@400;700&family=Cabin:wght@400;500;600;700&display=swap'); :root { --lt-ink: oklch(23% 0.04 195); /* gris-bleu profond — 30% texte */ --lt-ink-soft: oklch(42% 0.03 195); /* secondaire muted */ --lt-paper: oklch(97.5% 0.008 195); /* surface froide propre — 60% */ --lt-paper-tint: oklch(93% 0.012 195); /* surface secondaire */ --lt-line: oklch(87% 0.012 195); /* bordures subtiles */ --lt-accent: oklch(44% 0.12 195); /* bleu-vert clinique — 10% accent */ --lt-accent-soft: oklch(55% 0.09 195); /* hover */ } /* === Body + typo base Cabin === */ body, .ast-container, .site-content, button, input, select, textarea, .ast-button, .ast-custom-button { font-family: 'Cabin', system-ui, sans-serif !important; color: var(--lt-ink); line-height: 1.7; } body { background: var(--lt-paper) !important; } /* === Display headings : Vesper Libre — ratio 1.3 entre niveaux === */ h1, h2, h3, h4, .entry-title, .ast-archive-title, .ast-breadcrumbs-title, .page-title, .widget-title, .post-title, .ast-blog-single-element .entry-title { font-family: 'Vesper Libre', Georgia, serif !important; font-weight: 700 !important; color: var(--lt-ink) !important; line-height: 1.25 !important; letter-spacing: -0.01em !important; } h1, .entry-title { font-size: clamp(2rem, 5vw, 3rem) !important; } h2 { font-size: 1.75rem !important; } h3 { font-size: 1.35rem !important; } /* Site title Vesper Libre clinique */ .site-title, .site-title a { font-family: 'Vesper Libre', Georgia, serif !important; font-weight: 700 !important; color: var(--lt-accent) !important; } /* === Navigation Cabin small caps === */ .main-navigation a, .ast-builder-menu .menu-item > a, .ast-builder-menu-1 .menu-item > a, #ast-fixed-header .menu-item > a, .main-header-bar .menu-item > a { font-family: 'Cabin', system-ui, sans-serif !important; font-size: 0.82rem !important; font-weight: 600 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; } /* === REPLACE oklch(50.4% 0.21 254) cheap blue cobalt → bleu-vert OKLCH 195 === */ a, a:link, a:visited { color: var(--lt-accent); text-decoration-thickness: 1px; text-underline-offset: 2px; } a:hover, a:focus { color: var(--lt-accent-soft); } /* Title links sober ink */ .entry-title a, .post-title a, .ast-archive-title a { color: var(--lt-ink) !important; text-decoration: none; } .entry-title a:hover, .post-title a:hover { color: var(--lt-accent) !important; } /* Widget titles */ .widget-title, h2.widget-title, h3.widget-title, .widget h2, .widget h3 { color: var(--lt-accent) !important; } /* === Buttons flat clinique, NO gradient === */ .ast-button, .ast-custom-button, .ast-builder-button-wrap a, .wp-block-button__link, .wp-element-button, button[type=submit], input[type=submit], .more-link, .read-more { background: var(--lt-accent) !important; background-image: none !important; color: oklch(100% 0 0) !important; border: none !important; border-radius: 3px !important; padding: 11px 22px !important; font-family: 'Cabin', system-ui, sans-serif !important; font-weight: 600 !important; font-size: 0.9rem !important; letter-spacing: 0.02em !important; text-shadow: none !important; box-shadow: none !important; text-transform: none !important; transition: background 0.18s ease; } .ast-button:hover, .ast-custom-button:hover, .wp-block-button__link:hover, .more-link:hover { background: var(--lt-accent-soft) !important; } /* === YMYL Disclaimer footer snippet 15 — harmoniser palette === */ .ymyl-disclaimer-footer { border-top-color: var(--lt-accent) !important; color: var(--lt-ink-soft) !important; background: var(--lt-paper-tint) !important; } /* === Blockquote pseudo-vertical (jamais border-left coloré) === */ blockquote, .wp-block-quote { border-left: none !important; background: var(--lt-paper-tint) !important; padding: 22px 28px !important; margin: 28px 0 !important; font-family: 'Vesper Libre', serif !important; font-style: italic !important; font-size: 1.05rem !important; position: relative; } blockquote::before, .wp-block-quote::before { content: ''; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; background: var(--lt-accent); } blockquote cite, .wp-block-quote cite { color: var(--lt-accent) !important; font-style: normal !important; font-weight: 700 !important; font-size: 0.82rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; font-family: 'Cabin', sans-serif !important; } /* === Entry meta Cabin soft === */ .entry-meta, .post-meta, .entry-meta a, .post-meta a, .ast-blog-meta-container, .ast-article-categories { font-family: 'Cabin', sans-serif !important; font-size: 0.8rem !important; color: var(--lt-ink-soft) !important; letter-spacing: 0.02em; } /* === Article content lisible === */ .entry-content { line-height: 1.75; } .entry-content p { max-width: 70ch; } /* === Image subtle radius === */ .wp-block-image img, .post-thumbnail img, .ast-article-image-container img, .wp-post-image { border-radius: 4px; } /* === Footer harmonisé === */ .ast-footer-copyright a, footer a, #colophon a { color: var(--lt-accent) !important; } /* === Search === */ .ast-search-submit, .search-form input[type="submit"] { background: var(--lt-accent) !important; border: none !important; border-radius: 3px !important; } /* === Mobile 390px === */ @media (max-width: 768px) { h1, .entry-title { font-size: 1.85rem !important; } h2 { font-size: 1.4rem !important; } .main-navigation a { font-size: 0.78rem !important; } .entry-content p { max-width: 100%; } }

Accueil

Votre référence santé

La-transpiration.fr est votre source d’information sur l’hyperhidrose, offrant des solutions médicales et naturelles pour lutter contre la transpiration excessive.

Retour en haut