:root{
    /* ==[FONT FAMILY]== */
    --font-family-arial-regular:"Arial Regular";
    --font-family-arial-narrow:"Arial Narrow";
    --font-family-arial-light-regular:"Arial Light Regular";
    --font-family-arial-ce-regular:"Arial CE Regular";
    --font-family-gilroy-light:"GilroyLight";
    --font-family-gilroy-extra-bold:"GilroyExtraBold";
    --font-family-gotham-black:"Gotham Black";
    --font-family-gotham-bold:"Gotham Bold";
    --font-family-gotham-light:"Gotham Light";
    --font-family-gotham-light-italic:"Gotham Light Italic";
    --font-family-gotham-medium:"Gotham Medium";
    --font-family-gotham-medium-italic:"Gotham Medium Italic";
    --font-family-gotham-thin:"Gotham Thin";
    --font-family-gotham-ultra:"Gotham Ultra";
    --font-family-helvetica-now-text-light:"HelveticaNowTextLight";
    --font-family-helvetica-now-text-regular:"HelveticaNowTextRegular";
    --font-family-helvetica-now-text-bold:"HelveticaNowTextBold";
    --font-family-helvetica-now-display-regular:"HelveticaNowDisplayRegular";
    --font-family-helvetica-now-display-bold:"HelveticaNowDisplayBold";
    --font-family-montserrat-bold:"Montserrat Bold";
    --font-family-montserrat-extra-bold:"Montserrat ExtraBold";
    --font-family-montserrat-regular:"Montserrat Regular";
    --font-family-roboto-regular:"Roboto Regular";
    /* ==[Z-INDEX]== */
    --z-index-1100:1100;
    --z-index-1099:1099;
    --z-index-1098:1098;
    --z-index-1097:1097;
    --z-index-1096:1096;
    /* =[COLOR GENERAL]=== */
    --color-white:#fff;
    --color-black:#000;
    --color-grey:#d7d7d7;
    --color-grey-light:#c9c9c9;
    --color-green:#9dc41f;
    --color-yellow:#f5d100;
    --color-orange:#fd7d00;
    --color-red:#c9042c;
    --color-brown: #c2a79f;
    --gradient:linear-gradient(180deg,rgba(var(--color-main-v1-rgb),.15),rgba(255,255,255,.25));
    /* ==[COLOR THEME]== */
    --color-main-v1:#000;
    --color-main-v1-rgb:0,0,0;
    --color-main-title-v1:#000;
    --color-main-text-v1:#000;
    --color-main-point-v1:#000;
    --color-main-point-barre-v1:#000;

    --color-sub-v1:#1e1e1e;
    --color-sub-title-v1:#1e1e1e;
    --color-sub-text-v1: #1e1e1e;
    --color-sub-point-v1:#1e1e1e;
    --color-sub-point-barre-v1:#1e1e1e;
    /* ==[MODAL]== */
    --bg-modal-header: var(--color-main-v1);
    --color-modal-title: var(--color-white);
    --btn-modal-submit: var(--color-main-v1);
    --btn-close-theme:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    /* ==[CATALOG MENU]== */
    /* MENU CATALOG CARD */
    --bg-catalog-card:rgba(255,255,255,.65);
    --bg-catalog-card-hover:rgba(255,255,255,.9);
    --color-catalog-menu-link:var(--color-main-v1);
    --color-catalog-menu-link-hover:var(--color-sub-v1);
    --border-catalog-card:var(--color-sub-v1);
    /* MENU CATALOG IMG */
    --img-url-multimedia:   url(/medias/images/_common/menucatalogue/store-hightech.jpg) center center no-repeat;
    --img-url-home:         url(/medias/images/_common/menucatalogue/store-maison.jpg) center center no-repeat;
    --img-url-sports:       url(/medias/images/_common/menucatalogue/store-loisirs.jpg) center center no-repeat;
    --img-url-accessories:  url(/medias/images/_common/menucatalogue/store-maroquinerie.jpg) center center no-repeat;
    --img-url-gastronomy:   url(/medias/images/_common/menucatalogue/store-gastronomie.jpg) center center no-repeat;
    --img-url-child:        url(/medias/images/_common/menucatalogue/store-enfant.jpg) center center no-repeat;
    --img-url-comfort:      url(/medias/images/_common/menucatalogue/store-bienetre.jpg) center center no-repeat;
    --img-url-travel:       url(/medias/images/_common/menucatalogue/store_voyage.jpg) center center no-repeat;
    --img-url-gift:         url(/medias/images/_common/menucatalogue/store-chequecadeau.jpg) center center no-repeat;
    --img-url-all-catalog:  url(/medias/images/_common/menucatalogue/store-cadeaux.jpg) center center no-repeat;
    --img-url-pro-products: url(/medias/images/_common/menucatalogue/store-pro.jpg) center center no-repeat;
    /* ==[CATALOG DETAIL]== */
    /* DETAIL COLOR BORDER */
    --border-color-gift:var(--color-sub-v1);
    --border-color-gift-selected:var(--color-main-v1);
    /* ==[CATALOG]== */
    /* CATALOG TITLE & NO UI */
    --text-shop-card: var(--color-main-title-v1);
    --noui-bg:var(--color-main-title-v1);
    --wishlist-color:var(--color-brown);
    /* BTN CATALOG SELECTION */
    /* BTN NEWS */
    --btn-news-text:var(--color-white);
    --btn-news-icon:var(--color-green);
    --btn-news-border:var(--color-white);
    --btn-news-bg:var(--color-green);
    /* BTN NEWS HOVER */
    --btn-news-text-hover:var(--color-green);
    --btn-news-icon-hover:var(--color-white);
    --btn-news-border-hover:var(--color-green);
    --btn-news-bg-hover:var(--color-white);
    /* BTN PROMO */
    --btn-promo-text:var(--color-white);
    --btn-promo-icon:var(--color-yellow);
    --btn-promo-border:var(--color-white);
    --btn-promo-bg:var(--color-yellow);
    /* BTN PROMO HOVER */
    --btn-promo-text-hover:var(--color-yellow);
    --btn-promo-icon-hover:var(--color-white);
    --btn-promo-border-hover:var(--color-yellow);
    --btn-promo-bg-hover:var(--color-white);
    /* BTN HEART */
    --btn-heart-text:var(--color-white);
    --btn-heart-icon:var(--color-red);
    --btn-heart-border:var(--color-white);
    --btn-heart-bg:var(--color-red);
    /* BTN HEART HOVER */
    --btn-heart-text-hover:var(--color-red);
    --btn-heart-icon-hover:var(--color-white);
    --btn-heart-border-hover:var(--color-red);
    --btn-heart-bg-hover:var(--color-white);
    /* BTN TIP OF DAY  */
    --btn-day-tip-text:var(--color-white);
    --btn-day-tip-border:var(--color-white);
    --btn-day-tip-bg:var(--color-orange);
    /* BTN TIP OF DAY HOVER */
    --btn-day-tip-text-hover:var(--color-orange);
    --btn-day-tip-border-hover:var(--color-orange);
    --btn-day-tip-bg-hover:var(--color-white);
    /* BTN TIP OF DAY  */
    --btn-wishlist-text:var(--color-white);
    --btn-wishlist-border:var(--color-white);
    --btn-wishlist-bg:var(--color-brown);
    /* BTN TIP OF DAY HOVER */
    --btn-wishlist-text-hover:var(--color-brown);
    --btn-wishlist-border-hover:var(--color-brown);
    --btn-wishlist-bg-hover:var(--color-white);
    /* ==[CART]== */
    --bg-table-cart-head:var(--color-main-v1);
    --text-table-cart-head:var(--color-white) !important;
    --link-table-cart:var(--color-main-v1);
    --link-table-cart-hover:var(--color-sub-v1);
}
/**********************************************************************************************************************/
/*                                                 [FONT FAMILY]                                                      */
/**********************************************************************************************************************/
@font-face{font-family:"Arial Regular";src:url("/assets/current/fonts/websites/common/Arial-Regular.ttf") format("truetype");}
@font-face{font-family:"Arial Narrow";src:url("/assets/current/fonts/websites/common/Arial-Narrow.ttf") format("truetype");}
@font-face{font-family:"Arial Light Regular";src:url("/assets/current/fonts/websites/common/Arial-Light-Regular.ttf") format("truetype");}
@font-face{font-family:"Arial CE Regular";src:url("/assets/current/fonts/websites/common/Arial-CE-Regular.ttf") format("truetype");}
.ff-arial-regular{font-family:var(--font-family-arial-regular)!important;}
.ff-arial-narrow{font-family:var(--font-family-arial-narrow)!important;}
.ff-arial-light-regular{font-family:var(--font-family-arial-light-regular)!important;}
.ff-arial-ce-regular{font-family:var(--font-family-arial-ce-regular)!important;}
@font-face{font-family:"GilroyLight";font-style:normal;font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/GilroyLight.woff') format('woff'),url('/assets/current/fonts/websites/common/GilroyLight.woff2') format('woff2');}
@font-face{font-family:"GilroyExtraBold";font-style:normal;font-weight:800;font-stretch:normal;src:url('/assets/current/fonts/websites/common/GilroyExtraBold.woff') format('woff'),url('/assets/current/fonts/websites/common/GilroyExtraBold.woff2') format('woff2');}
.ff-gilroy-light{font-family:var(--font-family-gilroy-light)!important;}
.ff-gilroy-extra-bold{font-family:var(--font-family-gilroy-extra-bold)!important;}
@font-face{font-family:"Gotham Black";font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/Gotham-Black.otf') format('opentype');}
@font-face{font-family:"Gotham Bold";font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/Gotham-Bold.otf') format('opentype');}
@font-face{font-family:"Gotham Light";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-Light.otf') format('opentype');}
@font-face{font-family:"Gotham Light Italic";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-LightItalic.otf') format('opentype');}
@font-face{font-family:"Gotham Medium";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-Medium.otf') format('opentype');}
@font-face{font-family:"Gotham Medium Italic";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-MediumItalic.otf') format('opentype');}
@font-face{font-family:"Gotham Thin";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-Thin.otf') format('opentype');}
@font-face{font-family:"Gotham Ultra";font-stretch:normal;src:url('/assets/current/fonts/websites/common/Gotham-Ultra.otf') format('opentype');}
.ff-gotham-black{font-family:var(--font-family-gotham-black)!important;}
.ff-gotham-bold{font-family:var(--font-family-gotham-bold)!important;}
.ff-gotham-light{font-family:var(--font-family-gotham-light)!important;}
.ff-gotham-light-italic{font-family:var(--font-family-gotham-light-italic)!important;}
.ff-gotham-medium{font-family:var(--font-family-gotham-medium)!important;}
.ff-gotham-medium-italic{font-family:var(--font-family-gotham-medium-italic)!important;}
.ff-gotham-thin{font-family:var(--font-family-gotham-thin)!important;}
.ff-gotham-ultra{font-family:var(--font-family-gotham-ultra)!important;}
@font-face{font-family:"HelveticaNowTextLight";font-style:normal;font-stretch:normal;src:url('/assets/current/fonts/websites/common/HelveticaNowTextLight.woff') format('woff'),url('/assets/current/fonts/websites/common/HelveticaNowTextLight.woff2') format('woff2');}
@font-face{font-family:"HelveticaNowTextRegular";font-style:normal;font-stretch:normal;src:url('/assets/current/fonts/websites/common/HelveticaNowTextRegular.woff') format('woff'),url('/assets/current/fonts/websites/common/HelveticaNowTextRegular.woff2') format('woff2');}
@font-face{font-family:"HelveticaNowTextBold";font-style:normal;font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/HelveticaNowTextBold.woff') format('woff'),url('/assets/current/fonts/websites/common/HelveticaNowTextBold.woff2') format('woff2');}
@font-face{font-family:"HelveticaNowDisplayRegular";font-style:normal;font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/HelveticaNowDisplayRegular.woff') format('woff'),url('/assets/current/fonts/websites/common/HelveticaNowDisplayRegular.woff2') format('woff2');}
@font-face{font-family:"HelveticaNowDisplayBold";font-style:normal;font-stretch:normal;font-display:swap;src:url('/assets/current/fonts/websites/common/HelveticaNowDisplayBold.woff') format('woff'),url('/assets/current/fonts/websites/common/HelveticaNowDisplayBold.woff2') format('woff2');}
.ff-helvetica-text-light{font-family:var(--font-family-helvetica-now-text-light)!important;}
.ff-helvetica-text-regular{font-family:var(--font-family-helvetica-now-text-regular)!important;}
.ff-helvetica-text-bold{font-family:var(--font-family-helvetica-now-text-bold)!important;}
.ff-helvetica-display-regular{font-family:var(--font-family-helvetica-now-display-regular)!important;}
.ff-helvetica-display-bold{font-family:var(--font-family-helvetica-now-display-bold)!important;}
@font-face{font-family:"Montserrat Bold";src:url("/assets/current/fonts/websites/common/Montserrat-Bold.woff2") format("woff2");}
@font-face{font-family:"Montserrat ExtraBold";src:url("/assets/current/fonts/websites/common/Montserrat-ExtraBold.woff2") format("woff2");}
@font-face{font-family:"Montserrat Regular";src:url("/assets/current/fonts/websites/common/Montserrat-Regular.woff2") format("woff2");}
.ff-montserrat-bold{font-family:var(--font-family-montserrat-bold)!important;}
.ff-montserrat-extra-bold{font-family:var(--font-family-montserrat-extra-bold)!important;}
.ff-montserrat-regular{font-family:var(--font-family-montserrat-regular)!important;}
@font-face{font-family:"Roboto Regular";src:url('/assets/current/fonts/websites/common/Roboto-Regular.woff') format('woff'),url("/assets/current/fonts/websites/common/Roboto-Regular.woff2") format("woff2");}
.ff-roboto-regular{font-family:var(--font-family-roboto-regular)!important;}
/**********************************************************************************************************************/
/*                                                        [GENERAL]                                                   */
/**********************************************************************************************************************/
.color-main-v1{color:var(--color-main-v1)!important;}
.color-sub-v1{color:var(--color-sub-v1)!important;}

.color-title{color:var(--color-main-title-v1)!important;}
.color-sub-title{color:var(--color-sub-title-v1)!important;}

.color-text{color:var(--color-main-text-v1)!important;}
.color-sub-text{color:var(--color-sub-text-v1)!important;}

.color-point{color:var(--color-main-point-v1)!important;}
.color-point-barre{color:var(--color-main-point-barre-v1)!important;}

html{height:max-content!important;}
body{height:100%!important;font-family:var(--font-family-arial-regular)!important;}
input:focus,textarea:focus,select:focus{box-shadow: 0 1px 2px var(--color-main-v1) !important;}
red{color:red!important;}

.svg-green{color:var(--color-green);}
a:hover .svg-green{color:var(--color-white)!important;}

.bg-shop-detail{background-color:var(--bs-light)!important;}
.color-wishlist{color:var(--wishlist-color)!important;}
/**********************************************************************************************************************/
/*                                                      [BOOTSTRAP]                                                   */
/**********************************************************************************************************************/
.border-main{border-color:var(--color-grey-light)!important;}
.border-main-v1{border-color:var(--color-main-v1)!important;}

.bg-main{background-color:var(--color-main-v1)!important;}
.bg-main-gradient{background-image:var(--gradient)!important;}

.bg-sub-v1{background-color:var(--color-sub-v1)!important;}
.bg-sub-gradient{background-color:var(--color-sub-v1)!important;}

.link-main{color:var(--color-main-v1)!important;}
.link-main:hover{color:var(--color-sub-v1)!important;background-color:transparent!important;}
.link-sub{color:var(--color-sub-v1)!important;}
.link-sub:hover{color:var(--color-main-v1)!important;background-color:transparent!important;}

.btn-main,.btn-generic{color:var(--color-white)!important;border:1px solid var(--color-main-v1)!important;background-color:var(--color-main-v1)!important;}
.btn-main:hover,.btn-main.active:hover,.btn-generic:hover,.btn-generic.active:hover{color:var(--color-main-v1)!important;border:1px solid var(--color-main-v1)!important;background-color:var(--color-white)!important;}
.btn-main.active,.btn-generic.active{color:var(--color-white)!important;border-color:var(--color-main-v1)!important;background-color:var(--color-main-v1)!important;background-image:var(--gradient)!important;}

.btn-sub{color:var(--color-white)!important;border:1px solid var(--color-sub-v1)!important;background-color:var(--color-sub-v1)!important;}
.btn-sub:hover,.btn-sub.active:hover{color:var(--color-sub-v1)!important;border:1px solid var(--color-sub-v1)!important;background-color:var(--color-white)!important;}
.btn-sub.active{color:var(--color-white)!important;border:1px solid var(--color-sub-v1)!important;background-color:var(--color-sub-v1)!important;background-image:var(--gradient)!important;}

.form-control:focus{border-color:var(--color-sub-v1)!important;}
.form-check-input:checked{background-color:var(--color-sub-v1)!important;border-color:var(--color-sub-v1)!important}

.bootstrap-select>.dropdown-menu{z-index:var(--z-index-1097)!important;}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}
.bd-callout-info{--bd-callout-bg:rgba(var(--bs-info-rgb),.075);--bd-callout-border:rgba(var(--bs-info-rgb),.5);}
.bd-callout-warning{--bd-callout-bg:rgba(var(--bs-warning-rgb),.075);--bd-callout-border:rgba(var(--bs-warning-rgb),.5);}
.bd-callout-danger{--bd-callout-bg:rgba(var(--bs-danger-rgb),.075);--bd-callout-border:rgba(var(--bs-danger-rgb),.5);}
/**********************************************************************************************************************/
/*                                                      [DATATABLE]                                                   */
/**********************************************************************************************************************/
.page-item.active .page-link {
    background-color:var(--color-main-v1)!important;
    border-radius:3px 3px 3px 3px;
    -moz-border-radius:3px 3px 3px 3px;
    -webkit-border-radius:3px 3px 3px 3px;
    border:1px solid var(--color-main-v1)!important;
    -webkit-box-shadow:inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
    -moz-box-shadow:inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
    box-shadow:inset 13px 14px 8px -8px rgba(148, 148, 148, 0.56);
}
.paginate_button:hover{background-color:transparent!important;color:black!important;}
