diff --git a/src/source/images/banner.png b/src/source/images/banner.png
new file mode 100644
index 0000000..78be32b
Binary files /dev/null and b/src/source/images/banner.png differ
diff --git a/src/source/images/logobanner.png b/src/source/images/logobanner.png
new file mode 100644
index 0000000..6df2d7f
Binary files /dev/null and b/src/source/images/logobanner.png differ
diff --git a/src/source/index.html.erb b/src/source/index.html.erb
index 15b1cbd..d50df2d 100644
--- a/src/source/index.html.erb
+++ b/src/source/index.html.erb
@@ -3,9 +3,10 @@ title: Welcome to Project NextLeap
 no_footer: true
 ---
 
-<div class="callout large">
+<div class="callout large header-callout">
+
   <div class="row column text-center nextleap-callout">
-  <%= image_tag 'nextleap_logo.png', :resize_to => '400'%>
+  <%= image_tag 'logobanner.png', :resize_to => '700'%>
     <%= image_tag 'texte_intro.png', :resize_to => '900'%>
   </div>
 </div>
diff --git a/src/source/stylesheets/_settings.scss b/src/source/stylesheets/_settings.scss
index 93994ea..73f430a 100644
--- a/src/source/stylesheets/_settings.scss
+++ b/src/source/stylesheets/_settings.scss
@@ -47,7 +47,7 @@
 $global-font-size: 90%;
 $global-width: rem-calc(1000);
 $global-lineheight: 1.3;
-$primary-color:#00ACDE;
+$primary-color:#63346E;
 $secondary-color: #777;
 $success-color: #3adb76;
 $warning-color: #ffae00;
@@ -118,7 +118,7 @@ $header-sizes: (
     'h6': 16,
   ),
 );
-$header-color: #FF6054;
+$header-color: #63346E;
 $header-lineheight: 1.4;
 $header-margin-bottom: 0.5rem;
 $header-text-rendering: optimizeLegibility;
@@ -149,7 +149,7 @@ $list-nested-side-margin: 1.25rem;
 $defnlist-margin-bottom: 1rem;
 $defnlist-term-weight: $global-weight-bold;
 $defnlist-term-margin-bottom: 0.3rem;
-$blockquote-color: #00ACDE;
+$blockquote-color: #63346E;
 $blockquote-padding: rem-calc(3 20 0 19);
 $blockquote-border: Opx solid $medium-gray;
 $cite-font-size: rem-calc(13);
@@ -254,7 +254,7 @@ $buttongroup-expand-max: 6;
 // 13. Callout
 // -----------
 
-$callout-background: #00ACDE;
+$callout-background: #FFFFFF;
 $callout-background-fade: 0%;
 $callout-border: 1px solid rgba($black, 0.25);
 $callout-margin: 0 0 1rem 0;
diff --git a/src/source/stylesheets/screen.css.sass b/src/source/stylesheets/screen.css.sass
index ce23f5d..bc2ec7f 100644
--- a/src/source/stylesheets/screen.css.sass
+++ b/src/source/stylesheets/screen.css.sass
@@ -39,4 +39,7 @@ $eu-gold: #FFCC00
 .thumbnail-home
     margin-right: 1rem
     margin-bottom: 1rem
-    
+
+.header-callout
+    background-image: url("/images/banner.png")
+    background-size: 100%