/* "Mes factures" : bouton de la barre du haut (hors du menu, qui reste sur une ligne). */
.attr-nav > ul > li > a.btn-factures {
    display: inline-block;
    margin: 17px 14px 0 0;
    padding: 5px 14px;
    border: 2px solid #d9534f;
    border-radius: 30px;
    color: #d9534f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.3;
    text-transform: uppercase;
    transition: background-color 0.2s, color 0.2s;
}
.attr-nav > ul > li > a.btn-factures:hover,
.attr-nav > ul > li > a.btn-factures:focus {
    background-color: #d9534f;
    color: #fff;
    text-decoration: none;
}

/* Ecran large : le bouton prend la place des icones Instagram / LinkedIn (presentes dans le pied
   de page), pour que logo + menu + bouton tiennent sur une ligne. */
@media (min-width: 768px) {
    ul.social-top li:not(.li-factures) { display: none; }
    .attr-nav > ul > li > a.btn-factures { margin-right: 0; }
}
/* 992 a 1199 px (conteneur de 970 px) : menu et bouton resserres pour garder une seule ligne. */
@media (min-width: 992px) and (max-width: 1199px) {
    .navbar-nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .attr-nav > ul > li > a.btn-factures {
        padding: 4px 10px;
        font-size: 11px;
    }
}