{% macro menu(page) %}
	<div class="row">
	<div class="columns medium-10 medium-offset-1 small-12">
		<div class="button hollow smph show_menu">+ menu </div>
		<ul class="nav">
	    {% for p in page.children %}
	    	{% if p.slug != "home" and p.template != "default" and p.template != "info" %}
	    		<li>
		    		<a class="item" href="{{ p.url }}">{{ p.title }}</a>	
	    		</li>
	    	{% endif %}
	    	
	    {% endfor %}
  		</ul>
	</div>
	<div class="small-12 bb">
		
	</div>
	<div class="columns medium-10 medium-offset-1 small-12">
	  	<ul class="subnav">
	    {% for p in page.children %}
	    	{% if p.slug != "home" and p.template != "default" and p.template != "info" %}
	    		<li>
		    		{% if p.header.modules %}
		    			<ul class="chapter">
		    				{% for m in p.header.modules  %}
		    					<li><a href="{{ p.url }}#{{m.title|replace({' ': '-' })|lower }}">{{ m.title }}</a></li>
		    				{% endfor %}
		    				{% if p.slug == "formations" %}
		    					<li><a href="{{ p.url }}#sessions">Sessions Annuelles</a></li>
		    					<li><a href="{{ p.url }}#evenements">ÉVÈNEMENTS</a></li>
		    				{% endif %}
		    				{% if p.slug == "realisations" and p.header.pod == true %}
					    		<li>
						    		<a class="item" href="{{ p.url }}#podcast">podcast</a>	
					    		</li>
					    	{% endif %}
					    	{% if p.slug == "qui-sommes-nous" %}
					    		<li>
						    		<a class="item" href="{{ p.url }}#team">L'équipe</a>	
					    		</li>
					    		<li>
						    		<a class="item" href="{{ p.url }}#part">Les Partenaires</a>	
					    		</li>
					    	{% endif %}
		    			</ul>
		    		{% endif %}
	    		</li>
	    		
	    	{% endif %}
	    	
	    {% endfor %}
	 	 </ul>
 	 </div>
 	 </div>

{% endmacro %}




<div class="row">
	<div class="columns small-10 small-offset-1">
		<div class="row header align-middle">
			<div class="columns medium-3 small-6 logo">
				<a href="{{base_url}}">
					<img src="{{ url('theme://images/logos_ceras.svg') }}" alt="">
				</a>
			</div>
			<div class="columns medium-4 medium-offset-2 small-6">
				<div class="row align-middle">
					<div class="columns medium-4 small-6 ">
						<a class="br" href="https://www.doctrine-sociale-catholique.fr/">
							<img src="{{ url('theme://images/DSC.png') }}" alt="">
						</a>
					</div>
					<div  class="columns medium-4 small-6 pr">
						<a class="br"href="https://www.revue-projet.com/">
							<img src="{{ url('theme://images/projet.png') }}" alt="">
						</a>
					</div>
					<div class="columns medium-4 small-8 socials_container">
						<div class="row align-middle">
							<div class="columns small-4 socials">
								<a  href="{{tw}}">

									<img src="{{ url('theme://images/tw.svg') }}" alt="">
								</a>
							</div>
							<div class="columns small-4 socials">
								<a href="{{yt}}">
									<img src="{{ url('theme://images/YT.svg') }}" alt="">
								</a>
							</div>
							<div class="columns small-4 socials">
								<a href="{{fb}}">
									<img src="{{ url('theme://images/fb.svg') }}" alt="">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="columns medium-3 small-12 newsletter">
				<a href="#" data-token="32f3438cb8ff66b06fae26eea7341b92" onclick="mjOpenPopin(event, this)">
					<div class="button">
						Je m'abonne à la newsletter
					</div>
				</a>
			</div>
			
		</div>
	</div>
	<div class="columns small-12 navigation">

		{{ _self.menu(pages) }}
				
	</div>
</div>