diff --git a/app/view/Includes/header.include.html b/app/view/Includes/header.include.html
index ecf38f00d622c2b5775d9054ec0042b4d5df12f7..a41b02f5d15872df02367e30d28a5c354622473d 100644
--- a/app/view/Includes/header.include.html
+++ b/app/view/Includes/header.include.html
@@ -15,44 +15,48 @@ if(!isset($_SESSION)) { // si
<body>
<div class="wrapper">
<header class="row">
- <div class="col-2 col-m-2">
- <a href="<?php echo BASE_URL; ?>">
- <img class="logo-image" src="<?php echo BASE_URL; ?>/images/logo.png" alt="logo du site web"/>
- </a>
- </div>
+ <div class="header row">
+ <div class="col-2 col-m-2">
+ <a href="<?php echo BASE_URL; ?>">
+ <img class="logo-image" src="<?php echo BASE_URL; ?>/images/logo.png" alt="logo du site web"/>
+ </a>
+ </div>
- <div class="search-bar-conteneur col-3 col-m-3">
- <!-- <form method="post" name="truc" class="search-bar-form">
- <div class="search-bar-input-conteneur">
- <input class="search-bar" type="text" name="machin" title="machin" />
- </div>
+ <div class="search-bar-conteneur col-3 col-m-3">
+ <!-- <form method="post" name="truc" class="search-bar-form">
+ <div class="search-bar-input-conteneur">
+ <input class="search-bar" type="text" name="machin" title="machin" />
+ </div>
- <button type="submit" class="glass"><img src="<?php echo BASE_URL; ?>/images/find.png" alt="icône de recherche" height="30px"/> </button>
- </form>
- -->
- </div>
+ <button type="submit" class="glass"><img src="<?php echo BASE_URL; ?>/images/find.png" alt="icône de recherche" height="30px"/> </button>
+ </form>
+ -->
+ </div>
- <div class="col-4 space col-m-1">
-
- </div>
- <?php
- if(isset($_SESSION['connected']) && $_SESSION['connected'] == true) {
- ?>
- <div class="connexion col-3 col-m-6">
- <?php echo $_SESSION['user']->prenom.' '.$_SESSION['user']->nom; ?>
- </div>
- <?php
- }
- else {
- ?>
- <div class="connexion col-3 col-m-6">
- <div class="signin"><a class="connexion-link" href="<?php echo BASE_URL; ?>/inscription">Inscription</a></div>
- <div class="login"><a class="connexion-link" href="<?php echo BASE_URL; ?>/connexion">Connexion</a></div>
- </div>
- <?php
- }
- ?>
+ <div class="col-4 space col-m-1">
+ </div>
+ <?php
+ if(isset($_SESSION['connected']) && $_SESSION['connected'] == true) {
+ ?>
+ <div class="connexion col-3 col-m-6">
+ <?php echo $_SESSION['user']->prenom.' '.$_SESSION['user']->nom; ?>
+ </div>
+ <?php
+ }
+ else {
+ ?>
+ <div class="connexion col-3 col-m-6">
+ <div class="signin"><a class="connexion-link" href="<?php echo BASE_URL; ?>/inscription">Inscription</a></div>
+ <div class="login"><a class="connexion-link" href="<?php echo BASE_URL; ?>/connexion">Connexion</a></div>
+ </div>
+ <?php
+ }
+ ?>
+ </div>
+
+ <?php include(ROOT."/app/view/Includes/menu.include.html"); ?>
</header>
+
<div class="main" id="top">
diff --git a/app/view/Includes/menu.include.html b/app/view/Includes/menu.include.html
new file mode 100644
index 0000000000000000000000000000000000000000..e3227892cf7069f1074d7a529b48063d17619e04
--- /dev/null
+++ b/app/view/Includes/menu.include.html
@@ -0,0 +1,5 @@
+ <nav class="row">
+ <ul>
+ <li>Un élément du menu</li>
+ </ul>
+ </nav>
diff --git a/www/css/style.css b/www/css/style.css
index 388ddaa39b91f2542c10db317f3c80f3e257def6..dbf0f130fa0d15085df6f704a1c93511665df47e 100644
--- a/www/css/style.css
+++ b/www/css/style.css
@@ -12,14 +12,28 @@ body {
header
{
- padding:5px;
+ padding:0;
position: fixed;
top: 0;
right: 0;
left: 0;
- background:#26346D;
height: 120px;
z-index:100;
+ margin-bottom: 15px;
+}
+
+.header {
+ padding:5px;
+ min-height:44px;
+ background:#26346D;
+}
+
+nav
+{
+ padding:5px;
+ background:#26346D;
+ height: 40px;
+ z-index:100;
}
footer{