diff --git a/templates/qommon/forms/widgets/portail_parent_plaines.html b/templates/qommon/forms/widgets/portail_parent_plaines.html
index b1288003..20244b2c 100644
--- a/templates/qommon/forms/widgets/portail_parent_plaines.html
+++ b/templates/qommon/forms/widgets/portail_parent_plaines.html
@@ -9,7 +9,8 @@
   <p>Semaine du {{ week.monday|date:"d F Y" }}</p>
     {% for activity in week.activities %}
     <div id="{{ activity.id }}" class="activity">
-      {{ activity.text }}
+      <p class="label">{{ activity.text }}</p>
+      <p class="remaining_places"><span>{{ activity.remaining_places }}</span> places restantes</p>
     </div>
     {% endfor %}
   </div>
@@ -71,6 +72,9 @@ $(function(){
     transition: box-shadow 0.3s ease-in-out;
     height: 8ex;
     border-radius: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
 }
 .activity:hover {
     box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
@@ -81,13 +85,23 @@ $(function(){
 .activity:active {
     box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
 }
-
 .activity.selected {
     background-color: #386ede;
-    font-weight: bold;
     color: #FFF;
 }
-.activity.selected:after {
+.activity p {
+  margin: 0;
+}
+.activity p.label {
+  font-weight: bold;
+}
+.activity p.remaining_places {
+  font-size: 0.8em;
+}
+.activity p.remaining_places span {
+  font-weight: bold;
+}
+.activity.selected p.label:after {
   content: " \002714";
 }
 </style>