#language-bar p {
    margin: 0;
}

#close-bar {
    background: none;
    border: none;
    color: #721c24;
    font-weight: bold;
    cursor: pointer;
    margin-left: 10px; /* Espacement à gauche du bouton */

}

.content5 {

}

.hidden {
    display: none;
}

#language-bar {
    display: none; /* Masquer par défaut */
    width: 100%; /* Largeur de la barre */
    background-color: #CCCCCC; /* Couleur de fond */
    position: fixed; /* Position fixe pour qu'elle reste en haut */
    top: 0; /* Positionner en haut de la page */
    left: 0; /* Alignement à gauche */
    right: 0; /* Alignement à droite */
    z-index: 1900; /* Assurez-vous qu'elle est au-dessus des autres éléments */
    text-align: center; /* Centrer le texte */
    padding: 10px 200px; /* Espacement vertical de 10 pixels */
    box-sizing: border-box; /* Inclure le padding dans la largeur totale */
}

.row2 {
    width: 100%; /* S'assurer que la ligne prend toute la largeur */
}

.col1 {
    flex: 0 0 auto; /* Ne pas permettre à cette colonne de s'étendre */
    min-width: 20px; /* Largeur minimale de 20 pixels */
}

.col11 {
    flex: 1; /* Permettre à cette colonne de s'ajuster */
}


/* Media query pour ajuster la taille de la barre de langue */
@media (max-width: 1200px) {
    #language-bar {
        padding: 10px; /* Réduire le padding sur les petits écrans */
    }
}

/* Media query pour ajuster la taille de la barre de langue */
@media (max-width: 600px) {
    #language-bar {
        padding: 5px; /* Réduire le padding sur les petits écrans */
    }
}