diff --git a/CHANGELOG.md b/CHANGELOG.md
index 503e7af17..940d7e05c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -53,6 +53,7 @@ and this project adheres to
 * [notification] new notification interface, can be associated to AccompanyingCourse/Period, Activities.
   * List notifications, show, and comment in User section
   * Notify button and contextual notification box on associated objects pages
+* [accompanyingCourse] add a comment for each resource associated. A modal allow to save comment. Comment is displayed in on-the-fly show modal of the accompanyingCourse context (edit page + resume page).
 
 ### test release 2021-12-14
 
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/_list_item.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/_list_item.html.twig
index bb4c6fd16..09a7ab2a3 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/_list_item.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/_list_item.html.twig
@@ -66,7 +66,7 @@
 
         {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {
             'context': context,
-            'with_display': 'wrap-list',
+            'render': 'wrap-list',
             'entity': activity,
             'badge_person': true
         } %}
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
index d6d0ed43d..70280d714 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/concernedGroups.html.twig
@@ -3,11 +3,12 @@
     {{ path(pathname, parms) }}
 {% endmacro %}
 
-{% macro insert_onthefly(type, entity) %}
+{% macro insert_onthefly(type, entity, parent = null) %}
     {% include '@ChillMain/OnTheFly/_insert_vue_onthefly.html.twig' with {
         action: 'show', displayBadge: true,
         targetEntity: { name: type, id: entity.id },
-        buttonText: entity|chill_entity_render_string
+        buttonText: entity|chill_entity_render_string,
+        parent: parent
     } %}
 {% endmacro %}
 
@@ -59,7 +60,7 @@
     }]) %}
 {% endif %}
 
-{% if (with_display == 'bloc') %}
+{% if (render == 'bloc') %}
 <div class="{{ context }} flex-bloc concerned-groups">
     {% for bloc in blocks %}
 
@@ -90,7 +91,7 @@
 </div>
 {% endif %}
 
-{% if (with_display == 'row') %}
+{% if (render == 'row') %}
 <div class="concerned-groups">
     {% for bloc in blocks %}
     <div class="group">
@@ -115,7 +116,7 @@
 </div>
 {% endif %}
 
-{% if (with_display == 'wrap-list') %}
+{% if (render == 'wrap-list') %}
 <div class="concerned-groups wrap-list">
     {% for bloc in blocks %}
         <div class="wl-row">
diff --git a/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig b/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
index 633493104..b67ff08ef 100644
--- a/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
+++ b/src/Bundle/ChillActivityBundle/Resources/views/Activity/show.html.twig
@@ -85,7 +85,7 @@
 
 {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {
     'context': context,
-    'with_display': 'bloc',
+    'render': 'bloc',
     'badge_person': 'true'
 } %}
 
diff --git a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/listByAccompanyingCourse.html.twig b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/listByAccompanyingCourse.html.twig
index 215b7bb55..6cf97a58d 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/listByAccompanyingCourse.html.twig
+++ b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/listByAccompanyingCourse.html.twig
@@ -94,7 +94,7 @@
                     <div class="item-col">
                         {% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {
                             'context': accompanyingCourse,
-                            'with_display': 'row',
+                            'render': 'row',
                             'entity': calendar
                         } %}
                     </div>
diff --git a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/show.html.twig b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/show.html.twig
index 7c59996d2..3a1bf03d5 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/show.html.twig
+++ b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/show.html.twig
@@ -6,7 +6,7 @@
 </dl>
 
 <h2 class="chill-red">{{ 'Concerned groups'|trans }}</h2>
-{% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'with_display': 'bloc' } %}
+{% include 'ChillActivityBundle:Activity:concernedGroups.html.twig' with {'context': context, 'render': 'bloc' } %}
 
 
 <h2 class="chill-red">{{ 'Calendar data'|trans }}</h2>
