main

@@ -19,16 +19,16 @@
 			</div>
 		</header>
 		<div id="automobile" class="background">
-			<a href="Automobile" class="titleBackground" id="titleVoiture">L'automobile</a>
+			<a href="Automobile" class="titleBackground">L'automobile</a>
 		</div>
 		<div id="ski" class="background">
-			<a href="Ski" class="titleBackground" id="titleSki">Le ski</a>
+			<a href="Ski" class="titleBackground">Le ski</a>
 		</div>
 		<div id="avion" class="background">
-			<a href="Avion" class="titleBackground" id="titleAvion">L'aéronautique</a>
+			<a href="Avion" class="titleBackground">L'aéronautique</a>
 		</div>
 		<div id="informatique" class="background">
-			<a href="Informatique" class="titleBackground" id="titleInformatique">L'informatique</a>
+			<a href="Informatique" class="titleBackground">L'informatique</a>
 			<div id="gradient"></div>
 		</div>
 		<div id="piedPage">

style.css

@@ -80,15 +80,16 @@ header {
 }
 
 #informatique{
-    background-image: url("matrix4k.jpg");
+    background-image: url("matrix.jpg");
     display:flex;
+    align-items: flex-end;
+    justify-content: center;
 }
 
 #gradient{
     width: 100vw;
-    height: 600px;
+    height: 100px;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1));
-    align-self:flex-end;
 }
 
 .titleBackground{
@@ -99,11 +100,6 @@ header {
     text-decoration: none;
 }
 
-#titleInformatique{
-    position: absolute;
-    align-self:center;
-}
-
 .titleBackground:hover{
     color: white;
     background-color: rgba(0, 0, 0); /* Ajoute un fond semi-transparent derrière le texte */
@@ -128,6 +124,5 @@ header {
 }
 
 #piedPage{
-    background: linear-gradient(black, rgb(73, 73, 73));
-    height: 500px;
+    background: linear-gradient(black, green);
 }