4 files changed, 102 insertions, 60 deletions

diff --git a/source/css/theme.css b/source/css/theme.css
index ca4fe40b..ae2a5179 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -60,6 +60,15 @@ only screen and ( min-resolution: 1.25dppx) {
     color: red;
 }
 
+li {
+  list-style: none;
+}
+
+ul li:before {
+	content: "\25b6 \00a0";
+}
+
+/* Menu design */
 .nav {
     position: fixed;
     left: 2.5%;
@@ -68,116 +77,127 @@ only screen and ( min-resolution: 1.25dppx) {
     text-align: center;
 }
 
-.nav-icon {
-    display: block;
-    margin: 2px auto;
-    width: 100px;
-    height: 100px;
-    border-radius: 50%;
-    background: #ddd;
-    line-height: 100px;
-    text-align: center;
-    text-decoration: none;
-    font-size: 0;
+.lia li:before {
+  list-style: none;
+  content: "" !important;
 }
 
-.nav-icon:before {
-    content: "ZW";
-    display: inline-block;
-    position: relative;
-    left: 2px;
-    font-family: "monospace",
-                 "helvetica", Arial, sans-serif;
-    font-size: 35px;
-    font-weight: normal;
-    letter-spacing: 2px;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    color: #fff;
-    transform: scale(1,0.95);
-    -webkit-transform: scale(1,0.95);
-    -moz-transform: scale(1,0.95);
-    -ms-transform: scale(1,0.95);
-    -o-transform: scale(1,0.95);
+.nav li {
+  list-style: none;
 }
 
-.nav-title {
-    font-size: 17px;
-    font-weight: bold;
-    margin: 2px 0 1px 0;
-    text-decoration: none;
+.nav li a {
+  text-decoration: none;
 }
 
-.nav-title:before {
-    content: "Why ?";
+
+.left-lia {
+  float: left;
 }
 
-.nav-author {
-    font-size: 13px;
-    text-decoration: none;
+.left-lia::after {
+  content: "█▓▒░";
 }
 
-.nav-author:before {
-    content: "by neodarz";
+.right-lia {
+  float: right;
 }
 
-li {
-  list-style: none;
+.right-lia::after {
+  content: "░▒▓█";
 }
 
-ul li:before {
-	content: "\25b6 \00a0";
+.lia {
+  text-decoration: none;
 }
 
-.lia li:before {
+.lia-border {
+  border: 1px solid white;
+}
+
+.lia-border ul {
+  padding: 0px;
+  margin: 0;
+}
+
+.lia-border hr {
+  background-color: white;
+  margin: 0;
+  padding: 0;
+}
+
+.lia:hover li{
+    background-color: white;
+    color: black;
+}
+
+/* subMenu design */
+.subnav {
+    position: fixed;
+    right: 2.5%;
+    height: 150px;
+    width: 200px;
+    text-align: center;
+}
+
+.sublia li:before {
   list-style: none;
   content: "" !important;
 }
 
-.nav li {
+.subnav li {
   list-style: none;
 }
 
-.nav li a {
+.subnav li a {
   text-decoration: none;
 }
 
-.left-lia {
+.subleft-lia {
   float: left;
 }
 
-.left-lia::after {
+.subleft-lia::after {
   content: "█▓▒░";
 }
 
-.right-lia {
+.subright-lia {
   float: right;
 }
 
-.right-lia::after {
+.subright-lia::after {
   content: "░▒▓█";
 }
 
-.lia {
+.sublia {
   text-decoration: none;
 }
 
-.lia-border {
+.sublia-border {
   border: 1px solid white;
 }
 
-.lia-border ul {
+.sublia-border ul {
   padding: 0px;
   margin: 0;
 }
 
-.lia-border hr {
+.sublia-border hr {
   background-color: white;
   margin: 0;
   padding: 0;
 }
 
-.lia:hover li{
+.sublia-border pre code ul, .sublia-border pre code, .sublia-border pre {
+  width: 100% !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  font-family: monospace,monospace !important;
+  font-size: 12px !important;
+  white-space: normal;
+}
+
+.sublia:hover li{
     background-color: white;
     color: black;
 }
diff --git a/source/website/Documents/stage-1.md b/source/website/Documents/stage-1.md
index 7d1c39e0..985d68a9 100644
--- a/source/website/Documents/stage-1.md
+++ b/source/website/Documents/stage-1.md
@@ -1,5 +1,11 @@
+<nav class="subnav">
+  <div class="sublia-border">
+    -- generate submenu here --
+  </div>
+</nav>
+
 ---
-title: 'stage-1'
+title: 'Stage année 1'
 ---
 
 Stage 1 !!!!
diff --git a/source/website/Documents/stage-2.md b/source/website/Documents/stage-2.md
new file mode 100644
index 00000000..44728eaa
--- /dev/null
+++ b/source/website/Documents/stage-2.md
@@ -0,0 +1,11 @@
+<nav class="subnav">
+  <div class="sublia-border">
+    -- generate submenu here --
+  </div>
+</nav>
+
+---
+title: 'Stage année 2'
+---
+
+Stage 2 !!!!
diff --git a/source/website/bts-sio.md b/source/website/bts-sio.md
index b087cf46..3028693a 100644
--- a/source/website/bts-sio.md
+++ b/source/website/bts-sio.md
@@ -1,8 +1,13 @@
-<li>---
+<nav class="subnav">
+  <div class="sublia-border">
+    -- generate submenu here --
+  </div>
+</nav>
+
+---
 title: "Bts SIO"
 ---
 
-
 # Tableau de compétences
 
 <table>