/* Ce fichier a été copié depuis le projet Commun. */
/* Ne pas éditer ce fichier directement; l'éditer depuis le projet Commun. */

bouton {
    margin-bottom: 5px;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    user-select: none;
}

bouton .cadreBouton {
    width: 220px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

bouton.sansFond .cadreBouton {
    width: 235px;
}

bouton.plein.droite {
    margin-right: 0px;
    margin-left: 5px;
}

bouton#seConnecter .cadreBouton,
bouton#seDeconnecter .cadreBouton,
bouton#sinscrire .cadreBouton,
bouton.soumettre .cadreBouton,
insertion-fichier-document bouton .cadreBouton,
insertion-fichier-image bouton .cadreBouton,
.basOverlay .cadreBouton,
bouton.plein .cadreBouton,
.pastilleFournisseur .cadreBouton {
    width: auto;
}

bouton .cadreBouton.iconeSeule {
    width: 30px;
}

bouton:not(.inactif):not(.sansFond) .fond {
    width: 30px;
    height: 30px;
    border-radius: 30px;
    position: absolute;
    cursor: pointer;
}

bouton:not(.inactif):not(.sansFond) .cadreBouton.inactif:not(.iconeSeule) .fond {
    width: 300px;
    height: 60px;
    margin-top: -15px;
    margin-left: -50px;
    transition: none !important;
}

bouton:not(.inactif):not(.sansFond) .cadreBouton:not(.iconeSeule):hover .fond {
    width: 300px;
    height: 60px;
    margin-top: -15px;
    margin-left: -50px;
    transition: all 0.4s ease-in-out;
}

bouton:not(.inactif):not(.sansFond) .cadreBouton:not(.iconeSeule):hover button,
bouton.plein button {
    color: #FFFFFF;
    transition: all 0.15s ease-in;
}

bouton .cadreBouton.inactif button {
    cursor: auto;
    pointer-events: none;
}

bouton .cadreBouton.inactif button,
bouton:not(.inactif):not(.sansFond) .cadreBouton.inactif .fond {
    color: #FFFFFF;
    background-color: #AAAAAA !important;
}

bouton button, bouton a {
    padding: 0 10px 0 35px;
    margin: 0;
    font-size: 12px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    float: left;
}

#pageTests bouton button, #pageRapports #sectionBoutons bouton button {
    height: 40px;
    border-radius: 10px;
    padding: 0 15px 0 15px !important;
    background-color: #4E5D97;
    color: #FFFFFF !important;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 150px;
}

connexion button,
bouton.plein button,
overlay bouton a,
.pastilleFournisseur button {
    padding-left: 10px;
}

overlay .basOverlay bouton button {
    padding-left: 5px;
}

connexion .soumettre button {
    width: 380px !important;
}

bouton button {
    height: 30px;
    background-color: transparent;
    cursor: pointer;
    float: left;
    position: relative;
}

bouton a {
    height: 25px;
    padding-top: 5px;
    display: block;
    text-decoration: none !important;
    text-align: center;
    position: relative;
}

bouton:hover a {
    color: #FFFFFF !important;
}

bouton.inactif button {
    color: #AAAAAA;
    cursor: default;
}

#partieDroite #boutons bouton {
    margin-left: 15px;
}

overlay .basOverlay button,
bouton.plein button,
connexion .soumettre button {
    color: #FFFFFF;
}

table .iconeSeule button {
    background-color: transparent;
}

overlay .basOverlay bouton:hover button,
bouton.plein button,
connexion .soumettre:hover button {
    color: #FFFFFF;
}

bouton-nous-joindre bouton.plein, bouton-dynamique bouton.plein, bouton-nous-joindre-automatique bouton.plein{
    min-width: 200px;
    width: fit-content;
    border-radius: 3px;
}

bouton-nous-joindre bouton.plein button, bouton-dynamique bouton.plein button, bouton-nous-joindre-automatique bouton.plein button {
    min-width: 190px;
    width: auto;
    padding: 5px 10px;
    font-size: 16px;
}

bouton:not(.inactif) .icone, bouton:not(.inactif) .iconeFont {
    cursor: pointer;
}

bouton.inactif .icone, bouton.inactif .iconeFont {
    background-position-y: -35px !important;
}

bouton .retourListe {
    background-position: -5px -5px !important;
}

bouton .annuler {
    background-position: -35px -5px !important;
}

