/* Style pour le footer */
        .sfooter {
            background-color: #222; /* Fond noir/gris */
            color: white; /* Texte en blanc */
            padding: 40px 0;
            border-top: 5px solid red; /* Bordure rouge de 2px en haut */
            padding-top:3px;
        }
        
        /* Titre des sections */
        .footer h4 {
            color: orangered; /* Titre en blanc */
            cursor: pointer;
            text-align: center; /* Centrer le titre */
        }

        /* Style des liens */
        .footer-menu a {
            color: white; /* Liens en blanc */
            text-decoration: none; /* Pas de décoration de texte */
            display: block;
            padding: 8px 0;
            text-align:center;
        }

        .footer-menu a:hover {
            color: red; /* Liens au survol en rouge */
        }

        /* Style du menu déroulant */
        .footer-menu {
            display: none;
            list-style-type: none;
            padding-left: 0;
        }

        .social-links a {
            color: white;
            margin: 5px;
        }

        .social-links a:hover {
            color: red; /* Liens de réseaux sociaux en rouge au survol */
        }

        /* Responsivité pour les petits écrans */
        @media (max-width: 768px) {
            .footer h4 {
                font-size: 16px;
                text-align: center; /* Centrer les titres sur petits écrans */
            }

            .footer-menuse {
                padding-left: 0;
            }

            .footer-menuse a {
                font-size: 14px; /* Diminuer la taille des éléments des sous-menus */
            }

            .social-links {
                text-align: center; /* Centrer les icônes de réseaux sociaux */
            }

            .social-links a {
                display: inline-block;
                margin: 10px;
            }

            .col-md-4 {
                text-align: center; /* Centrer le contenu des colonnes */
            }
        }