typo styles ok, text mode ok with close bouton, bugfixes

assets/dist/main.css

@@ -737,7 +737,6 @@ header {
 
 .sticky-clone-wrapper {
   padding-top: 5em;
-  padding-bottom: 1em;
   position: fixed;
   top: 0;
   left: 0;
@@ -750,7 +749,8 @@ header {
 main#content {
   margin-top: 5em; }
   main#content section.part {
-    position: relative; }
+    position: relative;
+    margin-bottom: 2em; }
 
 section.intro {
   margin-left: 70px; }
@@ -758,6 +758,7 @@ section.intro {
 h1.part-title {
   font-size: 1.8em;
   margin: 0 0 0 70px;
+  padding-bottom: 0.5em;
   font-weight: normal;
   letter-spacing: 0.3em; }
   h1.part-title em {
@@ -766,20 +767,50 @@ h1.part-title {
 
 h2.title {
   font-size: 1.2em;
-  font-weight: normal;
+  font-weight: 500;
   margin: 1em 0 0 70px;
   line-height: 1; }
 
-main#content.mode-text h1.part-title {
-  margin: 1em 0 0 70px; }
+h4.filet {
+  margin: 0.5em 0 0 70px; }
 
-main#content.mode-text h2.title, main#content.mode-text h4.filet {
-  margin: 1em 0 0 70px; }
+div.proposition:not(.chapitre), div.proposition.chapitre:first-of-type,
+div.appendice:not(.chapitre),
+div.appendice.chapitre:first-of-type,
+div.chapitre:not(.chapitre),
+div.chapitre.chapitre:first-of-type {
+  margin-top: 1em; }
+
+div.proposition span.title,
+div.appendice span.title,
+div.chapitre span.title {
+  font-size: 1.2em;
+  font-weight: 500; }
+
+div.explication span.title,
+div.demonstration span.title,
+div.scolie span.title,
+div.corollaire span.title,
+div.prop-axiom span.title,
+div.lemme span.title {
+  font-size: 0.8em;
+  text-transform: capitalize;
+  font-variant: small-caps; }
+
+div.lemme-scolie span.title,
+div.lemme-corrollaire span.title,
+div.lemme-demonstration span.title,
+div.corollaire-demo span.title {
+  font-size: 0.7em;
+  text-transform: capitalize;
+  font-variant: small-caps; }
+
+main#content.mode-text section.enonce, main#content.mode-text section.item.nested {
+  width: 600px;
+  margin: 1em 0 1em 70px;
+  overflow-x: visible; }
 
 main#content.mode-text section.enonce {
-  width: 450px;
-  margin: 1em 0 1em 70px;
-  overflow-x: visible;
   font-family: 'amiri', sans-serif;
   font-size: 16px;
   font-kerning: auto;
@@ -789,13 +820,22 @@ main#content.mode-text section.enonce {
     font-weight: 300;
     margin: 0;
     cursor: pointer; }
+  main#content.mode-text section.enonce.definition:not(.nested) > h2, main#content.mode-text section.enonce.axiom:not(.nested) > h2, main#content.mode-text section.enonce.def-affect:not(.nested) > h2 {
+    font-size: 1.2em;
+    float: left;
+    margin: 0 0.5em 0 0;
+    font-weight: 600;
+    text-transform: uppercase; }
   main#content.mode-text section.enonce h3 {
     font-size: 0.9em;
     font-weight: 300;
     margin: 0;
     cursor: pointer; }
+  main#content.mode-text section.enonce.proposition > div.text {
+    font-size: 1.5em;
+    font-weight: 500; }
   main#content.mode-text section.enonce div.text {
-    font-size: 1.3em; }
+    font-size: 1.2em; }
     main#content.mode-text section.enonce div.text div.paragraph {
       margin-bottom: 1em; }
       main#content.mode-text section.enonce div.text div.paragraph div.opened-link {
@@ -811,19 +851,50 @@ main#content.mode-text section.enonce {
         border-left: 1px solid #999; }
       main#content.mode-text section.enonce div.text div.paragraph img {
         float: left; }
+      main#content.mode-text section.enonce div.text div.paragraph sup {
+        font-size: 50%;
+        font-weight: 600; }
+  main#content.mode-text section.enonce hr {
+    display: none; }
+  main#content.mode-text section.enonce section ol {
+    font-size: 0.7em;
+    margin: -1em 0 2em 0;
+    padding: 0 0 0 1em; }
+
+main#content.mode-text .enonce.nested, main#content.mode-text .item.nested {
+  font-size: 16px; }
+
+main#content.mode-text .opened-link .close-link-btn {
+  width: 20px;
+  margin: 1em 0 -2.1em 61px;
+  position: relative;
+  background-color: white;
+  z-index: 10;
+  cursor: pointer;
+  text-align: center; }
+  main#content.mode-text .opened-link .close-link-btn span {
+    font-style: normal;
+    font-size: 0.7em;
+    font-weight: 300; }
 
 .dot {
   margin: 0 0 0 70px;
   position: relative;
   border: 1px solid white;
   width: 550px; }
+  .dot > span.title {
+    margin: 0 0.6em 0 0; }
   .dot > p.summary {
     display: inline-block;
     vertical-align: top;
-    margin: 0 0 0 0.6em;
+    margin: 0;
     opacity: 0;
     transition: opacity 0.4s ease-in-out;
     max-width: 475px; }
+  .dot.preface .title {
+    display: none; }
+  .dot.preface p.summary {
+    opacity: 1; }
   .dot:not(.disabled) > span.title, .dot:not(.disabled) > p.summary {
     cursor: pointer; }
   .dot.disabled > span.title, .dot.disabled > p.summary {
@@ -847,7 +918,6 @@ main#content.mode-text section.enonce {
     border-bottom: 1px solid #e2e2e2; }
   .dot > nav.links {
     position: relative;
-    left: 140px;
     box-sizing: border-box; }
     .dot > nav.links.to {
       bottom: 100%;
@@ -862,7 +932,7 @@ main#content.mode-text section.enonce {
       border-left: 1px solid #e2e2e2;
       position: absolute;
       top: 0;
-      left: 90px;
+      left: 65px;
       height: 100%;
       width: 1px;
       z-index: -1; }
@@ -878,6 +948,6 @@ footer {
   background-color: white;
   width: 100%; }
   footer > * {
-    margin-left: 1em; }
+    margin-left: 70px; }
 
 /*# sourceMappingURL=main.css.map*/