diff --git a/config.toml b/config.toml
index 59c0fd0..819b896 100644
--- a/config.toml
+++ b/config.toml
@@ -12,6 +12,7 @@ theme = ["osm", "beautifulhugo"]
 metaDataFormat = "yaml"
 pygmentsUseClasses = true
 pygmentCodeFences = true
+
 #disqusShortname = "XXX"
 #googleAnalytics = "XXX"
 
diff --git a/content/page/exemple.md b/content/page/exemple.md
index 6f064f2..4873250 100644
--- a/content/page/exemple.md
+++ b/content/page/exemple.md
@@ -1,3 +1,3 @@
 #### OPENSTREET MAP EXEMPLE 
 
-{{< openstreetmap mapName="cnam_859513" >}}
+<!-- {{< openstreetmap mapName="cnam_859513" >}} -->
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..8f3419d
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,12 @@
+version: '3.9'
+
+services:
+
+  hugo:
+    image: nginx:alpine
+    container_name: hugo-site
+    volumes:
+      - ./nginx-proxy:/etc/nginx/conf.d
+      - ./public:/var/www/html
+    ports:
+      - 6060:80
diff --git a/themes/beautifulhugo/layouts/_default/single.html b/themes/beautifulhugo/layouts/_default/single.html
index 046ca3f..6930490 100644
--- a/themes/beautifulhugo/layouts/_default/single.html
+++ b/themes/beautifulhugo/layouts/_default/single.html
@@ -2,6 +2,7 @@
 <div class="container" role="main">
   <div class="row">
     <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+      <div class="well">
       <article role="main" class="blog-post">
         {{ .Content }}
 
@@ -86,4 +87,5 @@
     </div>
   </div>
 </div>
+</div>
 {{ end }}
diff --git a/themes/beautifulhugo/static/css/main.css b/themes/beautifulhugo/static/css/main.css
index 7f30a3f..e79cf81 100644
--- a/themes/beautifulhugo/static/css/main.css
+++ b/themes/beautifulhugo/static/css/main.css
@@ -12,8 +12,8 @@ body {
 }
 @media (prefers-color-scheme: dark) {
   body {
-    background: black;
-    color: white;
+    background: #F5F5F5;
+    color: black;
   }
 }
 .container[role=main] {
@@ -31,6 +31,7 @@ body {
 p {
   line-height: 1.5;
   margin: 6px 0;
+  text-align: center;
 }
 p + p {
     margin: 24px 0 6px 0;
@@ -48,6 +49,7 @@ p a {
 h1,h2,h3,h4,h5,h6 {
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-weight: 800;
+  text-align: center;
 }
 a {
   color: #008AFF;
@@ -162,7 +164,7 @@ figure:not(.dark) img, img.white {
 }
 @media (prefers-color-scheme: dark) {
   .navbar-custom {
-    background: #505050;
+    background: #F5F5F5;
     border-bottom: 1px solid #AAA;
   }
 }
@@ -337,7 +339,7 @@ figure:not(.dark) img, img.white {
 }
 @media (prefers-color-scheme: dark) {
   .navbar-custom .nav .navlinks-container:hover {
-    background: #666;
+    background: #F5F5F5;
   }
   .navbar-custom .nav .navlinks-container .navlinks-children a {
     border: 1px solid #AAA;
@@ -358,8 +360,7 @@ footer {
 }
 
 footer a {
-  color: #404040;
-
+  color: #F5F5F5;
 }
 
 footer .list-inline {
@@ -390,7 +391,7 @@ footer .theme-by {
 
 @media (prefers-color-scheme: dark) {
   footer {
-    background: #444;
+    background: #F5F5F5;
     border-top: 1px #AAA solid;
   }
   footer a {
@@ -910,7 +911,7 @@ h4.see-also {
     color: #ccc;
   }
   .well {
-    background-color: #444;
+    background-color: #ccc;
   }
   .panel {
     background-color: #222;