diff --git a/fichiers/css/personalisation.css b/fichiers/css/personalisation.css
index c0b6be0..ed41bed 100644
--- a/fichiers/css/personalisation.css
+++ b/fichiers/css/personalisation.css
@@ -62,3 +62,11 @@ body {
   padding-left: 10px;
   padding-right: 10px;
 }
+
+.bouton-ajout{
+  padding: .375rem .475rem;
+}
+
+.alert {
+  margin-bottom: 0;
+}
diff --git a/fichiers/svg/corner-down-right.svg b/fichiers/svg/corner-down-right.svg
new file mode 100644
index 0000000..b27d408
--- /dev/null
+++ b/fichiers/svg/corner-down-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-down-right"><polyline points="15 10 20 15 15 20"></polyline><path d="M4 4v7a4 4 0 0 0 4 4h12"></path></svg>
\ No newline at end of file
diff --git a/fichiers/svg/link.svg b/fichiers/svg/link.svg
new file mode 100644
index 0000000..c89dd41
--- /dev/null
+++ b/fichiers/svg/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
\ No newline at end of file
diff --git a/fichiers/svg/plus.svg b/fichiers/svg/plus.svg
new file mode 100644
index 0000000..1c89285
--- /dev/null
+++ b/fichiers/svg/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
\ No newline at end of file
diff --git a/pages/visiteurs/formulaire_accueil.php b/pages/visiteurs/formulaire_accueil.php
index cae1a84..bd8415e 100644
--- a/pages/visiteurs/formulaire_accueil.php
+++ b/pages/visiteurs/formulaire_accueil.php
@@ -32,7 +32,7 @@ require_once($_SERVER["DOCUMENT_ROOT"]."/services/fonctions/messages/messages.ph
 
 			?>
 			<form method="post" action="/services/traitements/utilisateurs/identification.php">
-				<div class="form-floating mb-3">
+				<div class="form-floating mb-3 mt-3">
 					<input type="email" name="identifiant" class="form-control" id="identifiant" placeholder="nom@example.fr" required/>
 					<label for="identifiant">Votre nom d'utilisateur</label>
 				</div>
@@ -40,7 +40,7 @@ require_once($_SERVER["DOCUMENT_ROOT"]."/services/fonctions/messages/messages.ph
 					<input type="password" name="mdp" class="form-control" id="mdp" placeholder="Mot de passe" required/>
 					<label for="mdp">Votre mot de passe</label>
 				</div>
-				<button id="envoyer" type="submit" class="btn btn-outline-primary">envoyer</button>
+				<button id="envoyer" type="submit" class="btn btn-primary">envoyer</button>
 			</form>
 		</div>
 	</div>
diff --git a/services/gestion/alias_virtuels.php b/services/gestion/alias_virtuels.php
index b777149..6301a13 100644
--- a/services/gestion/alias_virtuels.php
+++ b/services/gestion/alias_virtuels.php
@@ -17,123 +17,137 @@ $liste_alias_virtuels = listeAliasVirtuelsPostfix($pdo);
  */
 if (testPrivileges()=="administrateur") {
 	echo <<<_HEREDOC_
-<div>
-	<form id="form_choix_utilisateur" action="/services/traitements/utilisateurs/changeUtilisateur.php" method="post">
-		<div>
-		<h2>Choix de l'adresse</h2>
-		<select name="choix_utilisateur" onchange="autoSoumission(this);">
+<div class="row">
+	<div class="col-12 col-md-6">
+		<div class="card  mt-4">
+			<div class="card-body">
+				<h5 class="card-title">Choix de l'adresse</h5>
+				<form id="form_choix_utilisateur" action="/services/traitements/utilisateurs/changeUtilisateur.php" method="post">
+					<select class="form-select" name="choix_utilisateur" onchange="autoSoumission(this);">
 _HEREDOC_;
 
-	/**
-	 * Remplis un menu déroulant permettant le choix de l'utilisateur par l'administrateur.
-	 * Ce choix permettra de modifier les alias virtuels y étant rattachés.
-	 * La valeur par défaut du menu est positionnée sur le compte administrateur actuellement connecté.
-	 */
-	foreach ($liste_utilisateurs as $utilisateur_bdd => $utilisateur) {
-		if ($utilisateur['utilisateur']==$_SESSION['pseudo_utilisateur']) {
-			echo "<option value=\"".$utilisateur['utilisateur']."\" selected>".$utilisateur['utilisateur']."</option>\n";
-		}
-		elseif ($_SESSION['privilege_utilisateur']=="administrateur") {
-			echo "<option value=\"".$utilisateur['utilisateur']."\">".$utilisateur['utilisateur']."</option>\n";
-		}
+				/**
+				 * Remplis un menu déroulant permettant le choix de l'utilisateur par l'administrateur.
+				 * Ce choix permettra de modifier les alias virtuels y étant rattachés.
+				 * La valeur par défaut du menu est positionnée sur le compte administrateur actuellement connecté.
+				 */
+				foreach ($liste_utilisateurs as $utilisateur_bdd => $utilisateur) {
+					if ($utilisateur['utilisateur']==$_SESSION['pseudo_utilisateur']) {
+						echo "<option value=\"".$utilisateur['utilisateur']."\" selected>".$utilisateur['utilisateur']."</option>\n";
+					}
+					elseif ($_SESSION['privilege_utilisateur']=="administrateur") {
+						echo "<option value=\"".$utilisateur['utilisateur']."\">".$utilisateur['utilisateur']."</option>\n";
+					}
+				}
+
+				echo <<<_HEREDOC_
+					</select>
+				</form>
+			</div>
+		</div>
+	</div>
+_HEREDOC_;
 	}
 
-	echo <<<_HEREDOC_
-		</select>
+	?>
+
+	<div class="col-12 col-md-6">
+		<div class="card mt-4">
+			<div class="card-body">
+				<h5 class="card-title">Ajouter un alias virtuel</h5>
+				<form action="/services/traitements/alias_virtuels/ajoutAliasVirtuels.php" method="post">
+					<div class="input-group">
+						<?php
+
+						/**
+						 * Ajout d'un alias virtuel.
+						 */
+						$prefixe_utilisateur=retournePrefixeUtilisateurPostfix($pdo);
+						if (!empty($prefixe_utilisateur)) {
+							echo  "<span class=\"input-group-text\">$prefixe_utilisateur</span>";
+						}
+
+						?>
+						<input type="text" class="form-control" id="nom_pour_filtre" name="nom_alias_virtuel" placeholder="alias*" onkeyup="filtreValeurs();" required>
+						<span class="input-group-text">@</span>
+						<select class="form-select" name="choix_domaine_alias_virtuel">
+						<?php
+
+						try {
+							foreach ($liste_domaines as $domaine_bdd => $domaine) {
+								echo "<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>\n";
+							}
+						}
+						catch (\Exception $e) {
+							die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage());
+						}
+
+						?>
+						</select>
+						<!--<select name="choix_domaine_alias" onchange='document.getElementById("domaine_alias").innerHTML = this.options[this.selectedIndex].text'>
+							<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>
+						</select>
+						<p id="domaine_alias"><?php //echo $liste_domaines[0]["domaine"]; ?></p>-->
+						<button class="btn btn-primary bouton-ajout" type="submit"><img src="/fichiers/svg/plus.svg"/></button>
+					</div>
+				</form>
+			</div>
 		</div>
-	</form>
+	</div>
 </div>
-_HEREDOC_;
-}
-
-?>
-
-<div>
-	<h2>Ajouter un alias virtuel</h2>
-	<form action="/services/traitements/alias_virtuels/ajoutAliasVirtuels.php" method="post">
-		<?php
-
-		/**
-		 * Ajout d'un alias virtuel.
-		 */
-		$prefixe_utilisateur=retournePrefixeUtilisateurPostfix($pdo);
-		if (!empty($prefixe_utilisateur)) {
-			echo  "<span>$prefixe_utilisateur</span>";
-		}
-		?>
-		<input type="text" id="nom_pour_filtre" name="nom_alias_virtuel" placeholder="alias*" onkeyup="filtreValeurs();" required>
-		<span>@</span>
-		<select name="choix_domaine_alias_virtuel">
-		<?php
-		try {
-			foreach ($liste_domaines as $domaine_bdd => $domaine) {
-				echo "<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>\n";
-			}
-		}
-		catch (\Exception $e) {
-			die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage());
-		}
-
-		?>
-		</select>
-		<!--<select name="choix_domaine_alias" onchange='document.getElementById("domaine_alias").innerHTML = this.options[this.selectedIndex].text'>
-			<option value=\"".$domaine['domaine']."\">".$domaine['domaine']."</option>
-		</select>
-		<p id="domaine_alias"><?php //echo $liste_domaines[0]["domaine"]; ?></p>-->
-		<p>vers <?php echo $_SESSION['pseudo_utilisateur'] ?></p>
-		<input type="submit" value="Ajouter">
-	</form>
-
-	<h2>Alias de <?php echo $_SESSION['pseudo_utilisateur']; ?></h2>
-	<form class="" action="/services/traitements/alias_virtuels/editEtatAliasVirtuels.php" method="post">
-		<div class="row" id="liste_pour_filtre">
-		<?php
-
-		/**
-		 * Liste des alias virtuels.
-		 */
-		try {
-			foreach ($liste_alias_virtuels as $alias_virtuels_cles => $alias_virtuels_valeurs) {
-				if (isset($alias_virtuels_valeurs['active']) && $alias_virtuels_valeurs['active']=="1") {
-					$etat_interrupteur_allumer="checked";
-					$etat_interrupteur_eteint="";
-				} else {
-					$etat_interrupteur_eteint="checked";
-					$etat_interrupteur_allumer="";
-				}
-				echo <<<_HEREDOC_
-					<div class="col-md-6 col-xl-4">
-						<div class="card contour-pastille">
-							<div class="d-flex interieur-pastille">
-								<div class="champ-interrupteur">
-									<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="allumer{$alias_virtuels_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
-									<label for="allumer{$alias_virtuels_valeurs['id']}" class="interrupteur-allumer"></label>
-									<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="eteint{$alias_virtuels_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
-									<label for="eteint{$alias_virtuels_valeurs['id']}" class="interrupteur-eteint"></label>
-								</div>
-								<div class="titre-pastille">
-									<span>{$alias_virtuels_valeurs['courriel']}</span>
-								</div>
-								<div>
-									<label class="input-label-supprimer-valeur btn btn-danger btn-sm" for="supprimer-valeur-{$alias_virtuels_valeurs['id']}"><img src="/fichiers/svg/trash-2.svg"></label>
+
+<div class="card mt-4">
+	<div class="card-body">
+		<h5 class="card-title">Alias de <?php echo $_SESSION['pseudo_utilisateur']; ?></h5>
+		<form class="" action="/services/traitements/alias_virtuels/editEtatAliasVirtuels.php" method="post">
+			<div class="row" id="liste_pour_filtre">
+			<?php
+
+			/**
+			 * Liste des alias virtuels.
+			 */
+			try {
+				foreach ($liste_alias_virtuels as $alias_virtuels_cles => $alias_virtuels_valeurs) {
+					if (isset($alias_virtuels_valeurs['active']) && $alias_virtuels_valeurs['active']=="1") {
+						$etat_interrupteur_allumer="checked";
+						$etat_interrupteur_eteint="";
+					} else {
+						$etat_interrupteur_eteint="checked";
+						$etat_interrupteur_allumer="";
+					}
+					echo <<<_HEREDOC_
+						<div class="col-md-6 col-xl-4">
+							<div class="card contour-pastille">
+								<div class="d-flex interieur-pastille">
+									<div class="champ-interrupteur">
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="allumer{$alias_virtuels_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+										<label for="allumer{$alias_virtuels_valeurs['id']}" class="interrupteur-allumer"></label>
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="eteint{$alias_virtuels_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+										<label for="eteint{$alias_virtuels_valeurs['id']}" class="interrupteur-eteint"></label>
+									</div>
+									<div class="titre-pastille">
+										<span>{$alias_virtuels_valeurs['courriel']}</span>
+									</div>
+									<div>
+										<label class="input-label-supprimer-valeur btn btn-danger btn-sm" for="supprimer-valeur-{$alias_virtuels_valeurs['id']}"><img src="/fichiers/svg/trash-2.svg"></label>
+									</div>
 								</div>
+								<input type="checkbox" class="input-checkbox-supprimer-valeur visuellement-cache" id="supprimer-valeur-{$alias_virtuels_valeurs['id']}">
+								<a class="confirmation-suppression card-footer" href="/services/traitements/alias_virtuels/supprAliasVirtuels.php?supprAliasVirtuel={$alias_virtuels_valeurs['id']}">Confirmer la suppression</a>
 							</div>
-							<input type="checkbox" class="input-checkbox-supprimer-valeur visuellement-cache" id="supprimer-valeur-{$alias_virtuels_valeurs['id']}">
-							<a class="confirmation-suppression card-footer" href="/services/traitements/alias_virtuels/supprAliasVirtuels.php?supprAliasVirtuel={$alias_virtuels_valeurs['id']}">Confirmer la suppression</a>
 						</div>
-					</div>
-				_HEREDOC_;
+					_HEREDOC_;
+				}
+			}
+			catch (\Exception $e) {
+				die ("Erreur de requête de selection utilisateurs pour \"$base\" : ".$e->getMessage());
 			}
-		}
-		catch (\Exception $e) {
-			die ("Erreur de requête de selection utilisateurs pour \"$base\" : ".$e->getMessage());
-		}
-
-		?>
-		</div>
-		<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
-	</form>
-
-	<script src="/fichiers/js/filtre.js"></script>
 
+			?>
+			</div>
+			<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+		</form>
+	</div>
 </div>
+
+<script src="/fichiers/js/filtre.js"></script>