.-.-.-.-.-

<div class="nav-container bg--dark">
            <div class="bar bar--sm visible-xs">
                <div class="container">
                    <div class="row">
                        <div class="col-9 col-md-4">
                            <a href="#URL_SITE_SPIP/">
                                <h1 class="logo logo-dark">[(#LOGO_SITE_SPIP|image_reduire{224,0})]</h1>
                                <h1 class="logo logo-light">[(#LOGO_SITE_SPIP|image_reduire{224,0})]</h1>
                            </a>
                        </div>
                        <div class="col-3 col-md-4 text-right">
                            <a href="#" class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs hidden-sm bg--dark">
                                <i class="icon icon--sm stack-interface stack-menu"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <nav id="menu2" class="bar bar-2 hidden-xs bar--transparent bar--absolute" data-scroll-class='40vh:pos-fixed'>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 text-left-sm hidden-xs order-lg-1">
                            <div class="bar__module">
                                <a href="#URL_SITE_SPIP/">
                                     <div class="spip_logo_site">[(#LOGO_SITE_SPIP|image_reduire{224,0})]</div>
                                </a>
                            </div>
                            
                        </div>
                        <div class="col-lg-9 order-lg-2">
                            <div class="bar__module">
                                <ul class="menu-horizontal text-left">
                                    <li >
                                        <span class="dropdown__trigger"><a rel="start home" href="#URL_SITE_SPIP/" title="<:accueil_site:>">Accueil</a>  </span>                                      
                                    </li>
                                    <BOUCLE_nav(RUBRIQUES) {racine} {par num titre, titre} {id_rubrique!=5}>
                                    <li>
                                        <span class="dropdown__trigger"><a href="#URL_RUBRIQUE">#TITRE</a></span>
                                       
                                    </li>
                                   </BOUCLE_nav>
                                   <li>
                                     <span class="dropdown__trigger"><a href="https://www.instagram.com/apsurelevation/" target="_blank">
                            <i class="socicon socicon-instagram icon icon--xs"></i>
                          </a></span> 
                                    </li>
                                </ul>
                            </div>
                        </div>
                        
                    </div>
                </div>
            </nav>
            
        </div>

/home/atelierpru/provence/6bf95/../tmp/../squelettes/inclure/menu.html