[[!$message_important]]
<nav class="navbar navbar-expand-lg  w-100 flex-wrap" style="z-index:8000;">
  <a class="navbar-brand col-xl-2 col-md-3 col-sm-2 col-4 m-0 " href="[[~1]]">
	  <img src="assets/img/commun/tarascon.png" class="img-fluid"/>
	 </a>
  
  <button class="navbar-toggler btn btn-outline-light" type="button" data-toggle="collapse" data-target="#main_nav" aria-controls="main_nav" aria-expanded="false" aria-label="Toggle navigation">
   <i class="fas fa-bars"></i> MENU
  </button>

  <div class=" collapse navbar-collapse justify-content-lg-around justify-content-md-center"  id="main_nav">
	  	[[!wayfinder? &startId=`1`   &level=`2` &debug=`0`
	  				&outerTpl=`@CODE: [[+wf.wrapper]] `
	  				&rowTpl=`@CODE:	<a href="[[+wf.link]]" class="btn btn-sm btn-outline-light level1   "  [[+wf.attributes]] >[[+wf.linktext]]  </a> `
	  					&parentRowTpl=`@CODE:	<button class="btn btn-sm   btn-outline-light level1 my-xl-0 my-lg-1    " data-docid="[[+wf.docid]]" data-toggle="collapse" data-target="#collapseSsMenu_[[+wf.docid]]" expanded="true" aria-controls="collapseSsMenu">[[+wf.linktext]]  </button> `
 				 ]]
 				 
 				  [[!nav_tourisme]]
      </div>
  </div> 
  
  <div class="d-lg-flex   w-100 ">
  	[[!ssmenu? &mystart=`1`]]	
  				 
  </div>
  
</nav>