diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..c92f45e
Binary files /dev/null and b/.DS_Store differ
diff --git a/css/.DS_Store b/css/.DS_Store
new file mode 100644
index 0000000..b08cc7e
Binary files /dev/null and b/css/.DS_Store differ
diff --git a/images/.DS_Store b/images/.DS_Store
new file mode 100644
index 0000000..e8eb66c
Binary files /dev/null and b/images/.DS_Store differ
diff --git a/images/AMAP.png b/images/AMAP.png
deleted file mode 100644
index d0fcd24..0000000
Binary files a/images/AMAP.png and /dev/null differ
diff --git a/images/Article1.jpg b/images/Article1.jpg
new file mode 100644
index 0000000..6ed5f54
Binary files /dev/null and b/images/Article1.jpg differ
diff --git a/images/Article2.jpg b/images/Article2.jpg
new file mode 100644
index 0000000..cc17dec
Binary files /dev/null and b/images/Article2.jpg differ
diff --git a/images/ban-accueil.jpg b/images/ban-accueil.jpg
new file mode 100644
index 0000000..62a2f63
Binary files /dev/null and b/images/ban-accueil.jpg differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 0000000..2b3bdd5
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/section1-accueil.jpg b/images/section1-accueil.jpg
new file mode 100644
index 0000000..31f1c19
Binary files /dev/null and b/images/section1-accueil.jpg differ
diff --git a/images/section2-accueil.jpg b/images/section2-accueil.jpg
new file mode 100644
index 0000000..10655f8
Binary files /dev/null and b/images/section2-accueil.jpg differ
diff --git a/images/section3-accueil.jpg b/images/section3-accueil.jpg
new file mode 100644
index 0000000..3500dc6
Binary files /dev/null and b/images/section3-accueil.jpg differ
diff --git a/view/.DS_Store b/view/.DS_Store
new file mode 100644
index 0000000..99ccccb
Binary files /dev/null and b/view/.DS_Store differ
diff --git a/view/accueil/accueil.php b/view/accueil/accueil.php
index 8f7fe44..da68d84 100644
--- a/view/accueil/accueil.php
+++ b/view/accueil/accueil.php
@@ -1,34 +1,60 @@
-<h1> Accueil </h1>
-<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-  Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
-
-  </p>
\ No newline at end of file
+<h1> Bienvenue sur le site de l'AMAP de la région Occitanie </h1>
+
+<!-- aside sur le coté gauche -->
+<aside>
+  <div>
+    <h4>Actualités</h4>
+    <p>Prochaine rencontre à Saint-Jean-de-Védas. <br/>
+      <a href="?action=display2nd&controller=laVieAlAMAP">plus de renseignements ici.</a></p> <!--redirection vers la page évenements-->
+  </div>
+
+   <div>
+    <h4>Derniers articles</h4>
+    <img src="./images/Article1.jpg" alt="Article 1" width="135" height="135"/>
+    <h4>Nouveau producteur à Grabels.</h4> <!-- redirigera vers l'article1 qu'on créera plus tard-->
+    <img src="./images/Article2.jpg" alt="Article 2" width="135" height="135"/>
+    <h4>Cuisinez votre butternut.</h4><!-- redirigera vers l'article2 qu'on créera plus tard-->
+  </div>
+  
+  <div>
+    <h3>Nous trouver</h3>
+    <iframe src="https://www.google.com/maps/d/embed?mid=1jXR-N1Ge3qSqQ48tiTxcWRYDfhcAoGb2" width="135" height="135"></iframe>
+  </div>
+</aside>
+
+
+<!-- article pour l'essentiel de la page -->
+<article>
+ 
+ <section>
+    <h2>Présentation de l'AMAP.</h2>
+    <img src="./images/section1-accueil.jpg" alt="AMAP partage"/> <!--width="925" height="335"-->
+    <p>
+    L'AMAP d'O regroupe plusieurs maraîchers et éveleurs de la région Occitanie, qui vous proposent leurs produits BIO. Mauris ante tellus, egestas nec arcu eget, hendrerit laoreet velit. Pellentesque id urna in massa scelerisque fermentum ac vel leo. Curabitur sem sapien, feugiat vel varius sed, condimentum vitae erat. Vestibulum non velit augue. Maecenas pretium in ex sed luctus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis vel sodales lacus. Phasellus diam massa, tincidunt a dui a, porttitor posuere nisi. Maecenas arcu risus, volutpat sit amet cursus sed, facilisis in nisi.
+    </p>
+    <a href="?action=display2nd&controller=nousConnaitre">En savoir plus...</a></p> <!--redirection vers la page AMAP-->
+  </section>
+
+
+  <section>
+    <img src="./images/section2-accueil.jpg" alt="AMAP présentation"/> <!--width="925" height="335"-->
+    <h2>Q'est-ce qu'une AMAP ?</h2>
+    <p>
+    	À travers notre site, vous pouvez profiter d'une multitude de fonctionnalités :
+    <ul>
+    	<li>Découvrir les valeurs de l'AMAP</li>
+    	<li>Profiter des articles, des recettes et s'informer sur les évenements organisés par les adhérents</li>
+    	<li>Consulter les contrats que nos partenaires proposent</li>
+    	<li>Adhérer à l'AMAP et choisir son ou ses contrats</li>
+    </p>
+  </section>
+
+
+  <section>
+    <h2>Notre engagement dans le BI0</h2>
+    <img src="./images/section3-accueil.jpg" alt="AMAP biologique"/> <!--width="925" height="335"-->
+    <p>Ut hendrerit ex ac libero venenatis, sit amet elementum dolor porttitor. Vivamus semper, erat non facilisis pellentesque, mauris ipsum ullamcorper lacus, ac egestas tortor turpis eu ligula. Nulla lacinia hendrerit libero, nec sollicitudin enim fermentum vitae. Nullam vestibulum, leo gravida luctus vehicula, diam dolor condimentum nulla, in pretium orci massa non erat. Duis gravida est porttitor, efficitur tellus ut, tincidunt est. In hac habitasse platea dictumst. Aliquam semper imperdiet ligula, sed vulputate dolor ultrices ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras feugiat maximus libero, in ultrices diam eleifend nec. Sed ut erat porttitor, vulputate dui quis, volutpat lorem.</p>
+   </section>
+
+
+</article>