<nav class="main-header navbar navbar-expand-md navbar-light navbar-white">

    <div class="container">

      <a href="./" class="navbar-brand">

        <img src="img/embleme.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">

        <span class="brand-text font-weight-light"></span>

      </a>



      <button class="navbar-toggler order-1" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">

        <span class="navbar-toggler-icon"></span>

      </button>



      <div class="collapse navbar-collapse order-3" id="navbarCollapse">

        <!-- Left navbar links -->

        <ul class="navbar-nav">

          <li class="nav-item">

            <a href="./" class="nav-link"><?=translate('Accueil')?></a>

          </li>

          <li class="nav-item">

            <a href="#" class="nav-link"><?=translate("Aide")?></a>

          </li>

          <li class="nav-item">

            <a href="#" class="nav-link"><?=translate('A propos')?></a>

          </li>

          

        </ul>

      </div>



      <!-- Right navbar links -->

      <ul class="order-1 order-md-3 navbar-nav navbar-no-expand ml-auto">

        <li class="nav-item dropdown">

          <a class="nav-link" data-toggle="dropdown" href="#">

          <?=translate('Langue')?> &nbsp; <i class="flag-icon flag-icon-<?=$_lang?>"></i>

          </a>

          <div class="dropdown-menu dropdown-menu-right p-0">

            <a href="#" class="dropdown-item <?=$_lang=='fr'?'active':''?>" onclick="set_lang('fr')">

              <i class="flag-icon flag-icon-fr mr-2"></i> <?=translate('Français')?>

            </a>

            <a href="#" class="dropdown-item <?=$_lang=='us'?'active':''?>" onclick="set_lang('us')">

              <i class="flag-icon flag-icon-us mr-2"></i> <?=translate('Anglais')?>

            </a>

          </div>

        </li>

      </ul>

    </div>

  </nav>