Ajoute les jours fériés, l'astreinte week-end 0h-0h et les ratios éditables

- Bouton F : marque un jour férié (dû 0, sans consommer de congé) ; il
  qualifie les règles « ferie » et étend la fenêtre d'astreinte du jour.
- Samedi, dimanche et fériés : l'astreinte compte de 0h00 à 0h00 ; un jour
  AS déclaré garde sa borne du lendemain 18h pour ne pas tronquer les
  interventions nocturnes.
- Ratios d'astreinte éditables à la main dans Réglages (nom, jours, fenêtre,
  ratio), avec ajout/suppression de règles et validation.
- Un quart d'heure entamé par deux interventions qui se suivent n'est compté
  qu'une fois : les lignes d'événements somment au total du jour.
- Décompte mieux expliqué dans l'interface : quarts d'horloge (:00/:15/:30/:45),
  fenêtre couverte par événement, exemple chiffré.

💘 Generated with Crush

Assisted-by: Crush:glm-5.2

app/templates/base.html

@@ -436,6 +436,20 @@
     .btn-cg.jour-on  { background: var(--accent-2); border-color: #955505; color: #fff; }
     .btn-cg.btn-as { border-radius: 4px; }
     .btn-cg.as-on  { background: var(--accent); border-color: var(--accent); color: #fff; }
+    .btn-cg.btn-ferie { border-radius: 4px; }
+    .btn-cg.ferie-on { background: #7B5EA7; border-color: #7B5EA7; color: #fff; }
+    .ferie-badge {
+      display: inline-block;
+      font-family: var(--mono);
+      font-size: 9px;
+      letter-spacing: .08em;
+      text-transform: uppercase;
+      color: #7B5EA7;
+      border: 1px solid #7B5EA7;
+      border-radius: 3px;
+      padding: 0 .25rem;
+      margin-left: .3rem;
+    }
 
     /* Astreinte : sous-ligne pleine largeur sous la ligne du jour (hors colonne
        après-midi), heures d'intervention (début/fin/description) repliées dans un
@@ -559,10 +573,22 @@
       color: var(--muted);
       margin-bottom: .35rem;
     }
+    .as-decompte-help {
+      color: var(--muted);
+      font-size: 11px;
+      line-height: 1.55;
+      margin: -.15rem 0 .45rem;
+    }
+    .as-decompte-help b { color: var(--text); font-weight: 500; }
     .as-ev { display: flex; flex-wrap: wrap; gap: .45rem; align-items: baseline; padding: .12rem 0; }
     .as-ev-h { font-family: var(--mono); }
     .as-ev-desc { color: var(--muted); font-style: italic; }
-    .as-ev-q { font-family: var(--mono); color: var(--text); }
+    .as-ev-q {
+      font-family: var(--mono);
+      color: var(--text);
+      cursor: help;
+      border-bottom: 1px dotted var(--rule);
+    }
     .as-ev-cat, .as-cat { color: var(--accent); font-family: var(--mono); font-size: 11px; }
     .as-ev-pond { font-family: var(--mono); color: var(--accent-2); }
     .as-jour-date { font-family: var(--mono); font-weight: 500; margin-right: .4rem; }