add drpDown menu 1

index.html

@@ -18,13 +18,25 @@
     </div>
 
     <nav class="nav-bar">
+
       <span class="nav-left">
         <a href="./index.html">Menu Principal</a>
-      </span>
-      <span class="nav-right">
         <a href="pages/galerie.html">Galerie</a>
         <a href="pages/donnees.html">Données</a>
       </span>
+
+      <span class="nav-right">
+        <div class="dropdown-menu">
+
+          <span><b>+</b></span>
+          <div class="dropdown-menu-content">
+            <a href="pages/contact.php">Contact</a>
+            <a href="pages/apropos.html">A propos</a>
+          </div>
+
+        </div>
+      </span>
+
     </nav>
 
     <div class="main-content">

styles/main.css

@@ -63,6 +63,36 @@ body {
     align-items: baseline;
 }
 
+.dropdown-menu {
+    display: inline-block;
+}
+
+.dropdown-menu-content {
+    display: none;
+    position: absolute;
+    right: 0;
+    background-color: #f9f9f9;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+}
+
+.dropdown-menu-content a {
+    color: black;
+    padding: 12px 16;
+    text-decoration: none;
+    display: block;
+    text-align: left;
+}
+
+.dropdown-menu-content a:hover {
+    background-color: #f1f1f1;
+}
+
+.dropdown-menu:hover .dropdown-menu-content {
+    display: block;
+}
+
 /* MAIN CONTENT --------------------------------------------*/
 
 .main-content {