diff --git a/css/_variables.scss b/css/_variables.scss
index 7d579da..4316f84 100644
--- a/css/_variables.scss
+++ b/css/_variables.scss
@@ -1,16 +1,19 @@
 $couleur-texte : black;
 $dark: #595959;
 //$fond-menu: #3b3f8a; bleu-violet plus foncé
-$fond-menu: #478E7E;
-// vert gris du tableau de Rousseau : #46735C
+//$fond-menu: #478E7E; vert-bleu plus foncé
+$fond-menu: #087f52;
+
 //$couleur-liens : #dc7544; orange moins vif
-$couleur-liens : #f67638;
+$couleur-liens: #dd7f51;
+// $couleur-liens : #f67638; orange vif
 $gris-moyen : #7d7d7d;
 $gris-clair : #f2f2f2;
 $page-active-clair: #fff99d;
 $page-active: #ffb284;
 //$fond-footer: #464ba3; bleu-violet
-$fond-footer: #4B9886;
+//$fond-footer: #4B9886; vert-bleu
+$fond-footer: #3E8050;
 //$titres-footer : #4B9886; vert plus clair
 $titres-footer : #ffb284;
 $fond-formulaires: rgba(255,255,255,0.8);
@@ -22,8 +25,9 @@ $bg-presentation: url('../images/bg-gris-vert2.jpg');
 $bg-texte-presentation: url('../images/bg-encadre-blanc3.jpg');
 $bg-mis-en-avant: url('../images/fond-une-jaune.jpg');
 $bg-a-la-une: url('../images/bg-web.jpg');
-$bg-nous-contacter: url('../images/Fond-contact-bleuvert.jpg');
+$bg-nous-contacter: url('../images/Fond-contact-vert.jpg');
 // $bg-diapo: rgba(255,243,219,0.75); plus jaune et transparent
 $bg-diapo : rgba(255,255,255,0.55);
 // $bg-diapo-texte: rgba(0,13,158,0.65);
-$bg-diapo-texte: #478E7E;
\ No newline at end of file
+// $bg-diapo-texte: #478E7E; vert-bleu
+$bg-diapo-texte: #0c8d5c
\ No newline at end of file
diff --git a/css/mon_site.css b/css/mon_site.css
index 906d5ce..017bd29 100644
--- a/css/mon_site.css
+++ b/css/mon_site.css
@@ -11933,7 +11933,7 @@ h1, .h1, h2, .h2, h3, .h3, h4, .h4, legend,
 /* liens */
 a, a:hover {
   text-decoration: none;
-  color: #f67638;
+  color: #dd7f51;
 }
 
 /* images */
@@ -11962,7 +11962,7 @@ img {
 }
 
 .pagination strong, .pagination .lien_pagination {
-  background-color: #4B9886;
+  background-color: #3E8050;
   padding: 0.5rem 1rem;
   border-radius: 0.2rem;
 }
@@ -12000,7 +12000,7 @@ body {
 /**********************************************************************/
 #menu-principal {
   padding: 1rem 2rem;
-  background-color: #478E7E;
+  background-color: #087f52;
   -webkit-transition: all 1s;
   transition: all 1s;
 }
@@ -12121,7 +12121,7 @@ body {
 }
 
 .a-la-une {
-  color: #478E7E;
+  color: #0c8d5c;
 }
 
 #agenda, .dernieres-nouvelles {
@@ -12138,7 +12138,7 @@ body {
 #agenda .h3, .dernieres-nouvelles .h3 {
   font-weight: 700;
   margin: 1.5rem;
-  color: #478E7E;
+  color: #0c8d5c;
 }
 
 #agenda .h5, .dernieres-nouvelles .h5 {
@@ -12148,7 +12148,7 @@ body {
 .dernieres-nouvelles {
   text-align: left;
   padding: 0 1.2rem;
-  border-left: solid 1px #f67638;
+  border-left: solid 1px #dd7f51;
 }
 
 .agenda-evenement {
@@ -12211,11 +12211,11 @@ body {
 }
 
 .bloc-ville:hover div {
-  color: #f67638;
+  color: #dd7f51;
 }
 
 #nous-contacter {
-  background: url("../images/Fond-contact-bleuvert.jpg");
+  background: url("../images/Fond-contact-vert.jpg");
   background-size: cover;
   padding: 4rem 0 3rem 0;
 }
@@ -12279,7 +12279,7 @@ body {
 }
 
 .diapo-texte {
-  background-color: #478E7E;
+  background-color: #0c8d5c;
   padding: 2rem;
   align-self: center;
   width: 70%;
@@ -12287,7 +12287,7 @@ body {
 }
 
 .diapo-bouton {
-  background-color: #478E7E;
+  background-color: #0c8d5c;
   border: solid 2px white;
   border-radius: 0.2rem;
   padding: 0.5rem 2rem;
@@ -12333,7 +12333,7 @@ body {
 /***************************** FOOTER *********************************/
 /**********************************************************************/
 #footer-infos {
-  background: #4B9886;
+  background: #3E8050;
   padding: 3rem 0;
 }
 
@@ -12359,7 +12359,7 @@ body {
 }
 
 .footer .footer-options {
-  background: #4B9886;
+  background: #3E8050;
   padding: 2rem 0;
 }
 
@@ -12423,7 +12423,7 @@ body {
 }
 
 .page_sommaire .footer-options h4, .page_sommaire #footer-infos h4 {
-  color: #4B9886;
+  color: #3E8050;
 }
 
 .page_sommaire .footer-options a:not(.login_modal), .page_sommaire #footer-infos a:not(.login_modal) {
@@ -12434,7 +12434,7 @@ body {
 /************************ PAGE ASSOCIATION ****************************/
 /**********************************************************************/
 #menu-association, #menu-methode, #menu-groupes, #menu-medias {
-  background: #f67638;
+  background: #dd7f51;
   margin: 1rem 0;
   border-radius: 0.2rem;
   padding: 0;
@@ -12569,7 +12569,7 @@ body {
 }
 
 .formulaire_spip .boutons .submit, .formulaire_spip .boutons .btn_editer, .boutons .submit, .boutons .btn_editer {
-  background-color: #4B9886;
+  background-color: #3E8050;
   color: #f8f9fa;
   padding: 1rem;
   line-height: 1rem;
@@ -12586,7 +12586,7 @@ body {
 }
 
 .formulaire_spip .boutons .btn_login, .boutons .btn_login {
-  background-color: #f67638;
+  background-color: #dd7f51;
   color: #333;
 }
 
@@ -12596,7 +12596,7 @@ body {
 }
 
 .btn.bouton-login {
-  background: #f67638;
+  background: #dd7f51;
   border-radius: 0.2rem;
   color: #333 !important;
 }
@@ -12815,7 +12815,7 @@ body {
 }
 
 #page-contact .formulaire_nous_contacter input.submit {
-  background-color: #4B9886;
+  background-color: #3E8050;
   color: #f8f9fa;
   padding: 1rem;
   line-height: 1rem;
diff --git a/images/Fond-contact-vert.jpg b/images/Fond-contact-vert.jpg
new file mode 100644
index 0000000..6c2810e
Binary files /dev/null and b/images/Fond-contact-vert.jpg differ