/* ===== SECTION "ABOUT" : photo de fond + texte ===== */ [id="R2757323820"].page{ position: relative; overflow: hidden; } /* Contenu au-dessus */ [id="R2757323820"] .page-content{ position: relative; z-index: 1; } /* --- Bloc --- */ .about-wrap{ width: min(1300px, 98vw); /* + large */ margin: 0 auto; padding: 10px 0 10px; /* ↑ remonte le titre + moins de vide */ text-align: center; font-family: 'Lexend Giga', sans-serif; } .about-title{ font-family: 'Lexend Giga', sans-serif; font-size: clamp(26px, 3.2vw, 42px); /* identique ou très proche */ letter-spacing: .26em; text-transform: uppercase; color: #1d3a6f; font-weight: 500; margin: 0 0 10px; } .about-subtitle{ font-size: 12px; letter-spacing: .16em; opacity: .75; margin: 0 0 30px; /* ↓ moins bas qu’avant */ } .about-text{ width: min(1240px, 96vw); margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 12px; /* ← remonte (11px était trop petit) */ line-height: 1.4; color: rgba(0,0,0,.68); column-count: 2; column-gap: 56px; /* un peu plus “luxe” */ text-align: justify; hyphens: auto; } .about-text p{ margin: 0 0 14px; break-inside: avoid; } /* Citation : pleine largeur (sinon elle “tombe” dans une colonne) */ .about-quote{ column-span: all; /* ← clé */ -webkit-column-span: all; position: relative; margin: 34px auto 36px; padding: 10px 34px; max-width: 900px; font-size: 29px; line-height: 1.6; color: #1d3a6f; font-style: italic; text-align: center; } /* Guillemets décoratifs */ .about-quote::before, .about-quote::after{ position: absolute; font-family: 'Lexend Giga', sans-serif; font-size: 80px; line-height: 1; color: rgba(29,58,111,.22); } .about-quote::before{ content: "“"; left: 0; top: -10px; } .about-quote::after { content: "”"; right: 0; bottom: -18px; } .about-cta{ font-weight: 600; color: rgba(0,0,0,.75); } .about-sign{ margin-top: 14px; /* remonte un peu */ font-family: 'Lexend Giga', sans-serif; letter-spacing: .10em; text-transform: uppercase; font-size: 12px; color: rgba(0,0,0,.55); } /* Mobile : 1 colonne */ @media (max-width: 820px){ .about-wrap{ padding: 52px 0 60px; } .about-text{ column-count: 1; text-align: left; } .about-title{ letter-spacing: .18em; } } [id="R2757323820"] .about-text p{ font-size: 14px !important; } /* --- FIX : le gras ne doit PAS grossir dans le texte --- */ [id="R2757323820"] .about-text strong, [id="R2757323820"] .about-text b{ font-size: inherit !important; /* ← clé */ line-height: inherit !important; font-weight: 600; /* gras propre, pas énorme */ letter-spacing: normal !important; text-transform: none !important; } .about-keep{ break-inside: avoid; page-break-inside: avoid; } /* --- IMPORTANT : les restent à la bonne taille --- */ .about-wrap strong{ font-size: inherit; font-weight: 700; } /* INTRO en 2 colonnes */ .about-intro{ width: min(1240px, 96vw); margin: 0 auto; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.45; color: rgba(0,0,0,.68); column-count: 2; column-gap: 56px; text-align: justify; hyphens: auto; } .about-intro p{ margin: 0 0 14px; break-inside: avoid; } /* Citation pleine largeur */ .about-quote{ margin: 32px auto 28px; max-width: 980px; } /* BAS : 2 colonnes maîtrisées (plus de surprises Cargo) */ .about-bottom{ width: min(1240px, 96vw); margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-size: 12px; line-height: 1.45; color: rgba(0,0,0,.68); text-align: justify; hyphens: auto; } .about-col p{ margin: 0 0 14px; } .about-soft{ opacity: .92; /* léger “soft” sans perdre la lecture */ } @media (max-width: 820px){ .about-intro{ column-count: 1; text-align: left; } .about-bottom{ grid-template-columns: 1fr; gap: 22px; text-align: left; } } /* 🔥 FORCE la taille du texte ABOUT (SAUF la citation) */ [id="R2757323820"] .about-wrap, [id="R2757323820"] .about-wrap p:not(.about-quote), [id="R2757323820"] .about-wrap li{ font-size: 13px !important; line-height: 1.45 !important; } /* Citation : indépendante (et donc elle peut grossir) */ [id="R2757323820"] .about-wrap .about-quote{ font-size: 19.5px !important; /* ← ajuste ici */ line-height: 1.55 !important; }