diff --git a/chantier-readme.html b/chantier-readme.html
index 312b16cb7701f44d6ba34fff6c7a9933e32bea48..8814f36c0441fc7701614e374517907d453129a1 100644
--- a/chantier-readme.html
+++ b/chantier-readme.html
@@ -181,7 +181,7 @@
         <img src="http://osp.kitchen/api/osp.live.up-pen-down/raw/panels/2.svg" />
         <p class="narrative">Page 2 draws a same line following the 3 langages in action : hpgl, Logo and Metapost. Alternately the body is the
             pen, the instructor and the interpreter. </p>
-        <code data-lan="hpgl">
+        <code data-lang="hpgl">
 IN; SP1; PA1,1; PD3,5; PU;
 </code>
         <code data-lang="logo">
@@ -244,8 +244,11 @@ end
             version of the ×” and the 3 points defining its upper right part, we play with curve tensions variations, making
             legible the self initiative behaviour of Metapost dealing with curves. A dialogue between the indications of
             Adva - only practitioner drawing this sign - the instructions and the projected drawing of Metapost is played
-            out.
-        </p>
+            out.element {
+
+    margin: 21px;
+
+}
         <p class="documentation">
             Linguists say that the E, fifth letter of the latin alphabet, is derived from the Greek Epsilon E, represented in egyptian
             hieroglyph by the rotated , and rotated again from the Phoenician that is rooted in two cuneiform letters from
@@ -312,6 +315,9 @@ end
           font-style: normal;
         }
 
+      body {
+        margin: 21px;
+      }
 
         #project-detail #project-detail-readme article img {
             max-width: 40%;
@@ -328,7 +334,10 @@ end
           color: #9900ff;
           text-decoration: none !important;
         }
-
+          font-family: "Ume";
+          max-width: 25em;
+          letter-spacing: 0.03em;
+          font-size: 1em;
         #project-detail-readme article h4 {
           font-size: 18pt !important;
           line-height: 21pt !important;
@@ -338,9 +347,25 @@ end
 
         #dialogue {
           font-family: "Ume";
-          color:green;
+          font-size: 1em;
+          line-height: 1.4e          font-family: "Ume";
+          max-width: 25em;
+          letter-spacing: 0.03em;
+          font-size: 1em;m;
+          letter-spacing: 0.03em;
+          color:forestgreen ;
           float: right;
-          max-width: 20em;
+          width: 20em;
+          margin-right: 1em;
+          margin-left: 1em;
+        }
+
+        code {
+          font-family: "Ume";
+          font-size: 1em;
+          line-height: 1.4em;
+          letter-spacing: 0.03em;
+          color:navy ;
           margin-right: 1em;
           margin-left: 1em;
         }
@@ -352,17 +377,35 @@ end
 
         .introduction {
           font-family: "Nell";
-          color:blue;
+          color:navy;
+          font-size: 1.3em;
+          line-height: 1.3em;
           vertical-align: top;
           display: inline-block;
           width: 30%;
+          min-width: 300px;
         }
 
         .narrative {
-          font-family: "Nell";
+          font-family: "Ume";
+          max-width: 25em;
+          letter-spacing: 0.03em;          font-family: "Ume";
+          max-width: 25em;
+          letter-spacing: 0.03em;
+          font-size: 1em;
+          font-size: 1em;
+          line-height: 1.4em;
           color:black;
         }
 
+        .documentation{
+          font-family: "Ume";
+          max-width: 25em;
+          letter-spacing: 0.03em;
+          font-size: 1em;
+          color: forestgreen;
+        }
+
         .introduction:nth-child(n+2) {
             margin-left: 3%;
         }
@@ -370,6 +413,11 @@ end
         .panel {
             position: relative;
             height: 100vh;
+            width: calc(45% - 18px - 10em);
+            max-width: 600px;
+            float: left;
+            padding: 0px 9px 0px 9px;
+
         }
     </style>
 </body>