Jodit Editor

<!DOCTYPE html>

<head>

<title>FIKAMBANANA M.Z.T.M. – Tantsaha Miara-Miasa</title>

<style>

:root {

--green-deep: #1a4d2e;

--green-mid: #2e7d4f;

--green-light: #4caf70;

--gold: #c8961e;

--gold-light: #f0c040;

--earth: #7a4f2d;

--cream: #f8f3e8;

--white: #ffffff;

--text-dark: #1a1a1a;

--text-mid: #3d3d3d;

}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {

font-family: 'Nunito', sans-serif;

background: var(--cream);

color: var(--text-dark);

overflow-x: hidden;

}

/* ── NAVBAR ── */

nav {

position: fixed; top: 0; left: 0; right: 0; z-index: 100;

display: flex; align-items: center; justify-content: space-between;

padding: 0 5%; height: 70px;

background: rgba(26,77,46,0.97);

backdrop-filter: blur(8px);

box-shadow: 0 2px 20px rgba(0,0,0,0.3);

}

.nav-logo {

display: flex;

align-items: center;

gap: 10px;

font-family: 'Playfair Display', serif;

font-size: 1.5rem; font-weight: 900;

color: var(--gold-light);

letter-spacing: 1px;

}

.nav-logo img {

height: 52px;

width: 52px;

object-fit: contain;

filter: drop-shadow(0 0 6px rgba(200,150,30,0.5));

}

.nav-logo span { color: var(--white); font-size: 0.85rem; display: block; font-family: 'Nunito', sans-serif; font-weight: 600; letter-spacing: 2px; }

.nav-links { display: flex; gap: 2rem; list-style: none; }

.nav-links a {

color: rgba(255,255,255,0.85); text-decoration: none;

font-size: 0.9rem; font-weight: 600; letter-spacing: 0.5px;

transition: color 0.2s;

}

.nav-links a:hover { color: var(--gold-light); }

.lang-toggle {

display: flex; gap: 6px;

}

.lang-btn {

background: transparent; border: 1px solid rgba(255,255,255,0.3);

color: rgba(255,255,255,0.7); padding: 4px 10px; border-radius: 20px;

font-size: 0.78rem; cursor: pointer; font-family: 'Nunito', sans-serif;

transition: all 0.2s;

}

.lang-btn.active, .lang-btn:hover {

background: var(--gold); border-color: var(--gold); color: var(--green-deep);

}

/* ── HERO ── */

#hero {

min-height: 100vh;

background:

linear-gradient(160deg, rgba(26,77,46,0.88) 0%, rgba(46,125,79,0.75) 60%, rgba(200,150,30,0.4) 100%),

url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?w=1600&q=80') center/cover no-repeat;

display: flex; align-items: center; justify-content: center;

text-align: center; padding: 100px 5% 60px;

position: relative; overflow: hidden;

}

#hero::before {

content: '';

position: absolute; inset: 0;

background: repeating-linear-gradient(

45deg,

transparent, transparent 40px,

rgba(255,255,255,0.015) 40px, rgba(255,255,255,0.015) 41px

);

}

.hero-content { position: relative; max-width: 820px; }

.hero-badge {

display: inline-block;

background: var(--gold); color: var(--green-deep);

font-size: 0.75rem; font-weight: 700; letter-spacing: 3px;

padding: 6px 20px; border-radius: 30px; margin-bottom: 1.5rem;

text-transform: uppercase;

animation: fadeDown 0.8s ease both;

}

.hero-title {

font-family: 'Playfair Display', serif;

font-size: clamp(2.8rem, 7vw, 5.5rem);

font-weight: 900; color: var(--white);

line-height: 1.08;

margin-bottom: 1rem;

animation: fadeDown 0.9s 0.1s ease both;

}

.hero-title em { color: var(--gold-light); font-style: normal; }

.hero-subtitle {

font-size: clamp(1rem, 2.5vw, 1.2rem);

color: rgba(255,255,255,0.88);

max-width: 600px; margin: 0 auto 2.5rem;

line-height: 1.7;

animation: fadeDown 1s 0.2s ease both;

}

.hero-cta {

display: inline-flex; gap: 1rem; flex-wrap: wrap; justify-content: center;

animation: fadeDown 1.1s 0.3s ease both;

}

.btn-primary {

background: var(--gold); color: var(--green-deep);

border: none; padding: 14px 34px; border-radius: 50px;

font-size: 1rem; font-weight: 700; font-family: 'Nunito', sans-serif;

cursor: pointer; text-decoration: none;

transition: transform 0.2s, box-shadow 0.2s;

box-shadow: 0 4px 20px rgba(200,150,30,0.4);

}

.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(200,150,30,0.5); }

