diff --git a/src/frontend/app/attachments/attachment-create/attachment-create.component.html b/src/frontend/app/attachments/attachment-create/attachment-create.component.html
index b5b0ead50f635b17b7543466879b85f63922bac0..41af6ac4c4bce35163e3ecbf433aed157272bf03 100644
--- a/src/frontend/app/attachments/attachment-create/attachment-create.component.html
+++ b/src/frontend/app/attachments/attachment-create/attachment-create.component.html
@@ -1,9 +1,13 @@
 <div class="attach-container">
+    <div class="example-loading-shade" *ngIf="sendingData">
+        <mat-spinner></mat-spinner>
+    </div>
     <h1 mat-dialog-title>
         <span style="flex: 1;">
             Creation d'une pièce jointe
         </span>
-        <button *ngIf="!loading" [title]="lang.close" mat-icon-button [disabled]="isDocLoading()" (click)="dialogRef.close();">
+        <button *ngIf="!loading" [title]="lang.close" mat-icon-button [disabled]="isDocLoading()"
+            (click)="dialogRef.close();">
             <mat-icon class="fa fa-times"></mat-icon>
         </button></h1>
     <mat-dialog-content class="attach-content">
@@ -14,7 +18,8 @@
                     <div class="attachment-form" *ngIf="!loading">
                         <div class="attachment-form-item">
                             <plugin-select-search [label]="lang.type" [placeholderLabel]="lang.type"
-                                [formControlSelect]="attachment['type']" [datas]="attachmentsTypes" (afterSelected)="getAttachType($event, i)" style="width:100%;">
+                                [formControlSelect]="attachment['type']" [datas]="attachmentsTypes"
+                                (afterSelected)="getAttachType($event, i)" style="width:100%;">
                             </plugin-select-search>
                         </div>
                         <div class="attachment-form-item">
@@ -55,8 +60,8 @@
                     </div>
                     <div
                         style="display: flex;flex: 1;align-items: center;justify-content: center;text-align: center;background: #135F7F;overflow: auto;color: white;">
-                        <app-document-viewer #appDocumentViewer style="height:100%;width:100%;position: relative;" [editMode]="true"
-                            [mode]="'attachment'" (triggerEvent)="setEncodedFile(i)">
+                        <app-document-viewer #appDocumentViewer style="height:100%;width:100%;position: relative;"
+                            [editMode]="true" [mode]="'attachment'" (triggerEvent)="setEncodedFile(i)">
                         </app-document-viewer>
                     </div>
                 </div>
diff --git a/src/frontend/app/attachments/attachment-create/attachment-create.component.scss b/src/frontend/app/attachments/attachment-create/attachment-create.component.scss
index 53341330e5f036305f0be00b466ad67a577faf1f..f94c1fb2f8a0c298a0ce2a0b3b05d74cbde763ab 100644
--- a/src/frontend/app/attachments/attachment-create/attachment-create.component.scss
+++ b/src/frontend/app/attachments/attachment-create/attachment-create.component.scss
@@ -1,12 +1,13 @@
 @import "../../../css/vars.scss";
 
