diff --git a/src/balade.jpg b/src/balade.jpg
new file mode 100644
index 0000000..760794b
Binary files /dev/null and b/src/balade.jpg differ
diff --git a/src/index.html b/src/index.html
index 74c6d65..ef3f88e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Les Enfants de Gaia</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <header>
@@ -20,28 +20,45 @@
     </header>
 
     <section id="accueil">
+		<img src="./balade.jpg" />
+		<main>
         <h2>Bienvenue dans l'univers mystique</h2>
 		<p>L'association <b>Les Enfants de Gaia</b> vous guide à travers les énergies du cosmos. Explorez notre site pour découvrir nos événements, ateliers et séances de méditation.</p>
+		</main>
     </section>
 
     <section id="evenements">
+		<img src="jardin.jpg" />
+		<main>
         <h2>Nos Événements</h2>
         <ul>
             <li>Atelier de méditation stellaire</li>
             <li>Conférence sur les énergies lunaires</li>
             <li>Retraite spirituelle en pleine nature</li>
         </ul>
+		</main>
     </section>
 
     <section id="equipe">
+		<img src="laredoute.jpg" />
+		<main>
         <h2>Notre Équipe</h2>
         <p>Nous sommes une équipe passionnée par l'astrologie, la méditation et le bien-être. Rencontrez nos membres et découvrez leurs expertises.</p>
+		</main>
     </section>
 
     <section id="contact">
+		<img src="lettre.jpg" />
+		<main>
         <h2>Contactez-nous</h2>
         <p>Pour toute question ou demande, n'hésitez pas à nous contacter à l’adresse enfants-de-gaia@jean-cloud.net</p>
+		</main>
     </section>
+	<footer>
+		<p>
+			Text généré par chatGPT, images pixabay.com, hébergement web jean-cloud.net, css domaine publique.
+		</p>
+	</footer>
 </body>
 </html>
 
diff --git a/src/jardin.jpg b/src/jardin.jpg
new file mode 100644
index 0000000..c6968d7
Binary files /dev/null and b/src/jardin.jpg differ
diff --git a/src/laredoute.jpg b/src/laredoute.jpg
new file mode 100644
index 0000000..3440eef
Binary files /dev/null and b/src/laredoute.jpg differ
diff --git a/src/lettre.jpg b/src/lettre.jpg
new file mode 100644
index 0000000..71ecb5b
Binary files /dev/null and b/src/lettre.jpg differ
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..d51a267
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,93 @@
+/* Réinitialisation des marges et des paddings */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html {
+	height:95%;
+}
+/* Styles pour le corps de la page */
+body {
+	font-size:1.4em;
+    font-family: 'Helvetica Neue', sans-serif;
+    background-color: #f9f9f9;
+    color: #333;
+	height:95%;
+}
+
+/* Styles pour l'en-tête */
+header {
+    background-color: #26a18a8c;
+    color: #fff;
+    padding: 20px;
+    text-align: center;
+}
+
+/* Styles pour les titres de section */
+h1, h2 {
+    margin-bottom: 10px;
+}
+
+/* Styles pour les liens de navigation */
+ul {
+    list-style: none;
+}
+
+nav ul li {
+    display: inline-block;
+    margin-right: 20px;
+}
+
+nav ul li a {
+    text-decoration: none;
+    color: #333;
+    font-weight: bold;
+}
+
+/* Styles pour les sections */
+section {
+    background-color: #fff;
+    border-radius: 5px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+	position:relative;
+}
+
+main {
+	color :#fff;
+	background-color: #0005;
+	padding: 20px;
+	position: absolute;
+	top:0;
+	width:100%;
+}
+
+/* Styles spécifiques pour chaque section */
+section img {
+	width:100%;
+
+}
+
+#evenements main {
+	bottom:0 !important;
+	background-color: #0008;
+	top:auto;
+}
+
+#equipe main{
+	top:auto;
+	bottom:0 !important;
+	background-color: #0008;
+}
+
+#contact main {
+	top:auto;
+	bottom:0 !important;
+	background-color: #0008;
+}
+
+footer {
+	padding: 10px;
+}
+
