diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
index eb66a0b3c..a46aa052d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue
@@ -1,220 +1,223 @@
 <template>
-  <div id="workEditor" class="my-4">
+   <div id="workEditor" class="my-4">
 
-    <div id="title">
-      <label class="action_title_label">{{ $t('action_title') }}</label>
-      <p class="action_title">{{ work.socialAction.text }}</p>
-    </div>
-
-    <div id="startDate">
-      <label>{{ $t('startDate') }}</label>
-      <input type="date" v-model="startDate" />
-    </div>
-
-    <div id="endDate">
-      <label>{{ $t('endDate') }}</label>
-      <input type="date" v-model="endDate" />
-    </div>
-
-    <div id="comment">
-      <label>{{ $t('comments') }}</label>
-      <ckeditor
-        :editor="editor"
-        v-model="note"
-        tag-name="textarea"
-      ></ckeditor>
-    </div>
-
-    <div id="objectives" class="objectives_list">
-      <div class="title" aria="hidden">
-        <div><h3>{{ $t('goals_title') }}</h3></div>
-        <div><h3>{{ $t('results_title') }}</h3></div>
+      <div id="title">
+         <label class="action_title_label">{{ $t('action_title') }}</label>
+         <p class="action_title">{{ work.socialAction.text }}</p>
       </div>
 
-      <!-- results which are not attached to an objective -->
-      <div v-if="hasResultsForAction">
-        <div class="results_without_objective">
-          {{ $t('results_without_objective') }}
-        </div>
-        <div>
-          <add-result :availableResults="resultsForAction" destination="action"></add-result>
-        </div>
+      <div id="startDate">
+         <label>{{ $t('startDate') }}</label>
+         <input v-model="startDate" type="date"/>
       </div>
 
-      <!-- results which **are** attached to an objective -->
-      <div v-for="g in goalsPicked">
-        <div>
-          <div @click="removeGoal(g)" class="objective-title">
-            <i class="fa fa-times"></i>
-            {{ g.goal.title.fr }}
-          </div>
-        </div>
-        <div>
-          <add-result destination="goal" :goal="g.goal"></add-result>
-        </div>
+      <div id="endDate">
+         <label>{{ $t('endDate') }}</label>
+         <input v-model="endDate" type="date"/>
       </div>
 
-      <!-- box to add goal -->
-      <div class="add_goal">
-        <div>
-          <div v-if="showAddObjective">
+      <div id="comment">
+         <label>{{ $t('comments') }}</label>
+         <ckeditor
+            v-model="note"
+            :editor="editor"
+            tag-name="textarea"
+         ></ckeditor>
+      </div>
 
-            <p>{{ $t('available_goals_text')}}</p>
+      <div id="objectives" class="objectives_list">
+         <div aria="hidden" class="title">
+            <div><h3>{{ $t('goals_title') }}</h3></div>
+            <div><h3>{{ $t('results_title') }}</h3></div>
+         </div>
 
-            <ul class="list-objectives">
-              <li v-for="g in availableForCheckGoal" @click="addGoal(g)" class="badge bg-primary">
-                <i class="fa fa-plus"></i>
-                {{ g.title.fr }}
-              </li>
+         <!-- results which are not attached to an objective -->
+         <div v-if="hasResultsForAction">
+            <div class="results_without_objective">
+               {{ $t('results_without_objective') }}
+            </div>
+            <div>
+               <add-result :availableResults="resultsForAction" destination="action"></add-result>
+            </div>
+         </div>
+
+         <!-- results which **are** attached to an objective -->
+         <div v-for="g in goalsPicked">
+            <div>
+               <div class="objective-title" @click="removeGoal(g)">
+                  <i class="fa fa-times"></i>
+                  {{ g.goal.title.fr }}
+               </div>
+            </div>
+            <div>
+               <add-result :goal="g.goal" destination="goal"></add-result>
+            </div>
+         </div>
+
+         <!-- box to add goal -->
+         <div class="add_goal">
+            <div>
+               <div v-if="showAddObjective">
+
+                  <p>{{ $t('available_goals_text') }}</p>
+
+                  <ul class="list-objectives">
+                     <li v-for="g in availableForCheckGoal" class="badge bg-primary" @click="addGoal(g)">
+                        <i class="fa fa-plus"></i>
+                        {{ g.title.fr }}
+                     </li>
+                  </ul>
+               </div>
+               <ul class="record_actions">
+                  <li>
+                     <button :title="$t('add_an_objective')" class="btn btn-create"
+                             @click="toggleAddObjective"></button>
+                  </li>
+               </ul>
+            </div>
+            <div><!-- empty for results --></div>
+         </div>
+      </div>
+
+      <div id="evaluations">
+         <div aria="hidden" class="title">
+            <div><h3>{{ $t('Evaluations') }}</h3></div>
+         </div>
+
+         <!-- list evaluations -->
+         <div v-if="hasEvaluationsForAction">
+            <add-evaluation
+               :availableEvaluations="evaluationsForAction">
+            </add-evaluation>
+         </div>
+
+         <!-- box to add new evaluation -->
+         <div class="add_evaluation">
+            <div v-if="showAddEvaluation">
+               <new-evaluation>
+               </new-evaluation>
+            </div>
+            <ul class="record_actions">
+               <li>
+                  <button
+                     :title="$t('add_an_evaluation')"
+                     class="btn btn-create"
+                     @click="toggleAddEvaluation">
+                  </button>
+               </li>
             </ul>
