diff --git a/assets/css/contact.css b/assets/css/contact.css
index 13939773ab15ae88b66e74e5ebf186b5b4eb2b0c..dfdf3a67fd4c5e17e81e3210d06fe5db6b9a784d 100644
--- a/assets/css/contact.css
+++ b/assets/css/contact.css
@@ -2,6 +2,9 @@ body {
   /* background: linear-gradient(90deg, rgb(228, 220, 220), rgb(148, 138, 138));
   background-color: rgba(182, 170, 170, 0.886); */
   margin: 0;
+  background: url("/assets/images/projects/web3.jpg");
+  background-position: center;
+  background-size: cover;
 }
 
 /* header {
@@ -11,11 +14,10 @@ body {
 
 main {
   /* width: 30rem; */
-  /* margin: 3rem auto; */
-  background: url("/assets/images/projects/web3.jpg");
+  padding: 3rem;
   height: 850px;
-  background-position: center;
-  background-size: cover;
+  display: grid;
+  grid-template-columns: 1fr 2fr;
 }
 
 h1 {
@@ -26,23 +28,19 @@ p {
   margin: 30px 0 35px 0;
 }
 
+section:first-child {
+  background-color: mediumvioletred;
+}
+
 section:last-child {
-  width: 30rem;
   background-color: rgb(255, 255, 255);
   backdrop-filter: blur(5px);
   padding: 1rem;
   border-radius: 6px;
   font-family: "Roboto", sans-serif;
-  margin: 0 auto;
   box-shadow: 3px 3px 5px black;
 }
 
-/* form {
-  position: relative;
-  top: 150px;
-  left: 250px;
-} */
-
 input,
 textarea {
   width: 100%;
diff --git a/assets/css/shared.css b/assets/css/shared.css
index 48528ff2b3c55d5b1c76246aba6a714b870f9b1b..88a5956eb80aa4c462dcf9d1954a65a43b5edf07 100644
--- a/assets/css/shared.css
+++ b/assets/css/shared.css
@@ -8,10 +8,10 @@ header {
   justify-content: space-between;
   align-items: center;
   padding: 15px 60px;
-  position: absolute;
+  /* position: absolute; */
   width: 100%;
-  top: 0;
-  left: 0;
+  /* top: 0;
+  left: 0; */
   box-sizing: border-box; /* Pour ne pas depasser la limite à gauche */
 }