diff --git a/src/frontend/app/administration/connection/cas/cas.component.html b/src/frontend/app/administration/connection/cas/cas.component.html
index 36e59f1e784b3f0260372c59b79d0e159b807f8d..f55596e839e90a4ebfdc7f4ffddbc78a91d8811d 100755
--- a/src/frontend/app/administration/connection/cas/cas.component.html
+++ b/src/frontend/app/administration/connection/cas/cas.component.html
@@ -54,6 +54,10 @@
                     [disabled]="!adminForm.form.valid || !canValidate()">
                     <ion-label style="font-size: 13px;">{{'lang.validate' | translate}}</ion-label>
                 </ion-button>
+                <ion-button *ngIf="!creationMode" type="button" shape="round" size="large" 
+                    fill="outline" color="danger" (click)="delete()" >
+                    <ion-label style="font-size: 13px;">{{'lang.delete' | translate}}</ion-label>
+                </ion-button>
             </div>
         </ion-item>
     </ion-content>
diff --git a/src/frontend/app/administration/connection/cas/cas.component.ts b/src/frontend/app/administration/connection/cas/cas.component.ts
index 1ef9568b3a3b112fa7f7eac4e8be79b12d3ada0d..4b1987af9f2cbb3d0f2484a8b04794ccf4901478 100755
--- a/src/frontend/app/administration/connection/cas/cas.component.ts
+++ b/src/frontend/app/administration/connection/cas/cas.component.ts
@@ -77,7 +77,6 @@ export class CasComponent implements OnInit {
 
     ngOnInit(): void {
         this.casTest.login = this.authService.user.login;
-        this.creationMode = false;
         this.http.get('../rest/configurations?identifier=casServer')
             .pipe(
                 map((data: any) => data.configurations[0]),
@@ -98,9 +97,13 @@ export class CasComponent implements OnInit {
                         };
                         this.casClone = JSON.parse(JSON.stringify(this.cas));
                         this.title = this.cas.label;
+                        this.creationMode = false;
+                    } else {
+                        this.creationMode = true;
+                        this.title = this.translate.instant('lang.casCreation');
+                        this.loading = false;
                     }
                 }),
-
                 finalize(() => this.loading = false)
             ).subscribe();
     }
@@ -149,6 +152,30 @@ export class CasComponent implements OnInit {
             ).subscribe();
     }
 
+    delete() {
+        const dialogRef = this.dialog.open(ConfirmComponent, { autoFocus: false, data: { mode: '', title: 'lang.confirmMsg', msg: '' } });
+
+        dialogRef.afterClosed().subscribe(result => {
+            if (result === 'yes') {
+                this.creationMode = false;
+                this.loading = true;
+                this.http.delete('../rest/configurations/' + this.cas.id)
+                    .pipe(
+                        finalize(() => this.loading = false),
+                        tap(() => {
+                            this.router.navigate(['/administration/connections']);
+                            this.notificationService.success('lang.casDeleted');
+                        }),
+                        catchError((err: any) => {
+                            this.notificationService.handleErrors(err);
+                            return of(false);
+                        })
+                    )
+                    .subscribe();
+            }
+        });
+    }
+
     cancel() {
         this.router.navigate(['/administration/connections']);
     }