-          </div>
-          <ul class="record_actions">
-            <li>
-              <button @click="toggleAddObjective" class="btn btn-create" :title="$t('add_an_objective')"></button>
+         </div>
+      </div>
+
+      <div id="persons">
+         <h3>{{ $t('persons_involved') }}</h3>
+
+         <ul>
+            <li v-for="p in personsReachables" :key="p.id">
+               <input v-model="personsPicked" :value="p.id" type="checkbox">
+               <person :person="p"></person>
             </li>
-          </ul>
-        </div>
-        <div><!-- empty for results --></div>
-      </div>
-    </div>
-
-    <div id="evaluations">
-      <div class="title" aria="hidden">
-        <div><h3>{{ $t('Evaluations') }}</h3></div>
+         </ul>
       </div>
 
-      <!-- list evaluations -->
-      <div v-if="hasEvaluationsForAction">
-        <add-evaluation
-          :availableEvaluations="evaluationsForAction">
-        </add-evaluation>
-      </div>
+      <div id="handlingThirdParty">
+         <h3>{{ $t('handling_thirdparty') }}</h3>
 
-      <!-- box to add new evaluation -->
-      <div class="add_evaluation">
-        <div v-if="showAddEvaluation">
-          <new-evaluation>
-          </new-evaluation>
-        </div>
-        <ul class="record_actions">
-          <li>
-            <button
-              class="btn btn-create"
-              @click="toggleAddEvaluation"
-              :title="$t('add_an_evaluation')">
-            </button>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-    <div id="persons">
-      <h3>{{ $t('persons_involved') }}</h3>
-
-      <ul>
-        <li v-for="p in personsReachables" :key="p.id">
-          <input type="checkbox" :value="p.id" v-model="personsPicked">
-          <person :person="p"></person>
-        </li>
-      </ul>
-    </div>
-
-    <div id="handlingThirdParty">
-      <h3>{{ $t('handling_thirdparty') }}</h3>
-
-      <div v-if="!hasHandlingThirdParty">
-        <p class="chill-no-data-statement">
-           {{ $t('no_handling_thirdparty') }}
-        </p>
-
-        <ul class="record_actions">
-          <li>
-            <add-persons
-               v-bind:buttonTitle="$t('precise_handling_thirdparty')"
-               v-bind:modalTitle="$t('choose_a_thirdparty')"
-               v-bind:key="handlingThirdPartyPicker.key"
-               v-bind:options="handlingThirdPartyPicker.options"
-               @addNewPersons="setHandlingThirdParty"
-               ref="handlingThirdPartyPicker"> <!-- to cast child method -->
-            </add-persons>
-          </li>
-        </ul>
-      </div>
-      <div v-else>
-        <p>{{ handlingThirdParty.text }}</p>
-        <show-address :address="handlingThirdParty.address"></show-address>
-
-        <ul class="record_actions">
-          <li>
-            <button class="btn btn-remove" @click="removeHandlingThirdParty" :title="$t('remove_handling_thirdparty')"></button>
-          </li>
-        </ul>
-      </div>
-
-    </div>
-
-    <div id="thirdParties">
-      <h3>{{ $t('thirdparty_intervener') }}</h3>
-
-      <div v-if="!hasThirdParties">
-        <p class="chill-no-data-statement">{{ $t('no_thirdparty_intervener') }}</p>
-      </div>
-
-      <div v-else>
-        <ul>
-          <li v-for="t in thirdParties">
-            <p>{{ t.text }}</p>
-            <show-address :address="t.address"></show-address>
+         <div v-if="!hasHandlingThirdParty">
+            <p class="chill-no-data-statement">
+               {{ $t('no_handling_thirdparty') }}
+            </p>
 
             <ul class="record_actions">
