Travail de l'apparence de la page de gestion des utilisateurs

fichiers/css/confirmation.css

@@ -1,4 +1,4 @@
-/* Style concernant la confirmation de suppression d'un alias virtuel */
+/* Style concernant la confirmation de suppression d'une pastille */
 .confirmation-suppression {
 	display: none;
 	color: #fff;
@@ -14,39 +14,23 @@
 }
 
 .input-checkbox-supprimer-valeur:checked ~ .confirmation-suppression {
-    display: inline;
+	display: inline;
 }
 
-/*.input-label-supprimer-valeur {
-	color: #ffffff;
-    background: #e23026;
-    padding: 0.5rem 1rem;
-    border-radius: 0.5rem;
-}*/
-
 .visuellement-cache {
-    position: absolute;
-    left: -100vw;
+	position: absolute;
+	left: -100vw;
 }
 
-
-
 .detail-utilisateur {
 	display: none;
 	color: #fff;
 	text-align: center;
 	text-decoration: none;
-	background-color: #dc3545;
-}
-
-.detail-utilisateur:hover {
-	color: #fff;
-	background-color: #bb2d3b;
-	border-color: #b02a37;
 }
 
 .input-checkbox-detail-utilisateur:checked ~ .detail-utilisateur {
-    display: block;
+	display: block;
 }
 
 /* Sources :

fichiers/css/personalisation.css

@@ -113,3 +113,31 @@ body {
 .max-hauteur-pastille{
   height: calc(100% - 1.5em);
 }
+
+.survol{
+  display: inline-block;
+}
+.survol:hover .message-survol {
+  overflow: hidden;
+  padding: 12px 12px;
+  height: auto;
+  width: auto;
+  opacity: 1;
+  border: 1px solid #eeeeee;
+}
+
+.message-survol {
+  opacity: 0;
+  position: absolute;
+  z-index: 7;
+  background: #343a40;
+  color: #FFFFFF;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  height: 0px;
+  width: 0px;
+  padding: 0 12px;
+  overflow: hidden;
+/*-webkit-transition: all 500ms;
+  transition: all 500ms;*/
+}