<?php require_once('../../private/fonctions.inc.php'); ?>

<!-- Header -->
<div class="qet-top-header">
  <ul class="w3-navbar qet-theme-header w3-justify">
    <li class="w3-hide-large">
    <img src="../images-design/logo-qet-small.svg" alt="QET logo" style="height:100%"/>
    </li>
    <li class="w3-hide-small w3-hide-medium">
    <img src="../images-design/logo-qet.svg" alt="QET logo" style="height:100%"/>
    </li>
    <li class="w3-opennav w3-right w3-hide-large">
      <a class="qet-hover-dark-gray w3-xlarge qet-very-light-gray" style="padding-top:17px;padding-bottom:17px;" href="javascript:void(0)" onclick="w3_open_sidenav()"><i class="fa fa-bars"></i></a>
    </li>
    <li class="w3-opennav w3-right w3-hide-large">
      <a class="qet-hover-dark-gray w3-xlarge qet-very-light-gray" style="padding-top:17px;padding-bottom:17px;" href="javascript:void(0)" onclick="w3_open_langmenu()"><i class="fa fa-flag"></i></a>
    </li>
    <li class="w3-hide-small w3-hide-medium w3-right">
    <img src="../images-design/header-2.png" alt="header image" style="height:100px;width:500px"/>
    </li>
    <li class="w3-hide-small w3-hide-large w3-right">
    <img src="../images-design/header-1.png" alt="header image" style="height:70px;width:140px"/>
    </li>
  </ul>
</div>

<!-- Higher header for desktop view -->
<div class="w3-hide-small w3-hide-medium" style="background-color:#2a6bb8;height:30px;width:100%:top:70px"></div>

<!-- Laser decoration, only for desktop view -->
<div class="qet-laser-top w3-hide-medium w3-hide-small"></div>
<div class="qet-laser-bottom w3-hide-medium w3-hide-small"></div>
