diff --git a/app/assets/stylesheets/extranet/_default/components/_facets.sass b/app/assets/stylesheets/extranet/_default/components/_facets.sass
index 327994383468d8d69eeeb9b68a7e46906c61678d..3c6150635a5ce5320ecb8fac3d8c3a6999126da2 100644
--- a/app/assets/stylesheets/extranet/_default/components/_facets.sass
+++ b/app/assets/stylesheets/extranet/_default/components/_facets.sass
@@ -20,4 +20,29 @@
             border-radius: 0
             height: 0.65em
             margin-top: 0.5em
-            width: 0.65em
\ No newline at end of file
+            width: 0.65em
+
+.faceted__facets
+    > li
+        margin-bottom: px2rem(40)
+        b
+            display: block
+            margin-bottom: px2rem(10)
+.faceted__facet
+    &__text
+        display: flex
+    &__list
+        display: flex
+        flex-wrap: wrap
+        &__value
+            @extend .btn-sm
+            background: $btn-facet-background
+            border: 0
+            color: $btn-facet-color
+            display: inline-block
+            margin-bottom: 10px
+            margin-right: 10px
+            min-width: px2rem(52)
+            padding: 2px 7px
+            &--selected
+                background: $btn-facet-background-active
diff --git a/app/assets/stylesheets/extranet/_default/layouts/_header.sass b/app/assets/stylesheets/extranet/_default/layouts/_header.sass
index da3706b863bf484763cb1c3ca6a02ad549261545..aa51aa08c5aa9d40ed757c03c19bd80939017918 100644
--- a/app/assets/stylesheets/extranet/_default/layouts/_header.sass
+++ b/app/assets/stylesheets/extranet/_default/layouts/_header.sass
@@ -5,8 +5,11 @@
             max-width: 100px
 
 header
+    align-items: baseline
     border-bottom: 1px solid
     border-top: 1px solid
+    display: flex
+    justify-content: space-between
     min-height: 160px
     h1, p
         padding-top: 3rem
\ No newline at end of file
diff --git a/app/views/extranet/application/facets/_search.html.erb b/app/views/extranet/application/facets/_search.html.erb
new file mode 100644
index 0000000000000000000000000000000000000000..08ddc4e74a1448ce14d5c438541e42a5db79bc22
--- /dev/null
+++ b/app/views/extranet/application/facets/_search.html.erb
@@ -0,0 +1,11 @@
+<label for="search" class="form-label h2">Recherche</label>
+<div class="facet facet--search">
+  <div class="input-group">
+    <input class="form-control" list="search-datalist-options" id="search" placeholder="Entrez votre recherche...">
+    <datalist id="search-datalist-options">
+      <% dataList.each do |value| %>
+        <option value="<%= value %>">
+      <% end %>
+    </datalist>
+  </div>
+</div>
diff --git a/app/views/extranet/persons/index.html.erb b/app/views/extranet/persons/index.html.erb
index 11b59fcc05a3b300839db66b7ab245544a15c998..432d8c7088cde0a706cdcae956fb0d7b03ff77d6 100644
--- a/app/views/extranet/persons/index.html.erb
+++ b/app/views/extranet/persons/index.html.erb
@@ -1,22 +1,26 @@
 <% content_for :title, University::Person::Alumnus.model_name.human(count: 2) %>
-
 <header class="mb-5">
-  <div class="row">
-    <div class="col-md-9">
-      <h1><%= University::Person::Alumnus.model_name.human(count: 2) %></h1>
-    </div>
-    <div class="col-md-3 text-end">
-      <p>
-        <%= @count %>
-        <%= University::Person::Alumnus.model_name.human(count: @count).downcase %>
-      </p>
-    </div>
-  </div>
+  <h1><%= University::Person::Alumnus.model_name.human(count: 2) %></h1>
+  <p>
+    <%= @count %>
+    <%= University::Person::Alumnus.model_name.human(count: @count).downcase %>
+  </p>
 </header>
 
 <div class="row">
-  <div class="col-lg-3">
+  <div class="col-md-3">
     <%= render 'faceted_search/facets', facets: @facets %>
+    <div class="facets">
+      <div class="mb-4">
+        <%= render 'extranet/application/facets/search', dataList: @people %>
+      </div>
+      <div class="mb-4">
+        <%= render 'extranet/application/facets/years' %>
+      </div>
+      <div class="mb-4">
+        <%= render 'extranet/application/facets/programs' %>
+      </div>
+    </div>
   </div>
   <div class="offset-lg-1 col-lg-8">
     <div class="row">