---
export const prerender = true;

import BaseLayout from '../layouts/BaseLayout.astro';
import HamburgerMenu from '../components/astro/HamburgerMenu.astro';
---
<BaseLayout
  title="Manifeste - Architecture d'Ecologie Politique"
  description="Manifeste AEP : un commun vivant pour une architecture d'ecologie politique. Architectes, allie-es, habitant-es."
  isArticle={true}
  articleDate="2026-05-01"
  articleDescription="Manifeste fondateur des Agences d'Ecologie Politique - un commun vivant pour bifurquer ensemble."
>
  <HamburgerMenu />

  <main class="h-full overflow-y-auto bg-white">
    <article class="max-w-2xl mx-auto px-6 py-16 md:py-24">

      <!-- En-tete -->
      <header class="mb-12 md:mb-16">
        <p class="text-sm uppercase tracking-widest text-neutral-500 mb-3">
          Manifeste
        </p>
        <h1 class="text-3xl md:text-4xl font-semibold text-neutral-900 leading-tight">
          Architecture d'Ecologie Politique
        </h1>
        <p class="mt-4 text-neutral-600 text-base md:text-lg leading-relaxed">
          Un commun vivant pour bifurquer ; ensemble, lentement, par accumulation de petits gestes situes.
        </p>
        <!-- V1.3-F : CTA "commander" deplace tout en bas de page (apres avoir lu). -->
      </header>

      <!-- Corps du manifeste -->
      <div class="text-neutral-800 text-[17px] md:text-[18px] leading-[1.75] space-y-6">

        <p class="italic text-neutral-700">
          Un quart des architectes vivent sous le seuil de pauvrete. La moitie de nos heures, non facturees. Nos cotisations, parmi les plus lourdes des professions reglementees. Et le secteur du batiment, a lui seul, pese 34% des emissions mondiales de gaz a effet de serre.
        </p>

        <p>
          Quelque chose s'est rompu ; pas dans nos vies, dans les cadres qui les contiennent.
        </p>

        <p>
          Notre profession ne traverse pas une simple crise. Elle reflete l'effondrement d'un monde qui confond performance et destruction, signature et silence, expertise et soumission.
        </p>

        <hr class="border-neutral-200 my-8" />

        <h2 class="text-xl md:text-2xl font-semibold text-neutral-900 mt-12 mb-4">
          Ce que nous voyons.
        </h2>

        <p>
          A l'echelle du metier, une profession structurellement sous l'eau, qui absorbe les tensions d'un systeme extractiviste ; et porte la responsabilite quand d'autres captent la valeur.
        </p>

        <p>
          A l'echelle des corps, une culture qui rend l'exploitation desirable : metier-passion, modele starchitecte, isolement liberal, moteur critique delegitimant. Nous tenons. Nous payons.
        </p>

        <p>
          A l'echelle du monde, l'effondrement ecologique et social qui avance, pendant que notre voix s'efface du debat public. Notre silence le sert.
        </p>

        <hr class="border-neutral-200 my-8" />

        <h2 class="text-xl md:text-2xl font-semibold text-neutral-900 mt-12 mb-4">
          Ce que nous refusons.
        </h2>

        <p>
          Nous ne signerons plus pour des projets qui detruisent.<br />
          Nous n'isolerons plus celles et ceux qui doutent.<br />
          Nous ne porterons plus seul-es ce qui doit se penser, se faire ; et se soigner ; ensemble.
        </p>

        <hr class="border-neutral-200 my-8" />

        <!-- Pivot : centre emotionnel du texte (italique + retrait) -->
        <blockquote class="my-12 md:my-16 px-6 md:px-10 py-6 border-l-4 border-neutral-900 italic text-neutral-800 text-lg md:text-xl leading-relaxed">
          <p class="font-medium not-italic mb-3 text-neutral-900">
            Et pourtant, quelque chose tient.
          </p>
          <p>
            Pas l'espoir naif, ni la promesse heroique. Quelque chose de plus humble : la fatigue commune reconnue, et l'envie qui revient de ne plus economiser sa vie.
          </p>
        </blockquote>

        <hr class="border-neutral-200 my-8" />

        <h2 class="text-xl md:text-2xl font-semibold text-neutral-900 mt-12 mb-4">
          Ce que nous tentons.
        </h2>

        <p>
          <em class="font-semibold not-italic">Partager.</em> Nos parcours, nos doutes, nos bifurcations. Se former les un-es les autres. Se tendre la main. Documenter ce qui marche, ce qui rate. Le personnel devient politique quand il se met en commun.
        </p>

        <p>
          <em class="font-semibold not-italic">Construire.</em> L'infrastructure collective qui nous a manque. Cartes d'entraide, communs documentes, gouvernance horizontale, financement transparent, infra souveraine. <strong>Architecture d'Ecologie Politique</strong> : un commun vivant, ouvert, bioregional, ancre.
        </p>

        <p>
          <em class="font-semibold not-italic">Pratiquer une medecine du corps social.</em> Diagnostiquer les infrastructures qui defaillent ; l'education, la justice, la securite, l'energie, la sante, le logement, l'agriculture. Proposer des reconfigurations situees, territoire par territoire. Reprendre le pouvoir par la base. Ecrire, lentement, un nouveau contrat social.
        </p>

        <p>
          <em class="font-semibold not-italic">Commencer par les marges.</em> La ou le corps social souffre le plus, la ou il est le plus pret a changer. Ne pas decider a la place ; faire emerger. Transparence totale, sur le process et sur l'argent. Tendresse militante : la lucidite sans le mepris, l'engagement sans la durete.
        </p>

        <hr class="border-neutral-200 my-8" />

        <h2 class="text-xl md:text-2xl font-semibold text-neutral-900 mt-12 mb-4">
          Architectes, allie-es, habitant-es.
        </h2>

        <p>
          Nous avons un travail a faire ensemble. Lentement, patiemment, par accumulation de petits gestes situes. Pas pour fuir ; pour bifurquer.
        </p>

        <!-- Chute : italique, separee -->
        <p class="mt-10 md:mt-12 italic text-neutral-900 text-lg md:text-xl leading-relaxed">
          Nos metiers sont des medecines. Reprenons-en le pouls ; a mains nues, ensemble.
        </p>
      </div>

      <!-- Diagramme ASCII : recap des mouvements -->
      <section class="mt-16 md:mt-20 pt-10 border-t border-neutral-200">
        <h2 class="text-xl md:text-2xl font-semibold text-neutral-900 mb-6">
          Les mouvements
        </h2>

        <div class="space-y-6 text-sm">
          <div class="border border-neutral-200 rounded-lg p-5 bg-neutral-50">
            <h3 class="font-mono text-xs uppercase tracking-wider text-neutral-500 mb-3">
              M / Profession
            </h3>
            <ul class="space-y-2">
              <li>
                <a href="https://trans-former.fr/aep-m1-echm/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Anatomie d'une profession sous l'eau
                </a>
              </li>
              <li>
                <a href="https://trans-former.fr/aep-m4-echxl/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  La filiere beton, dispositif d'extraction
                </a>
              </li>
              <li>
                <a href="https://aep.trans-former.fr" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Pratiques regeneratives (carto vivante)
                </a>
              </li>
            </ul>
          </div>

          <div class="border border-neutral-200 rounded-lg p-5 bg-neutral-50">
            <h3 class="font-mono text-xs uppercase tracking-wider text-neutral-500 mb-3">
              S / Individu
            </h3>
            <ul class="space-y-2">
              <li>
                <a href="https://trans-former.fr/aep-m2-echs/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Ce qui nous maintient sous l'eau
                </a>
              </li>
              <li>
                <a href="https://trans-former.fr/aep-m6-pivot/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Resistance et regeneration (M6)
                </a>
              </li>
              <li>
                <a href="https://trans-former.fr/aep-m8-action/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Action et poeme (M8)
                </a>
              </li>
            </ul>
          </div>

          <div class="border border-neutral-200 rounded-lg p-5 bg-neutral-50">
            <h3 class="font-mono text-xs uppercase tracking-wider text-neutral-500 mb-3">
              XL / Corps social
            </h3>
            <ul class="space-y-2">
              <li>
                <a href="https://trans-former.fr/aep-m4-echxl/" class="text-neutral-800 hover:text-neutral-900 underline underline-offset-2 decoration-neutral-300 hover:decoration-neutral-900 transition-colors">
                  Polycrise et logiciel patriarcal-imperial
                </a>
              </li>
              <li class="text-neutral-400 italic">
                Medecine du corps social ; esquisse [a venir, ete 2026]
              </li>
              <li class="text-neutral-400 italic">
                Le nouveau contrat social ; Le Livre [horizon 10 ans]
              </li>
            </ul>
          </div>
        </div>
      </section>

      <!-- V1.3-F : CTA commander version papier — bord rouge brique #B5443A, signal politique fort.
           Place en bas : le lecteur a lu, il sait ce qu'il achete. Tranquille. -->
      <section class="mt-16 pt-10 border-t border-neutral-200 text-center">
        <p class="text-sm italic text-neutral-500 mb-4">
          Manifeste lu. J'achete la version papier, tranquille.
        </p>
        <a
          href="/manifeste/commander"
          class="inline-block px-6 py-3 border-2 border-[#B5443A] text-[#0F172A] bg-[#FAFAF7] font-medium text-base hover:bg-[#E5C3BE] transition-colors"
        >
          Commander la version papier
        </a>
      </section>

      <!-- En lire plus -->
      <footer class="mt-16 pt-10 border-t border-neutral-200 text-center">
        <p class="text-neutral-600 mb-4">En lire plus</p>
        <a
          href="https://www.trans-former.fr/"
          class="inline-block px-5 py-2.5 bg-neutral-900 text-white rounded-lg font-medium hover:bg-neutral-700 transition-colors"
        >
          Blog trans-former.fr &rarr;
        </a>
        <p class="mt-4 text-xs text-neutral-400">
          bientot sur Substack
        </p>
      </footer>

    </article>
  </main>
</BaseLayout>
