diff --git a/src/main/ts-v7/src/app/account-settings/profil-edition/profil-edition.component.html b/src/main/ts-v7/src/app/account-settings/profil-edition/profil-edition.component.html
index 89eb7d1..e09f8be 100644
--- a/src/main/ts-v7/src/app/account-settings/profil-edition/profil-edition.component.html
+++ b/src/main/ts-v7/src/app/account-settings/profil-edition/profil-edition.component.html
@@ -1,60 +1,60 @@
 <input id="profilImageInput" type="file" (change)="uploadImage($event)" [hidden]="true">
 <div class="col-md-8 offset-md-2 col-lg-6 offset-lg-3">
-    <div class="card">
-        <img id="profil-image" class="card-img-top"
-                (click)="triggerProfilImageChange()"
-                [src]="getAvatarUrl()"
-                alt="Card image cap"
-                mdbTooltip="Modifier mon image de profil"
-                placement="bottom">
-        <div id="form" class="card-body">
-            <form (ngSubmit)="onSubmit()" #profilEditionForm="ngForm">
-                <div class="md-form">
-                    <input mdbInputDirective
-												id="name"
-												name="name"
-												type="text"
-												class="form-control"
-												[(ngModel)]="model.name"
-												#name="ngModel"
-												data-error="Veuillez saisir votre nom d'utilisateur"
-												[validateSuccess]="false"
-												required />
-                    <label for="name">Nom d'utilisateur</label>
-                </div>
-                <div class="md-form">
-                    <input mdbInputDirective
-												id="email"
-												name="email"
-												type="email"
-												class="form-control"
-												[(ngModel)]="model.email"
-												#email="ngModel"
-												data-error="Veuillez saisir votre adresse email"
-												[validateSuccess]="false"
-												required />
-                    <label for="email">Email</label>
-                </div>
-                <div id="errorMsg" class="card red lighten-2 text-center z-depth-2">
-                    <div class="card-body">
-                        <p class="white-text mb-0">{{modelError}}</p>
-                    </div>
-                </div>
-                <div id="resultMsg" class="card green lighten-2 text-center z-depth-2" >
-                    <div class="card-body">
-                        <p class="white-text mb-0">{{result}}</p>
-                    </div>
-                </div>
-                <div class="col submitFormArea">
-                    <a routerLink="/accountSettings" class="indigo-text">
-                        Annuler
-                    </a>
-                    <button class="float-right waves-effect waves-light indigo btn"
-                            type="submit" [disabled]="!profilEditionForm.form.valid">
-                        Suivant
-                    </button>
-                </div>
-            </form>
-        </div>
-    </div>
+	<mdb-card>
+		<img id="profil-image" class="card-img-top"
+						(click)="triggerProfilImageChange()"
+						[src]="getAvatarUrl()"
+						alt="Card image cap"
+						mdbTooltip="Modifier mon image de profil"
+						placement="bottom">
+		<mdb-card-body id="form">
+				<form (ngSubmit)="onSubmit()" #profilEditionForm="ngForm">
+						<div class="md-form">
+								<input mdbInputDirective
+										id="name"
+										name="name"
+										type="text"
+										class="form-control"
+										[(ngModel)]="model.name"
+										#name="ngModel"
+										data-error="Veuillez saisir votre nom d'utilisateur"
+										[validateSuccess]="false"
+										required />
+								<label for="name">Nom d'utilisateur</label>
+						</div>
+						<div class="md-form">
+								<input mdbInputDirective
+										id="email"
+										name="email"
+										type="email"
+										class="form-control"
+										[(ngModel)]="model.email"
+										#email="ngModel"
+										data-error="Veuillez saisir votre adresse email"
+										[validateSuccess]="false"
+										required />
+								<label for="email">Email</label>
+						</div>
+						<div id="errorMsg" class="card red lighten-2 text-center z-depth-2">
+								<div class="card-body">
+										<p class="white-text mb-0">{{modelError}}</p>
+								</div>
+						</div>
+						<div id="resultMsg" class="card green lighten-2 text-center z-depth-2" >
+								<div class="card-body">
+										<p class="white-text mb-0">{{result}}</p>
+								</div>
+						</div>
+						<div class="col submitFormArea">
+								<a routerLink="/accountSettings" class="indigo-text">
+										Annuler
+								</a>
+								<button class="float-right waves-effect waves-light indigo btn"
+												type="submit" [disabled]="!profilEditionForm.form.valid">
+										Suivant
+								</button>
+						</div>
+				</form>
+		</mdb-card-body>
+	</mdb-card>
 </div>