From 28a6daf3824668d58f8b0d72901cf01bc501c368 Mon Sep 17 00:00:00 2001
From: Yvv <yves@pervier.com>
Date: Tue, 3 Nov 2026 19:24:44 +0100
Subject: [PATCH] =?UTF-8?q?identit=C3=A9=206=20:=20la=20r=C3=A8gle=20f=20m?=
 =?UTF-8?q?esur=C3=A9e=20au-dessus=20du=20dessin,=20les=20chapitres=20pos?=
 =?UTF-8?q?=C3=A9s=20sur=20leurs=20filets,=20les=20coins=20arrondis=20d?=
 =?UTF-8?q?=C3=A9gag=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Règle f, selon la précision de DA du 03/11 après 17h35 : au-dessus d'un oiseau perché, le vide
se mesure du haut de son dessin jusqu'à la plus basse ligne de texte ou au plus bas bloc qui
passe au-dessus de sa largeur peinte. Les lignes de son propre titre comptent, et l'en-tête
collant aussi en haut de page. Quinze perchés en défaut sur bb8fad9 changent de pose, sans
sortir de la liste fermée :
- accueil :
  - le DJ se tient derrière le pupitre de la console, seule sa tête dépasse ;
  - l'accordéoniste passe en S, visible à partir de 1200 px ;
  - la factrice passe à 76 px ;
  - la lectrice sort 20 px plus bas ;
- au téléphone, l'oiseau de l'intitulé est un oiseau plat : codeuse, maraîchère, potier, et le
  cycliste livreur sur productions collectives ;
