Add "attention-message"

src/views/SignIn.vue

@@ -61,6 +61,20 @@
               Se connecter
             </b-button>
           </div>
+          <div class="form-row attention-message">
+            <img
+              src="@/assets/attention_image.jpg"
+              height="100"
+            />
+            <p>
+              Vous aviez déjà un compte PIGMA et il s’agit de votre première connexion sur la nouvelle plateforme ?
+              Si tel est le cas, pour des raisons de conformité RGPD, il vous faut regénérer votre mot de passe via 
+              la fonction « Mot de passe oublié ? » disponible ci-dessous.
+              Veuillez renseigner l’adresse mail liée à votre compte PIGMA.
+              Si vous rencontrez un problème veuillez nous contacter à l’adresse mail suivante : 
+              <a href="mailto:pigma@gipatgeri.fr">pigma@gipatgeri.fr</a>
+            </p>
+          </div>
           <div class="form-row">
             <div class="btn-group-vertical">
               <router-link
@@ -231,6 +245,21 @@ export default {
   }
 }
 
+.attention-message {
+  margin-bottom: 0 !important;
+  display: flex;
+  flex-flow: nowrap;
+  align-items: center;
+  img {
+    margin-right: 1em;
+  }
+  p {
+    color: red;
+    text-align: justify;
+    font-size: 0.8em;
+  }
+}
+
 .form-errors {
   color: #EB0600 !important;
 }