puissance d'agir almost ok

src/assets/main.scss

@@ -99,7 +99,7 @@ body{
         font-size: 0.882em;
         padding: 0 0 1em 0;
       }
-      header{
+      >header{
         display: flex;
         height: 8rem;
         flex-direction: column;
@@ -125,6 +125,71 @@ body{
         font-weight: 300;
       }
 
+      // PUISSANCE D'AGIR
+      section.content-besoins{
+        ul, li{
+          padding:0; margin:0;
+          list-style: none;
+        }
+        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;
+        }
+      }
     }
   }
 
@@ -139,8 +204,7 @@ body{
       background-color: white;
       padding: 1em;
       border-radius: 3px;
-      // min-width: 10em;
-      // max-width: 30em;
+      max-width: 30em;
       .concernement-map-popup{
         ul.icons{
           display: flex;
@@ -154,7 +218,7 @@ body{
           }
         }
       }
-      h1{
+      h1, div{
         font-size: 1em;
         font-weight: 400;
       }