@@ -108,13 +108,13 @@
     {# TODO
     {% if is_granted('CHILL_ACTIVITY_DELETE', entity) %}
     #}
-    
+
     <li>
         <a href="{{ path('chill_calendar_calendar_delete', { 'id': entity.id, 'accompanying_period_id': accompanying_course_id, 'user_id': user_id } ) }}" class="btn btn-delete">
             {{ 'Delete'|trans }}
         </a>
     </li>
-    
+
     {#
     {% endif %}
     #}
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 ed1d14633..ecc7b7e38 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/Address/components/AddAddress.vue
@@ -359,8 +359,8 @@ export default {
       //console.log('validFrom', this.validFrom);
       //console.log('validTo', this.validTo);
       //console.log('useDatePane', this.useDatePane);
+      //console.log('Mounted now !');
 
-      console.log('Mounted now !');
       if (this.context.edit) {
          console.log('getInitialAddress', this.context.addressId);
          this.getInitialAddress(this.context.addressId);
@@ -380,7 +380,7 @@ export default {
             this.openEditPane();
          } else {
             this.flag.showPane = true;
-            console.log('step0: open the Show Panel');
+            //console.log('step0: open the Show Panel');
          }
       },
       closeShowPane() {
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue
index 48f68380b..05fed6671 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue
@@ -5,6 +5,7 @@
         :action="context.action"
         :buttonText="options.buttonText"
         :displayBadge="options.displayBadge === 'true'"
+        :parent="options.parent"
         @saveFormOnTheFly="saveFormOnTheFly">
     </on-the-fly>
 </template>
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue
index d64ae274e..d4342fdee 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/components/OnTheFly.vue
@@ -23,25 +23,37 @@
 
          <template v-slot:body v-if="type === 'person'">
             <on-the-fly-person
-               v-bind:id="id"
-               v-bind:type="type"
-               v-bind:action="action"
+               :id="id"
+               :type="type"
+               :action="action"
                ref="castPerson">
             </on-the-fly-person>
+            <div v-if="hasResourceComment">
+                <h3>{{ $t('onthefly.resource_comment_title') }}</h3>
+                <blockquote class="chill-user-quote">
+                    {{ parent.comment }}
+                </blockquote>
+            </div>
          </template>
 
          <template v-slot:body v-else-if="type === 'thirdparty'">
             <on-the-fly-thirdparty
-               v-bind:id="id"
-               v-bind:type="type"
-               v-bind:action="action"
+               :id="id"
+               :type="type"
+               :action="action"
                ref="castThirdparty">
             </on-the-fly-thirdparty>
+            <div v-if="hasResourceComment">
+                <h3>{{ $t('onthefly.resource_comment_title') }}</h3>
+                <blockquote class="chill-user-quote">
+                    {{ parent.comment }}
+                </blockquote>
+            </div>
          </template>
 
          <template v-slot:body v-else>
             <on-the-fly-create
-               v-bind:action="action"
+               :action="action"
                ref="castNew">
             </on-the-fly-create>
          </template>
@@ -78,18 +90,25 @@ export default {
       OnTheFlyThirdparty,
       OnTheFlyCreate
    },
-   props: ['type', 'id', 'action', 'buttonText', 'displayBadge'],
+   props: ['type', 'id', 'action', 'buttonText', 'displayBadge', 'parent'],
    emits: ['saveFormOnTheFly'],
    data() {
       return {
          modal: {
             showModal: false,
             modalDialogClass: "modal-dialog-scrollable modal-xl"
-         },
-         //action: this.action
+         }
       }
    },
    computed: {
+      hasResourceComment() {
+          //console.log('hasResourceComment', this.parent);
+          return (typeof this.parent !== 'undefined' && this.parent !== null)
+              && this.action === 'show'
+              && this.parent.type === 'accompanying_period_resource'
+              && (this.parent.comment !== null && this.parent.comment !== '')
+              ;
+      },
       classAction() {
          switch (this.action) {
             case 'show':
@@ -145,8 +164,8 @@ export default {
    },
    methods: {
       openModal() {
-         console.log('## OPEN ON THE FLY MODAL');
-         console.log('## type:', this.type, ', action:', this.action);
+         //console.log('## OPEN ON THE FLY MODAL');
+         //console.log('## type:', this.type, ', action:', this.action);
          this.modal.showModal = true;
          this.$nextTick(function() {
             //this.$refs.search.focus();
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/i18n.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/i18n.js
index 3cba67149..c619ef96b 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/i18n.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/i18n.js
@@ -17,6 +17,7 @@ const ontheflyMessages = {
                 person: "un nouvel usager",
                 thirdparty: "un nouveau tiers professionnel"
             },
+            resource_comment_title: "Un commentaire est associé à cet interlocuteur"
         }
     }
 }
diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/index.js b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/index.js
index 88e6aad5e..479cc1248 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/index.js
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/index.js
@@ -21,7 +21,8 @@ containers.forEach((container) => {
                     },
                     options: {
                         buttonText: container.dataset.buttonText || null,
-                        displayBadge: container.dataset.displayBadge || false
+                        displayBadge: container.dataset.displayBadge || false,
+                        parent: JSON.parse(container.dataset.parent) || null,
                     }
                 }
             }
diff --git a/src/Bundle/ChillMainBundle/Resources/views/OnTheFly/_insert_vue_onthefly.html.twig b/src/Bundle/ChillMainBundle/Resources/views/OnTheFly/_insert_vue_onthefly.html.twig
index e63fd9ee0..666743fb2 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/OnTheFly/_insert_vue_onthefly.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/OnTheFly/_insert_vue_onthefly.html.twig
@@ -10,6 +10,7 @@
     * action        string  'show', 'edit', 'create'
     * buttonText    string
     * displayBadge  boolean (default: false)  replace button by badge, need to define buttonText for content
+    * parent        object  (optional)        pass parent context of the targetEntity (used for course resource comment)
 
 #}
 <span class="onthefly-container"
@@ -31,6 +32,10 @@
         data-display-badge="true"
     {% endif %}
 
+    {% if parent is defined %}
+        data-parent='{{ parent|json_encode }}'
+    {% endif %}
+
 ></span>
 
 {{ encore_entry_script_tags('vue_onthefly') }}
diff --git a/src/Bundle/ChillMainBundle/Resources/views/Util/confirmation_template.html.twig b/src/Bundle/ChillMainBundle/Resources/views/Util/confirmation_template.html.twig
index 1da31cfc7..119e213ef 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/Util/confirmation_template.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/Util/confirmation_template.html.twig
@@ -6,7 +6,7 @@
     <p class="message-confirm">{{ confirm_question }}</p>
 {% endif %}
 
-{% if display_content is not empty %}
+{% if display_content is defined and display_content is not empty %}
     {{ display_content|raw }}
 {% endif %}
 
diff --git a/src/Bundle/ChillPersonBundle/DependencyInjection/ChillPersonExtension.php b/src/Bundle/ChillPersonBundle/DependencyInjection/ChillPersonExtension.php
index 000720a7f..5982fcebe 100644
--- a/src/Bundle/ChillPersonBundle/DependencyInjection/ChillPersonExtension.php
+++ b/src/Bundle/ChillPersonBundle/DependencyInjection/ChillPersonExtension.php
@@ -14,6 +14,7 @@ namespace Chill\PersonBundle\DependencyInjection;
 use Chill\MainBundle\DependencyInjection\MissingBundleException;
 use Chill\MainBundle\Security\Authorization\ChillExportVoter;
 use Chill\PersonBundle\Doctrine\DQL\AddressPart;
+use Chill\PersonBundle\Security\Authorization\AccompanyingPeriodResourceVoter;
 use Chill\PersonBundle\Security\Authorization\AccompanyingPeriodVoter;
 use Chill\PersonBundle\Security\Authorization\PersonVoter;
 use Exception;
@@ -413,6 +414,25 @@ class ChillPersonExtension extends Extension implements PrependExtensionInterfac
                         ],
                     ],
                 ],
+                [
+                    'class' => \Chill\PersonBundle\Entity\AccompanyingPeriod\Resource::class,
+                    'name' => 'accompanying_period_resource',
+                    'base_path' => '/api/1.0/person/accompanying-period/resource',
+                    'base_role' => 'ROLE_USER',
+                    'actions' => [
+                        '_entity' => [
+                            'methods' => [
+                                Request::METHOD_GET => false,
+                                Request::METHOD_PATCH => true,
+                                Request::METHOD_HEAD => false,
+                                Request::METHOD_DELETE => false,
+                            ],
+                            'roles' => [
+                                Request::METHOD_PATCH => AccompanyingPeriodResourceVoter::EDIT,
+                            ],
+                        ],
+                    ],
+                ],
                 [
                     'class' => \Chill\PersonBundle\Entity\AccompanyingPeriod\Origin::class,
                     'name' => 'accompanying_period_origin',
diff --git a/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/Resource.php b/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/Resource.php
index a11dc9b3d..8f84f319a 100644
--- a/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/Resource.php
+++ b/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/Resource.php
@@ -20,6 +20,8 @@ use Symfony\Component\Serializer\Annotation\Groups;
 use UnexpectedValueException;
 
 /**
+ * **About denormalization**: this operation is operated by @see{AccompanyingPeriodResourdeNormalizer}.
+ *
  * @ORM\Entity
  * @ORM\Table(
  *     name="chill_person_accompanying_period_resource",
@@ -44,9 +46,10 @@ class Resource
     private ?AccompanyingPeriod $accompanyingPeriod = null;
 
     /**
-     * @ORM\ManyToOne(targetEntity=Comment::class)
+     * @ORM\Column(type="text", nullable=true)
+     * @Groups({"read"})
      */
-    private $comment;
+    private ?string $comment = '';
 
     /**
      * @ORM\Id
@@ -75,7 +78,7 @@ class Resource
         return $this->accompanyingPeriod;
     }
 
-    public function getComment(): ?Comment
+    public function getComment(): ?string
     {
         return $this->comment;
     }
@@ -92,7 +95,7 @@ class Resource
 
     /**
      * @return Person|ThirdParty
-     * @Groups({"read", "write"})
+     * @Groups({"read"})
      */
     public function getResource()
     {
@@ -111,9 +114,9 @@ class Resource
         return $this;
     }
 
-    public function setComment(?Comment $comment): self
+    public function setComment(?string $comment = null): self
     {
-        $this->comment = $comment;
+        $this->comment = (string) $comment;
 
         return $this;
     }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
index e17555c6a..e7bc18371 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/ResourceItem.vue
@@ -14,8 +14,15 @@
       }">
       <template v-slot:record-actions>
          <ul class="record_actions">
+            <li>
+               <write-comment
+                  :resource="resource"
+                  @updateComment="updateComment"
+               ></write-comment>
+            </li>
             <li>
                <on-the-fly
+                  :parent="parent"
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="show">
@@ -23,6 +30,7 @@
             </li>
             <li>
                <on-the-fly
+                  :parent="parent"
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="edit"
@@ -48,13 +56,19 @@
          addId : false,
          addEntity: true,
          addInfo: false,
-         //addComment: true,
          hLevel: 3
       }">
       <template v-slot:record-actions>
          <ul class="record_actions">
+            <li>
+               <write-comment
+                  :resource="resource"
+                  @updateComment="updateComment"
+               ></write-comment>
+            </li>
             <li>
                <on-the-fly
+                  :parent="parent"
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="show">
@@ -62,6 +76,7 @@
             </li>
             <li>
                <on-the-fly
+                  :parent="parent"
                   :type="resource.resource.type"
                   :id="resource.resource.id"
                   action="edit"
@@ -85,6 +100,7 @@ import OnTheFly from 'ChillMainAssets/vuejs/OnTheFly/components/OnTheFly.vue';
 import ButtonLocation from '../ButtonLocation.vue';
 import PersonRenderBox from 'ChillPersonAssets/vuejs/_components/Entity/PersonRenderBox.vue';
 import ThirdPartyRenderBox from 'ChillThirdPartyAssets/vuejs/_components/Entity/ThirdPartyRenderBox.vue';
+import WriteComment from './WriteComment';
 
 export default {
    name: 'ResourceItem',
@@ -92,11 +108,23 @@ export default {
       OnTheFly,
       ButtonLocation,
       PersonRenderBox,
-      ThirdPartyRenderBox
+      ThirdPartyRenderBox,
+      WriteComment
    },
    props: ['resource'],
    emits: ['remove'],
    computed: {
+      parent() {
+         return {
+            'type': this.resource.type,
+            'id': this.resource.id,
+            'comment': this.resource.comment,
+            'parent': {
+               'type': this.$store.state.accompanyingCourse.type,
+               'id': this.$store.state.accompanyingCourse.id
+            }
+         }
+      },
       hasCurrentHouseholdAddress() {
          if ( this.resource.resource.current_household_address !== null ) {
             return true;
@@ -116,6 +144,10 @@ export default {
                   this.$toast.open({message: 'An error occurred'})
                }
             });
+      },
+      updateComment(resource) {
+         console.log('updateComment', resource);
+         this.$store.commit('updateResource', resource);
       }
    }
 }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/WriteComment.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/WriteComment.vue
new file mode 100644
index 000000000..d34531356
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/Resources/WriteComment.vue
@@ -0,0 +1,116 @@
+<template>
+   <a class="btn btn-sm btn-misc change-icon"
+      :title="$t('write_comment')"
+      @click="openModal"
+   ><i class="fa fa-pencil-square-o"></i>
+   </a>
+
+   <teleport to="body">
+      <modal v-if="modal.showModal"
+             :modalDialogClass="modal.modalDialogClass"
+             @close="modal.showModal = false">
+         <template v-slot:header>
+
+            <h3 class="modal-title">{{ $t('write_comment_about', { 'r': resource.resource.text }) }}</h3>
+
+         </template>
+         <template v-slot:body>
+
+            <ckeditor
+               name="content"
+               v-bind:placeholder="$t('comment_placeholder')"
+               :editor="editor"
+               v-model="content"
+               tag-name="textarea">
+            </ckeditor>
+
+         </template>
+         <template v-slot:footer>
+
+            <a class="btn btn-save"
+               @click="saveAction">
+               {{ $t('action.save')}}
+            </a>
+
+         </template>
+      </modal>
+   </teleport>
+</template>
+
+<script>
+import Modal from 'ChillMainAssets/vuejs/_components/Modal.vue';
+import { makeFetch } from "ChillMainAssets/lib/api/apiMethods";
+import CKEditor from '@ckeditor/ckeditor5-vue';
+import ClassicEditor from "ChillMainAssets/module/ckeditor5";
+
+export default {
+   name: "WriteComment",
+   components: {
+      Modal,
+      ckeditor: CKEditor.component,
+   },
+   props: ['resource'],
+   emits: ['updateComment'],
+   data() {
+      return {
+         modal: {
+            showModal: false,
+            modalDialogClass: "modal-dialog-scrollable modal-xl"
+         },
+         editor: ClassicEditor,
+         formdata: {
+            content: this.resource.comment
+         }
+      }
+   },
+   i18n: {
+      messages: {
+         fr: {
+            write_comment: "Écrire un commentaire",
+            write_comment_about: "Écrire un commentaire à propos de {r}",
+            comment_placeholder: "Commencez à écrire..."
+         }
+      }
+   },
+   computed: {
+      content: {
+         set(value) {
+            this.formdata.content = value;
+         },
+         get() {
+            return this.formdata.content;
+         }
+      },
+   },
+   methods: {
+      openModal() {
+         //console.log('write comment for', this.resource.resource.type, this.resource.resource.id);
+         this.modal.showModal = true;
+      },
+      saveAction() {
+         //console.log('save comment', this.resource.id, this.formdata.content);
+         this.patchResource(this.resource.id, this.formdata.content);
+      },
+      patchResource(id, comment) {
+         let url = `/api/1.0/person/accompanying-period/resource/${id}.json`,
+             body = {
+                "type": "accompanying_period_resource",
+                "comment": comment
+             }
+         ;
+         makeFetch('PATCH', url, body)
+            .then(r => {
+               let resource = {
+                  'type': 'accompanying_period_resource',
+                  'id': r.id,
+                  'comment': r.comment,
+                  'resource': r.resource
+               }
+               this.$emit('updateComment', resource);
+               this.modal.showModal = false;
+            }
+         )
+      }
+   }
+}
+</script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
index 3f26f5a8d..43400d8eb 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/store/index.js
@@ -124,6 +124,11 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                //console.log('### mutation: addResource', resource);
                state.accompanyingCourse.resources.push(resource);
             },
