!!!
%html{:lang => "fr" }
  %head
    %meta{ :"http-equiv" => "Content-Type", :content => "text/html; charset=utf-8" }
    :css
      body{
      font-family:Lato, arial,helvetica,sans-serif;
      font-size:16px;
      padding:0;
      margin:0;
      color:#222222;
      
      }
      p{
        margin:15px 0px;
      }
      hr{
      border:0px;
      border-top:1px solid #eeeeee;
    
      }
      a {
      color: #4f81b8;text-decoration: none;
      }
      
      a:hover, a:focus {
      color: #4f81b8;text-decoration: underline;
      }

      img{
        max-width:100%;
        
      }
    :scss
      .aff_table{
        width:100%;
        th, td{
          padding:5px;
          border:1px solid #DDE6D0;
          background:white;
          border-collapse : collapse;
          text-align:center;
        }
        th{
    
          background:#75B339;
          color:white;
          font-weight:normal;
        }
  
        .orange{
          background:#F6F6EE;
          color:#7E7E7E;
    
        }
      }
  %body{:style => "background:#F0F0F0;"}
    %center
      .top{:style => "text-align:center;margin-top:10px;"}
        =link_to image_tag("https://sideplace.com/black_logo.png", :style => "width:180px;margin:10px 0px"), "https://sideplace.com"
      .inner{:style => "border-radius:5px;width:600px;text-align:left;margin:7px auto;background:white;"}
        .content{:style => "padding:15px;line-height:22px;"}= yield
    
        .bottom{:style => "background:#F0F0F0;padding:10px;text-align:center;font-size:13px;"}
          
          %p{:style => "color:#525252;"}
            Si vous ne souhaitez plus recevoir de mails d'informations de Sideplace merci de modifier vos préférences dans votre profil,
            =link_to "en vous connectant sur votre compte Sideplace.", "https://sideplace.com/public/annonce_accounts_auths/new", :style => "color:#525252;"
  