diff --git a/src/app.postcss b/src/app.postcss
index bf988a059996d48a0dc6218bbba0d313a15b66b4..d2b0617cad8d39f4e0adad21fb35d7c71bed9169 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -29,6 +29,15 @@
   .link-uppercase-le-bleu {
     @apply gap-2 text-le-bleu uppercase font-semibold tracking-widest hover:underline decoration-2 underline-offset-4 text-nowrap;
   }
+  .titreh1 {
+    @apply mb-3 mt-7 font-serif text-3xl font-bold text-black;
+  }
+  .titreh2 {
+    @apply mb-3 mt-5 inline-flex bg-le-vert-100 px-1 font-sans text-2xl font-bold text-black;
+  }
+  .titreh3 {
+    @apply mb-3 mt-5 flex font-sans text-xl font-bold text-black;
+  }
   .opacity-0-unclickable {
     @apply pointer-events-none opacity-0;
   }
diff --git a/src/lib/components/transverse_pages/OpenGraph.svelte b/src/lib/components/transverse_pages/OpenGraph.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..d4d7543c1ed85dcadec8bf121e29c4cb6f3a4b97
--- /dev/null
+++ b/src/lib/components/transverse_pages/OpenGraph.svelte
@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { page } from "$app/stores"
+
+  export let description =
+    "LexImpact est un service de l'Assemblée nationale depuis 2020. Il a pour objectif de faciliter l'accès au chiffrage des politiques publiques passées ou à imaginer."
+  export let image = "open-graph-image.png"
+  export let title: string | null = null
+  export let titleSuffix: string | null = "LexImpact - Assemblée nationale"
+  export let type = "website"
+  export let url: string | null = null
+
+  $: ({ data } = $page)
+  $: ({ baseUrl } = data)
+  $: fullTitle = [title, titleSuffix].filter(Boolean).join(" - ")
+</script>
+
+<svelte:head>
+  <meta property="og:description" content={description} />
+  <meta property="og:image" content={new URL(image, baseUrl).toString()} />
+  <meta property="og:title" content={fullTitle} />
+  <meta property="og:type" content={type} />
+  <meta
+    property="og:url"
+    content={url === null ? baseUrl : new URL(url, baseUrl).toString()}
+  />
+</svelte:head>
diff --git a/src/routes/fonctionnement/+page.svelte b/src/routes/fonctionnement/+page.svelte
new file mode 100644
index 0000000000000000000000000000000000000000..4246bc178c6238135b3af0ebda82163d32b150df
--- /dev/null
+++ b/src/routes/fonctionnement/+page.svelte
@@ -0,0 +1,751 @@
+<script lang="ts">
+  import AnchorTitle from "$lib/components/transverse_pages/AnchorTitle.svelte"
+  import PictoEntreprise from "$lib/components/pictos/PictoEntreprise.svelte"
+  import PictoEtat from "$lib/components/pictos/PictoEtat.svelte"
+  import PictoFemme from "$lib/components/pictos/PictoFemme.svelte"
+  import OpenGraph from "$lib/components/transverse_pages/OpenGraph.svelte"
+  import { withLinkedVariableNames } from "$lib/decompositions"
+
+  import type { PageData } from "./$types"
+
+  export let data: PageData
+</script>
+
+<svelte:head>
+  <title>
+    Fonctionnement du simulateurs | {data.appTitle}
+  </title>
+</svelte:head>
+<OpenGraph
+  description="Comprendre ce que le simulateur permet d'estimer, l'ingénierie du moteur de calcul et la fiabilité des résultats."
+  image="open-graph-fonctionnement-simulateurs.png"
+  title="Comment fonctionnent les simulateurs LexImpact de l'Assemblée nationale ?"
+  titleSuffix={null}
+  url="comment-fonctionnent-les-simulateurs"
+/>
+
+<main
+  class="pt-24 md:pt-12 2xl:pt-14 flex flex-col items-center justify-center font-serif bg-neutral-100 text-base"
+>
+  <section class="w-full bg-white max-w-screen-lg pt-10 px-20">
+    <h1
+      class="text-2xl lg:text-3xl font-sans font-bold text-black text-center tracking-wider"
+    >
+      Fonctionnement<br /><span class="font-light"
+        >du simulateur socio-fiscal</span
+      >
+    </h1>
+    <div class="font-sans mt-20 bg-le-vert-50 flex flex-col p-5 tracking-wider">
+      <p class="font-bold my-2 uppercase">Sommaire&nbsp;:</p>
+      <ul class="list-decimal list-inside">
+        <li>
+          <a href="#a-quoi-sert-le-simulateur" class="link-text"
+            >À quoi sert le simulateur ?</a
+          >
+        </li>
+        <li>
+          <a href="#mecanique-du-simulateur" class="link-text"
+            >Mécanique du simulateur</a
+          >
+          <ul class="list-disc mx-10 text-sm">
+            <li>
+              <a href="#ecosysteme" class="link-text">Écosystème des acteurs</a>
+            </li>
+            <li>
+              <a href="#traitement-des-donnees" class="link-text"
+                >Traitement des données</a
+              >
+            </li>
+            <li>
+              <a href="#moteur-de-calcul" class="link-text">Moteur de calcul</a>
+            </li>
+          </ul>
+        </li>
+        <li>
+          <a href="#a-quoi-sert-le-simulateur" class="link-text"
+            >Fiabilité des résultats</a
+          >
+          <ul class="list-disc mx-10 text-sm">
+            <li>
+              <a href="#methodologie-verification" class="link-text"
+                >Méthodologie de vérification</a
+              >
+            </li>
+            <li>
+              <a href="#marge-erreur" class="link-text"
+                >Une marge d'erreur incompressible</a
+              >
+            </li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </section>
+  <section class="bg-white max-w-screen-lg py-10 px-20">
+    <AnchorTitle id="a-quoi-sert-le-simulateur" class="titreh2 mb-10" tag="h2">
+      À quoi sert le simulateur ?
+    </AnchorTitle>
+    <p class="pb-3 text-justify leading-normal">
+      Le <a
+        class="link-text"
+        href="https://socio-fiscal.leximpact.an.fr/"
+        rel="external">simulateur socio-fiscal</a
+      >
+      permet d'estimer les impacts d'une
+      <span class="font-bold"
+        >réforme paramétrique sur les impôts, les cotisations et les prestations
+        sociales</span
+      > à destination des ménages.
+    </p>
+    <p>Cet outil permet aux utilisateurs :</p>
+    <ul class="list-outside list-disc mx-10">
+      <li>
+        d'estimer, en moins d'une minute, l'impact financier sur des ménages
+        types configurables ;
+      </li>
+      <li>
+        d'obtenir l'impact sur les recettes de l'État et de la Sécurité sociale
+        et plus généralement sur la population française, d'une évolution de
+        l'impôt sur le revenu, de la CSG prélevée sur les salaires et retraites
+        et des allocations familiales.
+      </li>
+    </ul>
+
+    <AnchorTitle id="impacts-cas-types" class="titreh3 my-10" tag="h3">
+      Des impacts sur cas-types&nbsp;<PictoFemme />&nbsp;
+      <PictoEntreprise />&nbsp;
+    </AnchorTitle>
+
+    <p class="pb-5 text-justify leading-normal">
+      Un cas-type est un cas simplifié d'une situation individuelle, par exemple
+      : <span class="italic"
+        >"un foyer composé de deux adultes et d'un enfant, ayant 1 Smic par
+        mois".</span
+      ><br /><br />
+      Le simulateur permet de visualiser l'impact du système socio-fiscal français,
+      c'est-à-dire les cotisations, les impôts et les aides qui concernent ces ménages
+      types.<a
+        class="link-text text-neutral-600 font-sans mt-2 mx-1"
+        href="/welcome#dispositif-couverts"
+      >
+        Voir les {withLinkedVariableNames.length} dispositifs disponibles<iconify-icon
+          class=" align-[-0.3rem] text-xl"
+          icon="ri-arrow-right-line"
+        /></a
+      >
+    </p>
+
+    <div class="bg-gray-100 p-4">
+      <h4 class="pb-2 font-bold">
+        Des situations simplifiées à mettre en perspective
+      </h4>
+      <p class=" pb-3 text-justify leading-normal">
+        Les estimations sur cas-types sont plus précises que les estimations
+        d'impacts globaux sur la population française, qui eux, dépendent des
+        données disponibles. En revanche, du fait de leur caractère simplifié,
+        elles sont à mettre en perspective avec la réalité du terrain :
+      </p>
+      <ul class="list-outside mx-10 list-disc">
+        <li class="pb-2 text-justify leading-normal">
+          Premièrement, en regard de leur proportion dans la population réelle
+          difficile à évaluer : Par exemple,
+          <span class="italic"
+            >l'utilisateur crée deux cas types très simplifiés, l'un
+            représentant un salarié du privé gagnant le SMIC, l'autre
+            représentant un salarié du privé gagnant 6000 euros par mois. Les
+            deux cas types sont affichés à l'écran, pourtant l'un regroupe une
+            situation simplifiée représentative de beaucoup de salariés, l'autre
+            concerne une situation bien moins étendue.</span
+          >
+          Plus l'utilisateur configure son cas type en détail, moins il est évident
+          de savoir combien de personnes réelles peuvent être associées à ce cas
+          type.
+          <br />
+          <p
+            class="font-sans border-l-4 pl-4 my-3 text-neutral-600 text-sm border-le-vert-300"
+          >
+            Depuis 2024, LexImpact propose une bibliothèque de cas types
+            préconfigurés classés par dixième de niveau de vie, permettant de
+            mieux appréhender la réalité de la population française. <a
+              class="link-text text-neutral-600 font-sans mt-2 mx-1"
+              href="/TODO"
+            >
+              Voir les cas types<iconify-icon
+                class=" align-[-0.3rem] text-xl"
+                icon="ri-arrow-right-line"
+              /></a
+            >
+          </p>
+        </li>
+        <li class="pb-2 text-justify leading-normal">
+          Deuxièmement, il n'est pas possible d'apparenter une estimation d'un
+          cas-type à une situation individuelle précise. Pour cela, il faudrait
+          renseigner l'ensemble des paramètres ayant une influence sur le
+          dispositif à évaluer concernant une personne réelle, à l'instar des
+          déclarations de revenus, et les simulateurs LexImpact n'ont pas cette
+          vocation.
+        </li>
+      </ul>
+    </div>
+    <AnchorTitle id="impacts-globaux" class="titreh3 my-10" tag="h3">
+      Des impacts globaux&nbsp;<PictoEtat />&nbsp;
+    </AnchorTitle>
+
+    <p class="pb-3 text-justify leading-normal">
+      En plus des impacts sur cas-types, le simulateur socio-fiscal LexImpact
+      permet d'estimer les effets globaux d'une modification de la loi. Pour
+      cela, le simulateur s'appuie sur <span class="font-bold"
+        >des données représentatives ou exhaustives de la population française :</span
+      >
+    </p>
+
+    <ul class="list-outside mx-10 list-disc mb-5">
+      <li class="pb-2 leading-normal">
+        Enquête Revenus Fiscaux et Sociaux (<a
+          href="https://www.insee.fr/fr/metadonnees/source/serie/s1231/documentation-methodologique"
+          class="link-text">ERFS-FPR</a
+        >) de l'Insee <span class="italic">(millésime 2019)</span><span
+          class="font-extralight">- Données protégées 🔐</span
+        > ;
+      </li>
+      <li class="pb-2 leading-normal">
+        Déclarations d'impôt sur le revenu des foyers fiscaux (<a
+          href="https://www.casd.eu/source/declarations-dimpot-sur-le-revenu-des-foyers-fiscaux-formulaire-2042-et-annexes/"
+          class="link-text">POTE</a
+        >) du Ministère des Finances (DGFIP)
+        <span class="italic">(millésime 2021)</span>
+        <span class="font-extralight">- Données protégées 🔐.</span>
+      </li>
+    </ul>
+    <a
+      class="link-text text-neutral-600 font-sans"
+      href="#traitement-des-donnees"
+    >
+      En savoir plus sur le traitement des données<iconify-icon
+        class=" align-[-0.3rem] text-xl"
+        icon="ri-arrow-down-line"
+      /></a
+    >
+  </section>
+  <section class="bg-white max-w-screen-lg py-10 px-20 w-full">
+    <AnchorTitle id="mecanique-du-simulateur" class="titreh2 mb-10" tag="h2">
+      2. Mécanique du simulateur
+    </AnchorTitle>
+    <p class="pb-5 text-justify leading-normal">
+      Pour que le simulateur puisse proposer es estimation sur cas types et
+      budgétaires, différentes briques techniques sont nécessaires :
+    </p>
+    <ul class="list-decimal list-outside mx-10">
+      <li>
+        <a href="#traitement-des-donnees" class="link-text"
+          >Les données représentatives de la population française et leur
+          traitement</a
+        >
+      </li>
+      <li>
+        <a href="#moteur-de-calcul" class="link-text">Le moteur de calcul</a>
+      </li>
+      <li>L'interface utilisateur</li>
+    </ul>
+  </section>
+  <section class="max-w-screen-xl my-10">
+    <img
+      class="object-center"
+      src="/schema-explicatif-fonctionnement-simulateurs.png"
+      alt="montre où cliquer pour amender un dispositif"
+    />
+    <p
+      class="px-10 py-2 text-justify text-xs italic leading-normal text-gray-500"
+    >
+      * Le calcul d'impact sur des cas spécifiques est possible uniquement pour
+      des entités dont les données sont entièrements publiques. Actuellement,
+      seul le simulateur “Dotations aux communes” est concerné par les cas
+      spécifiques des communes de France. Cela n'est pas possible pour les
+      entreprises et les foyers fiscaux, dont les données sont protégées.
+    </p>
+  </section>
+
+  <section class="bg-white max-w-screen-lg py-10 px-20">
+    <AnchorTitle id="ecosysteme" class="titreh3 mb-10" tag="h3">
+      Un fonctionnement possible grâce à plusieurs acteurs
+    </AnchorTitle>
+    <p class="pb-5 text-justify leading-normal">
+      LexImpact bénéficie d'un écosystème composé de plusieurs acteurs :
+    </p>
+    <ul class="list-inside list-disc pl-4">
+      <li class="pb-2 text-justify leading-normal">
+        En amont, <span class="font-bold">les fournisseurs de données</span>.
+        Qu'il s'agisse de données publiques, ou de données protégées, cet
+        écosystème est indispensable pour permettre d'estimer les impacts d'une
+        réforme sur la population française et sur le budget de l'État ou de la
+        Sécurité sociale.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        Autant pour le traitement des données que pour le moteur de calcul,
+        LexImpact échange régulièrement avec des <span class="font-bold"
+          >experts techniques et métiers</span
+        >
+        dont le domaine de compétences est reconnu. L'ensemble de ces contributions
+        est visible dans
+        <a
+          href="https://git.leximpact.dev/leximpact"
+          class="link-text"
+          target="_blank"
+          >notre code source<iconify-icon
+            class="ml-0.5 align-[-0.1rem] text-sm"
+            icon="ri-external-link-line"
+          /></a
+        >. Les
+        <span class="font-bold"> administrateurs de l'Assemblée nationale</span>
+        contribuent par leur expertise des questions juridiques, financières et économiques.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        Enfin, le simulateur, comme l'ensemble des outils LexImpact, repose sur
+        l'analyse des <span class="font-bold">besoins utilisateurs</span> et sur
+        la prise en compte de leurs retours, dans une logique d'amélioration
+        continue. Les statistiques d'usage des produits sont disponibles
+        <a
+          class="link-text"
+          href="https://leximpact.an.fr/statistiques"
+          rel="external"
+          target="_blank"
+          >ici<iconify-icon
+            class="ml-0.5 align-[-0.1rem] text-sm"
+            icon="ri-external-link-line"
+          /></a
+        >.
+      </li>
+    </ul>
+  </section>
+  <section class="bg-white max-w-screen-lg pb-10 px-20">
+    <AnchorTitle id="traitement-des-donnees" class="titreh3 mb-10" tag="h3">
+      Le traitement des données
+    </AnchorTitle>
+
+    <p class="pb-5 text-justify leading-normal">
+      La base des données exhaustives sur la population, utilisées par l'équipe
+      LexImpact pour calibrer les calculs budgétaires et protégées par le secret
+      statistique, ne peut pas être extraite du <a
+        href="https://www.casd.eu/"
+        class="link-text"
+        target="_blank">Centre d'accès sécurisé aux données (CASD)</a
+      >. Or, afin de permettre aux utilisateurs de faire eux-mêmes des
+      simulations, il faut que ces données soient accessibles depuis le
+      simulateur en ligne pour effectuer les calculs&nbsp;: il faut donc des
+      données accessibles. De plus, pour offrir une réponse quasi-immédiate, il
+      est nécessaire de limiter les données manipulées pour réduire le temps de
+      calcul. Les données dont l'impact sur le résultat final est négligeable
+      sont par exemple supprimées.
+    </p>
+    <p class="pb-5 text-justify leading-normal">
+      C'est pourquoi LexImpact utilise un modèle simplifié, c'est-à-dire un
+      échantillonnage des données qui représente le plus fidèlement toute la
+      population, et ce, pour tous les dispositifs socio-fiscaux qu'il est
+      possible de modifier. Il s'agit de la base de données ERFS-FPR,
+      échantillonnée spécifiquement par l'Insee afin de permettre par la suite
+      de recalculer précisément des informations sur l'ensemble de la
+      population. Cependant elle ne contient pas toutes les données dont le
+      simulateur a besoin. <br /><br />C'est pourquoi, afin d'obtenir notre
+      modèle final, plusieurs étapes sont nécessaires :
+    </p>
+    <ul class="list-inside list-disc pl-4">
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Sélection&nbsp;:</span> Les données minimales
+        nécessaires pour faire les différents calculs sont identifiées dans la
+        base exhaustive
+        <a
+          href="https://www.casd.eu/source/declarations-dimpot-sur-le-revenu-des-foyers-fiscaux-formulaire-2042-et-annexes/"
+          class="link-text"
+          target="_blank"
+          >POTE du du Ministère des Finances (DGFIP)<iconify-icon
+            class="ml-0.5 align-[-0.1rem] text-sm"
+            icon="ri-external-link-line"
+          /></a
+        >.
+        <p
+          class="font-sans border-l-4 pl-4 my-3 text-neutral-600 text-sm border-le-vert-300 mx-10"
+        >
+          Par exemple, pour la CSG sur les revenus du capital, le simulateur a
+          besoin, pour chaque foyer fiscal, des valeurs entrant dans le calcul
+          de l'assiette de la CSG du capital, comme les revenus fonciers.
+          Cependant une simplification doit être faite pour limiter le temps de
+          calcul, en omettant par exemple les produits sur gains financiers
+          taxables à 50%, qui représentent moins de 0.0002% de l'assiette de la
+          CSG sur les revenus du capital.
+        </p>
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Extraction&nbsp;:</span> Les données sélectionnées
+        sont ensuite extraites du CASD en les agrégeant (par exemple en centiles)
+        afin de respecter le secret statistique. La finesse de la distribution est
+        ensuite un compromis entre la précision sur la population et le temps de
+        calcul.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Intégration&nbsp;:</span> Ces données sont
+        ensuite réparties dans la base de données
+        <a
+          href="https://www.insee.fr/fr/metadonnees/source/serie/s1231/documentation-methodologique"
+          class="link-text"
+          target="_blank"
+          >ERFS-FPR de l'Insee<iconify-icon
+            class="ml-0.5 align-[-0.1rem] text-sm"
+            icon="ri-external-link-line"
+          /></a
+        > pour l'améliorer.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Mise à jour&nbsp;:</span> La base ERFS-FPR étant
+        plus ancienne que la base POTE, elle est mise à jour, avec notamment l'augmentation
+        du nombre de foyers fiscaux et l'inflation de certaines variables.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Anonymisation&nbsp;:</span> Afin de garantir un niveau
+        supplémentaire de sécurité, un léger bruitage gaussien est appliqué sur toute
+        la base.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Calibration&nbsp;:</span> Enfin, au vu de l'ensemble
+        des hypothèses de calcul faites lors de la génération de la base, sa pertinence
+        est vérifiée en effectuant plusieurs calculs et en comparant les résultats
+        du simulateur aux chiffres officiels. La base est ainsi re-calibrée jusqu'à
+        l'obtention de résultats pertinents pour tous les types de calculs.
+      </li>
+    </ul>
+    <p class="font-sans my-10 font-bold text-center">
+      L'ensemble de ces étapes est détaillé dans notre documentation
+      technique&nbsp;:<br /><br />
+      <a
+        class="link-uppercase-le-bleu font-sans"
+        href="https://documentation.leximpact.dev/leximpact_prepare_data/index"
+      >
+        Documentation technique
+        <iconify-icon
+          class="mr-1 align-[-0.1rem] text-lg"
+          icon="ri-external-link-line"
+        />
+      </a>
+    </p>
+  </section>
+  <section class="bg-white max-w-screen-lg pb-10 px-20">
+    <AnchorTitle id="moteur-de-calcul" class="titreh3 mb-10" tag="h3">
+      Le moteur de calcul
+    </AnchorTitle>
+    <p class="pb-5 text-justify leading-normal">
+      LexImpact utilise le calculateur <a
+        class="link-text"
+        href="https://openfisca.org/fr/"
+        rel="external"
+        target="_blank"
+        >OpenFisca<iconify-icon
+          class="mr-0.5 align-[-0.1rem] text-base"
+          icon="ri-external-link-line"
+        /></a
+      >. Cet outil est un calculateur qui applique la loi : si on lui renseigne
+      une situation donnée, il peut calculer l'impôt d'une personne, ou les
+      taxes d'une entreprise.
+    </p>
+    <p class="pb-5 text-justify leading-normal">
+      Logiciel open-source et collaboratif, OpenFisca été créé en 2011 au sein
+      de France Stratégie en partenariat avec l'Institut d'économie publique
+      (IDEP) afin de permettre une plus grande transparence de la législation
+      fiscale et sociale et une meilleure appréhension de celle-ci par les
+      citoyens. Aujourd'hui, il est utilisé par différents organismes, tels que
+      l'ANCT (Agence nationale de la cohésion des territoires), la Direction de
+      la sécurité sociale, l'IPP (Institut des politiques publiques), Beta.gouv
+      (service rattaché à la Direction interministerielle du Numérique), et est
+      développé, mis à jour et vérifié par des contributeurs du monde entier.
+    </p>
+  </section>
+
+  <section class="bg-white max-w-screen-lg pb-10 px-20">
+    <AnchorTitle id="fiabilite-des-resultats" class="titreh2 mb-10" tag="h2">
+      3. Fiabilité des résultats
+    </AnchorTitle>
+    <AnchorTitle id="methodologie-verification" class="titreh3 mb-10" tag="h3">
+      Méthodologie de vérification des résultats
+    </AnchorTitle>
+
+    <p class="pb-5 text-justify leading-normal">
+      Plusieurs mécanismes sont en place pour s'assurer de la qualité des
+      résultats :
+    </p>
+    <ul class="list-inside list-disc pl-4">
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold"
+          >Mise au point des algorithmes sur des petits jeux de données&nbsp;:</span
+        >
+        Pour mettre au point les algorithmes nous générons manuellement des jeux
+        de données de test
+        <i>idéaux</i> pour confirmer que l'algorithme produit bien le résultat attendu
+        par la théorie.
+      </li>
+
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold"
+          >Tests avec des données que l'on connait déjà :
+        </span>
+        Ensuite nous demandons à l'algorithme de produire des données que nous connaissons
+        déjà. Nous pouvons ainsi mesurer l'écart entre les résultats obtenus et la
+        réalité.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold"
+          >Contrôles des résultats vis à vis d'agregats :
+        </span>
+        Pour les données dont nous n'avons pas de détails disponibles nous avons
+        parfois accès à la somme total. Par exemple, en août 2021, la dernière enquête
+        ERFS-FPR de l'INSEE disponible concerne 2018, mais l'INSEE publie le montant
+        global des
+        <a
+          class="font-bold link-text"
+          href="https://www.insee.fr/fr/statistiques/2381416#tableau-figure1"
+        >
+          recettes de l'impôt en 2020</a
+        >. Nous pouvons utiliser ce chiffre pour vérifier si la somme de nos
+        simulations pour 2020 s'en rapproche. Et même l'utiliser pour corriger
+        nos données.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold"
+          >Contrôle des résultats de simulations unitaires :
+        </span>
+        Pour vérifier que les simulations sont correctes nous réalisons également
+        des tests manuels sur des cas particuliers. On peut ainsi confronter nos
+        résultats à d'autres simulateurs. Ou encore à des simulations réalisées avec
+        le même simulateur sur les jeux de données complets auxquels nous avons accès
+        mais que nous ne pouvons pas utiliser dans le simulateur en ligne.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">Tests automatiques : </span>
+        Nous utilisons un systéme dit <i>d'intégration continue</i>. C'est à
+        dire qu'après chaque modifications de l'application des tests
+        automatisées sont automatiquement exécutés sur l'ensemble de
+        l'application. Cela permet de s'assurer que nous n'introduisons pas de
+        bugs lors des évolutions. Cela limite les tests manuels à réaliser et
+        nous permet de livrer plus rapidement des nouveautés.
+      </li>
+    </ul>
+
+    <AnchorTitle id="marge-erreur" class="titreh3 mb-10" tag="h3">
+      Une marge d'erreur incompressible
+    </AnchorTitle>
+    <p class="pb-5 text-justify leading-normal">
+      Les résultats des simulateurs LexImpact ont, comme c'est le cas de tout
+      simulateur, une certaine imprécision. Ils fournissent des estimations. Le
+      calcul d'une marge d'erreur est impossible car l'imprécision provient de
+      l'intrication de
+      <span class="font-bold"
+        >différents écarts ayant plusieurs origines&nbsp;:</span
+      >
+    </p>
+    <ul class="list-inside list-disc pl-4">
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">La mise à jour du moteur de calcul&nbsp;:</span>
+        Les simulateurs LexImpact s'appuient sur un calculateur. Celui-ci est codé
+        en langage
+        <a
+          class="font-bold link-text"
+          href="https://fr.wikipedia.org/wiki/Python_(langage)">Python</a
+        >, et ses formules reflètent la loi existante. La législation, en
+        matière fiscale et de sécurité sociale, évoluant au moins tous les ans,
+        il est nécessaire de mettre à jour ce moteur de calcul, en recodant des
+        formules et des paramètres. Cette mise à jour ne débute qu'après
+        publication de la loi au Journal officiel, et nécessite un temps plus ou
+        moins long. LexImpact s'appuie sur le moteur de calcul OpenFisca et,
+        malgré les nombreuses contributions, la mise à jour est progressive
+        étant donné le large périmètre du modèle. Le service LexImpact commence
+        par les dispositifs qui pèsent le plus lourd dans les calculs, jusqu'à
+        obtenir des résultats cohérents, mais un petit écart non significatif
+        peut subsister.
+      </li>
+
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold">La simplification d'une situation&nbsp;:</span>
+        Que ce soit pour le calcul des cas-types ou pour le calcul d'impacts sur
+        la population française, les paramètres définissant l'entité pour laquelle
+        l'impact est calculé sont toujours simplifiés. Dans le cas d'impacts globaux,
+        les données sont parfois simplement inexistantes ; pour les cas types, l'entrée
+        de l'ensemble des paramètres serait extrêmement fastidieuse pour l'utilisateur
+        et représenterait un coût de de développement logiciel très élevé. Par conséquent,
+        pour limiter les développements, le temps de calcul et faciliter le parcours
+        utilisateur, LexImpact prend des valeurs moyennes ou par défaut (souvent
+        zéro) pour toutes les données qui ont un faible poids dans le résultat final.
+        Par exemple,
+        <span class="italic"
+          >dans le cas du calcul de la CSG d'un ménage au SMIC avec deux
+          enfants, les paramètres tels que les heures supplémentaires, les
+          intérêts perçus sur un PEL de moins de 12 ans, ou encore les titres
+          non côtés détenus dans le PEA, sont mis à 0.</span
+        >
+        L'utilisation de valeurs par défaut ou moyennes génère donc un écart par
+        rapport aux situations réelles individuelles.
+      </li>
+      <li class="pb-2 text-justify leading-normal">
+        <span class="font-bold"
+          >Les données représentatives de la population française&nbsp;:</span
+        > Souvent décalées dans le temps car mises à disposition avec un délai de
+        1 à 2 ans, les bases de données présentent parfois des erreurs d'entrée,
+        des doublons, des manques, ou tout simplement des biais dans le cas où la
+        base de données est construite à partir d'un échantillon de la population.
+        On parle alors d'erreur de "sample". Comment expliqué dans la partie précédente
+        (traitement des données), le service LexImpact traite ces informations pour
+        réduire les écarts, mais ce traitement ne permet pas d'obtenir un résultat
+        100% conforme à la réalité.
+      </li>
+    </ul>
+    <p class="pb-2 pt-5 text-justify leading-normal">
+      Pour réduire les marges d'erreur, l'équipe LexImpact travaille en continu
+      à l'amélioration du modèle, échange régulièrement avec des experts. Compte
+      tenu de ce travail de validation, les résulats présentés sont cohérents et
+      permettent de mettre en évidence les effets de différents dispositifs sur
+      des ménages et sur l'État, avec une marge d'erreur raisonnable, mais qu'il
+      faut garder à l'esprit.
+    </p>
+
+    <p class="pb-3 text-justify leading-normal">
+      Aidez à améliorer LexImpact, n'hésitez pas à <a
+        class="link-text"
+        href="https://socio-fiscal.leximpact.an.fr/contribuer"
+        rel="external">contribuer</a
+      > !
+    </p>
+  </section>
+  <footer
+    class="border-t-4 grid gap-10 border-le-vert-500 px-8 py-6 md:grid-cols-3 md:px-16 md:py-2 bg-neutral-50"
+  >
+    <div
+      class="my-0 md:my-10 border-b-2 pb-10 md:border-b-0 md:border-r-2 md:pr-5 md:col-span-1 col-span-3 text-neutral-700"
+    >
+      <h2 class="text-2xl font-light mb-5">À propos de LexImpact</h2>
+      <p class="font-serif leading-relaxed tracking-wider">
+        LexImpact est une cellule de l'Assemblée nationale rattachée à la
+        direction du Contrôle et de l'évaluation. Elle propose différents outils
+        d'évaluation des politiques publiques passées ou imaginées. <a
+          class="font-sans link-text"
+          href="https://leximpact.an.fr/"
+          target="_blank"
+          >Accueil&nbsp;Leximpact <iconify-icon
+            class="mr-1 align-[-0.2rem] text-lg"
+            icon="ri-external-link-line"
+          /></a
+        >
+      </p>
+      <div class="flex gap-5 items-end mt-5">
+        <img
+          class=""
+          width="100"
+          src="/logo-assemblee-nationale.png"
+          alt="Logo de l'Assemblée nationale"
+        />
+      </div>
+    </div>
+    <div class="flex-col col-span-3 md:col-span-2 my-0 md:my-10">
+      <div
+        class="flex md:flex-row flex-col justify-between items-center gap-y-4 mb-10 md:mb-0"
+      >
+        <h2 class="block text-2xl font-bold mb-5">
+          À propos du simulateur socio-fiscal
+        </h2>
+      </div>
+      <p
+        class="pb-3 text-lg leading-relaxed max-w-prose tracking-wider font-serif"
+      >
+        Le simulateur socio-fiscal LexImpact permet de mesurer les impacts du
+        droit en vigueur ou d’une réforme du système socio-fiscal.
+      </p>
+
+      <button
+        class="justify-self-end font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-jaune-dark hover:bg-le-vert-600 active:bg-le-vert-800 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase"
+        title="Vers le simulateur budgétaire de l'impôt sur le revenu"
+        on:click={() => goto("/")}
+      >
+        Commencer<iconify-icon
+          class="ml-2 align-[-0.4rem] text-2xl"
+          icon="ri-arrow-right-line"
+        />
+      </button>
+
+      <div class="md:flex-row flex-col flex md:items-end mt-6 gap-10">
+        <div class="flex flex-col md:w-1/2">
+          <!--           <a
+            class="block pb-3  hover:text-le-bleu"
+            href="TODO"
+          >
+            Tutoriels
+            <iconify-icon
+              class="mr-1 align-[-0.3rem] text-xl"
+              icon="ri-arrow-right-line"
+            />
+          </a> -->
+          <a class="block pb-3 link-uppercase" href="/fonctionnement">
+            Fonctionnement du simulateur
+            <iconify-icon
+              class="mr-1 align-[-0.3rem] text-xl"
+              icon="ri-arrow-right-line"
+            />
+          </a>
+          <p class="  leading-relaxed">
+            Actualités sur
+            <a
+              class="text-nowrap link-text font-sans"
+              href="https://chat.whatsapp.com/JLqiO8nuitlHRqry4FK2Cm"
+              target="_blank"
+            >
+              WhatsApp<iconify-icon
+                class="ml-1 align-[-0.3rem] text-xl"
+                icon="ri-whatsapp-line"
+              />
+            </a>
+            et
+            <a
+              class="text-nowrap link-text font-sans"
+              href="https://t.me/joinchat/UI8LKl2iDlZhNDU8"
+              target="_blank"
+            >
+              Telegram<iconify-icon
+                class="ml-1 align-[-0.3rem] text-xl"
+                icon="ri-telegram-fill"
+              /></a
+            >.
+          </p>
+        </div>
+        <div class="flex flex-col md:w-1/2 md:text-right gap-y-3">
+          <a
+            class="link-text"
+            href="https://leximpact.an.fr/cgu"
+            target="_blank"
+          >
+            Conditions d'utilisation
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+          <a
+            class="link-text"
+            href="https://leximpact.an.fr/statistiques"
+            target="_blank"
+          >
+            Statistiques d'usage
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+          <a
+            class="link-text"
+            href="https://leximpact.an.fr/mentions-legales"
+            target="_blank"
+          >
+            Mentions légales
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+        </div>
+      </div>
+    </div>
+  </footer>
+</main>
diff --git a/static/schema-explicatif-fonctionnement-simulateurs.png b/static/schema-explicatif-fonctionnement-simulateurs.png
new file mode 100644
index 0000000000000000000000000000000000000000..aa2942dde7e0251192c3cde99f0e63855c6e2617
Binary files /dev/null and b/static/schema-explicatif-fonctionnement-simulateurs.png differ