+            updateResource(state, payload) {
+               console.log('### mutation: updateResource', payload);
+               let i = state.accompanyingCourse.resources.findIndex(r => r.id === payload.id);
+               state.accompanyingCourse.resources[i] = payload;
+            },
             updatePerson(state, payload) {
                console.log('### mutation: updatePerson', payload);
                let i = null;
@@ -360,6 +365,23 @@ let initPromise = Promise.all([scopesPromise, accompanyingCoursePromise])
                      throw error;
                   })
             },
+            patchResource({ commit }, payload) {
+               const body = { type: "accompanying_period_resource" };
+               body['resource'] = {
+                  type: payload.result.type,
+                  id: payload.result.id
+               };
+               const url = `/api/1.0/person/accompanying-course/resource/${id}.json`;
+
+               return makeFetch('PATCH', url, body)
+                   .then((response) => {
+                      commit('patchResource', response);
+                   })
+                   .catch((error) => {
+                      commit('catchError', error);
+                      throw error;
+                   })
+            },
             /**
              * On The Fly
              */
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
index c5f21a514..799e5651b 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/_components/OnTheFly/Person.vue
@@ -187,7 +187,7 @@ export default {
          getPerson(this.id)
             .then(person => new Promise((resolve, reject) => {
                this.person = person;
-               console.log('get person', this.person);
+               //console.log('get person', this.person);
                resolve();
          }));
       },
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
index 9071fdcfc..21e4a376e 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourse/index.html.twig
@@ -4,11 +4,12 @@
     {{ 'Resume Accompanying Course'|trans }}
 {% endblock %}
 
