body {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.connexion-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #0072AE !important;
}

#connexion .bloc-connexion {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

#connexion .bloc-connexion-header {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
}

    #connexion .bloc-connexion-header h5 {
        margin-bottom: 0;
        line-height: 1.5;
    }

#connexion .bloc-connexion-body {
    padding: 1rem;
}

    /* boutons */
    #connexion .bloc-connexion-body .btn,
    #modal_mdp_oublie .btn {
        background: #0072AE !important;
        color: #fff !important;
    }

        #connexion .bloc-connexion-body .btn:hover,
        #modal_mdp_oublie .btn:hover {
            background: #005888 !important;
        }

    /* lien mot de passe oublier */
    #connexion .bloc-connexion-body #mdp_oublie {
        color: #0072AE;
    }

        #connexion .bloc-connexion-body #mdp_oublie:hover {
            color: #005888;
        }