
        /* Section globale */
        .partners-section {
            padding: 60px 0;
            background-color: #ffffff;
            overflow: hidden;
            width: 100%;
        }

        /* Titre aligné */
        .partners-title {
            font-size: 28px;
            color: #001A4E;
            font-weight: 600;
            margin-left: 10%;
            margin-bottom: 40px;
            font-family: 'Segoe UI', sans-serif;
        }

        /* Zone d'affichage du défilement */
        .slider-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            display: flex;
            align-items: center;
        }

        /* Effet d'estompage fondu sur les côtés gauche et droit */
        .slider-container::before,
        .slider-container::after {
            content: "";
            height: 100%;
            position: absolute;
            width: 150px;
            z-index: 2;
            pointer-events: none;
        }
        .slider-container::before {
            left: 0;
            background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        }
        .slider-container::after {
            right: 0;
            background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
        }

        /* Le ruban contenant les deux blocs de logos */
        .logo-track {
            display: flex;
            /* Largeur calculée : 220px par logo * 14 logos au total */
            width: calc(220px * 14); 
            animation: scrollRight 25s linear infinite; 
        }

        /* Met en pause le défilement au survol de la souris */
        .slider-container:hover .logo-track {
            animation-play-state: paused;
        }

        /* Style des boîtes de logos */
        .logo-item {
            width: 220px;
            height: 100px;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0 20px;
            box-sizing: border-box;
        }

        .logo-item img {
            max-width: 100%;
            max-height: 80px;
            object-fit: contain;
            transition: transform 0.3s ease;
        }

        /* Petit effet de zoom interactif au survol */
        .logo-item:hover img {
            transform: scale(1.1);
        }

        /* Animation de défilement continu vers la DROITE */
        @keyframes scrollRight {
            0% {
                /* Démarre décalé de la moitié exacte de la largeur (7 logos) */
                transform: translateX(calc(-220px * 7)); 
            }
            100% {
                transform: translateX(0); 
            }
        }
  