diff --git a/vues/.ajouterListe.php.swp b/vues/.ajouterListe.php.swp
new file mode 100644
index 0000000..e894f20
Binary files /dev/null and b/vues/.ajouterListe.php.swp differ
diff --git a/vues/accueil.php b/vues/accueil.php
index 250a9f7..6e121c7 100644
--- a/vues/accueil.php
+++ b/vues/accueil.php
@@ -1,26 +1,34 @@
-<?php
-	require("header.php");
-?>
+<head>
+	<meta charset="utf8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1" />	
+	<title><?=$nomDuSite?></title>
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+</head>
+<body>
+	<?php require("header.php"); ?>
 
-<main>
-	<table>
-		<thead>
-			<tr>
-				<th>todo list</th>
-				<th>créateur</th>
-				<th>date de création</th>
-				<th>supprimer</th>
-			</tr>
-		</thead>
-		<tbody>
-			<?php foreach($todoLists as $todolist) :?>
+	<main>
+		<table>
+			<thead>
 				<tr>
-					<td><?=$todolist->getNom()?></td>
-					<td><?=$todolist->getCreateur()?></td>
-					<td><?=$todolist->getDateCreation()?></td>
-					<td><a href="?supprimerListe=<?=$todolist->getID()?>">A remplacer par un image de poubelle (^u^)'</a></td>
+					<th>todo list</th>
+					<th>créateur</th>
+					<th>date de création</th>
+					<th>supprimer</th>
 				</tr>
-			<?php endforeach;?>
-		</tbody>
-	<table>
-</main>
+			</thead>
+			<tbody>
+				<?php foreach($todoLists as $todolist) :?>
+					<tr>
+						<td><a href="?seeList=<?=$todolist->getNom()?>"><?=$todolist->getNom()?></a></td>
+						<td><?=$todolist->getCreateur()?></td>
+						<td><?=$todolist->getDateCreation()?></td>
+						<td><a href="?supprimerListe=<?=$todolist->getID()?>">A remplacer par un image de poubelle (^u^)'</a></td>
+					</tr>
+				<?php endforeach;?>
+			</tbody>
+		<table>
+	</main>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+
+</body>
diff --git a/vues/ajouterListe.php b/vues/ajouterListe.php
new file mode 100644
index 0000000..a407ac6
--- /dev/null
+++ b/vues/ajouterListe.php
@@ -0,0 +1,28 @@
+<head>
+	<meta charset="utf8"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+	<title><?=$nomDuSite?></title>
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
+	<link rel="stylesheet" href="styles/ajouterListe.css">
+
+</head>
+
+
+<body class="container-fluid">
+	<?php require("header.php"); ?>
+	<div class=container>
+		<div class="row">
+			<div class="col"></div>
+			<main class="col">
+				<form method="POST" action="?action=addList">
+					<label for="nom">Nom </label><input name="nomNouvelleListe" type="input" id="nom"/>
+					<label for="ok"/>
+					<input name="valider" type="submit" value="Créer la liste" id="ok"/>
+				</form>
+			</main>
+			<div class="col"></div>
+		</div>
+	</div>
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
+
+</body>
diff --git a/vues/connection.php b/vues/connection.php
index cd736d2..bdf3844 100644
--- a/vues/connection.php
+++ b/vues/connection.php
@@ -1,20 +1,30 @@
-<!DOCTYPE html>
 <head>
 	<meta charset="utf8"/>
 	<meta name="viewport" content="width=device-width, initial-scale=1"/>
-	<title><?=$nomDuSite?> - connexion</title>
+	<link rel="stylesheet" href="styles/connection.css">
+	<title>Se connecter</title>
 </head>
 <body>
 	<main>
-		<h1>Connexion</h1>
-		<form method="post" action="">
-			<label>Pseudonyme: </label>
-			<input name="username" type="text" placeholder="Pseudonyme"/>
-			<br>
-			<label>Mot de passe: </label>
-			<input name="password" type="password" placeholder="Saisir votre mot de passe">
-			<br>
-			<input name="Connexion" type="submit"/>
-		</form>
+		<div>
+			<h1>Se Connecter</h1>
+			<form method="post" action="?connection">
+				<table>
+					<tr>
+						<td><label for="ps">Pseudo</label></td>
+						<td><input type="text" id="ps" name="pseudonyme"></td>
+					</tr>
+					<tr>
+						<td><label for="pw">Mot de passe</label></td>
+						<td><input type="password" id="pw" name="motDePasse"><br></td>
+					</tr>
+					<tr>
+						<td><label for="cls"></label><input type="reset" id="cls" value="Effacer"></td>
+						<td><label for="submit"></label><input type="submit" id="submit" name="veutSeConnecter" value="Valider"></td>
+					</tr>
+				</table>
+			</form>
+		</div>
 	</main>
 </body>
+</html>
diff --git a/vues/editeurDeStatuts.php b/vues/editeurDeStatuts.php
index 8b5ac5a..4dc09a9 100644
--- a/vues/editeurDeStatuts.php
+++ b/vues/editeurDeStatuts.php
@@ -1,8 +1,8 @@
-<html lang="fr">
 <head>
 	<meta charset="utf8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title><?=$nomDuSite?></title>
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 </head>
 
 <body>
@@ -12,7 +12,6 @@
 </header>
 
 <main>