bouton.sansFond .annuler {
    background-position: -35px -35px !important;
}

bouton .modeLecture {
    background-position: -65px -5px !important;
}

bouton .modifier {
    background-position: -95px -5px !important;
}

bouton.sansFond .modifier {
    background-position: -95px -65px !important;
}

bouton .soumettre {
    background-position: -125px -5px !important;
}

bouton.sansFond .soumettre {
    background-position: -125px -65px !important;
}

bouton .filtre {
    background-position: -155px -5px !important;
}

bouton .tri {
    background-position: -185px -5px !important;
}

bouton .recherche {
    background-position: -215px -5px !important;
}

bouton.sansFond .recherche {
    background-position: -215px -65px !important;
}

bouton .reinitialiser {
    background-position: -245px -5px !important;
}

bouton .ajouter {
    background-position: -275px -5px !important;
}

bouton.sansFond .ajouter {
    background-position: -275px -65px !important;
}

bouton .dupliquer {
    background-position: -305px -5px !important;
}

bouton.sansFond .dupliquer {
    background-position: -305px -65px !important;
}

bouton .moins {
    background-position: -335px -5px !important;
}

bouton.sansFond .moins {
    background-position: -335px -65px !important;
}

bouton .envoyerParCourriel {
    background-position: -365px -5px !important;
}

bouton .prendreConnaissance {
    background-position: -395px -5px !important;
}

bouton .reinstaurerTransaction {
    background-position: -425px -5px !important;
}

bouton .renverserTransaction {
    background-position: -455px -5px !important;
}

bouton .contesterTransaction {
    background-position: -485px -5px !important;
}

bouton .accederMonEntreprise {
    background-position: -515px -5px !important;
}

bouton .accederMonCompte {
    background-position: -545px -5px !important;
}

bouton .accederMesUtilisateurs {
    background-position: -575px -5px !important;
}

bouton .changerMotPasse {
    background-position: -605px -5px !important;
}

bouton .telechargerFichier {
    background-position: -635px -5px !important;
}

bouton .supprimer {
    background-position: -666px -5px !important;
}

bouton.sansFond .supprimer {
    background-position: -666px -65px !important;
}

bouton .encaisser {
    background-position: -695px -5px !important;
}

bouton .preparerBordereau {
    background-position: -725px -5px !important;
}

bouton .effectuerPaiement {
    background-position: -755px -5px !important;
}

bouton .effectuerDepot {
    background-position: -785px -5px !important;
}

bouton .convertirEnCommunication {
    background-position: -815px -5px !important;
}

bouton .enLignePublique {
    background-position: -845px -5px !important;
}

bouton .enLigneMesAchats {
    background-position: -875px -5px !important;
}

bouton .enLigneMesVentes {
    background-position: -905px -5px !important;
}

bouton .afficher {
    background-position: -935px -5px !important;
}

bouton.sansFond .afficher {
    background-position: -935px -65px !important;
}

bouton .cacher {
    background-position: -965px -5px !important;
}

bouton.sansFond .cacher {
    background-position: -965px -65px !important;
}

bouton .restaurer {
    background-position: -995px -5px !important;
}

bouton .publier {
    background-position: -1025px -5px !important;
}

bouton .creerFactures {
    background-position: -1055px -5px !important;
}

bouton.sansFond .creerFactures {
    background-position: -1055px -35px !important;
}

bouton .planifier {
    background-position: -1085px -5px !important;
}

bouton.sansFond .planifier {
    background-position: -1085px -65px !important;
}

bouton .consolider {
    background-position: -1115px -5px !important;
}

bouton.sansFond .consolider {
    background-position: -1115px -65px !important;
}

bouton .virerMontant {
    background-position: -1145px -5px !important;
}

bouton .exporterExcel {
    background-position: -1175px -5px !important;
}

bouton .activerDeplacement {
    background-position: -1205px -5px !important;
}

bouton .iconeCalendrier {
    background-position: -1235px -65px !important;
}

bouton .nousJoindre {
    background-position: -1265px -5px !important;
}

bouton .mettreValeurZero {
    background-position: -1295px -5px !important;
}

bouton.sansFond .mettreValeurZero {
    background-position: -1295px -65px !important;
}

bouton .enTravail {
    background-position: -1325px -5px !important;
}

bouton .demandeModifications {
    background-position: -1355px -5px !important;
}

