
%p
  -if @nom != "" and @civilite != ""
  
    -if @civilite == "Mr"
      Monsieur
    -else
    
      Madame 
    
    =@nom.to_s+","
  
  -else
    Madame, Monsieur,

%p Merci beaucoup pour votre participation à notre questionnaire !

%p N'hésitez pas à le partager avec vos proches.

%p Jipe vous souhaite un bel été !

-@social_title = ""

.survey_socials_links
  =link_to "https://www.facebook.com/sharer/sharer.php?u=#{@social_url}", :target => "_blank", :class => "link facebook" do
    =image_tag "https://le-petit-gravier.com/newsletters/footer/facebook2.png"
    %div
      Partager sur Facebook

  =link_to "https://twitter.com/intent/tweet?text=#{URI.encode(@twitter_desc)}&url=#{@social_url}", :target => "_blank", :class => "link twitter" do
    =image_tag "https://le-petit-gravier.com/newsletters/footer/twitter2.png"
    %div
      Partager sur Twitter

:scss
   .survey_socials_links{
   text-align:center;
   margin:50px -10px;
   margin-bottom:0;
   .link{
     display:inline-block;
  
     width:220px;
     box-sizing:border-box;
     text-align:center;
     padding:12px 20px;
     position:relative;
  
     margin:0px 20px;
  
     font-size:2.2em;
     div{
    
     font-size:15px;
     font-weight:bold;
     }
     color:white;
  
  
  
     color:white;
      &.mail{
        background:#86be48;
        &:hover{
          background:lighten( #86be48, 5);
     
        }
      }
  
       &.twitter{
         $d_color:rgba(54,174,218,1);
         background: $d_color;
         &:hover{
           background:lighten( $d_color, 5);
      
         }
     }

     &.facebook{
       $d_color:rgba(60,90,150,1);
       background: $d_color;
       &:hover{
         background:lighten( $d_color, 5);
    
       }
    
     }



    }
  }