/* ===========================================================================
   FOND DE LA PAGE DE CONNEXION — fichier à modifier librement
   ===========================================================================

   Ce fichier est lu sur le disque du serveur à chaque affichage de la page.
   Le modifier suffit : rien à reconstruire, rien à redémarrer. Il faut
   seulement recharger la page dans le navigateur (Ctrl+Maj+R la première fois,
   pour forcer la relecture).

   Où se trouve-t-il :
       ~/docker/apps/auth-proxy/assets/fond.css

   Le plus simple pour l'éditer sans ligne de commande : code.serpollet.ovh,
   qui donne accès à ce dossier. Déposer une nouvelle image à côté, dans le
   même dossier, puis indiquer son nom ci-dessous.

   Formats acceptés : .jpg, .png, .webp. Viser moins de 1 Mo — l'image est la
   première chose que charge quiconque se connecte, sur un téléphone en 4G
   comme au bureau.
   --------------------------------------------------------------------------- */

:root {

  /* 1. L'IMAGE — normalement, RIEN À FAIRE ICI
        L'image se choisit depuis le portail : onglet Développement, fiche de
        l'application « Portail ». C'est la voie normale, sans toucher à un
        fichier.

        La ligne ci-dessous est donc VOLONTAIREMENT désactivée : ce fichier
        étant chargé en dernier, elle l'emporterait sur l'image choisie depuis
        le portail, et le téléversement semblerait sans effet (constaté le
        2026-09-23 — l'image changeait en base, la page ne bougeait pas).

        Ne la réactiver que pour imposer une image déposée à la main dans ce
        dossier, en sachant qu'elle neutralise alors le choix fait au portail.
        Exemples :  url('/assets/fond.png')
                    url('/assets/chantier-2026.jpg')                          */
  /* --fond-image: url('/assets/fond.png'); */


  /* 2. LE CADRAGE — quelle partie de l'image reste visible
        L'image est agrandie pour couvrir tout l'écran ; ce réglage décide de
        ce qu'on garde quand elle déborde.
        Valeurs simples :  center · top · bottom · left · right
        Combinaisons    :  left top · right center · 30% 60%
        Le premier nombre est horizontal, le second vertical ; 0% = gauche ou
        haut, 100% = droite ou bas.                                           */
  --fond-cadrage: center;


  /* 3. LE VOILE — le film de couleur posé PAR-DESSUS l'image
        Il n'est pas décoratif : sans lui, le bloc blanc de connexion se perd
        dans une photo claire et le texte gris devient pénible à lire.
        Les trois premiers nombres sont la couleur (rouge, vert, bleu), le
        dernier l'opacité, de 0 (aucun voile) à 1 (couleur pleine).
        .42 convient à une photo claire ; descendre vers .25 pour une photo
        déjà sombre, monter vers .55 pour une photo très chargée.
        Pour n'avoir aucun voile :  rgba(0, 0, 0, 0)                          */
  --fond-voile: rgba(0, 45, 86, .42);


  /* 4. LA PLACE DU BLOC DE CONNEXION
        De quel côté se pose le bloc, ce qui décide de la partie de la photo
        qu'il recouvre — et donc de celle qui reste visible.
        flex-end    à droite  (la photo se voit à gauche)
        flex-start  à gauche  (la photo se voit à droite)
        center      au milieu                                                 */
  --fond-carte: center;

}

/* ---------------------------------------------------------------------------
   Au-delà de ces quatre réglages, tout le reste de l'habillage est dans le
   code de l'application. On peut cependant ajouter ici n'importe quelle règle
   CSS : ce fichier est chargé en dernier, il a donc le dernier mot.

   Exemple — rendre le bloc légèrement translucide :
       .carte { background: rgba(255,255,255,.94); }

   En cas de fausse manœuvre, vider ce fichier suffit : la page reprend son
   apparence d'origine.
   --------------------------------------------------------------------------- */