diff --git a/app/assets/stylesheets/extranet/pages/_library.sass b/app/assets/stylesheets/extranet/pages/_library.sass
new file mode 100644
index 0000000000000000000000000000000000000000..cf9dac59096565eeca99f95bd41248f11210af4b
--- /dev/null
+++ b/app/assets/stylesheets/extranet/pages/_library.sass
@@ -0,0 +1,20 @@
+.documents-list article 
+    > div
+        align-items: center
+        background: $header-color
+        display: flex
+        padding: 45px 20px
+        span
+            background: transparentize($primary, .7)
+            border-radius: 5px
+            color: white
+            padding: 2px 18px
+        i
+            color: transparentize($primary, .7)
+            margin-right: 27px
+    p
+        margin-bottom: 40px
+        margin-top: 15px
+    a
+        background: $primary
+        border-color: $primary
diff --git a/app/views/extranet/library/documents/index.html.erb b/app/views/extranet/library/documents/index.html.erb
index 4582b5313465a0bf84a40ac9e0c54c930e4cf8bc..c7a07e2670f0ec3fb8d496494d84ae0f4b1f177f 100644
--- a/app/views/extranet/library/documents/index.html.erb
+++ b/app/views/extranet/library/documents/index.html.erb
@@ -1,18 +1,22 @@
 <% content_for :title, Communication::Extranet::Document.model_name.human(count: 2) %>
 
-<div class="row mt-n5">
+<div class="row mt-n5 documents-list">
   <% @documents.each do |document| %>
     <div class="col-lg-4">
-      <div class="position-relative mt-5">
-        <p class="mt-2">
+      <article class="position-relative mt-5">
+        <div>
+          <i class="bi bi-file-earmark-text display-1"></i>
+          <span>PDF - 120ko</span>
+        </div>
+        <p>
           <b><%= document %></b><br>
           <span class="text-muted"><%= l document.published_at.to_date %><span>
         </p>
         <%= link_to t('extranet.library.download'), 
                     document.file.url,
-                    class: 'btn btn-primary',
+                    class: 'btn btn-primary stretched-link',
                     target: :_blank if document.file.attached? %>
-      </div>
+      </article>
     </div>
   <% end %>
 </div>