/*
 * Modèle de portail YAML 
 *
 * @author Laurent Abbal
 * @copyright 2026 Laurent Abbal
 * @link https://laurentabbal.forge.apps.education.fr
 * @license https://www.gnu.org/licenses/agpl-3.0.html GNU Affero General Public License v3.0 (AGPLv3)
 * @version 1.0 
 */

/*
 * Historique des modifications et contributeurs :
 *
 * 202x-xx-xx - Jean Dupont <jean.dupont@example.com>
 * - xxx
 * - xxx
 *
 * 202x-xx-xx - Marie Curie <marie.curie@example.com>
 * - xxx
 * - xxx
 *
 */


body {
    margin: 0;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.5;
    color: black;
    text-align: left;
    background-color: #f8fafc;
}

h1 {
    font-size:2rem;
    text-transform: uppercase;
    font-weight:bold;
}

.h5, h5 {
    font-size: 0.9rem;
    font-weight:bold;
}

a {
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

a.btn:hover {
    text-decoration:none;
}

.type {
    margin:-24px auto 10px auto;
    background-color: #f8fafc;
    padding:1px 6px 1px 6px;
    border-radius:3px;
    color:gray;
    font-size:10px;
    display: table; 
}

/* MODAL */
.modal-body {
    font-size:0.9rem;
}
.modal-body strong {
    font-weight:bold;
}
.modal-body h1 {
    font-size:1.1rem;
    text-transform: uppercase;
    font-weight:bold;
    padding-bottom:10px;
    color:#0d6efd;
}

.modal-body h2 {
    font-size:1rem;
    font-weight:bold;
}

.modal-body h3 {
    font-size:1rem;
    font-weight:bold;
}
/* /MODAL */


/* CARD */
.card {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
                0 3px 1px -2px rgba(0, 0, 0, 0.2),
                0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.card:hover {
    background-color: #f8fafc;
}

.card-footer {
    background-color: transparent;
    border-top: none;
}

.img-fit {
    height: 100px;
    width: 100%;
    object-fit: cover;         /* Remplit l'espace sans déformer l'image */
    object-position: center;   /* Centre l'image horizontalement et verticalement */
}
/* /CARD */


/* BOUTON LIGHT */
.btn-light {
    color: #34495e;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.btn-light:hover {
    color: #2c3e50;
    background-color: #dae0e5;
    border-color: #dae0e5;
}

.btn-light:focus {
    color: #2c3e50;
    background-color: #dae0e5;
    border-color: #dae0e5;
    /*box-shadow: 0 0 0 0.25rem rgb(49 132 253 / 50%);*/
    box-shadow: none;
}
/* /BOUTON LIGHT */