header {
 background: white;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 60px;
      padding: 12px 40px;
      position: sticky;
      top: 0;
      z-index: 10;
      flex-wrap: wrap;
      border-bottom: 4px solid #d10000; /* FINE BANDE ROUGE */
    }

    header img.logo {
      height: 70px;
      border-radius: 12px;
    }

    nav {
      display: flex;
      gap: 25px;
      align-items: center;
    }

    nav a {
      text-decoration: none;
      color: #333;
      font-weight: 600;
      font-size: 17px;
      transition: color 0.3s, transform 0.2s;
    }

    nav a:hover,
    nav a.active {
      color: #d10000;
      transform: scale(1.05);
    }