Change Button FranceConnect Connection

app/assets/stylesheets/application.scss

@@ -187,17 +187,18 @@ div.pagination {
 }
 
 .off-fc-link {
-  font-size: 17px !important;
+  font-size: 15px !important;
-  margin-top: -5px;
+  margin-top: -4px;
 }
 
 #fconnect-profile {
-  padding-top: 3px;
+  margin-top: 5px;
   display: inline-block;
 
   a {
     color: #3471A9 !important;
     text-decoration: none;
+    font-size: 16px !important;
     margin-right: 0px !important;
   }
 

app/assets/stylesheets/login.scss

@@ -8,14 +8,11 @@
   padding: 20px;
 
   .btn_fc {
-    margin-top:8%;
-    background-image: image-url('logo_FC_02.png');
-    background-repeat: no-repeat;
-    background-size: 38px;
-    background-position-x: 5px;
-    background-position-y: 1px;
-  }
 
+    img {
+      height: 100px;
+    }
+  }
 
   #new_user{
     width: 80%;
@@ -24,7 +21,6 @@
   }
 
   hr {
-    margin-top: 50px;
     margin-bottom: 40px;
     border: 0;
     height: 1px;

app/views/users/sessions/new.html.haml

@@ -3,20 +3,14 @@
   %br
   %h2#login_user Connexion
 
+  %a.btn_fc#btn_fcp{href: '/france_connect/particulier'}
+    = image_tag 'franceconnect_logo.png'
+
   %br
-  %h3.text-info
+  %a.text-info{href: '#', target: '_blank'}
-    S'identifier grâce à
+    Qu’est-ce que FranceConnect ?
-    %strong
-      France Connect
 
-  %a.btn.btn-default.btn-lg.btn-primary.btn_fc#btn_fcp{href: '/france_connect/particulier'}
-    %div{style:'margin-left:35px'}
-      Particulier
 
-    -#.col-md-6.col-lg-6
-    -#  %a.btn.btn-default.btn-lg.btn-danger.btn_fc#btn_fce{href: '/france_connect/entreprise'}
-    -#    %div{style:'margin-left:35px'}
-    -#      Entreprise
   %hr
   = form_for(resource, as: resource_name, url: session_path(resource_name)) do |f|
     %h4