diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index 682cbdc..5687c33 100644
--- a/app/assets/stylesheets/public.scss
+++ b/app/assets/stylesheets/public.scss
@@ -45,6 +45,7 @@ $blue :#2dadb1;
   right:0;
   bottom:0;
   .close_popup{
+    z-index:6;
     position:absolute;
     top:-20px;
     left:-20px;
@@ -56,12 +57,12 @@ $blue :#2dadb1;
     background:white;
     
     margin:auto;
-    max-width:800px;
+    max-width:850px;
     
     position:relative;
     
     .inner{
-      padding:20px;
+      padding:0px;
       overflow:auto;
       position:absolute;
       top:0;
diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml
index 0e4ad84..6341471 100644
--- a/app/views/layouts/public.html.haml
+++ b/app/views/layouts/public.html.haml
@@ -1,6 +1,6 @@
 -@lang = @lang || LangSite.first
 -if !@facebook_img or @facebook_img == ""
-  -@facebook_img= ""
+  -@facebook_img= "/Image-home.jpg"
 !!!
 -if @description and @description == ""
   - @description = ""
@@ -16,6 +16,36 @@
     %meta{ :"name" => "Keywords", :content => @keywords }  
     
   
+  
+    =raw '<meta property="og:title" content="'+@title.to_s+'" />'
+    =raw '<meta property="og:description" content="'+@description.to_s+'" />'
+    -if @facebook_img
+      =raw '<meta property="og:image" content="http://idn.quartz.xyz'+@facebook_img.to_s+'"/>'
+      =raw '<link rel="image_src" href="http://idn.quartz.xyz'+@facebook_img.to_s+'"/>'
+      
+      =raw '<meta name="twitter:card" content="summary_large_image">'
+      
+      =raw '<meta property="twitter:description" content="'+((@description and @description != "") ? @description : "En savoir plus :").to_s+'"/>'
+      =#raw '<meta property="twitter:description" content="'+@description.to_s+'"/>'
+      =raw '<meta property="twitter:title" content="'+@title.to_s+'"/>'
+      =raw '<meta property="twitter:site" content="@onevoiceplanet"/>'
+      =raw '<meta property="twitter:creator" content="@onevoiceplanet"/>'
+      =raw '<meta property="twitter:url" content="'+request.url.to_s+'"/>'
+      
+      
+      =raw '<meta property="twitter:image" content="http://idn.quartz.xyz'+@facebook_img.to_s+'"/>'
+      
+     
+      
+      
+      -@img_size = FastImage.size('http://idn.quartz.xyz'+@facebook_img.to_s)
+      
+      -if @img_size and @img_size.size > 0
+        =raw '<meta property="og:image:width" content="'+@img_size[0].to_s+'"/>'
+        =raw '<meta property="og:image:height" content="'+@img_size[1].to_s+'"/>'
+    
+  
+  
     = javascript_include_tag "public"
     
     = csrf_meta_tag 
@@ -25,6 +55,7 @@
     = stylesheet_link_tag '/fonts/Stylograph/stylesheet.css' 
     
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
+    <link rel="icon" type="image/png" href="/favicon.png">
     
 
     =javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false&region=FR"
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..8404e6f
Binary files /dev/null and b/public/favicon.png differ