diff --git a/squelettes/scss/utils/_mixins.scss b/squelettes/scss/utils/_mixins.scss
index ca2f9cb..9dbe0eb 100644
--- a/squelettes/scss/utils/_mixins.scss
+++ b/squelettes/scss/utils/_mixins.scss
@@ -102,53 +102,54 @@
 }
 
 
-@mixin bouton($couleur:$couleurPrincipale, $texte:#FFF, $couleurBgSurvol:$couleurSecondaire) {
+@mixin bouton($clair:#fff, $sombre:$couleurPrincipale, $survol:$couleurSecondaire) {
 
 	display:          inline-block;
-/* 	height:           $spacer*2; */
 	line-height:      1.2;
-	padding:           ($spacer/2) $spacer;
-	background-color: $couleur;
 	border:           none;
-	border-radius:   ($spacer/4);
 	box-shadow:       none;
 	text-align:       center;
-/* 	white-space:      nowrap; */
-	color:            $texte;
 	transition:       background 0.3s;
 	cursor:           pointer;
+	font-family:$typo-Merriweather;
+	border-radius:($spacer/4);
+	background:$sombre;
+	color:$clair;
+	font-weight:700;
+	padding:		($spacer/2) $spacer;
+
 	&:hover {
-		background-color: $couleurBgSurvol;
+		background-color: $survol;
 		text-decoration:  none;
-		color:            $texte;
+		color:            $clair;
 	}
 	&:focus {
-		background-color: lighten($couleurBgSurvol,10%);
+		background-color: $clair !important;
 		text-decoration:  none;
-		color:            $texte;
+		color:            $sombre;
 		}
 	&[disabled=disabled] {
-		background: desaturate($couleur, 45%);
-		color:      darken($texte, 10%);
+		background: desaturate($clair, 45%);
+		color:      darken($sombre, 10%) !important;
 	}
 	.fas {
-		padding-left:em(6px);
+		padding-left:em(12px);
+		float:right;
 		&:before {
-			font-size:em(20px);
-			line-height:$spacer;
+			font-size:em(22px);
+			line-height:1;
 			font-weight:700;
-			color:      $texte;
+			color:$clair;
 		}
 	}
-	&:hover .fas:before {
-		color:      $texte;
-	}
-	&:focus .fas:before {
-		color:      $texte;
+	&:hover .fas:before, &:focus .fas:before {
+		color:      $clair;
 	}
+
 }
 
 
+
 @mixin list-reset() {
     list-style: none;
     margin:     0;