<header class="site-header-1 site-header">
        <!-- Main bar start -->
        <div id="sticked-menu" class="main-bar">
          <div class="container">
            <div class="row">
              <div class="col-md-12">
                <div class="header-buttons pull-right hidden-xsx hidden-smx">
                  <div class="header-contact">
                    <ul class="clearfix">
                      <li class="phone"><i class="fa fa-phone"></i> <span><a href="tel:+212771989898">0771.98.98.98</a></span></li>
                      <a href="tel:+212771989898">
                        <li class="border-line">|</li>
                      </a>
                    </ul>
                   </div>
                
                 
                  <!-- Button Menu OffCanvas right -->
                  <div class="navright-button"> <a href="" id="btn-offcanvas-menu"><i class="fa fa-bars"></i></a> </div>
                </div>
                <div id="logo" class="pull-left"> <a href="index.php"> <img src="images/nt_Logo%20HD%20IMPR.png"   alt="" class="img-responsive"> </a> </div>
               
            
               
                <nav id="mobile-menu" class="site-mobile-menu hidden-lg hidden-md">
                </nav>
                <!-- mobile menu close -->
                <!-- desktop menu begin -->
                <nav id="desktop-menu" class="site-desktop-menu hidden-xs hidden-sm">
                  <ul class="clearfix">
                    <li class="active"><a href="index.php">L'institut</a>
                      <ul>
                        <li><a href="about.php">À propos</a></li>
                        <li><a href="intervenants.php">Intervenants</a></li>
                      </ul>
                    </li>
                    <li><a href="cycles.php">Vos cycles</a>
                      <ul>
                        <li><a href="cycles2.php">Psychothérapeute (long)</a></li>
                        <li><a href="cycles.php">Art-Thérapie (court)</a></li>
                        <li><a href="cycles3.php">Superviseur</a></li>
                        <li><a href="cycles4.php">Thérapie de couple</a></li>
                      
                      </ul>
                    </li>
                    <li><a href="#">I.M.P.R. social</a>
                      <ul>
					  <li><a href="annuaire.php">Annuaire</a></li>
                        <li><a href="evenements.php">Évènements</a></li>
                        <li><a href="partenaires.php">Nos partenaires</a></li>
                      </ul>
                    </li>
                    <li><a href="editions-onze.php">Les éditions Onze</a> </li>
                    <li><a href="contact.php">Contact</a> </li>
                  </ul>
                </nav>
                <!-- desktop menu close -->
                <!-- Header Group Button Right begin -->
               
                <!-- Header Group Button Right close --> </div>
            </div>
          </div>
        </div>
      </header>
      <!-- header close -->
      <div class="gray-line-2"></div>
     
      <!-- Menu OffCanvas right begin -->
      <div class="navright-button hidden-smxx">
        <div class="compact-menu-canvas" id="offcanvas-menu">
          <h3>menu</h3>
          <a id="btn-close-canvasmenu"><i class="fa fa-close"></i></a>
          <nav>
            <ul class="clearfix">
              <li><a href="index.php">L'institut</a></li>
              <li><a href="about.php">A propos</a></li>
              <li><a href="intervenants.php">Intervenants</a></li>
              <li><a href="cycles2.php">Psychothérapeute (long)</a></li>
              <li><a href="cycles.php">Art-Thérapie (court)</a></li>
              <li><a href="cycles3.php">Superviseur</a></li>
              <li><a href="annuaire.php">Annuaire</a></li>
              <li><a href="evenements.php">Evénements</a></li>
              <li><a href="partenaires.php">Nos partenaires</a></li>
              <li><a href="editions-onze.php">Les éditions Onze</a></li>
              <li><a href="contact.php">Contact</a></li>
            </ul>
          </nav>
        </div>
      </div>