mode connection is ok

assets/main.scss

@@ -221,7 +221,7 @@ h4.filet{
 div.proposition,
 div.appendice,
 div.chapitre{
-  &:not(.chapitre), &.chapitre:first-of-type{margin-top: 1em;}
+  &:not(.chapitre), &.chapitre:first-of-type, &:not(.dot.nested){margin-top: 1em;}
   span.title{
   font-size: 1.2em;
   font-weight: 500;
@@ -423,8 +423,12 @@ main#content.mode-connections{
   //   font-kerning: none;
   // }
   >span.title{
-    margin: 0 0.6em 0 0;
+    padding: 0 0.6em 0 0;
   }
+  &.opened>span.title{
+    display:block;
+  }
+
 
   >p.summary{
     display: inline-block;
@@ -466,6 +470,9 @@ main#content.mode-connections{
   }
   &.to-links > section.text{
     border-top: 1px solid #e2e2e2;
+    $decal:1.5em;
+    padding-top:$decal;
+    margin-top: -$decal;
   }
   &.from-links > section.text{
     border-bottom: 1px solid #e2e2e2;
@@ -483,7 +490,7 @@ main#content.mode-connections{
     &.from{
       top:100%;
       padding-top:10px;
-      margin-bottom: 15px;
+      // margin-bottom: 15px;
     }
 
     &:before{
@@ -518,6 +525,46 @@ main#content.mode-connections{
   //   line-height: 0.8;
   // }
 
+  &.opened{
+    // position:relative;
+    // outline: 1px solid red;
+    margin-bottom: 15px;
+    // span.title{
+    //   float:left;
+    // }
+  }
+  .bullet,.close-link-btn{
+    position:absolute;
+    width:20px;
+    // top:0;
+    left:-24px;
+    margin:-3px 0 0 0;
+    // outline: 1px solid green;
+    // display:inline-block;
+    // background-color: white;
+    // z-index: 10;
+    text-align: center;
+  }
+  .bullet{
+    span{
+      font-style: normal;
+      font-size: 0.2em;
+      font-weight: 300;
+    }
+  }
+
+  .close-link-btn{
+    cursor: pointer;
+    span{
+      font-style: normal;
+      font-size: 0.7em;
+      font-weight: 300;
+    }
+  }
+
+  &.nested{
+    font-size: $fs;
+  }
 
 }