.btn-outline {

background: transparent; color: var(--white);

border: 2px solid rgba(255,255,255,0.6); padding: 13px 34px; border-radius: 50px;

font-size: 1rem; font-weight: 700; font-family: 'Nunito', sans-serif;

cursor: pointer; text-decoration: none;

transition: all 0.2s;

}

.btn-outline:hover { background: rgba(255,255,255,0.12); border-color: var(--white); }

/* scroll indicator */

.scroll-hint {

position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);

display: flex; flex-direction: column; align-items: center; gap: 6px;

color: rgba(255,255,255,0.6); font-size: 0.75rem; letter-spacing: 2px;

animation: pulse 2s infinite;

}

.scroll-hint::after {

content: ''; display: block; width: 1px; height: 40px;

background: linear-gradient(to bottom, rgba(255,255,255,0.6), transparent);

}

/* ── STATS BAND ── */

#stats {

background: var(--green-deep);

padding: 50px 5%;

display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 2rem;

text-align: center;

}

.stat-item {}

.stat-num {

font-family: 'Playfair Display', serif;

font-size: 2.8rem; font-weight: 900; color: var(--gold-light);

display: block;

}

.stat-label { color: rgba(255,255,255,0.75); font-size: 0.85rem; letter-spacing: 1px; margin-top: 4px; }

/* ── SECTION COMMON ── */

section { padding: 90px 5%; }

.section-tag {

display: inline-block;

color: var(--green-mid); font-size: 0.75rem; font-weight: 700;

letter-spacing: 3px; text-transform: uppercase;

border-left: 3px solid var(--gold); padding-left: 12px;

margin-bottom: 0.8rem;

}

.section-title {

font-family: 'Playfair Display', serif;

font-size: clamp(1.8rem, 4vw, 2.8rem);

font-weight: 900; color: var(--green-deep);

line-height: 1.15; margin-bottom: 1.2rem;

}

.section-lead {

font-size: 1.05rem; color: var(--text-mid);

line-height: 1.8; max-width: 640px;

}

/* ── ABOUT ── */

#about { background: var(--white); }

.about-grid {

display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center;

}

.about-img-wrap {

position: relative;

}

.about-img-wrap img {

width: 100%; border-radius: 12px;

box-shadow: 0 20px 60px rgba(26,77,46,0.2);

display: block;

}

.about-badge {

position: absolute; bottom: -20px; right: -20px;

background: var(--gold); color: var(--green-deep);

width: 110px; height: 110px; border-radius: 50%;

display: flex; flex-direction: column; align-items: center; justify-content: center;

font-family: 'Playfair Display', serif; font-weight: 900;

box-shadow: 0 8px 24px rgba(200,150,30,0.4);

}

.about-badge .yr { font-size: 2rem; line-height: 1; }

.about-badge .yr-label { font-size: 0.6rem; letter-spacing: 1px; text-transform: uppercase; font-family: 'Nunito', sans-serif; }

.values-list { margin-top: 2rem; display: flex; flex-direction: column; gap: 1rem; }

.value-item {

display: flex; align-items: flex-start; gap: 1rem;

background: var(--cream); border-radius: 10px; padding: 14px 18px;

border-left: 4px solid var(--green-light);

}

.value-icon { font-size: 1.4rem; flex-shrink: 0; margin-top: 2px; }

.value-item strong { display: block; color: var(--green-deep); font-weight: 700; margin-bottom: 2px; }

.value-item p { font-size: 0.9rem; color: var(--text-mid); line-height: 1.5; }

/* ── ACTIVITÉS ── */

#activites { background: var(--cream); }

.activites-header { text-align: center; margin-bottom: 3.5rem; }

.activites-header .section-lead { margin: 0 auto; }

.cards-grid {

display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem;

}

.act-card {

background: var(--white); border-radius: 16px;

overflow: hidden;

box-shadow: 0 4px 24px rgba(0,0,0,0.07);

transition: transform 0.3s, box-shadow 0.3s;

display: flex; flex-direction: column;

}

.act-card:hover { transform: translateY(-8px); box-shadow: 0 16px 48px rgba(26,77,46,0.15); }

.act-card-img {

height: 180px; overflow: hidden;

}

.act-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }

.act-card:hover .act-card-img img { transform: scale(1.07); }

.act-card-body { padding: 1.5rem; flex: 1; display: flex; flex-direction: column; }

.act-icon {

width: 48px; height: 48px; border-radius: 12px;

display: flex; align-items: center; justify-content: center;

font-size: 1.4rem; margin-bottom: 1rem; margin-top: -2.8rem;

position: relative; box-shadow: 0 4px 12px rgba(0,0,0,0.15);

}

