diff --git a/etoiles.png b/assets/etoiles.png
similarity index 100%
rename from etoiles.png
rename to assets/etoiles.png
diff --git a/assets/fond.png b/assets/fond.png
new file mode 100644
index 0000000..0794998
Binary files /dev/null and b/assets/fond.png differ
diff --git a/assets/foreground-front-2.webp b/assets/foreground-front-2.webp
new file mode 100644
index 0000000..5d99c3a
Binary files /dev/null and b/assets/foreground-front-2.webp differ
diff --git a/personnages.png b/assets/personnages.png
similarity index 100%
rename from personnages.png
rename to assets/personnages.png
diff --git a/texte.png b/assets/texte.png
similarity index 100%
rename from texte.png
rename to assets/texte.png
diff --git a/fond.png b/fond.png
deleted file mode 100644
index 07e11c9..0000000
Binary files a/fond.png and /dev/null differ
diff --git a/full.pdn b/full.pdn
deleted file mode 100644
index d06d9d2..0000000
Binary files a/full.pdn and /dev/null differ
diff --git a/index.html b/index.html
index c19d7b8..9cb1e57 100644
--- a/index.html
+++ b/index.html
@@ -36,22 +36,24 @@
         </div>
       </div>
 
-      <img class="parallax__bg" src="./assets/bg.jpg" alt="" />
-      <img class="parallax__dust" src="./assets/dust.webp" alt="" />
-      <img
+      <!--<img class="parallax__bg" src="./assets/bg.jpg" alt="" />-->
+      <img class="parallax__bg" src="./assets/fond.png" alt="" />
+      <!--<img class="parallax__dust" src="./assets/dust.webp" alt="" />-->
+      <img class="parallax__dust" src="./assets/etoiles.png" alt="" />
+      <!--<img
         class="parallax__foreground-back"
         src="./assets/foreground-back.webp"
         alt=""
-      />
-      <img
+      />-->
+      <!--<img
         class="parallax__foreground-front"
         src="./assets/foreground-front.webp"
         alt=""
-      />
-      <img class="parallax__jax" src="./assets/jax.webp" alt="" />
-      <img class="parallax__luna" src="./assets/luna.webp" alt="" />
-      <img class="parallax__manny" src="./assets/manny.webp" alt="" />
-      <img class="parallax__rays" src="./assets/rays.webp" alt="" />
+      />-->
+      <img class="parallax__jax" src="./assets/personnages.png" alt="" />
+      <!--<img class="parallax__luna" src="./assets/luna.webp" alt="" />-->
+      <!--<img class="parallax__manny" src="./assets/manny.webp" alt="" />-->
+      <!--<img class="parallax__rays" src="./assets/rays.webp" alt="" />-->
     </div>
 
     <main class="main-content">
