diff --git a/fichiers/css/personalisation.css b/fichiers/css/personalisation.css
index 0477d5e..eaa96a9 100644
--- a/fichiers/css/personalisation.css
+++ b/fichiers/css/personalisation.css
@@ -45,6 +45,20 @@ body {
   width: 60px;
   height: 60px;
   border: 2px solid #0d6efd;
+  animation-name: zoom;
+  animation-duration: .2s;
+}
+
+@keyframes zoom {
+  0% {
+    transform: scale(0, 0);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+}
+.bouton-flotant.deactivation{
+  display: none;
 }
 
 .contour-pastille {
diff --git a/fichiers/js/formulaire.js b/fichiers/js/formulaire.js
new file mode 100644
index 0000000..1e9d2f1
--- /dev/null
+++ b/fichiers/js/formulaire.js
@@ -0,0 +1,20 @@
+const listedesentree = [];
+
+function activationBoutonFlotant(lui) {
+  if (listedesentree.find(function(valeur) {return valeur == lui.name;})) {
+    for( var i = 0; i < listedesentree.length; i++){
+      if ( listedesentree[i] === lui.name) {
+          listedesentree.splice(i, 1);
+          break;
+      }
+    }
+  } else {
+    listedesentree.push(lui.name);
+  };
+  console.log(listedesentree);
+  if (listedesentree.length > 0){
+    document.getElementById("enregistement").classList.remove("deactivation");
+  }else{
+    document.getElementById("enregistement").classList.add("deactivation");
+  }
+}
diff --git a/inclusions/pied.php b/inclusions/pied.php
index 19be836..c5fbaca 100644
--- a/inclusions/pied.php
+++ b/inclusions/pied.php
@@ -1,3 +1,4 @@
     <script src="/fichiers/js/bootstrap.bundle.min.js"></script>
+    <script src="/fichiers/js/formulaire.js"></script>
 </body>
 </html>
diff --git a/services/gestion/alias_virtuels.php b/services/gestion/alias_virtuels.php
index 6985cd7..139ea9c 100644
--- a/services/gestion/alias_virtuels.php
+++ b/services/gestion/alias_virtuels.php
@@ -121,9 +121,9 @@ _HEREDOC_;
 							<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}>
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="allumer{$alias_virtuels_valeurs['id']}" onchange="activationBoutonFlotant(this)" 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}>
+										<input type="radio" name="{$alias_virtuels_valeurs['id']}" id="eteint{$alias_virtuels_valeurs['id']}" onchange="activationBoutonFlotant(this)" value="0" {$etat_interrupteur_eteint}>
 										<label for="eteint{$alias_virtuels_valeurs['id']}" class="interrupteur-eteint"></label>
 									</div>
 									<div class="titre-pastille">
@@ -146,7 +146,7 @@ _HEREDOC_;
 
 			?>
 			</div>
-			<button class="bouton-flotant" type="submit"><img src="/fichiers/svg/save.svg"/></button>
+			<button id="enregistement" class="bouton-flotant deactivation" type="submit"><img src="/fichiers/svg/save.svg"/></button>
 		</form>
 	</div>
 </div>