-              <button class="btn btn-remove" @click="removeThirdParty(t)" :title="$t('remove_thirdparty')"></button>
+               <li>
+                  <add-persons
+                     ref="handlingThirdPartyPicker"
+                     v-bind:key="handlingThirdPartyPicker.key"
+                     v-bind:buttonTitle="$t('precise_handling_thirdparty')"
+                     v-bind:modalTitle="$t('choose_a_thirdparty')"
+                     v-bind:options="handlingThirdPartyPicker.options"
+                     @addNewPersons="setHandlingThirdParty"> <!-- to cast child method -->
+                  </add-persons>
+               </li>
             </ul>
-          </li>
-        </ul>
+         </div>
+         <div v-else>
+            <p>{{ handlingThirdParty.text }}</p>
+            <show-address :address="handlingThirdParty.address"></show-address>
+
+            <ul class="record_actions">
+               <li>
+                  <button :title="$t('remove_handling_thirdparty')" class="btn btn-remove"
+                          @click="removeHandlingThirdParty"></button>
+               </li>
+            </ul>
+         </div>
+
       </div>
 
-      <ul class="record_actions">
-        <li>
-          <add-persons
-             v-bind:buttonTitle="$t('add_thirdparties')"
-             v-bind:modalTitle="$t('choose_thirdparties')"
-             v-bind:key="thirdPartyPicker.key"
-             v-bind:options="thirdPartyPicker.options"
-             @addNewPersons="addThirdParties"
-             ref="thirdPartyPicker"> <!-- to cast child method -->
-          </add-persons>
-        </li>
-      </ul>
-    </div>
+      <div id="thirdParties">
+         <h3>{{ $t('thirdparty_intervener') }}</h3>
 
-    <div id="errors" v-if="errors.length > 0">
-      <p>{{ $t('fix_these_errors') }}</p>
-      <ul>
-        <li v-for="e in errors">{{ e }}</li>
-      </ul>
-    </div>
+         <div v-if="!hasThirdParties">
+            <p class="chill-no-data-statement">{{ $t('no_thirdparty_intervener') }}</p>
+         </div>
 
-  </div>
-  <ul class="record_actions sticky-form-buttons">
+         <div v-else>
+            <ul>
+               <li v-for="t in thirdParties">
+                  <p>{{ t.text }}</p>
+                  <show-address :address="t.address"></show-address>
 
-    <li v-if="!isPosting">
-      <button class="btn btn-save" @click="submit">
-        {{ $t('action.save') }}
-      </button>
-    </li>
+                  <ul class="record_actions">
+                     <button :title="$t('remove_thirdparty')" class="btn btn-remove"
+                             @click="removeThirdParty(t)"></button>
+                  </ul>
+               </li>
+            </ul>
+         </div>
 
-    <li v-if="isPosting">
-      <button class="btn btn-save" disabled>
-        {{ $t('action.save') }}
-      </button>
-    </li>
+         <ul class="record_actions">
+            <li>
+               <add-persons
+                  ref="thirdPartyPicker"
+                  v-bind:key="thirdPartyPicker.key"
+                  v-bind:buttonTitle="$t('add_thirdparties')"
+                  v-bind:modalTitle="$t('choose_thirdparties')"
+                  v-bind:options="thirdPartyPicker.options"
+                  @addNewPersons="addThirdParties"> <!-- to cast child method -->
+               </add-persons>
+            </li>
+         </ul>
+      </div>
 
-  </ul>
+      <div v-if="errors.length > 0" id="errors">
+         <p>{{ $t('fix_these_errors') }}</p>
+         <ul>
+            <li v-for="e in errors">{{ e }}</li>
+         </ul>
+      </div>
+
+   </div>
+   <ul class="record_actions sticky-form-buttons">
+
+      <li v-if="!isPosting">
+         <button class="btn btn-save" @click="submit">
+            {{ $t('action.save') }}
+         </button>
+      </li>
+
+      <li v-if="isPosting">
+         <button class="btn btn-save" disabled>
+            {{ $t('action.save') }}
+         </button>
+      </li>
+
+   </ul>
 </template>
 
 <script>
-import { mapState, mapGetters, } from 'vuex';
-import { dateToISO, ISOToDate, ISOToDatetime } from 'ChillMainAssets/chill/js/date.js';
+import {mapState, mapGetters,} from 'vuex';
+import {dateToISO, ISOToDate, ISOToDatetime} from 'ChillMainAssets/chill/js/date.js';
 import CKEditor from '@ckeditor/ckeditor5-vue';
 import ClassicEditor from 'ChillMainAssets/module/ckeditor5/index.js';
 import AddResult from './components/AddResult.vue';
