* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

footer {
    background-color: #13231c;
    color: white;
    padding: 20px 20px; /* Marges extérieures gauche et droite */
	font-family: "Proxima Nova", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

/* Style pour le conteneur du footer */
.container {
    max-width: 1160px; /* La largeur de la zone de contenu réelle */
    margin: 0 auto;
    display: flex;
    justify-content: flex-start; /* Alignement des colonnes au début */
    gap: 10px; /* Espacement entre les colonnes */
}

/* Style pour les colonnes du footer */
.column {
    flex: 1;
    text-align: left; /* Aligner le texte à gauche */
}

/* Style pour les liens dans la colonne "Menu" */
.column:nth-child(3) ul {
    list-style: none; /* Supprimer les puces de liste */
    padding: 0; /* Supprimer le remplissage par défaut */
}

.column:nth-child(3) ul li {
    display: inline; /* Afficher les éléments de liste en ligne */
    margin-right: 10px; /* Ajouter un espacement entre les liens */
}

.column:nth-child(3) ul li:last-child {
    margin-right: 0; /* Supprimer l'espacement à droite pour le dernier lien */
}

.column:nth-child(3) ul li a {
    text-decoration: none; /* Supprimer la décoration du texte */
    color: white; /* Couleur du texte blanc */
}

.column:nth-child(3) ul li a:hover {
    color: #ff69b4; /* Couleur rose au survol */
}

/* Style pour la ligne en dessous des informations obligatoires */
footer hr {
    border: none;
    border-top: 1px solid white;
    margin: 20px 0;
}

/* Style pour les informations obligatoires */
.obligatory-info {
    color: white;
    text-align: center;
}

/* Media queries pour les tablettes */
@media screen and (max-width: 768px) {
    .container {
        flex-direction: column; /* Afficher les colonnes les unes sous les autres */
        align-items: center; /* Centrer les colonnes horizontalement */
    }

    .column {
        width: 100%; /* La largeur de chaque colonne à 100% */
        text-align: center; /* Aligner le texte au centre */
        margin-bottom: 20px; /* Ajouter une marge en bas pour espacer les colonnes verticalement */
    }

    .column:nth-child(3) ul li {
        display: block; /* Afficher les éléments de liste en bloc */
        margin-right: 0; /* Supprimer l'espacement à droite */
    }
}

/* Media queries pour les smartphones */
@media screen and (max-width: 480px) {
    footer {
        padding: 20px 10px; /* Réduire les marges extérieures pour les smartphones */
    }

    .container {
        max-width: 100%; /* La largeur maximale du conteneur à 100% */
        padding: 0 10px; /* Ajouter une marge intérieure pour espacer les colonnes horizontalement */
    }

    .column {
        margin-bottom: 15px; /* Réduire la marge en bas pour espacer les colonnes verticalement */
    }

    footer hr {
        margin: 15px 0; /* Réduire la marge en haut et en bas pour la ligne en dessous des informations obligatoires */
    }
}