:root {
    /* =[COLOR GENERAL]=== */
    --color-blue:#0072ce;
    --color-blue-10:#c8d6be;
    --color-blue-dark:#112f6aff;
    --color-success:#f7fff4;
    --color-danger:#ffe9ee;
    --bs-link-color:#386e29;
    --bs-link-hover-color: #2a4318;

    /* ==[COLOR THEME]== */
    --color-main-v1:#386e29;
    --color-main-title-v1:var(--color-main-v1);
    --color-main-text-v1:var(--color-main-text-v1);
    --color-main-point-v1:var(--color-main-v1);
    --color-main-point-v1-rgb: 56,110,41;
    --color-main-point-barre-v1:var(--color-main-point-barre-v1);

    --bs-table-accent-bg: #c8d6be;

    --color-sub-v1:#000000;
    --color-sub-title-v1:var(--color-main-v1);
    --color-sub-text-v1:var(--color-sub-v1);
    --color-sub-point-v1:var(--color-sub-v1);
    --color-sub-point-barre-v1:var(--color-sub-point-barre-v1);
    /* ==[CATALOG]== */
    /* MENU CATALOG */
    --border-catalog-card:var(--color-grey-light);
}
/**********************************************************************************************************************/
/*                                                        [GENERAL]                                                   */
/**********************************************************************************************************************/
body{height:100vh;font-family:"HelveticaNowTextLight",serif!important;}

strong,b,h1,h2,h3,h4,h5,h6{font-family:"GilroyExtraBold",serif!important;}
button,input,optgroup,option,textarea,select,.selectpicker{font-family:"HelveticaNowTextRegular",serif!important;}

input[type="password"]{font-size:10px!important;}
input:focus,select:focus,.accordion-button:focus{box-shadow:0 0 2px var(--color-sub-v1)!important;}

.color-title{color:var(--color-white)!important;}
.color-title-v1{color:var(--color-main-v1)!important;}
.color-sub-title{color:var(--color-sub-v1)!important;}
.text-main-v1{color:var(--color-main-v1)!important;}