@@ -225,180 +228,180 @@ import AddPersons from 'ChillPersonAssets/vuejs/_components/AddPersons.vue';
 import ShowAddress from 'ChillMainAssets/vuejs/Address/components/ShowAddress.vue';
 
 const i18n = {
-  messages: {
-    fr: {
-      action_title: "Action d'accompagnement",
-      comments: "Commentaire",
-      startDate: "Date de début",
-      endDate: "Date de fin",
-      goals_title: "Motifs - objectifs - dispositifs",
-      available_goals_text: "Motifs, objectifs et dispositifs disponibles pour ajout :",
-      results_title: "Orientations - résultats",
-      results_without_objective: "Résultats - orientations sans objectifs",
-      add_objectif: "Ajouter un motif - objectif - dispositif",
-      add_an_objective: "Ajouter un objectif",
-      Evaluations: "Évaluations",
-      add_an_evaluation: "Ajouter une évaluation",
-      persons_involved: "Usagers concernés",
-      handling_thirdparty: "Tiers traitant",
-      no_handling_thirdparty: "Aucun tiers traitant",
-      precise_handling_thirdparty: "Indiquer un tiers traitant",
-      choose_a_thirdparty: "Choisir un tiers",
-      remove_thirdparty: "Enlever le tiers",
-      remove_handling_thirdparty: "Enlever le tiers traitant",
-      thirdparty_intervener: "Tiers intervenants",
-      no_thirdparty_intervener: "Aucun tiers intervenant",
-      add_thirdparties: "Ajouter des tiers",
-      choose_thirdparties: "Choisir des tiers",
-      fix_these_errors: "Veuillez corriger les erreurs suivantes :",
-    }
-}
+   messages: {
+      fr: {
+         action_title: "Action d'accompagnement",
+         comments: "Commentaire",
+         startDate: "Date de début",
+         endDate: "Date de fin",
+         goals_title: "Motifs - objectifs - dispositifs",
+         available_goals_text: "Motifs, objectifs et dispositifs disponibles pour ajout :",
+         results_title: "Orientations - résultats",
+         results_without_objective: "Résultats - orientations sans objectifs",
+         add_objectif: "Ajouter un motif - objectif - dispositif",
+         add_an_objective: "Ajouter un objectif",
+         Evaluations: "Évaluations",
+         add_an_evaluation: "Ajouter une évaluation",
+         persons_involved: "Usagers concernés",
+         handling_thirdparty: "Tiers traitant",
+         no_handling_thirdparty: "Aucun tiers traitant",
+         precise_handling_thirdparty: "Indiquer un tiers traitant",
+         choose_a_thirdparty: "Choisir un tiers",
+         remove_thirdparty: "Enlever le tiers",
+         remove_handling_thirdparty: "Enlever le tiers traitant",
+         thirdparty_intervener: "Tiers intervenants",
+         no_thirdparty_intervener: "Aucun tiers intervenant",
+         add_thirdparties: "Ajouter des tiers",
+         choose_thirdparties: "Choisir des tiers",
+         fix_these_errors: "Veuillez corriger les erreurs suivantes :",
+      }
+   }
 };
 
 export default {
-  name: 'App',
-  components: {
-    ckeditor: CKEditor.component,
-    AddResult,
-    AddEvaluation,
-    NewEvaluation,
-    AddPersons,
-    Person,
-    ShowAddress,
-  },
-  i18n,
-  data() {
-    return {
-      editor: ClassicEditor,
-      showAddObjective: false,
-      showAddEvaluation: false,
-      handlingThirdPartyPicker: {
-        key: 'handling-third-party',
-        options: {
-          type: [ 'thirdparty' ],
-          priority: null,
-          uniq: true,
-          button: {
-             display: false
-          }
-        },
+   name: 'App',
+   components: {
+      ckeditor: CKEditor.component,
+      AddResult,
+      AddEvaluation,
+      NewEvaluation,
+      AddPersons,
+      Person,
+      ShowAddress,
+   },
+   i18n,
+   data() {
+      return {
+         editor: ClassicEditor,
+         showAddObjective: false,
+         showAddEvaluation: false,
+         handlingThirdPartyPicker: {
+            key: 'handling-third-party',
+            options: {
+               type: ['thirdparty'],
+               priority: null,
+               uniq: true,
+               button: {
+                  display: false
+               }
+            },
+         },
+         thirdPartyPicker: {
+            key: 'third-party',
+            options: {
+               type: ['thirdparty'],
+               priority: null,
+               uniq: false,
+               button: {
+                  display: false
+               }
+            },
+         }
+      };
+   },
+   computed: {
+      ...mapState([
+         'work',
+         'resultsForAction',
+         'evaluationsForAction',
+         'goalsPicked',
+         'personsReachables',
+         'handlingThirdParty',
+         'thirdParties',
+         'isPosting',
+         'errors',
+      ]),
+      ...mapGetters([
+         'hasResultsForAction',
+         'hasEvaluationsForAction',
+         'hasHandlingThirdParty',
+         'hasThirdParties',
+      ]),
+      startDate: {
+         get() {
+            console.log('get start date', this.$store.state.startDate);
+            return dateToISO(this.$store.state.startDate);
+         },
+         set(v) {
+            this.$store.commit('setStartDate', ISOToDate(v));
+         }
       },
-      thirdPartyPicker: {
-        key: 'third-party',
-        options: {
-          type: [ 'thirdparty' ],
-          priority: null,
-          uniq: false,
-          button: {
-             display: false
-          }
-        },
-      }
-    };
-  },
-  computed: {
-    ...mapState([
-      'work',
-      'resultsForAction',
-      'evaluationsForAction',
-      'goalsPicked',
-      'personsReachables',
-      'handlingThirdParty',
-      'thirdParties',
-      'isPosting',
-      'errors',
-    ]),
-    ...mapGetters([
-      'hasResultsForAction',
-      'hasEvaluationsForAction',
-      'hasHandlingThirdParty',
-      'hasThirdParties',
-    ]),
-    startDate: {
-      get() {
-        console.log('get start date', this.$store.state.startDate);
-        return dateToISO(this.$store.state.startDate);
+      endDate: {
+         get() {
+            console.log('get end date', this.$store.state.endDate);
+            return dateToISO(this.$store.state.endDate);
+         },
+         set(v) {
+            this.$store.commit('setEndDate', ISOToDate(v));
+         }
       },
-      set(v) {
-        this.$store.commit('setStartDate', ISOToDate(v));
-      }
-    },
-    endDate: {
-      get() {
-        console.log('get end date', this.$store.state.endDate);
-        return dateToISO(this.$store.state.endDate);
+      note: {
+         get() {
+            return this.$store.state.note;
+         },
+         set(v) {
+            this.$store.commit('setNote', v);
+         }
       },
-      set(v) {
-        this.$store.commit('setEndDate', ISOToDate(v));
-      }
-    },
-    note: {
-      get() {
-        return this.$store.state.note;
-      },
-      set(v) {
-        this.$store.commit('setNote', v);
-      }
-    },
-    availableForCheckGoal() {
-      let pickedIds = this.$store.state.goalsPicked.map(g => g.goal.id);
-      console.log('pickeds goals id', pickedIds);
-      console.log(this.$store.state.goalsForAction);
+      availableForCheckGoal() {
+         let pickedIds = this.$store.state.goalsPicked.map(g => g.goal.id);
+         console.log('pickeds goals id', pickedIds);
+         console.log(this.$store.state.goalsForAction);
 
-      return this.$store.state.goalsForAction.filter(g => !pickedIds.includes(g.id));
-    },
-    personsPicked: {
-      get() {
-        let s = this.$store.state.personsPicked.map(p => p.id);
-        console.log('persons picked', s);
-
-        return s;
+         return this.$store.state.goalsForAction.filter(g => !pickedIds.includes(g.id));
       },
-      set(v) {
-        console.log('persons picked', v);
-        this.$store.commit('setPersonsPickedIds', v);
-      }
-    },
-  },
-  methods: {
-    toggleAddObjective() {
-      this.showAddObjective = !this.showAddObjective;
-    },
-    addGoal(g) {
-      console.log('add Goal', g);
-      this.$store.commit('addGoal', g);
-    },
-    removeGoal(g) {
-      console.log('remove goal', g);
-      this.$store.commit('removeGoal', g);
-    },
-    toggleAddEvaluation() {
-       this.showAddEvaluation = !this.showAddEvaluation;
-    },
-    setHandlingThirdParty({ selected, modal }) {
-      console.log('setHandlingThirdParty', selected);
-      this.$store.commit('setHandlingThirdParty', selected.shift().result);
-      this.$refs.handlingThirdPartyPicker.resetSearch();
-      modal.showModal = false;
-    },
-    removeHandlingThirdParty() {
-      console.log('removeHandlingThirdParty');
-      this.$store.commit('setHandlingThirdParty', null);
-    },
-    addThirdParties({ selected, modal}) {
-      console.log('addThirdParties', selected);
-      this.$store.commit('addThirdParties', selected.map(r => r.result));
-      this.$refs.thirdPartyPicker.resetSearch();
-      modal.showModal = false;
-    },
-    removeThirdParty(t) {
-      console.log('remove third party', t);
-      this.$store.commit('removeThirdParty', t);
-    },
-    submit() {
-      this.$store.dispatch('submit');
-    },
-  }
+      personsPicked: {
+         get() {
+            let s = this.$store.state.personsPicked.map(p => p.id);
+            console.log('persons picked', s);
+
+            return s;
+         },
+         set(v) {
+            console.log('persons picked', v);
+            this.$store.commit('setPersonsPickedIds', v);
+         }
+      },
+   },
+   methods: {
+      toggleAddObjective() {
+         this.showAddObjective = !this.showAddObjective;
+      },
+      addGoal(g) {
+         console.log('add Goal', g);
+         this.$store.commit('addGoal', g);
+      },
+      removeGoal(g) {
+         console.log('remove goal', g);
+         this.$store.commit('removeGoal', g);
+      },
+      toggleAddEvaluation() {
+         this.showAddEvaluation = !this.showAddEvaluation;
+      },
+      setHandlingThirdParty({selected, modal}) {
+         console.log('setHandlingThirdParty', selected);
+         this.$store.commit('setHandlingThirdParty', selected.shift().result);
+         this.$refs.handlingThirdPartyPicker.resetSearch();
+         modal.showModal = false;
+      },
+      removeHandlingThirdParty() {
+         console.log('removeHandlingThirdParty');
+         this.$store.commit('setHandlingThirdParty', null);
+      },
+      addThirdParties({selected, modal}) {
+         console.log('addThirdParties', selected);
+         this.$store.commit('addThirdParties', selected.map(r => r.result));
+         this.$refs.thirdPartyPicker.resetSearch();
+         modal.showModal = false;
+      },
+      removeThirdParty(t) {
+         console.log('remove third party', t);
+         this.$store.commit('removeThirdParty', t);
+      },
+      submit() {
+         this.$store.dispatch('submit');
+      },
+   }
 };
 
 </script>
@@ -434,21 +437,26 @@ export default {
       .action_title_label {
          margin-bottom: 0;
       }
+
       .action_title {
          margin-top: 0;
          font-weight: bold;
          font-size: 1.5rem;
       }
    }
+
    #startDate {
       grid-area: startDate;
    }
+
    #endDate {
       grid-area: endDate;
    }
+
    #comment {
       grid-area: comment;
    }
+
    #objectives {
       grid-area: objectives;
 
@@ -528,6 +536,7 @@ export default {
 
       }
    }
