diff --git a/config/_default/config.yaml b/config/_default/config.yaml
index f3c02fbb..7582c586 100644
--- a/config/_default/config.yaml
+++ b/config/_default/config.yaml
@@ -6,4 +6,4 @@ copyright: "© Richard Dern"
 disableHugoGeneratorInject: true
 enableEmoji: true
 timeZone: Europe/Paris
-theme: default
+theme: ["default", 42]
diff --git a/themes/42/assets/css/a.css b/themes/42/assets/css/a.css
new file mode 100644
index 00000000..c378122d
--- /dev/null
+++ b/themes/42/assets/css/a.css
@@ -0,0 +1,15 @@
+.external {
+    color: var(--color-link-external);
+
+    &:hover {
+        color: var(--color-link-external-hover);
+    }
+}
+
+.affiliated {
+    color: var(--color-link-affiliated);
+
+    &:hover {
+        color: var(--color-link-affiliated-hover);
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/article-body.css b/themes/42/assets/css/article-body.css
new file mode 100644
index 00000000..a14f99ef
--- /dev/null
+++ b/themes/42/assets/css/article-body.css
@@ -0,0 +1,159 @@
+article.article-body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap);
+    padding: var(--padding) 0;
+    font-size: 1.5rem;
+
+    .stat {
+        max-width: var(--width-content-max);
+        margin: var(--margin) auto;
+        width: 100%;
+    }
+
+    h2,
+    h3,
+    h4,
+    h5,
+    h6,
+    >p,
+    >details,
+    >ul,
+    >ol,
+    >blockquote,
+    .footnotes ol {
+        min-width: var(--width-content-min);
+        max-width: var(--width-content-max);
+        width: 100%;
+    }
+
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: auto;
+        color: var(--color-site-title);
+        font-variant: small-caps;
+        text-shadow: var(--shadow-text);
+        text-wrap: balance;
+    }
+
+    >p,
+    >details p {
+        margin: auto;
+        line-height: 150%;
+        text-align: justify;
+    }
+
+    >details {
+        margin: auto;
+        background: var(--background-spoiler);
+        padding: var(--padding);
+        border-radius: var(--radius-base);
+
+        summary {
+            font-variant: small-caps;
+            color: var(--color-site-title);
+            text-shadow: var(--shadow-text);
+            display: block;
+            cursor: help;
+        }
+
+        summary~* {
+            padding-top: var(--padding);
+        }
+
+        p {
+            width: 100%;
+        }
+    }
+
+    >ul,
+    >ol,
+    >details ul,
+    >details ol {
+        margin: 0 auto;
+        padding-left: var(--list-padding);
+        line-height: 150%;
+        display: flex;
+        flex-direction: column;
+        gap: var(--gap-list);
+    }
+
+    strong {
+        color: var(--color-site-title);
+    }
+
+    blockquote {
+        color: var(--color-text-light);
+        font-style: italic;
+        text-align: justify;
+        margin: auto;
+
+        cite {
+            display: block;
+            font-style: normal;
+            text-align: right;
+        }
+    }
+
+    >blockquote {
+        padding: var(--padding);
+        border: var(--border-panel-outer);
+        border-top: var(--border-panel-top);
+        background: var(--background-chat-other);
+        border-radius: var(--radius-base);
+        box-shadow: var(--shadow-base);
+        color: var(--color-text-muted);
+    }
+
+    pre,
+    code {
+        border-radius: var(--radius-base);
+    }
+
+    pre {
+        padding: var(--padding);
+        overflow: scroll;
+        max-height: 50vh;
+        max-width: 80vw;
+        width: 100%;
+        margin: var(--margin) auto;
+        border: var(--border-panel-outer);
+        border-top: var(--border-panel-top);
+        box-shadow: var(--shadow-base);
+    }
+
+    .footnotes {
+        ol {
+            margin: var(--margin) auto;
+            font-size: 1rem;
+            list-style-type: decimal;
+            display: flex;
+            flex-direction: column;
+            gap: var(--gap-half);
+
+            p {
+                width: auto;
+                line-height: 130%;
+            }
+        }
+    }
+
+    sub,
+    sup {
+        font-size: 0.75em;
+        line-height: 1;
+        position: relative;
+        vertical-align: baseline;
+    }
+
+    sup {
+        top: -0.4em;
+    }
+
+    sub {
+        bottom: -0.2em;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/articles-list.css b/themes/42/assets/css/articles-list.css
new file mode 100644
index 00000000..63302fc8
--- /dev/null
+++ b/themes/42/assets/css/articles-list.css
@@ -0,0 +1,6 @@
+nav.articles-list {
+    display: grid;
+    gap: var(--gap-articles-list);
+    grid-template-columns: repeat(var(--grid-columns), minmax(var(--width-card-min), 1fr));
+    overflow: auto;
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/big-logo.css b/themes/42/assets/css/big-logo.css
new file mode 100644
index 00000000..3f907eff
--- /dev/null
+++ b/themes/42/assets/css/big-logo.css
@@ -0,0 +1,53 @@
+#big-logo {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--gap-big-logo);
+    margin: var(--margin-big-logo);
+
+    img {
+        margin: auto;
+    }
+
+    hgroup {
+        flex: 1;
+
+        h1 {
+            font-size: 4rem;
+            font-variant: small-caps;
+            color: var(--color-big-logo-title);
+            text-shadow: var(--shadow-big-logo-title);
+            white-space: nowrap;
+        }
+
+        p {
+            font-style: italic;
+            font-size: 1.5rem;
+            color: var(--color-big-logo-description);
+        }
+    }
+}
+
+@media (max-width: 460px) {
+    #big-logo hgroup {
+        h1 {
+            font-size: 2.5rem;
+        }
+
+        p {
+            font-size: 1.25rem;
+        }
+    }
+}
+
+@media (max-width: 768px) {
+    #big-logo hgroup {
+        h1 {
+            text-align: center;
+        }
+
+        p {
+            text-align: center;
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/body.css b/themes/42/assets/css/body.css
new file mode 100644
index 00000000..fdec34be
--- /dev/null
+++ b/themes/42/assets/css/body.css
@@ -0,0 +1,20 @@
+body {
+    font-family: var(--font-family);
+    font-size: var(--font-size-body);
+    background: var(--background-body);
+    color: var(--color-text);
+    padding: var(--padding-body);
+
+    /* On utilise flex pour que le footer colle au pied de page */
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-body);
+    min-height: 100vh;
+    height: auto;
+}
+
+@media (max-width: 768px) {
+    body {
+        padding: 0;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/breadcrumbs.css b/themes/42/assets/css/breadcrumbs.css
new file mode 100644
index 00000000..fe414891
--- /dev/null
+++ b/themes/42/assets/css/breadcrumbs.css
@@ -0,0 +1,5 @@
+.breadcrumbs {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-half);
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/card.css b/themes/42/assets/css/card.css
new file mode 100644
index 00000000..9996290e
--- /dev/null
+++ b/themes/42/assets/css/card.css
@@ -0,0 +1,54 @@
+.card {
+    text-decoration: none;
+    color: inherit;
+    font-variant: small-caps;
+    font-size: 1rem;
+    background-size: cover;
+    background-position: top center;
+    background-repeat: no-repeat;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    box-shadow: none;
+
+    h3 {
+        font-weight: normal;
+        text-wrap: balance;
+        color: var(--color-card-title);
+        font-size: var(--font-size-card-title);
+    }
+
+    .card-image {
+        background-size: cover;
+        background-position: 50% 50%;
+        height: 220px;
+        display: block;
+        border-radius: var(--radius-base) var(--radius-base) 0 0;
+        background-image: var(--background-figure);
+    }
+
+    .card-content {
+        display: flex;
+        flex-direction: column;
+        padding: var(--padding-card-content);
+        gap: var(--gap-card-content);
+        flex: 1;
+        border-radius: 0 0 var(--radius-base) var(--radius-base);
+
+        h3 {
+            flex: 1;
+        }
+
+        .card-meta {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+        }
+    }
+
+    &:hover {
+        h3 {
+            text-decoration: underline;
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/figure.css b/themes/42/assets/css/figure.css
new file mode 100644
index 00000000..b6b31103
--- /dev/null
+++ b/themes/42/assets/css/figure.css
@@ -0,0 +1,98 @@
+figure {
+    border: var(--border-panel-outer);
+    border-top: var(--border-panel-top);
+    background: var(--background-figure);
+    border-radius: var(--radius-base);
+    box-shadow: var(--shadow-base);
+    margin: var(--margin) auto;
+    font-size: 1rem;
+    text-align: center;
+    padding: var(--padding) 0;
+
+    figcaption {
+        padding: 0 var(--padding) var(--padding) var(--padding);
+
+        p {
+            color: var(--color-text-muted);
+            font-style: italic;
+            max-width: var(--width-content-max);
+            font-size: 1rem;
+            text-wrap: balance;
+            font-weight: bold;
+            text-align: center;
+            margin: auto;
+            line-height: 150%;
+
+            em {
+                color: var(--color-text-strong);
+            }
+        }
+    }
+
+    details,
+    p.details {
+        padding: var(--padding) var(--padding) 0 var(--padding);
+        max-width: var(--width-content-max);
+        text-align: center;
+        text-wrap: balance;
+        margin: auto;
+        line-height: 150%;
+    }
+
+    audio {
+        margin: auto;
+        padding: var(--padding);
+    }
+
+    img,
+    video {
+        max-height: 80vh;
+        max-width: 100%;
+    }
+
+    img {
+        background-color: var(--color-figure-media-background);
+    }
+
+    &.chat-message {
+        clear: both;
+        display: inline;
+        width: 40vw;
+        min-width: 270px;
+        margin: 0 auto;
+        position: relative;
+        padding: var(--padding);
+
+        &.me,
+        &.other {}
+
+        &.me {
+            background: var(--background-chat-me);
+            margin-right: 11vw;
+        }
+
+        &.other {
+            background: var(--background-chat-other);
+            margin-left: 11vw;
+        }
+
+        blockquote {
+            text-align: left;
+            display: flex;
+            font-style: normal;
+            flex-direction: column;
+            gap: calc(var(--gap)/2);
+            line-height: 130%;
+
+            p {
+                width: 100%;
+                text-align: left;
+            }
+
+            ul,
+            ol {
+                margin-left: var(--margin);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/footer.css b/themes/42/assets/css/footer.css
new file mode 100644
index 00000000..3b25f9b8
--- /dev/null
+++ b/themes/42/assets/css/footer.css
@@ -0,0 +1,44 @@
+body>footer {
+    display: flex;
+    gap: var(--gap-footer);
+    flex-wrap: wrap;
+    color: var(--color-footer-text);
+    padding: var(--footer-padding);
+
+    a {
+        color: var(--color-footer-text);
+        text-decoration: underline;
+
+        &:hover,
+        &:focus {
+            color: var(--color-footer-heading);
+        }
+    }
+
+    section {
+        flex: 1;
+        text-align: center;
+        font-variant: small-caps;
+
+        header {
+            padding-bottom: var(--padding);
+
+            h2 {
+                font-size: 1.2rem;
+                color: var(--color-footer-heading);
+            }
+        }
+
+        nav {
+            display: flex;
+            flex-direction: column;
+            gap: var(--gap-footer-nav);
+        }
+    }
+
+    p {
+        text-align: center;
+        width: 100%;
+        text-wrap: balance;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/hero-page.css b/themes/42/assets/css/hero-page.css
new file mode 100644
index 00000000..b15ac2ab
--- /dev/null
+++ b/themes/42/assets/css/hero-page.css
@@ -0,0 +1,38 @@
+header#hero-page {
+    display: flex;
+    gap: var(--gap-hero-page);
+    flex-direction: column;
+
+    .sup-title {
+        text-align: center;
+        font-variant: small-caps;
+        text-shadow: var(--shadow-text);
+        color: var(--color-site-title);
+    }
+
+    h1 {
+        text-align: center;
+        font-size: 1.25em;
+        text-wrap: balance;
+        color: var(--color-site-title);
+        text-shadow: var(--shadow-text);
+        font-variant: small-caps;
+        font-weight: normal;
+    }
+}
+
+@media (min-width: 460px) {
+    header#hero-page {
+        h1 {
+            font-size: 2.5rem;
+        }
+    }
+}
+
+@media (min-width: 768px) {
+    header#hero-page {
+        h1 {
+            font-size: 4rem;
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/hero.css b/themes/42/assets/css/hero.css
new file mode 100644
index 00000000..37507580
--- /dev/null
+++ b/themes/42/assets/css/hero.css
@@ -0,0 +1,6 @@
+header#hero {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-hero);
+    align-items: center;
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/home-section.css b/themes/42/assets/css/home-section.css
new file mode 100644
index 00000000..40dc52a6
--- /dev/null
+++ b/themes/42/assets/css/home-section.css
@@ -0,0 +1,22 @@
+main#home {
+    section {
+        margin: var(--margin-home-section);
+
+        header {
+            font-variant: small-caps;
+            margin: var(--margin-home-section-header);
+            display: flex;
+            flex-wrap: wrap;
+            align-items: baseline;
+            gap: var(--gap-half);
+
+            a {
+                color: var(--color-home-link);
+
+                &:hover {
+                    color: var(--color-home-link-hover);
+                }
+            }
+        }
+    }
+}
diff --git a/themes/42/assets/css/hr.css b/themes/42/assets/css/hr.css
new file mode 100644
index 00000000..cb9d71e1
--- /dev/null
+++ b/themes/42/assets/css/hr.css
@@ -0,0 +1,13 @@
+hr {
+    all: unset;
+    display: block;
+    width: 100%;
+    height: 1rem;
+    margin: auto;
+    position: relative;
+    background: var(--background-hr-glow);
+
+    &.mirror {
+        background: var(--background-hr-glow-mirror);
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/index.css b/themes/42/assets/css/index.css
new file mode 100644
index 00000000..d2ff213f
--- /dev/null
+++ b/themes/42/assets/css/index.css
@@ -0,0 +1,27 @@
+@import "variables.css";
+@import "reset.css";
+@import "body.css";
+@import "links.css";
+@import "panel.css";
+@import "hero.css";
+@import "big-logo.css";
+@import "site-stats.css";
+@import "hr.css";
+@import "stat.css";
+@import "stats.css";
+@import "main.css";
+@import "home-section.css";
+@import "breadcrumbs.css";
+@import "articles-list.css";
+@import "card.css";
+@import "footer.css";
+@import "hero-page.css";
+@import "site-title.css";
+@import "page-meta.css";
+@import "page-links.css";
+@import "article-body.css";
+@import "figure.css";
+@import "table.css";
+@import "pagination.css";
+@import "table-of-contents.css";
+@import "a.css";
\ No newline at end of file
diff --git a/themes/42/assets/css/links.css b/themes/42/assets/css/links.css
new file mode 100644
index 00000000..e4d0e177
--- /dev/null
+++ b/themes/42/assets/css/links.css
@@ -0,0 +1,9 @@
+a {
+    color: var(--color-link);
+    text-decoration: underline;
+
+    &:hover,
+    &:focus {
+        color: var(--color-link-hover);
+    }
+}
diff --git a/themes/42/assets/css/main.css b/themes/42/assets/css/main.css
new file mode 100644
index 00000000..6830411c
--- /dev/null
+++ b/themes/42/assets/css/main.css
@@ -0,0 +1,6 @@
+main {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-main);
+    flex: 1;
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/nav.css b/themes/42/assets/css/nav.css
new file mode 100644
index 00000000..3dca1b3a
--- /dev/null
+++ b/themes/42/assets/css/nav.css
@@ -0,0 +1,5 @@
+nav {
+    ul {
+        list-style: none;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/page-links.css b/themes/42/assets/css/page-links.css
new file mode 100644
index 00000000..1d9106c5
--- /dev/null
+++ b/themes/42/assets/css/page-links.css
@@ -0,0 +1,7 @@
+nav#page-links {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: var(--gap-page-links);
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/page-meta.css b/themes/42/assets/css/page-meta.css
new file mode 100644
index 00000000..9049073d
--- /dev/null
+++ b/themes/42/assets/css/page-meta.css
@@ -0,0 +1,13 @@
+.page-meta {
+    gap: var(--gap-page-meta);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    color: var(--color-page-meta);
+    font-variant: small-caps;
+
+    >* {
+        white-space: nowrap;
+        margin: auto;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/pagination.css b/themes/42/assets/css/pagination.css
new file mode 100644
index 00000000..e55eddfd
--- /dev/null
+++ b/themes/42/assets/css/pagination.css
@@ -0,0 +1,58 @@
+.pagination {
+    display: flex;
+    justify-content: space-between;
+
+    .prev {
+        &.disabled {
+            color: var(--color-text-muted);
+        }
+    }
+
+    details {
+        flex: 1;
+        text-align: center;
+        position: relative;
+
+        summary {
+            cursor: pointer;
+        }
+
+        ul {
+            position: absolute;
+            display: flex;
+            flex-direction: column;
+            gap: var(--gap-half);
+            overflow: auto;
+            max-height: 50vh;
+            min-width: 300px;
+            width: auto;
+            left: 50%;
+            margin-left: -150px;
+            padding: var(--padding);
+            list-style: none;
+            border-radius: var(--radius-pagination);
+            box-shadow: var(--shadow-pagination);
+            border: var(--border-pagination);
+            background: var(--background-pagination);
+
+            li {
+                font-size: 1rem;
+
+                .current {
+                    display: block;
+                    font-size: 1rem;
+                }
+
+                a {
+                    display: block;
+                }
+            }
+        }
+    }
+
+    .next {
+        &.disabled {
+            color: var(--color-text-muted);
+        }
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/panel.css b/themes/42/assets/css/panel.css
new file mode 100644
index 00000000..3e17ae55
--- /dev/null
+++ b/themes/42/assets/css/panel.css
@@ -0,0 +1,14 @@
+.panel {
+    padding: var(--padding-panel);
+    border-radius: var(--radius-panel);
+    box-shadow: var(--shadow-panel);
+    border: var(--border-panel);
+
+    &.panel-hero {
+        background: var(--background-panel);
+    }
+
+    &.stat {
+        background: var(--background-panel-stat);
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/reset.css b/themes/42/assets/css/reset.css
new file mode 100644
index 00000000..45f760e4
--- /dev/null
+++ b/themes/42/assets/css/reset.css
@@ -0,0 +1,5 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/site-stats.css b/themes/42/assets/css/site-stats.css
new file mode 100644
index 00000000..c80578e8
--- /dev/null
+++ b/themes/42/assets/css/site-stats.css
@@ -0,0 +1,3 @@
+section#site-stats {
+    margin: var(--margin-site-stats);
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/site-title.css b/themes/42/assets/css/site-title.css
new file mode 100644
index 00000000..dc0074b2
--- /dev/null
+++ b/themes/42/assets/css/site-title.css
@@ -0,0 +1,21 @@
+#site-title {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: var(--gap-site-title);
+    font-size: 2rem;
+    color: var(--color-site-title);
+    font-variant: small-caps;
+    font-weight: bold;
+    text-decoration: none;
+    text-shadow: var(--shadow-text);
+    justify-content: center;
+
+    span {
+        white-space: nowrap;
+    }
+
+    &:hover {
+        text-decoration: underline;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/stat.css b/themes/42/assets/css/stat.css
new file mode 100644
index 00000000..cdeb4619
--- /dev/null
+++ b/themes/42/assets/css/stat.css
@@ -0,0 +1,19 @@
+.stat {
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-half);
+
+    strong {
+        display: block;
+        font-variant: small-caps;
+        color: var(--color-text-muted);
+        white-space: nowrap;
+    }
+
+    span {
+        font-size: 2rem;
+        color: var(--color-panel-text-stats);
+        font-weight: bold;
+        flex: 1;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/stats.css b/themes/42/assets/css/stats.css
new file mode 100644
index 00000000..67a91b35
--- /dev/null
+++ b/themes/42/assets/css/stats.css
@@ -0,0 +1,13 @@
+.stats {
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--gap-site-stats-list);
+    margin: var(--margin-site-stats-list);
+
+    >div {
+        flex: 1;
+        text-align: center;
+        min-width: 250px;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/table-of-contents.css b/themes/42/assets/css/table-of-contents.css
new file mode 100644
index 00000000..400728a0
--- /dev/null
+++ b/themes/42/assets/css/table-of-contents.css
@@ -0,0 +1,24 @@
+#TableOfContents {
+    font-size: 1.25rem;
+    text-align: left;
+    padding: var(--padding);
+    max-width: var(--width-content-max);
+    display: flex;
+    flex-direction: column;
+    gap: var(--gap-half);
+
+    ol ol {
+        margin-left: var(--margin);
+    }
+
+    ol,
+    li {
+        display: flex;
+        flex-direction: column;
+        gap: var(--gap-half);
+    }
+
+    a {
+        display: block;
+    }
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/table.css b/themes/42/assets/css/table.css
new file mode 100644
index 00000000..4b35f043
--- /dev/null
+++ b/themes/42/assets/css/table.css
@@ -0,0 +1,46 @@
+table {
+    max-width: 100%;
+    border-collapse: collapse;
+    margin: var(--margin) auto;
+    line-height: 1.5;
+    border: var(--border-panel-outer);
+    font-size: 1.2rem;
+}
+
+thead {
+    background: var(--background-panel-stats);
+    font-weight: bold;
+}
+
+thead th {
+    padding: var(--padding-half) var(--padding);
+    text-align: left;
+    white-space: nowrap;
+}
+
+tbody td {
+    padding: var(--padding-half) var(--padding);
+    vertical-align: top;
+    text-align: left;
+}
+
+/* Alternance des lignes */
+tbody tr:nth-child(even) td {
+    background-color: var(--background-body-alt);
+}
+
+/* Survol ligne */
+tbody tr:hover td {
+    background-color: var(--color-hr-glow);
+}
+
+/* Survol cellule */
+tbody td:hover {
+    background-color: var(--color-hr-glow);
+}
+
+/* Pied du tableau */
+tfoot td {
+    padding: var(--padding-half) var(--padding);
+    font-style: italic;
+}
diff --git a/themes/42/assets/css/variables.css b/themes/42/assets/css/variables.css
new file mode 100644
index 00000000..693ed86e
--- /dev/null
+++ b/themes/42/assets/css/variables.css
@@ -0,0 +1,4 @@
+@import "variables/colors.css";
+@import "variables/fonts.css";
+@import "variables/structure.css";
+@import "variables/aesthetics.css";
\ No newline at end of file
diff --git a/themes/42/assets/css/variables/aesthetics.css b/themes/42/assets/css/variables/aesthetics.css
new file mode 100644
index 00000000..e69de29b
diff --git a/themes/42/assets/css/variables/colors.css b/themes/42/assets/css/variables/colors.css
new file mode 100644
index 00000000..18940230
--- /dev/null
+++ b/themes/42/assets/css/variables/colors.css
@@ -0,0 +1,19 @@
+@import "colors/gray.css";
+@import "colors/blue.css";
+@import "colors/indigo.css";
+@import "colors/purple.css";
+@import "colors/pink.css";
+@import "colors/magenta.css";
+@import "colors/red.css";
+@import "colors/orange.css";
+@import "colors/amber.css";
+@import "colors/yellow.css";
+@import "colors/lime.css";
+@import "colors/green.css";
+@import "colors/teal.css";
+@import "colors/cyan.css";
+@import "colors/brown.css";
+
+:root {
+    --transparent: rgba(0, 0, 0, 0);
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/variables/colors/amber.css b/themes/42/assets/css/variables/colors/amber.css
new file mode 100644
index 00000000..79a413d5
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/amber.css
@@ -0,0 +1,12 @@
+:root {
+  --amber-100: #FFEFD9;
+  --amber-300: #FFD08C;
+  --amber-500: #FFA93D;
+  --amber-700: #BF6A0E;
+  /* --- */
+  --amber-200: #ff0000; /** Volontairement non définie **/
+  --amber-400: #ff0000; /** Volontairement non définie **/
+  --amber-600: #ff0000; /** Volontairement non définie **/
+  --amber-800: #ff0000; /** Volontairement non définie **/
+  --amber-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/blue.css b/themes/42/assets/css/variables/colors/blue.css
new file mode 100644
index 00000000..6a9a003b
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/blue.css
@@ -0,0 +1,12 @@
+:root {
+  --blue-100: #E4F0FF;
+  --blue-300: #98C0FF;
+  --blue-500: #467FFF;
+  --blue-700: #1C4FBF;
+  /* --- */
+  --blue-200: #ff0000; /** Volontairement non définie **/
+  --blue-400: #ff0000; /** Volontairement non définie **/
+  --blue-600: #ff0000; /** Volontairement non définie **/
+  --blue-800: #ff0000; /** Volontairement non définie **/
+  --blue-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/brown.css b/themes/42/assets/css/variables/colors/brown.css
new file mode 100644
index 00000000..d05eccfe
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/brown.css
@@ -0,0 +1,12 @@
+:root {
+  --brown-100: #F4E8DF;
+  --brown-300: #D6B599;
+  --brown-500: #A7795B;
+  --brown-700: #6B4633;
+  /* --- */
+  --brown-200: #ff0000; /** Volontairement non définie **/
+  --brown-400: #ff0000; /** Volontairement non définie **/
+  --brown-600: #ff0000; /** Volontairement non définie **/
+  --brown-800: #ff0000; /** Volontairement non définie **/
+  --brown-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/cyan.css b/themes/42/assets/css/variables/colors/cyan.css
new file mode 100644
index 00000000..ae72abf0
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/cyan.css
@@ -0,0 +1,12 @@
+:root {
+  --cyan-100: #E1FAFF;
+  --cyan-300: #8EE8FF;
+  --cyan-500: #2FC4FF;
+  --cyan-700: #007EAC;
+  /* --- */
+  --cyan-200: #ff0000; /** Volontairement non définie **/
+  --cyan-400: #ff0000; /** Volontairement non définie **/
+  --cyan-600: #ff0000; /** Volontairement non définie **/
+  --cyan-800: #ff0000; /** Volontairement non définie **/
+  --cyan-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/gray.css b/themes/42/assets/css/variables/colors/gray.css
new file mode 100644
index 00000000..f7d7ecc5
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/gray.css
@@ -0,0 +1,12 @@
+:root {
+  --gray-0: #FFFFFF;
+  --gray-100: #F5F7FA;
+  --gray-200: #E8ECF2;
+  --gray-300: #D9E0E8;
+  --gray-400: #CAD3DD;
+  --gray-500: #B0B7C4;
+  --gray-600: #969CAB;
+  --gray-700: #7C8392;
+  --gray-800: #333746;
+  --gray-900: #0F1114;
+}
diff --git a/themes/42/assets/css/variables/colors/green.css b/themes/42/assets/css/variables/colors/green.css
new file mode 100644
index 00000000..73842b76
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/green.css
@@ -0,0 +1,12 @@
+:root {
+  --green-100: #E3F9E5;
+  --green-300: #8FE4A2;
+  --green-500: #40C474;
+  --green-700: #207A47;
+  /* --- */
+  --green-200: #ff0000; /** Volontairement non définie **/
+  --green-400: #ff0000; /** Volontairement non définie **/
+  --green-600: #ff0000; /** Volontairement non définie **/
+  --green-800: #ff0000; /** Volontairement non définie **/
+  --green-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/indigo.css b/themes/42/assets/css/variables/colors/indigo.css
new file mode 100644
index 00000000..eea4aa51
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/indigo.css
@@ -0,0 +1,12 @@
+:root {
+  --indigo-100: #E6E9FF;
+  --indigo-300: #A9B4FF;
+  --indigo-500: #5D6CFF;
+  --indigo-700: #2A36C4;
+  /* --- */
+  --indigo-200: #ff0000; /** Volontairement non définie **/
+  --indigo-400: #ff0000; /** Volontairement non définie **/
+  --indigo-600: #ff0000; /** Volontairement non définie **/
+  --indigo-800: #ff0000; /** Volontairement non définie **/
+  --indigo-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/lime.css b/themes/42/assets/css/variables/colors/lime.css
new file mode 100644
index 00000000..b03266f6
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/lime.css
@@ -0,0 +1,12 @@
+:root {
+  --lime-100: #F0FCD9;
+  --lime-300: #C3F58A;
+  --lime-500: #86E23B;
+  --lime-700: #519214;
+  /* --- */
+  --lime-200: #ff0000; /** Volontairement non définie **/
+  --lime-400: #ff0000; /** Volontairement non définie **/
+  --lime-600: #ff0000; /** Volontairement non définie **/
+  --lime-800: #ff0000; /** Volontairement non définie **/
+  --lime-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/magenta.css b/themes/42/assets/css/variables/colors/magenta.css
new file mode 100644
index 00000000..6d6b8e43
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/magenta.css
@@ -0,0 +1,12 @@
+:root {
+  --magenta-100: #FFE0F1;
+  --magenta-300: #FFA4D0;
+  --magenta-500: #FF5BA6;
+  --magenta-700: #CC1F75;
+  /* --- */
+  --magenta-200: #ff0000; /** Volontairement non définie **/
+  --magenta-400: #ff0000; /** Volontairement non définie **/
+  --magenta-600: #ff0000; /** Volontairement non définie **/
+  --magenta-800: #ff0000; /** Volontairement non définie **/
+  --magenta-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/orange.css b/themes/42/assets/css/variables/colors/orange.css
new file mode 100644
index 00000000..64b7a0f6
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/orange.css
@@ -0,0 +1,12 @@
+:root {
+  --orange-100: #FFE8DE;
+  --orange-300: #FFAC85;
+  --orange-500: #FF733D;
+  --orange-700: #C23C0D;
+  /* --- */
+  --orange-200: #ff0000; /** Volontairement non définie **/
+  --orange-400: #ff0000; /** Volontairement non définie **/
+  --orange-600: #ff0000; /** Volontairement non définie **/
+  --orange-800: #ff0000; /** Volontairement non définie **/
+  --orange-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/pink.css b/themes/42/assets/css/variables/colors/pink.css
new file mode 100644
index 00000000..3147a50a
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/pink.css
@@ -0,0 +1,12 @@
+:root {
+  --pink-100: #FFE5F4;
+  --pink-300: #FF9CD3;
+  --pink-500: #FF54B0;
+  --pink-700: #C0227F;
+  /* --- */
+  --pink-200: #ff0000; /** Volontairement non définie **/
+  --pink-400: #ff0000; /** Volontairement non définie **/
+  --pink-600: #ff0000; /** Volontairement non définie **/
+  --pink-800: #ff0000; /** Volontairement non définie **/
+  --pink-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/purple.css b/themes/42/assets/css/variables/colors/purple.css
new file mode 100644
index 00000000..8f9b1e34
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/purple.css
@@ -0,0 +1,12 @@
+:root {
+  --purple-100: #F3E7FF;
+  --purple-300: #D2AAF7;
+  --purple-500: #9E63E9;
+  --purple-700: #6330A9;
+  /* --- */
+  --purple-200: #ff0000; /** Volontairement non définie **/
+  --purple-400: #ff0000; /** Volontairement non définie **/
+  --purple-600: #ff0000; /** Volontairement non définie **/
+  --purple-800: #ff0000; /** Volontairement non définie **/
+  --purple-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/red.css b/themes/42/assets/css/variables/colors/red.css
new file mode 100644
index 00000000..91f0ec83
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/red.css
@@ -0,0 +1,12 @@
+:root {
+  --red-100: #FFE5E7;
+  --red-300: #FF939B;
+  --red-500: #FF4D5A;
+  --red-700: #C0202E;
+  /* --- */
+  --red-200: #ff0000; /** Volontairement non définie **/
+  --red-400: #ff0000; /** Volontairement non définie **/
+  --red-600: #ff0000; /** Volontairement non définie **/
+  --red-800: #ff0000; /** Volontairement non définie **/
+  --red-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/teal.css b/themes/42/assets/css/variables/colors/teal.css
new file mode 100644
index 00000000..716404fa
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/teal.css
@@ -0,0 +1,12 @@
+:root {
+  --teal-100: #E0FAF7;
+  --teal-300: #7EE1D4;
+  --teal-500: #32B9AB;
+  --teal-700: #197C70;
+  /* --- */
+  --teal-200: #ff0000; /** Volontairement non définie **/
+  --teal-400: #ff0000; /** Volontairement non définie **/
+  --teal-600: #ff0000; /** Volontairement non définie **/
+  --teal-800: #ff0000; /** Volontairement non définie **/
+  --teal-900: #ff0000; /** Volontairement non définie **/
+}
diff --git a/themes/42/assets/css/variables/colors/yellow.css b/themes/42/assets/css/variables/colors/yellow.css
new file mode 100644
index 00000000..1992f6b7
--- /dev/null
+++ b/themes/42/assets/css/variables/colors/yellow.css
@@ -0,0 +1,16 @@
+:root {
+  --yellow-100: #FFF8D6;
+  --yellow-300: #FFE68A;
+  --yellow-500: #F9CB2F;
+  --yellow-700: #B58506;
+  --yellow-900: #713F12;
+  /* --- */
+  --yellow-200: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-400: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-600: #ff0000;
+  /** Volontairement non définie **/
+  --yellow-800: #ff0000;
+  /** Volontairement non définie **/
+}
\ No newline at end of file
diff --git a/themes/42/assets/css/variables/fonts.css b/themes/42/assets/css/variables/fonts.css
new file mode 100644
index 00000000..5b3d6999
--- /dev/null
+++ b/themes/42/assets/css/variables/fonts.css
@@ -0,0 +1,15 @@
+:root {
+    --font-family: system-ui,
+        -apple-system,
+        BlinkMacSystemFont,
+        'Segoe UI',
+        Roboto,
+        Oxygen,
+        Ubuntu,
+        Cantarell,
+        'Open Sans',
+        'Helvetica Neue',
+        sans-serif;
+    --font-size-body: 20px;
+    --font-size-card-title: 1.5rem;
+}
diff --git a/themes/42/assets/css/variables/structure.css b/themes/42/assets/css/variables/structure.css
new file mode 100644
index 00000000..98cb8bf9
--- /dev/null
+++ b/themes/42/assets/css/variables/structure.css
@@ -0,0 +1,43 @@
+:root {
+    --padding: 1rem;
+    --padding-half: 0.5rem;
+    --padding-double: 2rem;
+    --padding-body: var(--padding);
+    --padding-panel: var(--padding);
+    --padding-card-content: var(--padding);
+    --padding-hero-panel: var(--padding-panel);
+    --footer-padding: var(--padding);
+    --list-padding: var(--padding-double);
+
+    --gap: 1.5rem;
+    --gap-half: 0.75rem;
+    --gap-third: 0.5rem;
+    --gap-body: var(--gap);
+    --gap-card-content: var(--gap-half);
+    --gap-hero: var(--gap-body);
+    --gap-big-logo: var(--gap-hero);
+    --gap-site-stats-list: var(--gap-hero);
+    --gap-main: var(--gap-body);
+    --gap-articles-list: var(--gap-main);
+    --gap-footer: var(--gap-main);
+    --gap-footer-nav: var(--gap-half);
+    --gap-hero-page: var(--gap-hero);
+    --gap-site-title: var(--gap-half);
+    --gap-page-meta: var(--gap-half);
+    --gap-page-links: var(--gap);
+    --gap-list: var(--gap-third);
+
+    --margin: 2rem;
+    --margin-half: 1rem;
+    --margin-big-logo: auto;
+    --margin-site-stats: auto;
+    --margin-site-stats-list: var(--margin) auto;
+    --margin-home-section: var(--margin) 0 0 0;
+    --margin-home-section-header: 0 0 var(--margin-half) 0;
+
+    --width-content-min: 300px;
+    --width-content-max: 48rem;
+
+    --grid-columns: 4;
+    --width-card-min: 300px;
+}
diff --git a/themes/42/layouts/_markup/render-image.html b/themes/42/layouts/_markup/render-image.html
new file mode 100644
index 00000000..236c4d26
--- /dev/null
+++ b/themes/42/layouts/_markup/render-image.html
@@ -0,0 +1 @@
+{{- partial "media/render-image.html" . -}}
\ No newline at end of file
diff --git a/themes/default/layouts/_default/_markup/render-link.html b/themes/42/layouts/_markup/render-link.html
similarity index 100%
rename from themes/default/layouts/_default/_markup/render-link.html
rename to themes/42/layouts/_markup/render-link.html
diff --git a/themes/42/layouts/_partials/articles-list.html b/themes/42/layouts/_partials/articles-list.html
new file mode 100644
index 00000000..3e1c9f6b
--- /dev/null
+++ b/themes/42/layouts/_partials/articles-list.html
@@ -0,0 +1,8 @@
+{{- $pages := .Pages -}}
+{{- $context := .Context -}}
+{{- $count := len $pages -}}
+<nav class="articles-list">
+    {{- range $pages }}
+    {{- partial "card.html" . -}}
+    {{- end }}
+</nav>
diff --git a/themes/42/layouts/_partials/big-logo.html b/themes/42/layouts/_partials/big-logo.html
new file mode 100644
index 00000000..875cb4e0
--- /dev/null
+++ b/themes/42/layouts/_partials/big-logo.html
@@ -0,0 +1,9 @@
+{{- $logoPath := .Site.Params.logo | default "logo-large.png" -}}
+{{- $logo := resources.GetMatch $logoPath -}}
+<section id="big-logo">
+    <img src="{{ $logo.RelPermalink }}" alt="Logo de {{ .Site.Title }}" />
+    <hgroup>
+        <h1>{{ .Site.Title }}</h1>
+        <p>{{ .Site.Params.description }}</p>
+    </hgroup>
+</section>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/breadcrumbs.html b/themes/42/layouts/_partials/breadcrumbs.html
new file mode 100644
index 00000000..f5c0ec60
--- /dev/null
+++ b/themes/42/layouts/_partials/breadcrumbs.html
@@ -0,0 +1,19 @@
+{{- $page := . -}}
+{{- with .Page -}}
+    {{- $page = . -}}
+{{- end -}}
+{{- if or $page.IsPage $page.IsSection -}}
+    {{- $trail := slice -}}
+    {{- range $page.Ancestors.Reverse -}}
+        {{- if ne .RelPermalink "/" -}}
+            {{- $trail = $trail | append . -}}
+        {{- end -}}
+    {{- end -}}
+    {{- if gt (len $trail) 0 -}}
+    <nav class="breadcrumbs" aria-label="Fil d’Ariane">
+        {{- range $item := $trail -}}
+        <a href="{{ $item.RelPermalink }}">{{ with $item.LinkTitle }}{{ . }}{{ else }}{{ $item.Title }}{{ end }}</a>
+        {{- end -}}
+    </nav>
+    {{- end -}}
+{{- end -}}
diff --git a/themes/42/layouts/_partials/card.html b/themes/42/layouts/_partials/card.html
new file mode 100644
index 00000000..2e3e3456
--- /dev/null
+++ b/themes/42/layouts/_partials/card.html
@@ -0,0 +1,51 @@
+<a href="{{ .RelPermalink }}" class="card panel panel-hero">
+    {{ $page := . -}}
+    {{- $coverPath := .Params.cover -}}
+    {{- $img := false -}}
+    {{- if $coverPath -}}
+    {{- if strings.HasSuffix $coverPath ".yaml" -}}
+    {{- $coverAbsPath := printf "%s%s" $page.File.Dir $coverPath -}}
+    {{- $coverRaw := readFile $coverAbsPath -}}
+    {{- $coverData := $coverRaw | transform.Unmarshal -}}
+    {{- with $coverData.file -}}
+    {{- $img = $page.Resources.GetMatch . -}}
+    {{- end -}}
+    {{- else -}}
+    {{- $img = $page.Resources.GetMatch $coverPath -}}
+    {{- end -}}
+    {{- end -}}
+        {{- if $img -}}
+        {{- with $img -}}
+        {{- $resized := .Fill "450x220" -}}
+    <div class="card-image" style="background-image: url({{ $resized.RelPermalink }});"></div>
+        {{ end -}}
+        {{ else }}<div class="card-image"></div>
+        {{ end -}}
+    <div class="card-content">
+        <h3>{{ .Title }}</h3>
+        {{- if not $page.IsSection -}}
+            {{- with $page.Date -}}
+        <time datetime="{{ . }}">{{ . | time.Format ":date_long" }}</time>
+            {{- end -}}
+        {{- end -}}
+        <div class="card-meta">
+            {{ $section := "" -}}
+            {{- with .Parent -}}
+            {{- $sectionPath := path.Base .File.Dir -}}
+            {{- $section = $sectionPath -}}
+            {{- end -}}
+            <span class="section section-{{ $section }}">{{ .Parent.LinkTitle }}</span>
+            <span class="reading-time">
+                {{ if .IsSection -}}
+                {{- $count := len .Pages -}}
+                {{- $label := cond (eq $count 1) "article" "articles" -}}
+                {{- $count }} {{ $label -}}
+                {{- else -}}
+                {{- if ge .ReadingTime 5 -}}
+                {{- .ReadingTime }} min de lecture
+                {{- end -}}
+                {{- end }}
+            </span>
+        </div>
+    </div>
+</a>
diff --git a/themes/default/layouts/partials/dossier-summary.html b/themes/42/layouts/_partials/dossier-summary.html
similarity index 70%
rename from themes/default/layouts/partials/dossier-summary.html
rename to themes/42/layouts/_partials/dossier-summary.html
index db374112..56d32bc1 100644
--- a/themes/default/layouts/partials/dossier-summary.html
+++ b/themes/42/layouts/_partials/dossier-summary.html
@@ -18,19 +18,19 @@
 {{- end }}
 {{- $prev := index $sorted (sub $index 1) }}
 {{- $next := index $sorted (add $index 1) }}
-
-<nav class="pagination-bar dossier-pagination {{ $position }}">
-    <h2>{{ $dossierID }}</h2>
-
+{{- with $dossierID -}}
+<div class="sup-title">{{ . }}</div>
+{{- end -}}
+<nav class="pagination" aria-label="Sommaire du dossier">
     {{- if ge $index 1 }}
-    <a class="prev-page" href="{{ $prev.RelPermalink }}">← Page précédente</a>
+    <a class="prev" href="{{ $prev.RelPermalink }}" title="Page précédente">←</a>
     {{- else }}
-    <span class="disabled prev-page">← Page précédente</span>
+    <span class="disabled prev">←</span>
     {{- end }}
 
-    <details class="page-select {{ $position }}">
-        <summary>{{ $currentTitle }}</summary>
-        <ul>
+    <details class="{{ $position }}">
+        <summary>Sommaire</summary>
+        <ul class="stat">
             {{- range $i, $p := $sorted }}
             <li>
                 {{- if eq $p.Permalink $current.Permalink }}
@@ -44,9 +44,9 @@
     </details>
 
     {{- if lt (add $index 1) (len $sorted) }}
-    <a class="next-page" href="{{ $next.RelPermalink }}">Page suivante →</a>
+    <a class="next" href="{{ $next.RelPermalink }}" title="Page suivante">→</a>
     {{- else }}
-    <span class="disabled next-page">Page suivante →</span>
+    <span class="disabled next">→</span>
     {{- end }}
 </nav>
 {{- end }}
diff --git a/themes/42/layouts/_partials/footer.html b/themes/42/layouts/_partials/footer.html
new file mode 100644
index 00000000..1db611e1
--- /dev/null
+++ b/themes/42/layouts/_partials/footer.html
@@ -0,0 +1,25 @@
+<footer>
+    <hr class="mirror" />
+    {{ range site.Menus.main -}}
+    <section>
+        <header>
+            <h2>{{ if .PageRef }}
+            <a href="{{ .PageRef }}" title="{{ .Title }}">{{ .Name }}</a>
+            {{ else }}
+            <span>{{ .Name }}</span>
+            {{ end }}</h2>
+        </header>
+        <nav>
+            {{ range .Children -}}
+            {{ if .PageRef }}
+            <a href="{{ .PageRef }}" title="{{ .Title }}">{{ .Name }}</a>
+            {{ else }}
+            <span title="{{ .Title }}">{{ .Name }}</span>
+            {{ end }}
+            {{ end }}
+        </nav>
+    </section>
+    {{ end }}
+
+    <p>Sauf mention contraire, l'intégralité du contenu de ce site est disponible sous licence <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC BY-NC-ND</a>.</p>
+</footer>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/head.html b/themes/42/layouts/_partials/head.html
new file mode 100644
index 00000000..9b8fe1a6
--- /dev/null
+++ b/themes/42/layouts/_partials/head.html
@@ -0,0 +1,4 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
+{{ partialCached "head/css.html" . }}
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/head/css.html b/themes/42/layouts/_partials/head/css.html
new file mode 100644
index 00000000..951fe5be
--- /dev/null
+++ b/themes/42/layouts/_partials/head/css.html
@@ -0,0 +1,9 @@
+{{- $mainCSS := resources.Get "css/index.css" | postCSS (dict "inlineImports" true) -}}
+{{- $bundle := slice $mainCSS | resources.Concat "css/bundle.css" -}}
+{{- if eq hugo.Environment "development" -}}
+<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" type="text/css" />
+{{- else -}}
+{{- with $bundle | minify | fingerprint -}}
+<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" type="text/css" />
+{{- end -}}
+{{- end -}}
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/hero-page.html b/themes/42/layouts/_partials/hero-page.html
new file mode 100644
index 00000000..8f977ffc
--- /dev/null
+++ b/themes/42/layouts/_partials/hero-page.html
@@ -0,0 +1,7 @@
+<header id="hero-page" class="panel panel-hero">
+    {{ partialCached "site-title.html" . }}
+    {{- partial "dossier-summary" . -}}
+    <h1>{{ .Title }}</h1>
+    {{ partial "page-meta.html" . }}
+    {{ partial "page-links.html" . }}
+</header>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/hero-section.html b/themes/42/layouts/_partials/hero-section.html
new file mode 100644
index 00000000..ce227697
--- /dev/null
+++ b/themes/42/layouts/_partials/hero-section.html
@@ -0,0 +1,7 @@
+<header id="hero-page" class="panel-hero">
+    {{ partialCached "site-title.html" . }}
+    <div class="page-meta">
+    {{ partial "breadcrumbs.html" . }}
+    </div>
+    <h1>{{ .Title }}</h1>
+</header>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/hero.html b/themes/42/layouts/_partials/hero.html
new file mode 100644
index 00000000..7c02fb5b
--- /dev/null
+++ b/themes/42/layouts/_partials/hero.html
@@ -0,0 +1,4 @@
+<header class="panel-hero" id="hero">
+    {{- partialCached "big-logo.html" . -}}
+    {{- partialCached "site-stats.html" . -}}
+</header>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/home-section.html b/themes/42/layouts/_partials/home-section.html
new file mode 100644
index 00000000..35c06842
--- /dev/null
+++ b/themes/42/layouts/_partials/home-section.html
@@ -0,0 +1,19 @@
+{{- $section := .Section -}}
+{{- $sectionPages := default (slice) .SectionPages -}}
+{{- $title := .Title -}}
+{{- $context := default . .Context -}}
+
+<section>
+    <header>
+        {{- with $section -}}
+        {{- partial "breadcrumbs.html" . -}}
+        <h2><a href="{{ .RelPermalink }}">{{ with .LinkTitle }}{{ . }}{{ else }}{{ .Title }}{{ end }}</a></h2>
+        {{- else -}}
+        {{- with $title -}}
+        <h2>{{ . }}</h2>
+        {{- end -}}
+        {{- end -}}
+    </header>
+    {{- partial "articles-list.html" (dict "Pages" $sectionPages "Context" $context) -}}
+</section>
+<hr />
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/link-section.html b/themes/42/layouts/_partials/link-section.html
new file mode 100644
index 00000000..917d36b7
--- /dev/null
+++ b/themes/42/layouts/_partials/link-section.html
@@ -0,0 +1,6 @@
+{{ if and (.Parent) (ne .Parent.RelPermalink "/") }}
+{{- $sectionPath := path.Base .Parent.File.Dir -}}
+<a href="{{ .Parent.RelPermalink }}" title="Retour à la section {{ .Parent.LinkTitle }}" class="section-{{ $sectionPath }}">
+    {{ or .Parent.LinkTitle "Section" }}
+</a>
+{{ end }}
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/media/render-image.html b/themes/42/layouts/_partials/media/render-image.html
new file mode 100644
index 00000000..5ade2e77
--- /dev/null
+++ b/themes/42/layouts/_partials/media/render-image.html
@@ -0,0 +1,41 @@
+{{- $imgPath := .Destination -}}
+{{- $imgName := path.Base $imgPath | replaceRE "\\.[^.]+$" "" -}} {{/* Supprime l'extension */}}
+{{- $dataPath := printf "data/images/%s.yaml" $imgName -}}
+{{- $dataFile := .Page.Resources.Get $dataPath -}}
+{{- $data := dict -}}
+{{- if $dataFile }}
+{{- $data = $dataFile.Content | transform.Unmarshal -}}
+{{- end }}
+{{- $alt := .PlainText | default $data.title | default "" -}}
+{{- $title := .Title | default $data.title | default .Page.Title -}}
+{{- $description := default $data.description | default $title -}}
+{{- $image := .Page.Resources.GetMatch $imgPath -}}
+{{- $display := $image }}
+{{- if gt $display.Height 810 }}
+{{- $display = $image.Resize "x810" -}}
+{{- end }}
+<figure>
+    {{- with $description }}
+    <figcaption>
+        <p>{{ . | markdownify }}</p>
+    </figcaption>
+    {{- end }}
+    <a href="{{ $image.RelPermalink }}" title="Cliquez pour agrandir l'image">
+        <img src="{{ $display.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}" />
+    </a>
+    {{- if $data.prompt }}
+    <details>
+        <summary>
+            <strong>Attribution : {{- with $data.attribution }}<em>{{ . | markdownify }}</em>{{- end }}</strong>
+        </summary>
+        <p><strong>Prompt :</strong> <em>{{ $data.prompt }}</em></p>
+    </details>
+    {{- else }}
+    {{- with $data.attribution }}
+    <p class="details">
+        <strong>Attribution :</strong>
+        <em>{{ . | markdownify }}</em>
+    </p>
+    {{- end }}
+    {{- end }}
+</figure>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/menu.html b/themes/42/layouts/_partials/menu.html
new file mode 100644
index 00000000..14245b55
--- /dev/null
+++ b/themes/42/layouts/_partials/menu.html
@@ -0,0 +1,51 @@
+{{- /*
+Renders a menu for the given menu ID.
+
+@context {page} page The current page.
+@context {string} menuID The menu ID.
+
+@example: {{ partial "menu.html" (dict "menuID" "main" "page" .) }}
+*/}}
+
+{{- $page := .page }}
+{{- $menuID := .menuID }}
+
+{{- with index site.Menus $menuID }}
+  <nav>
+    <ul>
+      {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+    </ul>
+  </nav>
+{{- end }}
+
+{{- define "_partials/inline/menu/walk.html" }}
+  {{- $page := .page }}
+  {{- range .menuEntries }}
+    {{- $attrs := dict "href" .URL }}
+    {{- if $page.IsMenuCurrent .Menu . }}
+      {{- $attrs = merge $attrs (dict "class" "active" "aria-current" "page") }}
+    {{- else if $page.HasMenuCurrent .Menu .}}
+      {{- $attrs = merge $attrs (dict "class" "ancestor" "aria-current" "true") }}
+    {{- end }}
+    {{- $name := .Name }}
+    {{- with .Identifier }}
+      {{- with T . }}
+        {{- $name = . }}
+      {{- end }}
+    {{- end }}
+    <li>
+      <a
+        {{- range $k, $v := $attrs }}
+          {{- with $v }}
+            {{- printf " %s=%q" $k $v | safeHTMLAttr }}
+          {{- end }}
+        {{- end -}}
+      >{{ $name }}</a>
+      {{- with .Children }}
+        <ul>
+          {{- partial "inline/menu/walk.html" (dict "page" $page "menuEntries" .) }}
+        </ul>
+      {{- end }}
+    </li>
+  {{- end }}
+{{- end }}
diff --git a/themes/42/layouts/_partials/page-links.html b/themes/42/layouts/_partials/page-links.html
new file mode 100644
index 00000000..b3439a76
--- /dev/null
+++ b/themes/42/layouts/_partials/page-links.html
@@ -0,0 +1,7 @@
+{{ if .Params.links }}
+<nav id="page-links">
+    {{ range .Params.links }}
+    <a href="{{ .url }}" rel="noopener noreferer norelated">{{ .name }}</a>
+    {{ end }}
+</nav>
+{{ end }}
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/page-meta.html b/themes/42/layouts/_partials/page-meta.html
new file mode 100644
index 00000000..95052bcc
--- /dev/null
+++ b/themes/42/layouts/_partials/page-meta.html
@@ -0,0 +1,9 @@
+<div class="page-meta">
+    {{ with .Date }}
+    <time datetime="{{ . }}">{{ . | time.Format ":date_long" }}</time>
+    {{ end }}
+    {{ partial "breadcrumbs.html" . }}
+    {{- if ge .ReadingTime 5 -}}
+    <span>{{- .ReadingTime }} min de lecture</span>
+    {{- end -}}
+</div>
diff --git a/themes/42/layouts/_partials/site-stats.html b/themes/42/layouts/_partials/site-stats.html
new file mode 100644
index 00000000..8505cbe7
--- /dev/null
+++ b/themes/42/layouts/_partials/site-stats.html
@@ -0,0 +1,22 @@
+{{- $site := .Site -}}
+{{- $title := $site.Title -}}
+{{- $totalArticles := len $site.RegularPages -}}
+{{- $allSections := where $site.Pages "Kind" "section" -}}
+{{- $allSections = where $allSections "RelPermalink" "!=" "/" -}}
+{{- $leafSections := slice -}}
+{{- range $allSections -}}
+{{- if eq (len .Sections) 0 -}}
+{{- $leafSections = $leafSections | append . -}}
+{{- end -}}
+{{- end -}}
+{{- $sectionsCount := len $leafSections -}}
+{{- $lastMod := $site.Lastmod | time.Format "02/01/2006" -}}
+<section id="site-stats">
+    <hr class="mirror" />
+    <div aria-label="Statistiques" class="stats">
+        {{ partial "stat.html" (dict "title" "Articles publiés" "value" $totalArticles)}}
+        {{ partial "stat.html" (dict "title" "Thématiques" "value" $sectionsCount)}}
+        {{ partial "stat.html" (dict "title" "Dernière mise à jour" "value" $lastMod)}}
+    </div>
+    <hr />
+</section>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/site-title.html b/themes/42/layouts/_partials/site-title.html
new file mode 100644
index 00000000..e36db134
--- /dev/null
+++ b/themes/42/layouts/_partials/site-title.html
@@ -0,0 +1,7 @@
+<a id="site-title" href="/">
+    {{- $logoPath := .Params.logo | default "logo-large.png" -}}
+    {{- $logo := resources.GetMatch $logoPath -}}
+    {{- $resized := $logo.Resize "64x" -}}
+    <img src="{{ $resized.RelPermalink }}" alt="" />
+    <span>{{ .Site.Title }}</span>
+</a>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/stat.html b/themes/42/layouts/_partials/stat.html
new file mode 100644
index 00000000..8517e06b
--- /dev/null
+++ b/themes/42/layouts/_partials/stat.html
@@ -0,0 +1,4 @@
+<div class="panel stat">
+    <strong>{{ .title }}</strong>
+    <span>{{ .value }}</span>
+</div>
\ No newline at end of file
diff --git a/themes/42/layouts/_partials/terms.html b/themes/42/layouts/_partials/terms.html
new file mode 100644
index 00000000..8a6ebec2
--- /dev/null
+++ b/themes/42/layouts/_partials/terms.html
@@ -0,0 +1,23 @@
+{{- /*
+For a given taxonomy, renders a list of terms assigned to the page.
+
+@context {page} page The current page.
+@context {string} taxonomy The taxonomy.
+
+@example: {{ partial "terms.html" (dict "taxonomy" "tags" "page" .) }}
+*/}}
+
+{{- $page := .page }}
+{{- $taxonomy := .taxonomy }}
+
+{{- with $page.GetTerms $taxonomy }}
+  {{- $label := (index . 0).Parent.LinkTitle }}
+  <div>
+    <div>{{ $label }}:</div>
+    <ul>
+      {{- range . }}
+        <li><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></li>
+      {{- end }}
+    </ul>
+  </div>
+{{- end }}
diff --git a/themes/default/layouts/shortcodes/extimage.html b/themes/42/layouts/_shortcodes/extimage.html
similarity index 100%
rename from themes/default/layouts/shortcodes/extimage.html
rename to themes/42/layouts/_shortcodes/extimage.html
diff --git a/themes/default/layouts/shortcodes/sound.html b/themes/42/layouts/_shortcodes/sound.html
similarity index 100%
rename from themes/default/layouts/shortcodes/sound.html
rename to themes/42/layouts/_shortcodes/sound.html
diff --git a/themes/default/layouts/shortcodes/video.html b/themes/42/layouts/_shortcodes/video.html
similarity index 100%
rename from themes/default/layouts/shortcodes/video.html
rename to themes/42/layouts/_shortcodes/video.html
diff --git a/themes/default/layouts/_default/baseof.html b/themes/42/layouts/baseof.html
similarity index 66%
rename from themes/default/layouts/_default/baseof.html
rename to themes/42/layouts/baseof.html
index 9ac68db7..41b7408f 100644
--- a/themes/default/layouts/_default/baseof.html
+++ b/themes/42/layouts/baseof.html
@@ -4,10 +4,7 @@
   {{ partial "head.html" . }}
 </head>
 <body>
-  {{- block "main" . -}}{{- end }}
-
-  <footer>
-    {{ partial "footer.html" . }}
-  </footer>
+  {{ block "main" . }}{{ end }}
+  {{ partial "footer.html" . }}
 </body>
 </html>
diff --git a/themes/42/layouts/home.html b/themes/42/layouts/home.html
new file mode 100644
index 00000000..384869da
--- /dev/null
+++ b/themes/42/layouts/home.html
@@ -0,0 +1,41 @@
+{{- define "main" }}
+{{- $site := .Site -}}
+{{- $allArticles := $site.RegularPages.ByDate.Reverse -}}
+{{- $allSections := where $site.Pages "Kind" "section" -}}
+{{- $allSections = where $allSections "RelPermalink" "!=" "/" -}}
+{{- $leafSections := slice -}}
+{{- range $allSections -}}
+{{- if eq (len .Sections) 0 -}}
+{{- $leafSections = $leafSections | append . -}}
+{{- end -}}
+{{- end -}}
+
+{{- partial "hero.html" . -}}
+
+{{- $used := slice -}}
+<main id="home">
+  {{- $recent := first 4 ($allArticles) -}}
+  {{- range $recent }}
+  {{- $used = $used | append .File.Path -}}
+  {{- end -}}
+
+  {{- partial "home-section.html" (dict "SectionPages" $recent "Title" "Dernières publications" "Context" .) -}}
+
+  {{- range sort $leafSections "Lastmod" "desc" -}}
+  {{- $section := . -}}
+  {{- $sectionPages := slice -}}
+  {{- range $section.RegularPagesRecursive.ByDate.Reverse -}}
+  {{- if not (in $used .File.Path) -}}
+  {{- $sectionPages = $sectionPages | append . -}}
+  {{- end -}}
+  {{- end -}}
+  {{- $sectionPages = first 4 $sectionPages -}}
+  {{- if gt (len $sectionPages) 0 -}}
+  {{- range $sectionPages -}}
+  {{- $used = $used | append .File.Path -}}
+  {{- end -}}
+  {{- partial "home-section.html" (dict "SectionPages" $sectionPages "Section" $section "Context" .) -}}
+  {{- end -}}
+  {{- end -}}
+</main>
+{{- end }}
diff --git a/themes/42/layouts/page.html b/themes/42/layouts/page.html
new file mode 100644
index 00000000..d51b1302
--- /dev/null
+++ b/themes/42/layouts/page.html
@@ -0,0 +1,30 @@
+{{ define "main" }}
+{{ partial "hero-page.html" . }}
+<main>
+  <article class="article-body">
+
+    {{- if eq .Page.Parent.RelPermalink "/interets/liens-interessants/" -}}
+    {{- else -}}
+    {{- if .Params.cover -}}
+    {{- partial "media/render-image.html" (dict
+    "Page" .Page
+    "Destination" .Params.cover
+    ) -}}
+    {{- end -}}
+    {{- end -}}
+
+    {{ with .TableOfContents }}
+    {{ if gt (len (plainify .)) 0 }}
+      <div class="stat">
+        <strong>
+          Sommaire
+        </strong>
+      {{ . | safeHTML }}
+      </div>
+    {{ end }}
+    {{ end }}
+
+    {{ .Content }}
+  </article>
+</main>
+{{ end }}
diff --git a/themes/42/layouts/section.html b/themes/42/layouts/section.html
new file mode 100644
index 00000000..980555ea
--- /dev/null
+++ b/themes/42/layouts/section.html
@@ -0,0 +1,8 @@
+{{ define "main" }}
+{{ partial "hero-section.html" . }}
+<main>
+  {{ .Content }}
+
+  {{- partial "articles-list.html" (dict "Pages" .Pages.ByDate.Reverse "Context" .) -}}
+</main>
+{{ end }}
\ No newline at end of file
diff --git a/themes/42/layouts/taxonomy.html b/themes/42/layouts/taxonomy.html
new file mode 100644
index 00000000..c2e78751
--- /dev/null
+++ b/themes/42/layouts/taxonomy.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
+  {{ range .Pages }}
+    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+  {{ end }}
+{{ end }}
diff --git a/themes/42/layouts/term.html b/themes/42/layouts/term.html
new file mode 100644
index 00000000..c2e78751
--- /dev/null
+++ b/themes/42/layouts/term.html
@@ -0,0 +1,7 @@
+{{ define "main" }}
+  <h1>{{ .Title }}</h1>
+  {{ .Content }}
+  {{ range .Pages }}
+    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+  {{ end }}
+{{ end }}
diff --git a/themes/default/assets/css/article.css b/themes/default/assets/css/article.css
deleted file mode 100644
index 3a0d4d37..00000000
--- a/themes/default/assets/css/article.css
+++ /dev/null
@@ -1,74 +0,0 @@
-article {
-    .article-hero {
-        width: 100vw;
-        height: 100vh;
-        background-size: cover;
-        background-position: center;
-        background-repeat: no-repeat;
-        z-index: 1;
-        position: fixed;
-        top: 0;
-
-        &.blurred-cover {
-            filter: blur(4px);
-            /* ou ce que vous souhaitez */
-        }
-
-        .image-attribution {
-            position: absolute;
-            bottom: 0;
-            right: 0;
-            transform-origin: bottom right;
-            transform: rotate(-90deg) translateX(100%);
-
-            font-size: 0.75rem;
-            color: var(--text-soft);
-            background: var(--overlay-black-75);
-            padding: 0.4rem 0.6rem;
-            border-radius: 6px 6px 0 0;
-            pointer-events: none;
-            z-index: 7;
-            white-space: nowrap;
-        }
-    }
-
-    .article-content,
-    aside {
-        position: relative;
-        z-index: 2;
-        max-width: 80ch;
-        margin: 2rem auto;
-        padding: 2rem;
-        background: var(--surface-panel-strong);
-        border-radius: 12px;
-        box-shadow: 0 8px 24px var(--overlay-black-30),
-            inset 0 1px 2px var(--bg-white-05);
-        border: 1px solid var(--bg-white-05);
-    }
-
-}
-
-#article-backdrop {
-    position: absolute;
-    top: 0;
-    overflow: hidden;
-    left: 0;
-    width: 100vw;
-    height: auto;
-    bottom: 0;
-    /* suffisamment grand pour dépasser l’article */
-    pointer-events: none;
-    z-index: 1;
-
-    background: linear-gradient(to bottom,
-            var(--transparent) 0%,
-            var(--transparent) 100vh,
-            var(--overlay-black-40) 113vh,
-            var(--overlay-black-80) 125vh);
-}
-
-@media (max-width: 768px) {
-    article .article-content {
-        padding: 2rem 0;
-    }
-}
diff --git a/themes/default/assets/css/base.css b/themes/default/assets/css/base.css
deleted file mode 100644
index f231a740..00000000
--- a/themes/default/assets/css/base.css
+++ /dev/null
@@ -1,118 +0,0 @@
-body {
-    font-family: 'GowunDodum', system-ui, sans-serif;
-    color: var(--text-color);
-    font-size: 1rem;
-    min-height: 100vh;
-    height: auto;
-    background: var(--body-bg-color) linear-gradient(to bottom,
-            var(--body-bg-color2) 0%,
-            var(--body-bg-color3) 50%,
-            var(--body-bg-color) 100%);
-    background-size: 100% 100%;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-}
-
-body::before {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-image: linear-gradient(var(--bg-white-02) 1px, var(--transparent) 1px),
-        linear-gradient(90deg, var(--bg-white-02) 1px, var(--transparent) 1px);
-    background-size: 2px 2px;
-    opacity: 0.5;
-    pointer-events: none;
-}
-
-main {
-    flex-grow: 1;
-}
-
-main>section:not(#hero) {
-    display: flex;
-    flex-direction: column;
-}
-
-main>section:not(#hero)>h2 {
-    margin: 0 0 1rem 0;
-    font-size: 1.6rem;
-    letter-spacing: 0.02em;
-}
-
-main>section:not(#hero)>h2 a {
-    color: inherit;
-    text-decoration: none;
-}
-
-main>section:not(#hero)>h2 a:hover,
-main>section:not(#hero)>h2 a:focus {
-    color: var(--accent-blue);
-}
-
-main>section:not(#hero)>nav[aria-label] {
-    margin: 0;
-}
-
-main>section:not(#hero)>nav[aria-label] ol {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.35rem;
-    list-style: none;
-    padding: 0;
-    margin: 0;
-    font-size: 0.95rem;
-    color: var(--text-muted2);
-}
-
-main>section:not(#hero)>nav[aria-label] ol li {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.5rem;
-}
-
-main>section:not(#hero)>nav[aria-label] ol li+li::before {
-    content: "/";
-    color: var(--text-muted2);
-}
-
-main>section:not(#hero)>nav[aria-label] a {
-    color: inherit;
-    text-decoration: none;
-}
-
-main>section:not(#hero)>nav[aria-label] a:hover,
-main>section:not(#hero)>nav[aria-label] a:focus {
-    color: var(--accent-blue);
-}
-
-.external-link::after {
-    content: " ↗";
-    font-size: 0.85em;
-    display: inline-block;
-    margin-left: 0.2em;
-    vertical-align: baseline;
-    text-decoration: none;
-}
-
-hr {
-    all: unset;
-    display: block;
-    width: 100%;
-    max-width: 30em;
-    height: 1rem;
-    margin: auto;
-    position: relative;
-    background: radial-gradient(ellipse at center -20px,
-            var(--accent-blue-glow),
-            var(--transparent) 80%);
-}
-
-.hr-mirror {
-    background: radial-gradient(ellipse at center calc(100% + 20px),
-            var(--accent-blue-glow),
-            var(--transparent) 80%);
-}
\ No newline at end of file
diff --git a/themes/default/assets/css/fonts.css b/themes/default/assets/css/fonts.css
deleted file mode 100644
index 838da658..00000000
--- a/themes/default/assets/css/fonts.css
+++ /dev/null
@@ -1,6 +0,0 @@
-@font-face {
-    font-family: 'GowunDodum';
-    src: url('/fonts/gowun-dodum.woff2') format('woff2');
-    font-weight: normal;
-    font-style: normal;
-}
\ No newline at end of file
diff --git a/themes/default/assets/css/footer.css b/themes/default/assets/css/footer.css
deleted file mode 100644
index 59e15178..00000000
--- a/themes/default/assets/css/footer.css
+++ /dev/null
@@ -1,86 +0,0 @@
-body>footer {
-    width: 90%;
-    z-index: 10;
-    max-width: 1200px;
-    margin: 2rem auto 0 auto;
-    padding: 2rem;
-    background: linear-gradient(to bottom, var(--surface-charcoal), var(--surface-onyx));
-    border-radius: 2rem 2rem 0 0;
-    box-shadow: 0 8px 20px var(--overlay-black-60);
-    text-align: center;
-    color: var(--text-dim);
-    border-top: 2px solid var(--bg-white-20);
-
-    p {
-        font-size: 0.85rem;
-        color: var(--text-muted2);
-        margin-top: 1rem;
-        text-align: center;
-
-        a {
-            color: var(--link-blue);
-
-            &:hover {
-                color: var(--text-white);
-            }
-        }
-    }
-
-    nav {
-        margin-bottom: 1.5rem;
-
-        a {
-            color: var(--link-blue);
-            text-decoration: none;
-            font-weight: 600;
-            transition: color 0.3s ease-in-out, background 0.2s;
-            white-space: nowrap;
-
-            &:hover {
-                color: var(--text-white);
-                background: var(--accent-blue-alpha-20);
-                border-radius: 3px;
-            }
-        }
-
-        ul {
-            display: flex;
-            flex-wrap: wrap;
-            justify-content: center;
-            gap: 2rem;
-            list-style: none;
-            padding-left: 0;
-
-            li {
-                position: relative;
-                text-align: center;
-                flex: 1 1 0px;
-                flex-basis: 0;
-
-                ul {
-                    display: flex;
-                    flex-direction: column;
-                    margin-top: 0.5rem;
-                    padding-top: 0.5rem;
-                    border-top: 2px solid var(--bg-white-15);
-                    list-style: none;
-                    padding-left: 0;
-                    gap: 0.3rem;
-
-                    li {
-                        padding: 0.2rem 0;
-                        font-size: 0.9rem;
-                        color: var(--footer-text-muted);
-                    }
-                }
-            }
-        }
-
-        a,
-        span {
-            display: block;
-            padding: 0.5rem 1rem;
-            border-radius: 4px;
-        }
-    }
-}
diff --git a/themes/default/assets/css/generated/sections-colors.css b/themes/default/assets/css/generated/sections-colors.css
deleted file mode 100644
index 800afa28..00000000
--- a/themes/default/assets/css/generated/sections-colors.css
+++ /dev/null
@@ -1,13 +0,0 @@
-{{- range $section, $color := site.Data.sections_colors }}
-.section-{{ $section }} {
---section-color: {{ $color }};
-color: var(--section-color);
-}
-.section-{{ $section }} a {
-color: var(--section-color);
-}
-.section-{{ $section }} a:hover {
-color: var(--text-white);
-background-color: var(--section-color);
-}
-{{- end }}
diff --git a/themes/default/assets/css/header.css b/themes/default/assets/css/header.css
deleted file mode 100644
index 1c29a868..00000000
--- a/themes/default/assets/css/header.css
+++ /dev/null
@@ -1,213 +0,0 @@
-article>header,
-main>header {
-    position: relative;
-    z-index: 10;
-    width: 90%;
-    max-width: 1200px;
-    margin: 0 auto 2rem auto;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: space-between;
-    padding: .5rem 1rem;
-    background:
-        radial-gradient(circle at top left, var(--bg-white-12) 0%, var(--transparent) 60%),
-        linear-gradient(to bottom, var(--surface-charcoal), var(--surface-onyx));
-    border-radius: 0 0 2rem 2rem;
-    box-shadow: 0 8px 20px var(--overlay-black-60);
-    gap: 1rem;
-
-    .site-logo {
-        flex-shrink: 0;
-        margin: auto;
-    }
-
-    .header-content {
-        flex: 1;
-        min-width: 200px;
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        color: var(--text-white);
-    }
-
-    .page-title {
-        font-size: 1.5rem;
-        margin: 0;
-        font-weight: 600;
-    }
-
-    .page-meta {
-        font-size: 0.875rem;
-        margin-top: .25rem;
-        opacity: 0.8;
-        display: flex;
-        flex-wrap: wrap;
-        gap: 0.75rem;
-    }
-}
-
-.tablet-header {
-    position: sticky;
-    top: 0;
-    z-index: 9;
-    display: flex;
-    align-items: center;
-    gap: 0.75rem;
-    width: 85%;
-    max-width: 1140px;
-    margin: -4.5rem auto 2rem auto;
-    padding: 0.4rem 1rem;
-    height: 2.5rem;
-
-    background-color: var(--surface-elevated);
-
-    background-image:
-        /* Stries métalliques irrégulières */
-        repeating-linear-gradient(to right,
-            var(--header-metal-stripe-strong) 0%,
-            var(--header-metal-stripe-strong) 4%,
-            var(--header-metal-stripe-highlight) 5%,
-            var(--header-metal-stripe-strong) 6%),
-        /* Stries secondaires plus douces */
-        repeating-linear-gradient(to right,
-            var(--header-metal-stripe-soft) 0%,
-            var(--header-metal-stripe-soft) 2%,
-            var(--header-metal-stripe-soft-highlight) 3%,
-            var(--header-metal-stripe-soft) 4%),
-        /* Effet d'ombrage et reflet léger */
-        linear-gradient(to bottom,
-            var(--header-metal-gradient-top) 0%,
-            var(--header-metal-gradient-mid) 47%,
-            var(--header-metal-gradient-top) 53%,
-            var(--header-metal-gradient-bottom) 100%);
-
-    background-size: 200px 100%;
-    background-repeat: repeat;
-
-    border-radius: 0 0 1rem 1rem;
-    box-shadow: 0 4px 12px var(--overlay-black-50);
-    overflow: hidden;
-
-    .tablet-links {
-        display: flex;
-        flex-wrap: wrap;
-        gap: .5rem;
-
-        .tablet-link {
-            display: inline-flex;
-            align-items: center;
-            gap: 0.4rem;
-            padding: 0.4rem 0.8rem;
-            border-radius: 999px;
-            background: var(--surface-elevated);
-            color: var(--text-light);
-            text-decoration: none;
-            border: 1px solid var(--transparent);
-            font-size: 0.85rem;
-            line-height: 1;
-            transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
-        }
-
-        .tablet-link:hover,
-        .tablet-link:focus-visible {
-            background-color: var(--surface-elevated-hover);
-            color: var(--text-white);
-        }
-
-        .tablet-link:focus-visible {
-            outline: 2px solid var(--accent-blue);
-            outline-offset: 3px;
-            border-color: var(--transparent);
-        }
-
-        .tablet-link:focus:not(:focus-visible) {
-            outline: none;
-        }
-
-        .tablet-link-icon {
-            font-size: 1rem;
-            line-height: 1;
-        }
-
-        .tablet-menu {
-            position: relative;
-            display: inline-flex;
-            flex-direction: column;
-            align-items: stretch;
-        }
-
-        .tablet-menu[open] .tablet-link {
-            background-color: var(--border-dark);
-            color: var(--text-white);
-        }
-
-        .tablet-menu summary {
-            list-style: none;
-            cursor: pointer;
-        }
-
-        .tablet-menu summary::-webkit-details-marker,
-        .tablet-menu summary::marker {
-            display: none;
-        }
-    }
-
-    .tablet-logo {
-        height: 32px;
-        flex-shrink: 0;
-    }
-
-    .tablet-title {
-        font-size: 0.9rem;
-        font-weight: 500;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        color: var(--text-dim);
-        flex: 1;
-    }
-
-    #toc {
-        position: relative;
-
-        #TableOfContents {
-            position: fixed;
-            top: 2.5rem;
-            z-index: 8;
-            width: clamp(300px, 50vw, 600px);
-            max-height: 50vh;
-            right: 0;
-            margin: 0 auto;
-            background-color: var(--surface-elevated);
-            border: 1px solid var(--border-panel);
-            border-radius: 0.5rem;
-            box-shadow: 0 0 10px var(--overlay-black-40);
-            overflow: auto;
-            padding: 1rem;
-            scrollbar-width: thin;
-            scrollbar-color: var(--scrollbar-thumb) var(--surface-elevated);
-        }
-
-        #TableOfContents ul {
-            list-style: none;
-            padding-left: 1rem;
-        }
-
-        #TableOfContents li {
-            margin: 0.25rem 0;
-        }
-
-        #TableOfContents a {
-            text-decoration: none;
-            color: var(--text-light);
-            transition: color 0.2s ease;
-            display: block;
-        }
-
-        #TableOfContents a:hover {
-            color: var(--accent-blue);
-            text-decoration: underline;
-        }
-    }
-}
diff --git a/themes/default/assets/css/hero.css b/themes/default/assets/css/hero.css
deleted file mode 100644
index 798fb7a8..00000000
--- a/themes/default/assets/css/hero.css
+++ /dev/null
@@ -1,152 +0,0 @@
-#hero {
-    width: 90%;
-    max-width: 1200px;
-    margin: 2rem auto 1.25rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.35rem;
-    padding: 1.25rem 1.4rem 1.3rem;
-    border-radius: 12px;
-    position: relative;
-    background: linear-gradient(140deg, rgba(28, 28, 28, 0.98), rgba(14, 14, 14, 0.94));
-    border: 1px solid rgba(255, 255, 255, 0.04);
-}
-
-#hero header {
-    display: flex;
-    align-items: center;
-    gap: 1.5rem;
-}
-
-#hero header figure {
-    flex-shrink: 0;
-    margin: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    position: relative;
-}
-
-#hero header figure img {
-    width: 100%;
-    max-width: 160px;
-    height: auto;
-    filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.35));
-}
-
-#hero header>div {
-    display: flex;
-    flex-direction: column;
-    gap: 0.35rem;
-}
-
-#hero header h1 {
-    margin: 0;
-    font-size: 2.6rem;
-    letter-spacing: 0.02em;
-}
-
-#hero header .site-description {
-    margin: 0;
-    font-size: 1.1rem;
-    color: var(--text-softest);
-    letter-spacing: 0.04em;
-}
-
-#hero>ul {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-    gap: 1rem;
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-#hero>ul li {
-    display: flex;
-    flex-direction: column;
-    gap: 0.4rem;
-    padding: 1.1rem 1.2rem;
-    border-radius: 12px;
-    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(20, 20, 20, 0.2));
-    border: 1px solid rgba(255, 255, 255, 0.05);
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
-}
-
-#hero>ul li strong {
-    margin: 0;
-    font-size: 0.85rem;
-    text-transform: uppercase;
-    letter-spacing: 0.08em;
-    color: var(--text-muted2);
-}
-
-#hero>ul li span {
-    color: var(--text-white);
-}
-
-#hero>ul li span,
-#hero>ul li time {
-    font-size: 1.65rem;
-    font-weight: 600;
-    color: var(--text-white);
-}
-
-#hero>nav {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: center;
-    gap: 0.75rem;
-}
-
-#hero>nav a {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.45rem 0.9rem;
-    border-radius: 4px;
-    border: 1px solid rgba(255, 255, 255, 0.08);
-    background: rgba(255, 255, 255, 0.04);
-    color: var(--text-softer);
-    text-decoration: none;
-    font-size: 0.95rem;
-    font-weight: 600;
-    letter-spacing: 0.02em;
-    flex: 1 1 170px;
-    text-align: center;
-    transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
-}
-
-#hero>nav a:hover,
-#hero>nav a:focus {
-    color: var(--text-white);
-    background: rgba(255, 255, 255, 0.08);
-    border-color: rgba(255, 255, 255, 0.25);
-}
-
-@media (max-width: 900px) {
-    #hero {
-        margin: 1.5rem auto;
-        gap: 1rem;
-        text-align: center;
-    }
-
-    #hero header {
-        flex-direction: column;
-        align-items: center;
-        gap: 1rem;
-    }
-
-    #hero header figure img {
-        max-width: 140px;
-    }
-
-    #hero>ul {
-        grid-template-columns: 1fr;
-        gap: 0.75rem;
-    }
-
-    #hero>nav a {
-        flex: 1 1 140px;
-    }
-}
\ No newline at end of file
diff --git a/themes/default/assets/css/list.css b/themes/default/assets/css/list.css
deleted file mode 100644
index 36c86aa2..00000000
--- a/themes/default/assets/css/list.css
+++ /dev/null
@@ -1,227 +0,0 @@
-.articles-list {
-    padding: 1rem;
-    position: relative;
-    /* Place au-dessus de .article-content (z-index: 2) pour que les dropdowns ne soient pas masqués */
-    z-index: 5;
-}
-
-.articles-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    gap: 1rem;
-}
-
-.article-card {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    border-radius: 12px;
-    overflow: hidden;
-    position: relative;
-    background: linear-gradient(to bottom, var(--surface-charcoal-90), var(--surface-onyx-95));
-    border: 1px solid var(--bg-white-10);
-    border-top: 2px solid var(--bg-white-20);
-    box-shadow: 0 6px 14px var(--overlay-black-50);
-    color: inherit;
-    text-decoration: none;
-    transition: box-shadow 0.2s ease-in-out;
-}
-
-/* Effet léger au survol */
-.article-card:hover {
-    box-shadow: 0 8px 18px var(--overlay-black-70);
-}
-
-/* Image en haut, occupant toute la largeur */
-.article-image {
-    height: 180px;
-    background-size: cover;
-    background-position: center;
-    position: relative;
-    border-bottom: 2px solid var(--bg-white-10);
-    filter: brightness(0.6);
-    /* Image légèrement plus sombre */
-    transition: filter 0.2s ease-in-out;
-}
-
-/* Supprimer l'effet d'opacité au survol */
-.article-card:hover .article-image {
-    filter: brightness(1);
-}
-
-/* Effet verre */
-.article-image::after {
-    content: "";
-    position: absolute;
-    inset: 0;
-    background: linear-gradient(to top, var(--bg-white-05), var(--transparent));
-    opacity: 0.4;
-}
-
-/* Date en haut à gauche */
-.article-date {
-    position: absolute;
-    top: 160px;
-    left: 0;
-    background: var(--accent-orange);
-    color: var(--text-white);
-    font-weight: bold;
-    font-size: 0.75rem;
-    padding: 4px 12px;
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-left: none;
-}
-
-/* Contenu bien structuré */
-.article-content {
-    display: flex;
-    flex-direction: column;
-    flex-grow: 1;
-    /* Permet à la section du bas de rester alignée */
-    padding: 0.8rem;
-}
-
-/* Titre bien collé sous l'image */
-.article-title {
-    font-size: 1rem;
-    margin-bottom: auto;
-    /* Repousse la section et la durée de lecture vers le bas */
-    transition: color 0.2s ease-in-out;
-}
-
-/* Titre devient bleu au survol */
-.article-card:hover .article-title {
-    color: var(--link-blue);
-}
-
-/* Métadonnées (section + durée de lecture) bien ancrées en bas */
-.article-meta {
-    font-size: 0.8rem;
-    color: var(--text-soft);
-    display: flex;
-    justify-content: space-between;
-    width: 100%;
-    margin-top: .5rem;
-    /* Force ces éléments à coller en bas */
-}
-
-.featured-section {
-    padding: 1rem;
-}
-
-.featured-card {
-    display: flex;
-    gap: 1.5rem;
-    padding: 1.5rem;
-    border-radius: 12px;
-    background: linear-gradient(135deg, rgba(30, 30, 30, 0.95), rgba(12, 12, 12, 0.92));
-    border: 1px solid rgba(255, 255, 255, 0.06);
-    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
-    align-items: stretch;
-}
-
-.featured-card__image {
-    display: block;
-    flex: 0 0 42%;
-    border-radius: 10px;
-    overflow: hidden;
-    background: linear-gradient(135deg, #1f1f1f, #101010);
-}
-
-.featured-card__image img {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-}
-
-.featured-card__image--placeholder {
-    width: 100%;
-    height: 100%;
-    min-height: 220px;
-    background: linear-gradient(135deg, #2a2a2a, #161616);
-}
-
-.featured-card__body {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    gap: 0.85rem;
-    color: var(--text-softer);
-}
-
-.featured-card__meta {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.75rem;
-    align-items: center;
-    font-size: 0.9rem;
-    color: var(--text-muted);
-}
-
-.featured-card__meta time {
-    font-size: 0.85rem;
-    color: var(--text-soft);
-}
-
-.featured-card__title {
-    margin: 0;
-    font-size: 1.6rem;
-    line-height: 1.2;
-}
-
-.featured-card__title a {
-    color: var(--text-white);
-    text-decoration: none;
-}
-
-.featured-card__title a:hover,
-.featured-card__title a:focus {
-    color: var(--accent-blue);
-}
-
-.featured-card__summary {
-    margin: 0;
-    font-size: 1rem;
-    line-height: 1.6;
-    color: var(--text-soft);
-}
-
-.featured-card__cta {
-    align-self: flex-start;
-    padding: 0.45rem 1rem;
-    border-radius: 4px;
-    border: 1px solid rgba(255, 255, 255, 0.12);
-    text-decoration: none;
-    color: var(--text-softer);
-    font-weight: 600;
-    letter-spacing: 0.02em;
-    transition: color 160ms ease, background 160ms ease, border-color 160ms ease;
-}
-
-.featured-card__cta:hover,
-.featured-card__cta:focus {
-    color: var(--text-white);
-    border-color: rgba(255, 255, 255, 0.3);
-    background: rgba(255, 255, 255, 0.08);
-}
-
-.featured-card__section {
-    text-transform: uppercase;
-    font-size: 0.85rem;
-    letter-spacing: 0.08em;
-    color: var(--text-muted2);
-}
-
-@media (max-width: 900px) {
-    .featured-card {
-        flex-direction: column;
-    }
-
-    .featured-card__image {
-        flex: none;
-        width: 100%;
-        aspect-ratio: 16 / 9;
-    }
-}
diff --git a/themes/default/assets/css/main.css b/themes/default/assets/css/main.css
deleted file mode 100644
index c4bd1c29..00000000
--- a/themes/default/assets/css/main.css
+++ /dev/null
@@ -1,12 +0,0 @@
-@import "variables.css";
-@import "reset.css";
-@import "fonts.css";
-@import "base.css";
-@import "hero.css";
-@import "footer.css";
-@import "list.css";
-@import "header.css";
-@import "pagination.css";
-@import "article.css";
-@import "typography.css";
-@import "timeline.css";
\ No newline at end of file
diff --git a/themes/default/assets/css/pagination.css b/themes/default/assets/css/pagination.css
deleted file mode 100644
index cd813932..00000000
--- a/themes/default/assets/css/pagination.css
+++ /dev/null
@@ -1,190 +0,0 @@
-.pagination-bar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: .2rem .3rem;
-    background: linear-gradient(to bottom, var(--surface-charcoal-90), var(--surface-onyx-95));
-    border-top: 2px solid var(--bg-white-20);
-    border-radius: 12px;
-    box-shadow: 0 6px 14px var(--overlay-black-50);
-    gap: 1rem;
-    flex-wrap: wrap;
-
-    &.up {
-        margin-top: 2em;
-    }
-
-    &.down {
-        margin-bottom: 2em;
-    }
-}
-
-.pagination-bar a,
-.pagination-bar .disabled {
-    color: var(--link-blue);
-    text-decoration: none;
-    padding: 0.5rem 1rem;
-    border-radius: 6px;
-    transition: color 0.3s ease-in-out, background 0.2s;
-    white-space: nowrap;
-}
-
-.pagination-bar a:hover {
-    color: var(--text-white);
-    background: var(--accent-blue-alpha-20);
-}
-
-.pagination-bar .disabled {
-    opacity: 0.1;
-    pointer-events: none;
-}
-
-.page-select {
-    position: relative;
-    display: block;
-    color: var(--footer-link-color);
-    text-decoration: none;
-    white-space: nowrap;
-    font-size: 1rem;
-    z-index: 10;
-
-    &[open] {
-        summary {
-            background: var(--accent-blue-alpha-20);
-            color: var(--text-white);
-            border-color: var(--accent-blue-alpha-40);
-        }
-    }
-
-    summary {
-        display: block;
-        cursor: pointer;
-        user-select: none;
-        padding: 0.5rem 1rem;
-        background: var(--bg-white-05);
-        border: 1px solid var(--bg-white-20);
-        border-radius: 6px;
-        font-weight: bold;
-        text-align: center;
-    }
-
-    summary::-webkit-details-marker {
-        display: none;
-    }
-
-    summary::after {
-        margin-left: 0.5em;
-        font-family: monospace;
-        content: '▶';
-    }
-
-    &.down summary~* {
-        top: 2.5em;
-
-        &[open] {
-            summary::after {
-                font-family: monospace;
-                content: '▼';
-            }
-        }
-    }
-
-    &.up summary~* {
-        bottom: 2.5em;
-
-        &[open] {
-            summary::after {
-                font-family: monospace;
-                content: '▲';
-            }
-        }
-    }
-
-    summary~* {
-        position: absolute;
-        border: 1px solid var(--border-darker);
-        border-radius: 0.5rem;
-        background: var(--bg-dark);
-        box-shadow: 0 1px 1em var(--shadow-color);
-        max-height: 50vh;
-        overflow-y: auto;
-        margin: 0;
-        padding: 0.5rem;
-        list-style: none;
-        min-width: 6rem;
-        z-index: 100;
-    }
-
-    ul {
-        padding: 0;
-        margin: 0;
-    }
-
-    li a,
-    li span.current {
-        display: block;
-        padding: 0.4rem 1rem;
-        text-align: center;
-        color: var(--footer-link-color);
-        text-decoration: none;
-        border-radius: 4px;
-        transition: background-color 0.2s, color 0.2s;
-    }
-
-    li a:hover {
-        background-color: var(--bg-white-05);
-        color: var(--footer-link-hover-color);
-    }
-
-    li span.current {
-        color: var(--text-white);
-        font-weight: bold;
-        background-color: var(--bg-white-10);
-    }
-}
-
-.pagination-bar.dossier-pagination {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    flex-wrap: wrap;
-    gap: 1em;
-    margin: 2em 0;
-}
-
-.pagination-bar h2 {
-    flex: 1 1 100%;
-    font-size: 1.5em;
-    margin-bottom: 0.5em;
-    text-align: center;
-}
-
-.page-select.dossier-select summary {
-    cursor: pointer;
-    font-weight: bold;
-}
-
-.page-select.dossier-select ul {
-    margin: 0.5em 0 0 0;
-    padding-left: 1em;
-    list-style: none;
-}
-
-.page-select.dossier-select li {
-    margin: 0.25em 0;
-}
-
-.page-select.dossier-select .current {
-    font-weight: bold;
-    text-decoration: underline;
-}
-
-.prev-page,
-.next-page {
-    white-space: nowrap;
-}
-
-.disabled {
-    opacity: 0.4;
-    pointer-events: none;
-}
\ No newline at end of file
diff --git a/themes/default/assets/css/reset.css b/themes/default/assets/css/reset.css
deleted file mode 100644
index 27398442..00000000
--- a/themes/default/assets/css/reset.css
+++ /dev/null
@@ -1,88 +0,0 @@
-/* 1. Box-sizing plus intuitif */
-*,
-*::before,
-*::after {
-    box-sizing: border-box;
-    line-height: 150%;
-}
-
-html {
-    margin: 0;
-    padding: 0;
-    height: auto;
-}
-
-/* 2. Supprime les marges par défaut */
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-figure,
-blockquote,
-dl,
-dd {
-    margin: 0;
-}
-
-/* 3. Empêche les textes trop larges */
-body {
-    max-width: 100vw;
-    overflow-x: hidden;
-}
-
-/* 5. Uniformise la gestion des images */
-img,
-picture,
-video,
-canvas,
-svg {
-    display: block;
-    max-width: 100%;
-    height: auto;
-}
-
-/* 6. Supprime l’héritage des polices dans les inputs et boutons */
-input,
-button,
-textarea,
-select {
-    font: inherit;
-}
-
-/* 7. Évite l'effet "saut de style" lors du chargement des polices */
-html {
-    font-size: 125%;
-    -webkit-text-size-adjust: 100%;
-}
-
-/* 8. Curseur "pointer" par défaut sur les boutons */
-button,
-details,
-summary {
-    cursor: pointer;
-}
-
-/* 9. Supprime l'effet de contour bleu flashy de Chrome mais garde l'accessibilité */
-a,
-button {
-    outline-offset: 2px;
-}
-
-p {
-    text-align: justify;
-}
-
-p+p {
-    margin-top: .75rem;
-}
-
-@media (prefers-reduced-motion: reduce) {
-    * {
-        transition: none !important;
-        animation: none !important;
-    }
-}
\ No newline at end of file
diff --git a/themes/default/assets/css/timeline.css b/themes/default/assets/css/timeline.css
deleted file mode 100644
index e9d5d718..00000000
--- a/themes/default/assets/css/timeline.css
+++ /dev/null
@@ -1,93 +0,0 @@
-.timeline {
-    display: grid;
-    grid-template-columns: 4rem 6rem 3rem 1fr;
-    row-gap: 0.5rem;
-    column-gap: 0.5rem;
-    max-width: 80ch;
-    margin: 0 auto;
-}
-
-/* Empêche les blocs internes de casser la grille */
-.timeline .year,
-.timeline .month,
-.timeline .day,
-.timeline .list {
-    display: contents;
-}
-
-.timeline .year>span {
-    grid-column: 1;
-    font-weight: bold;
-    color: var(--text-softest);
-    background: var(--surface-contrast);
-    padding: 0.2rem 0.5rem;
-    border-radius: 0.5rem;
-    position: sticky;
-    top: 3rem;
-    z-index: 3;
-    text-align: center;
-    align-self: start;
-    height: auto;
-    max-height: none;
-}
-
-.timeline .month>span {
-    grid-column: 2;
-    font-style: italic;
-    color: var(--accent-blue-light);
-    background: var(--surface-accent);
-    padding: 0.2rem 0.5rem;
-    border-radius: 0.5rem;
-    position: sticky;
-    top: 3rem;
-    z-index: 2;
-    align-self: start;
-    height: auto;
-    max-height: none;
-    text-align: center;
-}
-
-.timeline .day>span {
-    grid-column: 3;
-    color: var(--text-light);
-    background: var(--surface-muted);
-    padding: 0.2rem 0.5rem;
-    border-radius: 0.5rem;
-    position: sticky;
-    top: 3rem;
-    z-index: 1;
-    align-self: start;
-    height: auto;
-    max-height: none;
-    text-align: center;
-}
-
-/* Articles */
-.timeline .day>.list {
-    grid-column: 4;
-    display: flex;
-    flex-direction: column;
-    gap: 0.2rem;
-    padding: 0.2rem 0.5rem;
-}
-
-.timeline ul {
-    margin: 0 !important;
-
-    li {
-        margin: 0 !important;
-        padding: 0 0 0 1rem !important;
-    }
-}
-
-.timeline .day>.list a {
-    text-decoration: none;
-    color: var(--text-softer);
-    font-weight: 500;
-    display: block;
-}
-
-.timeline .day>.list a:hover {
-    color: var(--accent-blue-hover);
-    text-decoration: underline;
-}
diff --git a/themes/default/assets/css/typography.css b/themes/default/assets/css/typography.css
deleted file mode 100644
index ea284491..00000000
--- a/themes/default/assets/css/typography.css
+++ /dev/null
@@ -1,623 +0,0 @@
-article {
-    .article-content {
-        counter-reset: h2;
-    }
-}
-
-
-.article-content,
-article aside {
-    a {
-        color: var(--link-blue);
-        text-decoration: underline;
-        text-underline-offset: 2px;
-        text-decoration-thickness: 1.5px;
-        overflow-wrap: break-word;
-
-        &:hover,
-        &:focus {
-            color: var(--accent-blue);
-            outline: none;
-        }
-
-        &:focus-visible {
-            outline: 2px solid var(--accent-blue);
-            outline-offset: 3px;
-        }
-    }
-
-    a.affiliated {
-        color: var(--accent-purple-bright);
-        /* or: gold */
-        text-decoration: underline;
-    }
-
-    a.affiliated:hover,
-    a.affiliated:focus {
-        color: var(--accent-pink-bright);
-    }
-
-    a.external {
-        color: var(--heading-pink);
-        /* or: gold */
-        text-decoration: underline;
-    }
-
-    a.external:hover,
-    a.external:focus {
-        color: var(--accent-rose-light);
-    }
-
-    a.active {
-        color: var(--text-white) !important;
-    }
-
-    abbr {
-        text-decoration: underline dotted;
-        cursor: help;
-    }
-
-    address {
-        display: block;
-        margin: 2em;
-        padding: 1em 1.5em;
-        border-left: 4px solid var(--accent-blue);
-        background-color: var(--bg-white-03);
-        font-size: 0.9em;
-        color: var(--text-light);
-        font-style: normal;
-        border-radius: 0.5em;
-        line-height: 1.6;
-    }
-
-    audio {
-        display: block;
-        width: 100%;
-        max-width: 500px;
-        margin: 2em auto;
-    }
-
-    blockquote {
-        margin: 2em 0;
-        padding-left: 1.5em;
-        border-left: 4px solid var(--accent-blue);
-        color: var(--text-light);
-        font-style: italic;
-        font-size: 1.1em;
-        line-height: 1.6;
-        text-align: justify;
-
-        cite {
-            display: block;
-            margin-top: 1em;
-            font-style: normal;
-            font-size: 0.9em;
-            color: var(--text-muted2);
-            text-align: right;
-        }
-    }
-
-    dl {
-        display: grid;
-        grid-template-columns: 40% 60%;
-        row-gap: 0;
-        border: 1px solid var(--border-dark);
-        border-radius: 4px;
-        overflow: hidden;
-        margin: 2em 0;
-    }
-
-    /* Base commune */
-    dt,
-    dd {
-        padding: 0.6em 1em;
-        border-bottom: 1px solid var(--border-dark);
-    }
-
-    /* Colonne de gauche */
-    dt {
-        font-weight: bold;
-        color: var(--text-white);
-        border-right: 1px solid var(--border-dark);
-    }
-
-    /* Colonne de droite */
-    dd {
-        color: var(--text-light);
-        line-height: 1.6;
-    }
-
-    /* Effet zébré sur les paires dt/dd */
-    dl dt:nth-of-type(odd),
-    dl dd:nth-of-type(odd) {
-        background-color: var(--surface-dark);
-    }
-
-    dl dt:nth-of-type(even),
-    dl dd:nth-of-type(even) {
-        background-color: var(--surface-overlay);
-    }
-
-    del {
-        display: inline;
-        text-decoration: line-through;
-        color: var(--text-red);
-        background-color: var(--bg-red-01);
-        padding: 0 0.2em;
-        border-radius: 0.2em;
-    }
-
-    details {
-        margin: 2em 0;
-        border-radius: 0.5em;
-        overflow: hidden;
-        padding: 1rem;
-
-        summary {
-            cursor: pointer;
-            padding: 0.5rem 1rem;
-            font-weight: bold;
-            user-select: none;
-        }
-
-        &.spoiler {
-            border-left: 4px solid var(--border-muted);
-            background-color: var(--bg-white-03);
-
-            summary {
-                color: var(--text-muted);
-
-                &::before {
-                    content: "⚠️ ";
-                    margin-right: 0.25em;
-                }
-            }
-
-            &[open] summary {
-                color: var(--text-white);
-            }
-        }
-
-        &.update {
-            border-left: 4px solid var(--accent-blue);
-            background-color: var(--bg-accent-blue-01);
-
-            summary {
-                color: var(--accent-blue);
-
-                &::before {
-                    content: "🛈 ";
-                    margin-right: 0.25em;
-                }
-            }
-
-            &[open] summary {
-                color: var(--text-white);
-            }
-        }
-
-        &.read-more {
-            border: none;
-            background: none;
-
-            summary {
-                font-weight: normal;
-                color: var(--link-blue);
-                text-decoration: underline dotted;
-
-                &::before {
-                    content: "➕ ";
-                    margin-right: 0.25em;
-                }
-
-                &:hover {
-                    color: var(--accent-blue);
-                }
-            }
-
-            summary~p {
-                padding-left: 1.25em;
-            }
-        }
-    }
-
-    dfn {
-        font-style: italic;
-        font-weight: normal;
-        border-bottom: 1px dashed var(--accent-blue);
-        cursor: help;
-        text-decoration: none;
-    }
-
-    figure {
-        font-size: 0.9em;
-        display: block;
-        margin: 3em auto;
-        padding: 1rem;
-        border-radius: 1em;
-        background: radial-gradient(circle at top left, var(--bg-white-05), var(--overlay-black-70));
-        box-shadow:
-            inset 0 0 0 1px var(--bg-white-05),
-            0 0 10px var(--overlay-black-40);
-        backdrop-filter: blur(4px);
-        max-width: 100%;
-        text-align: center;
-
-        p {
-            text-align: center;
-        }
-
-        img,
-        video,
-        audio {
-            display: block;
-            max-width: 100%;
-            max-height: 60vh;
-            margin: 0 auto;
-            border-radius: 0.5em;
-        }
-
-        figcaption {
-            color: var(--text-muted);
-            margin-top: 0.5em;
-            line-height: 1.4;
-            font-style: italic;
-            padding: 0 1em;
-            font-size: 1rem;
-
-            em {
-                color: var(--text-softest);
-            }
-        }
-    }
-
-    hr {
-        all: unset;
-        display: block;
-        width: 100%;
-        max-width: 30em;
-        height: 1rem;
-        margin: 4em auto;
-        position: relative;
-        background: radial-gradient(ellipse at center -20px,
-                var(--accent-blue-glow),
-                var(--transparent) 80%);
-    }
-
-    input[type="checkbox"] {
-        appearance: none;
-        width: 1.1em;
-        height: 1.1em;
-        margin-right: 0.5em;
-        vertical-align: text-bottom;
-        /* ⬅ correction ici */
-        border: 2px solid var(--border-muted);
-        border-radius: 0.2em;
-        background-color: var(--transparent);
-        position: relative;
-        cursor: default;
-
-        &:checked::after {
-            content: "✓";
-            position: absolute;
-            top: 50%;
-            left: 50%;
-            transform: translate(-50%, -50%);
-            /* ⬅ centrage parfait */
-            color: var(--accent-blue);
-            font-weight: bold;
-            font-size: 0.85em;
-            /* ⬅ très léger ajustement */
-            line-height: 1;
-        }
-
-        &:disabled {
-            opacity: 1;
-        }
-    }
-
-    ins {
-        display: inline;
-        text-decoration: none;
-        font-weight: bold;
-        color: var(--text-green);
-        background-color: var(--bg-green-01);
-        padding: 0 0.2em;
-        border-radius: 0.2em;
-    }
-
-    kbd {
-        display: inline-block;
-        padding: 0.2em 0.6em;
-        margin: 0 0.1em;
-        font-family: inherit;
-        font-size: 0.9em;
-        line-height: 1.2;
-        color: var(--text-muted);
-        background-color: var(--bg-dark);
-        border-radius: 0.3em;
-        box-shadow:
-            0 0 6px var(--bg-white-25),
-            0 0 12px var(--bg-white-12),
-            inset 0 0 1px var(--bg-white-04);
-        white-space: nowrap;
-        vertical-align: middle;
-    }
-
-    pre {
-        overflow: scroll;
-        padding: 1em 0;
-    }
-
-    ul,
-    ol {
-        margin-block: 1em;
-        padding-left: 1.5em;
-
-        li {
-            margin-block: 0.3em;
-        }
-
-        li>ul,
-        li>ol {
-            margin-top: 0.5em;
-            margin-bottom: 0.5em;
-        }
-    }
-
-    /* UL : puce unifiée */
-    ul {
-        list-style: none;
-        padding-left: 1.5em;
-        margin-block: 1em;
-
-        li {
-            position: relative;
-            margin-block: 0.3em;
-            padding-left: 1em;
-            text-indent: 0;
-
-            &::before {
-                content: "•";
-                color: var(--accent-blue);
-                position: absolute;
-                left: 0;
-                top: 0.1em;
-            }
-
-            >ul,
-            >ol {
-                margin-top: 0.5em;
-                margin-bottom: 0.5em;
-            }
-        }
-    }
-
-    /* OL : numérotation propre et lisible */
-    ol {
-        list-style: decimal;
-
-        li::marker {
-            color: var(--heading-green);
-            font-variant-numeric: tabular-nums;
-        }
-    }
-
-    p {
-        text-align: justify;
-        margin-block: .5em;
-    }
-
-    .highlight {
-        font-size: .8rem;
-
-        pre {
-            padding: 1rem;
-            overflow: auto;
-            max-height: 50vh;
-            border-radius: .5rem;
-        }
-    }
-
-    q {
-        quotes: "«\00a0" " »" "“" "”";
-        font-style: italic;
-        color: var(--text-muted);
-
-        &::before {
-            content: open-quote;
-        }
-
-        &::after {
-            content: close-quote;
-        }
-    }
-
-    samp {
-        display: inline-block;
-        padding: 0.3em 0.6em;
-        margin: 0.2em 0.1em;
-        font-family: 'Courier New', monospace;
-        font-size: 0.9em;
-        line-height: 1.4;
-        color: var(--accent-green-bright);
-        background-color: var(--bg-dark);
-        border-radius: 0.3em;
-        box-shadow:
-            0 0 1px var(--bg-green-02),
-            inset 0 0 2px var(--bg-white-05);
-        white-space: pre-wrap;
-    }
-
-    pre samp {
-        display: block;
-        padding: 1em;
-        margin: 2em auto;
-        background-color: var(--bg-dark);
-        color: var(--accent-green-bright);
-        border-radius: 0.5em;
-        box-shadow:
-            0 0 10px var(--bg-lime-005),
-            inset 0 0 3px var(--bg-lime-01);
-        font-size: 0.8em;
-        max-height: 50vh;
-        overflow: auto;
-    }
-
-    strong {
-        color: var(--text-white);
-    }
-
-    sub,
-    sup {
-        font-size: 0.75em;
-        line-height: 1;
-        position: relative;
-        vertical-align: baseline;
-    }
-
-    sup {
-        top: -0.4em;
-    }
-
-    sub {
-        bottom: -0.2em;
-    }
-
-    table {
-        width: 100%;
-        border-collapse: collapse;
-        margin: 3em 0;
-        font-size: 0.95em;
-        line-height: 1.5;
-        border: 1px solid var(--border-dark);
-        background-color: var(--bg-white-015);
-        /* Suppression des coins arrondis */
-        border-radius: 0;
-    }
-
-    thead {
-        background-color: var(--bg-white-04);
-        color: var(--text-white);
-        font-weight: bold;
-    }
-
-    thead th {
-        padding: 0.75em 1em;
-        border: 1px solid var(--border-dark);
-        text-align: left;
-        white-space: nowrap;
-        background: linear-gradient(to bottom, var(--bg-white-06), var(--overlay-black-40));
-    }
-
-    tbody td {
-        padding: 0.75em 1em;
-        border: 1px solid var(--border-dark);
-        vertical-align: top;
-        text-align: left;
-        color: var(--text-light);
-        background-color: var(--transparent);
-        transition: background-color 0.2s;
-    }
-
-    /* Alternance des lignes */
-    tbody tr:nth-child(even) td {
-        background-color: var(--bg-white-015);
-    }
-
-    /* Survol ligne */
-    tbody tr:hover td {
-        background-color: var(--bg-accent-blue-005);
-    }
-
-    /* Survol cellule */
-    tbody td:hover {
-        background-color: var(--bg-accent-blue-008);
-    }
-
-    /* Pied du tableau */
-    tfoot td {
-        padding: 0.75em 1em;
-        font-style: italic;
-        color: var(--text-muted);
-        background-color: var(--bg-white-02);
-        border: 1px solid var(--border-dark);
-    }
-}
-
-aside {
-
-    h2::before,
-    h3::before,
-    h4::before,
-    h5::before,
-    h6::before {
-        content: none;
-    }
-}
-
-.numbered-headings {
-    h2 {
-        counter-reset: h3;
-        counter-increment: h2;
-        margin: 2.2em 0 1em;
-        font-size: 1.8em;
-        color: var(--accent-blue);
-        scroll-margin-top: 4rem;
-
-        &::before {
-            content: counter(h2) ". ";
-        }
-    }
-
-    h3 {
-        counter-reset: h4;
-        counter-increment: h3;
-        margin: 2em 0 0.8em;
-        font-size: 1.5em;
-        color: var(--heading-green);
-        scroll-margin-top: 4rem;
-
-        &::before {
-            content: counter(h2) "." counter(h3) ". ";
-        }
-    }
-
-    h4 {
-        counter-reset: h5;
-        counter-increment: h4;
-        margin: 1.8em 0 0.7em;
-        font-size: 1.3em;
-        color: var(--heading-yellow);
-        scroll-margin-top: 4rem;
-
-        &::before {
-            content: counter(h2) "." counter(h3) "." counter(h4) ". ";
-        }
-    }
-
-    h5 {
-        counter-reset: h6;
-        counter-increment: h5;
-        margin: 1.6em 0 0.6em;
-        font-size: 1.1em;
-        color: var(--heading-purple);
-        scroll-margin-top: 4rem;
-
-        &::before {
-            content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". ";
-        }
-    }
-
-    h6 {
-        counter-increment: h6;
-        margin: 1.4em 0 0.5em;
-        font-size: 1em;
-        color: var(--heading-pink);
-        scroll-margin-top: 4rem;
-
-        &::before {
-            content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". ";
-        }
-    }
-}
diff --git a/themes/default/assets/css/variables.css b/themes/default/assets/css/variables.css
deleted file mode 100644
index 323665d0..00000000
--- a/themes/default/assets/css/variables.css
+++ /dev/null
@@ -1,111 +0,0 @@
-:root {
-    --body-bg-color: #121212;
-    --body-bg-color2: #232323;
-    --body-bg-color3: #1a1a1a;
-    --text-color: hsl(213 20% 80%);
-    --footer-bg-color: #000000;
-    --footer-link-color: hsl(213, 20%, 65%);
-    --footer-link-hover-color: hsl(211, 98%, 90%);
-
-    --accent-blue: #64c7ff;
-    --accent-blue-hover: #2da8f4;
-    --accent-blue-light: #bceeff;
-    --link-blue: #8ab4f8;
-    --accent-orange: #b16a00;
-    --accent-green-bright: #a8ff60;
-    --accent-purple-bright: #e553ff;
-    --accent-pink-bright: #f6a7ff;
-    --accent-rose-light: #ffd8d8;
-
-    --text-muted: #aaa;
-    --text-muted2: #999;
-    --text-light: #ccc;
-    --text-soft: #bbb;
-    --text-softer: #ddd;
-    --text-softest: #eee;
-    --text-dim: #d0d0d0;
-    --text-white: #fff;
-    --footer-text-muted: #b0b0b0;
-    --text-red: #d44;
-    --text-green: #22cc55;
-    --heading-green: #9fd356;
-    --heading-yellow: #e6c84f;
-    --heading-purple: #da88ff;
-    --heading-pink: #f38c8c;
-
-    --border-dark: #444;
-    --border-darker: #333;
-    --border-panel: #3a3a3a;
-    --border-muted: #888;
-
-    --bg-dark: #111;
-    --surface-dark: #222;
-    --surface-overlay: #1a1a1a;
-    --surface-elevated: #2a2a2a;
-    --surface-contrast: #2b2b2b;
-    --surface-accent: #2d3a3f;
-    --surface-muted: #333;
-    --surface-elevated-hover: #3a3a3a;
-    --shadow-color: #000000;
-
-    --scrollbar-thumb: #555;
-
-    /* Transparency helpers */
-    --transparent: rgba(0, 0, 0, 0);
-
-    /* Neutral white alphas */
-    --bg-white-00: rgba(255, 255, 255, 0);
-    --bg-white-015: rgba(255, 255, 255, 0.015);
-    --bg-white-02: rgba(255, 255, 255, 0.02);
-    --bg-white-03: rgba(255, 255, 255, 0.03);
-    --bg-white-04: rgba(255, 255, 255, 0.04);
-    --bg-white-05: rgba(255, 255, 255, 0.05);
-    --bg-white-06: rgba(255, 255, 255, 0.06);
-    --bg-white-10: rgba(255, 255, 255, 0.1);
-    --bg-white-12: rgba(255, 255, 255, 0.12);
-    --bg-white-15: rgba(255, 255, 255, 0.15);
-    --bg-white-20: rgba(255, 255, 255, 0.2);
-    --bg-white-25: rgba(255, 255, 255, 0.25);
-
-    /* Accent overlays */
-    --accent-blue-alpha-20: rgba(138, 180, 248, 0.2);
-    --accent-blue-alpha-40: rgba(138, 180, 248, 0.4);
-    --accent-blue-glow: rgba(200, 240, 255, 0.18);
-
-    /* Utility overlays */
-    --bg-red-01: rgba(255, 0, 0, 0.1);
-    --bg-green-01: rgba(0, 255, 0, 0.1);
-    --bg-green-02: rgba(0, 255, 0, 0.2);
-    --bg-lime-005: rgba(0, 255, 100, 0.05);
-    --bg-lime-01: rgba(0, 255, 100, 0.1);
-
-    /* Accent blues */
-    --bg-accent-blue-01: rgba(100, 199, 255, 0.1);
-    --bg-accent-blue-005: rgba(100, 199, 255, 0.05);
-    --bg-accent-blue-008: rgba(100, 199, 255, 0.08);
-
-    /* Neutral black alphas */
-    --overlay-black-30: rgba(0, 0, 0, 0.3);
-    --overlay-black-40: rgba(0, 0, 0, 0.4);
-    --overlay-black-50: rgba(0, 0, 0, 0.5);
-    --overlay-black-60: rgba(0, 0, 0, 0.6);
-    --overlay-black-70: rgba(0, 0, 0, 0.7);
-    --overlay-black-75: rgba(0, 0, 0, 0.75);
-    --overlay-black-80: rgba(0, 0, 0, 0.8);
-
-    /* Charcoal solids */
-    --surface-panel-strong: rgba(30, 30, 30, 1);
-    --surface-charcoal-90: rgba(15, 15, 15, 0.9);
-    --surface-charcoal: rgba(15, 15, 15, 1);
-    --surface-onyx-95: rgba(1, 1, 1, 0.95);
-    --surface-onyx: rgba(1, 1, 1, 1);
-
-    /* Metallic header accents */
-    --header-metal-stripe-strong: hsla(0, 0%, 28%, 0.02);
-    --header-metal-stripe-highlight: hsla(0, 0%, 32%, 0.04);
-    --header-metal-stripe-soft: hsla(0, 0%, 22%, 0.01);
-    --header-metal-stripe-soft-highlight: hsla(0, 0%, 26%, 0.03);
-    --header-metal-gradient-top: hsl(0, 0%, 18%);
-    --header-metal-gradient-mid: hsl(0, 0%, 22%);
-    --header-metal-gradient-bottom: hsl(0, 0%, 16%);
-}
diff --git a/themes/default/assets/css/variables/aesthetics.css b/themes/default/assets/css/variables/aesthetics.css
new file mode 100644
index 00000000..40ae185f
--- /dev/null
+++ b/themes/default/assets/css/variables/aesthetics.css
@@ -0,0 +1,82 @@
+:root {
+    /* Base text colors */
+    --color-text: var(--gray-500);
+    --color-text-muted: var(--gray-600);
+    --color-text-light: var(--gray-300);
+    --color-text-strong: var(--gray-0);
+    --color-footer-text: var(--color-text-muted);
+    --color-footer-heading: var(--gray-400);
+    --color-site-title: var(--gray-0);
+    --color-big-logo-title: var(--color-site-title);
+    --color-big-logo-description: var(--color-text-muted);
+    --color-panel-text-stats: var(--gray-0);
+    --color-page-meta: var(--color-text);
+    --color-home-link: var(--gray-500);
+    --color-home-link-hover: var(--blue-300);
+    --color-figure-media-background: #ffffff;
+    --color-link: var(--blue-300);
+    --color-link-hover: var(--blue-100);
+    --color-card-title: var(--color-site-title);
+    --color-link-external: var(--green-500);
+    --color-link-external-hover: var(--green-300);
+    --color-link-affiliated: var(--pink-500);
+    --color-link-affiliated-hover: var(--pink-300);
+
+    /* Border tokens */
+    --border-outer-color: var(--gray-800);
+    --border-panel: 1px solid var(--border-outer-color);
+    --border-panel-outer: 1px solid var(--border-outer-color);
+    --border-panel-top: 2px solid var(--border-outer-color);
+
+    /* Radius tokens */
+    --radius-base: 0;
+    --radius-panel: var(--radius-base);
+    --radius-pagination: var(--radius-base);
+
+    /* Shadow tokens */
+    --color-shadow-base: var(--gray-900);
+    --shadow-base: 0 12px 0.8rem var(--color-shadow-base);
+    --shadow-panel: var(--shadow-base);
+    --shadow-pagination: var(--shadow-base);
+    --shadow-text: 0 12px 0.8rem var(--color-shadow-base);
+    --shadow-big-logo-title: var(--shadow-text);
+
+    /* Overlay helpers */
+    --overlay-dark-strong: rgba(15, 17, 20, 0.72);
+    --overlay-dark-medium: rgba(51, 55, 70, 0.55);
+    --overlay-dark-soft: rgba(124, 131, 146, 0.28);
+    --overlay-light-soft: rgba(255, 255, 255, 0.12);
+    --overlay-blue-soft: rgba(70, 127, 255, 0.20);
+
+    /* Background surfaces */
+    --background-body: var(--gray-900);
+    --background-body-alt: var(--gray-700);
+    --background-panel:
+        radial-gradient(circle at 18% 18%, var(--overlay-dark-medium) 0%, transparent 58%),
+        radial-gradient(circle at 82% 82%, var(--overlay-dark-strong) 0%, transparent 64%),
+        linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);
+    --background-panel-stat: var(--background-panel);
+    --background-pagination: var(--background-panel);
+    --background-panel-stats: radial-gradient(circle at 8% 92%, var(--overlay-dark-medium) 0%, transparent 55%),
+        radial-gradient(circle at 90% 12%, var(--overlay-dark-soft) 0%, transparent 60%),
+        linear-gradient(120deg, var(--gray-900) 0%, var(--gray-800) 100%);
+    --background-figure:
+        radial-gradient(circle at 22% 22%, var(--overlay-dark-soft) 0%, transparent 58%),
+        radial-gradient(circle at 78% 78%, var(--overlay-dark-medium) 0%, transparent 62%),
+        linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%);
+    --background-footer:
+        radial-gradient(ellipse at top, var(--overlay-dark-medium) 0%, transparent 68%),
+        linear-gradient(165deg, var(--gray-900) 0%, var(--gray-800) 100%);
+    --background-spoiler: var(--yellow-900);
+    --background-chat-me: linear-gradient(135deg, var(--overlay-blue-soft) 0%, transparent 75%);
+    --background-chat-other: linear-gradient(135deg, var(--overlay-light-soft) 0%, transparent 75%);
+
+    /* Glow accents */
+    --color-hr-glow: var(--overlay-light-soft);
+    --background-hr-glow: radial-gradient(ellipse at center -20px,
+            var(--color-hr-glow),
+            var(--transparent) 80%);
+    --background-hr-glow-mirror: radial-gradient(ellipse at center calc(100% + 20px),
+            var(--color-hr-glow),
+            var(--transparent) 80%);
+}
\ No newline at end of file
diff --git a/themes/default/layouts/_default/_markup/render-image.html b/themes/default/layouts/_default/_markup/render-image.html
deleted file mode 100644
index b257b9f5..00000000
--- a/themes/default/layouts/_default/_markup/render-image.html
+++ /dev/null
@@ -1,54 +0,0 @@
-{{- $imgPath := .Destination -}}
-{{- $imgName := path.Base $imgPath | replaceRE "\\.[^.]+$" "" -}} {{/* Supprime l'extension */}}
-{{- $dataPath := printf "data/images/%s.yaml" $imgName -}}
-{{- $dataFile := .Page.Resources.Get $dataPath -}}
-{{- $data := dict -}}
-{{- if $dataFile }}
-{{- $data = $dataFile.Content | transform.Unmarshal -}}
-{{- end }}
-{{- $alt := .PlainText | default $data.title | default "" -}}
-{{- $title := .Title | default $data.title | default "" -}}
-{{- $image := .Page.Resources.GetMatch $imgPath -}}
-{{- $isBlock := .IsBlock -}}
-{{- if $image }}
-{{- $resized := $image.Resize (cond (eq $isBlock true) "1024x" "500x") -}}
-{{- $large := $image.Resize "1920x" -}}
-{{- if $isBlock }}
-<figure class="custom-image center"><figcaption>
-    {{- with $data.description }}
-    <p>{{ . | markdownify }}</p>
-    {{- end }}
-</figcaption>
-    <a href="{{ $large.RelPermalink }}" title="Cliquez pour agrandir l'image">
-        <img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}" />
-    </a>
-    {{- if $data.prompt }}
-    <details>
-        <summary>
-            <strong>Attribution :</strong>
-            {{- with $data.attribution }}<em>{{ . | markdownify }}</em>{{- end }}
-        </summary>
-        <p><strong>Prompt :</strong> <em>{{ $data.prompt }}</em></p>
-    </details>
-    {{- else }}
-    {{- with $data.attribution }}
-    <p class="details">
-        <strong>Attribution :</strong>
-        <em>{{ . | markdownify }}</em>
-    </p>
-    {{- end }}
-    {{- end }}
-</figure>
-{{- else }}
-<img src="{{ $resized.RelPermalink }}" alt="{{ $alt }}" title="{{ $title }}">
-{{- end }}
-{{- else }}
-{{- if $isBlock }}
-<figure>
-    <img src="{{ $imgPath | safeURL }}" alt="{{ $alt }}" title="{{ $title }}">
-    {{- with $title }}<figcaption>{{ . | markdownify }}</figcaption>{{ end }}
-</figure>
-{{- else }}
-<img src="{{ $imgPath | safeURL }}" alt="{{ $alt }}" title="{{ $title }}">
-{{- end }}
-{{- end }}
\ No newline at end of file
diff --git a/themes/default/layouts/_default/home.html b/themes/default/layouts/_default/home.html
deleted file mode 100644
index 5433f6e7..00000000
--- a/themes/default/layouts/_default/home.html
+++ /dev/null
@@ -1,68 +0,0 @@
-{{- define "main" }}
-{{- $site := .Site -}}
-{{- $logoPath := $site.Params.logo | default "logo-large.png" -}}
-{{- $logo := resources.GetMatch $logoPath -}}
-{{- $siteDescription := $site.Params.description -}}
-{{- $allArticles := $site.RegularPages.ByDate.Reverse -}}
-{{- $totalArticles := len $site.RegularPages -}}
-{{- $allSections := where $site.Pages "Kind" "section" -}}
-{{- $allSections = where $allSections "RelPermalink" "!=" "/" -}}
-{{- $leafSections := slice -}}
-{{- range $allSections -}}
-  {{- if eq (len .Sections) 0 -}}
-    {{- $leafSections = $leafSections | append . -}}
-  {{- end -}}
-{{- end -}}
-{{- $sectionsCount := len $leafSections -}}
-{{- $lastUpdated := $site.Lastmod -}}
-
-<main>
-  {{- partial "home-hero.html" (dict "Logo" $logo "Title" $site.Title "Description" $siteDescription "Content" .Content "TotalArticles" $totalArticles "SectionsCount" $sectionsCount "LastUpdated" $lastUpdated "HeroMenu" $site.Menus.hero) -}}
-
-  {{- $featured := index $allArticles 0 -}}
-  {{- $used := slice $featured.File.Path -}}
-
-  <section class="articles-list featured-section">
-    <h2>En vedette</h2>
-    {{- partial "featured-card.html" (dict "Page" $featured) -}}
-  </section>
-
-  {{- $recent := first 4 (after 1 $allArticles) -}}
-  {{- range $recent }}
-    {{- $used = $used | append .File.Path -}}
-  {{- end -}}
-
-  <section class="articles-list">
-    <h2>Dernières publications</h2>
-    {{- partial "articles-list.html" (dict "Pages" $recent "Context" .) -}}
-  </section>
-
-  {{- range sort $leafSections "Lastmod" "desc" -}}
-    {{- $section := . -}}
-    {{- $sectionPages := slice -}}
-    {{- range $section.RegularPagesRecursive.ByDate.Reverse -}}
-      {{- if not (in $used .File.Path) -}}
-        {{- $sectionPages = $sectionPages | append . -}}
-      {{- end -}}
-    {{- end -}}
-    {{- $sectionPages = first 4 $sectionPages -}}
-    <section class="articles-list">
-      {{- $trail := slice -}}
-      {{- range $ancestor := $section.Ancestors.Reverse -}}
-        {{- if ne $ancestor.RelPermalink "/" -}}
-          {{- $trail = $trail | append $ancestor -}}
-        {{- end -}}
-      {{- end -}}
-      <nav aria-label="Fil d’Ariane">
-        <ol>
-          {{- range $item := $trail -}}
-          <li><a href="{{ $item.RelPermalink }}">{{ with $item.LinkTitle }}{{ . }}{{ else }}{{ $item.Title }}{{ end }}</a></li>
-          {{- end -}}
-        </ol>
-      </nav>
-      <h2><a href="{{ $section.RelPermalink }}">{{ with $section.LinkTitle }}{{ . }}{{ else }}{{ $section.Title }}{{ end }}</a></h2>
-      {{- partial "articles-list.html" (dict "Pages" $sectionPages "Context" .) -}}
-    </section>
-  {{- end -}}
-</main>
-{{- end }}
diff --git a/themes/default/layouts/_default/index.rss.xml b/themes/default/layouts/_default/index.rss.xml
deleted file mode 100644
index 76f5a8ac..00000000
--- a/themes/default/layouts/_default/index.rss.xml
+++ /dev/null
@@ -1,52 +0,0 @@
-{{- $authorEmail := "" }}
-{{- $authorName := "" }}
-{{- with site.Params.author }}
-  {{- if reflect.IsMap . }}
-    {{- with .email }}{{- $authorEmail = . }}{{- end }}
-    {{- with .name }}{{- $authorName = . }}{{- end }}
-  {{- else }}
-    {{- $authorName = . }}
-  {{- end }}
-{{- end }}
-
-{{- $pctx := . }}
-{{- if .IsHome }}{{ $pctx = .Site }}{{ end }}
-
-{{- $pages := slice }}
-{{- if or $.IsHome $.IsSection }}
-  {{- $pages = $pctx.RegularPages }}
-{{- else }}
-  {{- $pages = $pctx.Pages }}
-{{- end }}
-
-{{- $pages = $pages.ByLastmod.Reverse }}
-{{- $limit := .Site.Config.Services.RSS.Limit }}
-{{- if ge $limit 1 }}
-  {{- $pages = first $limit $pages }}
-{{- end }}
-{{- printf "<?xml version=\"1.0\" encoding=\"utf-8\" standalone=\"yes\"?>" | safeHTML }}
-<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
-  <channel>
-    <title>{{ .Site.Title }}</title>
-    <link>{{ .Permalink }}</link>
-    <description>{{ .Site.Title }}</description>
-    <language>{{ site.Language.LanguageCode }}</language>{{ with $authorEmail }}
-    <managingEditor>{{.}}{{ with $authorName }} ({{ . }}){{ end }}</managingEditor>{{ end }}{{ with $authorEmail }}
-    <webMaster>{{ . }}{{ with $authorName }} ({{ . }}){{ end }}</webMaster>{{ end }}{{ with .Site.Copyright }}
-    <copyright>{{ . }}</copyright>{{ end }}{{ if not .Date.IsZero }}
-    <lastBuildDate>{{ (index $pages.ByLastmod.Reverse 0).Lastmod.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
-    {{- with .OutputFormats.Get "RSS" }}
-    {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
-    {{- end }}
-    {{- range $pages }}
-    <item>
-      <title>{{ .Title }}</title>
-      <link>{{ .Permalink }}</link>
-      <pubDate>{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
-      {{- with $authorEmail }}<author>{{ . }}{{ with $authorName }} ({{ . }}){{ end }}</author>{{ end }}
-      <guid>{{ .Permalink }}</guid>
-      <description>{{ .Summary | transform.XMLEscape | safeHTML }}</description>
-    </item>
-    {{- end }}
-  </channel>
-</rss>
\ No newline at end of file
diff --git a/themes/default/layouts/_default/list.html b/themes/default/layouts/_default/list.html
deleted file mode 100644
index 9bc4dfa5..00000000
--- a/themes/default/layouts/_default/list.html
+++ /dev/null
@@ -1,63 +0,0 @@
-{{ define "main" }}
-{{- $bundle := . -}}
-{{- if .IsSection }}
-{{- $bundle = site.GetPage .Path -}} {{/* Récupère la section active proprement */}}
-{{- end }}
-
-<main>
-  {{- partial "header.html" . }}
-
-  <article>
-    {{- $coverPath := $bundle.Params.cover -}}
-    {{- $mtop := "2rem" -}}
-    {{- $img := false -}}
-    {{- $coverData := dict -}}
-
-    {{- if $coverPath -}}
-    {{- $img = $bundle.Resources.GetMatch $coverPath -}}
-    {{- if $img }}
-    {{- $mtop = "100vh" -}}
-
-    {{/* Traitement YAML compagnon de l’image */}}
-    {{- $basename := path.Base $coverPath -}}
-    {{- $filename := replaceRE "\\.[^.]+$" "" $basename -}}
-    {{- $yamlPath := printf "data/images/%s.yaml" $filename -}}
-    {{- $yamlFile := $bundle.Resources.GetMatch $yamlPath -}}
-
-    {{- with $yamlFile }}
-    {{- $coverData = .Content | transform.Unmarshal -}}
-    {{- end }}
-
-    <div class="article-hero" style="background-image: url('{{ $img.RelPermalink }}');">
-      {{- if $coverData.attribution }}
-      <div class="image-attribution">
-        <span>Attribution :</span>
-        {{ $coverData.attribution | markdownify }}
-      </div>
-      {{- end }}
-    </div>
-    <div id="article-backdrop"></div>
-    {{- end }}
-    {{- end }}
-
-    {{- if $bundle.Content }}
-    <div class="article-content" style="margin-top: {{ $mtop }}">
-      {{ $bundle.Content }}
-    </div>
-    {{- end }}
-  </article>
-
-  <section class="articles-list">
-    {{- $pages := .Pages -}}
-    {{- $paginator := .Paginate $pages.ByDate.Reverse 12 -}}
-    {{- $context := . -}}
-    {{- $context.Scratch.Set "paginationPosition" "down" -}}
-    {{- $context.Scratch.Set "paginator" $paginator -}}
-    {{- partial "pagination.html" $context -}}
-    {{- partial "articles-list.html" (dict "Pages" $paginator.Pages "Context" $context) -}}
-    {{- $context.Scratch.Set "paginationPosition" "up" -}}
-    {{- $context.Scratch.Set "paginator" $paginator -}}
-    {{- partial "pagination.html" $context -}}
-  </section>
-</main>
-{{ end }}
\ No newline at end of file
diff --git a/themes/default/layouts/_default/single.html b/themes/default/layouts/_default/single.html
deleted file mode 100644
index 679186c5..00000000
--- a/themes/default/layouts/_default/single.html
+++ /dev/null
@@ -1,109 +0,0 @@
-{{ define "main" }}
-<main>
-    <article>
-        {{ partial "header.html" . -}}
-        {{- $isLiens := eq .Parent.Title "Liens intéressants" -}}
-        {{- $mtop := cond $isLiens "0" "2rem" -}}
-
-        {{- $coverPath := .Params.cover -}}
-        {{- $img := false -}}
-        {{- $coverData := dict -}}
-        {{- if $coverPath -}}
-        {{- $img = .Resources.GetMatch $coverPath -}}
-        {{- if $img }}
-        {{- $mtop = cond $isLiens "0" "100vh" -}}
-
-        {{/* Traitement YAML associé à l’image de couverture */}}
-        {{- $basename := path.Base $coverPath -}}
-        {{- $filename := replaceRE "\\.[^.]+$" "" $basename -}}
-        {{- $yamlPath := printf "data/images/%s.yaml" $filename -}}
-        {{- $yamlFile := .Resources.GetMatch $yamlPath -}}
-
-        {{- with $yamlFile }}
-        {{- $yamlContent := .Content -}}
-        {{- $coverData = $yamlContent | transform.Unmarshal -}}
-        {{- end }}
-
-        <div class="article-hero {{ if $isLiens }}blurred-cover{{ end }}"
-             style="background-image: url('{{ $img.RelPermalink }}');">
-            {{ if $coverData.attribution }}
-            <div class="image-attribution">
-                <span>Attribution :</span>
-                {{ $coverData.attribution | markdownify }}
-            </div>
-            {{ end }}
-        </div>
-        <div id="article-backdrop"></div>
-        {{- end }}
-        {{- end }}
-
-        {{- $context := . -}}
-        {{- $context.Scratch.Set "paginationPosition" "down" -}}
-
-        <section class="articles-list">
-            {{- partial "dossier-summary" . -}}
-        </section>
-
-        <div class="article-content numbered-headings" style="margin-top: {{ $mtop }}">
-            {{- if $isLiens }}
-            {{- with .Params.links }}
-            <div class="external-links-block" style="margin-top: 2rem; text-align: center;">
-            {{- range . }}
-            {{- if eq .name "Page d'origine" }}
-                <a class="external-link" href="{{ .url }}" target="_blank" rel="noopener">
-                    Visiter le site
-                </a>
-            {{- else if eq .name "Lien archivé" }}
-                <a class="archive-link" href="{{ .url }}" target="_blank" rel="noopener">
-                    Voir sur archive.org
-                </a>
-            {{- end }}
-            {{- end }}
-            </div>
-            {{- end }}
-            {{- end }}
-            {{ .Content }}
-        </div>
-
-        {{ if and $img (gt (len $coverData) 0) }}
-        <aside class="image-info-block" aria-labelledby="image-info-title">
-            <h2>Image d'en-tête</h2>
-            {{ with $coverData.title }}
-            <h3 id="image-info-title">{{ . | markdownify }}</h3>
-            {{ end }}
-
-            {{ $resized := $img.Resize "800x" }}
-            <figure class="image-inline">
-                <a href="{{ $img.RelPermalink }}" title="Cliquez pour agrandir l'image">
-                    <img src="{{ $resized.RelPermalink }}" alt="{{ $coverData.title }}" title="{{ $coverData.title }}" />
-                </a>
-            </figure>
-
-            {{ with $coverData.description }}
-            <section class="image-description">
-                <p>{{ .| markdownify }}</p>
-            </section>
-            {{ end }}
-
-            {{ with $coverData.prompt }}
-            <section class="image-prompt">
-                <h3>Prompt de génération IA</h3>
-                <blockquote>{{ . }}</blockquote>
-            </section>
-            {{ end }}
-
-            {{ with $coverData.attribution }}
-            <footer>
-                <p><strong>Attribution :</strong> {{ . | markdownify }}</p>
-            </footer>
-            {{ end }}
-        </aside>
-        {{ end }}
-
-        {{- $context.Scratch.Set "paginationPosition" "up" -}}
-        <section class="articles-list">
-            {{- partial "dossier-summary" . -}}
-        </section>
-    </article>
-</main>
-{{ end }}
\ No newline at end of file
diff --git a/themes/default/layouts/_default/timeline.html b/themes/default/layouts/_default/timeline.html
deleted file mode 100644
index d5496e75..00000000
--- a/themes/default/layouts/_default/timeline.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{{ define "main" }}
-<main>
-    <article>
-        {{- partial "header.html" . }}
-        <div class="article-content-wrapper">
-            <div class="article-content">
-                {{ partial "timeline.html" . }}
-            </div>
-        </div>
-    </article>
-</main>
-{{ end }}
\ No newline at end of file
diff --git a/themes/default/layouts/partials/articles-list.html b/themes/default/layouts/partials/articles-list.html
deleted file mode 100644
index ec97d7ed..00000000
--- a/themes/default/layouts/partials/articles-list.html
+++ /dev/null
@@ -1,62 +0,0 @@
-{{- $pages := .Pages -}}
-{{- $context := .Context -}}
-<div class="articles-grid">
-    {{ range $pages -}}
-    <a href="{{ .RelPermalink }}" class="article-card">
-        {{ $page := . -}}
-        {{- $coverPath := .Params.cover -}}
-        {{- $img := false -}}
-        {{- if $coverPath -}}
-        {{- if strings.HasSuffix $coverPath ".yaml" -}}
-        {{- $coverAbsPath := printf "%s%s" $page.File.Dir $coverPath -}}
-        {{- $coverRaw := readFile $coverAbsPath -}}
-        {{- $coverData := $coverRaw | transform.Unmarshal -}}
-        {{- with $coverData.file -}}
-        {{- $img = $page.Resources.GetMatch . -}}
-        {{- end -}}
-        {{- else -}}
-        {{- $img = $page.Resources.GetMatch $coverPath -}}
-        {{- end -}}
-        {{- end -}}
-        {{- if $img -}}
-        {{- with $img -}}
-        {{- $resized := .Resize "650x" -}}
-        <div class="article-image" style="background-image: url('{{ $resized.RelPermalink }}');">
-            {{ with $page.Params.date -}}
-            <span class="article-date">{{ $page.Date | time.Format ":date_long" }}</span>
-            {{- end }}
-        </div>
-        {{ end -}}
-        {{- else -}}
-        <div class="article-image" style="background: linear-gradient(135deg, #222 0%, #111 100%);">
-            {{ with $page.Params.date -}}
-            <span class="article-date">{{ $page.Date | time.Format ":date_long" }}</span>
-            {{- end }}
-        </div>
-        {{- end }}
-
-        <div class="article-content">
-            <h3 class="article-title">{{ .Title }}</h3>
-            <div class="article-meta">
-                {{ $section := "" -}}
-                {{- with .Parent -}}
-                {{- $sectionPath := path.Base .File.Dir -}}
-                {{- $section = $sectionPath -}}
-                {{- end -}}
-                <span class="section section-{{ $section }}">{{ .Parent.LinkTitle }}</span>
-                <span class="reading-time">
-                    {{ if .IsSection -}}
-                    {{- $count := len .Pages -}}
-                    {{- $label := cond (eq $count 1) "article" "articles" -}}
-                    {{- $count }} {{ $label -}}
-                    {{- else -}}
-                    {{- if ge .ReadingTime 5 -}}
-                    {{- .ReadingTime }} min de lecture
-                    {{- end -}}
-                    {{- end }}
-                </span>
-            </div>
-        </div>
-    </a>
-    {{ end }}
-</div>
\ No newline at end of file
diff --git a/themes/default/layouts/partials/featured-card.html b/themes/default/layouts/partials/featured-card.html
deleted file mode 100644
index b26f52ee..00000000
--- a/themes/default/layouts/partials/featured-card.html
+++ /dev/null
@@ -1,41 +0,0 @@
-{{- $page := .Page -}}
-{{- $coverPath := $page.Params.cover -}}
-{{- $img := false -}}
-{{- if $coverPath -}}
-  {{- if strings.HasSuffix $coverPath ".yaml" -}}
-    {{- $coverAbsPath := printf "%s%s" $page.File.Dir $coverPath -}}
-    {{- $coverRaw := readFile $coverAbsPath -}}
-    {{- $coverData := $coverRaw | transform.Unmarshal -}}
-    {{- with $coverData.file -}}
-      {{- $img = $page.Resources.GetMatch . -}}
-    {{- end -}}
-  {{- else -}}
-    {{- $img = $page.Resources.GetMatch $coverPath -}}
-  {{- end -}}
-{{- end -}}
-
-<article class="featured-card">
-  <a class="featured-card__image" href="{{ $page.RelPermalink }}">
-    {{- if $img -}}
-      {{- $resized := $img.Resize "640x" -}}
-      <img src="{{ $resized.RelPermalink }}" alt="{{ default $page.Title $page.Params.cover_alt }}" loading="lazy" />
-    {{- else -}}
-      <div class="featured-card__image--placeholder" aria-hidden="true"></div>
-    {{- end -}}
-  </a>
-  <div class="featured-card__body">
-    <div class="featured-card__meta">
-      {{- with $page.Parent }}
-      <span class="featured-card__section">{{ .LinkTitle }}</span>
-      {{- end }}
-      {{- with $page.Date }}
-      <time datetime="{{ . | time.Format "2006-01-02" }}">{{ . | time.Format ":date_long" }}</time>
-      {{- end }}
-    </div>
-    <h3 class="featured-card__title"><a href="{{ $page.RelPermalink }}">{{ $page.Title }}</a></h3>
-    {{- with $page.Summary }}
-    <p class="featured-card__summary">{{ . | plainify }}</p>
-    {{- end }}
-    <a class="featured-card__cta" href="{{ $page.RelPermalink }}">Lire l’article</a>
-  </div>
-</article>
diff --git a/themes/default/layouts/partials/footer.html b/themes/default/layouts/partials/footer.html
deleted file mode 100644
index f5f65975..00000000
--- a/themes/default/layouts/partials/footer.html
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ partial "footer/nav.html" . }}
-
-<p>Sauf mention contraire, l'intégralité du contenu de ce site est disponible sous licence <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC BY-NC-ND</a>.
-</p>
\ No newline at end of file
diff --git a/themes/default/layouts/partials/footer/nav.html b/themes/default/layouts/partials/footer/nav.html
deleted file mode 100644
index 4e70beb0..00000000
--- a/themes/default/layouts/partials/footer/nav.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<nav>
-    <ul>
-        {{ range site.Menus.main -}}
-        {{- if .HasChildren -}}
-        <li>
-            {{ if .PageRef }}
-            <a href="{{ .PageRef }}" title="{{ .Title }}">{{ .Name }}</a>
-            {{ else }}
-            <span>{{ .Name }}</span>
-            {{ end }}
-            <ul>
-                {{ range .Children -}}
-                <li>
-                    {{ if .PageRef }}
-                    <a href="{{ .PageRef }}" title="{{ .Title }}">{{ .Name }}</a>
-                    {{ else }}
-                    <span title="{{ .Title }}">{{ .Name }}</span>
-                    {{ end }}
-                </li>
-                {{ end }}
-            </ul>
-        </li>
-        {{- else -}}
-        <li>
-            {{ if .PageRef }}
-            <a href="{{ .PageRef }}" title="{{ .Title }}">{{ .Name }}</a>
-            {{ else }}
-            <span title="{{ .Title }}">{{ .Name }}</span>
-            {{ end }}
-        </li>
-        {{- end }}
-        {{ end }}
-    </ul>
-</nav>
\ No newline at end of file
diff --git a/themes/default/layouts/partials/head.html b/themes/default/layouts/partials/head.html
deleted file mode 100644
index 23ac5734..00000000
--- a/themes/default/layouts/partials/head.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
-<title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
-
-{{- partial "head/css.html" . }}
-
-{{ with .Site.Params.favicon -}}
-<link rel="shortcut icon" href="{{ . }}" type="image/png" />
-{{- end }}
\ No newline at end of file
diff --git a/themes/default/layouts/partials/head/css.html b/themes/default/layouts/partials/head/css.html
deleted file mode 100644
index da481e0e..00000000
--- a/themes/default/layouts/partials/head/css.html
+++ /dev/null
@@ -1,11 +0,0 @@
-{{ $sectionSource := resources.Get "css/generated/sections-colors.css" -}}
-{{- $sectionCSS := $sectionSource | resources.ExecuteAsTemplate "css/generated/sections-colors.css" . -}}
-{{- $mainCSS := resources.Get "css/main.css" | postCSS (dict "inlineImports" true) -}}
-{{- $bundle := slice $sectionCSS $mainCSS | resources.Concat "css/bundle.css" -}}
-{{- if eq hugo.Environment "development" -}}
-<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" type="text/css" />
-{{- else -}}
-{{- with $bundle | minify | fingerprint -}}
-<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous" type="text/css" />
-{{- end -}}
-{{- end -}}
\ No newline at end of file
diff --git a/themes/default/layouts/partials/header.html b/themes/default/layouts/partials/header.html
deleted file mode 100644
index 69d3f370..00000000
--- a/themes/default/layouts/partials/header.html
+++ /dev/null
@@ -1,54 +0,0 @@
-<header>
-    {{ $logo := resources.GetMatch "logo-large.png" }}
-    {{ with $logo.Resize "x120" }}
-    <img src="{{ .RelPermalink }}" alt="Logo" class="site-logo" />
-    {{ end }}
-    <div class="header-content">
-        <h1 class="page-title">{{ .Title }}</h1>
-        <div class="page-meta">
-            {{ with .Date }}
-            <time datetime="{{ . }}">{{ . | time.Format ":date_long" }}</time>
-            {{ end }}
-            {{ $section := "" -}}
-            {{- with .Parent -}}
-            {{- $sectionPath := path.Base .File.Dir -}}
-            {{- $section = $sectionPath -}}
-            {{- end -}}
-            <span class="section section-{{ $section }}">{{ .Parent.LinkTitle }}</span>
-            {{- if ge .ReadingTime 5 -}}
-            {{- .ReadingTime }} min de lecture
-            {{- end -}}
-        </div>
-    </div>
-</header>
-<div class="tablet-header">
-    {{ $logo := resources.GetMatch "logo-large.png" }}
-    {{ with $logo.Resize "x32" }}
-    <img src="{{ .RelPermalink }}" alt="Logo du site" class="tablet-logo" />
-    {{ end }}
-    <span class="tablet-title">{{ .Title }}</span>
-    <div class="tablet-links" role="navigation" aria-label="Navigation rapide">
-        <a class="tablet-link" href="/" title="Retour à la page d'accueil du site">
-            <span class="tablet-link-icon" aria-hidden="true">⌂</span>
-            <span class="tablet-link-label">Accueil</span>
-        </a>
-        {{ if and (.Parent) (ne .Parent.RelPermalink "/") }}
-        <a class="tablet-link" href="{{ .Parent.RelPermalink }}" title="Retour à la section {{ .Parent.LinkTitle }}">
-            <span class="tablet-link-icon" aria-hidden="true">↰</span>
-            <span class="tablet-link-label">{{ or .Parent.LinkTitle "Section" }}</span>
-        </a>
-        {{ end }}
-
-        {{ with .TableOfContents }}
-        {{ if gt (len (plainify .)) 0 }}
-        <details id="toc" class="tablet-menu" title="Table des matières">
-            <summary class="tablet-link">
-                <span class="tablet-link-icon" aria-hidden="true">☰</span>
-                <span class="tablet-link-label">Sommaire</span>
-            </summary>
-            {{ . | safeHTML }}
-        </details>
-        {{ end }}
-        {{ end }}
-    </div>
-</div>
diff --git a/themes/default/layouts/partials/home-hero.html b/themes/default/layouts/partials/home-hero.html
deleted file mode 100644
index 406bb8e4..00000000
--- a/themes/default/layouts/partials/home-hero.html
+++ /dev/null
@@ -1,56 +0,0 @@
-{{- $logo := .Logo -}}
-{{- $title := .Title -}}
-{{- $description := .Description -}}
-{{- $content := .Content -}}
-{{- $total := .TotalArticles -}}
-{{- $sectionsCount := .SectionsCount -}}
-{{- $lastUpdated := .LastUpdated -}}
-{{- $menu := .HeroMenu -}}
-<section id="hero">
-  <header>
-    {{- with $logo -}}
-    <figure>
-      <img src="{{ .RelPermalink }}" alt="Logo de {{ $title }}" />
-    </figure>
-    {{- end -}}
-    <div>
-      <h1>{{ $title }}</h1>
-      {{- with $description }}
-      <div class="site-description">{{ . }}</div>
-      {{- end }}
-    </div>
-  </header>
-
-  {{- with $content }}
-  <div>
-    {{ . }}
-  </div>
-  {{- end }}
-
-  <ul>
-    <li>
-      <strong>Articles publiés</strong>
-      <span>{{ $total }}</span>
-    </li>
-    <li>
-      <strong>Thématiques</strong>
-      <span>{{ $sectionsCount }}</span>
-    </li>
-    <li>
-      <strong>Dernière mise à jour</strong>
-      <time datetime="{{ $lastUpdated | time.Format "2006-01-02" }}">{{ $lastUpdated | time.Format "02/01/2006" }}</time>
-    </li>
-  </ul>
-
-  <hr class="hr-mirror">
-
-  {{- with $menu }}
-  <nav>
-    {{- range . }}
-    <a href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
-    {{- end }}
-  </nav>
-  {{- end }}
-
-  <hr />
-</section>
diff --git a/themes/default/layouts/partials/pagination.html b/themes/default/layouts/partials/pagination.html
deleted file mode 100644
index 6c7cc237..00000000
--- a/themes/default/layouts/partials/pagination.html
+++ /dev/null
@@ -1,33 +0,0 @@
-{{- $paginator := .Scratch.Get "paginator" -}}
-{{- if $paginator -}}
-{{- if gt $paginator.TotalPages 1 -}}
-<nav class="pagination-bar {{ .Scratch.Get "paginationPosition" }}">
-    {{ with $paginator.Prev -}}
-    <a class="prev-page" href="{{ .URL }}">← Page précédente</a>
-    {{- else -}}
-    <span class="disabled prev-page">← Page précédente</span>
-    {{- end }}
-
-    <details class="page-select {{ .Scratch.Get "paginationPosition" }}">
-        <summary>Page {{ $paginator.PageNumber }} / {{ $paginator.TotalPages }}</summary>
-        <ul>
-            {{- range $paginator.Pagers }}
-            <li>
-                {{- if eq .PageNumber $paginator.PageNumber -}}
-                <span class="current">{{ .PageNumber }}</span>
-                {{- else -}}
-                <a href="{{ .URL }}">{{ .PageNumber }}</a>
-                {{- end -}}
-            </li>
-            {{- end }}
-        </ul>
-    </details>
-
-    {{ with $paginator.Next -}}
-    <a class="next-page" href="{{ .URL }}">Page suivante →</a>
-    {{- else -}}
-    <span class="disabled next-page">Page suivante →</span>
-    {{- end }}
-</nav>
-{{- end -}}
-{{- end -}}
\ No newline at end of file
diff --git a/themes/default/layouts/partials/timeline.html b/themes/default/layouts/partials/timeline.html
deleted file mode 100644
index c6014cca..00000000
--- a/themes/default/layouts/partials/timeline.html
+++ /dev/null
@@ -1,80 +0,0 @@
-{{/* Partial : timeline.html */}}
-
-{{- $pages := sort site.RegularPages "Date" -}}
-{{- $entries := slice -}}
-{{- range $pages -}}
-{{- if ne (.Date.Format "2006-01-02") "0001-01-01" -}}
-{{- $entries = $entries | append . -}}
-{{- end -}}
-{{- end -}}
-
-{{- $grouped := dict -}}
-{{- range $entries -}}
-{{- $year := printf "%d" .Date.Year -}}
-{{- $month := printf "%02d" .Date.Month -}}
-{{- $day := printf "%02d" .Date.Day -}}
-{{- $y := index $grouped $year | default dict -}}
-{{- $m := index $y $month | default dict -}}
-{{- $d := index $m $day | default slice -}}
-{{- $d = $d | append . -}}
-{{- $m = merge $m (dict $day $d) -}}
-{{- $y = merge $y (dict $month $m) -}}
-{{- $grouped = merge $grouped (dict $year $y) -}}
-{{- end -}}
-
-<div class="timeline">
-    <div class="list">
-        {{- $years := slice -}}
-        {{- range $yKey, $_ := $grouped -}}
-        {{- $years = $years | append $yKey -}}
-        {{- end -}}
-        {{- range sort $years -}}
-        {{- $yKey := . -}}
-        {{- $months := index $grouped $yKey -}}
-        <div class="year">
-            <span>{{- $yKey -}}</span>
-            <div class="list">
-                {{- $monthKeys := slice -}}
-                {{- range $mKey, $_ := $months -}}
-                {{- if ne $mKey "" -}}
-                {{- $monthKeys = $monthKeys | append $mKey -}}
-                {{- end -}}
-                {{- end -}}
-                {{- range sort $monthKeys -}}
-                {{- $mKey := . -}}
-                {{- $mKeyTrimmed := replaceRE "^0+" "" $mKey -}}
-                {{- $mKeyInt := cond (eq $mKeyTrimmed "") 1 (int $mKeyTrimmed) -}}
-                {{- $days := index $months $mKey -}}
-                <div class="month">
-                    <span>{{- index (slice "janvier" "février" "mars" "avril" "mai" "juin" "juillet" "août" "septembre" "octobre" "novembre" "décembre") (sub $mKeyInt 1) -}}</span>
-                    <div class="list">
-                        {{- $dayKeys := slice -}}
-                        {{- range $dKey, $_ := $days -}}
-                        {{- if ne $dKey "" -}}
-                        {{- $dayKeys = $dayKeys | append $dKey -}}
-                        {{- end -}}
-                        {{- end -}}
-                        {{- range sort $dayKeys -}}
-                        {{- $dKey := . -}}
-                        {{- $articles := index $days $dKey -}}
-                        <div class="day">
-                            <span>{{- $dKey -}}</span>
-                            <ul class="list">
-                                {{- range $articles -}}
-                                <li>
-                                    <a href="{{- .RelPermalink -}}">
-                                        {{- .Title -}}
-                                    </a>
-                                </li>
-                                {{- end -}}
-                            </ul>
-                        </div>
-                        {{- end -}}
-                    </div>
-                </div>
-                {{- end -}}
-            </div>
-        </div>
-        {{- end -}}
-    </div>
-</div>
\ No newline at end of file