[(#REM)
	header : banniere et barre de navigation

	param:
	- id_rubrique (facultatif) 		expose la rubrique + lien de traduction
	- id_article (facultatif) 		expose la rubrique
	- class							ajoute une classe en plus
]

<!-- header -->
<header class="header rwd-hidden[ (#ENV{class})]" role="banner" id="top">
	<div class="container container-aoto">
		<div class="header-inner">
			<div class="header-logo">
				<a href="#URL_SITE_SPIP" class="header-logo-link">
					[<div class="header-logo-titre">(#NOM_SITE_SPIP)</div>]
					[<div class="header-logo-ss-titre">(#SLOGAN_SITE_SPIP)</div>]
				</a>
			</div>

			<ul class="header-nav">
			[(#REM)
				menu:
				on liste toutes les rubriques à la racine non cachées
			]
			<BOUCLE_nav(RUBRIQUES){titre !=='^999.'}{aoto_menu_cache != 'on'}{par num titre}{racine}>
				<li>
					<a href="#URL_RUBRIQUE"[ class="(#EXPOSE)"]>#TITRE</a>
					[(#REM) sous menu
							- si option PG_MENU_SSMENU activée sur la rubrique
					]<B_ss_nav>
					<ul class="header-nav-nav">
					<BOUCLE_ss_nav(ARTICLES){id_rubrique}{par num titre}{!par date}{0,15}{si #AOTO_MENU_SSMENU|oui}>
						<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
					</BOUCLE_ss_nav>
					</ul>
					</B_ss_nav>
				</li>
			</BOUCLE_nav>
				[<li class="nav-rezo rezo-instagram"><a href="(#CONFIG{aoto/rezo_instagram}|trim)" target="_blank">[(#CHEMIN{img/logo-instagram.svg}|balise_img)]</a></li>]
				[<li class="nav-rezo rezo-facebook"><a href="(#CONFIG{aoto/rezo_facebook}|trim)" target="_blank">[(#CHEMIN{img/logo-facebook.svg}|balise_img)]</a></li>]
			</ul>
		</div>
	</div>
</header>
<!-- #header -->

<!-- header responsive (fixed navbar) -->
<nav class="navbar navbar-expand-lg navbar-dark rwd-show[ (#ENV{class})]">
	<a class="navbar-brand" href="#URL_SITE_SPIP">
		[<div class="navbar-brand-titre">(#NOM_SITE_SPIP)</div>]
		[<div class="navbar-brand-ss-titre">(#SLOGAN_SITE_SPIP)</div>]
	</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
 	</button>
	<div class="collapse navbar-collapse" id="navbarCollapse">
		<ul class="navbar-nav mr-auto">
			<BOUCLE_rub_rwd(RUBRIQUES){titre !=='^999.'}{aoto_menu_cache != 'on'}{par num titre}{racine}>
			<li class="nav-item">
				<a href="#URL_RUBRIQUE" class="nav-link[ (#EXPOSE)]">#TITRE</a>
				[(#REM) sous menu
						- si option AOTO_MENU_SSMENU activée sur la rubrique
				]<B_ss_nav_rwd>
				<ul class="navbar-nav-nav">
				<BOUCLE_ss_nav_rwd(ARTICLES){id_rubrique}{par num titre}{!par date}{0,15}{si #AOTO_MENU_SSMENU|oui}>
					<li><a href="#URL_ARTICLE"[ class="(#EXPOSE)"]>#TITRE</a></li>
				</BOUCLE_ss_nav_rwd>
				</ul>
				</B_ss_nav_rwd>
			</li>
			</BOUCLE_rub_rwd>
			[(#CONFIG{aoto/rezo_facebook}|sinon{#CONFIG{aoto/rezo_instagram}}|oui)<li class="nav-item nav-rezo-wrapper">
				<ul>
					[<li class="nav-rezo rezo-facebook"><a href="(#CONFIG{aoto/rezo_facebook}|trim)" target="_blank">[(#CHEMIN{img/logo-facebook.svg}|balise_img)]</a></li>]
					[<li class="nav-rezo rezo-instagram"><a href="(#CONFIG{aoto/rezo_instagram}|trim)" target="_blank">[(#CHEMIN{img/logo-instagram.svg}|balise_img)]</a></li>]
				</ul>
			</li>]
		</ul>
	</div>
</nav>
<!-- header responsive -->
#FILTRE{trim}