Couleurs globales
Réglages du site › Couleurs globales. Les contrastes indiqués sont mesurés avec du texte blanc ou #1c1c1c.
Action · #008285
Boutons, liens · blanc 4,6:1
Profond · #015355
Fonds sombres · blanc 9,2:1
Nuit · #0d3d3f
Pied de page
Primaire · #00b0a8
Accents seulement · blanc 2,7:1 ✗
Lime · #cfdd27
Badges, volet Sportif · texte #1c1c1c
Jaune · #ffe300
Volet Social, podium
Crème · #f5faee
Fonds de section
Gris · #f4f4f4
Fonds neutres
Encre · #1c1c1c
Texte
Atténué · #5a5a5a
Texte secondaire · 6,9:1
Filet · #e1e1e1
Bordures
Danger · #b03030
Erreurs, refus
Typographie globale
Réglages du site › Polices globales. Toutes les polices sont hébergées localement en WOFF2 (Space Grotesk, Inter, Fraunces pour les citations seulement) ; aucune requête vers Google Fonts.
Style | Police | Mobile | Tablette | Ordinateur | Notes |
|---|---|---|---|---|---|
Héros | Space Grotesk 700 | 40 | 56 | 76 | Majuscules, interligne 1,02, approche −3 % |
Titre 1 | Space Grotesk 700 | 34 | 44 | 56 | Majuscules sur les en-têtes de page |
Titre 2 | Space Grotesk 700 | 28 | 34 | 40 | Casse de phrase |
Titre 3 | Space Grotesk 600 | 20 | 22 | 24 | |
Titre 4 | Inter 600 | 18 | 18 | 18 | Titres de cartes |
Chapeau | Inter 400 | 18 | 19 | 20 | Interligne 1,55 |
Texte | Inter 400 | 16 | 16 | 16 | Jamais moins de 16 dans les champs (évite le zoom iOS) |
Petit | Inter 400 | 14 | 14 | 14 | Métadonnées |
Surtitre | Space Grotesk 600 | 12 | 12 | 12 | Majuscules, approche +8 % |
Citation | Fraunces 500 italique | 22 | 28 | 28 | Citations seulement |
Composants
Boutons (Réglages du site › Boutons + classes)
Hauteur min. 48 px (40 px pour « petit »). Pression : échelle 97 %. Jamais de bouton lime en action principale.
Étiquettes de volet
Même code couleur partout : cartes, filtres, horaire, résultats. Champ couleur sur la taxonomie « Volet ».
Filtres (JetSmartFilters, style bouton)
Défilement horizontal sur mobile, cible de 44 px.
Champs (JetFormBuilder)
Bordure des champs : couleur globale « Bordure de champ » #8a8a8a (3,5:1 sur blanc). Focus au clavier : contour Action doublé d’un liseré blanc, lisible sur fond clair et sur fond sombre.
Avis
Information
Avertissement
Succès
Danger ou sécurité
Icônes
Lucide, trait 2 px, 16/20/24 px. Téléversées en SVG dans la Médiathèque (préfixe « icone- ») ; aucune police d’icônes externe.
Espacements et grille
Grille 12 colonnes, contenu max. 1200 px, gouttière 24 px
Marges latérales 20 px mobile · 32 px tablette · 40 px ordinateur
Sections 56 px mobile · 80 px tablette · 104 px ordinateur (espacement vertical)
Rayons 8 (champs) · 12 (avis) · 16 (cartes) · 24 (cartes d’état) · 999 (boutons)
Points de rupture Elementor par défaut : mobile ≤ 767, tablette ≤ 1024