.btnBig {
    white-space: normal !important;
    height: 80px;
    vertical-align: middle;
    font-size: larger;
    color: #ff0000;
    border-color: #ff0000;
}

    .btnBig:hover, .btnBig:focus {
        background-color: #ff0000 !important;
        color: white !important;
        border-color: #ff0000;
    }

    .btnBig.active, .btnBig.active:hover, .btnBig.active:focus {
        background-color: #ff0000;
        color: white;
        border-color: #ff0000;
    }

.btnBigBlue.btn, .btnBigBlue.btn:focus, .btnBigBlue.btn .details, .btnBigBlue.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #105277;
    background-color: #105277;
}

    .btnBigBlue.btn:hover, .btnBigBlue.btn:hover .details {
        color: #55d8a3;
        border-color: #105277;
        background-color: #105277;
    }

    .btnBigBlue.btn.active, .btnBigBlue.btn.active:hover, .btnBigBlue.btn.active:focus {
        color: #55d8a3;
        border-color: #105277;
        background-color: #105277;
    }

.btnXtraBigBlue.btn, .btnXtraBigBlue.btn:focus, .btnXtraBigBlue.btn .details, .btnXtraBigBlue.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #105277;
    background-color: #105277;
    font-size: 28px;
    font-weight: bold;
}

    .btnXtraBigBlue.btn:hover, .btnXtraBigBlue.btn:hover .details {
        color: #55d8a3;
        border-color: #105277;
        background-color: #105277;
    }

    .btnXtraBigBlue.btn.active, .btnXtraBigBlue.btn.active:hover, .btnXtraBigBlue.btn.active:focus {
        color: #55d8a3;
        border-color: #105277;
        background-color: #105277;
    }

.btnBigPink.btn, .btnBigPink.btn:focus, .btnBigPink.btn .details, .btnBigPink.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #ff0000;
    background-color: #ff0000;
}

    .btnBigPink.btn:hover, .btnBigPink.btn:hover .details {
        color: #ffffff;
        border-color: #ff0000;
        background-color: #ff0000;
    }

    .btnBigPink.btn.active, .btnBigPink.btn.active:hover, .btnBigPink.btn.active:focus {
        color: #ffffff;
        border-color: #ff0000;
        background-color: #ff0000;
    }

.btnXtraBigPink.btn, .btnXtraBigPink.btn:focus, .btnXtraBigPink.btn .details, .btnXtraBigPink.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #ff0000;
    background-color: #ff0000;
    font-size: 28px;
    font-weight: bold;
}

    .btnXtraBigPink.btn:hover, .btnXtraBigPink.btn:hover .details {
        color: #ffffff;
        border-color: #ff0000;
        background-color: #ff0000;
    }

    .btnXtraBigPink.btn.active, .btnXtraBigPink.btn.active:hover, .btnXtraBigPink.btn.active:focus {
        color: #ffffff;
        border-color: #ff0000;
        background-color: #ff0000;
    }

.btnSmall {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
}

    .btnSmall, .btnSmall:focus {
        color: #ffffff !important;
        border-color: #105277;
        background-color: #105277 !important;
    }

        .btnSmall:hover, .btnSmall:hover a {
            background-color: #105277 !important;
            color: #ffffff !important;
            border-color: #105277;
        }

        .btnSmall.active, .btnSmall.active:hover, .btnSmall.active:focus {
            background-color: #105277 !important;
            color: #ffffff !important;
            border-color: #105277;
        }

.btnSmallGreen {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
}

    .btnSmallGreen, .btnSmallGreen:focus {
        color: #ffffff !important;
        border-color: #55D8A3;
        background-color: #55D8A3 !important;
    }

        .btnSmallGreen:hover, .btnSmallGreen:hover a {
            background-color: #55D8A3 !important;
            color: #ffffff !important;
            border-color: #55D8A3;
        }

        .btnSmallGreen.active, .btnSmallGreen.active:hover, .btnSmallGreen.active:focus {
            background-color: #55D8A3 !important;
            color: #ffffff !important;
            border-color: #55D8A3;
        }

.btnSmallYellow {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
}

    .btnSmallYellow, .btnSmallYellow:focus {
        color: #ffffff !important;
        border-color: #ffffff;
        background-color: #ffffff !important;
    }

        .btnSmallYellow:hover, .btnSmallYellow:hover a {
            background-color: #ffffff !important;
            color: #ffffff !important;
            border-color: #ffffff;
        }

        .btnSmallYellow.active, .btnSmallYellow.active:hover, .btnSmallYellow.active:focus {
            background-color: #ffffff !important;
            color: #ffffff !important;
            border-color: #ffffff;
        }

.btnSmallRed {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
}

    .btnSmallRed, .btnSmallRed:focus {
        color: #ffffff !important;
        border-color: #ff0000;
        background-color: #ff0000 !important;
    }

        .btnSmallRed:hover, .btnSmallRed:hover a {
            background-color: #ff0000 !important;
            color: #ffffff !important;
            border-color: #ff0000;
        }

        .btnSmallRed.active, .btnSmallRed.active:hover, .btnSmallRed.active:focus {
            background-color: #ff0000 !important;
            color: #ffffff !important;
            border-color: #ff0000;
        }

.btnSmallPink {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
}

    .btnSmallPink, .btnSmallPink:focus {
        color: #ffffff !important;
        border-color: #f6b8bf;
        background-color: #f6b8bf !important;
    }

        .btnSmallPink:hover, .btnSmallPink:hover a {
            background-color: #f6b8bf !important;
            color: #ffffff !important;
            border-color: #f6b8bf;
        }

        .btnSmallPink.active, .btnSmallPink.active:hover, .btnSmallPink.active:focus {
            background-color: #f6b8bf !important;
            color: #ffffff !important;
            border-color: #f6b8bf;
        }

.btnXSmall {
    white-space: normal !important;
    height: 40px;
    vertical-align: middle;
    font-size: larger;
}

    .btnXSmall, .btnXSmall:focus {
        color: #ff0000;
        border-color: #ff0000;
        background-color: #fff;
    }

        .btnXSmall:hover {
            background-color: #ff0000 !important;
            color: white;
            border-color: #ff0000;
        }

        .btnXSmall.active, .btnXSmall.active:hover, .btnXSmall.active:focus {
            background-color: #ff0000 !important;
            color: white;
            border-color: #ff0000;
        }

.produitPanier.btn:not(:disabled):not(.disabled):active, .produitPanier.btn:not(:disabled):not(.disabled).active {
    background-size: 30px 23px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    background-image: url("/images/cart.gif");
    background-color: white;
}