feat(v13-f): palette desopacifiee pills + toggle cols laterales + footer gap-6 + manifeste CTA bord rouge

src/components/vue/ManifesteContent.vue

@@ -20,13 +20,8 @@
       <p class="mt-3 text-neutral-600 text-sm md:text-base leading-relaxed">
         Un commun vivant pour bifurquer ; ensemble, lentement, par accumulation de petits gestes situés.
       </p>
+      <!-- V1.3-F : CTA "commander" deplace tout en bas (apres lecture). Le seul lien d'entete = page complete. -->
       <div class="mt-5 flex flex-wrap gap-2">
-        <a
-          href="/manifeste/commander"
-          class="inline-block px-4 py-2 border border-neutral-900 text-neutral-900 rounded-lg font-medium text-sm hover:bg-neutral-900 hover:text-white transition-colors"
-        >
-          Commander la version imprimée
-        </a>
         <a
           href="/manifeste"
           class="inline-block px-4 py-2 border border-neutral-300 text-neutral-700 rounded-lg text-sm hover:border-neutral-900 hover:text-neutral-900 transition-colors"
@@ -134,8 +129,22 @@
       </p>
     </div>
 
+    <!-- V1.3-F : CTA commander version papier — bord rouge brique #B5443A, signal politique fort.
+         Place en bas, apres lecture : j'achete, tranquille. -->
+    <section class="mt-10 pt-6 border-t border-neutral-200 text-center">
+      <p class="text-xs italic text-neutral-500 mb-3">
+        Manifeste lu. J'achete la version papier, tranquille.
+      </p>
+      <a
+        href="/manifeste/commander"
+        class="inline-block px-5 py-2.5 border-2 border-[#B5443A] text-[#0F172A] bg-[#FAFAF7] font-medium text-sm hover:bg-[#E5C3BE] transition-colors"
+      >
+        Commander la version papier
+      </a>
+    </section>
+
     <!-- Footer simple : lien vers page complete pour les detail (mouvements, etc.) -->
-    <footer class="mt-10 pt-6 border-t border-neutral-200 text-center">
+    <footer class="mt-6 pt-4 border-t border-neutral-200 text-center">
       <a
         href="/manifeste"
         target="_blank"