NEW Changement du menu de niveau 2

CD67.ModeleMVC.MVC/Content/cd67-model.css

@@ -127,7 +127,6 @@ h1 {
 
 .active_tab {
     background-color: white;
-    /*height : 16px;*/
     border-radius: 5px;
     padding-bottom: 1px;
 }
@@ -375,22 +374,36 @@ ul {
 /*Menu de niveau 2*/
 #menu-l2 {
     text-align: center;
+    border-bottom: 1px solid #e5e5e5;
+    width:auto;
+    height : 29px
 }
 
 #li-menu-l2 {
     display: inline;
-
+    line-height :25px;
 }
 
+#a-li-menu-l2-active {
+    border-bottom: 3px solid #4a8bee;
+    border-radius : 0;
+    color: #000;
+    color: black;
+    margin: 0 20px;
+    font-size : 14px;
+
+}
 
 #a-li-menu-l2 {
     color: black;
-    padding: 6px 30px;
     margin: 0 20px;
+    transition: background-color 150ms linear, color 150ms linear, border 150ms linear;
+        font-size : 14px;
+
 }
 
 #title-l2 {
     text-align: center;
     text-decoration: underline;
     margin-right: 3%;
-}
+}

CD67.ModeleMVC.MVC/Views/Home/Index.cshtml

@@ -1,14 +1,18 @@
-
+<title>Accueil</title>
+
 @{
     ViewBag.Title = "Accueil";
     Layout = "~/Views/Shared/_AppLayout.cshtml";
 }
 
-<title>Accueil</title>
 <h2 id="title-l2">Accueil</h2>
+
 <div>
     <ul id="menu-l2">
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/VIKINGS">Vikings</a></li>
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/TYPE_VIKING">Type&#8239;de&#8239;Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2-active" class="btn-sm" href="~/">Sous&#160;menu&#160;1</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/VIKINGS">Sous&#160;menu&#160;2</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/TYPE_VIKING">Sous&#160;menu&#160;3</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="#">Sous&#160;menu&#160;4</a></li>
+
     </ul>
-</div>
+</div>

CD67.ModeleMVC.MVC/Views/TYPE_VIKING/Index.cshtml

@@ -9,8 +9,11 @@
 <h2 id="title-l2">Type de Vikings</h2>
 <div>
     <ul id="menu-l2">
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/VIKINGS">Vikings</a></li>
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/">Accueil</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2-active" class="btn-sm" href="~/">Accueil</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/VIKINGS">Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/TYPE_VIKING">Type&#8239;de&#8239;Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="#">Contact</a></li>
+
     </ul>
 </div>
 <p>

CD67.ModeleMVC.MVC/Views/VIKINGS/Index.cshtml

@@ -8,8 +8,11 @@
 <h2 id="title-l2">Vikings</h2>
 <div>
     <ul id="menu-l2">
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/">Accueil</a></li>
-        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-primary btn-sm" href="~/TYPE_VIKING">Type de Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2-active" class="btn-sm" href="~/">Accueil</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/VIKINGS">Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="~/TYPE_VIKING">Type&#8239;de&#8239;Vikings</a></li>
+        <li id="li-menu-l2"><a id="a-li-menu-l2" class="btn-sm" href="#">Contact</a></li>
+
     </ul>
 </div>