/* ------------------------------------------------------------------ Feuille propre au site d'Olivia Touzet. Chargée APRÈS celles du gabarit, elle passe donc devant à spécificité égale. Tout ce qui s'écarte du template vit ici, et nulle part ailleurs. ------------------------------------------------------------------ */ /* ⚠ UNE SEULE TAILLE POUR TOUT LE CORPS DE TEXTE, demande de David du 21/08/2026 : « corps du texte, pareil que les listes, pareil que les liens en pied de page ». Le gabarit en avait trois (16, 15 et 14 px), ce qui donnait trois poids de lecture différents sur une même page sans raison apparente. 18 px partout, interligne 1,5. Y compris sur téléphone : à 390 px, 18 px tient encore une ligne correcte, et deux tailles auraient recréé l'écart qu'on vient de supprimer. ⚠ ON NE TOUCHE NI AU VERT NI À LA POLICE MANUSCRITE (Allison), à la demande expresse de David. Aucune règle de cette feuille ne vise une couleur ni une famille de police. */ body, p, li, /* ⚠ LE GABARIT DESCEND CERTAINES LISTES À 15 px par une règle à deux sélecteurs (`.ul-style-2 li`). Un simple `li` perd contre elle. Repéré en demandant au navigateur quelle règle gagnait, pas en lisant les feuilles. */ ul[class*="ul-style"] li, .list-unstyled li, footer a, footer p, footer li, .subtitle, small { font-size: 18px; line-height: 1.5; } /* ⚠ TROIS CLASSES DU GABARIT IMPOSAIENT LEUR PROPRE INTERLIGNE et passaient devant la règle ci-dessus : `.slider-teaser` (sous-titre du héros) à 1,6 et `.lead` (chapôs) à 1,78. Repérées au navigateur, une par une, après la première correction : unifier les tailles ne suffit pas, l'interligne se règle ailleurs. ⚠ `p.mb20`, le grand paragraphe de citation à 32 px, est laissé tel quel : ce n'est pas du corps de texte mais un élément d'affichage. */ p.slider-teaser, p.lead, .lead p { font-size: 18px; line-height: 1.5; } /* ⚠ LE MENU ET LES BOUTONS À 18 px AUSSI, demande de David du 21/08/2026. Le gabarit les composait à 14 et 15 px, soit plus petits encore que le corps de texte d'origine : sur une barre de navigation, c'est ce qu'on lit en premier et ce qu'on cliquait le moins facilement. ⚠ `#mainmenu > li > a` fait DEUX sélecteurs et un identifiant chez le gabarit : on reprend le même chemin, sinon la règle perd sans rien dire. */ #mainmenu li a, #mainmenu > li > a, .btn-main, a.btn-main, span.btn-main, .btn, button { font-size: 18px; line-height: 1.5; } /* ⚠ TOUS LES h1 ET h2 EN MANUSCRIT, demande de David du 21/08/2026. Le gabarit ne mettait en Allison que la SECONDE partie de chaque titre, via un ``, et gardait le reste en Jost. ⚠ LA TAILLE EST REMONTÉE D'UN FACTEUR 1,5, et ce n'est pas un choix esthétique : le gabarit rendait déjà sa partie manuscrite à 96 px contre 64 pour le reste du h1. Allison a un œil beaucoup plus petit que Jost ; à taille égale, le titre paraîtrait avoir rétréci. ⚠ TOUT EN VERT, demande de David du 21/08/2026 : plus de différence de couleur entre les deux membres d'un même titre. Le gabarit en posait trois selon la place du titre (blanc sur photo, gris foncé sur fond clair, vert sur la seconde partie). On unifie sur le vert du thème, #83cc61. ⚠ `!important` NÉCESSAIRE ICI. Le gabarit colore ses titres depuis plusieurs feuilles et plusieurs contextes (`.text-white`, `.id-color`, les règles de section). Les énumérer, c'est en oublier une, et l'oubli se voit tout de suite : un titre resté blanc au milieu de titres verts. */ h1, h1 span, h2, h2 span, .sec-title, h1 .id-color, h2 .id-color { font-family: "Allison", cursive; font-weight: 400; color: #83cc61 !important; } /* ⚠ INTERLIGNE 0,8 SUR LES TITRES, demande de David du 21/08/2026. Une valeur inférieure à 1 fait se chevaucher les lignes. Sur une cursive comme Allison, dont les hampes et les jambages sont longs, c'est le réglage qui coupe les boucles du « y » ou du « J » de la ligne suivante. Vérifié après coup au navigateur, pas supposé. */ h1 { font-size: 96px; line-height: 0.8; } h2 { font-size: 64px; line-height: 0.8; } @media (max-width: 991px) { h1 { font-size: 68px; line-height: 0.8; } h2 { font-size: 48px; line-height: 0.8; } } /* ⚠ LES NIVEAUX ONT ÉTÉ DÉCALÉS D'UN CRAN pour le référencement le 21/08/2026 : le gabarit sautait systématiquement un niveau (h2 pour la section, puis h4 pour les cartes, h5 dans le pied de page), ce qui donnait 81 ruptures de hiérarchie sur le site. ⚠ UN NIVEAU DE TITRE EST UNE INFORMATION DE STRUCTURE, PAS UNE TAILLE. En décalant, les titres de carte sont passés de 22 à 26 px sans que personne l'ait demandé. On rétablit ici les tailles d'avant, pour que la correction soit invisible à l'œil et ne se voie que dans le code. */ h3, h3 a { font-size: 22px; line-height: 1.35; } h4, h4 a { font-size: 20px; line-height: 1.4; } } /* ⚠ L'ENTÊTE NE DOIT PAS COUPER SES MOTS. En passant le menu et les boutons à 18 px (demande du 21/08/2026), le bloc du téléphone et le bouton « Prendre RDV » sont devenus trop étroits pour leur propre texte : le numéro se coupait après « 64 » et le bouton passait sur deux lignes. Le gabarit ne prévoyait pas de texte aussi grand à cet endroit. ⚠ On empêche la coupure plutôt que de réduire la police : c'est la taille que David a demandée, et l'entête a la place. */ .h-phone, .h-phone span, .menu_side_area .btn-main, .menu_side_area a { white-space: nowrap; } #mainmenu > li > a { white-space: nowrap; } /* ⚠ LES DEUX DIAPOSITIVES DU HÉROS DOIVENT AVOIR LA MÊME TAILLE. Une page ne porte qu'un seul h1 : le titre de la 2e diapositive a été rétrogradé en h2 pour le référencement. Sans cette règle, il rendait à 64 px quand le premier reste à 96, et le carrousel changeait de taille en tournant. Le niveau de titre est une information de STRUCTURE, il ne doit pas décider de l'apparence. */ .slider-title, h1.slider-title, h2.slider-title { font-size: 96px; line-height: 0.8; } @media (max-width: 991px) { .slider-title, h1.slider-title, h2.slider-title { font-size: 68px; } }