diff --git a/css/styles.css b/css/styles.css
index 100dd63..0c9a9fa 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -181,11 +181,23 @@ img {
     background: none;
     border: none;
     font-size: 24px;
-    color: var(--text-color);
     margin-left: 15px;
     cursor: pointer;
 }
 
+.icon-button i {
+    color: var(--text-color);
+}
+
+/* Priorité plus élevée pour les couleurs des réseaux sociaux */
+.icon-button i.icon-facebook,
+.icon-button i.icon-youtube,
+.icon-button i.icon-instagram,
+.icon-button i.icon-tiktok,
+.icon-button i.icon-twitter {
+    color: inherit;
+}
+
 /* Hero Section */
 .hero-mastodon-wrapper {
     display: flex;
@@ -827,13 +839,61 @@ img {
 .more-social-item i {
     margin-right: 10px;
     font-size: 18px;
-    color: var(--primary-red);
     width: 20px;
     text-align: center;
+    color: inherit;
 }
 
 @media (max-width: 1000px) {
     .more-social-dropdown {
         right: -15px;
     }
+}
+
+/* Styles pour les icônes des réseaux sociaux avec leurs couleurs officielles */
+i.icon-facebook, 
+.fab.fa-facebook.icon-facebook {
+    color: #1877F2 !important; /* Bleu Facebook */
+}
+
+i.icon-youtube,
+.fab.fa-youtube.icon-youtube {
+    color: #FF0000 !important; /* Rouge YouTube */
+}
+
+i.icon-instagram,
+.fab.fa-instagram.icon-instagram {
+    /* Imiter le dégradé Instagram avec une couleur principale */
+    color: #E1306C !important; /* Rose/magenta Instagram */
+}
+
+i.icon-tiktok,
+.fab.fa-tiktok.icon-tiktok {
+    color: #000000 !important; /* Noir TikTok */
+}
+
+i.icon-tiktok-accent {
+    color: #EE1D52 !important; /* Rouge TikTok */
+}
+
+i.icon-twitter,
+.fab.fa-twitter.icon-twitter {
+    color: #1DA1F2 !important; /* Bleu Twitter */
+}
+
+/* Maintenir la couleur par défaut pour les icônes dans le footer */
+.footer-social a {
+    margin: 0 10px;
+    font-size: 24px;
+    color: var(--text-color);
+}
+
+/* Ajustements pour le menu déroulant des réseaux sociaux */
+.more-social-item i {
+    margin-right: 10px;
+    font-size: 18px;
+    width: 20px;
+    text-align: center;
+    /* Supprimer la couleur rouge par défaut pour utiliser les classes spécifiques */
+    color: inherit;
 } 
\ No newline at end of file
diff --git a/index.php b/index.php
index 6722c6c..1882c6c 100644
--- a/index.php
+++ b/index.php
@@ -82,19 +82,19 @@
             </div>
             
             <div class="social-icons">
-                <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>" class="icon-button"><i class="fab fa-instagram"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>" class="icon-button"><i class="fab fa-tiktok"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>" class="icon-button"><i class="fab fa-instagram icon-instagram"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>" class="icon-button"><i class="fab fa-tiktok icon-tiktok"></i></a>
                 <div class="more-social-container">
                     <a href="#" class="icon-button more-social-toggle"><i class="fas fa-ellipsis-h"></i></a>
                     <div class="more-social-dropdown">
                         <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>" class="more-social-item">
-                            <i class="fab fa-facebook"></i> Facebook
+                            <i class="fab fa-facebook icon-facebook"></i> Facebook
                         </a>
                         <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>" class="more-social-item">
-                            <i class="fab fa-youtube"></i> YouTube
+                            <i class="fab fa-youtube icon-youtube"></i> YouTube
                         </a>
                         <a target="_blank" rel="noreferrer" href="<?php echo TWITTER_URL; ?>" class="more-social-item">
-                            <i class="fab fa-twitter"></i> Twitter
+                            <i class="fab fa-twitter icon-twitter"></i> Twitter
                         </a>
                     </div>
                 </div>
@@ -353,11 +353,11 @@
             </div>
             
             <div class="footer-social">
-                <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo TWITTER_URL; ?>"><i class="fab fa-twitter"></i></a>
-                <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo TWITTER_URL; ?>"><i class="fab fa-twitter icon-twitter"></i></a>
+                <a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
             </div>
             
             <div class="footer-contact">CONTACT</div>