.act-icon.green { background: var(--green-deep); }

.act-icon.gold { background: var(--gold); }

.act-icon.earth { background: var(--earth); }

.act-icon.teal { background: #1a6b6b; }

.act-card-body h3 {

font-family: 'Playfair Display', serif;

font-size: 1.25rem; color: var(--green-deep);

margin-bottom: 0.5rem;

}

.act-card-body p { font-size: 0.9rem; color: var(--text-mid); line-height: 1.65; flex: 1; }

.act-tag {

display: inline-block; margin-top: 1rem;

background: var(--cream); color: var(--green-mid);

font-size: 0.75rem; font-weight: 700; letter-spacing: 1px;

padding: 4px 12px; border-radius: 20px;

}

/* ── GALLERY ── */

#galerie { background: var(--green-deep); padding: 90px 5%; }

#galerie .section-tag { color: var(--gold-light); border-color: var(--gold); }

#galerie .section-title { color: var(--white); }

#galerie .section-lead { color: rgba(255,255,255,0.7); }

.gallery-grid {

margin-top: 3rem;

display: grid;

grid-template-columns: repeat(3, 1fr);

grid-template-rows: auto auto;

gap: 16px;

}

.gallery-item {

border-radius: 12px; overflow: hidden;

position: relative; cursor: pointer;

}

.gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s; }

.gallery-item:hover img { transform: scale(1.06); }

.gallery-item.large { grid-column: span 2; }

.gallery-item { height: 200px; }

.gallery-item.large { height: 300px; }

.gallery-overlay {

position: absolute; inset: 0;

background: linear-gradient(to top, rgba(26,77,46,0.7) 0%, transparent 60%);

opacity: 0; transition: opacity 0.3s; display: flex; align-items: flex-end; padding: 1rem;

}

.gallery-item:hover .gallery-overlay { opacity: 1; }

.gallery-overlay span { color: var(--white); font-weight: 700; font-size: 0.9rem; }

/* ── CONTACT ── */

#contact { background: var(--white); }

.contact-grid {

display: grid; grid-template-columns: 1fr 1.4fr; gap: 5rem; align-items: start;

}

.contact-info h3 {

font-family: 'Playfair Display', serif;

font-size: 1.5rem; color: var(--green-deep); margin-bottom: 1.5rem;

}

.contact-items { display: flex; flex-direction: column; gap: 1.2rem; }

.contact-item {

display: flex; align-items: flex-start; gap: 1rem;

}

.contact-dot {

width: 40px; height: 40px; border-radius: 10px;

background: var(--green-deep); display: flex; align-items: center; justify-content: center;

font-size: 1.1rem; flex-shrink: 0;

}

.contact-item strong { display: block; color: var(--green-deep); font-weight: 700; }

.contact-item span { font-size: 0.9rem; color: var(--text-mid); }

.contact-form { display: flex; flex-direction: column; gap: 1.2rem; }

.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }

.form-group { display: flex; flex-direction: column; gap: 6px; }

.form-group label { font-size: 0.85rem; font-weight: 700; color: var(--green-deep); letter-spacing: 0.5px; }

.form-group input,

.form-group select,

.form-group textarea {

border: 2px solid #e0ddd4; border-radius: 10px;

padding: 12px 16px; font-family: 'Nunito', sans-serif; font-size: 0.95rem;

background: var(--cream); color: var(--text-dark);

transition: border-color 0.2s, box-shadow 0.2s;

outline: none; resize: vertical;

}

.form-group input:focus,

.form-group select:focus,

.form-group textarea:focus {

border-color: var(--green-mid);

box-shadow: 0 0 0 3px rgba(46,125,79,0.12);

}

.form-group textarea { min-height: 120px; }

.form-submit {

background: var(--green-deep); color: var(--white);

border: none; padding: 15px 40px; border-radius: 50px;

font-size: 1rem; font-weight: 700; font-family: 'Nunito', sans-serif;

cursor: pointer; transition: all 0.25s; align-self: flex-start;

}

.form-submit:hover { background: var(--green-mid); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(26,77,46,0.3); }

/* ── FOOTER ── */

footer {

background: #0f2e1a; color: rgba(255,255,255,0.7);

padding: 50px 5% 30px;

}

.footer-top {

display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 3rem;

padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255,255,255,0.1);

}

.footer-brand .nav-logo { font-size: 1.3rem; margin-bottom: 0.8rem; display: block; }

.footer-brand p { font-size: 0.88rem; line-height: 1.7; max-width: 280px; }

.footer-col h4 {

color: var(--gold-light); font-size: 0.8rem; letter-spacing: 2px;

text-transform: uppercase; font-weight: 700; margin-bottom: 1rem;

}

