Fix remaining hardcoded French texts (i18n complete audit)

Critical fixes (user-reported):
- tarifs.html: delivery1Note "Livraison à domicile disponible"
- tarifs.html: delivery2Note "Retrait au bureau Cotisse de votre ville"
- contact.html: cgvLabel checkbox (with embedded CGV link, uses data-i18n-html)

Application page (mockup phone + payment methods section):
- mockupFlightTitle/Sub, mockupTab All/Transit/Delivered, mockupBadgeTransit
- mockupItemName/Ref, mockupStep1/3, mockupOrder1/2
- mockupPaymentTitle, mockupArrived
- paymentTitle, paymentSubtitle, cardLabel

Other pages:
- guide-envoi.html: warningContact callout paragraph
- about.html: channelMessenger/MessengerAction/PhoneMG/PhoneFR/Email labels

All keys added in FR/EN/MG.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

about.html

@@ -157,22 +157,22 @@
         <div class="channels-grid">
           <div class="channel-card animate-on-scroll delay-1">
             <i class="fa-brands fa-facebook-messenger" aria-hidden="true"></i>
-            <h4>Messenger</h4>
+            <h4 data-i18n="about.channelMessenger">Messenger</h4>
-            <p><a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer">Discuter sur Messenger</a></p>
+            <p><a href="https://m.me/61573448820736" target="_blank" rel="noopener noreferrer" data-i18n="about.channelMessengerAction">Discuter sur Messenger</a></p>
           </div>
           <div class="channel-card animate-on-scroll delay-2">
             <i class="fa-solid fa-phone" aria-hidden="true"></i>
-            <h4>Madagascar</h4>
+            <h4 data-i18n="about.channelPhoneMG">Madagascar</h4>
             <p><a href="tel:+261384973751">+261 38 49 737 51</a></p>
           </div>
           <div class="channel-card animate-on-scroll delay-3">
             <i class="fa-solid fa-phone" aria-hidden="true"></i>
-            <h4>France</h4>
+            <h4 data-i18n="about.channelPhoneFR">France</h4>
             <p><a href="tel:+33780970825">+33 7 80 97 08 25</a></p>
           </div>
           <div class="channel-card animate-on-scroll delay-4">
             <i class="fa-solid fa-envelope" aria-hidden="true"></i>
-            <h4>Email</h4>
+            <h4 data-i18n="about.channelEmail">Email</h4>
             <p><a href="mailto:mvaglobalfret@gmail.com">mvaglobalfret@gmail.com</a></p>
           </div>
         </div>

application.html

@@ -105,8 +105,8 @@
               <div class="float-notif float-notif--flight">
                 <div class="float-notif-icon"><i class="fa-solid fa-plane"></i></div>
                 <div>
-                  <div class="float-notif-title">En vol vers Madagascar</div>
+                  <div class="float-notif-title" data-i18n="app.mockupFlightTitle">En vol vers Madagascar</div>
-                  <div class="float-notif-sub">Arrivée estimée · 5 avril</div>
+                  <div class="float-notif-sub" data-i18n="app.mockupFlightSub">Arrivée estimée · 5 avril</div>
                   <div class="fnp-bar-wrap">
                     <span>Orly</span>
                     <div class="fnp-bar"><div class="fnp-fill"></div></div>
@@ -144,12 +144,12 @@
                         <div class="iphone-avatar">H</div>
                       </div>
                       <div class="iphone-tabs">
-                        <span class="itab itab--active">Tout</span>
+                        <span class="itab itab--active" data-i18n="app.mockupTabAll">Tout</span>
-                        <span class="itab">En transit</span>
+                        <span class="itab" data-i18n="app.mockupTabTransit">En transit</span>
-                        <span class="itab">Livrées</span>
+                        <span class="itab" data-i18n="app.mockupTabDelivered">Livrées</span>
                       </div>
                       <div class="iphone-pkg">
