Fix Jauge name centering and add name appearance controls

Center the name+bar block vertically within the Jauge's own box
(justify-content:center) so it no longer looks pinned to the top once a
name label adds extra content height.

Add appearance settings for the name: position (above the bar, or beside
it on the left), alignment when above (centered or left-aligned), font
family, font size, bold, and italic.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

screens/rendering/render_jauge.py

@@ -56,12 +56,29 @@ def _render_jauge(el, meta, slug, children_map=None, ctx=None, parent_flex_direc
     "Modifier une donnée"), donc toujours à jour sans action supplémentaire
     à poser dans le graphe de logique."""
     attrs = el.get("attributes") or {}
-    # display:flex column : le nom (optionnel) empile AU-DESSUS de la barre
-    # plutôt que de se superposer dedans — voir name_html plus bas. Le fond/
-    # bordure/overflow vivent maintenant sur le wrapper de la barre
-    # (bar_wrap_style), pas ici, pour que le nom reste en dehors de la zone
-    # rognée par "overflow:hidden".
-    style = _style_string(el, " display:flex; flex-direction:column; gap:4px;", parent_flex_direction)
+    nom_position = attrs.get("_nom_position") or "dessus"
+    nom_alignement = attrs.get("_nom_alignement") or "centre"
+    nom_police = attrs.get("_nom_police") or "inherit"
+    nom_taille = attrs.get("_nom_taille") or "12"
+    nom_gras = attrs.get("_nom_gras") == "1"
+    nom_italique = attrs.get("_nom_italique") == "1"
+    # display:flex — le nom (optionnel) s'empile AU-DESSUS de la barre (mode
+    # "dessus", flex-direction:column) ou se place à sa gauche (mode "cote",
+    # flex-direction:row) plutôt que de se superposer dedans — voir name_html
+    # plus bas. "justify-content:center" recentre le bloc nom+barre quand la
+    # jauge se retrouve avec une hauteur supérieure à son contenu (ex. héritée
+    # d'un conteneur parent qui l'étire) — sans ça le bloc restait collé en
+    # haut de sa propre boîte, donnant une impression de centrage faussé dès
+    # qu'un nom (donc plus de contenu) était ajouté. Le fond/bordure/overflow
+    # vivent sur le wrapper de la barre (bar_wrap_style), pas ici, pour que le
+    # nom reste en dehors de la zone rognée par "overflow:hidden".
+    flex_dir = "row" if nom_position == "cote" else "column"
+    align_items = "center" if nom_position == "cote" else "stretch"
+    style = _style_string(
+        el,
+        f" display:flex; flex-direction:{flex_dir}; align-items:{align_items}; justify-content:center; gap:4px;",
+        parent_flex_direction,
+    )
     definition_id = attrs.get("_definition_id")
     row_id = attrs.get("_row_id")
     field_name = (attrs.get("_champ") or "").strip()
@@ -101,9 +118,13 @@ def _render_jauge(el, meta, slug, children_map=None, ctx=None, parent_flex_direc
     if field_name_nom:
         nom_value = _read_field_value(slug, definition_id, row_id, field_name_nom)
         if nom_value not in (None, ""):
+            text_align = "left" if (nom_position == "dessus" and nom_alignement == "gauche") else "center"
             name_html = (
-                f'<div style="flex:0 0 auto; font-family:system-ui,sans-serif; font-size:12px; '
-                f'color:#e8eaf0; text-align:center;">{html_lib.escape(str(nom_value))}</div>'
+                f'<div style="flex:0 0 auto; font-family:{html_lib.escape(nom_police)}; '
+                f'font-size:{html_lib.escape(str(nom_taille))}px; '
+                f'font-weight:{"700" if nom_gras else "400"}; '
+                f'font-style:{"italic" if nom_italique else "normal"}; '
+                f'color:#e8eaf0; text-align:{text_align};">{html_lib.escape(str(nom_value))}</div>'
             )
 
     # La classe "jaugeBar" est repérée côté client (play.html, refreshRuntimeData)

screens/widgets/registry.py

@@ -8,6 +8,7 @@ from .controls.c_toggle_token import c_toggle_token
 from .controls.c_align import c_align
 from .controls.c_select import c_select
 from .control_groups.text_style_controls_extra import TEXT_STYLE_CONTROLS_EXTRA
+from .font_options import FONT_OPTIONS
 from ..flow.constants import CONDITION_OPERATORS
 
 WIDGETS = {
@@ -247,6 +248,16 @@ WIDGETS = {
             c_color("couleur_basse", "Couleur côté mini", "attr:_couleur_basse", "#e05252", group="Apparence"),
             c_color("couleur_haute", "Couleur côté maxi", "attr:_couleur_haute", "#4caf50", group="Apparence"),
             c_checkbox("afficher_valeur", "Afficher la valeur en chiffres sur la jauge", "attr:_afficher_valeur", "1", "", default=False, group="Apparence"),
+            c_select("nom_position", "Position du nom", "attr:_nom_position",
+                     [("dessus", "Au-dessus de la jauge"), ("cote", "À côté (à gauche) de la jauge")],
+                     default="dessus", group="Apparence"),
+            c_select("nom_alignement", "Alignement du nom (si au-dessus)", "attr:_nom_alignement",
+                     [("centre", "Centré"), ("gauche", "Aligné à gauche")],
+                     default="centre", group="Apparence"),
+            c_select("nom_police", "Police du nom", "attr:_nom_police", FONT_OPTIONS, default="inherit", group="Apparence"),
+            c_slider("nom_taille", "Taille du texte du nom", "attr:_nom_taille", unit="", min=8, max=32, default=12, group="Apparence"),
+            c_checkbox("nom_gras", "Nom en gras", "attr:_nom_gras", "1", "", default=False, group="Apparence"),
+            c_checkbox("nom_italique", "Nom en italique", "attr:_nom_italique", "1", "", default=False, group="Apparence"),
         ],
     },
     "superposition": {