!!!
%html
  %head
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }

    :scss
      a {
      color: #0088cc;text-decoration: none;
      }
      
      a:hover, a:focus {
      color: #005580;text-decoration: underline;
      }
      
      *{
        
        line-height:1.3em;
      }
      h1{
          color:#FD7939;
          text-align:center;
          font-weight:normal;
          
          padding:15px 0;
          padding-bottom:0;
          margin-bottom:0;
          font-size:25px;
        
      }
      
      h2{
          color:#FD7939;
          text-align:center;
        
      }
      
      @media screen and (max-width:701px) {
        .inner{
          padding-left:20px !important;
          padding-right:20px !important;
        }
        .content{
          width:auto !important;
          
        }
      }


    
  %body{:style => "font-family: Helvetica,Arial;padding: 0px;margin:0px;font-size:15px;background:#F5F5F5;"}
    .content{:style => "max-width:700px;width:700px;background:white;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:30px auto;"}
      .header{:style => "background:#F39221;color:white;text-align:right;font-size:14px;padding:0px;position:relative;"}
        %table{:style => "border-collapse:collapse;width:100%;"}
          %tr
            %td{:style => "width:200px;padding:0px;text-align:left;padding-left:10px"}
              =link_to image_tag('http://one-voice.fr/newsletters/logo-02.png', :style => "border:0px;margin-top:5px;"), "http://one-voice.fr", :target => "_blank"
            %td{:style => "padding:27px 15px;text-align:right;vertical-align:top;"}
              =link_to "one-voice.fr", "http://one-voice.fr", :style => "color:white;", :target => "_blank"
      
      
      
      
    
      
      .inner{:style => "padding:40px 70px;padding-bottom:50px;"}
        
          
      
        = yield
        
      .inner{:style => "padding:10px 30px;background:#F39221 url('http://one-voice.fr/newsletters/footer/fond-orange.png') center center no-repeat;background-size:100%;background-size:cover;color:white;text-align:center;padding-top:30px"}
        =link_to image_tag("http://one-voice.fr/newsletters/footer/titre-fond-orange.png"), "https://www.facebook.com/OneVoice-officiel-177757985646352/?fref=ts"
        
        %div{:style => "padding:20px 0;padding-top:10px"}
          =link_to image_tag("http://one-voice.fr/newsletters/footer/website.png"), "http://one-voice.fr", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("http://one-voice.fr/newsletters/footer/blog.png"), "http://one-voice.fr/fr/blog.html", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("http://one-voice.fr/newsletters/footer/twitter.png"), "https://twitter.com/onevoiceplanet", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("http://one-voice.fr/newsletters/footer/facebook.png"), "https://www.facebook.com/OneVoice-officiel-177757985646352/?fref=ts", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("http://one-voice.fr/newsletters/footer/vimeo.png"), "https://vimeo.com/channels/onevoiceplanet", :target => "_blank", :style => "margin:0 10px;"
          
      %div{:style => "text-align:center;padding:50px 0"}
        =link_to image_tag("http://one-voice.fr/newsletters/footer/dons2.png"), "http://one-voice.fr/fr/faire-un-don", :target => "_blank"
    
          
   
		