From ea70bebf16de53c0c5afd6e39f824e682d1865aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabrice=20PENHO=C3=8BT?= <fabrice@le-fab-lab.com>
Date: Fri, 4 Sep 2020 12:58:44 +0200
Subject: [PATCH] =?UTF-8?q?Revue=20HTML/CSS=20pour=20obtenir=20une=20seule?=
 =?UTF-8?q?=20feuille=20de=20style=20+=20int=C3=A9gration=20mobile,=20avec?=
 =?UTF-8?q?=20l'aide=20de=20Vincent=20Le=20Vert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/404.html                         |   17 +-
 front/public/a-propos.html                    |   55 +-
 front/public/accueil.html                     |   18 +-
 front/public/aurevoir.html                    |    8 +-
 front/public/compte.html                      |   62 +-
 front/public/connexion.html                   |   23 +-
 front/public/contact.html                     |   18 +-
 front/public/credits.html                     |    8 +-
 front/public/donnees.html                     |   47 +-
 front/public/img/e-mail.png                   |  Bin 0 -> 29033 bytes
 front/public/inscription.html                 |   34 +-
 front/public/login.html                       |    6 +-
 front/public/merci.html                       |   10 +-
 front/public/newlogin.html                    |   13 +-
 front/public/sortie.html                      |   10 +-
 front/public/stop-mail.html                   |   13 +-
 .../themes/wikilerni/css/account-mobile.css   |   67 -
 front/public/themes/wikilerni/css/account.css |   49 -
 .../themes/wikilerni/css/common-mobile.css    |  314 ----
 front/public/themes/wikilerni/css/common.css  |  252 ---
 .../themes/wikilerni/css/home-mobile.css      |  160 --
 front/public/themes/wikilerni/css/home.css    |  131 --
 .../wikilerni/css/links-page-mobile.css       |   28 -
 .../themes/wikilerni/css/links-page.css       |   27 -
 .../themes/wikilerni/css/list-mobile.css      |  176 ---
 front/public/themes/wikilerni/css/list.css    |  152 --
 .../themes/wikilerni/css/login-mobile.css     |   97 --
 front/public/themes/wikilerni/css/login.css   |   71 -
 .../themes/wikilerni/css/menu-mobile.css      |   30 -
 front/public/themes/wikilerni/css/menu.css    |   18 -
 .../themes/wikilerni/css/pages-mobile.css     |   90 --
 front/public/themes/wikilerni/css/pages.css   |   63 -
 .../themes/wikilerni/css/quiz-mobile.css      |  180 ---
 front/public/themes/wikilerni/css/quiz.css    |  209 ---
 .../themes/wikilerni/css/signup-mobile.css    |   97 --
 front/public/themes/wikilerni/css/signup.css  |   73 -
 front/public/themes/wikilerni/css/style.css   | 1385 +++++++++++++++++
 front/public/validation.html                  |   11 +-
 views/wikilerni/config/fr.js                  |   19 +-
 views/wikilerni/home.pug                      |    8 +-
 .../includes/listing-questionnaires.pug       |   16 +-
 views/wikilerni/layout.pug                    |    7 +-
 views/wikilerni/newQuestionnaires.pug         |    9 +-
 views/wikilerni/quiz.pug                      |   16 +-
 views/wikilerni/tag.pug                       |    4 -
 45 files changed, 1583 insertions(+), 2518 deletions(-)
 create mode 100644 front/public/img/e-mail.png
 delete mode 100644 front/public/themes/wikilerni/css/account-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/account.css
 delete mode 100644 front/public/themes/wikilerni/css/common-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/common.css
 delete mode 100644 front/public/themes/wikilerni/css/home-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/home.css
 delete mode 100644 front/public/themes/wikilerni/css/links-page-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/links-page.css
 delete mode 100644 front/public/themes/wikilerni/css/list-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/list.css
 delete mode 100644 front/public/themes/wikilerni/css/login-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/login.css
 delete mode 100644 front/public/themes/wikilerni/css/menu-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/menu.css
 delete mode 100644 front/public/themes/wikilerni/css/pages-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/pages.css
 delete mode 100644 front/public/themes/wikilerni/css/quiz-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/quiz.css
 delete mode 100644 front/public/themes/wikilerni/css/signup-mobile.css
 delete mode 100644 front/public/themes/wikilerni/css/signup.css
 create mode 100644 front/public/themes/wikilerni/css/style.css

diff --git a/front/public/404.html b/front/public/404.html
index 3dca8ed..e4265f8 100644
--- a/front/public/404.html
+++ b/front/public/404.html
@@ -10,10 +10,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
     </head>
 
     <body class="cardboard">
@@ -30,20 +27,22 @@
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
-            <div class="framed">
+           <div class="framed engraved">
                 <h2>Page non trouvée !</h2>
-                <p class="engraved">La page que vous demandez n'a pas été trouvée !<br>Peut-être a-t'elle été supprimée ou déplacée ?</p>
-                <p class="engraved">
+                <p>La page que vous demandez n'a pas été trouvée !<br><a href="/">Aller à la page d'accueil !</a></p>
+                <p>
                     <figure>
                         <img alt="Illustration : page non trouvée" src="/img/404-notfound.png">
                         <figCaption>Crédit illustration : <a title="coursetakers.ae / CC BY-SA (https://creativecommons.org/licenses/by-sa/4.0)" href="https://commons.wikimedia.org/wiki/File:Found_nothing.png">CC BY-SA coursetakers.ae</a></figCaption>
-                    </figure></p>
+                    </figure>
+                </p>
             </div>
         </div>
+        
         <footer class="cardboard">
             <ul id="footLinks">
                 <li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
diff --git a/front/public/a-propos.html b/front/public/a-propos.html
index de82314..af9cf4d 100644
--- a/front/public/a-propos.html
+++ b/front/public/a-propos.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
         <link rel="canonical" href="https://www.wililerni.com/a-propos.html">
     </head>
 
@@ -25,20 +22,21 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
             
-            <div class="framed">
+            <div class="framed engraved">
                 <h2>Qu'est-ce que WikiLerni ?</h2>
 
-                <p class="engraved">WikiLerni vous propose de <b>lire une sélection d'articles de Wikipédia</b>.<br>
+                <p>WikiLerni vous propose de <b>lire une sélection d'articles de Wikipédia</b>.<br>
                 Suite à chaque lecture, une série de questions vous permet de <b>tester ce que vous avez retenu</b>.<br>
                 Toutes les réponses à ce quiz se trouvent dans l'article proposé à la lecture.<br>
                 Vous pouvez sauvegarder vos résultats au quiz en <a href="/inscription.html">créant un compte WikiLerni</a>.<br>
@@ -47,7 +45,7 @@
                 
                 <h2>Que signifie "WikiLerni" ?</h2>
 
-                <p class="engraved">Le nom "WikiLerni" est composé de deux parties :
+                <p>Le nom "WikiLerni" est composé de deux parties :
                 <ul>
                     <li>« Wiki » fait évidemment référence à l'encyclopédie en ligne Wikipédia. Comme je vous sais curieux, sachez que le terme « wiki » vient lui-même du mot hawaïen « wikiwiki » signifiant « rapide », « vite » ou « informel ».</li>
                     <li>« Lerni » est un verbe espéranto signifiant « apprendre » ou encore « étudier ». Vous pouvez penser à « learn » en anglais ou encore « lernen » en allemand.</li>
@@ -57,69 +55,68 @@
                 
                 <h2>À qui s'adresse WikiLerni ?</h2>
 
-                <p class="engraved"><b>À toute personne curieuse aimant apprendre de nouvelles choses !</b><br>
+                <p><b>À toute personne curieuse aimant apprendre de nouvelles choses !</b><br>
                 Contrairement à d'autres sites de quiz testant votre culture générale, WikiLerni ne vous demande pas d'être déjà très "savants", même si vous l'êtes forcément, au moins dans certains domaines.<br>
                 <b>Mais vous êtes ici pour apprendre</b> et toutes les réponses aux questions des quizs se trouvent dans l'article qui vous est proposé à la lecture.<br>
                 C'est donc une façon ludique d'<b>apprendre de nouvelles choses, sur des sujets auxquels vous ne vous seriez peut-être jamais intéressé par vous-même</b>.</p>
 
                 <h2>Est-il nécessaire de créer un compte pour utiliser WikiLerni ?</h2>
 
-                <p class="engraved">Non, vous pouvez <a href="/quizs" title="Voir les dernières mises à jour">parcourir librement WikiLerni</a> sans avoir besoin d'être connecté au site. <b>Cependant créer un compte vous permettra de :</b>
+                <p>Non, vous pouvez <a href="/quizs" title="Voir les dernières mises à jour">parcourir librement WikiLerni</a> sans avoir besoin d'être connecté au site. <b>Cependant créer un compte vous permettra de :</b>
                 <ul>
-                    <li>Sauvegarder vos résultats aux quizs</li>
-                    <li>Recevoir des suggestions de nouvelles lectures, directement par e-mail</li>
-                    <li>Faciliter votre navigation via un moteur de recherche interne à WikiLerni</li>
+                    <li>Sauvegarder vos résultats aux quizs.</li>
+                    <li>Recevoir régulièrement des propositions de lectures/quizs, directement par e-mail.</li>
+                    <li>Faciliter votre navigation parmi les quizs via un moteur de recherche interne à WikiLerni.</li>
                     <li> + d'autres fonctionnalités à venir...</li>
                 </ul></p>
 
                 <h2>Comment sont sélectionnés les articles proposés par WikiLerni ?</h2>
 
-                <p class="engraved">Tout comme Wikipédia, <b>WikiLerni se veut éclectique</b>.<br>
+                <p>Tout comme Wikipédia, <b>WikiLerni se veut éclectique</b>.<br>
                 Donc il vous sera proposé des articles sur des sujets très variés : sciences, arts, histoire, littérature, mythologie, géographie, culture populaire, etc.<br>
                 Il n'y aucun sujet qui ne soit pas digne d'intérêt à priori. <b>Seront évités des articles indiqués par Wikipédia comme de faible qualité, sujets à polémique ou encore réclamant trop de connaissances préalables pour être compris</b>.</p>
 
-                <p class="engraved">Les articles proposés à la lecture peuvent être de longueurs variées.<br>
+                <p>Les articles proposés à la lecture peuvent être de longueurs variées.<br>
                 Une estimation de la durée de lecture vous est indiquée sur la page du quiz ou encore dans les e-mails reçus si vous êtes abonné.<br>
                 Vous pourrez ainsi choisir de laisser de côté un article un peu long pour y revenir quand vous aurez plus de temps.<br>
-                <b>Et vous êtes intéressé par WikiLerni, mais que le temps vous manque pour lire les articles</b>, libre à vous de simplement essayer de répondre au quiz. Après l'envoi de vos réponses, <b>des extraits de l'article Wikipédia apparaissent en dessous de chaque question</b>.<br>C'est rapide et vous pouvez déjà apprendre pas mal de choses de cette manière.</p>
+                <b>Et si vous êtes intéressé par WikiLerni, mais que le temps vous manque pour lire les articles</b>, libre à vous de simplement essayer de répondre au quiz. Après l'envoi de vos réponses, <b>des extraits de l'article Wikipédia apparaissent en dessous de chaque question</b>.<br>C'est rapide et vous pouvez déjà apprendre pas mal de choses de cette manière.</p>
 
-                <p class="engraved">Pour l'instant, les articles proposés sont uniquement francophones.<br>
-                Mais suivant le succès du site, des versions dans d'autres langues pourront être envisagées.<br>
-                Si vous souhaitez vous-même lancer une version dans une autre langue, mais n'avez pas les compétences techniques pour le faire, n'hésitez <a href="/contact.html">à me contacter</a> pour un éventuel partenariat.</p>
+                <p>Pour l'instant, les articles proposés sont uniquement francophones.<br>
+                Mais suivant le succès du site, des versions de WikiLerni dans d'autres langues pourront être envisagées.</p>
 
                 <h2>Quel lien entre WikiLerni et Wikipédia ?</h2>
 
-                <p class="engraved">Puisque toutes les suggestions de lecture de WikiLerni vous amènent sur Wikipédia, le lien est évident.<br>
+                <p>Puisque toutes les suggestions de lecture de WikiLerni vous amènent sur Wikipédia, le lien est évident.<br>
                 Pour autant, <b>WikiLerni n'est pas un projet porté par la fondation Wikipédia</b>, ni par une de ses associations locales, mais est un projet indépendant.<br>
                 Au-delà de ce lien pratique, <b>WikiLerni se veut très proche de l'esprit de Wikipédia en partageant son attrait pour la culture libre et le "libre" en général</b>.<br>L'application faisant fonctionner WikiLerni est un logiciel libre, c'est-à-dire que toute personne peut l'utiliser, étudier son code, le modifier, le distribuer selon son souhait.<br>Ceci est également vrai pour le graphisme du site et les quizs eux-mêmes : texte d'introduction, questions/réponses, illustrations... Sauf exceptions indiquées. Pour en savoir plus sur ce sujet, <a href="/credits.html">lisez cette page</a>.</p>
                 
                 <h2>Est-ce que WikiLerni est gratuit ?</h2>
 
-                <p class="engraved">Oui.. Et non ! Réponse de Normand venant d'un Breton ? :-)<br>Vous pouvez tout à fait parcourir WikiLerni, lire les articles proposés et répondre aux quizs.<br>
-                <b>Tout cela se fait sans avoir besoin de vous abonner et donc gratuitement</b>.<br>Par contre, si vous souhaitez garder vos résultats, recevoir par mail de nouvelles suggestions de lectures... Vous devrez alors vous abonner au site.<br>Vous pourrez alors <b>tester gratuitement l'abonnement pendant une période de découverte</b>.<br>Ensuite, vous serez invité à souscrire à un abonnement, mais à un prix "libre", c'est-à-dire que différentes possibilités vous seront proposées.<br>Tout le monde n'a pas les mêmes moyens, ni le même intérêt pour le WikiLerni, donc à vous de choisir en conscience.</p>
-                <p class="engraved">Vous aimez WikiLerni, mais ne pouvez vraiment pas payer pour ce service ? <a href="/contact.html">Contactez-moi</a>. Vous n'avez pas à vous justifier.<br>De même, si aucune des options ne vous convient ou encore si vous préférez un autre moyen de paiement (chèque, virement...), <a href="/contact.html">contactez-moi</a> pour me dire ce que vous souhaitez. Des abonnements de groupe (famille, écoles, associations...) ou autres formules peuvent aussi être envisagées, dans la mesure où cela sera techniquement possible.<br>Bref, <b>nous sommes ici plus dans l'esprit d'un financement participatif que dans celui d'un abonnement classique</b>.<br>En souscrivant à un abonnement, vous permettez à WikiLerni d'exister</b>.</p>
+                <p>Oui.. Et non ! Réponse de Normand venant d'un Breton ? :-)<br>Vous pouvez tout à fait parcourir WikiLerni, lire les articles proposés et répondre aux quizs.<br>
+                <b>Tout cela se fait sans avoir besoin de vous abonner et donc gratuitement</b>.<br>Par contre, si vous souhaitez garder vos résultats, recevoir par mail des suggestions de lectures..., vous devrez alors vous abonner au site.<br>Vous pourrez alors <b>tester gratuitement l'abonnement pendant une période de découverte</b>.<br>Ensuite, vous serez invité à souscrire à un abonnement, mais à un prix "libre", c'est-à-dire que différentes possibilités vous seront proposées.<br>Tout le monde n'a pas les mêmes moyens, ni le même intérêt pour le WikiLerni, donc à vous de choisir en conscience.</p>
+                <p>Vous aimez WikiLerni, mais ne pouvez vraiment pas payer pour ce service ? <a href="/contact.html">Contactez-moi</a>. Vous n'avez pas à vous justifier.<br><b>Nous sommes ici plus dans l'esprit d'un financement participatif que dans celui d'un abonnement classique</b>.<br>En souscrivant à un abonnement, vous permettez à WikiLerni d'exister</b>.</p>
 
                 <h2>À quoi va servir l'argent de mon abonnement ?</h2>
-                <p class="engraved">Cet argent va principalement servir à :
+                <p>Cet argent va principalement servir à :
                 <ul>
                     <li>Payer les frais techniques liés au site : serveurs, routeurs e-mail, paiement en ligne...</li>
                     <li>Développer le logiciel libre permettant à WikiLerni de fonctionner.</li>
-                    <li>Consacrer du temps à sélectionner les articles Wikipédia et préparer les questions. Croyez-moi, cela prend du temps !</li>
+                    <li>Consacrer du temps à sélectionner les articles Wikipédia et préparer les questions. <b>Croyez-moi, cela prend du temps !</b></li>
                     <li>Gérer le site au quotidien : répondre à vos messages, communiquer, etc.</li>
                 </ul></p>
-                <p class="engraved"><b>Tout cela sans vous imposer de publicités ou faire commerce de vos données personnelles.</b><br>
-                Par ailleurs, une partie des bénéfices nets de WikiLerni seront distribués sous forme de dons à l'<a href="https://www.wikimedia.fr/" target="_blank">association Wikimédia France</a> et aux développeurs des logiciels libres utilisés par WikiLerni.<br>Je parle de bénéfices "nets", car au-delà des frais de fonctionnement, mon activité étant déclarée, il faut y soustraire TVA, cotisations, etc.<br><br>
+                <p><b>Tout cela sans vous imposer de publicités ou faire commerce de vos données personnelles.</b></p>
+                <p>Par ailleurs, une partie des bénéfices nets de WikiLerni seront distribués sous forme de dons à l'<a href="https://www.wikimedia.fr/" target="_blank">association Wikimédia France</a> et aux développeurs des logiciels libres utilisés par WikiLerni.<br>Je parle de bénéfices "nets", car au-delà des frais de fonctionnement, mon activité étant déclarée, il faut y soustraire TVA, cotisations, etc.<br><br>
                 <b>Pas de publicité, respect de vos données personnelles, activité déclarée en France... Cela change, non ?</b></p>
                 
                 <h2>Comment puis-je aider WikiLerni ?</h2>
 
-                <p class="engraved">Tout d'abord en l'utilisant et <a href="/contact.html">me retournant</a> vos éventuelles remarques.<br>
+                <p>Tout d'abord en l'utilisant et <a href="/contact.html">me retournant</a> vos éventuelles remarques.<br>
                 <b>Un bug ? Une erreur d'orthographe ? Une suggestion de fonctionnalité ? Quelque chose que vous ne comprenez pas ? N'hésitez pas à me le dire, cela m'intéresse</b>.<br>
                 Ensuite, si vous avez les moyens, vous pouvez souscrire un abonnement payant pour permettre au projet de perdurer.<br>
                 Et WikiLerni n'ayant pas les moyens des grandes sociétés pour communiquer, vous pouvez aussi en parler autour de vous, en ligne ou dans la vie de tous les jours. <b>Vous le savez sans doute, rien ne vaut le bouche-à-oreille !</b><br>
                 Un système de parrainage est d'ailleurs prévu pour vous récompenser : à chaque fois qu'une personne inscrite en vous désignant comme "parrain" souscrit un abonnement payant, votre propre abonnement se trouve prolongé de 30 jours.</p>
 
-                <h2><a class="button cardboard" href="/inscription.html" title="Tester gratuitement WikiLerni">Tester WikiLerni.</a></h2>
+                <p class="btn"><a class="button cardboard" href="/inscription.html" title="Tester gratuitement WikiLerni">Tester gratuitement WikiLerni.</a></p>
             </div>
 
         </div>