.footer-col ul { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }

.footer-col ul li a { color: rgba(255,255,255,0.65); text-decoration: none; font-size: 0.88rem; transition: color 0.2s; }

.footer-col ul li a:hover { color: var(--gold-light); }

.footer-bottom {

margin-top: 2rem; display: flex; justify-content: space-between; align-items: center;

font-size: 0.8rem;

}

/* ── ANIMATIONS ── */

@keyframes fadeDown {

from { opacity: 0; transform: translateY(-20px); }

to { opacity: 1; transform: translateY(0); }

}

@keyframes pulse {

0%, 100% { opacity: 0.6; } 50% { opacity: 1; }

}

.reveal {

opacity: 0; transform: translateY(30px);

transition: opacity 0.7s ease, transform 0.7s ease;

}

.reveal.visible { opacity: 1; transform: none; }

/* ── RESPONSIVE ── */

@media (max-width: 900px) {

.about-grid, .contact-grid, .footer-top { grid-template-columns: 1fr; gap: 2.5rem; }

.about-img-wrap { max-width: 400px; margin: 0 auto; }

.gallery-grid { grid-template-columns: 1fr 1fr; }

.gallery-item.large { grid-column: span 2; }

nav { padding: 0 4%; }

.nav-links { display: none; }

}

@media (max-width: 600px) {

.form-row { grid-template-columns: 1fr; }

.gallery-grid { grid-template-columns: 1fr; }

.gallery-item.large { grid-column: span 1; height: 200px; }

.footer-top { grid-template-columns: 1fr; }

}

/* ── BILINGUAL ── */

[data-mg], [data-fr] { display: none; }

body.lang-mg [data-mg] { display: block; }

body.lang-mg [data-mg-inline] { display: inline; }

body.lang-fr [data-fr] { display: block; }

body.lang-fr [data-fr-inline] { display: inline; }

[data-mg-inline], [data-fr-inline] { display: none; }

/* ── LIGHTBOX ── */

.lightbox-overlay {

display: none;

position: fixed; inset: 0; z-index: 9999;

background: rgba(0,0,0,0.92);

align-items: center; justify-content: center;

animation: fadeIn 0.25s ease;

}

.lightbox-overlay.active { display: flex; }

@keyframes fadeIn { from { opacity:0 } to { opacity:1 } }

.lightbox-inner {

position: relative;

max-width: 90vw; max-height: 90vh;

display: flex; align-items: center; justify-content: center;

}

.lightbox-inner img {

max-width: 90vw; max-height: 85vh;

border-radius: 10px;

box-shadow: 0 30px 80px rgba(0,0,0,0.7);

object-fit: contain;

animation: zoomIn 0.3s ease;

}

@keyframes zoomIn { from { transform: scale(0.85); opacity:0 } to { transform: scale(1); opacity:1 } }

.lightbox-caption {

position: absolute; bottom: -40px; left: 0; right: 0;

text-align: center; color: rgba(255,255,255,0.85);

font-size: 0.95rem; font-weight: 600; letter-spacing: 1px;

}

.lightbox-close {

position: fixed; top: 20px; right: 28px;

background: rgba(255,255,255,0.12); border: none;

color: #fff; font-size: 1.6rem; line-height: 1;

width: 48px; height: 48px; border-radius: 50%;

cursor: pointer; z-index: 10000;

transition: background 0.2s, transform 0.2s;

display: flex; align-items: center; justify-content: center;

}

.lightbox-close:hover { background: rgba(255,255,255,0.25); transform: rotate(90deg); }

.lightbox-nav {

position: fixed; top: 50%; transform: translateY(-50%);

background: rgba(255,255,255,0.12); border: none;

color: #fff; font-size: 1.8rem;

width: 52px; height: 52px; border-radius: 50%;

cursor: pointer; z-index: 10000;

transition: background 0.2s;

display: flex; align-items: center; justify-content: center;

}

.lightbox-nav:hover { background: rgba(255,255,255,0.28); }

.lightbox-prev { left: 16px; }

.lightbox-next { right: 16px; }

.gallery-item img, .act-card-img img, .about-img-wrap img { cursor: zoom-in; }

/* ── PUBLICITE O ── */

.hero-ad {

position: absolute;

top: 90px; right: 3%;

width: 270px;

background: rgba(0,0,0,0.65);

border: 2px solid var(--gold);

border-radius: 14px;

overflow: hidden;

box-shadow: 0 8px 32px rgba(0,0,0,0.5);

z-index: 10;

backdrop-filter: blur(4px);

transition: opacity 0.3s;

}

.hero-ad.hidden { opacity: 0; pointer-events: none; }