- authentification, tarifs de l'eau, commande : en marge droite, sur l'arête haute de la carte ;
- en musique : le danseur passe en S ;
- évènement :
  - l'acrobate se tient avant la devise ;
  - le régisseur passe en S, posé sur l'arête des cartes ;
  - le clown passe en M ;
  - le marionnettiste se tient sur le filet du pied de page (option 1 d'orch). Son décalage
    est tiré de --seal-block, le bloc du sceau défini dans le layout ;
- chapitres : le calligraphe se tient sur le filet du titre, le typographe sur celui de la
  navigation, le cartonnier en marge des boutons. Plus aucune hauteur en %.

Règle g, rectangle du bloc (décision d'orch) : le porteur de serveur et l'administrateur réseau
sortent de la découpe des coins arrondis.

La liste fermée (docs/da-oiseaux.md) reçoit les précisions d'orch :
- e vaut pour un oiseau « libre » dont le centre sort de son bloc ;
- g se mesure sur le rectangle du bloc ;
- un oiseau derrière une carte reste « derrière ».

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 app/components/book/ChapterHeader.vue         | 10 ++--
 app/components/home/HomeFormat.vue            | 11 ++--
 app/components/home/HomeLanding.vue           | 35 ++++++++-----
 app/components/home/HomeMessages.vue          |  2 +-
 app/layouts/default.vue                       | 14 +++++-
 app/pages/citoyenne/[slug].vue                |  6 +--
 app/pages/citoyenne/index.vue                 |  6 ++-
 app/pages/economique/commande.vue             |  5 +-
 app/pages/economique/index.vue                |  6 ++-
 app/pages/economique/modele-eco/[slug].vue    | 13 +++--
 .../economique/productions-collectives.vue    |  4 +-
 app/pages/en-musique/index.vue                |  4 +-
 app/pages/evenement.vue                       | 31 ++++++++----
 app/pages/numerique/[slug].vue                | 16 +++---
 app/pages/numerique/index.vue                 |  6 ++-
 docs/da-oiseaux.md                            | 50 +++++++++++++++++--
 16 files changed, 158 insertions(+), 61 deletions(-)

diff --git a/app/components/book/ChapterHeader.vue b/app/components/book/ChapterHeader.vue
index 32b2293..8d1bead 100644
--- a/app/components/book/ChapterHeader.vue
+++ b/app/components/book/ChapterHeader.vue
@@ -8,15 +8,19 @@
         · {{ readingTime }}
       </span>
     </div>
-    <h1 class="chapter-title font-display font-bold leading-tight tracking-tight text-white">
+    <h1 class="chapter-title relative font-display font-bold leading-tight tracking-tight text-white">
       {{ title }}
+      <!-- The calligrapher in the left margin, feet on the title's rule (rule e) -->
+      <UiOiseauPose nom="calligraphe" pose="marge-g" ecart="40px" :w="112" />
     </h1>
     <p v-if="description" class="mt-3 text-lg text-white/60">
       {{ description }}
     </p>
 
-    <!-- Songs + PDF actions row -->
-    <div class="mt-4 flex flex-wrap items-center gap-2">
+    <!-- Songs + PDF actions row. The box maker in the right margin, feet at the bottom of the
+         buttons (every chapter has its PDF page) -->
+    <div class="relative mt-4 flex flex-wrap items-center gap-2">
+      <UiOiseauPose nom="cartonnier" pose="marge-d" ecart="40px" :w="76" retourne />
     <!-- Associated songs badges -->
       <button
         v-for="song in songs"
diff --git a/app/components/home/HomeFormat.vue b/app/components/home/HomeFormat.vue
index 128b481..60e6e9e 100644
--- a/app/components/home/HomeFormat.vue
+++ b/app/components/home/HomeFormat.vue
@@ -2,16 +2,19 @@
   <div class="format">
     <header v-if="format && showHeader" class="format-head">
       <!-- The accordion player at the end of the title, on its baseline: on the event card it stood
-           at the height of the reader, and its ground line touched the card's link (rules c, h) -->
-      <h2 class="format-title">{{ format.title }}<UiOiseauPose nom="accordeoniste" pose="perche" bout left="16px" :w="84" retourne ton="accent" :seuil="1024" /></h2>
+           at the height of the reader, and its ground line touched the card's link (rules c, h).
+           S and from 1200 px: the band above leaves 125 px, and a perched bird keeps a void of its
+           own height above it (rule f); 8 px under the baseline, within the 12 px of rule e -->
+      <h2 class="format-title">{{ format.title }}<UiOiseauPose nom="accordeoniste" pose="perche" bout left="16px" bottom="-8px" :w="72" retourne ton="accent" :seuil="1200" /></h2>
       <p class="format-text">{{ format.text }}</p>
     </header>
 
     <div class="format-grid">
       <!-- Éditorial : le livre et les chansons -->
       <article v-if="book" class="format-card format-card--book">
-        <!-- The reader peeks over the book card: only her head and book show -->
-        <UiOiseauPose nom="lectrice" pose="derriere" left="76%" bottom="calc(100% - 48px)" :w="104" />
+        <!-- The reader peeks over the book card: only her head and book show, clear of the end of
+             the header's first line (DA, 03/11) -->
+        <UiOiseauPose nom="lectrice" pose="derriere" left="76%" bottom="calc(100% - 68px)" :w="104" />
         <div
           class="format-cover"
           role="img"
diff --git a/app/components/home/HomeLanding.vue b/app/components/home/HomeLanding.vue
index 4227e3c..c1c23d0 100644
--- a/app/components/home/HomeLanding.vue
+++ b/app/components/home/HomeLanding.vue
@@ -21,19 +21,25 @@
         <div class="va-console">
           <p class="va-console-title">
             {{ heading[2] }}
-            <!-- The DJ stands on the console board, looking at the faders -->
-            <UiOiseauPose nom="dj" pose="perche" right="2rem" bottom="-0.75rem" :w="80" retourne ton="accent" mobile />
           </p>
-          <HomeConsole
-            v-model="active"
-            :axes="axes"
-            :prefix="consoleLabels?.prefix"
-            :top-label="consoleLabels?.top"
-            :bottom-label="consoleLabels?.bottom"
-            :stacks="bouquet?.inService"
-            :stacks-to="lpk?.to"
-            :stacks-label="lpk ? `En service chez ${lpk.name} :` : 'En service :'"
-          />
+          <!-- The DJ stands behind the console board, like behind its decks: only its head, with
+               its headphones, shows over the board. Perched on the board, under the sticky header,
+               it had no void of its own height above it (rule f, DA 03/11 after 17h35). The scene
+               keeps it under the board without touching the console -->
+          <div class="va-console-scene">
+            <UiOiseauPose nom="dj" pose="derriere" right="24px" top="-95px" :w="150" retourne ton="accent" />
+            <UiOiseauPose nom="dj" pose="derriere" right="24px" top="-95px" :w="150" retourne ton="accent" mobile-seul :seuil="768" />
+            <HomeConsole
+              v-model="active"
+              :axes="axes"
+              :prefix="consoleLabels?.prefix"
+              :top-label="consoleLabels?.top"
+              :bottom-label="consoleLabels?.bottom"
+              :stacks="bouquet?.inService"
+              :stacks-to="lpk?.to"
+              :stacks-label="lpk ? `En service chez ${lpk.name} :` : 'En service :'"
+            />
+          </div>
         </div>
       </div>
     </section>
@@ -196,6 +202,11 @@ const toolboxOiseaux: Partial<Record<AxisKey, OiseauPlace[]>> = {
   .va-approach::after { content: ' →'; }
 }
 
+.va-console-scene {
+  position: relative;
+  isolation: isolate;
+}
+
 .va-console-title {
   position: relative;
   margin: 0 0 0.75rem;
diff --git a/app/components/home/HomeMessages.vue b/app/components/home/HomeMessages.vue
index 059fd9c..8f65952 100644
--- a/app/components/home/HomeMessages.vue
+++ b/app/components/home/HomeMessages.vue
@@ -6,7 +6,7 @@
     <UiScrollReveal>
       <div class="message-form-card">
         <!-- The postwoman stands on the message form -->
-        <UiOiseauPose nom="factrice" pose="perche" right="30px" :w="88" retourne :seuil="1200" />
+        <UiOiseauPose nom="factrice" pose="perche" right="30px" :w="76" retourne :seuil="1200" />
         <h3 class="font-display text-lg font-bold form-title mb-4">Laisser un message</h3>
 
         <form v-if="!submitted" class="space-y-3" @submit.prevent="send">
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index ac7a624..f74f431 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -36,11 +36,21 @@ useScrollTracking()
   grid-template-rows: auto 1fr auto;
 }
 
+/* The seal's block, between the page and the footer: a bird of a page that stands on the footer's
+   top rule takes its offset from here (evenement, the puppeteer) */
+.app-main {
+  --seal-w: 44px;
+  --seal-mt: 2rem;
+  --seal-mb: 1rem;
+  --seal-block: calc(var(--seal-mt) + var(--seal-w) * 105 / 112 + var(--seal-mb));
+}
+
 /* === Seal — 益 Yì (Increase) === */
 .app-seal {
   display: block;
-  width: 44px;
-  margin: 2rem 1.5rem 1rem auto;
+  width: var(--seal-w);
+  /* its height follows the viewBox: width × 105 / 112 (in --seal-block) */
+  margin: var(--seal-mt) 1.5rem var(--seal-mb) auto;
   color: hsl(var(--color-accent));
   opacity: 0.28;
   filter: drop-shadow(1px 1px 0.5px rgba(0,0,0,0.25))
diff --git a/app/pages/citoyenne/[slug].vue b/app/pages/citoyenne/[slug].vue
index a9f1af8..a375e67 100644
--- a/app/pages/citoyenne/[slug].vue
+++ b/app/pages/citoyenne/[slug].vue
@@ -140,9 +140,9 @@ const OISEAUX_PAGE: Record<string, OiseauxPage> = {
     ],
   },
   'tarifs-eau': {
-    // the summary stands right of the project card: the actor stands on the card, where the
-    // links row above leaves the page empty
-    projet: [{ nom: 'comedien', pose: 'perche', right: '24px', w: 100, retourne: true }],
+    // the actor in the right margin, feet on the card's top edge: perched on the card, it stood
+    // 11 px under the introduction (rule f, DA 03/11 after 17h35); the summary starts lower
+    projet: [{ nom: 'comedien', pose: 'marge-d', ecart: '24px', bottom: '100%', w: 100, retourne: true }],
     texte: [{ nom: 'potier', pose: 'marge-g', ecart: '52px', w: 112 }],
   },
 }
diff --git a/app/pages/citoyenne/index.vue b/app/pages/citoyenne/index.vue
index 476cffa..82c9949 100644
--- a/app/pages/citoyenne/index.vue
+++ b/app/pages/citoyenne/index.vue
@@ -3,8 +3,10 @@
     <div class="container-content">
       <header class="mb-12 text-center">
         <p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
-          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline -->
-          {{ content?.kicker }}<UiOiseauPose nom="vigie" pose="perche" bout :w="72" retourne mobile-seul />
+          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline.
+               A flat bird (37-44 px tall at 72 px wide): 93 px separate this baseline from the sticky
+               header, and a perched bird keeps a void of its own height above it (rule f) -->
+          {{ content?.kicker }}<UiOiseauPose nom="potier" pose="perche" bout :w="72" mobile-seul />
         </p>
         <h1 class="page-title relative font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
           <!-- At the end of the title, on its baseline (rule e, docs/da-oiseaux.md) -->
diff --git a/app/pages/economique/commande.vue b/app/pages/economique/commande.vue
index 3a11479..fedff83 100644
--- a/app/pages/economique/commande.vue
+++ b/app/pages/economique/commande.vue
@@ -3,8 +3,6 @@
     <div class="container-content">
       <div class="mx-auto max-w-2xl">
         <div class="section-icon relative mx-auto mb-6">
-          <!-- The reader stands on the bag: a real edge, with the page's top margin above -->
-          <UiOiseauPose nom="lectrice" pose="perche" left="14px" :w="84" retourne :seuil="1024" />
           <div class="i-lucide-shopping-bag h-12 w-12" />
         </div>
 
@@ -24,6 +22,9 @@
         <!-- Bookelis CTA -->
         <div class="cta-block mb-8">
           <UiOiseauPose nom="cycliste-livreur" pose="marge-g" ecart="54px" :w="150" />
+          <!-- The reader in the right margin, feet on the card's top edge: on the bag, under the
+               sticky header, she had 22 px of void above her (rule f, DA 03/11 after 17h35) -->
+          <UiOiseauPose nom="lectrice" pose="marge-d" ecart="24px" bottom="100%" :w="84" retourne />
           <div class="cta-icon">
             <div class="i-lucide-globe h-5 w-5" />
           </div>
diff --git a/app/pages/economique/index.vue b/app/pages/economique/index.vue
index 1a19a98..c388e06 100644
--- a/app/pages/economique/index.vue
+++ b/app/pages/economique/index.vue
@@ -4,8 +4,10 @@
       <!-- Header -->
       <header class="mb-12 text-center">
         <p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
-          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline -->
-          {{ content?.kicker }}<UiOiseauPose nom="pompeur-de-g1" pose="perche" bout :w="72" retourne mobile-seul />
+          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline.
+               A flat bird (37-44 px tall at 72 px wide): 93 px separate this baseline from the sticky
+               header, and a perched bird keeps a void of its own height above it (rule f) -->
+          {{ content?.kicker }}<UiOiseauPose nom="maraichere" pose="perche" bout :w="72" retourne mobile-seul />
         </p>
         <h1 class="page-title font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
           {{ content?.title }}
diff --git a/app/pages/economique/modele-eco/[slug].vue b/app/pages/economique/modele-eco/[slug].vue
index 5f4306a..b6eb1bf 100644
--- a/app/pages/economique/modele-eco/[slug].vue
+++ b/app/pages/economique/modele-eco/[slug].vue
@@ -1,8 +1,10 @@
 <template>
   <div v-if="chapter" class="relative">
-    <!-- The book's trades in the margins: the two who write keep their way, on the left -->
-    <UiOiseauPose nom="calligraphe" pose="libre" right="calc(100% + 40px)" top="40px" :w="112" />
-    <UiOiseauPose nom="typographe" pose="libre" right="calc(100% + 64px)" top="46%" :w="100" />
+    <!-- The book's trades in the margins, each on a line of the chapter (rule e): the two who
+         write keep their way, on the left, the calligrapher on the title's rule (in the chapter
+         header), the typographer on the navigation's rule; the box maker in the right margin, by
+         the PDF and songs buttons (in the header); the proofreader on the right, by the last
+         paragraph -->
     <UiOiseauPose nom="correcteur" pose="libre" left="calc(100% + 40px)" bottom="140px" :w="108" retourne />
     <BookChapterHeader
       :title="chapter.title"
