diff --git a/assets/sass/_theme/design-system/hero.sass b/assets/sass/_theme/design-system/hero.sass
index a27216ec1112c41075b7ee2dc3e31b81fe8c6152..1572be38a83af054af17f89eea553d3e8414a91d 100644
--- a/assets/sass/_theme/design-system/hero.sass
+++ b/assets/sass/_theme/design-system/hero.sass
@@ -58,3 +58,17 @@
                 left: 0
                 right: 0
                 top: 0
+
+    /* TODO refacto */
+    .title-avatar
+        @include media-breakpoint-up(md)
+            align-items: flex-end
+            display: flex
+            justify-content: space-between
+            margin-bottom: $spacing1
+            h1
+                margin-bottom: 0
+        > div
+            width: col(8)
+            @include media-breakpoint-up(md)
+                width: col(2)
diff --git a/assets/sass/_theme/design-system/top.sass b/assets/sass/_theme/design-system/top.sass
new file mode 100644
index 0000000000000000000000000000000000000000..8ccbfc8b861b8ab73f846361aa820f3683f0c820
--- /dev/null
+++ b/assets/sass/_theme/design-system/top.sass
@@ -0,0 +1,28 @@
+/* TODO à renomer */
+.top
+    align-items: baseline
+    display: flex
+    flex-wrap: wrap
+    justify-content: space-between
+    margin-bottom: $spacing1
+    position: relative
+    h2, p
+        margin-bottom: 0
+    h2
+        a
+            @include stretched-link
+    div
+        margin-top: px2rem(5)
+        p
+            @include media-breakpoint-up(lg)
+                width: col(8)
+    .link
+        @extend .link-more
+
+    // Polyfill flex-wrap
+    @supports not (flex-wrap: wrap)
+        display: block
+        h2
+            display: inline-block
+        .link
+            float: right
diff --git a/assets/sass/_theme/hugo-osuny.sass b/assets/sass/_theme/hugo-osuny.sass
index 530513908b8e118a342457102b43b8b57350a4d2..4e96a4646c6980a80d2e9dbd1aa528a24eefbca4 100644
--- a/assets/sass/_theme/hugo-osuny.sass
+++ b/assets/sass/_theme/hugo-osuny.sass
@@ -23,6 +23,7 @@
 @import "design-system/nav"
 @import "design-system/table"
 @import "design-system/table_of_content"
+@import "design-system/top"
 @import "design-system/typography"
 
 // Blocks
diff --git a/assets/sass/_theme/sections/persons.sass b/assets/sass/_theme/sections/persons.sass
index 7b11f02d8ed7c426ce30378ebbf67b64a73195bd..034ee46df7a282bcd134a9aa4034dade5f24d5c1 100644
--- a/assets/sass/_theme/sections/persons.sass
+++ b/assets/sass/_theme/sections/persons.sass
@@ -95,3 +95,17 @@ ol.persons
                 margin-right: $spacing1
     a
         @extend .link-more
+
+
+.persons__page
+    .informations
+        @include grid
+        margin-bottom: $spacing2
+        > div
+            &:first-of-type
+                grid-column: 1 / 9
+            &:nth-of-type(2)
+                grid-column: 9 / 13
+
+        .lead + div
+            margin-top: $spacing2
diff --git a/layouts/persons/single.html b/layouts/persons/single.html
index 9dd53f146efae42458da855fc91eb515eb867c3e..3d522224cb76607e6951a893e405ad401764d3d1 100644
--- a/layouts/persons/single.html
+++ b/layouts/persons/single.html
@@ -27,7 +27,7 @@
           {{- end -}}
       {{- end -}}
 
-      <div class="content">
+      <div class="informations">
         <div>
           {{ if (partial "GetTextFromHTML" .Params.description_short) }}
             <div class="lead" itemprop="description">