diff --git a/app/assets/javascripts/redactor_plugins/fontcolor.js b/app/assets/javascripts/redactor_plugins/fontcolor.js
index b6ff68a..6fd0e48 100755
--- a/app/assets/javascripts/redactor_plugins/fontcolor.js
+++ b/app/assets/javascripts/redactor_plugins/fontcolor.js
@@ -6,7 +6,7 @@ RedactorPlugins.fontcolor = function()
 		init: function()
 		{
 			var colors = [
-				'#2dadb1', '#ff9900', '#006666', '#999999', '#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
+				'#006666', '#2dadb1', '#ff9900', '#006666', '#999999', '#ffffff', '#000000', '#eeece1', '#1f497d', '#4f81bd', '#c0504d', '#9bbb59', '#8064a2', '#4bacc6', '#f79646', '#ffff00',
 				'#f2f2f2', '#7f7f7f', '#ddd9c3', '#c6d9f0', '#dbe5f1', '#f2dcdb', '#ebf1dd', '#e5e0ec', '#dbeef3', '#fdeada', '#fff2ca',
 				'#d8d8d8', '#595959', '#c4bd97', '#8db3e2', '#b8cce4', '#e5b9b7', '#d7e3bc', '#ccc1d9', '#b7dde8', '#fbd5b5', '#ffe694',
 				'#bfbfbf', '#3f3f3f', '#938953', '#548dd4', '#95b3d7', '#d99694', '#c3d69b', '#b2a2c7', '#b7dde8', '#fac08f', '#f2c314',
diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index e81a84f..795f825 100644
--- a/app/assets/stylesheets/public.scss
+++ b/app/assets/stylesheets/public.scss
@@ -80,6 +80,11 @@ $blue :#2dadb1;
     margin-left: 0px;
     margin-right: 0px;
 }
+#nous-bloc{
+  .center{
+    max-width:1250px;
+  }
+}
 #services-bloc{
   background: rgba(112,112,112,1);
   background: -moz-radial-gradient(center, ellipse cover, rgba(112,112,112,1) 0%, rgba(56,56,56,1) 100%);
@@ -161,8 +166,8 @@ a{
   color:black;
 }
 .center{
-  max-width:1450px;
-  padding:0 20px;
+  max-width:1100px;
+  padding:0 70px;
   margin:auto;
 }
 
@@ -259,12 +264,13 @@ h3{
 }
 #home_top{
   
-  background:url('/Image-home.png') no-repeat center center;
+  background:url('/Image-Home.jpg') no-repeat center center;
   background-size:100%;
   background-size:cover;
   padding-top:1px;
   height:850px;
   position:relative;
+  color:white;
   .inner{
     margin-top:150px;
 
@@ -272,17 +278,19 @@ h3{
     h1{
       text-transform:none;
       font-weight:500;
-      font-size:35px;
+      font-size:26px;
+      color:white;
       span{
         display:block;
         font-weight:500;
         font-size:1.6em;
+        color:white;
         
       }
     }
     p{
       max-width:550px;
-      color:black;
+      color:white;
     }
     
     
@@ -294,6 +302,14 @@ h3{
   background-color: #EBEBED;
   padding:1px;
   padding: 40px 0;
+  
+  table{
+    margin:auto;
+    td{
+      padding:0 10px;
+    }
+    
+  }
   .row{
     margin:0;
   }
@@ -302,6 +318,8 @@ h3{
     color:$blue;
     margin-bottom:50px;
     font-size:30px;
+    text-align:center;
+    padding-bottom:20px;
   }
   
   .idn_sign{
diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml
index 81fbc48..84f5a6b 100644
--- a/app/views/layouts/public.html.haml
+++ b/app/views/layouts/public.html.haml
@@ -77,8 +77,8 @@
           .center
             .inner
               %h1
-                L'agence de communication globale
-                %span toujours en mouvement !
+                l’agence de communication globale, 
+                %span créateur d’ondes positives ! 
               %p
                 Nous travaillons de la conception à la réalisation de votre identité visuelle
                 %br
@@ -99,27 +99,26 @@
         =image_tag "/tete-section.png", :style => "width:300px"
       %h2{:style => "text-align:center;"} Contact
         
-      %div{:style => "padding:30px 0"}
+      %div{:style => "padding:30px 0;padding-top:0"}
         %h3 Vous voulez travailler avec nous ?
         .row
           .columns.span_6
             .row
-              .columns.span_5
-                .tel_panel
-                  =image_tag "/icone-telephone.png", :style => "float:left;margin-right:10px;"
-                  %p
+              %table
+                %tr
+                  %td
+                    =image_tag "/icone-telephone.png"
+                  %td
                     09 50 11 76 71
                     %br
                     06 62 95 47 70
-              .columns.span_2
-                %p{:style => "text-align:center;"}
-                  ou
-              .columns.span_5
-                %p{:style => "text-align:center;"}
-                  =image_tag "/icone-mail.png"
-                
+                  %td
+                    ou
+                  %td
+                    =image_tag "/icone-mail.png"
+              
             .row.idn_sign
-              .columns.span_5{:style => "width:190px;"}
+              .columns.span_5{:style => "width:170px;"}
                 =image_tag "/Logo-IDN-Contact.png"
               .columns.span_7
                 %strong
diff --git a/public/Image-home.jpg b/public/Image-home.jpg
new file mode 100755
index 0000000..75bb973
Binary files /dev/null and b/public/Image-home.jpg differ
diff --git a/public/Image-home.png b/public/Image-home.png
deleted file mode 100755
index b736521..0000000
Binary files a/public/Image-home.png and /dev/null differ