



    main {
      flex: 1;
    }

    /* --- Footer Styles --- */
    footer.new-footer {
      background-image: url('../src/fond-footer.png'); 
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      position: static;
      margin-top: auto;
      border-radius: 0;
      margin: 0;
      padding: 150px 20px 20px;
      width: 100%;
      border: none;
      overflow: hidden;
    }

    .new-footer-content-wrapper {
      max-width: 1200px;
      margin: 0 auto;
      padding: 0 20px;
      border-radius: 15px;
    }

    .new-footer-sections {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      gap: 40px;
      text-align: center;
      padding-bottom: 40px;
    }

    .new-footer-section {
      flex: 1;
      min-width: 250px;
      max-width: 400px;
    }

    .footer-h3-bg {
      background-color: var(--color-white);
      color: var(--color-blue);
      padding: 8px 20px;
      border-radius: 50px;
      margin-bottom: 25px;
      display: inline-block;
    }

    .new-footer-section ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .new-footer-section ul li {
      margin-bottom: 12px;
    }

    .new-footer-section a {
      color: var(--footer-text-light);
      text-decoration: none;
      font-size: 0.95em;
      transition: color 0.3s ease;
    }

    .new-footer-section a:hover,
    .general-info-item a:hover {
      color: var(--color-red);
    }

    .general-info-item {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 13px;
    }

    .general-info-item i {
      margin-right: 10px;
      color: var(--color-red);
    }

    .footer-logo-container {
      position: relative; /* Maintenu relative pour le positionnement des images du logo */
      text-align: center;
      bottom: 50px; /* Ajustez selon le besoin, en fonction de votre design */
      right: 50px; /* Ajustez selon le besoin, en fonction de votre design */
      margin: 20px 0; /* Combiné les marges */
    }

    /* Logo Swap Specific Styles */
    .logo-swap {
      position: relative;
      display: inline-block;
    }

    .logo-swap img {
      position: absolute;
      top: -80px; /* Ajustez selon le positionnement souhaité par rapport au conteneur du logo */
      right: -200px; /* Ajustez selon le positionnement souhaité par rapport au conteneur du logo */
      transition: opacity 0.3s ease-in-out;
      max-width: 300px;
    }

    .logo-h { opacity: 0; z-index: 1; }
    .logo-swap:hover .logo-h { opacity: 1; }
    .logo-swap:hover .logo-d { opacity: 0; }

    .footer-social-icons {
      display: flex;
      justify-content: center;
      gap: 15px;
      margin-top: 25px;
    }

    .footer-social-icons a {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: rgba(255, 255, 255, 0.08);
      color: var(--footer-text-light);
      border-radius: 50%;
      font-size: 1.2em;
      transition: 0.3s ease;
    }

    .footer-social-icons a:hover {
      background-color: var(--color-red);
      color: var(--color-white);
      transform: translateY(-3px);
    }
        
    .new-footer-bottom {
      text-align: center;
      padding-top: 20px ;
      border-top: 1px solid var(--footer-border-color);
      font-size: 0.85em;
      color: var(--footer-text-light);
    }

    @media (max-width: 768px) {
      .new-footer-sections {
        flex-direction: column;
        align-items: center;
      }

      footer.new-footer {
        padding: 230px 0 0; /* Ajustez le padding pour les petits écrans */
      }
      
      .footer-logo-container {
        /* Ajustez le positionnement pour les petits écrans si nécessaire */
        bottom: 50px;
        right: 50px;
      }
    }


        @media (min-width: 769px) and (max-width: 870px){
      .footer-logo-container {
        /* Ajustez le positionnement pour les petits écrans si nécessaire */
        bottom: 20px;
        right: 50px;
      }
    }