fix(b3): M5 — textes alignés sur le deck du 23/09 (popup média, nav mobile, À propos, Proposer, familles)

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

components/IntentionBanner.vue

@@ -31,7 +31,7 @@
           <p style="font-size: 0.875rem; line-height: 1.6; opacity: 0.75; margin: 0 0 24px 0;">
             Elle ne prétend pas à l'exhaustivité. Elle est un geste politique :
             rendre visible ce qui se transforme, comment, par qui, où.
-            5 familles et des hashtags vous permettent d'explorer.
+            Six familles et des hashtags vous permettent d'explorer.
           </p>
           <button
             @click="dismiss"

components/MediaTabVisuel.vue

@@ -263,10 +263,10 @@
       <Transition name="modal">
         <div v-if="ragInfoOpen" class="fixed z-[2001] left-1/2 flex flex-col"
           style="top:50%;transform:translate(-50%,-50%);width:min(580px,94vw);max-height:85vh;background:var(--nav-bg);border-radius:14px;box-shadow:0 16px 64px rgba(26,34,56,0.28);overflow:hidden;"
-          role="dialog" aria-modal="true" aria-label="A propos du RAG FRACAS">
+          role="dialog" aria-modal="true" aria-label="À propos du RAG FRACAS">
           <div class="flex items-center justify-between px-5 py-4 shrink-0"
             style="border-bottom:2px solid var(--nav-bg-alt);background:var(--nav-surface);">
-            <h2 class="font-bold text-base" style="color:var(--nav-text);">FRACAS - Bibliotheque des pensees ecologiques</h2>
+            <h2 class="font-bold text-base" style="color:var(--nav-text);">FRACAS - Bibliothèque des pensées écologiques</h2>
             <button @click="ragInfoOpen = false" class="ml-3 shrink-0 flex items-center justify-center w-8 h-8 rounded-full hover:opacity-70"
               style="background:var(--nav-bg-alt);color:var(--nav-text-muted);" aria-label="Fermer">
               <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round">
@@ -275,8 +275,8 @@
             </button>
           </div>
           <div class="flex-1 overflow-y-auto px-5 py-4" style="color:var(--nav-text);font-size:0.875rem;line-height:1.6;">
-            <p class="mb-3">Une bibliotheque parlante politisee - des pensees ecologiques de gauche, organisees pour aider a creer une pensee complexe et nuancee, critiquer le recit dominant et soutenir des alternatives concretes et des projets collectifs.</p>
-            <p class="mb-4" style="color:var(--nav-text-muted);font-size:0.8rem;">Projet open source, ouvert a toutes et a tous - <a href="https://bonpote.com/la-carte-des-pensees-ecologiques/" target="_blank" rel="noopener" style="text-decoration:underline;">article + carte FRACAS Bonpote V2</a>.</p>
+            <p class="mb-3">Une bibliothèque parlante des pensées écologiques, organisée pour aider à créer une pensée complexe et nuancée, à soutenir l'écriture de nouveaux récits, des alternatives concrètes et des projets collectifs.</p>
+            <p class="mb-4" style="color:var(--nav-text-muted);font-size:0.8rem;">Projet open source, ouvert à toutes et à tous - <a href="https://bonpote.com/la-carte-des-pensees-ecologiques/" target="_blank" rel="noopener" style="text-decoration:underline;">article + carte FRACAS Bonpote V2</a>.</p>
             <div class="flex flex-col gap-3">
               <div class="p-3 rounded-lg" style="background:var(--nav-bg-alt);">
                 <p class="font-semibold mb-1" style="font-size:0.8rem;color:var(--nav-text-muted);text-transform:uppercase;letter-spacing:0.05em;">Ce qu'est un RAG</p>