par celui-ci. ============================================================================ */ /* ======================================================================== monpenisetmoi.com — Empire Design 2026-05-05 v1 SURGICAL Theme: Astra (active). Niche: santé masculine YMYL premium x1.5. Voice: factuel, sans tabou, médical — ton encyclopédie clinique. Fonts: Tinos (display serif gov-grade) + Albert Sans (body humanist). Palette OKLCH hue 215 — bleu sobre médical. RULES: no blanket body*!important, no border-left on callouts, no gradient text, no flashy saturation, no slop. ======================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400&family=Albert+Sans:wght@400;500;600&display=swap'); :root { --mp-ink: oklch(22% 0.04 215); /* bleu nuit — lecture confort */ --mp-ink-soft: oklch(45% 0.025 215); /* secondaire texte */ --mp-paper: oklch(98% 0.005 215); /* presque blanc froid */ --mp-paper-tint: oklch(94% 0.010 215); /* surface secondaire légère */ --mp-line: oklch(87% 0.010 215); /* bordures subtiles */ --mp-accent: oklch(45% 0.10 215); /* bleu sobre, retenu */ --mp-accent-soft:oklch(55% 0.08 215); /* hover */ } /* === Body + article: Albert Sans, reading comfort === */ body, .ast-container, .ast-single-post-container { font-family: 'Albert Sans', system-ui, sans-serif; color: var(--mp-ink); background: var(--mp-paper); line-height: 1.7; font-size: 17px; font-weight: 400; } /* === Display headings: Tinos serif (gov-grade, clinical feel) === */ h1, h2, h3, h4, h5, .entry-title, .ast-archive-title, .ast-blog-post-title { font-family: 'Tinos', Georgia, serif; color: var(--mp-ink); line-height: 1.28; letter-spacing: -0.005em; font-weight: 700; } h1, .entry-title { font-size: clamp(2rem, 4.5vw, 3rem); margin-bottom: 0.5em; } h2 { font-size: 1.65rem; margin-top: 1.8em; margin-bottom: 0.4em; } h3 { font-size: 1.25rem; margin-top: 1.5em; margin-bottom: 0.35em; } h4 { font-size: 1.05rem; font-weight: 700; } /* Article body text — 65ch max for long medical reads */ .single .entry-content > p, .entry-content > p { max-width: 65ch; font-size: 17.5px; margin-bottom: 1.4em; } /* === Site header: clean, no box-shadow === */ .site-header, #masthead, .ast-desktop-header, .ast-header-break-point, .ast-header-wrap { background: var(--mp-paper) !important; border-bottom: 1px solid var(--mp-line) !important; box-shadow: none !important; } /* Site title — Tinos display */ .site-title, .site-title a, .ast-site-name { font-family: 'Tinos', Georgia, serif !important; font-weight: 700 !important; font-size: 1.45rem !important; letter-spacing: -0.01em !important; color: var(--mp-ink) !important; } /* === Navigation: Albert Sans, understated === */ .main-navigation a, .ast-header-break-point a, #primary-menu a, .menu-item a, .ast-nav-menu a { font-family: 'Albert Sans', system-ui, sans-serif !important; font-size: 0.82rem !important; font-weight: 600 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: var(--mp-ink-soft) !important; text-decoration: none !important; } .main-navigation a:hover, .ast-nav-menu a:hover { color: var(--mp-accent) !important; } /* === Links: accent blue, no decoration on hover === */ a { color: var(--mp-accent); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } a:hover { color: var(--mp-accent-soft); } .entry-title a, .ast-blog-post-title a { color: var(--mp-ink) !important; text-decoration: none !important; } .entry-title a:hover { color: var(--mp-accent) !important; } /* === Buttons: flat accent blue, no gradients === */ .wp-block-button__link, .ast-button, input[type=submit], button.ast-custom-button, .button, .btn { background: var(--mp-accent) !important; background-image: none !important; color: oklch(100% 0 0) !important; border: none !important; border-radius: 2px !important; padding: 12px 22px !important; font-family: 'Albert Sans', sans-serif !important; font-weight: 600 !important; font-size: 0.92rem !important; letter-spacing: 0.02em !important; box-shadow: none !important; text-shadow: none !important; text-transform: none !important; } .wp-block-button__link:hover, input[type=submit]:hover { background: var(--mp-accent-soft) !important; } /* === Blockquote: no border-left, pseudo-element vertical accent === */ blockquote, .wp-block-quote { border-left: none !important; background: var(--mp-paper-tint) !important; padding: 22px 28px !important; margin: 32px 0 !important; font-family: 'Tinos', serif !important; font-style: italic !important; font-size: 1.08rem !important; color: var(--mp-ink) !important; position: relative; } blockquote::before { content: ''; position: absolute; left: 0; top: 22px; bottom: 22px; width: 3px; background: var(--mp-accent); border-radius: 2px; } /* === Article separation, clean === */ article, .hentry { border-bottom: 1px solid var(--mp-line); padding-bottom: 32px; margin-bottom: 32px; } article img, .wp-post-image, .post-thumbnail img { border-radius: 3px; } /* === Entry meta: subtle, Albert Sans small === */ .entry-meta, .posted-on, .byline, .ast-post-meta { font-family: 'Albert Sans', sans-serif; font-size: 0.8rem; color: var(--mp-ink-soft); letter-spacing: 0.03em; } /* === Footer: cold paper tint, no drama === */ footer, .site-footer, #colophon, .ast-footer-overlay { background: var(--mp-paper-tint) !important; border-top: 1px solid var(--mp-line) !important; color: var(--mp-ink-soft) !important; padding: 40px 0 28px !important; font-size: 0.88rem !important; } footer a, .site-footer a { color: var(--mp-accent) !important; } /* === Mobile responsive === */ @media (max-width: 768px) { body { font-size: 16px; } h1, .entry-title { font-size: 1.85rem !important; } h2 { font-size: 1.35rem !important; } .main-navigation a { font-size: 0.78rem !important; } .single .entry-content > p, .entry-content > p { max-width: 100%; } }

Mon Penis et Moi : guide sante masculine et bien-etre intime

Avertissement médical : Ce site fournit des informations à titre éducatif et ne remplace pas un avis médical professionnel. Consultez un médecin pour toute question de santé.

💊 Dysfonction Érectile

Causes, traitements et solutions naturelles pour retrouver une vie intime épanouie.

En savoir plus →

🧬 Fertilité Masculine

Conseils pour améliorer la qualité du sperme et optimiser la fertilité.

En savoir plus →

🩺 Santé de la Prostate

Prévention et prise en charge des troubles prostatiques.

En savoir plus →

Retour en haut