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,31 +1,32 @@
-body{
-  background-color: #eee
+body {
+  background-color: #eee;
+  margin-bottom: 100px;
 }
 
-#contenu_auth{
-  max-width:380px;
-  margin:auto;
+#contenu_auth {
+  max-width: 380px;
+  margin: auto;
 }
 
-#contenu_auth #envoyer{
-  width:100%;
+#contenu_auth #envoyer {
+  width: 100%;
 }
 
-#logo-accueil{
-  text-align:center;
-  margin:50px;
+#logo-accueil {
+  text-align: center;
+  margin: 50px;
 }
 
-#logo-accueil img{
+#logo-accueil img {
   width: 200px;
 }
 
-#logo-accueil h1{
-  color:#FFF;
+#logo-accueil h1 {
+  color: #FFF;
   font-size: 40pt;
 }
 
-.alert img{
+.alert img {
   height: 1.5em;
   margin-right: 0.3em;
 }
@@ -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;
+}