<nav id="istex-web-header" class="bsbb">
  <a class="logoistex" href="http://www.istex.fr/">
    <img src="logo-istex-anr.png" title="Financement : ANR-10-IDEX-0004-02" alt="Istex">
  </a>
  <ul class="srent">
    <li>
      <a href="#"><i class='fa fa-rocket fa-fw fa-lg'></i>API</a>
      <ul class="srentss">
        <li><a href="https://api.istex.fr/documentation/"><i class='fa fa-book fa-fw fa-lg'></i>Documentation</a></li>
        <li><a href="http://www.inist.fr/?Tutoriels-Interrogation-de-l-API"><i class='fa fa-graduation-cap fa-fw fa-lg'></i>Tutoriels</a>
        </li>
      </ul>
    </li>
    <li>
      <a href="http://demo.istex.fr"> <i class='fa fa-film fa-fw fa-lg'></i>demo</a>
    </li>
    <li>
      <a href="https://addons.istex.fr/"><i class='fa fa-puzzle-piece fa-fw fa-lg'></i>extension</a>
    </li>
    <li>
      <a href="http://widgets.istex.fr"><i class='fa fa-th fa-fw fa-lg'></i>widget</a>
    </li>
    <li>
      <a href="https://status.istex.fr"><i class='fa fa-heartbeat fa-fw fa-lg'></i>status</a>
    </li>
    <li>
      <a href="http://blog.istex.fr"><i class='fa fa-comment fa-fw fa-lg'></i>blog</a>
    </li>
    <li>
      <a href="https://listes.istex.fr/sympa/lists"><i class='fa fa-envelope fa-fw fa-lg'></i>listes</a>
    </li>
    <li>
      <a href="#"><i class='fa fa-lock fa-fw fa-lg'></i></a>
      <ul class="srentss">
        <li><a href="http://wiki.istex.fr"><img src="logo-wiki.png" alt="">wiki</a></li>
        <li><a href="http://kanban.istex.fr"><img src="logo-kanban.png" alt="">kanban</a></li>
      </ul>
    </li>
    <li>
      <a href="#"><i class='fa fa-twitter fa-fw fa-lg'></i></a>
      <ul class="srentss">
        <li><a href="https://twitter.com/istexdev">istexdev</a></li>
        <li><a href="https://twitter.com/Projet_ISTEX">projet istex</a></li>
      </ul>
    </li>
  </ul>
  <br class="clear">
</nav>