-{% macro insert_onthefly(type, entity) %}
+{% macro insert_onthefly(type, entity, parent = null) %}
     {% include '@ChillMain/OnTheFly/_insert_vue_onthefly.html.twig' with {
         action: 'show', displayBadge: true,
         targetEntity: { name: type, id: entity.id },
-        buttonText: entity|chill_entity_render_string
+        buttonText: entity|chill_entity_render_string,
+        parent: parent
     } %}
 {% endmacro %}
 
@@ -55,6 +56,7 @@
             </div>
         {% endif %}
 
+        {% if accompanyingCourse.locationStatus != 'none' %}
         <div class="mbloc col col-sm-6 col-lg-4">
             <div class="location">
                 {% if accompanyingCourse.locationStatus == 'person' %}
@@ -63,12 +65,10 @@
                 {%  elseif accompanyingCourse.locationStatus == 'address' %}
                     <h4>{{ 'This course has a temporarily location'|trans }}</h4>
                 {% endif %}
-
-                {% if accompanyingCourse.locationStatus != 'none' %}
-                    {{ accompanyingCourse.location|chill_entity_render_box }}
-                {% endif %}
+                {{ accompanyingCourse.location|chill_entity_render_box }}
             </div>
         </div>
+        {% endif %}
 
         {% if accompanyingCourse.pinnedComment is not empty %}
             <div class="mbloc col col-sm-6 col-lg-8">