@@ -15,9 +17,10 @@
     <BookChapterContent :content="chapter" />
 
     <!-- Prev / Next navigation. The rule above it is drawn (border-t alone sets no style here):
-         the box maker stands on it -->
+         the typographer stands on it, in the left margin. Perched in the column, the box maker had
+         20 to 27 px of void under the last paragraph (rule f) -->
     <nav class="relative mt-16 flex items-center justify-between border-t border-t-solid border-white/8 pt-8">
-      <UiOiseauPose nom="cartonnier" pose="perche" left="calc(50% - 38px)" :w="76" />
+      <UiOiseauPose nom="typographe" pose="marge-g" ecart="64px" bottom="100%" :w="100" />
       <NuxtLink
         v-if="prevChapter"
         :to="`/economique/modele-eco/${prevChapter.stem?.split('/').pop()}`"
diff --git a/app/pages/economique/productions-collectives.vue b/app/pages/economique/productions-collectives.vue
index 65bfba9..2e2bab1 100644
--- a/app/pages/economique/productions-collectives.vue
+++ b/app/pages/economique/productions-collectives.vue
@@ -27,7 +27,9 @@
 
         <!-- Content -->
         <div v-if="content?.content" class="prose-block mb-10">
-          <UiOiseauPose nom="menuisier" pose="perche" left="20px" :w="84" mobile />
+          <UiOiseauPose nom="menuisier" pose="perche" left="20px" :w="84" />
+          <!-- Phone: a flatter bird at the same place, the text above leaves 89 px (rule f) -->
+          <UiOiseauPose nom="cycliste-livreur" pose="perche" left="20px" :w="72" mobile-seul />
           <UiOiseauPose nom="forgeron" pose="marge-g" ecart="70px" :w="140" />
           <UiOiseauPose nom="berger" pose="derriere" left="calc(100% - 110px)" bottom="-46px" :w="230" />
           <p class="leading-relaxed whitespace-pre-line" style="color: hsl(var(--color-text-muted))">
