diff --git a/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/AccompanyingPeriodWorkEvaluationDocument.php b/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/AccompanyingPeriodWorkEvaluationDocument.php
index e4a15fccc..faae0f4c3 100644
--- a/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/AccompanyingPeriodWorkEvaluationDocument.php
+++ b/src/Bundle/ChillPersonBundle/Entity/AccompanyingPeriod/AccompanyingPeriodWorkEvaluationDocument.php
@@ -83,12 +83,12 @@ class AccompanyingPeriodWorkEvaluationDocument implements \Chill\MainBundle\Doct
     private ?DocGeneratorTemplate $template = null;
 
     /**
-     * @ORM\Column(type="text", nullable=true)
+     * @ORM\Column(type="text", nullable=false, options={"default": ""})
      * @Serializer\Groups({"read"})
      * @Serializer\Groups({"write"})
      * @Serializer\Groups({"accompanying_period_work_evaluation:create"})
      */
-    private ?string $title = null;
+    private ?string $title = '';
 
     /**
      * @ORM\Column(type="date_immutable", nullable=true, options={"default": null})
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
index 49e53dbc3..dfa739551 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/components/FormEvaluation.vue
@@ -67,42 +67,36 @@
        <div class="flex-table">
          <div class="item-bloc" v-for="(d, i) in evaluation.documents" :key="i">
            <div class="item-row">
-               <div class="item-col" style="margin-right: 6px;">
-                  <label class="col-form-label">
-                     {{ $t('document_title') }}
-                  </label>
+               <div class="input-group input-group-lg mb-3">
                   <div>
                      <input
-                         class="form-control form-control-sm"
-                         type="string"
-                         :value=d.title
-                         :id=d.id
+                         class="form-control form-control-lg"
+                         style="font-weight: bold;"
+                         type="text"
+                         :value="d.title"
+                         :id="d.id"
                          @input="onInputDocumentTitle"/>
                   </div>
-                  <div v-if="d.template">
-                      <label class="col-form-label">
-                         {{ $t('template_title') }}
-                      </label>
-                     <div>{{ d.template.name.fr }}</div>
-                  </div>
-               </div>
-               <div class="item-col">
-                  <p v-if="d.createdBy">Créé par {{ d.createdBy.text }}<br/>
-                  Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
                </div>
            </div>
            <div class="item-row">
-            <ul class="record_actions" >
-             <li>
-               <a :href="buildEditLink(d.storedObject)" class="btn btn-action btn-sm">
-                 <i class="fa fa-edit"></i>
-               </a>
-             </li>
-             <li>
-               <a class="btn btn-sm btn-delete" @click="removeDocument(d)">
-               </a>
-             </li>
-            </ul>
+               <div class="item-col item-meta">
+                  <p v-if="d.createdBy" class="createdBy">Créé par {{ d.createdBy.text }}<br/>
+                  Le {{ $d(ISOToDatetime(d.createdAt.datetime), 'long') }}</p>
+               </div>
+               <div class="item-col">
+                 <ul class="record_actions" >
+                   <li>
+                     <a :href="buildEditLink(d.storedObject)" class="btn btn-action btn-sm">
+                       <i class="fa fa-edit"></i>
+                     </a>
+                   </li>
+                   <li>
+                     <a class="btn btn-sm btn-delete" @click="removeDocument(d)">
+                     </a>
+                   </li>
+                 </ul>
+               </div>
            </div>
          </div>
        </div>
@@ -276,12 +270,15 @@ export default {
       addDocument(storedObject) {
          let document = {
             type: 'accompanying_period_work_evaluation_document',
-            storedObject: storedObject
+            storedObject: storedObject,
+            title: 'Nouveau document',
          };
          this.$store.commit('addDocument', {key: this.evaluation.key, document: document});
       },
       removeDocument(document) {
-         this.$store.commit('removeDocument', {key: this.evaluation.key, document: document});
+         if (window.confirm("Êtes-vous sûr·e de vouloir supprimer le document qui a pour titre \"" + document.title +"\" ?")) {
+           this.$store.commit('removeDocument', {key: this.evaluation.key, document: document});
+         }
       }
    },
 }
diff --git a/src/Bundle/ChillPersonBundle/migrations/Version20220224145951.php b/src/Bundle/ChillPersonBundle/migrations/Version20220224145951.php
index e71174eea..75712f458 100644
--- a/src/Bundle/ChillPersonBundle/migrations/Version20220224145951.php
+++ b/src/Bundle/ChillPersonBundle/migrations/Version20220224145951.php
@@ -31,6 +31,8 @@ final class Version20220224145951 extends AbstractMigration
 
     public function up(Schema $schema): void
     {
-        $this->addSql('ALTER TABLE chill_person_accompanying_period_work_evaluation_document ADD title TEXT DEFAULT NULL');
+        $this->addSql('ALTER TABLE chill_person_accompanying_period_work_evaluation_document ADD title TEXT NOT NULL DEFAULT \'\'');
+        $this->addSql('UPDATE chill_person_accompanying_period_work_evaluation_document SET title=name->>\'fr\'
+            FROM chill_docgen_template cdt WHERE cdt.id = chill_person_accompanying_period_work_evaluation_document.template_id');
     }
 }