diff --git a/index.html b/index.html
index 473a7b3..c6f87ac 100644
--- a/index.html
+++ b/index.html
@@ -37,12 +37,11 @@
       <ul id="mosaic">
         <li class="item"><a href="memoires/m1.html"><img src="memoires/memoire_1.jpg" alt=""><span><strong>Yeah I'm
                 still searchin'</strong><br>Meryll Hardt</span></a></li>
-        <li class="item"><a href=""><img src="memoires/memoire_2.png" alt=""><span><strong>Froncer les
+        <li class="item"><a href="item2.html"><img src="memoires/memoire_2.png" alt=""><span><strong>Froncer les
                 sourcils</strong><br>Olivier Bertrand</span></a></li>
         <li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span><strong>Design Spéculatif: La guerre
-                des imaginaires</strong><br>ANTOINE PUEL</span></a></li>
-        <li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span><strong>Design Spéculatif: La guerre
-                des imaginaires</strong><br>ANTOINE PUEL</span></a></li>
+                des imaginaires</strong><br>Antoine Puel</span></a></li>
+        <li class="item"><a href="item1.html"><img src="memoires/memoire_4.jpeg" alt=""><span><strong>Observatoire personnel de pratiques logicielles</strong><br>Quentin Jumelin</span></a></li>
       </ul>
     </section>
     <section class="grid2">
diff --git a/item1.html b/item1.html
new file mode 100644
index 0000000..e833548
--- /dev/null
+++ b/item1.html
@@ -0,0 +1,44 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <link href="style.css" rel="stylesheet">
+  <meta charset="UTF-8">
+  <meta name="author" content="">
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Post-ERG</title>
+
+</head>
+
+
+
+<body>
+  <!-- ENTÊTE -->
+  <header>
+    <a href="index.html">Mémoire post-ERG / A life after ERG</a>
+    <div class="menu">
+      <div class="menu-content">
+        <input type="search" name="search" placeholder="Recherche..." button class="button"></input>
+        <a href="formulaire.html" button class="button">Partager un mémoire</a>
+        <a href="apropos.html" button class="button">À propos</a>
+        <a href="contact.html" button class="button">Contact</a>
+        <a href="licences.html" button class="button">Licences</a>
+      </div>
+    </div>
+  </header>
+
+  <!-- CONTENU PAGE -->
+  <div id="page_content">
+
+    <div class="cover"></div>
+    <div class="memoire"> <img src="memoires/m4/img_1.jpeg" alt="">
+      <img src="memoires/m4/img_2.jpeg" alt="">
+      <img src="memoires/m4/img_3.jpeg" alt="">
+    </div>
+
+  </div>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/item.html b/item2.html
similarity index 84%
rename from item.html
rename to item2.html
index 13aa028..f4c7875 100644
--- a/item.html
+++ b/item2.html
@@ -31,13 +31,8 @@
   <!-- CONTENU PAGE -->
   <div id="page_content">
 
-  <!-- GRILLE -->
-
-  <div class=" grid-section">
-    <div class="grid-main">
-      <div class="grid1">Colonne 1</div>
-      <div class="grid2">Colonne 2</div>
-    </div>
+  <div class="cover"></div>
+  <div class="memoire">  <embed src="memoires/memoire_2.pdf"/>
   </div>
   </div>
 
diff --git a/memoires/m4/img_1.jpeg b/memoires/m4/img_1.jpeg
new file mode 100644
index 0000000..e6ea486
Binary files /dev/null and b/memoires/m4/img_1.jpeg differ
diff --git a/memoires/m4/img_2.jpeg b/memoires/m4/img_2.jpeg
new file mode 100644
index 0000000..ae9d6f6
Binary files /dev/null and b/memoires/m4/img_2.jpeg differ
diff --git a/memoires/m4/img_3.jpeg b/memoires/m4/img_3.jpeg
new file mode 100644
index 0000000..26540fd
Binary files /dev/null and b/memoires/m4/img_3.jpeg differ
diff --git a/memoires/memoire_4.jpeg b/memoires/memoire_4.jpeg
new file mode 100644
index 0000000..fc353e9
Binary files /dev/null and b/memoires/memoire_4.jpeg differ
diff --git a/style.css b/style.css
index f4d84e3..3673129 100644
--- a/style.css
+++ b/style.css
@@ -153,14 +153,20 @@
   /* CONTENUS DE LA PAGE */
   #page_content {
     position: relative;
+    /* display: inline;
+    float: none; */
     top: 15vh;
-    max-width: 100ch;
+    max-width: 80ch;
     padding: 3em 1em;
     margin: auto;
     line-height: 1.75;
     font-size: 1.25em;
   }
 
+  #page_content .memoire {
+    margin: 0 auto;
+  }
+
   input:active {
     border-color: rgba(77, 168, 112, 1);
 
@@ -287,7 +293,32 @@
     color: rgba(77, 168, 112, 1);
   }
 
-  .list hr{
+  .list hr {
     color: #c104fc;
     width: 50%;
+  }
+
+  /* ITEM PAGE  */
+
+  .cover {
+    position: relative;
+    width: 100%;
+  }
+
+  embed {
+    display: inherit;
+    width: 800px;
+    height: 700px;
+    /* max-height: 800px ;  */
+    position: relative;
+    margin: 0 auto;    /* margin-left: 10%; */
+    padding: 0.2rem;
+    border-color: #c104fc;
+    border-style: solid;
+    border-radius: 16px;
+  }
+
+  .memoire img {
+    max-width: 40%;
+    margin: 0.5rem;
   }
\ No newline at end of file
