{block name='header_banner'}
  <div class="header-banner {if $page.page_name == 'index'}bandeauHome{/if}">
    {hook h='displayBandeau'}
    {hook h='displayMagasin'}
  </div>
{/block}

{block name='header_nav'}
  <nav class="header-nav">
    <div class="header-mob">
      <div class="container">
        <div class="row">
          
          <div class="hidden-md-up text-sm-center mobile">
          <div class="top-logo col-sm-4" id="_mobile_logo"></div>
            
            
            <div class="nav-icon col-sm-8">
              <div class="float-xs-right" id="_mobile_fav"></div>
              <div class="float-xs-right" id="_mobile_search"></div>
              <div class="float-xs-right" id="_mobile_user_info"></div>
              <div class="float-xs-right" id="_mobile_cart"></div>
              <div class="float-xs-right " id="menu-icon">
              <svg xmlns="http://www.w3.org/2000/svg" class="d-inline" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e3e3e3"><path d="M120-680v-80h720v80H120Zm0 480v-80h720v80H120Zm0-240v-80h720v80H120Z"/></svg>
              </div>
            </div>
          </div>
          
          <div class="hidden-sm-down">
            <div class="col-md-5 col-xs-12">
              {hook h='displayNav1'}
            </div>
           
          </div>

          <div id="mobile_top_menu_wrapper" class="row hidden-md-up" style="display:none;">
          <div>
                <div class="back-button">
                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="26px" height="12px">
                        <path stroke-width="3" fill-rule="evenodd" fill="rgb(0, 0, 0)" d="M25.969,6.346 C25.969,5.996 25.678,5.713 25.319,5.713 L3.179,5.713 L7.071,1.921 C7.324,1.673 7.324,1.277 7.071,1.029 C6.817,0.782 6.410,0.782 6.156,1.029 L1.159,5.898 C0.905,6.145 0.905,6.542 1.159,6.789 L6.156,11.658 C6.283,11.782 6.447,11.844 6.616,11.844 C6.785,11.844 6.949,11.782 7.076,11.658 C7.330,11.411 7.330,11.014 7.076,10.767 L3.184,6.975 L25.329,6.975 C25.678,6.975 25.969,6.697 25.969,6.346 Z"></path>
                    </svg>
                    <div class="breadcrumb-path-menu" ></div>
                </div>
                <div class="close-buton"><svg aria-hidden="true" focusable="false" viewBox="0 0 20 24" role="img" width="24px" height="26px" fill="none"><path stroke="currentColor" stroke-width="3" d="M18.973 5.027L5.028 18.972m0-13.945l13.944 13.945"></path></svg></div>
          </div>
            <div class="js-top-menu mobile" id="_mobile_top_menu"></div>
            <div class="js-top-menu-bottom">
              <div id="_mobile_currency_selector"></div>
              <div id="_mobile_language_selector"></div>
              <div id="_mobile_contact_link"></div>
            </div>
          </div>

        </div>
      </div>
    </div>
    {block name='header_top'}
    <div class="header {if $page.page_name == 'index'}{if {$sliderParameter[0]->background}}above {else}not-above {/if}header-top {if !empty($bandeaux) || !empty($bandeauParameter) && $bandeauParameter[0]->isVisible}topBanner {/if}{else}header-all {/if}">
      <div class="container">
        <div class="row">
          <div class="col-md-4"></div>
          <div class="col-md-4 hidden-sm-down NavLogo" id="_desktop_logo">
            {if $shop.logo_details}
              {if $page.page_name == 'index'}
                  {renderLogo}
              {else}
                {renderLogo}
              {/if}
            {/if}
          </div>
          <div class="header-top-right col-md-4 col-sm-12 nav-icons">
            {hook h='displayNav2'}
          </div>
        </div>
        <div class="row">
            <div class="col-md-12">
              {hook h='displayTop'}
            </div>
        </div>
        
      </div>
    </div>
  {/block}
  </nav>
{/block}
