program

assets/sass/_theme/_configuration.sass

@@ -176,6 +176,8 @@ $toc-active-color: $main-color !default // TODO : checker ce que ça fait
 $persons-avatar-background-color: $main-light-color !default
 
 // Program
+$program-essential-font-size: $h5-size !default
+$program-share-font-size: $h4-size !default
 $program-zindex-toc: $zindex-toc !default
 
 // MISC

assets/sass/_theme/design-system/nav.sass

@@ -170,14 +170,16 @@ body
         vertical-align: middle
 
 .dropdown-share
-    // @extend .dropdown
     > button
-        // @extend .btn
-        // @extend .btn-lg
-        // @extend .btn-outline-light
+        @include button-reset
+        color: $hero-color
+        border: 1px solid $hero-color
+        padding: $spacing0 $spacing1
+        font-size: $program-share-font-size
         @include icon(social, after)
             margin-left: px2rem(10)
-
+    ul
+        display: none
     .dropdown-menu
         padding: 0
         .share

assets/sass/_theme/sections/diplomas.sass

@@ -50,13 +50,13 @@ ul.diplomas
 .essential
     @include grid(12, false, 0)
     flex-wrap: wrap
-    font-size: px2rem(18)
+    font-size: $program-essential-font-size
     margin-bottom: 0
     dt,
     dd
         margin: 0
-        padding-bottom: px2rem(12)
-        padding-top: px2rem(12)
+        padding-bottom: $spacing0
+        padding-top: $spacing0
     dt
         grid-column: 1/4
         opacity: .8

assets/sass/_theme/sections/programs.sass

@@ -81,7 +81,7 @@ ol.programs
         .dropdown-share
             margin-top: $spacing1
             @include media-breakpoint-up(md)
-                bottom: 2.25rem
+                bottom: $spacing1
                 margin-top: 0
                 position: absolute
                 right: $grid-gutter