diff --git a/app/pages/en-musique/index.vue b/app/pages/en-musique/index.vue
index 26d6a27..2b7dfaa 100644
--- a/app/pages/en-musique/index.vue
+++ b/app/pages/en-musique/index.vue
@@ -72,7 +72,9 @@
 
       <!-- Song list -->
       <div v-if="viewMode === 'list'" class="relative flex flex-col gap-2">
-        <UiOiseauPose nom="danseur" pose="perche" left="calc(64% - 60px)" :w="120" :seuil="1200" />
+        <!-- S, not M: above it the buttons leave 150 px, and a perched bird keeps a void of its own
+             height above its head (rule f, DA 03/11 after 17h35) -->
+        <UiOiseauPose nom="danseur" pose="perche" left="calc(64% - 60px)" :w="80" :seuil="1200" />
         <SongItem
           v-for="song in filteredSongs"
           :key="song.id"
diff --git a/app/pages/evenement.vue b/app/pages/evenement.vue
index 47a6bc7..dfa4a03 100644
--- a/app/pages/evenement.vue
+++ b/app/pages/evenement.vue
@@ -26,14 +26,15 @@
 
       <!-- Leitmotiv -->
       <div v-if="evtContent?.leitmotiv" class="mt-8 flex flex-col items-center gap-3">
