/*
 * Charte graphique Cegape appliquée à la page de connexion.
 *
 * La page de connexion ne passe pas par baseLayout.jsp : elle a sa propre pile CSS, un
 * gabarit « login100 » du commerce, sans Bootstrap. Elle échappait donc entièrement à
 * cegape-charte.css, alors que c'est le premier écran que voit un utilisateur.
 *
 * index.jsp charge désormais cegape-charte.css puis cette feuille. La première apporte les
 * @font-face de Poppins et les variables de palette ; la seconde ne fait que reprendre les
 * points où le gabarit impose ses propres couleurs. Les règles de cegape-charte.css qui
 * visent Bootstrap ne trouvent simplement pas de cible ici, sans effet de bord.
 *
 * Couleur remplacée : le gabarit était construit sur un violet #6675DF, présent cinq fois
 * dans login/css/main.css — bouton, bordure de champ au focus, cases à cocher et survol de
 * lien. Aucun rapport avec la charte.
 */

/* ------------------------------------------------------------------ *
 * Panneau de gauche
 *
 * Il affichait img_connexion.jpg, un visuel turquoise et vert « Externalisation de la
 * gestion des ARE » de l'ancienne identité, puis le seul dégradé de marque surmonté du
 * logo blanc.
 *
 * Il porte maintenant bpoline-cegape.jpg, la reprise de ce visuel à la charte Cegape :
 * même message et même composition — pastille claire, pictogramme, mot « gestion » mis en
 * exergue — mais sur le dégradé de marque. La planche « Les couleurs » prévoit
 * explicitement ce dispositif : « Ces couleurs forment un dégradé, dans la silhouette ou
 * utilisée en fond, formé d'un radius de 45°. » Le bleu y reste dominant, le corail et le
 * jaune n'occupant que l'angle haut-droit ; le pictogramme est en blanc et orange, seule
 * combinaison qui garde le contraste sur un fond aussi bleu.
 *
 * « contain » et non « cover ». Le fichier fait 1600 x 1371, soit un rapport de 1,17, quand
 * le panneau — « calc(100% - 560px) » de large — atteint 1,48 sur un écran courant. En
 * « cover », l'image était mise à l'échelle sur la largeur et 285 px disparaissaient
 * verticalement : les têtes du pictogramme étaient coupées, la signature Cegape du bas
 * invisible, et le reste paraissait démesuré. Mesuré en fenêtre de 1573 px.
 *
 * « contain » affiche le visuel entier. Il laisse en contrepartie deux bandes latérales
 * d'environ 125 px, comblées par le dégradé de marque posé en seconde couche : aux bords,
 * l'image est bleue à gauche et corail à droite, ce que le dégradé à 45° prolonge sans
 * rupture franche. Un aplat uni ne pouvait convenir aux deux côtés à la fois.
 *
 * Le dégradé n'est pas décoratif. La planche « Les couleurs » le prévoit : « Ces couleurs
 * forment un dégradé, dans la silhouette ou utilisée en fond, formé d'un radius de 45°. »
 *
 * Le visuel d'origine reste dans le dépôt : rétablir la page revient à supprimer ce bloc.
 * ------------------------------------------------------------------ */

.login100-more.img-login {
    background-image: url("../images/cegape/bpoline-cegape.jpg"),
                      linear-gradient(45deg, #0931FF 0%, #4A35D4 38%, #FF4370 72%, #FFA547 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: center center, center center;
    background-size: contain, cover;
    /* Bleu de la charte : ne se voit que le temps du chargement du fichier. */
    background-color: #0931FF;
}

/* Le gabarit posait un voile noir à 10 % sur le visuel. Il ternit le dégradé, sans objet ici. */
.login100-more::before {
    background: transparent;
}

/* ------------------------------------------------------------------ *
 * Panneau de formulaire
 * ------------------------------------------------------------------ */

.login100-form {
    background-color: #ffffff;
}

.login100-form-title {
    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
    font-weight: 600;
    color: #000000;
}

/*
 * Les champs et libellés du gabarit sont en Montserrat, police qui n'est pas celle de la
 * charte. Poppins partout, comme dans le reste de l'application.
 */
.input100,
.label-input100,
.txt1,
.txt2,
.login100-form-btn {
    font-family: 'Poppins', 'Segoe UI', Arial, sans-serif;
}

/*
 * Champ actif, cases a cocher, bouton et liens : le bleu d'interface #5469D4, celui du menu,
 * a la place du violet #6675DF du gabarit. Le degrade du panneau de gauche, lui, garde les
 * couleurs pures de la charte : c'est un element d'identite, pas un element d'interface.
 */
.focus-input100 {
    border: 1px solid #5469D4;
}

.label-checkbox100::before {
    border: 1px solid #5469D4;
}

.input-checkbox100:checked + .label-checkbox100::before {
    color: #5469D4;
}

/* ------------------------------------------------------------------ *
 * Actions
 * ------------------------------------------------------------------ */

.login100-form-btn {
    background: #5469D4;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.login100-form-btn:hover,
.login100-form-btn:focus {
    background: #4357B6;
}

/*
 * « Mot de passe oublié ? » : le bleu met le lien en exergue, conformément à la règle de la
 * charte sur l'usage du bleu dans un texte courant.
 */
a,
.txt1 {
    color: #5469D4;
}

a:hover,
.txt1:hover {
    color: #4357B6;
}