:root {
    /* =[COLOR GENERAL]=== */
    --color-blue:#0072ce;
    --color-blue-10:rgba(0,114,206,.10);
    --color-blue-dark:#112f6aff;
    --color-success:#f7fff4;
    --color-danger:#ffe9ee;

    /* ==[COLOR THEME]== */
    --color-main-v1:#0072ce;
    --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:40,96,23;
    --color-main-point-barre-v1:var(--color-main-point-barre-v1);

    --color-sub-v1:#112f6aff;
    --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;}
/**********************************************************************************************************************/
/*                                                     [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,#headerSelection,#headerAddress,#headerRecap,#headerConfirm{padding-top:10vh!important;padding-left:15%;padding-bottom:50px;background-size:cover!important;}
#headerHome{background:url("../../../../../medias/images/corteva/background/bg_home_1.webp")top center no-repeat;}
#headerAccount,#headerOrderDetail{background:url("../../../../../medias/images/corteva/background/bg_account_1.webp")top center no-repeat;}
#headerContact{background:url("../../../../../medias/images/corteva/background/bg_contact_3.webp")center center no-repeat;}
#headerShop,#headerShopMenu,#headerSelection{background:url("../../../../../medias/images/corteva/background/bg_catalog_1.webp")top center no-repeat;}
#headerCart,#headerAddress,#headerRecap,#headerConfirm{background: url("../../../../../medias/images/corteva/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{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{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{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,#headerSelection,#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) {

}