+
    #objectives, #evaluations {
       padding: 0;
 
@@ -540,22 +549,28 @@ export default {
          }
       }
    }
+
    #evaluations {
       grid-area: evaluations;
+
       & > div {
          @include border-collapse;
          padding: 1em;
       }
    }
+
    #persons {
       grid-area: persons;
    }
+
    #handlingThirdParty {
       grid-area: handling;
    }
+
    #thirdParties {
       grid-area: tparties;
    }
+
    #errors {
       grid-area: errors;
    }
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddEvaluation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddEvaluation.vue
index ed1c355fa..15f65742a 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddEvaluation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddEvaluation.vue
@@ -1,18 +1,18 @@
 <template>
    affiche les évaluations
-   <div class="addEvaluation" v-if="hasEvaluation">
+   <div v-if="hasEvaluation" class="addEvaluation">
 
-      <p class="chill-no-data-statement" v-if="pickedEvaluations.length === 0">
+      <p v-if="pickedEvaluations.length === 0" class="chill-no-data-statement">
          {{ $t('no_evaluation_associated') }}
       </p>
 
       <ul class="list-evaluations">
-         <li v-for="e in pickedEvaluations" @click="removeEvaluation(e)" class="badge bg-primary">
+         <li v-for="e in pickedEvaluations" class="badge bg-primary" @click="removeEvaluation(e)">
             <i class="fa fa-times"></i>
             {{ e.id }}
          </li>
          <template v-if="isExpanded">