@@ -107,11 +107,21 @@
             <div class="mbloc col col-sm-6 col-lg-4">
                 <div class="resources">
                     <h4 class="item-key">{{ 'Resources'|trans }}</h4>
+
                     {% for r in accompanyingCourse.resources %}
+                        {% set parent = {
+                            'type': 'accompanying_period_resource',
+                            'id': r.id,
+                            'comment': r.comment,
+                            'parent': {
+                                'type': 'accompanying_period',
+                                'id': accompanyingCourse.id
+                            }
+                        } %}
                         {% if r.person is not null %}
-                            {{ _self.insert_onthefly('person', r.person) }}
+                            {{ _self.insert_onthefly('person', r.person, parent) }}
                         {% elseif r.thirdParty is not null %}
-                            {{ _self.insert_onthefly('thirdparty', r.thirdParty) }}
+                            {{ _self.insert_onthefly('thirdparty', r.thirdParty, parent) }}
                         {% endif %}
                     {% endfor %}
                 </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/index.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/index.html.twig
index daa8864cb..a38aa913f 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/index.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/index.html.twig
@@ -87,7 +87,15 @@
                                                 {% include '@ChillMain/OnTheFly/_insert_vue_onthefly.html.twig' with {
                                                     action: 'show', displayBadge: true,
                                                     targetEntity: { name: 'thirdparty', id: w.handlingThierParty.id },
-                                                    buttonText: w.handlingThierParty|chill_entity_render_string
+                                                    buttonText: w.handlingThierParty|chill_entity_render_string,
+                                                    parent: {
+                                                        'type': 'accompanying_period_resource',
+                                                        'id': r.id,
+                                                        'comment': r.comment,
+                                                        'parent': {
+                                                            'type': 'accompanying_period',
+                                                            'id': accompanyingCourse.id
+                                                        }
                                                 } %}
                                             </span>
                                         </div>
diff --git a/src/Bundle/ChillPersonBundle/Security/Authorization/AccompanyingPeriodResourceVoter.php b/src/Bundle/ChillPersonBundle/Security/Authorization/AccompanyingPeriodResourceVoter.php
new file mode 100644
index 000000000..d17a44dd3
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Security/Authorization/AccompanyingPeriodResourceVoter.php
@@ -0,0 +1,51 @@
+<?php
+
+/**
+ * Chill is a software for social workers
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Chill\PersonBundle\Security\Authorization;
+
+use Chill\PersonBundle\Entity\AccompanyingPeriod\Resource;
+use Symfony\Component\Security\Core\Authentication\Token\TokenInterface;
+use Symfony\Component\Security\Core\Authorization\AccessDecisionManagerInterface;
+use Symfony\Component\Security\Core\Authorization\Voter\Voter;
+use UnexpectedValueException;
+
+class AccompanyingPeriodResourceVoter extends Voter
+{
+    public const EDIT = 'CHILL_PERSON_ACCOMPANYING_PERIOD_RESOURCE_EDIT';
+
+    private AccessDecisionManagerInterface $accessDecisionManager;
+
+    public function __construct(AccessDecisionManagerInterface $accessDecisionManager)
+    {
+        $this->accessDecisionManager = $accessDecisionManager;
+    }
+
+    protected function supports($attribute, $subject)
+    {
+        return $subject instanceof Resource && self::EDIT === $attribute;
+    }
+
+    protected function voteOnAttribute($attribute, $subject, TokenInterface $token)
+    {
+        /** @var \Chill\PersonBundle\Entity\AccompanyingPeriod\Resource $subject */
+        switch ($attribute) {
+            case self::EDIT:
+                return $this->accessDecisionManager->decide(
+                    $token,
+                    [AccompanyingPeriodVoter::EDIT],
+                    $subject->getAccompanyingPeriod()
+                );
+
+            default:
+                throw new UnexpectedValueException("attribute not supported: {$attribute}");
+        }
+    }
+}
diff --git a/src/Bundle/ChillPersonBundle/Serializer/Normalizer/AccompanyingPeriodResourceNormalizer.php b/src/Bundle/ChillPersonBundle/Serializer/Normalizer/AccompanyingPeriodResourceNormalizer.php
index cb883542a..7ab284e44 100644
--- a/src/Bundle/ChillPersonBundle/Serializer/Normalizer/AccompanyingPeriodResourceNormalizer.php
+++ b/src/Bundle/ChillPersonBundle/Serializer/Normalizer/AccompanyingPeriodResourceNormalizer.php
@@ -84,9 +84,22 @@ class AccompanyingPeriodResourceNormalizer implements DenormalizerAwareInterface
             $resource->setResource($res);
         }
 
