diff --git a/fichiers/css/interrupteurs.css b/fichiers/css/interrupteurs.css
index 0c9bd4e..b049c52 100644
--- a/fichiers/css/interrupteurs.css
+++ b/fichiers/css/interrupteurs.css
@@ -42,3 +42,8 @@ border-radius: 4px 0 0 4px;
 .champ-interrupteur label:last-of-type {
 border-radius: 0 4px 4px 0;
 }
+
+.champ-interrupteur.disabled {
+  pointer-events: none;
+  opacity: .65;
+}
diff --git a/fichiers/css/personalisation.css b/fichiers/css/personalisation.css
index ed41bed..a401c0f 100644
--- a/fichiers/css/personalisation.css
+++ b/fichiers/css/personalisation.css
@@ -70,3 +70,7 @@ body {
 .alert {
   margin-bottom: 0;
 }
+
+.interieur-pastille-bleu {
+  background-color: #cfe2ff;
+}
diff --git a/outils/rundocker.sh b/outils/rundocker.sh
index baac2fc..dab684a 100755
--- a/outils/rundocker.sh
+++ b/outils/rundocker.sh
@@ -1,3 +1,3 @@
 #!/bin/sh
 docker build -t courtail ../
-docker run -it -p 8080:80 courtail:latest
\ No newline at end of file
+docker run -it -p 8080:80 courtail:latest
diff --git a/services/gestion/domaines.php b/services/gestion/domaines.php
index bda3a0a..3fe3b4a 100644
--- a/services/gestion/domaines.php
+++ b/services/gestion/domaines.php
@@ -5,7 +5,7 @@
  */
 
 require_once ($_SERVER["DOCUMENT_ROOT"]."/services/fonctions/sessions/privileges.php");
- 
+
 if (testPrivileges()!="administrateur") {
 	header("Location: /pages/visiteurs/formulaire_accueil.php?erreur=18");
 	die();
@@ -16,85 +16,110 @@ $liste_domaines = listeDomainesPostfix($pdo);
 
 ?>
 <!-- Affichage et changement du domaine par défaut -->
-<div>
-	<h1>Domaine par défaut</h1>
-	<p>Changer le domaine par défaut (actuellement 
-	<?php
-	
-	$domaine_defaut = retourneDomaineDefautPostfix($pdo);
-	if (!empty($domaine_defaut)) {
-		echo "<b>$domaine_defaut</b>";
-	}
-	else {
-		echo "Attention : aucun domaine n'est défini par défaut. Ce paramètre permet de pré-selectionner le domaine utilisé par Postfix lors des créations d'alias virtuels";
-	}
-	
-	?>
-	) :</p>
-	<form action="/services/traitements/domaines/changeDomaineDefaut.php" method="post">
-		<select name="choix_domaine_defaut">
-		<?php
+<div class="row">
+	<div class="col-12 col-md-6">
+		<div class="card  mt-4">
+			<div class="card-body">
+				<h5 class="card-title">Domaine par défaut</h5>
+      	<form action="/services/traitements/domaines/changeDomaineDefaut.php" method="post">
+          <div class="input-group">
+        		<select class="form-select" name="choix_domaine_defaut">
+        		<?php
 
-		// Génération de la liste des domaines existants
-		try {
-			foreach ($liste_domaines as $domaine_cles => $domaine_valeurs) {
-				echo "<option value=\"".$domaine_valeurs['domaine']."\">".$domaine_valeurs['domaine']."</option>\n";
-			}
-		}
-		catch (\Exception $e) {
-			die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage());
-		}
+        		// Génération de la liste des domaines existants
+        		try {
+        			foreach ($liste_domaines as $domaine_cles => $domaine_valeurs) {
+        				echo "<option value=\"".$domaine_valeurs['domaine']."\">".$domaine_valeurs['domaine']."</option>\n";
+        			}
+        		}
+        		catch (\Exception $e) {
+        			die ("Erreur de requête de selection du domaine pour \"$base\" : ".$e->getMessage());
+        		}
 
-		?>
-		</select>
-		<!-- Définition du domaine sélectionné comme étant par défaut -->
-		<input type="submit" value="Définir par défaut">
-	</form>
+        		?>
+        		</select>
+        		<!-- Définition du domaine sélectionné comme étant par défaut -->
+            <button class="btn btn-primary" type="submit">Définir par défaut</button>
+          </div>
+      	</form>
+      </div>
+    </div>
+  </div>
+  <div class="col-12 col-md-6">
+		<div class="card  mt-4">
+			<div class="card-body">
+				<h5 class="card-title">Ajouter un domaine</h5>
+      	<form action="/services/traitements/domaines/ajoutDomaines.php" method="post">
+          <div class="input-group">
+        		<input type="text" class="form-control" id="nom_pour_filtre" name="nom_domaine" placeholder="domaine.tld*" onkeyup="filtreValeurs();" required>
+        		<button class="btn btn-primary bouton-ajout" type="submit"><img src="/fichiers/svg/plus.svg"/></button>
+          </div>
+      	</form>
+      </div>
+    </div>
+  </div>
 </div>
-<div>
-	<h1>Ajouter un domaine</h1>
-	<form action="/services/traitements/domaines/ajoutDomaines.php" method="post">
-		<input type="text" id="nom_pour_filtre" name="nom_domaine" placeholder="domaine.tld*" onkeyup="filtreValeurs();" required>
-		<input type="submit" value="Ajouter">
-	</form>
-	
-	<h1>Domaines du serveur de messagerie</h1>
 
-	<form class="" action="/services/traitements/domaines/editEtatDomaines.php" method="post">
-		<ul id="liste_pour_filtre">
-		<?php
-		
-		/**
-		 * Liste des domaines.
-		 */
-		try {
-			foreach ($liste_domaines as $liste_domaines_cles => $liste_domaines_valeurs) {
-				echo "<li>";
-				if (isset($liste_domaines_valeurs['defaut']) && $liste_domaines_valeurs['defaut']!="1") {
-					echo "<input type=\"radio\" name=\"".$liste_domaines_valeurs['id']."\" value=\"1\"";
-					if (isset($liste_domaines_valeurs['active']) && !empty($liste_domaines_valeurs['active']) && $liste_domaines_valeurs['active']=="1") echo " checked";
-					echo "><input type=\"radio\" name=\"".$liste_domaines_valeurs['id']."\" value=\"0\"";
-					if (isset($liste_domaines_valeurs['active']) && $liste_domaines_valeurs['active']=="0") echo " checked";
-					echo ">";
-				}
-				echo "<p>".$liste_domaines_valeurs['domaine']."</p>";
-				if (isset($liste_domaines_valeurs['defaut']) && $liste_domaines_valeurs['defaut']!="1") {
-					echo "<label class=\"input-label-supprimer-valeur\" for=\"supprimer-valeur-".$liste_domaines_valeurs['id']."\">Supprimer</label><input type=\"checkbox\" class=\"input-checkbox-supprimer-valeur visuellement-cache\" id=\"supprimer-valeur-".$liste_domaines_valeurs['id']."\"><a class=\"confirmation-suppression\" href=\"/services/traitements/domaines/supprDomaines.php?supprDomaine=".$liste_domaines_valeurs['id']."\">Confirmer la suppression</a></li>\n";
-				}
-				else {
-					echo "<p>Domaine en lecture seule tant que définit par défaut</p>";
-				}
-				
-			}
-		}
-		catch (\Exception $e) {
-			die ("Erreur de requête de selection utilisateurs pour \"$base\" : ".$e->getMessage());
-		}
-	
-		?>
-		</ul>
-		<input type="submit" value="Appliquer">
-	</form>
+<div class="card mt-4">
+	<div class="card-body">
+		<h5 class="card-title">Domaines du serveur de messagerie</h5>
+		<form class="" action="/services/traitements/domaines/editEtatDomaines.php" method="post">
+			<div class="row" id="liste_pour_filtre">
+        <?php
+
+        /**
+    		 * Liste des domaines.
+    		 */
+        try {
+          foreach ($liste_domaines as $liste_domaines_cles => $liste_domaines_valeurs) {
+            if (isset($liste_domaines_valeurs['active']) && $liste_domaines_valeurs['active']=="1") {
+              $etat_interrupteur_allumer="checked";
+              $etat_interrupteur_eteint="";
+            } else {
+              $etat_interrupteur_eteint="checked";
+              $etat_interrupteur_allumer="";
+            }
+            if (isset($liste_domaines_valeurs['defaut']) && $liste_domaines_valeurs['defaut']=="1") {
+              $etat_bouton="disabled";
+              $bordure_pastille="border-primary interieur-pastille-bleu";
+              $post_texte=" <span class=\"text-primary\">(défaut)</span>";
+            } else {
+              $etat_bouton="";
+              $bordure_pastille="";
+              $post_texte="";
+            }
+            echo <<<_HEREDOC_
+              <div class="col-md-6 col-xl-4">
+                <div class="card contour-pastille {$bordure_pastille}">
+                  <div class="d-flex interieur-pastille">
+                    <div class="champ-interrupteur {$etat_bouton}">
+                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="allumer{$liste_domaines_valeurs['id']}" value="1" {$etat_interrupteur_allumer}>
+                      <label for="allumer{$liste_domaines_valeurs['id']}" class="interrupteur-allumer"></label>
+                      <input type="radio" name="{$liste_domaines_valeurs['id']}" id="eteint{$liste_domaines_valeurs['id']}" value="0" {$etat_interrupteur_eteint}>
+                      <label for="eteint{$liste_domaines_valeurs['id']}" class="interrupteur-eteint"></label>
+                    </div>
+                    <div class="titre-pastille">
+                      <span>{$liste_domaines_valeurs['domaine']}{$post_texte}</span>
+                    </div>
+                    <div>
+                      <label class="input-label-supprimer-valeur btn btn-danger btn-sm {$etat_bouton}" for="supprimer-valeur-{$liste_domaines_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-{$liste_domaines_valeurs['id']}">
+                  <a class="confirmation-suppression card-footer" href="/services/traitements/domaines/supprDomaines.php?supprDomaine={$liste_domaines_valeurs['id']}">Confirmer la suppression</a>
+                </div>
+              </div>
+            _HEREDOC_;
+          }
+        }
+        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>
+  </div>
+</div>
 
-	<script src="/fichiers/js/filtre.js"></script>
-</div>
\ No newline at end of file
+<script src="/fichiers/js/filtre.js"></script>