diff --git a/app/assets/stylesheets/dossier_show.scss b/app/assets/stylesheets/dossier_show.scss
index 622d32976..6c31d27dc 100644
--- a/app/assets/stylesheets/dossier_show.scss
+++ b/app/assets/stylesheets/dossier_show.scss
@@ -1,24 +1,44 @@
 #backoffice_dossier_show {
+  font-family: Arial;
   margin-top: 40px;
-  text-align:center;
-  .centered {
-    display:inline-block;
-    float:none;
+  .show-block {
+    width: 840px;
+    margin-left: 10%;
     box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
+    margin-bottom: 40px;
+  }
+  .carret-right {
+    float: left;
+    width: 0;
+    height: 0;
+    border-top: 7px solid transparent;
+    border-bottom: 7px solid transparent;
+    border-left: 14px solid #FFFFFF;
+    margin: 12px 12px 0 15px;
   }
   .header {
     background-color: #003C92;
-    height: 30px;
-    .title {
-
+    height: 40px;
+    color: #FFFFFF;
+    font-size: 18px;
+    font-weight: bold;
+    .title, .action, .count {
+      height: 100%;
+      line-height: 40px;
+      padding: 0px;
     }
     .action {
+      background-color: #E45B51;
+      text-align: center;
+    }
+    .count {
+      font-size: 16px;
+      text-align: center;
     }
   }
   .body {
     background-color: #FFFFFF;
-    height: 300px;
-    margin-bottom: 40px;
+    height: 100px;
   }
   #message {
   }
diff --git a/app/views/backoffice/dossiers/show.html.haml b/app/views/backoffice/dossiers/show.html.haml
index c770abd7c..126bc08cf 100644
--- a/app/views/backoffice/dossiers/show.html.haml
+++ b/app/views/backoffice/dossiers/show.html.haml
@@ -1,17 +1,29 @@
 %div.col-lg-12.col-md-12#backoffice_dossier_show
 
-  %div.row#messages
-    %div.col-lg-8.col-md-8.header.centered
-      %div.row
-        %div.col-lg-10.col-md-10.title
-          Message
-        %div.col-lg-2.col-md-2.action
-          Editer
-    %div.col-lg-8.col-md-8.body.centered
+  %div.row.show-block#messages
+    %div.header
+      %div.col-lg-10.col-md-10.title
+        %div.carret-right
+        MESSAGES
+      %div.col-lg-2.col-md-2.count
+        2 messages
+    %div.body
 
-  %div.row#infos
+  %div.row.show-block#infos
+    %div.header
+      %div.col-lg-12.col-md-12.title
+        %div.carret-right
+        INFORMATIONS ENTREPRISE / ASSOCIATION / INDIVIDU
+    %div.body
 
-  %div.row#dossier
+  %div.row.show-block#dossier
+    %div.header
+      %div.col-lg-10.col-md-10.title
+        %div.carret-right
+        CONSTRUCTION DU DOSSIER
+      %div.col-lg-2.col-md-2.action
+        EDITER
+    %div.body
 
   %h1#dossier_id.text-info{ :style => 'text-align:right'}
     = t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s