diff --git a/front/public/accueil.html b/front/public/accueil.html
index 65ebd98..3b62253 100644
--- a/front/public/accueil.html
+++ b/front/public/accueil.html
@@ -10,12 +10,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/homeUser.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 871px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 870px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/home.css" media="screen and (min-width: 751px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/home-mobile.css" media="screen and (max-width: 750px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/menu.css" media="screen and (min-width: 751px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/menu-mobile.css" media="screen and (max-width: 750px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
     </head>
         
     <body class="cardboard">
@@ -27,6 +22,7 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
 
@@ -37,8 +33,8 @@
             <ul id="menu" class="cardboard">
                 <li><a href="/accueil.html">MON WIKILERNI</a></li>
                 <li><a href="/compte.html#infos" title="Email, mot de passe">Mes informations</a></li>
-                <li><a href="/compte.html#subscribe" class="pure-menu-link">Mon abonnement</a></li>
-                <li><a href="/sortie.html" class="pure-menu-link">Me déconnecter</a></li>
+                <li><a href="/compte.html#subscribe">Mon abonnement</a></li>
+                <li><a href="/sortie.html">Me déconnecter</a></li>
             </ul>
 
             
@@ -50,9 +46,9 @@
                 <form id="search" method="POST">
                     <input id="searchQuestionnaires" type="text" name="searchQuestionnaires" placeholder="Votre recherche" class="cardboard" />
                     <input id="begin" type="hidden" name="begin" value="0">
-                    <input type="submit" value="Chercher" class="cardboard" />
-                    <div class="line"><label for="onlyAnswers" class="check"><input type="checkbox" id="onlyAnswers" name="onlyAnswers" /><div class="checkbox_override"></div> Parmi mes réponses.</label></div>
-                    <div class="line"><button type="button" id="random" class="button cardboard">Au hasard !</button></div>
+                    <div class="line"><label for="onlyAnswers" class="check"><input type="checkbox" id="onlyAnswers" name="onlyAnswers" /><div class="checkbox_override"></div> Parmi mes réponses.</li></div>
+                    <input type="submit" value="Chercher" class="cardboard" /><br>
+                    <button type="button" id="random" class="button cardboard">Au hasard !</button>
                 </form>
 
 
diff --git a/front/public/aurevoir.html b/front/public/aurevoir.html
index 1dd945a..ce894a7 100644
--- a/front/public/aurevoir.html
+++ b/front/public/aurevoir.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/deleteValidation.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">      
     </head>
     
     <body class="cardboard">
@@ -24,12 +21,13 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
             <h1 class="cardboard">Validation de la suppression de votre compte</h1>
             <div id="response"><p class="error">Si vous voyez ce message, c'est que votre lien de validation n'est pas valide ou a expiré. Vous pouvez <a href="/compte.html">en demander un nouveau en cliquant ici</a>.</p></div>
         </div>
diff --git a/front/public/compte.html b/front/public/compte.html
index 6d96bc2..5dad01a 100644
--- a/front/public/compte.html
+++ b/front/public/compte.html
@@ -9,12 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/accountUser.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 871px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 870px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/account.css" media="screen and (min-width: 990px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/account-mobile.css" media="screen and (max-width: 989px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/menu.css" media="screen and (min-width: 751px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/menu-mobile.css" media="screen and (max-width: 750px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">        
     </head>
 
     <body class="cardboard">
@@ -26,6 +21,7 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
 
@@ -50,8 +46,8 @@
                     <fieldset><label for="newPassword">Nouveau mot de passe</label><input id="newPassword" type="password" name="newPassword" class="cardboard">
                     <div id="newPasswordMessage"><span class="info">Laisser vide sauf si vous souhaitez le changer.</span></div></fieldset>
                     <div class="framed">
-                        <p>Par défaut un nouveau quiz vous est proposé tous les jours. Vous pouvez préciser ci-dessous les jours souhaités.</p>
-                        <ul class="checkbox_list">
+                        <p>Quels jours  de la semaine souhaitez-vous recevoir un quiz ?</p>
+                        <ul class="checkbox_li">
                             <li class="checkbox_li">
                                 <label for="d2" class="check"><input type="checkbox" id="d2" name="d2" value="true" /><div class="checkbox_override"></div> Lundi.</label>
                             </li>
@@ -74,44 +70,46 @@
                                 <label for="d1" class="check"><input type="checkbox" id="d1" name="d1" value="true" /><div class="checkbox_override"></div> Dimanche.</label>
                             </li>
                         </ul>
+                        <p>Vous recevrez chaque jour sélectionné un des quizs restants parmi ceux qui ne vous ont pas encore été proposés. Ensuite, un au hasard parmi tous les quizs.</p>
                     </div>
-                    <ul class="checkbox_list">
+                    <ul class="checkbox_li">
                         <li class="checkbox_li">
-                            <label for="noticeOk" class="check"><input type="checkbox" id="noticeOk" name="noticeOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir les nouveaux quizs par email.</label>                 
+                            <label for="noticeOk" class="check"><input type="checkbox" id="noticeOk" name="noticeOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir les suggestions de quiz par email.</label>                 
                         </li>
-                        <li class="checkbox_list">
-                            <label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> J'accepte de recevoir d'autres messages ponctuels de WikiLerni (nouvelles fonctionnalités ...).</label>   
+                        <li class="checkbox_li">
+                            <label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> J'accepte de recevoir des messages ponctuels de WikiLerni (nouvelles fonctionnalités ...).</label>   
                         </li>
-                        <li class="checkbox_list">
+                        <li class="checkbox_li">
                             <label for="deleteOk" class="check"><input type="checkbox" id="deleteOk" name="deleteOk" value="true" /><div class="checkbox_override"></div> <span class="error">Je souhaite supprimer mon compte utilisateur.</span></label> 
 
                         </li>
                     </ul>
-                    <div class="input_wrapper"><input type="submit" value="Valider" class="cardboard" id="submitDatas" /></div>
+                    <div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" id="submitDatas" /></div>
                 </form>
                 <div id="response"></div>               
                 
                 <h1 class="cardboard" id="subscribe">Votre abonnement</h1>
                 <div id="subscribeIntro"></div>
-                <!--<div class="info">Pour l'instant le paiement en ligne n'est pas encore possible.</div>-->
-                <ul class="checkbox_list">
-                    <li class="checkbox_li">
-                        <label for="abo12" class="check"><input type="checkbox" id="abo12" name="abo12" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>1 € TTC/mois</b>, soit 12 € TTC.</label> 
-                    </li>
-                    <li class="checkbox_li">
-                        <label for="abo24" class="check"><input type="checkbox" id="abo24" name="abo24" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>2 € TTC/mois</b>, soit 24 € TTC.</label> 
-                    </li>
-                    <li class="checkbox_li">
-                        <label for="abo60" class="check"><input type="checkbox" id="abo60" name="abo60" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>5 € TTC/mois</b>, soit 60 € TTC.</label> 
-                    </li>
-                    <li class="checkbox_li">
-                        <label for="abo120" class="check"><input type="checkbox" id="abo120" name="abo120" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>10 € TTC/mois</b>, soit 120 € TTC.</label> 
-                    </li>                    
+                <form>
+                    <ul class="checkbox_li">
+                        <li class="checkbox_li">
+                            <label for="abo12" class="check"><input type="checkbox" id="abo12" name="abo12" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>1 € TTC/mois</b>, soit 12 € TTC.</label> 
+                        </li>
+                        <li class="checkbox_li">
+                            <label for="abo24" class="check"><input type="checkbox" id="abo24" name="abo24" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>2 € TTC/mois</b>, soit 24 € TTC.</label> 
+                        </li>
+                        <li class="checkbox_li">
+                            <label for="abo60" class="check"><input type="checkbox" id="abo60" name="abo60" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>5 € TTC/mois</b>, soit 60 € TTC.</label> 
+                        </li>
+                        <li class="checkbox_li">
+                            <label for="abo120" class="check"><input type="checkbox" id="abo120" name="abo120" value="true" /><div class="checkbox_override"></div> J'accepte de payer <b>10 € TTC/mois</b>, soit 120 € TTC.</label> 
+                        </li>                    
 
-                    <li class="checkbox_li">
-                        <label for="CGVOk" class="check" title="Vous devez d'abord choisir le montant de votre abonnement."><input type="checkbox" id="CGVOk" name="CGVOk" value="true" /><div class="checkbox_override"></div> <span class="info">J'ai lu et accepte les <a href="/CGV-CGU.html" target="_blank" rel="noopener">Condition Générales de Vente</a> (obligatoire).</span></label> 
-                    </li>
-                </ul>
+                        <li class="checkbox_li">
+                            <label for="CGVOk" class="check" title="Vous devez d'abord choisir le montant de votre abonnement."><input type="checkbox" id="CGVOk" name="CGVOk" value="true" /><div class="checkbox_override"></div> <span class="info">J'ai lu et accepte les <a href="/CGV-CGU.html" target="_blank" rel="noopener">Condition Générales de Vente</a> (obligatoire).</span></label> 
+                        </li>
+                    </ul>
+                </form>
          
                 <div id="WPBtns">
                     <script type="text/javascript">
diff --git a/front/public/connexion.html b/front/public/connexion.html
index 4ee0c0f..77e4ae3 100644
--- a/front/public/connexion.html
+++ b/front/public/connexion.html
@@ -9,11 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/connection.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/login.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/login-mobile.css" media="screen and (max-width: 969px)">
-        <link rel="canonical" href="https://www.wililerni.com/connexion.html">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">         
     </head>
 
     <body class="cardboard">
@@ -25,19 +21,20 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="login" class="cardboard">
             
             <h1 class="cardboard">Connectez-vous à WikiLerni</h1>
             <noscript>Désolé, mais pour l'instant, l'utilisation de WikiLerni nécessite l'activation du JavaScript.</noscript>
-            <p class="engraved framed">Pas de compte WikiLerni ? <a href="/inscription.html">créez-le ici</a>.</p>
+            <p class="engraved framed"><b>Pas encore de compte WikiLerni ? <a href="/inscription.html">créez-le ici</a></b>.</p>
             <div id="message"></div>
             <form class="needJS" id="connection" method="POST">
                 <fieldset>
@@ -47,7 +44,7 @@
                 <fieldset>
                         <label for="password">Mot de passe :</label>
                         <input id="password" type="password" name="password" placeholder="Votre mot de passe" class="cardboard">
-                        <div id="passwordMessage" class="cardboard"><i>Oublié ? Alors laissez vide et cochez la case ci-dessous.</i></div>
+                        <div id="passwordMessage" class="cardboard"><span class="info">Oublié ? Alors laissez vide et cochez la case ci-dessous.</span></div>
                 </fieldset>
 
                 <ul class="checkbox_li">
@@ -60,16 +57,16 @@
                 </ul>
 
                 <div class="input_wrapper">
-                    <input id="submitDatas" type="submit" value="Valider" class="cardboard" />
+                    <input id="submitDatas" type="submit" value="Valider." class="cardboard" />
                 </div>
             </form>
             <div id="response"></div>
 
-            <div class="framed">
+            <div id="explanations" class="framed engraved">
                 <h2>Besoin d'aide ?</h2>
-                <p class="engraved">Si vous avez <b>oublié votre mot de passe</b>, il vous suffit de cocher la case "Je souhaite recevoir un lien de connexion par e-mail". Un lien valide pendant une courte durée vous permettra de vous connecter au site.</p>
-                <p class="engraved">Si vous ne vous souvenez pas non plus de l'adresse e-mail utilisée sur ce site ou que vous n'y avez plus accès, vous pouvez <a href="/contact.html">me contacter</a>, en fournissant des informations permettant de vous identifier.</p>
-                <p class="engraved">La case <b>"Je souhaite ne pas avoir à me connecter à chaque fois."</b> vous permettra de rester connecté jusqu'à 6 mois, pour peu que vous utilisiez le même navigateur internet sur le même ordinateur.</p>
+                <p>Si vous avez <b>oublié votre mot de passe</b>, il vous suffit de cocher la case "Je souhaite recevoir un lien de connexion par e-mail". Un lien valide pendant une courte durée vous permettra de vous connecter au site.</p>
+                <p>Si vous ne vous souvenez pas non plus de l'adresse e-mail utilisée sur ce site ou que vous n'y avez plus accès, vous pouvez <a href="/contact.html">me contacter</a>, en fournissant des informations permettant de vous identifier.</p>
+                <p>La case <b>"Je souhaite ne pas avoir à me connecter à chaque fois."</b> vous permettra de rester connecté jusqu'à 6 mois, pour peu que vous utilisiez le même navigateur internet sur le même ordinateur.</p>
             </div>
 
         </div>
diff --git a/front/public/contact.html b/front/public/contact.html
index 59c11ee..5f613d7 100644
--- a/front/public/contact.html
+++ b/front/public/contact.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
     </head>
 
     <body class="cardboard">
@@ -24,21 +21,28 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
-            <div class="framed">
+            <div class="framed engraved">
                 <h2>Page de contact</h2>
                 <p>Pour me contacter, le plus simple est de m'écrire sur l'adresse suivante : <a href="mailto:bonjour@wikilerni.com">bonjour@wikilerni.com</a><br><br>J'essayerai de vous répondre au plus tôt.</p>
                 <p>Si vous souhaitez échanger par téléphone, merci d'indiquer vos coordonnées téléphoniques, ainsi que les créneaux horaires où vous êtes généralement disponibles.</p>
                 <p>D'une manière générale, <b>merci de préciser votre demande dans votre message !</b> Ma boule de cristal fonctionne fort mal :)</p>
-                <p>Si vous êtes adepte du chiffrement des e-mails, vous pouvez <a href="/WikiLerni-pub.asc">télécharger ma clé OpenPGP publique</a>.<br>Si vous ne savez pas de quoi il s'agit, ne vous en préoccupez pas, mais les intéressés devraient apprécier :)</p>
+                <p>Si vous êtes adepte du chiffrement des e-mails, vous pouvez <a href="/WikiLerni-pub.asc">télécharger ma clé OpenPGP publique</a>. Si vous ne savez pas de quoi il s'agit, ne vous en préoccupez pas, mais les intéressés devraient apprécier :)</p>
+                <p>
+                    <figure>
+                        <img alt="Illustration : e-mail" src="/img/e-mail.png">
+                        <figCaption>Crédit illustration : <a title="Bruce The Deus / CC BY-SA (https://creativecommons.org/licenses/by-sa/4.0)" href="https://commons.wikimedia.org/wiki/File:Mail_ValeJappo.png">Bruce The Deus / CC BY-SA</a></figCaption>
+                    </figure>
+                </p>
             </div>
         </div>
         <footer class="cardboard">
diff --git a/front/public/credits.html b/front/public/credits.html
index 7ff5d8b..38cec50 100644
--- a/front/public/credits.html
+++ b/front/public/credits.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
         <link rel="canonical" href="https://www.wililerni.com/credits.html">
     </head>
 
@@ -25,12 +22,13 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
diff --git a/front/public/donnees.html b/front/public/donnees.html
index 4fcdd03..b8251d0 100644
--- a/front/public/donnees.html
+++ b/front/public/donnees.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
         <link rel="canonical" href="https://www.wililerni.com/donnees.html">
     </head>
 
@@ -25,73 +22,73 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
-            
-            <div class="framed">
+            <div class="framed engraved">
 
                 <h2>Données, données, données...</h2>
                 
-                <p class="engraved"><b>CNIL, RGPD</b>... aujourd'hui toutes les organisations souhaitent montrer patte blanche quant au bon usage qu'elles font de vos données personnelles. Cela avec plus ou moins de sincérité et de pédagogie...<br>Ici, je vous explique par le détail <b>quelles données sont traitées par WikiLerni et dans quel but</b>.<br>À noter que cette page ne remplace pas les <a href="/CGV-CGU.html">CGU &amp; CGV du site</a> que vous ne manquerez pas de lire et accepter avant de vous inscrire :)</p>
+                <p><b>CNIL, RGPD</b>... aujourd'hui toutes les organisations souhaitent montrer patte blanche quant au bon usage qu'elles font de vos données personnelles. Cela avec plus ou moins de sincérité et de pédagogie...<br>Ici, je vous explique par le détail <b>quelles données sont traitées par WikiLerni et dans quel but</b>.<br>À noter que cette page ne remplace pas les <a href="/CGV-CGU.html">CGU &amp; CGV du site</a> que vous ne manquerez pas de lire et accepter avant de vous inscrire :)</p>
                 
                 <h2>Les données liées à votre abonnement</h2>
 
-                <p class="engraved">Lorsque vous créez votre compte, vous devez choisir <b>un pseudonyme</b> qui est complètement libre, donc vous n'êtes pas obligé de saisir votre vrai nom.</p>
+                <p>Lorsque vous créez votre compte, vous devez choisir <b>un pseudonyme</b> qui est complètement libre, donc vous n'êtes pas obligé de saisir votre vrai nom.</p>
 
-                <p class="engraved">De même, <b>votre adresse e-mail</b> est libre. Vous devez juste y avoir accès pour pouvoir valider la création de votre compte.<br>
+                <p>De même, <b>votre adresse e-mail</b> est libre. Vous devez juste y avoir accès pour pouvoir valider la création de votre compte.<br>
                 Pour l'instant, WikiLerni ne bloque pas les adresses e-mail jetables. Toutefois, sachez qu'elles peuvent fragiliser la sécurité de votre compte.<br>
                 Par ailleurs, certains fournisseurs d'adresses e-mail rejettent systématiquement les courriels venant de sites internet et vous ne pourrez donc pas valider votre compte, etc. Ce n'est pas un choix de WikiLerni.</p>
 
-                <p class="engraved">Le <b>mot de passe</b> que vous choisissez est évidemment chiffré. Personne n'y a accès et je ne pourrai donc vous le redonner si vous l'avez oublié.<br>
+                <p>Le <b>mot de passe</b> que vous choisissez est évidemment chiffré. Personne n'y a accès et je ne pourrai donc vous le redonner si vous l'avez oublié.<br>
                 Mais vous pouvez vous connecter sans mot de passe en demandant à recevoir sur votre adresse e-mail un lien valable pendant une courte durée.</p>
 
-                <p class="engraved">En résumé, je peux donc accéder à votre e-mail, le pseudonyme que vous avez choisi, ainsi que quelques informations telles que les dates de création/modification de vos informations ou encore la date approximative de votre dernière connexion. Ceci est utile au bon fonctionnement du site.</p>
+                <p>En résumé, je peux donc accéder à votre e-mail, le pseudonyme que vous avez choisi, ainsi que quelques informations telles que les dates de création/modification de vos informations ou encore la date approximative de votre dernière connexion. Ceci est utile au bon fonctionnement du site.</p>
 
-                <p class="engraved">J'ai aussi évidemment accès aux informations concernant votre abonnement (durée de votre abonnement, jours où vous souhaitez recevoir de nouveaux quizs, période de pauses, etc.). De nouveau, il s'agit d'informations nécessaires au site et que vous pouvez modifier vous-mêmes.</p>
+                <p>J'ai aussi évidemment accès aux informations concernant votre abonnement (durée de votre abonnement, jours où vous souhaitez recevoir de nouveaux quizs, période de pauses, etc.). De nouveau, il s'agit d'informations nécessaires au site et que vous pouvez modifier vous-mêmes.</p>
 
-                <p class="engraved"><b>Lorsque que vous supprimez votre compte, toutes les données sont supprimées immédiatement et définitivement.</b><br>
+                <p><b>Lorsque que vous supprimez votre compte, toutes les données sont supprimées immédiatement et définitivement.</b><br>
                 De même, si vous n'avez plus d'abonnement actif et que vous ne vous connectez pas pendant un certain nombre de mois, votre compte et ses informations sont supprimés automatiquement et définitivement.</p>
 
-                <p class="engraved">En fait, vos données peuvent toujours apparaître un certain temps dans les sauvegardes du site, mais ne comptez pas sur cela pour récupérer votre compte après une suppression. Ses sauvegardes existent uniquement pour permettre de remettre en route l'ensemble du site en cas d'incident.</p>
+                <p>En fait, vos données peuvent toujours apparaître un certain temps dans les sauvegardes du site, mais ne comptez pas sur cela pour récupérer votre compte après une suppression. Ses sauvegardes existent uniquement pour permettre de remettre en route l'ensemble du site en cas d'incident.</p>
 
-                <p class="engraved">Il existe quelques informations vous concernant auxquelles vous n'avez pas directement accès.<br>Le <b>décalage horaire de votre compte</b> qui est détecté périodiquement lorsque vous vous connectez au site. En effet, pour WikiLerni vous envoie en général ces messages durant la nuit, mais l'heure n'est pas la même suivant si vous habitez en Nouvelle-Calédonie ou en métropole, par exemple.<br>Un champ "mémo" me permet d’enregistrer des données libres concernant votre compte. Il est vide dans 99 % des cas et ne contient rien de personnel. Mais vous pouvez me demander cette information si vous le souhaitez.</p>
+                <p>Il existe quelques informations vous concernant auxquelles vous n'avez pas directement accès.<br>Le <b>décalage horaire de votre compte</b> qui est détecté périodiquement lorsque vous vous connectez au site. En effet, pour WikiLerni vous envoie en général ces messages durant la nuit, mais l'heure n'est pas la même suivant si vous habitez en Nouvelle-Calédonie ou en métropole, par exemple.<br>Un champ "mémo" me permet d’enregistrer des données libres concernant votre compte. Il est vide dans 99 % des cas et ne contient rien de personnel. Mais vous pouvez me demander cette information si vous le souhaitez.</p>
 
-                <p class="engraved">En tant qu'éditeur du site, je suis pour l'instant la seule personne à avoir accès aux informations ci-dessus. Mais dans l'avenir je peux m'entourer d'autres personnes pour gérer le site. <b>En aucun cas, ces informations seront cédées ou vendues à un tiers</b>.</p>
+                <p>En tant qu'éditeur du site, je suis pour l'instant la seule personne à avoir accès aux informations ci-dessus. Mais dans l'avenir je peux m'entourer d'autres personnes pour gérer le site. <b>En aucun cas, ces informations seront cédées ou vendues à un tiers</b>.</p>
                 
                 <h2>Les prestataires</h2>
 
-                <p class="engraved">Le site WikiLerni est hébergé sur un <a href="https://iplookup.flagfox.net/?host=www.wikilerni.com" title="Vérifiez" target="_blank"rel="noopener">serveur situé en France</a>, appartenant à une entreprise elle-même française (alwaysdata).</p>
+                <p>Le site WikiLerni est hébergé sur un <a href="https://iplookup.flagfox.net/?host=www.wikilerni.com" title="Vérifiez" target="_blank"rel="noopener">serveur situé en France</a>, appartenant à une entreprise elle-même française (alwaysdata).</p>
 
-                <p class="engraved">Pour envoyer ses e-mails en essayant d'éviter de se retrouver en "spam", WikiLerni utilise les services d'un routeur e-mail.<br>
+                <p>Pour envoyer ses e-mails en essayant d'éviter de se retrouver en "spam", WikiLerni utilise les services d'un routeur e-mail.<br>
                 De nouveau, il s'agit d'une société française (Spirion), ses serveurs étant eux-mêmes situés en France (chez l'hébergeur OVH), au moment où j'écris ce texte. Je l'ai sélectionnée pour cela.<br>
                 Donc, en théorie, ce prestataire peut avoir accès à votre adresse e-mail, mais à aucune autre information.<br>
                 À noter, qu'<b>il n'y aucun pistage des affichages ou clics des messages envoyés par WikiLerni</b>, ce qui est chose rare !</p>
                 
                 <h2>Les données de facturation</h2>
 
-                <p class="engraved">Si vous optez pour un abonnement prémium, vous devrez passer par le site de la société WebPortage/Nodalys qui est une société de portage salarial me permettant d'avoir une activité déclarée en France. Les employés de Nodalys ont donc accès à vos données de facturation. Pour en savoir plus sur ce sujet, <a href="https://www.webportage.com/protection-donnees-cookies" target="_blank" rel="noopener" title="Site de WebPortage">vous pouvez cliquer ici</a>.</p>
+                <p>Si vous optez pour un abonnement prémium, vous devrez passer par le site de la société WebPortage/Nodalys qui est une société de portage salarial me permettant d'avoir une activité déclarée en France. Les employés de Nodalys ont donc accès à vos données de facturation. Pour en savoir plus sur ce sujet, <a href="https://www.webportage.com/protection-donnees-cookies" target="_blank" rel="noopener" title="Site de WebPortage">vous pouvez cliquer ici</a>.</p>
 
-                <p class="engraved"><b>Ce logiciel de facturation est indépendant de WikiLerni</b>, tout comme ceux de Paypal ou Paybox qui vous permettrons de payer votre abonnement en ligne. Si vous souhaitez éviter de passer par Paypal ou Paybox, vous pouvez me contacter pour demander un paiement par chèque ou virement.</p>
+                <p><b>Ce logiciel de facturation est indépendant de WikiLerni</b>, tout comme ceux de Paypal ou Paybox qui vous permettrons de payer votre abonnement en ligne. Si vous souhaitez éviter de passer par Paypal ou Paybox, vous pouvez me contacter pour demander un paiement par chèque ou virement.</p>
                 
                 <h2>Les statistiques de visite</h2>
 
-                <p class="engraved">Lorsque l'on gère un site internet, il est difficile de naviguer complètement à vue et avoir certaines informations sur les visites de son site est utile.<br><b>Pour ce faire WikiLerni privilégie en toute cohérence un logiciel libre nommé Matomo</b>.<br>
+                <p>Lorsque l'on gère un site internet, il est difficile de naviguer complètement à vue et avoir certaines informations sur les visites de son site est utile.<br><b>Pour ce faire WikiLerni privilégie en toute cohérence un logiciel libre nommé Matomo</b>.<br>
                 Ce logiciel est configuré conformément aux préconisations de la CNIL, c'est-à-dire, entre autres, pour ne pas collecter votre adresse IP, qui est une information permettant de vous identifier sur Internet.<br>
                 Par ailleurs, Matomo est inactif lorsque vous êtes connecté à votre compte WikiLerni.<br>
                 Cet outil est installé sur un serveur internet situé en France et de nouveau, je suis la seule personne à avoir accès à ces informations.</p>
 
-                <p class="engraved">Si vous souhaitez vous opposer à ce suivi statistique, vous pouvez utiliser le lien suivant :<br>
-                <iframe src="https://stats.le-fab-lab.com/index.php?module=CoreAdminHome&amp;action=optOut&amp;language=fr" style="border: 0; height: 200px; width: 600px;"></iframe><br>
+                <p>Si vous souhaitez vous opposer à ce suivi statistique, vous pouvez utiliser le lien suivant :<br>
+                <iframe src="https://stats.le-fab-lab.com/index.php?module=CoreAdminHome&amp;action=optOut&amp;language=fr" style="border: 0; width: 100%;"></iframe><br>
                 Ceci est inutile si vous avez coché l'option « Ne pas me pister » de votre navigateur internet.</p>
 
-                <p class="engraved"><b>Pour toutes questions/réclamations concernant vos données personnelles sur WikiLerni, <a href="/contact.html">n'hésitez pas à me contacter</a></b>.</p>
+                <p><b>Pour toutes questions/réclamations concernant vos données personnelles sur WikiLerni, <a href="/contact.html">n'hésitez pas à me contacter</a></b>.</p>
             </div>
 
         </div>
diff --git a/front/public/img/e-mail.png b/front/public/img/e-mail.png
new file mode 100644
index 0000000000000000000000000000000000000000..738601e5dee1d766944d207352649b6204ba3b8f
GIT binary patch
literal 29033
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%0A1KxtDyfyO&+zH|rg<*wrx7kbe`Vca}VfRz<8y
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

literal 0
HcmV?d00001

diff --git a/front/public/inscription.html b/front/public/inscription.html
index 0376233..22bb7ab 100644
--- a/front/public/inscription.html
+++ b/front/public/inscription.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/subscribe.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/signup.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/signup-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
         <link rel="canonical" href="https://www.wililerni.com/inscription.html">
     </head>
 
@@ -25,12 +22,13 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" />
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="signup" class="cardboard">
@@ -40,24 +38,24 @@
             <noscript>Désolé, mais pour l'instant, l'utilisation de WikiLerni nécessite l'activation du JavaScript.</noscript>  
             <form class="needJS" id="subscription" method="POST">
                 <fieldset>
-                    <label for="name">Nom ou pseudonyme : </label><input id="name" type="text" name="name" placeholder="Pseudo de votre choix" class="cardboard" >
+                    <label for="name">Nom ou pseudonyme : </label><input id="name" type="text" name="name" placeholder="Nom de votre choix" class="cardboard" >
                 </fieldset>
                 
                 <fieldset>
                     <label for="email">E-mail : </label><input id="email" type="email" name="email" placeholder="Adresse e-mail" class="cardboard">
-                    <div id="emailMessage" class="cardboard"></div>
+                    <div id="emailMessage"></div>
                 </fieldset>
                 
                 
                 <fieldset>
                     <label for="password">Mot de passe : </label><input id="password" type="password" name="password" placeholder="Mot de passe de votre choix" class="cardboard">
-                    <div id="passwordMessage" class="cardboard"><i>Au moins 8 caractères. <a href="#password" id="getPassword">Générer un mot de passe</a>.</i></div>
+                    <div id="passwordMessage"><span class="info">Au moins 8 caractères. <a href="#password" id="getPassword">Générer un mot de passe</a>.</span></div>
                 </fieldset>
            
 
                 <fieldset>
-                    <label for="codeGodfather">Code/e-mail parrain : </label><input id="codeGodfather" type="text" name="codeGodfather" placeholder="Code ou email de votre parrain." class="cardboard">
-                    <div id="codeGodfatherMessage" class="cardboard"><i>Facultatif.</i></div>
+                    <label for="codeGodfather">Code ou e-mail parrain : </label><input id="codeGodfather" type="text" name="codeGodfather" placeholder="Code ou email de votre parrain." class="cardboard">
+                    <div id="codeGodfatherMessage"><span class="info">Facultatif.</span></div>
                 </fieldset>
                 
 
@@ -66,22 +64,22 @@
                         <label for="cguOk" class="check"><input type="checkbox" id="cguOk" name="cguOk" value="true" /><div class="checkbox_override"></div> J'accepte <a href="/CGV-CGU.html" target="_blank" rel="noopener" title="À lire :)">les Conditions Générale d'Utilisation</a> du site (requis).</label>
                     </li>
                     <li class="checkbox_li">
-                       <label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir de nouveaux quizs par e-mail (facultatif et vous pourrez stopper facilement).</label>
+                       <label for="newsletterOk" class="check"><input type="checkbox" id="newsletterOk" name="newsletterOk" value="true" /><div class="checkbox_override"></div> Je souhaite recevoir des suggestions de quiz par e-mail (facultatif et vous pourrez stopper facilement).</label>
                     </li>
                 </ul>
                 <div class="input_wrapper">
-                    <input id="submitDatas" type="submit" value="Valider" class="cardboard" />
+                    <input id="submitDatas" type="submit" value="Valider." class="cardboard" />
                 </div>
             </form>    
             <div id="response"></div>
 
-           <div class="framed">
+           <div id="explanations" class="framed engraved">
                 <h2>Besoin d'aide ?</h2>
-                <p class="engraved">La saisie d'un pseudonyme, d'une adresse e-mail et d'un mot de passe <b>est obligatoire</b> et <b>vous devez accepter les Conditions Générales d'Utilisation</b>.</p>
-                <p class="engraved">Votre pseudonyme est complétement libre, mais servira à personnaliser certains affichages.</p>
-                <p class="engraved"><b>Vous recevrez un lien sur l'adresse e-mail saisie</b> sur lequel vous devrez cliquer pour valider la création de votre compte.</p>
-                <p class="engraved"><b>Votre mot de passe doit compter au moins 8 caractères.</b> Si vous manquez d'inspiration, cliquez sur le lien "Générer un mot de passe" pour en obtenir un.</p>
-                <p class="engraved">Si vous connaissez une personne déjà inscrite à WikiLerni, <b>vous pouvez fournir son code parrain ou encore son adresse e-mail</b>. Dans le cas où vous optez ensuite pour un abonnement prémium, il sera alors allongé de 30 jours grâce à ce parrainage.</p>
+                <p>La saisie d'un pseudonyme, d'une adresse e-mail et d'un mot de passe <b>est obligatoire</b> et <b>vous devez accepter les Conditions Générales d'Utilisation</b>.</p>
+                <p>Votre pseudonyme est complétement libre, mais servira à personnaliser certains affichages.</p>
+                <p><b>Vous recevrez un lien sur l'adresse e-mail saisie</b> sur lequel vous devrez cliquer pour valider la création de votre compte.</p>
+                <p><b>Votre mot de passe doit compter au moins 8 caractères.</b> Si vous manquez d'inspiration, cliquez sur le lien "Générer un mot de passe" pour en obtenir un.</p>
+                <p>Si vous connaissez une personne déjà inscrite à WikiLerni, <b>vous pouvez fournir son code parrain ou encore son adresse e-mail</b>. Dans le cas où vous optez ensuite pour un abonnement prémium, il sera alors allongé de 30 jours grâce à ce parrainage.</p>
             </div>
 
         </div>
diff --git a/front/public/login.html b/front/public/login.html
index e6b8eec..ab7fc0a 100644
--- a/front/public/login.html
+++ b/front/public/login.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/loginLink.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
     </head>
     
     <body class="cardboard">
@@ -24,6 +21,7 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
diff --git a/front/public/merci.html b/front/public/merci.html
index 52672fc..36ecf68 100644
--- a/front/public/merci.html
+++ b/front/public/merci.html
@@ -9,11 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/index.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/pages-mobile.css" media="screen and (max-width: 969px)">        
-        <!-- <link rel="stylesheet" href="/themes/wikilerni/css/style.css"> -->
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
     </head>
 
     <body class="cardboard">
@@ -31,11 +27,11 @@
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
         </div>
         
         <div id="page" class="cardboard">
-            <div class="framed">
+            <div class="framed engraved">
                 <h2>Merci !</h2>
                 <p>Votre paiement vient d'être enregistré. Merci à vous !</p>
                 <p>Normalement, vous avez reçu une facture par e-mail et votre abonnement vient d'être prolongé.</p>
diff --git a/front/public/newlogin.html b/front/public/newlogin.html
index d3efb41..dcd7e74 100644
--- a/front/public/newlogin.html
+++ b/front/public/newlogin.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/newLoginValidation.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">         
     </head>
     
     <body class="cardboard">
@@ -24,15 +21,17 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
-            <div id="response" class="error">Si vous voyez ce message, c'est que votre lien de validation n'est pas valide ou a expiré. Vous pouvez <a href="/compte.html">en demander un nouveau en cliquant ici</a>.</div>
+            <p>Cultivons notre jardin !</p>
+            <h1 class="cardboard">Validation de vos nouveaux identifiants</h1>
+            <div id="response"><p class="error">Si vous voyez ce message, c'est que votre lien de validation n'est pas valide ou a expiré. Vous pouvez <a href="/compte.html">en demander un nouveau en cliquant ici</a>.</p></div>
         </div>
-    
+
         <footer class="cardboard">
             <ul id="footLinks">
                 <li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
diff --git a/front/public/sortie.html b/front/public/sortie.html
index e2fb669..b240aac 100644
--- a/front/public/sortie.html
+++ b/front/public/sortie.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/deconnection.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">         
     </head>
     
     <body class="cardboard">
@@ -24,16 +21,17 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
+            <p>Cultivons notre jardin !</p>
             <h1 class="cardboard">Au revoir !</h1>
             <div id="response"><p class="error">Si vous voyez ce message, c'est qu'un problème a été rencontré durant la déconnexion.<br>N'hésitez pas <a href="/contact.html">à nous prévenir</a> si le problème persiste.</p></div>
         </div>
-
+        
         <footer class="cardboard">
             <ul id="footLinks">
                 <li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
diff --git a/front/public/stop-mail.html b/front/public/stop-mail.html
index 164c896..583bf4b 100644
--- a/front/public/stop-mail.html
+++ b/front/public/stop-mail.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/unsubscribe.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">         
     </head>
     
     <body class="cardboard">
@@ -24,15 +21,17 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>      
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
-            <div id="response" class="error">Si vous voyez ce message, c'est que votre lien de désabonnement ne fonctionne pas. Vous pouvez <a href="/compte.html">accéder à votre compte</a> pour désactiver les envois.</div>
+            <p>Cultivons notre jardin !</p>
+            <h1 class="cardboard">Stopper l'envoi des e-mail</h1>
+            <div id="response"><p class="error">Si vous voyez ce message, c'est que votre lien de désabonnement n'a pas fonctionné correctement. Vous pouvez <a href="/compte.html">accéder à votre compte</a> pour désactiver les envois.</p></div>
         </div>
-    
+
         <footer class="cardboard">
             <ul id="footLinks">
                 <li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
diff --git a/front/public/themes/wikilerni/css/account-mobile.css b/front/public/themes/wikilerni/css/account-mobile.css
deleted file mode 100644
index 658c9ba..0000000
--- a/front/public/themes/wikilerni/css/account-mobile.css
+++ /dev/null
@@ -1,67 +0,0 @@
-#account fieldset
-{
-width: 80%;
-margin: auto;
-}
-    
-#account label
-{
-width: 49%;
-margin-right: 1%;
-text-align: right;
-display: inline-block;
-}
-
-#account label.check
-{
-text-align: left;
-width:100%;
-display: inline;
-}
-
-
-#account
-    {background-color: #FF8800;
-    width: 85%;
-    margin: auto;
-    padding-top: 2.5em;
-    margin-top: -2.5em;
-    box-shadow: 0px 0px 5px black;
-    padding-bottom: 2.5em;
-    margin-bottom: -2.5em;
-    text-align: center;}
-
-#account h1
-    {width: 105%;
-    background-color: #FF8800;
-    box-shadow: 0px 0px 5px black;
-    margin-left: -2.5%;
-    text-align: center;
-    border-radius: 5px;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
-
-#account p,
-#account ul
-    {margin: 1em;
-    text-align: justify;}
-
-#account .error, #account .info, #account .success
-{
-margin: 1em;
-width: auto;
-border-radius: 5px;
-}
-
-@media screen and (max-width: 660px) {
-#account label
-    {width: 100%;
-    text-align: center;
-    display: inline-block;}
-    
-    #account fieldset input
-        {display: block;
-        margin: auto;}
-}
diff --git a/front/public/themes/wikilerni/css/account.css b/front/public/themes/wikilerni/css/account.css
deleted file mode 100644
index 48f4a9f..0000000
--- a/front/public/themes/wikilerni/css/account.css
+++ /dev/null
@@ -1,49 +0,0 @@
-#account fieldset { width: 80%; }
-#account label
-{
-width: 49%;
-margin-right: 1%;
-text-align: right;
-display: inline-block;
-}
-#account label.check
-{
-text-align: left;
-width:100%;
-display: inline;
-}
-
-#account
-    {background-color: #FF8800;
-    width: 50%;
-    margin: auto;
-    padding-top: 2.5em;
-    margin-top: -2.5em;
-    box-shadow: 0px 0px 5px black;
-    padding-bottom: 2.5em;
-    margin-bottom: -2.5em;
-    text-align: center;}
-
-#account h1
-    {width: 105%;
-    background-color: #FF8800;
-    box-shadow: 0px 0px 5px black;
-    margin-left: -2.5%;
-    text-align: center;
-    border-radius: 5px;
-    padding-top: 0.5em;
-    padding-bottom: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
-
-#account p,
-#account ul
-    {margin: 1em;
-    text-align: justify;}
-
-#account .error, #account .info, #account .success
-{
-margin: 1em;
-width: auto;
-border-radius: 5px;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/common-mobile.css b/front/public/themes/wikilerni/css/common-mobile.css
deleted file mode 100644
index d70f3e0..0000000
--- a/front/public/themes/wikilerni/css/common-mobile.css
+++ /dev/null
@@ -1,314 +0,0 @@
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Light/Millimetre-Light_web.woff);
-  font-weight: lighter;
-}
-
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Regular/Millimetre-Regular_web.woff);
-  font-weight: regular;
-}
-
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Bold/Millimetre-Bold_web.woff);
-  font-weight: bold;
-}
-
-body
-    {margin: 0px;
-    overflow-x: hidden;
-    background-color: #8c599c;}
-
-body,
-a,
-input
-    {font-family: Millimetre;
-    font-weight: regular;
-    color: rgba(255,255,255,1);
-    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);}
-
-input, #headLinks a, #footLinks a, a.button,
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
-{
-text-decoration: none;
-outline: none;
-}
-a:hover
-{
-color: rgba(0,0,0,0.66);
-text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
-}
-a.button:hover
-{
-color:white;
-text-shadow:none;
-}
-
-header,
-footer
-    {background-color: #FF8800;
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    box-shadow: 0px 0px 10px black;
-    font-size: 1.5em;
-    width: 100%;
-    height:100px;
-    margin-top: 1em;
-    transform: rotate(0.66deg);}
-
-footer
-    {font-size: 1em;}
-
-/*        
-header img
-    {max-height:80px;
-    margin-left:10px;
-    margin-top: 10px;
-    display: inline-block;}*/
-
-header img
-{
-display:none;
-}
-header ul
-{
-width:100%;
-}
-
-header ul, footer ul
-    {list-style-type: none;
-    display: inline-block;
-    float: right;
-    line-height: 50px;}
-
-header ul li
-    {float: right;
-    display: block;}
-
-footer ul li
-    {margin-top: 10px;
-    display:inline-block;}
-
-footer ul
-    {width: 100%;}
-
-header ul li::after,
-footer ul li::after
-    {width: 1px;
-    height: 80px;
-    display: block;
-    float: right;
-    content: '';
-    margin-left: 1em;
-    margin-top: -20px;
-    background: linear-gradient(to top, rgba(255,255,255,0.25), rgba(255,255,255,0.0));}
-    
-header ul li::before,
-footer ul li::before
-    {width: 1px;
-    height: 80px;
-    display: block;
-    float: right;
-    content: '';
-    margin-top: -20px;
-    margin-right: 1em;
-    background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.0));}
-    
-header ul li:first-child::after,
-footer ul li:last-child::after
-    {display: none;}
-    
-header ul li:first-child::before,
-footer ul li:last-child::before
-    {display: none;}
-
-header ul li:first-child,
-footer ul li:first-child
-    {margin-right: 1em;}
-
-footer
-    {transform: rotate(-0.66deg);
-    clear: both;
-    text-align: center;}
-
-fieldset
-    {border: 0px;
-    text-align: left;}
-
-.needJS
-{
-display: none;
-}
-
-label
-    {width: 50%;}
-
-.engraved
-{
-color: white;
-text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
-font-family: verdana;
-}
-    
-.framed
-    {border: 1px solid rgba(0, 0, 0, 0.33);
-    border-radius: 5px;
-    box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.33);
-    display: inline-block;
-    margin: 1em;}
-    
-.cardboard
-{
-background-opacity: 0.75;    
-background-image: url('../img/background-texture.png');
-}
-
-#explanations
-{
-padding: 0.7em;
-}
-
-#explanations p
-{
-margin:1.3em;
-text-align:left;
-}
-
-
-/* This allow the motion of the button while overing without displacing the content of the page */
-.input_wrapper
-{
-height: 40px;
-display: inline-block;
-margin-top: 1em;
-}
-
-input[type=submit], input[type=text], input[type=email], input[type=password], .button
-{
-    background-color: #8c599c;
-    padding: 10px;
-    border: 0px;
-    border-radius: 3px;
-    margin-top:-10px;
-    color: white;
-    font-family: sans;
-    font-weight: bold;
-    font-size: 0.6em;
-    position: relative;
-    transition: 0.125s ease all;
-    margin-top: 0px;
-    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 3px 8px rgba(0,0,0,0.66);
-}
-
-input[type=submit]:hover,
-.button:hover
- {margin-top: 2px;
- box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 0px 5px rgba(0,0,0,0.66);}
-
-input[type=text], input[type=password], input[type=email] {
- box-shadow: inset 0px 1px 0px rgba(0,0,0,0.66), inset 0px -1px 0px rgba(255,255,255,0.66), inset 0px 3px 8px rgba(0,0,0,0.66);}
- 
-input[type=checkbox]
-    {width:15px;
-    height:15px;
-    margin-left: 0px;
-    margin-right: -15px;
-    opacity:0.0;}
-    
-/* The following is a trick to force browser to let me redefine checkbox style */
-.checkbox_override
-    {width: 15px;
-    height: 15px;
-    border-radius: 2px;
-    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.5);
-    background-color: rgba(0, 0, 0, 0.25);
-    border-top: 1px solid rgba(0,0,0,0.75);
-    border-bottom: 1px solid rgba(255,255,255,0.5);
-    display: inline-block;}
-
-input:hover ~ .checkbox_override
-    {background-color: rgba(0, 0, 0, 0.125);}
-
-input:checked ~ .checkbox_override {
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    border-top: 1px solid rgba(255,255,255,0.5);
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
-    background-color: rgba(255, 255, 255, 0.25);
-}
-
-::placeholder
-{
-  color:#c6b4cb;
-}
-
-
-/*#ERROR:target, #SUCCESS:target, #INFO:target,*/
-p.error, p.success, p.info,
-div.error, div.success, div.info
-{
-width: calc(100% - 20px);
-height: auto;
-padding: 1em;
-opacity: 1;
-margin-left: 0px;
-line-height: 1.25em;
-background-image: url('../img/background-texture.png');
-}
-
-.info {background-color: #8c599c;}
-.success {background-color: #00c684;}
-.error {background-color: red;}
-
-@media screen and (max-width: 570px) {
-    header ul
-        {line-height: 66px;}
-        
-    header
-        {font-size: 1em;}
-}
-
-@media screen and (max-width: 600px) {
-    footer
-        {font-size: 0.7em;}
-
-    header ul li::after,
-    footer ul li::after
-        {display: none;}
-    
-    header ul li,
-    footer ul li 
-        {display: inline-block;
-        margin-left: 0.2em;
-        margin-right: 0.2em;}
-        
-    header ul li::before,
-    footer ul li::before
-        {display: none;}
-
-    header
-    {
-    height:60px;
-    }
-}
-
-@media screen and (max-width: 400px) {
-    header
-        {font-size: 0.75em;}
-        
-    footer ul
-        {line-height: 25px;}
-
-    header ul
-        {line-height: 75px;}
-}
-
-#zerozozio
-{
-margin:1em;
-text-align:right;
-}
-#zerozozio a, span
-{
-padding:0 0.3em;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/common.css b/front/public/themes/wikilerni/css/common.css
deleted file mode 100644
index 157b6fa..0000000
--- a/front/public/themes/wikilerni/css/common.css
+++ /dev/null
@@ -1,252 +0,0 @@
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Light/Millimetre-Light_web.woff);
-  font-weight: lighter;
-}
-
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Regular/Millimetre-Regular_web.woff);
-  font-weight: regular;
-}
-
-@font-face {
-  font-family: Millimetre;
-  src: url(../webfonts/Bold/Millimetre-Bold_web.woff);
-  font-weight: bold;
-}
-
-body
-    {margin: 0px;
-    overflow-x: hidden;
-    background-color: #8c599c;}
-
-body, a, input
-{
-font-family: Millimetre;
-font-weight: regular;
-color: rgba(255,255,255,1);
-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.75);
-}
-
-input, #headLinks a, #footLinks a, a.button,
-h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
-{
-text-decoration: none;
-outline: none;
-}
-a:hover
-{
-color: rgba(0,0,0,0.66);
-text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
-}
-a.button:hover
-{
-color:white;
-text-shadow:none;
-}
-
-header,
-footer
-    {background-color: #FF8800;
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    box-shadow: 0px 0px 10px black;
-    font-size: 1.5em;
-    width: 100%;
-    height:100px;
-    margin-top: 1em;
-    transform: rotate(0.66deg);}
-
-header img
-    {max-height:80px;
-    margin-left:10px;
-    margin-top: 10px;
-    display: inline-block;}
-
-header ul, footer ul
-    {list-style-type: none;
-    display: inline-block;
-    float: right;
-    line-height: 50px;}
-
-header ul li
-    {float: right;
-    display: block;}
-
-footer ul li
-    {display:inline-block;}
-
-footer ul
-    {width: 100%;}
-
-header ul li::after,
-footer ul li::after
-    {width: 1px;
-    height: 80px;
-    display: block;
-    float: right;
-    content: '';
-    margin-left: 1em;
-    margin-top: -20px;
-    background: linear-gradient(to top, rgba(255,255,255,0.25), rgba(255,255,255,0.0));}
-    
-header ul li::before,
-footer ul li::before
-    {width: 1px;
-    height: 80px;
-    display: block;
-    float: right;
-    content: '';
-    margin-top: -20px;
-    margin-right: 1em;
-    background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.0));}
-    
-header ul li:first-child::after,
-footer ul li:last-child::after
-    {display: none;}
-    
-header ul li:first-child::before,
-footer ul li:last-child::before
-    {display: none;}
-
-header ul li:first-child,
-footer ul li:first-child
-
-    {margin-right: 1em;}
-
-footer
-    {transform: rotate(-0.66deg);
-    clear: both;
-    text-align: center;}
-
-fieldset
-    {border: 0px;}
-
-.needJS
-{
-display: none;
-}
-    
-.engraved
-{
-color: white;
-text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
-font-family: verdana;
-}
-
-.framed
-{
-border: 1px solid rgba(0, 0, 0, 0.33);
-border-radius: 5px;
-padding-top: 0.5em;
-padding-bottom: 0.5em;
-box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,1);
-background-image: url('../img/background-texture.png');
-display: inline-block;
-margin: 1em;
-}
-
-#explanations
-{
-padding: 1em;
-}
-
-#explanations p
-{
-margin:1.3em;
-}
-
-.cardboard, .error, .success, .info
-{
-background-opacity: 0.75;
-background-image: url('../img/background-texture.png');
-}
-
-/* This allow the motion of the button while overing without displacing the content of the page */
-.input_wrapper
-{
-height: 40px;
-display: inline-block;
-margin-bottom: 1em;
-}
-
-input[type=submit], input[type=text], input[type=email], input[type=password], .button
-    {background-color: #8c599c;
-    padding: 10px;
-    border: 0px;
-    border-radius: 3px;
-    margin-top:-10px;
-    color: white;
-    font-family: sans;
-    font-weight: bold;
-    position: relative;
-    transition: 0.125s ease all;
-    margin-top: 0px;
-    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 3px 8px rgba(0,0,0,0.66);}
-
-input[type=submit]:hover, .button:hover
-{
-margin-top: 2px;
-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 0px 5px rgba(0,0,0,0.66);
-}
-
-input[type=text], input[type=password], input[type=email] {
- box-shadow: inset 0px 1px 0px rgba(0,0,0,0.66), inset 0px -1px 0px rgba(255,255,255,0.66), inset 0px 3px 8px rgba(0,0,0,0.66);}
- 
-input[type=checkbox]
-    {width:15px;
-    height:15px;
-    margin-left: 0px;
-    margin-right: -16px;
-    opacity:0.0;}
-    
-/* The following is a trick to force browser to let me redefine checkbox style */
-.checkbox_override
-    {width: 15px;
-    height: 15px;
-    border-radius: 2px;
-    box-shadow: inset 0px 2px 2px rgba(0, 0, 0, 0.5);
-    background-color: rgba(0, 0, 0, 0.25);
-    border-top: 1px solid rgba(0,0,0,0.75);
-    border-bottom: 1px solid rgba(255,255,255,0.5);
-    display: inline-block;}
-
-input:hover ~ .checkbox_override
-    {background-color: rgba(0, 0, 0, 0.125);}
-
-input:checked ~ .checkbox_override {
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    border-top: 1px solid rgba(255,255,255,0.5);
-    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
-    background-color: rgba(255, 255, 255, 0.25);
-} 
-
-::placeholder
-{
-  color:#c6b4cb;
-}
-
-p.error, p.success, p.info,
-div.error, div.success, div.info
-{
-width: calc(100% - 20px);
-height: auto;
-padding: 1em;
-opacity: 1;
-margin-left: 0px;
-line-height: 1.4em;
-}
-
-.error {background-color: red;}
-.info {background-color: #8c599c;}
-.success {background-color: #00c684;}
-
-#zerozozio
-{
-margin:1em;
-text-align:right;
-}
-#zerozozio a, span
-{
-padding:0 0.3em;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/home-mobile.css b/front/public/themes/wikilerni/css/home-mobile.css
deleted file mode 100644
index 2ab8d69..0000000
--- a/front/public/themes/wikilerni/css/home-mobile.css
+++ /dev/null
@@ -1,160 +0,0 @@
-#home
-    {width: 80%;
-    margin: auto;
-    border-radius: 5px;
-    box-shadow: 0px 0px 5px black;
-    margin-top: -1.5em;
-    padding-top: 1.5em;
-    background-color: #FF8800;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.75);}
-
-#home h1,
-#home h2
-    {text-align: center;}
-
-#home p
-    {margin-left:1em;
-    margin-right: 1em;}
-    
-#home form
-    {border-top: 1px solid rgba(0, 0, 0, 0.5);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
-    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5);
-    width: 80%;
-    margin: auto;
-    padding-bottom: 1em;
-    display: block;
-    padding-top: 1em;
-    text-align: center;
-    margin-bottom: 1em;}
-
-#home form input[type=text]
-    {width: calc(49% - 20px);
-    margin-right: 1%;}
-    
-#home form input[type=submit]
-    {width: 40%;}
-
-#home form .line
-{
-margin-top: 1em;
-width: 100%;
-}
-    
-#logo
-    {width: 50%;
-    margin: auto;
-    display: block;}
-
-#home .error, #home .info, #home .success
-{
-margin: 1em;
-width: auto;
-border-radius: 5px;
-}
-
-/* Sur tablette la troisième colonne vient se placer en dessous de la première ou de la deuxième (la plus courte des deux) */
-#triple-column
-{
-width: 90%;
-margin: auto;
-margin-top: 1em;
-}
-.column-1, .column-3, .column-2
-{
-width: 48%;
-float: left;
-margin-left:1.5%;
-}
-
-.quiz
-{
-width: 100%;
-margin-bottom: 1em;
-background-color: #FF8800;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.66);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-box-shadow: 0px 0px 5px black;
-}
-.quiz h3
-{
-text-align: center;
-margin: 1em;
-}
-.quiz p
-{
-margin: 2em;
-text-align: justify;
-}  
-.quiz p:last-child
-{
-text-align: center;
-}
-.quiz-image-wrapper
-{
-width: 95%;
-background-size: cover;
-border-radius: 5px;
-border-top: 1px solid rgba(0,0,0,0.66);
-border-bottom: 1px solid rgba(255,255,255,0.66);
-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.33);
-background-repeat: no-repeat;
-margin: auto;
-}
-.quiz-image-wrapper img
-{
-opacity: 0;
-width: 100%;
-}
-
-nav#pagination
-{
-clear:both;
-display:flex;
-flex-wrap: wrap;
-margin:0.5em;
-}
-nav#pagination div
-{
-flex: 0 0 50%;
-text-align:center;
-}
-nav#pagination a
-{
-background-image: url('../img/background-texture.png');
-}
-
-@media screen and (max-width: 520px)
-{
-    /* Sur mobile, les colonnes se placent les unes sous les autres */
-    #triple-column
-    {
-    display: block;
-    width: 80%;
-    margin: auto;
-    margin-top: 1em;
-    }     
-    .column-1, .column-2, .column-3
-    {
-    width: 98%;
-    float: left;
-    margin-right: 1%;
-    }
-
-    #home form
-    {
-    text-align: center;
-    }
-    #home form input[type=text]
-    {
-    width: calc(100% - 20px);
-    margin-right: 0%;
-    }
-    #home form input[type=submit]
-    {
-    width: 100%;
-    margin-top: 1em;
-    display: inline-block;
-    }
-}
diff --git a/front/public/themes/wikilerni/css/home.css b/front/public/themes/wikilerni/css/home.css
deleted file mode 100644
index b6718ec..0000000
--- a/front/public/themes/wikilerni/css/home.css
+++ /dev/null
@@ -1,131 +0,0 @@
-#home
-    {width: 50%;
-    margin: auto;
-    border-radius: 5px;
-    box-shadow: 0px 0px 5px black;
-    margin-top: -1.5em;
-    padding-top: 1.5em;
-    background-color: #FF8800;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.75);}
-
-#home h1,
-#home h2
-    {text-align: center;}
-
-#home p
-    {margin-left:1em;
-    margin-right: 1em;}
-    
-#home form
-    {border-top: 1px solid rgba(0, 0, 0, 0.5);
-    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
-    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.5);
-    width: 80%;
-    margin: auto;
-    padding-bottom: 1em;
-    display: block;
-    padding-top: 1em;
-    text-align: center;
-    margin-bottom: 1em;}
-
-#home form input[type=text]
-    {width: calc(66% - 20px);
-    margin-right: 1%;}
-    
-#home form input[type=submit]
-        {width: 32%;}
-
-#home form input[type=submit]
-        {width: 32%;}
-        
-#home form .line
-{
-margin-top:0.5em;
-width: 100%;
-} 
-        
-#logo
-    {width: 33%;
-    margin: auto;
-    display: block;}
-
-
-#home .error, #home .info, #home .success
-{
-margin: 1em;
-width: auto;
-border-radius: 5px;
-}
-
-/* Les colonnes de l'enfer ! */
-#triple-column
-{
-width: 95%;
-margin: auto;
-margin-top: 1em;
-}
-.column-1,
-.column-2,
-.column-3
-{
-float: left;
-width: 32%;
-margin-bottom: 1em;
-}
-.column-1, .column-2
-{
-margin-right: 1.33%;
-}
-.quiz
-{
-width: 100%;
-margin-bottom:1em;
-background-color: #FF8800;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.66);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-box-shadow: 0px 0px 5px black;
-}
-.quiz h3
-{
-text-align: center;
-margin:1em;
-}
-.quiz p
-{
-margin: 2em;
-text-align: left;
-}
-.quiz p:last-child
-{
-text-align: center;
-}
-.quiz-image-wrapper
-{
-width: 95%;
-background-size: cover;
-background-repeat: no-repeat;
-border-radius: 5px;
-border-top: 1px solid rgba(0,0,0,0.66);
-border-bottom: 1px solid rgba(255,255,255,0.66);
-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.33);
-margin: auto;
-}
-.quiz-image-wrapper img
-{
-opacity: 0;
-width: 100%;
-}
-
-nav#pagination
-{
-clear:both;
-display:flex;
-flex-wrap: wrap;
-margin:0.5em;
-}
-nav#pagination div
-{
-flex: 0 0 50%;
-text-align:center;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/links-page-mobile.css b/front/public/themes/wikilerni/css/links-page-mobile.css
deleted file mode 100644
index 9603241..0000000
--- a/front/public/themes/wikilerni/css/links-page-mobile.css
+++ /dev/null
@@ -1,28 +0,0 @@
-#prompt, #login
-    {background-color: #FF8800;
-    width: 75%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p
-{
-background-color: #FF8800;
-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-width: 102%;
-margin-left:-1%;
-border-radius: 5px;
-padding-top: 1em;
-padding-bottom: 1em;
-font-size:0.8em;
-letter-spacing: 0.3em;
-border-top: 1px solid rgba(255,255,255,0.5);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/links-page.css b/front/public/themes/wikilerni/css/links-page.css
deleted file mode 100644
index fd84c95..0000000
--- a/front/public/themes/wikilerni/css/links-page.css
+++ /dev/null
@@ -1,27 +0,0 @@
-#prompt, #login
-    {background-color: #FF8800;
-    width: 50%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #login h1
-{
-background-color: #FF8800;
-box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-width: 102%;
-margin-left:-1%;
-border-radius: 5px;
-padding-top: 1em;
-padding-bottom: 1em;
-letter-spacing: 0.5em;
-border-top: 1px solid rgba(255,255,255,0.5);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/list-mobile.css b/front/public/themes/wikilerni/css/list-mobile.css
deleted file mode 100644
index 7a29e0e..0000000
--- a/front/public/themes/wikilerni/css/list-mobile.css
+++ /dev/null
@@ -1,176 +0,0 @@
-#prompt
-{
-width: 80%;
-margin: auto;
-border-radius: 5px;
-box-shadow: 0px 0px 5px black;
-margin-top: -1.5em;
-padding-top: 1.5em;
-background-color: #FF8800;
-border-bottom: 1px solid rgba(0, 0, 0, 0.75);
-}
-
-#prompt h1
-{
-text-align: center;
-width: 105%;
-background-color:  #FF8800;
-margin-left: -2.5%;
-box-shadow: 0px 0px 5px black;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.5);
-border-bottom: 1px solid rgba(0,0,0,0.75);
-padding-top: 0.25em;
-padding-bottom: 0.25em;
-}
-
-#prompt img
-{
-width: 50%;
-margin: auto;
-display: block;
-}
-
-#prompt h2, h3
-{
-text-align: center;
-font-size: 1.4em;
-}
-
-#prompt p
-{
-text-align: center;
-line-height: 1.5em;
-font-size: 1.2em;
-}
-
-span.postscriptum
-{
-font-style:italic;
-font-size:13px;
-}
-
-#explanations img
-{
-width:inherit;
-margin: 0;
-}
-
-#zerozozio
-{
-margin:1em;
-text-align:right;
-}
-#zerozozio a, span
-{
-padding:0 0.3em;
-}
-
-
-
-/* Sur tablette la troisième colonne vient se placer en dessous de la première ou de la deuxième (la plus courte des deux) */
-#triple-column
-{
-width: 90%;
-margin: auto;
-margin-top: 1em;
-}
-.column-1, .column-3, .column-2
-{
-width: 48%;
-float: left;
-margin-left:1.5%;
-}
-
-.quiz
-{
-width: 100%;
-margin-bottom: 1em;
-background-color: #FF8800;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.66);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-box-shadow: 0px 0px 5px black;
-}
-.quiz h3
-{
-text-align: center;
-margin: 1em;
-}
-.quiz p
-{
-margin: 2em;
-text-align: justify;
-}  
-.quiz p:last-child
-{
-text-align: center;
-}
-.quiz-image-wrapper
-{
-width: 95%;
-background-size: cover;
-border-radius: 5px;
-border-top: 1px solid rgba(0,0,0,0.66);
-border-bottom: 1px solid rgba(255,255,255,0.66);
-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.33);
-background-repeat: no-repeat;
-margin: auto;
-}
-.quiz-image-wrapper img
-{
-opacity: 0;
-width: 100%;
-}
-
-h3
-{
-clear:both;
-}
-nav#pagination, nav#tagsList
-{
-clear:both;
-display:flex;
-flex-wrap: wrap;
-margin:0.5em;
-}
-nav#pagination div
-{
-flex: 0 0 50%;
-text-align:center;
-}
-nav#tagsList div
-{
-flex: 0 0 33%;
-margin: 1em;
-text-align:center;
-}
-
-@media screen and (max-width: 520px)
-{
-    /* Sur mobile, les colonnes se placent les unes sous les autres */
-    #triple-column
-    {
-    display: block;
-    width: 80%;
-    margin: auto;
-    margin-top: 1em;
-    }     
-    .column-1, .column-2, .column-3
-    {
-    width: 98%;
-    float: left;
-    margin-right: 1%;
-    }
-
-    nav#pagination div, nav#tagsList div
-    {
-    flex: 0 0 90%;
-    margin: 1em;
-    }
-
-    #prompt a.button
-    {
-    font-size:11px;
-    }
-}
diff --git a/front/public/themes/wikilerni/css/list.css b/front/public/themes/wikilerni/css/list.css
deleted file mode 100644
index be26aa5..0000000
--- a/front/public/themes/wikilerni/css/list.css
+++ /dev/null
@@ -1,152 +0,0 @@
-#prompt
-{
-width: 50%;
-margin: auto;
-border-radius: 5px;
-box-shadow: 0px 0px 5px black;
-text-align: center;
-margin-top: -1.5em;
-padding-top: 1.5em;
-background-color: #FF8800;
-border-bottom: 1px solid rgba(0, 0, 0, 0.75);
-}
-
-#prompt h1
-{
-text-align: center;
-width: 105%;
-background-color:  #FF8800;
-margin-left: -2.5%;
-box-shadow: 0px 0px 5px black;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.5);
-border-bottom: 1px solid rgba(0,0,0,0.75);
-padding-top: 0.25em;
-padding-bottom: 0.25em;
-}
-    
-#prompt img
-{
-width: 33%;
-margin: auto;
-display: block;
-}
-
-#prompt h3
-{
-text-align: center;
-font-size: 1.4em;
-}
-
-#prompt p
-{
-text-align: center;
-line-height: 1.5em;
-font-size: 1.2em;
-}
-
-span.postscriptum
-{
-font-style:italic;
-font-size:13px;
-}
-
-#explanations img
-{
-width:inherit;
-}
-
-#zerozozio
-{
-margin:1em;
-text-align:right;
-}
-#zerozozio a, span
-{
-padding:0 0.3em;
-}
-
-
-/* Les colonnes de l'enfer ! */
-#triple-column
-{
-width: 95%;
-margin: auto;
-margin-top: 1em;
-}
-.column-1,
-.column-2,
-.column-3
-{
-float: left;
-width: 32%;
-margin-bottom: 1em;
-}
-.column-1, .column-2
-{
-margin-right: 1.33%;
-}
-.quiz
-{
-width: 100%;
-margin-bottom:1em;
-background-color: #FF8800;
-border-radius: 5px;
-border-top: 1px solid rgba(255,255,255,0.66);
-border-bottom: 1px solid rgba(0,0,0,0.66);
-box-shadow: 0px 0px 5px black;
-}
-.quiz h3
-{
-text-align: center;
-margin:1em;
-}
-.quiz p
-{
-margin: 2em;
-text-align: left;
-}
-.quiz p:last-child
-{
-text-align: center;
-}
-.quiz-image-wrapper
-{
-width: 95%;
-background-size: cover;
-background-repeat: no-repeat;
-border-radius: 5px;
-border-top: 1px solid rgba(0,0,0,0.66);
-border-bottom: 1px solid rgba(255,255,255,0.66);
-box-shadow: inset 0px 5px 5px rgba(0,0,0,0.33);
-margin: auto;
-}
-.quiz-image-wrapper img
-{
-opacity: 0;
-width: 100%;
-}
-
-/* pagination + liste de tags */
-h3
-{
-clear:both;
-}
-nav#pagination, nav#tagsList
-{
-clear:both;
-display:flex;
-flex-wrap: wrap;
-margin:0.5em;
-}
-nav#pagination div
-{
-flex: 0 0 50%;
-text-align:center;
-}
-nav#tagsList div
-{
-flex: 0 0 15%;
-margin: 1em;
-text-align:center;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/login-mobile.css b/front/public/themes/wikilerni/css/login-mobile.css
deleted file mode 100644
index 95909c3..0000000
--- a/front/public/themes/wikilerni/css/login-mobile.css
+++ /dev/null
@@ -1,97 +0,0 @@
-#prompt, #login
-    {background-color: #FF8800;
-    width: 75%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #login h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-
-#login
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#login h1 { font-size:0.9em; }
-
-
-#login fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#login label
-{
-    margin-right: 1%;
-    text-align: right;
-    display:inline-block;
-}
-ul.checkbox_li
-{
-width:100%;
-padding-left: 0 1em;
-}
-li.checkbox_li
-{
-width:100%;
-}
-#login label.check
-{
-text-align:left;
-display:inline-block;
-margin-left: 1%;
-}
-
-#login ul
-    {list-style-type: none;
-    text-align: left;}
-
-    
-#login .framed .engraved
-     {text-align: left;
-     margin: 1em;}
-
-#login .error, #login .success, #login .info
-    {margin: 1em;
-    width: auto;
-    border-radius: 5px;}
-
-@media screen and (max-width: 659px)
-{
-    #login fieldset
-        {width: 90%;
-        text-align: right;}
-    
-    /*#login label
-        {width: auto;
-        float: left;}*/
-
-    #login label, input {width: 90%; }
-
-
-    ul.checkbox_li
-    {
-    width:90%;
-    padding-left: 1em;
-    }
-        
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/login.css b/front/public/themes/wikilerni/css/login.css
deleted file mode 100644
index ef3ef8d..0000000
--- a/front/public/themes/wikilerni/css/login.css
+++ /dev/null
@@ -1,71 +0,0 @@
-#prompt, #login
-    {background-color: #FF8800;
-    width: 50%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #login h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-
-#login
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#login fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#login label
-    {width: 49%;
-    margin-right: 1%;
-    text-align: right;
-    display:inline-block;}
-    
-ul.checkbox_li
-{
-width:100%;
-text-align:left;
-}
-#login label.check
-{
-text-align:left;
-display:inline;
-margin-left: 1%;
-}
-
-#login ul
-    {list-style-type: none;
-    text-align: left;}
-
-#signup h2
-    {margin-bottom: 0px;}
-    
-#login .framed .engraved
-     {text-align: left;
-     margin: 1em;}
-
-#login #ERROR, #login .error, #login .success, #login .info
-    {margin: 1em;
-    width: auto;
-    border-radius: 5px;}
diff --git a/front/public/themes/wikilerni/css/menu-mobile.css b/front/public/themes/wikilerni/css/menu-mobile.css
deleted file mode 100644
index b2f650e..0000000
--- a/front/public/themes/wikilerni/css/menu-mobile.css
+++ /dev/null
@@ -1,30 +0,0 @@
-#menu
-    {list-style-type: none;
-    width: 100%;
-    padding: 0px;
-    box-shadow: 0px 0px 5px black;
-    text-align: center;
-    transform: rotate(-0.5deg);
-    background-color: #FF8800;}
-
-#menu li
-    {display: inline-block;
-    margin: 0.5em;
-    font-size: 0.9em;
-    margin-left: 0.5em;
-    margin-right: 0.5em;}
-
-#menu a
-{
-text-decoration: none;
-}    
-    
-@media screen and (max-width: 520px) {
-    #menu
-        {font-size: 0.8em;}
-    
-    #menu li
-        {margin-left: 0.33em;
-        margin-right: 0.33em;}
-}
-
diff --git a/front/public/themes/wikilerni/css/menu.css b/front/public/themes/wikilerni/css/menu.css
deleted file mode 100644
index 4b5e482..0000000
--- a/front/public/themes/wikilerni/css/menu.css
+++ /dev/null
@@ -1,18 +0,0 @@
-#menu
-    {list-style-type: none;
-    width: 100%;
-    box-shadow: 0px 0px 5px black;
-    text-align: center;
-    transform: rotate(-0.5deg);
-    background-color: #FF8800;}
-
-#menu li
-    {display: inline-block;
-    margin: 0.5em;
-    margin-left: 1.5em;
-    margin-right: 1.5em;}
-
-#menu a
-{
-text-decoration: none;
-}
diff --git a/front/public/themes/wikilerni/css/pages-mobile.css b/front/public/themes/wikilerni/css/pages-mobile.css
deleted file mode 100644
index 26f510b..0000000
--- a/front/public/themes/wikilerni/css/pages-mobile.css
+++ /dev/null
@@ -1,90 +0,0 @@
-#prompt, #page
-    {background-color: #FF8800;
-    width: 75%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #page h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-
-#page
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#page h1 { font-size:0.9em; }
-
-
-#page fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#page label
-    {width: 49%;
-    margin-right: 1%;
-    text-align: right;
-    display:inline-block;}
-
-#page ul
-    {list-style-type: none;
-    text-align: left;}
-
-#signup h2
-    {margin-bottom: 0px;}
-    
-#page .framed .engraved
-     {text-align: left;
-     margin: 1em;}
-
-#page img { max-width:90% }
-#page figure { margin : 1em 0 }
-
-#page #ERROR, #page .error, #page .success, #page .info
-    {margin: 1em;
-    width: auto;
-    border-radius: 5px;}
-
-#page p, li
-{
-padding: 0 0.5em;
-text-align: left;
-line-height: 1.5em;
-font-size: 1em;
-}
-
-@media screen and (max-width: 659px)
-{
-    #page fieldset
-        {width: 90%;
-        text-align: right;}
-    
-    #page label
-        {width: auto;
-        float: left;}
-
-    #page a.button
-    {
-    font-size:12px;
-    }
-
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/pages.css b/front/public/themes/wikilerni/css/pages.css
deleted file mode 100644
index 8f0336f..0000000
--- a/front/public/themes/wikilerni/css/pages.css
+++ /dev/null
@@ -1,63 +0,0 @@
-#prompt, #page
-    {background-color: #FF8800;
-    width: 50%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #page h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-
-#page
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#page fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#page label
-    {width: 49%;
-    margin-right: 1%;
-    text-align: right;
-    display:inline-block;}
-
-#page ul
-    {list-style-type: none;
-    text-align: left;}
-   
-#page p, li
-{
-padding: 0 1em;
-text-align: left;
-line-height: 1.5em;
-font-size: 1em;
-}
-
-#page img { max-width:90% }
-#page figure { margin : 1em 0 }
-
-#page #ERROR, #page .error, #page .success, #page .info
-    {margin: 1em;
-    width: auto;
-    border-radius: 5px;}
diff --git a/front/public/themes/wikilerni/css/quiz-mobile.css b/front/public/themes/wikilerni/css/quiz-mobile.css
deleted file mode 100644
index 80af38f..0000000
--- a/front/public/themes/wikilerni/css/quiz-mobile.css
+++ /dev/null
@@ -1,180 +0,0 @@
-.checkbox_list {font-family: sans;}
-
-#content-picture
-    {display: none;}
-
-#content-picture div
-    {width: 100%;
-    background-size: cover;
-    border-radius: 5px 5px 0px 0px;
-    border-top: 1px solid rgba(0,0,0,0.5);
-    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.25);}
-
-#content-picture p
-    {text-align: center;
-    font-family: sans;
-    background-color: rgba(0, 0, 0, 0.25);
-    padding: 5px;
-    border-radius: 0px 0px 5px 5px;
-    border-top: 1px solid rgba(0,0,0,0.5);
-    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.33);
-    border-bottom: 1px solid rgba(255,255,255,0.5); 
-    margin-top: 0px;   
-    margin-bottom: 0px;}
-
-#content-side
-    {float: right;
-    margin-top: -0.25em;
-    width: 95%;
-    margin-bottom: 100px;}
-
-#content-title h1
-    {background-color: #FF8800;
-    padding: 10px;
-    margin: 0px;
-    transform: rotate(-0.33deg);
-    border-radius: 5px 0px 0px 5px;
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    border-left: 1px solid rgba(0,0,0,0.33);
-    box-shadow: 0px 0px 10px black;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    position: relative;
-    z-index: 2;}
-    
-#content-title-corner
-    {width: 43px;
-    height:43px;
-    display:block;
-    margin-left:-10px;
-    display :none;
-    background-image: url('../img/corner.png');
-    position: relative;
-    z-index: -1;}
-    
-#author-date
-    {font-size:0.75em;
-    color: rgba(0,0,0,0.80);
-    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);}
-
-#required-time-icon
-    {margin-bottom:-3px;
-    margin-right: 5px;}
-    
-#content
-    {width: calc(100% - 53px); /* 10 + 10 + 33 */
-    border-left: 1px solid rgba(0,0,0,0.33);
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    background-color: #FF8800;
-    margin-top: -5px;
-    float: right;
-    font-size: 1.3em;
-    border-radius: 0px 0px 0px 5px; 
-    box-shadow: 0px 0px 10px black;
-    text-align: left;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-
-#content i
-    {font-size: 0.75em;}
-
-#content-top-decoration
-    {width: calc(100% - 33px); /* 10 + 10 + 33 */
-    border-top: 1px solid rgba(255,255,255,0.33);
-    border-radius: 5px 0px 0px 0px; 
-    box-shadow: 0px 0px 10px black;
-    height: 2em;
-    padding-left: 10px;
-    padding-top:0.5em;
-    margin-bottom: -5px;
-    margin-left: 33px;
-    background-color: #FF8800;}
-
-#tags
-    {background-color: #FF8800;
-    transform: rotate(-0.5deg);
-    box-shadow: 0px 0px 5px black;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.8);}
-
-#tags ul
-    {padding-left: 0px;
-    text-align: center;}
-    
-#tags ul li
-    {display: inline-block;
-    margin: 0.5em;}
-
-#tags ul li a
-{
-text-decoration: none;
-outline: none;
-text-transform: capitalize;
-}
-
-#content-side .error, #content-side .info, #content-side .success
-{
-    margin: 1em;
-    width: auto;
-    border-radius: 5px;
-}
-
-.needJS
-{
-   display:none;
-}
-
-/* Bouton permettant de demander l'affichage du quiz */
-#showQuestionnaire
-{
-    display:none;
-}
-
-/* Boutons inscription/connexion suite réponse quiz */
-.subscribeBtns
-{
-    display:none;
-}
-
-.quizs, .help
-{
-    display: none;
-}
-
-/* affichage de l'image suivant si la réponse est bonne ou mauvaise */
-li.checkbox_li span
-{
-display:none;
-}
-.isCorrect span.rightResponse, .isNotCorrect span.wrongResponse
-{
-display:inline;
-}
-.isCorrect em
-{
-display:inline;
-background-color: #00c684;
-background-image: url('../img/background-texture.png');
-}
-.isNotCorrect em
-{
-display:inline;
-background-color: red;
-background-image: url('../img/background-texture.png');
-}
-li.checkbox_li em
-{
-margin-left:0.5em;
-}
-
-#links, #show, .subscribeBtns p
-{
-margin: 1.3em;
-text-align:center;
-}
-blockquote.help
-{
-font-style:italic;
-font-size: 0.9em;
-margin-left:1em;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/quiz.css b/front/public/themes/wikilerni/css/quiz.css
deleted file mode 100644
index 2035174..0000000
--- a/front/public/themes/wikilerni/css/quiz.css
+++ /dev/null
@@ -1,209 +0,0 @@
-div#show
-{
-margin-top: 2em;
-}
-
-.checkbox_list {font-family: sans;}
-
-#content-picture
-    {width: 34%;
-    transform: rotate(-0.5deg);
-    margin-left: -1%;
-    background-color: #FF8800;
-    margin-top: 1em;
-    padding:25px;
-    float: left;
-    box-shadow: 0px 0px 10px black;
-    border-radius: 0px 5px 5px 0px; 
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#content-picture div
-    {width: 100%;
-    background-size: cover;
-    border-radius: 5px 5px 0px 0px;
-    border-top: 1px solid rgba(0,0,0,0.5);
-    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.25);}
-
-#content-picture div img
-    {width: 100%;}
-    
-#content-picture p
-    {text-align: center;
-    font-family: sans;
-    background-color: rgba(0, 0, 0, 0.25);
-    padding: 5px;
-    border-radius: 0px 0px 5px 5px;
-    border-top: 1px solid rgba(0,0,0,0.5);
-    box-shadow: inset 0px 3px 5px rgba(0,0,0,0.33);
-    border-bottom: 1px solid rgba(255,255,255,0.5); 
-    margin-top: 0px;   
-    margin-bottom: 0px;}
-
-#content-side
-    {float: right;
-    width: 60%;
-    margin-top: -0.25em;
-    margin-bottom: 100px;}
-
-#content-title h1
-    {background-color: #FF8800;
-    padding: 10px;
-    margin: 0px;
-    transform: rotate(-0.33deg);
-    border-radius: 5px 0px 0px 5px;
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    border-left: 1px solid rgba(0,0,0,0.33);
-    box-shadow: 0px 0px 10px black;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    position: relative;
-    z-index: 2;}
-    
-#content-title-corner
-    {width: 43px;
-    height:43px;
-    display:block;
-    margin-left:-10px;
-    display :none;
-    position: relative;
-    z-index: -1;}
-    
-#author-date
-    {font-size:0.75em;
-    color: rgba(0,0,0,0.80);
-    text-shadow: 0px 1px 0px rgba(255,255,255,0.75);}
-
-#required-time-icon
-    {margin-bottom:-3px;
-    margin-right: 5px;}
-    
-#content
-    {width: calc(100% - 53px); /* 10 + 10 + 33 */
-    border-left: 1px solid rgba(0,0,0,0.33);
-    border-bottom: 1px solid rgba(0,0,0,0.75);
-    background-color: #FF8800;
-    margin-top: -5px;
-    float: right;
-    font-size: 1.3em;
-    border-radius: 0px 0px 0px 5px; 
-    box-shadow: 0px 0px 10px black;
-    text-align: left;
-    padding-left: 10px;
-    padding-right: 10px;
-}
-    
-#content i
-    {font-size: 0.75em;}
-
-#content ul:last-child
-    {padding: 0.5em;
-    display: block;
-    list-style-type: none;
-    font-size: 0.75em;}
-
-#content ul:last-child li
-    {margin: 0.25em;}
-
-#content ul:last-child li::before
-    {content: '- ';}
-
-#content-top-decoration
-    {width: calc(100% - 33px); /* 10 + 10 + 33 */
-    border-top: 1px solid rgba(255,255,255,0.33);
-    border-radius: 5px 0px 0px 0px; 
-    box-shadow: 0px 0px 10px black;
-    height: 2em;
-    padding-left: 10px;
-    padding-top:0.5em;
-    margin-bottom: -5px;
-    margin-left: 33px;
-    background-color: #FF8800;}
-
-#tags
-    {background-color: #FF8800;
-    transform: rotate(-0.5deg);
-    box-shadow: 0px 0px 5px black;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.8);}
-
-#tags ul
-    {padding-left: 0px;
-    text-align: center;}
-    
-#tags ul li
-    {display: inline-block;
-    margin: 0.5em;}
-#tags ul li a
-{
-text-decoration: none;
-outline: none;
-text-transform: capitalize;
-}
-
-#content-side .error, #content-side .info, #content-side .success
-{
-    margin: 1em;
-    width: auto;
-    border-radius: 5px;
-}
-
-.needJS
-{
-   display:none;
-}
-
-/* Bouton permettant de demander l'affichage du quiz */
-#showQuestionnaire
-{
-    display:none;
-}
-
-/* Boutons inscription/connexion suite réponse quiz */
-.subscribeBtns
-{
-    display:none;
-}
-
-.quizs, .help
-{
-    display: none;
-}
-
-/* affichage de l'image suivant si la réponse est bonne ou mauvaise */
-li.checkbox_li span
-{
-display:none;
-}
-.isCorrect span.rightResponse, .isNotCorrect span.wrongResponse
-{
-display:inline;
-}
-.isCorrect em
-{
-background-color: #00c684;
-background-image: url('../img/background-texture.png');
-}
-.isNotCorrect em
-{
-background-color: red;
-background-image: url('../img/background-texture.png');
-}
-li.checkbox_li em
-{
-margin-left:0.5em;
-}
-
-#links, #show, .subscribeBtns p
-{
-margin: 1.3em;
-text-align:left;
-}
-blockquote.help
-{
-font-style:italic;
-font-size: 0.9em;
-}
-#links, subscribeBtns p
-{
-margin: 1.5em;
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/signup-mobile.css b/front/public/themes/wikilerni/css/signup-mobile.css
deleted file mode 100644
index 0b5de0d..0000000
--- a/front/public/themes/wikilerni/css/signup-mobile.css
+++ /dev/null
@@ -1,97 +0,0 @@
-#prompt, #signup
-    {background-color: #FF8800;
-    width: 75%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #signup h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-    
-#signup
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-
-#signup h1 { font-size:0.9em; }
-    
-#signup ul
-    {list-style-type: none;
-    text-align: left;}
-
-#signup h2
-    {margin-bottom: 0px;}
-
-#signup fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#signup label
-    {margin-right: 1%;
-    width: 50%;
-    text-align: right;
-    display:inline-block;}
-
-ul.checkbox_li
-{
-width:100%;
-padding: 0 1em;
-}
-li.checkbox_li
-{
-width:90%;
-}
-#signup label.check
-{
-width:100%;
-text-align:left;
-display:inline-block;
-margin-left: 1%;
-}
-
-#signup .framed .engraved
-     {text-align: left;
-     margin: 1em;}
-
-#signup .error, #signup .info, #signup .success
-    {margin: 1em;
-    width: auto;
-    border-radius: 5px;}
-
-@media screen and (max-width: 659px) {
-    #signup fieldset
-        {width: 90%;
-        text-align: right;}
-    
-    /*#signup label
-        {width: auto;
-        float: left;}*/
-
-    ul.checkbox_li
-    {
-    width:90%;
-    padding-left: 1em;
-    }
-      
-    #signup label, input {width: 90%; }
-        
-}
\ No newline at end of file
diff --git a/front/public/themes/wikilerni/css/signup.css b/front/public/themes/wikilerni/css/signup.css
deleted file mode 100644
index 31452ac..0000000
--- a/front/public/themes/wikilerni/css/signup.css
+++ /dev/null
@@ -1,73 +0,0 @@
-#prompt, #signup
-    {background-color: #FF8800;
-    width: 50%;
-    margin: auto;
-    text-align: center;
-    border-radius: 5px;
-    margin-top: -1em;
-    padding-top:1.5em;
-    border-bottom: 1px solid rgba(0,0,0,0.8);
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);}
-    
-#prompt img
-    {width: 33%;}
-    
-#prompt p, #signup h1
-    {background-color: #FF8800;
-    box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
-    width: 102%;
-    margin-left:-1%;
-    border-radius: 5px;
-    padding-top: 1em;
-    padding-bottom: 1em;
-    letter-spacing: 0.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);
-    border-bottom: 1px solid rgba(0,0,0,0.66);}
-    
-#signup
-    {margin-top: 1em;
-    padding-top:0em;
-    margin-bottom: -2.2em;
-    padding-bottom: 2.5em;
-    border-top: 1px solid rgba(255,255,255,0.5);}
-    
-#signup ul
-    {list-style-type: none;
-    text-align: left;}
-
-#signup h2
-    {margin-bottom: 0px;}
-
-#signup fieldset
-    {width: 80%;
-    margin: auto;
-    text-align: left;}
-    
-#signup label
-    {width: 49%;
-    margin-right: 1%;
-    text-align: right;
-    display:inline-block;}
-
-ul.checkbox_li
-{
-width:100%;
-text-align:left;
-}
-#signup label.check
-{
-text-align:left;
-display:inline;
-margin-left: 1%;
-}
-
-#signup .framed .engraved
-     {text-align: left;
-     margin: 1em;}
-
-#signup .error, #signup .info, #signup .success
-{
-    margin: 1em;
-    width: auto;
-    border-radius: 5px;
-}
diff --git a/front/public/themes/wikilerni/css/style.css b/front/public/themes/wikilerni/css/style.css
new file mode 100644
index 0000000..3e785e3
--- /dev/null
+++ b/front/public/themes/wikilerni/css/style.css
@@ -0,0 +1,1385 @@
+/*---------------- Propriétés communes à toutes les pages --------------*/
+
+/* Général */
+@font-face
+{
+  font-family: Millimetre;
+  src: url(../webfonts/Light/Millimetre-Light_web.woff);
+  font-weight: lighter;
+}
+@font-face
+{
+  font-family: Millimetre;
+  src: url(../webfonts/Regular/Millimetre-Regular_web.woff);
+  font-weight: regular;
+}
+@font-face
+{
+  font-family: Millimetre;
+  src: url(../webfonts/Bold/Millimetre-Bold_web.woff);
+  font-weight: bold;
+}
+body
+{
+margin: 0;
+overflow-x: hidden;
+background-color: #8c599c;
+font-family: Arial, Helvetica, sans-serif;
+}
+/* texture de fond des éléments */
+.cardboard
+{
+background-image: url('../img/background-texture.png');
+}
+/* Cache un contenu du DOM devant être réintégrer via JavaScript */
+.needJS
+{
+display: none;
+}
+body, a, input
+{
+font-family: Millimetre;
+font-weight: regular;
+color: rgba(255,255,255,1);
+text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
+}
+
+/* Liens */
+input, #headLinks a, #footLinks a, a.button,
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+{
+text-decoration: none;
+outline: none;
+}
+a:hover
+{
+color: rgba(0,0,0,0.66);
+text-shadow: 0 1px 0 rgba(255,255,255,0.75);
+}
+a.button:hover
+{
+color:white;
+text-shadow:none;
+}
+/* Liens de navigation entre pages de résultats */
+#next a, #previous a, #tagsList a
+{
+background-image: url('../img/background-texture.png');
+}
+nav#pagination, nav#tagsList
+{
+clear:both;
+display:flex;
+flex-wrap: wrap;
+margin:0.5em;
+}
+nav#pagination div
+{
+flex: 0 0 70%;
+text-align:center;
+}
+nav#pagination div, nav#tagsList div
+{
+margin: 1em;
+}
+
+
+/* Boutons médias sociaux */
+#zerozozio
+{
+margin:1em;
+text-align:right;
+}
+#zerozozio a
+{
+padding:0 0.3em;
+}
+
+/* header + footer */
+header, footer
+{
+background-color: #FF8800;
+border-bottom: 1px solid rgba(0,0,0,0.75);
+box-shadow: 0 0 10px black;
+width: 100%;
+margin-top: 1em;
+}
+header
+{
+transform: rotate(0.66deg);
+height:auto;
+}
+footer
+{
+transform: rotate(-0.66deg);
+height: 100px;
+clear: both;
+text-align: center;
+}
+header img
+{
+width:auto;
+height:50px;
+margin-left:5px
+}
+header ul, footer ul
+{
+list-style-type: none;
+float: right;
+padding: 0;
+}
+header ul li, footer ul li 
+{
+display: inline-block;
+margin-left: 0.2em;
+margin-right: 0.2em;
+}
+header ul
+{
+margin:0;
+width:75%;
+}
+header ul li
+{
+font-size: 1em;
+float:right;
+line-height:1.5em;
+}
+footer ul li
+{
+margin-top: 10px;
+}
+header ul li a
+{
+padding:10px 5px;
+}
+
+/* Contenus textuels, paragraphes, etc. */
+.engraved
+{
+color: white;
+text-shadow: 0px -1px 0px rgba(0, 0, 0, 1);
+font-family: verdana;
+}
+.framed
+{
+width:92%;
+font-size:0.8em;
+font-weight:inherit;
+border: 1px solid rgba(0, 0, 0, 0.33);
+border-radius: 5px;
+box-shadow: 0px 1px 0px rgba(255,255,255,0.5), inset 0px 1px 0px rgba(255,255,255,0.33);
+display: inline-block;
+margin: 1em 0 1em 0;
+padding:0.5em;
+}
+#prompt
+{
+background-color: #FF8800;
+width: 75%;
+margin: auto;
+text-align: center;
+border-radius: 5px;
+margin-top: -1em;
+padding-top:1.5em;
+border-bottom: 1px solid rgba(0,0,0,0.8);
+box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
+}
+#prompt img
+{
+width: 50%;
+margin: auto;
+display: block;
+}
+#prompt h1
+{
+text-align: center;
+width: 105%;
+background-color:  #FF8800;
+margin-left: -2.5%;
+box-shadow: 0px 0px 5px black;
+border-radius: 5px;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.75);
+padding-top: 0.25em;
+padding-bottom: 0.25em;
+}
+#prompt h2
+{
+text-align: center; font-size: 1.3em;
+}
+#prompt h3
+{
+text-align: center;font-size: 1.7em;
+}
+#prompt p
+{
+text-align: center;
+line-height: 2em;
+font-size: 1.2em;
+}
+#prompt a.button
+{
+font-size:12px;
+}
+p.error, p.success, p.info, div.error, div.success, div.info
+{
+width: 80%;
+margin:1em auto;
+height: auto;
+border-radius: 5px;
+padding: 1em;
+opacity: 1;
+line-height: 1.25em;
+}
+.info,.success,.error
+{
+background-image: url('../img/background-texture.png');
+}
+.info {background-color: #8c599c;}
+.success {background-color: #00c684;}
+.error {background-color: red;}
+
+/* Formulaires */
+fieldset
+{
+width: 100 %;
+border: 0;
+text-align: left;
+}
+label
+{
+display:inline-block;
+width:100%;
+margin-bottom:0.5em;
+}
+label.check
+{
+padding:0;
+margin:0;
+}
+input[type=submit], input[type=text], input[type=email], input[type=password], .button
+{
+background-color: #8c599c;
+padding: 10px;
+border: 0;
+border-radius: 3px;
+color: white;
+font-family: sans;
+font-weight: bold;
+font-size: 0.9em;
+position: relative;
+transition: 0.125s ease all;
+margin-top: 0;
+box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 3px 8px rgba(0,0,0,0.66);
+}
+input[type=submit]:hover, .button:hover
+{
+margin-top: 2px;
+box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 0px 5px rgba(0,0,0,0.66);
+}
+input[type=text], input[type=password], input[type=email]
+{
+box-shadow: inset 0 1px 0 rgba(0,0,0,0.66), inset 0 -1px 0 rgba(255,255,255,0.66), inset 0 3px 8px rgba(0,0,0,0.66);
+width: 95%;
+}
+input[type=checkbox]
+{
+width:15px;
+height:15px;
+margin-left: 0;
+margin-right: -15px;
+opacity:0.0;
+}
+/* The following is a trick to force browser to let me redefine checkbox style */
+.checkbox_override
+{
+width: 15px;
+height: 15px;
+border-radius: 2px;
+box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
+background-color: rgba(0, 0, 0, 0.25);
+border-top: 1px solid rgba(0,0,0,0.75);
+border-bottom: 1px solid rgba(255,255,255,0.5);
+display: inline-block;
+}
+input:hover ~ .checkbox_override
+{
+background-color: rgba(0, 0, 0, 0.125);
+}
+input:checked ~ .checkbox_override
+{
+border-bottom: 1px solid rgba(0,0,0,0.75);
+border-top: 1px solid rgba(255,255,255,0.5);
+box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
+background-color: rgba(255, 255, 255, 0.25);
+}
+::placeholder
+{
+  color:#c6b4cb;
+}
+
+ul.checkbox_li
+{
+list-style-type: none;
+text-align: left;
+padding-left: 0.7em;
+font-family: sans;
+}
+form ul.checkbox_li li
+{
+margin-bottom:0.5em;
+}
+
+/* explications sous formulaires */
+#explanations
+{
+padding: 0.2em;
+}
+#explanations p
+{
+margin:1.5em;
+text-align:left;
+line-height:1.5em;
+}
+
+/* This allow the motion of the button while overing without displacing the content of the page : vérifier que cela est utilisé ?
+.input_wrapper
+{
+height: 40px;
+display: inline-block;
+margin-top: 1em;
+}*/
+/* Sous-menu pour tags ou utilisateur connecté, etc. */
+#menu
+{
+clear: both;
+width: 100%;
+padding: 0;
+box-shadow: 0 0 5px black;
+list-style-type: none;
+text-align: center;
+transform: rotate(-0.5deg);
+background-color: #FF8800;
+}
+#menu li
+{
+display: inline-block;
+margin: 0.5em;
+font-size: 0.9em;
+margin-left: 0.5em;
+margin-right: 0.5em;
+}
+#menu a
+{
+text-decoration: none;
+}
+
+/* Répétition du logo en + grande des certaines pages */
+#logo
+{
+width: 50%;
+margin: auto;
+display: block;
+}
+
+/* Les listes de quiz */
+#triple-column
+{
+width: 90%;
+margin: auto;
+margin-top: 1em;
+}
+.column-1, .column-3, .column-2
+{
+width: 98%;
+float: left;
+margin-left:1.5%;
+}
+.quiz
+{
+width: 100%;
+margin-bottom: 1em;
+background-color: #FF8800;
+border-radius: 5px;
+border-top: 1px solid rgba(255,255,255,0.66);
+border-bottom: 1px solid rgba(0,0,0,0.66);
+box-shadow: 0 0 5px black;
+}
+.quiz h3
+{
+text-align: center;
+margin: 1em;
+}
+.quiz p
+{
+margin: 1.7em;
+text-align: justify;
+}  
+.quiz p:last-child
+{
+text-align: center;
+}
+.quiz-image-wrapper
+{
+width: 95%;
+background-size: cover;
+border-radius: 5px;
+border-top: 1px solid rgba(0,0,0,0.66);
+border-bottom: 1px solid rgba(255,255,255,0.66);
+box-shadow: inset 0px 5px 5px rgba(0,0,0,0.33);
+background-repeat: no-repeat;
+margin: auto;
+}
+.quiz-image-wrapper img
+{
+opacity: 0;
+width: 100%;
+}
+#intro
+{
+margin-top:-100px;
+background-color:rgba(0,0,0,0.5);
+padding:5px;
+border-radius: 5px;
+font-size:0.8em;
+}
+
+/* Propriétés générales à mobiles en mode paysage + petites tablettes ou grandes tablettes en mode portrait */
+@media screen and (min-width: 480px)
+{
+    /* header & footer */
+    header ul
+    {
+    margin: 10px 0;
+    width:85%;
+    }
+    header, footer
+    {
+    font-size: 1em;
+    }
+    header ul li::after, footer ul li::after
+    {
+    width: 1px;
+    height: 30px;
+    display: block;
+    float: right;
+    content: '';
+    margin-left: 10px;
+    margin-top: 0;
+    background: linear-gradient(to top, rgba(255,255,255,0.25), rgba(255,255,255,0.0));
+    }
+    header ul li::before, footer ul li::before
+    {
+    width: 1px;
+    height: 30px;
+    display: block;
+    float: right;
+    content: '';
+    margin-top: 0;
+    background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.0));
+    }
+    header ul li:first-child::after, footer ul li:last-child::after
+    {
+    display: none;
+    }  
+    header ul li:first-child::before, footer ul li:last-child::before
+    {
+    display: none;
+    }
+    header ul li:first-child, footer ul li:first-child
+    {
+    margin-right: 1em;
+    }
+    #prompt img
+    {
+    width: 33%;
+    margin: auto;
+    display: block;
+    }
+    #prompt a.button
+    {
+    font-size: 1em;
+    }
+    p.error, p.success, p.info, div.error, div.success, div.info
+    {
+    width: 90%;
+    }
+}
+
+
+/* Propriétés générales pour mobiles grandes tablettes et + grande */
+@media screen and (min-width: 800px)
+{
+    /* header & footer */
+    header
+    {
+    font-size: 1.3em;
+    height:100px;
+    }
+    header img
+    {
+    height:80px;
+    width:auto;
+    margin-left:10px;
+    margin-top: 10px;
+    display: inline-block;
+    }
+    header ul
+    {
+    margin:30px 0;
+    width:80%;
+    }
+    header ul li, footer ul li
+    {
+    font-size: 1em;
+    margin-right:15px;
+    }
+    footer
+    {
+    font-size: 1.2em;
+    }
+    header ul li::after, footer ul li::after
+    {
+    width: 1px;
+    height: 80px;
+    display: block;
+    float: right;
+    content: '';
+    margin-left: 1em;
+    margin-top: -20px;
+    background: linear-gradient(to top, rgba(255,255,255,0.25), rgba(255,255,255,0.0));
+    }
+    header ul li::before, footer ul li::before
+    {
+    width: 1px;
+    height: 80px;
+    display: block;
+    float: right;
+    content: '';
+    margin-top: -20px;
+    margin-right: 1em;
+    background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.0));
+    }
+    header ul li:first-child::after, footer ul li:last-child::after
+    {
+    display: none;
+    }  
+    header ul li:first-child::before, footer ul li:last-child::before
+    {
+    display: none;
+    }
+    header ul li:first-child, footer ul li:first-child
+    {
+    margin-right: 1em;
+    }
+    
+    /* Formulaires */
+    fieldset
+    {
+    margin:0.5em 10% 0.5em 10%;
+    border: 0;
+    }
+    fieldset label
+    {
+    width: 100%;
+    }
+    input[type=submit], input[type=text], input[type=email], input[type=password]
+    {
+    font-size: 1em;
+    }
+    input[type=checkbox]
+    {
+    margin-right: -16px;
+    }
+    form ul.checkbox_li
+    {
+    margin:1em 10%;
+    }
+    
+    /* Contenus textuels, paragraphes, etc. */
+    .framed
+    {
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+    background-image: url('../img/background-texture.png');
+    font-size:0.8em;
+    }
+    #explanations
+    {
+    padding: 0;
+    margin:1em;
+    }
+    #explanations p
+    {
+    text-align:left;
+    margin:1.2em;
+    font-weight:normal;
+    }
+    p.error, p.success, p.info, div.error, div.success, div.info
+    {
+    line-height: 1.4em;
+    }
+    #prompt
+    {
+    width: 50%;
+    }
+    #prompt h2
+    {
+    font-size: 1.7em;
+    }
+    #prompt h3
+    {
+    font-size: 1.9em;
+    }
+    #prompt p
+    {
+    font-size: 1.5em;
+    margin-bottom:1.5em;
+    }
+    #prompt img
+    {
+    width: 25%;
+    }
+    nav#tagsList div
+    {
+    margin: 1em 0.5em;
+    text-align:center;
+    }
+
+    /* Sous-menu pour tags ou utilisateur connecté, etc. */
+    #menu
+    {
+    font-size: 1.1em;
+    }
+    #menu li
+    {
+    margin-left: 1.5em;
+    margin-right: 1.5em;
+    }
+
+    /* Liste de quizs */
+    #triple-column
+    {
+    width: 95%;
+    }
+    .column-1,.column-2,.column-3
+    {
+    width: 31%;
+    margin-bottom: 1em;
+    }
+    .column-1, .column-2
+    {
+    /*! margin-right: 1.33%; */
+    }
+    .quiz p
+    {
+    text-align: left;
+    }
+    #intro
+    {
+    margin-top:-0px;
+    background-color:rgba(0,0,0,0.0);
+    padding:20px 0 0 0;
+    border-radius: 5px;
+    font-size:1em;
+    }
+}
+
+/* Propriétés générales pour très grands écran */
+@media screen and (min-width: 1024px)
+{
+    header ul
+    {
+    margin:30px 0;
+    }
+    #prompt
+    {
+    width: 60%;
+    }
+}
+
+
+/*-----------------Propriétés spécifiques à la page d'accueil --------------*/
+#home
+{
+width: 85%;
+background-color: #FF8800;
+margin: auto;
+text-align: center;
+border-radius: 5px;
+margin-top: -1em;
+padding-top:1.5em;
+border-bottom: 1px solid rgba(0,0,0,0.8);
+box-shadow: 0px 0px 5px rgba(0,0,0,0.75);
+}
+#home img
+{
+width: 50%;
+margin: auto;
+display: block;
+}
+#home h1
+{
+text-align: center;
+width: 105%;
+background-color:  #FF8800;
+margin-left: -2.5%;
+box-shadow: 0px 0px 5px black;
+border-radius: 5px;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.75);
+padding-top: 0.25em;
+padding-bottom: 0.25em;
+background-image: url('../img/background-texture.png');
+}
+#home h2
+{
+text-align: center; font-size: 1.3em;
+}
+#home h3
+{
+text-align: center;font-size: 1.7em;
+}
+#home p
+{
+text-align: center;
+line-height: 1.5em;
+font-size: 1.1em;
+padding: 0.2em;
+}
+#home input[type="text"]
+{
+width:90%;
+margin-bottom:1em;
+}
+#home input[type="submit"], #home button
+{
+margin-top:1em;
+font-size: 1em;
+}
+/*
+#home a.button
+{
+font-size:10px;
+}*/
+#home .framed
+{
+font-size:0.9em;
+}
+#home .engraved
+{
+font-family: inherit;
+}
+
+@media screen and (min-width: 480px)
+{
+    #home img
+    {
+    width: 25%;
+    }
+    #home p
+    {
+    font-size: 1.2em;
+    padding: 0 0.3em;
+    }
+    #home input[type="text"]
+    {
+    width:75%;
+    }
+}
+/*-----------------Propriétés spécifiques à la page d'accueil sur grands écrans --------------*/
+@media screen and (min-width: 800px)
+{
+    #home
+    {
+    width: 65%;
+    }
+    #home h2
+    {
+    font-size: 1.7em;
+    }
+    #home h3
+    {
+    font-size: 1.9em;
+    }
+    #home p
+    {
+    font-size: 1.2em;
+    margin-bottom:1.5em;
+    }
+    #home img
+    {
+    width: 25%;
+    }
+}
+
+/*-----------------Pages principalement textuelles (mentions légales, etc.) --------------*/
+#page
+{
+background-color: #FF8800;
+width: 75%;
+margin: auto;
+margin-top: 1em;
+margin-bottom: -2.2em;
+padding: 0.5em 0.5em 2.5em 0.5em;
+text-align: center;
+border-radius: 5px;
+border-bottom: 1px solid rgba(0,0,0,0.8);
+box-shadow: 0 0 5px rgba(0,0,0,0.75);
+font-size:1.5em;
+border-top: 1px solid rgba(255,255,255,0.5);
+}
+#page h1
+{
+box-shadow: 0 0 5px rgba(0,0,0,0.75);
+width: 102%;
+margin-left:-1%;
+border-radius: 5px;
+padding-top: 1em;
+padding-bottom: 1em;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.66);
+font-size: 0.9em;
+}
+#page h2
+{
+padding-top: 0;
+}
+#page h2, #page h3, #page p
+{
+text-align:left;
+}
+#page p, #page li
+{
+font-weight:normal;
+}
+#page ul
+{
+text-align: left;
+padding-left:1.6em;
+}
+#page .framed, #page .engraved
+{
+text-align: left;
+padding: 0.5em;
+margin: inherit;
+}
+#page img
+{
+max-width:90%
+}
+#page figure
+{
+margin : 1em 2em;
+}
+#page figCaption
+{
+font-size: 0.8em;
+font-style:italic;
+}
+#page p, #p li
+{
+padding-right: 0.2em;
+text-align: left;
+line-height: 1.3em;
+}
+#page p.btn
+{
+padding: 1em 0 1.5em 0;
+text-align:center;
+font-size:0.7em;
+}
+
+@media screen and (min-width: 480px)
+{
+    #page p.btn
+    {
+    font-size:1em;
+    }
+}
+
+@media screen and (min-width: 800px)
+{
+    #page
+    {
+    width: 65%;
+    }
+}
+
+
+/*----------------- Déclaration générales pour les pages quizs--------------*/
+#content-picture div
+{
+width: 100%;
+background-size: cover;
+border-radius: 5px 5px 0 0;
+border-top: 1px solid rgba(0,0,0,0.5);
+box-shadow: inset 0 3px 5px rgba(0,0,0,0.25);
+position:absolute;
+z-index:-10;
+}
+#content-picture img
+{
+display:none;
+}
+#content-picture p
+{
+text-align: center;
+font-family: sans;
+background-color: rgba(0, 0, 0, 0.25);
+padding: 5px;
+border-radius: 0 0 5px 5px;
+border-top: 1px solid rgba(0,0,0,0.5);
+box-shadow: inset 0 3px 5px rgba(0,0,0,0.33);
+border-bottom: 1px solid rgba(255,255,255,0.5); 
+margin-top: 0;
+margin-bottom: 0;
+display: none;
+}
+#content-side
+{
+float: right;
+margin-top: -0.25em;
+width: 95%;
+margin-bottom: 100px;
+}
+#content-title h1
+{
+background-color: #FF8800;
+padding: 10px;
+margin: 0;
+transform: rotate(-0.33deg);
+border-radius: 5px 0 0 5px;
+border-bottom: 1px solid rgba(0,0,0,0.75);
+border-left: 1px solid rgba(0,0,0,0.33);
+box-shadow: 0 0 10px black;
+border-top: 1px solid rgba(255,255,255,0.5);
+position: relative;
+z-index: 2;
+float:left;
+width: 100%;
+}
+#content-title h1 img
+{
+width:5%;
+display:block;
+float:left;
+}
+#content-title h1 span
+{
+width:75%;
+text-align:center;
+display:block;
+float:left;
+font-size:25px;
+}
+#content-title h1 img.thumb
+{
+width:20%;
+display:block;
+float:left;
+opacity:1 !important;
+}
+#content-title-corner
+{
+width: 43px;
+height:43px;
+display:block;
+margin-left:-10px;
+display :none;
+background-image: url('../img/corner.png');
+position: relative;
+z-index: -1;
+} 
+#author-date
+{
+font-size:0.75em;
+color: rgba(0,0,0,0.80);
+text-shadow: 0px 1px 0px rgba(255,255,255,0.75);
+}
+#required-time-icon
+{
+margin-bottom:-3px;
+}   
+#content
+{
+width: calc(100% - 53px); /* 10 + 10 + 33 */
+border-left: 1px solid rgba(0,0,0,0.33);
+border-bottom: 1px solid rgba(0,0,0,0.75);
+background-color: #FF8800;
+margin-top: -5px;
+float: right;
+font-size: 1.3em;
+border-radius: 0 0 0 5px; 
+box-shadow: 0 0 10px black;
+text-align: left;
+padding-left: 10px;
+padding-right: 10px;
+}
+#content i
+{
+font-size: 0.75em;
+}
+#content-top-decoration
+{
+width: calc(100% - 33px); /* 10 + 10 + 33 */
+border-top: 1px solid rgba(255,255,255,0.33);
+border-radius: 5px 0px 0px 0px; 
+box-shadow: 0px 0px 10px black;
+height: 2em;
+padding-left: 10px;
+padding-top:0.5em;
+margin-bottom: -5px;
+margin-left: 33px;
+background-color: #FF8800;
+}
+#tags
+{
+background-color: #FF8800;
+transform: rotate(-0.5deg);
+box-shadow: 0 0 5px black;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.8);
+/*! width: 100%; */
+clear: both;
+}
+#tags ul
+{
+padding-left: 0;
+text-align: center;
+} 
+#tags ul li
+{
+display: inline-block;
+margin: 0.5em;
+}
+#tags ul li a
+{
+text-decoration: none;
+outline: none;
+text-transform: capitalize;
+}
+#content-side ul.checkbox_li
+{
+margin: 0;
+}
+#content-side .error, #content-side .info, #content-side .success
+{
+margin: 1em;
+width: auto;
+border-radius: 5px;
+}
+#content-side #explanations
+{
+padding: inherit;
+margin: inherit;
+}
+#content-side .framed
+{
+width: 98%;
+}
+/* Bouton permettant de demander l'affichage du quiz */
+#showQuestionnaire
+{
+    display:none;
+}
+/* Boutons inscription/connexion suite réponse quiz */
+.subscribeBtns
+{
+    display:none;
+}
+/* Explications de la bonne réponse, cachée avant envoi des réponses */
+.help 
+{
+    display: none;
+}
+/* Affichage de l'image, suivant si la réponse est bonne ou mauvaise */
+.rightResponse, .wrongResponse
+{
+display:none;
+margin-left:5px;
+}
+.isCorrect .rightResponse, .isNotCorrect .wrongResponse
+{
+display:inline;
+}
+.isCorrect em
+{
+display:inline;
+background-color: #00c684;
+background-image: url('../img/background-texture.png');
+}
+.isNotCorrect em
+{
+display:inline;
+background-color: red;
+background-image: url('../img/background-texture.png');
+}
+li.checkbox_li em
+{
+margin-left:0.5em;
+}
+#links, #show, .subscribeBtns p
+{
+margin: 30px;
+font-size: 0.7em;
+text-align:center;
+}
+blockquote.help
+{
+font-style:italic;
+font-size: 0.9em;
+margin-left:1em;
+}
+#explanationsTitle
+{
+font-size:1.1em;
+}
+
+/*----------------- Déclaration pour les pages quizs sur grands écrans --------------*/
+@media screen and (min-width: 800px)
+{
+    div#show
+    {
+    margin-top: 2em;
+    }
+    #content-picture
+    {
+    width: 34%;
+    transform: rotate(-0.5deg);
+    margin-left: -1%;
+    background-color: #FF8800;
+    margin-top: 1em;
+    padding:25px;
+    float: left;
+    box-shadow: 0px 0px 10px black;
+    border-radius: 0px 5px 5px 0px; 
+    border-bottom: 1px solid rgba(0,0,0,0.75);
+    border-top: 1px solid rgba(255,255,255,0.5);
+    }
+    #content-picture div
+    {
+    position:relative;
+    }
+    #content-picture p
+    {
+    display: block;
+    }
+    #content-picture div img
+    {
+    width: 100%;
+    }
+    #content-picture img
+    {
+    display:block;
+    }
+    #content-title h1
+    {
+    width:100%;
+    }
+    #content-title h1 span
+    {
+    width:90%;
+    }
+    #content-title h1 img.thumb
+    {
+    display:none;
+    }
+    #content-side
+    {
+    width: 60%;
+    }
+    #content-side ul.checkbox_li
+    {
+    margin-left: 1em;
+    }
+    #content
+    {
+    opacity: 1;
+    padding: 0.5em;
+    }
+    #content ul:last-child
+    {
+    padding: 0.5em;
+    display: block;
+    list-style-type: none;
+    font-size: 0.75em;
+    }
+    #content ul:last-child li
+    {
+    margin: 0.25em;
+    }
+    #content ul:last-child li::before
+    {
+    content: '- ';
+    }
+    .isCorrect em {/*! display:block; */}
+    .isNotCorrect em{/*! display:block; */}
+    #links, #show, .subscribeBtns
+    p
+    {
+    text-align:left;
+    font-size: 1em;
+    }
+    blockquote.help
+    {
+    margin-left:0;
+    }
+    #links, subscribeBtns p
+    {
+    margin: 1.5em;
+    }
+}
+
+/*----------------- Déclaration générales pour les pages avec des formulaires de connexion, inscription, etc. --------------*/
+#signup, #login, #account
+{
+width: 85%;
+margin: auto;
+margin-top: 1em;
+margin-bottom: -2.2em;
+padding-top:0;
+padding-bottom: 2.5em;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.8);
+border-radius: 5px;
+background-color: #FF8800;
+box-shadow: 0 0 5px rgba(0,0,0,0.75);
+text-align:center;
+}
+#signup h1, #login h1, #account h1
+{
+background-color: #FF8800;
+box-shadow: 0 0 5px rgba(0,0,0,0.75);
+width: 102%;
+margin-left:-1%;
+border-radius: 5px;
+padding-top: 1em;
+padding-bottom: 1em;
+letter-spacing: 0.5em;
+border-top: 1px solid rgba(255,255,255,0.5);
+border-bottom: 1px solid rgba(0,0,0,0.66);
+font-size:0.9em;
+}     
+#signup h2, #login h2, #account h2
+{
+margin-bottom: 0;
+}
+#signup p, #login p, #account p
+{
+text-align: left;
+padding-left: 1em;
+}
+#signup .framed .engraved, #login .framed .engraved, #account .framed .engraved
+{
+text-align: left;
+margin: 1em;
+}
+#signup div.framed, #login div.framed, #account div.framed
+{
+font-size:0.9em;
+margin-left: 1em;
+width: 85%;
+}
+/*
+
+#login ul
+{
+list-style-type: none;
+text-align: left;
+}
+
+#signup fieldset, #login fieldset
+{
+width: 80%;
+margin: auto;
+text-align: left;
+} 
+#signup label
+{
+margin-right: 1%;
+width: 50%;
+text-align: right;
+display:inline-block;
+}
+#login label
+{
+margin-right: 1%;
+text-align: right;
+display:inline-block;
+}*/
+
+/*
+ul.checkbox_li
+{
+width:100%;
+padding: 0 1em;
+}
+li.checkbox_li
+{
+width:90%;
+}*
+#signup label.check, #login label.check
+{
+width:100%;
+text-align:left;
+display:inline-block;
+margin-left: 5%;
+}*/
+
+
+@media screen and (min-width: 480px)
+{
+    #signup, #login
+    {
+    width: 75%;
+    }
+    #signup div.framed, #login div.framed, #account div.framed
+    {
+    width: 90%;
+    }
+}
+
+/*----------------- Déclaration pour grands écrans pour les pages avec des formulaires de connexion, inscription, etc. --------------*/
+@media screen and (min-width: 800px)
+{
+    #signup h1, #login h1
+    {
+    font-size:1em;
+    }
+    #signup label, #login label
+    {
+    /*! width: 30%; */
+    }
+    ul.checkbox_li
+    {
+    text-align:left;
+    padding: 0;
+    }
+    li.checkbox_li
+    {
+    width:100%;
+    }
+    #signup label.check
+    {
+    display:inline;
+    }
+    #signup div.framed, #login div.framed, #account div.framed
+    {
+    width: 95%;
+    }
+    /*
+    #signup label.check, #login label.check
+    {
+    margin-left: 20%;
+    }*/
+}
+
+@media screen and (min-width: 1024px)
+{
+    #signup, #login, #account
+    {
+    width: 60%;
+    }
+}
\ No newline at end of file
diff --git a/front/public/validation.html b/front/public/validation.html
index 3f0a44f..623dc1b 100644
--- a/front/public/validation.html
+++ b/front/public/validation.html
@@ -9,10 +9,7 @@
         <script src="/JS/polyfill.app.js" defer></script>
         <script src="/JS/subscribeValidation.app.js" defer></script>
         <link rel="shortcut icon" href="/img/favicon.ico">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 969px)">      
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page.css" media="screen and (min-width: 970px)">
-        <link rel="stylesheet" href="/themes/wikilerni/css/links-page-mobile.css" media="screen and (max-width: 969px)">
+        <link rel="stylesheet" href="/themes/wikilerni/css/style.css">         
     </head>
     
     <body class="cardboard">
@@ -24,13 +21,15 @@
                 <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
                 <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>                
                 <li><a href="/a-propos.html">À propos</a></li>
+                <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>               
             </ul>
         </header>
         
         <div id="prompt" class="cardboard">
             <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni" title="W I K I L E R N I" /></a>
-            <p class="cardboard">Cultivons notre jardin !</p>
-            <div id="response">Si vous voyez ce message, c'est que votre lien de validation n'est pas valide ou a expiré. Vous pouvez <a href="/connexion.html">en recevoir un nouveau en cliquant ici</a>.</div>
+            <p>Cultivons notre jardin !</p>
+            <h1 class="cardboard">Valider la création de votre compte</h1>
+            <div id="response"><p class="error">Si vous voyez ce message, c'est que votre lien de validation n'est pas valide ou a expiré. Vous pouvez <a href="/connexion.html">en recevoir un nouveau en cliquant ici</a>.</p></div>
         </div>
     
         <footer class="cardboard">
diff --git a/views/wikilerni/config/fr.js b/views/wikilerni/config/fr.js
index a0347a3..ff6869b 100644
--- a/views/wikilerni/config/fr.js
+++ b/views/wikilerni/config/fr.js
@@ -3,16 +3,17 @@ module.exports =
     headLinks:
     [
         { anchor: "Contact", attributes: { href:"/contact.html", rel: "nofollow" } },
-        { anchor: "Parcourir", attributes: { href:"/quizs/", id:"indexHeadLink", title:"Les derniers quizs" } },
-        { anchor: "Mon compte", attributes: { href:"/connexion.html", id: "accountHeadLink" } },
-        { anchor: "À propos", attributes: { href:"/a-propos.html" } }
+        { anchor: "Parcourir", attributes: { href:"/quizs/", id:"indexHeadLink", title:"Les dernières mises à jour WikiLerni" } },
+        { anchor: "Mon compte", attributes: { href:"/connexion.html", id: "accountHeadLink", title:"Accéder ou créez votre compte WikiLerni" } },
+        { anchor: "À propos", attributes: { href:"/a-propos.html", title:"En savoir + sur WikiLerni" } },
+        { anchor: "Accueil", attributes: { href:"/", title:"Page d'accueil" } }
     ],
     footLinks:
     [
-        { anchor: "Blog", attributes: { href:"https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625", title:"Blog WikiLerni sur diaspora*" } },
-        { anchor: "Crédits", attributes: { href:"/credits.html" } },
+        { anchor: "Blog", attributes: { href:"https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625", title:"Le blog WikiLerni sur diaspora*" } },
+        { anchor: "Crédits", attributes: { href:"/credits.html", title:"Qui a créé WikiLerni ? Quels sont vos droits ?" } },
         { anchor: "Mentions légales", attributes: { href:"/mentions-legales.html", rel: "nofollow" } },
-        { anchor: "Données personnelles", attributes: { href:"/donnees.html" } },
+        { anchor: "Données personnelles", attributes: { href:"/donnees.html", title:"Vos données personnelles sur WikiLerni" } },
         { anchor: "CGV & CGU", attributes: { href:"/CGV-CGU.html", rel: "nofollow" } }
     ],
     maxQuestionnairesSiteHomePage: 3,
@@ -39,7 +40,7 @@ module.exports =
     homeTitle1: "De nature curieuse ?",
     homeP1: "Avec WikiLerni, vous apprenez chaque jour de nouvelles choses.<br>Des articles de Wikipédia sont sélectionnés pour vous et sont suivis d'un quiz vous permettant de tester ce que vous en avez retenu.<br>De jour en jour de nouvelles graines de savoir sont ainsi semées dans votre \"jardin\".",
     homeTitle2: "La culture en liberté",
-    homeP2: "Tout comme sur Wikipédia <span class='postscriptum'>(*)</span>, le logiciel et le contenu partagé sur WikiLerni <a href=\"/credits.html\" title=\"En savoir plus\">sont libres</a>.<br>Sur WikiLerni, pas de publicité, ni de commercialisation de vos données personnelles.<br>Vous pouvez venir y \"cultiver votre jardin\" en toute tranquillité.<br><br><span class='postscriptum'>(*) Bien que partageant ses valeurs, WikiLerni est un projet indépendant de la fondation Wikipédia.</span>",
+    homeP2: "Tout comme sur Wikipédia <span class='postscriptum'>(*)</span>, le logiciel et le contenu partagé sur WikiLerni <a href=\"/credits.html\" title=\"En savoir plus\">sont libres</a>.<br>Sur WikiLerni, pas de publicité, ni de commercialisation de vos données personnelles.<br>Vous pouvez venir y \"cultiver votre jardin\" en toute tranquillité.",
     homeBtnAboutTxt: "En savoir plus sur WikiLerni ?",
     homeBtnSubscribeTxt: "Tester WikiLerni gratuitement.",
     newQuestionnairesTitle: "Les derniers quizs publiés sur WikiLerni",
@@ -47,7 +48,7 @@ module.exports =
     explanationTitle: "Vous découvrez WikiLerni ?",
     explanationTxt: "Le principe est simple : vous commencez par lire l'article Wikipédia dont le lien vous est proposé.<br>Puis vous afficher le quiz pour vérifier ce que vous avez retenu de votre lecture. Vous obtenez alors votre résultat immédiatement.<br><br>Suivant les questions, une ou plusieurs réponses peuvent être correctes et doivent donc être cochées. <b>C'est toujours le contenu de l'article Wikipédia qui fait foi concernant les \"bonnes\" réponses</b>. Mais les articles de Wikipédia peuvent évoluer, donc n'hésitez pas <a href='/contact.html'>à me signaler une erreur</a>.<br><br>Toutes les réponses se trouvent dans l'article proposé à la lecture. <b>Vous êtes ici pour apprendre de nouvelles choses, mais libre à vous d'essayer d'y répondre immédiatement</b>.<br><br>Quand le sujet s'y prête, ne vous étonnez pas si certaines des réponses proposées peuvent être un peu décalées, absurdes... On peut apprendre avec le sourire, non ? :-)<br><br>Une fois votre résultat obtenu, il vous sera proposé de créer un compte pour le sauvegarder. Ce compte vous permettra de <b>tester de nouveau ce quiz</b> pour vérifier ce que vous en avez retenu plusieurs jours, semaines, mois... Grâce à ce compte, vous pourrez aussi <b>recevoir régulièrement de nouveaux quizs</b> pour continuer à \"cultiver votre jardin\".<br><br>Mais <b>la création de ce compte est facultative</b> et <a href='/quizs/' title='Les derniers quizs publiés'>vous pouvez parcourir WikiLerni librement</a>.",
     noJSNotification: "Désolé, mais pour l'instant, l'utilisation de WikiLerni nécessite l'activation du JavaScript.",
-    newsListTitle: "Les dernières graines de savoir",
-    tagsListTxt: "Parcourir les rubriques",
+    newsListTitle: "1 article Wikipédia + 1 quiz = 1 WikiLerni",
     mailRecipientTxt: "Message envoyé à :",
+    twitterAccount: "@WikiLerni",
 };
\ No newline at end of file
diff --git a/views/wikilerni/home.pug b/views/wikilerni/home.pug
index 074eb7b..81fddb6 100644
--- a/views/wikilerni/home.pug
+++ b/views/wikilerni/home.pug
@@ -4,19 +4,15 @@ block append scripts
     script(src="/JS/polyfill.app.js" defer)
     script(src="/JS/index.app.js" defer)
     
-block append css
-    link(rel="stylesheet" href="/themes/wikilerni/css/list.css" media="screen and (min-width: 751px)")
-    link(rel="stylesheet" href="/themes/wikilerni/css/list-mobile.css" media="screen and (max-width: 750px)")
-
 block content
 
-    div(id="prompt" class="cardboard")
+    div(id="home" class="cardboard")
         p
             img(id="logo" src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni")
         h1(class="cardboard") #{config.siteName}
         h2 #{configTpl.siteSlogan}
 
-        div#explanations(class="engraved framed")
+        div(class="engraved framed")
             h3 #{configTpl.homeTitle1}
             p !{configTpl.homeP1}
             h3 #{configTpl.homeTitle2}
diff --git a/views/wikilerni/includes/listing-questionnaires.pug b/views/wikilerni/includes/listing-questionnaires.pug
index af6ca86..26ba8cf 100644
--- a/views/wikilerni/includes/listing-questionnaires.pug
+++ b/views/wikilerni/includes/listing-questionnaires.pug
@@ -2,17 +2,21 @@
 div(id="triple-column")
     -
         // je commence par répartir les éléments entre les 3 colonnes
-        let questionnaires_col=[[],[],[]], col=0, tot=0;
-        for(i in questionnaires)
+        let questionnaires_col=[[],[],[]], col=0, tot=0, nbMaxQuestionnairesCol;
+        // nombre d'élements par colonne :
+        if(questionnaires.length < nbQuestionnairesList)
+            nbMaxQuestionnairesCol=questionnaires.length;
+        else
+            nbMaxQuestionnairesCol=nbQuestionnairesList;
+        
+        for(let i in questionnaires)
         {
             if(tot < nbQuestionnairesList)
             {
                 questionnaires_col[col].push(questionnaires[i]);
-                if(col===0 || (col===1))
-                    col++;
-                else
-                    col=0;
                 tot++;
+                if((col===0 && tot >= (nbMaxQuestionnairesCol/3)) || (col===1 && tot >= (nbMaxQuestionnairesCol/3*2)))
+                    col++;
             }
         }
         let rotation=0, lastCar;
diff --git a/views/wikilerni/layout.pug b/views/wikilerni/layout.pug
index f8d33a6..59d29ac 100644
--- a/views/wikilerni/layout.pug
+++ b/views/wikilerni/layout.pug
@@ -16,8 +16,7 @@ html(lang=(pageLang) ? pageLang : config.adminLang)
         base(href=config.siteUrl)
         // Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src
         block scripts
-        link(rel="stylesheet" href="/themes/wikilerni/css/common.css" media="screen and (min-width: 871px)")
-        link(rel="stylesheet" href="/themes/wikilerni/css/common-mobile.css" media="screen and (max-width: 870px)")
+        link(rel="stylesheet" href="/themes/wikilerni/css/style.css")
         block css
         link(rel="shortcut icon" href="/img/favicon.ico")
         link(rel="apple-touch-icon" sizes="57x57" href="/img/apple-icon-57x57.png")
@@ -35,8 +34,8 @@ html(lang=(pageLang) ? pageLang : config.adminLang)
             ul(id="headLinks")
                 - const nbItemHead=configTpl.headLinks.length; const lang=config.adminLang+"";
                 for item in configTpl.headLinks
-                    li(class="pure-menu-item pure-u-1 pure-u-lg-1-"+nbItemHead)
-                        a(href="/"+item.url class="pure-menu-link")&attributes(item.attributes) #{item.anchor}
+                    li
+                        a(href="/"+item.url)&attributes(item.attributes) #{item.anchor}
 
         block content
 
diff --git a/views/wikilerni/newQuestionnaires.pug b/views/wikilerni/newQuestionnaires.pug
index f3362fe..e95e2ed 100644
--- a/views/wikilerni/newQuestionnaires.pug
+++ b/views/wikilerni/newQuestionnaires.pug
@@ -4,10 +4,6 @@ block append scripts
     script(src="/JS/polyfill.app.js" defer)
     script(src="/JS/index.app.js" defer)
     
-block append css
-    link(rel="stylesheet" href="/themes/wikilerni/css/list.css" media="screen and (min-width: 751px)")
-    link(rel="stylesheet" href="/themes/wikilerni/css/list-mobile.css" media="screen and (max-width: 750px)")
-
 block content
 
     div(id="prompt" class="cardboard")
@@ -15,12 +11,13 @@ block content
             img(id="logo" src="/themes/wikilerni/img/wikilerni-purple-2-512.png" alt="Logo WikiLerni")
         h1(class="cardboard") #{configTpl.siteSlogan}
         p #{configTpl.newsListTitle}
+        p
+            a(href="/"+configTpl.aboutPage class="button cardboard" title=configTpl.homeBtnAboutTxt) #{configTpl.homeBtnAboutTxt}
 
     - nbQuestionnairesList=configTpl.maxQuestionnairesByPage;
     include includes/listing-questionnaires.pug
 
-    h3 #{configTpl.tagsListTxt}
-    nav(id="tagsList" class="cardboard")
+    nav(id="tagsList")
         for tag in tags
             div
                 a(href="/quizs/"+tag.slug+".html" class="button") #{tag.name}
diff --git a/views/wikilerni/quiz.pug b/views/wikilerni/quiz.pug
index 60710b7..5f3adf0 100644
--- a/views/wikilerni/quiz.pug
+++ b/views/wikilerni/quiz.pug
@@ -3,10 +3,6 @@ extends layout.pug
 block append scripts
     script(src="/JS/polyfill.app.js" defer)
     script(src="/JS/questionnaire.app.js" defer)
-
-block append css
-    link(rel="stylesheet" href="/themes/wikilerni/css/quiz.css" media="screen and (min-width: 871px)")
-    link(rel="stylesheet" href="/themes/wikilerni/css/quiz-mobile.css" media="screen and (max-width: 870px)")
     
 block content
 
@@ -44,18 +40,22 @@ block content
                 h1(class="cardboard")
                     img(id="required-time-icon" src="/themes/wikilerni/img/time-required-"+questionnaire.Questionnaire.estimatedTime+".png" title=txtQuestionnaire.estimatedTime+" "+txtQuestionnaire.estimatedTimeOption[questionnaire.Questionnaire.estimatedTime])
                     span #{questionnaire.Questionnaire.title}
+                    if(questionnaire.Illustrations!=undefined && questionnaire.Illustrations.length!==0)
+                        a(href="/img/quizs/"+questionnaire.Illustrations[0].url target="_blank" rel="noopener")
+                            img(src="/img/quizs/min/"+questionnaire.Illustrations[0].url class="thumb")&attributes(imgAttributes)
                 div(id="content-title-corner")
             div(id="content" class="cardboard")     
                 p(id="author-date") #{txtQuestionnaire.publishedBy} #{author}#{txtQuestionnaire.publishedAt} #{publishedAtTxt}. #{txtQuestionnaire.lastUpdated}#{updatedAtTxt}.
                 //- Important : ici, on garde volontairement le html, car cela est accepté pour l'introduction
                 if(questionnaire.Questionnaire.introduction)
-                    div !{questionnaire.Questionnaire.introduction}
+                    div#introduction !{questionnaire.Questionnaire.introduction}
                 div#links
                     for link in questionnaire.Links
                         p
                             a(href=link.url class="button cardboard" target="_blank" rel="noopener" title=link.anchor+" ("+txtGeneral.alertNewWindow+")") #{link.anchor}
                 div#show
-                    a(class="button  cardboard" href="#questionnaire" id="showQuestionnaire" title=txtQuestionnaire.btnShowQuestionnaire) #{txtQuestionnaire.btnShowQuestionnaire}
+                    p
+                        a(class="button  cardboard" href="#questionnaire" id="showQuestionnaire" title=txtQuestionnaire.btnShowQuestionnaire) #{txtQuestionnaire.btnShowQuestionnaire}
 
                 noscript
                     div
@@ -73,7 +73,7 @@ block content
                         p(id="question_"+question.Question.id) #{question.Question.text}
                         if(question.Question.explanation)
                             blockquote(class="help" id="help_"+question.Question.id cite=questionnaire.Links[0].url) #{txtQuestionnaire.explanationBeforeTxt} #{question.Question.explanation}
-                        ul(class="checkbox_list")
+                        ul(class="checkbox_li")
                             for reponse in question.Choices
                                 li(class="checkbox_li")
                                     label(class="check" for="response_"+reponse.id)
@@ -96,7 +96,7 @@ block content
                         img(src="/themes/wikilerni/img/diaspora.png" alt=txtQuestionnaire.btnShareQuizTxt+" diaspora*")
                     a(href="https://www.facebook.com/sharer.php?u="+linkCanonical rel="nofollow noopener" title=txtQuestionnaire.btnShareQuizTxt+" facebook ("+txtGeneral.alertNewWindow+")" target="_blank")
                         img(src="/themes/wikilerni/img/facebook.png" alt=txtQuestionnaire.btnShareQuizTxt+" facebook")
-                    a(href="https://twitter.com/intent/tweet?url="+linkCanonical+"&text="+questionnaire.Questionnaire.title rel="nofollow noopener" title=txtQuestionnaire.btnShareQuizTxt+" twitter ("+txtGeneral.alertNewWindow+")")
+                    a(href="https://twitter.com/intent/tweet?url="+linkCanonical+"&text="+questionnaire.Questionnaire.title+" via "+configTpl.twitterAccount rel="nofollow noopener" title=txtQuestionnaire.btnShareQuizTxt+" twitter ("+txtGeneral.alertNewWindow+")" target="_blank")
                         img(src="/themes/wikilerni/img/twitter.png" alt=txtQuestionnaire.btnShareQuizTxt+" twitter")
              
                 div#explanations(class="engraved framed")
diff --git a/views/wikilerni/tag.pug b/views/wikilerni/tag.pug
index 7dcaac0..9be151b 100644
--- a/views/wikilerni/tag.pug
+++ b/views/wikilerni/tag.pug
@@ -4,10 +4,6 @@ block append scripts
     script(src="/JS/polyfill.app.js" defer)
     script(src="/JS/index.app.js" defer)
     
-block append css
-    link(rel="stylesheet" href="/themes/wikilerni/css/list.css" media="screen and (min-width: 751px)")
-    link(rel="stylesheet" href="/themes/wikilerni/css/list-mobile.css" media="screen and (max-width: 750px)")
-
 block content
 
     div(id="prompt" class="cardboard")