dtc enscii version

assets/style.css

@@ -16,7 +16,7 @@ body{
     --light: #bfbfbf;
     --title: 20px;
     --mono: 'Geist Mono';
-    --table-w: 760px;
+    --table-w: 700px;
 }
 
 a{
@@ -156,6 +156,7 @@ footer{
 
 #note-intention h2{
     column-span: all;
+    margin-bottom: 1.5em;
 }
 
 #note-intention h2 + p{
@@ -166,28 +167,52 @@ footer{
 /* DEVIS -------------------------------------------- */
 
 
+#devis{
+    display: grid;
+    grid-template-columns: var(--table-w) 1fr;
+    grid-template-rows: 4em 1fr;
+    
+}
 
-#devis h2 + p{
+
+.devis-aside{
+    align-self: end;
+    margin-left: 3em;
+}
+#devis h2{
+    grid-column: 1/end;
+
+}
+
+.devis-container > p{
 
     width: var(--table-w);
     text-align: right; 
-    margin-bottom: 1.5em;
+    margin-bottom: 1em;
+    margin-top: -2em;
+    font-size: 10px;
 }
 
 #devis table{
-    width: 760px;
-    /* font-family: var(--mono); */
+    width: var(--table-w);
     border-collapse: collapse;
     border-bottom: 1px solid #cfcfcf;
+    table-layout: fixed;
+    font-size: 12px;
+
 }
 
+#devis table col:nth-child(1){ width: 70% !important; }
+#devis table col:nth-child(2){ width: 15% !important; }
+#devis table col:nth-child(3){ width: 15% !important; }
+
 #devis table thead th{
     background-color: #efefef;
     text-align: left;
 }
 
 #devis table thead th, td{
-    padding: 5px 1ch;
+    padding: 3px 1ch;
 }
 
 #devis table thead th:nth-of-type(2),
@@ -208,14 +233,23 @@ footer{
 }
 
 
-#devis #total table{
+#total{
+    display: flex;
+    justify-content: flex-end;
+}
+
+#total table{
     /* border-top: 1px solid #cfcfcf; */
-    width: 400px;
-    margin-left: calc(var(--table-w) - 400px);
-    margin-top: 2em;
+    width: 400px!important;
+     table-layout: fixed;
+    /* margin-left: calc(var(--table-w) - 400px); */
+    margin-top: 1em;
     border-bottom: none;
 }
 
+#total table col:nth-child(1){ width: 85% !important; color: red; }
+#total table col:nth-child(2){ width: 15% !important; }
+
 #devis #total th,
 #devis #total td{
     background-color: transparent!important;
@@ -244,7 +278,13 @@ footer{
 
 /* PLANNING & LIVRABLES ---------------------------------------- */
 
+#planning{
+    break-after: page;
+}
 
+#planning h2{
+    margin-bottom: 1em;
+}
 #livrables{
     margin-top: 5em;
 }
@@ -255,8 +295,8 @@ footer{
 #equipe .people{
     min-height: 160px;
     break-inside: avoid;
-    margin-top: 6em;
-    margin-bottom: 6em;
+    margin-top: 4em;
+    /* margin-bottom: 4em; */
     padding-left: 220px;
     position: relative;
     margin-left: 5em;
@@ -365,4 +405,18 @@ footer{
 
 #wysiwyg img{
     object-position: 0px 0px;
-}
+}
+
+
+#resin figure img{
+    width: 870px;
+    object-position: 0px 0px;
+    /* object-fit: none; */
+
+}
+
+#timelure figure img{
+ width: 120%;
+ object-position: -10% 0px;
+}
+