-        <p class="relative font-display text-xl font-bold" style="color: hsl(var(--color-text))">
+        <p class="font-display text-xl font-bold" style="color: hsl(var(--color-text))">
           « {{ evtContent.leitmotiv }} »
-          <!-- The acrobat on the line of the leitmotiv, before it: by « Format & lieu », the stage
-               manager stands alone (two birds there would stand at the same height) -->
-          <UiOiseauPose nom="acrobate" pose="perche" right="calc(100% + 14px)" bottom="0px" :w="72" />
         </p>
-        <p v-if="evtContent?.tagline" class="font-mono text-sm tracking-widest uppercase" style="color: hsl(var(--color-primary))">
+        <!-- The acrobat before the tagline, on its line: the tagline is narrower than the leitmotiv,
+             28 px keep it out from under the leitmotiv, and above it the description ends higher
+             (rule f, DA 03/11 after 17h35). By « Format & lieu », the stage manager stands alone -->
+        <p v-if="evtContent?.tagline" class="relative font-mono text-sm tracking-widest uppercase" style="color: hsl(var(--color-primary))">
           {{ evtContent.tagline }}
+          <UiOiseauPose nom="acrobate" pose="perche" right="calc(100% + 28px)" bottom="0px" :w="72" />
         </p>
         <span v-if="evtContent?.gestation" class="evt-gestation-badge">
           <div class="i-lucide-flask-conical h-3.5 w-3.5" />
@@ -44,14 +45,21 @@
   </div>
 
   <!-- ══ Contenu événement ══ -->