bouton .cellulaire {
    background-position: -1925px -5px !important;
}

bouton.sansFond .cellulaire, .iconeDivers.cellulaire {
    background-position: -1925px -65px !important;
}

bouton .imprimer {
    background-position: -1955px -5px !important;
}

bouton.sansFond .imprimer {
    background-position: -1955px -65px !important;
}

bouton .etatCompte {
    background-position: -1987px -5px !important;
}

bouton.sansFond .etatCompte {
    background-position: -1987px -65px !important;
}

bouton .telecopieur {
    background-position: -2015px -5px !important;
}

bouton.sansFond .telecopieur, .iconeDivers.telecopieur {
    background-position: -2015px -65px !important;
}

bouton .courriel {
    background-position: -2045px -5px !important;
}

bouton.sansFond .courriel, .iconeDivers.courriel {
    background-position: -2045px -65px !important;
}

bouton .telephone {
    background-position: -2075px -5px !important;
}

bouton.sansFond .telephone, .iconeDivers.telephone {
    background-position: -2075px -65px !important;
}

bouton.sansFond .siteWeb, .iconeDivers.siteWeb {
    background-position: -2135px -65px !important;
}

#boutonsCategories bouton .cadreBouton {
    border-radius: 0;
}

#boutonsCategories bouton {
    width: 220px;
    margin-left: 15px;
}

#boutonsCategories bouton button {
    width: 200px;
    height: 40px;
}

.iconeDynamique.regroupementAchats {
    background-position: -4970.63px -148.96px !important;
}

.iconeDynamique.mobilite {
    background-position: -5046.25px -148.96px !important;
}

.iconeDynamique.assurance {
    background-position: -5115px -148.96px !important;
}

.iconeDynamique.informatique {
    background-position: -5183.75px -148.96px !important;
}

.iconeDynamique.economiesEchelle {
    background-position: -5252.5px -148.96px !important;
}

.iconeDynamique.economiesTemps {
    background-position: -5321.25px -148.96px !important;
}

.iconeDynamique.rechercheProduits {
    background-position: -5458.75px -148.96px !important;
}

.iconeDynamique.monSiteW {
    background-position: -5527.5px -148.96px !important;
}

.iconeDynamique.pouvoirGroupe {
    background-position: -5596.25px -148.96px !important;
}

.iconeForceGroupe.pouceHaut {
    background-position: -2px -1px !important;
}

.iconeForceGroupe.sansFond.pouceHaut {
    background-position: -2px -30px !important;
}

.iconeForceGroupe.pouceHaut:hover:not(.sansHover), .iconeForceGroupe.sansFond.pouceHaut:hover:not(.sansHover) {
    background-position: -2px -59px !important;
}

.iconeForceGroupe.pouceBas {
    background-position: -31px -1px !important;
}

.iconeForceGroupe.sansFond.pouceBas {
    background-position: -31px -30px !important;
}

.iconeForceGroupe.pouceBas:hover:not(.sansHover), .iconeForceGroupe.sansFond.pouceBas:hover:not(.sansHover){
    background-position: -31px -59px !important;
}

.iconeForceGroupe.oeil {
    background-position: -121px -5px !important;
}

.iconeForceGroupe.sansFond.oeil {
    background-position: -145px -5px !important;
}

.iconeForceGroupeCommentaire.accepterBleu {
    background-position: -122px -19px !important;
}

.iconeForceGroupeCommentaire.accepterVert {
    background-position: -2px -1px !important;
}

.iconeForceGroupeCommentaire.refuserBleu {
    background-position: -20px -19px !important;
}

.iconeForceGroupeCommentaire.refuserRouge {
    background-position: -100px -1px !important;
}

.iconeForceGroupeNotification.afficher {
    background-position: -935px -65px !important;
}

.iconeForceGroupeNotification.cacher {
    background-position: -965px -65px !important;
}

bouton.plein.grand {
    width: 160px !important;
}

bouton.grand button {
    width: 140px !important;
    height: 35px;
}

bouton.plein.radius {
    border-radius: 3px;
}

.material-symbols-outlined {
    cursor: pointer;
    color: white;
    display: revert!important;
    font-variation-settings:
            'FILL' 0,
            'wght' 400,
            'GRAD' 0,
            'opsz' 48
}

bouton.sansFond .material-symbols-outlined {
    color: #486FA9;
}