:root {
    /* ==[THEME COLOR]== */
    --color-main:#008686;
    --color-main-v1:#68c8b1;
    --color-main-title-v1:var(--color-main);

    --color-main-text-v1:var(--bs-white);
    --color-bgmain-txtsub:var(--bs-white);

    --color-sub-v1:#008686;
    --bs-link-color:var(--color-sub-v1);
    --bs-nav-link-color:var(--color-sub-v1);
    --color-red:var(--color-sub-v1);
    --color-sub-point-v1:var(--color-main);
    --color-sub-title:var(--color-main);
    --color-sub-title-v1:var(--color-main);
    --color-sub-text-v1:var(--color-main);
}
body{
    font-family: Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
#loginHeader{background-size:70%!important;background-color:var(--bs-white);}
.text-light{color:var(--bs-white)!important;}
footer{color:var(--bs-white);}
.color-title{
    font-family: DM Sans,sans-serif;
    text-transform: capitalize!important;
    color:#000000!important;
}
h5.card-header{
    color: #000000!important;
    text-transform: capitalize!important;
    background-color: transparent!important;
}
.scd-nav .bg-light{
    /*background-color: transparent !important;*/
}
.scd-nav .border{
    /*border: 0px!important;*/
}

.customer-logos .slide, .colCard .card {
    border: 1px solid #eee !important;
    border-radius: 20px !important;;
    box-shadow: inherit!important;
}
#cadeaux .colCard .card .card-body{
    background-color:transparent!important;
}
#catalogMenu .card-body{
    border-radius: 20px !important;
}

.customer-logos .slide:hover, .colCard:hover .card{
    border-color: rgb(104 200 177)!important;
}
#catalogMenu .colCard:hover::after, #cadeaux .colCard:hover::after{
    opacity: inherit !important;
    background:inherit !important;
}
#contentCarousel #cadeaux .card-body, #contentCarousel #cadeaux .card{
    max-height:inherit!important;
}
/* ==[SMALL SIZE]== */
@media screen and (min-width: 576px) {}
/* ==[MEDIUM SIZE]== */
@media screen and (min-width: 768px) { #loginHeader{ background-size: 30% !important; } }
/* ==[LARGE SIZE]== */
@media screen and (min-width: 992px) {}
/* ==[EXTRA LARGE SIZE]== */
@media screen and (min-width: 1200px) {}
/* ==[DOUBLE EXTRA LARGE SIZE]== */
@media screen and (min-width: 1400px) {}