Working on css for dossier#show body

app/assets/stylesheets/dossier_show.scss

@@ -0,0 +1,29 @@
+#backoffice_dossier_show {
+  margin-top: 40px;
+  text-align:center;
+  .centered {
+    display:inline-block;
+    float:none;
+    box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);
+  }
+  .header {
+    background-color: #003C92;
+    height: 30px;
+    .title {
+
+    }
+    .action {
+    }
+  }
+  .body {
+    background-color: #FFFFFF;
+    height: 300px;
+    margin-bottom: 40px;
+  }
+  #message {
+  }
+  #infos {
+  }
+  #dossier {
+  }
+}

app/views/backoffice/dossiers/show.html.haml

@@ -1,4 +1,18 @@
-#backoffice_dossier_show
+%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#infos
+
+  %div.row#dossier
+
   %h1#dossier_id.text-info{ :style => 'text-align:right'}
     = t('dynamics.dossiers.numéro') + @facade.dossier.id.to_s
 
@@ -11,8 +25,6 @@
     = render partial: '/dossiers/infos_entreprise'
 
   = render partial: '/dossiers/infos_dossier'
-  %br
 
   %div
     = render partial: 'dossiers/tab_objects_dossier'
-  %br