diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 3c3e3b7836a7cdefea4da42a40de5578aacfa15a..4a03dee78bd56fe7fc80f5b88fe5ed9127455c14 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -3,6 +3,7 @@
// MAIN COLORS
$main-color: black !default // Text color
$main-background-color: white !default // Background color
+$main-border-color: lightgray !default // Border color
$body-color: $main-color !default
$body-background-color: $main-background-color !default
@@ -105,13 +106,17 @@ $icons: map-merge($icons, ("twitter": "\e90d"))
// Breakpoints
// TODO: réécrire en sass les mixins bootstrap
$grid-breakpoints: (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)
-
+
// BLOCKS
// Block call to action
$block-call-to-action-background: $main-background-color !default
$block-call-to-action-color: $main-color !default
+// Block definitions
+$definition-border-color: $main-border-color !default
+$definition-border-color-hovered: darken($definition-border-color, 100) !default
+
// Block pages
$block-pages-card-background: lighten($main-background-color, 1) !default
$block-pages-card-page-background: white !default
@@ -134,4 +139,4 @@ $post-time-color: lighten($main-color, 2) !default
// Animations
$arrow-ease-transition: cubic-bezier(0, 0.65, 0.4, 1.2) !default
-$arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default
\ No newline at end of file
+$arrow-ease-transition-2: cubic-bezier(0, 0.65, 0.4, 1) !default
diff --git a/assets/sass/_theme/blocks/datatable.sass b/assets/sass/_theme/blocks/datatable.sass
index d2dd8ad2399fa8b3af70ac0eca47ae9d88cb9c00..8db1cffbb96ab9c7710a920bb648b36aa085e273 100644
--- a/assets/sass/_theme/blocks/datatable.sass
+++ b/assets/sass/_theme/blocks/datatable.sass
@@ -1,16 +1,3 @@
-// .block-datatable
-// tbody
-// border-top-width: 1px !important
-// th, td
-// &:first-child
-// padding-left: 0
-// th
-// white-space: nowrap
-// caption:first-child
-// & + thead, & + tbody
-// border-top: 0 !important
-// @include media-breakpoint-up(xl)
-// th
-// font-size: px2rem(22)
-// td
-// font-size: px2rem(20)
+.block-datatable
+ th
+ white-space: nowrap
diff --git a/assets/sass/_theme/blocks/definitions.sass b/assets/sass/_theme/blocks/definitions.sass
index 7bd4d31a1e6afdcc2ee5e6242be5c9885c9a9ad3..71d967d79587628a965c7dc30c3207a5e0dcc955 100644
--- a/assets/sass/_theme/blocks/definitions.sass
+++ b/assets/sass/_theme/blocks/definitions.sass
@@ -1,47 +1,44 @@
-// .block-definitions
-// details
-// &:not([open]):hover
-// &::after
-// border-bottom-color: black
-// summary::after
-// transform: translateY(5px)
-// summary, p
-// font-size: px2rem(20)
-// line-height: px2rem(30)
-// &::after
-// content: ''
-// border-bottom: 1px solid $border-color
-// display: block
-// transition: border-color 0.5s
+// TODO : gérer les spacing
+.block-definitions
+ details
+ &:not([open]):hover
+ &::after
+ border-bottom-color: $definition-border-color-hovered
+ summary::after
+ transform: translateY(5px)
+ summary, p
+ // font-size: px2rem(20)
+ // line-height: px2rem(30)
+ &::after
+ content: ''
+ border-bottom: 1px solid $definition-border-color
+ display: block
+ transition: border-color 0.5s
-// summary
-// padding-bottom: px2rem(15)
-// padding-top: px2rem(20)
-// position: relative
-// display: flex
-// justify-content: space-between
-// align-items: baseline
-// &::after
-// @include icon
-// content: map-get($icons, "caret")
-// font-size: px2rem(5)
-// line-height: px2rem(22)
-// text-decoration: none
-// transition: transform 0.25s
-// &::marker
-// content: none
-// &::-webkit-details-marker
-// display: none
-// details[open]
-// summary::after
-// content: map-get($icons, "caret-top")
-// &:hover
-// summary::after
-// transform: translateY(-5px)
+ summary
+ // padding-bottom: px2rem(15)
+ // padding-top: px2rem(20)
+ position: relative
+ display: flex
+ justify-content: space-between
+ align-items: baseline
+ @include icon("caret", after)
+ &::after
+ font-size: px2rem(5)
+ line-height: px2rem(22)
+ transition: transform 0.25s
+ &::marker
+ content: none
+ &::-webkit-details-marker
+ display: none
+ details[open]
+ summary
+ @include icon("caret-top", after)
+ &:hover
+ summary::after
+ transform: translateY(-5px)
-// @include in-page-without-aside
-// .definitions
-// @extend .row
-// details
-// @extend .col-md-6
\ No newline at end of file
+ @include in-page-without-aside
+ .definitions
+ @include grid(2)
\ No newline at end of file
diff --git a/assets/sass/_theme/blocks/files.sass b/assets/sass/_theme/blocks/files.sass
index 53044e6be986b2214e63b787818918f4ee615019..4932a855dea0f0b048e4dd3e2fdf1890ca994d7f 100644
--- a/assets/sass/_theme/blocks/files.sass
+++ b/assets/sass/_theme/blocks/files.sass
@@ -1,36 +1,32 @@
-// .block-files
-// ul
-// --bs-gutter-y: 1.5rem
-// @extend .row
-// list-style: none
-// margin-bottom: 0
-// padding-left: 0
-// a
-// @extend .icon
-// @extend .icon-download
-// align-items: center
-// display: flex
-// text-decoration: none
-// &::before
-// align-items: center
-// border: $border-width solid $border-color
-// display: flex
-// flex-shrink: 0
-// height: px2rem(60)
-// justify-content: center
-// margin-right: px2rem(15)
-// transition: background .3s ease
-// width: px2rem(60)
-// &::after
-// content: none
-// &:hover
-// &::before
-// background-color: $border-color
-// span span
-// @extend .small
-// @include in-page-with-aside
-// li
-// @extend .col-md-6
-// @include in-page-without-aside
-// li
-// @extend .col-md-4
+.block-files
+ ul
+ list-style: none
+ margin-bottom: 0
+ padding-left: 0
+ @include in-page-with-aside
+ @include grid(2)
+ @include in-page-without-aside
+ @include grid(3)
+ a
+ @include icon("download", before)
+ align-items: center
+ display: flex
+ text-decoration: none
+ &::before
+ align-items: center
+ border: 1px solid $main-border-color
+ display: flex
+ flex-shrink: 0
+ height: px2rem(60)
+ justify-content: center
+ // margin-right: px2rem(15)
+ transition: background 0.3s ease, border 0.3s ease
+ width: px2rem(60)
+ &::after
+ content: none
+ &:hover
+ &::before
+ background-color: $main-border-color
+ border-color: transparent
+ span span
+ font-size: $small-font-size
\ No newline at end of file
diff --git a/assets/sass/_theme/blocks/key_figures.sass b/assets/sass/_theme/blocks/key_figures.sass
index 389087a82033fda80b899f1d97ec2c9061feccd2..a256064f430e15fae8e977196e88f67155b0090c 100644
--- a/assets/sass/_theme/blocks/key_figures.sass
+++ b/assets/sass/_theme/blocks/key_figures.sass
@@ -1,19 +1,19 @@
-// .block-key_figures
-// ul
-// --bs-gutter-y: 3rem
-// @extend .row
-// list-style: none
-// padding-left: 0
-// margin-bottom: 0
-// li
-// margin-bottom: 3rem
-// @extend .col-md-4
-// dl
-// margin-bottom: 0
-// dt
-// strong
-// display: inline-block
-// font-size: px2rem(60)
-// padding-right: map-get($spacers, 1)
-// dd
-// margin-bottom: 0
+.block-key_figures
+ ul
+ // --bs-gutter-y: 3rem
+ @include grid(3)
+ list-style: none
+ padding-left: 0
+ margin-bottom: 0
+ li
+ // margin-bottom: 3rem
+ dl
+ margin-bottom: 0
+ dt
+ strong
+ display: inline-block
+ // font-size: px2rem(60)
+ // padding-right: map-get($spacers, 1)
+ dd
+ margin-bottom: 0
+ margin-left: 0
diff --git a/assets/sass/_theme/design-system/table.sass b/assets/sass/_theme/design-system/table.sass
new file mode 100644
index 0000000000000000000000000000000000000000..6d3bd4a27a54f31e0884419c2967c85f2b70f432
--- /dev/null
+++ b/assets/sass/_theme/design-system/table.sass
@@ -0,0 +1,26 @@
+table
+ border-collapse: collapse
+ caption-side: bottom
+ vertical-align: top
+ width: 100%
+
+ caption
+ padding: px2rem(10) 0
+ text-align: left
+
+ th,
+ td
+ padding: px2rem(10) 0
+
+ thead
+ th
+ text-align: left
+
+ tbody
+ th,
+ td
+ border-bottom: 1px solid $main-border-color
+ tr:first-child
+ th,
+ td
+ border-top: 1px solid $main-border-color
diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass
index ff6cd0fbdfd67d4355a1f708b959b57561f4dce4..97f4b4d603241a8b071078203f7d97be06fa9226 100644
--- a/assets/sass/_theme/hugo-osuny.sass
+++ b/assets/sass/_theme/hugo-osuny.sass
@@ -19,6 +19,7 @@
@import "design-system/header"
@import "design-system/hero"
@import "design-system/nav"
+@import "design-system/table"
@import "design-system/typography"
// Blocks
@@ -56,4 +57,4 @@
@import "sections/researchers"
@import "sections/sitemap"
@import "sections/teachers"
-@import "sections/volumes"
\ No newline at end of file
+@import "sections/volumes"