diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
index 906a28d78..07b59c7e7 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/list.html.twig
@@ -47,68 +47,12 @@
 
                         </div>
                         <div class="item-col">
-                            <ul class="list-content">
 
-                                {% if activity.user and t.userVisible %}
-                                    <li>
-                                        <abbr class="referrer" title="{{ 'Referrer'|trans }}">ref:</abbr>
-                                        <b>{{ activity.user.usernameCanonical }}</b>
-                                    </li>
-                                {% endif %}
+                            <div class="float-button top">
+                                <div class="box">
 
-                                <li>
-                                    <b>{{ activity.type.name | localize_translatable_string }}</b>
-
-                                    {% if activity.attendee is not null and t.attendeeVisible %}
-                                        {% if activity.attendee %}
-                                            {{ '→ ' ~ 'present'|trans|capitalize }}
-                                        {% else %}
-                                            {{ '→ ' ~ 'not present'|trans|capitalize }}
-                                        {% endif %}
-                                    {% endif %}
-                                </li>
-
-                                <li>
-                                    <b>{{ 'location'|trans ~ ': ' }}</b>
-                                    Domicile de l'usager
-                                    {# TODO
-                                    {% if activity.location %}{{ activity.location }}{% endif %}
-                                    #}
-                                </li>
-
-                                {%- if t.reasonsVisible -%}
-                                    <li>
-                                        {%- if activity.reasons is not empty -%}
-                                            {% for r in activity.reasons %}
-                                                {{ r|chill_entity_render_box }}
-                                            {% endfor %}
-                                        {%- endif -%}
-                                    </li>
-                                {% endif %}
-
-                                {%- if t.socialIssuesVisible %}
-                                    <li class="social-issues">
-                                        {%- if activity.socialIssues is not empty -%}
-                                            {% for r in activity.socialIssues %}
-                                                {{ r|chill_entity_render_box }}
-                                            {% endfor %}
-                                        {%- endif -%}
-                                    </li>
-                                {% endif %}
-
-                                {%- if t.socialActionsVisible -%}
-                                    <li class="social-actions">
-                                        {%- if activity.socialActions is not empty -%}
-                                            {% for r in activity.socialActions %}
-                                                {{ r|chill_entity_render_box }}
-                                            {% endfor %}
-                                        {%- endif -%}
-                                    </li>
-                                {% endif %}
-
-
-                            </ul>
-                            <ul class="record_actions">
+                                    <div class="action">
+                                        <ul class="record_actions">
                                 <li>
                                     <a href="{{ path('chill_activity_activity_show', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}"
                                        class="btn btn-sm btn-show "></a>
@@ -134,6 +78,77 @@
                                     #}
                                 {% endif %}
                             </ul>
+                                    </div>
+
+                                    <ul class="list-content">
+
+                                        {% if activity.user and t.userVisible %}
+                                            <li>
+                                                <abbr class="referrer" title="{{ 'Referrer'|trans }}">ref:</abbr>
+                                                <b>{{ activity.user.usernameCanonical }}</b>
+                                            </li>
+                                        {% endif %}
+
+                                        <li>
+                                            <b>{{ activity.type.name | localize_translatable_string }}</b>
+
+                                            {% if activity.attendee is not null and t.attendeeVisible %}
+                                                {% if activity.attendee %}
+                                                    {{ '→ ' ~ 'present'|trans|capitalize }}
+                                                {% else %}
+                                                    {{ '→ ' ~ 'not present'|trans|capitalize }}
+                                                {% endif %}
+                                            {% endif %}
+                                        </li>
+
+                                        <li>
+                                            <b>{{ 'location'|trans ~ ': ' }}</b>
+                                            Domicile de l'usager
+
+                                            {# TODO {% if activity.location %}{{ activity.location }}{% endif %}
+                                            #}
+
+                                        </li>
+
+                                        {%- if t.reasonsVisible -%}
+                                            <li>
+                                                {%- if activity.reasons is not empty -%}
+                                                    {% for r in activity.reasons %}
+                                                        {{ r|chill_entity_render_box }}
+                                                    {% endfor %}
+                                                {%- endif -%}
+                                            </li>
+                                        {% endif %}
+
+                                        {%- if t.socialIssuesVisible %}
+                                            <li class="social-issues">
+                                                {%- if activity.socialIssues is not empty -%}
+                                                    {% for r in activity.socialIssues %}
+                                                        {{ r|chill_entity_render_box }}
+                                                    {% endfor %}
+                                                {%- endif -%}
+                                            </li>
+                                        {% endif %}
+
+                                        {%- if t.socialActionsVisible -%}
+                                            <li class="social-actions">
+                                                {%- if activity.socialActions is not empty -%}
+                                                    {% for r in activity.socialActions %}
+                                                        {{ r|chill_entity_render_box }}
+                                                    {% endfor %}
+                                                {%- endif -%}
+                                            </li>
+                                        {% endif %}
+
+
+                                    </ul>
+
+
+
+
+                                </div>
+                            </div>
+
                         </div>
                     </div>
 
diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
index 1d7cd5db8..436f764dd 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/chillmain.scss
@@ -206,8 +206,8 @@ footer.footer {
 
 /// titles
 h1, h2,
-.h1, .h2 {
-   font-weight: $headings-font-weight + 200;
+.h1, .h2  {
+   font-weight: $headings-font-weight + 100;
 }
 
 /// typography
@@ -276,6 +276,20 @@ div.metadata {
    }
 }
 
+/// chill help tooltip
+
+.chill-help-tooltip {
+   &::before {
+      content: '\f05a';
+      color: $chill-pink;
+      font-family: ForkAwesome;
+      font-style: normal;
+      font-size: 120%;
+      cursor: pointer;
+      margin: auto 0.3em;
+   }
+}
+
 /// display definition list
 //  with dt and dd on same line
 
diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss
index 6b54172c7..14c22685b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/buttons.scss
@@ -19,7 +19,8 @@ $chill-theme-buttons: (
    "view":          $chill-blue,
    "misc":          $gray-300,
    "cancel":        $gray-300,
-   "choose":        $gray-300
+   "choose":        $gray-300,
+   "unlink":        $chill-red,
 );
 
 @each $button, $color in $chill-theme-buttons {
@@ -45,6 +46,7 @@ $chill-theme-buttons: (
    &.btn-delete,
    &.btn-danger,
    &.btn-remove,
+   &.btn-unlink,
    &.btn-action,
    &.btn-edit,
    &.btn-update {
@@ -67,6 +69,7 @@ $chill-theme-buttons: (
       // &.btn-submit::before,
       // &.btn-reset::before,
       // &.btn-action::before,
+   &.btn-unlink::before,
    &.btn-delete::before,
    &.btn-remove::before,
    &.btn-choose::before,
@@ -94,6 +97,7 @@ $chill-theme-buttons: (
    &.btn-remove::before    { content: "\f00d"; } // fa-times
    &.btn-cancel::before    { content: "\f060"; } // fa-arrow-left
    &.btn-choose::before    { content: "\f00c"; } // fa-check  // f046 fa-check-square-o
+   &.btn-unlink::before    { content: "\f127"; } // fa-chain-broken
 }
 
 
diff --git a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
index a939b17f8..21ecde267 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/chill/scss/flex_table.scss
@@ -1,3 +1,6 @@
+// See Assets Album page:
+// http://localhost:8001/_dev/assets
+
 /*
 *  __FLEX-TABLE_________
 *  FLEX RESPONSIVE TABLE/BLOCK PRESENTATION
@@ -175,13 +178,13 @@ div.wrap-list {
         border: 1px solid $black;
 
         div.wl-col.title {
-            background-color: $yellow;
+            background-color: yellow;
         }
         div.wl-col.list {
-            background-color: $green;
+            background-color: cyan;
 
             p.wl-item {
-                background-color: $orange;
+                background-color: orange;
             }
         }
     }
@@ -256,3 +259,53 @@ div.wrap-header {
         }
     }
 }
+
+
+/*
+*  FLOATBUTTON
+*  p-ê pas convaincant: cet asset est toujours en observation
+*/
+
+div.float-button {
+    width: 100%;
+
+    div.box {
+        width: 100%;
+
+        div.action {
+            float: right;
+        }
+    }
+    &.top {
+        div.action {
+            padding: 0 0 1em 1em;
+        }
+
+        // avoid a position relative that make links unclickable
+        .fa-ul > li {
+            position: initial;
+        }
+    }
+    &.bottom {
+        display: flex;
+        overflow: hidden;
+        div.action {
+            height: calc(100% - 0em);
+            shape-outside: inset(calc(100% - 2em) 0 0);
+            display: flex;
+            align-items: flex-end;
+            padding: 0 0 0 1em;
+            * {
+                align-self: flex-end !important;
+            }
+        }
+    }
+    &.debug {
+        padding: 1em;
+        border: 1px solid black;
+        background-color: yellow;
+        div.action {
+            background-color: transparentize(#00ffff, 0.4);
+        }
+    }
+}
diff --git a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss
index 9e8d3031c..f9cd33f5f 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss
+++ b/src/Bundle/ChillMainBundle/Resources/public/module/bootstrap/custom/_variables.scss
@@ -479,7 +479,7 @@ $font-sizes: (
 $headings-margin-bottom:      $spacer / 2 !default;
 $headings-font-family:        null !default;
 $headings-font-style:         null !default;
-$headings-font-weight:        500 !default;
+$headings-font-weight:        600 !default;
 $headings-line-height:        1.2 !default;
 $headings-color:              null !default;
 // scss-docs-end headings-variables
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
index 0ae6fc578..249b53588 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/App.vue
@@ -1,9 +1,4 @@
 <template>
-
-   <div v-for="error in displayErrors" class="alert alert-danger my-2">
-      {{ error }}
-   </div>
-
    <add-address
       v-bind:key="context.entity.type"
       v-bind:context="context"
@@ -23,6 +18,8 @@
 *
 * */
 import AddAddress from './components/AddAddress.vue';
+import { patchAddress } from "./api";
+import { postAddressToHousehold, postAddressToPerson } from "ChillPersonAssets/vuejs/_api/AddAddress";
 
 export default {
    name: "App",
@@ -39,6 +36,9 @@ export default {
             },
             addressId: window.addressId | null,
             backUrl: window.backUrl,
+            valid: {
+               from: new Date()
+            },
          },
          addAddress: {
             options: {
@@ -75,12 +75,75 @@ export default {
       },
       submitAddress() {
          console.log('@@@ click on Submit Address Button');
+         let payload = this.$refs.addAddress.submitNewAddress(); // Cast child method
+         this.addDateToAddressAndPostAddressTo(payload);
+      },
+      addDateToAddressAndPostAddressTo(payload)
+      {
+         payload.body = {
+            validFrom: {
+               datetime: `${this.context.valid.from.toISOString().split('T')[0]}T00:00:00+0100`
+            }
+         };
+         console.log('addDateToAddress', payload);
 
-         // Cast child method
-         this.$refs.addAddress.submitNewAddress();
-         // it fetch post request only for person and household
-         // else get returned payload then dispatch from here (parent)
-      }
+         this.$refs.addAddress.flag.loading = true;
+         return patchAddress(payload.addressId, payload.body)
+            .then(address => new Promise((resolve, reject) => {
+                  this.context.valid.from = address.validFrom;
+                  resolve();
+               })
+                  .then(this.postAddressTo(payload))
+            )
+            .catch((error) => {
+               this.$refs.addAddress.errorMsg.push(error);
+               this.$refs.addAddress.flag.loading = false;
+            });
+      },
+
+      postAddressTo(payload)
+      {
+         console.log('postAddressTo', payload.entity);
+         if (!this.context.edit) {
+            switch (payload.entity) {
+               case 'household':
+                  postAddressToHousehold(payload.entityId, payload.addressId)
+                     .then(household => new Promise((resolve, reject) => {
+                        console.log('..toHousehold', household);
+                        this.$refs.addAddress.flag.loading = false;
+                        this.$refs.addAddress.flag.success = true;
+                        window.location.assign(this.context.backUrl);
+                        resolve();
+                     }))
+                     .catch((error) => {
+                        this.$refs.addAddress.errorMsg.push(error);
+                        this.$refs.addAddress.flag.loading = false;
+                     })
+                  ;
+                  break;
+               case 'person':
+                  postAddressToPerson(payload.entityId, payload.addressId)
+                     .then(person => new Promise((resolve, reject) => {
+                        console.log('..toPerson', person);
+                        this.$refs.addAddress.flag.loading = false;
+                        this.$refs.addAddress.flag.success = true;
+                        window.location.assign(this.context.backUrl);
+                        resolve();
+                     }))
+                     .catch((error) => {
+                        this.$refs.addAddress.errorMsg.push(error);
+                        this.$refs.addAddress.flag.loading = false;
+                     })
+                  ;
+                  break;
+               default:
+                  this.$refs.addAddress.errorMsg.push('That entity is not managed by address !');
+            }
+         } else {
+            // address is already linked, just finish !
+            window.location.assign(this.context.backUrl);
+         }
+      },
    }
 }
 </script>
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue
index fa4ff4773..19d35381c 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue
@@ -29,7 +29,7 @@
                v-bind:options="this.options"
                v-bind:default="this.default"
                v-bind:entity="this.entity"
-               v-bind:valid="this.valid"
+               v-bind:valid="this.context.valid"
                v-bind:flag="this.flag"
                ref="showAddress">
             </show-address-pane>
@@ -55,7 +55,7 @@
          v-bind:options="this.options"
          v-bind:default="this.default"
          v-bind:entity="this.entity"
-         v-bind:valid="this.valid"
+         v-bind:valid="this.context.valid"
          v-bind:flag="this.flag"
          ref="showAddress"
          v-bind:insideModal="false" @openEditPane="openEditPane"
@@ -182,10 +182,6 @@ export default {
                zoom: 12
             },
          },
-         valid: {
-            from: new Date(),
-            to: null
-         },
          errorMsg: []
       }
    },
@@ -248,7 +244,6 @@ export default {
       *  Opening and closing Panes when interacting with buttons
       */
       openShowPane() {
-         console.log('open the Show Panel');
 
          if (this.context.edit) {
             this.getInitialAddress(this.context.addressId);
@@ -263,17 +258,18 @@ export default {
 
          } else {
             this.flag.showPane = true;
+            console.log('step1: open the Show Panel');
          }
       },
 
       openEditPane() {
-         console.log('open the Edit panel');
+         console.log('step2: open the Edit panel');
          this.initForm();
          this.getCountries();
       },
 
       closeEditPane() {
-         console.log('close the Edit Panel');
+         console.log('step2: close the Edit Panel');
          this.applyChanges();
          this.flag.showPane = true;
          this.flag.editPane = false;
@@ -413,7 +409,7 @@ export default {
                newAddress: newAddress
             });
          } else {
-            this.addAddress(newAddress);
+            this.addNewAddress(newAddress);
          }
       },
 
@@ -421,56 +417,52 @@ export default {
       *  Async POST transactions,
       *  creating new address, and receive backend datas when promise is resolved
       */
-      addAddress(payload)
+      addNewAddress(payload)
       {
+         //console.log('addNewAddress', payload);
          this.flag.loading = true;
+
          if ('newPostcode' in payload) {
 
             let postcodeBody = payload.newPostcode;
             if (this.context.entity.type === 'person') {
                postcodeBody = Object.assign(postcodeBody, {'origin': 3});
             }
-
             postPostalCode(postcodeBody)
-               .then(postalCode => {
-                  let body = payload;
-                  body.postcode = {'id': postalCode.id },
-                     postAddress(body)
-                        .then(address => new Promise((resolve, reject) => {
-                           this.entity.address = address;
-                           this.flag.loading = false;
-                           this.flag.success = true;
-                           resolve();
-                        }))
-                        .catch((error) => {
-                           this.errorMsg.push(error);
-                           this.flag.loading = false;
-                        });
-               })
+               .then(postalCode =>  {
+                  payload.postcode = {'id': postalCode.id };
+                  this.postNewAddress(payload);
+               });
 
          } else {
-            postAddress(payload)
-               .then(address => new Promise((resolve, reject) => {
-                  this.entity.address = address;
-                  this.flag.loading = false;
-                  this.flag.success = true;
-                  resolve();
-               }))
-               .catch((error) => {
-                  this.errorMsg.push(error);
-                  this.flag.loading = false;
-               });
+            this.postNewAddress(payload);
          }
       },
 
+      postNewAddress(payload) {
+         //console.log('postNewAddress', payload);
+         postAddress(payload)
+            .then(address => new Promise((resolve, reject) => {
+               this.entity.address = address;
+               this.flag.loading = false;
+               this.flag.success = true;
+               resolve();
+            }))
+            .catch((error) => {
+               this.errorMsg.push(error);
+               this.flag.loading = false;
+            });
+      },
+
       /*
       *  Async PATCH transactions,
       *  then update existing address with backend datas when promise is resolved
       */
       updateAddress(payload)
       {
-         // TODO change the condition because it writes new postal code in edit mode now: !writeNewPostalCode
          this.flag.loading = true;
+
+         // TODO change the condition because it writes new postal code in edit mode now: !writeNewPostalCode
          if ('newPostcode' in payload.newAddress) {
 
             let postcodeBody = payload.newAddress.newPostcode;
@@ -478,38 +470,32 @@ export default {
 
             postPostalCode(postcodeBody)
                .then(postalCode => {
-                  let body = payload.newAddress;
-                  body.postcode = {'id': postalCode.id },
-                     patchAddress(payload.addressId, body)
-                        .then(address => new Promise((resolve, reject) => {
-                           this.entity.address = address;
-                           this.flag.loading = false;
-                           this.flag.success = true;
-                           resolve();
-                        }))
-                        .catch((error) => {
-                           this.errorMsg.push(error);
-                           this.flag.loading = false;
-                        });
-               })
+                  payload.newAddress.postcode = {'id': postalCode.id };
+                  this.patchExistingAddress(payload);
+               });
 
          } else {
-            patchAddress(payload.addressId, payload.newAddress)
-               .then(address => new Promise((resolve, reject) => {
-                  this.entity.address = address;
-                  this.flag.loading = false;
-                  this.flag.success = true;
-                  resolve();
-               }))
-               .catch((error) => {
-                  this.errorMsg.push(error);
-                  this.flag.loading = false;
-               });
+            this.patchExistingAddress(payload);
          }
       },
 
+      patchExistingAddress(payload) {
+         console.log('patchExistingAddress', payload);
+         patchAddress(payload.addressId, payload.newAddress)
+            .then(address => new Promise((resolve, reject) => {
+               this.entity.address = address;
+               this.flag.loading = false;
+               this.flag.success = true;
+               resolve();
+            }))
+            .catch((error) => {
+               this.errorMsg.push(error);
+               this.flag.loading = false;
+            });
+      },
+
       /*
-      *  When submit address
+      *  Method called by parent when submitting address
       *  (get out step1 show pane, submit button)
       */
       submitNewAddress()
@@ -517,92 +503,16 @@ export default {
          let payload = {
             entity: this.context.entity.type,
             entityId: this.context.entity.id,
-            addressId: this.entity.address.address_id,
-            body: {
-               validFrom: {
-                  datetime: `${this.valid.from.toISOString().split('T')[0]}T00:00:00+0100`
-               }
-            },
-            backUrl: this.context.backUrl
-         }
+            addressId: this.entity.address.address_id
+         };
 
-         if ( payload.entity !== 'person' && payload.entity !== 'household' ) {
-
-            // just return payload to parent
-            // (changes will be patched in parent store)
-            this.initForm();
-            this.flag.showPane = false;
-            return payload;
-         }
-
-         console.log('submitNewAddress with', payload);
-         this.addDateToAddressAndAddressTo(payload);
+         console.log('submitNewAddress return', payload);
 
          this.initForm();
          this.flag.showPane = false;
-      },
-
-      addDateToAddressAndAddressTo(payload)
-      {
-         console.log('addDateToAddressAndAddressTo', payload.entity)
-         this.flag.loading = true;
-         return patchAddress(payload.addressId, payload.body)
-            .then(address => new Promise((resolve, reject) => {
-                  this.valid.from = address.validFrom;
-                  resolve();
-               })
-               .then(this.postAddressTo(payload))
-            )
-            .catch((error) => {
-               this.errorMsg.push(error);
-               this.flag.loading = false;
-            });
-      },
-
-      postAddressTo(payload)
-      {
-         console.log('postAddressTo', payload.entity);
-         if (!this.context.edit) {
-            switch (payload.entity) {
-               case 'household':
-                  postAddressToHousehold(payload.entityId, payload.addressId)
-                     .then(household => new Promise((resolve, reject) => {
-                        console.log('postAddressToHousehold', household);
-                        this.flag.loading = false;
-                        this.flag.success = true;
-                        window.location.assign(payload.backUrl);
-                        resolve();
-                     }))
-                     .catch((error) => {
-                        this.errorMsg.push(error);
-                        this.flag.loading = false;
-                     })
-                  ;
-                  break;
-               case 'person':
-                  postAddressToPerson(payload.entityId, payload.addressId)
-                     .then(person => new Promise((resolve, reject) => {
-                        console.log('postAddressToPerson', person);
-                        this.flag.loading = false;
-                        this.flag.success = true;
-                        window.location.assign(payload.backUrl);
-                        resolve();
-                     }))
-                     .catch((error) => {
-                        this.errorMsg.push(error);
-                        this.flag.loading = false;
-                     })
-                  ;
-                  break;
-               default:
-                  this.errorMsg.push('That entity is not managed by address !');
-            }
-         } else {
-            // address is already linked, just finish !
-            window.location.assign(payload.backUrl);
-         }
-      },
 
+         return payload;
+      }
    }
 }
 </script>
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressSelection.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressSelection.vue
index 6f27b5fbf..50a1bd8c1 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressSelection.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/AddressSelection.vue
@@ -97,6 +97,7 @@ export default {
          this.entity.selected.address = value;
          this.entity.selected.address.street = value.street;
          this.entity.selected.address.streetNumber = value.streetNumber;
+         this.entity.selected.writeNew.address = false;
          this.updateMapCenter(value.point);
       },
       listenInputSearch(query) {
@@ -107,6 +108,7 @@ export default {
             let addr = this.splitAddress(this.$data.value.text);
             this.entity.selected.address.street = addr.street;
             this.entity.selected.address.streetNumber = addr.number;
+            this.entity.selected.writeNew.address = true;
          }
       },
       splitAddress(address) {
@@ -136,6 +138,7 @@ export default {
          }
       },
       addAddress() {
+         console.log('addAddress: pass here ?? never, it seems');
          this.entity.selected.writeNew.address = true;
       }
    }
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CitySelection.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CitySelection.vue
index 5bad8ed83..828c3ed96 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CitySelection.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress/CitySelection.vue
@@ -95,11 +95,12 @@ export default {
          this.entity.selected.city = value;
          this.entity.selected.postcode.name = value.name;
          this.entity.selected.postcode.code = value.code;
+         this.entity.selected.writeNew.postcode = false;
          this.$emit('getReferenceAddresses', value);
          this.focusOnAddress();
       },
       listenInputSearch(query) {
-         console.log('listenInputSearch', query, this.isCitySelectorOpen);
+         //console.log('listenInputSearch', query, this.isCitySelectorOpen);
          if (this.isCitySelectorOpen) {
             this.$data.value = { text: query };
          } else if (this.isEnteredCustomCity) {
@@ -108,6 +109,7 @@ export default {
             this.entity.selected.city = city;
             this.entity.selected.postcode.name = city.name;
             this.entity.selected.postcode.code = city.code;
+            this.entity.selected.writeNew.postcode = true;
          }
       },
       splitCity(city) {
@@ -117,7 +119,7 @@ export default {
          if (substr.length === 1) {
             substr = city.split(' ');
          }
-         console.log('substr', substr);
+         //console.log('substr', substr);
          let decimal = [];
          substr.forEach((s, i) => { decimal[i] = /^\d+$/.test(s) });
          if (decimal[0] === true) {
@@ -138,6 +140,7 @@ export default {
          }
       },
       addPostcode() {
+         console.log('addPostcode: pass here ?? never, it seems');
          this.entity.selected.writeNew.postcode = true;
       }
    }
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddressPane.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddressPane.vue
index 738c1ab08..d3894f972 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddressPane.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/ShowAddressPane.vue
@@ -11,7 +11,7 @@
       {{ $t(getSuccessText) }}
    </div>
 
-   <show-address :address="address"></show-address>
+   <address-render-box :address="address"></address-render-box>
 
    <div v-if="showDateFrom" class='address-valid date-since'>
       <h3>{{ $t(getValidFromDateText) }}</h3>
@@ -48,12 +48,12 @@
 
 <script>
 import { dateToISO, ISOToDate, ISOToDatetime } from 'ChillMainAssets/chill/js/date.js';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 
 export default {
    name: 'ShowAddressPane',
    components: {
-      ShowAddress
+      AddressRenderBox
    },
    props: [
       'context',
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/i18n.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/i18n.js
index 2b4b4a9ea..c938ae86d 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/i18n.js
@@ -28,8 +28,8 @@ const addressMessages = {
         create_postal_code: 'Localité inconnue. Cliquez ici pour créer une nouvelle localité',
         postalCode_name: 'Nom',
         postalCode_code: 'Code postal',
-        date: 'Date de la nouvelle adresse',
-        validFrom: 'Date de la nouvelle adresse',
+        date: "Date de la nouvelle adresse",
+        validFrom: "L'adresse est valable à partir du",
         back_to_the_list: 'Retour à la liste',
         loading: 'chargement en cours...',
         address_new_success: 'La nouvelle adresse est enregistrée',
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.js
index 39bbd4cb1..9d1c8adde 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_js/i18n.js
@@ -77,6 +77,7 @@ const messages = {
             man: "Né le",
             woman: "Née le"
          } ,
+         household_without_address: "Le ménage de l'usager est sans adresse",
          no_data: "Aucune information renseignée",
          type: {
             thirdparty: "Tiers",
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig
index 1e2bf713f..ce406286b 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Form/fields.html.twig
@@ -192,3 +192,9 @@
         {% endif %}
     {% endfor %}
 {% endblock %}
+
+{% block comment_widget %}
+    {% for entry in form %}
+        {{ form_widget(entry) }}
+    {% endfor %}
+{% endblock comment_widget %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
index 206e0c5ad..071d0f9a5 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/chillperson.scss
@@ -87,7 +87,6 @@ div.person-view {
    }
 }
 
-
 /*
  *  ACCOMPANYING_COURSE CONTEXT
  *  Header custom for Accompanying Course
@@ -125,7 +124,6 @@ abbr.referrer {
     align-self: center; // in flex context
 }
 
-
 /*
  *  HOUSEHOLD CONTEXT
  *  Header custom for Household
@@ -157,12 +155,19 @@ div.banner {
             span.badge-member {
                 flex-shrink: 0; flex-grow: 0; flex-basis: auto;
                 color: $white;
-                border: 1px solid #ffffff3b;
+                border: 1px solid transparentize($white, 0.75);
+                border-bottom: 3px solid transparentize( shade-color( $chill-green, 20%), 0.3);
                 border-radius: 8px;
-                padding: 0.4em 0.8em;
+                padding: 0.2em 0.7em;
                 margin-bottom: 0.2em;
                 margin-right: 0.3em;
-                &.holder { order: -1; }
+
+                &.holder {
+                    order: -1;
+                    .fa-holder .text-success {
+                        color: transparentize( shade-color( $chill-green, 20%), 0.3) !important;
+                    }
+                }
                 &.child { order: 2; }
             }
         }
@@ -179,3 +184,66 @@ div.banner {
         }
     }
 }
+
+div.household-resume {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    div.col-address {
+        font-size: 120%;
+        padding-left: 1em;
+
+    }
+    div.col-comment {
+        //padding: 0;
+        margin-bottom: 1rem;
+        display: flex;
+        flex-direction: column;
+        > * > * {
+            & >  .chill-user-quote {
+                margin: 1.5em -1.67em 0;
+            }
+        }
+    }
+}
+
+/*
+*  BADGES, MARKS, PINS
+*  for chill person theme
+*/
+
+// chill person badges
+span.badge-person,
+span.badge-thirdparty {
+    display: inline-block;
+    padding: 0 0.5em !important;
+    background-color: $white;
+    color: $dark;
+    border: 1px solid $chill-ll-gray;
+    border-bottom-width: 2px;
+    border-bottom-style: solid;
+    border-radius: 6px;
+    a {
+        text-decoration: none;
+    }
+}
+span.badge-person {
+    border-bottom-color: $chill-green;
+}
+// todo: move in thirdparty
+span.badge-thirdparty {
+    border-bottom-color: shade-color($chill-pink, 10%);
+}
+
+// household holder mark
+span.fa-holder {
+    width: 1em;
+    margin: -10px 0.3em -8px 0;
+    i:last-child {
+        font-weight: 900;
+        color: white;
+        font-size: 70%;
+        font-family: "Open Sans Extrabold";
+    }
+}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss
index 2c3eefa2d..1aa1c214b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/render_box.scss
@@ -26,26 +26,3 @@
         }
     }
 }
-
-// specific chill badges
-span.badge-person,
-span.badge-thirdparty {
-    display: inline-block;
-    padding: 0 0.5em !important;
-    background-color: $white;
-    color: $dark;
-    border: 1px solid $chill-ll-gray;
-    border-bottom-width: 2px;
-    border-bottom-style: solid;
-    border-radius: 6px;
-    a {
-        text-decoration: none;
-    }
-}
-span.badge-person {
-    border-bottom-color: $chill-green;
-}
-// todo: move in thirdparty
-span.badge-thirdparty {
-    border-bottom-color: shade-color($chill-pink, 10%);
-}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
index 34a240f2e..f4f2f1c78 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/ButtonLocation.vue
@@ -13,7 +13,7 @@
             <h2 class="modal-title">{{ $t('courselocation.sure') }}</h2>
          </template>
          <template v-slot:body>
-            <show-address :address="person.current_household_address"></show-address>
+            <address-render-box :address="person.current_household_address"></address-render-box>
             <p>{{ $t('courselocation.sure_description') }}</p>
          </template>
          <template v-slot:footer>
@@ -28,12 +28,12 @@
 <script>
 import {mapState} from "vuex";
 import Modal from 'ChillMainAssets/vuejs/_components/Modal';
-import ShowAddress from "ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue";
+import AddressRenderBox from "ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue";
 
 export default {
    name: "ButtonLocation",
    components: {
-      ShowAddress,
+      AddressRenderBox,
       Modal,
    },
    props: ['person'],
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
index 790af303d..8538db3bc 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/CourseLocation.vue
@@ -17,9 +17,9 @@
 
       <div class="flex-table" v-if="accompanyingCourse.location">
          <div class="item-bloc">
-            <show-address
+            <address-render-box
                :address="accompanyingCourse.location">
-            </show-address>
+            </address-render-box>
 
             <div v-if="isPersonLocation" class="alert alert-secondary separator">
                <label class="col-form-label">
@@ -63,13 +63,13 @@
 <script>
 import { mapState } from "vuex";
 import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 
 export default {
    name: "CourseLocation",
    components: {
       AddAddress,
-      ShowAddress
+      AddressRenderBox
    },
    data() {
       return {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
index 13294b232..79a9df5a6 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated.vue
@@ -2,16 +2,44 @@
 <div class="vue-component">
    <h2><a name="section-10"></a>{{ $t('persons_associated.title')}}</h2>
 
-   <div v-if="participations.length > 0">
+   <div v-if="currentParticipations.length > 0">
       <label class="col-form-label">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
    <div v-else>
       <label class="chill-no-data-statement">{{ $tc('persons_associated.counter', counter) }}</label>
    </div>
 
+   <div v-if="participationWithoutHousehold.length > 0" class="alert alert-warning no-household">
+      <i class="fa fa-warning fa-2x"></i>
+      <form method="GET" action="/fr/person/household/members/editor">
+         <div class="float-button bottom"><div class="box">
+            <div class="action">
+               <button class="btn btn-update" type="submit">{{ $t('persons_associated.update_household') }}</button>
+            </div>
+            <p class="mb-3">{{ $t('persons_associated.person_without_household_warning') }}</p>
+            <div class="form-check" v-for="p in participationWithoutHousehold">
+               <input type="checkbox"
+                  class="form-check-input"
+                  v-model="hasNoHousehold"
+                  name="persons[]"
+                  checked="checked"
+                  :id="p.person.id"
+                  :value="p.person.id"
+               />
+               <label class="form-check-label" for="hasNoHousehold">
+                  {{ p.person.text }}
+               </label>
+            </div>
+            <input type="hidden" name="expand_suggestions" value="true">
+            <input type="hidden" name="returnPath" :value="getReturnPath">
+            <input type="hidden" name="accompanying_period_id" :value="courseId">
+         </div></div>
+      </form>
+   </div>
+
    <div class="flex-table mb-3">
       <participation-item
-         v-for="participation in participations"
+         v-for="participation in currentParticipations"
          v-bind:participation="participation"
          v-bind:key="participation.id"
          @remove="removeParticipation"
@@ -56,10 +84,24 @@ export default {
          }
       }
    },
-   computed: mapState({
-      participations: state => state.accompanyingCourse.participations,
-      counter: state => state.accompanyingCourse.participations.length
-   }),
+   computed: {
+      ...mapState({
+         courseId: state => state.accompanyingCourse.id,
+         participations: state => state.accompanyingCourse.participations
+      }),
+      currentParticipations() {
+         return this.participations.filter(p => p.endDate === null)
+      },
+      counter() {
+         return this.currentParticipations.length;
+      },
+      participationWithoutHousehold() {
+         return this.currentParticipations.filter(p => p.person.current_household_id === null);
+      },
+      getReturnPath() {
+         return window.location.pathname + window.location.search + window.location.hash;
+      }
+   },
    methods: {
       removeParticipation(item) {
         //console.log('@@ CLICK remove participation: item', item);
@@ -81,3 +123,30 @@ export default {
    }
 }
 </script>
+<style lang="scss" scoped>
+div#accompanying-course {
+   div.vue-component {
+      & > div.alert {
+         margin: 0 0 -1em;
+      }
+      div.no-household {
+         padding-bottom: 1.5em;
+         display: flex;
+         flex-direction: row;
+         & > i {
+            flex-basis: 1.5em; flex-grow: 0; flex-shrink: 0;
+            padding-top: 0.2em;
+            opacity: 0.75;
+         }
+         & > form {
+            flex-basis: auto;
+            div.action {
+               button.btn-update {
+                  margin-right: 2em;
+               }
+            }
+         }
+      }
+   }
+}
+</style>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
index ce6a20bb6..71e0ccd6b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/PersonsAssociated/ParticipationItem.vue
@@ -5,11 +5,13 @@
                addId : false,
                addEntity: false,
                addLink: false,
+               addHouseholdLink: true,
                addAltNames: true,
                addAge : false,
                hLevel : 3,
             }"
-      :person="participation.person">
+      :person="participation.person"
+      :returnPath="getAccompanyingCourseReturnPath">
 
       <template v-slot:record-actions>
          <ul class="record_actions">
@@ -40,34 +42,54 @@
             <li>
                <button v-if="!participation.endDate"
                   class="btn btn-sm btn-remove"
-                  v-bind:title="$t('action.remove')"
-                  @click.prevent="$emit('close', participation)">
+                  v-bind:title="$t('persons_associated.leave_course')"
+                       @click="modal.showModal = true">
                </button>
-               <button v-else
-                  class="btn btn-sm btn-remove disabled"></button>
             </li>
          </ul>
 
       </template>
    </person-render-box>
+
+   <teleport to="body">
+      <modal v-if="modal.showModal" :modalDialogClass="modal.modalDialogClass" @close="modal.showModal = false">
+         <template v-slot:header>
+            <h2 class="modal-title">{{ $t('persons_associated.sure') }}</h2>
+         </template>
+         <template v-slot:body>
+            <p>{{ $t('persons_associated.sure_description') }}</p>
+         </template>
+         <template v-slot:footer>
+            <button class="btn btn-danger" @click.prevent="$emit('close', participation)">
+               {{ $t('persons_associated.ok') }}
+            </button>
+         </template>
+      </modal>
+   </teleport>
 </template>
 
 <script>
 import OnTheFly from 'ChillMainAssets/vuejs/_components/OnTheFly.vue';
 import ButtonLocation from '../ButtonLocation.vue';
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
+import Modal from 'ChillMainAssets/vuejs/_components/Modal';
 
 export default {
    name: 'ParticipationItem',
    components: {
       OnTheFly,
       ButtonLocation,
-      PersonRenderBox
+      PersonRenderBox,
+      Modal
    },
    props: ['participation'],
    emits: ['remove', 'close'],
    data() {
       return {
+         modal: {
+            showModal: false,
+            modalDialogClass: "modal-dialog-centered modal-md"
+         },
          PersonRenderBox: {
             participation: 'participation',
             options: {
@@ -86,6 +108,9 @@ export default {
             return true;
          }
          return false;
+      },
+      getAccompanyingCourseReturnPath() {
+         return `fr/parcours/${this.$store.state.accompanyingCourse.id}/edit#section-10`;
       }
    }
 }
@@ -93,10 +118,7 @@ export default {
 /*
  *  dates of participation
  *
- *   :title="$t('persons_associated.date_start_to_end', {
- *      start: $d(participation.startDate.datetime, 'short'),
- *      end: $d(participation.endDate.datetime, 'short')
- *   })"
+ *
  *
  *   <tr>
  *      <td><span v-if="participation.startDate">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
index d6954c3d4..d7c01a174 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/js/i18n.js
@@ -42,6 +42,14 @@ const appMessages = {
          enddate: "Date de sortie",
          add_persons: "Ajouter des usagers",
          date_start_to_end: "Participation du {start} au {end}",
+         leave_course: "L'usager quitte le parcours",
+         sure: "Êtes-vous sûr ?",
+         sure_description: "Une fois confirmé, il ne sera pas possible de faire marche arrière ! La sortie reste cependant consignée dans l'historique du parcours.",
+         ok: "Oui, l'usager quitte le parcours",
+         show_household_number: "Voir le ménage (n° {id})",
+         show_household: "Voir le ménage",
+         person_without_household_warning: "Certaines personnes n'appartiennent à aucun ménage actuellement. Renseignez leur appartenance à un ménage dès que possible.",
+         update_household: "Modifier l'appartenance",
       },
       requestor: {
          title: "Demandeur",
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
index 2623509a7..b6333b426 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue
@@ -35,7 +35,7 @@
         <ul>
           <li v-for="p in personsReachables" :key="p.id">
             <input type="checkbox" :value="p.id" v-model="personsPicked">
-            <person-render-box render="badge" :person="p"></person-render-box>
+            <person-render-box render="badge" :options="{}" :person="p"></person-render-box>
           </li>
         </ul>
       </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
index 1dbc9e6d8..c99685680 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
@@ -122,7 +122,7 @@
          <ul>
             <li v-for="p in personsReachables" :key="p.id">
                <input v-model="personsPicked" :value="p.id" type="checkbox">
-               <person-render-box render="badge" :person="p"></person-render-box>
+               <person-render-box render="badge" :options="{}" :person="p"></person-render-box>
             </li>
          </ul>
       </div>
@@ -150,7 +150,7 @@
          </div>
          <div v-else>
             <p>{{ handlingThirdParty.text }}</p>
-            <show-address :address="handlingThirdParty.address"></show-address>
+            <address-render-box :address="handlingThirdParty.address"></address-render-box>
 
             <ul class="record_actions">
                <li>
@@ -173,7 +173,7 @@
             <ul>
                <li v-for="t in thirdParties">
                   <p>{{ t.text }}</p>
-                  <show-address :address="t.address"></show-address>
+                  <address-render-box :address="t.address"></address-render-box>
 
                   <ul class="record_actions">
                      <button :title="$t('remove_thirdparty')" class="btn btn-remove"
@@ -231,7 +231,7 @@ import AddResult from './components/AddResult.vue';
 import AddEvaluation from './components/AddEvaluation.vue';
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 
 const i18n = {
    messages: {
@@ -275,7 +275,7 @@ export default {
       AddEvaluation,
       AddPersons,
       PersonRenderBox,
-      ShowAddress,
+      AddressRenderBox,
    },
    i18n,
    data() {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue
index 5ae594c8d..b8ca3be30 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Concerned.vue
@@ -25,7 +25,7 @@
         <div class="item-row">
           <div class="item-col">
             <div>
-              <person-render-box render="badge" :person="conc.person"></person-render-box>
+              <person-render-box render="badge" :options="{}" :person="conc.person"></person-render-box>
             </div>
             <div v-if="conc.person.birthdate !== null">
               {{ $t('person.born', {'gender': conc.person.gender} ) }}
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
index cf6d8adeb..ba77e2e18 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/Household.vue
@@ -13,7 +13,7 @@
 
       <div v-if="filterAddressesSuggestion.length > 0" class="flex-table householdAddressSuggestionList">
         <div v-for="a in filterAddressesSuggestion" class="item-bloc">
-          <show-address :address="a"></show-address>
+          <address-render-box :address="a"></address-render-box>
            <ul class="record_actions">
               <li>
                   <button class="btn btn-action" @click="setHouseholdAddress(a)">
@@ -125,14 +125,14 @@
 <script>
 import { mapGetters, mapState } from 'vuex';
 import HouseholdRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/HouseholdRenderBox.vue';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 import AddAddress from 'ChillMainAssets/vuejs/Address/components/AddAddress.vue';
 
 export default {
   name: 'Household',
   components: {
     HouseholdRenderBox,
-    ShowAddress,
+    AddressRenderBox,
     AddAddress,
   },
   data() {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
index 99f92aaf1..687fc7b9f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/HouseholdMembersEditor/components/MemberDetails.vue
@@ -3,7 +3,7 @@
     <div class="item-row">
       <div class="item-col">
         <div>
-          <person-render-box render="badge" :person="conc.person"></person-render-box>
+          <person-render-box render="badge" :options="{}" :person="conc.person"></person-render-box>
           <span v-if="isHolder" class="badge bg-primary holder">
             {{ $t('household_members_editor.holder') }}
           </span>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
deleted file mode 100644
index 8334f6263..000000000
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/AddressRenderBox.vue
+++ /dev/null
@@ -1,48 +0,0 @@
-// CURRENTLY NOT IN USE
-
-<template>
-
-        <li v-if="address" class="chill-entity entity-address">
-            <i v-if="options.with_picto == true" class="fa fa-fw fa-map-marker"></i>
-            <span v-if="options.render == 'list' || options.render == 'list'" :class="'address ' + {'multiline' : options.multiline === true}">
-                
-                    
-                    <!-- if address.street is not empty -->
-                    <p v-if="address.street" class="street">{{ address.street }}
-                        <!-- if address.streetNumber is not empty -->
-                        <span v-if="address.streetNumber" class="streetnumber">{{ address.streetNumber }}</span>
-                    </p>
-
-                        <!-- if options['extended_infos'] -->
-                        <div v-if="options.extended_infos == true">
-                            <span v-if="address.floor" class="floor">{{ address.floor }}</span>
-                            <span v-if="address.corridor" class="corridor">{{ address.corridor }}</span>
-                            <span v-if="address.steps" class="steps">{{ address.steps }}</span>
-                            <span v-if="address.buildingName" class="buildingName">{{ address.buildingName }}</span>
-                            <span v-if="address.flat" class="flat">{{ address.flat }}</span>
-                            <span v-if="address.distribution" class="distribution">{{ address.distribution }}</span>
-                            <span v-if="address.extra" class="extra">{{ address.extra }}</span>
-                        </div>
-
-                    <!-- if address.postCode is not empty -->
-                    <div v-if="address.postCode">
-                        <p class="postcode">
-                            <span class="code">{{ address.postCode.code }}</span>
-                            <span class="name">{{ address.postCode.name }}</span>
-                        </p>
-                        <p class="country">{{ address.postCode.country.name }}</p>
-                    </div>
-                
-            </span>
-        </li> 
-
-</template>
-
-<script>
-
-export default{
-    name: "AddressRenderBox",
-    props: ['address', 'options']
-}
-
-</script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
index 694dc8440..c15938c4f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/HouseholdRenderBox.vue
@@ -35,7 +35,7 @@
 
                <!-- address part -->
                <li v-if="hasAddress()">
-                  <show-address :address="household.current_address" :isMultiline="isMultiline"></show-address>
+                  <address-render-box :address="household.current_address" :isMultiline="isMultiline"></address-render-box>
                </li>
                <li v-else>
                   <span class="chill-no-data-statement">{{ $t('no_current_address') }}</span>
@@ -49,7 +49,7 @@
 
 <script>
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 
 const i18n = {
   "messages": {
@@ -69,7 +69,7 @@ export default {
   props: ['household', 'isAddressMultiline'],
   components: {
     PersonRenderBox,
-    ShowAddress,
+    AddressRenderBox,
   },
   i18n,
    computed: {
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
index bc0757574..249162b87 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/Entity/PersonRenderBox.vue
@@ -41,47 +41,67 @@
         </div>
 
         <div class="item-col">
-            <ul class="list-content fa-ul">
+           <div class="float-button bottom">
+              <div class="box">
+                 <div class="action">
+                    <slot name="record-actions"></slot>
+                 </div>
+                 <ul class="list-content fa-ul">
 
-                <li v-if="person.current_household_address">
-                    <i class="fa fa-li fa-map-marker"></i>
-                    <show-address :address="person.current_household_address" :isMultiline="isMultiline"></show-address>
-                </li>
-                <li v-else-if="options.addNoData">
-                    <i class="fa fa-li fa-map-marker"></i>
-                    <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
-                </li>
+                    <li v-if="person.current_household_id">
+                       <i class="fa fa-li fa-map-marker"></i>
+                       <address-render-box v-if="person.current_household_address"
+                         :address="person.current_household_address"
+                         :isMultiline="isMultiline">
+                       </address-render-box>
+                       <p v-else class="chill-no-data-statement">
+                          {{ $t('renderbox.household_without_address') }}
+                       </p>
+                       <a v-if="options.addHouseholdLink === true"
+                          :href="getCurrentHouseholdUrl"
+                          :title="$t('persons_associated.show_household_number', {id: person.current_household_id})">
+                          <span class="badge rounded-pill bg-chill-beige">
+                             <i class="fa fa-fw fa-home"></i><!--{{ $t('persons_associated.show_household') }}-->
+                          </span>
+                       </a>
+                    </li>
+                    <li v-else-if="options.addNoData">
+                       <i class="fa fa-li fa-map-marker"></i>
+                       <p class="chill-no-data-statement">
+                          {{ $t('renderbox.no_data') }}
+                       </p>
+                    </li>
 
-                <li v-if="person.mobilenumber">
-                    <i class="fa fa-li fa-mobile"></i>
-                    <a :href="'tel: ' + person.mobilenumber">{{ person.mobilenumber }}</a>
-                </li>
-                <li v-else-if="options.addNoData">
-                    <i class="fa fa-li fa-mobile"></i>
-                    <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
-                </li>
-                <li v-if="person.phonenumber">
-                    <i class="fa fa-li fa-phone"></i>
-                    <a :href="'tel: ' + person.phonenumber">{{ person.phonenumber }}</a>
-                </li>
-                <li v-else-if="options.addNoData">
-                    <i class="fa fa-li fa-phone"></i>
-                    <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
-                </li>
+                    <li v-if="person.mobilenumber">
+                       <i class="fa fa-li fa-mobile"></i>
+                       <a :href="'tel: ' + person.mobilenumber">{{ person.mobilenumber }}</a>
+                    </li>
+                    <li v-else-if="options.addNoData">
+                       <i class="fa fa-li fa-mobile"></i>
+                       <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
+                    </li>
+                    <li v-if="person.phonenumber">
+                       <i class="fa fa-li fa-phone"></i>
+                       <a :href="'tel: ' + person.phonenumber">{{ person.phonenumber }}</a>
+                    </li>
+                    <li v-else-if="options.addNoData">
+                       <i class="fa fa-li fa-phone"></i>
+                       <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
+                    </li>
 
-                <li v-if="person.center && options.addCenter">
-                    <i class="fa fa-li fa-long-arrow-right"></i>
-                    {{ person.center.name }}
-                </li>
-                <li v-else-if="options.addNoData">
-                    <i class="fa fa-li fa-long-arrow-right"></i>
-                    <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
-                </li>
-                <slot name="custom-zone"></slot>
+                    <li v-if="person.center && options.addCenter">
+                       <i class="fa fa-li fa-long-arrow-right"></i>
+                       {{ person.center.name }}
+                    </li>
+                    <li v-else-if="options.addNoData">
+                       <i class="fa fa-li fa-long-arrow-right"></i>
+                       <p class="chill-no-data-statement">{{ $t('renderbox.no_data') }}</p>
+                    </li>
+                    <slot name="custom-zone"></slot>
 
-            </ul>
-
-            <slot name="record-actions"></slot>
+                 </ul>
+              </div>
+           </div>
         </div>
 
       </div>
@@ -109,14 +129,14 @@
 
 <script>
 import {dateToISO} from 'ChillMainAssets/chill/js/date.js';
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 
 export default {
     name: "PersonRenderBox",
     components: {
-        ShowAddress
+        AddressRenderBox
     },
-    props: ['person', 'options', 'render'],
+    props: ['person', 'options', 'render', 'returnPath'],
     computed: {
         getGender: function() {
             return this.person.gender == 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
@@ -153,6 +173,10 @@ export default {
         },
         getUrl() {
            return `/fr/person/${this.person.id}/general`;
+        },
+        getCurrentHouseholdUrl() {
+           let returnPath = this.returnPath ? `?returnPath=${this.returnPath}` : ``;
+           return `/fr/person/household/${this.person.current_household_id}/summary${returnPath}`
         }
     }
 }
@@ -160,17 +184,6 @@ export default {
 
 <style lang='scss'>
 
-span.fa-holder {
-   width: 1em;
-   margin: -10px 0.3em -8px 0;
-   i:last-child {
-      font-weight: 900;
-      color: white;
-      font-size: 70%;
-      font-family: "Open Sans Extrabold";
-   }
-}
-
 .lastname:before{
     content: " "
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Address/_insert_vue_address.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Address/_insert_vue_address.html.twig
index 8038257d6..e235aae15 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Address/_insert_vue_address.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Address/_insert_vue_address.html.twig
@@ -9,6 +9,9 @@
     * modalTitle    twig translated chain
     * buttonText    twig translated chain
     * buttonSize    bootstrap class like 'btn-sm'
+    * buttonDisplayText     bool
+    * binModalStep1         bool
+    * binModalStep2         bool
 
 #}
 <div id="address"></div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Entity/person.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Entity/person.html.twig
index 8a9cc4e5d..f60b7dc9e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Entity/person.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Entity/person.html.twig
@@ -16,6 +16,10 @@
         'replace'   Twig\Markup,
         'after'     Twig\Markup
     ]
+    * customArea [
+        'beforeLabel'   Twig\Markup,
+        'afterLabel'    Twig\Markup,
+    ]
 #}
 
 {% macro raw(person, options) %}
@@ -37,11 +41,22 @@
         <div class="denomination {{ 'h' ~ options['hLevel'] }}">
             {%- if options['addLink'] and is_granted('CHILL_PERSON_SEE', person) -%}
                 <a href="{{ chill_path_add_return_path('chill_person_view', { 'person_id': person.id }) }}">
-                    {{ _self.raw(person, options) }}
-                </a>
-            {%- else -%}
-                {{ _self.raw(person, options) }}
             {%- endif -%}
+
+                {% if options['customArea']['beforeLabel'] is defined %}
+                    {{ options['customArea']['beforeLabel'] }}
+                {% endif %}
+
+                {{ _self.raw(person, options) }}
+
+                {% if options['customArea']['afterLabel'] is defined %}
+                    {{ options['customArea']['afterLabel'] }}
+                {% endif %}
+
+            {%- if options['addLink'] and is_granted('CHILL_PERSON_SEE', person) -%}
+                </a>
+            {%- endif -%}
+
             {%- if options['addEntity'] -%}
                 <span class="badge rounded-pill bg-secondary">{{ 'Person'|trans }}</span>
             {%- endif -%}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/Member/edit.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/Member/edit.html.twig
index 85fee6ec9..ac712264a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/Member/edit.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/Member/edit.html.twig
@@ -4,7 +4,8 @@
 
 {% block content %}
 
-<h1>{{ block('title') }}</h1>
+<h1>{{ member.person|chill_entity_render_string }}</h1>
+<h2 class="mb-5">{{ 'household.Edit his household'|trans }}</h2>
 
 {{ form_start(form) }}
 {{ form_widget(form) }}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig
new file mode 100644
index 000000000..5b41a15e3
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/_render_member.html.twig
@@ -0,0 +1,65 @@
+{% macro addHolder(holder) %}
+    {% if holder %}
+        <span class="fa-stack fa-holder" title="{{ 'household.holder'|trans }}">
+            <i class="fa fa-circle fa-stack-1x text-success"></i>
+            <i class="fa fa-stack-1x">T</i>
+        </span>
+    {% endif %}
+{% endmacro %}
+
+<div class="item-bloc">
+    <div class="item-row">
+        <div class="item-col" style="flex-basis: 30%;">
+            {{ member.person|chill_entity_render_box({
+                'render': 'label',
+                'addLink': true,
+                'addInfo': true,
+                'customArea': {
+                    'afterLabel': _self.addHolder(member.holder)
+                }
+            }) }}
+        </div>
+        <div class="item-col">
+            <div class="float-button top"><div class="box">
+
+                    <div class="action">
+                        <ul class="record_actions">
+
+                            {% if customButtons['before'] is defined %}
+                                {{ customButtons['before'] }}
+                            {% endif %}
+
+                            <li>
+                                <a  class="btn btn-sm btn-edit"
+                                    title="{{ 'household.Edit member household'|trans }}"
+                                    href="{{ chill_path_add_return_path('chill_person_household_member_edit', { 'id': member.id }) }}"></a>
+                            </li>
+
+                            {% if customButtons['after'] is defined %}
+                                {{ customButtons['after'] }}
+                            {% endif %}
+
+                        </ul>
+                    </div>
+
+                    <ul class="list-content fa-ul small ms-0">
+                    {% if member.startDate is not empty %}
+                        <li><i class="fa fa-long-arrow-right"></i>
+                            {{ 'Since %date%'|trans({'%date%': member.startDate|format_date('short') }) }}</li>
+                    {% endif %}
+                    {% if member.endDate is not empty %}
+                        <li><i class="fa fa-long-arrow-right"></i>
+                            {{ 'Until %date%'|trans({'%date%': member.endDate|format_date('short') }) }}</li>
+                    {% endif %}
+                    </ul>
+
+                    {% if member.comment is not empty %}
+                        <blockquote class="chill-user-quote ms-0 mb-0" style="clear: right">
+                            {{ member.comment|chill_markdown_to_html }}
+                        </blockquote>
+                    {% endif %}
+
+                </div></div>
+        </div>
+    </div>
+</div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
index 7d358de80..f5348e6be 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/banner.html.twig
@@ -24,12 +24,15 @@
                                 <span
                                     class="badge-member{%- if m.holder %} holder{% endif -%}{%- if m.position.ordering >= 2 %} child{% endif -%}"
                                     title="{{ m.position.label.fr }}">
-                                    {%- if m.holder %}
-                                        <span class="badge bg-chill-light-gray text-chill-gray">
-                                        {{ 'household.holder'|trans }}
-                                    </span>
-                                    {% endif -%}
-                                    {{- m.person|chill_entity_render_box({'addLink': false}) -}}
+                                    <a href="{{ path('chill_person_view', { person_id: m.person.id}) }}">
+                                        {%- if m.holder %}
+                                            <span class="fa-stack fa-holder" title="{{ 'household.holder'|trans }}">
+                                                <i class="fa fa-circle fa-stack-1x text-success"></i>
+                                                <i class="fa fa-stack-1x">T</i>
+                                            </span>
+                                        {% endif -%}
+                                        {{- m.person|chill_entity_render_box() -}}
+                                    </a>
                                 </span>
                             {%- endfor -%}
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/layout.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/layout.html.twig
index d97de654f..0bd208e7a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/layout.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/layout.html.twig
@@ -17,4 +17,8 @@
         'layout': '@ChillPerson/menu.html.twig',
         'args' : { 'household': household }
     }) }}
+
+    {% block block_post_menu %}
+    {% endblock %}
+
 {% endblock %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
index a65867fb9..301054666 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/members_editor.html.twig
@@ -22,5 +22,6 @@
 {% endblock %}
 
 {% block css %}
-  {{ encore_entry_link_tags('vue_household_members_editor') }}
+    {{ parent() }}
+    {{ encore_entry_link_tags('vue_household_members_editor') }}
 {% endblock %}
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
index 933032426..9b553f0f0 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/Household/summary.html.twig
@@ -2,213 +2,195 @@
 
 {% block title 'household.Household summary'|trans %}
 
+{% block block_post_menu %}
+    <div class="block-post-menu"></div>
+{% endblock %}
+
 {% block content %}
 <div class="household-summary">
 
-<h1>{{ block('title') }}</h1>
+    {#
+    <h1>{{ block('title') }}</h1>
+    <h2>{{ 'household.Current address'|trans }}</h2>
+     #}
 
-<h2>{{ 'household.Current address'|trans }}</h2>
+    {% set address = household.currentAddress %}
 
-{% set address = household.currentAddress %}
-
-{% if address is empty %}
-<p class="chill-no-data-statement">{{ 'household.Household does not have any address currently'|trans }}</p>
-{% else %}
-<div>
-  {{ address|chill_entity_render_box({'multiline': true}) }}
-</div>
-{% endif %}
-
-<h2>{{ 'household.Household members'|trans }}</h2>
-
-{% if form is not null %}
-  {{ form_start(form) }}
-
-  {{ form_row(form.commentMembers) }}
-
-  <div id="waitingForBirthContainer">
-  {{ form_row(form.waitingForBirth) }}
-  </div>
-
-  <div id="waitingForBirthDateContainer">
-  {{ form_row(form.waitingForBirthDate) }}
-  </div>
-
-  <ul class="record_actions">
-    <li>
-      <button type="submit" class="btn btn-save">
-        {{ 'Save'|trans }}
-      </button>
-    </li>
-  </ul>
-
-  {{ form_end(form) }}
-{% else %}
-
-  {% if not household.commentMembers.isEmpty() %}
-      {{ household.commentMembers|chill_entity_render_box }}
-  {% endif %}
-
-  {% if household.waitingForBirth %}
-    {% if household.waitingForBirthDate is not null %}
-    {{ 'household.Expecting for birth on date'|trans({ 'date': household.waitingForBirthDate|format_date('long') }) }}
+    {% if address is empty %}
+        <p class="chill-no-data-statement">{{ 'household.Household does not have any address currently'|trans }}</p>
     {% else %}
-    {{ 'household.Expecting for birth'|trans }}
-    {% endif %}
-  {% else %}
-    <p class="chill-no-data-statement">
-      {{ 'household.Any expecting birth'|trans }}
-    </p>
-  {% endif %}
+        <div class="row household-resume">
 
-  <ul class="record_actions">
-    <li>
-      <a href="{{ chill_path_add_return_path('chill_person_household_summary', { 'household_id': household.id, 'edit': 1 }) }}"
-        class="btn btn-edit">
-        {{ 'household.Comment and expecting birth'|trans }}
-      </a>
-    </li>
-  </ul>
+            <div class="item-bloc col-5 col-address">
 
-{% endif %}
+                <h2>{{ 'Address'|trans }}</h2>
 
+                {{ address|chill_entity_render_box({'multiline': true}) }}
 
-{% for p in positions %}
-  <h3>{{ p.label|localize_translatable_string }}</h3>
+                <ul class="list-inline text-right mt-2">
+                    <li class="list-inline-item">
+                        {# include vue_address component #}
+                        {% include '@ChillPerson/Address/_insert_vue_address.html.twig' with {
+                            mode: 'create',
+                            buttonSize: 'btn-sm',
+                            buttonText: 'Move household',
+                            modalTitle: 'Move household',
+                            buttonDisplayText: false
+                        } %}
+                    </li>
+                    <li class="list-inline-item">
+                        <a class="btn btn-secondary btn-sm" title="{{ "Addresses history"|trans }}"
+                           href="{{ path('chill_person_household_addresses', { 'household_id': household.id } ) }}">
+                            <i class="fa fa-list fa-fw"></i>
+                        </a>
+                    </li>
+                </ul>
 
-  {% if false == p.shareHousehold %}
-    <p>{{ 'household.Those members does not share address'|trans }}</p>
-  {% endif %}
-
-  {%- set members = household.currentMembersByPosition(p) %}
-  {% if members|length > 0 %}
-    <div class="flex-table list-household-members">
-      {% for m in members %}
-        <div class="item-bloc">
-          <div class="item-row">
-            <div class="item-col">
-              <div>
-                {{ m.person|chill_entity_render_box({'addLink': true}) }}
-                {% if m.holder %}
-                  <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
-                {% endif %}
-              </div>
-              <div>
-                {{ 'Born the date'|trans({ 'gender': m.person.gender, 'birthdate': m.person.birthdate|format_date('long') }) }}
-              </div>
             </div>
-            <div class="item-col">
-              <ul class="list-content fa-ul">
-                {% if m.startDate is not empty %}
-                  <li>{{ 'Since %date%'|trans({'%date%': m.startDate|format_date('long') }) }}</li>
+            <div class="item-bloc col-7 col-comment">
+                {% if form is null %}
+
+                    {% if household.waitingForBirth or not household.commentMembers.isEmpty() %}
+                        <div class="p-4 bg-light">
+                            {% if household.waitingForBirth %}
+                                <i class="fa fa-check-square-o pe-2"></i>
+                                {% if household.waitingForBirthDate is not null %}
+                                    {{ 'household.Expecting for birth on date'|trans({ 'date': household.waitingForBirthDate|format_date('long') }) }}
+                                {% else %}
+                                    {{ 'household.Expecting for birth'|trans }}
+                                {% endif %}
+                            {% endif %}
+
+                            {% if not household.commentMembers.isEmpty() %}
+                                {{ household.commentMembers|chill_entity_render_box }}
+                            {% endif %}
+                        </div>
+                    {% endif %}
+
+                    {% if not household.commentMembers.isEmpty() %}
+                        <a href="{{ chill_path_add_return_path('chill_person_household_summary', { 'household_id': household.id, 'edit': 1 }) }}"
+                           class="btn btn-edit btn-block">
+                            {{ 'household.Edit comment and expecting birth'|trans }}
+                        </a>
+                    {% else %}
+                        <a href="{{ chill_path_add_return_path('chill_person_household_summary', { 'household_id': household.id, 'edit': 1 }) }}"
+                           class="btn btn-create btn-block">
+                            {{ 'household.New comment and expecting birth'|trans }}
+                        </a>
+                    {% endif %}
+
+                {% else %}
+
+                    {{ form_start(form) }}
+                    <div id="waitingForBirthContainer">
+                        {{ form_widget(form.waitingForBirth) }}
+                    </div>
+                    <div id="waitingForBirthDateContainer">
+                        {{ form_widget(form.waitingForBirthDate) }}
+                    </div>
+                    <div class="mt-3">
+                        {{ form_widget(form.commentMembers) }}
+                    </div>
+                    <ul class="record_actions">
+                        <li>
+                            <button type="submit" class="btn btn-save">
+                                {{ 'Save'|trans }}
+                            </button>
+                        </li>
+                    </ul>
+                    {{ form_end(form) }}
+
                 {% endif %}
-                {% if m.endDate is not empty %}
-                  <li>{{ 'Until %date%'|trans({'%date%': m.endDate|format_date('long') }) }}</li>
-                {% endif %}
-              </ul>
-              <ul class="record_actions">
-                <li>
-                    <a href="{{ chill_path_add_return_path('chill_person_household_member_edit', { 'id': m.id }) }}"
-                        class="btn btn-edit" />
-                        {{ 'household.Update membership'|trans }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'persons': [ m.person.id ], 'household': household.id} ) }}"
-                        class="btn btn-misc" />
-                        <i class="fa fa-arrows-h"></i>
-                        {{ 'household.Change position'|trans }}
-                    </a>
-                </li>
-                <li>
-                    <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'persons': [ m.person.id ], 'allow_leave_without_household': true } ) }}"
-                        class="btn btn-misc" />
-                        <i class="fa fa-sign-out"></i>
-                        {{ 'household.Leave'|trans }}
-                    </a>
-                </li>
-              </ul>
+
             </div>
-          </div>
-          {% if m.comment is not empty %}
-            <div class="item-row comment">
-              <blockquote class="chill-user-quote">
-                {{ m.comment|chill_markdown_to_html }}
-              </blockquote>
-            </div>
-          {% endif %}
         </div>
-      {% endfor %}
-    </div>
-  {% else %}
-  <p class="chill-no-data-statement">{{ 'household.Any persons into this position'|trans }}</p>
-  {% endif %}
+    {% endif %}
 
-  {% set members = household.nonCurrentMembersByPosition(p) %}
-  {% if members|length > 0 %}
-    <p><!-- force a space after table --></p>
-    <button class="btn btn-green" type="button" data-bs-toggle="collapse" data-bs-target="#nonCurrent_{{ p.id }}" aria-expanded="false" aria-controls="collapse non current members">
-      {{ 'household.Show future or past memberships'|trans({'length': members|length}) }}
-    </button>
+    <h2 class="my-5">{{ 'household.Household members'|trans }}</h2>
 
-    <div id="nonCurrent_{{ p.id }}" class="collapse">
-      <div class="flex-table list-household-members">
-        {% for m in members %}
-          <div class="item-bloc">
-            <div class="item-row">
-              <div class="item-col">
-                <div>
-                  {{ m.person|chill_entity_render_box({'addLink': true}) }}
-                  {% if m.holder %}
-                    <span class="badge bg-primary">{{ 'household.holder'|trans }}</span>
-                  {% endif %}
+    {% for p in positions %}
+    <div class="mb-5">
+      <h3>{{ p.label|localize_translatable_string }}
+          {% if false == p.shareHousehold %}
+              <i class="chill-help-tooltip" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-html="true"
+                 title="{{ 'household.Those members does not share address'|trans }}"></i>
+          {% endif %}
+      </h3>
+
+      {%- set members = household.currentMembersByPosition(p) %}
+
+      {% macro customButtons(member, household) %}
+          <li>
+              <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'persons': [ member.person.id ], 'allow_leave_without_household': true } ) }}"
+                 class="btn btn-sm btn-unlink" title="{{ 'household.person.leave'|trans }}"></a>
+          </li>
+          <li>
+              <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'persons': [ member.person.id ], 'household': household.id} ) }}"
+                 class="btn btn-sm btn-misc" title="{{ 'household.Change position'|trans }}"><i class="fa fa-arrows-h"></i></a>
+          </li>
+      {% endmacro %}
+
+      {% if members|length > 0 %}
+        <div class="flex-table list-household-members">
+          {% for m in members %}
+              {% include '@ChillPerson/Household/_render_member.html.twig' with {
+                  'member': m,
+                  'customButtons': { 'after': _self.customButtons(m, household) }
+              } %}
+          {% endfor %}
+        </div>
+      {% else %}
+        <p class="chill-no-data-statement">{{ 'household.Any persons into this position'|trans }}</p>
+      {% endif %}
+
+      {% set members = household.nonCurrentMembersByPosition(p) %}
+      {% if members|length > 0 %}
+
+        <style>
+            button[aria-expanded="true"] > span.folded,
+            button[aria-expanded="false"] > span.unfolded { display: none; }
+            button[aria-expanded="false"] > span.folded,
+            button[aria-expanded="true"] > span.unfolded { display: inline; }
+        </style>
+        <div class="accordion" id="nonCurrent">
+            <div class="accordion-item">
+                <h2 class="accordion-header" id="heading_{{ p.id }}">
+                    <button
+                        class="accordion-button collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#collapse_{{ p.id }}"
+                        aria-expanded="false"
+                        aria-controls="collapse_{{ p.id }}">
+                        <span class="folded">{{ 'household.Show future or past memberships'|trans({'length': members|length}) }}</span>
+                        <span class="unfolded text-secondary">{{ 'household.Hide memberships'|trans }}</span>
+                    </button>
+                </h2>
+                <div id="collapse_{{ p.id }}"
+                    class="accordion-collapse collapse"
+                    aria-labelledby="heading_{{ p.id }}"
+                    data-bs-parent="#nonCurrent">
+                    <div class="flex-table my-0 list-household-members">
+                        {% for m in members %}
+                            {% include '@ChillPerson/Household/_render_member.html.twig' with { 'member': m } %}
+                        {% endfor %}
+                    </div>
                 </div>
-                <div>
-                  {{ 'Born the date'|trans({ 'gender': m.person.gender, 'birthdate': m.person.birthdate|format_date('long') }) }}
-                </div>
-              </div>
-              <div class="item-col">
-                <ul class="list-content fa-ul">
-                  {% if m.startDate is not empty %}
-                    <li>{{ 'Since %date%'|trans({'%date%': m.startDate|format_date('long') }) }}</li>
-                  {% endif %}
-                  {% if m.endDate is not empty %}
-                    <li>{{ 'Until %date%'|trans({'%date%': m.endDate|format_date('long') }) }}</li>
-                  {% endif %}
-                </ul>
-                <ul class="record_actions">
-                  <li>
-                    <a href="{{ chill_path_add_return_path('chill_person_household_member_edit', { 'id': m.id }) }}"
-                    class="btn btn-edit">
-                      {{ 'household.Update membership'|trans }}
-                    </a>
-                  </li>
-                </ul>
-              </div>
             </div>
-            {% if m.comment is not empty %}
-            <div class="item-row comment">
-              <blockquote class="chill-user-quote">
-                {{ m.comment|chill_markdown_to_html }}
-              </blockquote>
-            </div>
-            {% endif %}
-          </div>
-        {% endfor %}
-      </div>
+        </div>
+      {% endif %}
+
     </div>
+    {% endfor %}
 
-  {% endif %}
-{% endfor %}
-
-<ul class="record_actions">
-  <li>
-    <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'household': household.id }) }}"
-      class="btn btn-create">
-      {{ 'household.Add a member'|trans }}
-    </a>
-  </li>
-</ul>
+    <ul class="record_actions">
+      <li>
+        <a href="{{ chill_path_add_return_path('chill_person_household_members_editor', {'household': household.id }) }}"
+          class="btn btn-create">
+          {{ 'household.Add a member'|trans }}
+        </a>
+      </li>
+    </ul>
 
 </div>
 {% endblock %}
diff --git a/src/Bundle/ChillPersonBundle/Serializer/Normalizer/PersonNormalizer.php b/src/Bundle/ChillPersonBundle/Serializer/Normalizer/PersonNormalizer.php
index cde495f52..07f9a11be 100644
--- a/src/Bundle/ChillPersonBundle/Serializer/Normalizer/PersonNormalizer.php
+++ b/src/Bundle/ChillPersonBundle/Serializer/Normalizer/PersonNormalizer.php
@@ -19,6 +19,7 @@
 namespace Chill\PersonBundle\Serializer\Normalizer;
 
 use Chill\MainBundle\Entity\Center;
+use Chill\PersonBundle\Entity\Household\Household;
 use Chill\PersonBundle\Entity\Person;
 use Symfony\Component\Serializer\Normalizer\DenormalizerAwareInterface;
 use Symfony\Component\Serializer\Normalizer\DenormalizerAwareTrait;
@@ -61,6 +62,9 @@ class PersonNormalizer implements
 
     public function normalize($person, string $format = null, array $context = array())
     {
+        /** @var Household $household */
+        $household = $person->getCurrentHousehold();
+
         /** @var Person $person */
         return [
             'type' => 'person',
@@ -76,6 +80,7 @@ class PersonNormalizer implements
             'gender' => $person->getGender(),
             'gender_numeric' => $person->getGenderNumeric(),
             'current_household_address' => $this->normalizer->normalize($person->getCurrentHouseholdAddress()),
+            'current_household_id' => $household ? $this->normalizer->normalize($household->getId()) : null,
         ];
     }
 
@@ -89,7 +94,7 @@ class PersonNormalizer implements
 
         return $r;
     }
-    
+
 
     public function supportsNormalization($data, string $format = null): bool
     {
diff --git a/src/Bundle/ChillPersonBundle/Templating/Entity/PersonRender.php b/src/Bundle/ChillPersonBundle/Templating/Entity/PersonRender.php
index 55890c4b0..fc112a1e7 100644
--- a/src/Bundle/ChillPersonBundle/Templating/Entity/PersonRender.php
+++ b/src/Bundle/ChillPersonBundle/Templating/Entity/PersonRender.php
@@ -62,6 +62,7 @@ class PersonRender extends AbstractChillEntityRender
             'address_multiline' => $options['address_multiline'] ?? false,
             'hLevel' => $options['hLevel'] ?? 3,
             'customButtons' => $options['customButtons'] ?? [],
+            'customArea' => $options['customArea'] ?? [],
         ];
 
         return
diff --git a/src/Bundle/ChillPersonBundle/translations/messages+intl-icu.fr.yaml b/src/Bundle/ChillPersonBundle/translations/messages+intl-icu.fr.yaml
index 05738effb..cea908ccf 100644
--- a/src/Bundle/ChillPersonBundle/translations/messages+intl-icu.fr.yaml
+++ b/src/Bundle/ChillPersonBundle/translations/messages+intl-icu.fr.yaml
@@ -19,10 +19,13 @@ household:
             many {Montrer # anciennes ou futures appartenances}
             other {Montrer # anciennes ou futures appartenances}
         }
+    Hide memberships: Masquer
     Those members does not share address: Ces usagers ne partagent pas l'adresse du ménage.
     Any persons into this position: Aucune personne n'appartient au ménage à cette position.
     Leave household: Quitter le ménage
-    Leave: Quitter
+    Leave: Détacher
+    person:
+        leave: L'usager quitte le ménage
     Join: Rejoindre un ménage
     Change position: Repositionner
     Household file: Dossier ménage
@@ -36,10 +39,11 @@ household:
     is not holder: N'est pas titulaire
     holder: Titulaire
     Edit member household: Modifier l'appartenance au ménage
+    Edit his household: Modifier son appartenance au ménage
     Current household members: Membres actuels
     Household summary: Résumé du ménage
     Accompanying period: Parcours d'accompagnement
-    Addresses: Adresses
+    Addresses: Historique adresse
     Current address: Adresse actuelle
     Household does not have any address currently: Le ménage n'a pas d'adresse renseignée actuellement
     Edit household members: Modifier l'appartenance au ménage
@@ -52,7 +56,8 @@ household:
     Expecting for birth on date: Naissance attendue pour le {date}
     Expecting for birth: Naissance attendue (date inconnue)
     Any expecting birth: Aucune naissance proche n'a été renseignée.
-    Comment and expecting birth: Commentaire et naissance attendue
+    New comment and expecting birth: Écrire un commentaire
+    Edit comment and expecting birth: Mettre à jour le commentaire
     Edit member metadata: Données supplémentaires
     comment_membership: Commentaire général sur les membres
     expecting_birth: Naissance attendue ?
diff --git a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
index 1564b54a0..c710cedfb 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
@@ -32,23 +32,28 @@
         </div>
 
         <div class="item-col">
-            <ul class="list-content fa-ul">
-                <li v-if="thirdparty.address">
-                    <i class="fa fa-li fa-map-marker"></i>
-                    <show-address :address="thirdparty.address" :isMultiline="isMultiline"></show-address>
-                </li>
-                <li v-if="thirdparty.telephone">
-                    <i class="fa fa-li fa-mobile"></i>
-                    <a :href="'tel: ' + thirdparty.telephone">{{ thirdparty.telephone }}</a>
-                </li>
-                <li v-if="thirdparty.email">
-                    <i class="fa fa-li fa-envelope-o"></i>
-                    <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
-                </li>
+           <div class="float-button bottom">
+              <div class="box">
+                 <div class="action">
+                    <slot name="record-actions"></slot>
+                 </div>
+                 <ul class="list-content fa-ul">
+                    <li v-if="thirdparty.address">
+                       <i class="fa fa-li fa-map-marker"></i>
+                       <address-render-box :address="thirdparty.address" :isMultiline="isMultiline"></address-render-box>
+                    </li>
+                    <li v-if="thirdparty.telephone">
+                       <i class="fa fa-li fa-mobile"></i>
+                       <a :href="'tel: ' + thirdparty.telephone">{{ thirdparty.telephone }}</a>
+                    </li>
+                    <li v-if="thirdparty.email">
+                       <i class="fa fa-li fa-envelope-o"></i>
+                       <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
+                    </li>
+                 </ul>
+              </div>
+           </div>
 
-            </ul>
-
-            <slot name="record-actions"></slot>
         </div>
     </div>
     </section>
@@ -57,13 +62,13 @@
 </template>
 
 <script>
-import ShowAddress from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
+import AddressRenderBox from 'ChillMainAssets/vuejs/_components/Entity/AddressRenderBox.vue';
 import {dateToISO} from 'ChillMainAssets/chill/js/date.js';
 
 export default {
     name: "ThirdPartyRenderBox",
     components: {
-        ShowAddress
+        AddressRenderBox
     },
     props: ['thirdparty', 'options'],
     computed: {
diff --git a/src/Bundle/ChillThirdPartyBundle/Resources/views/Entity/thirdparty.html.twig b/src/Bundle/ChillThirdPartyBundle/Resources/views/Entity/thirdparty.html.twig
index 689c98ecb..7768d2913 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/views/Entity/thirdparty.html.twig
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/views/Entity/thirdparty.html.twig
@@ -13,6 +13,10 @@
         'replace'   Twig\Markup,
         'after'     Twig\Markup
     ]
+    * customArea [
+        'beforeLabel'   Twig\Markup,
+        'afterLabel'    Twig\Markup,
+    ]
 #}
 
 {% macro raw(thirdparty, options) %}
@@ -23,13 +27,25 @@
     <div class="entity-label">
 
         <div class="denomination {{ 'h' ~ options['hLevel'] }}">
+
             {%- if options['addLink'] and is_granted('CHILL_3PARTY_3PARTY_SHOW', thirdparty) -%}
                 <a href="{{ chill_path_add_return_path('chill_3party_3party_show', { 'thirdparty_id': thirdparty.id }) }}">
-                    {{ _self.raw(thirdparty, options) }}
-                </a>
-            {%- else -%}
-                {{ _self.raw(thirdparty, options) }}
             {%- endif -%}
+
+                {% if options['customArea']['beforeLabel'] is defined %}
+                    {{ options['customArea']['beforeLabel'] }}
+                {% endif %}
+
+                {{ _self.raw(thirdparty, options) }}
+
+                {% if options['customArea']['afterLabel'] is defined %}
+                    {{ options['customArea']['afterLabel'] }}
+                {% endif %}
+    
+            {%- if options['addLink'] and is_granted('CHILL_3PARTY_3PARTY_SHOW', thirdparty) -%}
+                </a>
+            {%- endif -%}
+
             {%- if options['addEntity'] -%}
                 <span class="badge rounded-pill bg-secondary">{{ 'Third party'|trans }}</span>
             {%- endif -%}
diff --git a/src/Bundle/ChillThirdPartyBundle/Templating/Entity/ThirdPartyRender.php b/src/Bundle/ChillThirdPartyBundle/Templating/Entity/ThirdPartyRender.php
index 07f6e1668..80450f7bb 100644
--- a/src/Bundle/ChillThirdPartyBundle/Templating/Entity/ThirdPartyRender.php
+++ b/src/Bundle/ChillThirdPartyBundle/Templating/Entity/ThirdPartyRender.php
@@ -54,6 +54,7 @@ class ThirdPartyRender extends AbstractChillEntityRender
             'addInfo' => $options['addInfo'] ?? false,
             'hLevel' => $options['hLevel'] ?? 3,
             'customButtons' => $options['customButtons'] ?? [],
+            'customArea' => $options['customArea'] ?? [],
         ];
 
         return