        /* Préfixe personnalisé 'news-' pour éviter les conflits avec Bootstrap */
        .news-ticker-wrapper {
          background: #a51111;
          position: relative;
          width: 100%;
      }

      .news-ticker-container {
          display: flex;
          align-items: center;
          height: 40px;
          overflow: hidden;
          position: relative;
      }

      .news-ticker-label {
          background: #630a0a;
          padding: 0 20px;
          height: 100%;
          display: flex;
          align-items: center;
          font-weight: bold;
          color: white;
          white-space: nowrap;
          z-index: 2;
      }

      .news-ticker-content {
          flex: 1;
          position: relative;
          height: 100%;
          overflow: hidden;
          padding: 0 20px;
      }

      .news-ticker-scroll-wrapper {
          display: flex;
          position: absolute;
          white-space: nowrap;
          animation: news-ticker-scroll 20s linear infinite;
          width: 200%;
      }

      .news-ticker-scroll {
          flex-shrink: 0;
          width: 50%;
          color: white;
          display: flex;
          align-items: center;
      }

      .news-ticker-scroll-wrapper:hover {
          animation-play-state: paused;
      }

      .news-ticker-controls {
          display: flex;
          height: 100%;
          z-index: 2;
      }

      .news-ticker-btn {
          background: #1976D2;
          border: none;
          color: white;
          padding: 0 15px;
          cursor: pointer;
          height: 100%;
          transition: background 0.3s;
      }

      .news-ticker-btn:hover {
          background: #1565C0;
          color: white;
      }

      @keyframes news-ticker-scroll {
          0% {
              transform: translateX(0);
          }
          100% {
              transform: translateX(-50%);
          }
      }

      /* Adaptations responsives compatibles Bootstrap */
      @media (max-width: 768px) {
          .news-ticker-label {
              padding: 0 10px;
          }
          
          .news-ticker-content {
              padding: 0 10px;
          }
          
          .news-ticker-btn {
              padding: 0 10px;
          }
      }