<link rel="stylesheet" href="componentes/buscadorHeader/style_buscadorHeader.css">

<!-- Buscador versión 1-->

<!-- <div class="search-box">
      <label for="search">Buscar</label>
      <input type="text" id="search" placeholder="">
      <i class="fa fa-search" style="color:#f44336; margin-left:5px;"></i>
    </div>  -->


<!-- Buscador versión 2-->

 <!--    <div class="container">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <div id="cajaBuscadorHeader">
                <form action="" autocomplete="on">
                    <input id="search" name="search" type="text" placeholder="What're we looking for ?"><input id="search_submit" value="Rechercher" type="submit">
                </form>
            </div>
        </div>
    </div>
</div>
 -->


 <!-- Buscador versión 3-->

   <div class="ocultar d-flex align-items-center justify-content-center" id="buscadorHeader" >      
     <div class="col-12 col-lg-6" >
        <div id="cajaBuscadorHeader">
          <form action="" autocomplete="on">
                <input id="search" name="search" type="text" placeholder="¿Qué estás buscando ?">
                <input id="search_submit" value="Rechercher" type="submit">
          </form>
        </div>
     </div>   
  </div>