diff --git a/apps/maarch_entreprise/Views/entities-administration.component.html b/apps/maarch_entreprise/Views/entities-administration.component.html
index cd47b83fe91f7827b092b4ca9efdc58288152bab..c664943176481d3bffc98e329ef277783f36eca2 100644
--- a/apps/maarch_entreprise/Views/entities-administration.component.html
+++ b/apps/maarch_entreprise/Views/entities-administration.component.html
@@ -23,6 +23,18 @@
                 </a>
             </mat-nav-list>
             <mat-divider></mat-divider>
+            <mat-nav-list>
+                <h3 mat-subheader>Role(s) disponible(s)</h3>
+                <a mat-list-item *ngFor="let role of currentEntity.roles; let i = index">
+                    <mat-icon color="primary" mat-list-icon style="margin-bottom: 20px;">
+                        <mat-slide-toggle [(ngModel)]="role.available" [checked]="role.available" color="primary" [ngStyle]="{'opacity': role.available ? '' : '0.5'}" (change)="toggleRole(role)"></mat-slide-toggle>
+                    </mat-icon>
+                    <p mat-line>
+                        {{role.label}}
+                    </p>
+                </a>
+            </mat-nav-list>
+            <mat-divider></mat-divider>
             <menu-app></menu-app>
         </mat-sidenav>
         <mat-sidenav-content>
@@ -204,7 +216,7 @@
                                 </mat-form-field>
                                 <mat-list>
                                     <span *ngFor="let role of currentEntity.roles; let i = index">
-                                        <h3 *ngIf="role.available" mat-subheader style="font-weight:bold;" color="primary"><mat-slide-toggle [checked]="role.available" color="primary" [ngStyle]="{'opacity': role.available ? '' : '0.5'}">{{role.label}}</mat-slide-toggle></h3>
+                                        <h3 *ngIf="role.available" mat-subheader style="font-weight:bold;" color="primary">{{role.label}}</h3>
                                         <span *ngIf="role.available" dnd-sortable-container [dropZones]="['boxers-zone']" [sortableData]="currentEntity.listTemplate[role.id]">
                                             <div style="min-height:30px;">
                                                 <mat-list-item disableRipple="true" *ngFor="let template of currentEntity.listTemplate[role.id]; let i = index" title="{{lang.move}}"
diff --git a/apps/maarch_entreprise/js/angular/app/administration/entities-administration.component.ts b/apps/maarch_entreprise/js/angular/app/administration/entities-administration.component.ts
index 474085562402ef2c578f667b8039b6981d26a406..74fc417055bf24133a489e583835d13b272e1ff0 100644
--- a/apps/maarch_entreprise/js/angular/app/administration/entities-administration.component.ts
+++ b/apps/maarch_entreprise/js/angular/app/administration/entities-administration.component.ts
@@ -611,6 +611,15 @@ export class EntitiesAdministrationComponent extends AutoCompletePlugin implemen
                 });
         }
     }
+
+    toggleRole(role:any) {
+        this.http.put(this.coreUrl + "rest/listTemplates/types/roles",{"roles":this.currentEntity.roles,"typeId":"entity_id"})
+            .subscribe((data: any) => {
+                this.notify.success(this.lang.entityUpdated);
+            }, (err) => {
+                this.notify.error(err.error.errors);
+            });
+    }
 }
 @Component({
     templateUrl: "../../../../Views/entities-administration-redirect-modal.component.html"