+        if (array_key_exists('comment', $data)) {
+            $resource->setComment($data['comment']);
+        }
+
         return $resource;
     }
 
+    public function normalize($resource, $format = null, array $context = [])
+    {
+        return [
+            'type' => 'accompanying_period_resource',
+            'id' => $resource->getId(),
+            'comment' => $resource->getComment(),
+        ];
+    }
+
     public function supportsDenormalization($data, $type, $format = null)
     {
         return Resource::class === $type;
diff --git a/src/Bundle/ChillPersonBundle/Tests/Serializer/Normalizer/ResourceJsonNormalizerTest.php b/src/Bundle/ChillPersonBundle/Tests/Serializer/Normalizer/ResourceJsonNormalizerTest.php
new file mode 100644
index 000000000..4d2af31bf
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/Tests/Serializer/Normalizer/ResourceJsonNormalizerTest.php
@@ -0,0 +1,51 @@
+<?php
+
+/**
+ * Chill is a software for social workers
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Serializer\Normalizer;
+
+use Chill\PersonBundle\Entity\AccompanyingPeriod\Resource;
+use Symfony\Bundle\FrameworkBundle\Test\KernelTestCase;
+use Symfony\Component\Serializer\Normalizer\AbstractNormalizer;
+use Symfony\Component\Serializer\Normalizer\DenormalizerInterface;
+
+/**
+ * @internal
+ * @coversNothing
+ */
+final class ResourceJsonNormalizerTest extends KernelTestCase
+{
+    private DenormalizerInterface $denormalizer;
+
+    protected function setUp(): void
+    {
+        self::bootKernel();
+        $this->denormalizer = self::$container->get(DenormalizerInterface::class);
+    }
+
+    public function testDenormalize()
+    {
+        $resource = new Resource();
+
+        $context = [
+            AbstractNormalizer::GROUPS => ['write'],
+            AbstractNormalizer::OBJECT_TO_POPULATE => $resource,
+        ];
+
+        $json = [
+            'comment' => 'bloup',
+            'type' => 'accompanying_period_resource',
+        ];
+
+        $resource = $this->denormalizer->denormalize($json, Resource::class, 'json', $context);
+
+        $this->assertEquals('bloup', $resource->getComment());
+    }
+}
diff --git a/src/Bundle/ChillPersonBundle/chill.api.specs.yaml b/src/Bundle/ChillPersonBundle/chill.api.specs.yaml
index 5d286b8d6..cd242e1c0 100644
--- a/src/Bundle/ChillPersonBundle/chill.api.specs.yaml
+++ b/src/Bundle/ChillPersonBundle/chill.api.specs.yaml
@@ -752,7 +752,6 @@ paths:
                   resource:
                     type: thirdparty
                     id: 100
-
       responses:
         401:
           description: "Unauthorized"
@@ -1234,6 +1233,54 @@ paths:
         404:
           description: "Not found"
 
+  /1.0/person/accompanying-period/resource/{id}.json:
+    patch:
+      tags:
+        - accompanying-course-resource
+      summary: "Alter the resource"
+      parameters:
+        - name: id
+          in: path
+          required: true
+          description: The resource's id
+          schema:
+            type: integer
+            format: integer
+            minimum: 1
+      requestBody:
+        description: "A resource"
+        required: true
+        content:
+          application/json:
+            schema:
+              type: object
+              properties:
+                type:
+                  type: string
+                  enum:
+                    - "accompanying_period_resource"
+                #id:
+                #  type: integer
+                comment:
+                  type: string
+              required:
+                - type
+            examples:
+              Set the resource comment:
+                value:
+                  type: accompanying_period_resource
+                  #id: 0
+                  comment: my judicious comment
+      responses:
+        401:
+          description: "Unauthorized"
+        404:
+          description: "Not found"
+        200:
+          description: "OK"
+        422:
+          description: "object with validation errors"
+
   /1.0/person/household.json:
     get:
       tags:
diff --git a/src/Bundle/ChillPersonBundle/config/services/security.yaml b/src/Bundle/ChillPersonBundle/config/services/security.yaml
index 1d88a0be2..f54d4cdfb 100644
--- a/src/Bundle/ChillPersonBundle/config/services/security.yaml
+++ b/src/Bundle/ChillPersonBundle/config/services/security.yaml
@@ -1,6 +1,7 @@
 services:
     chill.person.security.authorization.person:
         autowire: true
+        autoconfigure: true
         class: Chill\PersonBundle\Security\Authorization\PersonVoter
         tags:
             - { name: security.voter }
@@ -8,11 +9,19 @@ services:
 
     Chill\PersonBundle\Security\Authorization\AccompanyingPeriodVoter:
         autowire: true
+        autoconfigure: true
         tags:
             - { name: security.voter }
             - { name: chill.role }
 
     Chill\PersonBundle\Security\Authorization\AccompanyingPeriodCommentVoter:
         autowire: true
+        autoconfigure: true
+        tags:
+            - { name: security.voter }
+
+    Chill\PersonBundle\Security\Authorization\AccompanyingPeriodResourceVoter:
+        autowire: true
+        autoconfigure: true
         tags:
             - { name: security.voter }
diff --git a/src/Bundle/ChillPersonBundle/migrations/Version20220104133334.php b/src/Bundle/ChillPersonBundle/migrations/Version20220104133334.php
new file mode 100644
index 000000000..ca65f8c1e
--- /dev/null
+++ b/src/Bundle/ChillPersonBundle/migrations/Version20220104133334.php
@@ -0,0 +1,42 @@
+<?php
+
+/**
+ * Chill is a software for social workers
+ *
+ * For the full copyright and license information, please view
+ * the LICENSE file that was distributed with this source code.
+ */
+
+declare(strict_types=1);
+
+namespace Chill\Migrations\Person;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20220104133334 extends AbstractMigration
+{
+    public function down(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource ADD comment_id INT DEFAULT NULL');
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource DROP comment');
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource ADD CONSTRAINT fk_dc78989ff8697d13 FOREIGN KEY (comment_id) REFERENCES chill_person_accompanying_period_comment (id) NOT DEFERRABLE INITIALLY IMMEDIATE');
+        $this->addSql('CREATE INDEX idx_dc78989ff8697d13 ON chill_person_accompanying_period_resource (comment_id)');
+    }
+
+    public function getDescription(): string
+    {
+        return 'Replace accompanyingCourse Resources comment by a string';
+    }
+
+    public function up(Schema $schema): void
+    {
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource DROP CONSTRAINT fk_dc78989ff8697d13');
+        $this->addSql('DROP INDEX idx_dc78989ff8697d13');
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource ADD comment TEXT DEFAULT NULL');
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_resource DROP comment_id');
+    }
+}
diff --git a/src/Bundle/ChillThirdPartyBundle/Entity/ThirdParty.php b/src/Bundle/ChillThirdPartyBundle/Entity/ThirdParty.php
index 7c3e9f60a..95c930956 100644
--- a/src/Bundle/ChillThirdPartyBundle/Entity/ThirdParty.php
+++ b/src/Bundle/ChillThirdPartyBundle/Entity/ThirdParty.php
@@ -133,7 +133,6 @@ class ThirdParty implements TrackCreationInterface, TrackUpdateInterface
 
     /**
      * @ORM\Column(name="comment", type="text", nullable=true)
-     * @Groups({"read"})
      */
     private ?string $comment = null;
 
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 c3584cace..fb466f929 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/Entity/ThirdPartyRenderBox.vue
@@ -38,25 +38,9 @@
                         <i class="fa fa-li fa-hand-o-right"></i>
                         <b class="me-2">{{ $t('child_of') }}</b>
                         <span class="chill-entity badge-thirdparty">{{ thirdparty.parent.text }}</span>
-                        <!-- console: [Vue warn]: Failed to resolve component: on-the-fly ...
-                            <on-the-fly type="thirdparty" action="show" :id="thirdparty.parent.id"
-                                :buttonText="thirdparty.parent.text" :displayBadge="'true' === 'true'"
-                            ></on-the-fly>
-                        -->
                     </li>
                     <!-- TODO hasChildren
-                    <li v-if="hasChildren">
-                        <i class="fa fa-li fa-hand-o-right"></i>
-                        <b class="me-2">{{ $t('children') }}</b>
-                        <span v-for="child in thirdparty.activeChildren">
-                            <on-the-fly type="thirdparty"
-                                action="show"
-                                :id="child.id"
-                                :buttonText="child.text"
-                                displayBadge="'true' === 'true'">
-                            </on-the-fly>
-                        </span>
-                    </li>
+                        NB: we cannot call on-the-fly from RenderBox. See error message in previous version of this file.
                     -->
                 </ul>
                 <confidential v-if="thirdparty.contactDataAnonymous">
@@ -91,9 +75,6 @@
                         <a :href="'mailto: ' + thirdparty.email">{{ thirdparty.email }}</a>
                     </li>
                 </ul>
-                <div v-if="options.addComment && !thirdparty.contactDataAnonymous && thirdparty.comment">
-                    <blockquote class="chill-user-quote">{{ thirdparty.comment }}</blockquote>
-                </div>
             </div>
         </div>
         </div>
diff --git a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/OnTheFly/ThirdParty.vue b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/OnTheFly/ThirdParty.vue
index dc9025886..49249b8a1 100644
--- a/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/OnTheFly/ThirdParty.vue
+++ b/src/Bundle/ChillThirdPartyBundle/Resources/public/vuejs/_components/OnTheFly/ThirdParty.vue
@@ -14,7 +14,6 @@
                hLevel: 3,
                addCenter: true,
                addNoData: true,
-               addComment: true,
                isMultiline: true
             }"
          ></third-party-render-box>