diff --git a/personnage1.png b/personnage1.png
deleted file mode 100644
index b0be5bb..0000000
Binary files a/personnage1.png and /dev/null differ
diff --git a/personnage2.png b/personnage2.png
deleted file mode 100644
index 95bbb12..0000000
Binary files a/personnage2.png and /dev/null differ
diff --git a/personnage3.png b/personnage3.png
deleted file mode 100644
index 62ac9a7..0000000
Binary files a/personnage3.png and /dev/null differ
diff --git a/photo.png b/photo.png
deleted file mode 100644
index 610d129..0000000
Binary files a/photo.png and /dev/null differ
diff --git a/public/assets/Logo.webp b/public/assets/Logo.webp
deleted file mode 100644
index b41191e..0000000
Binary files a/public/assets/Logo.webp and /dev/null differ
diff --git a/public/assets/bg.jpg b/public/assets/bg.jpg
deleted file mode 100644
index 2881970..0000000
Binary files a/public/assets/bg.jpg and /dev/null differ
diff --git a/public/assets/dust.webp b/public/assets/dust.webp
deleted file mode 100644
index 993f01e..0000000
Binary files a/public/assets/dust.webp and /dev/null differ
diff --git a/public/assets/foreground-back.webp b/public/assets/foreground-back.webp
deleted file mode 100644
index 2349c19..0000000
Binary files a/public/assets/foreground-back.webp and /dev/null differ
diff --git a/public/assets/foreground-front.webp b/public/assets/foreground-front.webp
deleted file mode 100644
index d17a9b3..0000000
Binary files a/public/assets/foreground-front.webp and /dev/null differ
diff --git a/public/assets/jax.webp b/public/assets/jax.webp
deleted file mode 100644
index 679763b..0000000
Binary files a/public/assets/jax.webp and /dev/null differ
diff --git a/public/assets/luna.webp b/public/assets/luna.webp
deleted file mode 100644
index 61a164d..0000000
Binary files a/public/assets/luna.webp and /dev/null differ
diff --git a/public/assets/manny.webp b/public/assets/manny.webp
deleted file mode 100644
index c4e6a97..0000000
Binary files a/public/assets/manny.webp and /dev/null differ
diff --git a/public/assets/rays.webp b/public/assets/rays.webp
deleted file mode 100644
index 0e345ae..0000000
Binary files a/public/assets/rays.webp and /dev/null differ
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index 9698403..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,29 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100" height="100" viewBox="0 0 100 100">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: url(#linear-gradient);
-      }
-
-      .cls-2 {
-        fill: #fff;
-      }
-    </style>
-    <linearGradient id="linear-gradient" x1="9.44" y1="9.43" x2="90.57" y2="90.57" gradientUnits="userSpaceOnUse">
-      <stop offset="0" stop-color="#ff001e"/>
-      <stop offset="0.49" stop-color="#d400cf"/>
-      <stop offset="1" stop-color="#004bff"/>
-    </linearGradient>
-  </defs>
-  <g id="Layer_2" data-name="Layer 2">
-    <g id="Layer_1-2" data-name="Layer 1">
-      <g>
-        <path class="cls-1" d="M90.41,33.37V18.88C90.41,5.1,84.9,0,65.92,0H33.56c-18.55.1-24,5.13-24,19V33.37c0,7.75-3.16,10-9.59,10V56.63c6.53,0,9.59,2.25,9.59,10V81.12c0,13.65,5.42,18.78,24,18.88H65.92c19,0,24.49-5,24.49-19V66.63c0-7.75,3.16-10,9.59-10V43.37C93.47,43.37,90.41,41.12,90.41,33.37Z"/>
-        <g>
-          <path class="cls-2" d="M24.79,72.51h-11V26.67h11ZM25.12,48,37.49,26.67H49L36.17,47.24,50.26,72.51H37.56Z"/>
-          <path class="cls-2" d="M69.64,57.3h-5V72.51h-11V26.67H68.19c12.5,0,19.64,4.89,19.64,14.95C87.83,52.4,80.49,57.3,69.64,57.3ZM68.32,34.47H64.68V49.36h4c5,0,7.8-2.38,7.8-7.74C76.52,36.79,73.81,34.47,68.32,34.47Z"/>
-        </g>
-      </g>
-    </g>
-  </g>
-</svg>
diff --git a/style.css b/style.css
index 4a7f90b..9d34fd1 100644
--- a/style.css
+++ b/style.css
@@ -5,6 +5,7 @@
   min-height: 75vh;
   display: grid;
   grid-template-areas: "stack";
