diff --git a/src/services/newsletter.service.js b/src/services/newsletter.service.js
index 71a7cf7b..8bc83767 100644
--- a/src/services/newsletter.service.js
+++ b/src/services/newsletter.service.js
@@ -103,7 +103,7 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           box-shadow: 0 10px 40px rgba(0,0,0,0.15);
         }
         .header {
-          background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%);
+          background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
           color: white;
           padding: 50px 30px;
           text-align: center;
@@ -116,6 +116,14 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           gap: 15px;
           margin-bottom: 15px;
         }
+        .logo-image {
+          width: 60px;
+          height: 60px;
+          background: white;
+          border-radius: 50%;
+          padding: 10px;
+          box-shadow: 0 4px 15px rgba(0,0,0,0.2);
+        }
         .logo-icon {
           font-size: 48px;
           filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
@@ -134,7 +142,7 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           font-weight: 500;
         }
         .welcome-section {
-          background: linear-gradient(135deg, #d4a574 0%, #c4956a 100%);
+          background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
           color: white;
           padding: 40px 30px;
           text-align: center;
@@ -176,12 +184,12 @@ export const sendNewsletterConfirmationEmail = async (email) => {
         }
         .game-section {
           background: white;
-          border: 3px solid #d4a574;
+          border: 3px solid #f59e0b;
           border-radius: 20px;
           padding: 35px;
           text-align: center;
           margin: 30px 0;
-          box-shadow: 0 4px 15px rgba(212, 165, 116, 0.2);
+          box-shadow: 0 4px 15px rgba(245, 158, 11, 0.25);
         }
         .game-icon {
           font-size: 64px;
@@ -277,9 +285,9 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           display: flex;
           align-items: center;
           padding: 15px;
-          background: linear-gradient(135deg, #faf9f5 0%, #f5f5f0 100%);
+          background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);
           border-radius: 10px;
-          border-left: 4px solid #d4a574;
+          border-left: 4px solid #f59e0b;
         }
         .benefit-icon {
           font-size: 28px;
@@ -291,8 +299,8 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           font-weight: 500;
         }
         .footer {
-          background: linear-gradient(135deg, #5a5a4e 0%, #4a4a42 100%);
-          color: #e5e4dc;
+          background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%);
+          color: white;
           text-align: center;
           padding: 40px 30px;
         }
@@ -304,7 +312,7 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           font-size: 18px;
           font-weight: bold;
           margin-bottom: 15px;
-          color: #d4a574;
+          color: white;
         }
         .footer-date {
           font-size: 13px;
@@ -329,7 +337,9 @@ export const sendNewsletterConfirmationEmail = async (email) => {
           <!-- En-tête avec Logo -->
           <div class="header">
             <div class="logo-container">
-              <div class="logo-icon">🍃</div>
+              <div class="logo-image">
+                <div class="logo-icon">🍃</div>
+              </div>
               <div class="logo-text">Thé Tip Top</div>
             </div>
             <div class="header-subtitle">Newsletter Jeu Concours</div>