--- a/design/_includes/nav.html	Thu Jun 08 11:13:41 2017 +0200
+++ b/design/_includes/nav.html	Thu Jun 08 12:39:08 2017 +0200
@@ -2,15 +2,29 @@
 	<a class="navbar-brand" href="#">IRI notes</a>
 
   <div class="collapse navbar-collapse" id="navbarNavDropdown">
-	<ul class="navbar-nav ml-auto"> 
+		<!-- <span class="navbar-text">/ <i class="fa fa-refresh" aria-hidden="true"></i> dernière synchro : il y a 3 jours</span> -->
+
+	<ul class="navbar-nav ml-auto">
+			<li class="nav-item"><a class="nav-link">Paul-Émile</a></li>
+			<li class="nav-item"><a class="nav-link">CRC</a></li>	
       <li class="nav-item dropdown">
         <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 					<i class="fa fa-bars" aria-hidden="true"></i>
         </a>
         <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
-          <a class="dropdown-item" href="#">Action</a>
-          <a class="dropdown-item" href="#">Another action</a>
-          <a class="dropdown-item" href="#">Something else here</a>
+          <h6 class="dropdown-header small">groupe actuel</h6>
+					<a class="dropdown-item" href="#">CRC</a>
+					
+					<div class="dropdown-divider"></div>
+
+					<h6 class="dropdown-header small">autres groupes</h6>
+					<a class="dropdown-item" href="#">NextLEAP</a>
+
+					<div class="dropdown-divider"></div>
+
+					<a class="dropdown-item" href="#">Synchroniser les notes</a>
+					<a class="dropdown-item" href="#">Se déconnecter</a>
+
         </div>
       </li>	
 	</ul>