diff --git a/dist/admin/basic-panel.html b/dist/admin/basic-panel.html
index b587b25..c840154 100644
--- a/dist/admin/basic-panel.html
+++ b/dist/admin/basic-panel.html
@@ -18,7 +18,7 @@
       	<ul>
       		<li><a href="index.html"><i class="fa fa-home"></i>  Accueil</a></li>
       		<li><a href="categories.html"><i class="fa fa-folder"></i>  Catégories</a></li>
-      		<li><a href="basic-panel.html"><i class="fa fa-file"></i>  Pages</a></li>
+      		<li><a href="pages.html"><i class="fa fa-file"></i>  Pages</a></li>
       		<li><a href="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
       	</ul>
       	<ul>
diff --git a/dist/admin/categories.html b/dist/admin/categories.html
index fccf157..ec309a7 100644
--- a/dist/admin/categories.html
+++ b/dist/admin/categories.html
@@ -18,7 +18,7 @@
       	<ul>
       		<li><a href="index.html"><i class="fa fa-home"></i>  Accueil</a></li>
       		<li><a href="categories.html"><i class="fa fa-folder"></i>  Catégories</a></li>
-      		<li><a href="basic-panel.html"><i class="fa fa-file"></i>  Pages</a></li>
+      		<li><a href="pages.html"><i class="fa fa-file"></i>  Pages</a></li>
       		<li><a href="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
       	</ul>
       	<ul>
diff --git a/dist/admin/index.html b/dist/admin/index.html
index d663ddc..5346202 100644
--- a/dist/admin/index.html
+++ b/dist/admin/index.html
@@ -18,7 +18,7 @@
       	<ul>
       		<li><a href="index.html"><i class="fa fa-home"></i>  Accueil</a></li>
       		<li><a href="categories.html"><i class="fa fa-folder"></i>  Catégories</a></li>
-      		<li><a href="basic-panel.html"><i class="fa fa-file"></i>  Pages</a></li>
+      		<li><a href="pages.html"><i class="fa fa-file"></i>  Pages</a></li>
       		<li><a href="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
       	</ul>
       	<ul>
diff --git a/dist/admin/pages.html b/dist/admin/pages.html
new file mode 100644
index 0000000..09d797a
--- /dev/null
+++ b/dist/admin/pages.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+  <title>Insert title here</title>
+  <link rel="stylesheet" href="../dep/bootstrap/css/bootstrap.min.css">
+  <link rel="stylesheet" href="../dep/fork-awesome/css/fork-awesome.min.css">
+  <link rel="stylesheet" href="style.css">
+  
+  <script src="../dep/jquery/jquery.js"></script>
+  <script src="../dep/bootstrap/js/bootstrap.min.js"></script>
+  <script src="js/script.js"></script>
+  
+
+</head>
+<body>
+      <nav class="bg-dark admin-sidebar text-white">
+      	<ul>
+      		<li><a href="index.html"><i class="fa fa-home"></i>  Accueil</a></li>
+      		<li><a href="categories.html"><i class="fa fa-folder"></i>  Catégories</a></li>
+      		<li><a href="pages.html"><i class="fa fa-file"></i>  Pages</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
+      	</ul>
+      	<ul>
+      		<li><a href="basic-panel.html"><i class="fa fa-book"></i>  Ecrits</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-file-image-o"></i>  Images</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-link"></i>  Projets externes</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-trophy"></i>  Défis et Objectifs</a></li>
+      	</ul>
+      	<ul>
+      		<li><a href="basic-panel.html"><i class="fa fa-globe"></i>  Univers</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-user"></i>  Personnages</a></li>
+      		<li><a href="basic-panel.html"><i class="fa fa-users"></i>  Groupes</a></li>
+      	</ul>
+      	<ul>
+      		<li><a href="basic-panel.html"><i class="fa fa-gear"></i>  Options</a></li>
+      	</ul>
+      </nav>
+      
+	  <div id="main-area">
+        <nav class="navbar navbar-expand-lg navbar-light bg-light mb-4">
+          <a class="navbar-brand" href="#">ESPACE ADMIN</a>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+        
+          <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <span class="navbar-text mr-auto">
+            	Connecté en tant que Kazhnuz
+          	</span>
+            <ul class="navbar-nav my-2 my-lg-0">
+              <li class="nav-item">
+                <a class="btn btn-danger" href="../index.html">Déconnexion</a>
+              </li>
+            </ul>
+          </div>
+        </nav>
+        
+	  	<div class="container">
+          <!-- debut de la partie modifiable -->
+
+	  		<ul class="nav nav-pills mb-4" id="pills-tab" >
+			  <li class="nav-item">
+			    <a class="nav-link active" id="pages-actives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/" role="tab">Actives</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/inactives" role="tab">Inactives</a>
+			  </li>
+			</ul>
+
+			<div class="card mb-4">
+			  <table class="table table-stripped mb-0" id="maincard">
+				<tr class="card-header"><th>id</th><th>Titre</th><th>URL</th><th></th></tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >1</td>
+						<td class="align-middle" >A propos</td>
+						<td class="align-middle" >/a-propos</td>
+						<td class="align-middle text-right" ><a href="/modifier/1" class="btn btn-primary mr-2"><i class="fa fa-edit" aria-label="modifier"></i></a> <a href="/delete/1" class="btn btn-danger"><i class="fa fa-trash" aria-label="supprimer"></i></a></td>
+					</tr>
+				</table>
+			</div>
+
+			<nav aria-label="Navigation entre les pages" class="text-right">
+			  <ul class="pagination justify-content-end mb-4">
+			    <li class="page-item">
+			      <a class="page-link" href="#" aria-label="Previous">
+			        <span aria-hidden="true">&laquo;</span>
+			      </a>
+			    </li>
+			    <li class="page-item"><a class="page-link" href="#">1</a></li>
+			    <li class="page-item"><a class="page-link" href="#">2</a></li>
+			    <li class="page-item"><a class="page-link" href="#">3</a></li>
+			    <li class="page-item">
+			      <a class="page-link" href="#" aria-label="Next">
+			        <span aria-hidden="true">&raquo;</span>
+			      </a>
+			    </li>
+			  </ul>
+			</nav>
+
+
+
+			<div>
+				<a href="ajouter" class="btn btn-lg btn-success btn-block">Ajouter nouvelle page</a>
+			</div>
+
+          <!-- fin de la partie modifiable -->
+	  	</div>
+        <nav class="nav justify-content-end">
+          <span class="nav-link disabled">Created with <i class="text-danger fa fa-heart"></i> with Bootstrap4 and Fork-Awesome</span>
+        </nav>
+        
+	  </div>
+
+</body>
+</html>
diff --git a/src-admin/includes/_sidebar.html b/src-admin/includes/_sidebar.html
index c8493d5..078831b 100644
--- a/src-admin/includes/_sidebar.html
+++ b/src-admin/includes/_sidebar.html
@@ -2,7 +2,7 @@
 	<ul>
 		<li><a href="index.html"><i class="fa fa-home"></i>  Accueil</a></li>
 		<li><a href="categories.html"><i class="fa fa-folder"></i>  Catégories</a></li>