@@ -169,7 +168,7 @@ export default {
          getThirdparty(this.id).then(thirdparty => new Promise((resolve, reject) => {
             this.thirdparty = thirdparty;
             this.thirdparty.kind = thirdparty.kind;
-            console.log('get thirdparty', thirdparty);
+            //console.log('get thirdparty', thirdparty);
             if (this.action !== 'show') {
                 if (thirdparty.address !== null) {
                     // bof! we force getInitialAddress because addressId not available when mounted
@@ -190,7 +189,7 @@ export default {
       }
    },
    mounted() {
-       console.log('mounted', this.action);
+      //console.log('mounted', this.action);
       if (this.action !== 'create') {
          this.loadData();
       } else {
diff --git a/src/Bundle/ChillThirdPartyBundle/Serializer/Normalizer/ThirdPartyNormalizer.php b/src/Bundle/ChillThirdPartyBundle/Serializer/Normalizer/ThirdPartyNormalizer.php
index 3f4fe87bf..6ffcc2dea 100644
--- a/src/Bundle/ChillThirdPartyBundle/Serializer/Normalizer/ThirdPartyNormalizer.php
+++ b/src/Bundle/ChillThirdPartyBundle/Serializer/Normalizer/ThirdPartyNormalizer.php
@@ -46,7 +46,6 @@ class ThirdPartyNormalizer implements NormalizerAwareInterface, NormalizerInterf
             'parent' => $this->normalizer->normalize($thirdParty->getParent(), $format, $context),
             'civility' => $this->normalizer->normalize($thirdParty->getCivility(), $format, $context),
             'contactDataAnonymous' => $thirdParty->isContactDataAnonymous(),
-            'comment' => $thirdParty->getComment(),
         ];
     }