diff --git a/avisstage/sass/_responsive.scss b/avisstage/sass/_responsive.scss
index 8e08375..e41a54f 100644
--- a/avisstage/sass/_responsive.scss
+++ b/avisstage/sass/_responsive.scss
@@ -92,34 +92,83 @@
         margin-top: 70px;
         padding: 15px 3vw;
     }
-    .article-wrapper {
-        display: block;
-        .toc-wrapper, article {
-            display: block;
-        }
-        .toc-wrapper {
-            max-width: unset;
-            width: unset;
-        }
-        .toc {
-            display: none;
-            position: relative;
-            font-size:0.9em;
-            border: 1px solid #000;
-            padding: 4px;
-        }
-    }
     article.stage {
         h3 {
             margin-top: 10px;
         }
         section {
             .avis-texte, .chapo {
-                padding: 10px;
+                padding: 3px 10px;
             }
         }
-        section .plusmoins > div::before {
-            width: 70px;
+        
+        section {
+            #stage-map {
+                height: 200px;
+                width: 100%;
+            }
+            &.misc {
+                .misc-content {
+                    &.withmap {
+                        display:block;
+                        
+                        & > div {
+                            display:block;
+                            vertical-align: top;
+                        }
+                        .map {
+                            width: 80%;
+                            min-width: 250px;
+                            min-height: 200px;
+                            margin: 0 auto;
+                        }
+                        .desc {
+                            padding: 5px;
+                        }
+                    }
+                }
+            }
+            
+            .plusmoins {
+                & > div {
+                    display:block;
+
+                    & > *, &:before {
+                        display:block;
+                    }
+                    
+                    &:before {
+                        text-align: left;
+                        width: 100%;
+                        font-size: 1.5em;
+                    }
+                    &.moins:before {
+                        text-align: right;
+                        margin-top: 5px;
+                    }
+                }
+                
+            }
+        }
+        
+        .section-wrapper {
+            display: block;
+            margin-left: 0;
+            
+            .toc-wrapper, & > section {
+                display: block;
+            }
+            .toc-wrapper {
+                max-width: unset;
+                width: unset;
+            }
+            .toc {
+                display: none;
+                position: relative;
+                font-size:0.9em;
+                border: 1px solid #000;
+                padding: 4px;
+            }
         }
     }
 
@@ -139,7 +188,7 @@
         }
     }
     