-                        <div class="ipkg-badge"><span class="ipkg-dot"></span>EN TRANSIT</div>
+                        <div class="ipkg-badge"><span class="ipkg-dot"></span><span data-i18n="app.mockupBadgeTransit">EN TRANSIT</span></div>
                         <div class="ipkg-icon">
                           <!-- Icône colis SVG style line-art comme le site référence -->
                           <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -159,8 +159,8 @@
                             <path d="M14 9L34 19" stroke="#C9A84C" stroke-width="2" stroke-linecap="round"/>
                           </svg>
                         </div>
-                        <div class="ipkg-name">Paire de sneakers</div>
+                        <div class="ipkg-name" data-i18n="app.mockupItemName">Paire de sneakers</div>
-                        <div class="ipkg-ref">Boutique France · CMD-0847</div>
+                        <div class="ipkg-ref" data-i18n="app.mockupItemRef">Boutique France · CMD-0847</div>
                         <div class="ipkg-price">485 000 <em>Ar</em></div>
                         <div class="ipkg-track">
                           <span class="itrack-dot done"></span>
@@ -171,16 +171,16 @@
                           <span class="itrack-line"></span>
                           <span class="itrack-dot"></span>
                         </div>
-                        <div class="ipkg-labels"><span>Achat</span><span>Orly</span><span>Vol</span><span>Tana</span></div>
+                        <div class="ipkg-labels"><span data-i18n="app.mockupStep1">Achat</span><span>Orly</span><span data-i18n="app.mockupStep3">Vol</span><span>Tana</span></div>
                       </div>
                       <div class="iphone-order">
                         <span class="iorder-dot"></span>
-                        <span>Livrée · Vêtement</span>
+                        <span data-i18n="app.mockupOrder1">Livrée · Vêtement</span>
                         <span class="iorder-price">195 000 Ar</span>
                       </div>
                       <div class="iphone-order">
                         <span class="iorder-dot"></span>
-                        <span>Livrée · Sport</span>
+                        <span data-i18n="app.mockupOrder2">Livrée · Sport</span>
                         <span class="iorder-price">78 000 Ar</span>
                       </div>
                     </div>
@@ -192,14 +192,14 @@
               <div class="float-notif float-notif--payment">
                 <div class="float-notif-check"><i class="fa-solid fa-check"></i></div>
                 <div>
-                  <div class="float-notif-title">Paiement confirmé</div>
+                  <div class="float-notif-title" data-i18n="app.mockupPaymentTitle">Paiement confirmé</div>
                   <div class="float-notif-sub">MVola · 485 000 Ar</div>
                 </div>
               </div>
 
               <!-- Pill bas-gauche : Arrivé au dépôt -->
               <div class="float-pill">
-                <span class="float-pill-dot"></span>Arrivé au dépôt Orly
+                <span class="float-pill-dot"></span><span data-i18n="app.mockupArrived">Arrivé au dépôt Orly</span>
               </div>
 
             </div>
@@ -213,9 +213,9 @@
     <section class="section" style="background: var(--white);" aria-labelledby="payment-title">
       <div class="container" style="text-align: center;">
         <div class="animate-on-scroll">
-          <h2 id="payment-title">Moyens de Paiement Acceptés</h2>
+          <h2 id="payment-title" data-i18n="app.paymentTitle">Moyens de Paiement Acceptés</h2>
           <div class="gold-line"></div>
-          <p style="color: var(--text-light); margin-bottom: 40px;">Payez avec votre portefeuille mobile, en toute sécurité</p>
+          <p style="color: var(--text-light); margin-bottom: 40px;" data-i18n="app.paymentSubtitle">Payez avec votre portefeuille mobile, en toute sécurité</p>
         </div>
         <div style="display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;">
           <div class="animate-on-scroll delay-1" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
@@ -235,7 +235,7 @@
           </div>
           <div class="animate-on-scroll delay-4" style="text-align:center; padding: 24px 32px; background: var(--light-gray); border-radius: 16px; min-width: 140px;">
             <i class="fa-solid fa-credit-card" style="font-size: 2.5rem; color: #1a1a3e; margin-bottom: 12px; display:block;"></i>
