body{
    background-color: white;
}
.card {
    border: 2px solid #3399ff;
    border-radius: 10px;
    margin: 10px;
    padding: 15px;
}

.card-header {
    font-weight: bold;
    margin-bottom: 10px;
    background-color: whitesmoke;
    color: grey;
    text-align: center;
}

.card-body p {
    margin: 5px 0;
    text-align: justify;
}

.p_justify{
    text-align: justify;
}

.hidden{
    display: none;
}

.navbar .nav-link,
.navbar .dropdown-toggle{
    color: whitesmoke !important;
}

body {
    position: relative; /* nécessaire si vous utilisez un pseudo-élément positionné absolument */
}

body::before {
    content: "";
    position: fixed; /* ou absolute selon le contexte */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/image/logo.png') no-repeat center center;
    background-size: contain; /* ou cover selon l'effet désiré */
    opacity: 0.1; /* ajustez la valeur entre 0 et 1 pour régler la transparence */
    z-index: -1; /* place le pseudo-élément derrière le contenu */
}