diff --git a/app/assets/images/agentconnect-btn-principal-hover.svg b/app/assets/images/agentconnect-btn-principal-hover.svg
new file mode 100644
index 000000000..19dbeb74e
--- /dev/null
+++ b/app/assets/images/agentconnect-btn-principal-hover.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/agentconnect-btn-principal.svg b/app/assets/images/agentconnect-btn-principal.svg
new file mode 100644
index 000000000..d842f6818
--- /dev/null
+++ b/app/assets/images/agentconnect-btn-principal.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/franceconnect-btn-hover.svg b/app/assets/images/franceconnect-btn-hover.svg
new file mode 100644
index 000000000..f1a24a139
--- /dev/null
+++ b/app/assets/images/franceconnect-btn-hover.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/franceconnect-btn.svg b/app/assets/images/franceconnect-btn.svg
new file mode 100644
index 000000000..d70581b70
--- /dev/null
+++ b/app/assets/images/franceconnect-btn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/images/login-with-fc-hover.svg b/app/assets/images/login-with-fc-hover.svg
deleted file mode 100644
index 5a2d16909..000000000
--- a/app/assets/images/login-with-fc-hover.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/app/assets/images/login-with-fc.svg b/app/assets/images/login-with-fc.svg
deleted file mode 100644
index 3a95ff212..000000000
--- a/app/assets/images/login-with-fc.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/app/assets/images/logo-agent-connect.png b/app/assets/images/logo-agent-connect.png
deleted file mode 100644
index 6ad68703c..000000000
Binary files a/app/assets/images/logo-agent-connect.png and /dev/null differ
diff --git a/app/assets/stylesheets/france-connect-agent-login.scss b/app/assets/stylesheets/france-connect-agent-login.scss
index 1d1139385..8b9bf4c6e 100644
--- a/app/assets/stylesheets/france-connect-agent-login.scss
+++ b/app/assets/stylesheets/france-connect-agent-login.scss
@@ -2,10 +2,14 @@
@import "constants";
.france-connect-agent-login-button {
- background-image: image-url("logo-agent-connect.png");
+ background-image: image-url("agentconnect-btn-principal.svg"), image-url("agentconnect-btn-principal-hover.svg");
display: block;
height: 60px;
- width: 230px;
+ width: 206px;
margin: 20px auto;
font-size: 0;
+
+ &:hover {
+ background-image: image-url("agentconnect-btn-principal-hover.svg");
+ }
}
diff --git a/app/assets/stylesheets/france-connect-login.scss b/app/assets/stylesheets/france-connect-login.scss
index 20c66f404..494dd2e57 100644
--- a/app/assets/stylesheets/france-connect-login.scss
+++ b/app/assets/stylesheets/france-connect-login.scss
@@ -19,14 +19,14 @@
width: 230px;
margin: auto;
margin-bottom: 8px;
- background-image: image-url("login-with-fc.svg"), image-url("login-with-fc-hover.svg");
+ background-image: image-url("franceconnect-btn.svg"), image-url("franceconnect-btn-hover.svg");
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
font-size: 0;
&:hover {
- background-image: image-url("login-with-fc-hover.svg");
+ background-image: image-url("franceconnect-btn-hover.svg");
}
}