move messages in content in login page (#15692)

static/css/entrouvert.css

@@ -123,8 +123,8 @@ ul {
 }
 #messages .info:before {
     position: relative;
-    top: 7px;
-    left: -7px;
+    top: -2px;
+    left: -3px;
     display: inline-block;
     font-family: 'Glyphicons Halflings';
     font-style: normal;

templates/authentic2/login.html

@@ -9,6 +9,10 @@
   <li class="active">Connexion</li>
 {% endblock %}
 
+{% block messages %}
+<!-- messages are moved to the "content" block -->
+{% endblock %}
+
 {% block content %}
 <div>
 <h2>Votre compte citoyen</h2>
@@ -22,6 +26,16 @@ auprès de nos services, d’une demande de carte de stationnement ou de demande
 d’intervention du service collecte et propreté...</p> </p>
 </div>
 
+{% if messages %}
+<div id="messages" class="messages-login">
+  <ul class="messages">
+    {% for message in messages %}
+    <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
+    {% endfor %}
+  </ul>
+</div>
+{% endif %}
+
 {% for name, content in methods %}
 <div id="{% if forloop.first %}left{% else %}right{% endif %}">
 <div class="block">