/* Styles communs pour les conteneurs */
.container, .form-container, .right-container, .back-container {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 20px;
    margin: 20px auto;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

/* Styles communs pour les conteneurs */
/* container du titre */
.container_LBG, .container {
    display: flex; /* Utilise le modèle de boîte flexible pour organiser les éléments enfants */
    flex-direction: column; /* Aligne les éléments enfants en colonne (de haut en bas) */
    align-items: center; /* Centre les éléments enfants horizontalement */
    padding: 20px; /* Ajoute un remplissage de 20 pixels tout autour de l'élément */
}

.container {
    width: 20%; /* Définit une largeur de 20% pour le conteneur */
}

.form-container, .formu-container {
    text-align: left; /* Aligne le texte à gauche à l'intérieur du conteneur */
    background-color: rgba(255, 255, 255, 0.5); /* Définit une couleur de fond blanche semi-transparente */
    padding: 10px; /* Ajoute un remplissage de 10 pixels tout autour de l'élément */
    border-radius: 10px; /* Arrondit les coins du conteneur */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Ajoute une ombre portée légère autour du conteneur */
    margin: 5px 0; /* Ajoute une marge de 5 pixels en haut et en bas */
    float: left; /* Flotte le conteneur à gauche */
    margin-left: 2cm; /* Ajoute une marge de 2 cm à gauche */
}

.form-container {
    width: 10%; /* Définit une largeur de 10% pour le conteneur */
}

.formu-container {
    width: 80%; /* Définit une largeur de 80% pour le conteneur */
    margin: 10px 0; /* Ajoute une marge de 10 pixels en haut et en bas */
}

.right-container, .back-container {
    width: 15%; /* Définit une largeur de 15% pour le conteneur */
    float: right; /* Flotte le conteneur à droite */
    margin-right: 2cm; /* Ajoute une marge de 2 cm à droite */
}

/* Styles pour les écrans de taille maximale de 768 pixels */
@media (max-width: 768px) {
    .container, .form-container, .right-container, .back-container {
        width: 90%; /* Définit une largeur de 90% pour les conteneurs */
        margin: 10px auto; /* Ajoute une marge de 10 pixels en haut et en bas, et centre horizontalement */
        float: none; /* Supprime le flottement des conteneurs */
    }
    .form-container, .right-container, .back-container {
        margin-left: 0; /* Supprime la marge à gauche */
        margin-right: 0; /* Supprime la marge à droite */
    }
}