diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 3e427494219b092b4a65161d729640954d16eeb9..074adfa8bc76f7328522d4dbe38dcc6a36126375 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -15,8 +15,8 @@ $link-color: $main-color !default
 
 // Fonts family
 // TODO: choisir typo system par défaut
-$body-font-family: "Georgia", serif !default
-$heading-font-family: "Helvetica", "Arial", sans-serif !default
+$body-font-family: "Georgia", "Times", serif !default
+$heading-font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif !default
 
 // $font-size-base: 1rem
 $line-height-base: 1.4 !default
diff --git a/assets/sass/_theme/blocks/timeline.sass b/assets/sass/_theme/blocks/timeline.sass
index a7d25e34a34c8a6c74217f99a68575d512a0185a..c1c9bc80517e39f43e36aa9edc9ecb3cc8b19f7b 100644
--- a/assets/sass/_theme/blocks/timeline.sass
+++ b/assets/sass/_theme/blocks/timeline.sass
@@ -1,11 +1,11 @@
 .block-timeline--vertical
     .events
-        padding-left: $grid-gutter
+        padding-left: $grid-gutter/2
         position: relative
         &::before
             background: $main-color
             bottom: 0
-            content: ''
+            content: ""
             left: 4px
             position: absolute
             top: 10px
@@ -16,7 +16,7 @@
         &::before
             background: $main-color
             border-radius: 50%
-            content: ''
+            content: ""
             height: 9px
             left: 0
             margin-top: 10px
@@ -27,14 +27,14 @@
 
 
 .block-timeline--horizontal
-    // --min-title-height: 0px
+    --min-title-height: 0px
     background: $block-timeline-horizontal-background
     color: $block-timeline-horizontal-color
     margin-bottom: 8rem
     overflow: hidden
     padding-bottom: $grid-gutter
     padding-top: $grid-gutter
-    
+
     // @include media-breakpoint-down(md)
     //     margin-bottom: 3rem
     // &:first-of-type
@@ -58,17 +58,18 @@
             color: $block-timeline-horizontal-color
             cursor: pointer
             font-size: 1rem
-            // padding: calc(#{$grid-gutter}*.5)
+            padding: calc(#{$grid-gutter} / 2)
             &:first-child
                 @include icon("arrow-left", before)
             &:last-child
                 @include icon("arrow-right", before)
             &:disabled
                 cursor: default
-                opacity: .3
+                opacity: 0.3
     .events
-        margin-left: calc(#{$grid-gutter}/-2)
-        margin-right: calc(#{$grid-gutter}/-2)
+        margin-left: $grid-gutter / -2
+        margin-right: $grid-gutter / -2
+        // TODO : fixer le px gap en desktop entre chaque event
         ol
             display: flex
             flex-flow: row nowrap
@@ -78,7 +79,7 @@
             width: 100%
     .event
         flex: none
-        padding: 0 calc(#{$grid-gutter}/2)
+        padding: 0 $grid-gutter / 2
         scroll-snap-align: start
         transition: 0.3s opacity
         width: 50%
@@ -94,7 +95,7 @@
             &::before
                 background: $block-timeline-horizontal-color
                 border-radius: 50%
-                content: ''
+                content: ""
                 display: block
                 height: 9px
                 position: relative
@@ -103,6 +104,10 @@
         &.is-passed
             opacity: 0.15
 
+    @include media-breakpoint-up(md)
+        .timeline
+            padding-left: col(5)
+
     @include media-breakpoint-down(md)
         .event
             width: 85%
diff --git a/assets/sass/_theme/design-system/footer.sass b/assets/sass/_theme/design-system/footer.sass
index 0c5c69d121eac56284fc88b26a09694cd2f48b3b..1310cf10177fe961c4032114c4cb145aa78781dd 100644
--- a/assets/sass/_theme/design-system/footer.sass
+++ b/assets/sass/_theme/design-system/footer.sass
@@ -45,7 +45,6 @@ footer[role="contentinfo"]
             padding: calc(#{$spacing1} / 2)
     // END TODO
 
-
     @include media-breakpoint-up(md)
         [class^="nav-"] + .credit,
         small + .credit
@@ -53,12 +52,6 @@ footer[role="contentinfo"]
                 content: '—'
                 margin: 0 calc(#{$spacing1} / 2) 0 0
 
-        [class^="nav-"]
-
-        // small + .credit
-        //     margin-left: calc(#{$spacing1} / 2)
-
-
     ul
         @include list-reset
 
diff --git a/assets/sass/_theme/design-system/vendors/glightbox.sass b/assets/sass/_theme/design-system/vendors/glightbox.sass
index 65b836b96baa1cc214854d576692763552ca2657..b70f94bd65a7a06ef2d2d615651b81beb54d0279 100644
--- a/assets/sass/_theme/design-system/vendors/glightbox.sass
+++ b/assets/sass/_theme/design-system/vendors/glightbox.sass
@@ -9,14 +9,13 @@
             color: $main-background-color
     .gnext,
     .gprev
-        // @extend .icon
         color: white
         svg
             display: none
     .gnext
-        // @extend .icon-arrow-right
+        @include icon("arrow-right")
     .gprev
-        // @extend .icon-arrow-left
+        @include icon("arrow-left")
     .gdesc-inner
         padding-left: 0
         padding-right: 0
diff --git a/assets/sass/_theme/design-system/vendors/splide.sass b/assets/sass/_theme/design-system/vendors/splide.sass
index 50e8d7fed4a9db49140293f5d33eae3d40a79002..c9d62451184d884a4d0fa1135310d46a53169f94 100644
--- a/assets/sass/_theme/design-system/vendors/splide.sass
+++ b/assets/sass/_theme/design-system/vendors/splide.sass
@@ -4,7 +4,6 @@
         background: transparent
         border: 0
     &__arrow
-        // @extend .icon
         position: absolute
         top: 50%
         svg
@@ -61,10 +60,8 @@
 
     &__play
         @include icon('play')
-        // @extend .icon-play
 
     &__pause
-        // @extend .icon-pause
         @include icon('pause')
         display: none