/**********************************************************************************************************************/
/*                                                   [GLOBAL SETTING]                                                 */
/**********************************************************************************************************************/
:root {
    /* ==[COLOR THEME]== */
    --color-main-v1:#4A7729;
    --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:74,119,41;
    --color-main-point-barre-v1:var(--color-main-point-barre-v1);

    --color-sub-v1:#194f0e;
    --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);
    /* TARTE AU CITRON (COOKIE) */
    --bg-tarteaucitron-alert-big: #286017;
    --text-tarteaucitron-alert-big: #286017;
    --bg-btn-accept-cookie: #FFF;
    --bg-tarteaucitron-Info: #FFF;
    --text-tarteaucitron-Info: #286017;
    /* ==[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,select,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;}
/**********************************************************************************************************************/
/*                                                     [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:var(--color-main-v1);font-size:13px;font-weight:600;}
/**********************************************************************************************************************/
/*                                                       [FOOTER]                                                     */
/**********************************************************************************************************************/
footer{z-index:var(--z-index-1099)!important;background-color:var(--color-black);}
/**********************************************************************************************************************/
/*                                                     [LOGIN PAGE]                                                   */
/**********************************************************************************************************************/
main#loginContent{padding-top:0!important;height:max-content;}
/**********************************************************************************************************************/
/*                                                   [ALL OTHER PAGE]                                                 */
/**********************************************************************************************************************/
main{padding-top:95px;}
@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,#headerAddress,#headerRecap,#headerConfirm{padding-top:10vh!important;padding-left:15%;padding-bottom:50px;background-size:cover!important;}
#headerHome{background:url("../../../../../medias/images/pioneerdistributeur/background/bg_home_1.webp")top center no-repeat;}
#headerAccount,#headerOrderDetail{background:url("../../../../../medias/images/pioneerdistributeur/background/bg_account_1.webp")top center no-repeat;}
#headerContact{background:url("../../../../../medias/images/pioneerdistributeur/background/bg_contact_3.webp")center center no-repeat;}
#headerShop,#headerShopMenu{background:url("../../../../../medias/images/pioneerdistributeur/background/bg_catalog_1.webp")top center no-repeat;}
#headerCart,#headerAddress,#headerRecap,#headerConfirm{background:url("../../../../../medias/images/pioneerdistributeur/background/bg_catalog_2.webp")top center no-repeat;}
#headerHome>h3,#headerAccount>h3,#headerContact>h3,#headerShopMenu>h3,#headerShop>h3,#headerCart>h3,#headerAddress>h3,#headerRecap>h3,#headerConfirm>h3{font-size:30px;text-shadow:-2px 2px 3px var(--color-black);}

#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;}
    /******************************************************************************************************************/
    /*                                                   [ALL OTHER PAGE]                                             */
    /******************************************************************************************************************/
    main{padding-top:130px;}
    /* [BTN FILTER] */
    .svg-green{color:var(--color-green);}
    a:hover .svg-green{color:var(--color-white)!important;}
    /******************************************************************************************************************/
    /*                                                 [ACCOUNT PAGE]                                                 */
    /******************************************************************************************************************/
    #headerHome,#headerAccount,#headerOrderDetail,#headerContact,#headerShopMenu,#headerShop,#headerCart,#headerAddress,#headerRecap,#headerConfirm{padding-top:20vh!important;}
    #headerHome>h3,#headerAccount>h3,#headerOrderDetail>h3,#headerContact>h3,#headerShopMenu>h3,#headerShop>h3,#headerCart>h3,#headerAddress>h3,#headerRecap>h3,#headerConfirm>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{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:60px!important;}

    header #menuNavBar{margin:1rem;}
    header #menuNavBar ul a{font-size:17px!important;}
    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:153px;}
    #headerHome,#headerAccount,#headerOrderDetail,#headerContact,#headerShopMenu,#headerShop,#headerCart,#headerAddress,#headerRecap,#headerConfirm{padding-top:35vh!important;}
}

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

}

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

}