.sa-button {
    display: inline-block;
    border-radius: 4px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#838383+0,4e4e4e+100 */
    background: #838383; /* Old browsers */
    background: -moz-linear-gradient(top, #838383 0%, #4e4e4e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #838383 0%, #4e4e4e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #838383 0%, #4e4e4e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#838383', endColorstr='#4e4e4e', GradientType=0); /* IE6-9 */
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.6px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    /*IE10*/
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    margin: 2px;
}

.sa-button > input {
	-webkit-appearance: none;
    height:100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.sa-button > span.button-label {
    display: inline-block;
    padding: 6px;
    text-align: center;
}

.sa-button:hover {
    background: #838383;
}

.sa-button-disabled {
    cursor: default;
    opacity: 0.5;
}

.sa-button-disabled:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e4e4e+0,838383+100 */
    background: #4e4e4e; /* Old browsers */
    background: -moz-linear-gradient(top, #4e4e4e 0%, #838383 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #4e4e4e 0%, #838383 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #4e4e4e 0%, #838383 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e', endColorstr='#838383', GradientType=0); /* IE6-9 */
}

.sa-button-required {
    border: 2px solid red;
}

/* Icône */
.sa-button > .button-label::before {
    padding-right: 4px;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    font-family: FontAwesome;
    font-style: normal;
    text-align: center;
    font-weight: normal;
    font-variant: normal;
}

/* http://faicons.com/ */
.sa-button-acheter, .sa-button-devis-petit, .sa-button-acheter-petit, .sa-button-acheter-moyen, .sa-button-annonces-coordonnees, .sa-button-devis, .sa-button-terminer-commande, .sa-button-terminer-demande, .sa-button-valider-commande-sans-paiement, .sa-button-valider-commande, .sa-button-valider-devis {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#67a6e1+0,67a6e1+48,226ecc+50,3088dd+100 */
    background: #67a6e1; /* Old browsers */
    background: -moz-linear-gradient(top, #67a6e1 0%, #67a6e1 48%, #226ecc 50%, #3088dd 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #67a6e1 0%, #67a6e1 48%, #226ecc 50%, #3088dd 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #67a6e1 0%, #67a6e1 48%, #226ecc 50%, #3088dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a6e1', endColorstr='#3088dd', GradientType=0); /* IE6-9 */
}

.sa-button-acheter:hover, .sa-button-devis-petit:hover, .sa-button-acheter-petit:hover, .sa-button-acheter-moyen:hover, .sa-button-annonces-coordonnees:hover, .sa-button-devis:hover, .sa-button-terminer-commande:hover, .sa-button-terminer-demande:hover, .sa-button-valider-commande-sans-paiement:hover, .sa-button-valider-commande:hover, .sa-button-valider-devis:hover {
    background: #207cca; /* Old browsers */
}

.sa-button-acheter, .sa-button-devis, .sa-button-valider-commande-sans-paiement, .sa-button-valider-commande, .sa-button-valider-devis {
    font-size: 12px;
    padding: 4px 2px;
}

.sa-button-acheter > .button-label::before {
    content: '\F07A';
    font-size: 18px;
    padding-right: 12px;
}

.sa-button-devis-petit > .button-label::before {
    content: '\F1EC';
    font-size: 18px;
    padding: 0;
}

.sa-button-acheter-petit > .button-label::before {
    content: '\F07A';
    font-size: 18px;
    padding: 0;
}

.sa-button-ajouter > .button-label::before {
    content: '\F055';
}

.sa-button-confirmer > .button-label::before {
    content: '\F00C';
}

.sa-button-compte-creer > .button-label::before {
    content: '\F007';
}

.sa-button-compte-ok > .button-label::before {
    content: '\F00C';
}

.sa-button-continuer > .button-label::before {
    content: '\F061';
}

.sa-button-voir-annonces > .button-label::before {
    content: '\F002';
}

.sa-button-details > .button-label::before {
    content: '\F002';
}

.sa-button-discuter > .button-label::before {
    content: '\F075';
}

.sa-button-echanger > .button-label::before {
    content: '\F021';
}

.sa-button-enregistrer > .button-label::before {
    content: '\F046';
}

.sa-button-envoyer > .button-label::before {
    content: '\F045';
}

.sa-button-modifier > .button-label::before {
    content: '\F040';
}

.sa-button-nouvelle-adresse > .button-label::before {
    content: '\F055';
}

.sa-button-commander > .button-label::before {
    content: '\F00C';
}

.sa-button-devis > .button-label::before {
    content: '\F1EC';
    font-size: 18px;
    padding-right: 12px;
}

.sa-button-supprimer > .button-label::before {
    content: '\F1F8';
}

.sa-button-reserver > .button-label::before {
    content: '\F274';
}

.sa-button-retour > .button-label::before {
    content: '\F060';
}

.sa-button-encherir > .button-label::before {
    content: '\F0E3';
}

.sa-button-valider > .button-label::before {
    content: '\F061';
}

.sa-button-acheter-moyen > .button-label::before {
    content: '\F07A';
}

.sa-button-annonces-coordonnees > .button-label::before {
    content: '\F00E';
}

.sa-button-choisir-point-relais > .button-label::before {
    content: '\F041';
}

.sa-button-choisir-relais > .button-label::before {
    content: '\F1B2';
}

.sa-button-choisir > .button-label::before {
    content: '\F054';
}

.sa-button-continuer-achats > .button-label::before {
    content: '\F061';
}

.sa-button-continuer-visite > .button-label::before {
    content: '\F061';
}

.sa-button-recalculer > .button-label::before {
    content: '\F021';
}

.sa-button-panier-references > .button-label::before {
    content: '\F055';
}

.sa-button-partager > .button-label::before {
    content: '\F1E0';
}

.sa-button-rechercher > .button-label::before {
    content: '\F002';
}

.sa-button-terminer-commande > .button-label::before {
    content: '\F061';
}

.sa-button-terminer-demande > .button-label::before {
    content: '\F061';
}

.sa-button-valider-commande-sans-paiement > .button-label::before {
    content: '\F061';
    font-size: 18px;
}

.sa-button-valider-commande > .button-label::before {
    content: '\F061';
    font-size: 18px;
}

.sa-button-valider-commande > .button-label > span {
    font-style: italic;
    font-size: 80%;
    display: inline-block;
    padding-left: 20px;
}

.sa-button-valider-devis > .button-label::before {
    content: '\F061';
    font-size: 18px;
}

.sa-button-panier-enquete > .button-label::before {
    content: '\F040';
}

.sa-button-go {
	width:31px;
	height:31px;
	line-height:31px;
	text-align:center;
	margin:0;
}

.sa-button-go > span.button-label {
	padding:0;
}
			
.sa-button > i {
	padding-left:6px;
}
.sa-button-filtrer span::before {content:'\F0B0'}

.sa-button-produits-voir-plus > .button-label::before {
    content: '\F063';
}
    .sa-button-panier-transform-to-devis > .button-label::before {
    content: '\F0a9';
}