-@lang = @lang || LangSite.first
-if !@facebook_img or @facebook_img == ""
  -@facebook_img= "/Image-home.jpg"
!!!
-if @description and @description == ""
  - @description = ""

%html{:lang => "fr", "xml:lang" => "fr", :xmlns => "http://www.w3.org/1999/xhtml"}
  %head
    %title=@title.to_s+" "


    %meta{:name=>"viewport", :content=>"width=device-width,initial-scale=1"}
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    %meta{ :"name" => "Description", :content => @description }
    %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://heylium.io'+@facebook_img.to_s+'"/>'
      =raw '<link rel="image_src" href="http://heylium.io'+@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://heylium.io'+@facebook_img.to_s+'"/>'




      -@img_size = FastImage.size('http://heylium.io'+@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
    =render :partial => "public/shared/ga"

    = stylesheet_link_tag 'public'
    = 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"

  %body

    -if flash[:error] or flash[:notice] or flash[:alert]
      .flash

        =flash[:error]
        =flash[:notice]
        =flash[:alert]


    .top#top_bar
      .center
        =link_to image_tag("/logo-min.png", :id => "logo-min"), "/"+@lang.slug+"/index.html"
        =link_to i(:navicon),"#", id:"toggle-menu"
        =link_to image_tag("/logo.png", :id => "logo"), "/"+@lang.slug+"/index.html"

  
        .menu
          %ul
            -links = [["Home","main"],["L'agence","agence_bloc"],["Nos services","services-bloc"],["Un peu de nous","nous-bloc"], ["Contact","contact-bloc"]]
            -links.each do |link|
              %li
                %a{:href => "#", :'data-link' => link[1].to_s, :onclick => "$('html,body').animate({scrollTop: ($('#"+link[1].to_s+"').offset().top - 50)},'slow');return false;"}
                  =link[0]


          .clean



    #main{:class => (@menu_item.slug if @menu_item)}



      -if @menu_item and @menu_item.id == 1



        #home_top
          #home_top_image
          .inner_t
            .center
              .inner_top.animated-block{:style => "max-width: 650px;"}
                
                %h1
                  l’agence de communication globale,
                  %span créateur d’ondes positives !
                %p
                  Nous travaillons de la conception à la réalisation de votre identité
                  %br
                  visuelle

                  adaptée à votre positionnement, afin de communiquer
                  %br
                  de manière

                  cohérente sur vos différents supports Print & Digitaux.

          
          
          
          
          
          
      =yield


      .clear


  .contact_container#contact-bloc
    .center
      %div{:style => "text-align:center;"}
        =image_tag "/tete-section.png", :style => "width:300px"
      %h2{:style => "text-align:center;"} Contact

      %div{:style => "padding:30px 0;padding-top:0"}
        %h3
          %strong{:style => "font-weight:500;"} Vous voulez travailler avec nous&nbsp;?
        .row
          .columns.span_6
            
            .desktop_only
              .row
                %table
                  %tr
                    %td
                      =image_tag "/icone-telephone.png"
                    %td
                      %strong 09 50 11 76 71
                      %br
                      %strong 06 62 95 47 70
                    %td
                      ou
                    %td
                      =image_tag "/icone-mail.png"
                .clear

            .row.idn_sign
              .columns.span_5{:style => "width:170px;"}
                =image_tag "/Logo-IDN-Contact.png"
              .columns.span_7
                %strong
                  idN communication
                %br
                4 square de la Dordogne
                %br
                75017 Paris
                %br
                %br
                =link_to "contact@idncommunication.com", "mailto:contact@idncommunication.com"
                .mobile_only
                  %br
            
                  %strong 09 50 11 76 71
                  %br
                  %strong 06 62 95 47 70
                  %br
                  %br

          .columns.span_6
            .contact_form
              #form=render :partial => "public/contacts/form"
          .bottom_social
            .top_link
              =i(:"arrow-up")
            
            =link_to "https://www.facebook.com/idn.communication/", :target => "_blank", :class => "link facebook" do
              =i(:"facebook")

            =link_to "https://twitter.com/idncontact", :target => "_blank", :class => "link twitter" do
              =i(:"twitter")

            

  .bottom
    © 2016 idN communication • Tous droits réservés
    .bottom_mobile_only
    %span.bottom_desktop_only
      •
    =link_to "Mentions légales", "/fr/mentions-legales.html", :data => {:remote => true}


    .socials_links
      
      
      
      =link_to "https://www.facebook.com/idn.communication/", :target => "_blank", :class => "link facebook" do
        =i(:"facebook")

      =link_to "https://twitter.com/idncontact", :target => "_blank", :class => "link twitter" do
        =i(:"twitter")
        
      
      .top_link
        =i(:"arrow-up")

      

    .contact_links

      =link_to "#", :target => "_blank",:onclick => "$('html,body').animate({scrollTop: ($('#contact-bloc').offset().top - 50)},'slow');return false;",  :class => "link facebook" do

        %table
          %tr
            %td.left_td
              =image_tag "/icone-telephone-w.png"
            %td.right_td
              09 50 11 76 71
              %br
              06 62 95 47 70



      =link_to "#", :target => "_blank",:onclick => "$('html,body').animate({scrollTop: ($('#contact-bloc').offset().top - 50)},'slow');return false;", :class => "link twitter" do
        %table
          %tr
            %td.left_td
              =image_tag "/icone-mail-w.png"
            %td.right_td
              Contact / Devis