footer {
      background: #204cc8;
      padding: 20px 0;
      font-family: Arial, sans-serif;
    }

    .footer-flex {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap; /* pour le responsive */
    }

    .footer-left, .footer-middle, .footer-right {
      flex: 1;
      margin: 0 15px;
      min-width: 200px; /* évite que ça devienne trop étroit */
    }

    .footer-left img {
      max-width: 200px;
      display: block;
      margin: 10px 0;
    }

    .footer-middle ul {
      list-style: none;
      padding: 0;
    }

    .footer-middle ul li {
      margin: 5px 0;
    }

    .footer-middle ul li a {
      text-decoration: none;
      color: #333;
    }

    .footer-right p {
      margin: 5px 0;
    }

    footer h3, footer h4 {
      margin-bottom: 10px;
    }

    .copyright {
      font-size: 0.9em;
      color: #666;
      margin-top: 10px;
    }

    /* Responsive : colonnes en ligne sur mobile */
    @media (max-width: 768px) {
      .footer-flex {
        flex-direction: column;
        text-align: center;
      }
      .footer-left, .footer-middle, .footer-right {
        margin: 10px 0;
      }
    }
    
    .footer-middle ul li a:link {
  color: white;       /* couleur avant visite */
  text-decoration: none;
}

.footer-middle ul li a:visited {
  color: yellow;      /* couleur après visite */
}

.footer-middle ul li a:hover {
  color: orange;      /* couleur quand la souris passe dessus */
}

.footer-middle ul li a:active {
  color: white;         /* couleur quand on clique */
}