-  <section v-if="evtContent?.axes || evtContent?.espaces || evtContent?.config" class="evt-content section-padding">
+  <section v-if="evtContent?.axes || evtContent?.espaces || evtContent?.config" class="evt-content relative section-padding">
+    <!-- The puppeteer stands on the footer's top rule, from 1200 px: under « Espaces & programme »
+         the axes cards leave 100 px, half what it needs (rule f), and each row of cards holds one
+         bird (rule c). The only bird of the page out of its block (orch, 03/11, option 1). Its
+         offset is the seal's block of the layout (--seal-block), between this section and the
+         footer; the bird check verifies it stands on the rule -->
+    <UiOiseauPose nom="marionnettiste" pose="perche" left="18%" bottom="calc(-1 * var(--seal-block))" :w="112" retourne :seuil="1200" />
     <div class="container-content flex flex-col gap-14">
 
       <!-- 3 axes -->
       <div v-if="evtContent?.axes">
         <h2 class="evt-section-title relative">
-          <!-- The section birds stand at the end of their title, on its baseline (rule e) -->
-          Trois axes d'émancipation<UiOiseauPose nom="clown" pose="perche" bout left="14px" :w="84" retourne ton="accent" />
+          <!-- The clown at the end of its title, on its baseline (rule e). M: between 768 and
+               1199 px the four birds shown would all be S otherwise (rule a) -->
+          Trois axes d'émancipation<UiOiseauPose nom="clown" pose="perche" bout left="14px" :w="108" retourne ton="accent" />
         </h2>
         <p class="evt-section-sub">« je subis — ou je m'affranchis »</p>
         <div class="axes-grid">
@@ -76,7 +84,7 @@
       <!-- Espaces permanents -->
       <div v-if="evtContent?.espaces">
         <h2 class="evt-section-title relative">
-          Espaces & programme<UiOiseauPose nom="marionnettiste" pose="perche" bout left="14px" :w="112" retourne />
+          Espaces & programme
         </h2>
         <p class="evt-section-sub">Chorégraphie séquencée de plénières, ateliers et espaces permanents</p>
         <div class="espaces-grid">
@@ -97,7 +105,10 @@
       <div v-if="evtContent?.config">
         <h2 class="evt-section-title relative">
           Format & lieu
-          <UiOiseauPose nom="regisseur" pose="perche" right="24%" bottom="0px" :w="92" retourne />
+          <!-- S at 72 px, feet on the cards' top edge (the title's 0.25rem margin under it): the
+               espaces cards above leave 106 px at 768 px, and a perched bird keeps a void of its own
+               height above it (rule f) -->
+          <UiOiseauPose nom="regisseur" pose="perche" right="24%" bottom="-0.25rem" :w="72" retourne />
         </h2>
         <div class="config-grid">
           <div v-for="(cfg, i) in evtContent.config" :key="i" class="config-card">
