From d28e195873e6accb091ff605b30899391e38e52a Mon Sep 17 00:00:00 2001
From: Evarin <bonjour@robin-champenois.fr>
Date: Sat, 29 Dec 2018 00:23:13 +0100
Subject: [PATCH] CSS et FAQ

---
 avisstage/sass/screen.scss               |  13 ++
 avisstage/static/css/screen.css          | 250 ++++++++++++-----------
 avisstage/templates/avisstage/faq.html   |   5 +-
 avisstage/templates/avisstage/index.html |   2 +-
 4 files changed, 149 insertions(+), 121 deletions(-)

diff --git a/avisstage/sass/screen.scss b/avisstage/sass/screen.scss
index 2f7c300..d5b4f0f 100644
--- a/avisstage/sass/screen.scss
+++ b/avisstage/sass/screen.scss
@@ -168,6 +168,12 @@ p.warning {
     padding: 3px;
 }
 
+.footer {
+    margin-top: 15px;
+    font-size: 0.8em;
+    text-align: right;
+}
+
 // Liste des stages condensée sur le profil
 
 .condensed-stages {
@@ -760,6 +766,13 @@ a.lieu-change {
     padding: 15px;
     text-align: center;
     margin: 15px auto;
+
+    .archicubes {
+        border-top: 2px solid $vert;
+        margin-top: 5px;
+        padding-top: 5px;
+        font-size: 0.9em;
+    }
 }
 
 article.promo {
diff --git a/avisstage/static/css/screen.css b/avisstage/static/css/screen.css
index e1ef004..44a26c9 100644
--- a/avisstage/static/css/screen.css
+++ b/avisstage/static/css/screen.css
@@ -237,29 +237,36 @@ p.warning {
   padding: 3px;
 }
 
-/* line 174, ../../sass/screen.scss */
+/* line 171, ../../sass/screen.scss */
+.footer {
+  margin-top: 15px;
+  font-size: 0.8em;
+  text-align: right;
+}
+
+/* line 180, ../../sass/screen.scss */
 .condensed-stages li {
   display: table;
   width: 100%;
   background: #fff;
   margin: 12px;
 }
-/* line 181, ../../sass/screen.scss */
+/* line 187, ../../sass/screen.scss */
 .condensed-stages li > *, .condensed-stages li:before {
   display: table-cell;
   vertical-align: middle;
   padding: 15px;
 }
-/* line 186, ../../sass/screen.scss */
+/* line 192, ../../sass/screen.scss */
 .condensed-stages li a {
   width: auto;
 }
-/* line 188, ../../sass/screen.scss */
+/* line 194, ../../sass/screen.scss */
 .condensed-stages li a:hover {
   background: #e08206;
   color: #fff;
 }
-/* line 193, ../../sass/screen.scss */
+/* line 199, ../../sass/screen.scss */
 .condensed-stages li:before {
   content: "";
   text-align: right;
@@ -267,77 +274,77 @@ p.warning {
   opacity: 0.8;
   color: #000;
 }
-/* line 200, ../../sass/screen.scss */
+/* line 206, ../../sass/screen.scss */
 .condensed-stages li.stage-brouillon:before {
   content: "Brouillon";
   background: #f93a93;
 }
-/* line 204, ../../sass/screen.scss */
+/* line 210, ../../sass/screen.scss */
 .condensed-stages li.stage-publie:before {
   content: "Publié";
   background: #419be9;
 }
-/* line 208, ../../sass/screen.scss */
+/* line 214, ../../sass/screen.scss */
 .condensed-stages li.stage-ajout:before {
   content: "+";
   color: #000;
 }
 
-/* line 216, ../../sass/screen.scss */
+/* line 222, ../../sass/screen.scss */
 .stage-liste li {
   display: block;
   position: relative;
 }
-/* line 220, ../../sass/screen.scss */
+/* line 226, ../../sass/screen.scss */
 .stage-liste li.date-maj {
   font-weight: 300;
   font-size: 0.9em;
   padding: 3px 0;
   font-style: italic;
 }
-/* line 226, ../../sass/screen.scss */
+/* line 232, ../../sass/screen.scss */
 .stage-liste li.stage {
   padding: 10px;
   background: #fff;
   margin: 10px;
   border-left: 5px solid #f99b20;
 }
-/* line 232, ../../sass/screen.scss */
+/* line 238, ../../sass/screen.scss */
 .stage-liste li.stage h3 {
   font-size: 1.4em;
   padding-left: 5px;
 }
-/* line 236, ../../sass/screen.scss */
+/* line 242, ../../sass/screen.scss */
 .stage-liste li.stage h3 > a {
   color: #0f4c82;
 }
-/* line 240, ../../sass/screen.scss */
+/* line 246, ../../sass/screen.scss */
 .stage-liste li.stage h3 .auteur {
   font-size: 0.8em;
 }
-/* line 243, ../../sass/screen.scss */
+/* line 249, ../../sass/screen.scss */
 .stage-liste li.stage h3 .auteur, .stage-liste li.stage h3 .auteur a {
   font-family: "Dosis", sans-serif;
   font-weight: normal;
 }
-/* line 250, ../../sass/screen.scss */
+/* line 256, ../../sass/screen.scss */
 .stage-liste li .misc-hdr {
   margin-bottom: 10px;
 }
-/* line 254, ../../sass/screen.scss */
+/* line 260, ../../sass/screen.scss */
 .stage-liste li .misc-hdr .dates > span {
   display: table-cell;
   vertical-align: middle;
 }
-/* line 258, ../../sass/screen.scss */
+/* line 264, ../../sass/screen.scss */
 .stage-liste li .misc-hdr .dates .year {
   padding-left: 8px;
 }
-/* line 261, ../../sass/screen.scss */
+/* line 267, ../../sass/screen.scss */
 .stage-liste li .misc-hdr .dates svg text {
   font-size: 0.8;
 }
-/* line 267, ../../sass/screen.scss */
+/* line 273, ../../sass/screen.scss */
 .stage-liste li a.hoverlink {
   position: absolute;
   display: block;
@@ -348,7 +355,7 @@ p.warning {
   z-index: 2;
 }
 
-/* line 279, ../../sass/screen.scss */
+/* line 285, ../../sass/screen.scss */
 ul.infos {
   margin: 0 -3px;
   padding: 0;
@@ -357,7 +364,7 @@ ul.infos {
   justify-content: space-between;
   width: 100;
 }
-/* line 287, ../../sass/screen.scss */
+/* line 293, ../../sass/screen.scss */
 ul.infos li {
   display: inline-block;
   padding: 5px;
@@ -369,28 +376,28 @@ ul.infos li {
   text-align: center;
   background-color: #ddd;
 }
-/* line 298, ../../sass/screen.scss */
+/* line 304, ../../sass/screen.scss */
 ul.infos li.thematique {
   color: #0d3f6b;
   background-color: #86bff1;
 }
-/* line 302, ../../sass/screen.scss */
+/* line 308, ../../sass/screen.scss */
 ul.infos li.matiere {
   color: #395214;
   background-color: #c7e699;
 }
-/* line 306, ../../sass/screen.scss */
+/* line 312, ../../sass/screen.scss */
 ul.infos li.lieu {
   color: #7c043c;
   background-color: #fb84bc;
 }
-/* line 310, ../../sass/screen.scss */
+/* line 316, ../../sass/screen.scss */
 ul.infos li.year {
   background-color: #950548;
   color: #fff;
   display: none;
 }
-/* line 315, ../../sass/screen.scss */
+/* line 321, ../../sass/screen.scss */
 ul.infos li.avis-len {
   background-color: transparent;
   border: 1px solid #eee;
@@ -398,29 +405,29 @@ ul.infos li.avis-len {
   padding: 4px;
   padding-bottom: 2px;
 }
-/* line 322, ../../sass/screen.scss */
+/* line 328, ../../sass/screen.scss */
 ul.infos li.avis-len.avis-vide {
   border-bottom-color: #ddd;
 }
-/* line 325, ../../sass/screen.scss */
+/* line 331, ../../sass/screen.scss */
 ul.infos li.avis-len.avis-court {
   border-bottom-color: #ffff66;
 }
-/* line 328, ../../sass/screen.scss */
+/* line 334, ../../sass/screen.scss */
 ul.infos li.avis-len.avis-moyen {
   border-bottom-color: #86bff1;
 }
-/* line 331, ../../sass/screen.scss */
+/* line 337, ../../sass/screen.scss */
 ul.infos li.avis-len.avis-long {
   border-bottom-color: #a5d65c;
 }
-/* line 337, ../../sass/screen.scss */
+/* line 343, ../../sass/screen.scss */
 ul.infos:after {
   content: "";
   flex: 1000;
 }
 
-/* line 343, ../../sass/screen.scss */
+/* line 349, ../../sass/screen.scss */
 section.profil {
   background: #fff;
   max-width: 600px;
@@ -428,7 +435,7 @@ section.profil {
   margin: 5px auto;
   margin-bottom: 15px;
 }
-/* line 350, ../../sass/screen.scss */
+/* line 356, ../../sass/screen.scss */
 section.profil div.infos {
   border-bottom: 3px solid #1a82dd;
   display: flex;
@@ -720,7 +727,7 @@ article.stage .section-wrapper .toc .toc-active a {
   border: 1px solid #ad0654;
 }
 
-/* line 371, ../../sass/screen.scss */
+/* line 377, ../../sass/screen.scss */
 input, textarea, select, div.tinymce, option, optgroup:before {
   background: #fff;
   font-size: 1em;
@@ -730,13 +737,13 @@ input, textarea, select, div.tinymce, option, optgroup:before {
   padding: 5px;
   text-align: left;
 }
-/* line 380, ../../sass/screen.scss */
+/* line 386, ../../sass/screen.scss */
 input:focus, input.mce-edit-focus, textarea:focus, textarea.mce-edit-focus, select:focus, select.mce-edit-focus, div.tinymce:focus, div.tinymce.mce-edit-focus, option:focus, option.mce-edit-focus, optgroup:before:focus, optgroup:before.mce-edit-focus {
   background-color: #e9f5d6;
   outline: none;
 }
 
-/* line 387, ../../sass/screen.scss */
+/* line 393, ../../sass/screen.scss */
 input[type='text'], input[type='password'],
 input[type='email'], input[type='number'], textarea, select {
   border: none;
@@ -746,7 +753,7 @@ input[type='email'], input[type='number'], textarea, select {
   transition: border 1s ease-out, background 1s ease-out;
 }
 
-/* line 396, ../../sass/screen.scss */
+/* line 402, ../../sass/screen.scss */
 select {
   -moz-appearance: none;
   appearance: none;
@@ -760,21 +767,21 @@ select {
   background-color: #fff;
   background-size: contain;
 }
-/* line 409, ../../sass/screen.scss */
+/* line 415, ../../sass/screen.scss */
 select option {
   padding: 3px;
   white-space: pre-wrap;
 }
-/* line 415, ../../sass/screen.scss */
+/* line 421, ../../sass/screen.scss */
 select optgroup option {
   padding-left: 10px;
 }
-/* line 418, ../../sass/screen.scss */
+/* line 424, ../../sass/screen.scss */
 select optgroup:before {
   font-weight: bold;
 }
 
-/* line 424, ../../sass/screen.scss */
+/* line 430, ../../sass/screen.scss */
 input[type="submit"], .btn {
   font: 19px "Dosis", sans-serif;
   background-color: #8fcc33;
@@ -785,17 +792,17 @@ input[type="submit"], .btn {
   display: inline-block;
 }
 
-/* line 434, ../../sass/screen.scss */
+/* line 440, ../../sass/screen.scss */
 p.submits {
   text-align: right;
 }
 
-/* line 438, ../../sass/screen.scss */
+/* line 444, ../../sass/screen.scss */
 form .commentaire {
   font-style: italic;
 }
 
-/* line 442, ../../sass/screen.scss */
+/* line 448, ../../sass/screen.scss */
 .edit-btn {
   border-color: #706c00;
   color: #000;
@@ -804,14 +811,14 @@ form .commentaire {
   background-origin: content-box;
   background-size: contain;
 }
-/* line 450, ../../sass/screen.scss */
+/* line 456, ../../sass/screen.scss */
 .edit-btn:after {
   content: "";
   width: 30px;
   display: inline-block;
 }
 
-/* line 457, ../../sass/screen.scss */
+/* line 463, ../../sass/screen.scss */
 textarea, div.tinymce {
   font-family: "Lato", sans-serif;
   border: none;
@@ -821,20 +828,20 @@ textarea, div.tinymce {
   transition: border 1s ease-out, background 1s ease-out;
 }
 
-/* line 466, ../../sass/screen.scss */
+/* line 472, ../../sass/screen.scss */
 textarea {
   height: 200px;
   resize: vertical;
 }
 
-/* line 474, ../../sass/screen.scss */
+/* line 480, ../../sass/screen.scss */
 form .field {
   margin: 5px 0;
   display: flex;
   background: #fff;
   padding: 10px;
 }
-/* line 480, ../../sass/screen.scss */
+/* line 486, ../../sass/screen.scss */
 form .field label, form .field .label {
   display: inline-block;
   width: 250px;
@@ -843,39 +850,39 @@ form .field label, form .field .label {
   padding-top: 5px;
   flex-shrink: 0;
 }
-/* line 488, ../../sass/screen.scss */
+/* line 494, ../../sass/screen.scss */
 form .field label.required:before, form .field .label.required:before {
   margin-right: 5px;
   content: "*";
   color: #f70978;
 }
-/* line 494, ../../sass/screen.scss */
+/* line 500, ../../sass/screen.scss */
 form .field label {
   font-family: Alegreya, serif;
   font-weight: bold;
 }
-/* line 498, ../../sass/screen.scss */
+/* line 504, ../../sass/screen.scss */
 form .field .help_text {
   font-style: italic;
   font-size: 0.9em;
 }
-/* line 502, ../../sass/screen.scss */
+/* line 508, ../../sass/screen.scss */
 form .field .input {
   display: inline-block;
   flex-grow: 1;
   margin-right: 10px;
 }
 
-/* line 512, ../../sass/screen.scss */
+/* line 518, ../../sass/screen.scss */
 ul.as-selections {
   display: flex;
   flex-wrap: wrap;
 }
-/* line 516, ../../sass/screen.scss */
+/* line 522, ../../sass/screen.scss */
 ul.as-selections li {
   display: inline-block;
 }
-/* line 520, ../../sass/screen.scss */
+/* line 526, ../../sass/screen.scss */
 ul.as-selections .as-selection-item {
   padding: 0 5px;
   background: #f99b20;
@@ -884,53 +891,53 @@ ul.as-selections .as-selection-item {
   border-radius: 2px;
   font-weight: 500;
 }
-/* line 528, ../../sass/screen.scss */
+/* line 534, ../../sass/screen.scss */
 ul.as-selections .as-selection-item a.as-close {
   color: #fff;
   -webkit-cursor: pointer;
   cursor: pointer;
   margin-right: 5px;
 }
-/* line 535, ../../sass/screen.scss */
+/* line 541, ../../sass/screen.scss */
 ul.as-selections .as-selection-item.selected {
   background: #8fcc33;
 }
-/* line 540, ../../sass/screen.scss */
+/* line 546, ../../sass/screen.scss */
 ul.as-selections .as-original {
   flex-grow: 1;
   min-width: 200px;
 }
-/* line 544, ../../sass/screen.scss */
+/* line 550, ../../sass/screen.scss */
 ul.as-selections .as-original input {
   width: 100%;
 }
 
-/* line 550, ../../sass/screen.scss */
+/* line 556, ../../sass/screen.scss */
 div.as-results {
   position: relative;
   z-index: 2;
 }
-/* line 554, ../../sass/screen.scss */
+/* line 560, ../../sass/screen.scss */
 div.as-results ul {
   position: absolute;
   width: 100%;
   background: #fff;
   border: 1px solid #d2ebad;
 }
-/* line 561, ../../sass/screen.scss */
+/* line 567, ../../sass/screen.scss */
 div.as-results ul li {
   padding: 3px 5px;
 }
-/* line 567, ../../sass/screen.scss */
+/* line 573, ../../sass/screen.scss */
 div.as-results ul li.as-result-item.active {
   background: #fddeb5;
 }
-/* line 572, ../../sass/screen.scss */
+/* line 578, ../../sass/screen.scss */
 div.as-results ul li.as-message {
   font-style: italic;
 }
 
-/* line 582, ../../sass/screen.scss */
+/* line 588, ../../sass/screen.scss */
 .window {
   display: none;
   position: fixed;
@@ -941,11 +948,11 @@ div.as-results ul li.as-message {
   left: 0;
   z-index: 50;
 }
-/* line 592, ../../sass/screen.scss */
+/* line 598, ../../sass/screen.scss */
 .window.visible {
   display: block;
 }
-/* line 596, ../../sass/screen.scss */
+/* line 602, ../../sass/screen.scss */
 .window .window-bg {
   background: #000;
   opacity: 0.7;
@@ -956,7 +963,7 @@ div.as-results ul li.as-message {
   top: 0;
   z-index: -1;
 }
-/* line 607, ../../sass/screen.scss */
+/* line 613, ../../sass/screen.scss */
 .window .window-content {
   position: relative;
   margin: 0 auto;
@@ -970,11 +977,11 @@ div.as-results ul li.as-message {
   max-height: 100%;
   overflow: auto;
 }
-/* line 621, ../../sass/screen.scss */
+/* line 627, ../../sass/screen.scss */
 .window .window-content form label, .window .window-content form .label {
   width: 150px;
 }
-/* line 627, ../../sass/screen.scss */
+/* line 633, ../../sass/screen.scss */
 .window .window-closer {
   position: absolute;
   top: 0;
@@ -982,65 +989,65 @@ div.as-results ul li.as-message {
   padding: 12px;
   z-index: 3;
 }
-/* line 633, ../../sass/screen.scss */
+/* line 639, ../../sass/screen.scss */
 .window .window-closer:after {
   content: "×";
 }
 
-/* line 644, ../../sass/screen.scss */
+/* line 650, ../../sass/screen.scss */
 #lieu_widget .lieu-ui {
   position: relative;
 }
-/* line 646, ../../sass/screen.scss */
+/* line 652, ../../sass/screen.scss */
 #lieu_widget .lieu-ui .map {
   height: 400px;
   width: 100%;
 }
-/* line 650, ../../sass/screen.scss */
+/* line 656, ../../sass/screen.scss */
 #lieu_widget .lieu-ui.hidden {
   display: none;
 }
-/* line 653, ../../sass/screen.scss */
+/* line 659, ../../sass/screen.scss */
 #lieu_widget .lieu-ui .masked {
   visibility: hidden;
 }
-/* line 658, ../../sass/screen.scss */
+/* line 664, ../../sass/screen.scss */
 #lieu_widget .lieu-choixmodif {
   display: none;
 }
-/* line 663, ../../sass/screen.scss */
+/* line 669, ../../sass/screen.scss */
 #lieu_widget.modif .lieu-choixmodif {
   display: unset;
 }
-/* line 668, ../../sass/screen.scss */
+/* line 674, ../../sass/screen.scss */
 #lieu_widget.modif .lieu-ui, #lieu_widget.attente .lieu-ui {
   display: none;
 }
-/* line 675, ../../sass/screen.scss */
+/* line 681, ../../sass/screen.scss */
 #lieu_widget.edit .lieu-ui .lieu-acinput {
   display: none;
 }
-/* line 678, ../../sass/screen.scss */
+/* line 684, ../../sass/screen.scss */
 #lieu_widget.edit .lieu-ui .map {
   height: 200px;
 }
-/* line 684, ../../sass/screen.scss */
+/* line 690, ../../sass/screen.scss */
 #lieu_widget #avis_lieu_vide {
   display: none;
 }
-/* line 688, ../../sass/screen.scss */
+/* line 694, ../../sass/screen.scss */
 #lieu_widget .message {
   background: #fddeb5;
   padding: 5px;
   font-style: italic;
   font-size: 0.9em;
 }
-/* line 694, ../../sass/screen.scss */
+/* line 700, ../../sass/screen.scss */
 #lieu_widget .message.hidden {
   display: none;
 }
 
-/* line 700, ../../sass/screen.scss */
+/* line 706, ../../sass/screen.scss */
 a.lieu-change {
   color: #fff;
   background: #f99b20;
@@ -1053,25 +1060,25 @@ a.lieu-change {
   border-radius: 5px;
   margin-right: 7px;
 }
-/* line 712, ../../sass/screen.scss */
+/* line 718, ../../sass/screen.scss */
 a.lieu-change.ajout:before {
   content: "+";
   margin-right: 5px;
 }
 
-/* line 718, ../../sass/screen.scss */
+/* line 724, ../../sass/screen.scss */
 #stages-map {
   width: 100%;
   height: 600px;
   max-height: 90vh;
 }
 
-/* line 725, ../../sass/screen.scss */
+/* line 731, ../../sass/screen.scss */
 #id_stage-thematiques {
   display: none;
 }
 
-/* line 731, ../../sass/screen.scss */
+/* line 737, ../../sass/screen.scss */
 .homeh1 {
   display: flex;
   justify-content: space-between;
@@ -1081,26 +1088,26 @@ a.lieu-change.ajout:before {
   border-bottom: 3px solid #000;
   margin-bottom: 15px;
 }
-/* line 740, ../../sass/screen.scss */
+/* line 746, ../../sass/screen.scss */
 .homeh1 h1 {
   margin-bottom: 3px;
 }
-/* line 744, ../../sass/screen.scss */
+/* line 750, ../../sass/screen.scss */
 .homeh1 > * {
   display: inline-block;
 }
-/* line 747, ../../sass/screen.scss */
+/* line 753, ../../sass/screen.scss */
 .homeh1 p {
   text-align: right;
 }
 
-/* line 752, ../../sass/screen.scss */
+/* line 758, ../../sass/screen.scss */
 .betacadre {
   background: #fa6cae;
   padding: 10px;
 }
 
-/* line 757, ../../sass/screen.scss */
+/* line 763, ../../sass/screen.scss */
 .entrer {
   background: #fff;
   max-width: 500px;
@@ -1108,85 +1115,92 @@ a.lieu-change.ajout:before {
   text-align: center;
   margin: 15px auto;
 }
+/* line 770, ../../sass/screen.scss */
+.entrer .archicubes {
+  border-top: 2px solid #1a82dd;
+  margin-top: 5px;
+  padding-top: 5px;
+  font-size: 0.9em;
+}
 
-/* line 765, ../../sass/screen.scss */
+/* line 778, ../../sass/screen.scss */
 article.promo {
   display: block;
   font-size: 1.1em;
 }
-/* line 769, ../../sass/screen.scss */
+/* line 782, ../../sass/screen.scss */
 article.promo .explications {
   display: table;
 }
-/* line 772, ../../sass/screen.scss */
+/* line 785, ../../sass/screen.scss */
 article.promo .explications:first-child {
   direction: rtl;
 }
-/* line 774, ../../sass/screen.scss */
+/* line 787, ../../sass/screen.scss */
 article.promo .explications:first-child > * {
   direction: ltr;
 }
-/* line 779, ../../sass/screen.scss */
+/* line 792, ../../sass/screen.scss */
 article.promo .explications > div {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
 }
-/* line 784, ../../sass/screen.scss */
+/* line 797, ../../sass/screen.scss */
 article.promo .explications > div p {
   margin: 15px 15px;
 }
 
-/* line 792, ../../sass/screen.scss */
+/* line 805, ../../sass/screen.scss */
 .faq-toc {
   font-family: "Lato", sans-serif;
   display: block;
   max-width: 700px;
   margin: 0 auto;
 }
-/* line 797, ../../sass/screen.scss */
+/* line 810, ../../sass/screen.scss */
 .faq-toc ul {
   margin: 20px;
 }
-/* line 801, ../../sass/screen.scss */
+/* line 814, ../../sass/screen.scss */
 .faq-toc ul li a {
   color: #000;
   display: block;
   padding: 5px;
 }
-/* line 807, ../../sass/screen.scss */
+/* line 820, ../../sass/screen.scss */
 .faq-toc ul li.toc-h1 {
   display: none;
 }
-/* line 811, ../../sass/screen.scss */
+/* line 824, ../../sass/screen.scss */
 .faq-toc ul li.toc-h2 a {
   background: #fcc883;
 }
-/* line 815, ../../sass/screen.scss */
+/* line 828, ../../sass/screen.scss */
 .faq-toc ul li.toc-h3 a {
   padding-left: 10px;
   background: #fff;
   font-weight: normal;
 }
-/* line 821, ../../sass/screen.scss */
+/* line 834, ../../sass/screen.scss */
 .faq-toc ul li a:hover {
   color: #395214;
   background: #bce085 !important;
 }
 
-/* line 830, ../../sass/screen.scss */
+/* line 843, ../../sass/screen.scss */
 .faq article {
   background: #fff;
   padding: 15px;
 }
-/* line 833, ../../sass/screen.scss */
+/* line 846, ../../sass/screen.scss */
 .faq article h2 {
   background-color: #fcc883;
   color: #ae6505;
   margin: -15px;
   padding: 15px;
 }
-/* line 840, ../../sass/screen.scss */
+/* line 853, ../../sass/screen.scss */
 .faq article h3 {
   color: #0f4c82;
   background-color: #9dcbf3;
@@ -1194,19 +1208,19 @@ article.promo .explications > div p {
   margin-top: 30px;
   padding: 10px 15px;
 }
-/* line 847, ../../sass/screen.scss */
+/* line 860, ../../sass/screen.scss */
 .faq article h3:nth-child(2) {
   margin-top: 0;
 }
-/* line 852, ../../sass/screen.scss */
+/* line 865, ../../sass/screen.scss */
 .faq article ul {
   padding-left: 20px;
 }
-/* line 854, ../../sass/screen.scss */
+/* line 867, ../../sass/screen.scss */
 .faq article ul li {
   list-style: initial;
 }
-/* line 859, ../../sass/screen.scss */
+/* line 872, ../../sass/screen.scss */
 .faq article p, .faq article ul {
   font-family: "Lato", sans-serif;
   font-size: 18px;
@@ -1215,20 +1229,20 @@ article.promo .explications > div p {
   margin-right: 5%;
 }
 
-/* line 873, ../../sass/screen.scss */
+/* line 886, ../../sass/screen.scss */
 table.stats {
   width: 100%;
   background: #fff;
   margin: 20px 0;
   cellspacing: 1px;
 }
-/* line 878, ../../sass/screen.scss */
+/* line 891, ../../sass/screen.scss */
 table.stats th {
   font-weight: bold;
   border-top: 1px solid #000;
   border-bottom: 1px solid #999;
 }
-/* line 883, ../../sass/screen.scss */
+/* line 896, ../../sass/screen.scss */
 table.stats td, table.stats th {
   padding: 5px 3px;
   text-align: center;
diff --git a/avisstage/templates/avisstage/faq.html b/avisstage/templates/avisstage/faq.html
index 624572f..82e423b 100644
--- a/avisstage/templates/avisstage/faq.html
+++ b/avisstage/templates/avisstage/faq.html
@@ -74,7 +74,8 @@
 
             <h3>Je n'ai plus de compte clipper, puis-je accéder à ce site&nbsp;?</h3>
             <p>Pour conserver l'accès à ce site limité, et garantir une certaine liberté de parole, seuls les normalien⋅ne⋅s en scolarité ont accès au site entier.</p>
-            <p>En revanche, si vous écrivez des avis ici, vous pourrez toujours les modifier ou les supprimer. Une procédure de connexion spécifique est prévue, mais pas encore implémentée.</p>
+            <p>En revanche, si vous écrivez des avis ici, vous pourrez toujours les modifier ou les supprimer. Il suffira d'utiliser l'accès archicubes, avec des identifiants spécifiques à ce site.</p>
+            <p>Si vous aviez un compte dont vous avez perdu l'accès, vous pouvez contacter le <a href="https://www.eleves.ens.fr/home/klub-dev/">Klub Dev ENS</a> pour qu'on vous donne des accès.
         </article>
         
         <article>
@@ -88,7 +89,7 @@
             <p>Faites-en part en cliquant sur le bouton feedback, on est preneur&nbsp;!</p>
             
             <h3>Qui est derrière&nbsp;?</h3>
-            <p>Cette plateforme a été réalisée par <a href="http://www.robin-champenois.fr">Robin Champenois</a> (Info 2012) en django, sur une idée originale de Damien Moulin (Physique 2013). Le code source est disponible <a href="https://git.eleves.ens.fr/champeno/experiENS">ici</a>. Le site est hébergé sur le serveur des élèves.</p>
+            <p>Cette plateforme a été lancée en 2017 par <a href="http://www.robin-champenois.fr">Robin Champenois</a> (Info 2012) en django, sur une idée originale de Damien Moulin (Physique 2013). Il est désormais maintenu et développé au sein du <a href="https://www.eleves.ens.fr/home/klub-dev/">Klub Dev ENS</a>. Le code source est disponible <a href="https://git.eleves.ens.fr/klub-dev-ens/experiENS">ici</a>. Le site est hébergé sur le serveur des élèves.</p>
             
         </article>
     </section>
diff --git a/avisstage/templates/avisstage/index.html b/avisstage/templates/avisstage/index.html
index 3e453c9..a7d664b 100644
--- a/avisstage/templates/avisstage/index.html
+++ b/avisstage/templates/avisstage/index.html
@@ -13,7 +13,7 @@
         <div class="entrer">
             <p><a href="{% url "clipper_login" %}" class="btn">Connexion</a></p>
             <p class="helptext">Connexion via le serveur central d'authentification ENS <br />(identifiants clipper)</p>
-            <p><a href="{% url "account_login" %}">Accès archicubes</a> <i>Pour continuer à tenir à jour ses fiches, sans voir celles des autres</i></p>
+            <p class="archicubes"><a href="{% url "account_login" %}">Accès archicubes</a> <br /><i>Pour continuer à tenir à jour ses fiches, sans voir celles des autres</i></p>
         </div>
     {% endif %}