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

    :scss
    
      a {
      color: #F19133;text-decoration: none;
      }
      
      a{
        &:hover{
          text-decoration: none !important;
          h1,h2,h3{
          
            
                text-decoration: none !important;
              
            
            
          
          
          }
        }
      }
      
      p{
          line-height:1.3em;
          margin-bottom:0.7em;
        
      }
      
      
      
      
      a:hover, a:focus {
      color: #005580;text-decoration: underline;
      }
      
      *{
        
        line-height:1.3em;
      }
      h1{
          color:white;
          text-align:right;
          
          text-transform:uppercase;
          font-size:16px;
          
      }
      
      h2{
          color:#f15a21;
          
        text-transform:uppercase;
        padding:0;
        margin:0;
        margin-bottom:7px;
        font-size:19px;
      }
      h3{
        color:#f4982a;
        text-transform:uppercase;
        padding:0;
        margin:0;
        margin-top:0px;
        margin-bottom:2px;
        font-size:15px;
      }
      
      table{
        border-collapse:collapse;
        td{
          border:0;
        }
      }
      
      @media screen and (max-width:701px) {
        .inner{
          padding-left:20px !important;
          padding-right:20px !important;
        }
        .content{
          width:auto !important;
          
        }
        td{
          display:block;
          width:auto !important;
          text-align:center !important;
          h1{
            text-align:center !important;
          }
          img{
            margin:10px auto !important;
            max-height:200px;
            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", :target => "_blank"
            %td{:style => "padding:16px 15px;text-align:right;vertical-align:top;"}
              %h1
                L’actualité avec Jipe
      
      
      
      
      =image_tag("https://le-petit-gravier.com/newsletters/actu/1.jpg", :style => "border:0px;width:100%;border:0px;display:block;")
      
      %div{:style => "padding:10px;padding-top:20px;padding-bottom:40px;text-align:center"}
        %h3
          Manifestation
        %h2
          Le 10 juillet :
          %span{:style => "color:black;"}
            rendez-vous devant le Marineland !
          
        %p{:style => "max-width:400px;margin:auto;"}
          Jipe soutient le collectif des Sans Voix PACA.
          %br
          Venez manifester à 13 heures au Rond Point des Groules à Antibes. Les dauphins et les orques n’ont leur place que dans l’océan…
        
        
      %div{:style => "padding:20px 10px;background:#F2F2F2;"}
        %table
          %tr
            %td{:style => "width:50%;vertical-align:top;text-align:center;"}
              =link_to image_tag("https://le-petit-gravier.com/newsletters/actu/2.jpg", :style => "border:0px;width:100%;border:0px;display:block;"), "https://le-petit-gravier.com/fr/u/9ac31f", :target => "_blank"
            %td{:style => "padding-left:15px;"}
              =link_to "https://le-petit-gravier.com/fr/u/9ac31f", :target => "_blank" do
                %h3
                  Pétition
              
              =link_to "https://le-petit-gravier.com/fr/u/9ac31f", :target => "_blank" do
                %h2
                  Liberté pour les prisonniers de Fort Boyard !
                
                
                
          
              %p
                Combien d’animaux souffrent et périssent lors de l’émission Fort Boyard, sous prétexte qu’ils sont sujets de phobies ? Pour qu’ils soient protégés, 
                =raw link_to("signez et partagez notre pétition", "https://le-petit-gravier.com/fr/u/9ac31f", :target => "_blank")+","
                déjà soutenue par 38 associations françaises et internationales ! 
              .more_link
                =link_to("Voir aussi notre article sur cette campagne.", "https://le-petit-gravier.com/fr/u/5b1bf6", :target => "_blank")
                
      
      
      %div{:style => "padding:20px 10px;background:#FAFAFA;"}
        %table
          %tr
            %td{:style => "padding-left:10px;padding-right:15px;"}
              =link_to "https://le-petit-gravier.com/fr/u/723182", :target => "_blank" do
                %h3
                  Justice
              =link_to "https://le-petit-gravier.com/fr/u/723182", :target => "_blank" do
                %h2
                  Condamnation de l’abattoir pour JO
                
          
              %p
                Jipe était partie civile lors du procès de l’abattoir qui a laissé Jo souffrir près de deux jours, le bassin fracturé sous la pluie d’octobre. A la demande de notre avocate, le procureur a requalifié le délit en mauvais traitements, considérant l’agissement de l’abattoir « inadmissible » et  « inquiétant ». 
              .more_link
                =link_to("Découvrez l’histoire de Jo.", "https://le-petit-gravier.com/fr/u/723182", :target => "_blank")
                
            %td{:style => "width:50%;vertical-align:top;"}
              =link_to image_tag("https://le-petit-gravier.com/newsletters/actu/3.jpg", :style => "border:0px;width:100%;border:0px;display:block;text-align:center;"), "https://le-petit-gravier.com/fr/u/723182", :target => "_blank"
                  
      
      %div{:style => "padding:20px 10px;background:white;"}
        %table
          %tr
            %td{:style => "width:45%;vertical-align:top;"}
              =link_to image_tag("https://le-petit-gravier.com/newsletters/actu/4.jpg", :style => "border:0px;width:100%;border:0px;display:block;"), "https://le-petit-gravier.com/fr/u/402812", :target => "_blank"
            %td{:style => "padding-left:15px;"}
              =link_to "https://le-petit-gravier.com/fr/u/402812", :target => "_blank" do
                %h3
                  Université
              =link_to "https://le-petit-gravier.com/fr/u/402812", :target => "_blank" do
                %h2
                  En juillet : une Summer School organisée par Jipe à Oxford
                
          
              %p
                Fin juillet, Jipe organise avec l'Oxford Centre for Animal Ethics, une université d’été sur l’éthique de la consommation d’animaux. Avec des chercheurs du monde entier, elle remettra en perspective les scandales récents concernant l’abattage des animaux, au lendemain de la COP21…  
              .more_link 
                =link_to("Toutes les informations sur cet évènement ici.", "https://le-petit-gravier.com/fr/u/402812", :target => "_blank")
                
                
      
      
      %div{:style => "padding:20px 10px;background:#EEF8FB;"}
        %table
          %tr
            %td{:style => "padding-left:5px;"}
              =link_to "https://le-petit-gravier.com/fr/u/6d22e4", :target => "_blank" do
                %h3{:style => "color:#607DC1;"}
                  Dernière minute
                
          
              %p
                Arturo, l'ours polaire du zoo argentin de Mendoza, était très malade. Il est mort dimanche, après des années de souffrance. 
              %p
                La place des animaux sauvages est dans la nature, pas dans des cages, aussi grandes soient-elles ! Il faut les protéger sur leur territoire, que nous avons le devoir de préserver, absolument.
                
              .more_link 
                =link_to("Plus d'informations dans notre article.", "https://le-petit-gravier.com/fr/u/6d22e4", :target => "_blank")
                
            %td{:style => "width:46%;text-align:center;"}
              =link_to image_tag("https://le-petit-gravier.com/newsletters/actu/5.jpg", :style => "border:0px;width:100%;border:0px;display:block;"), "https://le-petit-gravier.com/fr/u/6d22e4", :target => "_blank"
      
        

      .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/dons2.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.
    
          
   
		