diff --git a/app/pages/numerique/[slug].vue b/app/pages/numerique/[slug].vue
index 1d56e8b..249f4ec 100644
--- a/app/pages/numerique/[slug].vue
+++ b/app/pages/numerique/[slug].vue
@@ -448,10 +448,13 @@ const OISEAUX_PAGE: Record<string, OiseauxPage> = {
   },
   'authentification-wot': {
     projet: [
-      { nom: 'porteur-de-serveur', pose: 'derriere', left: '-130px', bottom: '-30px', w: 210 },
-      // the Ğ1 pump (Duniter) perched on the project card: 74 px of void above it at every width,
-      // and the left margin keeps no column of three (rule d)
-      { nom: 'pompeur-de-g1', pose: 'perche', right: '14px', w: 96 },
+      // behind the card, out of its bottom-left corner: no painted pixel in the cut of the rounded
+      // corner, inside the card's rectangle (rule g, orch 03/11 after 17h58)
+      { nom: 'porteur-de-serveur', pose: 'derriere', left: '-142px', bottom: '-24px', w: 210 },
+      // the Ğ1 pump (Duniter) in the right margin, feet on the card's top edge: perched on the
+      // card it stood 11 px under the third line of the introduction (rule f). The summary starts
+      // under the card, and the left margin keeps no column of three (rule d)
+      { nom: 'pompeur-de-g1', pose: 'marge-d', ecart: '24px', bottom: '100%', w: 96 },
     ],
     sections: {
       // the steps have no background: in the margin, on their last line, small and close to the
@@ -462,9 +465,10 @@ const OISEAUX_PAGE: Record<string, OiseauxPage> = {
     },
   },
   'cloud-libre': {
-    projet: [{ nom: 'porteur-de-serveur', pose: 'derriere', left: '-130px', bottom: '-30px', w: 210 }],
+    // both out of the cut of their card's rounded corner (rule g, as on the web of trust)
+    projet: [{ nom: 'porteur-de-serveur', pose: 'derriere', left: '-142px', bottom: '-24px', w: 210 }],
     sections: {
-      1: [{ nom: 'admin-reseau', pose: 'derriere', left: '-110px', bottom: '-20px', w: 220 }],
+      1: [{ nom: 'admin-reseau', pose: 'derriere', left: '-110px', bottom: '-32px', w: 220 }],
       5: [{ nom: 'imprimeuse-3d', pose: 'marge-g', ecart: '48px', w: 84 }],
     },
   },
diff --git a/app/pages/numerique/index.vue b/app/pages/numerique/index.vue
index f97675b..037f4d0 100644
--- a/app/pages/numerique/index.vue
+++ b/app/pages/numerique/index.vue
@@ -3,8 +3,10 @@
     <div class="container-content">
       <header class="mb-12 text-center">
         <p class="relative mb-2 font-mono text-sm tracking-widest text-primary uppercase">
-          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline -->
-          {{ content?.kicker }}<UiOiseauPose nom="droneuse" pose="perche" bout :w="72" mobile-seul />
+          <!-- Phone: the title fills the width; the bird stands at the end of this line, on its baseline.
+               A flat bird (37-44 px tall at 72 px wide): 93 px separate this baseline from the sticky
+               header, and a perched bird keeps a void of its own height above it (rule f) -->
+          {{ content?.kicker }}<UiOiseauPose nom="codeuse" pose="perche" bout :w="72" mobile-seul />
         </p>
         <h1 class="page-title relative font-display font-bold tracking-tight" style="color: hsl(var(--color-text))">
           <!-- At the end of the title, on its baseline (rule e, docs/da-oiseaux.md) -->
diff --git a/docs/da-oiseaux.md b/docs/da-oiseaux.md
index 47cd4e5..e7d977e 100644
--- a/docs/da-oiseaux.md
+++ b/docs/da-oiseaux.md
@@ -98,7 +98,10 @@ Comment on mesure :
   oiseau derrière une carte qui en cache les pieds, le bas de ce qui se voit de lui.
 - Une ligne de texte se mesure à sa ligne de base, d'après les métriques de sa police.
 - Côté : gauche ou droite du milieu de la fenêtre, selon le centre de l'oiseau.
-- Oiseau de marge : posé en marge, ou dont le centre est hors de son bloc.
+- Oiseau de marge : posé en marge, ou dont le centre est hors de son bloc. Un oiseau « libre »
+  dont le centre sort de son bloc est donc un oiseau de marge. Un oiseau derrière une carte reste
+  « derrière », même si son centre sort de la carte : son sol est le bas de ce qui se voit de lui
+  (décisions d'orch, 03/11 après 17h58).
 
 Les règles :
 - a. Tailles : S sous 100 px de large, M de 100 à 179 px, L à partir de 180 px. Dès que trois
@@ -109,7 +112,8 @@ Les règles :
   de l'autre. Où qu'ils soient, deux sols ne sont jamais à moins de 12 px.
 - d. Colonne : trois oiseaux de marge du même côté ne partagent aucune bande verticale de plus de
   12 px, mesurée sur leurs dessins.
-- e. Sol : un oiseau de marge ou perché a son sol à 12 px au plus d'une ligne visible.
+- e. Sol : un oiseau de marge ou perché a son sol à 12 px au plus d'une ligne visible. Cela vaut
+  pour un oiseau « libre » dont le centre sort de son bloc (orch, 03/11 après 17h58).
   - Ligne visible : une bordure non nulle, un fond différent de celui du dessous (le bas d'une
     carte qui a un fond, le haut du bloc sur lequel il se tient, une image), ou une ligne de texte
     de son bloc.
@@ -117,10 +121,16 @@ Les règles :
     son début s'il se tient avant), et son sol à 12 px au plus de la ligne de base du titre.
   - Au-delà, il relève d'une autre règle : la marge ; perché sur le bloc d'en dessous, le sol à
     12 px au plus de son arête haute ; ou derrière une carte.
-- f. Perché : jamais sur la moitié haute d'un titre ou d'un paragraphe. Au-dessus de son sol, un
-  vide au moins égal à sa hauteur.
+- f. Perché : jamais sur la moitié haute d'un titre ou d'un paragraphe. Au-dessus de l'oiseau, un
+  vide au moins égal à sa hauteur. Il se mesure du haut de son dessin à la plus basse des lignes de
+  texte ou des blocs dont la boîte passe au-dessus de sa largeur peinte (précision de DA, 03/11
+  après 17h35 : l'oiseau ne tient pas seulement dans le vide, il en garde autant au-dessus de lui).
+  Les lignes du titre où il se tient comptent aussi, celles au-dessus de sa ligne. En haut de page,
+  l'en-tête collant compte parmi ces blocs.
 - g. Derrière : la part de l'oiseau qui est dans son bloc est couverte par un fond opaque (opacité
-  du fond ≥ 0,9).
+  du fond ≥ 0,9). « Dans son bloc » s'entend du rectangle du bloc : aucun pixel peint ne reste à
+  découvert dans ce rectangle, découpe d'un coin arrondi comprise (décision d'orch, 03/11 après
+  17h58).
 - h. Aucun pixel peint sur un texte ou un lien, trait de sol compris.
 - i. Sous 768 px, au plus un oiseau par page. Les 61 oiseaux visibles au moins une fois à 1440 px.
   Jamais deux fois le même sur une page. Aucun sous 72 px de large.
