fixed puissance d'agir cartouch display

src/assets/main.scss

@@ -210,6 +210,82 @@ body{
           }
         }
 
+        // PUISSANCE D'AGIR
+        ul.besoins{
+          li.besoin{
+            position: relative;
+            label.mdi:before{
+              font-size: 0.8em;
+              padding-right: 0.2em;
+
+            }
+            label.mdi:hover:before,
+            label.mdi.hover:before{
+              color:#01ffe2;
+            }
+            svg.open-btn{
+              position: absolute;
+              right:0; top:0;
+              cursor: pointer;
+            }
+            >header{
+              padding: 0 0 0 0;
+              >label{
+                padding:0.3em 0 0.5em 0;
+                cursor: pointer;
+              }
+              h4.besoin-description{
+                font-weight: 400;
+                font-size: 1.2em;
+                // padding: 0.5em 0;
+              }
+            }
+            ul.reponses{
+              overflow: hidden;
+              max-height: 1px;
+              transition: all 0.7s ease-in-out;
+              li.reponse{
+                padding:0.5em 0 0;
+                &:last-of-type{
+                  padding: 0.5em 0 1em;
+                } 
+                >label{
+                  padding:0 0 0.5em 0;
+                }
+                section{
+                  &:not(:last-of-type){
+                    padding: 0 0 0.5em 0;
+                  }
+                  label{ padding:0; }
+                  p{margin:0;}
+                }
+
+              }
+            }
+            a.contribute-link{
+              display: flex;
+              flex-direction: row;
+              justify-content: flex-end;
+              align-items:flex-end;
+              font-weight: 100;
+              font-size: 0.882em;
+              svg{
+                width:1em; height:1em; margin-right: 0.5em;
+              }
+            }
+            &.opened{
+              ul.reponses{
+                max-height: 1000px;
+              }
+            }
+
+            padding-bottom: 0.5em;
+            border-bottom: #aaa 1px solid;
+            margin-bottom: 1em;
+          }
+        }
+
+
       }
       >footer{
         section.infos{
@@ -258,68 +334,7 @@ body{
         list-style: none;
       }
 
-      // PUISSANCE D'AGIR
-      section.content-besoins{
-        li.besoin{
-          position: relative;
-          label.mdi:before{
-            font-size: 0.8em;
-            padding-right: 0.2em;
-
-          }
-          label.mdi:hover:before,
-          label.mdi.hover:before{
-            color:#01ffe2;
-          }
-          span.open-btn{
-            position: absolute;
-            right:0; top:0;
-            cursor: pointer;
-          }
-          >header{
-            padding: 0 0 0 0;
-            >label{
-              padding:0.5em 0 0.5em 0;
-              cursor: pointer;
-            }
-            h4.besoin-description{
-              font-weight: 400;
-              font-size: 1.2em;
-              padding: 0.5em 0;
-            }
-            a.contribute-link{
-              display: block;
-              text-align: right;
-              font-weight: 100;
-              font-size: 0.882em;
-            }
-          }
-          ul.reponses{
-            overflow: hidden;
-            max-height: 1px;
-            transition: all 0.7s ease-in-out;
-            li.reponse{
-              padding:1em 0;
-              section{
-                padding:0;
-                label{ padding: 0 0 0 0; }
-                p{margin: 0 0 1em 0;}
-              }
-
-            }
-          }
-          &.opened{
-            ul.reponses{
-              max-height: 1000px;
-            }
-          }
-
-          padding-bottom: 0.5em;
-          border-bottom: #aaa 1px solid;
-          margin-bottom: 1em;
-        }
-      }
-
+      
       section.content-doleances{