289 lines
16 KiB
HTML
289 lines
16 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Guide d'Envoi — MVA Global Fret</title>
|
|
<meta name="description" content="Guide d'envoi MVA Global Fret : articles interdits en fret aérien (IATA), produits nécessitant une déclaration, conseils d'emballage pour envoyer vos colis en toute sécurité.">
|
|
<link rel="icon" type="image/png" href="PNG MVA GLOBAL FRET.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
|
|
<link rel="stylesheet" href="css/style.css">
|
|
</head>
|
|
<body>
|
|
|
|
<a href="#main" class="skip-link">Aller au contenu principal</a>
|
|
|
|
<header class="header" id="header">
|
|
<div class="container header-inner">
|
|
<a href="index.html" class="logo"><img src="PNG MVA GLOBAL FRET.png" alt="MVA Global Fret"></a>
|
|
<nav class="nav" aria-label="Navigation principale">
|
|
<a href="index.html" data-i18n="nav.home">Accueil</a>
|
|
<a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
|
|
<a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
|
|
<a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
|
|
<a href="contact.html" data-i18n="nav.contact">Contact</a>
|
|
<a href="application.html" data-i18n="nav.app">Prochainement</a>
|
|
</nav>
|
|
<div class="header-right">
|
|
<div class="lang-switcher" role="group" aria-label="Choisir la langue">
|
|
<button data-lang="fr" class="active">FR</button>
|
|
<button data-lang="en">EN</button>
|
|
<button data-lang="mg">MG</button>
|
|
</div>
|
|
<button class="menu-toggle" id="menuToggle" aria-label="Ouvrir le menu"><span></span><span></span><span></span></button>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="mobile-nav" id="mobileNav">
|
|
<a href="index.html" data-i18n="nav.home">Accueil</a>
|
|
<a href="about.html" data-i18n="nav.about">Qui sommes-nous</a>
|
|
<a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a>
|
|
<a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a>
|
|
<a href="contact.html" data-i18n="nav.contact">Contact</a>
|
|
<a href="application.html" data-i18n="nav.app">Prochainement</a>
|
|
<div class="lang-switcher" style="margin-top:16px">
|
|
<button data-lang="fr" class="active">FR</button>
|
|
<button data-lang="en">EN</button>
|
|
<button data-lang="mg">MG</button>
|
|
</div>
|
|
</nav>
|
|
<div class="overlay" id="overlay"></div>
|
|
|
|
<main id="main">
|
|
|
|
<!-- HERO -->
|
|
<section class="hero hero-sub" style="background-image: url('https://images.unsplash.com/photo-1542296332-2e4473faf563?w=1600&q=80');">
|
|
<div class="hero-content animate-on-scroll">
|
|
<h1 data-i18n="guide.heroTitle">Guide d'Envoi</h1>
|
|
<p data-i18n="guide.heroSubtitle">Tout ce que vous devez savoir avant d'envoyer un colis</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ARTICLES INTERDITS -->
|
|
<section class="section" aria-labelledby="prohibited-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="prohibited-title" data-i18n="guide.prohibitedTitle">Articles Interdits</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="guide.prohibitedSubtitle">Ces articles ne peuvent pas être transportés par fret aérien (réglementation IATA)</p>
|
|
</div>
|
|
|
|
<div class="prohibited-grid animate-on-scroll">
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-bomb" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat1Title">Explosifs</h4>
|
|
<p data-i18n="guide.cat1Desc">Dynamite, munitions, feux d'artifice, pétards</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-fire-flame-curved" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat2Title">Gaz comprimés</h4>
|
|
<p data-i18n="guide.cat2Desc">Bouteilles de gaz, aérosols pressurisés, butane, propane</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-droplet" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat3Title">Liquides inflammables</h4>
|
|
<p data-i18n="guide.cat3Desc">Essence, alcool, peintures, solvants, acétone</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-fire" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat4Title">Solides inflammables</h4>
|
|
<p data-i18n="guide.cat4Desc">Allumettes, briquets, charbon actif, poudres</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-battery-full" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat5Title">Batteries lithium</h4>
|
|
<p data-i18n="guide.cat5Desc">Piles lithium seules, hoverboards, certains appareils</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-skull-crossbones" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat6Title">Substances toxiques</h4>
|
|
<p data-i18n="guide.cat6Desc">Poisons, pesticides, substances infectieuses</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-flask" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat7Title">Matières corrosives</h4>
|
|
<p data-i18n="guide.cat7Desc">Acides, mercure, soude caustique</p>
|
|
</div>
|
|
<div class="prohibited-item">
|
|
<i class="fa-solid fa-radiation" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.cat8Title">Matières radioactives</h4>
|
|
<p data-i18n="guide.cat8Desc">Éléments radioactifs, matières magnétiques puissantes</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ARTICLES AVEC DÉCLARATION -->
|
|
<section class="section section-gray" aria-labelledby="warning-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="warning-title" data-i18n="guide.warningTitle">Articles Nécessitant une Déclaration</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="guide.warningSubtitle">Ces articles peuvent être envoyés sous conditions</p>
|
|
</div>
|
|
<div class="grid-3" style="max-width: 800px; margin: 0 auto;">
|
|
<div class="warning-item animate-on-scroll delay-1">
|
|
<i class="fa-solid fa-spray-can-sparkles" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.warn1Title">Parfums & cosmétiques</h4>
|
|
<p data-i18n="guide.warn1Desc">En quantité limitée, bien emballés</p>
|
|
</div>
|
|
<div class="warning-item animate-on-scroll delay-2">
|
|
<i class="fa-solid fa-laptop" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.warn2Title">Appareils électroniques</h4>
|
|
<p data-i18n="guide.warn2Desc">Avec petites batteries intégrées, éteints</p>
|
|
</div>
|
|
<div class="warning-item animate-on-scroll delay-3">
|
|
<i class="fa-solid fa-pills" aria-hidden="true"></i>
|
|
<h4 data-i18n="guide.warn3Title">Médicaments</h4>
|
|
<p data-i18n="guide.warn3Desc">Avec ordonnance, en quantité personnelle</p>
|
|
</div>
|
|
</div>
|
|
<div style="max-width: 700px; margin: 32px auto 0; background: #fffbf0; border: 1px solid #ffe0a0; border-radius: 12px; padding: 20px 24px; display: flex; gap: 16px; align-items: flex-start;">
|
|
<i class="fa-solid fa-circle-exclamation" style="color: var(--amber); font-size: 1.4rem; margin-top: 2px; flex-shrink: 0;"></i>
|
|
<p style="margin: 0; color: #7a5c00; font-size: 0.95rem;">En cas de doute sur un article, n'hésitez pas à nous contacter avant d'envoyer votre colis. Notre équipe vous répondra dans les plus brefs délais.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- GUIDE EMBALLAGE -->
|
|
<section class="section" aria-labelledby="packaging-title">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2 id="packaging-title" data-i18n="guide.packagingTitle">Comment Bien Emballer</h2>
|
|
<div class="gold-line"></div>
|
|
<p data-i18n="guide.packagingSubtitle">Suivez ces étapes pour que vos colis arrivent en parfait état</p>
|
|
</div>
|
|
|
|
<div class="packaging-steps">
|
|
<div class="packaging-step animate-on-scroll">
|
|
<div class="packaging-step-icon" aria-hidden="true">
|
|
<i class="fa-solid fa-box-open"></i>
|
|
</div>
|
|
<div>
|
|
<h3><span style="color: var(--gold);">01.</span> <span data-i18n="guide.pack1Title">Choisissez le bon carton</span></h3>
|
|
<p data-i18n="guide.pack1Desc">Utilisez un carton neuf à double paroi, adapté à la taille de votre envoi. Évitez les cartons usagés ou fragilisés.</p>
|
|
</div>
|
|
</div>
|
|
<div class="packaging-step animate-on-scroll">
|
|
<div class="packaging-step-icon" aria-hidden="true">
|
|
<i class="fa-solid fa-shield"></i>
|
|
</div>
|
|
<div>
|
|
<h3><span style="color: var(--gold);">02.</span> <span data-i18n="guide.pack2Title">Protégez le contenu</span></h3>
|
|
<p data-i18n="guide.pack2Desc">Emballez chaque article individuellement avec du papier bulle ou de la mousse. Comblez les espaces vides pour éviter les mouvements.</p>
|
|
</div>
|
|
</div>
|
|
<div class="packaging-step animate-on-scroll">
|
|
<div class="packaging-step-icon" aria-hidden="true">
|
|
<i class="fa-solid fa-tape"></i>
|
|
</div>
|
|
<div>
|
|
<h3><span style="color: var(--gold);">03.</span> <span data-i18n="guide.pack3Title">Scellez correctement</span></h3>
|
|
<p data-i18n="guide.pack3Desc">Utilisez du ruban adhésif épais et de haute qualité. Scellez toutes les ouvertures et renforcez les bords.</p>
|
|
</div>
|
|
</div>
|
|
<div class="packaging-step animate-on-scroll">
|
|
<div class="packaging-step-icon" aria-hidden="true">
|
|
<i class="fa-solid fa-tag"></i>
|
|
</div>
|
|
<div>
|
|
<h3><span style="color: var(--gold);">04.</span> <span data-i18n="guide.pack4Title">Étiquetez clairement</span></h3>
|
|
<p data-i18n="guide.pack4Desc">Indiquez lisiblement le nom et l'adresse du destinataire. Ajoutez la mention "FRAGILE" si nécessaire.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- DO / DON'T -->
|
|
<section class="section section-gray" aria-label="Bonnes et mauvaises pratiques">
|
|
<div class="container">
|
|
<div class="section-header animate-on-scroll">
|
|
<h2>Bonnes Pratiques</h2>
|
|
<div class="gold-line"></div>
|
|
</div>
|
|
<div class="do-dont animate-on-scroll">
|
|
<div class="do-list">
|
|
<h3><i class="fa-solid fa-circle-check" aria-hidden="true"></i> <span data-i18n="guide.dosTitle">À Faire</span></h3>
|
|
<ul>
|
|
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do1">Utiliser un carton neuf et solide</span></li>
|
|
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do2">Emballer chaque objet individuellement</span></li>
|
|
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do3">Combler les vides avec du matériel de calage</span></li>
|
|
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do4">Indiquer clairement l'adresse du destinataire</span></li>
|
|
<li><i class="fa-solid fa-check" aria-hidden="true"></i><span data-i18n="guide.do5">Peser votre colis avant l'envoi</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="dont-list">
|
|
<h3><i class="fa-solid fa-circle-xmark" aria-hidden="true"></i> <span data-i18n="guide.dontsTitle">À Ne Pas Faire</span></h3>
|
|
<ul>
|
|
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont1">Utiliser des cartons usagés ou fragilisés</span></li>
|
|
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont2">Laisser des espaces vides dans le colis</span></li>
|
|
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont3">Envoyer des produits interdits par l'IATA</span></li>
|
|
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont4">Oublier d'étiqueter les objets fragiles</span></li>
|
|
<li><i class="fa-solid fa-xmark" aria-hidden="true"></i><span data-i18n="guide.dont5">Dépasser les dimensions autorisées</span></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- CTA -->
|
|
<section class="cta-banner">
|
|
<div class="container animate-on-scroll">
|
|
<h2 style="color: var(--white);">Une question sur votre envoi ?</h2>
|
|
<p style="color: rgba(255,255,255,0.75); margin-bottom: 24px;">Notre équipe est disponible tous les jours pour vous aider.</p>
|
|
<a href="contact.html" class="btn btn-primary">
|
|
<i class="fa-solid fa-envelope"></i> Nous contacter
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="footer" role="contentinfo">
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<a href="index.html" class="logo"><img src="PNG MVA GLOBAL FRET.png" alt="MVA Global Fret"></a>
|
|
<p data-i18n="footer.desc">Votre partenaire de confiance pour le fret aérien entre l'Europe et Madagascar.</p>
|
|
<div class="social-links">
|
|
<a href="https://www.facebook.com/profile.php?id=61573448820736" target="_blank" rel="noopener noreferrer" aria-label="Facebook"><i class="fa-brands fa-facebook-f"></i></a>
|
|
<a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" aria-label="Messenger"><i class="fa-brands fa-facebook-messenger"></i></a>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<h4 data-i18n="footer.linksTitle">Liens Rapides</h4>
|
|
<ul class="footer-links">
|
|
<li><a href="index.html" data-i18n="nav.home">Accueil</a></li>
|
|
<li><a href="about.html" data-i18n="nav.about">Qui sommes-nous</a></li>
|
|
<li><a href="tarifs.html" data-i18n="nav.pricing">Tarifs</a></li>
|
|
<li><a href="guide-envoi.html" data-i18n="nav.guide">Guide d'envoi</a></li>
|
|
<li><a href="contact.html" data-i18n="nav.contact">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
<div>
|
|
<h4 data-i18n="footer.contactTitle">Contact</h4>
|
|
<div class="footer-contact-item"><i class="fa-solid fa-phone"></i><a href="tel:+261384973751">+261 38 49 737 51</a></div>
|
|
<div class="footer-contact-item"><i class="fa-solid fa-phone"></i><a href="tel:+33780970825">+33 7 80 97 08 25</a></div>
|
|
<div class="footer-contact-item"><i class="fa-solid fa-envelope"></i><a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a></div>
|
|
<div class="footer-contact-item"><i class="fa-solid fa-location-dot"></i><span>Antananarivo 101, Madagascar</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<div class="container">
|
|
<p data-i18n="footer.copyright">© 2025 MVA Global Fret. Tous droits réservés.</p>
|
|
<p style="margin-top:4px;"><a href="cgv.html" style="color:rgba(255,255,255,0.45); font-size:0.8rem;">Conditions Générales de Vente</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="js/translations.js"></script>
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|