feat(aep): têtes Jobs (S) et Réseaux AEP (M) + retrait des mentions Mistral

Arbitrages de Jules du 26/09 (table R §6) : 2A Jobs en S (tête ← slide 16),
1A Réseaux AEP en M (tête ← slide 17), 6 retrait de « Propulsé par Mistral »
et du badge « IA souveraine : Mistral AI », sans rien affirmer à la place.

- pages/trouver-du-taf.vue : EchelleTete S sous le titre, centrée comme l'en-tête ;
  note du chatbot réduite à « 20 questions/jour ».
- pages/agences.vue : popup Réseaux avec echelle="M".
- ChatbotPlaceholder, ChatbotSheet : phrase « serveur européen souverain
  (Mistral FR, zéro rétention) » retirée.
- a-propos : badge « IA souveraine » retiré.
Non touchés : cartes ia-card « Mistral Nemo / Small » d'À propos, « Mistral Le Chat »
d'Outils (hors consigne).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

components/ChatbotPlaceholder.vue

@@ -54,7 +54,6 @@
         <div v-if="messages.length === 0" class="onboarding-bubble">
           <p>Explore les 120 structures de la carte par la conversation. Je peux t'aider à trouver des collectifs, agences ou réseaux selon ta situation, ta pratique ou tes inspirations du moment.</p>
           <p class="example">Exemple : "Je cherche des acteurs de la rénovation de maisons individuelles en France, plutôt en milieu rural, avec des approches biosourcées ou low-tech."</p>
-          <p style="margin-top: 8px; font-size: 0.72rem; opacity: 0.6;">Propulsé par Mistral FR - serveur européen souverain, zéro rétention.</p>
         </div>
 
         <!-- Messages -->

components/ChatbotSheet.vue

@@ -69,7 +69,6 @@
         <div ref="messagesContainer" class="flex-1 overflow-y-auto px-4 py-4 flex flex-col gap-3">
           <!-- Message onboarding (avant la première question) -->
           <div v-if="messages.length === 0" class="onboarding-bubble">
-            <p>Ce chatbot fonctionne sur un serveur européen souverain (Mistral FR, zéro rétention), conçu sobre en énergie.</p>
             <p>Pour m'aider à te répondre efficacement, formule ta requête ainsi :</p>
             <ul>
               <li>• Besoin : [ce que tu cherches]</li>

pages/a-propos.vue

@@ -27,14 +27,6 @@
           Ce site tourne sur un VPS - un serveur privé loué en Europe - construit entièrement avec des logiciels open source, quasi gratuits. Pas de services Google, pas d'Amazon, pas de Microsoft dans la chaîne. C'est un choix délibéré : contrôler son infrastructure, c'est contrôler ses données.
         </p>
         <div class="badges-row">
-          <div class="badge">
-            <span class="badge-icon" aria-hidden="true">
-              <!-- Mistral logo placeholder -->
-              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
-            </span>
-            <span class="badge-label">IA souveraine</span>
-            <span class="badge-detail">Mistral AI, Paris - conforme RGPD ; pas de collecte ni de profiling ; aucun transfert hors UE</span>
-          </div>
           <div class="badge">
             <span class="badge-icon" aria-hidden="true">
               <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>

pages/agences.vue

@@ -484,6 +484,7 @@
       title="Réseaux AEP — l'architecture qui s'engage"
       ctaLabel="Explorer les 120 réseaux"
       storageKey="aep_reseaux_seen"
+      echelle="M"
     >
       <p class="mission-text">
         Cette carte rassemble <strong>120 réseaux, collectifs et agences</strong> qui pratiquent une architecture engagée — écologique, politique, biorégionale. Ce ne sont pas seulement des agences «&nbsp;vertes&nbsp;»&nbsp;: ce sont celles et ceux qui assument des positions, refusent des projets, expérimentent des modèles de gouvernance, mettent leurs ressources et leurs savoirs en commun.

pages/trouver-du-taf.vue

@@ -5,6 +5,7 @@
     <div class="taff-header">
       <div class="taff-header-inner">
         <h1 class="taff-title">Trouver du taf en archi</h1>
+        <EchelleTete echelle="S" :contribuer="false" class="taff-echelle-tete" />
         <p class="taff-subtitle">
           Annuaire critique des plateformes de mise en relation et d'appels d'offres,
           pour les <strong>architectes indépendants</strong> — 70&nbsp;% de la profession et sa part la plus précaire économiquement.
@@ -296,7 +297,7 @@
               </svg>
             </button>
           </div>
-          <p class="taff-chat-footer-note">Propulsé par Mistral · 20 questions/jour</p>
+          <p class="taff-chat-footer-note">20 questions/jour</p>
         </div>
       </Transition>
     </Teleport>
@@ -649,6 +650,10 @@ const parsedDescription = computed(() => {
 
 .taff-header { padding: 2.5rem 1.5rem 1.5rem; border-bottom: 1px solid var(--nav-bg-alt); text-align: center; }
 .taff-header-inner { max-width: 680px; margin: 0 auto; }
+/* En-tête Jobs centré : la tête d'échelle suit. */
+.taff-echelle-tete { text-align: center; margin-bottom: var(--space-md); }
+.taff-echelle-tete :deep(.echelle-tete__kicker),
+.taff-echelle-tete :deep(.echelle-tete__mots) { justify-content: center; }
 .taff-title { font-size: 1.875rem; font-weight: 800; color: var(--nav-text); margin-bottom: 0.5rem; letter-spacing: -0.02em; }
 .taff-subtitle { font-size: 0.9375rem; color: var(--nav-text-muted); line-height: 1.6; margin-bottom: 0.625rem; }
 .taff-cible { font-size: 0.875rem; color: var(--nav-text-muted); line-height: 1.55; margin-bottom: 1rem; font-style: italic; }