/* * Feuille commune des pages du site des Paroisses du S.E.L. * * Tout est rangé sous la classe .sel-page : une page n'est concernée que si son contenu est entouré de *
…
. Les pages pas encore converties gardent leur apparence. * Seuls le bouton (.sel-btn), son conteneur (.sel-btn-wrap) et le bouton Gutenberg (.wp-block-button__link) * s'appliquent partout, y compris au shortcode [contact_button]. * * Charte graphique des Paroisses du Sud-Est Lyonnais (février 2025, Drive « 20250212-CharteGraphique.pdf ») : * couleurs #2D4B73 (bleu), #6AA6D3 (bleu ciel), #6D804B (vert), #ABB868 (vert clair), #CA763A (orange brûlé), * #EDA93A (orange) ; titres en Niveau Grotesk (police Adobe, à défaut Poppins), texte en Poppins ; * titres de section en capitales bleues soulignées d'un filet fin. Hors charte : seulement les gris du texte. * * Tailles en px (jamais en rem) : le thème réduit la taille de base à 30 % sur smartphone. * Écrans : ordinateur au-delà de 1024 px, tablette de 601 à 1024 px, smartphone jusqu'à 600 px. * * Composants : * .sel-intro bloc d'introduction centré (titre + accroche) * .sel-cols deux colonnes (image ou encadré à gauche, texte à droite) ; une seule colonne sous 900 px * .sel-cols--half deux colonnes égales * .sel-cols--3 trois colonnes (image, texte, image) * .sel-grid grille de cartes (autant de colonnes que la largeur le permet) * .sel-card encadré (fond clair, bord arrondi) * .sel-note encadré « à savoir » avec un trait bleu à gauche * .sel-figure image arrondie avec ombre, légende
facultative ; * .sel-figure--plain : sans ombre ni arrondi (logos) ; .sel-figure--round : image ronde * .sel-signature signature alignée à droite, en italique * .sel-text--orange-dark, .sel-text--green : texte coloré (couleurs de la charte lisibles sur fond blanc) * .sel-actions zone centrée de boutons ou d'appel à l'action * .sel-btn bouton (lien ou /