-            <strong style="display: block; color: var(--navy);">Carte Bancaire</strong>
+            <strong style="display: block; color: var(--navy);" data-i18n="app.cardLabel">Carte Bancaire</strong>
             <span style="font-size: 0.8rem; color: var(--text-light);">Visa / Mastercard</span>
           </div>
         </div>

contact.html

@@ -140,7 +140,7 @@
                 <label style="display:flex; align-items:flex-start; gap:10px; cursor:pointer; font-weight:400; color:var(--text-light); font-size:0.9rem;">
                   <input type="checkbox" id="cgv" name="cgv" required
                     style="width:18px; height:18px; margin-top:2px; flex-shrink:0; accent-color:var(--gold); cursor:pointer;">
-                  <span>J'ai lu et j'accepte les <a href="cgv.html" target="_blank" style="color:var(--gold); font-weight:600; text-decoration:underline;">Conditions Générales de Vente</a> de MVA Global Fret.</span>
+                  <span data-i18n-html="contact.cgvLabel">J'ai lu et j'accepte les <a href="cgv.html" target="_blank" style="color:var(--gold); font-weight:600; text-decoration:underline;">Conditions Générales de Vente</a> de MVA Global Fret.</span>
                 </label>
                 <div class="form-error" id="error-cgv"></div>
               </div>

guide-envoi.html

@@ -144,7 +144,7 @@
         </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>
+          <p style="margin: 0; color: #7a5c00; font-size: 0.95rem;" data-i18n="guide.warningContact">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>

js/translations.js