-.modal-container {
+::ng-deep.modal-container {
     ::ng-deep.mat-dialog-container {
-        padding-top: 0px;
+        padding: 0px;
     }
 }
 
 .attach-container {
+    position: relative;
     display: flex;
     flex-direction: column;
     height: 100%;
@@ -18,12 +19,13 @@
 }
 
 .mat-dialog-title {
-    margin: 0px;
+    margin: 0px !important;
     display: flex;
     align-items: center;
 }
 
 .attach-content {
+    margin: 0px;
     padding: 0px !important;
     height: 100%;
     display: flex;
@@ -33,6 +35,7 @@
 .attachment-form {
     width: 300px;
     padding: 10px;
+    overflow: auto;
 
     &-item {
         display: flex;
@@ -42,11 +45,26 @@
         padding-top: 10px;
         padding-bottom: 10px;
 
-        ::ng-deep.mat-form-field-label {
-            background: white;
-            width: auto !important;
-            padding-left: 5px;
-            padding-right: 5px;
+        ::ng-deep.mat-form-field-should-float {
+            ::ng-deep.mat-form-field-label-wrapper {
+                margin-top: -5px;
+            }
+
+            ::ng-deep.mat-form-field-label {
+                background: white;
+                width: auto !important;
+                padding-left: 5px;
+                padding-right: 5px;
+            }
         }
     }
+}
+
+.example-loading-shade {
+    background: #ffffffc4;
+    z-index: 2;
+}
+
+.actions {
+    margin: 0px;
 }
\ No newline at end of file
diff --git a/src/frontend/app/attachments/attachment-create/attachment-create.component.ts b/src/frontend/app/attachments/attachment-create/attachment-create.component.ts
index 39284300749a5f49a7721e62daea313449b2e2e4..f19c7a25961a3251bf65145148abfbd32d9c34f9 100644
--- a/src/frontend/app/attachments/attachment-create/attachment-create.component.ts
+++ b/src/frontend/app/attachments/attachment-create/attachment-create.component.ts
@@ -25,6 +25,8 @@ export class AttachmentCreateComponent implements OnInit {
 
     loading: boolean = true;
 
+    sendingData: boolean = false;
+
     attachmentsTypes: any[] = [];
 
     creationMode: boolean = true;
@@ -109,6 +111,7 @@ export class AttachmentCreateComponent implements OnInit {
     }
 
     onSubmit() {
+        this.sendingData = true;
         const attach = this.formatAttachments();
         let arrayRoutes: any = [];
 
@@ -118,9 +121,10 @@ export class AttachmentCreateComponent implements OnInit {
 
         forkJoin(arrayRoutes).pipe(
             tap(() => {
+                this.notify.success(this.lang.attachmentAdded);
                 this.dialogRef.close('success');
             }),
-            finalize(() => this.loading = false),
+            finalize(() => this.sendingData),
             catchError((err: any) => {
                 this.notify.handleErrors(err);
                 return of(false);
diff --git a/src/frontend/app/attachments/attachments-list.component.ts b/src/frontend/app/attachments/attachments-list.component.ts
index 69dfc7d8cfe5c564ff93cc0fc577702d25946386..1f0e64add1df722834a0403b65a79e3ee09b2c66 100644
--- a/src/frontend/app/attachments/attachments-list.component.ts
+++ b/src/frontend/app/attachments/attachments-list.component.ts
@@ -128,7 +128,7 @@ export class AttachmentsListComponent implements OnInit {
     }
 
     showAttachment(attachment: any) {
-        this.dialogRef = this.dialog.open(AttachmentPageComponent, { height: '99vh', width: '99vw', disableClose: true, data: { resId: attachment.resId} });
+        this.dialogRef = this.dialog.open(AttachmentPageComponent, { height: '99vh', width: '99vw', panelClass: 'modal-container', disableClose: true, data: { resId: attachment.resId} });
 
         this.dialogRef.afterClosed().pipe(
             filter((data: string) => data === 'success'),
@@ -149,7 +149,6 @@ export class AttachmentsListComponent implements OnInit {
             filter((data: string) => data === 'success'),
             tap(() => {
                 this.loadAttachments(this.resId);
-                this.notify.success('success');
             }),
             catchError((err: any) => {
                 this.notify.handleErrors(err);
diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.html b/src/frontend/app/attachments/attachments-page/attachment-page.component.html
index d585e81e70a44f82ef4ada3e254a7a520fc88ed4..900514507f889c7e7fa9f5ebe505e3de036cf861 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.html
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.html
@@ -1,124 +1,132 @@
-<h1 mat-dialog-title>
-    <span *ngIf="!loading" style="flex: 1;" [title]="attachment.title.value">
-        <ng-container *ngIf="attachment.chrono.value !== null">
-            {{attachment.chrono.value}} -
-        </ng-container>
-        {{attachment.title.value | shorten: 50: '...'}}
-    </span>
-    <button [title]="lang.close" mat-icon-button (click)="dialogRef.close();">
-        <mat-icon class="fa fa-times"></mat-icon>
-    </button></h1>
-<mat-dialog-content class="modal-container">
-    <mat-sidenav-container class="maarch-container">
-        <mat-sidenav #snavLeft class="panel-left" [mode]="appService.getViewMode() ? 'over' : 'side'"
-            [fixedInViewport]="appService.getViewMode()" [opened]="!hidePanel" autoFocus="false"
-            style="overflow-x:hidden;" [ngStyle]="{'width': appService.getViewMode() ? '95%' : '200px'}">
-            <ng-container *ngIf="!loading">
-                <div class="attachment-form">
-                    <div class="attachment-form-item">
-                        <mat-form-field class="input-form">
-                            <input matInput placeholder="{{lang.version}}" [formControl]="attachment['relation']"
-                                [value]="lang.version + ' ' + attachment.relation.value">
-                        </mat-form-field>
-                    </div>
-                    <div class="attachment-form-item">
-                        <mat-form-field class="input-form">
-                            <input matInput placeholder="{{lang.status}}" [formControl]="attachment['status']"
-                                [value]="lang['attachment_'+attachment['status'].value]">
-                        </mat-form-field>
-                    </div>
-                    <div class="attachment-form-item">
-                        <plugin-select-search [label]="lang.type" [placeholderLabel]="lang.type"
-                            [formControlSelect]="attachment['type']" [datas]="attachmentsTypes"
-                            (afterSelected)="getAttachType($event)" style="width:100%;">
-                        </plugin-select-search>
-                    </div>
-                    <div class="attachment-form-item">
-                        <mat-form-field class="input-form">
-                            <input matInput placeholder="{{lang.subject}}" [formControl]="attachment['title']">
-                        </mat-form-field>
-                    </div>
-                    <div class="attachment-form-item">
-                        <mat-form-field class="input-form">
-                            <input matInput placeholder="{{lang.contact}}">
-                        </mat-form-field>
+<div class="attach-container">
+    <div class="example-loading-shade" *ngIf="sendingData">
+        <mat-spinner></mat-spinner>
+    </div>
+    <h1 mat-dialog-title>
+        <span *ngIf="!loading" style="flex: 1;" [title]="attachment.title.value">
+            <ng-container *ngIf="attachment.chrono.value !== null">
+                {{attachment.chrono.value}} -
+            </ng-container>
+            {{attachment.title.value | shorten: 50: '...'}}
+        </span>
+        <button [title]="lang.close" mat-icon-button (click)="dialogRef.close();">
+            <mat-icon class="fa fa-times"></mat-icon>
+        </button></h1>
+    <mat-dialog-content class="attach-content">
+
+        <mat-sidenav-container class="maarch-container">
+            <mat-sidenav #snavLeft class="panel-left" [mode]="appService.getViewMode() ? 'over' : 'side'"
+                [fixedInViewport]="appService.getViewMode()" [opened]="!hidePanel" autoFocus="false"
+                style="overflow-x:hidden;" [ngStyle]="{'width': appService.getViewMode() ? '95%' : '200px'}">
+                <ng-container *ngIf="!loading">
+                    <div class="attachment-form">
+                        <div class="attachment-form-item">
+                            <mat-form-field class="input-form">
+                                <input matInput placeholder="{{lang.version}}" [formControl]="attachment['relation']"
+                                    [value]="lang.version + ' ' + attachment.relation.value">
+                            </mat-form-field>
+                        </div>
+                        <div class="attachment-form-item">
+                            <mat-form-field class="input-form">
+                                <input matInput placeholder="{{lang.status}}" [formControl]="attachment['status']"
+                                    [value]="lang['attachment_'+attachment['status'].value]">
+                            </mat-form-field>
+                        </div>
+                        <div class="attachment-form-item">
+                            <plugin-select-search [label]="lang.type" [placeholderLabel]="lang.type"
+                                [formControlSelect]="attachment['type']" [datas]="attachmentsTypes"
+                                (afterSelected)="getAttachType($event)" style="width:100%;">
+                            </plugin-select-search>
+                        </div>
+                        <div class="attachment-form-item">
+                            <mat-form-field class="input-form">
+                                <input matInput placeholder="{{lang.subject}}" [formControl]="attachment['title']">
+                            </mat-form-field>
+                        </div>
+                        <div class="attachment-form-item">
+                            <mat-form-field class="input-form">
+                                <input matInput placeholder="{{lang.contact}}">
+                            </mat-form-field>
+                        </div>
+                        <div class="attachment-form-item">
+                            <mat-form-field class="input-form" (click)="picker.open()" style="cursor:pointer;">
+                                <input [formControl]="attachment['validationDate']" matInput [matDatepicker]="picker"
+                                    [placeholder]="lang.expectedReturnDate" [min]="now" readonly
+                                    style="cursor:pointer;">
+                                <mat-datepicker-toggle matSuffix [for]="picker"
+                                    *ngIf="!attachment['validationDate'].value">
+                                </mat-datepicker-toggle>
+                                <mat-datepicker [touchUi]="appService.getViewMode()" #picker></mat-datepicker>
+                                <button mat-button color="warn" matSuffix mat-icon-button
+                                    *ngIf="attachment['validationDate'].value && !attachment['validationDate'].disabled"
+                                    (click)="$event.stopPropagation();attachment['validationDate'].reset();"
+                                    [title]="lang.eraseValue">
+                                    <mat-icon color="warn" class="fa fa-calendar-times">
+                                    </mat-icon>
+                                </button>
+                            </mat-form-field>
+                        </div>
                     </div>
-                    <div class="attachment-form-item">
-                        <mat-form-field class="input-form" (click)="picker.open()" style="cursor:pointer;">
-                            <input [formControl]="attachment['validationDate']" matInput [matDatepicker]="picker"
-                                [placeholder]="lang.expectedReturnDate" [min]="now" readonly style="cursor:pointer;">
-                            <mat-datepicker-toggle matSuffix [for]="picker" *ngIf="!attachment['validationDate'].value">
-                            </mat-datepicker-toggle>
-                            <mat-datepicker [touchUi]="appService.getViewMode()" #picker></mat-datepicker>
-                            <button mat-button color="warn" matSuffix mat-icon-button
-                                *ngIf="attachment['validationDate'].value && !attachment['validationDate'].disabled"
-                                (click)="$event.stopPropagation();attachment['validationDate'].reset();"
-                                [title]="lang.eraseValue">
-                                <mat-icon color="warn" class="fa fa-calendar-times">
-                                </mat-icon>
-                            </button>
-                        </mat-form-field>
+                    <div style="text-align: center;">
+                        <button mat-raised-button color="primary" (click)="updateAttachment()"
+                            [disabled]="!editMode">{{lang.update}}</button>
+                        <button mat-raised-button color="primary" (click)="createNewVersion()"
+                            [disabled]="!editMode || attachment['encodedFile'].value === null">{{lang.newVersion}}</button>
+                        <button mat-raised-button color="warn" *ngIf="attachment.status.value === 'SIGN'"
+                            (click)="deleteSignedVersion()">{{lang.deleteSignedVersion}}</button>
                     </div>
-                </div>
-                <div style="text-align: center;">
-                    <button mat-raised-button color="primary" (click)="updateAttachment()"
-                        [disabled]="!editMode">{{lang.update}}</button>
-                    <button mat-raised-button color="primary" (click)="createNewVersion()"
-                        [disabled]="!editMode || attachment['encodedFile'].value === null">{{lang.newVersion}}</button>
-                    <button mat-raised-button color="warn" *ngIf="attachment.status.value === 'SIGN'"
-                        (click)="deleteSignedVersion()">{{lang.deleteSignedVersion}}</button>
-                </div>
-            </ng-container>
+                </ng-container>
 
-        </mat-sidenav>
-        <mat-sidenav-content>
-            <mat-tab-group [selectedIndex]="1" class="pjList" *ngIf="!loading">
-                <mat-tab label="Document principal" *ngIf="attachment.res_id_master !== null">
-                    <ng-template matTabContent>
+            </mat-sidenav>
+            <mat-sidenav-content>
+                <mat-tab-group [selectedIndex]="1" class="pjList" *ngIf="!loading" animationDuration="0">
+                    <mat-tab label="Document principal" *ngIf="attachment.res_id_master !== null">
+                        <ng-template matTabContent>
+                            <app-document-viewer #appDocumentViewer style="height:100%;width:100%;" [editMode]="false"
+                                [resId]="attachment.resIdMaster.value" [title]="'Document principal'">
+                            </app-document-viewer>
+                        </ng-template>
+                    </mat-tab>
+                    <mat-tab *ngIf="attachment.status.value === 'SIGN'">
+                        <ng-template mat-tab-label>
+                            <span style="color:green">{{lang.signedAttachment}}</span>
+                        </ng-template>
                         <app-document-viewer #appDocumentViewer style="height:100%;width:100%;" [editMode]="false"
-                            [resId]="attachment.resIdMaster.value" [title]="'Document principal'">
+                            [resId]="attachment.signedResponse.value" [mode]="'attachment'"
+                            [title]="attachment.chrono.value + ' - ' + attachment.title.value + '(' + lang.signed + ')'">
                         </app-document-viewer>
-                    </ng-template>
-                </mat-tab>
-                <mat-tab *ngIf="attachment.status.value === 'SIGN'">
-                    <ng-template mat-tab-label>
-                        <span style="color:green">{{lang.signedAttachment}}</span>
-                    </ng-template>
-                    <app-document-viewer #appDocumentViewer style="height:100%;width:100%;" [editMode]="false"
-                        [resId]="attachment.signedResponse.value" [mode]="'attachment'"
-                        [title]="attachment.chrono.value + ' - ' + attachment.title.value + '(' + lang.signed + ')'">
-                    </app-document-viewer>
-                </mat-tab>
-                <mat-tab>
-                    <ng-template mat-tab-label>
-                        <span style="color:#135f7f">{{lang.attachment}}</span>
-                    </ng-template>
-                    <app-document-viewer #appAttachmentViewer style="height:100%;width:100%;" [editMode]="editMode"
-                        [resId]="data.resId" [mode]="'attachment'" [attachType]="attachment['type'].value"
-                        [infoPanel]="snavLeft" (triggerEvent)="setEncodedFile()"
-                        [title]="attachment.chrono.value + ' - ' + attachment.title.value">
-                    </app-document-viewer>
-                </mat-tab>
-                <mat-tab label="{{lang.attachment}} ({{lang.version}} {{version.relation}})"
-                    *ngFor="let version of attachment.versions">
-                    <ng-template matTabContent>
-                        <app-document-viewer #appDocumentViewer style="height:100%;width:100%;" [editMode]="false"
-                            [resId]="version.resId" [mode]="'attachment'"
-                            [title]="attachment.chrono.value + ' - ' + attachment.title.value + ' (' + version.relation + ')'">
+                    </mat-tab>
+                    <mat-tab>
+                        <ng-template mat-tab-label>
+                            <span style="color:#135f7f">{{lang.attachment}}</span>
+                        </ng-template>
+                        <app-document-viewer #appAttachmentViewer style="height:100%;width:100%;" [editMode]="editMode"
+                            [resId]="data.resId" [mode]="'attachment'" [attachType]="attachment['type'].value"
+                            [infoPanel]="snavLeft" (triggerEvent)="setEncodedFile()"
+                            [title]="attachment.chrono.value + ' - ' + attachment.title.value">
                         </app-document-viewer>
-                    </ng-template>
+                    </mat-tab>
+                    <mat-tab label="{{lang.attachment}} ({{lang.version}} {{version.relation}})"
+                        *ngFor="let version of attachment.versions">
+                        <ng-template matTabContent>
+                            <app-document-viewer #appDocumentViewer style="height:100%;width:100%;" [editMode]="false"
+                                [resId]="version.resId" [mode]="'attachment'"
+                                [title]="attachment.chrono.value + ' - ' + attachment.title.value + ' (' + version.relation + ')'">
+                            </app-document-viewer>
+                        </ng-template>
 
-                </mat-tab>
-            </mat-tab-group>
-        </mat-sidenav-content>
-        <mat-sidenav #snav2 [fixedInViewport]="appService.getViewMode()" position='end'
-            [opened]="appService.getViewMode() ? false : false" [mode]="appService.getViewMode() ? 'over' : 'side'"
-            class="panel-right" style="overflow-x:hidden;"
-            [ngStyle]="{'width': appService.getViewMode() ? '80%' : '100px'}" autoFocus="false">
+                    </mat-tab>
+                </mat-tab-group>
+            </mat-sidenav-content>
+            <mat-sidenav #snav2 [fixedInViewport]="appService.getViewMode()" position='end'
+                [opened]="appService.getViewMode() ? false : false" [mode]="appService.getViewMode() ? 'over' : 'side'"
+                class="panel-right" style="overflow-x:hidden;"
+                [ngStyle]="{'width': appService.getViewMode() ? '80%' : '100px'}" autoFocus="false">
 
-        </mat-sidenav>
-    </mat-sidenav-container>
-</mat-dialog-content>
-<div mat-dialog-actions>
-    <button mat-raised-button mat-button [disabled]="loading" [mat-dialog-close]="">{{lang.close}}</button>
+            </mat-sidenav>
+        </mat-sidenav-container>
+    </mat-dialog-content>
+    <div mat-dialog-actions class="actions">
+        <button mat-raised-button mat-button [disabled]="loading" [mat-dialog-close]="">{{lang.close}}</button>
+    </div>
 </div>
\ No newline at end of file
diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
index 704c7be91824489c00ab3ed80a7e34670c8a24e6..7d3781fcad55d6cbeb2bb2d0e0509535cc525201 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.scss
@@ -1,16 +1,35 @@
 @import "../../../css/vars.scss";
 
+::ng-deep.modal-container {
+    ::ng-deep.mat-dialog-container {
+        padding: 0px;
+    }
+}
+
+.attach-container {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+
+    ::ng-deep.mat-tab-body-wrapper,
+    ::ng-deep.mat-tab-body-content {
+        height: 100% !important;
+    }
+}
+
 .mat-dialog-title {
-    padding: 10px;
+    margin: 0px !important;
     display: flex;
     align-items: center;
 }
 
-.modal-container {
+.attach-content {
+    margin: 0px;
+    padding: 0px !important;
+    height: 100%;
+    display: flex;
     overflow: auto;
-}
-
-.mat-dialog-content {
     max-height: 100vh !important;
     height: calc(100% - 75px);
 }
@@ -53,4 +72,13 @@
         height: 100% !important;
         text-align: center;
     }
+}
+
+.example-loading-shade {
+    background: #ffffffc4;
+    z-index: 2;
+}
+
+.actions {
+    margin: 0px;
 }
\ No newline at end of file
diff --git a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
index e238a6daee3710226e11097951032c9ccab99550..cfc4aa549a762e414b171ce33f82178fa78cc23c 100644
--- a/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
+++ b/src/frontend/app/attachments/attachments-page/attachment-page.component.ts
@@ -26,6 +26,7 @@ export class AttachmentPageComponent implements OnInit {
     lang: any = LANG;
 
     loading: boolean = true;
+    sendingData: boolean = false;
 
     attachmentsTypes: any[] = [];
     attachment: any;
@@ -99,12 +100,13 @@ export class AttachmentPageComponent implements OnInit {
     }
 
     createNewVersion() {
+        this.sendingData = true;
         this.http.post(`../../rest/attachments`, this.getAttachmentValues(true)).pipe(
             tap((data: any) => {
-                this.notify.success('Nouvelle version créée');
+                this.notify.success(this.lang.newVersionAdded);
                 this.dialogRef.close('success');
             }),
-            finalize(() => this.loading = false),
+            finalize(() => this.sendingData = false),
             catchError((err: any) => {
                 this.notify.handleErrors(err);
                 return of(false);
@@ -113,12 +115,13 @@ export class AttachmentPageComponent implements OnInit {
     }
 
     updateAttachment() {
+        this.sendingData = true;
         this.http.put(`../../rest/attachments/${this.attachment.resId.value}`, this.getAttachmentValues()).pipe(
             tap((data: any) => {
-                this.notify.success('Pièce jointe modifiée');
+                this.notify.success(this.lang.attachmentUpdated);
                 this.dialogRef.close('success');
             }),
-            finalize(() => this.loading = false),
+            finalize(() => this.sendingData = false),
             catchError((err: any) => {
                 this.notify.handleErrors(err);
                 return of(false);
@@ -185,7 +188,7 @@ export class AttachmentPageComponent implements OnInit {
                     this.editMode = true;
                     this.enableForm(this.editMode);
                 }
-                this.notify.success('Version signée supprimée');
+                this.notify.success(this.lang.signedVersionDeleted);
             }),
             catchError((err: any) => {
                 this.notify.handleErrors(err);
diff --git a/src/frontend/app/attachments/attachments-resume/attachments-resume.component.ts b/src/frontend/app/attachments/attachments-resume/attachments-resume.component.ts
index 5d5babcb70cfa38d4010918057679baa52e3078e..842885873c9a8f93be066f5b9e751174baaa81fa 100644
--- a/src/frontend/app/attachments/attachments-resume/attachments-resume.component.ts
+++ b/src/frontend/app/attachments/attachments-resume/attachments-resume.component.ts
@@ -56,7 +56,7 @@ export class AttachmentsResumeComponent implements OnInit {
     }
 
     showAttachment(attachment: any) {
-        this.dialogRef = this.dialog.open(AttachmentPageComponent, { height: '99vh', width: '99vw', disableClose: true, data: { resId: attachment.resId} });
+        this.dialogRef = this.dialog.open(AttachmentPageComponent, { height: '99vh', width: '99vw', disableClose: true, panelClass: 'modal-container', data: { resId: attachment.resId} });
 
         this.dialogRef.afterClosed().pipe(
             filter((data: string) => data === 'success'),
diff --git a/src/frontend/lang/lang-en.ts b/src/frontend/lang/lang-en.ts
index ec4da95480509d99c3f72921a4ca4546d1a95a6e..841263b67c68b714382f26ac9f51497006b899f9 100755
--- a/src/frontend/lang/lang-en.ts
+++ b/src/frontend/lang/lang-en.ts
@@ -1283,4 +1283,8 @@ export const LANG_EN = {
     "newVersion" : "New version",
     "deleteSignedVersion" : "Delete signed version",
     "signedAttachment" : "Signed attachment",
+    "attachmentAdded" : "Attachment added",
+    "attachmentUpdated" : "Attachment updated",
+    "signedVersionDeleted" : "Signed version deleted",
+    "newVersionAdded" : "New version added",
 };
diff --git a/src/frontend/lang/lang-fr.ts b/src/frontend/lang/lang-fr.ts
index 9f18b2bd158463b086260760cafd1fb3d1a69b01..cf4ac40e8f519380e1926d375e57508269793057 100755
--- a/src/frontend/lang/lang-fr.ts
+++ b/src/frontend/lang/lang-fr.ts
@@ -1320,4 +1320,8 @@ export const LANG_FR = {
     "newVersion" : "Nouvelle version",
     "deleteSignedVersion" : "Supprimer la version signée",
     "signedAttachment" : "Pièce jointe signée",
+    "attachmentAdded" : "Pièce jointe créée",
+    "attachmentUpdated" : "Pièce jointe modifiée",
+    "signedVersionDeleted" : "Version signée supprimée",
+    "newVersionAdded" : "Nouvelle version créée",
 };
diff --git a/src/frontend/lang/lang-nl.ts b/src/frontend/lang/lang-nl.ts
index c5c9b87756770cec40f850d5c3a4e0a98333d092..fe7ef441da49482c5b7f790822ecdebd1c6e2892 100755
--- a/src/frontend/lang/lang-nl.ts
+++ b/src/frontend/lang/lang-nl.ts
@@ -1308,4 +1308,8 @@ export const LANG_NL = {
     "newVersion" : "New version", //_TO_TRANSLATE
     "deleteSignedVersion" : "Delete signed version", //_TO_TRANSLATE
     "signedAttachment" : "Signed attachment", //_TO_TRANSLATE
+    "attachmentAdded" : "Attachment added", //_TO_TRANSLATE
+    "attachmentUpdated" : "Attachment updated", //_TO_TRANSLATE
+    "signedVersionDeleted" : "Signed version deleted", //_TO_TRANSLATE
+    "newVersionAdded" : "New version added", //_TO_TRANSLATE
 };