.defTtext {
}

body {
    font-size: unset;
}

.fmg-content {
    
}

.btnBig {
    white-space: normal !important;
    height: 80px;
    vertical-align: middle;
    font-size: larger;
    color: #bb94c4;
    border-color: #bb94c4;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

.btnBigBlue.btn, .btnBigBlue.btn:focus, .btnBigBlue.btn .details, .btnBigBlue.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #bb94c4;
    background-color: #bb94c4;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

    .btnBigBlue.btn:hover, .btnBigBlue.btn:hover .details {
        color: #20255e;
        border-color: #bb94c4;
        background-color: #bb94c4;
    }

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

.btnXtraBigBlue.btn, .btnXtraBigBlue.btn:focus, .btnXtraBigBlue.btn .details, .btnXtraBigBlue.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #20255e;
    background-color: #20255e;
    font-size: 28px;
    font-weight: bold;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

.btnBigPink.btn, .btnBigPink.btn:focus, .btnBigPink.btn .details, .btnBigPink.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff;
    border-color: #20255e;
    background-color: #20255e;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

    .btnBigPink.btn:hover, .btnBigPink.btn:hover .details {
        color: #bb94c4;
        border-color: #20255e;
        background-color: #20255e;
    }

    .btnBigPink.btn.active, .btnBigPink.btn.active:hover, .btnBigPink.btn.active:focus {
        color: #bb94c4;
        border-color: #20255e;
        background-color: #20255e;
    }

.btnBigPinkInactif.btn, .btnBigPinkInactif.btn:focus, .btnBigPinkInactif.btn .details, .btnBigPinkInactif.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #20255e;
    border: none;
    background-color: #ffffff;
    font-weight: bold;
    opacity: 1;
    cursor: default;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

    .btnBigPinkInactif.btn:hover, .btnBigPinkInactif.btn:hover .details {
        color: #bb94c4;
        border: none;
        background-color: #ffffff;
        font-weight: bold;
        opacity: 1;
    }

    .btnBigPinkInactif.btn.active, .btnBigPinkInactif.btn.active:hover, .btnBigPinkInactif.btn.active:focus {
        color: #bb94c4;
        border: none;
        background-color: #ffffff;
        font-weight: bold;
        opacity: 1;
    }
    .btnBigPinkInactif.btn.disabled,
    .btnBigPinkInactif.btn[disabled],
    fieldset[disabled] .btnBigPinkInactif.btn {
        color: #20255e;
        border: none;
        background-color: #ffffff;
        opacity: 1;
    }

.btnXtraBigPink.btn, .btnXtraBigPink.btn:focus, .btnXtraBigPink.btn .details, .btnXtraBigPink.btn:focus .details {
    white-space: normal !important;
    vertical-align: middle;
    color: #000000;
    border-color: #ffffff;
    background-color: #ffffff;
    font-size: 28px;
    font-weight: bold;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

.btnSmall {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

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

.btnSmallGreen {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

    .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;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

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

.btnSmallRed {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

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

.btnSmallPink {
    white-space: normal !important;
    vertical-align: middle;
    font-size: larger;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

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


.produit3 .btnSmallWhite {
    min-width: 150px;
}

.btnSmallWhite {
    white-space: normal !important;
    vertical-align: middle;
    font-size: medium;
    font-weight: 900;
    min-width: 100px;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

    .btnSmallWhite, .btnSmallWhite:focus {
        color: #ffffff !important;
        border-color: #20255e;
        background-color: #20255e !important;
    }

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

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

.text-container {
    display: inline-flex;
    align-items: center;
}

.btnSmallInfo {
    white-space: normal !important;
    text-align: center;
    vertical-align: middle;
    padding: 0px 2px 0px 2px;
    border-radius: 50%;
    height: 1.55em;
    aspect-ratio: 1 / 1;
    display: inline-block;
    cursor: pointer;
}

    .btnSmallInfo, .btnSmallInfo:focus {
        color: #ffffff !important;
        border-color: #ffffff;
        background-color: #20255e !important;
    }

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

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

.btnXSmall {
    white-space: normal !important;
    height: 40px;
    vertical-align: middle;
    font-size: larger;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

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

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

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

.blueDiv {
    color: white;
    background-color: #bb94c4;
}

.hrLinePink {
    margin:5px;
    height:1px;
    background-color: #bb94c4;
}

.produitPanier {
    /*background-image: url("/BlueBall.png");*/
}

.produitPanierCompletF {
    background-image: url("/images/complet.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.produitPanierCompletE {
    background-image: url("/images/complet_e.png");
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.produitPanierComplet {
    font-size: 0.7em;
    padding: 6px;
}
    .produitPanier:hover {
        /*background-image: url("/BlueBall_Hover.png");*/
    }

    .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;
    }


.produitLoge.btn:not(:disabled):not(.disabled):active, .produitLoge.btn:not(:disabled):not(.disabled).active {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    background-image: url("/images/checked_loge.png");
    background-color: white;
}

.popupHeader {
    justify-content: flex-end;
}

.produitGroup {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff !important;
    overflow: auto;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
    width: calc(100% + 10px);
    left: -5px;
    position: relative;
}
    .produitGroup.header-collapsed {
    }

    .produitGroup > a {
        color: #ffffff;
    }

.FAQ {
    padding-top: 10px;
    text-align: left;
}

.FAQReponse {
    text-align: left;
}

.FAQQuestion {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff !important;
    overflow: auto;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
    width: calc(100% + 10px);
    left: -5px;
    position: relative;
}

@media (max-width: 576px) {

    .FAQ {
        display:none;
    }

    .FAQmobile {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image: url(/images/faq.png);
        position: fixed;
        bottom: 60px;
        right: 10px;
        z-index:1101;
    }
}

.listFAQ.header-collapsed {
}

.listFAQ > a {
    color: #ffffff;
}

.listFAQ .card-header {
    padding: .25rem 1.25rem;
}

.listFAQ .card {
    border: 5px solid #20255e;
}

.listFAQ .FAQQuestion .card {
    border: 5px solid #20255e;
}

.listFAQ .FAQQuestion {
    background-color: #20255e;
}

.listFAQ .card, .listFAQ .FAQQuestion .card {
    background-color: #ffffff;
    border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
}

.listFAQ .card-body, .listFAQ .FAQQuestion .card-body {
    background-color: #ffffff;
    border: 5px solid #ffffff;
    border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px) !important;
}

.listProduits {
    max-width: 1000px;
    min-width: 100%;
    margin:auto;
}

.listProduitsSous {
    display:inline-block;
    min-width: calc(100% - 40px);
    text-align: center;
}

@media (max-width:480px) {
    .listProduitsSous {
        min-width: calc(100% - 10px);
        word-break:break-all;
    }
}

.listProduits, listProduitsSous {
    background-color: #ffffff;
}

    .listProduits .card-header, .listProduits .panel-heading {
        padding: .25rem 1.25rem;
    }

    .listProduits .produitGroup a {
        color: #20255e !important;
    }

    .listProduits .listProduitsSous .produitGroup a {
        color: #bb94c4 !important;
    }

    .listProduits .produitGroup {
        background-color: #bb94c4 !important;
    }

    .listProduits .card, .listProduits .panel {
        border: 5px solid #bb94c4;
    }

    .listProduits .listProduitsSous .produitGroup {
        background-color: #20255e !important;
    }

    .listProduits .listProduitsSous .card, .listProduits .listProduitsSous .panel {
        border: 5px solid #20255e;
    }

    .listProduits .card, listProduitsSous .card, .listProduits .panel, listProduitsSous .panel {
        background-color: #ffffff;
        border-radius: calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) calc(1rem - 1px) !important;
    }

    .listProduits .card-body, listProduitsSous .card-body, .listProduits .panel-body, listProduitsSous .panel-body {
        background-color: #ffffff;
        border: 5px solid #ffffff;
        border-radius: 0 0 calc(1rem - 1px) calc(1rem - 1px) !important;
    }

    .btnXtraBigPink {
        white-space: normal !important;
        vertical-align: middle;
        color: #000000;
        border-color: #ffffff;
        background-color: #ffffff;
        font-size: 24px;
        font-weight: bold;
        padding: 10px;
        display: inline-block;
    }

    .btnXtraBigPink > .nomProduit {
        text-align: center;
    }

.bonificationGroup {
    white-space: normal !important;
    vertical-align: middle;
    color: #ffffff !important;
    border-color: #bb94c4 !important;
    background-color: #20255e !important;
    overflow: auto;
}

    .bonificationGroup > a {
        color: #ffffff;
    }
@media (max-width: 576px) {

    .nopadding-xs {
        padding:0px 0px 0px 5px !important;
    }
    .nopadding-xs2 {
        padding: 0px 0px 0px 0px !important;
    }
    .normalfont {
        font-size: 14px !important;
    }
}

@media (min-width: 992px) {
    .listProduits {
    }
    .btnXtraBigPink > .nomProduit {
        text-align: center;
        min-height: 68px;
    }
}
@media (min-width: 1200px) {
    .listProduits {
    }
    .btnXtraBigPink > .nomProduit {
        text-align: center;
        min-height: 68px;
    }
}
@media (min-width: 1600px) {

}

.btnXtraBigPink > .prixInfo {
    display: inline-block;
    text-align: left;
    white-space: normal !important;
    color: #000000;
    font-size: 12px;
    font-weight: 400;
    height: 18px;
}

.btnXtraBigPink > .prix {
    text-align: center;
    position: relative;
    font-size:26px;
}
.prix > .devise {
    position: absolute;
    font-size: 14px;
    top: 0px;
    right: 0px;
    font-weight: 600;
}
.prix > .taxesInfo:not(:empty) {
    font-size: 14px;
    bottom: 0px;
    right: 0px;
    font-weight: 400;
    display: inline-block;
    width: 70px;
    text-align: left;
    overflow: hidden;
    vertical-align: middle;
}
.prix > .aPartirDe:not(:empty) {
    font-size: 14px;
    bottom: 0px;
    right: 0px;
    font-weight: 400;
    display: inline-block;
    width: 70px;
    text-align: right;
    overflow: hidden;
    vertical-align: middle;
}

.btnXtraBigPink > .clsProduit {
    text-align: center;
    padding: 5px 0px 5px 0px;
}
.btnXtraBigPink > .clsProduitInfo {
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.clsProduitInfoText {
    display:none;
    font-size: 12px;
    line-height: initial;
}

.text-center > table {
    display: inline-block;
}

.Experience:hover {
    color: #f6b8bf;
}

.ButSelectPageDisable, .ButSelectPageDisable:active {
    border-radius: 0px !important;
    color: #181818;
    background-color: #ffffff;
    border-color: #204d74;
    font-family: Boston, Helvetica, Arial;
    cursor: default !important;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: none !important;
    webkit-box-shadow: none !important;
}

    .ButSelectPageDisable:hover {
        color: #181818 !important;
        background-color: #ffffff !important;
        border-color: #204d74 !important;
    }

    .ButSelectPageDisable.active {
        color: #ffffff !important;
        background-color: #bb94c4 !important;
        border-color: #204d74 !important;
        outline: none !important;
    }

.panierHeader {
    background-color: #bb94c4;
}

.panierFooter, .panierFooter * {
    background-color: #bb94c4 !important;
}

.btn-primary {
    color: #181818;
    background-color: #ffffff;
    border-color: #bb94c4;
    font-family: Boston, Helvetica, Arial;
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #bb94c4 !important;
        border-color: #bb94c4;
    }

    .btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #bb94c4;
        border-color: #bb94c4;
        outline: none;
    }