Aller au contenu
Aucun résultat
  • AAA
    • Action Autonomie Avenir
    • Nous connaitre
      • Qui sommes-nous ?
      • Bureau
      • Contact
      • Rapports d’activités
  • Madagascar
  • Népal
    • Le Népal
    • Pragati Secondary English School à Melanch
    • Maison d’enfants à Melanchi
    • Programme Mélamchi Népal
    • Programme d’éducation à Arnakot
  • Maroc
    • Le Maroc
    • Education
      • Internat et lycée d’Aghbalou
      • Ecole primaire Aït Mechkour
      • Ecole primaire Grazba
      • Programme de volontariat service éducatif
      • Ecole primaire Timidarte
      • Ecole primaire Tamnougalt
    • Plantation d’arbres fruitiers
    • Sources du Yagour
    • Réservoir de Tizi N’Oucheg
  • Photo du mois
  • Partenaires
AAA – Action Autonomie Avenir
  • AAA
    • Action Autonomie Avenir
    • Nous connaitre
      • Qui sommes-nous ?
      • Bureau
      • Contact
      • Rapports d’activités
  • Madagascar
  • Népal
    • Le Népal
    • Pragati Secondary English School à Melanch
    • Maison d’enfants à Melanchi
    • Programme Mélamchi Népal
    • Programme d’éducation à Arnakot
  • Maroc
    • Le Maroc
    • Education
      • Internat et lycée d’Aghbalou
      • Ecole primaire Aït Mechkour
      • Ecole primaire Grazba
      • Programme de volontariat service éducatif
      • Ecole primaire Timidarte
      • Ecole primaire Tamnougalt
    • Plantation d’arbres fruitiers
    • Sources du Yagour
    • Réservoir de Tizi N’Oucheg
  • Photo du mois
  • Partenaires
AAA – Action Autonomie Avenir

 

/* === STYLE FOOTER AAA === */ .aaa-footer { background: linear-gradient(135deg, #1a1a1a 0%, #2d2a24 100%); color: #e0e0e0; margin-top: 4rem; font-family: system-ui, 'Segoe UI', 'Helvetica Neue', sans-serif; } .aaa-footer-container { max-width: 1280px; margin: 0 auto; padding: 3rem 2rem 1.5rem; } /* Grille principale responsive */ .aaa-footer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-bottom: 2rem; } /* Titres des colonnes */ .aaa-footer-title { color: #f97316; font-size: 1.2rem; font-weight: 700; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.6rem; border-left: 3px solid #f97316; padding-left: 0.8rem; } .aaa-footer-title i { font-size: 1.1rem; } /* Liste contact */ .aaa-footer-contact-list { list-style: none; padding: 0; margin: 0; } .aaa-footer-contact-list li { display: flex; align-items: flex-start; gap: 0.8rem; margin-bottom: 1rem; font-size: 0.9rem; line-height: 1.5; } .aaa-footer-contact-list li i { color: #f97316; width: 1.3rem; margin-top: 0.2rem; flex-shrink: 0; } .aaa-footer-contact-list strong { color: white; font-weight: 600; } .aaa-footer-contact-list a { color: #e0e0e0; text-decoration: none; transition: color 0.3s ease; word-break: break-word; } .aaa-footer-contact-list a:hover { color: #f97316; } /* Logo / marque */ .aaa-footer-logo { margin-bottom: 1rem; } .aaa-footer-logo h3 { color: white; font-size: 1.5rem; font-weight: 800; letter-spacing: -0.02em; margin: 0; } .aaa-footer-logo span { color: #f97316; } .aaa-footer-tagline { font-size: 0.85rem; color: #a0a0a0; margin-top: 0.5rem; line-height: 1.5; } /* Réseaux sociaux */ .aaa-social-links { display: flex; gap: 1rem; margin-top: 1rem; flex-wrap: wrap; } .aaa-social-link { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; color: white; transition: all 0.3s ease; text-decoration: none; } .aaa-social-link:hover { background: #f97316; transform: translateY(-3px); } /* Séparateur */ .aaa-footer-divider { border: none; height: 1px; background: linear-gradient( 90deg, transparent, rgba(249, 115, 22, 0.5), transparent ); margin: 1.5rem 0; } /* Bas du footer responsive */ .aaa-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; font-size: 0.8rem; color: #888; } .aaa-footer-copyright { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .aaa-footer-credits { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; } .aaa-footer-credits a { color: #888; text-decoration: none; transition: color 0.3s ease; } .aaa-footer-credits a:hover { color: #f97316; } /* ============================================ */ /* RESPONSIVE BREAKPOINTS */ /* ============================================ */ /* Tablette paysage (1024px - 1200px) */ @media (max-width: 1024px) { .aaa-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 1.8rem; } .aaa-footer-container { padding: 2.5rem 1.8rem 1.2rem; } } /* Tablette portrait / grand mobile (768px - 1024px) */ @media (max-width: 768px) { .aaa-footer-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .aaa-footer-container { padding: 2rem 1.5rem 1rem; } .aaa-footer-title { font-size: 1.1rem; } .aaa-footer-logo h3 { font-size: 1.3rem; } .aaa-footer-bottom { flex-direction: column; text-align: center; justify-content: center; } .aaa-footer-copyright { justify-content: center; } .aaa-footer-credits { justify-content: center; } } /* Mobile (480px - 768px) */ @media (max-width: 650px) { .aaa-footer-grid { grid-template-columns: 1fr; gap: 1.8rem; } .aaa-footer-container { padding: 1.8rem 1.2rem 1rem; } .aaa-footer-title { font-size: 1rem; } .aaa-footer-logo h3 { font-size: 1.2rem; text-align: center; } .aaa-footer-tagline { text-align: center; } .aaa-social-links { justify-content: center; } .aaa-footer-title { justify-content: center; } .aaa-footer-contact-list li { justify-content: flex-start; } } /* Petit mobile (moins de 480px) */ @media (max-width: 480px) { .aaa-footer-container { padding: 1.5rem 1rem 0.8rem; } .aaa-footer-contact-list li { font-size: 0.8rem; gap: 0.6rem; } .aaa-footer-contact-list li i { width: 1rem; font-size: 0.8rem; } .aaa-footer-copyright, .aaa-footer-credits { font-size: 0.7rem; } .aaa-social-link { width: 32px; height: 32px; font-size: 0.8rem; } .aaa-footer-tagline { font-size: 0.75rem; } }

AAA · Action Autonomie Avenir

Association d'aide au développement active au Népal, au Maroc et à Madagascar. Depuis 35 ans, nous œuvrons pour l’éducation et l’accès aux soins et les études.
 
Nous contacter
  • Cécile Pelous – France
    0033 01 34 10 34 04
  • Patrick Manac’h – Maroc
    00212 06 42 04 63 98
  • actionautonomieavenir@gmail.com
Adresse
  • 6, rue Victor Hugo
    95100 Argenteuil, France
  • aaa-asso.fr
2025 - Association AAA · Action Autonomie Avenir
Mentions légales · Politique de confidentialité · CGU