-    .stagelist {
+    .condensed-stages {
         display: block;
         
         li:before, li, a {
@@ -148,11 +197,34 @@
             max-width: auto;
         }
 
+        li:before {
+            padding: 3px 15px;
+        }
+
         li.stage-ajout:before {
             display: none;
         }
     }
 
+    ul.infos {
+        display:flex;
+        flex-wrap:wrap;
+        justify-content:space-between
+    }
+
+    .stage-liste li {
+        .misc-hdr {
+            .dates {
+                .detail {
+                    display: inline;
+                }
+                .year {
+                    padding: 0;
+                }
+            }
+        }
+    }
+
     form {
         .field {
             display: block;
diff --git a/avisstage/sass/screen.scss b/avisstage/sass/screen.scss
index a5b5296..57a4f49 100644
--- a/avisstage/sass/screen.scss
+++ b/avisstage/sass/screen.scss
@@ -326,8 +326,10 @@ article.stage {
                 &.withmap {
                     display:table;
                     width: 100%;
+                    direction: rtl;
                     
                     & > div {
+                        direction: ltr;
                         display:table-cell;
                         vertical-align: top;
                     }
@@ -497,8 +499,9 @@ article.stage {
         vertical-align: bottom;
     }
 
-    h1 {
+    h1, h3 {
         width: 100%;
+        padding-right: 5px;
     }
     .dates {
         width: 50px;
diff --git a/avisstage/static/css/screen.css b/avisstage/static/css/screen.css
index c4cf709..67c2f52 100644
--- a/avisstage/static/css/screen.css
+++ b/avisstage/static/css/screen.css
@@ -396,56 +396,58 @@ article.stage section.misc {
 article.stage section.misc .misc-content.withmap {
   display: table;
   width: 100%;
+  direction: rtl;
 }
-/* line 330, ../../sass/screen.scss */
+/* line 331, ../../sass/screen.scss */
 article.stage section.misc .misc-content.withmap > div {
+  direction: ltr;
   display: table-cell;
   vertical-align: top;
 }
-/* line 334, ../../sass/screen.scss */
+/* line 336, ../../sass/screen.scss */
 article.stage section.misc .misc-content.withmap .map {
   min-width: 250px;
   width: 30%;
   min-height: 300px;
   vertical-align: middle;
 }
-/* line 340, ../../sass/screen.scss */
+/* line 342, ../../sass/screen.scss */
 article.stage section.misc .misc-content.withmap .desc {
   padding: 5px;
   padding-left: 15px;
 }
-/* line 348, ../../sass/screen.scss */
+/* line 350, ../../sass/screen.scss */
 article.stage section .chapo, article.stage section .avis-texte {
   margin-bottom: 15px;
   background: #fff;
   padding: 0 20px;
 }
-/* line 353, ../../sass/screen.scss */
+/* line 355, ../../sass/screen.scss */
 article.stage section .avis-texte {
   font-size: 18px;
 }
-/* line 357, ../../sass/screen.scss */
+/* line 359, ../../sass/screen.scss */
 article.stage section .chapo {
   font-size: 1.1em;
   font-weight: 700;
   padding-left: 0px;
 }
-/* line 363, ../../sass/screen.scss */
+/* line 365, ../../sass/screen.scss */
 article.stage section .avis-texte {
   padding-left: 15px;
 }
-/* line 368, ../../sass/screen.scss */
+/* line 370, ../../sass/screen.scss */
 article.stage section .plusmoins {
   max-width: 600px;
   margin: 15px auto;
   margin-top: 40px;
 }
-/* line 373, ../../sass/screen.scss */
+/* line 375, ../../sass/screen.scss */
 article.stage section .plusmoins > div {
   display: table;
   width: 100%;
 }
-/* line 377, ../../sass/screen.scss */
+/* line 379, ../../sass/screen.scss */
 article.stage section .plusmoins > div:before {
   content: "&nbsp";
   width: 90px;
@@ -454,66 +456,66 @@ article.stage section .plusmoins > div:before {
   text-align: right;
   padding-right: 12px;
 }
-/* line 386, ../../sass/screen.scss */
+/* line 388, ../../sass/screen.scss */
 article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
   display: table-cell;
 }
-/* line 390, ../../sass/screen.scss */
+/* line 392, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div {
   padding: 15px;
   color: #fff;
 }
-/* line 393, ../../sass/screen.scss */
+/* line 395, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div h4 {
   font-weight: normal;
   margin-left: -5px;
   font-size: 0.9em;
   opacity: 0.9;
 }
-/* line 399, ../../sass/screen.scss */
+/* line 401, ../../sass/screen.scss */
 article.stage section .plusmoins > div > div p {
   font-weight: bold;
   margin: 2px;
 }
-/* line 407, ../../sass/screen.scss */
+/* line 409, ../../sass/screen.scss */
 article.stage section .plusmoins .plus > div {
   background: #1775c6;
 }
-/* line 410, ../../sass/screen.scss */
+/* line 412, ../../sass/screen.scss */
 article.stage section .plusmoins .plus:before {
   content: "Les +";
   vertical-align: bottom;
   color: #1567af;
 }
-/* line 417, ../../sass/screen.scss */
+/* line 419, ../../sass/screen.scss */
 article.stage section .plusmoins .moins > div {
   background: #df076c;
 }
-/* line 420, ../../sass/screen.scss */
+/* line 422, ../../sass/screen.scss */
 article.stage section .plusmoins .moins:before {
   content: "Les –";
   vertical-align: top;
   color: #c70660;
 }
-/* line 431, ../../sass/screen.scss */
+/* line 433, ../../sass/screen.scss */
 article.stage .section-wrapper {
   display: table;
   margin-left: -15px;
   width: 100%;
 }
-/* line 436, ../../sass/screen.scss */
+/* line 438, ../../sass/screen.scss */
 article.stage .section-wrapper .toc-wrapper, article.stage .section-wrapper > section {
   display: table-cell;
   vertical-align: top;
 }
-/* line 440, ../../sass/screen.scss */
+/* line 442, ../../sass/screen.scss */
 article.stage .section-wrapper .toc-wrapper {
   max-width: 230px;
   width: 25%;
   padding: 5px;
   padding-right: 25px;
 }
-/* line 446, ../../sass/screen.scss */
+/* line 448, ../../sass/screen.scss */
 article.stage .section-wrapper .toc {
   font-family: "Dosis", sans-serif;
   position: -webkit-sticky;
@@ -524,12 +526,12 @@ article.stage .section-wrapper .toc {
   padding: 5px;
   box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
 }
-/* line 456, ../../sass/screen.scss */
+/* line 458, ../../sass/screen.scss */
 article.stage .section-wrapper .toc ul {
   list-style: none;
   padding: 0;
 }
-/* line 461, ../../sass/screen.scss */
+/* line 463, ../../sass/screen.scss */
 article.stage .section-wrapper .toc a {
   display: block;
   color: inherit;
@@ -538,44 +540,45 @@ article.stage .section-wrapper .toc a {
   padding: 5px;
   line-height: 1;
 }
-/* line 469, ../../sass/screen.scss */
+/* line 471, ../../sass/screen.scss */
 article.stage .section-wrapper .toc a:hover {
   color: #8fcc33;
 }
-/* line 473, ../../sass/screen.scss */
+/* line 475, ../../sass/screen.scss */
 article.stage .section-wrapper .toc .toc-h1 a {
   font-weight: 900;
 }
-/* line 476, ../../sass/screen.scss */
+/* line 478, ../../sass/screen.scss */
 article.stage .section-wrapper .toc .toc-h2 {
   margin-top: 10px;
   font-weight: 400;
 }
-/* line 480, ../../sass/screen.scss */
+/* line 482, ../../sass/screen.scss */
 article.stage .section-wrapper .toc .toc-h3 a {
   font-weight: 300;
 }
-/* line 483, ../../sass/screen.scss */
+/* line 485, ../../sass/screen.scss */
 article.stage .section-wrapper .toc .toc-active a {
   color: #0f4c82;
 }
 
-/* line 490, ../../sass/screen.scss */
+/* line 492, ../../sass/screen.scss */
 .misc-hdr {
   display: table;
   width: 100%;
   border-bottom: 1px solid #ccc;
 }
-/* line 495, ../../sass/screen.scss */
+/* line 497, ../../sass/screen.scss */
 .misc-hdr > * {
   display: table-cell;
   vertical-align: bottom;
 }
-/* line 500, ../../sass/screen.scss */
-.misc-hdr h1 {
+/* line 502, ../../sass/screen.scss */
+.misc-hdr h1, .misc-hdr h3 {
   width: 100%;
+  padding-right: 5px;
 }
-/* line 503, ../../sass/screen.scss */
+/* line 506, ../../sass/screen.scss */
 .misc-hdr .dates {
   width: 50px;
   background-color: #950548;
@@ -586,34 +589,34 @@ article.stage .section-wrapper .toc .toc-active a {
   font-size: 0.8em;
   text-align: center;
 }
-/* line 513, ../../sass/screen.scss */
+/* line 516, ../../sass/screen.scss */
 .misc-hdr .dates span {
   display: block;
 }
-/* line 516, ../../sass/screen.scss */
+/* line 519, ../../sass/screen.scss */
 .misc-hdr .dates .year {
   font-size: 1.8em;
 }
 
-/* line 524, ../../sass/screen.scss */
+/* line 527, ../../sass/screen.scss */
 .edit-box {
   background: #eee;
   margin: 10px;
   padding: 10px 20px;
   text-align: center;
 }
-/* line 530, ../../sass/screen.scss */
+/* line 533, ../../sass/screen.scss */
 .edit-box.public {
   background: #cae3f9;
   border: 1px solid #125b9b;
 }
-/* line 535, ../../sass/screen.scss */
+/* line 538, ../../sass/screen.scss */
 .edit-box.prive {
   background: #fdcfe4;
   border: 1px solid #ad0654;
 }
 
-/* line 548, ../../sass/screen.scss */
+/* line 551, ../../sass/screen.scss */
 input, textarea, select, div.tinymce, option, optgroup:before {
   background: #fff;
   font-size: 1em;
@@ -623,13 +626,13 @@ input, textarea, select, div.tinymce, option, optgroup:before {
   padding: 5px;
   text-align: left;
 }
-/* line 557, ../../sass/screen.scss */
+/* line 560, ../../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 564, ../../sass/screen.scss */
+/* line 567, ../../sass/screen.scss */
 input[type='text'], input[type='password'],
 input[type='email'], textarea, select {
   border: none;
@@ -639,7 +642,7 @@ input[type='email'], textarea, select {
   transition: border 1s ease-out, background 1s ease-out;
 }
 
-/* line 573, ../../sass/screen.scss */
+/* line 576, ../../sass/screen.scss */
 select {
   -moz-appearance: none;
   appearance: none;
@@ -647,21 +650,21 @@ select {
   margin-right: 5px;
   cursor: pointer;
 }
-/* line 580, ../../sass/screen.scss */
+/* line 583, ../../sass/screen.scss */
 select option {
   padding: 3px;
   white-space: pre-wrap;
 }
-/* line 586, ../../sass/screen.scss */
+/* line 589, ../../sass/screen.scss */
 select optgroup option {
   padding-left: 10px;
 }
-/* line 589, ../../sass/screen.scss */
+/* line 592, ../../sass/screen.scss */
 select optgroup:before {
   font-weight: bold;
 }
 
-/* line 595, ../../sass/screen.scss */
+/* line 598, ../../sass/screen.scss */
 input[type="submit"], .btn {
   font: 19px "Dosis", sans-serif;
   background-color: #8fcc33;
@@ -672,17 +675,17 @@ input[type="submit"], .btn {
   display: inline-block;
 }
 
-/* line 605, ../../sass/screen.scss */
+/* line 608, ../../sass/screen.scss */
 p.submits {
   text-align: right;
 }
 
-/* line 609, ../../sass/screen.scss */
+/* line 612, ../../sass/screen.scss */
 form .commentaire {
   font-style: italic;
 }
 
-/* line 613, ../../sass/screen.scss */
+/* line 616, ../../sass/screen.scss */
 .edit-btn {
   border-color: #706c00;
   color: #000;
@@ -691,14 +694,14 @@ form .commentaire {
   background-origin: content-box;
   background-size: contain;
 }
-/* line 621, ../../sass/screen.scss */
+/* line 624, ../../sass/screen.scss */
 .edit-btn:after {
   content: "";
   width: 30px;
   display: inline-block;
 }
 
-/* line 628, ../../sass/screen.scss */
+/* line 631, ../../sass/screen.scss */
 textarea, div.tinymce {
   font-family: "Lato", sans-serif;
   border: none;
@@ -708,20 +711,20 @@ textarea, div.tinymce {
   transition: border 1s ease-out, background 1s ease-out;
 }
 
-/* line 637, ../../sass/screen.scss */
+/* line 640, ../../sass/screen.scss */
 textarea {
   height: 200px;
   resize: vertical;
 }
 
-/* line 645, ../../sass/screen.scss */
+/* line 648, ../../sass/screen.scss */
 form .field {
   margin: 5px 0;
   display: flex;
   background: #fff;
   padding: 10px;
 }
-/* line 651, ../../sass/screen.scss */
+/* line 654, ../../sass/screen.scss */
 form .field label, form .field .label {
   display: inline-block;
   width: 250px;
@@ -730,39 +733,39 @@ form .field label, form .field .label {
   padding-top: 5px;
   flex-shrink: 0;
 }
-/* line 659, ../../sass/screen.scss */
+/* line 662, ../../sass/screen.scss */
 form .field label.required:before, form .field .label.required:before {
   margin-right: 5px;
   content: "*";
   color: #f70978;
 }
-/* line 665, ../../sass/screen.scss */
+/* line 668, ../../sass/screen.scss */
 form .field label {
   font-family: Alegreya, serif;
   font-weight: bold;
 }
-/* line 669, ../../sass/screen.scss */
+/* line 672, ../../sass/screen.scss */
 form .field .help_text {
   font-style: italic;
   font-size: 0.9em;
 }
-/* line 673, ../../sass/screen.scss */
+/* line 676, ../../sass/screen.scss */
 form .field .input {
   display: inline-block;
   flex-grow: 1;
   margin-right: 10px;
 }
 
-/* line 683, ../../sass/screen.scss */
+/* line 686, ../../sass/screen.scss */
 ul.as-selections {
   display: flex;
   flex-wrap: wrap;
 }
-/* line 687, ../../sass/screen.scss */
+/* line 690, ../../sass/screen.scss */
 ul.as-selections li {
   display: inline-block;
 }
-/* line 691, ../../sass/screen.scss */
+/* line 694, ../../sass/screen.scss */
 ul.as-selections .as-selection-item {
   padding: 0 5px;
   background: #f99b20;
@@ -771,52 +774,52 @@ ul.as-selections .as-selection-item {
   border-radius: 2px;
   font-weight: 500;
 }
-/* line 699, ../../sass/screen.scss */
+/* line 702, ../../sass/screen.scss */
 ul.as-selections .as-selection-item a.as-close {
   color: #fff;
   -webkit-cursor: pointer;
   cursor: pointer;
   margin-right: 5px;
 }
-/* line 706, ../../sass/screen.scss */
+/* line 709, ../../sass/screen.scss */
 ul.as-selections .as-selection-item.selected {
   background: #8fcc33;
 }
-/* line 711, ../../sass/screen.scss */
+/* line 714, ../../sass/screen.scss */
 ul.as-selections .as-original {
   flex-grow: 1;
   min-width: 200px;
 }
-/* line 715, ../../sass/screen.scss */
+/* line 718, ../../sass/screen.scss */
 ul.as-selections .as-original input {
   width: 100%;
 }
 
-/* line 721, ../../sass/screen.scss */
+/* line 724, ../../sass/screen.scss */
 div.as-results {
   position: relative;
 }
-/* line 723, ../../sass/screen.scss */
+/* line 726, ../../sass/screen.scss */
 div.as-results ul {
   position: absolute;
   width: 100%;
   background: #fff;
   border: 1px solid #d2ebad;
 }
-/* line 730, ../../sass/screen.scss */
+/* line 733, ../../sass/screen.scss */
 div.as-results ul li {
   padding: 3px 5px;
 }
-/* line 736, ../../sass/screen.scss */
+/* line 739, ../../sass/screen.scss */
 div.as-results ul li.as-result-item.active {
   background: #fddeb5;
 }
-/* line 741, ../../sass/screen.scss */
+/* line 744, ../../sass/screen.scss */
 div.as-results ul li.as-message {
   font-style: italic;
 }
 
-/* line 751, ../../sass/screen.scss */
+/* line 754, ../../sass/screen.scss */
 .window {
   display: none;
   position: fixed;
@@ -827,11 +830,11 @@ div.as-results ul li.as-message {
   left: 0;
   z-index: 50;
 }
-/* line 761, ../../sass/screen.scss */
+/* line 764, ../../sass/screen.scss */
 .window.visible {
   display: block;
 }
-/* line 765, ../../sass/screen.scss */
+/* line 768, ../../sass/screen.scss */
 .window .window-bg {
   background: #000;
   opacity: 0.7;
@@ -842,7 +845,7 @@ div.as-results ul li.as-message {
   top: 0;
   z-index: -1;
 }
-/* line 776, ../../sass/screen.scss */
+/* line 779, ../../sass/screen.scss */
 .window .window-content {
   position: relative;
   margin: 0 auto;
@@ -856,11 +859,11 @@ div.as-results ul li.as-message {
   max-height: 100%;
   overflow: auto;
 }
-/* line 790, ../../sass/screen.scss */
+/* line 793, ../../sass/screen.scss */
 .window .window-content form label, .window .window-content form .label {
   width: 150px;
 }
-/* line 796, ../../sass/screen.scss */
+/* line 799, ../../sass/screen.scss */
 .window .window-closer {
   position: absolute;
   top: 0;
@@ -868,65 +871,65 @@ div.as-results ul li.as-message {
   padding: 12px;
   z-index: 3;
 }
-/* line 802, ../../sass/screen.scss */
+/* line 805, ../../sass/screen.scss */
 .window .window-closer:after {
   content: "×";
 }
 
-/* line 813, ../../sass/screen.scss */
+/* line 816, ../../sass/screen.scss */
 #lieu_widget .lieu-ui {
   position: relative;
 }
-/* line 815, ../../sass/screen.scss */
+/* line 818, ../../sass/screen.scss */
 #lieu_widget .lieu-ui .map {
   height: 400px;
   width: 100%;
 }
-/* line 819, ../../sass/screen.scss */
+/* line 822, ../../sass/screen.scss */
 #lieu_widget .lieu-ui.hidden {
   display: none;
 }
-/* line 822, ../../sass/screen.scss */
+/* line 825, ../../sass/screen.scss */
 #lieu_widget .lieu-ui .masked {
   visibility: hidden;
 }
-/* line 827, ../../sass/screen.scss */
+/* line 830, ../../sass/screen.scss */
 #lieu_widget .lieu-choixmodif {
   display: none;
 }
-/* line 832, ../../sass/screen.scss */
+/* line 835, ../../sass/screen.scss */
 #lieu_widget.modif .lieu-choixmodif {
   display: unset;
 }
-/* line 837, ../../sass/screen.scss */
+/* line 840, ../../sass/screen.scss */
 #lieu_widget.modif .lieu-ui, #lieu_widget.attente .lieu-ui {
   display: none;
 }
-/* line 844, ../../sass/screen.scss */
+/* line 847, ../../sass/screen.scss */
 #lieu_widget.edit .lieu-ui .lieu-acinput {
   display: none;
 }
-/* line 847, ../../sass/screen.scss */
+/* line 850, ../../sass/screen.scss */
 #lieu_widget.edit .lieu-ui .map {
   height: 200px;
 }
-/* line 853, ../../sass/screen.scss */
+/* line 856, ../../sass/screen.scss */
 #lieu_widget #avis_lieu_vide {
   display: none;
 }
-/* line 857, ../../sass/screen.scss */
+/* line 860, ../../sass/screen.scss */
 #lieu_widget .message {
   background: #fddeb5;
   padding: 5px;
   font-style: italic;
   font-size: 0.9em;
 }
-/* line 863, ../../sass/screen.scss */
+/* line 866, ../../sass/screen.scss */
 #lieu_widget .message.hidden {
   display: none;
 }
 
-/* line 869, ../../sass/screen.scss */
+/* line 872, ../../sass/screen.scss */
 a.lieu-change {
   color: #fff;
   background: #f99b20;
@@ -939,25 +942,25 @@ a.lieu-change {
   border-radius: 5px;
   margin-right: 7px;
 }
-/* line 881, ../../sass/screen.scss */
+/* line 884, ../../sass/screen.scss */
 a.lieu-change.ajout:before {
   content: "+";
   margin-right: 5px;
 }
 
-/* line 887, ../../sass/screen.scss */
+/* line 890, ../../sass/screen.scss */
 #stages-map {
   width: 100%;
   height: 600px;
   max-height: 90vh;
 }
 
-/* line 894, ../../sass/screen.scss */
+/* line 897, ../../sass/screen.scss */
 #id_stage-thematiques {
   display: none;
 }
 
-/* line 900, ../../sass/screen.scss */
+/* line 903, ../../sass/screen.scss */
 .homeh1 {
   display: flex;
   justify-content: space-between;
@@ -967,22 +970,22 @@ a.lieu-change.ajout:before {
   border-bottom: 3px solid #000;
   margin-bottom: 15px;
 }
-/* line 909, ../../sass/screen.scss */
+/* line 912, ../../sass/screen.scss */
 .homeh1 > * {
   display: inline-block;
 }
-/* line 912, ../../sass/screen.scss */
+/* line 915, ../../sass/screen.scss */
 .homeh1 p {
   text-align: right;
 }
 
-/* line 917, ../../sass/screen.scss */
+/* line 920, ../../sass/screen.scss */
 .betacadre {
   background: #fa6cae;
   padding: 10px;
 }
 
-/* line 922, ../../sass/screen.scss */
+/* line 925, ../../sass/screen.scss */
 .entrer {
   background: #fff;
   max-width: 500px;
@@ -991,84 +994,84 @@ a.lieu-change.ajout:before {
   margin: 15px auto;
 }
 
-/* line 930, ../../sass/screen.scss */
+/* line 933, ../../sass/screen.scss */
 article.promo {
   display: block;
   font-size: 1.1em;
 }
-/* line 934, ../../sass/screen.scss */
+/* line 937, ../../sass/screen.scss */
 article.promo .explications {
   display: table;
 }
-/* line 937, ../../sass/screen.scss */
+/* line 940, ../../sass/screen.scss */
 article.promo .explications:first-child {
   direction: rtl;
 }
-/* line 939, ../../sass/screen.scss */
+/* line 942, ../../sass/screen.scss */
 article.promo .explications:first-child > * {
   direction: ltr;
 }
-/* line 944, ../../sass/screen.scss */
+/* line 947, ../../sass/screen.scss */
 article.promo .explications > div {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
 }
-/* line 949, ../../sass/screen.scss */
+/* line 952, ../../sass/screen.scss */
 article.promo .explications > div p {
   margin: 15px 15px;
 }
 
-/* line 957, ../../sass/screen.scss */
+/* line 960, ../../sass/screen.scss */
 .faq-toc {
   font-family: "Lato", sans-serif;
   display: block;
   max-width: 700px;
   margin: 0 auto;
 }
-/* line 962, ../../sass/screen.scss */
+/* line 965, ../../sass/screen.scss */
 .faq-toc ul {
   margin: 20px;
 }
-/* line 966, ../../sass/screen.scss */
+/* line 969, ../../sass/screen.scss */
 .faq-toc ul li a {
   color: #000;
   display: block;
   padding: 5px;
 }
-/* line 972, ../../sass/screen.scss */
+/* line 975, ../../sass/screen.scss */
 .faq-toc ul li.toc-h1 {
   display: none;
 }
-/* line 976, ../../sass/screen.scss */
+/* line 979, ../../sass/screen.scss */
 .faq-toc ul li.toc-h2 a {
   background: #fcc883;
 }
-/* line 980, ../../sass/screen.scss */
+/* line 983, ../../sass/screen.scss */
 .faq-toc ul li.toc-h3 a {
   padding-left: 10px;
   background: #fff;
   font-weight: normal;
 }
-/* line 986, ../../sass/screen.scss */
+/* line 989, ../../sass/screen.scss */
 .faq-toc ul li a:hover {
   color: #395214;
   background: #bce085 !important;
 }
 
-/* line 995, ../../sass/screen.scss */
+/* line 998, ../../sass/screen.scss */
 .faq article {
   background: #fff;
   padding: 15px;
 }
-/* line 998, ../../sass/screen.scss */
+/* line 1001, ../../sass/screen.scss */
 .faq article h2 {
   background-color: #fcc883;
   color: #ae6505;
   margin: -15px;
   padding: 15px;
 }
-/* line 1005, ../../sass/screen.scss */
+/* line 1008, ../../sass/screen.scss */
 .faq article h3 {
   color: #0f4c82;
   background-color: #9dcbf3;
@@ -1076,19 +1079,19 @@ article.promo .explications > div p {
   margin-top: 30px;
   padding: 10px 15px;
 }
-/* line 1012, ../../sass/screen.scss */
+/* line 1015, ../../sass/screen.scss */
 .faq article h3:nth-child(2) {
   margin-top: 0;
 }
-/* line 1017, ../../sass/screen.scss */
+/* line 1020, ../../sass/screen.scss */
 .faq article ul {
   padding-left: 20px;
 }
-/* line 1019, ../../sass/screen.scss */
+/* line 1022, ../../sass/screen.scss */
 .faq article ul li {
   list-style: initial;
 }
-/* line 1024, ../../sass/screen.scss */
+/* line 1027, ../../sass/screen.scss */
 .faq article p, .faq article ul {
   font-family: "Lato", sans-serif;
   font-size: 18px;
@@ -1203,21 +1206,74 @@ article.promo .explications > div p {
     padding: 15px 3vw;
   }
 
-  /* line 95, ../../sass/_responsive.scss */
-  .article-wrapper {
-    display: block;
-  }
-  /* line 97, ../../sass/_responsive.scss */
-  .article-wrapper .toc-wrapper, .article-wrapper article {
-    display: block;
+  /* line 96, ../../sass/_responsive.scss */
+  article.stage h3 {
+    margin-top: 10px;
   }
   /* line 100, ../../sass/_responsive.scss */
-  .article-wrapper .toc-wrapper {
+  article.stage section .avis-texte, article.stage section .chapo {
+    padding: 3px 10px;
+  }
+  /* line 106, ../../sass/_responsive.scss */
+  article.stage section #stage-map {
+    height: 200px;
+    width: 100%;
+  }
+  /* line 112, ../../sass/_responsive.scss */
+  article.stage section.misc .misc-content.withmap {
+    display: block;
+  }
+  /* line 115, ../../sass/_responsive.scss */
+  article.stage section.misc .misc-content.withmap > div {
+    display: block;
+    vertical-align: top;
+  }
+  /* line 119, ../../sass/_responsive.scss */
+  article.stage section.misc .misc-content.withmap .map {
+    width: 80%;
+    min-width: 250px;
+    min-height: 200px;
+    margin: 0 auto;
+  }
+  /* line 125, ../../sass/_responsive.scss */
+  article.stage section.misc .misc-content.withmap .desc {
+    padding: 5px;
+  }
+  /* line 133, ../../sass/_responsive.scss */
+  article.stage section .plusmoins > div {
+    display: block;
+  }
+  /* line 136, ../../sass/_responsive.scss */
+  article.stage section .plusmoins > div > *, article.stage section .plusmoins > div:before {
+    display: block;
+  }
+  /* line 140, ../../sass/_responsive.scss */
+  article.stage section .plusmoins > div:before {
+    text-align: left;
+    width: 100%;
+    font-size: 1.5em;
+  }
+  /* line 145, ../../sass/_responsive.scss */
+  article.stage section .plusmoins > div.moins:before {
+    text-align: right;
+    margin-top: 5px;
+  }
+  /* line 154, ../../sass/_responsive.scss */
+  article.stage .section-wrapper {
+    display: block;
+    margin-left: 0;
+  }
+  /* line 158, ../../sass/_responsive.scss */
+  article.stage .section-wrapper .toc-wrapper, article.stage .section-wrapper > section {
+    display: block;
+  }
+  /* line 161, ../../sass/_responsive.scss */
+  article.stage .section-wrapper .toc-wrapper {
     max-width: unset;
     width: unset;
   }
-  /* line 104, ../../sass/_responsive.scss */
-  .article-wrapper .toc {
+  /* line 165, ../../sass/_responsive.scss */
+  article.stage .section-wrapper .toc {
     display: none;
     position: relative;
     font-size: 0.9em;
@@ -1225,58 +1281,65 @@ article.promo .explications > div p {
     padding: 4px;
   }
 
-  /* line 113, ../../sass/_responsive.scss */
-  article.stage h3 {
-    margin-top: 10px;
-  }
-  /* line 117, ../../sass/_responsive.scss */
-  article.stage section .avis-texte, article.stage section .chapo {
-    padding: 10px;
-  }
-  /* line 121, ../../sass/_responsive.scss */
-  article.stage section .plusmoins > div::before {
-    width: 70px;
-  }
-
-  /* line 126, ../../sass/_responsive.scss */
+  /* line 175, ../../sass/_responsive.scss */
   .homeh1 {
     display: block;
   }
-  /* line 128, ../../sass/_responsive.scss */
+  /* line 177, ../../sass/_responsive.scss */
   .homeh1 > * {
     display: block;
   }
 
-  /* line 133, ../../sass/_responsive.scss */
+  /* line 182, ../../sass/_responsive.scss */
   article.promo .explications {
     display: block;
   }
-  /* line 135, ../../sass/_responsive.scss */
+  /* line 184, ../../sass/_responsive.scss */
   article.promo .explications div {
     max-width: 100%;
     display: block;
   }
 
-  /* line 142, ../../sass/_responsive.scss */
-  .stagelist {
+  /* line 191, ../../sass/_responsive.scss */
+  .condensed-stages {
     display: block;
   }
-  /* line 145, ../../sass/_responsive.scss */
-  .stagelist li:before, .stagelist li, .stagelist a {
+  /* line 194, ../../sass/_responsive.scss */
+  .condensed-stages li:before, .condensed-stages li, .condensed-stages a {
     display: block;
     width: auto;
     max-width: auto;
   }
-  /* line 151, ../../sass/_responsive.scss */
-  .stagelist li.stage-ajout:before {
+  /* line 200, ../../sass/_responsive.scss */
+  .condensed-stages li:before {
+    padding: 3px 15px;
+  }
+  /* line 204, ../../sass/_responsive.scss */
+  .condensed-stages li.stage-ajout:before {
     display: none;
   }
 
-  /* line 157, ../../sass/_responsive.scss */
+  /* line 209, ../../sass/_responsive.scss */
+  ul.infos {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+  }
+
+  /* line 218, ../../sass/_responsive.scss */
+  .stage-liste li .misc-hdr .dates .detail {
+    display: inline;
+  }
+  /* line 221, ../../sass/_responsive.scss */
+  .stage-liste li .misc-hdr .dates .year {
+    padding: 0;
+  }
+
+  /* line 229, ../../sass/_responsive.scss */
   form .field {
     display: block;
   }
-  /* line 160, ../../sass/_responsive.scss */
+  /* line 232, ../../sass/_responsive.scss */
   form .field label, form .field .label {
     display: block;
     text-align: left;
@@ -1285,18 +1348,18 @@ article.promo .explications > div p {
     margin-top: 0;
     width: auto;
   }
-  /* line 169, ../../sass/_responsive.scss */
+  /* line 241, ../../sass/_responsive.scss */
   form .field .help_text {
     text-align: right;
     color: #395214;
   }
-  /* line 174, ../../sass/_responsive.scss */
+  /* line 246, ../../sass/_responsive.scss */
   form .field .input {
     padding-left: 20px;
     display: block;
     text-align: right;
   }
-  /* line 180, ../../sass/_responsive.scss */
+  /* line 252, ../../sass/_responsive.scss */
   form .field input, form .field textarea, form .field div.tinymce, form .field select {
     background: #f4faeb;
   }
diff --git a/avisstage/templates/avisstage/detail/stage.html b/avisstage/templates/avisstage/detail/stage.html
index cbbb88e..7d7e118 100644
--- a/avisstage/templates/avisstage/detail/stage.html
+++ b/avisstage/templates/avisstage/detail/stage.html
@@ -55,26 +55,6 @@
     <article class="stage">
         <section class="misc">
             <div class="misc-content {% if object.lieux.all %}withmap{% endif %}">
-                {% if object.lieux.all %}
-                    <div class="map">
-                        <div id="stage-map"></div>
-                        <script type="text/javascript">
-                         var lieux = [
-                             {% for lieu in object.lieux.all %}
-                             {
-                                 coord: {lat: "{{ lieu.coord.y|escapejs }}", lon: "{{ lieu.coord.x|escapejs }}" },
-                                 popup: "<h3>{{ lieu.nom|escapejs }}</h3>" +
-                                        "<p>{{ lieu.get_type_lieu_display|escapejs }}</p>" +
-                                        "<p>{{ lieu.ville|escapejs }}, {{ lieu.get_pays_display|escapejs }}</p>"
-                             }{% if not forloop.last %},{% endif %}
-                             {% endfor %}
-                         ];
-                         $(function(){
-                             initStageMap(lieux);
-                         });
-                        </script>
-                    </div>
-                {% endif %}
                 <div class="desc">
                     <div class="misc-hdr">
                         <h1>{{ object.sujet }}</h1>
@@ -97,6 +77,27 @@
                         {% endfor %}
                     </ul>
                 </div>
+                
+                {% if object.lieux.all %}
+                    <div class="map">
+                        <div id="stage-map"></div>
+                        <script type="text/javascript">
+                         var lieux = [
+                             {% for lieu in object.lieux.all %}
+                             {
+                                 coord: {lat: "{{ lieu.coord.y|escapejs }}", lon: "{{ lieu.coord.x|escapejs }}" },
+                                 popup: "<h3>{{ lieu.nom|escapejs }}</h3>" +
+                                        "<p>{{ lieu.get_type_lieu_display|escapejs }}</p>" +
+                                        "<p>{{ lieu.ville|escapejs }}, {{ lieu.get_pays_display|escapejs }}</p>"
+                             }{% if not forloop.last %},{% endif %}
+                             {% endfor %}
+                         ];
+                         $(function(){
+                             initStageMap(lieux);
+                         });
+                        </script>
+                    </div>
+                {% endif %}
             </div>
         </section>