.bouton{background-color:var(--color-main-v1)!important; color: #ffffff; font-family: "GilroyExtraBold",serif !important; font-size: 18px; font-weight: 700; text-transform : uppercase; margin: 20px auto; padding: 15px; text-decoration: none; border: 0; border-radius: 10px; text-align: center;}


/**********************************************************************************************************************/
/*                                                     [ERROR TOAST]                                                  */
/**********************************************************************************************************************/
.toast-container{z-index:var(--z-index-1100)!important;flex-direction:column;bottom:15px;}
.toast{width:350px!important;margin:10px auto 0 auto;}
/**********************************************************************************************************************/
/*                                                       [HEADER]                                                     */
/**********************************************************************************************************************/
#login-login>header{height:40vh!important;}
header{width:100vw;height:max-content!important;z-index:var(--z-index-1099)!important;}
header #mainNavbar{z-index:var(--z-index-1100)!important;box-shadow:0 1px 2px var(--color-black);}
header .navbar-brand img{height:40px!important;}
header ul a,header ul button{font-size:13px!important;font-weight:700!important;font-family:var(--font-family-gilroy-extra-bold);}
header #userNavbar{z-index:var(--z-index-1099)!important;background-color: #000000;font-size:13px;font-weight:600;}
#mainNavbar button{border: 0 !important;}
/**********************************************************************************************************************/
/*                                                       [FOOTER]                                                     */
/**********************************************************************************************************************/
footer{z-index:var(--z-index-1099)!important;background-color:var(--color-black); margin-top: 40px;}
#loginFooter .nav{margin-left: -20px !important;}

/**********************************************************************************************************************/
/*                                                     [LOGIN PAGE]                                                   */
/**********************************************************************************************************************/
main#loginContent{padding-top:0!important;height:max-content;}
/**********************************************************************************************************************/
/*                                                   [ALL OTHER PAGE]                                                 */
/**********************************************************************************************************************/
main{padding-top:95px;}

#produitsPioneer{margin: 0 auto; height: 100%; background: url("../../../../../medias/images/clubpioneer/bg_blanc_vert.gif")top center;}
#produitsPioneer .produit{border: solid #000000 2px; padding: 20px; background-color: white; margin-right: 20px;}
#produitsPioneer img{margin-bottom: 20px;} /*display: block; float: left;  */
.cartouchePoints{display: block; width: 145px; height: 30px; font-family: "GilroyExtraBold",serif !important; font-size: 18px; font-weight: 700; background-color: #ffffff; border: solid #000000 2px; border-radius: 5px; margin: 5px auto;}
.cartoucheCredits{display: block; width: 145px; height: 30px; font-family: "GilroyExtraBold",serif !important; font-size: 18px; font-weight: 700; background-color: #c03131; padding: 3px; color: #ffffff; border-radius: 5px; margin: 5px auto;}
.cartoucheTitres{float: left; margin-left:10px;}
.fondVert{background-color:var(--color-main-v1)!important;}


#gagnerPoints, #gagnerBonus{font-family:"HelveticaNowTextLight",serif!important; font-size: 14px; line-height: 15px; margin-bottom: 30px;}
#gagnerPoints strong, #gagnerBonus strong{font-family:"HelveticaNowTextLight",serif!important; font-weight: bold;}
#gagnerPoints .cartouchePoints, #gagnerPoints .cartoucheCredits, #gagnerBonus .cartouchePoints, #gagnerBonus .cartoucheCredits{font-size: 14px; width: 110px; height: 22px; border: 0; padding: 5px;}
/*#gagnerPoints .cartouches, #gagnerBonus .cartouchePoints, #gagnerBonus .cartoucheCredits{float: left; margin: 0 10px;}*/
#gagnerPoints td, #gagnerBonus td{border: solid var(--color-main-v1) 5px;}

#instructionsGranular{background-color: #c7d6c2; margin: 0 auto 20px auto; padding: 10px 20px; font-size: 16px; line-height: 20px;}
.pointsValuesColor{color:var(--color-main-v1);}
.descProduits{font-size:14px !important;}
.pointsValuesColor{color:var(--color-main-v1) !important; font-weight: bold;}

.table{font-size: 14px;}


@media screen and (max-width: 768px) {
    @-moz-document url-prefix() {
        main{padding-top:88px!important;}
    }
}
.prod .proddesc{color:var(--color-sub-v1);}
#commande_panier .teasercontainer .teaser{display:grid;grid:auto/auto;margin:1rem 0;}
#commande_panier #blocCadeaux.small .teasercontainer .teaser .produitRes{width:100%!important;}
#commande_panier .teasercontainer .teaser .produitRes img{width:80%!important;display:flex;margin:0 auto;}
/**********************************************************************************************************************/
/*                                                   [ACCOUNT PAGE]                                                   */
/**********************************************************************************************************************/
/* SCREEN PICTURE TOP */
#headerHome,#headerAccount,#headerOrderDetail,#headerContact,#headerShopMenu,#headerShop,#headerCart,#headerSelection,#headerAddress,#headerRecap,#headerConfirm,#headerDeclaration,#headerGranular{padding-top:10vh!important;padding-left:15%;padding-bottom:50px;background-size:cover!important;}
#headerHome{background:url("../../../../../medias/images/clubpioneer/background/bg_home_1.webp")top center no-repeat;}
#headerAccount,#headerOrderDetail{background:url("../../../../../medias/images/clubpioneer/background/bg_account_1.webp")top center no-repeat;}
#headerContact{background:url("../../../../../medias/images/clubpioneer/background/bg_contact_1.webp")center center no-repeat;}
#headerDeclaration{background:url("../../../../../medias/images/clubpioneer/background/bg_declaration_1.webp")top center no-repeat;}
#headerGranular{background:url("../../../../../medias/images/clubpioneer/background/bg_granular_1.webp")top center no-repeat;}
#headerShop,#headerShopMenu,#headerSelection{background:url("../../../../../medias/images/clubpioneer/background/bg_catalog_1.webp")top center no-repeat;}
#headerCart,#headerAddress,#headerRecap,#headerConfirm{background: url("../../../../../medias/images/clubpioneer/background/bg_catalog_2.webp")top center no-repeat;}
#headerHome>h3,#headerAccount>h3,#headerOrderDetail>h3,#headerContact>h3,#headerShopMenu>h3,#headerShop>h3,#headerCart>h3,#headerSelection>h3,#headerAddress>h3,#headerRecap>h3,#headerConfirm>h3,#headerDeclaration>h3,#headerGranular>h3{font-size:30px;text-shadow:-2px 2px 3px var(--color-black)!important;}

#pills-tab button{font-size:13px!important;color:var(--color-grey)!important;}
#pills-tab button.active{color:var(--color-black)!important;}
#pills-tab button:hover{color:var(--color-main-v1)!important;}
#pillsUserInfo table tr th{width:33%;}
#pillsOrdered table tr td{width:max-content!important;}

/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {
    #commande_panier .teasercontainer .teaser{display:grid;grid:auto/auto auto;margin:1rem 0;}
}

/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) {
    /******************************************************************************************************************/
    /*                                                     [ERROR TOAST]                                              */
    /******************************************************************************************************************/
    .toast-container{top:auto;bottom:0;right:0;flex-direction:column-reverse;}
    .toast{width:400px!important;}
    /******************************************************************************************************************/
    /*                                                       [HEADER]                                                 */
    /******************************************************************************************************************/
    #login-login>header{height:45vh!important;}
    header{width:100vw;z-index:var(--z-index-1100)!important;}
    header .navbar-brand img{height:50px!important;}
    header .vr-green{width:40px;border-bottom:1px solid var(--color-green)!important;opacity:100%;position:absolute;top:29px;left:180px;transform:rotate(-53deg);}
    header ul a{font-size:13px!important;font-weight:700!important;}
    header #userNavbar{font-size:20px;}
    #headerShop h3{text-align: left !important;}

    /******************************************************************************************************************/
    /*                                                   [ALL OTHER PAGE]                                             */
    /******************************************************************************************************************/
    main{padding-top:130px;}
    /* [BTN FILTER] */
    .svg-green{color:var(--color-green);}
    a:hover .svg-green{color:var(--color-white)!important;}

    .bg-shop-detail{background-color:var(--color-white)!important;}
    #cgvPage h2, #cgvPage h4{color:var(--color-main-v1)!important; margin-top: 1em;}
    /******************************************************************************************************************/
    /*                                                 [ACCOUNT PAGE]                                                 */
    /******************************************************************************************************************/
    #headerHome,#headerAccount,#headerOrderDetail,#headerContact,#headerShopMenu,#headerShop,#headerCart,#headerSelection,#headerAddress,#headerRecap,#headerConfirm,#headerGranular{padding-top:20vh!important;}
    #headerHome>h3,#headerAccount>h3,#headerOrderDetail>h3,#headerContact>h3,#headerShopMenu>h3,#headerShop>h3,#headerCart>h3,#headerSelection>h3,#headerAddress>h3,#headerRecap>h3,#headerConfirm>h3,#headerDeclaration>h3,#headerGranular>h3{font-size:40px;}

    #coordform .fa-circle-question.securite-sociale{position:absolute;top:11px;left:-8px;z-index:var(--z-index-1099)!important;}

    #pills-tab #pillsUserInfo-tab,#pills-tab #pillsOrdered-tab,#pills-tab #pillsMvts-tab,#pills-tab #pillsDecla-tab{font-size:25px!important;}
    #pillsUserInfo table tr th {width:33%;}

    #commande_panier #blocCadeaux.bigest .teasercontainer .teaser{display:grid;grid:auto / auto auto auto auto auto;margin:1rem 0;}
}

/* ==[LARGE SIZE]== */
@media screen and (min-width: 992px) {
    /******************************************************************************************************************/
    /*                                                       [HEADER]                                                 */
    /******************************************************************************************************************/
    header ul a{font-size:14px!important;}
    header .navbar-brand img{height:50px!important;}

    header #menuNavBar{margin:1rem;}
    header #menuNavBar ul a{font-size:17px!important; line-height: 18px;}
    header #menuNavBar img{height:35px!important;}

    header .vr-green{width:42px!important;top:30px!important;left:216px!important;transform:rotate(-57deg);}
    /******************************************************************************************************************/
    /*                                                   [ALL OTHER PAGE]                                             */
    /******************************************************************************************************************/
    main{padding-top:143px;}
    #headerHome,#headerAccount,#headerOrderDetail,#headerContact,#headerShopMenu,#headerShop,#headerCart,#headerSelection,#headerAddress,#headerRecap,#headerConfirm,#headerDeclaration{padding-top:35vh!important;}
}

/* ==[EXTRA LARGE SIZE]== */
@media screen and (min-width: 1200px) {

}

/* ==[DOUBLE EXTRA LARGE SIZE]== */
@media screen and (min-width: 1400px) {

}