diff --git a/app/assets/javascripts/application.js.coffee b/app/assets/javascripts/application.js.coffee
index 916e04a..7f1e82c 100644
--- a/app/assets/javascripts/application.js.coffee
+++ b/app/assets/javascripts/application.js.coffee
@@ -15,135 +15,7 @@ prev_link = ""
 $ ->  
   $(".top_link").click ->
     $('html,body').animate({scrollTop: 0},'slow');
-  position_img_now = ->
-    
-    
-    
-   # alert $("#large .large-img").outerHeight(false)
-    
-    imgheight = $("#large .large-img").outerHeight(false) + $("#large h3").outerHeight(false) 
-    
-     
-    margintop = (( $(window).height() - imgheight) / 2 )
-   
-    $("#large .large-img").css
-      "margin-top" :(margintop+"px")
-      #"width" : "100px"
-
-    
-    
-  position_img = ->
-    $("#large .large-img").one "load", ->
-      
-      position_img_now()
-      
-  $(".rea-gal a").click ->
-    maxwidth = 1000
-    maxheight = 900
-    
-    
-    
-    
-    
-    prev_link = $(this)
-    $("body").append "<div id='large'></div>"
-    title = false
-    
-    
-    $("#large").append "<img src='/arrow-next.png' class='next' />"
-    $("#large").append "<img src='/arrow-prev.png' class='prev' />"
-    $("#large").append "<img src='/close.png' class='close_link' />"
-    
-    $("#large").append "<div class='img_container first'></div>"
-    $(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
-    
-    if $(this).attr "title"
-      title = $(this).attr "title"
-      $(".img_container.first").append "<h3>"+title+"</h3>"
-      
-    $("#large .large-img").one "load", ->
-      $("#large").fadeIn(500)
-    position_img();
-    if $(window).height() > (maxheight+100)
-      $("#large .large-img").css
-        "max-height" : maxheight
-    else
-      $("#large .large-img").css
-        "max-height" : "85%"
-        
-    if $(window).width() > (maxwidth+100)
-      $("#large .large-img").css
-        "max-width" : maxwidth
-    else
-      $("#large .large-img").css
-        "max-width" : "85%"
-    
-    position_img();
-    
-    
-    false
   
-  
-  
-  $("body").on "click", "#large", ->
-    $(this).fadeOut 300, ->
-      $(this).remove()
-    
-    
-  $("body").on "click" ,"#large .prev",->
-    
-    if prev_link.prev("a").length > 0
-      link = prev_link.closest("a").prev("a")
-      
-      
-      
-    else
-      link = prev_link.closest("div").children("a:last")
-    
-   
-    #titre = photo.find("h3")
-    $(".img_container.first").fadeOut 300, ->
-      $("#large h3").remove()
-      if link.attr "title"
-        title = link.attr "title"
-        $(".img_container.first").append "<h3>"+title+"</h3>"
-      
-      
-      $('#large .large-img').attr("src", link.attr("href"))
-      $("#large .large-img").one "load", ->
-        $(".img_container.first").fadeIn()
-      position_img();
-    prev_link = link
-    
-    false
-  
-  
-  $("body").on "click" ,"#large .next",->
-    
-    if prev_link.next("a").length > 0
-      link = prev_link.closest("a").next("a")
-      
-      
-      
-    else
-      link = prev_link.closest("div").children("a:first")
-    
-   
-    #titre = photo.find("h3")
-    
-    $(".img_container.first").fadeOut 300, ->
-      $("#large h3").remove()
-      if link.attr "title"
-        title = link.attr "title"
-        $(".img_container.first").append "<h3>"+title+"</h3>"
-      
-      $('#large .large-img').attr("src", link.attr("href"))
-      $("#large .large-img").one "load", ->
-        $(".img_container.first").fadeIn()
-      position_img();
-    prev_link = link
-    
-    false
 
   resize = ->
   
diff --git a/app/assets/javascripts/popover.coffee b/app/assets/javascripts/popover.coffee
index e69de29..0ae36b1 100644
--- a/app/assets/javascripts/popover.coffee
+++ b/app/assets/javascripts/popover.coffee
@@ -0,0 +1,273 @@
+bottom = 0
+prev_link = ""
+
+$("document").ready ->
+  
+  position_img_now = ->
+    
+    
+    
+   # alert $("#large .large-img").outerHeight(false)
+    
+    imgheight = $("#large .large-img").outerHeight(false) + $("#large h3").outerHeight(false) 
+    
+     
+    margintop = (( $(window).height() - imgheight) / 2 )
+   
+    $("#large .large-img").css
+      "margin-top" :(margintop+"px")
+      #"width" : "100px"
+
+    
+    
+  position_img = ->
+    $("#large .large-img").one "load", ->
+      
+      position_img_now()
+    
+  
+  
+  $(".video_expand").click ->
+    maxwidth = 1000
+    maxheight = 900
+
+    
+    
+    
+    prev_link = $(this)
+    $("body").append "<div id='large'></div>"
+    title = false
+
+    
+    $("#large").append "<div class='img_container first video_container' style='width:90%;margin:auto;'></div>"
+    $("#large").append "<img src='/close.png' class='close_link' />"
+    if $(this).data("video-type") == "youtube"
+      $(".img_container.first").append '<div class="video-container"><iframe width="1000" height="563" src="'+$(this).data("video-url")+'" frameborder="0" allowfullscreen></iframe></div>'
+    else if $(this).data("video-type") == "vimeo"
+      $(".img_container.first").append '<div class="video-container"><iframe src="'+$(this).data("video-url")+'" width="1920" height="1080" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>'
+    
+    $(".img_container.first").append "<div class='links'>"+$(this).data("twitter-link")+$(this).data("facebook-link")+"<div>"
+    $(".img_container.first").append "<h3>"+$(this).data("video-title")+"</h3>"
+    $(".img_container.first").append "<div class='description'>"+$(this).data("video-description")+"</div>"
+    $(".img_container.first").append "<div class='clear'></div>"
+    
+      
+    
+    $("#large").fadeIn(500)
+    position_img();
+    if $(window).height() > (maxheight+100)
+      $("#large .large-img").css
+        "max-height" : maxheight
+    else
+      $("#large .large-img").css
+        "max-height" : "85%"
+        
+    if $(window).width() > (maxwidth+100)
+      $("#large .large-img").css
+        "max-width" : maxwidth
+    else
+      $("#large .large-img").css
+        "max-width" : "85%"
+    popover_resize();
+    
+    $("#large .img_container.first").css
+      "padding-top": (($(window).height()- $("#large .img_container.first iframe").height()-50)/ 2)+"px"
+    #position_img();
+    
+    
+    false
+  
+  
+  $(".expandable_image").click ->
+    maxwidth = 1000
+    maxheight = 900
+    alert "t"
+
+    
+    
+    prev_link = $(this)
+    $("body").append "<div id='large'></div>"
+    title = false
+    alert "te"
+    
+    
+    $("#large").append "<div class='img_container first'></div>"
+    $("#large").append "<img src='/close.png' class='close_link' />"
+    $(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
+    
+    if $(this).attr "title"
+      title = $(this).attr "title"
+      $(".img_container.first").append "<h3>"+title+"</h3>"
+      
+    $("#large .large-img").one "load", ->
+      $("#large").fadeIn(500)
+    position_img();
+    if $(window).height() > (maxheight+100)
+      $("#large .large-img").css
+        "max-height" : maxheight
+    else
+      $("#large .large-img").css
+        "max-height" : "85%"
+        
+    if $(window).width() > (maxwidth+100)
+      $("#large .large-img").css
+        "max-width" : maxwidth
+    else
+      $("#large .large-img").css
+        "max-width" : "85%"
+    
+    position_img();
+    
+    alert "t"
+    false
+  
+  
+  $(".rea-gal a").click ->
+    maxwidth = 1000
+    maxheight = 900
+    
+    
+    prev_link = $(this)
+    $("body").append "<div id='large'></div>"
+    title = false
+    
+        
+    $("#large").append "<img src='/arrow-next.png' class='next' />"
+    $("#large").append "<img src='/arrow-prev.png' class='prev' />"
+    $("#large").append "<img src='/close.png' class='close_link' />"
+    
+    $("#large").append "<div class='img_container first'></div>"
+    $(".img_container.first").append "<img src="+$(this).attr("href")+" class='large-img' />"
+    
+    if $(this).attr "title"
+      title = $(this).attr "title"
+      $(".img_container.first").append "<h3>"+title+"</h3>"
+      
+    $("#large .large-img").one "load", ->
+      $("#large").fadeIn(500)
+    position_img();
+    if $(window).height() > (maxheight+100)
+      $("#large .large-img").css
+        "max-height" : maxheight
+    else
+      $("#large .large-img").css
+        "max-height" : "85%"
+        
+    if $(window).width() > (maxwidth+100)
+      $("#large .large-img").css
+        "max-width" : maxwidth
+    else
+      $("#large .large-img").css
+        "max-width" : "85%"
+    
+    position_img();
+    
+    
+    false
+  
+  
+  
+  $("body").on "click", "#large", ->
+    $(this).fadeOut 300, ->
+      $(this).remove()
+    
+    
+  $("body").on "click" ,"#large .prev",->
+    
+    if prev_link.prev("a").length > 0
+      link = prev_link.closest("a").prev("a")
+      
+      
+      
+    else
+      link = prev_link.closest("div").children("a:last")
+    
+   
+    #titre = photo.find("h3")
+    $(".img_container.first").fadeOut 300, ->
+      $("#large h3").remove()
+      if link.attr "title"
+        title = link.attr "title"
+        $(".img_container.first").append "<h3>"+title+"</h3>"
+      
+      
+      $('#large .large-img').attr("src", link.attr("href"))
+      $("#large .large-img").one "load", ->
+        $(".img_container.first").fadeIn()
+      position_img();
+    prev_link = link
+    
+    false
+  
+  
+  $("body").on "click" ,"#large .next",->
+    
+    if prev_link.next("a").length > 0
+      link = prev_link.closest("a").next("a")
+      
+      
+      
+    else
+      link = prev_link.closest("div").children("a:first")
+    
+   
+    #titre = photo.find("h3")
+    
+    $(".img_container.first").fadeOut 300, ->
+      $("#large h3").remove()
+      if link.attr "title"
+        title = link.attr "title"
+        $(".img_container.first").append "<h3>"+title+"</h3>"
+      
+      $('#large .large-img').attr("src", link.attr("href"))
+      $("#large .large-img").one "load", ->
+        $(".img_container.first").fadeIn()
+      position_img();
+    prev_link = link
+    
+    false
+  
+  
+
+  left =0
+  
+  top = 0
+  offset= 0
+  
+  popover_resize = ->
+    
+
+    
+ 
+    
+
+        
+    $(".rea-gal").each ->
+      
+      $(this).find("img").css "width", Math.floor(((100) )/ 5)+"%"
+    
+    
+    $("#large").css "min-height", ($(window).height()-30)+"px"
+  
+    $(".slider").each ->
+      $(this).css({"width": $(window).width()+"px"})
+    
+      height = ($(window).height())
+      optimal_height = Math.round($(this).width()/ 1.66)
+      if optimal_height < height
+        height = optimal_height
+  
+      $(this).css({"height": height+"px"})
+
+    
+    position_img_now();
+  
+ 
+  
+  
+  popover_resize()
+  
+  $(window).on "popover_resize", ->
+    popover_resize()
+  
+    
\ No newline at end of file
diff --git a/app/assets/stylesheets/public.scss b/app/assets/stylesheets/public.scss
index 18e2b0f..8126a39 100644
--- a/app/assets/stylesheets/public.scss
+++ b/app/assets/stylesheets/public.scss
@@ -61,7 +61,7 @@ h3{
     text-align:left;
   	padding:1em 2em;
     padding-right:3em;
-    background:rgba(255,255,255,0.98);
+    background:rgba(255,255,255,0.85);
     max-width:920px;
     position:absolute;
     right:0px;
diff --git a/app/views/layouts/public.html.haml b/app/views/layouts/public.html.haml
index 5a05466..610128d 100644
--- a/app/views/layouts/public.html.haml
+++ b/app/views/layouts/public.html.haml
@@ -43,7 +43,8 @@
 
             .slides
               %ul.slides-container
-    
+                %li
+                  =image_tag "/slide4.jpg"
                 %li
                   =image_tag "/slide1.jpg"
   
@@ -182,6 +183,16 @@
           %br
           N° Siret :  430 323 113 00018
           
+          <div id="TA_rated112" class="TA_rated">
+          <ul id="AYEEGPis7XY" class="TA_links 5bGPNUBZG96O">
+          <li id="DifinugB9TkB" class="AHBa9f1uWjT">
+          <a target="_blank" href="https://www.tripadvisor.fr/"><img src="https://www.tripadvisor.fr/img/cdsi/img2/badges/ollie-11424-2.gif" alt="TripAdvisor"/></a>
+          </li>
+          </ul>
+          </div>
+          <script src="https://www.jscache.com/wejs?wtype=rated&amp;uniq=112&amp;locationId=12277950&amp;lang=fr&amp;display_version=2"></script>
+          
+          
           
     
     
diff --git a/app/views/portlets/render_public/_imagecontent.html.haml b/app/views/portlets/render_public/_imagecontent.html.haml
index 81bb40a..ab22df4 100644
--- a/app/views/portlets/render_public/_imagecontent.html.haml
+++ b/app/views/portlets/render_public/_imagecontent.html.haml
@@ -60,7 +60,7 @@
 
     
   -elsif input.expandable
-    =link_to image_tag(url, :alt => input.alt.to_s, :style => styleimg ), "http://"+HOSTNAME+(input.image_file ? input.image_file.file.large.path : ""), :title => input.alt.to_s, :class => "expandable_image"
+    =link_to image_tag(url, :alt => input.alt.to_s, :style => styleimg ), "http://"+HOSTNAME+(input.image_file ? input.image_file.file.large.url : ""), :title => input.alt.to_s, :class => "expandable_image"
 
   -else
     =image_tag(url, :alt => input.alt.to_s, :style => styleimg )
diff --git a/config/ssl/monserveur.key b/config/ssl/monserveur.key
new file mode 100644
index 0000000..a4e38ee
--- /dev/null
+++ b/config/ssl/monserveur.key
@@ -0,0 +1,27 @@
+-----BEGIN RSA PRIVATE KEY-----
+MIIEpAIBAAKCAQEA2sG8w2hIL1Ke4/wcP+tSiqbgmy6Qi2nTO6EL5xcQ+CpiF3Zo
++CkF0bn7anndLvQcqx1WcD8UyiweJkxXfAcKT8/wocUm6ejTUECGEl+/z4CRBL5r
+8k82sNLUFc6OvvEmm+CKrm6dBPldjRYKothq/I1yYp5XVMQJDVZAHmJDB8kbRSrm
+V1ZHqUrars5i2RbjpVv3F9iJFHdV/FAraLZQoFujRudQUFGDfES9al/ZXYlTTIf4
++1M+hRSFiRV+BIWD7Ngo+/ovFG6hLEXy1tENTtZQ0Gm9y7gPeZ60CsTX9lQIBPYl
+JXNvvmz0EIvba5EtILgBFP6a4J71IMzlV5VtbwIDAQABAoIBAQDZqlBitw6sV69V
+9nM9fq9g2u8+ObUFo0TVXkdzp1XxOGrmIaIM2vS5XC84IQ3ePHOSJ9zsTzgmeoN9
+ZBTgijjOdX9f18YClPI+NhWxjqhSlgC2EatjLUKj6wOwtxj+EQFztJcJPXLrkhxt
+1/K5WlIJ/cxFKHyJEY5YQOwHz4oW4UNUSGQS0fic8LyIwjfWnUFQqGaD4qxXZ7Oa
+WTyfPwaNgpXMPPWdLqLs7/8vtohCx1a3hlDiMjmEJL05kbXYer4Re3YWM0QgcMAS
+BmbHLDR7wBpnxKeFEpcqeGxlE6eUQTt/TuRVVXa7UVcm46HhJEnrPDkpBEUAqhSs
+g2z1I40BAoGBAO8ZnVEWeZU6sxjkPFEDihGZXkjuufOtD2c+nLIBmUsTrO+LmdPT
+Zo2ewwazzPMzZeRyvOoG66iOXTmXzziX5k/z+yraFKOlYYblSiDBhjhTIW5wCdLl
+lwweOALNrglhyf/ty4qCHzGhZeloUKU+lpq9CNZgiSXPoFndCuIXx0cvAoGBAOo4
+Bb3pbU8nQZCOYKpS51tpAGh2E2TtmMXtrbseUKuFgGt8ero/bGaXe57UcznbZ5If
+2TyaBWExJXLYgcvPkJzYL9oUUuhfsqycjlHWZ8QsWDw877q/FS4MtOP0K+bJdJsN
+xkE1ODpfe5icxdXvpk4FGJKJcT+wFh3deamlIq3BAoGBANTy6kLrEnRPaG118SZy
+UYjlIK0yOVmGu95HTIXZmK7eIjrjCak4cfEWAjq47oN4Nnqlmg2RBlgEG5GM3JlZ
+6F0zPnLm8lThmZ/sHP5ZffIyT+ctUAKOSt4XF+mfSC7A8ojHQG3nAGNSjRK5voG9
+4aKFVBaiueN8LSN8FBJT/T8vAoGAbxBzwJOBLwiZcZfiRMIdTV5kQCTFm5WDXVAQ
+kuuUK1GaDN4xQEI1AA0TJMTvgt8EpOkPVUpgBK+OZ4A9RE0/8PAe+NWsXt6KVonC
+fxIhkIfKq33l2/Micvy5hmLRspWTAresbF11NVDzxfGJaqJChTqrZUlhd2bjhfPw
+7j4NTMECgYAhhfRa7LM2Tk3baEJSRjjWNJcJ3af3u3iZo9mnrpZHrCJYDwtWWDDV
+oj7NRD4yp1barTj6qLnuPFALN+ru7+nZ6VakJG1c3ZGajDr/wx9nZgncHeXQD239
+z5dyZ07zmFhhLrZsAFKRzxgL8vqL1HHhcuL9q7osKje3KiCVacIr8A==
+-----END RSA PRIVATE KEY-----
diff --git a/config/ssl/serveur.csr b/config/ssl/serveur.csr
new file mode 100644
index 0000000..27bf7fd
--- /dev/null
+++ b/config/ssl/serveur.csr
@@ -0,0 +1,18 @@
+-----BEGIN CERTIFICATE REQUEST-----
+MIIC0TCCAbkCAQAwgYsxCzAJBgNVBAYTAkZSMQ8wDQYDVQQIFAZJc8OocmUxEjAQ
+BgNVBAcUCVLDqWF1bW9udDESMBAGA1UEChMJQmFsbGFsYW1hMRYwFAYDVQQDEw1i
+YWxsYWxhbWEuY29tMSswKQYJKoZIhvcNAQkBFhxiYWxsYWxhbWEucmVhdW1vbnRA
+b3JhbmdlLmZyMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA2sG8w2hI
+L1Ke4/wcP+tSiqbgmy6Qi2nTO6EL5xcQ+CpiF3Zo+CkF0bn7anndLvQcqx1WcD8U
+yiweJkxXfAcKT8/wocUm6ejTUECGEl+/z4CRBL5r8k82sNLUFc6OvvEmm+CKrm6d
+BPldjRYKothq/I1yYp5XVMQJDVZAHmJDB8kbRSrmV1ZHqUrars5i2RbjpVv3F9iJ
+FHdV/FAraLZQoFujRudQUFGDfES9al/ZXYlTTIf4+1M+hRSFiRV+BIWD7Ngo+/ov
+FG6hLEXy1tENTtZQ0Gm9y7gPeZ60CsTX9lQIBPYlJXNvvmz0EIvba5EtILgBFP6a
+4J71IMzlV5VtbwIDAQABoAAwDQYJKoZIhvcNAQELBQADggEBADfOjTpC6395Xg7q
+kwMr48tpiltFVJQPtfxU8Zi4c4CfS/KKIsWFKnNHmuQ1UYtdmFGv2pJJXXiVJLCx
+Fn8gQZ9qwKkfURpIaMRpvh607eUcd5hXOHdvnTvzaGe1g50S2pXZjmOrTFnTujz2
+dhK+Pj112rESBmsNn5ZTZD5jdUON8CA1VdVjkPAMFeCqOrPcw2jKV1mKcJfrAnIf
+oK/CHutLAfqFCToeiVmh5f5pFkimMlZ1m970i53BawKD1OXVmwvJUi1A1abGT/lS
+dIJ4ESD+nk7nkaiArT1ZK26nX4b0rF3LG7eveGkbigdSjZQ8FIxSRp1l6/wXNIj8
+N+h6Ufw=
+-----END CERTIFICATE REQUEST-----
diff --git a/public/E5DFA2DE2EC753FF8350DB016DC4EDD3.txt b/public/E5DFA2DE2EC753FF8350DB016DC4EDD3.txt
new file mode 100644
index 0000000..6156e3a
--- /dev/null
+++ b/public/E5DFA2DE2EC753FF8350DB016DC4EDD3.txt
@@ -0,0 +1,2 @@
+BC8BD46BD15CA584494B56FF1290512F1E0825D09D16F74F0CF0643E51E3BA4A
+comodoca.com
\ No newline at end of file
diff --git a/public/slide4.jpg b/public/slide4.jpg
new file mode 100644
index 0000000..79ed6bd
Binary files /dev/null and b/public/slide4.jpg differ