diff --git a/.DS_Store b/.DS_Store
index 6ac2887..5abbb02 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/img/.DS_Store b/img/.DS_Store
index 96d5ae1..283909b 100644
Binary files a/img/.DS_Store and b/img/.DS_Store differ
diff --git a/img/image-film/.DS_Store b/img/image-film/.DS_Store
new file mode 100644
index 0000000..972e57c
Binary files /dev/null and b/img/image-film/.DS_Store differ
diff --git a/img/image-film/aya-de-yopougon.jpeg b/img/image-film/aya-de-yopougon.jpeg
new file mode 100644
index 0000000..505cbf9
Binary files /dev/null and b/img/image-film/aya-de-yopougon.jpeg differ
diff --git a/img/image-film/aya.jpeg b/img/image-film/aya.jpeg
new file mode 100644
index 0000000..6b3920c
Binary files /dev/null and b/img/image-film/aya.jpeg differ
diff --git a/img/image-film/binti.jpeg b/img/image-film/binti.jpeg
new file mode 100644
index 0000000..c764c29
Binary files /dev/null and b/img/image-film/binti.jpeg differ
diff --git a/img/image-film/kirikou-et-la-sorciere-a.jpeg b/img/image-film/kirikou-et-la-sorciere-a.jpeg
new file mode 100644
index 0000000..aa578e9
Binary files /dev/null and b/img/image-film/kirikou-et-la-sorciere-a.jpeg differ
diff --git a/img/image-film/la-canne-du-roi.jpeg b/img/image-film/la-canne-du-roi.jpeg
new file mode 100644
index 0000000..10c5518
Binary files /dev/null and b/img/image-film/la-canne-du-roi.jpeg differ
diff --git a/img/image-film/le_mandat.jpeg b/img/image-film/le_mandat.jpeg
new file mode 100644
index 0000000..e387601
Binary files /dev/null and b/img/image-film/le_mandat.jpeg differ
diff --git a/img/image-film/m_les-3-lascars-redimensionn.jpeg b/img/image-film/m_les-3-lascars-redimensionn.jpeg
new file mode 100644
index 0000000..fb8d3bd
Binary files /dev/null and b/img/image-film/m_les-3-lascars-redimensionn.jpeg differ
diff --git a/img/image-film/pokou.jpeg b/img/image-film/pokou.jpeg
new file mode 100644
index 0000000..b293b31
Binary files /dev/null and b/img/image-film/pokou.jpeg differ
diff --git a/img/image-film/soukoulou.jpeg b/img/image-film/soukoulou.jpeg
new file mode 100644
index 0000000..b998851
Binary files /dev/null and b/img/image-film/soukoulou.jpeg differ
diff --git a/img/image-music/.DS_Store b/img/image-music/.DS_Store
new file mode 100644
index 0000000..2542b06
Binary files /dev/null and b/img/image-music/.DS_Store differ
diff --git a/img/image-music/trophy_room.png b/img/image-music/trophy_room.png
new file mode 100644
index 0000000..0f3954c
Binary files /dev/null and b/img/image-music/trophy_room.png differ
diff --git a/index.html b/index.html
index 06131bc..650615d 100644
--- a/index.html
+++ b/index.html
@@ -47,12 +47,24 @@
         <div class="video-recentes">
           <div class="deo-debut">Vidéos Récentes</div>
           <div class="bloc-deo">
-            <div class="video"></div>
-            <div class="video"></div>
-            <div class="video"></div>
-            <div class="video"></div>
-            <div class="video"></div>
-            <div class="video"></div>
+            <div class="video">
+              <p>Aya de yopougon</p>
+            </div>
+            <div class="video">
+              <p>La canne du roi</p>
+            </div>
+            <div class="video">
+              <p>Le mandat</p>
+            </div>
+            <div class="video">
+              <p>Binti</p>
+            </div>
+            <div class="video">
+              <p>Les trois lascars</p>
+            </div>
+            <div class="video">
+              <p>Pokou</p>
+            </div>
           </div>
         </div>
       </section>