@@ -156,3 +166,33 @@ Ce que la liste a changé (03/11, après b6143c5) :
 - /numerique et /citoyenne : l'administrateur réseau et le cartographe sortent par le côté de leur
   carte, plus par un coin (la carte est un lien).
 
+Ce que la liste a changé (03/11, après bb8fad9 ; la règle f mesurée au-dessus du dessin) :
+- Accueil :
+  - le DJ se tient derrière le pupitre de la console, comme derrière ses platines : seule sa tête
+    dépasse. Perché sur le pupitre, sous l'en-tête, il n'avait pas sa hauteur de vide au-dessus ;
+  - l'accordéoniste passe en S (72 px), à partir de 1200 px, 8 px sous la ligne de base ;
+  - la factrice passe à 76 px ;
+  - la lectrice sort 20 px plus bas de derrière la carte du livre, loin de la fin de la première
+    ligne du chapeau (DA, 03/11).
+- Au téléphone, l'oiseau de l'intitulé est un oiseau plat, l'en-tête collant laissant 93 px :
+  codeuse (/numerique), maraîchère (/economique), potier (/citoyenne). Sur productions
+  collectives, le cycliste livreur remplace le menuisier sous 768 px.
+- Authentification : le pompeur de Ğ1 passe en marge droite, les pieds sur l'arête haute de la
+  carte du projet. Perché sur la carte, il n'avait que 11 px de vide au-dessus de sa tête (DA).
+- Tarifs de l'eau : le comédien, de même, en marge droite sur l'arête haute de la carte.
+- Commande : la lectrice quitte le sac, sous l'en-tête, pour la marge droite, sur l'arête haute de
+  la première carte.
+- /en-musique : le danseur passe en S (80 px).
+- /evenement :
+  - l'acrobate se tient avant la devise, plus étroite que le leitmotiv ;
+  - le régisseur passe en S, les pieds sur l'arête des cartes ;
+  - le clown passe en M (108 px), pour deux tailles entre 768 et 1199 px ;
+  - le marionnettiste se perche sur le filet du pied de page, à partir de 1200 px : sous
+    « Espaces & programme », il n'y a pas la place, et chaque rangée de cartes ne porte qu'un
+    oiseau. C'est le seul oiseau de la page hors de son bloc (orch, option 1, 03/11). Son décalage
+    vient du bloc du sceau du layout (`--seal-block`), et le contrôle vérifie qu'il est sur le filet.
+- Chapitres : le calligraphe se tient sur le filet du titre, le typographe sur le filet de la
+  navigation, tous deux dans la marge gauche ; le cartonnier, en marge droite, au pied des boutons
+  PDF et chansons. Ils n'ont plus de hauteur en %.
+- Porteur de serveur (authentification, cloud libre) et administrateur réseau (cloud libre) :
+  décalés hors de la découpe du coin arrondi de leur carte.