-	<?php require('menu.php'); ?>
 	<form method="post">
 		<table>
 			<thead>
@@ -24,16 +23,11 @@
 			</thead>
 
 			<tbody>
-				<tr>
-					<td><input name="estFait" type="checkbox" value="0"/></td>
-					<td>TacheEnDur</td>
-					<td>Cette tâche est à retirer des que possible ^^"</td>
-				</tr>
 				<?php foreach($taches as $tache):?>
-					<tr class="<?=$tache->couleur?>">
-						<td><input name="estFait" type="checkbox" <?=$tache->estFait ? "" : "checked"?>/></td>
-						<td><?=$tache->nom?></td>
-						<td><?=$tache->commentaire?></td>
+					<tr>
+						<td><input name="estFait" type="checkbox" <?=$tache->estFait() ? "checked" : ""?>/></td>
+						<td><?=$tache->getNom()?></td>
+						<td><?=$tache->getCommentaire()?></td>
 					</tr>
 				<?php endforeach;?>
 			</tbody>
@@ -42,6 +36,5 @@
 		<input name="Décocher toutes les cases" type="reset"/>
 	</form>
 </main>
-
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 </body>
-</html>
diff --git a/vues/editeurDeTache.php b/vues/editeurDeTache.php
index d15c784..17ae919 100644
--- a/vues/editeurDeTache.php
+++ b/vues/editeurDeTache.php
@@ -1,8 +1,8 @@
-<html lang="fr">
 <head>
 	<meta charset="utf8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
 	<title><?=$nomDuSite?></title>
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
 </head>
 
 <body>
@@ -12,23 +12,20 @@
 </header>
 
 <main>
-	<?php require('menu.php'); ?>
 	<form method="post">
 		<table>
 			<thead>
 				<tr>
 					<th>Tâche</th>
 					<th>Commentaire</th>
-					<th>Couleur</th>
 				</tr>
 			</thead>
 
 			<tbody>
 				<?php foreach($taches as $tache):?>
-					<tr class="<?=$tache->couleur?>">
-						<td><input name="nom" type="text" value="<?=$tache->nom?>"/></td>
-						<td><input name="commentaire" type="text" value="<?=$tache->commentaire?>"/></td>
-						<td><input name="couleur" type="color" value="<?=$tache->couleur?>"/></td>
+					<tr>
+						<td><input name="nom" type="text" value="<?=$tache->getNom()?>"/></td>
+						<td><input name="commentaire" type="text" value="<?=$tache->getCommentaire()?>"/></td>
 					</tr>
 				<?php endforeach;?>
 			</tbody>
@@ -37,6 +34,5 @@
 		<input name="Décocher toutes les cases" type="reset"/>
 	</form>
 </main>
-
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
 </body>
-</html>
diff --git a/vues/erreur.php b/vues/erreur.php
index d0f3d7c..6a0422f 100644
--- a/vues/erreur.php
+++ b/vues/erreur.php
@@ -11,12 +11,14 @@
 			</tr>
 		</thead>
 		<tbody>
-			<?php foreach($erreurs as $erreur => $commentaire) :?>
-				<tr>
-					<td><?=$erreur?></td>
-					<td><?=$commentaire?></td>
-				</tr>
-			<?php endforeach;?>
+			<?php if(isset($erreurs)) : ?>
+				<?php foreach($erreurs as $erreur => $commentaire) :?>
+					<tr>
+						<td><?=$erreur?></td>
+						<td><?=$commentaire?></td>
+					</tr>
+				<?php endforeach;?>
+			<?php endif;?>
 		</tbody>
 	</table>
 </body>
diff --git a/vues/header.php b/vues/header.php
index 9c5031f..2551c67 100644
--- a/vues/header.php
+++ b/vues/header.php
@@ -1,3 +1,18 @@
+<?php $nomDuSite="SUPER MEGA TODO LIST";?>
 <header>
-	<?=$nomDuSite?>
+	<nav class="navbar navbar-exand-lg navbar-dark bg-dark">
+		<div class="container-fluid">
+			<a class="navbar-brand" href="?"><?=$nomDuSite?></a>
+			<ul class="navbar-nav">
+				<li class="nav-item">
+					<a class="nav-link dropdown-toggle" href="#" role="button" id="navbarDropdown" data-bs-toggle="dropdown" aria-expanded="false">Liste</a>
+					<ul class="dropdown-menu" aria-labellledby="navbarDropdown">
+						<li><a class="dropdown-item" href="?acction=addList">Ajouter une liste</a></li>
+						<li><a class="dropdown-item" href="?acction=modifyList">Modifier des listes</a></li>
+
+					</ul>
+				</li>
+			</ul>
+		</div>
+	</nav>
 </header>
diff --git a/vues/menu.php b/vues/menu.php
deleted file mode 100644
index e1b3d71..0000000
--- a/vues/menu.php
+++ /dev/null
@@ -1,5 +0,0 @@
-<div>
-	<a href="?acction=addLine">Ajouter une tâche</a>
-	<a href="?acction=delLine">Supprimer des tâches</a>
-	<a href="?acction=modifyLine">Modifier des tâches</a>
-</div>

	TacheEnDur	Cette tâche est à retirer des que possible ^^"
estFait ? "" : "checked"?>/>	nom?>	commentaire?>
estFait() ? "checked" : ""?>/>	getNom()?>	getCommentaire()?>