-		<li><a href="basic-panel.html"><i class="fa fa-file"></i>  Pages</a></li>
+		<li><a href="pages.html"><i class="fa fa-file"></i>  Pages</a></li>
 		<li><a href="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
 	</ul>
 	<ul>
diff --git a/src-admin/pages.html b/src-admin/pages.html
new file mode 100644
index 0000000..6854e03
--- /dev/null
+++ b/src-admin/pages.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+  <title>Insert title here</title>
+  <!--=include includes/_links.html -->
+
+</head>
+<body>
+      <!--=include includes/_sidebar.html -->
+	  <div id="main-area">
+        <!--=include includes/_navbar.html -->
+	  	<div class="container">
+          <!-- debut de la partie modifiable -->
+
+	  		<ul class="nav nav-pills mb-4" id="pills-tab" >
+			  <li class="nav-item">
+			    <a class="nav-link active" id="pages-actives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/" role="tab">Actives</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/pages/inactives" role="tab">Inactives</a>
+			  </li>
+			</ul>
+
+			<div class="card mb-4">
+			  <table class="table table-stripped mb-0" id="maincard">
+				<tr class="card-header"><th>id</th><th>Titre</th><th>URL</th><th></th></tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >1</td>
+						<td class="align-middle" >A propos</td>
+						<td class="align-middle" >/a-propos</td>
+						<td class="align-middle text-right" ><a href="/modifier/1" class="btn btn-primary mr-2"><i class="fa fa-edit" aria-label="modifier"></i></a> <a href="/delete/1" class="btn btn-danger"><i class="fa fa-trash" aria-label="supprimer"></i></a></td>
+					</tr>
+				</table>
+			</div>
+
+			<nav aria-label="Navigation entre les pages" class="text-right">
+			  <ul class="pagination justify-content-end mb-4">
+			    <li class="page-item">
+			      <a class="page-link" href="#" aria-label="Previous">
+			        <span aria-hidden="true">&laquo;</span>
+			      </a>
+			    </li>
+			    <li class="page-item"><a class="page-link" href="#">1</a></li>
+			    <li class="page-item"><a class="page-link" href="#">2</a></li>
+			    <li class="page-item"><a class="page-link" href="#">3</a></li>
+			    <li class="page-item">
+			      <a class="page-link" href="#" aria-label="Next">
+			        <span aria-hidden="true">&raquo;</span>
+			      </a>
+			    </li>
+			  </ul>
+			</nav>
+
+
+
+			<div>
+				<a href="ajouter" class="btn btn-lg btn-success btn-block">Ajouter nouvelle page</a>
+			</div>
+
+          <!-- fin de la partie modifiable -->
+	  	</div>
+        <!--=include includes/_footer.html -->
+	  </div>
+
+</body>
+</html>
