59 résumé, flex person position

src/Bundle/ChillMainBundle/Resources/public/scss/chillmain.scss

@@ -67,3 +67,43 @@ div#header-accompanying_course-details {
   padding-top: 1em;
   padding-bottom: 1em;
 }
+
+
+div.flex-bloc {
+   display: flex;
+   flex-direction: row;
+   flex-wrap: wrap;
+   align-items: stretch;
+   align-content: stretch;
+   &.right {
+      justify-content: flex-end;
+   }
+   div.item-bloc {
+      border: 1px solid #000;
+      margin: 0 1em 1em 0;
+      padding: 1em;
+      flex-grow: 0;
+      flex-shrink: 0;
+      flex-basis: 30%;
+      
+      display: flex;
+      flex-direction: column;
+      h5 {
+         margin-top: 0;
+         margin-bottom: 0.3em;
+      }
+      .content-bloc {
+         margin: 0;
+         font-size: 90%;
+      }
+      dl {
+      }
+      ul.record_actions {
+         margin-top: auto;
+         margin-bottom: 0;
+      }
+   }
+   @media only screen and (max-width: 768px) {
+      flex-direction: column;
+   }
+}