/* bouton déconnexion */
#userLogout { float: right; margin-top: 13px }
.logoutButton { font-size: 18px; font-weight: bold; line-height: 20px; padding: 6px 15px; text-decoration: none; background: #23307d; color: #fff; border-radius: 5px; transition: all .3s ease-in;  }
.logoutButton:hover, .logoutButton:focus { background: #202020; text-decoration: none; color: #fff; }

/* responsive */
@media (max-width: 991px) and (min-width: 768px){
    .logoutButton { font-size: 14px; }
    .navbar .navbar-header [role="navigation"] .navbar-nav > li > a { font-size: 14px !important; }
}

@media (max-width: 768px){
    #userLogout { display: none; }
    .logoutButton { font-size: 12px; font-weight: bold; background: transparent; color: #23307d; padding-left: 0; border-radius: 0; margin: 30px 0px 10px;  }
    .logoutButton:hover, .logoutButton:focus { font-size: 12px; font-weight: bold; background: transparent; color: #23307d; padding-left: 0; border-radius: 0; margin: 30px 0px 10px;  }
    .menu-mobile .inner { justify-content: inherit !important; }
    .menu-mobile .phone-number { margin-top: 40px; }
}