+  background-color: #FFEDE5;
 }
 
 .parallax > * {
@@ -72,7 +73,7 @@
 .main-content {
   position: relative;
   /* z-index: 1; */
-  background: hsl(238, 100%, 6%);
+  background:  #FFEDE5;
   padding-block: 6rem;
 }
 
@@ -144,7 +145,7 @@ img {
 }
 
 .primary-nav a {
-  color: white;
+  color:  rgb(227, 195, 14);
   font-weight: 700;
   text-decoration: none;
 }
@@ -184,7 +185,7 @@ img {
     content: "";
     position: absolute;
     inset: 0;
-    background: black;
+    background: white;
     z-index: -1;
     scale: 2;
     opacity: 0.5;
diff --git a/styles copy.css b/styles copy.css
deleted file mode 100644
index dbdb209..0000000
--- a/styles copy.css	
+++ /dev/null
@@ -1,171 +0,0 @@
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  color: black;
-  background-color: #FFEDE5;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: 700;
-  overflow-x: hidden;
-  /* Empêche le scroll horizontal */
-}
-
-.navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background-color: white;
-  height: 4rem;
-  z-index: 1000;
-}
-
-nav {
-  float: right;
-  background-color: transparent;
-  height: 100%;
-}
-
-nav a {
-  display: inline-block;
-  color: rgb(227, 195, 14);
-  padding: 18px 12px;
-  text-decoration: none;
-  transition: ease-in .3s;
-}
-
-nav a:hover {
-  color: white;
-  background: #6aa9e895;
-  cursor: pointer;
-}
-
-.wrapper {
-  padding-top: 12rem;
-  height: 100vh;
-  overflow-x: hidden;
-  overflow-y: auto;
-  perspective: 300px;
-  width: 100vw;
-  /* Force la largeur du viewport */
-  overflow-x: hidden;
-}
-
-.parallax__group {
-  position: relative;
-  height: 100vh;
-  width: 100vw;
-  transform-style: preserve-3d;
-}
-
-.parallax__layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.sky {
-  background-color: white;
-  background: url('fond.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-600px) scale(3);
-  z-index: 1;
-}
-
-.bushes {
-  background: url('etoiles.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-525px) scale(2.75);
-  z-index: 2;
-}
-
-.water {
-  background: url('texte.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-400px) scale(2.33333333);
-  z-index: 3;
-}
-
-.people1 {
-  background: url("personnages.png") no-repeat;
-  background-size: contain;
-  transform: translateZ(-250px) scale(1.833333333);
-  z-index: 4;
-}
-
-.info-container {
-  background-color: #FFEDE5;
-}
-
-/* Style du menu hamburger */
-.menu-icon {
-  display: none;
-  /* Caché par défaut */
-  flex-direction: column;
-  cursor: pointer;
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  z-index: 1001;
-}
-
-.menu-icon span {
-  background: rgb(227, 195, 14);
-  display: block;
-  height: 3px;
-  width: 25px;
-  margin: 5px 0;
-  transition: 0.3s;
-}
-
-/* Masquer la case à cocher */
-#menu-toggle {
-  display: none;
-}
-
-
-@media screen and (min-width:760px) {
-  .sky,
-  .bushes,
-  .water,
-  .people1 {
-    background-size: contain;
-    /* Remplit toute la largeur */
-    /*background-position: center; Centre les images */
-  }
-}
-
-@media screen and (max-width: 760px) {
-  .menu-icon {
-    display: flex;
-  }
-
-  nav {
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    top: 4rem;
-    left: 0;
-    width: 100%;
-    background: white;
-    text-align: center;
-  }
-
-  /* Quand la case est cochée, afficher le menu */
-  #menu-toggle:checked+.menu-icon+nav {
-    display: flex;
-  }
-
-  nav a {
-    padding: 15px;
-    display: block;
-  }
-}
diff --git a/styles.css b/styles.css
deleted file mode 100644
index dbdb209..0000000
--- a/styles.css
+++ /dev/null
@@ -1,171 +0,0 @@
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-html,
-body {
-  width: 100%;
-  height: 100%;
-  color: black;
-  background-color: #FFEDE5;
-  font-family: Arial, Helvetica, sans-serif;
-  font-weight: 700;
-  overflow-x: hidden;
-  /* Empêche le scroll horizontal */
-}
-
-.navbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  background-color: white;
-  height: 4rem;
-  z-index: 1000;
-}
-
-nav {
-  float: right;
-  background-color: transparent;
-  height: 100%;
-}
-
-nav a {
-  display: inline-block;
-  color: rgb(227, 195, 14);
-  padding: 18px 12px;
-  text-decoration: none;
-  transition: ease-in .3s;
-}
-
-nav a:hover {
-  color: white;
-  background: #6aa9e895;
-  cursor: pointer;
-}
-
-.wrapper {
-  padding-top: 12rem;
-  height: 100vh;
-  overflow-x: hidden;
-  overflow-y: auto;
-  perspective: 300px;
-  width: 100vw;
-  /* Force la largeur du viewport */
-  overflow-x: hidden;
-}
-
-.parallax__group {
-  position: relative;
-  height: 100vh;
-  width: 100vw;
-  transform-style: preserve-3d;
-}
-
-.parallax__layer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-
-.sky {
-  background-color: white;
-  background: url('fond.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-600px) scale(3);
-  z-index: 1;
-}
-
-.bushes {
-  background: url('etoiles.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-525px) scale(2.75);
-  z-index: 2;
-}
-
-.water {
-  background: url('texte.png') no-repeat;
-  background-size: contain;
-  transform: translateZ(-400px) scale(2.33333333);
-  z-index: 3;
-}
-
-.people1 {
-  background: url("personnages.png") no-repeat;
-  background-size: contain;
-  transform: translateZ(-250px) scale(1.833333333);
-  z-index: 4;
-}
-
-.info-container {
-  background-color: #FFEDE5;
-}
-
-/* Style du menu hamburger */
-.menu-icon {
-  display: none;
-  /* Caché par défaut */
-  flex-direction: column;
-  cursor: pointer;
-  position: absolute;
-  right: 1rem;
-  top: 1rem;
-  z-index: 1001;
-}
-
-.menu-icon span {
-  background: rgb(227, 195, 14);
-  display: block;
-  height: 3px;
-  width: 25px;
-  margin: 5px 0;
-  transition: 0.3s;
-}
-
-/* Masquer la case à cocher */
-#menu-toggle {
-  display: none;
-}
-
-
-@media screen and (min-width:760px) {
-  .sky,
-  .bushes,
-  .water,
-  .people1 {
-    background-size: contain;
-    /* Remplit toute la largeur */
-    /*background-position: center; Centre les images */
-  }
-}
-
-@media screen and (max-width: 760px) {
-  .menu-icon {
-    display: flex;
-  }
-
-  nav {
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    top: 4rem;
-    left: 0;
-    width: 100%;
-    background: white;
-    text-align: center;
-  }
-
-  /* Quand la case est cochée, afficher le menu */
-  #menu-toggle:checked+.menu-icon+nav {
-    display: flex;
-  }
-
-  nav a {
-    padding: 15px;
-    display: block;
-  }
-}