.modal-backdrop.show {
    opacity: 0.5 !important;
    background-color: #000;
}
#btnConnexion {

    background-color: transparent;
    border: none;
    padding: 0;
    height: 25px;
    width: 25px;
}

#btnConnexion:hover, #btnConnexion:focus {
    background-color: transparent;
    outline: none;
    height: 25px;
    width: 25px;
} .modal-backdrop.show {
      opacity: 0.5 !important;
      background-color: #000;
  }
#chatModal {

    background-color: transparent;
    border: none;
    padding: 0;
    height: 25px;
    width: 25px;
}

#chatModal:hover, #chatModal:focus {
    background-color: transparent;
    outline: none;
    height: 25px;
    width: 25px;
}
.modal-body {
    padding-left: 1px;
}
.cellule {
    margin-top: 1em;
    border-radius: 10px; /* Bords arrondis */
    border: 1px solid #cccccc; /* Bord visible de couleur grise claire */
    background-color: #f2f2f2; /* Fond gris clair */
    padding: 0.5em 0.5em 0.5em 0.5em; /* Ajoute un peu d'espace à l'intérieur de la cellule */
}
#ChatQuestion{
    margin-top: 10px;
    padding-left: 25px;
    height: 12em;
    overflow-y: auto; /* Active le défilement vertical si nécessaire */
}
#responseContainer{
    margin-top: 20px;
    padding-left: 25px;
    height: 15em;
    overflow-y: auto; /* Active le défilement vertical si nécessaire */
}
#responseIAContainer{
    margin-top: 20px;
    padding-left: 25px;
    height: 15em;
    overflow-y: auto; /* Active le défilement vertical si nécessaire */
}
#chatInterface {
    display: none;
    margin-left: 2px;
}
#chatIAInterface {
    display: none;
    margin-left: 2px;
}
.robot {
    margin-top: -14px;
    margin-left: -33px;
    margin-right: 13px;
}
.userImage {
    margin-top: -15px;
    margin-left: -33px;
    margin-right: 13px;
}