diff --git a/back.html b/back.html
new file mode 100644
index 0000000..d373ce7
--- /dev/null
+++ b/back.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<title></title>
+		<meta name="description" content="description du site web">
+		<meta name="keywords" content="truc, bidule, chouette">
+	</head>
+	<body>
+		<a href = "javascript:history.back()">Back to previous page</a>
+		<INPUT TYPE="button" VALUE="Back" onClick="history.go(-1);">
+	</body>
+</html>
diff --git a/pages/litterall.html b/pages/litterall.html
index 92f0079..4a290b8 100644
--- a/pages/litterall.html
+++ b/pages/litterall.html
@@ -13,6 +13,7 @@
 		<link href="./styles/litterall.css" type="text/css" rel="stylesheet">
 		-->
 		<style>
+			/*general settings*/
 			body {
 				margin: 0px;
 				padding: 1%;
@@ -23,33 +24,32 @@
 				flex-direction: raw;
 			}
 			.horizontal > * {
-				margin: 20px auto;
+				margin: 20px;
 			}
 			.vertical {
 				display: flex;
 				flex-direction: column;
 			}
 			.vertical > * {
-				margin: 20px auto;
+				margin: 20px 0px;
 			}
-			.img_container {
-				width: 100%;
-
-			/*
+			.gallery {
 				display: flex;
 				flex-wrap: wrap;
-				justify-content: center;
-				margin-left: -2px;
-			*/
-
-				display: grid;
-      			grid-template-columns: repeat(auto-fill, minmax(120px, max-content));
-	    	    grid-gap: 2px;
-		        justify-content: center;
-		        padding: initial;
 			}
-			.img_container > * {
-				margin: 2px;
+			.gallery > * {
+				margin: 2px 4px 2px 0px;
+			}
+
+			/*settings specifics*/
+			img#dernier_numero {
+				width: 240px;
+				height: 410px;
+				max-width: 100vw;
+			}
+			#tous_numeros img {
+				width: 120px;
+				height: 205px;
 				border: 1px solid lightgrey;
 			}
 		</style>
@@ -72,30 +72,32 @@
 				<p>
 					Vestibulum ultricies nisl in elit pulvinar, ac dignissim libero finibus. Aenean bibendum venenatis augue, quis convallis metus facilisis at. Suspendisse risus mi, bibendum eget urna vel, consectetur rutrum purus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin tincidunt mollis ante eget iaculis. Donec a finibus nisl, at hendrerit diam. Phasellus eget magna et nisi feugiat bibendum. Donec pretium nisi sit amet lorem volutpat venenatis.
 				</p>
-				<img class="centre last" src="./docs/revues/litt23.jpg" alt="revue litterall" width="240" height="410">
-				<div class="img_container">
-					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall" width="120"  height="205">
-					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall" width="120"  height="205">
+				<img id="dernier_numero" src="./docs/revues/litt23.jpg" alt="revue litterall">
+				<div class="gallery" id="tous_numeros">
+					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt22.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt20.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt17.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt19.jpg" alt="revue litterall">
+					<img class="horizontal" src="./docs/revues/litt21.jpg" alt="revue litterall">
 				</div>
+				<a href="back.html">go to this page</a>
 			</article>
 		</main>
 	</body>
