!!!

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %title=@title.to_s+" "
    
    
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    %meta{ :"name" => "Description", :content => @description }
    %meta{ :"name" => "Keywords", :content => @keywords }  
    

    = javascript_include_tag "public"
    
    = csrf_meta_tag 
    
    = stylesheet_link_tag 'public' 
    = stylesheet_link_tag '/fonts/Stylograph/stylesheet.css' 
    <script src="//use.typekit.net/twa3qoy.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>
    
    =javascript_include_tag "http://maps.google.com/maps/api/js?sensor=false&region=FR"
    
  %body

  
    -if flash[:error] or flash[:notice] or flash[:alert] 
      .flash
      
        =flash[:error]
        =flash[:notice]
        =flash[:alert]
    
    .top
      .top_background
       
        .main
          =link_to image_tag("/logo.png", :id => "logo"), "/"
          
          .contact
            %p
              =image_tag "/mail.png"
              =link_to "info@cris-graphic.com", "mailto:info@cris-graphic.com"
            %p
              =image_tag "/tel.png"
              04 76 03 19 70
        
      
          
    
    -if @menu_item.slug and @menu_item.slug == "index"

  
      .slider




        .slides
          .desc{:style => "text-transform:none;position:absolute;top:15px;right:0px;z-index:100;background: rgba(250, 250, 250, 0.7);padding:4px 10px;padding-top:2px; font-size:14px;"}
            %h3{:style => "text-transform:none;padding:0px;margin:0"}
              =link_to raw("Procédé CristalProtect<sup>®</sup> >"), "/cristal-protect.html", :style => "color:black;"

          
          %ul.slides-container
          
            
            
            %li
              =image_tag "/slide1.jpg"
        
              .desc
                %h3 Habillage d’ascenseurs
                ="/"
                Grasse
            
            %li
              =image_tag "/slide5.jpg"
              .desc
                %h3 Façade imprimée imitation Bois/Métal garantie 10 ans
                ="/"
                Cannes / Mandelieu
            %li
              =image_tag "/slide3.jpg"
        
              .desc
                %h3 Façade imprimée imitation Bois/Métal garantie 10 ans
                ="/"
                Cannes / Mandelieu
                    
            %li
              =image_tag "/slide6.jpg"
              .desc
                %h3 Façade imprimée imitation Bois/Métal garantie 10 ans
                ="/"
                Cannes / Mandelieu
            %li
              =image_tag "/slide4.jpg"
        
              .desc
                %h3 Façade imprimée imitation Bois/Métal garantie 10 ans
                ="/"
                Cannes / Mandelieu
                
              
        
              
            
    .top
      .menu_background
        .main#menu
          =link_to raw("<h4>"+ic(:home)+"</h4>"), "/"
          -MenuItem.where(:parent_id => nil, :enabled => true, :visible => true).order(:position).each do |menu_item|
            -description = ""
            -description = menu_item.menu_content.description if menu_item.menu_content and menu_item.menu_content_type == "Page"
            =link_to sanitize("<h4>#{menu_item.name}</h4>"),menu_item_path(:url => menu_item.url), :class => menu_item.slug.to_s+"_menu"+(" active" if @menu_item and (@menu_item == menu_item or @menu_item.ancestors.include?(menu_item))).to_s
    #corps{:class => (@menu_item.slug if @menu_item)}
      .main.principal{:style => "position:relative;"}
        =yield
      
        -if @menu_item and @menu_item.slug == "index"
          %p{:style => "text-align:center;-webkit-transform: rotate(-6deg);-moz-transform: rotate(-6deg);-o-transform: rotate(-6deg);;margin-top:3em;margin-bottom:3em;" }
            <span style="font-size: 16px;" data-redactor-tag="span">
            <span style="font-family: Stylograph;"><span style="font-size: 24px;">Notre ambition 
            ? 
            <br />
            Concrétiser vos idées...
            </span></span>
            </span>
        
        -if false and @menu_item and @menu_item.slug == "index"
          =link_to image_tag("/video.png", :style => "width:150px;position:absolute;bottom:-60px;right:10px;"),"#", :id => "video"
      
      
      .bottom
        .infos
          
          .main{:style => ""}
            
            .address
              
              %h4 Cris Graphic
              Atelier de production
              %br
            
              236 rue de la Béalière
              %br
              38113 Veurey-Voroize
            .contact
              %p
                =image_tag "/mail.png"
                =link_to "info@cris-graphic.com", "mailto:info@cris-graphic.com"
              %p
                =image_tag "/tel.png"
                04 76 03 19 70
              %p
                =image_tag "/fax.png"
                04 76 01 95 31
             
            .clear
            
            =link_to image_tag("/bottom.png", :class => "bottom_image"), "/cristal-protect.html"
            
            
        .legals
        
          Cris Graphic - SARL au capital de 41 000 € - RCS : Grenoble B 451 888 101 - APE : 1812Z - 
          =link_to "Partenaire Art des Sens", "http://artdessens.fr", :target => "_blank", :title => "Art des Sens - Agencement & décoration, impression Cristal Protect"
          =link_to image_tag("/nb.png"), "http://nicolasbally.com", :target => "_blank"