Compare commits

...

24 Commits

Author SHA1 Message Date
f89e8a9e12 content(entry): update manifesto and genesis pages
All checks were successful
SMOKE / smoke (push) Successful in 10s
CI / build-and-anchors (push) Successful in 47s
CI / build-and-anchors (pull_request) Successful in 46s
2026-05-18 23:24:35 +02:00
1de032b698 Merge pull request 'polish(manifeste): harmoniser les sous-titres' (#364) from polish/manifeste-subtitles-tone-20260515 into main
All checks were successful
CI / build-and-anchors (push) Successful in 37s
Proposer Apply (Queue) / apply-proposer (push) Successful in 27s
SMOKE / smoke (push) Successful in 10s
Deploy staging+live (annotations) / deploy (push) Successful in 9m52s
Reviewed-on: #364
2026-05-15 16:31:54 +00:00
13cded83a6 polish(manifeste): harmoniser les sous-titres
All checks were successful
SMOKE / smoke (push) Successful in 5s
CI / build-and-anchors (push) Successful in 37s
CI / build-and-anchors (pull_request) Successful in 36s
2026-05-15 18:20:14 +02:00
defa9ee6db Merge pull request 'polish(ui): affiner sobrement les pages d’entrée' (#363) from polish/ui-parcimonie-finale-20260514 into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 23s
CI / build-and-anchors (push) Successful in 37s
SMOKE / smoke (push) Successful in 8s
Deploy staging+live (annotations) / deploy (push) Successful in 9m22s
Reviewed-on: #363
2026-05-15 07:47:20 +00:00
b1831c58d1 polish(ui): affiner sobrement les pages d’entrée
All checks were successful
SMOKE / smoke (push) Successful in 4s
CI / build-and-anchors (push) Successful in 38s
CI / build-and-anchors (pull_request) Successful in 36s
2026-05-15 09:23:19 +02:00
063c7fb4bb Merge pull request 'content(home): aligner les accès sur Archicratie' (#362) from content/home-align-archicratie-title-20260514 into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 31s
Deploy staging+live (annotations) / deploy (push) Successful in 9m29s
SMOKE / smoke (push) Successful in 7s
CI / build-and-anchors (push) Successful in 39s
Reviewed-on: #362
2026-05-14 18:04:22 +00:00
2180fcc27b content(home): aligner les accès sur Archicratie
All checks were successful
SMOKE / smoke (push) Successful in 6s
CI / build-and-anchors (push) Successful in 36s
CI / build-and-anchors (pull_request) Successful in 39s
2026-05-14 19:58:30 +02:00
bb868aa0b0 Merge pull request 'content(essai-these): intégrer Archicratie — La tenue des mondes' (#361) from content/tenue-des-mondes-resync-20260514 into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 24s
CI / build-and-anchors (push) Successful in 37s
SMOKE / smoke (push) Successful in 10s
Deploy staging+live (annotations) / deploy (push) Successful in 9m58s
Reviewed-on: #361
2026-05-14 17:16:09 +00:00
769c1589c4 content(essai-these): intégrer Archicratie — La tenue des mondes
All checks were successful
SMOKE / smoke (push) Successful in 6s
CI / build-and-anchors (push) Successful in 43s
CI / build-and-anchors (pull_request) Successful in 37s
2026-05-14 19:12:15 +02:00
95a22ac3d1 Merge pull request 'Polish glossary portal compact sticky follow behavior' (#360) from polish/glossary-portals-compact-sticky into main
All checks were successful
CI / build-and-anchors (push) Successful in 41s
Proposer Apply (Queue) / apply-proposer (push) Successful in 22s
SMOKE / smoke (push) Successful in 7s
Deploy staging+live (annotations) / deploy (push) Successful in 8m28s
Reviewed-on: #360
2026-05-07 20:58:17 +00:00
622963e8e9 Polish glossary portal compact sticky follow behavior
All checks were successful
SMOKE / smoke (push) Successful in 3s
CI / build-and-anchors (push) Successful in 38s
CI / build-and-anchors (pull_request) Successful in 37s
2026-05-07 22:56:53 +02:00
a2e5fd5bae Merge pull request 'Polish glossary complete index compact sticky behavior' (#359) from polish/index-complet-portal-sticky-mobile into main
All checks were successful
CI / build-and-anchors (push) Successful in 41s
Proposer Apply (Queue) / apply-proposer (push) Successful in 41s
SMOKE / smoke (push) Successful in 11s
Deploy staging+live (annotations) / deploy (push) Successful in 10m9s
Reviewed-on: #359
2026-05-07 17:20:51 +00:00
c9ed43c9e0 Polish glossary complete index compact sticky behavior
All checks were successful
SMOKE / smoke (push) Successful in 9s
CI / build-and-anchors (push) Successful in 49s
CI / build-and-anchors (pull_request) Successful in 42s
2026-05-07 19:18:25 +02:00
3439e2aaf9 Merge pull request 'Polish glossary home sticky hero on mobile and tablet' (#358) from polish/glossary-home-hero-sticky-mobile into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 21s
CI / build-and-anchors (push) Successful in 36s
SMOKE / smoke (push) Successful in 5s
Deploy staging+live (annotations) / deploy (push) Successful in 10m53s
Reviewed-on: #358
2026-05-07 12:56:01 +00:00
75fd6de293 Polish glossary home sticky hero on mobile and tablet
All checks were successful
SMOKE / smoke (push) Successful in 11s
CI / build-and-anchors (push) Successful in 42s
CI / build-and-anchors (pull_request) Successful in 40s
2026-05-07 14:52:12 +02:00
7551c91f37 Merge pull request 'Polish glossary home responsive aside and map density' (#357) from polish/glossary-home-mobile-and-map-density into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 26s
CI / build-and-anchors (push) Successful in 48s
SMOKE / smoke (push) Successful in 5s
Deploy staging+live (annotations) / deploy (push) Successful in 10m59s
Reviewed-on: #357
2026-05-07 12:04:59 +00:00
40ab10b8e8 Polish glossary home responsive aside and map density
All checks were successful
SMOKE / smoke (push) Successful in 15s
CI / build-and-anchors (push) Successful in 43s
CI / build-and-anchors (pull_request) Successful in 48s
2026-05-07 13:59:05 +02:00
4bab188df7 Merge pull request 'Fix glossary home hero follow truncation' (#356) from fix/glossary-home-hero-follow-no-truncation into main
All checks were successful
CI / build-and-anchors (push) Successful in 44s
Proposer Apply (Queue) / apply-proposer (push) Successful in 26s
SMOKE / smoke (push) Successful in 11s
Deploy staging+live (annotations) / deploy (push) Successful in 9m16s
Reviewed-on: #356
2026-05-06 11:50:48 +00:00
aaed642cec Fix glossary home hero follow truncation
All checks were successful
SMOKE / smoke (push) Successful in 4s
CI / build-and-anchors (push) Successful in 38s
CI / build-and-anchors (pull_request) Successful in 40s
2026-05-06 13:48:23 +02:00
b4f2de438e Merge pull request 'Stabilize commencer editorial reveal spacing' (#355) from fix/commencer-reveal-css-stabilization into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 24s
CI / build-and-anchors (push) Successful in 42s
SMOKE / smoke (push) Successful in 8s
Deploy staging+live (annotations) / deploy (push) Successful in 9m26s
Reviewed-on: #355
2026-05-06 08:26:22 +00:00
b6f9f76f8b Stabilize commencer editorial reveal spacing
All checks were successful
SMOKE / smoke (push) Successful in 4s
CI / build-and-anchors (push) Successful in 43s
CI / build-and-anchors (pull_request) Successful in 46s
2026-05-06 10:24:02 +02:00
5367de4e99 Merge pull request 'Add manifest page and refine editorial landing pages' (#354) from polish/editorial-reveal-and-manifest-docx into main
All checks were successful
Proposer Apply (Queue) / apply-proposer (push) Successful in 21s
CI / build-and-anchors (push) Successful in 43s
SMOKE / smoke (push) Successful in 6s
Deploy staging+live (annotations) / deploy (push) Successful in 9m16s
Reviewed-on: #354
2026-05-05 21:32:31 +00:00
c07028c052 Add manifest page and refine editorial landing pages
All checks were successful
SMOKE / smoke (push) Successful in 11s
CI / build-and-anchors (push) Successful in 46s
CI / build-and-anchors (pull_request) Successful in 45s
2026-05-05 23:30:18 +02:00
af0e6694e5 Merge pull request 'chore(glossaire): affiner les trajectoires longues' (#353) from chore/glossaire-trajectoires-longues-finales into main
All checks were successful
CI / build-and-anchors (push) Successful in 41s
Proposer Apply (Queue) / apply-proposer (push) Successful in 26s
SMOKE / smoke (push) Successful in 8s
Deploy staging+live (annotations) / deploy (push) Successful in 9m5s
Reviewed-on: #353
2026-04-30 13:17:06 +00:00
57 changed files with 25958 additions and 31096 deletions

View File

@@ -6,7 +6,8 @@
"archicrat-ia/chapitre-3/index.html": "Reset intentionnel des ancres après réimport DOCX et perfectionnement doctrinal substantiel du chapitre 3 depuis la source officielle. Site neuf, sans annotations ni compatibilité descendante à préserver.",
"archicrat-ia/chapitre-4/index.html": "Reset intentionnel des ancres après réimport DOCX et stabilisation doctrinale substantielle du chapitre 4 depuis la source officielle. Site neuf, sans annotations ni compatibilité descendante à préserver.",
"archicrat-ia/chapitre-5/index.html": "Reset intentionnel des ancres après réimport DOCX et stabilisation doctrinale substantielle du chapitre 5 depuis la source officielle. Site neuf, sans annotations ni compatibilité descendante à préserver.",
"archicrat-ia/conclusion/index.html": "Reset intentionnel des ancres après réimport DOCX et révision substantielle de la conclusion depuis la source officielle. Site neuf, sans annotations ni compatibilité descendante à préserver."
"archicrat-ia/conclusion/index.html": "Reset intentionnel des ancres après réimport DOCX et révision substantielle de la conclusion depuis la source officielle. Site neuf, sans annotations ni compatibilité descendante à préserver.",
"commencer/index.html": "Reset intentionnel des ancres après transformation de la page commencer en page dentrée éditoriale sous SiteLayout, sans instrumentation de lecture longue à préserver."
},
"accepted_prefixes": {
"glossaire/": "Reset intentionnel des ancres après révision substantielle des fiches paradigmes et doctrines du glossaire. Site neuf, sans annotations ni compatibilité descendante à préserver."

View File

@@ -189,12 +189,22 @@ function diffPage(prevIds, curIds) {
continue;
}
// page supprimée
// page supprimée ou sortie volontairement du contrat dancres
if (prevIds && !curIds) {
const acceptedReason = acceptedResetReasonForPage(p);
if (ALLOW_MISSING.has(p)) {
console.log(`~ PAGE ${p} (missing now) ✅ allowed prevIds=${prevIds.length}`);
continue;
}
if (acceptedReason) {
acceptedPages += 1;
console.log(`- PAGE ${p} (missing now) prevIds=${prevIds.length}`);
console.log(` ✅ accepted reset: ${acceptedReason}`);
continue;
}
console.log(`- PAGE ${p} (missing now) prevIds=${prevIds.length}`);
failed = true;
continue;

Binary file not shown.

View File

@@ -1,107 +0,0 @@
---
import SiteNav from "../components/SiteNav.astro";
import LevelToggle from "../components/LevelToggle.astro";
import BuildStamp from "../components/BuildStamp.astro";
import "../styles/global.css";
const {
title,
editionLabel,
editionKey,
statusLabel,
statusKey,
level,
version
} = Astro.props;
const lvl = level ?? 1;
const canonical = Astro.site
? new URL(Astro.url.pathname, Astro.site).href
: Astro.url.href;
---
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{title ? `${title} — Archicratie` : "Archicratie"}</title>
<link rel="canonical" href={canonical} />
<link rel="sitemap" href="/sitemap-index.xml" />
<meta data-pagefind-filter="edition[content]" content={String(editionKey ?? editionLabel)} />
<meta data-pagefind-filter="level[content]" content={String(lvl)} />
<meta data-pagefind-filter="status[content]" content={String(statusKey ?? statusLabel)} />
<meta data-pagefind-meta={`edition:${String(editionKey ?? editionLabel)}`} />
<meta data-pagefind-meta={`level:${String(lvl)}`} />
<meta data-pagefind-meta={`status:${String(statusKey ?? statusLabel)}`} />
<meta data-pagefind-meta={`version:${String(version ?? "")}`} />
</head>
<body data-doc-title={title} data-doc-version={version}>
<header>
<SiteNav />
<div class="edition-bar">
<span class="badge"><strong>Édition</strong> : {editionLabel}</span>
<span class="badge"><strong>Statut</strong> : {statusLabel}</span>
<span class="badge"><strong>Niveau</strong> : {lvl}</span>
<span class="badge"><strong>Version</strong> : {version}</span>
<LevelToggle initialLevel={lvl} />
</div>
</header>
<main>
<article class="reading" data-pagefind-body>
<slot />
<BuildStamp />
</article>
</main>
<script is:inline>
(() => {
const title = document.body.dataset.docTitle || document.title;
const version = document.body.dataset.docVersion || "";
const paras = Array.from(document.querySelectorAll(".reading p[id]"));
for (const p of paras) {
if (p.querySelector(".para-tools")) continue;
const tools = document.createElement("span");
tools.className = "para-tools";
const a = document.createElement("a");
a.className = "para-anchor";
a.href = `#${p.id}`;
a.setAttribute("aria-label", "Lien vers ce paragraphe");
a.textContent = "¶";
const btn = document.createElement("button");
btn.type = "button";
btn.className = "para-cite";
btn.textContent = "Citer";
btn.addEventListener("click", async () => {
const url = new URL(window.location.href);
url.hash = p.id;
const cite = `${title}${version ? ` (v${version})` : ""} — ${url.toString()}`;
try {
await navigator.clipboard.writeText(cite);
const prev = btn.textContent;
btn.textContent = "Copié";
setTimeout(() => (btn.textContent = prev), 900);
} catch {
window.prompt("Copiez la citation :", cite);
}
});
tools.appendChild(a);
tools.appendChild(btn);
p.appendChild(tools);
}
})();
</script>
</body>
</html>

View File

@@ -1,165 +0,0 @@
---
import SiteNav from "../components/SiteNav.astro";
import LevelToggle from "../components/LevelToggle.astro";
import BuildStamp from "../components/BuildStamp.astro";
import "../styles/global.css";
const {
title,
editionLabel,
editionKey,
statusLabel,
statusKey,
level,
version
} = Astro.props;
const lvl = level ?? 1;
const canonical = Astro.site
? new URL(Astro.url.pathname, Astro.site).href
: Astro.url.href;
// Cible Gitea (injectée au build)
const GITEA_BASE = import.meta.env.PUBLIC_GITEA_BASE ?? "";
const GITEA_OWNER = import.meta.env.PUBLIC_GITEA_OWNER ?? "";
const GITEA_REPO = import.meta.env.PUBLIC_GITEA_REPO ?? "";
---
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{title ? `${title} — Archicratie` : "Archicratie"}</title>
<link rel="canonical" href={canonical} />
<link rel="sitemap" href="/sitemap-index.xml" />
<meta data-pagefind-filter="edition[content]" content={String(editionKey ?? editionLabel)} />
<meta data-pagefind-filter="level[content]" content={String(lvl)} />
<meta data-pagefind-filter="status[content]" content={String(statusKey ?? statusLabel)} />
<meta data-pagefind-meta={`edition:${String(editionKey ?? editionLabel)}`} />
<meta data-pagefind-meta={`level:${String(lvl)}`} />
<meta data-pagefind-meta={`status:${String(statusKey ?? statusLabel)}`} />
<meta data-pagefind-meta={`version:${String(version ?? "")}`} />
</head>
<body data-doc-title={title} data-doc-version={version}>
<header>
<SiteNav />
<div class="edition-bar">
<span class="badge"><strong>Édition</strong> : {editionLabel}</span>
<span class="badge"><strong>Statut</strong> : {statusLabel}</span>
<span class="badge"><strong>Niveau</strong> : {lvl}</span>
<span class="badge"><strong>Version</strong> : {version}</span>
<LevelToggle initialLevel={lvl} />
</div>
</header>
<main>
<article class="reading" data-pagefind-body>
<slot />
<BuildStamp />
</article>
</main>
<script is:inline>
(() => {
const title = document.body.dataset.docTitle || document.title;
const version = document.body.dataset.docVersion || "";
const GITEA_BASE = {JSON.stringify(GITEA_BASE)};
const GITEA_OWNER = {JSON.stringify(GITEA_OWNER)};
const GITEA_REPO = {JSON.stringify(GITEA_REPO)};
const giteaReady = Boolean(GITEA_BASE && GITEA_OWNER && GITEA_REPO);
function buildIssueURL(anchorId, excerpt) {
const base = String(GITEA_BASE).replace(/\/+$/, "");
const issue = new URL(`${base}/${GITEA_OWNER}/${GITEA_REPO}/issues/new`);
const page = new URL(window.location.href);
page.hash = anchorId;
const issueTitle = `Correction: ${anchorId} — ${title}`;
const body = [
`Page: ${page.toString()}`,
`Ancre: #${anchorId}`,
`Version: ${version || "(non renseignée)"}`,
``,
`Texte actuel (extrait):`,
`> ${excerpt}`,
``,
`Proposition (remplacer par):`,
``,
`Justification:`,
``,
`---`,
`Note: issue générée depuis le site (pré-remplissage).`
].join("\n");
issue.searchParams.set("title", issueTitle);
issue.searchParams.set("body", body);
return issue.toString();
}
const paras = Array.from(document.querySelectorAll(".reading p[id]"));
for (const p of paras) {
if (p.querySelector(".para-tools")) continue;
const tools = document.createElement("span");
tools.className = "para-tools";
const a = document.createElement("a");
a.className = "para-anchor";
a.href = `#${p.id}`;
a.setAttribute("aria-label", "Lien vers ce paragraphe");
a.textContent = "¶";
const citeBtn = document.createElement("button");
citeBtn.type = "button";
citeBtn.className = "para-cite";
citeBtn.textContent = "Citer";
citeBtn.addEventListener("click", async () => {
const url = new URL(window.location.href);
url.hash = p.id;
const cite = `${title}${version ? ` (v${version})` : ""} — ${url.toString()}`;
try {
await navigator.clipboard.writeText(cite);
const prev = citeBtn.textContent;
citeBtn.textContent = "Copié";
setTimeout(() => (citeBtn.textContent = prev), 900);
} catch {
window.prompt("Copiez la citation :", cite);
}
});
tools.appendChild(a);
tools.appendChild(citeBtn);
if (giteaReady) {
const propose = document.createElement("a");
propose.className = "para-propose";
propose.href = "#";
propose.textContent = "Proposer";
propose.setAttribute("aria-label", "Proposer une correction sur Gitea");
propose.addEventListener("click", (e) => {
e.preventDefault();
const raw = (p.textContent || "").trim().replace(/\s+/g, " ");
const excerpt = raw.length > 420 ? (raw.slice(0, 420) + "…") : raw;
const url = buildIssueURL(p.id, excerpt);
window.open(url, "_blank", "noopener,noreferrer");
});
tools.appendChild(propose);
}
p.appendChild(tools);
}
})();
</script>
</body>
</html>

View File

@@ -4,10 +4,10 @@ docs:
# =========================
# Document dentrée
# =========================
- source: sources/docx/commencer/document-de-presentation.docx
- source: sources/docx/commencer/Genese_conceptuelle_du_terme_archicratie.docx
collection: commencer
slug: document-de-presentation
title: "Document de présentation"
title: "Genèse conceptuelle du terme archicratie"
order: 0
# =========================

View File

@@ -1,8 +1,5 @@
---
import { SITE_RELEASE, BUILD_TIME_ISO } from "../lib/buildInfo";
---
<footer class="build-stamp" aria-label="Informations dédition">
<small>
Édition web — release <strong>{SITE_RELEASE}</strong> · build <time datetime={BUILD_TIME_ISO}>{BUILD_TIME_ISO}</time>
Archicratie — Web Edition · Version de lecture critique · Conception, rédaction et édition : Sylvain Noyon
</small>
</footer>
</footer>

View File

@@ -192,120 +192,47 @@ const {
word-break: break-word;
}
@media (max-width: 860px){
.glossary-home-aside{
gap: 10px;
}
.glossary-home-aside__block{
border-radius: 14px;
}
.glossary-home-aside__block--intro{
padding: 12px;
}
.glossary-home-aside__title{
font-size: 19px;
line-height: 1.18;
}
.glossary-home-aside__meta{
margin-top: 6px;
font-size: 12px;
line-height: 1.32;
}
.glossary-home-aside__pills{
gap: 6px;
margin-top: 9px;
}
.glossary-home-aside__pill{
padding: 4px 9px;
font-size: 12px;
line-height: 1.28;
}
.glossary-home-aside__summary{
padding: 12px;
}
.glossary-home-aside__heading{
font-size: 17px;
line-height: 1.2;
}
.glossary-home-aside__panel{
padding: 0 12px 12px;
}
.glossary-home-aside__list li{
margin: 5px 0;
}
.glossary-home-aside__list a{
font-size: 14px;
line-height: 1.34;
}
.glossary-home-aside__disclosure:not([open]) .glossary-home-aside__panel{
display: none;
}
}
@media (max-width: 860px){
.glossary-home-aside__disclosure{
background: rgba(127,127,127,0.045);
}
.glossary-home-aside__disclosure[open] .glossary-home-aside__summary{
border-bottom: 1px solid rgba(127,127,127,0.12);
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
@media (max-width: 980px){
.glossary-home-aside{
gap: 8px;
margin-bottom: 12px;
}
.glossary-home-aside__block{
border-radius: 12px;
border-radius: 13px;
}
.glossary-home-aside__block--intro{
padding: 10px 11px;
padding: 10px 12px;
}
.glossary-home-aside__title{
font-size: 16px;
line-height: 1.14;
font-size: 15px;
line-height: 1.15;
}
.glossary-home-aside__meta{
font-size: 11px;
line-height: 1.26;
margin-top: 5px;
display: none;
}
.glossary-home-aside__pills{
gap: 5px;
margin-top: 8px;
margin-top: 7px;
}
.glossary-home-aside__pill{
padding: 3px 8px;
font-size: 11px;
line-height: 1.2;
line-height: 1.18;
}
.glossary-home-aside__summary{
padding: 10px 11px;
padding: 9px 11px;
}
.glossary-home-aside__heading{
font-size: 15px;
line-height: 1.16;
font-size: 14px;
line-height: 1.15;
}
.glossary-home-aside__panel{
@@ -320,9 +247,80 @@ const {
font-size: 13px;
line-height: 1.28;
}
.glossary-home-aside__disclosure:not([open]) .glossary-home-aside__panel{
display: none;
}
}
@media (min-width: 861px){
@media (max-width: 980px){
.glossary-home-aside__disclosure{
background: rgba(127,127,127,0.045);
}
.glossary-home-aside__disclosure[open] .glossary-home-aside__summary{
border-bottom: 1px solid rgba(127,127,127,0.12);
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
.glossary-home-aside{
gap: 7px;
margin-bottom: 10px;
}
.glossary-home-aside__block{
border-radius: 12px;
}
.glossary-home-aside__block--intro{
padding: 9px 10px;
}
.glossary-home-aside__title{
font-size: 14px;
line-height: 1.12;
}
.glossary-home-aside__meta{
display: none;
}
.glossary-home-aside__pills{
gap: 4px;
margin-top: 6px;
}
.glossary-home-aside__pill{
padding: 2px 7px;
font-size: 10.5px;
line-height: 1.16;
}
.glossary-home-aside__summary{
padding: 8px 10px;
}
.glossary-home-aside__heading{
font-size: 13px;
line-height: 1.12;
}
.glossary-home-aside__panel{
padding: 0 10px 9px;
}
.glossary-home-aside__list li{
margin: 3px 0;
}
.glossary-home-aside__list a{
font-size: 12px;
line-height: 1.22;
}
}
@media (min-width: 981px){
.glossary-home-aside__summary{
cursor: default;
}
@@ -346,28 +344,32 @@ const {
<script is:inline>
(() => {
let wasCompact = null;
const syncMobileDisclosure = () => {
const mobile = window.matchMedia("(max-width: 860px)").matches;
const stackedLayout = window.matchMedia("(max-width: 980px)").matches;
const smallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
).matches;
const compact = mobile || smallLandscape;
const compact = stackedLayout || smallLandscape;
const enteringCompact = compact && wasCompact !== true;
document
.querySelectorAll(".glossary-home-aside__disclosure")
.forEach((el, index) => {
.forEach((el) => {
if (!(el instanceof HTMLDetailsElement)) return;
if (compact) {
if (!el.dataset.mobileInit) {
el.open = index === 0;
el.dataset.mobileInit = "true";
if (enteringCompact) {
el.open = false;
}
} else {
el.open = true;
}
});
wasCompact = compact;
};
if (document.readyState === "loading") {

View File

@@ -457,4 +457,292 @@ const {
line-height: 1.08 !important;
}
}
/* =========================================================
Glossaire home — états du hero sticky
========================================================= */
/*
Principe :
- le follow peut respirer sans ellipsis brutal ;
- lintro reste strictement clampée en mode collapsed ;
- lintro ne redevient complète quen mode expanded ;
- mobile/tablette <= 860px reste neutralisé plus haut.
*/
.glossary-hero-follow{
height: auto;
max-height: none;
max-width: min(100%, 34ch);
overflow: visible;
white-space: normal;
text-overflow: clip;
line-height: 1.08;
}
:global(body.glossary-home-follow-on) .glossary-hero{
min-height: auto;
height: auto;
}
:global(body.glossary-home-follow-on) .glossary-hero h1{
white-space: normal;
overflow: visible;
text-overflow: clip;
}
/*
État collapsed :
lintro DOIT rester compactée. Cette règle doit gagner contre
les anciennes règles anti-troncature du follow.
*/
:global(body.glossary-home-follow-on:not(.glossary-home-hero-expanded)) .glossary-hero p#glossary-hero-intro{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
max-height: calc(2 * 1.34em);
overflow: hidden;
white-space: normal;
text-overflow: clip;
}
:global(body.glossary-home-follow-on:not(.glossary-home-hero-expanded)) .glossary-hero__toggle{
display: inline-flex;
margin-top: 2px;
align-self: start;
}
/*
État expanded :
lutilisateur a explicitement demandé à lire la suite,
donc lintro redevient complète.
*/
:global(body.glossary-home-hero-expanded) .glossary-hero p#glossary-hero-intro{
display: block;
-webkit-line-clamp: unset;
line-clamp: unset;
-webkit-box-orient: unset;
max-height: none;
overflow: visible;
white-space: normal;
text-overflow: clip;
}
:global(body.glossary-home-hero-expanded) .glossary-hero__toggle{
display: none !important;
}
@media (min-width: 861px) and (max-width: 1240px){
.glossary-hero-follow{
max-width: min(100%, 36ch);
font-size: clamp(1.55rem, 3.1vw, 2.05rem);
line-height: 1.08;
}
}
/* =========================================================
Glossaire home — sticky compact mobile/tablette avec H2 local
========================================================= */
@media (max-width: 980px){
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero{
position: sticky !important;
top: calc(var(--sticky-header-h, 0px) + 8px) !important;
z-index: 8 !important;
transform: none !important;
overflow: hidden !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero{
padding: 8px 10px 9px !important;
row-gap: 4px !important;
border-radius: 16px !important;
margin-bottom: 10px !important;
box-shadow: 0 12px 30px rgba(0,0,0,.22) !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-kicker{
font-size: 9px !important;
line-height: 1.05 !important;
letter-spacing: .11em !important;
opacity: .72 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero h1{
font-size: clamp(1.35rem, 5.1vw, 1.72rem) !important;
line-height: 1.02 !important;
letter-spacing: -.03em !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
max-width: 100% !important;
margin: 0 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on:not(.glossary-home-hero-expanded)) .glossary-hero p#glossary-hero-intro{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
max-height: calc(2 * 1.12em) !important;
overflow: hidden !important;
white-space: normal !important;
text-overflow: clip !important;
font-size: .72rem !important;
line-height: 1.12 !important;
opacity: .78 !important;
margin: 0 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero__toggle{
display: none !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero-follow{
display: none !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero-follow.is-visible{
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-height: 0 !important;
margin-top: 4px !important;
padding-top: 6px !important;
border-top: 1px solid rgba(127,127,127,.18) !important;
opacity: .98 !important;
transform: none !important;
filter: none !important;
white-space: normal !important;
overflow: hidden !important;
text-overflow: clip !important;
color: inherit !important;
}
}
@media (min-width: 761px) and (max-width: 980px){
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero{
padding: 10px 14px 11px !important;
row-gap: 5px !important;
border-radius: 18px !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero h1{
font-size: clamp(1.65rem, 3.4vw, 2.1rem) !important;
line-height: 1.02 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on:not(.glossary-home-hero-expanded)) .glossary-hero p#glossary-hero-intro{
font-size: .82rem !important;
line-height: 1.18 !important;
max-height: calc(2 * 1.18em) !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero-follow.is-visible{
margin-top: 5px !important;
padding-top: 7px !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero{
top: calc(var(--sticky-header-h, 0px) + 6px) !important;
padding: 6px 9px 7px !important;
row-gap: 3px !important;
border-radius: 13px !important;
margin-bottom: 8px !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-kicker{
font-size: 8px !important;
line-height: 1 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero h1{
font-size: clamp(1.08rem, 3.2vw, 1.34rem) !important;
line-height: 1 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on:not(.glossary-home-hero-expanded)) .glossary-hero p#glossary-hero-intro{
-webkit-line-clamp: 1 !important;
line-clamp: 1 !important;
max-height: 1.08em !important;
font-size: .64rem !important;
line-height: 1.08 !important;
opacity: .72 !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero-follow.is-visible{
margin-top: 3px !important;
padding-top: 4px !important;
font-size: .86rem !important;
line-height: 1.04 !important;
}
}
/* =========================================================
Glossaire home — polish premium fluidité sticky
========================================================= */
@media (max-width: 980px){
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero{
transition:
padding 180ms ease,
border-radius 180ms ease,
box-shadow 180ms ease,
background 180ms ease,
margin-bottom 180ms ease;
will-change: padding, border-radius, box-shadow;
backface-visibility: hidden;
transform: translateZ(0) !important;
background: rgba(0,0,0,.92) !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero h1,
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-kicker,
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero p#glossary-hero-intro{
transition:
font-size 180ms ease,
line-height 180ms ease,
opacity 180ms ease,
max-height 180ms ease;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"]) .glossary-hero-follow{
display: block !important;
max-height: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
border-top: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
overflow: hidden !important;
transform: translateY(-4px) !important;
transition:
max-height 180ms ease,
opacity 180ms ease,
transform 180ms ease,
padding-top 180ms ease,
margin-top 180ms ease;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero-follow.is-visible{
max-height: 3.2em !important;
opacity: .98 !important;
visibility: visible !important;
transform: translateY(0) !important;
border-top: 1px solid rgba(127,127,127,.18) !important;
}
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero{
background: rgba(0,0,0,.96) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body[data-edition-key="glossaire"][data-sticky-mode="glossary-home"].glossary-home-follow-on) .glossary-hero-follow.is-visible{
max-height: 2.4em !important;
}
}
</style>

View File

@@ -5,6 +5,7 @@ interface Props {
sectionHeadSelector?: string;
mobileBreakpoint?: number;
autoCollapseDelta?: number;
compactSticky?: boolean;
}
const {
@@ -13,12 +14,13 @@ const {
sectionHeadSelector = ".glossary-portal-section__head",
mobileBreakpoint = 860,
autoCollapseDelta = 160,
compactSticky = false,
} = Astro.props;
---
<script
is:inline
define:vars={{ heroMoreId, heroToggleId, sectionHeadSelector, mobileBreakpoint, autoCollapseDelta }}
define:vars={{ heroMoreId, heroToggleId, sectionHeadSelector, mobileBreakpoint, autoCollapseDelta, compactSticky }}
>
(() => {
const boot = () => {
@@ -32,6 +34,7 @@ const {
if (!body || !root || !hero || !follow) return;
const BODY_CLASS = "is-glossary-portal-page";
const COMPACT_STICKY_CLASS = "glossary-portal-compact-sticky";
const FOLLOW_ON_CLASS = "glossary-portal-follow-on";
const EXPANDED_CLASS = "glossary-portal-hero-expanded";
const CONDENSED_CLASS = "glossary-portal-hero-condensed";
@@ -47,12 +50,24 @@ const {
let lastFollowOn = null;
let lastCondensed = null;
let lastHeroHeight = -1;
let heroPinStartY = null;
let lastCompactFollowTitle = null;
let lastCompactFollowOn = null;
body.classList.add(BODY_CLASS);
body.classList.toggle(COMPACT_STICKY_CLASS, Boolean(compactSticky));
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const keepPortalPremiumOnCompact = () =>
Boolean(compactSticky) || body.classList.contains("is-index-complet-page");
const compactShouldDisablePortal = () =>
isCompactViewport() && !keepPortalPremiumOnCompact();
const compactStickyEnabled = () => Boolean(compactSticky);
const stripLocalSticky = () => {
document.querySelectorAll(sectionHeadSelector).forEach((el) => {
el.classList.remove("is-sticky");
@@ -68,19 +83,49 @@ const {
return Number.isFinite(n) ? n : 64;
};
const captureHeroPinStart = (force = false) => {
if (!force && heroPinStartY != null) return heroPinStartY;
const stickyTop = readStickyTop();
const rect = hero.getBoundingClientRect();
const y = window.scrollY || window.pageYOffset || 0;
/*
Seuil documentaire réel : moment où le haut naturel du hero
rejoint le rail sticky. Ce seuil empêche la condensation au haut
de page lorsque le hero n'est pas encore embarqué dans le scroll.
*/
heroPinStartY = Math.max(0, Math.round(y + rect.top - stickyTop));
return heroPinStartY;
};
const hasReachedHeroPinStart = () => {
const y = window.scrollY || window.pageYOffset || 0;
const start = captureHeroPinStart(false);
const rect = hero.getBoundingClientRect();
const stickyTop = readStickyTop();
/*
Condensation immédiate au moment réel d'accrochage :
- soit le scroll a atteint le seuil documentaire ;
- soit le hero est déjà visuellement posé sur son rail sticky.
Aucun délai artificiel ne doit retarder la troncature.
*/
return y >= start - 1 || Math.abs(rect.top - stickyTop) <= 2;
};
const computeFollowOn = () =>
!isCompactViewport() &&
body.classList.contains(CONDENSED_CLASS) &&
(!isCompactViewport() || compactStickyEnabled()) &&
follow.classList.contains("is-on") &&
follow.style.display !== "none" &&
follow.getAttribute("aria-hidden") !== "true";
const computeCondensed = () => {
if (isCompactViewport()) return false;
if (isCompactViewport() && !compactStickyEnabled()) return false;
const heroRect = hero.getBoundingClientRect();
const stickyTop = readStickyTop();
return heroRect.top <= stickyTop + 2;
return hasReachedHeroPinStart();
};
const measureHeroHeight = () =>
@@ -89,7 +134,7 @@ const {
const PIN_EPS = 3;
const isHeroPinned = () => {
if (isCompactViewport()) return false;
if (isCompactViewport() && !compactStickyEnabled()) return false;
const rect = hero.getBoundingClientRect();
const stickyTop = readStickyTop();
@@ -97,14 +142,73 @@ const {
if (cs.position !== "sticky") return false;
const pinnedOnRail = Math.abs(rect.top - stickyTop) <= PIN_EPS;
const stillVisible = rect.bottom > stickyTop + 24;
return hasReachedHeroPinStart() && stillVisible;
};
return pinnedOnRail && stillVisible;
const applyCompactHeroRail = () => {
/*
Les portails compactSticky doivent coller sous ledition-bar.
Certaines couches CSS historiques peuvent encore forcer top:0.
On pose donc le rail en inline !important, uniquement pour les
portails génériques compacts, jamais pour lindex complet.
*/
if (
!isCompactViewport() ||
!compactStickyEnabled() ||
body.classList.contains("is-index-complet-page")
) {
hero.style.removeProperty("top");
return;
}
const stickyTop = readStickyTop();
hero.style.setProperty("top", `${Math.round(stickyTop)}px`, "important");
};
const applyCompactFollowRail = () => {
/*
Le reading-follow compact doit être collé sous le hero.
Certaines règles historiques de #reading-follow imposent top:-1px
avec une priorité supérieure au style simple. On pose donc le rail
en inline !important, uniquement pour les portails compacts génériques.
*/
if (
!isCompactViewport() ||
!compactStickyEnabled() ||
body.classList.contains("is-index-complet-page")
) {
follow.style.removeProperty("top");
follow.style.removeProperty("left");
follow.style.removeProperty("width");
return;
}
const stickyTop = readStickyTop();
const heroH = body.classList.contains(CONDENSED_CLASS)
? measureHeroHeight()
: 0;
const top = Math.max(0, Math.round(stickyTop + heroH - 1));
follow.style.setProperty("position", "fixed", "important");
follow.style.setProperty("top", `${top}px`, "important");
follow.style.setProperty("left", "var(--reading-left)", "important");
follow.style.setProperty("width", "var(--reading-width)", "important");
follow.style.setProperty("z-index", "71", "important");
};
const applyLocalStickyHeight = () => {
const h = isHeroPinned() ? measureHeroHeight() : 0;
/*
Stabilisation premium :
une fois le hero condensé, on réserve sa hauteur réelle.
Cela évite les oscillations dun frame où isHeroPinned()
peut repasser brièvement à false pendant le scroll.
*/
const shouldReserveHero =
body.classList.contains(CONDENSED_CLASS) || isHeroPinned();
const h = shouldReserveHero ? measureHeroHeight() : 0;
if (h === lastHeroHeight) return;
lastHeroHeight = h;
@@ -183,7 +287,7 @@ const {
const expanded = body.classList.contains(EXPANDED_CLASS);
const collapsed = condensed && !expanded;
if (isCompactViewport() || !condensed) {
if ((isCompactViewport() && !compactStickyEnabled()) || !condensed) {
body.classList.remove(EXPANDED_CLASS);
expandedAtY = null;
@@ -208,9 +312,229 @@ const {
heroToggle.setAttribute("aria-expanded", expanded ? "true" : "false");
}
};
/* GENERIC_COMPACT_FOLLOW_CLEAN_START
Portails génériques compactSticky :
- ligne 1 : section macro active ;
- ligne 2 : sous-tête interne active ;
- un titre ne devient actif qu'une fois complètement dépassé
par la bande réelle du reading-follow__inner.
*/
const isGenericCompactPortal = () =>
isCompactViewport() &&
compactStickyEnabled() &&
!body.classList.contains("is-index-complet-page");
const compactFollowBand = () => {
const inner = follow.querySelector(".reading-follow__inner");
const innerRect = inner?.getBoundingClientRect();
const heroRect = hero.getBoundingClientRect();
if (innerRect && innerRect.height > 0) {
return {
top: innerRect.top,
bottom: innerRect.bottom,
height: innerRect.height,
};
}
const top = Math.max(readStickyTop(), heroRect.bottom || readStickyTop());
const height = 30;
return {
top,
bottom: top + height,
height,
};
};
const cleanFollowTitle = (el) => {
if (!el) return "";
const clone = el.cloneNode(true);
clone
.querySelectorAll(
[
".glossary-portal-section__count",
"[class*='count']",
"[class*='index']",
"[class*='meta']",
"[class*='eyebrow']",
"[aria-hidden='true']"
].join(",")
)
.forEach((node) => node.remove());
return clone.textContent?.replace(/\s+/g, " ").trim() ?? "";
};
const titleNodeFor = (node) =>
node?.matches?.("h2,h3,h4,[data-reading-title]")
? node
: node?.querySelector?.("h2,h3,h4,[data-reading-title]") ?? node;
const passedTitleStateFrom = (nodes) => {
const band = compactFollowBand();
const bandCenter = band.top + band.height / 2;
let active = null;
for (const node of nodes) {
const titleNode = titleNodeFor(node);
const title = cleanFollowTitle(titleNode);
if (!title) continue;
const rect = titleNode.getBoundingClientRect();
if (rect.height <= 0) continue;
/*
Règle perceptive stabilisée :
la traversée commence quand le bas du follow rencontre le haut
du titre réel, et s'achève quand le haut du follow rencontre
le bas du titre réel.
Comme le follow n'anime pas deux titres concurrents, le basculement
se fait au milieu de cette traversée : quand le centre du titre
est passé au-dessus du centre de la bande follow.
*/
const titleCenter = rect.top + rect.height / 2;
if (titleCenter <= bandCenter + 1) {
active = {
node,
titleNode,
title,
};
continue;
}
break;
}
return active;
};
const detailCandidatesFor = (sectionNode) => {
const section = sectionNode?.closest("section");
if (!section) return [];
const selector = [
".glossary-portal-panel__head",
"[class*='__head']",
"[class*='__title']",
"h3",
"h4"
].join(",");
return Array.from(section.querySelectorAll(selector)).filter((node) => {
if (node.closest(".glossary-portal-section__head")) return false;
const titleNode = titleNodeFor(node);
const title = cleanFollowTitle(titleNode);
if (!title) return false;
const rect = titleNode.getBoundingClientRect();
if (rect.height <= 0) return false;
return true;
});
};
const renderFollowTextLine = (inner, className, title) => {
if (!title) return;
let line = inner.querySelector(`.${className}`);
if (!line) {
line = document.createElement("div");
line.className = `rf-line ${className}`;
inner.appendChild(line);
}
line.textContent = title;
};
const setCompactFollowOff = () => {
lastCompactFollowTitle = null;
if (lastCompactFollowOn !== false) {
lastCompactFollowOn = false;
body.classList.remove(FOLLOW_ON_CLASS);
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
}
follow.style.display = "block";
follow.style.setProperty("opacity", "0", "important");
follow.style.setProperty("visibility", "hidden", "important");
follow.style.setProperty("pointer-events", "none", "important");
root.style.setProperty("--followbar-h", "0px");
};
const syncGenericCompactFollow = (condensed) => {
if (!isGenericCompactPortal()) return false;
if (!condensed) {
setCompactFollowOff();
return true;
}
const sectionHeads = Array.from(
document.querySelectorAll(".glossary-portal-section__head")
);
const sectionState = passedTitleStateFrom(sectionHeads);
if (!sectionState?.title) {
setCompactFollowOff();
return true;
}
const detailState = passedTitleStateFrom(detailCandidatesFor(sectionState.node));
follow.innerHTML = "";
const inner = document.createElement("div");
inner.className = "reading-follow__inner";
renderFollowTextLine(inner, "rf-h2", sectionState.title);
if (detailState?.title && detailState.title !== sectionState.title) {
renderFollowTextLine(inner, "rf-h3", detailState.title);
}
follow.appendChild(inner);
if (lastCompactFollowOn !== true) {
lastCompactFollowOn = true;
body.classList.add(FOLLOW_ON_CLASS);
follow.classList.add("is-on");
follow.setAttribute("aria-hidden", "false");
}
follow.style.display = "block";
follow.style.setProperty("opacity", "1", "important");
follow.style.setProperty("visibility", "visible", "important");
follow.style.setProperty("pointer-events", "auto", "important");
applyCompactFollowRail();
inner.style.setProperty("opacity", "1", "important");
inner.style.setProperty("visibility", "visible", "important");
inner.style.setProperty("display", "block", "important");
requestAnimationFrame(() => {
applyCompactFollowRail();
const h = Math.max(0, Math.round(follow.getBoundingClientRect().height || 0));
root.style.setProperty("--followbar-h", `${h}px`);
});
return true;
};
/* GENERIC_COMPACT_FOLLOW_CLEAN_END */
const maybeAutoCollapseOnScroll = () => {
if (isCompactViewport()) {
if (isCompactViewport() && !compactStickyEnabled()) {
lastScrollY = window.scrollY || 0;
return;
}
@@ -238,8 +562,9 @@ const {
const syncAll = () => {
stripLocalSticky();
applyCompactHeroRail();
if (isCompactViewport()) {
if (isCompactViewport() && !compactStickyEnabled()) {
body.classList.remove(FOLLOW_ON_CLASS);
body.classList.remove(CONDENSED_CLASS);
body.classList.remove(EXPANDED_CLASS);
@@ -272,14 +597,27 @@ const {
requestAnimationFrame(() => {
applyLocalStickyHeight();
syncFollowState();
applyCompactFollowRail();
if (syncGenericCompactFollow(condensed)) {
return;
}
try {
window.__archiUpdateFollow?.();
} catch {}
syncFollowState();
});
requestAnimationFrame(() => {
applyLocalStickyHeight();
applyCompactFollowRail();
if (syncGenericCompactFollow(condensed)) {
return;
}
try {
window.__archiUpdateFollow?.();
} catch {}
@@ -316,8 +654,19 @@ const {
heroResizeObserver?.observe(hero);
window.addEventListener("scroll", onScroll, { passive: true });
window.addEventListener("resize", schedule);
window.addEventListener("pageshow", schedule);
window.addEventListener("resize", () => {
heroPinStartY = null;
applyCompactHeroRail();
applyCompactFollowRail();
schedule();
});
window.addEventListener("pageshow", () => {
heroPinStartY = null;
applyCompactHeroRail();
applyCompactFollowRail();
captureHeroPinStart(true);
schedule();
});
if (document.fonts?.ready) {
document.fonts.ready.then(schedule).catch(() => {});
@@ -335,6 +684,9 @@ const {
mqSmallLandscape.addListener(schedule);
}
applyCompactHeroRail();
applyCompactFollowRail();
captureHeroPinStart(true);
schedule();
};
@@ -422,66 +774,409 @@ const {
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) #reading-follow),
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page)){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero){
margin-bottom: var(--portal-hero-margin-bottom, 18px);
border-radius: 20px !important;
box-shadow: none !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero__more){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero__more){
max-height: none !important;
opacity: 1 !important;
overflow: visible !important;
pointer-events: auto !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero__toggle){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero__toggle){
display: none !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) #reading-follow),
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page)){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero){
margin-bottom: var(--portal-hero-margin-bottom, 12px);
border-radius: 16px !important;
box-shadow: none !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero__more){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero__more){
max-height: none !important;
opacity: 1 !important;
overflow: visible !important;
pointer-events: auto !important;
}
:global(body.is-glossary-portal-page .glossary-portal-hero__toggle){
:global(body.is-glossary-portal-page:not(.glossary-portal-compact-sticky):not(.is-index-complet-page) .glossary-portal-hero__toggle){
display: none !important;
}
}
/* =========================================================
Index complet — exception premium compacte portal
---------------------------------------------------------
Les portails ordinaires restent neutralisés en compact.
Lindex complet, lui, conserve la pile :
hero sticky → reading-follow → lettres flottantes.
========================================================= */
@media (max-width: 980px){
:global(body.is-index-complet-page[data-edition-key="glossaire"][data-sticky-mode="glossary-portal"]) .glossary-portal-hero,
:global(body.is-index-complet-page[data-edition-key="glossaire"][data-sticky-mode="glossary-portal"]) .glossary-page-hero{
position: sticky !important;
top: var(--glossary-sticky-top, calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))) !important;
z-index: 72 !important;
margin-bottom: 0 !important;
overflow: hidden !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
:global(body.is-index-complet-page #reading-follow){
display: block !important;
position: fixed !important;
left: var(--reading-left) !important;
width: var(--reading-width) !important;
top: calc(var(--glossary-sticky-top, var(--sticky-header-h, 0px)) + var(--glossary-local-sticky-h, 0px) - var(--followbar-h, 0px) - 1px) !important;
z-index: 71 !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
:global(body.is-index-complet-page.glossary-portal-follow-on #reading-follow){
visibility: visible !important;
opacity: 1 !important;
}
:global(body.is-index-complet-page #reading-follow .reading-follow__inner){
display: block !important;
visibility: visible !important;
opacity: 1 !important;
max-height: none !important;
margin-top: -1px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
:global(body.is-index-complet-page #gic-follow-letters){
position: fixed !important;
left: var(--reading-left) !important;
width: var(--reading-width) !important;
top: calc(var(--glossary-sticky-top, var(--sticky-header-h, 0px)) + var(--gic-premium-hero-h, 0px) + var(--gic-premium-follow-h, 0px) - 1px) !important;
z-index: 70 !important;
}
:global(body.is-index-complet-page.gic-letters-docked #gic-follow-letters){
display: flex !important;
visibility: visible !important;
opacity: 1 !important;
pointer-events: auto !important;
}
}
/* PORTAL_COMPACT_STICKY_CLEAN_START
Portails glossaire — comportement compact générique final.
- Aucune condensation en haut de page.
- Condensation seulement après seuil documentaire réel.
- Hero sticky sous ledition-bar.
- reading-follow collé sous le hero condensé.
- index-complet exclu.
*/
@media (min-width: 981px){
:global(body.is-glossary-portal-page:not(.glossary-portal-hero-condensed) #reading-follow),
:global(body.is-glossary-portal-page:not(.glossary-portal-hero-condensed) #reading-follow .reading-follow__inner){
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 980px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .glossary-portal-hero),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .glossary-page-hero){
position: sticky !important;
top: var(--glossary-sticky-top, calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))) !important;
z-index: 72 !important;
display: grid !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
background:
linear-gradient(rgba(0,0,0,.72), rgba(0,0,0,.96)),
radial-gradient(780px 220px at 18% 0%, rgba(0,217,255,.08), transparent 60%) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page):not(.glossary-portal-hero-condensed) #reading-follow),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page):not(.glossary-portal-hero-condensed) #reading-follow .reading-follow__inner),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page):not(.glossary-portal-follow-on) #reading-follow),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page):not(.glossary-portal-follow-on) #reading-follow .reading-follow__inner){
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-page-hero){
padding: 8px 10px 9px !important;
row-gap: 4px !important;
border-radius: 16px 16px 0 0 !important;
margin-bottom: 0 !important;
box-shadow: 0 12px 30px rgba(0,0,0,.24) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero__kicker){
font-size: 9px !important;
line-height: 1.05 !important;
letter-spacing: .11em !important;
opacity: .72 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero h1){
font-size: clamp(1.35rem, 5.1vw, 1.72rem) !important;
line-height: 1.02 !important;
letter-spacing: -.03em !important;
margin: 0 !important;
max-width: 100% !important;
white-space: normal !important;
overflow: visible !important;
text-overflow: clip !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro--lead){
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
line-clamp: 2 !important;
max-height: calc(2 * 1.12em) !important;
overflow: hidden !important;
font-size: .72rem !important;
line-height: 1.12 !important;
opacity: .78 !important;
margin: 0 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__more){
max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero__toggle){
min-height: 22px !important;
padding: 2px 0 !important;
font-size: 11px !important;
line-height: 1.05 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow){
display: block !important;
position: fixed !important;
left: var(--reading-left) !important;
width: var(--reading-width) !important;
top: calc(
var(--glossary-sticky-top, calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)))
+ var(--glossary-local-sticky-h, 0px)
- 1px
) !important;
z-index: 71 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-follow-on #reading-follow),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-follow-on #reading-follow .reading-follow__inner){
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .reading-follow__inner){
min-height: 26px !important;
padding: 5px 10px 6px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 13px !important;
border-bottom-right-radius: 13px !important;
border-top: 1px solid rgba(127,127,127,.16) !important;
background:
linear-gradient(180deg, rgba(0,0,0,.80), rgba(0,0,0,.94)),
radial-gradient(620px 120px at 18% 0%, rgba(0,217,255,.055), transparent 60%) !important;
box-shadow: 0 10px 22px rgba(0,0,0,.18) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h1),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h3),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-actions){
display: none !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h2){
display: block !important;
font-size: .86rem !important;
line-height: 1.08 !important;
font-weight: 800 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
@media (min-width: 761px) and (max-width: 980px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-page-hero){
padding: 8px 12px 8px !important;
border-radius: 16px 16px 0 0 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero h1){
font-size: clamp(1.48rem, 3vw, 1.82rem) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro--lead){
font-size: .76rem !important;
line-height: 1.14 !important;
max-height: calc(2 * 1.14em) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h2){
font-size: .9rem !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-page-hero){
padding: 5px 8px 5px !important;
row-gap: 2px !important;
border-radius: 12px 12px 0 0 !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed .glossary-portal-hero h1){
font-size: clamp(1rem, 3vw, 1.22rem) !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page).glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro--lead){
display: none !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .reading-follow__inner){
min-height: 22px !important;
padding: 4px 8px 5px !important;
border-bottom-left-radius: 11px !important;
border-bottom-right-radius: 11px !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h2){
font-size: .78rem !important;
line-height: 1.04 !important;
}
}
/* PORTAL_COMPACT_STICKY_CLEAN_END */
/* PORTAL_COMPACT_STICKY_OVERFLOW_FIX_START
Libération du contexte sticky sur les portails glossaire compacts.
Le hero ne peut pas coller sous ledition-bar si un ancêtre le piège
dans un overflow/contain compact.
*/
@media (max-width: 980px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .page),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .page-shell),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .reading),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) article.reading),
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) main){
overflow: visible !important;
overflow-x: visible !important;
overflow-y: visible !important;
contain: none !important;
transform: none !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) .glossary-portal-hero){
align-self: start !important;
justify-self: stretch !important;
position: sticky !important;
top: var(--glossary-sticky-top, calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))) !important;
z-index: 72 !important;
}
}
/* PORTAL_COMPACT_STICKY_OVERFLOW_FIX_END */
/* PORTAL_COMPACT_FOLLOW_TWO_LINES_START
Le follow compact des portails génériques affiche deux niveaux :
section active + sous-tête interne active.
*/
@media (max-width: 980px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h2){
display: block !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h3){
display: block !important;
margin-top: 1px !important;
font-size: .68rem !important;
line-height: 1.05 !important;
letter-spacing: .01em !important;
opacity: .72 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .reading-follow__inner){
padding-top: 5px !important;
padding-bottom: 6px !important;
}
}
@media (max-width: 520px){
:global(body.is-glossary-portal-page.glossary-portal-compact-sticky:not(.is-index-complet-page) #reading-follow .rf-h3){
font-size: .64rem !important;
line-height: 1.02 !important;
}
}
/* PORTAL_COMPACT_FOLLOW_TWO_LINES_END */
</style>

View File

@@ -11,10 +11,13 @@ const isActive = (href: string) => {
<a href="/" aria-current={isActive("/") ? "page" : undefined}>Accueil</a>
<span aria-hidden="true"> · </span>
<a href="/archicrat-ia/" aria-current={isActive("/archicrat-ia/") ? "page" : undefined}>Essai-thèse — ArchiCraT-IA</a>
<a href="/manifeste/" aria-current={isActive("/manifeste/") ? "page" : undefined}>Manifeste</a>
<span aria-hidden="true"> · </span>
<a href="/cas-ia/" aria-current={isActive("/cas-ia/") ? "page" : undefined}>Cas pratique — Gouvernance IA</a>
<a href="/archicrat-ia/" aria-current={isActive("/archicrat-ia/") ? "page" : undefined}>Essai-thèse</a>
<span aria-hidden="true"> · </span>
<a href="/cas-ia/" aria-current={isActive("/cas-ia/") ? "page" : undefined}>Gouvernance IA</a>
<span aria-hidden="true"> · </span>
<a href="/glossaire/" aria-current={isActive("/glossaire/") ? "page" : undefined}>Glossaire</a>

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@@ -1,5 +1,5 @@
---
title: Conclusion — ArchiCraT-IA
title: Conclusion — Lexigence archicratique
edition: archicrat-ia
status: essai_these
level: 1
@@ -10,7 +10,7 @@ order: 70
summary: ''
source:
kind: docx
path: sources/docx/archicrat-ia/Conclusion-Archicrat-IA-version_officielle.docx
path: sources/docx/archicrat-ia/ConclusionArchicratie-La_tenue_des_mondes-version_resserree.docx
---
Nous n'assistons ni à un retour primordial du désordre ni à une
@@ -57,7 +57,7 @@ mais l'altération des formes capables de le porter. Non la disparition
du politique, mais sa désarticulation progressive hors des scènes où il
pouvait encore apparaître comme tel. À ce niveau, ce que nous appelons
crise ne relève plus d'un dysfonctionnement partiel, ni d'une dérive
simplement sectorielle. Elle engage les conditions même dans lesquelles
simplement sectorielle. Elle engage les conditions mêmes dans lesquelles
un monde peut encore faire apparaître, soutenir et transformer ce qui le
traverse.
@@ -75,12 +75,12 @@ trop souvent se confondre.
Encore fallait-il que ce vocabulaire n'usurpe pas sa propre nécessité.
L'archicratie ne vaut pas parce qu'elle pourrait tout redire dans sa
langue ; elle vaut seulement là où elle permet de discerner quelque
chose qui, sans elle, resterait confondu, euphémisé ou inaperçu. Elle ne
constitue donc ni une théorie totale du politique, ni une clef
universelle des mondes historiques, mais un instrument critique situé,
tenu à une obligation de retenue : se taire là où il n'apporte aucun
gain de lisibilité, et répondre de ses distinctions là où il prétend en
langue ; elle vaut là où elle permet de discerner quelque chose qui,
sans elle, resterait confondu, euphémisé ou inaperçu. Elle ne constitue
donc ni une théorie totale du politique, ni une clef universelle des
mondes historiques, mais un instrument critique situé, tenu à une
obligation de retenue : se taire là où il n'apporte aucun gain de
lisibilité, et répondre de ses distinctions là où il prétend en
produire. C'est à cette condition seulement qu'un paradigme cesse d'être
un idiome de surplomb pour devenir une épreuve réelle de connaissance.
@@ -132,14 +132,14 @@ sectorielles. Elles manifestent, chacune à leur manière, la difficulté
croissante à instituer des formes dans lesquelles ce qui est affecté par
les décisions peut être reconduit à une épreuve. Ce qui manque n'est pas
la capacité à produire des normes, des infrastructures, des critères,
des instruments. Ce qui manque, de plus en plus, c'est l'habileté à les
porter. De là la nécessité d'un déplacement conceptuel décisif :
substituer au lexique lisse de la durabilité la notion de co-viabilité.
Non pas un équilibre supposé entre intérêts déjà constitués, ni la
correction technocratique d'externalités, mais l'institution toujours
fragile, toujours révisable, toujours conflictuelle, des conditions sous
lesquelles des formes de vie hétérogènes peuvent encore tenir ensemble
sans destruction irréversible.
des instruments. Ce qui manque, de plus en plus, ce sont les formes
capables de les porter. De là la nécessité d'un déplacement conceptuel
décisif : substituer au lexique lisse de la durabilité la notion de
co-viabilité. Non pas un équilibre supposé entre intérêts déjà
constitués, ni la correction technocratique d'externalités, mais
l'institution toujours fragile, toujours révisable, toujours
conflictuelle, des conditions sous lesquelles des formes de vie
hétérogènes peuvent encore tenir ensemble sans destruction irréversible.
Ce qui se dégage ainsi de l'ensemble n'est pas une doctrine
supplémentaire, encore moins un système clos. C'est une condition — qui ne garantit ni harmonie ni salut, mais sans laquelle aucune
@@ -193,33 +193,32 @@ qu'elle affecte, la différence ne tient pas à l'intensité du pouvoir,
mais à la possibilité de sa mise à l'épreuve. Ce qui rend un monde
habitable n'est ni l'absence de tensions, ni la stabilité de ses
équilibres, ni la pure efficacité de ses dispositifs. C'est la forme
dans laquelle ce qui le traverse peut être porté sans être nié, différé
sans être dissous, exposé sans être annihilé.
dans laquelle ses tensions peuvent être portées sans ni, différées
sans dissolution, exposées sans annihilation.
À partir de là, la question n'est plus d'abord celle d'un bon régime,
mais celle d'un monde qui tient. Non d'un monde pacifié, homogène ou
réconcilié, mais d'un monde capable de porter ce qui le traverse sans
mais celle d'un monde qui tient. Ce monde n'a pas besoin d'être pacifié,
homogène ou réconcilié ; il doit pouvoir porter ce qui le traverse sans
s'abolir dans sa propre exécution. Un monde qui ne tient ni par inertie,
ni par répétition, ni par l'évidence supposée de ses fondements. Il
tient parce qu'il est capable de porter ce qui le traverse sans le nier,
de différer ce qui l'affecte sans le dissoudre, d'exposer ce qui le
gouverne sans s'effondrer sous sa propre mise en question. Habiter un
monde ne signifie pas simplement y vivre. Cela signifie pouvoir y
comparaître. Pouvoir y demander d'où parle ce qui décide. Pouvoir y
identifier ce qui opère. Pouvoir y rouvrir le temps lorsque l'exécution
tend à se refermer sur elle-même. Pouvoir y faire apparaître ce qui,
sans cela, demeurerait converti en variable, en score, en flux.
monde ne signifie pas simplement vivre en son sein. Cela signifie
disposer d'une scène où comparaître, demander d'où parle ce qui décide,
identifier ce qui opère, rouvrir le temps lorsque l'exécution tend à se
refermer sur elle-même, faire apparaître ce qui, sans cette épreuve,
demeurerait converti en variable, en score, en flux.
La scène prend ici son sens le plus fort. Elle n'est ni un supplément
institutionnel, ni un décor ajouté au pouvoir pour en améliorer
l'acceptabilité, ni une métaphore commode pour désigner des espaces de
parole. Elle est l'une des formes à travers lesquelles un ordre cesse
d'être purement opératoire pour devenir politiquement tenable. Là où il
y a scène au sens fort — c'est-à-dire espace différé, documenté,
institué, capable de suspendre et de requalifier — la régulation ne se
contente pas d'agir : elle accepte de comparaître. C'est dans cette
comparution que se joue la possibilité, pour un monde, de ne pas se
réduire à ce qu'il exécute.
d'être purement opératoire pour devenir politiquement tenable. Là où une
telle forme existe — espace différé, documenté, institué, capable de
suspendre et de requalifier — la régulation ne se contente pas d'agir
: elle accepte de comparaître. C'est dans cette comparution que se joue
la possibilité, pour un monde, de ne pas se réduire à ce qu'il exécute.
Il faut ici maintenir une distinction que tout ce travail a jugée
décisive. Dire que la scène est condition de viabilité ne signifie
@@ -277,20 +276,6 @@ deviennent plus fragiles, plus tardives, plus périphériques. Ce ne sont
pas les décisions qui disparaissent ; ce sont les manières dont elles
pourraient être tenues.
Les droits, dans de nombreuses configurations sociales, se trouvent
intermédiés par des procédures dont la logique demeure difficilement
accessible à ceux qu'elles affectent ; les décisions qui concernent
l'habitabilité écologique des milieux se trouvent portées par des
instruments puissants, mais rarement rapportées à des espaces où leurs
fondements pourraient être disputés ; les architectures numériques et
algorithmiques rendent possible une distribution fine des traitements,
des classements, des accès, sans rendre aisément localisable le lieu de
leur mise à l'épreuve. Ces dimensions ne doivent pas être comprises
comme des sphères séparées. Elles constituent les expressions
différenciées d'un même processus : celui par lequel la régulation tend
à se déployer hors des formes d'épreuve qui permettaient de la tenir
comme monde.
C'est en ce sens que l'autarchicratie peut être nommée comme la
contre-figure terminale de l'archicratie. Non un régime au sens
classique, ni une idéologie, ni un type d'État, mais une configuration
@@ -303,10 +288,75 @@ boucles se ferment. Les ajustements se font à partir de leurs propres
résultats. Les audits vérifient la conformité à des critères produits
par les systèmes eux-mêmes. La régulation devient auto-référentielle.
Son intensité contemporaine tient toutefois à ce qu'elle ne demeure pas
extérieure aux sujets qu'elle régule. Lorsque chacun apprend à se noter,
se comparer, s'optimiser, se rendre compatible, anticiper les seuils qui
le classent ou prévenir son propre déclassement, la régulation ne
s'exerce plus seulement depuis des dispositifs séparés. Elle se prolonge
dans des conduites d'ajustement par lesquelles les existences deviennent
les opératrices contraintes de leur propre conformité. L'autarchicratie
atteint alors son degré le plus intime : non seulement lorsque l'ordre
se mesure lui-même, mais lorsque les sujets se gouvernent eux-mêmes
selon des critères qu'ils n'ont pas institués.
Cette intimité nouvelle de la régulation a trouvé dans la rationalité
néolibérale l'un de ses vecteurs historiques les plus puissants. Non
comme doctrine extérieure aux mutations industrielles récentes, mais
comme manière de faire tenir ensemble l'âge informatique et l'âge
algorithmique. La troisième révolution industrielle a donné au signal, à
l'indicateur, à la concurrence, à l'audit, à la solvabilité et au
feedback une autorité pratique inédite : institutions, entreprises,
services publics, individus ont été conduits à se rendre lisibles dans
des formats de performance. La quatrième fait descendre cette autorité
plus avant dans les conduites. Le classement prépare la décision.
L'évaluation aménage l'environnement où certains gestes deviennent
probables, certains parcours préférables, certains écarts coûteux avant
même d'être nommés. Le sujet n'est plus simplement contraint d'obéir ;
il apprend à devancer les critères qui l'évaluent, à prévenir son
déclassement, à traduire son temps, son travail, sa santé, ses désirs,
ses déplacements en signes compatibles avec les dispositifs qui le
rendent calculable. L'autarchicratisation contemporaine se noue dans
cette intériorisation : la régulation fabrique les formats de réalité
auxquels les existences doivent ensuite se rendre conformes.
Mais cette rationalité ne flotte pas dans un ciel d'indicateurs. Sa
vérité matérielle affleure dans les ressources dont dépend l'habitation
commune. Depuis les révolutions industrielles, chaque promesse de
puissance engage des sous-sols, des fleuves, des nappes, des ports, des
mines, des pipelines, des câbles, des centres de données, des corps
exposés, des territoires rendus disponibles. Le charbon et le pétrole
ont porté la mécanisation, les transports, la guerre industrielle et
l'accélération des échanges ; le gaz et l'uranium ont reconfiguré
l'énergie comme dépendance stratégique ; le sable, le cuivre, la
bauxite, le cobalt, le coltan, les terres rares, le germanium, le
tritium ou l'hélium-3 engagent désormais la construction,
l'électronique, le calcul, les batteries, les réseaux, les armements et
les promesses de transition. Une ressource n'est jamais une matière
posée devant un besoin. Elle est un nœud d'autorisation, d'extraction,
d'acheminement, de travail, de dette écologique, de violence
territoriale et de futur engagé. La co-viabilité atteint ici son sol le
plus concret : savoir qui prélève, qui consomme, qui stocke, qui manque,
qui respire les poussières, qui traverse les pénuries, qui habite les
paysages défaits, qui supporte les déchets, qui paie la puissance des
autres par la fragilisation de son propre monde.
L'exigence archicratique engage ainsi la comparution des chaînes
matérielles autant que celle des décisions, des normes et des
algorithmes qu'elles soutiennent. Les circuits d'extraction,
d'approvisionnement, de combustion, de refroidissement, de transport, de
stockage, de calcul, de financement et de sécurisation appartiennent
pleinement à la scène. Interroger une régulation revient alors à
demander d'où viennent ses ressources, quels milieux elle transforme,
quelles dépendances elle installe, quels territoires elle expose, quels
corps elle requiert, quelles formes de vie elle rend possibles ou
impossibles. Sans cette comparution matérielle, la co-viabilité
manquerait son point le plus sensible : la lutte pour les conditions
terrestres de l'habitation commune.
Cette bascule ne doit pas être dramatisée comme si elle était totale,
homogène, déjà accomplie. Des scènes subsistent, parfois robustes,
parfois fragiles. Des espaces de contestation, de délibération, de
reprise continuent d'exister. Mais ils apparaissent souvent comme
homogène, déjà parfaitement accomplie. Des scènes subsistent, parfois
robustes, parfois fragiles. Des espaces de contestation, de délibération
et de reprise continuent d'exister. Mais ils apparaissent souvent comme
disjoints des lieux où les décisions se prennent effectivement. La
tension se joue moins entre présence et absence de scène qu'entre leur
centralité et leur marginalisation. Le problème décisif n'est pas de
@@ -415,3 +465,7 @@ peu d'être habitable. Là où elle demeure ouverte, fût-ce dans le
conflit, sous contrainte, précairement, quelque chose du politique
subsiste encore : non la paix, ni l'innocence, ni l'harmonie, mais la
capacité d'un monde à ne pas se confondre avec sa propre exécution.
C'est là, précisément, que commence l'exigence archicratique : pouvoir
encore demander pourquoi, suivre comment, et rouvrir la scène où ce qui
s'exécute au nom d'un monde doit répondre de ce qu'il fait à ce monde.

File diff suppressed because it is too large Load Diff

View File

@@ -1,435 +1,225 @@
---
title: "Document de présentation"
title: "Genèse conceptuelle du terme archicratie"
edition: "commencer"
status: "draft"
status: "presentation"
level: 1
version: "0.1.0"
concepts: []
version: "0.2.0"
concepts:
- archicratie
- republique
- regimes-politiques
- conditions-construites
links: []
order: 0
summary: ""
summary: "Une entrée progressive dans le concept darchicratie à partir des limites du vocabulaire politique hérité."
source:
kind: docx
path: "sources/docx/commencer/document-de-presentation.docx"
path: "sources/docx/commencer/Genese_conceptuelle_du_terme_archicratie.docx"
---
## I — Langle mort de la théorie politique
Depuis plusieurs siècles, la théorie politique sefforce de comprendre comment les sociétés humaines sorganisent et se gouvernent. Elle sest structurée autour de quelques questions fondamentales : qui exerce le pouvoir, au nom de qui, selon quelles règles, à travers quelles institutions.
<p class="landing-kicker">Genèse conceptuelle</p>
De la souveraineté chez Bodin à la séparation des pouvoirs chez Montesquieu, du contrat social chez Rousseau aux théories contemporaines de la démocratie représentative, lessentiel de la réflexion politique moderne sest concentré sur les formes visibles du pouvoir. Monarchies, républiques, démocraties, oligarchies : ces régimes ont constitué les catégories principales à travers lesquelles les sociétés ont cherché à penser leur propre organisation.
<h2 id="commencer-genese-title">Note méthodologique</h2>
Cette tradition a produit des analyses dune grande richesse. Elle a permis de comprendre les mécanismes de la légitimité politique, les formes de la domination, les conditions de la représentation et les principes de lautorité publique.
Cette genèse ne prétend pas constituer une histoire exhaustive des concepts politiques. Elle propose une reconstruction orientée : suivre, à travers quelques nœuds théoriques décisifs, la manière dont les mots disponibles ont permis de penser les formes du pouvoir tout en laissant partiellement dans l'ombre les conditions concrètes qui rendent un ordre commun praticable, durable, contestable et reprenable.
Mais elle laisse dans lombre la question décisive.
La méthode adoptée distingue trois niveaux. Le premier relève des faits textuels établis : Platon expose une succession des régimes dans La République ; Aristote classe les constitutions selon le nombre de gouvernants et la finalité de l'action politique ; Polybe analyse la constitution mixte romaine au livre VI des Histoires ; Rousseau qualifie de république tout État régi par des lois dans Du contrat social ; Montesquieu distingue les formes de gouvernement dans De l'esprit des lois. Le deuxième niveau relève de l'interprétation argumentée : ces analyses ne sont pas mobilisées pour elles-mêmes, mais pour ce qu'elles permettent de comprendre de la tenue des mondes politiques. Le troisième niveau relève de l'inférence archicratique : à partir de ces matériaux, il devient possible de dégager le plan des conditions construites du commun, que les catégories classiques nomment rarement comme tel.
Les sociétés humaines ne tiennent pas seulement par leurs régimes politiques.
Cette reconstruction n'attribue donc pas rétroactivement aux auteurs anciens ou modernes une théorie qu'ils n'ont pas formulée. Elle cherche à montrer comment certaines de leurs questions, une fois reprises depuis les médiations contemporaines, rendent nécessaire un nouveau discernement. C'est dans cette perspective, et avec cette prudence, que le terme archicratie est introduit.
Elles tiennent aussi — et souvent surtout — par des architectures matérielles, techniques, normatives et organisationnelles qui rendent la coexistence collective possible. Infrastructures de production et de circulation, systèmes administratifs, normes juridiques, instruments de mesure, dispositifs dinformation, architectures techniques, procédures dévaluation ou cadres cognitifs partagés : tous ces éléments participent à lorganisation concrète du monde social.
Ces architectures ne sont pas de simples supports du pouvoir politique. Elles en conditionnent lexercice et souvent la survie. Elles organisent la circulation des ressources, stabilisent les attentes collectives, encadrent les interactions sociales et permettent aux tensions qui traversent les sociétés de demeurer compatibles avec la continuité de lensemble.
<div class="editorial-reveal" data-editorial-reveal>
<button class="editorial-reveal__button" type="button" aria-expanded="false">
<span class="editorial-reveal__label">Lire la suite de la genèse conceptuelle</span>
</button>
Autrement dit, elles assurent ce que lon peut appeler la co-viabilité des sociétés humaines : leur capacité à absorber et à redistribuer les tensions internes sans se désagréger.
<div class="editorial-reveal__body" aria-hidden="true">
Or cette dimension essentielle de la vie collective demeure étonnamment peu théorisée.
<h3 class="commencer-reveal-heading">L'entrée du problème : les mots politiques et leur excès de charge</h3>
La théorie politique sest concentrée sur les institutions visibles du pouvoir. Les sciences sociales ont étudié les infrastructures techniques, les organisations administratives ou les dispositifs économiques. Mais ces analyses restent le plus souvent fragmentées, dispersées entre disciplines et objets distincts.
Certains mots politiques semblent aller de soi parce qu'ils ont fini par porter plus d'histoire que de précision. République, démocratie, souveraineté, État de droit, technocratie, bureaucratie : chacun paraît désigner une forme reconnaissable du pouvoir. Pourtant, dès qu'on les approche de près, ces mots se dédoublent. Ils décrivent, ils jugent, ils légitiment, ils disqualifient. Ils nomment une forme institutionnelle et transportent déjà une interprétation du monde.
Il manque encore un concept capable de désigner les architectures par lesquelles les sociétés organisent leur propre tenue.
Cette ambiguïté révèle une difficulté plus profonde que le langage politique porte en lui : les catégories héritées saisissent souvent les formes visibles du pouvoir, ses principes déclarés, ses régimes, ses procédures, ses acteurs, mais elles peinent à nommer ce qui rend ces formes réellement praticables, durables, contestables et habitables.
Cest pour nommer cette dimension que lon peut introduire le concept darchicratie.
Une question demeure ouverte : qu'est-ce qui fait tenir un ordre commun ? Non ce qui le proclame, non ce qui le classe, non ce qui le légitime dans son nom, mais ce qui le rend effectivement vivable, opérant, opposable et reprenable pour ceux qui en dépendent.
Larchicratie ne désigne pas un régime politique parmi dautres. Elle désigne le méta-régime de régulation qui traverse et soutient les régimes politiques explicites. Là où les régimes politiques définissent les formes visibles du pouvoir, larchicratie renvoie aux architectures plus profondes qui rendent possible la tenue du monde social.
Avant d'appeler un mot nouveau, cette faille oblige à reprendre l'histoire des mots disponibles, non comme une succession de doctrines, mais comme une série d'efforts pour nommer ce qui fait tenir, se défaire ou se transformer les mondes politiques.
Comprendre les sociétés contemporaines suppose donc de déplacer partiellement le regard. Il ne sagit plus seulement dinterroger les formes de gouvernement, mais danalyser les architectures régulatrices qui permettent aux tensions sociales, économiques, techniques et écologiques de demeurer compatibles avec la continuité collective.
<h3 class="commencer-reveal-heading">Platon : la cité comme problème de tenue</h3>
Cest à lexploration de cette dimension que se consacre la théorie de larchicratie.
Avant la grande classification aristotélicienne des régimes, Platon déplace déjà la question politique vers une interrogation plus profonde : à quelles conditions une cité peut-elle être dite juste ? Dans La République, la question ne porte pas d'abord sur le rangement des formes de gouvernement dans un tableau. Elle porte sur l'agencement qui rend possible une certaine justice de la cité. La justice y renvoie à l'ordre des fonctions, des désirs, des savoirs et des formations, selon une analogie entre la cité et l'âme (République, livres II-IV).
## II — Pourquoi un nouveau concept est nécessaire
La prudence s'impose ici : Platon ne pense pas les conditions construites du commun au sens contemporain — infrastructures, chaînes administratives, dispositifs techniques, médiations numériques, dépendances économiques. Il donne pourtant à voir que la politique ne se réduit pas à la forme déclarée des institutions. Elle engage des conditions plus profondes : éducation des gardiens, formation des désirs, hiérarchie des savoirs, distribution des fonctions, orientation du commun.
Si lon affirme que les sociétés humaines se maintiennent par des architectures régulatrices profondes, une objection surgit aussitôt : nexiste-t-il pas déjà des concepts pour penser cette dimension ?
La succession des régimes dans La République confirme cette lecture. Aristocratie, timocratie, oligarchie, démocratie, tyrannie ne sont pas traitées comme de purs types constitutionnels. Elles sont associées à des transformations internes du rapport entre honneur, richesse, liberté, désir, discipline et commandement (République, livres VIII-IX). L'inférence que l'on peut en tirer est la suivante : chez Platon, la dégradation politique ne relève pas d'un changement de façade institutionnelle ; elle engage la corruption progressive des conditions morales, éducatives et affectives qui soutenaient l'ordre de la cité.
En effet, plusieurs traditions intellectuelles ont cherché à décrire les dispositifs par lesquels les sociétés organisent leur stabilité. Les notions de bureaucratie, de gouvernance, de régulation ou encore dinfrastructure institutionnelle semblent, à première vue, approcher cette réalité.
L'héritage est donc ambivalent. D'un côté, Platon oblige à penser la cité depuis ses conditions de tenue, et non depuis son nom de régime. De l'autre, il ouvre la tentation d'un gouvernement par surplomb, confié à ceux qui prétendent connaître mieux que les autres la vérité de l'ordre commun. Le philosophe-roi, la hiérarchie du savoir et la méfiance envers l'opinion démocratique portent ce risque : soustraire les conditions du commun à l'épreuve de ceux qui les vivent.
Pourtant aucun de ces concepts nen saisit pleinement la portée.
L'archicratie hérite de la première intuition tout en refusant cette clôture. Elle retient de Platon que la politique engage les conditions profondes d'un monde commun. Mais elle refuse que ces conditions soient garanties par une vérité placée au-dessus des existences. Là où Platon tend à rapporter la tenue de la cité à un ordre vrai connu par quelques-uns, l'exigence archicratique demande que ce qui fonde, ce qui opère et ce qui affecte demeure exposable, contestable et reprenable par ceux qui vivent sous ces conditions.
La notion de bureaucratie, telle quelle apparaît chez Max Weber, désigne lorganisation administrative rationnelle propre aux États modernes. Elle permet de comprendre la structuration hiérarchique des appareils administratifs, la formalisation des règles et la rationalisation des procédures. Mais la bureaucratie ne constitue quun type particulier dinstitution. Elle ne couvre ni lensemble des architectures techniques qui structurent les sociétés contemporaines, ni les dispositifs économiques, informationnels ou cognitifs qui participent à la régulation collective.
Platon devient ainsi un ancêtre problématique de la question archicratique : il voit que la cité tient par des conditions plus profondes que ses formes visibles, mais il ne donne pas encore à ceux que ces conditions affectent une scène suffisante de reprise. Il ouvre un problème que l'archicratie reformule autrement : comment penser la tenue d'un monde commun sans la confier à un savoir de surplomb, sans la réduire à une procédure formelle, et sans abandonner ses conditions à leur propre dérive ?
La notion de gouvernance, largement utilisée dans les sciences sociales contemporaines, cherche quant à elle à décrire la pluralité des acteurs et des mécanismes impliqués dans la coordination des sociétés. Elle met laccent sur les réseaux dacteurs, les partenariats institutionnels ou les formes de pilotage indirect. Mais cette notion reste principalement descriptive : elle sintéresse aux modes de coordination sans saisir pleinement les architectures matérielles et techniques qui rendent cette coordination possible.
<h3 class="commencer-reveal-heading">Aristote et Polybe : classer les régimes, penser leurs équilibres</h3>
La notion de régulation, développée notamment dans léconomie politique, permet danalyser les dispositifs par lesquels les systèmes économiques maintiennent une certaine stabilité malgré les tensions internes. Elle a notamment permis de comprendre les transformations du capitalisme à travers les formes institutionnelles qui organisent ses équilibres. Mais elle demeure largement centrée sur les mécanismes économiques et institutionnels, laissant en partie dans lombre les infrastructures techniques, informationnelles ou administratives qui structurent la vie sociale au-delà de léconomie.
Avec Aristote, la pensée politique reçoit l'une de ses grandes grammaires classificatoires. Dans La Politique, les constitutions sont distinguées selon le nombre de gouvernants et selon la finalité de leur action : le bien commun ou l'intérêt propre des gouvernants (Politique, livre III). Monarchie, aristocratie et politeia forment les régimes droits ; tyrannie, oligarchie et démocratie, dans le sens dégradé du terme chez Aristote, en forment les déviations.
Enfin, les approches contemporaines qui sintéressent aux infrastructures — quelles soient techniques, numériques ou organisationnelles — mettent en évidence limportance des dispositifs matériels dans lorganisation des sociétés. Elles montrent comment les réseaux techniques, les systèmes dinformation ou les architectures logistiques conditionnent les formes de la vie collective. Mais ces analyses restent souvent sectorielles : elles décrivent des infrastructures particulières sans toujours saisir la logique densemble qui les articule.
La force durable de cette classification tient à deux questions qu'elle noue d'emblée : qui gouverne, et en vue de quoi ? Elle empêche de réduire la politique à la possession du pouvoir. Elle interroge aussi l'orientation de ce pouvoir : bien commun ou intérêt particulier, gouvernement droit ou forme corrompue.
Chacun de ces concepts éclaire une dimension importante du fonctionnement social. Aucun cependant ne permet de saisir lensemble des architectures par lesquelles les sociétés organisent la régulation des tensions qui les traversent.
Sa limite apparaît dès que l'on déplace le regard vers la praticabilité concrète d'un ordre. Classer une constitution ne suffit pas à comprendre ce qui la rend habitable. Une forme peut être nommée, comparée, évaluée selon sa finalité, sans que soient pleinement visibles les médiations qui la font tenir : pratiques, usages, équilibres sociaux, conditions matérielles, scènes de conflit, possibilités de correction.
Cest précisément cet ensemble que désigne le concept darchicratie.
Aristote lui-même sait que les formes pures sont rares. La politeia apparaît comme un mélange d'éléments démocratiques et oligarchiques. Ce point importe : le réel politique résiste déjà aux catégories pures. Les régimes existent moins comme essences que comme agencements instables de forces, de normes, de répartitions et de finalités.
Larchicratie ne se limite ni à ladministration, ni à la coordination entre acteurs, ni aux mécanismes économiques de régulation, ni aux seules infrastructures techniques. Elle désigne larchitecture globale par laquelle une société organise la co-viabilité de ses dynamiques internes.
Polybe accentue ce déplacement avec l'analyse de la constitution mixte romaine et du cycle des régimes (Histoires, livre VI). La stabilité romaine ne vient pas de la pureté d'une forme, mais d'un équilibre entre principes différents : consuls, Sénat, assemblées populaires. La politique devient alors articulation de contrepoids, de temporalités, d'organes et de puissances.
Lintérêt du concept est ainsi de permettre une lecture transversale des dispositifs qui structurent la vie collective. Il invite à considérer ensemble des éléments souvent étudiés séparément : institutions politiques, infrastructures matérielles, systèmes administratifs, architectures informationnelles, dispositifs techniques, instruments de mesure ou cadres normatifs.
De cette tradition antique demeurent deux acquis majeurs. Elle rend pensables les formes du pouvoir. Elle montre aussi que ces formes ne tiennent jamais par leur nom. Elles dépendent de compositions, d'équilibres, de limites, de distributions effectives. Mais un reste demeure : les classifications disent qui gouverne, comment le régime se nomme, selon quelle finalité il prétend agir. Elles disent encore trop peu comment les conditions concrètes d'un monde commun sont produites, maintenues, éprouvées et reprises.
Larchicratie ne remplace pas les concepts existants ; elle les re-situe dans un cadre plus large.
<h3 class="commencer-reveal-heading">La modernité : souveraineté, loi, République</h3>
La bureaucratie devient alors lune des formes possibles de larchicratie administrative. Les infrastructures techniques apparaissent comme des composantes matérielles de larchicratie. Les dispositifs économiques de régulation constituent certaines de ses modalités fonctionnelles.
Avec la modernité, l'interrogation change de centre de gravité. Le problème n'est plus principalement celui de la forme du régime, mais celui de la fondation légitime de l'ordre. Qui autorise le pouvoir ? D'où vient la loi ? Comment l'obéissance peut-elle être justifiée ? Comment limiter l'arbitraire ?
Ce déplacement permet de saisir les sociétés non plus seulement à partir de leurs institutions visibles, mais à partir de lensemble des architectures qui rendent leur co-viabilité possible.
Hobbes concentre la question autour de la souveraineté. Locke autour des droits, de la propriété et du consentement. Rousseau autour de la volonté générale. Montesquieu autour des formes de gouvernement, des lois, des mœurs et de la distribution des pouvoirs. Ces références ne sont pas mobilisées comme une histoire complète de la modernité, mais comme des points de cristallisation d'un déplacement : le pouvoir doit désormais être fondé, limité, rendu légitime et inscrit dans des formes opposables.
Lintroduction du concept darchicratie ne vise donc pas à multiplier les catégories théoriques. Elle répond à une nécessité analytique : disposer dun concept capable de désigner le niveau fondamental où les sociétés organisent leur propre tenue.
La République devient alors un mot décisif. Chez Rousseau, elle ne correspond pas à un type institutionnel parmi d'autres. Dans Du contrat social, elle qualifie tout État régi par des lois, quelle que soit sa forme d'administration (livre II, chapitre VI). Ce qui fait République ne tient pas d'abord à l'absence de roi, mais à la subordination de l'ordre politique à une loi générale. La République excède ainsi la typologie des régimes. Elle nomme un régime de validité de la loi.
Cest à la clarification de ce niveau que doit maintenant se consacrer la définition conceptuelle de larchicratie.
Chez Montesquieu, la difficulté se déplace. Dans De l'esprit des lois, la République forme une espèce de gouvernement distincte de la monarchie et du despotisme, et se divise entre démocratie et aristocratie selon que le peuple entier, ou une partie du peuple, détient la souveraine puissance (livre II). Le mot ne renvoie donc pas à une structure homogène. Il rassemble plusieurs configurations, unies par un rapport spécifique entre souveraineté, loi et vertu civique.
## III — Définition conceptuelle de larchicratie
Rousseau et Montesquieu suffisent déjà à montrer la plasticité du vocabulaire politique. République peut qualifier une forme de gouvernement, un principe d'organisation, un horizon normatif, une condition de légitimité. Elle appartient au vocabulaire descriptif et au vocabulaire évaluatif. Elle dit ce qui est. Elle dit aussi ce qui mérite d'être reconnu comme politiquement valable.
Si larchicratie désigne le niveau profond par lequel les sociétés assurent leur propre tenue, il faut maintenant en préciser la structure.
La République décrit. Elle juge aussi.
Par archicratie, il faut entendre lensemble des architectures par lesquelles une société organise la régulation des tensions qui la traversent afin de maintenir la co-viabilité de ses dynamiques collectives.
Dans les usages contemporains, cette dualité devient plus visible encore. Dans l'espace public français, l'appel à la République fonctionne rarement comme une description institutionnelle neutre. Il qualifie, légitime, exclut. Il trace une frontière entre le recevable et l'irrecevable. Les « valeurs républicaines » sont invoquées comme si leur contenu allait de soi, alors qu'elles demeurent disputées : laïcité, égalité, souveraineté, citoyenneté, intégration, universalité.
Toute société humaine est traversée par une multiplicité de forces : dynamiques économiques, transformations techniques, conflits sociaux, mutations culturelles, pressions écologiques, innovations organisationnelles. Ces forces produisent des tensions permanentes. Elles peuvent accélérer, déséquilibrer ou fragmenter lordre social.
Weber permet d'éclairer cette opération. Dans Économie et société, la domination rationnelle-légale repose sur la croyance en la validité des règles établies. Cette croyance peut devenir une ressource politique. Se réclamer de la République, c'est adosser une position particulière à un principe supposé commun, sans toujours examiner les institutions, les pratiques et les effets que cette position engage.
La continuité dune société dépend donc de sa capacité à organiser un traitement durable de ces tensions.
Foucault permet d'aller plus loin, en particulier lorsqu'il montre que les discours ne reflètent pas le réel depuis l'extérieur mais participent à la formation des objets, des positions et des partages de légitimité (L'archéologie du savoir ; L'ordre du discours). Qualifier une mesure de « républicaine » ou d'« anti-républicaine » revient à intervenir dans un champ de forces. Certaines positions deviennent audibles ; d'autres sont disqualifiées.
Ce traitement ne repose pas uniquement sur des décisions politiques ponctuelles. Il sappuie sur un ensemble beaucoup plus large de dispositifs stabilisateurs : institutions administratives, infrastructures matérielles, normes juridiques, architectures techniques, systèmes dinformation, instruments de mesure, procédures organisationnelles, dispositifs dévaluation ou encore cadres cognitifs partagés.
La modernité a donc produit des catégories puissantes pour penser la validité de l'ordre politique. Mais elle n'a pas résolu le problème qui nous occupe. Un ordre peut être fondé dans la loi, inscrit dans des institutions, reconnu par des procédures, et devenir pourtant difficilement praticable dans les conditions concrètes où les existences rencontrent ses effets.
Pris ensemble, ces dispositifs composent larchitecture régulatrice qui permet à une société de maintenir la co-viabilité de ses dynamiques internes.
<h3 class="commencer-reveal-heading">-archie, -cratie : la crise des noms politiques</h3>
Cest cette architecture que désigne larchicratie.
L'examen doit alors se déplacer vers les mots qui organisent la nomination des régimes.
Pour rendre compte de cette dynamique régulatrice, il est utile de distinguer trois dimensions fondamentales présentes dans toute organisation sociale complexe : larcalité, la cratialité et larchicration.
La distinction entre les formes en -archie et celles en -cratie paraît d'abord éclairante. Les premières, comme monarchie, oligarchie ou anarchie, semblent renvoyer à des principes d'organisation du pouvoir : unité, minorité, absence de commandement institué. Les secondes, comme démocratie, aristocratie ou technocratie, semblent viser des modalités d'exercice ou de légitimation : le peuple, les meilleurs, les experts. L'étymologie paraît confirmer cette répartition : archè comme principe, commencement ou commandement ; kratos comme puissance, force ou domination.
### Larcalité : les structures stabilisatrices
Les usages effectifs troublent vite cette distinction. Démocratie peut désigner un principe de légitimation, une procédure institutionnelle, une forme de participation, une norme d'égalité politique. Aristocratie implique le gouvernement de quelques-uns tout en se présentant historiquement comme un pouvoir justifié par l'excellence supposée de ceux qui l'exercent. Anarchie peut signifier absence de commandement institué ; elle peut aussi viser des formes d'organisation non hiérarchiques.
Larcalité désigne lensemble des structures relativement durables qui stabilisent un système social.
Les mots politiques ne se rangent pas sur des niveaux homogènes. Ils agrègent structure du pouvoir, mode de désignation, forme institutionnelle, norme et conflit d'interprétation. La démocratie en donne l'exemple le plus net. Dans la cité grecque, elle passe par l'assemblée, le tirage au sort, la rotation des charges. Dans les régimes modernes, elle se reconnaît plutôt dans l'élection, le pluralisme partisan, les droits garantis. Le même mot traverse des mondes institutionnels profondément différents.
Elle comprend les institutions politiques, les cadres juridiques, les infrastructures matérielles, les architectures techniques, les dispositifs administratifs ou encore les normes organisationnelles qui encadrent les interactions sociales.
La difficulté ne tient pas à un flou ordinaire. Elle tient à la condensation. Une catégorie politique transporte une histoire, une procédure, une norme, un conflit. Elle décrit une forme et charrie déjà une interprétation.
Ces structures produisent de la stabilité. Elles définissent des règles, organisent des flux, instituent des contraintes et rendent certaines formes daction possibles tandis que dautres deviennent difficiles ou impossibles.
Les débats contemporains sur la démocratie le confirment. Démocratie délibérative, participative, sociale, libérale, radicale : ces expressions manifestent des désaccords profonds sur la substance du politique — discussion publique, égalité réelle, conflit, participation, représentation, redistribution du pouvoir — plutôt qu'elles ne déclinent un concept parfaitement stable.
Larcalité constitue ainsi la dimension structurelle de la vie collective : le réseau de formes relativement persistantes qui organisent lespace dans lequel les dynamiques sociales peuvent se déployer.
La distinction entre -archie et -cratie ne résout donc pas la crise classificatoire. Elle la rend visible. Le langage politique peine à articuler principe d'organisation, exercice réel, légitimation et institution. Les catégories demeurent indispensables pour nommer, comparer, discuter. Elles laissent pourtant dans l'ombre ce qui permet aux formes désignées de devenir opératoires.
### La cratialité : les dynamiques de transformation
Les idéologies modernes rendent ce manque plus visible encore.
Face à ces structures stabilisatrices se ploient des forces dynamiques que lon peut désigner sous le terme de cratialité.
<h3 class="commencer-reveal-heading">Les iologies devant l'épreuve des conditions</h3>
La cratialité renvoie à lensemble des dynamiques qui traversent les sociétés : flux économiques, innovations technologiques, transformations démographiques, conflits sociaux, mutations culturelles, pressions écologiques ou recompositions géopolitiques.
Libéralisme, socialisme, conservatisme, anarchisme travaillent les catégories disponibles. Ils les déplacent, les recomposent, les chargent d'attentes nouvelles. Le libéralisme peut s'accommoder de formes institutionnelles diverses lorsque certaines libertés sont garanties. Le socialisme peut emprunter des voies étatiques, autogestionnaires ou coopératives. L'anarchisme ne vise pas l'absence d'ordre ; dans ses traditions les plus exigeantes, il cherche des formes d'association sans capture hiérarchique.
Ces dynamiques exercent une pression constante sur les structures existantes. Elles déplacent les équilibres, modifient les rapports de force et introduisent de nouvelles tensions dans lorganisation sociale.
Des courants plus récents accentuent cette dispersion : écologisme politique, féminisme, postcolonialisme, décroissance, technocritique. Ils introduisent des objets que les catégories classiques intègrent difficilement : nature, genre, héritages coloniaux, systèmes techniques, limites matérielles de la croissance, dépendances énergétiques, vulnérabilités différentielles.
Aucune société ne peut supprimer ces forces de transformation. Elles constituent au contraire la condition même du mouvement historique.
Cette prolifération révèle davantage qu'un enrichissement doctrinal : elle montre que les catégories héritées ne suffisent plus à organiser l'ensemble des problèmes politiques contemporains. Les idéologies interprètent, orientent, contestent. Elles recomposent le champ. Elles ne disent pas toujours dans quelles conditions matérielles, sociales, techniques et existentielles leurs principes deviennent opérants.
La question centrale devient donc celle de leur régulation.
Un principe peut être généreux et manquer ses médiations. Une norme peut être juste dans son énoncé et inaccessible dans son exercice. Une institution peut être légitime et devenir impraticable pour ceux qui n'ont ni le langage, ni le temps, ni les appuis, ni la stabilité nécessaires pour s'y orienter.
### Larchicration : la régulation des tensions
L'analyse doit alors quitter les formes déclarées du pouvoir pour examiner les conditions qui les rendent habitables. À ce point, la question quitte le terrain doctrinal pour devenir archicratique : aucune promesse politique ne vaut pleinement tant que ses conditions d'exercice demeurent hors de prise.
Cest ici quintervient la troisième dimension : larchicration.
<h3 class="commencer-reveal-heading">Le politique à l'épreuve de ses conditions</h3>
Larchicration désigne lensemble des mécanismes par lesquels un système social régule les tensions entre ses structures stabilisatrices et ses dynamiques de transformation.
Les pratiques, les métiers, les dispositifs et les infrastructures ne sont pas des arrière-plans. C'est par eux qu'un ordre politique s'inscrit dans la réalité.
Elle ne supprime pas les tensions. Elle les organise.
Une école n'existe pas par son principe éducatif. Elle existe par des bâtiments, des enseignants, des programmes, des rythmes, des évaluations, des familles capables ou non d'accompagner, des transports, des langues, des attentes incorporées. Un hôpital n'existe pas par le droit au soin pris isolément. Il existe par des lits, des équipes, des horaires, des arbitrages, des financements, des protocoles, des corps soignants qui tiennent ou s'épuisent. Une administration n'existe pas par la légalité de ses procédures. Elle existe par des guichets, des interfaces, des formulaires, des délais, des capacités de compréhension, des possibilités de recours, des médiations familiales ou associatives.
Elle redistribue les contraintes, ajuste les équilibres, canalise les conflits, transforme certaines dynamiques et en ralentit dautres afin de maintenir la compatibilité globale du système.
Ces exemples indiquent le niveau où une norme devient condition d'existence. Les conditions construites du commun ne renvoient donc pas uniquement à des dispositifs institutionnels, techniques ou organisationnels. Elles engagent aussi des conditions temporelles, familiales, sociales, cognitives, langagières, territoriales et existentielles qui distribuent inégalement les possibilités réelles d'accès, de compréhension, d'usage, de participation et de reprise.
Les dispositifs fiscaux, les mécanismes juridiques, les infrastructures de circulation, les systèmes dinformation, les architectures techniques ou les instruments statistiques peuvent ainsi être compris comme autant dopérateurs darchicration : ils participent à la redistribution permanente des tensions collectives.
C'est là que l'écart se creuse. Une procédure peut exister formellement tout en exigeant des ressources très inégalement distribuées : temps disponible, adresse stable, maîtrise de la langue administrative, familiarité numérique, confiance dans l'institution, possibilité de recommencer après une erreur, présence d'un proche capable d'aider. Le droit est commun dans son énoncé, mais ses conditions d'exercice traversent des vies inégalement équipées.
### Larchicratie comme dynamique sociale globale
La politique ne se joue donc pas uniquement dans les institutions qui décident. Elle se joue aussi dans les médiations qui rendent une décision praticable ou impraticable. Elle se joue dans l'écart entre la proclamation d'un droit et la possibilité concrète de le faire valoir. Elle se joue dans les seuils, les délais, les formats, les coûts cachés, les infrastructures, les dépendances matérielles, les régimes de preuve.
Larchicratie est lorganisation sociale de cette dynamique tripartite.
Le lexique classique commence ici à manquer. Bureaucratie nomme une forme administrative. Technocratie nomme une captation possible par les experts. Démocratie nomme une source de légitimité et certaines procédures de participation. État de droit nomme la soumission du pouvoir à la norme. Infrastructure nomme les supports matériels. Dispositif nomme des agencements de pouvoir et de savoir.
Elle peut être comprise comme lensemble des architectures par lesquelles une société articule :
Aucun de ces termes ne suffit à nommer le plan où les principes, les opérations et les épreuves doivent rester articulés pour qu'un ordre commun soit politiquement habitable.
- ses structures stabilisatrices (arcalité),
C'est ce plan qu'il faut nommer.
- ses forces de transformation (cratialité),
<h3 class="commencer-reveal-heading">Le plan qui manquait aux catégories héritées</h3>
- et les mécanismes de régulation qui les relient (archicration).
Le terme archicratie naît de cette nécessité, mais il ne nomme pas un régime supplémentaire. Il ne désigne ni le gouvernement d'un groupe particulier, ni une forme institutionnelle constituée, ni une idéologie concurrente. Il nomme l'exigence selon laquelle les conditions du commun doivent pouvoir être fondées, suivies, éprouvées et reprises.
Cette articulation constitue le niveau fondamental par lequel les sociétés maintiennent leur co-viabilité.
Le mot rassemble deux dimensions que le vocabulaire politique tend à séparer. Archè renvoie au commencement, au principe, à ce qui fonde et rend recevable. Kratos renvoie à la puissance, à l'effectuation, à ce qui agit et transforme. L'archicratie désigne alors le problème de leur articulation : comment ce qui fonde rejoint-il ce qui opère ? Comment ce qui opère répond-il de ce qu'il produit ? Où ceux qui vivent les effets d'une régulation peuvent-ils éprouver, contester et reprendre ce qui les affecte ?
Lorsque cette articulation fonctionne, les tensions collectives demeurent compatibles avec la continuité sociale. Les transformations peuvent être absorbées, redistribuées ou intégrées dans lordre existant.
Trois dimensions se dégagent alors.
Lorsque cette articulation se fragilise, les tensions peuvent saccumuler, se déplacer brutalement ou dépasser les capacités de régulation du système. Les crises politiques, économiques ou institutionnelles apparaissent alors comme des moments où les architectures archicratiques deviennent incapables de maintenir léquilibre dynamique entre structures et forces.
- L'arcalité désigne ce qui fonde une régulation : principe, norme, raison, finalité, horizon de validité. Elle répond à la question : au nom de quoi ?
Dans cette perspective, larchicratie ne désigne pas une institution particulière. Elle désigne une propriété structurelle des sociétés complexes : la manière dont elles organisent la régulation permanente des tensions qui les traversent.
- La cratialité désigne ce qui opère : instruments, dispositifs, procédures, infrastructures, métiers, chaînes techniques, budgets, standards, formes d'organisation. Elle répond à la question : par quoi et comment ?
Toute société possède ainsi une forme darchicratie. Mais les modalités de cette régulation varient profondément selon les contextes historiques, les configurations institutionnelles et les architectures techniques disponibles.
- L'archicration désigne la scène d'épreuve et de reprise : les formes par lesquelles ce qui fonde et ce qui opère peuvent être confrontés à leurs effets, contestés, révisés, transformés. Elle répond à la question : où et comment ce qui affecte peut-il revenir vers ce qui l'a produit ?
Cest pourquoi larchicratie doit également être pensée comme un phénomène historique.
L'archicratie nomme l'exigence d'ensemble ; l'archicration nomme la scène où cette exigence devient épreuve, contestation et reprise.
Les sociétés ne cessent de transformer les architectures par lesquelles elles assurent leur propre tenue.
L'archicratie ne désigne donc pas la fermeture contemporaine du pouvoir. Elle précise une condition de tenue. Une régulation devient politiquement habitable lorsque ce qui la fonde, ce qui l'opère et ce qui la met à l'épreuve demeurent distinguables, articulés et exposables.
Cest à lanalyse de ces transformations que doit désormais se consacrer lexamen de larchicratie dans lhistoire des sociés humaines.
À l'inverse, la désarchicration désigne le processus par lequel cette articulation se défait. Les fondements deviennent incantatoires. Les opérations s'autonomisent. Les scènes d'épreuve se contractent, se ritualisent ou deviennent impraticables. La régulation continue d'agir, parfois avec une grande efficacité, mais elle perd sa tenue politique.
## IV — Larchicratie dans lhistoire des sociétés humaines
L'autarchicration désigne la dérive plus avancée : le moment où une régulation tend à ne plus rencontrer d'autre mesure que sa propre effectuation. Ses instruments produisent ses critères. Ses audits valident ses procédures. Ses indicateurs confirment ses priorités. Les effets qui échappent à ses formats deviennent périphériques.
Si larchicratie articule arcalité, cratialité et archicration, elle ne peut être réduite aux sociés contemporaines. Elle constitue une dimension structurelle de toute organisation sociale complexe.
Cette distinction verrouille le contresens majeur. L'archicratie n'est pas le nom de l'opacité contemporaine. Elle est ce qui permet de diagnostiquer cette opacité comme perte de relation entre fondement, opération et épreuve.
Lhistoire des sociétés humaines peut être relue comme une succession de configurations entre structures stabilisatrices, dynamiques de transformation et mécanismes de régulation.
<h3 class="commencer-reveal-heading">Le seuil archicratique</h3>
Dans toute société, une arcalité se met en place : un ensemble de structures relativement durables qui stabilisent lordre collectif. Ces structures peuvent prendre la forme dinstitutions politiques, de systèmes juridiques, de normes religieuses, dinfrastructures matérielles ou dorganisations administratives. Elles définissent le cadre dans lequel les interactions sociales peuvent se déployer.
Le vocabulaire disponible ne manque pas de nuances ; il manque son objet. Les régulations contemporaines ne se laissent plus saisir comme de pures formes de régime, comme des appareils bureaucratiques, comme des idéologies appliquées ou comme des décisions souveraines prolongées dans l'exécution. Elles agissent par chaînes, par formats, par seuils, par infrastructures, par critères d'accès, par dépendances matérielles et cognitives.
Mais ces structures ne sont jamais immobiles. Elles sont constamment traversées par des forces dynamiques — économiques, techniques, démographiques ou culturelles — qui exercent une pression sur les formes établies. Ces forces constituent la cratialité des sociétés : lensemble des dynamiques qui déplacent les équilibres, introduisent de nouvelles tensions et transforment les conditions de lexistence collective.
Elles traversent l'État sans s'y réduire. Elles mobilisent le marché sans s'y épuiser. Elles engagent l'expertise sans se confondre avec la technocratie. Elles utilisent l'administration sans se laisser ramener à la bureaucratie. Elles affectent des existences concrètes de manière différenciée : une même règle n'a pas le même coût selon le logement, le temps disponible, le capital administratif, l'entourage, l'état de santé, la familiarité avec les codes, la possibilité de contester sans risque.
Lhistoire sociale peut ainsi être comprise comme une tension permanente entre arcalité et cratialité.
Une même procédure peut être une formalité pour les uns et une traversée pour les autres. Une même architecture énergétique, budgétaire ou numérique peut produire des effets très différents selon les milieux, les familles, les territoires, les vulnérabilités. C'est pourquoi la question archicratique ne consiste plus à demander quelles institutions gouvernent, ni quelles normes organisent la vie collective. Elle demande : quel monde ces régulations rendent-elles effectivement habitable, pour qui, par quelles médiations, sous quelles conditions concrètes d'existence, et avec quelles possibilités réelles de reprise ?
Cependant, cette tension ne conduit pas nécessairement à la rupture. Les sociétés développent des dispositifs capables dabsorber, de redistribuer ou de transformer ces tensions. Ces dispositifs constituent larchicration : lensemble des mécanismes par lesquels un système social régule les dynamiques qui le traversent afin de maintenir sa co-viabilité.
L'archicratie désigne l'exigence de rendre comparables, suivables et reprenables les conditions par lesquelles un monde devient effectivement habitable, ou inhabitable, pour des existences concrètes.
Dans les sociétés anciennes, larchicration repose largement sur des dispositifs symboliques et institutionnels imbriqués : rites religieux, formes coutumières de droit, mécanismes de redistribution ou structures territoriales stabilisent les tensions produites par les dynamiques sociales.
<h3 class="commencer-reveal-heading">La portée inaugurale du terme</h3>
Avec lémergence des États modernes, les architectures darchicration se transforment. Les administrations permanentes, les systèmes fiscaux, les dispositifs juridiques formalisés ou les infrastructures de circulation deviennent des opérateurs majeurs de régulation. Larchicration se matérialise alors dans des architectures administratives capables de traiter des flux de population, de ressources et dinformation à une échelle croissante.
Nommer l'archicratie, ce n'est pas recouvrir le réel d'une couche supplémentaire d'abstraction. C'est isoler un plan que les vocabulaires disponibles laissaient dispersé.
Les sociétés industrielles du XIXᵉ et du XXᵉ siècle développent à leur tour de nouvelles architectures archicratiques. Les réseaux de transport, les systèmes énergétiques, les dispositifs statistiques, les institutions de protection sociale ou les instruments de planification économique participent à la régulation des tensions produites par lindustrialisation, lurbanisation et lexpansion des marchés.
Ce plan n'est ni celui du régime, ni celui de l'idéologie, ni celui de la procédure, ni celui de l'infrastructure prise à part. Il est celui de leur articulation concrète : le lieu où des principes deviennent des chaînes d'action, où des dispositifs transforment des vies, où des effets doivent pouvoir remonter vers ce qui les produit.
Chaque grande transformation historique peut ainsi être interprétée comme une reconfiguration de larticulation entre arcalité, cratialité et archicration.
Sa légitimité tient à son pouvoir de discernement. Là où il n'éclaire aucun écart entre les raisons invoquées, les opérations effectives et les épreuves vécues, il doit se retirer. Là où il permet de distinguer une régulation qui fonctionne d'une régulation qui se tient, il devient nécessaire.
Lorsque les dynamiques de transformation excèdent la capacité des architectures régulatrices à redistribuer les tensions, les sociétés entrent dans des phases de crise. Les structures stabilisatrices deviennent incapables dabsorber les forces qui les traversent. De nouvelles architectures doivent alors émerger pour rétablir une forme de co-viabilité.
L'archicratie nomme cette exigence de tenue.
Dans cette perspective, lhistoire politique ne peut être comprise uniquement à partir de lévolution des régimes visibles. Elle doit également être pensée comme une histoire des architectures archicratiques par lesquelles les sociétés organisent la régulation de leurs tensions internes.
Elle demande que les conditions du commun ne soient pas abandonnées aux opérations qui les produisent. Elle demande que les mondes construits par les normes, les infrastructures, les procédures, les savoirs, les héritages et les dispositifs puissent encore être compris, discutés, contestés et repris par ceux qui les habitent.
Or les transformations contemporaines semblent introduire une mutation particulière dans cette dynamique longue. Les dispositifs darchicration deviennent de plus en plus intégrés à des infrastructures techniques et informationnelles complexes, capables de traiter les tensions sociales à travers des systèmes de calcul, de mesure et dautomatisation.
Ce n'est pas un nom de plus dans la série des régimes. C'est un seuil de pensée : le moment où la politique cesse d'être interrogée à partir de ses formes visibles pour l'être aussi à partir des conditions qui rendent ces formes vivables.
Cette transformation ouvre la possibilité dun déplacement majeur dans lhistoire de larchicratie : le passage vers des configurations où les architectures régulatrices tendent à acquérir une autonomie croissante à légard des scènes politiques traditionnelles.
L'archicratie commence là où une question devient inévitable :
Cest cette mutation contemporaine quil convient désormais dexaminer.
Quel monde nos régulations construisent-elles, pour qui, par quelles médiations, et avec quelles possibilités de reprise ?
## V — La mutation contemporaine : vers lautarchicratie
<h3 class="commencer-reveal-heading">Repères bibliographiques primaires et conceptuels</h3>
Si larchicratie correspond à larticulation entre arcalité, cratialité et archicration, alors chaque transformation majeure des infrastructures sociales modifie nécessairement la manière dont les sociétés régulent leurs tensions internes. Lhistoire des sociés humaines peut ainsi être comprise comme une succession de configurations archicratiques distinctes, dans lesquelles les structures stabilisatrices, les dynamiques de transformation et les mécanismes de régulation sarticulent selon des équilibres variables.
Platon, La République, en particulier livres II-IV pour la construction de la cité juste et livres VIII-IX pour la succession des régimes.
Les sociétés contemporaines traversent aujourdhui une mutation profonde de cette articulation.
Aristote, La Politique, en particulier livre III pour la classification des constitutions selon le nombre de gouvernants et la finalité du gouvernement.
Depuis plusieurs décennies, les infrastructures techniques, informationnelles et organisationnelles qui structurent les sociétés connaissent une transformation dune ampleur inédite. Lexpansion des réseaux numériques, la circulation massive de données, la généralisation des dispositifs de mesure et lintégration croissante de systèmes de calcul dans les processus décisionnels modifient profondément les architectures par lesquelles les tensions collectives sont traitées.
Polybe, Histoires, livre VI, pour l'analyse de la constitution mixte romaine et du cycle des régimes.
Dans cette transformation, larcalité des sociétés se reconfigure. Aux structures institutionnelles et administratives héritées des sociétés industrielles sajoutent désormais des architectures techniques complexes : réseaux numériques globaux, infrastructures de données, systèmes algorithmiques, plateformes numériques, dispositifs automatisés de gestion et dévaluation. Ces infrastructures deviennent progressivement des éléments constitutifs de lenvironnement dans lequel se déploient les interactions sociales, économiques et politiques.
Thomas Hobbes, Léviathan, pour la souveraineté comme fondation de l'ordre politique moderne.
Parallèlement, la cratialité des sociétés sintensifie. Les flux économiques se mondialisent, les innovations technologiques se succèdent à un rythme accéléré, les transformations écologiques introduisent de nouvelles pressions systémiques, tandis que les dynamiques informationnelles multiplient les interactions et les rétroactions entre acteurs sociaux. Les sociétés contemporaines sont ainsi traversées par des dynamiques de transformation dune densité et dune vitesse inédites.
John Locke, Second traité du gouvernement civil, pour droits, propriété et consentement.
Dans ce contexte, la fonction darchicration — cest-à-dire la capacité des sociétés à réguler les tensions entre structures et dynamiques — tend à se reconfigurer profondément.
Jean-Jacques Rousseau, Du contrat social, notamment livre II, chapitre VI, pour la définition de la république comme État régi par des lois.
Traditionnellement, cette régulation reposait sur des dispositifs institutionnels relativement identifiables : administrations publiques, cadres juridiques, mécanismes politiques de décision, instruments économiques de régulation. Ces dispositifs rendaient visible, au moins partiellement, lorganisation de la régulation sociale. Ils pouvaient être contestés, modifiés ou réorientés à travers des procédures politiques ou institutionnelles.
Montesquieu, De l'esprit des lois, notamment livres II et III, pour la distinction des formes de gouvernement et leurs principes.
Or les architectures contemporaines darchicration tendent de plus en plus à sinscrire dans des infrastructures techniques distribuées. Les dispositifs de calcul, les modèles algorithmiques, les systèmes dinformation et les architectures de données participent désormais directement à la régulation des flux économiques, des interactions sociales et des décisions collectives.
Max Weber, Économie et société, pour la domination rationnelle-légale, la légitimité et la bureaucratie moderne.
Les dispositifs statistiques orientent les politiques publiques. Les indicateurs de performance conditionnent lallocation des ressources. Les systèmes algorithmiques hiérarchisent laccès à linformation, organisent la visibilité des contenus ou anticipent certains comportements sociaux. Les plateformes numériques structurent des espaces entiers dinteraction économique et culturelle.
Michel Foucault, L'archéologie du savoir ; L'ordre du discours ; Surveiller et punir ; Sécurité, territoire, population ; Naissance de la biopolitique, pour les discours, les dispositifs, les disciplines et la gouvernementalité.
Ces dispositifs ne remplacent pas nécessairement les institutions politiques. Mais ils transforment profondément les conditions dans lesquelles celles-ci opèrent.
Jürgen Habermas, Théorie de l'agir communicationnel, pour la tension entre systèmes et monde vécu.
La régulation des tensions collectives ne disparaît pas ; elle se déplace.
Niklas Luhmann, Systèmes sociaux, pour la différenciation fonctionnelle des systèmes sociaux.
Elle sinscrit dans des architectures techniques, dans des chaînes de calcul, dans des infrastructures informationnelles et dans des systèmes de mesure qui orientent les dynamiques sociales sans apparaître toujours comme des lieux explicites de décision politique.
Bruno Latour, La science en action ; Changer de société, refaire de la sociologie, pour les médiateurs, les chaînes d'inscription et les réseaux d'action.
Ce déplacement marque une mutation majeure de larchicration contemporaine.
À mesure que les architectures techniques deviennent plus complexes et plus intégrées, les mécanismes de régulation peuvent acquérir une forme dautonomie relative par rapport aux scènes politiques dans lesquelles ils pourraient être discutés, contestés ou transformés. Les dispositifs continuent dorganiser la régulation des tensions collectives, mais leur fonctionnement devient plus difficile à appréhender dans sa totalité.
Cest cette configuration particulière que lon peut désigner par le terme dautarchicratie.
Lautarchicratie ne correspond pas à la disparition de larchicratie. Elle désigne au contraire une situation dans laquelle les architectures régulatrices deviennent partiellement autonomes par rapport aux espaces publics de délibération et de décision. Les dispositifs techniques, administratifs ou informationnels continuent dorganiser la régulation sociale, mais ils tendent à se refermer sur leurs propres logiques opératoires.
Dans une configuration autarchicratique, les mécanismes darchicration demeurent actifs, mais leur intelligibilité collective se réduit. Les sociétés continuent de se réguler, mais elles perdent progressivement la capacité de comprendre, de discuter et dorienter les architectures qui assurent cette régulation.
La question politique contemporaine se déplace alors.
Elle ne concerne plus seulement la distribution de lautorité ou les formes institutionnelles du pouvoir. Elle concerne la capacité des sociétés à maintenir un rapport réflexif avec les architectures techniques, administratives et informationnelles qui structurent leur propre fonctionnement.
Elle concerne la possibilité de faire comparaître larchicratie dans lespace du débat public.
Car si larchicratie désigne les architectures par lesquelles les sociétés organisent leur propre tenue, lautarchicratie désigne la situation dans laquelle ces architectures cessent dêtre pleinement exposées à la délibération et à la transformation collective.
La mutation contemporaine de larchicratie ne se réduit donc pas à lexpansion des technologies numériques. Elle correspond à une transformation plus profonde de larticulation entre arcalité, cratialité et archicration.
Les sociétés contemporaines doivent désormais réguler des dynamiques dune intensité et dune complexité croissantes à travers des architectures techniques qui tendent elles-mêmes à devenir des environnements structurants de laction collective.
Dans ce contexte, la question centrale nest plus simplement celle du gouvernement des sociétés, mais celle de la maîtrise collective des architectures qui assurent leur co-viabilité.
Cest dans cet écart entre archicratie et autarchicratie que se joue aujourdhui une part décisive de lavenir politique des sociétés humaines.
## VI — Quatre scènes de gouvernance algorithmique
Les transformations contemporaines de larchicratie deviennent particulièrement visibles lorsquon observe certains dispositifs concrets qui participent désormais à la régulation quotidienne des sociétés. Loin de constituer de simples outils techniques, ces dispositifs sinsèrent dans les architectures darchicration et contribuent directement à la redistribution des tensions collectives.
Quatre scènes permettent den prendre la mesure.
### 1 — Le score administratif : gouverner par le calcul
Dans de nombreuses administrations contemporaines, la gestion des politiques publiques sappuie désormais sur des dispositifs algorithmiques capables de traiter des volumes considérables de données.
Les systèmes dévaluation du risque de fraude, les modèles prédictifs dattribution de prestations et les dispositifs de priorisation administrative agrègent une multitude dinformations : revenus déclarés, historique administratif, données territoriales, statistiques socio-économiques.
Dans plusieurs pays, ces systèmes participent directement à la sélection des dossiers à contrôler ou à la hiérarchisation des demandes.
Larcalité se manifeste ici dans larchitecture administrative et juridique de lÉtat social. La cratialité apparaît dans la pression exercée par la massification des demandes, les contraintes budgétaires et les exigences defficacité bureaucratique. Larchicration se déplace alors vers des dispositifs de calcul capables dorienter la gestion de ces tensions.
La décision administrative reste officiellement humaine, mais le calcul configure de plus en plus lespace dans lequel elle devient possible.
### 2 — La visibilité algorithmique : organiser lespace public informationnel
Une seconde scène archicratique apparaît dans lorganisation contemporaine de la visibilité publique.
Les grandes plateformes numériques — YouTube, TikTok, Facebook, X ou Instagram — reposent sur des systèmes de recommandation capables de sélectionner et de hiérarchiser les contenus à partir dune multitude de paramètres : interactions passées, signaux dengagement, comportements dutilisateurs comparables, prédictions dattention.
Ces systèmes décident en grande partie de ce qui devient visible ou invisible dans lespace informationnel.
Dans cette configuration, larcalité réside dans linfrastructure technique des plateformes et dans leurs architectures logicielles. La cratialité se manifeste dans la production massive de contenus et dans la compétition pour lattention collective. Larchicration se déploie dans les algorithmes qui redistribuent lattention sociale en hiérarchisant laccès à la visibilité.
Une part croissante de lespace public contemporain est ainsi structurée par des architectures de calcul qui orientent la circulation des informations et la formation des opinions.
### 3 — La régulation automatisée des flux économiques
Une troisième scène archicratique apparaît dans la gestion algorithmique des flux économiques.
Les plateformes de transport, les systèmes logistiques mondiaux, les marchés financiers automatisés ou les dispositifs de tarification dynamique reposent désormais sur des infrastructures capables dajuster en temps réel lallocation de ressources.
Les prix peuvent varier en fonction de la demande instantanée. Les trajets sont redistribués entre conducteurs et passagers par des algorithmes doptimisation. Les marchés financiers voient circuler des flux de capitaux pilotés par des programmes capables dexécuter des milliers dopérations par seconde.
Dans ces architectures, larcalité correspond aux infrastructures économiques et logistiques qui structurent les réseaux de production et déchange. La cratialité se manifeste dans les fluctuations permanentes de loffre, de la demande et de la concurrence. Larchicration se déploie dans les systèmes de calcul qui redistribuent en continu ces tensions.
La régulation économique devient ainsi partiellement inscrite dans des architectures techniques capables dorganiser la circulation des flux à une vitesse et à une échelle inédites.
### 4 — Larchicration sécuritaire : Palantir et la guerre algorithmique
Une quatrième scène archicratique apparaît dans le domaine de la sécurité et de la guerre.
Des systèmes danalyse de données massives comme ceux développés par la société **Palantir** permettent aujourdhui dagréger dimmenses volumes dinformations provenant de sources multiples : bases administratives, données de surveillance, communications numériques, informations géographiques ou flux logistiques.
Ces plateformes sont utilisées par des agences de renseignement, des forces de police ou des armées pour cartographier des réseaux, identifier des corrélations invisibles à lœil humain et orienter des opérations de sécurité.
Dans le même temps, le développement des **armes autonomes** et des systèmes militaires pilotés par intelligence artificielle introduit la possibilité dune régulation partiellement automatisée de la violence organisée.
Dans ces configurations, larcalité correspond aux infrastructures sécuritaires et militaires qui structurent les appareils dÉtat. La cratialité apparaît dans la complexité croissante des menaces, des conflits asymétriques et des flux dinformation stratégiques. Larchicration se déploie dans des architectures de calcul capables dintégrer et danalyser des données à grande échelle afin dorienter les décisions opérationnelles.
Larchicration entre ainsi dans un domaine où les enjeux ne concernent plus seulement lorganisation de léconomie ou de linformation, mais la gestion même de la violence collective.
### Larchicratie à lère des architectures de calcul
Ces quatre scènes ne constituent pas des anomalies isolées. Elles illustrent une transformation structurelle des architectures archicratiques contemporaines.
La régulation des tensions sociales, économiques, informationnelles et sécuritaires sinscrit de plus en plus dans des infrastructures techniques capables de traiter des volumes dinformation considérables et de redistribuer en temps réel les équilibres collectifs.
Autrement dit, larchicration tend désormais à se déployer au cœur même des architectures de calcul qui structurent les sociétés contemporaines.
Cest précisément ce déplacement qui ouvre la possibilité dune dérive autarchicratique : la situation dans laquelle les architectures de régulation deviennent progressivement moins visibles, moins intelligibles et moins contestables pour les sociétés quelles organisent.
## VII — Ce que change le concept darchicratie
Introduire le concept darchicratie ne consiste pas simplement à ajouter une notion supplémentaire au vocabulaire de la théorie politique. Cela implique un déplacement décisif : un changement de perspective sur ce qui fait réellement tenir les sociétés humaines.
La tradition politique moderne sest principalement construite autour de la question du pouvoir : qui gouverne, qui décide, selon quelles règles et au nom de quelle légitimité. Cette perspective a permis de penser les institutions politiques, les formes de la souveraineté, les mécanismes de la représentation et les conditions de la légitimité démocratique.
Mais elle repose implicitement sur une hypothèse rarement interrogée : celle selon laquelle la stabilité des sociétés dépend principalement de leurs institutions politiques visibles.
Or lanalyse archicratique montre que cette hypothèse est insuffisante.
Les sociétés ne tiennent pas uniquement par leurs régimes politiques. Elles tiennent par lensemble des architectures matérielles, techniques, normatives et organisationnelles qui rendent possible la régulation des tensions collectives.
Le concept darchicratie permet ainsi de déplacer la focale de la théorie politique : du pouvoir visible vers les architectures de régulation qui structurent la co-viabilité sociale.
Ce déplacement produit plusieurs conséquences importantes.
### 1 — Déplacer lobjet de la théorie politique
La première conséquence concerne lobjet même de la théorie politique.
Traditionnellement, celle-ci sintéresse aux institutions qui exercent explicitement le pouvoir : gouvernements, parlements, administrations, tribunaux, partis politiques.
Lapproche archicratique invite à élargir ce champ danalyse.
Les infrastructures techniques, les architectures informationnelles, les dispositifs statistiques, les systèmes de mesure ou les plateformes numériques deviennent également des objets pleinement politiques, dans la mesure où ils participent directement à la régulation des tensions collectives.
Autrement dit, la politique ne se limite plus aux institutions qui gouvernent. Elle inclut les architectures qui organisent les conditions mêmes de la gouvernabilité des sociétés.
### 2 — Repenser la crise politique contemporaine
La seconde conséquence concerne linterprétation des crises politiques contemporaines.
Les analyses dominantes expliquent souvent ces crises par un déficit de représentation, une perte de confiance dans les institutions ou une fragmentation de lespace public.
Ces facteurs sont réels. Mais lanalyse archicratique suggère quils ne suffisent pas à expliquer la situation actuelle.
Les crises contemporaines peuvent également être interprétées comme des crises darchicration : des situations dans lesquelles les architectures régulatrices existantes peinent à absorber les tensions produites par les transformations économiques, technologiques et écologiques.
Lorsque larticulation entre arcalité, cratialité et archicration se fragilise, les sociétés peuvent connaître des phases dinstabilité institutionnelle, de polarisation sociale ou de désorientation politique.
Les tensions ne disparaissent pas ; elles deviennent simplement plus difficiles à réguler dans les architectures existantes.
### 3 — Comprendre les transformations du pouvoir
La troisième conséquence concerne la nature même du pouvoir dans les sociétés contemporaines.
Dans la perspective classique, le pouvoir est principalement associé à la capacité de prendre des décisions contraignantes : voter une loi, imposer une règle, exercer une autorité.
Lanalyse archicratique montre quune part croissante du pouvoir contemporain sexerce à travers la conception et lorganisation des architectures régulatrices.
Définir les indicateurs qui orientent laction publique, concevoir les systèmes dinformation qui structurent les flux administratifs, paramétrer les algorithmes qui redistribuent la visibilité ou organiser les infrastructures qui pilotent les flux économiques constitue aujourdhui une forme déterminante dexercice du pouvoir.
Le pouvoir ne disparaît pas ; il se déplace vers les architectures qui organisent les conditions mêmes de laction collective.
### 4 — Réouvrir la question politique
Enfin, lintroduction du concept darchicratie permet de reformuler la question politique elle-même.
Si les sociétés se maintiennent par des architectures de régulation qui structurent leurs dynamiques internes, alors la question politique ne peut se limiter à la désignation des gouvernants ou à la distribution de lautorité.
Elle concerne également la capacité collective à comprendre, à discuter et à orienter les architectures qui assurent la co-viabilité sociale.
Autrement dit, la politique devient aussi une question darchitecture.
Il ne sagit plus seulement de décider qui gouverne, mais de déterminer comment sont conçues, organisées et transformées les infrastructures matérielles, techniques et institutionnelles qui structurent la régulation des tensions collectives.
### Lenjeu archicratique
Dans cette perspective, lenjeu central des sociétés contemporaines apparaît sous un jour nouveau.
Il ne sagit pas uniquement de préserver des institutions démocratiques formelles, mais de maintenir la capacité collective à faire comparaître les architectures régulatrices dans lespace du débat public.
Car si larchicratie désigne les architectures par lesquelles les sociétés organisent leur propre tenue, lautarchicratie désigne la situation dans laquelle ces architectures cessent dêtre pleinement intelligibles et transformables pour les sociétés quelles structurent.
La question politique contemporaine peut alors se formuler de manière simple :
les sociétés humaines seront-elles capables de maintenir une maîtrise collective des architectures qui assurent leur co-viabilité, ou entreront-elles dans une phase où ces architectures fonctionneront de manière de plus en plus autonome ?
Cest dans cet écart entre archicratie et autarchicratie que se joue aujourdhui une part décisive de lavenir politique du monde contemporain.
## VIII — Conclusion
### Faire comparaître les architectures qui nous gouvernent
Les sociétés humaines ont longtemps pensé la politique à travers la question du pouvoir visible : qui gouverne, selon quelles règles et au nom de quelle légitimité. Cette interrogation demeure essentielle. Mais elle ne suffit plus à rendre intelligible la manière dont les sociétés contemporaines fonctionnent réellement.
Car les sociétés ne tiennent pas uniquement par leurs institutions politiques explicites. Elles tiennent par les architectures matérielles, techniques, normatives et organisationnelles qui organisent la régulation permanente des tensions collectives. Ces architectures structurent la circulation des ressources, orientent les dynamiques économiques, redistribuent lattention informationnelle et participent à la gestion des risques sociaux ou sécuritaires.
Cest cet ensemble que désigne le concept darchicratie.
Larchicratie ne remplace pas les institutions politiques ; elle en constitue le soubassement opérationnel. Elle correspond au niveau où sarticulent les structures stabilisatrices, les dynamiques de transformation et les mécanismes de régulation qui permettent aux sociétés de maintenir leur co-viabilité.
Lanalyse archicratique invite ainsi à déplacer le regard. Elle conduit à considérer que les infrastructures techniques, les dispositifs administratifs, les architectures informationnelles ou les systèmes de calcul participent désormais directement à lorganisation du politique.
Dans les sociétés contemporaines, une part croissante de la régulation collective sinscrit dans ces architectures. Les indicateurs orientent les politiques publiques, les algorithmes redistribuent la visibilité informationnelle, les plateformes structurent les interactions économiques et les systèmes de calcul participent à la gestion des flux sociaux ou sécuritaires.
La politique ne disparaît pas dans ces transformations ; elle change de lieu.
Elle se déploie de plus en plus dans la conception et lorganisation des architectures qui structurent la régulation des sociétés.
Mais ce déplacement ouvre également une tension nouvelle.
Car à mesure que les architectures archicratiques deviennent plus complexes, plus techniques et plus intégrées à des infrastructures globales de calcul, elles peuvent progressivement séloigner des espaces où elles pourraient être comprises, discutées et transformées collectivement.
Cest dans cette possibilité que réside le risque autarchicratique.
Une société entre dans une configuration autarchicratique lorsque les architectures qui assurent sa régulation continuent de fonctionner tout en devenant de moins en moins intelligibles pour ceux quelles gouvernent. Les dispositifs demeurent efficaces, mais leur logique échappe progressivement à la délibération collective.
La question politique centrale du XXIᵉ siècle pourrait bien se situer précisément à cet endroit.
Il ne sagit plus seulement de savoir qui gouverne, mais de déterminer si les sociétés humaines demeureront capables de comprendre, dorienter et de transformer les architectures qui organisent leur propre tenue.
Autrement dit : les architectures archicratiques continueront-elles de comparaître dans lespace du débat collectif, ou entreront-elles dans une phase dautonomisation où la régulation sociale se déploiera à travers des dispositifs de plus en plus opaques ?
La théorie de larchicratie ne prétend pas résoudre cette tension. Elle vise dabord à la rendre visible.
Nommer une réalité est souvent la première condition pour agir sur elle.
En identifiant les architectures par lesquelles les sociétés organisent leur co-viabilité, le concept darchicratie ouvre un nouveau champ danalyse pour la théorie politique contemporaine. Il invite à penser ensemble les institutions visibles du pouvoir et les infrastructures plus profondes qui rendent leur fonctionnement possible.
Comprendre larchicratie, cest ainsi reconnaître que la politique ne se joue pas seulement dans les lieux où lautorité est proclamée, mais aussi dans les architectures où la régulation collective sopère silencieusement.
Faire comparaître ces architectures devient alors lune des tâches essentielles de la pensée politique contemporaine.
Car cest dans leur capacité à comprendre et à orienter les architectures qui les gouvernent que se joue une part décisive de leur avenir.
</div>
</div>

View File

@@ -9,7 +9,7 @@ definitionShort: "Forme-type de régulation archicratique, ou matrice de co-viab
concepts: ["meta-regime-archicratique", "meta-regime", "archicratie", "arcalite", "cratialite", "archicration", "matrice", "co-viabilite"]
links: []
kind: "topologie"
family: "meta-regime"
family: "topologie"
domain: "transversal"
level: "intermediaire"
related: ["meta-regime", "regime-de-co-viabilite", "archicratie", "arcalite", "cratialite", "archicration", "co-viabilite", "archeogenese", "archicrations-proto-symboliques", "archicrations-scripturo-normatives", "archicrations-marchandes", "archicrations-differentielles-et-formes-hybrides"]

View File

@@ -0,0 +1,287 @@
---
title: "Manifeste archicratique"
edition: "manifeste"
status: "manifeste"
level: 1
version: "0.1.0"
concepts:
- archicratie
- regulation
- co-viabilite
- fondement
- operation
- epreuve
links: []
order: 0
summary: "Manifeste politique et critique du paradigme archicratique."
source:
kind: docx
path: "sources/docx/manifeste/Manifeste_Archicratique.docx"
---
<div class="manifest-body">
<h2 class="manifest-section-title">Quand ce qui nous gouverne tend à se dérober</h2>
Les sociétés contemporaines n'ont pas déserté la règle. Elles en produisent avec une intensité rarement atteinte : droits, normes techniques, procédures, indicateurs, garanties, objectifs publics, voies de recours. Elles savent se justifier, se mesurer, s'administrer, corriger parfois leurs propres excès.
Le trouble vient d'ailleurs. Il tient à l'écart qui se creuse entre l'existence formelle des garanties et les conditions réelles de leur exercice. Un droit peut demeurer intact dans les textes et devenir difficile à faire valoir. Une institution peut conserver sa légitimité et rendre ses opérations presque inatteignables. Une procédure peut fonctionner selon ses critères et laisser ceux qu'elle affecte sans prise sur ses effets.
Ce manifeste part de cet écart : un monde où les normes, les dispositifs et les architectures qui nous gouvernent ne répondent plus toujours assez clairement de ce qu'ils produisent dans les vies.
Ce retrait n'a pas la franchise d'une interdiction. Il arrive par friction, par attente, par renvoi, par traduction imposée. Il s'insinue dans la différence entre ce qui est garanti et ce qui devient praticable. Il se loge dans cette zone où les principes politiques rencontrent des existences inégalement équipées pour les faire valoir.
L'archicratie naît de cette exigence : que les conditions du commun puissent comparaître. Elle ne vise ni l'abolition de la complexité, ni le rêve d'une transparence impossible. Elle demande que les régulations qui organisent nos vies ne deviennent pas étrangères à ceux qui les habitent.
<div class="editorial-reveal" data-editorial-reveal>
<button class="editorial-reveal__button" type="button" aria-expanded="false">
<span class="editorial-reveal__label">Lire le manifeste intégral</span>
</button>
<div class="editorial-reveal__body" aria-hidden="true">
<h2 class="manifest-section-title">Quelque chose résiste</h2>
On ne comprend pas toujours d'abord ce qui s'est retiré.
La loi est là. Le formulaire aussi. Le guichet a parfois changé de forme, mais il n'a pas disparu. Le recours figure quelque part, dans un texte, une page, un délai, une adresse. Rien ne signale une rupture franche. Pourtant, au moment d'agir, quelque chose résiste. Un délai a couru avant même que l'on ait compris son importance. Une pièce manque, puis une autre. Le dossier entre dans un circuit dont personne ne paraît répondre. La plateforme reconnaît un format, rarement une situation. L'interlocuteur existe peut-être, mais trop loin, trop tard, dans une langue qui suppose déjà la maîtrise de ce que l'on vient demander.
Il y a là une expérience politique encore mal nommée. Elle ne ressemble pas toujours à l'injustice visible. Elle ne prend pas nécessairement le visage d'une autorité qui ferme la porte. Elle se présente comme une suite de conditions : pouvoir comprendre, pouvoir attendre, pouvoir prouver, pouvoir recommencer, pouvoir joindre, pouvoir se faire aider, pouvoir perdre du temps sans perdre davantage.
Pour certains, ces conditions restent en arrière-plan. Elles se confondent avec l'évidence d'une vie relativement stable : une adresse qui ne change pas, un ordinateur disponible, une familiarité avec les codes, un proche capable de relire, un emploi du temps assez souple, une confiance acquise devant les administrations, le sentiment que l'erreur se corrige. Pour d'autres, ces mêmes conditions deviennent l'épreuve. L'accès à un droit réclame une énergie que l'existence a déjà consommée ailleurs. La démarche arrive après la fatigue, après le travail, après le soin donné à un parent, après la journée de transport, après le bruit du logement, après l'inquiétude du mois qui finit.
Deux personnes peuvent rencontrer la même règle sans rencontrer la même réalité. Le droit paraît identique dans l'énoncé ; les prises qui permettent d'y entrer ne sont pas réparties de manière égale. L'égalité formelle ouvre une promesse indispensable, mais cette promesse traverse des vies qui ne disposent pas des mêmes ressources de temps, de langage, de stabilité, de confiance, de santé, d'entourage, de mémoire administrative.
Les sociétés modernes ont beaucoup promis en soumettant le pouvoir à des formes. Loi, responsabilité, publicité des actes, administration, jugement, représentation, recours : ces conquêtes ne sont pas des apparences. Elles ont éloigné l'autorité de la violence nue. Elles ont donné au pouvoir des adresses, des limites, des procédures, des voies de contestation. Un monde privé de ces médiations risquerait de livrer les existences à des forces plus brutes, moins opposables, plus difficiles encore à reprendre.
Mais les formes héritées laissent désormais une part décisive du gouvernement des vies hors de prise. Une décision peut être régulière et produire des effets que personne ne parvient à reprendre. Une institution peut conserver sa légitimité déclarée et perdre, dans ses modes d'accès, une part de sa promesse. Une procédure peut fonctionner selon ses critères internes et épuiser ceux qu'elle devait servir. Le pouvoir n'a pas quitté le monde ; il s'est logé dans des médiations plus longues, plus techniques, plus distribuées, parfois moins adressables.
Le regard doit alors descendre d'un étage. Demander qui décide demeure nécessaire. Demander au nom de quoi l'on décide demeure indispensable. Mais une question supplémentaire s'impose : comment ce qui est décidé devient-il condition d'existence ? Par quelles chaînes un principe rejoint-il une vie ? À quel moment la médiation qui devait rendre un droit praticable devient-elle l'obstacle qui le rend incertain ? Où l'expérience de ceux qui subissent ces effets peut-elle remonter, être entendue, déplacer les critères, transformer ce qui agit ?
C'est ce plan qu'il faut nommer : le plan des conditions construites du commun, là où les principes rencontrent les infrastructures, les savoirs, les héritages, les vulnérabilités et les appuis concrets qui distribuent inégalement les possibilités d'existence.
<h2 class="manifest-section-title">Le plan oublié des conditions</h2>
Les mots politiques ne nomment jamais un niveau unique de réalité.
République peut désigner une forme de gouvernement, un régime de la loi, une exigence civique, une ressource de légitimation, parfois une frontière discursive dressée entre le recevable et l'irrecevable. Démocratie peut désigner une source de légitimité, une procédure électorale, une culture du conflit, une promesse d'égalité politique. État de droit peut renvoyer à la hiérarchie des normes, à la protection juridictionnelle, à la prévisibilité de l'action publique, à la possibilité d'opposer une règle au pouvoir.
Ces mots demeurent nécessaires. Ils conservent une puissance descriptive et normative. Mais ils disent encore trop peu ce qui se noue entre la validité d'un principe et la praticabilité d'une existence. Ils suivent mal le trajet par lequel une décision devient dossier, un droit devient justificatif, une politique devient seuil, un objectif devient indicateur, une promesse devient attente, une norme devient tri.
La difficulté ne vient pas d'une pauvreté des traditions intellectuelles. Une part majeure de la pensée moderne a déjà déplacé le regard hors de la figure trop pauvre du commandement. Weber a montré l'importance de la domination rationnelle-légale, du règlement, de la compétence, du dossier, de la prévisibilité administrative. Foucault a déplacé l'analyse vers les dispositifs, les disciplines, la gouvernementalité, les conduites orientées avant même d'être explicitement ordonnées. Habermas a décrit la tension entre systèmes et monde vécu, lorsque les formes fonctionnelles de coordination pénètrent des domaines où l'entente, le langage et la reconnaissance demeurent vitaux. Luhmann a mis au jour la puissance des systèmes différenciés, capables de traiter le monde selon leurs codes internes. Latour a rappelé que l'action circule par médiateurs, objets, inscriptions, chaînes matérielles, traductions successives.
Chacune de ces traditions garde sa forme propre ; les rabattre l'une sur l'autre reviendrait à les appauvrir. Elles ont pourtant rendu suspecte une idée persistante : le pouvoir serait localisable d'abord là où une volonté ordonne. L'action collective moderne passe par des formes qui rendent possible, transmettent, codent, calculent, stabilisent, rendent recevable. Le geste archicratique s'inscrit dans ce déplacement et lui donne un critère politique : ces formes peuvent-elles encore répondre de ce qu'elles fondent, de ce qu'elles opèrent et de ce qu'elles engendrent ?
Nous appelons archicratie l'exigence par laquelle une régulation affectant la vie commune peut exposer ce qui la fonde, rendre suivables les opérations par lesquelles elle agit, accueillir l'épreuve de ceux qu'elle affecte et rendre possible une reprise réelle.
Ce mot doit être entendu à rebours d'un contresens possible : il ne nomme pas la fermeture contemporaine du pouvoir, mais une condition de tenue. Là où cette condition se défait, nous parlons de désarchicration. Là où une régulation tend à ne plus rencontrer d'autre mesure que sa propre effectuation, ses propres critères, ses propres instruments de validation, nous parlons d'autarchicration.
Ces distinctions importent. Sans elles, la critique confond l'opacité, la complexité, l'efficacité, la violence, l'illégitimité et l'impuissance. Ce qui nous manque n'est pas une colère plus vaste. C'est un discernement plus exact.
Le geste archicratique vaut lorsqu'il aiguise le discernement. Hors des écarts entre raisons invoquées, opérations effectives et épreuves vécues, il perd sa nécessité. Là où il permet de distinguer une régulation qui fonctionne d'une régulation qui se tient, il devient éclairant.
Une régulation fonctionne lorsqu'elle produit des effets selon ses instruments. Elle se tient lorsque ses raisons, ses opérations et ses épreuves demeurent reliées sans être confondues. Cette différence est décisive. Beaucoup de dispositifs traitent, classent, orientent, distribuent, évaluent. Ils perdent leur tenue lorsque leurs raisons deviennent décoratives, lorsque leurs opérations deviennent autoréférentielles, lorsque les épreuves qu'ils produisent ne disposent plus de scène capable d'en reprendre les effets.
L'archicratie suppose une arcalité : ce qui rend une régulation recevable, ce qui lui donne raison, ce qui l'inscrit dans un horizon de validité. Elle suppose une cratialité : ce qui agit, ce qui transforme, ce qui distribue les effets dans la réalité matérielle, administrative, technique, économique, sociale. Elle suppose une archicration : la scène où ce qui fonde et ce qui opère peuvent être éprouvés, contestés, repris.
Ces trois dimensions s'entrelacent plutôt qu'elles ne s'empilent. Elles se nouent, se tissent, se déplacent, se déséquilibrent. Une arcalité sans effectuation devient proclamation. Une cratialité qui se protège de ses raisons devient gestion close. Une archicration réduite à des signes de consultation devient décor procédural. Le politique se défait rarement d'un coup. Il perd sa tenue par ces décrochages.
<h2 class="manifest-section-title">Les vies inégalement équipées</h2>
L'archicratie manquerait son objet si elle s'arrêtait au seuil des institutions.
Ce qui se joue dans les médiations contemporaines atteint des existences situées. Il atteint des familles, des trajectoires, des corps, des mémoires, des usages, des manières d'habiter le temps. Il atteint cette zone fragile où une personne possède en droit la même ressource qu'une autre, tout en disposant de prises très différentes pour la faire valoir.
Il faut dire cela avec rigueur. Les individus ne sont pas des surfaces passives où les systèmes viendraient inscrire leurs contraintes. Les familles ne sont pas des blocs homogènes. Les classes sociales ne déterminent pas mécaniquement chaque capacité. Les personnes comprennent, anticipent, résistent, apprennent, contournent, transmettent, inventent des appuis. Elles font tenir des vies dans des conditions souvent plus dures que ne le reconnaissent les institutions qui les évaluent.
Cette intelligence pratique ne doit pourtant pas masquer l'inégalité des prises. Certains droits à l'erreur ne sont jamais distribués également. Certains retards se rattrapent ; d'autres ferment une ressource. Un formulaire prend dix minutes dans une maison calme et devient une soirée entière dans un logement surpeuplé. Une démarche qu'un parent diplômé transforme en formalité peut devenir, pour un autre, une traversée de langue administrative, de peurs anciennes, d'angoisse de mal faire. Dans certaines familles, on sait appeler, relancer, argumenter, demander une attestation, chercher un texte, mobiliser un contact ; dans d'autres, on attend, parce que contester paraît dangereux, illégitime ou trop coûteux.
La société néolibérale tend à relire ces écarts comme différences d'adaptation. Elle donne à chacun la charge de se rendre compatible avec les dispositifs qui l'évaluent. L'accès devient compétence. L'orientation devient responsabilité individuelle. La précarité devient défaut d'anticipation. La difficulté à comprendre devient manque d'autonomie. L'échec à obtenir devient incapacité à naviguer.
La brutalité de ce déplacement tient à sa discrétion. Personne n'a besoin d'accuser ouvertement. Le langage des dispositifs peut alors parler d'autonomie, de parcours, d'employabilité, de responsabilisation, de maîtrise des démarches, tandis que la charge réelle se déplace vers ceux qui doivent s'y rendre compatibles. Une épreuve produite par des conditions collectives revient alors vers l'individu sous la forme d'un déficit personnel. Celui qui ne trouve pas la bonne entrée devient mauvais usager. Celui qui fatigue devient peu adaptable. Celui qui renonce disparaît des statistiques de recours. Celui qui ne proteste pas confirme, par son silence, l'apparente acceptabilité du système.
Le regard archicratique commence par cette économie cachée des prises. Qui peut attendre ? Qui peut recommencer ? Qui peut contester sans peur ? Qui dispose d'un proche capable de traduire le langage administratif ? Qui peut perdre une journée sans perdre son salaire, son calme, son logement, sa place ? Qui peut faire reconnaître une erreur sans être soupçonné de mauvaise foi ?
Ces questions ne relèvent pas de la compassion. Elles relèvent de l'intelligibilité politique. La fatigue, l'attente, le langage, l'adresse, le réseau familial, la confiance dans l'institution, la capacité de recommencer après un refus, ne sont pas des détails biographiques. Ce sont des médiations de la vie commune. Elles déterminent ce que les principes deviennent lorsqu'ils rencontrent des existences.
Le logement le montre avec une force matérielle. Les conditions n'y sont pas des métaphores. Elles ont des murs, une adresse, un loyer, un bail, une température, une humidité, une distance, un temps de trajet. Elles s'inscrivent dans les corps, dans le sommeil, dans l'étude, dans les relations familiales, dans la capacité à se projeter.
La Fondation Abbé Pierre estimait, dans son rapport 2024, que 4,2 millions de personnes souffraient de mal-logement ou d'absence de logement personnel, et que 12,1 millions étaient fragilisées par rapport au logement. Ces chiffres ne décrivent pas un manque abstrait de logements. Ils décrivent des différences de stabilité, de repos, d'intimité, de mobilité, de santé, de dignité.
Un logement trop cher oblige à calculer sans relâche. Un logement éloigné impose des heures de transport qui retirent du temps aux enfants, à la santé, à l'étude, au repos. Un logement bruyant modifie la capacité de concentration. Un logement indigne atteint les corps avant toute discussion politique. Une adresse instable fragilise les démarches administratives, la scolarité, l'accès au soin, la recherche d'emploi. La famille ne traverse pas ces conditions comme un sujet abstrait ; elle les absorbe dans ses horaires, ses tensions, ses arbitrages, ses silences.
Le droit au logement ne loge pas. Cette phrase ne vise pas à déprécier le droit. Elle rappelle qu'un droit exige du foncier, des financements, des règles d'attribution, des constructions, des rénovations, des transports, des capacités d'entretien, des garanties, des politiques urbaines. Lorsqu'une société proclame l'habitabilité sans produire les conditions qui la rendent effective, elle transforme la promesse en attente.
Aux urgences, la promesse du soin se mesure à ce qu'elle fait attendre. L'hôpital n'a pas disparu. Les soignants tiennent. Les protocoles existent. Pourtant l'expérience bascule lorsque le temps s'allonge, lorsque les lits manquent, lorsque les équipes compensent par l'épuisement ce que l'organisation ne garantit plus. La saturation n'a plus alors la figure d'un incident : elle devient une condition ordinaire du soin.
La DREES a montré qu'en 2023 la moitié des personnes prises en charge aux urgences y restait plus de trois heures, avec une forte aggravation des temps longs, notamment pour les plus âgés. Le patient n'est pas exclu du soin. Il entre dans une chaîne saturée. Le soignant ne renonce pas à sa vocation ; il arbitre dans des marges diminuées, sous des contraintes que son jugement professionnel n'a pas choisies. La promesse politique du soin ne disparaît pas ; elle est vécue comme trahison lorsque l'accès reconnu devient attente imposée, lorsque l'accueil devient tri sous contrainte, lorsque la présence des professionnels sert à masquer l'insuffisance des moyens qui leur permettraient de soigner dans de bonnes conditions.
La tarification à l'acte appartient à cette architecture. Elle n'est pas une ligne comptable extérieure au soin : elle a pesé sur les manières d'organiser, de coder, de prioriser, de rentabiliser les séjours, les actes, les lits, les flux. Elle a contribué à faire entrer la logique hospitalière dans une grammaire où ce qui se compte tend à commander ce qui soigne. Le droit demeure, mais il demande aux corps d'encaisser des arbitrages que le vocabulaire de la gestion transforme trop vite en optimisation.
Les mots de performance et de défaillance manquent ici leur cible. Le système ne s'arrête pas : il traite, oriente, priorise, mesure, absorbe. Il fonctionne dans la tension, et cette continuité peut devenir son alibi. Les charges se déplacent alors vers les patients qui attendent, les proches qui accompagnent, les soignants qui absorbent, les familles qui réorganisent leur temps autour d'une incertitude.
Avec l'administration numérique, le déplacement change encore de forme. Elle porte une promesse légitime : réduire les délais, éviter des déplacements, faciliter des démarches, rendre accessibles des informations. Pour une partie des usagers, cette promesse devient réelle. Le numérique peut alléger, accélérer, clarifier.
Mais une régulation doit être jugée aussi depuis ses bords. Ceux qui n'ont pas l'équipement adéquat. Ceux qui n'ont pas d'adresse stable. Ceux qui maîtrisent mal la langue administrative. Ceux qui craignent d'appuyer au mauvais endroit. Ceux dont la situation ne correspond pas au cas prévu. Ceux qui dépendent d'un enfant, d'un voisin, d'un travailleur social, d'un proche déjà débordé. Ceux qui renoncent avant d'apparaître dans les statistiques du refus.
Le Défenseur des droits a alerté dès 2019 sur les risques de recul de l'accès aux droits liés à la dématérialisation des services publics, puis a publié en 2022 un suivi de ses recommandations, en insistant sur l'importance des alternatives physiques et de l'accompagnement. Une procédure disponible ne garantit pas nécessairement une procédure praticable.
L'exclusion produite par ces dispositifs se présente rarement comme telle. Elle apparaît sous la forme d'un dossier incomplet, d'un identifiant perdu, d'une authentification impossible, d'un document non conforme, d'un format refusé. La décision devient difficile à localiser. Est-ce la règle ? L'interface ? La sous-traitance technique ? Le service instructeur ? L'algorithme de tri ? La personne au téléphone qui ne peut rien modifier ? Lorsque l'usager ne sait plus à qui parler, l'épreuve se contracte.
La médiation déborde les proches, les familles et les associations. Elle passe aussi par une chaîne technique largement privée, devenue condition ordinaire de l'accès public. Pour exercer un droit, il faut souvent disposer d'un appareil, d'un système d'exploitation, d'un navigateur compatible, d'une connexion, d'une adresse électronique, d'un service d'authentification, parfois d'un espace de stockage en ligne et d'un niveau minimal de sécurité.
Chacune de ces médiations relève, au moins en partie, d'acteurs privés, de standards commerciaux, de coûts d'accès et de fragilités techniques. Le service public paraît alors disponible ; mais sa praticabilité dépend d'un empilement commercial, technique et informationnel que l'usager ne maîtrise pas. Une panne, une obsolescence, un navigateur non reconnu, un mot de passe compromis, une connexion instable, une donnée perdue ou captée peuvent suffire à transformer un droit formel en parcours d'épuisement.
Cette dépendance ne condamne pas les médiations privées en bloc. Elle signifie que l'accès au commun repose désormais sur une infrastructure hybride dont la responsabilité politique demeure souvent mal distribuée. Les données personnelles circulent, se stockent, se synchronisent, s'exposent à des risques de piratage, de fuite, de profilage, parfois de réutilisation à d'autres fins. Même lorsque les plateformes publiques respectent leurs obligations, l'usager doit encore traverser tout un environnement technique dont les intérêts, les architectures et les vulnérabilités ne relèvent pas entièrement du service public. Reste alors une question décisive : qui répond de l'accès lorsque le droit public dépend de médiations privées pour devenir exerçable ?
Les solidarités domestiques, associatives ou professionnelles interviennent souvent après ce déplacement. Un proche aide à créer un compte, retrouver un mot de passe, scanner un justificatif, comprendre une interface, contourner une incompatibilité, sécuriser une démarche. Ces appuis comptent ; ils ne doivent pas servir de paravent au transfert de charge. Une société qui traite comme autonomie individuelle ce qui repose sur des équipements privés, des standards techniques, des connexions payantes, des compétences numériques et des soutiens inégalement distribués doit répondre de l'architecture réelle de l'accès.
L'archicratie oblige à regarder cette économie cachée de l'accès. Elle demande qui porte le coût réel de la démarche. Qui fournit le temps, la traduction, l'assurance, la mémoire des codes, le travail de relance. Une administration qui se modernise en transférant une partie de ses médiations vers les usagers et leurs proches doit répondre de ce transfert.
Ce qui vaut dans une démarche administrative, dans une famille, dans un logement, dans une salle d'attente, vaut aussi à d'autres échelles. Les conditions du commun ne se distribuent pas uniquement dans les scènes proches. Elles se construisent aussi dans des architectures lointaines, diplomatiques, techniques, scientifiques, économiques, dont les effets rejoignent ensuite des existences situées. Il faut donc quitter un instant le guichet, la plateforme, l'hôpital, l'adresse, pour regarder les architectures qui forment à distance les conditions du commun.
<h2 class="manifest-section-title">Kyoto et Maastricht : deux architectures du commun</h2>
Kyoto et Maastricht donnent à l'exigence archicratique deux scènes décisives. La première part d'une vulnérabilité planétaire : le climat, l'atmosphère, les trajectoires d'émission, l'habitabilité terrestre. La seconde part d'une fondation institutionnelle supranationale : l'Union européenne, l'union économique et monétaire, les critères de convergence, la redistribution des marges de décision entre États, institutions et marchés. Elles ne relèvent pas du même ordre. Elles n'affectent pas les existences par les mêmes médiations. Elles montrent ensemble que les régulations contemporaines les plus puissantes débordent la figure classique d'une décision nationale clairement assignable.
Le protocole de Kyoto place le politique devant une difficulté propre à notre temps : transformer une menace planétaire en obligations, en chiffres, en mécanismes de suivi, en responsabilités différenciées, puis en conditions assumables par des sociétés inégalement exposées. Adopté le 11 décembre 1997 sous l'égide de la Convention-cadre des Nations unies sur les changements climatiques, entré en vigueur le 16 février 2005 après un long processus de ratification, il n'a pas constitué un événement politique au sens classique. Aucun peuple mondial ne s'y est prononcé. Aucun souverain unique n'y a donné sa loi. Aucune administration centrale n'y a disposé d'un pouvoir direct sur l'ensemble des territoires concernés. Pourtant, quelque chose d'immense s'y est joué : la tentative de convertir une connaissance scientifique du dérèglement climatique en régime international d'obligations, de mesures, de différenciations et de mécanismes d'application.
Kyoto rend visible une transformation décisive du gouvernement contemporain. Une régulation peut naître d'une alerte scientifique, s'inscrire dans une diplomatie multilatérale, se traduire en objectifs chiffrés, organiser des procédures de comptabilisation, produire des instruments économiques, puis atteindre les politiques énergétiques, industrielles et territoriales d'États, d'entreprises, de ménages. La décision ne descend pas d'un point vers des exécutants. Elle circule par des rapports, des conférences, des inventaires d'émissions, des périodes d'engagement, des mécanismes de flexibilité, des marchés, des administrations nationales, des investissements, des arbitrages industriels.
Le protocole porte une arcalité forte : l'atmosphère devient objet commun de responsabilité, les émissions de gaz à effet de serre cessent d'être de purs effets collatéraux de la croissance industrielle, les pays développés reçoivent une charge accrue au nom de responsabilités communes mais différenciées. Cette arcalité déplace l'idée même de justice. Il n'est plus possible d'additionner des intérêts nationaux sans inscrire les trajectoires économiques dans une dette climatique historique, une vulnérabilité globale et une obligation de transformation.
Sa cratialité passe par des médiations difficiles à politiser : inventaires, quotas, marchés de permis, mécanismes de développement propre, unités de réduction, protocoles de vérification. Le climat devient gouvernable à travers des instruments qui le rendent calculable. Cette calculabilité est indispensable à l'action collective ; elle devient problématique lorsqu'elle donne l'impression que la transformation des conditions matérielles d'existence peut être absorbée dans un langage de compensation, d'optimisation et d'équivalence.
La portée historique de Kyoto ne doit pas être réduite. Il a rendu possible une première grammaire internationale de contrainte climatique. Il a inscrit dans le droit et dans les instruments de coopération l'idée que certains modes de production engageaient une responsabilité excédant les frontières où ils produisaient leur richesse. Il a aussi montré les limites d'une régulation dont la scène de fondation, les opérations de mesure et les effets sociaux ne se rejoignent jamais sans reste.
Qui éprouve réellement une tonne de carbone évitée, échangée ou compensée ? Dans quel lieu une communauté affectée par une infrastructure dite verte peut-elle faire remonter son expérience jusqu'aux critères qui justifient cette infrastructure ? Comment une famille exposée à la hausse des coûts énergétiques rencontre-t-elle une architecture internationale pensée dans la langue des trajectoires d'émission ? Comment un territoire dépendant d'un bassin industriel carboné entre-t-il dans une transition qui lui demande de se transformer au nom d'un impératif global ?
Maastricht fait apparaître une autre face du même problème. Signé en 1992 et entré en vigueur en 1993, le traité institue une architecture européenne dont les effets excèdent largement la décision diplomatique. Il crée une citoyenneté de l'Union, engage l'union économique et monétaire, stabilise des critères de convergence, recompose les rapports entre monnaie, budget, souveraineté, discipline économique et politiques publiques. Ici encore, la régulation ne se présente pas comme un ordre ponctuel. Elle devient architecture durable : une manière d'organiser les marges d'action des États, les conditions de possibilité des décisions nationales, les cadres de recevabilité des politiques économiques.
Maastricht répondait à des problèmes réels : interdépendance croissante des économies européennes, besoin de stabilisation monétaire, volonté de donner une forme institutionnelle plus forte à un espace déjà traversé par des échanges, des normes, des dépendances. Le réduire à une pure dépossession ferait perdre la profondeur historique de cette construction. Mais l'exigence archicratique commence précisément lorsque l'on reconnaît à la fois la nécessité de l'architecture et la difficulté de sa reprise.
Un programme politique peut encore être débattu, voté, porté par des institutions représentatives ; il rencontre pourtant des seuils, des engagements, des marchés, des règles budgétaires, des traités, des normes de crédibilité qui redéfinissent ce qu'il peut effectivement faire. Toute vie commune connaît des contraintes. Mais une contrainte politique ne vaut pas par sa nécessité ; elle vaut par les formes qui permettent de la nommer, d'en suivre les effets, puis de la reprendre lorsqu'elle devient socialement ou politiquement intenable.
Kyoto et Maastricht éclairent deux versants d'une même mutation. Kyoto convertit une vulnérabilité terrestre en architecture de mesure, d'obligation et de transition. Maastricht convertit une fondation institutionnelle en architecture monétaire, budgétaire et juridique, capable de reconfigurer les prises nationales sur plusieurs décennies. D'un côté, une responsabilité climatique devient obligation commune ; de l'autre, une construction européenne devient cadre durable de recevabilité politique et économique. Ici, les inventaires, les quotas, les marchés, les trajectoires d'émission ; là, les critères, les procédures, la monnaie, les règles budgétaires, les institutions. La même difficulté revient : où les existences affectées peuvent-elles faire remonter leurs expériences jusqu'aux médiations qui les transforment ?
Ces architectures ne sont pas des anomalies de la modernité politique. Elles en révèlent la forme contemporaine : des agencements de longue portée, capables d'agir loin de leur scène de fondation. Les conditions du commun se structurent par emboîtements : une décision internationale rencontre une règle européenne, une politique nationale, une contrainte territoriale, puis une facture, un emploi, un service, un foyer. Un traité monétaire rejoint une politique budgétaire, puis un hôpital, une école ou un service local. Une norme de convergence rejoint des choix d'investissement, puis des activités, des salaires, des protections, des attentes. Les grandes architectures n'agissent jamais dans le ciel des abstractions. Elles se traduisent dans des corps, des lieux, des marges de manœuvre, des dépendances.
Les principes, les savoirs, les traités et les instruments sont là. Ce qui se fragilise souvent tient à leur articulation : entre les raisons qui fondent l'urgence ou l'engagement, les opérations qui transforment les conditions matérielles, et les scènes où les existences affectées peuvent faire reconnaître ce que cette transformation leur fait porter. Le manifeste archicratique naît à ce niveau : là où les grandes architectures du commun doivent redevenir suivables, éprouvables et reprenables par ceux qu'elles engagent.
Cette exigence vaut avec une force particulière dans la transition écologique actuelle. Les trajectoires étudiées par RTE pour 2023-2035 montrent qu'une décarbonation par électrification transforme bien davantage qu'un mix énergétique : elle modifie les dépendances matérielles d'une société. L'électricité conditionne déjà le chauffage, le soin, la production, les transports, l'information, les usages domestiques et professionnels. En transformer la production, la distribution et les flexibilités, c'est transformer une civilisation matérielle. Coûts, marges d'adaptation et vulnérabilités se répartissent selon des lignes très inégales entre territoires, foyers, entreprises et familles.
La transition devient désarchicratique lorsqu'elle invoque sa nécessité pour rendre indiscutables les médiations qui l'accomplissent. Elle devient archicratique lorsqu'elle rend visibles les arbitrages, les effets différenciés, les vulnérabilités, les coûts, les dépendances nouvelles, et lorsqu'elle ouvre des scènes où ces conditions peuvent être reprises.
Une transformation d'une telle ampleur doit être conduite avec fermeté. Elle doit aussi rendre compte de la manière dont elle distribue ses contraintes. Faute de quoi la nécessité commune risque de se présenter, pour certains, comme une nouvelle dépossession. La co-viabilité écologique n'est pas la paix des objectifs. Elle demande de faire tenir dans un même monde la contrainte climatique, la justice sociale, la vulnérabilité des territoires, les dépendances industrielles, les usages ordinaires et la capacité des populations à participer à la définition des conditions qui les transforment.
<h2 class="manifest-section-title">Co-viabilité et comparution</h2>
La régulation ne commence pas avec l'État, le code ou l'administration moderne. Bien avant la souveraineté constituée, les sociétés humaines ont dû traiter la mort, différer la violence, régler les échanges, transmettre des obligations, stabiliser des mémoires, donner forme à des passages. Une sépulture, un rite, un calendrier, un interdit, un objet retiré de l'usage, une dette différée, un récit transmis ne sont pas des institutions politiques au sens moderne. Ils indiquent pourtant que les collectifs humains n'ont jamais vécu dans la pure immédiateté des contraintes.
Une contrainte naturelle devient régulation lorsqu'elle est convertie en forme. Le froid contraint ; un calendrier d'entraide, une réserve, une interdiction saisonnière, une règle de partage transforment cette contrainte en médiation collective. La rareté de l'eau pèse sur les corps ; elle devient ordre lorsqu'elle suscite des tours d'usage, des obligations, des seuils, des lieux d'accès, des interdits. La mort frappe ; elle devient scène commune lorsqu'un collectif lui donne sépulture, mémoire, rite, obligation envers les vivants.
Cette profondeur anthropologique empêche de croire que les régulations seraient des surcharges tardives : les mondes humains tiennent par des médiations. Tout se joue alors dans la qualité des médiations : certaines rendent la cohabitation viable ; d'autres la rendent muette, inégale, impraticable.
L'histoire industrielle donne à cette question un relief moderne. Une machine ne fait pas monde par sa puissance matérielle. Elle devient historique lorsqu'elle entre dans un bâtiment, un horaire, une discipline, une paie, une fatigue, une loi qui tente d'en limiter certains effets. La vapeur ne modifie pas uniquement la production ; elle réordonne le temps des corps. L'usine n'est pas un décor de la machine ; elle est une forme de régulation. Elle ferme un espace, mesure la présence, transforme le retard en faute, la cadence en norme, le salaire en dépendance reconnue.
Les premières lois encadrant le travail des enfants et des femmes au XIXe siècle n'ont pas effacé l'asymétrie industrielle. Elles ont cependant signalé un déplacement décisif : le temps de travail, l'âge, la santé, la fatigue ne pouvaient plus être tenus pour des affaires privées du capital. La fabrique devenait un problème public. Une cratialité installée par la machine, le bâtiment, le règlement et la paie rencontrait une première archicration par l'enquête, la lutte, le scandale, la limitation légale.
Les révolutions industrielles suivantes ont déplacé cette structure sans l'abolir. L'électricité a raccordé des territoires, des standards, des rythmes. L'informatique a déplacé la décision vers l'information, le traitement, le signal, la base de données. Les plateformes et les modèles prédictifs interviennent désormais en amont des conduites, en orientant les choix, en classant les profils, en anticipant les risques, en modulant les accès. À chaque seuil revient la même épreuve : qu'est-ce qui rend l'ordre recevable ? Par quels instruments agit-il ? Où ceux qu'il affecte peuvent-ils rapporter ses effets à une épreuve commune ?
La co-viabilité naît de cette longue histoire des formes de tenue. Elle ne désigne pas l'harmonie d'un système bien réglé. Elle désigne la possibilité, toujours fragile, de faire tenir ensemble des formes de vie hétérogènes, inégalement exposées, parfois antagonistes, sans que certaines soient rendues muettes par les conditions de stabilité des autres.
Une société ne se compose pas uniquement de problèmes résolubles. Elle se compose de tensions qui ne peuvent être abolies sans mutilation : soin universel et rareté des capacités, égalité des droits et inégalités des prises, liberté de mouvement et limites écologiques, sécurité et conflictualité démocratique, innovation technique et dépendances nouvelles, protection des vulnérables et autonomie des existences, transmission familiale et justice des conditions. Ces tensions ne sont pas des accidents en attente d'une méthode parfaite. Elles constituent la matière du politique.
Le vocabulaire contemporain de la soutenabilité a rappelé les limites, les interdépendances et les vulnérabilités. Mais il porte aussi une ambiguïté : trop souvent, il transforme des conflits de conditions en problèmes d'ajustement. Il traduit des pertes, des sacrifices, des inégalités d'exposition, des destructions de milieux, dans une langue de compatibilité et de compensation. Ce langage peut rendre administrable ce qui devrait rester disputable.
La désarchicration commence lorsque ces tensions sont converties trop vite en variables de gestion. Un conflit de valeurs devient arbitrage technique. Une exposition différenciée devient coût acceptable. Une vulnérabilité devient profil de risque. Une difficulté d'accès devient défaut d'autonomie. La tension continue d'exister, mais elle cesse d'être instituée comme tension commune.
Il y a ici une pensée du tragique politique. Le tragique ne signifie pas résignation. Il signifie lucidité sur ce qui résiste aux réconciliations faciles. Certaines pertes existent. Certains arbitrages blessent. Certaines incompatibilités demeurent. La tâche politique consiste à construire les conditions dans lesquelles ces tensions peuvent être supportées, discutées, déplacées, reprises, sans que les plus exposés en portent la charge dans l'ombre.
La mesure elle-même doit entrer dans cette exigence. Les sociétés contemporaines savent mesurer. Indicateurs, bases de données, audits, évaluations, cartes, modèles donnent des prises à l'action publique. Cette puissance de connaissance est précieuse : elle rend visibles des phénomènes longtemps dispersés et empêche parfois le débat de se réduire aux impressions, aux intérêts ou aux récits partiels.
Mais la mesure peut se refermer. Elle devient problématique lorsqu'elle prétend remplacer l'épreuve au lieu de l'instruire. Un indicateur de délai ignore ce que l'attente fait à une personne âgée, à un parent, à un soignant. Un taux de recours laisse hors champ ceux qui renoncent avant la demande. Une moyenne de performance peut masquer les bords où se concentrent les difficultés. Une donnée bien renseignée peut coexister avec une expérience mal entendue.
La quantification devient politiquement fragile lorsqu'elle se présente comme forme exclusive de comparution. Le réel qui n'entre pas dans ses formats apparaît alors comme bruit, anomalie, témoignage subjectif, cas particulier. Une société politiquement habitable doit pouvoir accueillir des formes de connaissance hétérogènes : données, récits, enquêtes, expériences professionnelles, savoirs d'usage, alertes locales, contradictions publiques.
L'épistémologie archicratique repose sur cette exigence. Elle ne subordonne pas le savoir à l'opinion. Elle refuse également que l'expertise transforme ses formats en frontières du dicible. Une régulation doit pouvoir être connue depuis ses instruments et depuis ses effets vécus. Leur confrontation constitue l'épreuve ; leur substitution la défait.
La parole des personnes affectées ne tire pas sa valeur politique d'une pureté, d'une authenticité ou d'une justesse supposées. Elle a valeur parce qu'elle rend perceptibles des effets que les instruments internes d'une régulation captent mal. La plainte, l'usage, le récit de fatigue, le renoncement, l'incompréhension, la honte, l'impossibilité de recommencer, peuvent devenir des indices. Encore faut-il une scène capable de les traduire sans les neutraliser.
La désarchicration n'est pas l'effondrement de toute régulation. Les normes restent, les institutions répondent encore, les outils fonctionnent, les indicateurs circulent, les recours existent. Mais l'articulation entre fondement, opération et épreuve se défait.
On reconnaît une désarchicration lorsque la justification d'un dispositif ne rejoint plus ses effets vécus ; lorsque l'opération devient trop technique pour être suivie par ceux qu'elle affecte ; lorsque les recours arrivent après que le dommage a produit ses conséquences principales ; lorsque les personnes doivent accepter les formats mêmes qui les rendent impuissantes pour espérer contester ; lorsque le silence de ceux qui renoncent est interprété comme absence de problème.
L'autarchicration désigne une dérive plus avancée. La régulation tend alors à s'auto-valider. Ses instruments produisent ses critères. Ses audits vérifient la conformité à des normes qu'elle a contribué à stabiliser. Ses résultats confirment ses priorités. Les effets qui échappent à ses formats deviennent périphériques. Le dispositif n'a pas besoin de mentir. Il peut dire vrai dans son propre langage et manquer pourtant ce qu'il produit dans les vies.
La critique archicratique ne cherche pas le mal caché derrière chaque dispositif. Elle demande comment une régulation répond de ce qu'elle produit. Cette sobriété fait sa force. Elle évite la dénonciation globale et oblige à suivre les médiations.
Le manifeste archicratique affirme une exigence de comparution : rendre nommables les raisons, suivables les opérations, éprouvables les effets, contestables les dommages et possibles les reprises.
Cette exigence paraît modeste. Elle est pourtant considérable. Elle refuse qu'un principe tienne lieu de monde, qu'un fonctionnement tienne lieu de justification, qu'une consultation tienne lieu de transformation. Elle demande à toute régulation affectant les conditions de la vie commune de répondre à la fois de ce qu'elle promet, de ce qu'elle fait, de ce qu'elle fait subir et de ce qu'elle accepte de modifier.
Une démocratie ne s'achève pas dans le vote. Ses décisions entrent ensuite dans des administrations, des budgets, des calendriers, des logiciels, des procédures, des files d'attente, des bâtiments, des territoires. C'est là que leur vérité politique se rejoue.
Un État de droit engage davantage que la validité de ses normes. Il engage les chaînes qui les appliquent, les délais qui les rendent supportables, les interlocuteurs qui les rendent adressables, les recours qui les rendent réellement opposables. Une administration ne vaut pas par le volume de dossiers traités, mais par la possibilité donnée à ceux qu'elle affecte de comprendre, joindre, corriger, contester, reprendre.
La même exigence traverse les politiques sociales, écologiques, familiales, scolaires, urbaines, sanitaires, européennes, climatiques ou numériques. Chacune produit des conditions. Chacune équipe des existences, en fatigue d'autres, en protège certaines, en expose ou en fragilise d'autres encore. Aucune ne devrait être jugée depuis ses intentions déclarées ni depuis ses seuls indicateurs ; elle doit être éprouvée depuis les mondes concrets qu'elle rend possibles ou inhabitables.
La reprise constitue ici le point décisif. Contester sans pouvoir modifier produit une fatigue politique. Être consulté sans effet réel produit une forme de désapprentissage démocratique. Porter une expérience qui n'atteint aucun critère produit un sentiment d'inexistence publique. Une société peut multiplier les scènes et vider la reprise. Elle peut recueillir des paroles sans leur donner prise. Elle peut écouter et continuer comme avant.
La reprise n'exige pas que toute contestation l'emporte. Elle exige que la contestation puisse rencontrer les médiations qui ont produit ce qu'elle conteste, et qu'elle puisse, lorsqu'elle met au jour un défaut réel, transformer ces médiations. Sans cette possibilité, l'épreuve devient rite de décharge.
Nous voulons rendre visible le plan où les sociétés construisent les conditions de leurs promesses. Que les droits soient jugés à partir de leurs conditions d'exercice ; que les institutions répondent de leurs médiations ; que les infrastructures soient pensées comme des formes politiques ; que les savoirs d'expertise rencontrent les savoirs d'épreuve ; que les familles et les individus ne soient plus sommés de porter comme insuffisances privées des difficultés produites par l'organisation commune.
Nous voulons une politique des prises.
Cette politique reconnaît que les existences humaines inventent sans cesse dans les conditions qui leur sont données. Elle refuse que cette inventivité serve d'alibi à la déresponsabilisation des régulations. Les personnes compensent beaucoup. Les familles absorbent beaucoup. Les associations réparent beaucoup. Les professionnels tiennent beaucoup. Une société qui dépend de ces compensations doit répondre de ce qu'elle transfère ainsi vers les vies.
Le manifeste archicratique appelle les médiations à comparaître. Leur nécessité n'efface pas leur danger : elles deviennent dangereuses lorsqu'elles perdent leur adresse, naturalisent leurs critères, transforment les effets différenciés en incidents périphériques.
Nommer l'archicratie, c'est instituer cette discipline du discernement : suivre ce qui fonde, ce qui agit, ce qui affecte, et ce qui peut être repris.
Ces questions n'épuisent pas le politique. Elles lui rendent des prises.
Un monde commun n'est pas donné par la coexistence sous les mêmes normes. Il se construit lorsque ceux qui vivent sous des conditions liées peuvent encore rendre ces conditions intelligibles, opposables et transformables. Là où cette possibilité se ferme, il peut rester du droit, de l'ordre, des services, des procédures, des données, des objectifs, des institutions. Mais la co-viabilité se défait dans l'expérience ordinaire des vies.
Cette exigence ne promet ni harmonie, ni transparence, ni réconciliation finale. Elle demande davantage : que les conditions du commun ne deviennent pas étrangères à ceux qui les habitent.
Nommer l'archicratie, ce n'est pas ajouter une doctrine à l'époque. C'est rendre au politique l'une de ses tâches premières : faire comparaître les architectures qui nous gouvernent, afin que les mondes qu'elles construisent puissent encore être compris, discutés et repris.
L'archicratie est le nom de cette exigence historique : que les conditions du commun ne soient jamais abandonnées à des raisons muettes, à des opérations sans adresse, à des effets sans reprise.
<h2 class="manifest-section-title">Repères bibliographiques et sources mobilisées</h2>
Max Weber, Économie et société, pour l'analyse de la domination rationnelle-légale et de l'administration moderne.
Michel Foucault, Surveiller et punir ; Sécurité, territoire, population ; Naissance de la biopolitique, pour l'analyse des dispositifs, des disciplines et de la gouvernementalité.
Jürgen Habermas, Théorie de l'agir communicationnel, pour la tension entre systèmes et monde vécu.
Niklas Luhmann, Systèmes sociaux, pour la différenciation fonctionnelle et l'autonomie des systèmes.
Bruno Latour, La science en action ; Changer de société, refaire de la sociologie, pour l'attention aux médiateurs, aux chaînes d'inscription et aux réseaux d'action.
Marcel Mauss, Essai sur le don, pour l'obligation relationnelle, le différé et les formes d'échange instituant du lien.
Hannah Arendt, Condition de l'homme moderne, pour l'apparition du monde commun et la fragilité de l'espace politique.
Edward P. Thompson, "Time, Work-Discipline, and Industrial Capitalism", pour la transformation industrielle du temps de travail.
Convention-cadre des Nations unies sur les changements climatiques, Protocole de Kyoto, adopté le 11 décembre 1997, entré en vigueur le 16 février 2005.
Union européenne, Traité sur l'Union européenne, signé à Maastricht le 7 février 1992, entré en vigueur le 1er novembre 1993.
DREES, Études et Résultats n°1334, "Urgences : la moitié des patients y restent plus de 3 heures en 2023, 45 minutes de plus qu'en 2013", mars 2025.
Défenseur des droits, Dématérialisation et inégalités d'accès aux services publics, 2019 ; Dématérialisation des services publics : trois ans après, où en est-on ?, 2022.
RTE, Bilan prévisionnel 2023-2035, 2023.
Fondation Abbé Pierre, 29e rapport sur l'état du mal-logement en France, 2024.
</div>
</div>
</div>

View File

@@ -220,7 +220,7 @@ const WHOAMI_FORCE_LOCALHOST = (import.meta.env.PUBLIC_WHOAMI_FORCE_LOCALHOST ??
inputmode="search"
autocomplete="off"
spellcheck="false"
placeholder="Aller à ¶ (p-… / URL#p-… / extrait)"
placeholder="Rechercher un paragraphe, un extrait ou un repère…"
aria-label="Identifiant ou extrait de paragraphe"
/>
<button class="jump-btn" id="jump-go" type="submit">Aller</button>
@@ -931,14 +931,14 @@ const WHOAMI_FORCE_LOCALHOST = (import.meta.env.PUBLIC_WHOAMI_FORCE_LOCALHOST ??
min-width: 0 !important;
}
:global(body[data-edition-key="glossaire"]) .glossary-hero,
:global(body[data-edition-key="glossaire"]:not([data-sticky-mode="glossary-home"]):not([data-sticky-mode="glossary-portal"])) .glossary-hero,
:global(body[data-edition-key="glossaire"]) .glossary-home,
:global(body[data-edition-key="glossaire"]) .glossary-map,
:global(body[data-edition-key="glossaire"]) .glossary-map-block,
:global(body[data-edition-key="glossaire"]) .glossary-map-section,
:global(body[data-edition-key="glossaire"]) .glossary-page-hero,
:global(body[data-edition-key="glossaire"]) .glossary-portal-hero,
:global(body[data-edition-key="glossaire"]) .scene-hero{
:global(body[data-edition-key="glossaire"]:not([data-sticky-mode="glossary-portal"])) .glossary-page-hero,
:global(body[data-edition-key="glossaire"]:not([data-sticky-mode="glossary-portal"])) .glossary-portal-hero,
:global(body[data-edition-key="glossaire"]:not([data-sticky-mode="glossary-portal"])) .scene-hero{
position: static !important;
top: auto !important;
left: auto !important;
@@ -953,7 +953,7 @@ const WHOAMI_FORCE_LOCALHOST = (import.meta.env.PUBLIC_WHOAMI_FORCE_LOCALHOST ??
transform: none !important;
}
:global(body[data-edition-key="glossaire"]) #reading-follow{
:global(body[data-edition-key="glossaire"]:not([data-sticky-mode="glossary-portal"])) #reading-follow{
display: none !important;
}
}

View File

@@ -29,5 +29,107 @@ const canonical = Astro.site
<BuildStamp />
</article>
</main>
<script is:inline>
(() => {
const reveals = document.querySelectorAll("[data-editorial-reveal]");
const closeReveal = (reveal, instant = false) => {
const button = reveal.querySelector(".editorial-reveal__button");
const body = reveal.querySelector(".editorial-reveal__body");
if (!button || !body) return;
button.setAttribute("aria-expanded", "false");
body.setAttribute("aria-hidden", "true");
if (instant) {
reveal.classList.remove("is-open", "is-opening");
body.style.height = "0px";
return;
}
if (reveal.classList.contains("is-open")) {
body.style.height = `${body.scrollHeight}px`;
requestAnimationFrame(() => {
reveal.classList.remove("is-open", "is-opening");
body.style.height = "0px";
});
}
};
const openReveal = (reveal) => {
const button = reveal.querySelector(".editorial-reveal__button");
const body = reveal.querySelector(".editorial-reveal__body");
if (!button || !body) return;
if (reveal.classList.contains("is-open")) return;
reveal.classList.add("is-opening");
body.setAttribute("aria-hidden", "false");
body.style.height = "0px";
requestAnimationFrame(() => {
reveal.classList.add("is-open");
button.setAttribute("aria-expanded", "true");
body.style.height = `${body.scrollHeight}px`;
});
const onTransitionEnd = (event) => {
if (event.propertyName !== "height") return;
if (reveal.classList.contains("is-open")) {
body.style.height = "auto";
}
reveal.classList.remove("is-opening");
body.removeEventListener("transitionend", onTransitionEnd);
};
body.addEventListener("transitionend", onTransitionEnd);
};
reveals.forEach((reveal) => {
const button = reveal.querySelector(".editorial-reveal__button");
const body = reveal.querySelector(".editorial-reveal__body");
if (!button || !body) return;
closeReveal(reveal, true);
button.addEventListener("click", () => {
openReveal(reveal);
});
});
window.addEventListener(
"scroll",
() => {
if (window.scrollY <= 8) {
reveals.forEach((reveal) => closeReveal(reveal));
}
},
{ passive: true }
);
window.addEventListener("pageshow", () => {
reveals.forEach((reveal) => closeReveal(reveal, true));
});
window.addEventListener("resize", () => {
reveals.forEach((reveal) => {
const body = reveal.querySelector(".editorial-reveal__body");
if (!body) return;
if (reveal.classList.contains("is-open")) {
body.style.height = "auto";
}
});
});
})();
</script>
</body>
</html>

View File

@@ -31,7 +31,7 @@ const { Content, headings } = await render(entry);
currentSlug={String(entry.id).replace(/\.(md|mdx)$/i, "")}
collection="archicrat-ia"
basePath="/archicrat-ia"
label="Table des matières — ArchiCraT-IA"
label="Table des matières — Archicratie"
/>
<LocalToc headings={headings} />
</Fragment>

View File

@@ -6,46 +6,55 @@ const entries = await getCollection("archicrat-ia");
entries.sort((a, b) => (a.data.order ?? 9999) - (b.data.order ?? 9999));
---
<SiteLayout title="Essai-thèse — ArchiCraT-IA">
<SiteLayout title="Archicratie — La tenue des mondes">
<section class="landing landing-home">
<header class="landing-hero">
<p class="landing-kicker">Corpus principal</p>
<h1>Essai-thèse — ArchiCraT-IA</h1>
<p class="landing-kicker">Essai-thèse</p>
<h1>Archicratie — La tenue des mondes</h1>
<p class="landing-lead">
Fondements, histoire, philosophie du pouvoir, tensions et régulations
archicratiques.
Une grammaire des régulations qui ne se contentent pas de fonctionner,
mais doivent encore répondre de ce quelles font.
</p>
</header>
<section class="edition-note" aria-labelledby="note-lecteur-title">
<p class="landing-kicker">Note au lecteur</p>
<h2 id="note-lecteur-title">Statut du travail</h2>
<h2 id="note-lecteur-title">Statut de lessai-thèse</h2>
<p>
Le texte que vous vous apprêtez à lire ne constitue pas une théorie close
ni un système achevé. Il sagit dun travail de longue élaboration, ayant
progressivement pris la forme dune hypothèse structurée : celle dune
méta-grammaire des régulations collectives, désignée ici sous le nom
darchicratie.
Cet essai-thèse présente larchitecture conceptuelle principale du paradigme
archicratique. Il distingue ce qui fonde une régulation, ce qui lopère,
et ce qui la met à lépreuve, afin de comprendre dans quelles conditions
un monde ne se contente pas de fonctionner, mais peut encore répondre de
ce quil fait vivre, use, expose et rend possible.
</p>
<p>
Cette proposition vise à offrir un cadre transversal pour penser les formes
de constitution, de régulation et dévolution des collectifs humains, en
particulier dans des contextes marqués par la complexification des dispositifs,
lopacification des décisions et la transformation des scènes de conflictualité.
Le texte doit être lu comme une proposition théorique structurée :
suffisamment stabilisée pour offrir une grammaire de discernement,
suffisamment ouverte pour demeurer discutable, perfectible et exposée à
sa propre épreuve.
</p>
<p>
Elle doit donc être lue comme une architecture conceptuelle déjà cohérente
dans ses lignes de force, mais encore ouverte à la discussion, à la critique,
à lapprofondissement et à la mise à lépreuve.
Son enjeu nest pas de clore une doctrine du pouvoir, mais de rendre
visible un plan souvent négligé du politique : celui des conditions
construites, des médiations effectives et des scènes où les régulations
peuvent être comprises, contestées et reprises par ceux quelles affectent.
</p>
</section>
<section class="edition-note" aria-labelledby="seuil-title">
<p class="landing-kicker">Phrase de seuil</p>
<h2 id="seuil-title">Le pouvoir ne cesse pas dopérer ; il cesse de comparaître.</h2>
<p>
Ce texte est proposé non comme un énoncé définitif, mais comme une hypothèse
à éprouver : un chantier ouvert dont la viabilité dépendra aussi de sa
capacité à être interrogé, corrigé et repris.
Louvrage part de ce déplacement : les décisions continuent dagir, les
dispositifs fonctionnent, les ressources sont mobilisées, mais les scènes
où leurs raisons, leurs instruments et leurs effets peuvent être exposés
deviennent plus fragiles. Larchicratie nomme lexigence inverse : faire
comparaître ce qui fonde, ce qui opère et ce qui affecte les mondes que
nous habitons.
</p>
</section>
@@ -64,5 +73,34 @@ entries.sort((a, b) => (a.data.order ?? 9999) - (b.data.order ?? 9999));
))}
</div>
</section>
<section class="landing-section">
<div class="landing-section__head">
<p class="landing-kicker">Prolonger</p>
<h2>Entrées complémentaires</h2>
</div>
<div class="landing-grid">
<a class="landing-card" href="/commencer/">
<strong>Commencer</strong>
<small>Entrer par la genèse conceptuelle →</small>
</a>
<a class="landing-card" href="/manifeste/">
<strong>Manifeste archicratique</strong>
<small>Entrer par la formulation politique directe →</small>
</a>
<a class="landing-card" href="/cas-ia/">
<strong>Gouvernance IA</strong>
<small>Mettre le paradigme à lépreuve dun cas contemporain →</small>
</a>
<a class="landing-card" href="/glossaire/">
<strong>Glossaire archicratique</strong>
<small>Circuler dans les concepts, scènes et régimes →</small>
</a>
</div>
</section>
</section>
</SiteLayout>
</SiteLayout>

View File

@@ -27,29 +27,23 @@ entries.sort((a, b) => (a.data.order ?? 9999) - (b.data.order ?? 9999));
<h2 id="note-cas-title">Statut du cas pratique</h2>
<p>
Ce cas pratique ne constitue pas une application stabilisée du paradigme
archicratique, mais un terrain dexpérimentation destiné à en éprouver
la portée, les limites et les conditions dopérabilité.
Ce cas pratique met le paradigme archicratique à lépreuve dun domaine
contemporain particulièrement décisif : la gouvernance des systèmes
dintelligence artificielle.
</p>
<p>
Les systèmes dintelligence artificielle offrent un environnement
particulièrement exigeant : complexité technique, opacité croissante,
enchevêtrement dacteurs, transformations rapides des cadres de régulation.
Il ne sagit pas dappliquer mécaniquement une théorie à un objet déjà
stabilisé, mais de faire apparaître les architectures de régulation, les
zones dopacité, les dépendances techniques et les tensions de co-viabilité
qui structurent ce champ.
</p>
<p>
Lanalyse proposée doit donc être lue comme une série dépreuves
— détectabilité, topologie, archéogenèse, morphologie, historicité,
co-viabilité — visant à faire apparaître les architectures effectives
qui organisent ces systèmes.
</p>
<p>
Ce travail na pas vocation à clore lanalyse, mais à ouvrir un espace
dinvestigation : il sagit moins de fournir des réponses définitives
que de rendre visibles les tensions et les structures qui appellent
régulation.
Lanalyse propose ainsi un terrain dépreuve : elle cherche moins à produire
des réponses définitives quà rendre visibles les prises, les impasses et les
conditions de reprise nécessaires à une régulation politiquement habitable
des systèmes IA.
</p>
</section>

View File

@@ -1,31 +1,85 @@
---
import EditionLayout from "../../layouts/EditionLayout.astro";
import SiteLayout from "../../layouts/SiteLayout.astro";
import DocumentDePresentation from "../../content/commencer/document-de-presentation.mdx";
---
<EditionLayout
title="Entrevoir lArchicratie"
editionLabel="Document dentrée"
editionKey="commencer"
statusLabel="Présentation"
statusKey="presentation"
level={1}
version="0.1.0"
>
<h1 class="commencer-title">Entrevoir lArchicratie...</h1>
<SiteLayout title="Entrevoir lArchicratie">
<section class="landing landing-home">
<header class="landing-hero">
<p class="landing-kicker">Porte dentrée</p>
<DocumentDePresentation />
<nav class="landing-actions presentation-next" aria-label="Suite de lecture">
<a class="landing-btn landing-btn--primary" href="/archicrat-ia/">
Plonger dans lessai-thèse — ArchiCraT-IA
</a>
<h1>Entrevoir lArchicratie</h1>
<a class="landing-btn" href="/glossaire/">
Explorer son glossaire
</a>
<p class="landing-lead">
Entrer dans le paradigme par sa genèse conceptuelle : du vocabulaire politique
hérité aux architectures de régulation qui rendent possible la tenue dun monde
commun.
</p>
</header>
<a class="landing-btn" href="/cas-ia/">
Entrer dans le cas pratique — Gouvernance IA
</a>
</nav>
</EditionLayout>
<section class="edition-note" aria-labelledby="commencer-orientation-title">
<p class="landing-kicker">Orientation de lecture</p>
<h2 id="commencer-orientation-title">Pourquoi commencer par une genèse ?</h2>
<p>
Avant de définir larchicratie, il faut comprendre le manque quelle vient
nommer.
</p>
<p>
Les catégories politiques héritées — République, démocratie, souveraineté,
bureaucratie, technocratie — demeurent indispensables. Elles permettent de
distinguer des formes de pouvoir, des régimes de légitimité, des principes
dorganisation et des manières de gouverner. Mais elles ne suffisent plus
toujours à saisir ce par quoi une société devient effectivement praticable :
ses infrastructures, ses dispositifs, ses procédures, ses médiations, ses
lieux daccès, ses chaînes dexécution, ses conditions construites
dexistence commune.
</p>
<p>
Cest pourquoi lentrée dans larchicratie ne commence pas par une définition
abstraite. Elle commence par une genèse : le moment où le vocabulaire politique
disponible révèle ce quil ne parvient pas encore à nommer.
</p>
</section>
<section class="edition-note commencer-genese" aria-labelledby="commencer-genese-title">
<DocumentDePresentation />
</section>
<section class="landing-section" aria-labelledby="commencer-next-title">
<div class="landing-section__head">
<p class="landing-kicker">Suites possibles</p>
<h2 id="commencer-next-title">Poursuivre la lecture</h2>
</div>
<div class="landing-grid">
<a class="landing-card" href="/manifeste/">
<strong>Lire le manifeste</strong>
<span>Entrer dans la formulation politique la plus directe du paradigme.</span>
<small>Lire le manifeste →</small>
</a>
<a class="landing-card" href="/archicrat-ia/">
<strong>Lire lessai-thèse</strong>
<span>Explorer les fondements, lhistoire et la modélisation complète.</span>
<small>Entrer dans le corpus →</small>
</a>
<a class="landing-card" href="/glossaire/">
<strong>Explorer le glossaire</strong>
<span>Parcourir la cartographie conceptuelle du système archicratique.</span>
<small>Entrer dans le glossaire →</small>
</a>
<a class="landing-card" href="/cas-ia/">
<strong>Voir le cas IA</strong>
<span>Mettre le paradigme à lépreuve dune gouvernance contemporaine.</span>
<small>Explorer le cas pratique →</small>
</a>
</div>
</section>
</section>
</SiteLayout>

View File

@@ -218,81 +218,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="archi-hero-more"
heroToggleId="archi-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -364,38 +293,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -328,6 +328,8 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="cf-hero-more"
heroToggleId="cf-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
</GlossaryLayout>

View File

@@ -335,80 +335,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="dyna-hero-more"
heroToggleId="dyna-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -563,38 +493,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -126,12 +126,6 @@ const prolongerLinks = [
<span class="gic-aside__pill">
{doctrinesCount} doctrine{doctrinesCount > 1 ? "s" : ""}
</span>
<span class="gic-aside__pill">
{verbesCount} verbe{verbesCount > 1 ? "s" : ""}
</span>
<span class="gic-aside__pill">
{casIaCount} entrée{casIaCount > 1 ? "s" : ""} cas IA
</span>
</div>
<p class="gic-aside__note">
@@ -232,6 +226,8 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="gic-hero-more"
heroToggleId="gic-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
@@ -265,30 +261,39 @@ const prolongerLinks = [
body.classList.add(BODY_CLASS);
const syncPremiumStickyMetrics = () => {
const hero = document.querySelector("[data-glossary-portal-hero]");
const followInner = follow.querySelector(".reading-follow__inner");
const heroH = hero ? Math.round(hero.getBoundingClientRect().height || 0) : 0;
const followOn =
follow.classList.contains("is-on") &&
follow.style.display !== "none" &&
follow.getAttribute("aria-hidden") !== "true";
const followH = followOn && followInner
? Math.round(followInner.getBoundingClientRect().height || 0)
: 0;
const lettersH =
!lettersFollow.hidden && lettersFollow.getAttribute("aria-hidden") === "false"
? Math.round(lettersFollow.getBoundingClientRect().height || 0)
: 0;
root.style.setProperty("--gic-premium-hero-h", `${heroH}px`);
root.style.setProperty("--gic-premium-follow-h", `${followH}px`);
root.style.setProperty("--gic-premium-letters-h", `${lettersH}px`);
};
const forceHideGlobalFollowOnCompactViewport = () => {
if (!isCompactViewport()) {
follow.style.display = "";
return;
}
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
setAnchorOffset(0);
follow.style.display = "";
syncPremiumStickyMetrics();
};
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const computeFollowOn = () =>
!isCompactViewport() &&
follow.classList.contains("is-on") &&
follow.style.display !== "none" &&
follow.getAttribute("aria-hidden") !== "true";
@@ -320,7 +325,7 @@ const prolongerLinks = [
};
const syncLettersDockState = () => {
if (mqMobile.matches || !computeFollowOn()) {
if (!computeFollowOn()) {
body.classList.remove(LETTERS_DOCKED_CLASS);
lettersFollow.hidden = true;
lettersFollow.setAttribute("aria-hidden", "true");
@@ -503,6 +508,7 @@ const prolongerLinks = [
forceHideGlobalFollowOnCompactViewport();
syncFollowLettersTop();
syncLettersDockState();
syncPremiumStickyMetrics();
syncActiveLetter();
});
};
@@ -565,6 +571,777 @@ const prolongerLinks = [
}
})();
</script>
<script is:inline>
/*
INDEX COMPLET — STACK PREMIUM MOBILE/TABLETTE V2
Principe :
- uniquement sur /glossaire/index-complet/ ;
- rail vertical calculé en pixels réels ;
- cockpit compact :
header → hero condensé → follow H2 compact → lettres horizontales.
*/
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const hero = document.querySelector("[data-glossary-portal-hero]");
const follow = document.getElementById("reading-follow");
const inner = follow?.querySelector(".reading-follow__inner");
const lettersSource = document.getElementById("gic-letters-source");
const lettersFollow = document.getElementById("gic-follow-letters");
if (!body || !root || !hero || !follow || !inner || !lettersSource || !lettersFollow) return;
const mqCompact = window.matchMedia("(max-width: 980px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompact = () => mqCompact.matches || mqSmallLandscape.matches;
const pxVar = (name, fallback = 0) => {
const raw = getComputedStyle(root).getPropertyValue(name).trim();
const n = Number.parseFloat(raw);
return Number.isFinite(n) ? n : fallback;
};
const stackTop = () => {
const glossaryTop = pxVar("--glossary-sticky-top", NaN);
if (Number.isFinite(glossaryTop) && glossaryTop > 0) return glossaryTop;
const headerH = pxVar("--sticky-header-h", 0);
const gap = pxVar("--page-gap", 12);
return Math.max(0, Math.round(headerH + gap));
};
const heads = Array.from(
document.querySelectorAll(".glossary-portal-section__head, .gic-section__head")
);
const titleOf = (head) => {
const h = head?.querySelector("h2, h3");
return (h?.textContent || head?.textContent || "")
.replace(/\s+/g, " ")
.trim();
};
const writeFollow = (title) => {
const h1 = inner.querySelector(".rf-h1");
const h2 = inner.querySelector(".rf-h2");
const h3 = inner.querySelector(".rf-h3");
if (h1) h1.textContent = "Index complet";
if (h2) h2.textContent = title || "Index alphabétique";
if (h3) h3.textContent = "";
follow.classList.add("is-on");
follow.setAttribute("aria-hidden", "false");
follow.style.setProperty("display", "block", "important");
inner.style.setProperty("display", "block", "important");
inner.style.setProperty("visibility", "visible", "important");
inner.style.setProperty("opacity", "1", "important");
body.classList.add("glossary-portal-follow-on", "gic-premium-follow-on");
};
const clearFollow = () => {
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
body.classList.remove(
"glossary-portal-follow-on",
"gic-premium-follow-on",
"gic-letters-docked",
"gic-premium-letters-on"
);
lettersFollow.hidden = true;
lettersFollow.setAttribute("aria-hidden", "true");
root.style.setProperty("--gic-premium-follow-h", "0px");
root.style.setProperty("--gic-premium-letters-h", "0px");
root.style.setProperty("--gic-stack-h", "0px");
root.style.setProperty("--gic-follow-letters-offset", "0px");
};
const currentHead = () => {
const top = stackTop();
const heroH = pxVar("--gic-premium-hero-h", 0);
const followH = pxVar("--gic-premium-follow-h", 0);
const lettersH = pxVar("--gic-premium-letters-h", 0);
const threshold = top + heroH + followH + lettersH + 18;
let current = null;
for (const head of heads) {
const r = head.getBoundingClientRect();
if (r.top <= threshold) current = head;
else break;
}
return current;
};
const measure = () => {
const heroH = body.classList.contains("glossary-portal-hero-condensed")
? Math.max(0, Math.round(hero.getBoundingClientRect().height || 0))
: 0;
const followH = body.classList.contains("gic-premium-follow-on")
? Math.max(0, Math.round(inner.getBoundingClientRect().height || 0))
: 0;
const lettersH = body.classList.contains("gic-premium-letters-on")
? Math.max(0, Math.round(lettersFollow.getBoundingClientRect().height || 0))
: 0;
const stackH = heroH + followH + lettersH;
root.style.setProperty("--gic-premium-top", `${stackTop()}px`);
root.style.setProperty("--gic-premium-hero-h", `${heroH}px`);
root.style.setProperty("--gic-premium-follow-h", `${followH}px`);
root.style.setProperty("--gic-premium-letters-h", `${lettersH}px`);
root.style.setProperty("--gic-stack-h", `${stackH}px`);
root.style.setProperty("--glossary-local-sticky-h", `${stackH}px`);
root.style.setProperty("--followbar-h", `${followH}px`);
root.style.setProperty("--sticky-offset-px", `${stackTop() + stackH + 12}px`);
};
const syncLetters = () => {
if (!body.classList.contains("gic-premium-follow-on")) {
body.classList.remove("gic-letters-docked", "gic-premium-letters-on");
lettersFollow.hidden = true;
lettersFollow.setAttribute("aria-hidden", "true");
root.style.setProperty("--gic-follow-letters-offset", "0px");
return;
}
const sourceRect = lettersSource.getBoundingClientRect();
const followBottom = stackTop() + pxVar("--gic-premium-hero-h", 0) + pxVar("--gic-premium-follow-h", 0);
const shouldDock = sourceRect.top <= followBottom + 8;
body.classList.toggle("gic-letters-docked", shouldDock);
body.classList.toggle("gic-premium-letters-on", shouldDock);
lettersFollow.hidden = !shouldDock;
lettersFollow.setAttribute("aria-hidden", shouldDock ? "false" : "true");
if (shouldDock) {
lettersFollow.style.setProperty("display", "flex", "important");
root.style.setProperty(
"--gic-follow-letters-offset",
`${Math.max(0, Math.round(lettersFollow.getBoundingClientRect().height || 0)) + 12}px`
);
} else {
root.style.setProperty("--gic-follow-letters-offset", "0px");
}
};
let raf = 0;
const sync = () => {
raf = 0;
body.classList.add("is-index-complet-page", "is-glossary-portal-page");
if (!isCompact()) {
body.classList.remove(
"gic-premium-compact",
"gic-premium-follow-on",
"gic-premium-letters-on"
);
hero.style.removeProperty("position");
hero.style.removeProperty("top");
hero.style.removeProperty("z-index");
follow.style.removeProperty("display");
follow.style.removeProperty("top");
follow.style.removeProperty("left");
follow.style.removeProperty("width");
lettersFollow.style.removeProperty("display");
lettersFollow.style.removeProperty("top");
lettersFollow.style.removeProperty("left");
lettersFollow.style.removeProperty("width");
return;
}
body.classList.add("gic-premium-compact");
const top = stackTop();
const scrollY = window.scrollY || window.pageYOffset || 0;
const heroRect = hero.getBoundingClientRect();
const condensed = scrollY > 8 && heroRect.top <= top + 8;
body.classList.toggle("glossary-portal-hero-condensed", condensed);
hero.style.setProperty("position", "sticky", "important");
hero.style.setProperty("top", `${top}px`, "important");
hero.style.setProperty("z-index", "72", "important");
if (!condensed) {
clearFollow();
measure();
return;
}
measure();
const head = currentHead();
const rawTitle = titleOf(head) || "Index alphabétique";
const title = /^[A-ZÀÂÄÇÉÈÊËÎÏÔÖÙÛÜŸ]$/i.test(rawTitle)
? "Index alphabétique"
: rawTitle;
writeFollow(title);
measure();
syncLetters();
measure();
};
const schedule = () => {
if (raf) return;
raf = requestAnimationFrame(sync);
};
window.addEventListener("scroll", schedule, { passive: true });
window.addEventListener("resize", schedule);
window.addEventListener("pageshow", schedule);
if (document.fonts?.ready) {
document.fonts.ready.then(schedule).catch(() => {});
}
if (mqCompact.addEventListener) mqCompact.addEventListener("change", schedule);
else if (mqCompact.addListener) mqCompact.addListener(schedule);
if (mqSmallLandscape.addEventListener) mqSmallLandscape.addEventListener("change", schedule);
else if (mqSmallLandscape.addListener) mqSmallLandscape.addListener(schedule);
schedule();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
<style is:global>
/* INDEX COMPLET — STACK PREMIUM MOBILE/TABLETTE V2 */
@media (max-width: 980px){
body.is-index-complet-page.gic-premium-compact{
scroll-padding-top: calc(var(--gic-premium-top, 0px) + var(--gic-stack-h, 0px) + 16px);
}
body.is-index-complet-page.gic-premium-compact .glossary-portal-hero,
body.is-index-complet-page.gic-premium-compact .glossary-page-hero{
position: sticky !important;
top: var(--gic-premium-top, var(--glossary-sticky-top, 0px)) !important;
z-index: 72 !important;
overflow: hidden !important;
margin-bottom: 12px !important;
transform: translateZ(0) !important;
backface-visibility: hidden !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero,
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-page-hero{
padding: 7px 10px 7px !important;
row-gap: 3px !important;
border-radius: 14px 14px 0 0 !important;
margin-bottom: 0 !important;
box-shadow: 0 12px 30px rgba(0,0,0,.24) !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero__kicker{
font-size: 8px !important;
line-height: 1 !important;
letter-spacing: .105em !important;
opacity: .66 !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero h1{
font-size: clamp(1.18rem, 4.8vw, 1.48rem) !important;
line-height: 1 !important;
letter-spacing: -.028em !important;
margin: 0 !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro{
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 1 !important;
line-clamp: 1 !important;
max-height: 1.12em !important;
overflow: hidden !important;
font-size: .66rem !important;
line-height: 1.12 !important;
opacity: .72 !important;
margin: 0 !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__more{
max-height: 0 !important;
opacity: 0 !important;
overflow: hidden !important;
pointer-events: none !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero__toggle{
display: none !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow{
display: block !important;
position: fixed !important;
left: var(--reading-left) !important;
width: var(--reading-width) !important;
top: calc(var(--gic-premium-top, 0px) + var(--gic-premium-hero-h, 0px) - 1px) !important;
z-index: 71 !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.is-index-complet-page.gic-premium-compact.gic-premium-follow-on #reading-follow{
opacity: 1 !important;
visibility: visible !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow .reading-follow__inner{
display: block !important;
visibility: visible !important;
opacity: 1 !important;
max-height: none !important;
min-height: 0 !important;
margin-top: 0 !important;
padding: 5px 56px 5px 9px !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
box-shadow: 0 8px 18px rgba(0,0,0,.16) !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow .rf-h1,
body.is-index-complet-page.gic-premium-compact #reading-follow .rf-h3,
body.is-index-complet-page.gic-premium-compact #reading-follow .rf-actions{
display: none !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow .rf-h2{
display: block !important;
font-size: .78rem !important;
line-height: 1.08 !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
letter-spacing: -.012em !important;
}
body.is-index-complet-page.gic-premium-compact #gic-follow-letters{
position: fixed !important;
left: var(--reading-left) !important;
width: var(--reading-width) !important;
top: calc(
var(--gic-premium-top, 0px)
+ var(--gic-premium-hero-h, 0px)
+ var(--gic-premium-follow-h, 0px)
- 1px
) !important;
z-index: 70 !important;
display: none !important;
flex-wrap: nowrap !important;
gap: 6px !important;
overflow-x: auto !important;
overflow-y: hidden !important;
scrollbar-width: none !important;
-webkit-overflow-scrolling: touch !important;
margin: 0 !important;
padding: 6px 8px 7px !important;
border-radius: 0 0 12px 12px !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.is-index-complet-page.gic-premium-compact #gic-follow-letters::-webkit-scrollbar{
display: none !important;
}
body.is-index-complet-page.gic-premium-compact #gic-follow-letters a{
flex: 0 0 auto !important;
min-width: 28px !important;
height: 28px !important;
padding: 0 9px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
body.is-index-complet-page.gic-premium-compact.gic-premium-letters-on #gic-follow-letters{
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
body.is-index-complet-page.gic-premium-compact .gic-section,
body.is-index-complet-page.gic-premium-compact .gic-group,
body.is-index-complet-page.gic-premium-compact .glossary-portal-section{
scroll-margin-top: calc(var(--gic-premium-top, 0px) + var(--gic-stack-h, 0px) + 18px) !important;
}
}
@media (min-width: 761px) and (max-width: 980px){
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero,
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-page-hero{
padding: 8px 12px 8px !important;
border-radius: 16px 16px 0 0 !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero h1{
font-size: clamp(1.48rem, 3vw, 1.82rem) !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro{
font-size: .76rem !important;
line-height: 1.14 !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow .rf-h2{
font-size: .86rem !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero,
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-page-hero{
padding: 5px 8px 5px !important;
row-gap: 2px !important;
border-radius: 12px 12px 0 0 !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed .glossary-portal-hero h1{
font-size: clamp(1rem, 3vw, 1.22rem) !important;
}
body.is-index-complet-page.gic-premium-compact.glossary-portal-hero-condensed:not(.glossary-portal-hero-expanded) .glossary-portal-hero__intro{
display: none !important;
}
body.is-index-complet-page.gic-premium-compact #reading-follow .reading-follow__inner{
padding-top: 4px !important;
padding-bottom: 4px !important;
}
body.is-index-complet-page.gic-premium-compact #gic-follow-letters{
padding-top: 4px !important;
padding-bottom: 5px !important;
}
body.is-index-complet-page.gic-premium-compact #gic-follow-letters a{
min-width: 24px !important;
height: 24px !important;
padding: 0 7px !important;
}
}
</style>
<script is:inline>
/*
INDEX COMPLET — FOLLOW LABEL ET STABILITÉ DESKTOP
Sur cette page, les sections alphabétiques A/B/C… ne doivent pas
devenir le titre du reading-follow : la lettre active est déjà
portée par la barre alphabétique.
*/
(() => {
const boot = () => {
const body = document.body;
const follow = document.getElementById("reading-follow");
const inner = follow?.querySelector(".reading-follow__inner");
if (!body || !follow || !inner) return;
const LETTER_RE = /^[A-ZÀÂÄÇÉÈÊËÎÏÔÖÙÛÜŸ]$/i;
const normalize = () => {
if (!body.classList.contains("is-index-complet-page")) return;
const h1 = inner.querySelector(".rf-h1");
const h2 = inner.querySelector(".rf-h2");
const h3 = inner.querySelector(".rf-h3");
const txt = (h2?.textContent || "").replace(/\s+/g, " ").trim();
if (
h2 &&
(
LETTER_RE.test(txt) ||
body.classList.contains("gic-letters-docked") ||
body.classList.contains("gic-premium-letters-on")
)
) {
if (h1) h1.textContent = "Index complet du glossaire";
h2.textContent = "Index alphabétique";
if (h3) h3.textContent = "";
}
};
let raf = 0;
const schedule = () => {
if (raf) return;
raf = requestAnimationFrame(() => {
raf = 0;
normalize();
});
};
const observer = new MutationObserver(schedule);
observer.observe(body, {
attributes: true,
attributeFilter: ["class"],
});
observer.observe(inner, {
childList: true,
subtree: true,
characterData: true,
});
window.addEventListener("scroll", schedule, { passive: true });
window.addEventListener("resize", schedule);
window.addEventListener("pageshow", schedule);
schedule();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
<style is:global>
/* INDEX COMPLET — FOLLOW LABEL ET STABILITÉ DESKTOP */
@media (min-width: 981px){
body.is-index-complet-page.glossary-portal-follow-on #reading-follow{
top: calc(
var(--glossary-sticky-top, var(--sticky-header-h, 0px))
+ var(--glossary-local-sticky-h, 0px)
- 1px
) !important;
z-index: 71 !important;
}
body.is-index-complet-page.gic-letters-docked #gic-follow-letters{
top: calc(
var(--glossary-sticky-top, var(--sticky-header-h, 0px))
+ var(--glossary-local-sticky-h, 0px)
+ var(--followbar-h, 0px)
- 1px
) !important;
z-index: 70 !important;
}
body.is-index-complet-page.gic-letters-docked #reading-follow .rf-h2{
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
}
</style>
<script is:inline>
/*
INDEX COMPLET — DESKTOP FOLLOW GATE
Le reading-follow ne doit pas apparaître en haut de page.
Il devient visible seulement lorsque le hero est effectivement condensé.
*/
(() => {
const boot = () => {
const body = document.body;
const hero = document.querySelector("[data-glossary-portal-hero]");
const follow = document.getElementById("reading-follow");
if (!body || !hero || !follow) return;
const mqDesktop = window.matchMedia("(min-width: 981px)");
const sync = () => {
if (!mqDesktop.matches) {
body.classList.remove("gic-desktop-follow-gated");
return;
}
const condensed = body.classList.contains("glossary-portal-hero-condensed");
body.classList.toggle("gic-desktop-follow-gated", !condensed);
if (!condensed) {
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
}
};
let raf = 0;
const schedule = () => {
if (raf) return;
raf = requestAnimationFrame(() => {
raf = 0;
sync();
});
};
const observer = new MutationObserver(schedule);
observer.observe(body, {
attributes: true,
attributeFilter: ["class"],
});
window.addEventListener("scroll", schedule, { passive: true });
window.addEventListener("resize", schedule);
window.addEventListener("pageshow", schedule);
if (mqDesktop.addEventListener) mqDesktop.addEventListener("change", schedule);
else if (mqDesktop.addListener) mqDesktop.addListener(schedule);
schedule();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
<style is:global>
/* INDEX COMPLET — DESKTOP FOLLOW GATE */
@media (min-width: 981px){
body.is-index-complet-page.gic-desktop-follow-gated #reading-follow,
body.is-index-complet-page.gic-desktop-follow-gated #reading-follow .reading-follow__inner{
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
body.is-index-complet-page.gic-desktop-follow-gated #gic-follow-letters{
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
</style>
<script is:inline>
/*
INDEX COMPLET — AUTO-CENTER ACTIVE LETTER
Sur mobile, la barre alphabétique horizontale doit suivre le lecteur :
la lettre active est automatiquement recentrée dans gic-follow-letters.
*/
(() => {
const boot = () => {
const body = document.body;
const lettersFollow = document.getElementById("gic-follow-letters");
if (!body || !lettersFollow) return;
const mqCompact = window.matchMedia("(max-width: 760px)");
let lastHref = "";
let raf = 0;
const centerActiveLetter = () => {
raf = 0;
if (!mqCompact.matches) return;
if (!body.classList.contains("is-index-complet-page")) return;
if (!body.classList.contains("gic-premium-letters-on")) return;
const active =
lettersFollow.querySelector('a[aria-current="true"]') ||
lettersFollow.querySelector("a.is-active");
if (!active) return;
const href = active.getAttribute("href") || "";
const force = href !== lastHref;
lastHref = href;
const containerRect = lettersFollow.getBoundingClientRect();
const activeRect = active.getBoundingClientRect();
const activeCenter =
activeRect.left - containerRect.left + lettersFollow.scrollLeft + activeRect.width / 2;
const target =
activeCenter - lettersFollow.clientWidth / 2;
const max =
lettersFollow.scrollWidth - lettersFollow.clientWidth;
const next = Math.max(0, Math.min(max, Math.round(target)));
if (force || Math.abs(lettersFollow.scrollLeft - next) > 6) {
lettersFollow.scrollTo({
left: next,
behavior: "smooth",
});
}
};
const schedule = () => {
if (raf) return;
raf = requestAnimationFrame(centerActiveLetter);
};
const observer = new MutationObserver(schedule);
observer.observe(lettersFollow, {
subtree: true,
attributes: true,
attributeFilter: ["class", "aria-current"],
});
observer.observe(body, {
attributes: true,
attributeFilter: ["class"],
});
window.addEventListener("scroll", schedule, { passive: true });
window.addEventListener("resize", schedule);
window.addEventListener("pageshow", schedule);
if (mqCompact.addEventListener) mqCompact.addEventListener("change", schedule);
else if (mqCompact.addListener) mqCompact.addListener(schedule);
schedule();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -1041,4 +1818,5 @@ const prolongerLinks = [
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -351,6 +351,7 @@ const approfondirPortalItems = [
let raf = 0;
let activeHeading = null;
let clearTimer = 0;
let homeFollowOn = false;
function syncStickyTop() {
const headerHeight = header.getBoundingClientRect().height || 0;
@@ -368,8 +369,15 @@ const approfondirPortalItems = [
Number.parseFloat(cs.lineHeight) ||
Math.round(sourceFontSize * 1.06 * 100) / 100;
const scaledFontSize = Math.max(28, sourceFontSize * 0.9);
const scaledLineHeight = Math.max(scaledFontSize * 1.04, sourceLineHeight * 0.92);
const compactHomeSticky = window.matchMedia("(max-width: 980px)").matches;
const scaledFontSize = compactHomeSticky
? Math.min(20, Math.max(14, sourceFontSize * 0.56))
: Math.max(28, sourceFontSize * 0.9);
const scaledLineHeight = compactHomeSticky
? Math.max(scaledFontSize * 1.08, 16)
: Math.max(scaledFontSize * 1.04, sourceLineHeight * 0.92);
toEl.style.fontSize = `${scaledFontSize}px`;
toEl.style.lineHeight = `${scaledLineHeight}px`;
@@ -469,6 +477,7 @@ const approfondirPortalItems = [
function updateFollow() {
syncStickyTop();
const compactHomeSticky = window.matchMedia("(max-width: 980px)").matches;
const heroRect = hero.getBoundingClientRect();
const active = getCurrentHeading();
@@ -478,9 +487,23 @@ const approfondirPortalItems = [
.getPropertyValue("--glossary-sticky-top")
) || 64;
const hasStartedScrolling = (window.scrollY || window.pageYOffset || 0) > 8;
const heroDocked = Math.abs(heroRect.top - stickyTop) <= 6;
const heroOut = hasStartedScrolling && heroDocked;
const scrollY = window.scrollY || window.pageYOffset || 0;
const hasStartedScrolling = scrollY > 8;
const heroDocked = compactHomeSticky
? heroRect.top <= stickyTop + 8
: Math.abs(heroRect.top - stickyTop) <= 6;
const enterFollow = hasStartedScrolling && heroDocked;
const exitFollow = !hasStartedScrolling || heroRect.top > stickyTop + (compactHomeSticky ? 28 : 12);
if (enterFollow) {
homeFollowOn = true;
} else if (exitFollow) {
homeFollowOn = false;
}
const heroOut = homeFollowOn;
document.body.classList.toggle("glossary-home-follow-on", heroOut);
@@ -569,7 +592,7 @@ const approfondirPortalItems = [
}
.glossary-map-block{
padding: 18px 18px 20px;
padding: 16px 18px 18px;
border: 1px solid var(--glossary-border);
border-radius: 24px;
background: rgba(127,127,127,0.04);
@@ -577,9 +600,9 @@ const approfondirPortalItems = [
.glossary-map-block__head p{
max-width: 76ch;
margin: 12px 0 0;
font-size: 1rem;
line-height: 1.55;
margin: 9px 0 0;
font-size: .98rem;
line-height: 1.46;
opacity: .94;
text-wrap: pretty;
}
@@ -587,28 +610,56 @@ const approfondirPortalItems = [
.glossary-map{
display: grid;
justify-items: center;
gap: 10px;
margin-top: 18px;
gap: 6px;
margin-top: 14px;
}
.glossary-map__stage{
width: min(580px, 100%);
display: grid;
justify-items: center;
gap: 10px;
gap: 6px;
}
.glossary-map__title{
width: 100%;
text-align: center;
font-size: 1.08rem;
line-height: 1.25;
font-size: .98rem;
line-height: 1.16;
font-weight: 800;
letter-spacing: -.01em;
opacity: .96;
text-wrap: balance;
}
.glossary-map__node{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 8px 14px;
border: 1px solid var(--glossary-border-strong);
border-radius: 999px;
background: var(--glossary-bg-soft);
color: var(--glossary-accent);
text-decoration: none;
text-align: center;
font-size: .94rem;
font-weight: 800;
letter-spacing: .04em;
line-height: 1.16;
transition:
transform 120ms ease,
background 120ms ease,
border-color 120ms ease;
}
.glossary-map__arrow{
font-size: 1.18rem;
line-height: .9;
opacity: .68;
}
.glossary-map__roots{
width: 100%;
display: grid;
@@ -616,28 +667,6 @@ const approfondirPortalItems = [
gap: 8px;
}
.glossary-map__node{
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 10px 14px;
border: 1px solid var(--glossary-border-strong);
border-radius: 999px;
background: var(--glossary-bg-soft);
color: var(--glossary-accent);
text-decoration: none;
text-align: center;
font-size: .99rem;
font-weight: 800;
letter-spacing: .04em;
line-height: 1.2;
transition:
transform 120ms ease,
background 120ms ease,
border-color 120ms ease;
}
.glossary-map__node:hover{
background: var(--glossary-bg-soft-strong);
border-color: rgba(0,217,255,0.22);
@@ -650,12 +679,6 @@ const approfondirPortalItems = [
max-width: 100%;
}
.glossary-map__arrow{
font-size: 1.45rem;
line-height: 1;
opacity: .72;
}
.glossary-portal-card strong{
color: var(--glossary-accent);
font-size: 1.08rem;
@@ -720,11 +743,17 @@ const approfondirPortalItems = [
.glossary-map-block__head h2,
.glossary-section h2{
font-size: clamp(1.5rem, 7vw, 1.95rem);
line-height: 1.04;
font-size: clamp(1.42rem, 6.3vw, 1.82rem);
line-height: 1.03;
letter-spacing: -.022em;
}
.glossary-map-block__head h2{
hyphens: none;
word-break: normal;
overflow-wrap: normal;
}
.glossary-map-block__head p,
.glossary-intro{
font-size: .9rem;
@@ -742,35 +771,36 @@ const approfondirPortalItems = [
}
.glossary-map{
gap: 7px;
margin-top: 12px;
gap: 4px;
margin-top: 10px;
}
.glossary-map__stage{
gap: 7px;
gap: 4px;
width: 100%;
}
.glossary-map__title{
font-size: .9rem;
line-height: 1.2;
font-size: .82rem;
line-height: 1.12;
}
.glossary-map__roots{
grid-template-columns: 1fr;
gap: 6px;
gap: 5px;
}
.glossary-map__node{
min-height: 38px;
padding: 8px 10px;
font-size: .84rem;
line-height: 1.15;
min-height: 32px;
padding: 6px 10px;
font-size: .78rem;
line-height: 1.12;
}
.glossary-map__arrow{
font-size: 1rem;
opacity: .62;
font-size: .92rem;
line-height: .8;
opacity: .6;
}
}
@@ -804,23 +834,28 @@ const approfondirPortalItems = [
}
.glossary-map{
gap: 5px;
margin-top: 10px;
gap: 3px;
margin-top: 8px;
}
.glossary-map__stage{
gap: 5px;
gap: 3px;
}
.glossary-map__title{
font-size: .8rem;
line-height: 1.12;
font-size: .74rem;
line-height: 1.08;
}
.glossary-map__node{
min-height: 32px;
padding: 6px 8px;
font-size: .74rem;
min-height: 28px;
padding: 5px 8px;
font-size: .7rem;
}
.glossary-map__arrow{
font-size: .82rem;
line-height: .75;
}
.glossary-home .glossary-card,

View File

@@ -663,80 +663,10 @@ const usefulLinks = [
<GlossaryPortalStickySync
heroMoreId="pa-hero-more"
heroToggleId="pa-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -1072,38 +1002,4 @@ const usefulLinks = [
font-size: 10.5px;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -211,80 +211,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="theo-hero-more"
heroToggleId="theo-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -390,38 +320,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -313,80 +313,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="scene-hero-more"
heroToggleId="scene-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -523,38 +453,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -340,80 +340,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="tir-hero-more"
heroToggleId="tir-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -564,38 +494,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -256,6 +256,8 @@ const matrix = [
<GlossaryPortalStickySync
heroMoreId="topo-hero-more"
heroToggleId="topo-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
</GlossaryLayout>

View File

@@ -327,80 +327,10 @@ const prolongerLinks = [
<GlossaryPortalStickySync
heroMoreId="verbs-hero-more"
heroToggleId="verbs-hero-toggle"
mobileBreakpoint={980}
compactSticky={true}
/>
<script is:inline>
(() => {
const boot = () => {
const body = document.body;
const root = document.documentElement;
const follow = document.getElementById("reading-follow");
if (!body || !root || !follow) return;
body.classList.add("is-glossary-portal-page");
const mqMobile = window.matchMedia("(max-width: 860px)");
const mqSmallLandscape = window.matchMedia(
"(orientation: landscape) and (max-width: 920px) and (max-height: 520px)"
);
const isCompactViewport = () =>
mqMobile.matches || mqSmallLandscape.matches;
const disableFollow = () => {
if (!isCompactViewport()) return;
follow.classList.remove("is-on");
follow.setAttribute("aria-hidden", "true");
follow.style.display = "none";
follow.innerHTML = "";
root.style.setProperty("--followbar-h", "0px");
root.style.setProperty(
"--sticky-offset-px",
"calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px))"
);
};
const enableFollow = () => {
if (isCompactViewport()) return;
follow.style.display = "";
};
const sync = () => {
if (isCompactViewport()) {
disableFollow();
} else {
enableFollow();
}
};
if (mqMobile.addEventListener) {
mqMobile.addEventListener("change", sync);
} else if (mqMobile.addListener) {
mqMobile.addListener(sync);
}
if (mqSmallLandscape.addEventListener) {
mqSmallLandscape.addEventListener("change", sync);
} else if (mqSmallLandscape.addListener) {
mqSmallLandscape.addListener(sync);
}
window.addEventListener("resize", sync);
window.addEventListener("pageshow", sync);
sync();
};
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", boot, { once: true });
} else {
boot();
}
})();
</script>
</GlossaryLayout>
<style>
@@ -480,38 +410,4 @@ const prolongerLinks = [
grid-template-columns: 1fr;
}
}
:global(body.is-glossary-portal-page #reading-follow){
z-index: 10;
}
@media (max-width: 860px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
@media (orientation: landscape) and (max-width: 920px) and (max-height: 520px){
:global(body.is-glossary-portal-page #reading-follow),
:global(body.is-glossary-portal-page #reading-follow .reading-follow__inner){
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
:global(body.is-glossary-portal-page){
--followbar-h: 0px !important;
--sticky-offset-px: calc(var(--sticky-header-h, 0px) + var(--page-gap, 12px)) !important;
}
}
</style>

View File

@@ -5,66 +5,67 @@ import SiteLayout from "../layouts/SiteLayout.astro";
<SiteLayout title="Archicratie — Édition web">
<section class="landing landing-home" aria-labelledby="home-title">
<header class="landing-hero">
<p class="landing-kicker">Édition web expérimentale</p>
<p class="landing-kicker">Édition web critique</p>
<h1 id="home-title">Archicratie</h1>
<p class="landing-lead">
Une recherche indépendante sur les architectures de régulation qui rendent
possible la co-viabilité des sociétés complexes.
Une recherche indépendante sur les architectures de régulation qui organisent
nos vies — et sur les scènes où elles peuvent encore être contestées, suivies
et reprises.
</p>
<div class="landing-actions" aria-label="Entrées principales">
<a class="landing-btn landing-btn--primary" href="/commencer/">
Entrevoir larchicratie
<a class="landing-btn landing-btn--primary" href="/manifeste/">
Lire le manifeste
</a>
<a class="landing-btn" href="/glossaire/">
Explorer son glossaire
<a class="landing-btn" href="/commencer/">
Entrevoir larchicratie
</a>
</div>
</header>
<section class="landing-section" aria-labelledby="home-paths-title">
<div class="landing-section__head">
<p class="landing-kicker">Parcours</p>
<h2 id="home-paths-title">Accès principaux</h2>
<p class="landing-kicker">Orientation de lecture</p>
<h2 id="home-paths-title">Comment entrer&nbsp;?</h2>
</div>
<div class="landing-grid">
<a class="landing-card" href="/archicrat-ia/">
<strong>Essai-thèse — ArchiCraT-IA</strong>
<a class="landing-card" href="/manifeste/">
<strong>Saisir lenjeu politique</strong>
<span>
Le corpus principal : fondements, histoire, philosophie du pouvoir,
tensions et régulations archicratiques.
Entrer par la formulation la plus directe du paradigme : pour que ce qui
nous gouverne puisse être fondé, suivi, contesté et repris.
</span>
<small>Lire ArchiCraT-IA →</small>
<small>Lire le manifeste →</small>
</a>
<a class="landing-card" href="/commencer/">
<strong>Comprendre la genèse</strong>
<span>
Voir pourquoi les catégories politiques héritées ne suffisent plus à nommer
les régulations contemporaines.
</span>
<small>Entrevoir larchicratie →</small>
</a>
<a class="landing-card" href="/cas-ia/">
<strong>Cas pratique — Gouvernance IA</strong>
<strong>Voir le paradigme à lépreuve</strong>
<span>
Une mise à lépreuve contemporaine du paradigme à travers la
gouvernance des systèmes dintelligence artificielle.
Explorer un cas contemporain où larchicratie sert à diagnostiquer les
prises, les opacités et les scènes manquantes.
</span>
<small>Explorer le cas pratique →</small>
<small>Explorer le cas IA →</small>
</a>
<a class="landing-card" href="/glossaire/">
<strong>Glossaire</strong>
<a class="landing-card" href="/archicrat-ia/">
<strong>Entrer dans le corpus théorique</strong>
<span>
La cartographie conceptuelle du système : notions, scènes,
dynamiques, tensions et méta-régimes.
Lire larchitecture complète du paradigme : fondements, histoire,
philosophie du pouvoir, tensions et régulations archicratiques.
</span>
<small>Entrer dans le glossaire →</small>
</a>
<a class="landing-card" href="/recherche/">
<strong>Recherche</strong>
<span>
Rechercher un terme, une notion ou un passage dans les textes de
lédition web.
</span>
<small>Lancer une recherche →</small>
<small>Lire lessai-thèse →</small>
</a>
</div>
</section>

View File

@@ -0,0 +1,72 @@
---
import SiteLayout from "../../layouts/SiteLayout.astro";
import ManifesteArchicratique from "../../content/manifeste/manifeste-archicratique.mdx";
---
<SiteLayout title="Manifeste archicratique">
<section class="landing landing-home manifeste-page">
<header class="landing-hero manifeste-hero">
<p class="landing-kicker">Manifeste</p>
<h1>Manifeste archicratique</h1>
<p class="landing-lead">
Pour que ce qui nous gouverne puisse être fondé, suivi, contesté et repris.
</p>
</header>
<section class="edition-note manifeste-note" aria-labelledby="manifeste-orientation-title">
<p class="landing-kicker">Orientation politique</p>
<h2 id="manifeste-orientation-title">
Rendre les régulations à leur triple comparution
</h2>
<p>
Le manifeste archicratique formule lexigence politique centrale du paradigme :
ne plus laisser les régulations contemporaines se refermer sur leurs seules
opérations, mais rendre à nouveau distinguables, exposables et reprenables ce
qui les fonde, ce qui les opère et ce quelles affectent.
</p>
</section>
<article class="edition-note manifeste-article" aria-label="Texte intégral du manifeste archicratique">
<p class="landing-kicker">Texte intégral</p>
<ManifesteArchicratique />
</article>
<section class="landing-section" aria-labelledby="manifeste-next-title">
<div class="landing-section__head">
<p class="landing-kicker">Suites possibles</p>
<h2 id="manifeste-next-title">Poursuivre la lecture</h2>
</div>
<div class="landing-grid">
<a class="landing-card" href="/commencer/">
<strong>Revenir à lentrée</strong>
<span>Reprendre la genèse conceptuelle du terme archicratie.</span>
<small>Retourner à la porte dentrée →</small>
</a>
<a class="landing-card" href="/archicrat-ia/">
<strong>Lire lessai-thèse</strong>
<span>Explorer les fondements, lhistoire et la modélisation complète.</span>
<small>Entrer dans le corpus →</small>
</a>
<a class="landing-card" href="/cas-ia/">
<strong>Voir le cas IA</strong>
<span>Mettre le paradigme à lépreuve dune gouvernance contemporaine.</span>
<small>Explorer le cas pratique →</small>
</a>
<a class="landing-card" href="/glossaire/">
<strong>Explorer le glossaire</strong>
<span>Parcourir la cartographie conceptuelle du système archicratique.</span>
<small>Entrer dans le glossaire →</small>
</a>
</div>
</section>
</section>
</SiteLayout>

View File

@@ -117,7 +117,6 @@ header{
opacity 120ms var(--ease-out);
}
/* ===== SiteNav : lien actif ===== */
/* ===== SiteNav : lien actif ===== */
.site-nav a[aria-current="page"],
.site-nav a.is-active,
@@ -728,10 +727,19 @@ html{ scroll-behavior: smooth; }
}
.landing{
--landing-accent: #00cfea;
--landing-accent-strong: #00d9ff;
--landing-panel-border: rgba(127,127,127,0.19);
--landing-panel-bg: rgba(127,127,127,0.038);
--landing-panel-glow: rgba(0,217,255,0.075);
--landing-card-bg: rgba(127,127,127,0.036);
--landing-card-hover-bg: rgba(127,127,127,0.064);
--landing-card-hover-border: rgba(0,217,255,0.18);
display: grid;
gap: clamp(18px, 3vw, 30px);
gap: clamp(18px, 2.6vw, 28px);
width: 100%;
padding: 14px 0 10px;
padding: 12px 0 10px;
}
.landing-hero,
@@ -740,33 +748,33 @@ html{ scroll-behavior: smooth; }
position: relative;
z-index: 0;
overflow: hidden;
border: 1px solid rgba(127,127,127,0.22);
border-radius: 24px;
border: 1px solid var(--landing-panel-border);
border-radius: 22px;
background:
radial-gradient(circle at 12% 0%, rgba(0,217,255,0.12), transparent 36%),
rgba(127,127,127,0.045);
radial-gradient(circle at 12% 0%, var(--landing-panel-glow), transparent 38%),
var(--landing-panel-bg);
}
.landing-hero{
padding: clamp(24px, 4vw, 46px);
padding: clamp(22px, 3.6vw, 42px);
}
.landing-kicker{
margin: 0 0 8px;
color: #00d9ff;
font-size: .78rem;
color: var(--landing-accent);
font-size: .76rem;
line-height: 1.2;
font-weight: 850;
letter-spacing: .08em;
letter-spacing: .075em;
text-transform: uppercase;
}
.landing-hero h1{
margin: 0;
font-size: clamp(2.45rem, 7vw, 5.4rem);
line-height: .95;
letter-spacing: -.055em;
text-shadow: 0 0 34px rgba(0,217,255,.10);
font-size: clamp(2.35rem, 6.2vw, 4.85rem);
line-height: .98;
letter-spacing: -.048em;
text-shadow: 0 0 28px rgba(0,217,255,.075);
}
.landing-lead{
@@ -791,9 +799,9 @@ html{ scroll-behavior: smooth; }
justify-content: center;
min-height: 38px;
padding: 7px 14px;
border: 1px solid rgba(127,127,127,0.38);
border: 1px solid rgba(127,127,127,0.34);
border-radius: 999px;
background: rgba(127,127,127,0.06);
background: rgba(127,127,127,0.052);
font-weight: 850;
text-decoration: none;
transition:
@@ -809,14 +817,14 @@ html{ scroll-behavior: smooth; }
}
.landing-btn--primary{
border-color: rgba(0,217,255,0.42);
background: rgba(0,217,255,0.10);
color: #00d9ff;
border-color: rgba(0,217,255,0.34);
background: rgba(0,217,255,0.075);
color: var(--landing-accent-strong);
}
.landing-section,
.edition-note{
padding: clamp(18px, 3vw, 28px);
padding: clamp(18px, 2.7vw, 26px);
}
.landing-section__head,
@@ -850,10 +858,10 @@ html{ scroll-behavior: smooth; }
display: grid;
gap: 8px;
min-width: 0;
padding: 16px;
border: 1px solid rgba(127,127,127,0.22);
border-radius: 18px;
background: rgba(127,127,127,0.045);
padding: 15px 16px;
border: 1px solid var(--landing-panel-border);
border-radius: 17px;
background: var(--landing-card-bg);
text-decoration: none;
transition:
transform 120ms var(--ease-out),
@@ -863,14 +871,14 @@ html{ scroll-behavior: smooth; }
.landing-card:hover{
transform: translateY(-1px);
background: rgba(127,127,127,0.075);
border-color: rgba(0,217,255,0.24);
background: var(--landing-card-hover-bg);
border-color: var(--landing-card-hover-border);
text-decoration: none;
}
.landing-card strong{
color: #00d9ff;
font-size: 1.05rem;
color: var(--landing-accent);
font-size: 1.02rem;
line-height: 1.22;
}
@@ -881,9 +889,9 @@ html{ scroll-behavior: smooth; }
}
.landing-card small{
color: #00d9ff;
color: var(--landing-accent);
font-weight: 800;
opacity: .92;
opacity: .86;
}
.presentation-next{
@@ -892,28 +900,6 @@ html{ scroll-behavior: smooth; }
border-top: 1px solid rgba(127,127,127,0.25);
}
body[data-edition-key="commencer"] .commencer-title{
font-size: clamp(2.6rem, 6vw, 4.8rem);
line-height: .98;
letter-spacing: -.055em;
margin: 18px 0 28px;
text-shadow: 0 0 34px rgba(0,217,255,.10);
}
body[data-edition-key="commencer"] .reading h2{
margin-top: 34px;
padding-top: 18px;
border-top: 1px solid rgba(127,127,127,.18);
font-size: clamp(1.35rem, 2.3vw, 1.85rem);
letter-spacing: -.025em;
}
body[data-edition-key="commencer"] .reading h2:first-of-type{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
@media (max-width: 760px){
.reading:has(> .landing){
max-width: none;
@@ -1032,4 +1018,501 @@ html{ scroll-behavior: smooth; }
.search-hero h1{
font-size: clamp(1.7rem, 7vw, 2.3rem);
}
}
/* =========================================================
MANIFESTE — page éditoriale intégrale
Alignée sur les landing pages du corpus.
========================================================= */
.manifeste-page{
scroll-margin-top: 96px;
}
.manifeste-hero h1{
max-width: 18ch;
}
.manifeste-note p:not(.landing-kicker){
max-width: 78ch;
}
/* ==========================
Manifeste — texte intégral premium
========================== */
.manifeste-article{
--manifest-content-inset: clamp(18px, 2.2vw, 28px);
--manifest-text-measure: 82ch;
padding-bottom: clamp(30px, 4vw, 52px);
}
.manifeste-article .landing-kicker{
margin-bottom: 0;
margin-left: var(--manifest-content-inset);
margin-right: var(--manifest-content-inset);
}
.manifeste-article .manifest-body{
width: auto;
max-width: var(--manifest-text-measure);
margin-top: 28px;
margin-left: var(--manifest-content-inset);
margin-right: var(--manifest-content-inset);
}
.manifeste-article .manifest-body p{
width: 100%;
max-width: none;
margin: 0 0 20px;
font-size: 1rem;
line-height: 1.68;
opacity: .93;
text-wrap: pretty;
}
.manifeste-article .manifest-body p:last-child{
margin-bottom: 0;
}
.manifeste-article .manifest-section-title{
max-width: 34ch;
margin: clamp(42px, 4.5vw, 62px) 0 18px;
padding-top: 26px;
border-top: 1px solid rgba(0,217,255,0.22);
color: #f5f7fb;
font-size: clamp(1.55rem, 2.45vw, 2.1rem);
line-height: 1.08;
font-weight: 850;
letter-spacing: -0.032em;
}
.manifeste-article .manifest-section-title:first-child{
margin-top: 0;
padding-top: 0;
border-top: 0;
}
.manifeste-article .manifest-subsection-title{
max-width: 38ch;
margin: 32px 0 13px;
color: inherit;
font-size: clamp(1.12rem, 1.55vw, 1.34rem);
line-height: 1.16;
font-weight: 850;
letter-spacing: -0.025em;
}
.manifeste-page .landing-section{
margin-top: 0;
}
/* =========================================================
EDITORIAL REVEAL — seuil de lecture définitif
Manifeste + Commencer
========================================================= */
/*
Point critique :
le paragraphe placé juste avant le reveal ne doit PAS ajouter
sa marge basse habituelle. Sinon louverture crée un trou.
*/
.manifeste-article .manifest-body > p:has(+ .editorial-reveal),
.commencer-genese > p:has(+ .editorial-reveal){
margin-bottom: 0;
}
/* Reveal fermé : respiration courte avant le bouton */
.editorial-reveal{
max-width: min(100%, 82ch);
margin-top: clamp(6px, .75vw, 10px);
}
/* Reveal ouvert : le composant devient transparent dans le flux */
.editorial-reveal.is-open{
margin-top: 0;
}
/* Bouton fermé */
.editorial-reveal__button{
display: inline-flex;
width: auto;
max-width: 100%;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 42px;
margin: 0;
padding: 9px 17px;
border: 1px solid rgba(0,217,255,0.36);
border-radius: 999px;
background: rgba(0,217,255,0.035);
color: #00d9ff;
font: inherit;
font-weight: 850;
line-height: 1.2;
letter-spacing: -0.012em;
white-space: nowrap;
cursor: pointer;
overflow: hidden;
transition:
opacity 260ms var(--ease-out),
transform 260ms var(--ease-out),
max-height 420ms var(--ease-out),
min-height 420ms var(--ease-out),
padding 420ms var(--ease-out),
margin 420ms var(--ease-out),
border-width 420ms var(--ease-out),
border-color 160ms var(--ease-out),
background 160ms var(--ease-out);
}
.editorial-reveal__button::before{
content: "+";
display: inline-block;
color: #00d9ff;
font-weight: 950;
line-height: 1;
}
.editorial-reveal__button:hover{
background: rgba(0,217,255,0.06);
border-color: rgba(0,217,255,0.58);
text-decoration: none;
}
.editorial-reveal__label{
display: inline-block;
white-space: nowrap;
}
/* Bouton effacé à louverture */
.editorial-reveal.is-open > .editorial-reveal__button{
max-height: 0;
min-height: 0;
margin: 0;
padding-top: 0;
padding-bottom: 0;
border-width: 0;
opacity: 0;
pointer-events: none;
transform: translateY(-5px);
}
/* Corps révélé : aucune boîte visuelle, aucune marge autonome */
.editorial-reveal__body{
height: 0;
overflow: hidden;
opacity: 0;
transform: translateY(8px);
margin: 0;
padding: 0;
border: 0;
background: transparent;
transition:
height 820ms cubic-bezier(.22, 1, .36, 1),
opacity 460ms var(--ease-out),
transform 460ms var(--ease-out);
}
.editorial-reveal.is-open > .editorial-reveal__body{
opacity: 1;
transform: translateY(0);
margin: 0;
padding: 0;
border: 0;
}
/* =========================================================
Seuil révélé — Manifeste
La suite commence par un h2 : respiration de section,
mais sans trou typographique.
========================================================= */
.manifeste-article .editorial-reveal__body > .manifest-section-title:first-child{
margin-top: clamp(6px, 1vw, 12px) !important;
padding-top: 0 !important;
border-top: 0 !important;
}
/* Les grands titres suivants du manifeste gardent leur hiérarchie normale */
.manifeste-article .editorial-reveal__body > .manifest-section-title:not(:first-child){
margin-top: clamp(42px, 4.5vw, 62px);
}
/* =========================================================
Seuil révélé — Commencer
La suite commence par un paragraphe : continuité directe.
========================================================= */
/*
Important :
Les règles spécifiques à .commencer-genese sont centralisées plus bas
dans le bloc "COMMENCER — stabilisation définitive".
On ne met ici aucune marge négative, pour éviter les contradictions
de cascade entre état fermé, état ouvert, mobile et desktop.
*/
/* Titres internes de la genèse */
.commencer-reveal-heading{
max-width: 42ch;
margin: 34px 0 14px;
padding-top: 24px;
border-top: 1px solid rgba(0,217,255,0.13);
color: rgba(255,255,255,0.96);
font-size: clamp(1.12rem, 1.45vw, 1.28rem);
line-height: 1.14;
font-weight: 850;
letter-spacing: -0.024em;
}
.commencer-reveal-heading:first-of-type{
margin-top: clamp(28px, 3vw, 38px);
}
/* =========================================================
Mobile — Manifeste + reveal générique
========================================================= */
@media (max-width: 760px){
.manifeste-article{
--manifest-content-inset: 0px;
--manifest-text-measure: 100%;
}
.manifeste-article .manifest-body{
width: 100%;
max-width: none;
margin-top: 22px;
margin-left: 0;
margin-right: 0;
}
.manifeste-article .landing-kicker{
margin-left: 0;
margin-right: 0;
}
.manifeste-article .manifest-body p{
font-size: 1rem;
line-height: 1.62;
}
.manifeste-article .manifest-section-title{
max-width: none;
margin-top: 36px;
padding-top: 22px;
}
.manifeste-article .manifest-subsection-title{
max-width: none;
margin-top: 26px;
}
.editorial-reveal{
max-width: 100%;
margin-top: 14px;
}
.editorial-reveal.is-open{
margin-top: 0;
}
.editorial-reveal__button{
max-width: 100%;
padding: 10px 15px;
border-radius: 16px;
white-space: normal;
}
.manifeste-article .editorial-reveal__body > .manifest-section-title:first-child{
margin-top: 10px !important;
}
.commencer-reveal-heading{
max-width: none;
margin-top: 28px;
}
}
/* =========================================================
Landing pages — retrait éditorial interne
Pages daccueil, essai-thèse, cas pratique, manifeste, commencer
========================================================= */
.landing-home{
--landing-inner-inset: clamp(14px, 2vw, 28px);
}
/* Notes au lecteur : on conserve le kicker comme repère,
mais on décale légèrement le titre et le texte. */
.landing-home .edition-note > h2,
.landing-home .edition-note > p:not(.landing-kicker){
margin-left: var(--landing-inner-inset);
}
/* On évite que le retrait ne pousse les lignes trop loin à droite. */
.landing-home .edition-note > p:not(.landing-kicker){
max-width: min(78ch, calc(100% - var(--landing-inner-inset)));
}
/* Sections dindex : même axe éditorial que les notes. */
.landing-home .landing-section__head{
margin-left: var(--landing-inner-inset);
}
/* La grille suit le même retrait pour que le titre et les cartes respirent ensemble. */
.landing-home .landing-grid{
margin-left: var(--landing-inner-inset);
width: calc(100% - var(--landing-inner-inset));
}
/* Mobile : on supprime le retrait pour préserver la largeur utile. */
@media (max-width: 760px){
.landing-home{
--landing-inner-inset: 0px;
}
.landing-home .edition-note > h2,
.landing-home .edition-note > p:not(.landing-kicker),
.landing-home .landing-section__head,
.landing-home .landing-grid{
margin-left: 0;
}
.landing-home .landing-grid{
width: 100%;
}
}
/* =========================================================
COMMENCER — stabilisation définitive de la colonne révélée
========================================================= */
/*
Objectif :
- même colonne optique avant et après ouverture ;
- aucun saut horizontal ;
- aucun correctif par marge négative ;
- une seule source de vérité pour .commencer-genese.
*/
.commencer-genese{
--commencer-content-inset: clamp(18px, 2.2vw, 28px);
--commencer-text-measure: 82ch;
scroll-margin-top: 96px;
}
/* Colonne interne stable de la carte "Genèse conceptuelle".
Cette règle reprend volontairement la main sur les retraits génériques
de .landing-home .edition-note afin daligner Commencer sur Manifeste. */
.landing-home .commencer-genese > .landing-kicker,
.landing-home .commencer-genese > h2,
.landing-home .commencer-genese > p,
.landing-home .commencer-genese > .editorial-reveal{
margin-left: var(--commencer-content-inset);
margin-right: var(--commencer-content-inset);
}
.landing-home .commencer-genese > h2{
max-width: min(34ch, var(--commencer-text-measure));
font-size: clamp(1.55rem, 2.45vw, 2.1rem);
line-height: 1.08;
letter-spacing: -0.032em;
}
/* Paragraphes visibles avant ouverture. */
.landing-home .commencer-genese > p{
max-width: var(--commencer-text-measure);
font-size: 1rem;
line-height: 1.68;
opacity: .93;
text-wrap: pretty;
}
/* Le reveal hérite de la même colonne, sans créer une colonne autonome. */
.commencer-genese > .editorial-reveal{
max-width: var(--commencer-text-measure);
}
/* Bouton fermé : aucune marge interne parasite. */
.commencer-genese .editorial-reveal__button{
margin-left: 0;
}
/* Corps ouvert : même colonne, même largeur, aucune marge autonome. */
.commencer-genese .editorial-reveal__body{
max-width: var(--commencer-text-measure);
margin-left: 0;
margin-right: 0;
}
/* Paragraphes révélés : rythme identique, sans saut à louverture. */
.commencer-genese .editorial-reveal__body > p{
max-width: var(--commencer-text-measure);
margin: 0 0 20px;
font-size: 1rem;
line-height: 1.68;
opacity: .93;
text-wrap: pretty;
}
/* Premier paragraphe révélé : continuité immédiate après disparition du bouton. */
.commencer-genese .editorial-reveal.is-open > .editorial-reveal__body > p:first-child{
margin-top: 0 !important;
}
/* Dernier paragraphe révélé : pas de marge basse fantôme. */
.commencer-genese .editorial-reveal__body > p:last-child{
margin-bottom: 0;
}
/* Titres internes révélés : même régime éditorial que les sections du manifeste. */
.commencer-genese .commencer-reveal-heading{
max-width: min(34ch, var(--commencer-text-measure));
margin: clamp(42px, 4.5vw, 62px) 0 18px;
padding-top: 26px;
border-top: 1px solid rgba(0,217,255,0.22);
color: #f5f7fb;
font-size: clamp(1.55rem, 2.45vw, 2.1rem);
line-height: 1.08;
font-weight: 850;
letter-spacing: -0.032em;
}
.commencer-genese .commencer-reveal-heading:first-of-type{
margin-top: clamp(6px, 1vw, 12px) !important;
padding-top: 0 !important;
border-top: 0 !important;
}
/* Mobile : pas de retrait, largeur utile maximale. */
@media (max-width: 760px){
.commencer-genese{
--commencer-content-inset: 0px;
--commencer-text-measure: 100%;
}
.landing-home .commencer-genese > .landing-kicker,
.landing-home .commencer-genese > h2,
.landing-home .commencer-genese > p,
.landing-home .commencer-genese > .editorial-reveal{
margin-left: 0;
margin-right: 0;
}
.commencer-genese .editorial-reveal__body > p{
margin-bottom: 18px;
line-height: 1.52;
}
.commencer-genese .editorial-reveal.is-open > .editorial-reveal__body > p:first-child{
margin-top: 0 !important;
}
}