diff --git a/dist/admin/basic-panel.html b/dist/admin/basic-panel.html
index d46bea8..b587b25 100644
--- a/dist/admin/basic-panel.html
+++ b/dist/admin/basic-panel.html
@@ -17,7 +17,7 @@
       <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="basic-panel.html"><i class="fa fa-folder"></i>  Catégories</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="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
       	</ul>
diff --git a/dist/admin/categories.html b/dist/admin/categories.html
new file mode 100644
index 0000000..fccf157
--- /dev/null
+++ b/dist/admin/categories.html
@@ -0,0 +1,136 @@
+<!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="basic-panel.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/categories/" role="tab">Blog</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Ecrits</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Images</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>Catégorie</th></tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >1</td>
+						<td class="modifier-listelement-line">
+							<form class="input-group mb-0 mr-2" method="get" action="modifier">
+								<input class="form-control" type="text" name="nom" value="Nouvelles" />
+								<div class="input-group-append">
+									<button name="id" value="1" class="btn btn-primary">Modifier</button>
+								</div>
+							</form>
+							<form class="inline-form" method="get" action="description">
+								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
+							</form>
+							<form class="inline-form" method="get" action="supprimer">
+								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
+							</form>
+						</td>
+					</tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >2</td>
+						<td class="modifier-listelement-line">
+							<form class="input-group mb-0 mr-2" method="get" action="modifier">
+								<input class="form-control" type="text" name="nom" value="Nouvelles" />
+								<div class="input-group-append">
+									<button name="id" value="1" class="btn btn-primary">Modifier</button>
+								</div>
+							</form>
+							<form class="inline-form" method="get" action="description">
+								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
+							</form>
+							<form class="inline-form" method="get" action="supprimer">
+								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
+							</form>
+						</td>
+					</tr>
+				</table>
+		  	</div>
+
+			<div class="card mb-4">
+				<div class="card-body">
+					<div class="input-group mb-0">
+					  <input type="text" class="form-control" placeholder="Nom de la catégorie" aria-label="Nom de la catégorie" aria-describedby="button-addcat">
+					  <div class="input-group-append">
+					    <button class="btn btn-success" type="button" id="button-addcat"><i aria-label="ajouter" class="fa fa-plus"></i></button>
+					  </div>
+					</div>
+				</div>
+			</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/dist/admin/index.html b/dist/admin/index.html
index d6c3bed..d663ddc 100644
--- a/dist/admin/index.html
+++ b/dist/admin/index.html
@@ -17,7 +17,7 @@
       <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="basic-panel.html"><i class="fa fa-folder"></i>  Catégories</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="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
       	</ul>
diff --git a/src-admin/categories.html b/src-admin/categories.html
new file mode 100644
index 0000000..0045a5b
--- /dev/null
+++ b/src-admin/categories.html
@@ -0,0 +1,87 @@
+<!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/categories/" role="tab">Blog</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Ecrits</a>
+			  </li>
+			  <li class="nav-item">
+			    <a class="nav-link" id="pages-inactives-tab" data-toggle="pill" href="<%=request.getContextPath() %>/admin/categories" role="tab">Images</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>Catégorie</th></tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >1</td>
+						<td class="modifier-listelement-line">
+							<form class="input-group mb-0 mr-2" method="get" action="modifier">
+								<input class="form-control" type="text" name="nom" value="Nouvelles" />
+								<div class="input-group-append">
+									<button name="id" value="1" class="btn btn-primary">Modifier</button>
+								</div>
+							</form>
+							<form class="inline-form" method="get" action="description">
+								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
+							</form>
+							<form class="inline-form" method="get" action="supprimer">
+								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
+							</form>
+						</td>
+					</tr>
+					<tr class="card-tablebody">
+						<td class="align-middle td-id" >2</td>
+						<td class="modifier-listelement-line">
+							<form class="input-group mb-0 mr-2" method="get" action="modifier">
+								<input class="form-control" type="text" name="nom" value="Nouvelles" />
+								<div class="input-group-append">
+									<button name="id" value="1" class="btn btn-primary">Modifier</button>
+								</div>
+							</form>
+							<form class="inline-form" method="get" action="description">
+								<button name="id" value="1" class="btn btn-secondary mr-2">Description</button>
+							</form>
+							<form class="inline-form" method="get" action="supprimer">
+								<button name="id" value="1" class="btn btn-danger"><i class="fa fa-trash"></i></button>
+							</form>
+						</td>
+					</tr>
+				</table>
+		  	</div>
+
+			<div class="card mb-4">
+				<div class="card-body">
+					<div class="input-group mb-0">
+					  <input type="text" class="form-control" placeholder="Nom de la catégorie" aria-label="Nom de la catégorie" aria-describedby="button-addcat">
+					  <div class="input-group-append">
+					    <button class="btn btn-success" type="button" id="button-addcat"><i aria-label="ajouter" class="fa fa-plus"></i></button>
+					  </div>
+					</div>
+				</div>
+			</div>
+
+
+          <!-- fin de la partie modifiable -->
+	  	</div>
+        <!--=include includes/_footer.html -->
+	  </div>
+
+</body>
+</html>
diff --git a/src-admin/includes/_sidebar.html b/src-admin/includes/_sidebar.html
index e3081ab..c8493d5 100644
--- a/src-admin/includes/_sidebar.html
+++ b/src-admin/includes/_sidebar.html
@@ -1,7 +1,7 @@
 <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="basic-panel.html"><i class="fa fa-folder"></i>  Catégories</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="basic-panel.html"><i class="fa fa-file-text"></i>  Journaux</a></li>
 	</ul>
