diff --git a/Yavsc/Views/Blogspot/Details.cshtml b/Yavsc/Views/Blogspot/Details.cshtml
index 4858509b..7af5b153 100644
--- a/Yavsc/Views/Blogspot/Details.cshtml
+++ b/Yavsc/Views/Blogspot/Details.cshtml
@@ -12,7 +12,7 @@
 
     </h1>
     <hr />
-    <div markdown="@Model.Content" site="SiteSettings.Value"></div>
+    <div markdown="@Model.Content" site="SiteSettings.Value" class="blog"></div>
    <hr/>
 
 <div class="meta"> 
diff --git a/Yavsc/Views/Home/Index.cshtml b/Yavsc/Views/Home/Index.cshtml
index 344e710b..a705df4c 100755
--- a/Yavsc/Views/Home/Index.cshtml
+++ b/Yavsc/Views/Home/Index.cshtml
@@ -49,7 +49,4 @@
         <span class="sr-only">Suivant</span>
     </a>
 </div>
-<environment names="Lua,Development">
-<div class="change-embed-petition" data-petition-id="9084164"></div>
-<script src="https://static.change.org/product/embeds/v1/change-embeds.js" type="text/javascript"></script>
-</environment>
+
diff --git a/Yavsc/Views/Shared/_Layout.cshtml b/Yavsc/Views/Shared/_Layout.cshtml
index fb1be114..42103f89 100755
--- a/Yavsc/Views/Shared/_Layout.cshtml
+++ b/Yavsc/Views/Shared/_Layout.cshtml
@@ -62,6 +62,10 @@
         </main>
         <hr />
         <footer>
+            <environment names="Lua,Development">
+    <p><em>Site de développement</em></p>
+</environment>
+
                 <script>
   window.fbAsyncInit = function() {
     FB.init({
@@ -88,6 +92,7 @@
 
 
             <p>Yavsc - Copyright &copy; 2016 - 2017 Paul Schneider</p>
+
         </footer>
         @RenderSection("scripts", required: false)
 
diff --git a/Yavsc/wwwroot/css/site.css b/Yavsc/wwwroot/css/site.css
index ebd8402a..986960b2 100755
--- a/Yavsc/wwwroot/css/site.css
+++ b/Yavsc/wwwroot/css/site.css
@@ -3,11 +3,11 @@
 /* Set some basic padding to keep content from hitting the edges */
 
 body {
-  color: #000;
-  background-color: #888;
+  color: #fff;
+  background-color: #210912;
 }
 
-.blogbody {
+.blog {
     padding-left: 15px;
     padding-right: 15px;
   color: #000;
@@ -23,13 +23,13 @@ select,
 }
 
 a {
-  color: #300000;
+  color: #9ff;
   font-weight: 900;
 }
 a:active,
 a:hover {
   outline: 0;
-  color: #401515;
+  color: #a05050;
 }
 /* Set widths on image and video, since otherwise they use their native resolution */
 
@@ -46,11 +46,11 @@ a:hover {
     text-decoration-line: overline;
     text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.8);
     -webkit-text-shadow: inset 0 3px 5px rgb(0, 0, 0);
-    color: white;
-    margin:0;
+    color: black;
+    margin:0.5em;
     padding:.5em;
     animation: mymove 3s infinite;
-    background-color: rgba(0,0,0,.4);
+    background-color: rgba(256,256,256,.4);
 }
 
 .carousel-caption-s {
@@ -61,13 +61,13 @@ a:hover {
   padding-top: 20px;
   padding-bottom: 20px;
   text-align: center;
-  text-shadow: 0 2px 4px rgba(0, 0, 0, .6);
+  text-shadow: 0 4px 8px rgba(0, 0, 0, .6);
   height: 16em;
   overflow: auto;
 }
 .carousel-inner .item {
     background-color: #301010;
-    color: #90FFFF;
+    color: #FF8;
 }
 .carousel-indicators {
     position: absolute;
@@ -119,7 +119,7 @@ footer {
 }
 
 nav {
-    background: url('/images/booking/musique-2.jpg') 0% 50%;
+    background: url('/images/arts/musique-3.jpg') 0% 50%;
 }
 
 footer {
diff --git a/Yavsc/wwwroot/images/arts/musique-3.jpg b/Yavsc/wwwroot/images/arts/musique-3.jpg
new file mode 100644
index 00000000..b2e376d3
Binary files /dev/null and b/Yavsc/wwwroot/images/arts/musique-3.jpg differ