/* Styles communs pour tous les breakpoints */
@media screen and (max-width: 1400px) {

  }
  
  /* Tablettes et petits écrans (768px à 1023px) */
  @media screen and (max-width: 1023px) {
  

  
    /* Footer */
    footer {
      padding: 40px 32px;
    }
  
    .liste-footer ul {
      gap: 20px;
    }
  }
  
  /* Mobile Large (425px à 767px) */
  @media screen and (max-width: 767px) {
  
  

  
    /* Footer */
    footer {
      padding: 30px 20px;
      flex-direction: column;
      gap: 20px;
      text-align: center;
    }
  
    .liste-footer ul {
      flex-direction: column;
      gap: 15px;
    }
  
    .texte-footer {
      margin: 20px 0;
    }
  
    .icone-footer {
      justify-content: center;
      gap: 20px;
    }
  
    
  }
  
  /* Mobile Medium (375px à 424px) */
  @media screen and (max-width: 424px) {


  }
  
  /* Mobile Small (320px à 374px) */
  @media screen and (max-width: 374px) {

  
    .texte-footer {
      font-size: 14px;
    }
    

  
  }
  
  
  /* Ajustements pour la hauteur */
  @media screen and (max-height: 600px) {

  }