diff --git a/CSS/styles.css b/CSS/styles.css
index 767902d..5a0183f 100644
--- a/CSS/styles.css
+++ b/CSS/styles.css
@@ -1,8 +1,10 @@
 body{
 	margin: 0;
-	background: linear-gradient(180deg,rgba(63,94,251,0.7),rgba(252,70,107,0.7) 100%);
+	background: linear-gradient(180deg,rgba(83, 0, 0, 0.7),#ff0000 50%);
+	
 }
 
+
 ul{
 	margin: 0;
 	padding: 0;
@@ -49,6 +51,18 @@ main{
 	flex-direction: column;
 }
 
+#background-video{
+	height: 100vh;
+width: 100vw;
+object-fit: cover;
+position: fixed;
+left: 0;
+right: 0;
+top: 0;
+bottom: 0;
+z-index: -1;
+}
+
 #cas{
 	box-shadow: 0 40px 60px rgba(150,0,0,0.7);
 	height: 25%;
@@ -157,7 +171,7 @@ footer{
 	align-items: center;
 	flex-direction: row-reverse;
 	justify-content: space-around;
-	background-color: grey;
+	background-color: #581845;
 
 
 }
diff --git a/img/istockphoto-1440281220-640_adpp_is.mp4 b/img/istockphoto-1440281220-640_adpp_is.mp4
new file mode 100644
index 0000000..0211195
Binary files /dev/null and b/img/istockphoto-1440281220-640_adpp_is.mp4 differ
diff --git a/img/roulette_coeur.png b/img/roulette_coeur.png
new file mode 100644
index 0000000..e338bdc
Binary files /dev/null and b/img/roulette_coeur.png differ
diff --git a/index.html b/index.html
index b83ee9d..726105b 100644
--- a/index.html
+++ b/index.html
@@ -18,7 +18,7 @@
 			<nav> 
 
 
-				<a href="#"><img id="icone" src="img/icon.png" alt="icone du site"></a>
+				<a href="#"><img id="icone" src="img/roulette_coeur.png" alt="icone du site"></a>
 				
 				<ul>
 
@@ -32,6 +32,10 @@
 		</header>
 
 		<main>
+			<video id="background-video" autoplay loop muted>
+				<source src="img/istockphoto-1440281220-640_adpp_is.mp4" type="video/mp4">
+			</video>
+
 			<a href="#"><img id="btn_up" src="img/icone/arrow-up.svg" alt="icone de fleche"></a>
 
 			<div class="img_gauche_txt_droite">