body { background-color: #f8f9fa; margin-bottom: 100px; } #contenu_auth { max-width: 380px; margin: auto; } #contenu_auth #envoyer { width: 100%; } #logo-accueil { text-align: center; margin: 50px; } #logo-accueil img { width: 200px; } #logo-accueil h1 { color: #FFF; font-size: 40pt; } .alert img { height: 1.5em; margin-right: 0.3em; } .alert { padding: 10px; } .bouton-flotant { position: fixed; bottom: 20px; right: 20px; background-color: #0d6efd; color: white; border-radius: 50%; 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); } } @keyframes dezoom { 0% { transform: scale(1, 1); } 100% { transform: scale(0, 0); } } .bouton-flotant.desactiver{ animation-name: dezoom; animation-duration: .2s; animation-fill-mode: forwards; } .contour-pastille { margin-top: 5px; } .interieur-pastille { margin: 10px; } .titre-pastille { width: calc(100% - 122px); text-align: center; padding-top: 4px; padding-left: 10px; padding-right: 10px; } .bouton-ajout{ padding: .375rem .475rem; } .alert { margin-bottom: 0; } .interieur-pastille-bleu { background-color: #cfe2ff; } .chevron-dst { height: 1em; padding-bottom: 0.1em; } .fond-arc-noire{ background-color: #343a40; } .max-hauteur-pastille{ height: calc(100% - 1.5em); }