added basic starter ajax link algorythme, added overlayScrollbar js lib, cleaned template

sites/all/themes/custom/edlptheme/assets/styles/app.scss

@@ -11,7 +11,14 @@
 @import 'base/layout';
 
 // header
+
+header[role="banner"]{
+  padding:0 0 1em 0;
+  border-bottom: 1px solid red;
+}
+
 #block-edlptheme-branding{
+  display: inline-block;
   h1{
     margin:0; display: inline-block;
     font-size: 1.5em;
@@ -53,6 +60,79 @@
   }
 }
 
+#block-mainnavigation{
+  float:right;
+  ul{
+    margin:0; padding: 0;
+    white-space: nowrap;
+    li{
+      margin:0; padding:0;
+      display: inline-block;
+      a{
+        font-size: 0.756em;
+        color:inherit;
+        text-decoration: none;
+        text-transform: uppercase;
+        margin-left: 1em;
+        &:before{
+          content: "";
+          display:inline-block;
+          $sq:0.6em;
+          width: $sq; height:$sq;
+          border: 1px solid #000;
+          margin-right: 0.3em;
+        }
+        &.is-active:before,
+        &:hover:before{
+          border-color: red;
+          background-color: red;
+        }
+      }
+    }
+  }
+}
+
+// main
+// main[role="main"]{
+//   .layout-content{
+//     p{
+//       white-space:normal;
+//     }
+//   }
+// }
+
+#agenda{
+  pointer-events: auto;
+  background-color: $transparent-bg;
+  box-sizing: border-box;
+  border-top: 1px solid red;
+  border-bottom: 1px solid red;
+  padding: 1em;
+  position: relative;
+  white-space: nowrap;
+  height: 100%;
+  div.column{
+    white-space: normal;
+    display: inline-block;
+    vertical-align: top;
+    height:100%;
+  }
+  div.next-event{
+    width:65%;
+  }
+  div.future-past-events{
+    width:33%;
+  }
+
+  ul,li{
+    margin:0; padding:0;
+    list-style: none;
+  }
+  article.node--type-evenement{
+    h2{font-size: 1em;}
+  }
+}
+
 
 // Footer
 @mixin oblique-list {
@@ -133,6 +213,9 @@ footer{
           text-decoration: none;
           font-size: 0.756em;
         }
+        &.is-active{
+          a{color: red;}
+        }
       }
     }
   }

sites/all/themes/custom/edlptheme/assets/styles/base/_layout.scss

@@ -24,8 +24,21 @@ header[role="banner"]{
 
 main[role="main"]{
   // outline:1px solid green;
-  background-color: $transparent-bg;
   // display: none;
+  pointer-events: none;
+  position: absolute;
+  left:0; top:0;
+  box-sizing:border-box;
+  padding:7em 2em 9em;
+  width:100%; height:100%;
+  overflow: hidden;
+  .layout-content, .region-content, #block-edlptheme-content{
+    width: 100%; height:100%;
+    overflow:hidden;
+  }
+  .kint{
+    pointer-events: auto;
+  }
 }
 
 footer[role="contentinfo"]{

sites/all/themes/custom/edlptheme/assets/styles/base/_reset.scss

@@ -2,5 +2,9 @@ body {
 	background: white;
 }
 
+a{
+	color: inherit;
+	text-decoration: none;
+}
 a, a:focus, a:active { outline: none; }
 a:focus{ -moz-outline-style: none; }