-            <li v-for="e in availableForCheckEvaluations" @click="addEvaluation(e)" class="badge bg-primary">
+            <li v-for="e in availableForCheckEvaluations" class="badge bg-primary" @click="addEvaluation(e)">
                <i class="fa fa-plus"></i>
                {{ e.id }}
             </li>
@@ -26,7 +26,7 @@
       </ul>
 
    </div>
-   <div class="noEvaluation" v-if="!hasEvaluation">
+   <div v-if="!hasEvaluation" class="noEvaluation">
       <div class="chill-no-data-statement">
          {{ $t('evaluation_has_no_evaluation') }}
       </div>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddResult.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddResult.vue
index 5c438548a..ed314eedf 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddResult.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/AddResult.vue
@@ -1,128 +1,128 @@
 <template>
-  <div class="addResult" v-if="hasResult">
-    <p class="chill-no-data-statement" v-if="pickedResults.length ===0">
-      Aucun résultat associé
-    </p>
-    <ul class="list-results">
-      <li v-for="r in pickedResults" @click="removeResult(r)" class="badge bg-primary">
-        <i class="fa fa-times"></i>
-        {{ r.title.fr }}
-      </li>
-      <template v-if="isExpanded">
-        <li v-for="r in availableForCheckResults" @click="addResult(r)" class="badge bg-primary">
-          <i class="fa fa-plus"></i>
-          {{ r.title.fr }}
-        </li>
-      </template>
-    </ul>
-    <ul class="record_actions">
-      <li v-if="isExpanded">
-        <button @click="toggleSelect" class="btn btn-hide" >
-          <i class="fa fa-eye-slash"></i>
-          Masquer résultats et orientations disponibles
-        </button>
-      </li>
-      <li v-else>
-        <button @click="toggleSelect" class="btn btn-show">
-          Afficher résultats et orientations disponibles
-        </button>
-      </li>
-    </ul>
-  </div>
-  <div class="noResult" v-if="!hasResult">
-    <div class="chill-no-data-statement">
-      {{ $t('goal_has_no_result') }}
-    </div>
-  </div>
+   <div v-if="hasResult" class="addResult">
+      <p v-if="pickedResults.length ===0" class="chill-no-data-statement">
+         Aucun résultat associé
+      </p>
+      <ul class="list-results">
+         <li v-for="r in pickedResults" class="badge bg-primary" @click="removeResult(r)">
+            <i class="fa fa-times"></i>
+            {{ r.title.fr }}
+         </li>
+         <template v-if="isExpanded">
+            <li v-for="r in availableForCheckResults" class="badge bg-primary" @click="addResult(r)">
+               <i class="fa fa-plus"></i>
+               {{ r.title.fr }}
+            </li>
+         </template>
+      </ul>
+      <ul class="record_actions">
+         <li v-if="isExpanded">
+            <button class="btn btn-hide" @click="toggleSelect">
+               <i class="fa fa-eye-slash"></i>
+               Masquer résultats et orientations disponibles
+            </button>
+         </li>
+         <li v-else>
+            <button class="btn btn-show" @click="toggleSelect">
+               Afficher résultats et orientations disponibles
+            </button>
+         </li>
+      </ul>
+   </div>
+   <div v-if="!hasResult" class="noResult">
+      <div class="chill-no-data-statement">
+         {{ $t('goal_has_no_result') }}
+      </div>
+   </div>
 </template>
 
 <script>
 const i18n = {
-  messages: {
-    fr: {
-      add_a_result: "Résultat - orientation disponibles",
-      goal_has_no_result: "Aucun résultat - orientation disponible",
-    }
-  }
+   messages: {
+      fr: {
+         add_a_result: "Résultat - orientation disponibles",
+         goal_has_no_result: "Aucun résultat - orientation disponible",
+      }
+   }
 };
 
 export default {
-  name: "AddResult",
-  props: [ 'destination', 'goal', 'availableResults' ],
-  i18n,
-  data() {
-    return {
-      isExpanded: false,
-    };
-  },
-  computed: {
-    hasResult() {
-      if (this.destination === 'action') {
-        return this.$store.state.resultsForAction.length > 0;
-      } else if (this.destination === 'goal') {
-        return this.$store.getters.resultsForGoal(this.goal).length > 0;
-      }
+   name: "AddResult",
+   props: ['destination', 'goal', 'availableResults'],
+   i18n,
+   data() {
+      return {
+         isExpanded: false,
+      };
+   },
+   computed: {
+      hasResult() {
+         if (this.destination === 'action') {
+            return this.$store.state.resultsForAction.length > 0;
+         } else if (this.destination === 'goal') {
+            return this.$store.getters.resultsForGoal(this.goal).length > 0;
+         }
 
-      throw Error(`this.destination is not implemented: ${this.destination}`);
-    },
-    pickedResults() {
-      console.log('get checked');
-      console.log('this.destination', this.destination);
-      console.log('this.goal', this.goal);
-      if (this.destination === 'action') {
-        return this.$store.state.resultsPicked;
-      } else if (this.destination === 'goal') {
-        return this.$store.getters.resultsPickedForGoal(this.goal);
-      }
+         throw Error(`this.destination is not implemented: ${this.destination}`);
+      },
+      pickedResults() {
+         console.log('get checked');
+         console.log('this.destination', this.destination);
+         console.log('this.goal', this.goal);
+         if (this.destination === 'action') {
+            return this.$store.state.resultsPicked;
+         } else if (this.destination === 'goal') {
+            return this.$store.getters.resultsPickedForGoal(this.goal);
+         }
 
-      throw Error(`this.destination is not implemented: ${this.destination}`);
-    },
-    availableForCheckResults() {
-      console.log('availableForCheckResults');
-      console.log('this.destination', this.destination);
-      console.log('this.goal', this.goal);
-      if (this.destination === 'action') {
-        let pickedIds = this.$store.state.resultsPicked.map(r => r.id);
-        console.log('picked ids', pickedIds);
+         throw Error(`this.destination is not implemented: ${this.destination}`);
+      },
+      availableForCheckResults() {
+         console.log('availableForCheckResults');
+         console.log('this.destination', this.destination);
+         console.log('this.goal', this.goal);
+         if (this.destination === 'action') {
+            let pickedIds = this.$store.state.resultsPicked.map(r => r.id);
+            console.log('picked ids', pickedIds);
 
-        return this.$store.state.resultsForAction.filter(r => !pickedIds.includes(r.id));
-      } else if (this.destination === 'goal') {
-        console.log('results picked for goal', this.$store.getters.resultsPickedForGoal(this.goal));
-        let pickedIds = this.$store.getters.resultsPickedForGoal(this.goal).map(r => r.id);
+            return this.$store.state.resultsForAction.filter(r => !pickedIds.includes(r.id));
+         } else if (this.destination === 'goal') {
+            console.log('results picked for goal', this.$store.getters.resultsPickedForGoal(this.goal));
+            let pickedIds = this.$store.getters.resultsPickedForGoal(this.goal).map(r => r.id);
 
-        return this.$store.getters.resultsForGoal(this.goal).filter(r => !pickedIds.includes(r.id));
-      }
+            return this.$store.getters.resultsForGoal(this.goal).filter(r => !pickedIds.includes(r.id));
+         }
 
-      throw Error(`this.destination is not implemented: ${this.destination}`);
-    }
-  },
-  methods: {
-    toggleSelect() {
-      this.isExpanded = !this.isExpanded;
-    },
-    addResult(r) {
-      console.log('addResult', r);
-      if (this.destination === 'action') {
-        this.$store.commit('addResultPicked', r);
-        return;
-      } else if (this.destination === 'goal') {
-        this.$store.commit('addResultForGoalPicked', { goal: this.goal, result: r });
-        return;
+         throw Error(`this.destination is not implemented: ${this.destination}`);
       }
-      throw Error(`this.destination is not implemented: ${this.destination}`);
-    },
-    removeResult(r) {
-      console.log('removeresult', r);
-      if (this.destination === 'action') {
-        this.$store.commit('removeResultPicked', r);
-        return;
-      } else if (this.destination === 'goal') {
-        this.$store.commit('removeResultForGoalPicked', { goal: this.goal, result: r });
-        return;
+   },
+   methods: {
+      toggleSelect() {
+         this.isExpanded = !this.isExpanded;
+      },
+      addResult(r) {
+         console.log('addResult', r);
+         if (this.destination === 'action') {
+            this.$store.commit('addResultPicked', r);
+            return;
+         } else if (this.destination === 'goal') {
+            this.$store.commit('addResultForGoalPicked', {goal: this.goal, result: r});
+            return;
+         }
+         throw Error(`this.destination is not implemented: ${this.destination}`);
+      },
+      removeResult(r) {
+         console.log('removeresult', r);
+         if (this.destination === 'action') {
+            this.$store.commit('removeResultPicked', r);
+            return;
+         } else if (this.destination === 'goal') {
+            this.$store.commit('removeResultForGoalPicked', {goal: this.goal, result: r});
+            return;
+         }
+         throw Error(`this.destination is not implemented: ${this.destination}`);
       }
-      throw Error(`this.destination is not implemented: ${this.destination}`);
-    }
-  }
+   }
 }
 
 </script>
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/NewEvaluation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/NewEvaluation.vue
index 20c702f41..f96fb3027 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/NewEvaluation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/NewEvaluation.vue
@@ -1,12 +1,12 @@
 <template>
-<div>
-   <h3>
-      {{ $t('evaluation_title') }}
-   </h3>
+   <div>
+      <h3>
+         {{ $t('evaluation_title') }}
+      </h3>
 
 
-</div>
-<pre>
+   </div>
+   <pre>
 {{ $t('evaluation_status') }}
 {{ $t('evaluation_choose_a_status') }}
 {{ $t('evaluation_startdate') }}
@@ -47,9 +47,7 @@ export default {
    props: [],
    i18n,
    data() {
-      return {
-
-      }
+      return {}
    },
    computed: {},
    methods: {}