@@ -61,7 +61,12 @@ const translations = {
       teamTitle: "membres dévoués à votre service",
       teamDesc: "Disponibles tous les jours pour vous accompagner dans vos envois. Sur Messenger, par téléphone ou par email — nous sommes toujours là pour vous.",
       channelsTitle: "Contactez-nous",
-      channelsSubtitle: "Plusieurs canaux pour vous répondre au plus vite"
+      channelsSubtitle: "Plusieurs canaux pour vous répondre au plus vite",
+      channelMessenger: "Messenger",
+      channelMessengerAction: "Discuter sur Messenger",
+      channelPhoneMG: "Madagascar",
+      channelPhoneFR: "France",
+      channelEmail: "Email"
     },
     tarifs: {
       heroTitle: "Nos Tarifs",
@@ -105,7 +110,9 @@ const translations = {
       pickupTitle: "Récupération au siège",
       pickupPrice: "Gratuit",
       pickupDesc: "Récupérez votre colis directement à notre siège à Antananarivo, sans frais supplémentaires.",
-      pickupNote: "Aucun frais de livraison"
+      pickupNote: "Aucun frais de livraison",
+      delivery1Note: "Livraison à domicile disponible",
+      delivery2Note: "Retrait au bureau Cotisse de votre ville"
     },
     contact: {
       heroTitle: "Contactez-Nous",
@@ -153,7 +160,8 @@ const translations = {
       priceDetail1: "70 000 Ar / kg",
       priceDetail2: "Paiement à la réception",
       priceDetail3: "2 envois / semaine",
-      priceDetail4: "Livraison en 2 semaines à compter du dépôt à Paris"
+      priceDetail4: "Livraison en 2 semaines à compter du dépôt à Paris",
+      cgvLabel: "J'ai lu et j'accepte les <a href=\"cgv.html\" target=\"_blank\" style=\"color:var(--gold); font-weight:600; text-decoration:underline;\">Conditions Générales de Vente</a> de MVA Global Fret."
     },
     guide: {
       heroTitle: "Guide d'Envoi",
@@ -209,7 +217,8 @@ const translations = {
       bestPracticesTitle: "Bonnes Pratiques",
       ctaTitle: "Une question sur votre envoi ?",
       ctaSubtitle: "Notre équipe est disponible tous les jours pour vous aider.",
-      ctaCta: "Nous contacter"
+      ctaCta: "Nous contacter",
+      warningContact: "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."
     },
     app: {
       badge: "Bientôt Disponible",
@@ -230,7 +239,24 @@ const translations = {
       ctaTitle: "En attendant le lancement de l'application",
       ctaSubtitle: "Notre service de fret aérien est disponible dès maintenant. Inscrivez-vous et commencez à envoyer vos colis.",
       registerNow: "S'inscrire maintenant",
-      viewPricing: "Voir les tarifs"
+      viewPricing: "Voir les tarifs",
+      mockupFlightTitle: "En vol vers Madagascar",
+      mockupFlightSub: "Arrivée estimée · 5 avril",
+      mockupTabAll: "Tout",
+      mockupTabTransit: "En transit",
+      mockupTabDelivered: "Livrées",
+      mockupBadgeTransit: "EN TRANSIT",
+      mockupItemName: "Paire de sneakers",
+      mockupItemRef: "Boutique France · CMD-0847",
+      mockupStep1: "Achat",
+      mockupStep3: "Vol",
+      mockupOrder1: "Livrée · Vêtement",
+      mockupOrder2: "Livrée · Sport",
+      mockupPaymentTitle: "Paiement confirmé",
+      mockupArrived: "Arrivé au dépôt Orly",
+      paymentTitle: "Moyens de Paiement Acceptés",
+      paymentSubtitle: "Payez avec votre portefeuille mobile, en toute sécurité",
+      cardLabel: "Carte Bancaire"
     },
     footer: {
       desc: "Votre partenaire de confiance pour le fret aérien entre l'Europe et Madagascar.",
@@ -307,7 +333,12 @@ const translations = {
       teamTitle: "team members dedicated to your service",
       teamDesc: "Available every day to assist you with your shipments. On Messenger, by phone or by email — we are always there for you.",
       channelsTitle: "Contact Us",
-      channelsSubtitle: "Multiple channels to respond to you as quickly as possible"
+      channelsSubtitle: "Multiple channels to respond to you as quickly as possible",
+      channelMessenger: "Messenger",
+      channelMessengerAction: "Chat on Messenger",
+      channelPhoneMG: "Madagascar",
+      channelPhoneFR: "France",
+      channelEmail: "Email"
     },
     tarifs: {
       heroTitle: "Our Pricing",
@@ -348,6 +379,8 @@ const translations = {
       pickupPrice: "Free",
       pickupDesc: "Pick up your parcel directly at our headquarters in Antananarivo, free of charge.",
       pickupNote: "No delivery fee",
+      delivery1Note: "Home delivery available",
+      delivery2Note: "Pickup at your city's Cotisse office",
       faq4Q: "What if my parcel is fragile?",
       faq4A: "We recommend carefully packaging your fragile items. Check our shipping guide for packaging best practices.",
       ctaText: "Have questions? Contact us",
@@ -399,7 +432,8 @@ const translations = {
       priceDetail1: "70,000 Ar / kg",
       priceDetail2: "Payment upon receipt",
       priceDetail3: "2 shipments / week",
-      priceDetail4: "Delivery within 2 weeks from Paris depot"
+      priceDetail4: "Delivery within 2 weeks from Paris depot",
+      cgvLabel: "I have read and accept MVA Global Fret's <a href=\"cgv.html\" target=\"_blank\" style=\"color:var(--gold); font-weight:600; text-decoration:underline;\">Terms and Conditions of Sale</a>."
     },
     guide: {
       heroTitle: "Shipping Guide",
@@ -455,7 +489,8 @@ const translations = {
       bestPracticesTitle: "Best Practices",
       ctaTitle: "A question about your shipment?",
       ctaSubtitle: "Our team is available every day to help you.",
-      ctaCta: "Contact Us"
+      ctaCta: "Contact Us",
+      warningContact: "If in doubt about an item, please don't hesitate to contact us before sending your parcel. Our team will respond as quickly as possible."
     },
     app: {
       badge: "Coming Soon",
@@ -476,7 +511,24 @@ const translations = {
       ctaTitle: "While waiting for the app launch",
       ctaSubtitle: "Our air freight service is available right now. Register and start sending your parcels.",
       registerNow: "Register Now",
-      viewPricing: "View Pricing"
+      viewPricing: "View Pricing",
+      mockupFlightTitle: "In flight to Madagascar",
+      mockupFlightSub: "Estimated arrival · April 5",
+      mockupTabAll: "All",
+      mockupTabTransit: "In transit",
+      mockupTabDelivered: "Delivered",
+      mockupBadgeTransit: "IN TRANSIT",
+      mockupItemName: "Pair of sneakers",
+      mockupItemRef: "France store · CMD-0847",
+      mockupStep1: "Purchase",
+      mockupStep3: "Flight",
+      mockupOrder1: "Delivered · Clothing",
+      mockupOrder2: "Delivered · Sports",
+      mockupPaymentTitle: "Payment confirmed",
+      mockupArrived: "Arrived at Orly depot",
+      paymentTitle: "Accepted Payment Methods",
+      paymentSubtitle: "Pay safely with your mobile wallet",
+      cardLabel: "Bank Card"
     },
     footer: {
       desc: "Your trusted partner for air freight between Europe and Madagascar.",
@@ -553,7 +605,12 @@ const translations = {
       teamTitle: "mpikambana manolo-tena ho anareo",
       teamDesc: "Azo antsoina isan'andro mba hanampy anareo amin'ny fandefasana. Amin'ny Messenger, an-telefaonina na amin'ny mailaka — eo foana izahay ho anareo.",
       channelsTitle: "Mifandraisa aminay",
-      channelsSubtitle: "Lalana maro mba hamaliana anareo haingana indrindra"
+      channelsSubtitle: "Lalana maro mba hamaliana anareo haingana indrindra",
+      channelMessenger: "Messenger",
+      channelMessengerAction: "Hifandray amin'ny Messenger",
+      channelPhoneMG: "Madagasikara",
+      channelPhoneFR: "Frantsa",
+      channelEmail: "Mailaka"
     },
     tarifs: {
       heroTitle: "Ny Sarany",
@@ -596,6 +653,8 @@ const translations = {
       pickupPrice: "Maimaim-poana",
       pickupDesc: "Alao ny entanareo mivantana any amin'ny sediraonay any Antananarivo, tsy misy sarany fanampiny.",
       pickupNote: "Tsy misy saran'ny fanaterana",
+      delivery1Note: "Misy fanaterana an-tokantrano",
+      delivery2Note: "Fakana ao amin'ny biraon'i Cotisse ao amin'ny tananareo",
       ctaText: "Manana fanontaniana? Mifandraisa aminay",
       ctaBtn: "Mifandraisa aminay"
     },
@@ -645,7 +704,8 @@ const translations = {
       priceDetail1: "70 000 Ar / kilao",
       priceDetail2: "Fandoavana rehefa voaray",
       priceDetail3: "Fandefasana 2 isan-kerinandro",
-      priceDetail4: "Fanaterana ao anatin'ny 2 herinandro hatramin'ny toby Paris"
+      priceDetail4: "Fanaterana ao anatin'ny 2 herinandro hatramin'ny toby Paris",
+      cgvLabel: "Novakiako sy ekeko ny <a href=\"cgv.html\" target=\"_blank\" style=\"color:var(--gold); font-weight:600; text-decoration:underline;\">Fepetra Ankapoben'ny Varotra</a> an'ny MVA Global Fret."
     },
     guide: {
       heroTitle: "Toromarika Fandefasana",
@@ -701,7 +761,8 @@ const translations = {
       bestPracticesTitle: "Fomba tsara indrindra",
       ctaTitle: "Manana fanontaniana momba ny fandefasananareo?",
       ctaSubtitle: "Azo antsoina isan'andro ny ekipanay mba hanampy anareo.",
-      ctaCta: "Mifandraisa aminay"
+      ctaCta: "Mifandraisa aminay",
+      warningContact: "Raha misy fisalasalana momba ny entana, aza misalasala mifandray aminay alohan'ny handefasana ny entanareo. Hamaly anareo haingana ny ekipanay."
     },
     app: {
       badge: "Ho Avy Tsy Ho Ela",
@@ -722,7 +783,24 @@ const translations = {
       ctaTitle: "Miandry ny fanomanana ny fampiharana",
       ctaSubtitle: "Azo ampiasaina ankehitriny ny serivisy fandefasana entana an'habakabaka. Misoratra anarana ary manomboka mandefa ny entanareo.",
       registerNow: "Hisoratra anarana",
-      viewPricing: "Jereo ny sarany"
+      viewPricing: "Jereo ny sarany",
+      mockupFlightTitle: "Eny am-pidinana mankany Madagasikara",
+      mockupFlightSub: "Tonga ny · 5 Aprily",
+      mockupTabAll: "Rehetra",
+      mockupTabTransit: "Eny an-dalana",
+      mockupTabDelivered: "Voatatitra",
+      mockupBadgeTransit: "ENY AN-DALANA",
+      mockupItemName: "Kiraro fanatanjahantena",
+      mockupItemRef: "Fivarotana France · CMD-0847",
+      mockupStep1: "Vidiana",
+      mockupStep3: "Sidina",
+      mockupOrder1: "Voatatitra · Akanjo",
+      mockupOrder2: "Voatatitra · Fanatanjahantena",
+      mockupPaymentTitle: "Voamarina ny fandoavam-bola",
+      mockupArrived: "Tonga ao amin'ny toby Orly",
+      paymentTitle: "Fomba Fandoavam-bola Ekena",
+      paymentSubtitle: "Andoavy amin'ny finday ny vola, amin'ny filaminana feno",
+      cardLabel: "Karatra Banky"
     },
     footer: {
       desc: "Mpiara-miasa azo itokisana amin'ny fandefasana entana an'habakabaka eo anelanelan'i Eoropa sy Madagasikara.",

tarifs.html

@@ -133,7 +133,7 @@
             <div class="delivery-price" data-i18n="tarifs.delivery1Price">+ 6 000 Ar</div>
             <p data-i18n="tarifs.delivery1Desc">Supplément de livraison pour toute adresse dans Antananarivo.</p>
             <div style="margin-top: 12px; padding: 10px; background: var(--light-gray); border-radius: 6px; font-size: 0.85rem; color: var(--text-light);">
-              <i class="fa-solid fa-check" style="color: var(--green);"></i> Livraison à domicile disponible
+              <i class="fa-solid fa-check" style="color: var(--green);"></i> <span data-i18n="tarifs.delivery1Note">Livraison à domicile disponible</span>
             </div>
           </div>
           <div class="delivery-card animate-on-scroll delay-3">
@@ -141,7 +141,7 @@
             <div class="delivery-price" data-i18n="tarifs.delivery2Price">+ 6 000 Ar + frais Cotisse</div>
             <p data-i18n="tarifs.delivery2Desc">6 000 Ar de livraison jusqu'à Cotisse (transporteur vers les autres villes), puis frais Cotisse à prévoir. Le client récupère son colis au Cotisse de sa ville.</p>
             <div style="margin-top: 12px; padding: 10px; background: var(--light-gray); border-radius: 6px; font-size: 0.85rem; color: var(--text-light);">
-              <i class="fa-solid fa-info-circle" style="color: var(--amber);"></i> Retrait au bureau Cotisse de votre ville
+              <i class="fa-solid fa-info-circle" style="color: var(--amber);"></i> <span data-i18n="tarifs.delivery2Note">Retrait au bureau Cotisse de votre ville</span>
             </div>
           </div>
         </div>