@@ -95,6 +107,8 @@
         </div>
       </section>
     </div>
+
+
     <section role="footer">
       <footer>
         <div class="footer-container">
diff --git a/style.css b/style.css
index 80b4f49..96a43b1 100644
--- a/style.css
+++ b/style.css
@@ -34,6 +34,7 @@ nav {
   font-size: 14px;
   border-radius: 24px;
   border: 1px solid rgba(252, 226, 42, 1);
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .conn {
@@ -45,6 +46,7 @@ nav {
   display: flex;
   align-items: center;
   justify-content: center;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .bloc-id {
@@ -86,6 +88,8 @@ nav {
   background: url(./img/boy-africa.jpg);
   background-size: cover;
   background-position: center center;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
+  border-radius: 5px;
 }
 
 /*Videos recentes*/
@@ -95,6 +99,7 @@ nav {
   display: flex;
   flex-direction: column;
   margin-top: 10%;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .deo-debut {
@@ -107,6 +112,7 @@ nav {
   border-radius: 41px;
   color: white;
   font-size: 13px;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .bloc-deo {
@@ -117,11 +123,55 @@ nav {
   padding-left: 5%;
 }
 
+.bloc-deo div:nth-child(2) {
+  background: url("./img/image-film/la-canne-du-roi.jpeg");
+  background-position: center center;
+  background-size: cover;
+}
+
+.bloc-deo div:nth-child(3) {
+  background: url("./img/image-film/le_mandat.jpeg");
+  background-position: center center;
+  background-size: cover;
+}
+
+.bloc-deo div:nth-child(4) {
+  background: url("./img/image-film/binti.jpeg");
+  background-position: center center;
+  background-size: cover;
+}
+
+.bloc-deo div:nth-child(5) {
+  background: url("./img/image-film/m_les-3-lascars-redimensionn.jpeg");
+  background-position: center center;
+  background-size: cover;
+}
+
+.bloc-deo div:nth-child(6) {
+  background: url("./img/image-film/pokou.jpeg");
+  background-position: center center;
+  background-size: cover;
+}
+
 .video {
   width: 20%;
   height: 150px;
-  background-color: rgba(252, 226, 42, 1);
+  background: url("./img/image-film/aya-de-yopougon.jpeg");
+  background-position: center center;
+  background-size: cover;
   margin-top: 5%;
+  position: relative;
+  border-radius: 5px;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
+}
+
+.video p {
+  position: absolute;
+  color: rgba(252, 226, 42, 1);
+  font-size: 15px;
+  bottom: 0;
+  margin-left: 20%;
+  margin-bottom: -10%;
 }
 
 /* Musiques recentes */
@@ -131,6 +181,7 @@ nav {
   display: flex;
   flex-direction: column;
   margin-top: 10%;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .music-debut {
@@ -143,6 +194,8 @@ nav {
   border-radius: 41px;
   color: white;
   font-size: 13px;
+  margin-top: 5%;
+  box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.25);
 }
 
 .bloc-music {
@@ -156,8 +209,11 @@ nav {
 .musique {
   width: 20%;
   height: 150px;
-  background-color: rgba(252, 226, 42, 1);
+  background: url("./img/image-music/trophy_room.png");
+  background-position: center center;
+  background-size: cover;
   margin-top: 5%;
+  border-radius: 5px;
 }
 
 /*Conseil*/
@@ -453,6 +509,7 @@ footer {
 
   .about-container {
     margin: 0 auto;
+    margin-top: 10%;
     width: 50%;
     height: 200px;
     border: 2px solid rgba(252, 226, 42, 1);
@@ -495,6 +552,7 @@ footer {
     padding-left: 5%;
     padding-right: 5%;
   }
+
   .footer-container {
     display: flex;
     flex-direction: column;
@@ -511,6 +569,7 @@ footer {
   .africa-foot img {
     width: 100px;
     height: 30px;
+    order: 1;
   }
 
   .copyright {