{source}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script>

(function($) {
  $.fn.goTo = function() {
    jQuery('html, body').animate({
      scrollTop: jQuery(this).offset().top-120 + 'px'
    }, '500');
    return this;
  }
})(jQuery);

jQuery(function ($){
  var c = "";
  // afficage des sous tags
  $("#Informatique").click(function(){
    $('#Informatique').goTo();
    let categ = document.getElementById("categorie_final");
    if (c!="Informatique"){
      c = "Informatique";
      document.getElementById("Informatique").childNodes[1].style.color = "#c35b9b";
      document.getElementById("Ressources_Humaines").childNodes[1].style.color = "";
      document.getElementById("Securite").childNodes[1].style.color = "";
    }
    else{
      document.getElementById("Informatique").childNodes[1].style.color = "";
      c='';
    }
    if (jQuery('#Informatique').is(":visible")){
      get_liste_tag(c);
    }
    else{
      setTimeout(function(){
        get_liste_tag(c);
      },500)
    }
  });

  $("#Ressources_Humaines").click(function(){
    $('#Ressources_Humaines').goTo();
    let categ = document.getElementById("categorie_final");
    if (c!="Ressources Humaines"){
      c = "Ressources Humaines";
      document.getElementById("Ressources_Humaines").childNodes[1].style.color = "#c35b9b";
      document.getElementById("Securite").childNodes[1].style.color = "";
      document.getElementById("Informatique").childNodes[1].style.color = "";
    }
    else{
      document.getElementById("Ressources_Humaines").childNodes[1].style.color = "";
      c='';
    }
    if (jQuery('#Ressources_Humaines').is(":visible")){
      get_liste_tag(c);
    }
    else{
      setTimeout(function(){
        get_liste_tag(c);
      },500)
    }
  });

  $("#Securite").click(function(){
    $('#Securite').goTo();
    let categ = document.getElementById("categorie_final");
    if (c!="Securite"){
      document.getElementById("Securite").childNodes[1].style.color = "#c35b9b";
      document.getElementById("Ressources_Humaines").childNodes[1].style.color = "";
      document.getElementById("Informatique").childNodes[1].style.color = "";
      c = "Securite";
    }
    else{
      document.getElementById("Securite").childNodes[1].style.color = "";
      c='';
    }
    if (jQuery('#Securite').is(":visible")){
      get_liste_tag(c);
    }
    else{
      setTimeout(function(){
        get_liste_tag(c);
      },500)
    }
  });
});

</script>

<style media="screen">
.search_accueil{
  /*background-image: url('images/test.jpg');*/
  width:100%;
  height:400px;
}
.info_adhara{
  color: white;
  font-size:24px;
  z-index:9999;
  position:absolute;
  margin-left:3%;
}
@media screen and (max-width:760px) {
  .info_adhara{
    display: none;
  }
  video{
    display: none;
  }
  #image_video{
    display: block !important;
    position: absolute;
  	bottom: 30px;
  }
}
.contour{
  margin-top: -10px;
}
  </style>

<div>
  <p class="info_adhara contour">Formation - Accompagnement - Externalisation des services</p>
</div>
  <!-- Formulaire de recherche sur l'image -->
  <div class="header-unit " >
    <!-- affichage de la video -->
    <video autoplay muted loop class="fillWidth" poster="/images/nuages.png">
      <source src="https://site.adhara.fr/images/Fotolia_151322584_V_HD1080.mov" type="video/mp4">
      </video>
      <img src="/images/nuages.png" alt="" style="display: none;" id="image_video">
      <div class="search_accueil">
        <div class="formulaire">
          <form id="search-93-58ad5a3861bb7" class="uk-search search_form" action="https://site.adhara.fr/recherche-adhara" method="get">
            <!-- <input type="hidden" name="region" value="" id="region_final"> -->
            <!-- <input type="hidden" name="categorie" value="" id="categorie_final"> -->
            <input type="text" name="searchword" oninput="auto_research()" style="background-color:white;height:40px;border-radius:5px;width:40%" id="searchword" placeholder="Rechercher une formation" class="input_accueil" autocomplete="off">
          </div>
        </div>
      </div>
    </form>

    {/source}