<div id="head">
	<header>
		<a href="/index.php">
			<div id="titre_principal">
				<div id="logo">
					<img src="/ressources/images/logo-small-final.png" alt="Logo de StoryShare" />
				</div>
				<h2 id="slogan">Partagez votre imagination !</h2>
			</div>
		</a>

		<nav class="navbar">
			<ul class="nav-ul">
				<li><a href="/index.php" class="nav-btn">Accueil</a></li>
				<li><a href="/stories" class="nav-btn">Histoires</a></li>
				<li><a href="/blog" class="nav-btn">Blog</a></li>
				<li><a href="/contact.php" class="nav-btn">Contact</a></li>
				<?php if (isset($_SESSION['auth'])) : ?>
					<li><a href="/logout.php" class="connex-btn">Déconnexion</a></li>
					<li><a href="/account.php" class="esp-btn">Espace Membre</a></li>
				<?php else : ?>
					<li><a href="/login.php" class="connex-btn">Connexion</a></li>
					<li><a href="/inscription.php" class="connex-btn">Inscription</a></li>
					<li><a href="/account.php" class="esp-btn">Espace Membre</a></li>
				<?php endif; ?>
			</ul>
			<div class="hamburger" id="hamburger">
				<div class="bar1"></div>
				<div class="bar2"></div>
				<div class="bar3"></div>
			</div>
		</nav>
	</header>
</div>