!!!
%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:white;
          text-align:center;
          font-weight:normal;
          

          color:#F19133;
          font-size:22px;
          margin-bottom:30px;
        
      }
      
      h2{
          color:#F19133;
          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;"}
    .top{:style => "text-align:center;color:#a7a7b4;font-size:11px;margin-top:10px;margin-bottom:10px;max-width:700px;margin:auto;padding:10px 0;"}
      Pour recevoir les messages de Jipe,
      %br
      ajoutez contact@le-petit-gravier.com dans votre carnet d'adresses ou dans votre liste blanche.
      %br
      Si ce message ne s'affiche pas correctement voir 
      =link_to "sa version en ligne.", public_newsletter_url(@newsletter.slug), :style => "color :#a7a7b4;"
    
    .content{:style => "max-width:700px;width:700px;background:white;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:5px 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('https://le-petit-gravier.com/newsletters/logo-02.png', :style => "border:0px;margin-top:5px;"), "https://le-petit-gravier.com/fr/blog/lignoble-massacre-des-requins.html", :target => "_blank"
            %td{:style => "padding:27px 15px;text-align:right;vertical-align:top;"}
              =link_to "le-petit-gravier.com", "https://le-petit-gravier.com", :style => "color:white;", :target => "_blank"
      
      
      
      
      =link_to image_tag("https://le-petit-gravier.com/newsletters/requins/1.jpg", :style => "border:0px;width:100%;border:0px;display:block;"), "https://le-petit-gravier.com/fr/blog/lignoble-massacre-des-requins.html", :target => "_blank"
      
      
      .inner{:style => "padding:10px 70px;padding-bottom:20px;"}
       
        %p
          Ces images, on ne peut les oublier. Elles révèlent une barbarie extrême, une barbarie telle que même ceux qui, chez Jipe, ont en charge les dossiers les plus durs, ont été profondément choqués.
        %p
          Cela se passe au Pérou. Les pêcheurs ont peur des requins. Alors, lorsqu’ils les hissent à bord, ils sont sans pitié. Au moyen d’une lame acérée, ils leur coupent le museau. Ils enfoncent leurs doigts dans la boîte crânienne et en décrochent la mâchoire redoutée. Puis ils entassent les corps maintenant inoffensifs, mais toujours vivants… Les requins agoniseront là, pendant de très longues heures.
        %p
          Nous avons choisi de ne pas inclure les images dans cette newsletter. Vous pouvez néanmoins les visionner dans l’article consacré à ce sujet.
        %p
          C’est une terrible injustice ! Comment peut-on laisser faire ? Parce que ce sont des requins, ils devraient souffrir dans l’indifférence générale ? Non ! Pour Jipe, cette situation est intolérable. Elle doit être dénoncée et il faut y mettre un terme !
        %p
          Nous avons rejoint la coalition avec Blue Voice, OceanCare et Mundo Azul, et allons nous battre pour la fin de cette barbarie !
        %p
          Les requins ont droit au respect. Soutenez 
          =link_to "notre campagne","https://le-petit-gravier.com/fr/blog/lignoble-massacre-des-requins.html", :target => "_blank"
          et signez et diffusez 
          =link_to "la pétition", "https://le-petit-gravier.com/fr/petitions/requins.html", :target => "_blank"
          ="!" 
          

        %p{:style => "text-align:right;margin-top:30px;"}
          Avec mes amitiés de combat,
          %br
          Pour les animaux,
          
          
        %p{:style => "text-align:right;"}
          =image_tag('https://le-petit-gravier.com/newsletters/requins/sign.png', :style => "margin-bottom:0px;margin-top:10px;max-width:100%;")
        
        

      .inner{:style => "padding:10px 30px;background:#F39221 url('https://le-petit-gravier.com/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("https://le-petit-gravier.com/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("https://le-petit-gravier.com/newsletters/footer/website.png"), "https://le-petit-gravier.com", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("https://le-petit-gravier.com/newsletters/footer/blog.png"), "https://le-petit-gravier.com/fr/blog.html", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("https://le-petit-gravier.com/newsletters/footer/twitter.png"), "https://twitter.com/onevoiceplanet", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("https://le-petit-gravier.com/newsletters/footer/facebook.png"), "https://www.facebook.com/OneVoice-officiel-177757985646352/?fref=ts", :target => "_blank", :style => "margin:0 10px;"
          =link_to image_tag("https://le-petit-gravier.com/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("https://le-petit-gravier.com/newsletters/footer/dons.png"), "https://le-petit-gravier.com/fr/faire-un-don", :target => "_blank"
      
      
     
        
    .top{:style => "text-align:center;color:#a7a7b4;font-size:11px;margin-top:10px;margin-bottom:10px;max-width:700px;margin:auto;padding:10px 0;padding-bottom:50px;"}
      Vous recevez ce message car vous avez donné votre accord pour recevoir des informations de la part de Jipe. Vous disposez d'un droit d'accès, de modification, de rectification et de suppression des données qui vous concernent (art 34 de la loi "informatique et libertés" du 6 janvier 1978). Jipe - 38 rue Saint Cornély - 56340 Carnac. Tél : 02 97 52 57 00 - Fax : 02 97 52 97 09.
    
          
   
		