.hero-ad-header {

background: var(--gold);

color: var(--green-deep);

font-size: 0.68rem; font-weight: 700;

letter-spacing: 2px; text-transform: uppercase;

padding: 5px 12px;

display: flex; align-items: center; justify-content: space-between;

}

.hero-ad-close-btn {

background: none; border: none;

color: var(--green-deep); font-size: 1.1rem;

cursor: pointer; font-weight: 900; line-height: 1; padding: 0;

}

.hero-ad-body { padding: 10px; }

.hero-ad-body o, .hero-ad-body iframe {

width: 100%; border-radius: 8px;

display: block; aspect-ratio: 16/9; border: none;

}

.ad-placeholder {

width: 100%; aspect-ratio: 16/9;

background: linear-gradient(135deg, #1a4d2e 0%, #2e7d4f 60%, #c8961e 100%);

border-radius: 8px;

display: flex; flex-direction: column;

align-items: center; justify-content: center;

color: #fff; gap: 8px;

}

.ad-play {

width: 52px; height: 52px; border-radius: 50%;

background: rgba(255,255,255,0.2);

display: flex; align-items: center; justify-content: center;

font-size: 1.6rem;

border: 2px solid rgba(255,255,255,0.5);

}

.ad-placeholder p { font-size: 0.78rem; opacity: 0.85; text-align: center; padding: 0 8px; font-family: 'Nunito', sans-serif; }

.ad-placeholder strong { font-size: 0.88rem; color: var(--gold-light); }

.ad-label { font-size: 0.72rem; color: rgba(255,255,255,0.6); padding: 5px 10px; text-align: center; font-family: 'Nunito', sans-serif; }

@media (max-width: 900px) { .hero-ad { width: 200px; top: 78px; } }

@media (max-width: 600px) { .hero-ad { display: none; } }

/* notification */

.toast {

position: fixed; bottom: 30px; right: 30px;

background: var(--green-deep); color: var(--white);

padding: 14px 24px; border-radius: 12px;

font-weight: 700; font-size: 0.9rem;

box-shadow: 0 8px 24px rgba(0,0,0,0.25);

transform: translateY(80px); opacity: 0;

transition: all 0.4s ease; z-index: 999;

}

.toast.show { transform: translateY(0); opacity: 1; }

</style>

</head>

</div>

</div>

<div class="toast" id="toast">✓ Votre message a été oyé !</div>

<nav>

<div>

M.Z.T.M

<span><font color="red">M</font>iaro ny <font color="red">Z</font>on'ny <font color="red">T</font>antsaha <font color="red">M</font>alagasy</span>

</div>

<li><a href="#about" data-mg-inline>Momba Anay</a><a href="#about" data-fr-inline>À Propos</a></li>

<li><a href="#activites" data-mg-inline>Hetsika</a><a href="#activites" data-fr-inline>Activités</a></li>

<li><a href="#galerie" data-mg-inline>Sary</a><a href="#galerie" data-fr-inline>Galerie</a></li>

<li><a href="#contact" data-mg-inline>Mifandraisa</a><a href="#contact" data-fr-inline>Contact</a></li>

</ul>

</div>

</nav>

<span data-mg>Fikambanana Tantsaha</span>

<span data-fr>Association Paysanne</span>

</div>

<span data-mg>Miara-Miasa,<br/><em>Miara-Mandroso</em></span>

<span data-fr>Ensemble,<br/><em>Nous Grandissons</em></span>

</h1>

<span data-mg>Ny Fikambanana M.Z.T.M. dia vondrona tantsaha manangana ny ho avy mamiratra amin'ny alalan'ny fambolena, fiompiana, fifamonjena ara-bola, fanofanana miaraka ary Sosialy.</span>

<span data-fr>L'Association M.Z.T.M. rassemble des paysans qui bâtissent leur avenir grâce à l'agriculture, l'élevage, la microfinance, la formation mutuelle et Sociale.</span>

</p>

<span data-mg-inline>Jereo ny Hetsika</span>

<span data-fr-inline>Voir les Activités</span>

</a>

<span data-mg-inline>Mifandraisa aminay</span>

<span data-fr-inline>Nous Contacter</span>

</a>

</div>

<span>▶ Publicité</span>

</div>

</div>

<p class="ad-label">Publicité • Sponsored</p>

<span data-mg-inline><font color="white">Apetraho eto ny dokambarotrao</font></span>

<span data-fr-inline><font color="white">placer ici votre o publicitaire</font> </span>

</div>

<div class="scroll-hint">SCROLL</div>

</section>

<span data-mg-inline>Mpikambana</span>

<span data-fr-inline>Membres</span>

</span>

</div>

<span data-mg-inline>Sahan'asa</span>

<span data-fr-inline>Filières d'Activité</span>

</span>

</div>

<span data-mg-inline>Kaominina iasana</span>

<span data-fr-inline>Communes Couverts</span>

</span>

</div>

<span data-mg-inline>Taona Nijoroany</span>

<span data-fr-inline>Années d'Existence</span>

</span>

</div>

</section>

<span class="yr-label"><span data data-mg-inline>Natsangana</span></span>

<span class="yr-label"><span data data-fr-inline>Création</span></span>

</div>

<span data-mg-inline>Ny mombamomba Anay</span>

<span data-fr-inline>À Propos</span>

</span>

<span data-mg>Ny Fikambanana M.Z.T.M.</span>

<span data-fr>L'Association M.Z.T.M.</span>

</h2>

<span data-mg>Ny M.Z.T.M. dia fikambanana tantsaha natsangana tamin'ny taona 2016, izay mivory ny olona maro mba hiara-miady amin'ny fahasahiranana ary hiara-manangana ny fiohanana maharitra. Miara-miasa izahay amin'ny fomba mifanampiana sy mirindra.</span>

<span data-fr>M.Z.T.M. est une association paysanne fondée en 2016, rassemblant des hommes et des femmes pour lutter ensemble contre la précarité et bâtir un développement durable. Nous travaillons dans un esprit d'entraide et d'organisation collective.</span>

</p>

<div>

<strong data-mg>Firaisankina</strong>

<strong data-fr>Solidarité</strong>

<p data-mg>Miara-miombon'antoka amin'ny fiatrehana ny lafiny rehetra amin'ny fiainana.</p>

<p data-fr>Nous nous soutenons mutuellement dans tous les aspects de la vie quotidienne.</p>

</div>

<div>

<strong data-mg>Fampandrosoana lovain-jafy</strong>

<strong data-fr>Développement Durable</strong>

<p data-mg>Miaro ny tontolo iainana sy manangana ho avy tsara ho an'ny taranaka.</p>

<p data-fr>Protéger l'environnement et construire un avenir meilleur pour les générations futures.</p>

</div>

<div>

<strong data-mg>Fanofanana</strong>

<strong data-fr>Formation Continue</strong>

<p data-mg>Mianatra sy mampianatra mba hampitombo ny fahaiza-manao.</p>

<p data-fr>Apprendre et enseigner pour renforcer les compétences de chacun.</p>

</div>

</section>

<span data-mg-inline>Hetsika</span>

<span data-fr-inline>Activités</span>

</span>

<span data-fr>Nos Domaines d'Action</span>

</h2>

<span data-mg>Manana sehatra dimy lehibe izahay izay mifameno mba ho fanohanana ny mpikambana mpiara-monina.</span>

<span data-fr>Nous avons cinq grands secteurs qui se complètent pour soutenir nos membres et nos communautés.</span>

</p>

</div>

</div>

<h3 data-mg>Fambolena</h3>

<h3 data-fr>Agriculture</h3>

<p data-mg>Fampiofanana ny tantsaha amin'ny fomba fambolena manara-penitra, fampiasana zezika voajanahary, ary fitahirizam-bokatra azo antoka mba hialana fandanindaniam-poana ary hanampy azy amin'ny fitantanana.</p>

<p data-fr>Formation des paysans aux méthodes agricoles modernes, utilisation d'engrais naturels et Stockage des récoltes pour éviter le gaspiage et a aidé les gestions.</p>

<span data-mg-inline>Fanatsaram-pambolena Maharitra</span>

<span data-fr-inline>Modernisation des cultures Durable</span>

</span>

</div>

</div>

<h3 data-mg>Fiompiana</h3>

<h3 data-fr>Élevage</h3>

<p data-mg>Fanabeazana biby holanina amin'ny fomba ara-pahasalamana: kisoa, akoho, omby. Fanalana aretina sy fitehirizana ny vokatra.</p>

<p data-fr>Élevage sain de porcs, de volailles et de bovins. Prévention des maladies animales et valorisation des produits d'élevage.</p>

<span data-mg-inline>Biby Hompiana</span>

<span data-fr-inline>Élevage Familial</span>

</span>

</div>

</div>

<h3 data-mg>Microfinance / Tahirim-bola</h3>

<h3 data-fr>Microfinance / Épargne</h3>

<p data-mg>Rafitra fitahirizana vola sy famatsiam-bola kely ho an'ny mpikambana mba ahafahana manatanteraka ny tetikasa fiohanana.</p>

<p data-fr>Système d'épargne collective et de micro-crédit pour permettre à chaque membre de financer ses projets de développement.</p>

<span data-mg-inline>Fitahirizana sy Famatsiam-bola</span>

<span data-fr-inline>Crédit & Épargne</span>

</span>

</div>

</div>

<h3 data-mg>Fanofanana</h3>

<h3 data-fr>Formation</h3>

<p data-mg>Fiofanana mitohy ho an'ny mpikambana: fomba fambolena, fikarakarana ara-pahasalamana, fitondran-tena ara-bola ary fitantanana.</p>

<p data-fr>Formation continue pour les membres : techniques agricoles, santé communautaire, gestion financière et leadership.</p>

<span data-mg-inline>Fanabeazana Mitohy</span>

<span data-fr-inline>Formation Continue</span>

</span>

</div>

</div>

<h3 data-mg>Sosialy "FITSINJO"</h3>

<h3 data-fr>Sociale "FITSINJO"</h3>

<p data-mg>Fifamonjena amin'ny fahafatesa sy ny fikarakarana ara-tsakafo sy arabola amin'nizany. Latsak'emboka ataon'ny mpikambana tsirairay.</p>

<p data-fr>Assistance en cas de décès, avec prise en charge alimentaire et financière correspondante. Cotisation obligatoire versée par chaque membre.</p>

<span data-mg-inline>FITSINJO, Mitsino ny hiafarananao</span>

<span data-fr-inline>Prévoyance en vue de la fin de vie</span>

</span>

</div>

</section>

<span data-fr-inline>Galerie</span>

</span>

<span data-mg>Ireo Hetsika ataonay</span>

<span data-fr>Nos Moments</span>

</h2>

<span data-mg>Jereo ny sary mampiseho ny asan'ny M.Z.T.M. amin'ny faritra rehetra.</span>

<span data-fr>Découvrez en images les actions menées par l'association M.Z.T.M. sur le terrain.</span>

</p>

</div>

<span data-mg-inline>Fanetsana</span>

<span data-fr-inline>repiquage du riz</span>

</div>

<span data-mg-inline>Fiaraha-miasa</span>

<span data-fr-inline>Entraide</span>

</div>

<span data-mg-inline>Vokatra Tsara</span>

<span data-fr-inline>Belle Récolte</span>

</div>

<span data-mg-inline>Fiofanana</span>

<span data-fr-inline>Session de Formation</span>

</div>

<span data-mg-inline>Fivarotam-bokatra</span>

<span data-fr-inline>Marché des Produits</span>

</div>

<span data-mg-inline>Fitahirizam-bokatra</span>

<span data-fr-inline>Magasin de Stockage</span>

</div>

<span data-mg-inline>Fitahirizam-bokatra</span>

<span data-fr-inline>Magasin de Stockage</span>

</div>

</section>

<span data-mg-inline>Mifandraisa</span>

<span data-fr-inline>Contact</span>

</span>

<span data-mg>Hiresaka Aminay</span>

<span data-fr>Parlons-nous</span>

</h2>

<span data-mg>Raha te-hahalala bebe kokoa na te-hiditra ao amin'ny M.Z.T.M. dia aza misalasala ny mifandray aminay.</span>

<span data-fr>Si vous souhaitez en savoir plus ou rejoindre l'association M.Z.T.M., n'hésitez pas à nous contacter.</span>

</p>

<div>

<strong data-mg>Adiresy</strong>

<strong data-fr>Adresse</strong>

<span>Manandroy-Ambohimahasoa</span>

</div>

<div>

<strong data-mg>Laharana Finday</strong>

<strong data-fr>Téléphone</strong>

</div>

<div>

<strong data-mg>Mailaka</strong>

<strong data-fr>Email</strong>

<span>remihuiss@gmail.com</span>

</div>

<label>

<span data-mg-inline>Anarana</span>

</label>

</div>

<label>

<span data-mg-inline>Finday / Téléphone</span>

<span data-fr-inline>Téléphone</span>

</label>

</div>

<label>Email</label>

</div>

<label>

<span data-mg-inline>Antony</span>

<span data-fr-inline>Objet</span>

</label>

<option value="" data-mg>-- Misafidy --</option>

<option value="" data-fr>-- Choisir --</option>

<option data-mg>Fanontaniana momba ny Fambolena</option>

<option data-fr>Question sur l'Agriculture</option>

<option data-mg>Fanontaniana momba ny Fiompiana</option>

<option data-fr>Question sur l'Élevage</option>

<option data-mg>Fanontaniana momba ny Microfinance</option>

<option data-fr>Question sur la Microfinance</option>

<option data-mg>Mba ho mpikambana</option>

<option data-fr>Devenir membre</option>

<option data-fr>Autre</option>

</select>

</div>

<label>

<span data-mg-inline>Hafatra</span>

<span data-fr-inline>Message</span>

</label>

</div>

<span data-mg-inline>Alefaso</span>

<span data-fr-inline>Envoyer</span>

</button>

</div>

</section>

<span class="nav-logo">M.Z.T.M. <span>FIKAMBANANA TANTSAHA</span></span>

<p data-mg>Miara-manorina ny ho avy — vondrona tantsaha mirindra sy matanjaka.</p>

<p data-fr>Construire l'avenir ensemble — une association paysanne organisée et forte.</p>

</div>

<h4 data-mg>Hetsika</h4>

<h4 data-fr>Activités</h4>

<ul>

<li><a href="#activites" data-mg>Fambolena</a><a href="#activites" data-fr>Agriculture</a></li>

<li><a href="#activites" data-mg>Fiompiana</a><a href="#activites" data-fr>Élevage</a></li>

<li><a href="#activites" data-mg>VOAMAMI(Microfinance)</a><a href="#activites" data-fr>Microfinance</a></li>

<li><a href="#activites" data-mg>Fanofanana</a><a href="#activites" data-fr>Formation</a></li>

</ul>

</div>

<h4 data-fr>Liens</h4>

<ul>

<li><a href="#about" data-mg>Momba Anay</a><a href="#about" data-fr>À Propos</a></li>

<li><a href="#galerie" data-mg>Sary</a><a href="#galerie" data-fr>Galerie</a></li>

<li><a href="#contact" data-mg>Fifandraisan-davitra</a><a href="#contact" data-fr>Contact</a></li>

</ul>

</div>

<span data-mg-inline>Zo ara-pamoronana</span>

</div>

</footer>

// ── LANGUAGE SWITCH ──

function setLang(lang) {

document.body.classList.remove('lang-mg', 'lang-fr');

document.body.classList.add('lang-' + lang);

document.querySelectorAll('.lang-btn').forEach(b => b.classList.remove('active'));

document.querySelectorAll('.lang-btn').forEach(b => {

if (b.textContent.trim().toLowerCase() === lang) b.classList.add('active');

});

}

// ── SCROLL REVEAL ──

const observer = new IntersectionObserver((entries) => {

entries.forEach((e, i) => {

if (e.isIntersecting) {

e.target.style.transitionDelay = (i * 0.08) + 's';

e.target.classList.add('visible');

}

});

}, { threshold: 0.12 });

document.querySelectorAll('.reveal').forEach(el => observer.observe(el));

// ── FORM SUBMIT ──

function submitForm() {

const toast = document.getElementById('toast');

toast.classList.add('show');

setTimeout(() => toast.classList.remove('show'), 3500);

// Reset fields

['fname','fphone','femail','fmessage'].forEach(id => {

const el = document.getElementById(id);

if (el) el.value = '';

});

}

// ── LIGHTBOX ──

let lbImages = [];

let lbIndex = 0;

function buildLightboxImages() {

lbImages = [];

document.querySelectorAll('.gallery-item img, .act-card-img img, .about-img-wrap img').forEach((img, i) => {

// Marquer chaque image avec un index

img.setAttribute('data-lb-index', i);

lbImages.push({ src: img.src, alt: img.alt });

img.addEventListener('click', () => openLightbox(i));

});

}

function openLightbox(index) {

lbIndex = index;

const lb = document.getElementById('lightbox');

const lbImg = document.getElementById('lightbox-img');

const lbCap = document.getElementById('lightbox-cap');

lbImg.src = lbImages[lbIndex].src;

lbCap.textContent = lbImages[lbIndex].alt || '';

lb.classList.add('active');

document.body.style.overflow = 'hidden';

}

function closeLightbox() {

document.getElementById('lightbox').classList.remove('active');

document.body.style.overflow = '';

}

function lbNav(dir) {

lbIndex = (lbIndex + dir + lbImages.length) % lbImages.length;

const lbImg = document.getElementById('lightbox-img');

const lbCap = document.getElementById('lightbox-cap');

lbImg.style.animation = 'none';

setTimeout(() => { lbImg.style.animation = ''; }, 10);

lbImg.src = lbImages[lbIndex].src;

lbCap.textContent = lbImages[lbIndex].alt || '';

}

// Fermer en cliquant hors image

document.getElementById('lightbox').addEventListener('click', function(e) {

if (e.target === this) closeLightbox();

});

// Fermer avec Escape, naviguer avec fleches

document.addEventListener('keydown', function(e) {

const lb = document.getElementById('lightbox');

if (!lb.classList.contains('active')) return;

if (e.key === 'Escape') closeLightbox();

if (e.key === 'ArrowRight') lbNav(1);

if (e.key === 'ArrowLeft') lbNav(-1);

});

// Init lightbox apres chargement

buildLightboxImages();

// Init

setLang('mg');

</script>

</body>

</html>