diff --git a/_sass/main.scss b/_sass/main.scss
index f11ab70..18636c8 100644
--- a/_sass/main.scss
+++ b/_sass/main.scss
@@ -130,4 +130,18 @@ font-size: 25px;
 // 
 footer small{
     color:$white;
+}
+
+#photoProfil.dark{
+    display:none;
+}
+
+@media (prefers-color-scheme: dark){
+    #photoProfil.dark{
+        display:block;
+    }
+
+    #photoProfil.light{
+        display:none;
+    }
 }
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 330170a..e3fca6c 100644
--- a/css/main.css
+++ b/css/main.css
@@ -7114,3 +7114,12 @@ section#contact .button {
 
 footer small {
   color: #ffffff; }
+
+#photoProfil.dark {
+  display: none; }
+
+@media (prefers-color-scheme: dark) {
+  #photoProfil.dark {
+    display: block; }
+  #photoProfil.light {
+    display: none; } }
diff --git a/images/profile_nuit_opt.jpg b/images/profile_nuit_opt.jpg
new file mode 100644
index 0000000..cf8c123
Binary files /dev/null and b/images/profile_nuit_opt.jpg differ
diff --git a/index.html b/index.html
index 52187cc..d043223 100644
--- a/index.html
+++ b/index.html
@@ -35,9 +35,12 @@
                     <div id="photosAndButtons" class="column is-3-widescreen is-3-tablet">
                         <div class="card">
                             <div class="card-image">
-                                <figure id="photoProfil" class="image">
+                                <figure id="photoProfil" class="image light">
                                     <img src="images/profile_opt.jpg" alt="Une Photo de moi">
                                 </figure>
+                                <figure id="photoProfil" class="image dark">
+                                    <img src="images/profile_nuit_opt.jpg" alt="Une Photo de moi">
+                                </figure>
                             </div>
                             <div class="card-content">
                                 <div class="media">