<nav class="navbar navbar-toggleable-md navbar-light bg-faded sticky-top">
	<a class="navbar-brand" href="#">IRI notes</a>

  <div class="collapse navbar-collapse" id="navbarNavDropdown">
		<!-- <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">
          <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>
	</div>
</nav>