From 4f36f5948153a8899f487803754c7195564b4138 Mon Sep 17 00:00:00 2001
From: Martial Maillot <martial.maillot@gmail.com>
Date: Wed, 8 Oct 2025 14:58:29 +0200
Subject: [PATCH 1/2] test: modification des tests depuis l'admin

---
 README.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/README.md b/README.md
index 7b29caf514b..b24bc7528a2 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
+Test la modification des thèmes
 # Code du travail numérique
 
 ![Quality Status](https://github.com/SocialGouv/code-du-travail-numerique/actions/workflows/quality.yml/badge.svg)

From 399d43de7109026e98d934ab4540cdfce0330c5e Mon Sep 17 00:00:00 2001
From: Martial Maillot <martial.maillot@gmail.com>
Date: Thu, 16 Oct 2025 11:10:55 +0200
Subject: [PATCH 2/2] =?UTF-8?q?fix(accessibilit=C3=A9):=20ajout=20du=20bil?=
 =?UTF-8?q?an=202024=20rendu=20accessible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  1 -
 .../src/modules/stats/Resume.tsx              | 27 +++++++++
 .../__snapshots__/Stats.test.tsx.snap         | 59 +++++++++++++++++++
 .../src/modules/stats/index.tsx               |  7 +++
 4 files changed, 93 insertions(+), 1 deletion(-)
 create mode 100644 packages/code-du-travail-frontend/src/modules/stats/Resume.tsx

diff --git a/README.md b/README.md
index b24bc7528a2..7b29caf514b 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,3 @@
-Test la modification des thèmes
 # Code du travail numérique
 
 ![Quality Status](https://github.com/SocialGouv/code-du-travail-numerique/actions/workflows/quality.yml/badge.svg)
diff --git a/packages/code-du-travail-frontend/src/modules/stats/Resume.tsx b/packages/code-du-travail-frontend/src/modules/stats/Resume.tsx
new file mode 100644
index 00000000000..9c826c9e10e
--- /dev/null
+++ b/packages/code-du-travail-frontend/src/modules/stats/Resume.tsx
@@ -0,0 +1,27 @@
+import { Tile } from "@codegouvfr/react-dsfr/Tile";
+import { toUrl } from "../utils/url";
+
+export const Resume = ({
+  year,
+  fileName,
+  fileSizeMb,
+}: {
+  year: number;
+  fileName: string;
+  fileSizeMb: number;
+}) => (
+  <Tile
+    downloadButton
+    enlargeLinkOrButton
+    imageSvg={false}
+    small
+    imageUrl={`/static/assets/img/modeles-de-courriers-download.svg`}
+    title={`Télécharger le bilan annuel de l’année ${year}`}
+    titleAs={`h3`}
+    detail={<p>Format PDF - {fileSizeMb}Mo</p>}
+    imageAlt={""}
+    linkProps={{
+      href: toUrl(fileName),
+    }}
+  />
+);
diff --git a/packages/code-du-travail-frontend/src/modules/stats/__tests__/__snapshots__/Stats.test.tsx.snap b/packages/code-du-travail-frontend/src/modules/stats/__tests__/__snapshots__/Stats.test.tsx.snap
index 87d4f4a2d22..a131cb8e7aa 100644
--- a/packages/code-du-travail-frontend/src/modules/stats/__tests__/__snapshots__/Stats.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/modules/stats/__tests__/__snapshots__/Stats.test.tsx.snap
@@ -134,6 +134,65 @@ exports[`<Stats /> should match snapshot 1`] = `
       >
         Statistiques d’utilisation depuis le 01/01/2020
       </p>
+      <h2
+        class="fr-mt-6w fr-h3"
+      >
+        Bilans annuels
+      </h2>
+      <div
+        class="fr-mt-6w fr-grid-row fr-grid-row--gutters"
+      >
+        <div
+          class="fr-col-12 fr-col-lg-3"
+        >
+          <div
+            class="fr-tile fr-enlarge-link fr-tile--vertical fr-tile--sm fr-tile--download"
+            id="fr-tile-:r4:"
+          >
+            <div
+              class="fr-tile__body"
+            >
+              <div
+                class="fr-tile__content"
+              >
+                <h3
+                  class="fr-tile__title"
+                >
+                  <a
+                    aria-disabled="false"
+                    class=""
+                    href="bucket.url/preview/default/cdtn_bilan_2024.pdf"
+                  >
+                    Télécharger le bilan annuel de l’année 2024
+                  </a>
+                </h3>
+                <div
+                  class="fr-tile__detail"
+                >
+                  <p>
+                    Format PDF - 
+                    1
+                    Mo
+                  </p>
+                </div>
+              </div>
+            </div>
+            <div
+              class="fr-tile__header"
+            >
+              <div
+                class="fr-tile__img"
+              >
+                <img
+                  alt=""
+                  class="fr-responsive-img"
+                  src="/static/assets/img/modeles-de-courriers-download.svg"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </div>
diff --git a/packages/code-du-travail-frontend/src/modules/stats/index.tsx b/packages/code-du-travail-frontend/src/modules/stats/index.tsx
index 1f208dd63ef..5f2f2d56cf7 100644
--- a/packages/code-du-travail-frontend/src/modules/stats/index.tsx
+++ b/packages/code-du-travail-frontend/src/modules/stats/index.tsx
@@ -1,5 +1,6 @@
 import { fr } from "@codegouvfr/react-dsfr";
 import { StatsDisplay } from "./StatsDisplay";
+import { Resume } from "./Resume";
 import { css } from "@styled-system/css";
 
 type StatsProps = {
@@ -35,6 +36,12 @@ export const Stats = (props: StatsProps) => (
       <p className={fr.cx("fr-mt-6w")}>
         Statistiques d’utilisation depuis le 01/01/2020
       </p>
+      <h2 className={fr.cx("fr-mt-6w", "fr-h3")}>Bilans annuels</h2>
+      <div className={fr.cx("fr-mt-6w", "fr-grid-row", "fr-grid-row--gutters")}>
+        <div className={fr.cx("fr-col-12", "fr-col-lg-3")}>
+          <Resume fileName={"cdtn_bilan_2024.pdf"} year={2024} fileSizeMb={1} />
+        </div>
+      </div>
     </div>
   </div>
 );