Généralisation du style pour les pastilles et modification de l'emplacement du bouton et ajout d'une marge pied de page

fichiers/css/personalisation.css

@@ -1,5 +1,6 @@
 body {
-  background-color: #eee
+  background-color: #eee;
+  margin-bottom: 100px;
 }
 
 #contenu_auth {
@@ -36,8 +37,8 @@ body{
 
 .bouton-flotant {
   position: fixed;
-  bottom: 40px;
-  right: 40px;
+  bottom: 20px;
+  right: 20px;
   background-color: #0d6efd;
   color: white;
   border-radius: 50%;
@@ -45,3 +46,17 @@ body{
   height: 60px;
   border: 2px solid #0d6efd;
 }
+
+.contour-pastille {
+  margin-top: 5px;
+}
+
+.interieur-pastille {
+  margin: 10px;
+}
+
+.titre-pastille {
+  width: 100%;
+  text-align: center;
+  padding-top: 4px;
+}

services/gestion/alias_virtuels.php

@@ -103,15 +103,15 @@ _HEREDOC_;
 				}
 				echo <<<_HEREDOC_
 					<div class="col-md-6 col-xl-4">
-						<div class="card" style="margin-top:5px;">
-							<div class="d-flex" style="margin:10px">
+						<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 style="width:100%;text-align: center;padding-top: 4px;">
+								<div class="titre-pastille">
 								<span>{$alias_virtuels_valeurs['courriel']}</span>
 								</div>
 								<div>