diff --git a/Accueil/assets/background/img1.jpg b/Accueil/assets/background/img1.jpg
new file mode 100644
index 0000000..01a7e84
Binary files /dev/null and b/Accueil/assets/background/img1.jpg differ
diff --git a/Accueil/assets/background/img2.jpg b/Accueil/assets/background/img2.jpg
new file mode 100644
index 0000000..0d68b91
Binary files /dev/null and b/Accueil/assets/background/img2.jpg differ
diff --git a/Accueil/assets/background/img3.jpg b/Accueil/assets/background/img3.jpg
new file mode 100644
index 0000000..23d31e3
Binary files /dev/null and b/Accueil/assets/background/img3.jpg differ
diff --git a/Accueil/assets/icon.ico b/Accueil/assets/icon.ico
new file mode 100644
index 0000000..b7e8de1
Binary files /dev/null and b/Accueil/assets/icon.ico differ
diff --git a/Accueil/index.html b/Accueil/index.html
new file mode 100644
index 0000000..1756fdd
--- /dev/null
+++ b/Accueil/index.html
@@ -0,0 +1,113 @@
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Accueil</title>
+    <link rel="shortcut icon" href="assets/icon.ico">
+    <link rel="stylesheet" href="css/style.css">
+    <script src="js/js.js"></script>
+    <script>var body = document.getElementsByTagName('body')[0];
+        images = ['img1.jpg','img2.jpg','img3.jpg'];
+        i = Math.floor(Math.random()*images.length);
+        body.style.backgroundImage = 'url(' + images[i] + ')';
+        body.style.backgroundSize = 'cover';</script>
+</head>
+
+<body>
+    <div id="contenu">
+        <div id="notion">
+            <iframe id="notion-content" src="html/notion.html" frameborder="0" height="400px" width="400px"></iframe>
+        </div>
+        <div id="reseaux">
+            <iframe id="reseaux-content" src="html/réseaux.html" frameborder="0"></iframe>
+        </div>
+         <div id="cours">
+            <iframe id="cours-content" src="html/cours.html" frameborder="0"></iframe>
+        </div>
+        <div id="weather">
+            <iframe id="weather-content" src="weather/weather.html" frameborder="0"></iframe>
+        </div>
+        <div id="raccourcis">
+            <iframe id="raccourcis-content" src="html/raccourcis.html" frameborder="0"></iframe>
+        </div>
+    </div>
+
+    <div id="heure">
+        <SCRIPT LANGUAGE="JavaScript">
+            Stamp = new Date();
+            year = Stamp.getYear();
+            if (year < 2000) year = 1900 + year;
+            document.write('<h1>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</h1>');
+            // document.write('<font size="5" ><B>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</B></font><BR>');
+            var Hours;
+            var Mins;
+            var Time;
+            Hours = Stamp.getHours();
+            if (Hours >= 12) {
+                Time = " ";
+            }
+            else {
+                Time = " ";
+            }
+            if (Hours > 24) {
+                Hours -= 24;
+            }
+            if (Hours == 0) {
+                Hours = 12;
+            }
+            Mins = Stamp.getMinutes();
+            if (Mins < 10) {
+                Mins = "0" + Mins;
+            }
+            document.write('<h1>' + Hours + ":" + Mins + Time + '</h1>');
+            // document.write('<font size="10" ><B>' + Hours + ":" + Mins + Time + '</B></font>');
+        </SCRIPT>
+
+        <SCRIPT LANGUAGE="JavaScript">
+           Stamp = new Date();
+            day = Stamp.getDay();
+            if (day == 1) {
+                jour = 'Lundi';
+            }
+            if (day == 2) {
+                jour = 'Mardi';
+            }
+            if (day == 3) {
+                jour = 'Mercredi';
+            }
+            if (day == 4) {
+                jour = 'Jeudi';
+            }
+            if (day == 5) {
+                jour = 'Vendredi';
+            }
+            if (day == 6) {
+                jour = 'Samedi';
+            }
+            if (day == 7) {
+                jour = 'Dimanche';
+            }
+
+            // document.write('<h1>' + Stamp.getDay() + '</h1>');
+            document.write('<h1>' + jour + '</h1>');
+        </script>
+        
+    </div>
+
+    <div class="button">
+        <div>
+            <button id="reload" onClick="window.location.reload();"><img src="assets/social/reload.png" alt="reload"
+                    style="width:75px"></button>
+            <!-- <img id="reload" src="assets/social/reload.png" alt="reload" onClick="window.location.reload"> -->
+        </div>
+        <br>
+        <div>
+            <button id="google" onmouseenter='window.location.href="https://google.com"'><img
+                    src="assets/social/google.png" alt="reload" style="width: 75px"></button>
+        </div>
+    </div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/assets/background/img1/1%.jpg b/assets/background/img1/1%.jpg
new file mode 100644
index 0000000..0372469
Binary files /dev/null and b/assets/background/img1/1%.jpg differ
diff --git a/assets/background/img1/10%.jpg b/assets/background/img1/10%.jpg
new file mode 100644
index 0000000..ff4c410
Binary files /dev/null and b/assets/background/img1/10%.jpg differ
diff --git a/assets/background/img1/1x1.jpg b/assets/background/img1/1x1.jpg
new file mode 100644
index 0000000..b228343
Binary files /dev/null and b/assets/background/img1/1x1.jpg differ
diff --git a/assets/background/img1/1x50.jpg b/assets/background/img1/1x50.jpg
new file mode 100644
index 0000000..b06194c
Binary files /dev/null and b/assets/background/img1/1x50.jpg differ
diff --git a/assets/background/img1/20%.jpg b/assets/background/img1/20%.jpg
new file mode 100644
index 0000000..87b04d8
Binary files /dev/null and b/assets/background/img1/20%.jpg differ
diff --git a/assets/background/img1/5%.jpg b/assets/background/img1/5%.jpg
new file mode 100644
index 0000000..1d4f481
Binary files /dev/null and b/assets/background/img1/5%.jpg differ
diff --git a/assets/background/img1/img1 - Copie.jpg b/assets/background/img1/img1 - Copie.jpg
new file mode 100644
index 0000000..01a7e84
Binary files /dev/null and b/assets/background/img1/img1 - Copie.jpg differ
diff --git a/assets/background/test.png b/assets/background/test.png
new file mode 100644
index 0000000..555dc16
Binary files /dev/null and b/assets/background/test.png differ
diff --git a/css/style.css b/css/style.css
index 3f235ee..dcd9458 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,7 +2,11 @@ html {
     color: aliceblue;
     --highlight-color: rgba(0, 0, 0, 0);
     /* filter: drop-shadow(0px 0px 25px rgb(63, 135, 61)); */
-    background-image: url(../assets/background/img1.jpg);
+    /* background-image: url(../assets/background/img1.jpg); */
+    /* background-image: url(../assets/background/img1/1%.jpg); */
+    /* background-color: rgb(2, 21, 83); */
+    /* background-image: url(../assets/background/img1/1x1.jpg); */
+    background-image: url(../assets/background/img1/1x50.jpg);
     background-size: cover;
 }
 
