/* @media (min-width: 1200px) { */
    .menuLateral {
        position: fixed;
        top: 0;
        left: 0;
        width: 300px; /* Vous pouvez ajuster cette largeur */
        height: 100vh; /* Prend toute la hauteur de la fenêtre */
        overflow-y: auto; /* Ascenseur si le contenu dépasse la hauteur de la fenêtre */
        z-index: 1000; /* Assurez-vous qu'il reste au-dessus du reste */
        display: block; /* Assurez-vous qu'il soit visible */
    }
    .Contenu {
        margin-left: 320px;
    }
    .popup-mobile-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        height: 100vh; /* Prend toute la hauteur de la fenêtre */
        overflow-y: auto; /* Ascenseur si le contenu dépasse la hauteur de la fenêtre */
        background-color: #ffffff; /* Ajuster la couleur de fond */
        z-index: 1000; /* Assurez-vous qu'il reste au-dessus du reste */
        display: block; /* Assurez-vous qu'il soit visible */
    }

    /* Ajuster le reste du contenu pour qu'il ne soit pas caché derrière le menu */
    .main-content {
        margin-left: 300px; /* Ajuster selon la largeur du menu */
    }

    .close-menu {
        display: none;
      }
/* } */


#identifiant, #motDePasse, #valeurDon, #url {
    border-color: var(--color-body) !important;
    border-radius: 10px !important;
    padding: 5px 15px !important;
    color: var(--color-body) !important;
    background: transparent !important;
    border: 1px solid var(--color-border) !important;
    margin: 5px 10px 5px 10px !important;
}

input[type="submit"] {
    font-size: var(--font-size-b1);
}

input[type="text"]::placeholder {
    color: var(--bs-body-color) !important;
}

.bg-black {
    background-color: black !important;
  }

  /* Debut Gestion de la visibilité de la (hors-)connexion */
.horsligne {
    border: 5px solid #F80; 
    transition: border-color 0.3s ease; 
}


.enligne {
    border-color: #39F; /* Bordure en bleu (#39F) */
}
  /* Fin Gestion de la visibilité de la (hors-)connexion */