mises à jour

app/assets/javascripts/application.coffee

@@ -54,7 +54,7 @@ $("document").ready ->
     
   
   
-  $(".rea-gal a").click ->
+  $(".rea-gal a, #brainstorming a").click ->
     maxwidth = 1000
     maxheight = 900
     

app/assets/stylesheets/application.scss

@@ -17,6 +17,21 @@
  *= require_self
  */
  
+ 
+.sub_menu{
+text-align:center;
+background:rgba(31,31,31,1);
+padding-top:70px !important;
+a{
+  color:white;
+  display:inline-block;
+  padding:12px 20px;
+  
+}  
+  
+}
+
+
 h1{
   font-size: 40px;
   font-weight: 300;
@@ -165,8 +180,14 @@ h2{
  }
  
  #brainstorming{
+   
+   
+   
+   font-size:1.6em;
+   text-align:center;
+   
  background:url("/ardoise.jpg") fixed;
- min-height:800px;
+ min-height:1100px;
  background-size:cover;
  box-sizing: border-box;
  color:white;
@@ -174,17 +195,14 @@ h2{
 
  font-family:"felt-tip-roman";
  font-weight:normal;
- text-align:center;
+
  ul{
    list-style:none;
    font-size:1.6em;
    line-height:1.2em;
    li{
-     display:inline-block;
 
-     text-align:center;
-     padding:1em 1.5em;
-     position:relative;
+ 
      
      
      a{
@@ -197,7 +215,7 @@ h2{
    
  }
  p{
- font-size:1.6em;
+ 
  text-align:center;
  max-width:400px;
  float:left;
@@ -589,12 +607,50 @@ position:relative;
   padding:20px 10px;
   
    }
-   a:last-child{
-   margin-right:20px;
 
+
+
+
+   ul{
+     display:inline;
+     padding-right:20px;
+     li{
+       list-style:none;
+       display:inline-block;
+       position:relative;
+       &:hover{
+         ul{display:block;}
+         
+       }
+       ul{
+         display:none;
+         position:absolute;
+         top:60px;
+         background:rgba(0,0,0, 0.8);
+         padding:0;
+         text-align:left;
+         
+         li{
+           display:block;
+           width:150px;
+           a{
+             display:block;
+             padding:5px 10px;
+             
+           }
          }
          
        }
+     }
+     
+     
+     
+   }
+   
+  
+}
+
+
  #secteurs{
    
    .secteur{
@@ -625,3 +681,54 @@ position:relative;
      }
    }
  }
+ 
+ #brainstorming{
+   
+   img{
+     height:110px;
+     border:5px solid white;
+     box-shadow:0 0 10px rgba(0,0,0,0.8);
+     margin:10px;
+   }
+ }
+ 
+ 
+ @media screen and (min-width: 1000px) {
+   #brain_content{
+   
+     width:1000px;
+     margin:auto;
+  
+     position:relative;
+   
+     div{
+     
+       position:absolute;
+
+     
+
+       a{
+       
+         position:absolute;
+         transform: rotate(-5deg);
+         transition-duration: 0.2s;
+         &:hover{
+          transform: rotate(2deg); 
+           transform: scale(1.25);
+         }
+         &:nth-child(even){
+         transform: rotate(5deg);
+         
+         &:hover{
+          transform: rotate(-2deg); 
+          transform: scale(1.25);
+           
+         }
+         }
+       }
+     }
+   }
+ 
+
+ }
+ 

app/views/shared/_menu.haml

@@ -1,17 +1,34 @@
+
 =link_to image_tag("/logo-min.png", :id => "logo-min", :style => ("display:block !important;")), "/", :onclick => "scrollToAnchor('home');return false;", :title => "accueil Art des Sens, impression aluminium, dibond, personnalisation stratifié, full covering."
 
-=link_to "Accueil", "/", :title => "Art des Sens, solutions agencement, signalétique, décoration."
 
-=link_to "À la une", "/actualite.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
+%ul
   
-=link_to raw("Cristal Protect<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
 
-=link_to raw("MyStrat<sup>®</sup>"), "/my-strat.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+  %li=link_to "Accueil", "/", :title => "Art des Sens, solutions agencement, signalétique, décoration."
 
-=link_to "Concevoir", "/brainstorming.html", :title => "Solutions d'impression tout support, impression portes, panneaux aluminium, dibond etc."
+  %li=link_to "À la une", "/actualite.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
 
-=link_to "Secteurs d'activités", "/secteurs-activites.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
+  %li
+    =link_to raw("Nos procédés"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
     
-=link_to "Réalisations", "/realisations.html", :title => "Impression sur aluminium, panneaux stratifié personnalisés, signalétique extérieur, décoration..."
+    %ul
+      %li=link_to raw("Cristal Protect<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
 
-=link_to "Contact", "/contact.html", :title => "Contactez Art des Sens pour votre signalétique"
+      %li=link_to raw("MyStrat<sup>®</sup>"), "/my-strat.html", :title => "Stratifié personnalisé petites ou grande quantité, Mystrat"
+
+
+  %li=link_to "Agencement & Décoration", "/brainstorming.html", :title => "Solutions d'impression tout support, impression portes, panneaux aluminium, dibond etc."
+
+  =#link_to "Secteurs d'activités", "/secteurs-activites.html", :title => "Actualité Art des Sens, impression sur aluminium, stratifié numérique..."
+
+  %li
+    =link_to "Réalisations", "/realisations.html", :title => "Impression sur aluminium, panneaux stratifié personnalisés, signalétique extérieur, décoration..."
+    %ul
+      %li=link_to "Signalétique, loisirs et culture", "/realisations.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+  
+      %li=link_to "Agencement & Décoration", "/realisations-agencement.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+      %li=link_to "Avant / Après", "/realisations-signaletique.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+
+  %li=link_to "Contact", "/contact.html", :title => "Contactez Art des Sens pour votre signalétique"

app/views/welcome/actualite.haml

@@ -7,7 +7,7 @@
           Réalisation d’une fresque imprimée (Le Tholonet, Bouche-du-Rhône)
           
         %p.secteurs
-          Secteurs : Signalétique, Loisirs et Cultures
+          Secteurs : Signalétique, Loisirs et Culture
           
       .clear
       
@@ -40,7 +40,7 @@
       .desc
         %h2 Signalétique du Jardin d’Acclimatation (Paris)
         %p.secteurs
-          Secteurs : Signalétique, Loisirs et Cultures
+          Secteurs : Signalétique, Loisirs et Culture
       .clear
 
     %a.actu_intro{:href => "/full-covering-cris-graphic-art-des-sens.html"}
@@ -65,7 +65,7 @@
       .desc{:style => "left:5px;"}
         %h2 Office National des Anciens Combattants (France entière)
         %p.secteurs
-          Secteurs : Loisirs et Cultures , Signalétique
+          Secteurs : Loisirs et Culture , Signalétique
       .clear
     .clear{:style => "height:10px;"}
   

app/views/welcome/art-des-sens-realisation-fresque-imprimee-cristal-protect.haml

@@ -6,7 +6,7 @@
       
       
     %p.secteurs
-      Secteurs : Signalétique, Loisirs et Cultures
+      Secteurs : Signalétique, Loisirs et Culture
       
       
   

app/views/welcome/brainstorming.haml

@@ -1,5 +1,24 @@
 = stylesheet_link_tag '/fonts/Stylograph/stylesheet.css' 
-#brainstorming.top-padding
+
+
+.top-padding{:style => "padding:100px 10px;padding-top:170px;background:rgba(40,40,40,1);text-align:center;color:white;"}
+  
+    
+
+  .center
+    %h2
+      Un besoin ? Une idée ? Un conseil ?
+    %p  
+      La société Art Des Sens vous accompagne pour concrétiser vos souhaits en agencement et décoration.
+      Notre volonté est de vous accompagner en vous proposant différentes solutions décoratives adaptées à votre cahier des charges.
+    %p
+      Faites nous part de votre projet, nous chercherons les solutions décoratives les plus adaptées !
+      Vous trouverez ci-dessous quelques réponses apportées à nos clients…
+    
+    
+
+
+#brainstorming{:style => "padding:1px"}
   .center
     
     
@@ -12,47 +31,71 @@
     %h2{:style => "font-family:Stylograph;"} 
       La logique vous mènera de A à B. L’imagination vous mènera partout ~ Albert Einstein
   
+    #brain_content
 
-    %ul
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Est-il possible d'intégrer mon logo dans les 
-          %br
-          tables et les chaises de mon restaurant ?
+      %div{:style => "top:10px;left:60px"}
+        Imprimez-vous les portes ?
     
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Intégrez-vous du braille directement 
-          %br
-          sur les panneaux ? Et la gravure ?
+        =link_to image_tag("/realisations/ads-1-p.jpg", :alt => "Art des Sens, Impression sur porte"), "/realisations/ads-1.jpg", :title => "Impression sur porte", :style => "top:40px;left:-60px"
+        =link_to image_tag("/realisations/ads-2-p.jpg", :alt => "Art des Sens, Habillage de porte"), "/realisations/ads-2.jpg", :title => "Habillage de porte", :style => "top:50px;left:50px"
+        =link_to image_tag("/realisations/ads-3-p.jpg", :alt => "Art des Sens, Impression sur porte"), "/realisations/ads-3.jpg", :title => "Impression sur porte", :style => "top:40px;left:160px"
 
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Imprimez-vous les portes ? 
-          %br 
-          J'aimerais les décorer dans mon hôtel.
 
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Tu imagines, si nous pouvions personnaliser cette pièce   
+      %div{:style => "top:-10px;right:0px"}
+        Tu imagines, si nous pouvions personnaliser 
         %br
-          en imprimant le sol, les murs et le plafond !
+        cette pièce en imprimant le sol, les murs et le plafond !
+        %br
+        =link_to image_tag("/realisation/13-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/13.jpg", :title => "Full covering, impression sol, porte, plafond", :style => "top:80px;left:100px"
+        =link_to image_tag("/realisation/14-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/14.jpg", :title => "Full covering, impression sol, porte, plafond", :style => "top:90px;left:200px"
+        =link_to image_tag("/realisation/15-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/15.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED", :style => "top:80px;left:300px"
 
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Proposez-vous des solutions adaptées 
-          %br
-          aux situations de handicap ?
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          J'adorerais avoir une crédence 
-          %br
-          de cuisine personnalisée !
 
-      %li
-        %a{:href => "", :onclick => "return false;"}
-          Comment mettre en valeur
+      %div{:style => "top:250px;left:0px"}
+        Comment est ’il possible d’habiller ce mur dans mon commerce ?
         %br
-          l'histoire de ce parcours découverte ?
+        =link_to image_tag("/realisations/ads-4-p.jpg", :alt => "Art des Sens, Agencement et Décoration, habillage de mur"), "/realisations/ads-4.jpg", :title => "Agencement et Décoration, habillage de mur", :style => "top:40px;left:100px"
+        =link_to image_tag("/realisations/ads-5-p.jpg", :alt => "Art des Sens, Agencement et Décoration, impression sur mur"), "/realisations/ads-5.jpg", :title => "Agencement et Décoration, impression sur mur", :style => "top:50px;left:200px"
+        
+        =link_to image_tag("/realisation/9-p.jpg", :alt => "Art des Sens, Impression dalle plafond avec inclusion éclairage LED"), "/realisation/9.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED", :style => "top:40px;left:300px"
+
+
+      %div{:style => "top:350px;right:150px"}
+        J’adorerais avoir une crédence 
+        %br
+        de cuisine personnalisée ! 
+        %br
+        =link_to image_tag("/realisation/12-p.jpg", :alt => "Art des Sens, Impression crédence personnalisée"), "/realisation/12.jpg", :title => "Impression crédence personnalisée", :style => "top:-100px;right:-150px"
+      
+
+      %div{:style => "top:650px;right:0px"}
+        Pouvez-vous nous proposer des traitements 
+        %br 
+        pour nos vitrages ?
+        
+        Film teinté et film 
+        %br
+        miroir de discrétion ?
+        %br
+        =link_to image_tag("/realisations/ads-6-p.jpg", :alt => "Art des Sens, Musée National du Sport : Agencement et Décoration, adhésif pour vitrage"), "/realisations/ads-6.jpg", :title => "Musée National du Sport : Agencement et Décoration, adhésif pour vitrage",:style => "top:-150px;right:220px"
+        =link_to image_tag("/realisations/ads-7-p.jpg", :alt => "Art des Sens, Musée National du Sport : Agencement et Décoration, film teinté pour vitrage"), "/realisations/ads-7.jpg", :title => "Musée National du Sport : Agencement et Décoration, film teinté pour vitrage", :style => "top:-150px;right:120px"
+        =link_to image_tag("/realisations/ads-8-p.jpg", :alt => "Art des Sens, Musée National du Sport : Traitement des vitrages avec film teinté"), "/realisations/ads-8.jpg", :title => "Musée National du Sport : Traitement des vitrages avec film teinté", :style => "top:-150px;right:0px"
+    
+
+      %div{:style => "top:470px;left:0px"}
+        Pouvez-vous me proposer une alternative à du bardage
+        %br
+        en bois pour
+        
+        rénover mon bâtiment ? Je souhaite
+        %br
+        un matériau sans entretien ? 
+        %br
+        =link_to image_tag("/realisations/ads-15-p.jpg", :alt => "Art des Sens, Avant travaux, Comptoir del Gusto®"), "/realisations/ads-15.jpg", :title => "Avant travaux, Comptoir del Gusto®", :style => "top:120px;left:0px"
+        =link_to image_tag("/realisations/ads-10-p.jpg", :alt => "Art des Sens, Après travaux Comptoir del Gusto® Imitation bardage bois, procédé CristalProtect®"), "/realisations/ads-10.jpg", :title => "Après travaux Comptoir del Gusto® Imitation bardage bois, procédé CristalProtect®", :style => "top:130px;left:150px"
+        =link_to image_tag("/realisations/ads-11-p.jpg", :alt => "Art des Sens, Pendant travaux Comptoir del Gusto® Imitation bardage bois, Procédé CristalProtect®"), "/realisations/ads-11.jpg", :title => "Pendant travaux Comptoir del Gusto® Imitation bardage bois, Procédé CristalProtect®", :style => "top:120px;left:250px"
+        =link_to image_tag("/realisations/ads-12-p.jpg", :alt => "Art des Sens, Après travaux Comptoir del Gusto®Impression Procédé CristalProtect®"), "/realisations/ads-12.jpg", :title => "Après travaux Comptoir del Gusto®Impression Procédé CristalProtect®", :style => "top:130px;left:350px"
+
+      
       .clear
   

app/views/welcome/cristal-protect.haml

@@ -1,8 +1,14 @@
 -@title = "Cristal Protect®, l'impression numérique tous supports par Art des Sens"
 -@description = "L'impression numérique HD sur supports aluminium, dibond®, bois, verre encapsulé dans un vernis UV pour une tenue exceptionnelle en extérieur par Art des Sens."
 
+.sub_menu
 
-#cristal-protect.top-padding
+  =link_to raw("Cristal Protect<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+  =link_to raw("MyStrat<sup>®</sup>"), "/my-strat.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+  
+  
+#cristal-protect{:style => "padding-top:10px"}
   .center
     
 

app/views/welcome/my-strat.haml

@@ -1,7 +1,14 @@
 -@title = "MyStrat®, l'impression numérique sur panneau stratifié par Art des Sens"
 -@description = "Art des Sens propose une solution d'inclusion numérique extrémement résistante sur panneaux stratifiés : MyStrat®, du stratifié personalisé dans des délais inégalés."
 
-#my-strat.top-padding
+.sub_menu
+
+  =link_to raw("Cristal Protect<sup>®</sup>"), "/cristal-protect.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+  =link_to raw("MyStrat<sup>®</sup>"), "/my-strat.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+  
+
+#my-strat{:style => "padding-top:10px"}
   .center
     
   

app/views/welcome/office-national-des-anciens-combattants-panneaux-alu-imprimee.html.haml

@@ -4,7 +4,7 @@
   .center
     %h2 Office National des Anciens Combattants (France entière)
     %p.secteurs
-      Secteurs : Loisirs et Cultures , Signalétique
+      Secteurs : Loisirs et Culture , Signalétique
   
     %p Pour l’un de nos clients, la société Art Des Sens réalise la fourniture de panneaux en aluminium imprimés. Nos supports s’intègrent dans une structure de type « pupitre » qui sont installés sur les sites de l’Office National des Anciens Combattants.
   

app/views/welcome/realisations-agencement.html.haml

@@ -0,0 +1,45 @@
+.sub_menu
+
+  =link_to "Signalétique, loisirs et culture", "/realisations.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+  
+  =link_to "Agencement & Décoration", "/realisations-agencement.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+  =link_to "Avant / Après", "/realisations-signaletique.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+  
+#realisations{:style => "padding:30px 0;"}
+
+     
+  %h2 Agencement & Décoration
+  .center
+    %p
+      Nous repoussons les limites de votre créativité
+      En alliant l'impression numérique et une multitude de supports, nous repoussons les limites de votre créativité et pouvons répondre au mieux à vos demandes.
+      
+      
+  .rea-gal{:style => "position:relative;"}
+    
+  
+    =link_to image_tag("/realisation/11-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis table alu"), "/realisation/11.jpg", :title => "CristalProtect® impression table alu" 
+    
+    =link_to image_tag("/realisation/13-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/13.jpg", :title => "Full covering, impression sol, porte, plafond" 
+    =link_to image_tag("/realisation/14-p.jpg", :alt => "Art des Sens, Full covering, impression sol, porte, plafond"), "/realisation/14.jpg", :title => "Full covering, impression sol, porte, plafond" 
+    =link_to image_tag("/realisation/15-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/15.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED" 
+
+    
+    =link_to image_tag("/actualite-6/1-p.jpg", :alt => "Art des Sens, habillage de cabines d’ascenseur (Grasse, Alpes-Maritimes)"),  "/actualite-6/1.jpg", :title => "Habillage de cabines d’ascenseur (Grasse, Alpes-Maritimes)"
+    =link_to image_tag("/realisation/9-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/9.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED" 
+    
+    
+    =link_to image_tag("/realisations/ads-5-p.jpg", :alt => "Art des Sens, Agencement et Décoration, impression sur mur"), "/realisations/ads-5.jpg", :title => "Agencement et Décoration, impression sur mur" 
+    =link_to image_tag("/realisations/ads-3-p.jpg", :alt => " "), "/realisations/ads-3.jpg", :title => " " 
+    =link_to image_tag("/realisations/ads-7-p.jpg", :alt => "Art des Sens, Musée National du Sport : Agencement et Décoration, film teinté pour vitrage"), "/realisations/ads-7.jpg", :title => "Musée National du Sport : Agencement et Décoration, film teinté pour vitrage" 
+    =link_to image_tag("/realisations/ads-6-p.jpg", :alt => "Art des Sens, Musée National du Sport : Agencement et Décoration, adhésif pour vitrage"), "/realisations/ads-6.jpg", :title => "Musée National du Sport : Agencement et Décoration, adhésif pour vitrage" 
+    =link_to image_tag("/realisations/ads-8-p.jpg", :alt => "Art des Sens, Musée National du Sport : Traitement des vitrages avec film teinté"), "/realisations/ads-8.jpg", :title => "Musée National du Sport : Traitement des vitrages avec film teinté" 
+    =link_to image_tag("/realisations/ads-4-p.jpg", :alt => "Art des Sens, Agencement et Décoration, habillage de mur"), "/realisations/ads-4.jpg", :title => "Agencement et Décoration, habillage de mur"
+  
+    
+    
+    
+    
+    
+    .clear

app/views/welcome/realisations-signaletique.html.haml

@@ -0,0 +1,41 @@
+.sub_menu
+
+  =link_to "Signalétique, loisirs et culture", "/realisations.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+  
+  =link_to "Agencement & Décoration", "/realisations-agencement.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
+
+  =link_to "Avant / Après", "/realisations-signaletique.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
+
+  
+#realisations{:style => "padding:30px 0;"}
+  %h2 Avant / Après
+  %p Découvrez quelques-unes de nos réalisation !
+  .rea-gal{:style => "position:relative;text-align:left;"}
+     
+    =link_to image_tag("/realisations/ads-17-p.jpg", :alt => "Art des Sens, Avant travaux, Agencement complet hall d'accueil "), "/realisations/ads-17.jpg", :title => "Avant travaux, Agencement complet hall d'accueil "
+    =link_to image_tag("/realisations/ads-14-p.jpg", :alt => "Art des Sens, Après Travaux, Agencement complet hall d'accueil "), "/realisations/ads-14.jpg", :title => "Après Travaux, Agencement complet hall d'accueil "
+    =link_to image_tag("/realisations/ads-16-p.jpg", :alt => "Art des Sens, Après Travaux, Agencement complet hall d'accueil "), "/realisations/ads-16.jpg", :title => "Après Travaux, Agencement complet hall d'accueil"
+    
+  .rea-gal{:style => "position:relative;text-align:left;"}
+     
+    
+    =link_to image_tag("/realisations/ads-15-p.jpg", :alt => "Art des Sens, Avant travaux, Comptoir del Gusto®"), "/realisations/ads-15.jpg", :title => "Avant travaux, Comptoir del Gusto®"
+    =link_to image_tag("/realisations/ads-11-p.jpg", :alt => "Art des Sens, Pendant travaux Comptoir del Gusto® Imitation bardage bois, Procédé CristalProtect® "), "/realisations/ads-11.jpg", :title => "Pendant travaux Comptoir del Gusto® Imitation bardage bois, Procédé CristalProtect® "
+    =link_to image_tag("/realisations/ads-10-p.jpg", :alt => "Art des Sens, Après travaux Comptoir del Gusto® Imitation bardage bois, procédé CristalProtect® "), "/realisations/ads-10.jpg", :title => "Après travaux Comptoir del Gusto® Imitation bardage bois, procédé CristalProtect®"
+    =link_to image_tag("/realisations/ads-12-p.jpg", :alt => "Art des Sens, Après travaux Comptoir del Gusto®Impression Procédé CristalProtect® "), "/realisations/ads-12.jpg", :title => "Après travaux Comptoir del Gusto®Impression Procédé CristalProtect®"
+    
+  
+  .rea-gal{:style => "position:relative;text-align:left;"}
+     
+    
+    =link_to image_tag("/realisations/ads-18-p.jpg", :alt => "Art des Sens, avant travaux."), "/realisations/ads-18.jpg", :title => "Avant travaux."
+    =link_to image_tag("/realisations/ads-19-p.jpg", :alt => "Art des Sens, Impression sur mur, décoration sur mur, habillage mural."), "/realisations/ads-19.jpg", :title => "Impression sur mur, décoration sur mur, habillage mural."
+    =link_to image_tag("/realisations/ads-20-p.jpg", :alt => "Art des Sens, Impression sur mur, décoration sur mur, habillage mural."), "/realisations/ads-20.jpg", :title => "Impression sur mur, décoration sur mur, habillage mural."
+    =link_to image_tag("/realisations/ads-21-p.jpg", :alt => "Impression sur mur, décoration sur mur, habillage mural."), "/realisations/ads-21.jpg", :title => "Impression sur mur, décoration sur mur, habillage mural."
+    
+    
+    
+    
+    
+    
+    .clear

app/views/welcome/realisations.html.haml

@@ -1,10 +1,18 @@
 
+.sub_menu
 
+  =link_to "Signalétique, loisirs et culture", "/realisations.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
   
-#realisations.top-padding{:style => "overflow:auto;"}
+  =link_to "Agencement & Décoration", "/realisations-agencement.html", :title => "Impression directe sur aluminium, dibond, forex, bois, verre, encapsulé dans vernis UV."
 
-  %h1 Exemples de réalisations
+  =link_to "Avant / Après", "/realisations-signaletique.html", :title => "Stratifié personnalisé petites ou grande quantité, Formica, Mystrat"
   
+#realisations{:style => "padding:30px 0;"}
+
+  %h2 Signalétique, loisirs et culture
+  .center
+    %p
+      Notre technlogie permet d'imprimer des totems, des panneaux d'informations, des pupitres, des plaques de rue, des tables d'orientation et bien d'autres supports de communication. Cristal Protect®, MyStrat®, des solutions durables et résistantes aux agressions pour votre signalétique.
   .rea-gal{:style => "position:relative;"}
     =link_to image_tag("/realisation/1-p.jpg", :alt => "MyStrat®, Stratifié personnalisé"), "/realisation/1.jpg", :title => "MyStrat®, Stratifié personnalisé"
     =link_to image_tag("/realisation/2-p.jpg", :alt => "CristalProtect®, impression + vernis sur aluminium pour l’EHPAD de Rungis"), "/realisation/2.jpg", :title => "CristalProtect®, impression + vernis sur aluminium pour l’EHPAD de Rungis" 
@@ -12,31 +20,16 @@
     =link_to image_tag("/realisation/4-p.jpg", :alt => "CristalProtect®, l’inclusion numérique sur aluminium"), "/realisation/4.jpg", :title => "CristalProtect®, l’inclusion numérique sur aluminium" 
     =link_to image_tag("/realisation/5-p.jpg", :alt => "CristalProtect®, impression numérique sur aluminium"), "/realisation/5.jpg", :title => "CristalProtect®, impression numérique sur aluminium" 
     =link_to image_tag("/realisation/6-p.jpg", :alt => "CristalProtect®, l’inclusion numérique sur aluminium"), "/realisation/6.jpg", :title => "CristalProtect®, l’inclusion numérique sur aluminium" 
-    =link_to image_tag("/realisation/7-p.jpg", :alt => "Intégration de braille sur panneaux en aluminium personnalisé"), "/realisation/7.jpg", :title => "Intégration de braille sur panneaux en aluminium personnalisé" 
+
     =link_to image_tag("/actualite-1/1-p.jpg", :alt => "Art des Sens, Signalétique du Jardin d’Acclimatation (Paris)"),  "/actualite-1/1.jpg", :title => "Signalétique du Jardin d’Acclimatation (Paris)"
     
     =link_to image_tag("/actualite-1/2-p.jpg", :alt => "Art des Sens, panneaux en aluminium imprimé suivant le procédé Cristal "),  "/actualite-1/2.jpg", :title => "Panneaux en aluminium imprimé suivant le procédé Cristal "
     
-    =link_to image_tag("/realisation/8-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite"), "/realisation/8.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
     
-    =link_to image_tag("/realisation/9-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite"), "/realisation/9.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
-    =link_to image_tag("/realisation/10-p.jpg" ,:alt => "CristalProtect®, Réalisation de fresques murales en aluminium composite" ), "/realisation/10.jpg", :title => "CristalProtect®, Réalisation de fresques murales en aluminium composite" 
-    
-    
-    =link_to image_tag("/realisation/11-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis table alu"), "/realisation/11.jpg", :title => "CristalProtect® impression table alu" 
-    =link_to image_tag("/realisation/12-p.jpg", :alt => "Art des Sens, CristalProtect® impression et vernis crédence de cuisine personnalisée alu"), "/realisation/12.jpg", :title => "CristalProtect® impression crédence de cuisine personnalisée alu" 
-    =link_to image_tag("/realisation/13-p.jpg", :alt => "Art des Sens, full covering, impression sol, porte, plafond"), "/realisation/13.jpg", :title => "Full covering, impression sol, porte, plafond" 
-    =link_to image_tag("/realisation/14-p.jpg", :alt => "Art des Sens, Full covering, impression sol, porte, plafond"), "/realisation/14.jpg", :title => "Full covering, impression sol, porte, plafond" 
-    =link_to image_tag("/realisation/15-p.jpg", :alt => "Art des Sens, impression dalle plafond avec inclusion éclairage LED"), "/realisation/15.jpg", :title => "Impression dalle plafond avec inclusion éclairage LED" 
-    
-    =#link_to image_tag("/actualite-7/1-p.jpg", :alt => ""), "/actualite-7/1.jpg", :title => ""
     =link_to image_tag("/actualite-7/2-p.jpg", :alt => "Art des Sens, réalisation d’une fresque imprimée (Le Tholonet, Bouche-du-Rhône)"), "/actualite-7/2.jpg", :title => "Réalisation d’une fresque imprimée (Le Tholonet, Bouche-du-Rhône)" 
-    =#link_to image_tag("/actualite-7/3-p.jpg", :alt => ""), "/actualite-7/3.jpg", :title => "" 
+    
     =link_to image_tag("/actualite-7/4-p.jpg", :alt => "Art des Sens, détail d'alumnium imprimé puis plié (Le Tholonet, Bouche-du-Rhône)"),  "/actualite-7/4.jpg", :title => "Détail d'alumnium imprimé puis plié (Le Tholonet, Bouche-du-Rhône)"
     
-    =link_to image_tag("/actualite-6/1-p.jpg", :alt => "Art des Sens, habillage de cabines d’ascenseur (Grasse, Alpes-Maritimes)"),  "/actualite-6/1.jpg", :title => "Habillage de cabines d’ascenseur (Grasse, Alpes-Maritimes)"
-    
-    
   
     
     

app/views/welcome/secteurs-activites.haml

@@ -21,7 +21,7 @@
     .secteur
       .desc
         .img2{:style => "background-image:url('/secteur3.jpg');"}
-        %h2 Loisirs et cultures
+        %h2 Loisirs et Culture
         %p Art des Sens vous apporte des solutions décoratives pour mettre en valeur un patrimoine, un lieu, vos attractions dans des lieux de grand passage. Nous travaillons en partenariat avec des architectes et scénographes pour l'intégration de notre technologie dans de nombreux projets.
       
     .secteur

app/views/welcome/signaletique-jardin-acclimatation.haml

@@ -2,7 +2,7 @@
   .center
     %h2 Signalétique du Jardin d’Acclimatation (Paris)
     %p.secteurs
-      Secteurs : Signalétique, Loisirs et Cultures
+      Secteurs : Signalétique, Loisirs et Culture
   
     %p A la demande de l’un de nos client, la société Art Des Sens a réalisé la fourniture de panneaux en aluminium imprimé suivant le procédé Cristal Protect® pour le Jardin d’Acclimatation.