/* Thème par défaut du site, indépendant de la charte de l'État — le DSFR et la police Marianne étant réservés aux administrations, ils ne peuvent servir de parure à un projet particulier (voir theme-dsfr.css, conservé en vue d'un possible agrément). Police Source Sans 3 (SIL Open Font License, voir webfonts-source-sans/) et accent vert. Le sélecteur est `:root` sans plus : ce thème s'applique donc tant que la bascule n'a pas posé d'attribut contraire sur , et reste celui que voit un visiteur sans JavaScript. LE VERT, ET POURQUOI CELUI-CI ----------------------------- Il transpose le bleu France en gardant ce qui en fait le caractère : une saturation pleine et un ton unique servant aussi bien au texte qu'aux aplats. La transposition littérale — même teinte HSL, roue tournée du bleu au vert, soit #009100 — était inutilisable : l'œil perçoit le vert bien plus clair que le bleu à luminosité nominale égale, et ce vert-là ne contraste qu'à 4,16:1 sur blanc, sous le seuil AA de 4,5 exigé du texte (crit. 3.2). Il a donc fallu descendre en luminosité jusqu'à retrouver la profondeur du bleu France : #005A32 tient 8,37:1 sur blanc et 7,75:1 sur le gris des panneaux — au-delà même du seuil AAA de 7:1 — tout en restant franchement vert, saturé à 100 % comme son modèle. Un seul ton suffit donc partout, exactement comme le bleu qu'il remplace. LA DÉCLINAISON EN TEINTES, SUR LE MODÈLE DSFR --------------------------------------------- Le DSFR ne se contente pas d'un bleu : il le décline en une gamme nommée par la luminosité, chaque ton ayant son rôle. Le vert reprend la gamme trait pour trait, à teinte (153°) et saturation constantes : rôle DSFR (bleu France) ici (vert) sun-113 #000091 action, texte --accent #005A32 survol #1212ff --accent-hover #00743F actif #2323ff --accent-active #008E4F 950 #ececfe fond contrasté --accent-selection #e8f4ed 975 #f5f5fe fond alternatif --accent-fond #f3f9f6 Comme pour le ton principal, la transposition est ajustée à l'œil plutôt que calquée : les pas de survol et d'actif montent la luminosité de 5 % chacun (le bleu, parti bien plus sombre, saute plus haut), et les tintes claires sont légèrement désaturées — un vert à la saturation des tintes bleues vire au menthe criard. */ @font-face { font-family: "Source Sans 3"; src: url("../assets/fonts/webfonts-source-sans/SourceSans3-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Source Sans 3"; src: url("../assets/fonts/webfonts-source-sans/SourceSans3-Italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: "Source Sans 3"; src: url("../assets/fonts/webfonts-source-sans/SourceSans3-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Source Sans 3"; src: url("../assets/fonts/webfonts-source-sans/SourceSans3-BoldItalic.woff2") format("woff2"); font-weight: 700; font-style: italic; font-display: swap; } :root { /* Pas de correction d'échelle propre à la police : Source Sans 3 a une hauteur d'x un peu plus basse que Marianne (486 contre 504 pour 1000), mais la rattraper par la racine s'était retourné contre le rendu — la police est surtout plus ÉTROITE, et grandie, elle paraissait étirée en hauteur. La racine est fixée à 100 % pour tous les thèmes dans site-entete.css. */ --police: "Source Sans 3", arial, sans-serif; --accent: #005A32; --accent-hover: #00743F; /* survol : éclaircit, comme le bleu France */ --accent-active: #008E4F; /* appui : un pas de plus dans la gamme */ --accent-selection: #e8f4ed; --accent-fond: #f3f9f6; /* fond des encadrés (975 du modèle) */ --texte: #161616; --texte-mention: #666666; --fond: #ffffff; --fond-alt: #f6f6f6; --fond-champ: #eeeeee; --contour-champ: #3a3a3a; /* Le halo de focus reste bleu : distinct de l'accent, il ne se confond ni avec l'état survolé ni avec la couleur de sélection. */ --focus: #0a76f6; --bordure: #dddddd; --desactive: #929292; /* Avertissement (encart des anomalies connues) : le warning DSFR, distinct de l'accent vert comme du rouge de la localisation. */ --avertissement: #b34000; /* warning-425 */ --avertissement-fond: #fff4f3; /* warning-975 */ /* Information (encart de lecture des statistiques) : l'info DSFR. */ --information: #0063cb; /* info-425 */ --information-fond: #f4f6ff; /* info-975 */ }