HomeNumilogScroll {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.page-section {
    padding: 8rem 0;
}

.persoselect {
    color: white;
    overflow-x: hidden;
}
.persoselect a{
    color: white; 

}
.persoselect div {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    min-width: 100%;
    width:100%;
}
.news-message {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    animation: slide-left 20s linear infinite ;
  
}
    .news-message a {

        font-weight: 100;
        padding-left: 0.5em;
    }
@keyframes slide-left {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}
.moreellipses, .moreless {
    font-weight: bold;
    color:#F7941D;
}
/*// affichage ico maison svg à la place du texte sur mobile*/

@media only screen and (min-width : 1181px) {
    .HideOnMobile {
        display: inline;
    }

    .OnMobile {
        display: none !important;
    }
}

@media only screen and (min-width : 481px) and (max-width : 1180px) {
    .HideOnMobile {
        display: inline;
    }

    .OnMobile {
        display: none !important;
    }
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
    .HideOnMobile {
        display: none !important;
    }

    .onMobile {
        display: inline !important;
    }
}

/*******************************************************************/
/********************CSS WATER 2000  *******************************/
/*******************************************************************/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    #return-to-top span {
        color: #fff;
        margin: 0;
        position: relative;
        left: 13px;
        top: 10px;
        font-size: 19px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #return-to-top:hover {
        background: rgba(0, 0, 0, 0.9);
    }

        #return-to-top:hover span {
            color: #fff;
            top: 5px;
        }
/*Drapeaux*/
ul.topic {
    margin: 0px;
    list-style: outside none none;
    padding-left: 0;
}

.topic li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    margin-left: 7px;
    padding-bottom: 7px;
    float: left;
}

.topic a {
    font-size: 0.8em;
    color: #333333;
}

    .topic a img {
        padding-right: 10px;
    }

#continentTab_1 ul li, #continentTab_2 ul li, #continentTab_3 ul li, #continentTab_4 ul li, #continentTab_5 ul li {
    margin: 15px 10px;
    list-style: outside none none;
    padding-left: 0;
    border: 1px solid silver;
    padding: 2px;
    background-color: #e8e8e8;
}

    #continentTab_4 ul li a, #continentTab_3 ul li a, #continentTab_2 ul li a, #continentTab_1 ul li a, #continentTab_5 ul li a {
        width: 300px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }




#continentTab_1, #continentTab_2, #continentTab_3, #continentTab_4, #continentTab_5 {
    display: block;
    margin-bottom: 50px;
    padding: 1%;
    border: 1px solid silver;
}

.topic li a.set {
    font-size: 2rem;
    text-align: center;
    display: block;
    width: 100%;
    text-decoration: underline;
    margin-bottom: 2%;
}
.content-section {
    min-height: 2000px;
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width:200px;
 
}


.make-me-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    padding: 0 15px;
}

[data-toggle="collapse"] .arrow:before {
    content: "-";
    font-size: 1em;
}

[data-toggle="collapse"].collapsed .arrow:before {
    content: "+";
    font-size:1em;
}

#myModalCart {
    position: absolute;
    border: #cccccc solid 1px;
    background-color: #ffffff;
    z-index: 6;
    width: 100%;
    min-width: 300px;
    right: -5px;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.15);
    text-align: left;
}

#BodyCart {
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 0px;
    
}

.btnNewFormat {
    cursor: pointer;
}
.BtnFormatBlock .btnNewFormat {
    border: 1px solid rgba(0, 0, 0, 0.3);
    height: 58px;
    border-radius: 3px;
    margin: 5px;
    padding: 5px;
    display: inline-block;
    text-align: center;

}

.btnNewFormat p {
    color: var(--bg-price);
    font-size: 0.9em;
}
.newCartBody {
    padding-top: 15px;
    padding-bottom: 25px;
}

.contentCart {
    border-radius: 0;
    position: unset;
}

.footerCart {
   
    padding: 0px 25px 25px 25px;
}

.jeCommande {
    padding: 10px 20px;
    display: block;
    margin-top: 10px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

.headerCart {
    border: none;
    padding: 20px 25px 10px 25px;
}

.modal-openCart {
    padding-right: 0 !important;
    overflow: initial;
}

.AvailableFormat {
    padding: 3px 30px;
}

.RemoveFromCart {
    cursor: pointer;
    display: block;
    margin-top: 5px;
    height: 20px;
    width: 20px;
    line-height: 18px;
    text-align: center;
    background: #fff;
    color: #222;
    border-radius: 0;
    font-size: 11px;
    border: 1px solid #ededed;
}

.SuppProduct {
    color: #cccccc;
    font-weight: 300;
}

#PrixEntier {
    display: inline;
    padding-right: 5px;
}

.closeBtnModal {
    font-size: 1.2em;
    font-weight: 600;
    color: #222;
}


#CartMessage {
    top: 10px;
    text-transform: uppercase;
    color: #222;
    font-size: 13px;
    font-weight: 600;
}

#CartMessage a:hover {
    color: #F7941D;
}

.modalClose {
    opacity: 1;
}

.total {
    text-transform: uppercase;
    color: #222;
    font-weight: 600;
    text-align: right;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
}

@media only screen and (min-width : 344px) {
    #myModalCart {
        width: 300px;
        right: 0px;
    }
}

@media only screen and (min-width : 370px) {
    #myModalCart {
        width: 300px;
        right: 0px;
    }
   
}

@media only screen and (min-width : 414px) {
    #myModalCart {
        width: 300px;
        right: 0px;
    }
}

@media only screen and (min-width : 768px) {
    #myModalCart {
        width: 300px;
        right: 0px;
    }
}

#CartBlock {
    cursor: pointer;
}

.spanTotal {
    padding-right: 70px;
}

.separatorPanier {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.separatorPanier2 {
    margin-top: 10px;
    margin: 0 auto;
    width: 250px;
}

.contenuText {
    padding-right: 0px;
}

.imageLivre {
    padding-left: 0px;
}

.List-achat {
    margin: 0;
    padding: 10px;
}

.quantityNew {
    line-height: 22px;
    font-size: 14px;
}
/*/////*/
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}

    a.skip-main:focus, a.skip-main:active {
        color:#fff;
        background-color: var(--footer-color);
        left: auto;
        top: auto;
        width: 30%;
        height: auto;
        overflow: auto;
        margin: 10px 35%;
        border-radius: 50px;
        padding: 7px 16px;
        line-height: 1.2;
        text-align: center;
        font-size: 1.2em;
        z-index: 999;
    }
    

.voirPlus {
    text-align: right;
}

.scrollNewPanier {
    position: fixed !important;
    top: 60px;
    z-index: 50000 !important;
}

.modalNew {
    height: auto;
    top: auto;
    left: auto
}

.seemorecart {
    text-align: right;
}
.LtlFormatTitleBook {
    font-size: 0.5em;
    font-weight: 200;
    color: var(--bg-price);

}
a.underline{text-decoration:underline}
.SectionDRM {
    background-color: var(--bg-color-cream)
}
.DetailDRM {
    background-color: var(--bg-color)
}
.DetailDRM  h2{
    font-size:1.5em;
}


/*******************************************************************/
/********************CSS STYLE**************************************/
/*******************************************************************/


.NameStore {
    font-family: Roboto,Arial,Helvetica,Tahoma,sans-serif;
    font-weight: 300;
    display: inline-block;
    margin: 0;
    font-size: 27px;
    line-height: 40px;
    text-transform: uppercase;
    white-space: nowrap;
    color: var( --color-night);
}

/* Preloader */
.spinner-grow-sm {
    color: #9d0060;
}

.lineheight2 {
    line-height: 2em;
}

.btnAccueilReturn {
    color: #fff;
}

.fixed .btnAccueilReturn {
    color: var(--bg-color-item);
}

.buttonclean {
    border: none;
    background-color: transparent;
}

.btn {
    position: relative;
    font-weight: 500;
    color: #fff;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
    display: inline-block;
    padding: 13px 20px;
    border-radius: 0px;
    text-transform: uppercase;
}

    .btn.btn-inverse.active {
        /*background: var(--bg-color-item);*/
        color: var(--color-night);
        font-weight:800;
    }


    .btn.btn-inverse {
        color: var(--color-night);
        /*background: var(--bg-color);
        border: 1px solid #243844;*/

    }

    .btn.btn-inverse2 {
        color: var(--color-night);
        background-color: transparent;
        border: 1px solid #243844;
        border-radius: 10px;
        font-size: 0.8em;
    }
        .btn.btn-inverse2:hover {
            background: var(--bg-color-item);
            color: #fff;
        }
    .btn.btn-inverse3 {
        color:#fff;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 10px;
        font-size: 1em;
    }

        .btn.btn-inverse3:hover {
            background: var(--bg-color-item);
            color: #fff;
        }
.btnSwitch {
    position: relative;
    font-size:1.5rem;
    display: inline;

    z-index: 5;
    display: inline-block;

    border-radius: 0px;

    border:none;
    background:none;


}
    .btnSwitch.active {
        font-weight: 800;
  
    }
.btn:hover {
    color: #fff;
    background: #703056;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.btnchoice {
    background: #fff;
    border: 1px solid #243844;
    color: #243844;
}

.btnPandR {
    background: #3D5E73;
    color: #fff;
    width: 100%;
}

    .btnPandR span {
        color: #fff;
    }

.btnPro {
    background: #3D5E73;
    color: #fff !important;
    width: 100%;
}

.btnFacebook {
    background-color: #3b5998!important;

}
.btnlarge{font-size:1.5rem!important;}



.PreOrderBtn {
    background-color: #669966!important;
    color:#fff!important;
    padding:5px;
    margin-bottom:10px;
    display:inline-block;
}
#scrollUp {
    right: 10px;
    z-index: 33;
    bottom: 10px;
    text-align: center;
}

    #scrollUp i {
        height: 40px;
        width: 40px;
        line-height: 40px;
        background: transparent;
        background: #222;
        border-radius: 0;
        font-size: 18px;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
        display: block;
        color: #fff;
        box-shadow: 0px 4px 19px #00000038;
    }

        #scrollUp i:hover {
            background: #F7941D;
            color: #fff;
        }
a {
    cursor: pointer!important;
}

/*======================================
	01. Header CSS
========================================*/
/* Topbar */
.topbar {
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 0;
}
/* Logo */
.header .logo {
    float: left;
    margin-top: 35px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}


.header .navbar {
    /*padding: 0;*/
}

    .header .navbar a {
        padding-right: 20px;
        color: #fff;

    }
    .header .navbar li {
       list-style:none;
    }


#navbar-list-2 a {
    text-transform: lowercase;
}

    #navbar-list-2 a::first-letter {
        text-transform: capitalize;
    }

.header .nav li a i {
    margin-left: 6px;
    font-size: 10px;
}


ul.dropdown-menu {
    width: 100%
}

    ul.dropdown-menu li {
        text-align: center;
        line-height: 2em;
    }

.dropdown-menu {
    transform: translate3d(5px, 55px, 0px) !important;
}
/* Dropdown Menu */
.header .nav li .dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    top: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px #3333334d;
    -moz-box-shadow: 0px 3px 5px #3333334d;
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
    left: 0;
    margin: 0;
}

.header .nav li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown li {
    float: none;
    margin: 0;
}

    .header .nav li .dropdown li a {
        padding: 8px 15px;
        color: #666;
        display: block;
        font-weight: 400;
        text-transform: capitalize;
        background: transparent;
    }

        .header .nav li .dropdown li a:before {
            display: none;
        }

    .header .nav li .dropdown li:last-child a {
        border-bottom: 0px;
    }

    .header .nav li .dropdown li:hover a {
        color: #fff;
        background: #F7941D;
    }

    .header .nav li .dropdown li a:hover {
        border-color: transparent;
    }

    .header .nav li .dropdown li i {
        float: right;
        margin-top: 8px;
        font-size: 10px;
        z-index: 5;
    }

.header .nav li .dropdown.sub-dropdown {
    background: #fff;
    width: 220px;
    position: absolute;
    left: 186px;
    top: 0;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px #3333334d;
    transform-origin: 0 0 0;
    transform: scaleY(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    visibility: hidden;
    padding: 10px;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.header .nav li .dropdown.sub-dropdown li a {
    padding: 8px 15px;
    color: #666;
    display: block;
    font-weight: 400;
    text-transform: capitalize;
    background: transparent;
}

.header .nav li .dropdown li:hover .dropdown.sub-dropdown li a {
    background: transparent;
}

.header .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
    color: #fff;
    background: #F7941D;
}

.header .nav li .dropdown.sub-dropdown li:last-child a {
    border-bottom: 0px solid;
}

.mobile-search {
    display: none;
}

.header.boutique .topbar {
    /*background-color: #fff;*/
    border: none;
    padding: 0px;
}

.header.boutique .nav-inner {
    margin-right: 188px;
}

.header.boutique .logo {
    float: left;
    /* margin-top: 35px;*/
}

.header.boutique .top-contact {
    margin-top: 0px;
}

.header.boutique .topbar p {
    color: #ccc;
}

.header.boutique .topbar .login a {
    color: #F7941D;
}
/* Topbar Left Nav */



/* Bread Crumbs */
.breadcrumbs {
    /*background-color: #F6F7FB;*/
    position: relative;
    padding: 5px 0px;
}

    .breadcrumbs .bread-inner {
        z-index: 22;
        text-align: left;
        font-size: 0.8em;
        padding-left: 1%;
    }

    .breadcrumbs .bread-list {
        display: inline-block;
    }

    .breadcrumbs ul li {
        display: inline-block;
        position: relative;
    }

        .breadcrumbs ul li i {
            margin: 0px 10px;
            font-weight: 600;
            color: rgba(0, 0, 0, 0.3);
        }

        .breadcrumbs ul li a {
            font-weight: 400;
            text-transform: capitalize;
        }

        .breadcrumbs ul li.active a {
            color: #333;
            display: inline-block;
        }

        .breadcrumbs ul li a:hover {
            color: #F7941D;
        }

/*
.breadcrumbs {
    background-color: #F6F7FB;
    position: relative;
    padding: 30px 0px;
}

    .breadcrumbs .bread-inner {
        z-index: 22;
        text-align: left;
    }

    .breadcrumbs .bread-list {
        display: inline-block;
    }

    .breadcrumbs ul li {
        display: inline-block;
        position: relative;
    }

        .breadcrumbs ul li i {
            margin: 0px 10px;
            font-size: 9px;
            font-weight: 600;
            color: #333;
        }

        .breadcrumbs ul li a {
            color: #333;
            font-size: 14px;
            font-weight: 400;
            text-transform: capitalize;
        }

        .breadcrumbs ul li.active a {
            color: #333;
            display: inline-block;
        }

        .breadcrumbs ul li a:hover {
            color: #F7941D;
        }*/
/*======================================
	02. Nav collapse toggle CSS
========================================*/
a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.detail-book-meta .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
}

.overlay {
    display: none;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;

    transition: all 0.5s ease-in-out;
}
    /* display .overlay when it has the .active class */
    .overlay.active {
        display: block;
        opacity: 1;
    }

#dismiss {
    width: 35px;
    height: 35px;
    position: absolute;
    /* top right corner of the sidebar */
    top: 10px;
    right: 10px;
}

.offcanvas-collapse {
    position: fixed;
    top: 56px;
    bottom: 0;
    right: 100%;
    left: -250px;
    width: 250px;
    padding-right: 1rem;
    padding-left: 1rem;
    /* overflow-y: auto;*/
    visibility: hidden;
    background-color: #fff;
    transition-timing-function: ease-in-out;
    transition-duration: .3s;
    transition-property: left, visibility;
    /**/
}

.offcanvas-collapse {
    align-items: start;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    border-right: 5px solid rgba(0, 0, 0, 0.2);
}

    .offcanvas-collapse.open {
        left: 0;
        visibility: visible;
    }

#sidebar.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav-scroller {
    position: relative;
    z-index: 2;
    height: 2.75rem;
    overflow-y: hidden;
}

    .nav-scroller .nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        color: rgba(255, 255, 255, .75);
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bg-color-item);
    color: var(--btn-color-text);
    cursor:pointer;
}

.nav-pills .nav-link {
    border-radius: 0;
    cursor: pointer;
}

.nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 1.2rem;
    border: 1px solid var(--bg-color-item);
    background-color: var( --bg-color-cream);
}

    .nav-link:hover {
        color: #007bff;
    }

/*.nav-underline .nav-link {
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: .875rem;
    color: #6c757d;
}

    .nav-underline .nav-link:hover {
        color: #007bff;
    }

.nav-underline .active {
    font-weight: 500;
    color: #343a40;
}*/

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: var(--secondary-color);
    background-color: var( --bg-color-cream);
}

.top-left .list-main li:first-child {
    padding-left: 0;
}

.top-left .list-main li i {
    display: inline-block;
    margin-right: 4px;
    font-size: 15px;
    color: #F7941D;
    position: relative;
    top: 3px;
}

.right-content {
    float: right;
}

.list-main li {
    display: inline-block;
    /*color: #333;*/
    font-size: 13px;
    font-weight: 500;
    border-right: 1px solid #f0f0f0;
    padding: 0px 13px;
}

    .list-main li i {
        display: inline-block;
        margin-right: 4px;
        font-size: 15px;
        color: #F7941D;
        position: relative;
        top: 1px;
    }

    .list-main li:last-child {
        padding-right: 0;
        border: none;
    }

    .list-main li a {
        /*color: #333;*/
    }

        .list-main li a:hover {
            color: #F7941D;
        }

.accesscolor label {
    padding: 0;
}

.nav li {
    /*margin-right: 40px;*/
    /*float: left;*/
    position: relative;
}

.header.boutique .nav li {
    margin-right: 38px;
    position: relative;
}

    .header.boutique .nav li:last-child {
        margin: 0 !important;
    }

    .header.boutique .nav li .new {
        background: #F7941D;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 0px 9px;
        position: absolute;
        left: 0;
        top: 6px;
        font-weight: 800;
    }

        .header.boutique .nav li .new::before {
            position: absolute;
            content: "";
            left: 4px;
            bottom: -8px;
            border: 4px solid #F7941D;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
        }


#block-numilog-user-user-login-block p svg, #LkBReturnConnexion {
    cursor: pointer;
}
/* Shopping Cart + account login */
.grow {
    border-radius: 15px;
    height: 30px;
    width: 30px;
    transition: height 0.5s;
    -webkit-transition: height 0.5s;
    text-align: center;
    overflow: hidden;
    transition: .5s;
}

    .grow:hover {
        width: 200px;
    }
/*  fiche livre collape */
#accordion [data-toggle="collapse"] .fa:before {
    content: "\f139";
}

#accordion [data-toggle="collapse"].collapsed .fa:before {
    content: "\f13a";
}

a.text-decoration-underline, .text-decoration-underline {
    text-decoration: underline;
    cursor: pointer;
}


.table-responsive-stack .displayList {
    display: none !important;
}







/*login*/
.header .buying {
    display: inline-block;
    z-index: 9999;
}

    .header .buying .icon {
        position: relative;
        cursor: pointer;
        color: #222;
    }

    .header .buying .buying-item {
        position: absolute;
        top: 68px;
        right: 0;
        width: 300px;
        background: #fff;
        padding: 20px 25px;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        /*opacity: 0;
        visibility: hidden;*/
        z-index: 99;
    }

    .header .buying .login-item {
        position: absolute;
        /*top: 68px;*/
        right: 0;
        width: 300px;
        background: #fff;
        padding: 20px 25px;
        -webkit-transition: all 0.5s ease 5s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.5s ease 10s;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
        /*opacity: 0;
        visibility: hidden;*/
        z-index: 99;
    }
        /*login account*/
        .header .buying .login-item a span {
            font-size: 1.2em;
            display: inline-block;
            margin-bottom: 15px;
            color: #243844;
        }
    /**/
    .header .buying:hover .buying-item {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    .header .buying:hover .login-item {
        transform: translateY(0px);
        opacity: 1;
        visibility: visible;
    }

    .header .buying .dropdown-cart-header {
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

        .header .buying .dropdown-cart-header span {
            text-transform: uppercase;
            color: #222;
            font-size: 13px;
            font-weight: 600;
        }

        .header .buying .dropdown-cart-header a {
            /*float: right;*/
            text-transform: uppercase;
            color: #222;
            font-size: 13px;
            font-weight: 600;
        }


            .header .buying .dropdown-cart-header a:hover {
                color: #F7941D;
            }

.header .List-achat li {
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

    .header .List-achat li .remove {
        position: absolute;
        left: 0;
        bottom: 16px;
        margin-top: -20px;
        height: 20px;
        width: 20px;
        line-height: 18px;
        text-align: center;
        background: #fff;
        color: #222;
        border-radius: 0;
        font-size: 11px;
        border: 1px solid #ededed;
    }

        .header .List-achat li .remove:hover {
            background: #222;
            color: #fff !important;
            border-color: transparent;
        }

.header .List-achat .cart-img {
    float: right;
    border: 1px solid #ededed;
    overflow: hidden;
}

    .header .List-achat .cart-img img {
        width: 50px;
        border-radius: 0;
    }

    .header .List-achat .cart-img:hover img {
        transform: scale(1.09);
    }

.header .List-achat .quantity {
    line-height: 22px;
    font-size: 14px;
    padding-bottom: 30px;
}

.List-achat h4 {
    font-size: 14px;
}

.header .List-achat h4 span {
    font-weight: 600;
    color: #333;
}

    .header .List-achat h4 span:hover {
        color: #F7941D;
    }

.header .buying-item .bottom {
    text-align: center;
}

.header .buying-item .total {
    overflow: hidden;
    display: block;
    padding-bottom: 10px;
}

    .header .buying-item .total span {
        text-transform: uppercase;
        color: #222;
        font-weight: 600;
    }

    .header .buying-item .total .total-amount {
        float: right;
    }

.header .buying-item .bottom .btn {
    padding: 10px 20px;
    display: block;
    margin-top: 10px;
    border-radius: 0px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
}

    .header .buying-item .bottom .btn:hover {
        background: #F7941D;
        color: #fff;
    }

.header.boutique {
    /* background: #fff;*/
}

    .header.boutique .nav-inner {
        margin: 0;
        float: left;
    }



    .header.boutique.v3 .topbar {
        padding: 0;
    }

        .header.boutique.v3 .topbar .inner-content {
            border-bottom: 1px solid #eee;
            padding: 12px 0px;
        }

    .header.boutique .right-nav li a {
        color: #333;
    }

    .header.boutique .logo {
        float: left;
        margin: 0 0 0;
        /*max-width:400px;min-width:300px;*/
    }

@media (min-width: 1281px) {

    .header.boutique .logo {
        max-width: 400px;
        min-width: 300px;
    }
}

.header.boutique .top-contact {
    margin-top: 0px;
}
/* Header Middle */


.searchlink {
    text-decoration: underline;
    font-size: 0.9em;
}

.header.boutique .search-bar-top {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.header.boutique .search-bar {
    width: 100%;
    /*height: 40px;*/
    display: inline-block;
    background: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    line-height: 45px;
    border-radius: 5px;
    border: 1px solid #ececec;
}



.header.boutique .select-drop {
    clear: initial;
    margin: 0;
    height: 48px;
    width: 150px;
    border: none;
    text-align: center;
    background: transparent;
    text-transform: capitalize;
    padding: 0 0 0 20px;
    border-right: 1px solid #eee;
    line-height: 50px;
    font-size: 14px;
    font-weight: 400;
}

    .header.boutique .select-drop::after {
        border-color: #666;
        right: 20px;
    }

    .header.boutique .select-drop .list {
        border-radius: 0px;
    }

        .header.boutique .select-drop .list li.focus {
            font-weight: 400;
        }

        .header.boutique .select-drop .list li {
            color: #666;
            border-radius: 0px;
            font-size: 14px;
            font-weight: 400;
        }

            .header.boutique .select-drop .list li:hover {
                background: #F7941D;
                color: #fff;
            }

.header.boutique .search-controle {
    width: 100%;
}

.header.boutique .search-bar form {
    display: inline-block;
    float: left;
    width: 260px;
}

.header.boutique .search-bar input.form-control {
    height: 48px;
    background: transparent;
    color: #666;
    border-radius: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    padding: 0 25px 0 20px;
    /*width: 328px;*/
    width: 100%;
}

.header.boutique .search-bar .btngo {
    /*  height: 50px;
        line-height: 53px;
        width: 62px;
        text-align: center;
        font-size: 18px;
        color: #fff;
        background: #333333;*/
    position: absolute;
    right: -2px;
    /* top: -1px;
        border: none;
        border-radius: 0 5px 5px 0;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header.boutique .search-bar .btnn:hover {
    color: #fff;
    background: #F7941D;
}
/* Search Form */
.header.boutique .search-top {
    opacity: 1;
    visibility: visible;
    top: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    top: 0;
}

.header.boutique .middle-inner {
    /*padding: 20px 0;
        background: #fff;*/
    border-top: 1px solid #eee;
}

.header.boutique.v3 .middle-inner {
    border: none;
}

.header.boutique .header-inner {
    /*background: var(--footer-color);*/
    background: var(--bg-color-item);
}

.header.boutique.v3 .header-inner {
    background: transparent;
}

.header.boutique.v2 .header-inner {
    background: #fff;
    border-top: 1px solid #eee;
}

.header.boutique .topbar p {
    color: #333;
}

.header.boutique .all-category {
    /*color: #fff;*/
    background: transparent;
    position: relative;

}

    .header.boutique .all-category div {
        padding: 10px ;
        font-weight: 700;
        margin: 0;
    }

.header.boutique .cat-heading {
    font-size: 20px;
    color: #fff;
}

    .header.boutique .cat-heading i {
        color: #fff;
        display: inline-block;
        margin-right: 15px;
        font-size: 22px;
    }

.main-category {
    position: absolute;
    left: 0;
    top: 64px;
    background: #fff;
    z-index: 1;
    width: 100%;
    -webkit-box-shadow: 0px 5px 15px #0000000a;
    -moz-box-shadow: 0px 5px 15px #0000000a;
    box-shadow: 0px 5px 15px #0000000a;
}

    .main-category li {
        display: block;
        border-bottom: 1px solid #f6f6f6;
        position: relative;
    }

        .main-category li:last-child {
            border: none;
        }

        .main-category li a {
            font-size: 14px;
            font-weight: 600;
            color: #333;
            padding: 13px 25px 13px 25px;
            display: block;
            text-transform: uppercase;
        }

#sidebar.main-category li a i {
    display: inline-block;
    float: right;
}

#sidebar .sub-category {
    background: #fff;
    width: 220px;
    position: absolute;
    left: 238px;
    top: 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-left: 3px solid #F7941D;
    -webkit-box-shadow: 0px 5px 15px #0000000a;
    -moz-box-shadow: 0px 5px 15px #0000000a;
    box-shadow: 0px 5px 15px #0000000a;
}

#sidebar .main-category li:hover .sub-category {
    opacity: 1;
    visibility: visible;
}

#sidebar .main-category li a {
    text-transform: capitalize;
    font-weight: 400;
}

    #sidebar .main-category li a:hover {
        color: #F7941D;
    }

#sidebar .main-category .main-mega {
    position: relative;
}

#sidebar .main-category li .mega-menu {
    width: 850px;
    display: inline-block;
    height: auto;
    position: absolute;
    left: 238px;
    top: 0;
    z-index: 99999;
    background: #fff;
    border: none;
    padding: 30px;
    border-left: 3px solid #F7941D;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#sidebar .main-category li:hover .mega-menu {
    opacity: 1;
    visibility: visible;
}

#sidebar .main-category li .mega-menu .single-menu {
    width: 33%;
    display: inline-block;
    border: none;
    padding: 0;
    padding-right: 20px;
}

    #sidebar .main-category li .mega-menu .single-menu a {
        padding: 0;
    }

    #sidebar .main-category li .mega-menu .single-menu .image {
        overflow: hidden;
    }

    #sidebar .main-category li .mega-menu .single-menu img {
        display: block;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    #sidebar .main-category li .mega-menu .single-menu .image:hover img {
        transform: scale(1.1);
    }

    #sidebar .main-category li .mega-menu .single-menu .title-link {
        margin-bottom: 20px;
        background: #F7941D;
        color: #fff;
        padding: 2px 13px;
        border-radius: 3px;
        display: inline-block;
        font-size: 14px;
    }

        #sidebar .main-category li .mega-menu .single-menu .title-link:hover {
            background: #333;
            color: #fff;
        }

    #sidebar .main-category li .mega-menu .single-menu .inner-link {
        margin-top: 25px;
    }

        #sidebar .main-category li .mega-menu .single-menu .inner-link a {
            margin-bottom: 10px;
        }

            #sidebar .main-category li .mega-menu .single-menu .inner-link a:hover {
                color: #F7941D;
                background: transparent;
            }

            #sidebar .main-category li .mega-menu .single-menu .inner-link a:last-child {
                margin-bottom: 0px;
            }

#sidebar .menu-origin {
    float: none;
    display: inline-block;
    float: right;
}



.selectFormat .dropdown-toggle {
    border: none;
    background-color: transparent;
}
/******************************************************/
.header.boutique .nav li {
    margin-right: 40px;
    float: left;
    position: relative;
}

.header.boutique .nav li {
    margin-right: 5px;
    position: relative;
    float: none;
}

    .header.boutique .nav li:last-child {
        margin-right: 0;
    }

    .header.boutique .nav li .new {
        background: #F7941D;
        color: #333;
        text-transform: uppercase;
        font-size: 9px;
        position: absolute;
        left: 21px;
        top: 2px;
        font-weight: 500;
        height: 18px;
        line-height: 18px;
        text-align: center;
        display: block;
    }

.header.boutique.v2 .nav li a {
    color: #333;
}

.header.boutique .nav li a {
    color: #cacaca;
    text-transform: capitalize;
    /*font-size: 90%;*/
    padding: 15px 15px;
    font-weight: 500;
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.header.boutique .nav li:hover a {
    color: #fff;

}

.header.boutique.v2 .nav li:hover a {
    color: #F7941D;
    background: transparent;
}

.header.boutique .nav li.active a {
    color: #fff;
    background: #F7941D;
}

.header.boutique.v2 .nav li.active a {
    color: #333 !important;
    background: transparent !important;
}

.header.boutique.v2 .nav li.active a {
    color: #F7941D !important;
}

.header.boutique .nav .dropdown li {
    margin: 0;
}

.header.boutique .nav li .dropdown li:hover a {
    background: #F7941D;
}

.header.boutique.v2 .nav li.active .dropdown li a {
    color: #333 !important;
}

    .header.boutique.v2 .nav li.active .dropdown li a:hover {
        color: #fff !important;
        background: #F7941D !important;
    }

    .header.boutique.v2 .nav li.active .dropdown li a:hover {
        color: #fff !important;
    }

.header.boutique.v2 .nav li .dropdown li:hover a {
    color: #F7941D;
}

.header.boutique .nav li .dropdown li a {
    color: #333;
    padding: 8px 15px;
    font-weight: 400;
    background: #fff;
}

.header.boutique.v2 .nav li .dropdown li a {
    color: #333;
    background: #fff;
}

.header.boutique .nav li .dropdown li a {
    font-weight: 400;
    /*font-size: 14px;*/
}

    .header.boutique .nav li .dropdown li a:hover {
        color: #000;
    }

.header.boutique.v2 .nav li .dropdown li a:hover {
    color: #fff !important;
    background: #F7941D;
}

.header.boutique .nav li .dropdown li .dropdown.sub-dropdown li a:hover {
    background: #F7941D;
}

.header.boutique .nav-right-bar {
    /*display: inline-block;*/
    padding: 0;
    margin: 0;
    top: 20px;
    float: right;
    position: relative;
}

    .header.boutique .nav-right-bar .item-menunav.top-search a {
        transform: translateY(3px);
    }

        .header.boutique .nav-right-bar .item-menunav.top-search a:hover {
            color: #F7941D;
        }

    .header.boutique .nav-right-bar .item-menunav .MyIcon {
        /*color: #333;*/
        font-size: 30px;
        position: relative;
    }

        .header.boutique .nav-right-bar .item-menunav .MyIcon:hover {
            color: #F7941D;
        }

        .header.boutique .nav-right-bar .item-menunav .MyIcon .total-count {
            position: absolute;
            top: -30px;
            left: -15px;
            background: var(--bg-price);
            width: 22px;
            height: 22px;
            line-height: 22px;
            text-align: center;
            color: var(--bg-color);
            border-radius: 100%;
            font-size: 14px;
        }

    .header.boutique .nav-right-bar .item-menunav {
        display: inline-block;
        margin-right: 25px;
    }

        .header.boutique .nav-right-bar .item-menunav:last-child {
            margin-right: 0px;
        }

        .header.boutique .nav-right-bar .item-menunav li a:hover {
            color: #F7941D;
        }

.mobile-search {
    display: none;
}
/* Header Search */
/* Search */
.header .search-top {
    display: none;
}

    .header .search-top a {
        font-size: 17px;
    }

        .header .search-top a:hover {
            color: #F7941D;
        }

.header .search-form {
    position: absolute;
    left: -128px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 46px;
    padding: 7px;
    border-radius: 5px;
    transform: scaleY(0);
    box-shadow: 0px 4px 7px #0000003b;
    padding: 0;
    border-radius: 0;
}

.header .search-top.active .search-form {
    opacity: 1;
    visibility: visible;
    transform: scaleY(1);
}

.header .search-form input {
    width: 220px;
    height: 45px;
    line-height: 45px;
    padding: 0 60px 0 15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 3px;
    border: none;
    background: #fff;
    color: #333;
    border-radius: 0;
}

.header .search-form button {
    position: absolute;
    right: 0;
    height: 45px;
    top: 0;
    width: 45px;
    background: transparent;
    border: none;
    color: #3353ea;
    border-radius: 0 3px 3px 0;
    border-radius: 0;
    border-left: 1px solid #eee;
    font-size: 15px;
    color: #333;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .header .search-form button:hover {
        color: #fff;
        background: #F7941D;
        border-color: transparent;
    }

/* Header Sticky */


.header .header-inner {
    width: 100%;
    z-index: 999;
    /*height:45px;*/
    /*padding-top:10px;*/
}
.header .navbar  a {
    /*text-transform: lowercase;*/
    margin-right: 5px;
}

    .header .navbar a::first-letter {
        /*text-transform: uppercase !important;
        font-size:10em;
        font-weight: bold !important;
        display:block;*/
 
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
        .header .header-inner {

        height: 100px;

    }

}
.header.fixed .all-category {
}



    .header.fixed .all-category h3 {
        cursor: pointer;
    }

    .header.fixed .all-category .main-category {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

    .header.fixed .all-category:hover .main-category {
        opacity: 1;
        visibility: visible;
    }

/*.header.fixed .header-inner .nav li a {
    color: #333;
}*/

.header.fixed.v3 .header-inner .nav li a {
    color: #fff;
}

.header.fixed .header-inner .nav li:hover a {
    color: #fff;
}

.header.fixed.v2 .header-inner .nav li:hover a {
    color: #F7941D;
}

.header.fixed .header-inner .nav li .dropdown li a {
    color: #333;
}

.header.fixed.v2 .header-inner .nav li .dropdown li a {
    color: #333;
}

.header.fixed .header-inner .nav li .dropdown li a:hover {
    color: #fff;
}

.header.fixed .header-inner .nav li.active a {
    color: #fff;
}

.header.fixed .header-inner {
    position: fixed;
    top: 0;
    left: 0;
    /*background: #fff;*/
    animation: fadeInDown 1s both 0.2s;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    z-index: 999;
}

    .header.fixed .header-inner .navbar-toggler {
        background-color: var(--footer-color);
    }

.header.fixed.v3 .header-inner {
    box-shadow: none;
}

.header.fixed.v3 .navbar-expand-lg .navbar-collapse {
    animation: fadeInDown 1s both 0.2s;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}

.LitInnerText {
    background-color: #9d0060;

    color:#fff;
    display:block;
    margin-top:15px;
    text-align:center;
}


.dotted-line {
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

    .dotted-line:after {
        content: "..........................................................................................................";
        letter-spacing: 3px;
        font-size: 15px;
        color: #333333;
        display: inline-block;
        vertical-align: 3px;
        padding-left: 10px;
    }
/*======================================
	End Header CSS
========================================*/
.CNIl {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    z-index: 400000;
}

    .CNIl .modal-content {
        background-color: #000;
        color: #fff;
    }

.cookie-text {
    padding: 5px;
    font-size: 0.7em;
}


.cookieWater {
    position: fixed;
    z-index: 50000;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #F4F4F4;
    max-height: 92%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.46);
    box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.46);
}



/*======================================
	 Footer CSS
========================================*/
#bottom a {
    color: #fff;
}

.FooterInfo .Title {
    font-size: 3rem;
}

.FooterInfo input {
    height: 52px;
}
footer.FooterTA {
    /*position: absolute;
    bottom: 0;
    width: 100%;*/
}

@media (max-width: 600px) { /* Target only devices below 600px */
    .Panier-achat #sticky .StickyBlock {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 3000;
        background: #243844; /* It was transparent */
        color: #fff;
    }
        .Panier-achat #sticky .StickyBlock h2, .Panier-achat #sticky .StickyBlock .price {
            color: #fff;
        }
    .Panier-achat #sticky .StickyBlock .btn {
        background-color: darkorange;
    }
    .Panier-achat .OrderBlock {
        padding-bottom: 0;
    }
}



/*======================================
	End Footer CSS
========================================*/
#accordion .card-body {
    line-height: 2em;
}

#accordion .card {
    background-color:;
    border: none;
}

#accordion .card-header {
    background-color: transparent;
    border: none;
}

/*======================================
   Hero Area CSS
========================================*/
.hero-slider {
    overflow: hidden;
}

    .hero-slider .single-slider {
        height: auto;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        height: 410px;
    }



.pause-slide {
    color: #fff;
    background-color: transparent;
    border: none;
    height:48px; width:50px;
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    width: 50px;
    height: 50px
}

.carousel-indicator {
    position: absolute;
    bottom: 5px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

/*======================================
   End Hero Area CSS
========================================*/

/*======================================
   Start Small Banner CSS
========================================*/
/*.small-banner {
    padding: 30px 0;
    padding-bottom: 0;
}

    .small-banner .single-banner {
        overflow: hidden;
        position: relative;
    }

        .small-banner .single-banner img {
            height: 100%;
            width: 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .small-banner .single-banner .content {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            padding-left: 35px;
        }

        .small-banner .single-banner h3 {
            font-size: 22px;
            font-weight: 700;
            text-transform: capitalize;
            color: #333;
        }

            .small-banner .single-banner h3 span {
                color: #F7941D;
            }

        .small-banner .single-banner p {
            font-size: 14px;
            color: #F7941D;
            font-weight: 500;
            margin-bottom: 5px;
            text-transform: capitalize;
        }

        .small-banner .single-banner a {
            color: #333;
            margin-top: 22px;
            display: block;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            text-transform: uppercase;
            border-bottom: 2px solid #333;
        }

            .small-banner .single-banner a:hover {
                color: #F7941D;
                border-color: #F7941D;
            }*/
/*======================================
   End Small Banner CSS
========================================*/

/*======================================
   Start Mid Banner CSS
========================================*/
/*.midium-banner {
    padding: 0;
}

    .midium-banner .single-banner {
        position: relative;
    }

        .midium-banner .single-banner img {
            height: 100%;
            width: 100%;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .midium-banner .single-banner .content {
            padding-left: 50px;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
        }

        .midium-banner .single-banner h3 {
            font-size: 27px;
            font-weight: 700;
            text-transform: uppercase;
            color: #333;
            line-height: 30px;
        }

            .midium-banner .single-banner h3 span {
                color: #F7941D;
            }

        .midium-banner .single-banner p {
            font-size: 13px;
            color: #F7941D;
            font-weight: 500;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .midium-banner .single-banner a {
            display: inline-block;
            font-weight: 600;
            text-align: center;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            padding: .375rem .75rem;
            font-size: 13px;
            border-radius: .25rem;
            background: #333;
            color: #fff !important;
            padding: 10px 27px;
            border-radius: 30px;
            margin-top: 25px;
            text-transform: uppercase;
        }

            .midium-banner .single-banner a:hover {
                background: #F7941D;
                color: #fff;
            }*/
/*======================================
   End Mid Banner CSS
========================================*/

/*======================================
   Start Most Popular CSS
========================================*/
/*.pro-tab-viewmore-wrap {
    position: relative;
    text-align: center;
}

.most-popular .section-title {
    margin-bottom: 40px;
}

.pro-tab-viewmore-wrap .pro-viewmore {
    position: absolute;
    right: 40px;
    top: 0;
}

.most-popular .book-product {
    margin: 50px 15px 0 15px;
}

.most-popular .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -25px;
}

.most-popular .owl-carousel .owl-nav div {
    height: 60px;
    width: 30px;
    line-height: 58px;
    background: #fff;
    color: #333;
    position: absolute;
    margin: 0;
    border-radius: 0;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 10px #3333331c;
}

    .most-popular .owl-carousel .owl-nav div:hover {
        color: #fff;
        background: #F7941D;
    }

.most-popular .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
}

.most-popular .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
}*/
/*======================================
   End Most Popular CSS
========================================*/

/*======================================
   Start Single Product CSS
========================================*/
.List-product-book .nav-tabs {
    text-align: center;
    display: inline-block;
    width: 100%;
    border: none;
}

    .List-product-book .nav-tabs .nav-item {
        margin-bottom: -1px;
        display: inline-block;
    }

    .List-product-book .nav-tabs li a {
        color: #333;
        text-transform: uppercase;
        display: inline-block;
        position: relative;
        margin-right: 5px;
        font-weight: 500;
        background: #fff;
        color: #333;
        padding: 3px 14px;
        border-radius: 3px;
    }

    .List-product-book .nav-tabs li:last-child a {
        border-color: transparent;
    }

    .List-product-book .nav-tabs li a i {
        margin-right: 10px;
    }

    .List-product-book .nav-tabs li a.active,
    .List-product-book .nav-tabs li:hover a {
        background: var(--bg-color-item);
        color: #fff;
        border-color: transparent;
    }
/* ebook Product */
.book-product {
}

    .book-product .product-img {
        position: relative;
        overflow: hidden;
        cursor: pointer;
        box-shadow: 5px 5px 8px -5px #999;
        transition: box-shadow .3s;
    }

        .book-product .product-img:hover {
            box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
        }


        .book-product .product-img a {
            display: block;
            position: relative;
        }

            .book-product .product-img a img {
                width: 100%;
                box-shadow: 0 0 6px -5px #333;
            }

                .book-product .product-img a img.hover-img {
                    position: absolute;
                    left: 0;
                    top: 0;
                    z-index: 1;
                    opacity: 0;
                    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, 0.44, 1.18);
                }

            .book-product .product-img a span.price-dec {
                background-color: #f6931d;
                display: inline-block;
                font-size: 11px;
                color: #fff;
                right: 20px;
                top: 20px;
                padding: 1px 16px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 26px;
                line-height: 25px;
            }

            .book-product .product-img a span.new {
                background-color: #9D0060;
                display: inline-block;
                font-size: 11px;
                right: 5px;
                top: 0px;
                color: #fff;
                padding: 1px 16px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 26px;
                line-height: 24px;
            }

            .book-product .product-img a span.best-of-stock {
                background-color: #AF7C00;
                display: inline-block;
                color: #000;
                right: 10px;
                top: 20px;
                padding: 1px 17px;
                font-weight: 700;
                border-radius: 0;
                text-align: center;
                position: absolute;
                text-transform: uppercase;
                border-radius: 30px;
                height: 25px;
                line-height: 24px;
            }

.Title-section {
    font-weight: bold;
}
/*      

        .book-product .product-img .product-action {
            display: inline-block;
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: 99;
            border-radius: 3px;
        }

            .book-product .product-img .product-action a {
                background-color: transparent;
                color: #333;
                display: block;
                font-size: 16px;
                display: inline-block;
                margin-right: 15px;
                text-align: right;
                height: 52px;
                position: relative;
                top: 2px;
            }

                .book-product .product-img .product-action a:last-child {
                    margin-right: 0;
                    border: none;
                }

                .book-product .product-img .product-action a i {
                    line-height: 40px;
                }

                .book-product .product-img .product-action a span {
                    visibility: hidden;
                    position: absolute;
                    background: #F7941D !important;
                    color: #fff !important;
                    text-align: center;
                    padding: 5px 12px;
                    z-index: 3;
                    opacity: 0;
                    -webkit-transition: opacity .6s, margin .3s;
                    -o-transition: opacity .6s, margin .3s;
                    transition: opacity .6s, margin .3s;
                    font-size: 11px;
                    right: 0;
                    line-height: 14px;
                    top: -12px;
                    margin-top: -5px;
                    margin-right: 0;
                    display: inline-block;
                    width: 120px;
                    border-radius: 15px 0 0 15px;
                }*/
/*.book-product .product-img .button-head .product-action a span::after {
            position: absolute;
            content: "";
            right: 0;
            bottom: -12px;
            border: 6px solid #F7941D;
            border-left: 0px solid transparent;
            border-right: 6px solid transparent;
            border-bottom: 6px solid transparent;
        }*/
/*  .book-product .product-img .product-action a:hover {
            color: #F7941D;
        }

            .book-product .product-img .product-action a:hover span {
                visibility: visible;
                opacity: 1;
                color: #333;
                background: #fff;
                margin-top: -12px;
            }

        .book-product .product-img .product-action.pro-action-width-dec a {
            width: 30px;
            height: 30px;
            font-size: 14px;
        }

            .book-product .product-img .product-action.pro-action-width-dec a i {
                line-height: 30px;
            }

        .book-product .product-img .product-action.pro-action-width-dec-2 {
            bottom: 45px;
        }

        .book-product .product-img .product-action-2 {
            position: absolute;
            left: 0;
            bottom: 0;
            text-align: left;
            z-index: 99;
            -webkit-transition: all 250ms ease-out;
            -o-transition: all 250ms ease-out;
            transition: all 250ms ease-out;
        }

            .book-product .product-img .product-action-2 a {
                display: block;
                background-color: transparent;
                color: #333;
                text-align: left;
                font-size: 12px;
                font-weight: 600;
                text-transform: uppercase;
                line-height: 1;
                display: inline-block;
            }

                .book-product .product-img .product-action-2 a:hover {
                    color: #F7941D;
                }*/
/*.book-product .button-head {
        background: green;
        display: inline-block;
        height: 40px;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -50px;
        z-index: 9;
        height: 50px;
        line-height: 50px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }*/
/*.book-product:hover .button-head {
        bottom: 0;
    }*/
/*.book-product .product-img .boutique-list-quickview {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        text-align: center;
        z-index: 99;
        margin-top: 20px;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .35s ease 0s;
        -o-transition: all .35s ease 0s;
        transition: all .35s ease 0s;
    }

        .book-product .product-img .boutique-list-quickview a {
            color: #000;
            background-color: #fff;
            display: inline-block;
            width: 50px;
            height: 50px;
            border-radius: 100%;
            font-size: 18px;
        }

            .book-product .product-img .boutique-list-quickview a:hover {
                background-color: #222;
                color: #fff;
            }

            .book-product .product-img .boutique-list-quickview a i {
                line-height: 50px;
            }
        */
.book-product .product-content {
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.book-product .product-img:hover.default-overlay::before {
        background-color: rgba(38, 38, 38, 0.2);
        z-index: 9;
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        pointer-events: none;
        opacity: 1;
    }*/

/* .book-product .product-img:hover.default-overlay.metro-overlay::before {
        background-color: rgba(38, 38, 38, 0.4);
        z-index: 9;
        -webkit-transition: all 250ms ease-out;
        -o-transition: all 250ms ease-out;
        transition: all 250ms ease-out;
        pointer-events: none;
        opacity: 1;
    }*/

.book-product .product-img:hover img.hover-img {
    opacity: 1;
}

.book-product .product-content h4 {
    line-height: 22px;
}

.book-product .product-content p.titlebook a, .book-product .product-content p.titlebook {
    font-size: 1em;
    font-weight: 500;
    margin: 0;
    /*margin-bottom: 10px;*/
    color: var(--color-night);
}

.book-product .product-content p.authorbook a, .book-product .product-content p.authorbook {
    font-size: 0.95em;
    font-weight: 500;
    margin: 0;
    margin-bottom: 10px;
    /*color: #9d9d9d;*/
}

.book-product .product-content p.titlebook a:hover {
    color: #F7941D;
}

.book-product .product-content .product-price {
    margin: 6px 0 0 0;
}

    .book-product .product-content .product-price span {
        font-size: 0.95em;
        font-weight: 500;
        color: var(--bg-color);
    }

        .book-product .product-content .product-price span.old {
            text-decoration: line-through;
            opacity: .6;
            margin-right: 2px;
        }
/*======================================
   End Single Product CSS
========================================*/
.icon_connect {
    position: absolute;
    right: -10px;
    bottom: 20px;
    height: 17px;
    width: 17px;
    border-radius: 50%;
}

.green_icon {
    background-color: #4cd137;
}

.gray_icon {
    background-color: rgba(0, 0, 0, 0.3);
}

.NameLogin {
    width: 110px;
    display: inline-block;
    max-width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*======================================
   Start Shop Sidebar CSS
========================================*/

.boutique-sidebar {
    width: 100%;
}

    .boutique-sidebar .nav-vertical-options {
        margin-top: 30px;
        background: var(--bg-color-cream);
        padding: 30px;
        width: 100%; /*pour les collections*/
    }

        .boutique-sidebar .nav-vertical-options:first-child {
            margin-top: 0;
        }

        .boutique-sidebar .nav-vertical-options .title {
            position: relative;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            margin-top: 15px;
            display: block;
            border-bottom: 1px solid #ddd;
            padding-bottom: 15px;
            color: var(--bg-price);
        }
/* Shop Price */

.navbar-light button.navbar-toggler, .lblfiltre {
    color: var(--color-night);
    text-align: right;
    font-weight: bold;
}


.boutique .range .price-filter {
    display: block;
    margin-top: 20px;
}

.boutique .range #slider-range {
    box-shadow: none;
    border: none;
    height: 4px;
    background: #F7941D;
    color: #F7941D;
    border-radius: 0px;
}

/*   .boutique .range #slider-range .ui-slider-range {
        box-shadow: none;
        background: #222;
        border-radius: 0px;
        border: none;
    }

.boutique .range .ui-slider-handle.ui-state-default.ui-corner-all {
    width: 14px;
    height: 14px;
    line-height: 10px;
    background: #222;
    border: none;
    border-radius: 100%;
    top: -5px;
}

.boutique .range .label-input {
    margin-top: 15px;
}

    .boutique .range .label-input span {
        margin-right: 5px;
        color: #282828;
    }

.boutique .range .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #F7941D;
    color: #F7941D;
    cursor: pointer;
}*/

.boutique .range .label-input input {
    border: none;
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    background: transparent;
}

.boutique .range .check-box-list {
    margin-top: 15px;
}

    .boutique .range .check-box-list li {
        margin-bottom: 5px;
    }

        .boutique .range .check-box-list li:last-child {
            margin: 0;
        }

        .boutique .range .check-box-list li label input {
            display: inline-block;
            margin-right: 6px;
            position: relative;
            top: 1px;
        }

        .boutique .range .check-box-list li label {
            margin: 0;
            font-size: 14px;
            font-weight: 400;
            color: #333;
            cursor: pointer;
        }

    .boutique .range .check-box-list .count {
        margin-left: 5px;
        color: #666;
    }

.buttonfilter.suppfilter {
    background-color: red;
    color: #fff;
}

.boutique-sidebar .categor-list li a.buttonfilter {
    color: #fff;
}

.buttonfilter.buttonMore {
    background-color: var(--bg-color-item-secondary);
    color: var(--color-white) !important;
}

.buttonfilter.buttonLess {
    background-color: var(--heading-color);
    color: var(--color-white) !important;
}

.buttonfilter {
    display: inline-block;
    font-size: 11px;
    /*color: #fff !important;*/
    padding: 1px 16px;
    font-weight: 700;
    border-radius: 0;
    text-align: center;
    text-transform: uppercase;
    border-radius: 30px;
    height: 26px;
}
/* Category List */
.boutique-sidebar .categor-list {
    margin-top: 10px;
}

    .boutique-sidebar .categor-list li {
    }

    .boutique-sidebar .categor-list li {
        margin-bottom: 10px;
    }

        .boutique-sidebar .categor-list li:last-child {
            margin-bottom: 0px;
        }

        .boutique-sidebar .categor-list li a {
            /*display: inline-block;*/
            color: var(--font-color);
            font-weight: 400;
            /*font-size: 14px;*/
            text-transform: capitalize;
        }

            .boutique-sidebar .categor-list li a:hover {
                color: #F7941D;
            }

            .boutique-sidebar .categor-list li a.SelectionChoisie {
                color: var(--bg-color-item-secondary);
                font-weight: 600;
            }
/* Recent Post */
/*.boutique-sidebar .single-post {
    position: relative;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
}

    .boutique-sidebar .single-post.first {
        padding-top: 0px;
    }

    .boutique-sidebar .single-post:last-child {
        padding-bottom: 0px;
        border: none;
    }

    .boutique-sidebar .single-post .image img {
        height: 80px;
        width: 80px;
        position: absolute;
        left: 0;
        top: 0;
        border-radius: 100%;
    }

    .boutique-sidebar .single-post .content {
        padding-left: 100px;
    }

        .boutique-sidebar .single-post .content h5 {
            line-height: 18px;
        }

            .boutique-sidebar .single-post .content h5 a {
                color: #222;
                font-weight: 500;
                font-size: 14px;
                font-weight: 500;
                display: block;
            }

                .boutique-sidebar .single-post .content h5 a:hover {
                    color: #F7941D;
                }

        .boutique-sidebar .single-post .content .price {
            display: block;
            color: #333;
            font-weight: 500;
            margin: 5px 0 0px 0;
            text-transform: uppercase;
            font-size: 14px;
        }

    .boutique-sidebar .single-post .reviews li {
        display: inline-block;
    }

        .boutique-sidebar .single-post .reviews li i {
            color: #999;
        }

        .boutique-sidebar .single-post .reviews li.yellow i {
            color: #F7941D;
        }*/
/* Shop Topbar */
.boutique .boutique-top {
    clear: both;
    background: var(--bg-color-cream);
    padding: 18px 10px 18px 10px;
}

.boutique .nav-filter {
    /*display: inline-block;
    margin-right: 10px;*/
}

    .boutique .nav-filter:last-child {
        margin: 0;
    }

    /* .boutique .nav-filter label {
        display: inline-block;
        float: left;
        margin: 4px 5px 0 0;
        font-weight: 500;
    }*/

    .boutique .nav-filter option {
    }


.LblResults {
    font-weight: bold;
}


.select-drop {
    text-align: right;
}

    .select-drop select {
        -webkit-tap-highlight-color: transparent;
        border: solid 1px silver;
        box-sizing: border-box;
        clear: both;
        cursor: pointer;
        display: inline-block;
        /*float: right;*/
        font-weight: normal;
        height: 40px;
        line-height: 26px;
        outline: none;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap;
        width: 100%;
        color: #666;
    }


.boutique .select-drop::after {
    border-color: #888;
}

.boutique .select-drop .list {
    border-radius: 0px;
    height: 48px;
}

.boutique .select-drop .option.selected {
    font-weight: 500;
}

.boutique .select-drop .list li {
    color: #666;
    border-radius: 0px;
}

    .boutique .select-drop .list li:hover {
        background: #F7941D;
        color: #fff;
    }

/*.boutique .view-mode {
    float: right;
}

    .boutique .view-mode li {
        display: inline-block;
        margin-right: 5px;
    }

        .boutique .view-mode li:last-child {
            margin: 0;
        }

        .boutique .view-mode li a {
            width: 43px;
            height: 32px;
            background: transparent;
            border: 1px solid #77777775;
            text-align: center;
            display: block;
            line-height: 32px;
            color: #888;
            border-radius: 0px;
        }

        .boutique .view-mode li.active a,
        .boutique .view-mode li:hover a {
            background: #F7941D;
            color: #fff;
            border-color: transparent;
        }*/
/*======================================
   End Shop Sidebar CSS
========================================*/

/*======================================
   Start Shop Single CSS
========================================*/
.boutique.single {
    padding: 70px 0 100px;
}

    /*  .boutique.single .product-gallery {
        margin-top: 30px;
    }

    .boutique.single .flexslider-thumbnails {
        position: relative;
    }

    .boutique.single .product-gallery .slides li {
        position: relative;
    }

        .boutique.single .product-gallery .slides li img {
            width: 100%;
        }
      */
    /*  .boutique.single .flex-control-nav {
        margin-top: 15px;
    }

    .boutique.single .flex-control-thumbs li {
        width: 20%;
        position: relative;
        margin: 0 8px 10px -3px;
    }

        .boutique.single .flex-control-thumbs li img {
            border: none;
            padding: 0;
            border: 1px solid transparent;
        }

            .boutique.single .flex-control-thumbs li img.flex-active {
                border-color: #F7941D;
            }

    .boutique.single .flex-direction-nav {
        display: none;
    }
      */
    .boutique.single .product-des {
        margin-top: 30px;
    }

        /*    .boutique.single .product-des .short h4 {
            font-size: 22px;
            font-weight: 600;
            margin-top: -5px;
            line-height: 28px;
        }

        .boutique.single .product-des .short .description {
            font-size: 14px;
            color: #555555;
            margin-top: 20px;
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eee;
        }*/

        /*  .boutique.single .product-des {
    }

        .boutique.single .product-des .total-review {
            font-size: 14px;
            font-weight: 500;
            margin-left: 10px;
            display: inline-block;
        }

            .boutique.single .product-des .total-review:hover {
                color: #F7941D;
            }

        .boutique.single .product-des .rating {
            margin-top: 20px;
            display: inline-block;
        }

            .boutique.single .product-des .rating li {
                display: inline-block;
            }

                .boutique.single .product-des .rating li i {
                    color: #F7941D;
                }

                .boutique.single .product-des .rating li.dark i {
                    color: #555;
                }*/

        .boutique.single .product-des .price {
            font-size: 20px;
            color: #333;
            font-weight: 600;
            margin-top: 15px;
        }

            .boutique.single .product-des .price s {
                color: #333;
            }

            .boutique.single .product-des .price span {
                display: inline-block;
                margin-right: 15px;
                color: #F7941D;
            }

        /*.boutique.single .product-des .product-buy {
            margin-top: 40px;
        }

        .boutique.single .product-des .product-buy {
        }*/

        .boutique.single .product-des .color {
            display: inline-block;
            margin-right: 50px;
        }

    /* .boutique.single .product-des .color h4 {
                font-size: 18px;
                font-weight: 600;
            }

                .boutique.single .product-des .color h4 span {
                    display: block;
                    font-size: 14px;
                    font-weight: 500;
                    margin-top: 4px;
                }

            .boutique.single .product-des .color ul {
                margin-top: 10px;
            }

                .boutique.single .product-des .color ul li {
                    display: inline-block;
                    margin-right: 5px;
                }

                    .boutique.single .product-des .color ul li:last-child {
                        margin-right: 0;
                    }

                    .boutique.single .product-des .color ul li a {
                        height: 30px;
                        width: 30px;
                        line-height: 30px;
                        text-align: center;
                        display: block;
                        background: #333;
                    }

                        .boutique.single .product-des .color ul li a i {
                            font-size: 11px;
                            color: #fff;
                            opacity: 0;
                            visibility: hidden;
                            -webkit-transition: all 0.4s ease;
                            -moz-transition: all 0.4s ease;
                            transition: all 0.4s ease;
                        }

                        .boutique.single .product-des .color ul li a:hover i {
                            opacity: 1;
                            visibility: visible;
                        }

                    .boutique.single .product-des .color ul li .one {
                        background: #3498db;
                    }

                    .boutique.single .product-des .color ul li .two {
                        background: #F7941D;
                    }

                    .boutique.single .product-des .color ul li .three {
                        background: #8e44ad;
                    }

                    .boutique.single .product-des .color ul li .four {
                        background: #2ecc71;
                    }*/
    /* Size */
    /* .boutique.single .product-des .size {
            display: inline-block;
        }

            .boutique.single .product-des .size h4 {
                display: block;
                font-size: 14px;
                font-weight: 500;
                margin-top: 0px;
            }

            .boutique.single .product-des .size ul {
                display: inline-block;
                margin-top: 10px;
            }

                .boutique.single .product-des .size ul li {
                    display: inline-block;
                    margin-right: 5px;
                }

                    .boutique.single .product-des .size ul li:last-child {
                        margin-right: 0;
                    }

                    .boutique.single .product-des .size ul li a {
                        display: block;
                        height: 30px;
                        width: 36px;
                        border: 1px solid #eee;
                        text-align: center;
                        line-height: 30px;
                        font-size: 14px;
                    }

                        .boutique.single .product-des .size ul li a:hover {
                            color: #F7941D;
                        }*/

    .boutique.single .quantity {
        display: inline-block;
        margin-right: 10px;
    }

        .boutique.single .quantity h6 {
            display: inline-block;
            margin-right: 10px;
            font-size: 15px;
            font-weight: 500;
        }

        .boutique.single .quantity .input-group {
            width: 151px;
            display: inline-block;
        }

        .boutique.single .quantity .button {
            display: inline-block;
            position: absolute;
            top: 0;
            display: inline-block;
        }

            .boutique.single .quantity .button.minus {
                left: 0;
                border-radius: 0;
                overflow: hidden;
            }

            .boutique.single .quantity .button.plus {
                right: 0;
                border-radius: 0;
                overflow: hidden;
            }

            .boutique.single .quantity .button .btn {
                padding: 0;
                width: 35px;
                height: 45px;
                line-height: 45px;
                border-radius: 0px;
                background: transparent;
                color: #282828;
                font-size: 12px;
                border: none;
            }

                .boutique.single .quantity .button .btn:hover {
                    color: #F7941D;
                }

        .boutique.single .quantity .input-number {
            border: 1px solid #eceded;
            width: 100%;
            text-align: center;
            height: 45px;
            border-radius: 0px;
            overflow: hidden;
            padding: 0px 38px;
        }

    /* .boutique.single .add-to-cart {
        display: inline-block;
    }

        .boutique.single .add-to-cart .btn {
            height: 45px;
            width: auto;
            padding: 0 42px;
            line-height: 45px;
            text-align: center;
            text-transform: capitalize;
            margin-right: 5px;
            border-radius: 0px;
            background: #333;
            color: #fff;
            display: inline-block;
            font-weight: 500;
        }

            .boutique.single .add-to-cart .btn:hover {
                color: #fff;
                background: #F7941D;
            }

            .boutique.single .add-to-cart .btn.min {
                padding: 0 20px;
                font-size: 17px;
                position: relative;
                top: 1px;
                line-height: 45px;
            }*/

    .boutique.single .cat {
        font-size: 14px;
        font-weight: 500;
        color: #333;
        margin-top: 30px;
    }

        .boutique.single .cat a {
            display: inline-block;
            margin-left: 10px;
        }

            .boutique.single .cat a:hover {
                color: #F7941D;
            }

    /*.boutique.single .availability {
        color: #333;
        font-size: 14px;
        margin-top: 6px;
    }*/
    /* Product Tab */
    .boutique.single .product-info {
        margin-top: 50px;
    }

    .boutique.single .nav-tabs {
        border: none;
    }

        .boutique.single .nav-tabs li {
            margin-right: 10px;
        }

            .boutique.single .nav-tabs li:last-child {
                margin-right: 0;
            }

            .boutique.single .nav-tabs li a {
                border: 0px solid;
                border-radius: 0px;
                background: #fff;
                color: #333;
                padding: 10px 30px;
                font-weight: 500;
                font-size: 14px;
                border: 1px solid #eee;
            }

                .boutique.single .nav-tabs li a i {
                    margin-right: 10px;
                }

                .boutique.single .nav-tabs li a.active,
                .boutique.single .nav-tabs li:hover a {
                    background: #F7941D;
                    color: #fff;
                    border-color: transparent;
                }

    .boutique.single .tab-single {
    }

    .boutique.single .single-des {
        margin-top: 35px;
    }

        .boutique.single .single-des h4 {
            margin-bottom: 15px;
            font-weight: 500;
            font-size: 22px;
        }

        .boutique.single .single-des ul {
        }

            .boutique.single .single-des ul li {
                color: #555;
                display: block;
                margin-bottom: 10px;
                position: relative;
                padding-left: 20px;
            }

                .boutique.single .single-des ul li::before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 9px;
                    height: 7px;
                    width: 7px;
                    background: #f7941d;
                    border-radius: 50%;
                }

        .boutique.single .single-des p {
        }

    .boutique.single .item-info {
        width: 100%;
    }

        .boutique.single .item-info tbody {
        }

            .boutique.single .item-info tbody tr {
            }

            .boutique.single .item-info tbody td {
                border: 1px solid #e6e6e6;
                padding: 10px;
            }

            .boutique.single .item-info tbody strong {
            }

/* .boutique.single .ratting-main {
    }

    .boutique.single .avg-ratting {
        margin-bottom: 20px;
    }

        .boutique.single .avg-ratting h4 {
            font-size: 18px;
            margin: 0;
        }

            .boutique.single .avg-ratting h4 span {
                font-size: 14px;
            }

    .boutique.single .single-rating {
        margin-bottom: 20px;
    }

        .boutique.single .single-rating:last-child {
            margin: 0;
            border: none;
            padding: 0;
        }

    .boutique.single .rating-author {
        float: left;
        margin-right: 10px;
        padding: 20px;
        padding-right: 10px;
    }

        .boutique.single .rating-author img {
            width: 60px;
            border-radius: 100%;
            height: 60px;
        }

    .boutique.single .rating-des {
        padding-left: 72px;
        background: #f9f8f8;
        padding: 17px 20px 17px 107px;
    }

        .boutique.single .rating-des .ratings {
            margin: 0;
        }

        .boutique.single .rating-des h6 {
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
        }

    .boutique.single .ratting-main .single-rating ul {
    }

        .boutique.single .ratting-main .single-rating ul li {
            display: inline-block;
        }

            .boutique.single .ratting-main .single-rating ul li i {
                color: #F7941D;
                font-size: 14px;
            }
       */

.itemlabel {
    font-size: 16px;
}


/*.boutique.single .review-inner label {
    display: inline-block;
    margin: 0 5px 0 0;
}*/

/*.boutique.single .review-inner .ratings {
        overflow: visible;
        display: inline-block;
        margin: 0;
    }*/

/*.boutique.single .review-inner .ratings ul {
            display: inline-block;
        }*/

/*.boutique.single .ratting-main .single-rating ul {
        display: inline-block;
        margin-right: 5px;
    }*/

/*.boutique.single .ratings .rate-count {
        display: inline-block;
        color: #666;
        font-size: 13px;
    }

    .boutique.single .comment-review {
        margin-bottom: 30px;
    }

        .boutique.single .comment-review .add-review {
            margin-top: 30px;
        }

            .boutique.single .comment-review .add-review h5 {
                font-size: 18px;
                font-weight: 600;
                margin-bottom: 7px;
            }

            .boutique.single .comment-review .add-review p {
                color: #333;
            }

        .boutique.single .comment-review h4 {
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 7px;
            margin-top: 20px;
        }*/

/*.boutique.single .comment-review .review-inner {
            margin-bottom: 15px;
            display: block;
        }*/

/*.boutique.single .comment-review .rating li {
            display: inline-block;
        }

            .boutique.single .comment-review .rating li i {
                color: #F7941D;
                font-size: 14px;
            }

    .boutique.single .rating-des p {
        margin-top: 5px;
    }

    .boutique.single .avg-ratting h4 {
        font-size: 20px;
        color: #333;
    }

    .boutique.single .avg-ratting {
    }*/

.boutique.single .form .form-group input {
    width: 100%;
    height: 45px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #ddd;
    resize: none;
    border-radius: 0;
    color: #333;
}

.boutique.single .form .form-group button {
    border: none;
    padding: 17px 50px;
}

.boutique.single .form .form-group textarea {
    width: 100%;
    height: 200px;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    resize: none;
    border-radius: 0;
    color: #333;
}

.boutique.single .form .form-group label {
    color: #333;
    position: relative;
}

    .boutique.single .form .form-group label span {
        color: #ff2c18;
        display: inline-block;
        position: absolute;
        right: -12px;
        top: 4px;
        font-size: 16px;
    }

/*.boutique.single .review-panel {
        margin-top: 35px;
    }*/
/*======================================
   End Shop Single CSS
========================================*/

/*======================================
   Start Shop Home List CSS
========================================*/
/*.boutique-home-list {
    padding: 0;
    padding-bottom: 100px;
}

    .boutique-home-list .boutique-section-title {
        margin-bottom: 20px;
    }

        .boutique-home-list .boutique-section-title h1 {
            font-size: 22px;
            margin-bottom: 0;
            text-transform: capitalize;
            position: relative;
            color: #2c2d3f;
            font-weight: 700;
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

            .boutique-home-list .boutique-section-title h1::before {
                position: absolute;
                content: "";
                height: 2px;
                width: 50px;
                background: #F7941D;
                left: 0;
                bottom: -1px;
            }

    .boutique-home-list .single-list {
        overflow: hidden;
        position: relative;
        margin-top: 30px;
        border: 1px solid #eee;
        padding: 10px;
    }

        .boutique-home-list .single-list .list-image {
            position: relative;
        }

            .boutique-home-list .single-list .list-image.overlay:before {
                background: #000;
                opacity: 0;
                visibility: hidden;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

            .boutique-home-list .single-list .list-image.overlay:hover:before {
                opacity: 0.3;
                visibility: visible;
            }

            .boutique-home-list .single-list .list-image .buy {
                height: 40px;
                width: 40px;
                line-height: 40px;
                font-size: 14px;
                color: #fff;
                background: #F7941D;
                border-radius: 100%;
                display: block;
                position: absolute;
                left: 50%;
                top: 50%;
                margin-left: -20px;
                margin-top: -20px;
                text-align: center;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
                transform: scale(0);
                opacity: 0;
                visibility: hidden;
            }

                .boutique-home-list .single-list .list-image .buy:hover {
                    background: #fff;
                    color: #333;
                }

            .boutique-home-list .single-list .list-image:hover .buy {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

        .boutique-home-list .single-list .no-padding {
            padding-right: 0px;
        }

        .boutique-home-list .single-list img {
            width: 100%;
            height: 100%;
        }

        .boutique-home-list .single-list .content {
            padding-top: 45px;
            padding-right: 12px;
        }

            .boutique-home-list .single-list .content .title {
                line-height: 18px;
            }

                .boutique-home-list .single-list .content .title a {
                    font-size: 14px;
                    font-weight: 600;
                }

            .boutique-home-list .single-list .content .titlea {
                color: #333;
            }

            .boutique-home-list .single-list .content a:hover {
                color: #F7941D;
            }

            .boutique-home-list .single-list .content .price {
                margin-top: 15px;
                font-weight: 500;
                background: #f7941d;
                display: inline-block;
                color: #fff;
                padding: 2px 18px;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 500;
            }*/
/*======================================
   End Shop Home List CSS
========================================*/

.Title2 {
    font-size: 1.3em;
}
/*======================================
   Start Shopping Cart CSS
========================================*/
.OrderBlock {
    background-color: var(--color-white);
    padding: 25px;
}

.bgshop {
    background-color: var(--bg-color-cream);
    padding: 24px;
}

.OrderBlock .QuantiteBox {
    border: 1px solid #000;
    border-radius: 0;
    height: 50px;
    width: 50px;
    text-align: center;
    display: inline-block;
    vertical-align: central;
}

.OrderBlock h2 {
    font-size: 24px;
    line-height: 28px;
    letter-spacing: 0.5px;
}


.AddPromo {
    cursor: pointer;
}

.OrderBlock input {
    width: 100%;
}

.OrderBlock .BoutonValidationCoupon {
    text-align: right;
    display: block;
    padding-top: 10px;
}



.blockcartitle {
    border-top: 1px solid #f3f3f3;
    padding-top: 10px;
}

.product-block {
    -webkit-font-smoothing: antialiased;
}

.product-name span:hover {
    color: #F7941D;
}

.product-block .product-name {
    font-weight: 600;
    /* color: #282828;*/
    font-weight: 600;
    font-size: 17px;
}

.PrixReduitFormat {
    color: #ce3535;
    font-weight: bold;
}

.OrderBlock .price {
    white-space: nowrap;
    font-weight: bold;
}

.BoutonValidationCoupon {
    margin-left: 15px;
}

.button-article {
}

    .button-article .btnsupp {
        position: relative;
        top: 0;
        right: 0;
        font-size: 12px;
        line-height: 18px;
        letter-spacing: 0.5px;
        /**/
    }

@media only screen and (min-width: 920px) {

    #sticky.stick {
        position: fixed;
        top: 0;
        z-index: 10000;
        border-radius: 0 0 0.5em 0.5em;
        width: 23%;
    }
}

/**/
.HeadOfTable {
    display: none !important;
}
/*.table.buying-summery {
    background: #fff;
}*/

.Panier-achat {
    /*background: #f6f6f6;*/
    /*padding: 30px 0;*/
}

    /*.buying-summery thead .main-hading {
    padding: 0px 50px;
}

.buying-summery thead {
    background: #F7941D;
    color: #fff;
}

    .buying-summery thead tr th {
        border: none;
        font-weight: 600;
        color: #fff;
        text-align: center;
    }

.buying-summery tbody tr {
    border-bottom: 1px solid #F7941D;
    margin-top: 20px;
}

    .buying-summery tbody tr img {
        border-radius: 0;
        width: 80px;
        height: 80px;
    }

    .buying-summery tbody tr:last-child {
        border: none;
    }






.buying-summery tbody .product img {
    max-width: 70px;
    border-radius: 100%;
    max-height: 65px;
    border: 1px solid #e6e6e6;
    padding: 4px;
}

.buying-summery tbody .product:hover img {
    border-color: #F7941D;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}*/

    .Panier-achat .border {
    }

    .Panier-achat .table .remove-icon {
        font-size: 16px;
    }

    .Panier-achat .table td {
        vertical-align: middle;
        border-top: 1px solid #eee;
    }

    /*.buying-summery tbody .price {
    text-align: center;
}

    .buying-summery tbody .price span {
    }*/

    .Panier-achat tbody .qty .input-group {
        width: 175px;
        display: inline-block;
    }

    .Panier-achat .qty .button {
        display: inline-block;
        position: absolute;
        top: 0;
    }

        .Panier-achat .qty .button.minus {
            left: 0;
            border-radius: 0;
            overflow: hidden;
        }

        .Panier-achat .qty .button.plus {
            right: 0;
            border-radius: 0;
            overflow: hidden;
        }

        .Panier-achat .qty .button .btn {
            padding: 0;
            width: 44px;
            height: 47px;
            line-height: 50px;
            border-radius: 0px;
            background: transparent;
            color: #282828;
            border: none;
            font-size: 12px;
        }

            .Panier-achat .qty .button .btn:hover {
                color: #F7941D;
            }

    .Panier-achat .qty .input-number {
        border: 1px solid #eceded;
        width: 100%;
        text-align: center;
        height: 47px;
        border-radius: 0;
        overflow: hidden;
        padding: 0px 45px;
    }

    /*.buying-summery tbody .total-amount {
    text-align: center;
}

    .buying-summery tbody .total-amount span {
    }

.buying-summery tbody .action {
    text-align: center;
}

    .buying-summery tbody .action a:hover {
        color: #F7941D;
    }*/

    .Panier-achat .total-amount {
        margin-top: 50px;
    }

        .Panier-achat .total-amount .left {
        }

            .Panier-achat .total-amount .left .coupon {
            }

                .Panier-achat .total-amount .left .coupon form {
                }

                    .Panier-achat .total-amount .left .coupon form input {
                        width: 220px;
                        display: inline-block;
                        height: 48px;
                        color: #333;
                        padding: 0px 20px;
                        border: none;
                        box-shadow: 0px 0px 5px #0000000a;
                    }

                    .Panier-achat .total-amount .left .coupon form .btn {
                        display: inline-block;
                        height: 48px;
                        border: navajowhite;
                        margin-left: 4px;
                        background: transparent;
                        color: #333;
                        background: #fff;
                        box-shadow: 0px 0px 5px #00000012;
                    }

                        .Panier-achat .total-amount .left .coupon form .btn:hover {
                            background: #fff;
                            color: #F7941D;
                        }

            .Panier-achat .total-amount .left label {
                font-size: 22px;
                font-weight: 500;
                color: #333;
            }

            .Panier-achat .total-amount .left .checkbox {
                text-align: left;
                margin: 0;
                margin-top: 20px;
            }

                .Panier-achat .total-amount .left .checkbox label {
                    font-size: 15px;
                    font-weight: 400;
                    color: #333;
                    position: relative;
                    padding-left: 30px;
                }

                    .Panier-achat .total-amount .left .checkbox label:hover {
                        cursor: pointer;
                    }

                    .Panier-achat .total-amount .left .checkbox label input {
                        display: none;
                    }

                    .Panier-achat .total-amount .left .checkbox label::before {
                        position: absolute;
                        content: "";
                        left: 0;
                        top: 4px;
                        width: 16px;
                        height: 16px;
                        border: 1px solid #555555;
                        border-radius: 0px;
                    }

                    .Panier-achat .total-amount .left .checkbox label::after {
                        position: absolute;
                        content: "\f00c";
                        font-family: "Fontawesome";
                        left: 0;
                        top: 0;
                        width: 22px;
                        height: 22px;
                        line-height: 24px;
                        left: 3px;
                        top: 0px;
                        opacity: 0;
                        visibility: hidden;
                        transform: scale(0);
                        -webkit-transition: all 0.4s ease;
                        -moz-transition: all 0.4s ease;
                        transition: all 0.4s ease;
                        display: block;
                        font-size: 11px;
                    }

                    .Panier-achat .total-amount .left .checkbox label.checked::after {
                        opacity: 1;
                        visibility: visible;
                        transform: scale(1);
                    }

        .Panier-achat .total-amount .right {
            padding-left: 100px;
        }

            .Panier-achat .total-amount .right ul {
            }

                .Panier-achat .total-amount .right ul li {
                    font-size: 15px;
                    font-weight: 400;
                    color: #333;
                    margin-bottom: 12px;
                }

                    .Panier-achat .total-amount .right ul li.last {
                        padding-top: 12px;
                        border-top: 1px solid #c8c8c8;
                        color: #333;
                        font-size: 15px;
                        font-weight: 400;
                    }

                    .Panier-achat .total-amount .right ul li span {
                        display: inline-block;
                        float: right;
                    }

            .Panier-achat .total-amount .right .button5 .btn {
                text-align: center;
                border-radius: 0;
                width: 100%;
                margin-top: 10px;
                height: 46px;
                line-height: 18px;
                font-size: 13px;
                color: #fff;
            }
/*======================================
   End Shopping Cart CSS
========================================*/

/*======================================
   Start Checkout Form CSS
========================================*/
.boutique.checkout {
    padding: 0;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 50px;
}

/*.boutique.checkout .checkout-form {
        margin-top: 30px;
    }

        .boutique.checkout .checkout-form h2 {
            font-size: 25px;
            color: #333;
            font-weight: 700;
            line-height: 27px;
        }

        .boutique.checkout .checkout-form p {
            font-size: 16px;
            color: #333;
            font-weight: 400;
            margin-top: 12px;
            margin-bottom: 30px;
        }*/

/*.boutique.checkout .form {
    }

        .boutique.checkout .form .form-group {
            margin-bottom: 25px;
        }

            .boutique.checkout .form .form-group label {
                color: #333;
                position: relative;
            }

                .boutique.checkout .form .form-group label span {
                    color: #ff2c18;
                    display: inline-block;
                    position: absolute;
                    right: -12px;
                    top: 4px;
                    font-size: 16px;
                }

            .boutique.checkout .form .form-group input {
                width: 100%;
                height: 45px;
                line-height: 50px;
                padding: 0 20px;
                border-radius: 3px;
                border-radius: 0px;
                color: #333 !important;
                border: none;
                background: #F6F7FB;
            }

                .boutique.checkout .form .form-group input:hover {
                }

    .boutique.checkout .select-drop {
        width: 100%;
        height: 45px;
        line-height: 50px;
        margin-bottom: 25px;
        background: #F6F7FB;
        border-radius: 0px;
        border: none;
    }

        .boutique.checkout .select-drop .list {
            width: 100%;
            height: 300px;
            overflow: scroll;
        }

            .boutique.checkout .select-drop .list li {
            }

                .boutique.checkout .select-drop .list li.option {
                    color: #333;
                }

                    .boutique.checkout .select-drop .list li.option:hover {
                        background: #F6F7FB;
                        color: #333;
                    }

    .boutique.checkout .form .address input {
        margin-bottom: 15px;
    }

        .boutique.checkout .form .address input:last-child {
            margin: 0;
        }

    .boutique.checkout .form .create-account {
        margin: 0;
    }

        .boutique.checkout .form .create-account input {
            width: auto;
            display: inline-block;
            height: auto;
            border-radius: 100%;
            margin-right: 3px;
        }

        .boutique.checkout .form .create-account label {
            display: inline-block;
            margin: 0;
        }

    .boutique.checkout .order-details {
        margin-top: 30px;
        background: #fff;
        padding: 15px 0 30px 0;
        border: 1px solid #eee;
    }

    .boutique.checkout .nav-vertical-options {
        margin-bottom: 30px;
    }

        .boutique.checkout .nav-vertical-options:last-child {
            margin: 0;
        }

        .boutique.checkout .nav-vertical-options h2 {
            position: relative;
            font-size: 15px;
            font-weight: 600;
            padding: 10px 30px;
            line-height: 24px;
            text-transform: uppercase;
            color: #333;
            padding-bottom: 5px;
        }

            .boutique.checkout .nav-vertical-options h2:before {
                position: absolute;
                content: "";
                left: 30px;
                bottom: 0;
                height: 2px;
                width: 50px;
                background: #F7941D;
            }

        .boutique.checkout .nav-vertical-options .content ul {
            margin-top: 30px;
        }

            .boutique.checkout .nav-vertical-options .content ul li {
                display: block;
                padding: 0px 30px;
                font-size: 15px;
                font-weight: 400;
                color: #333;
                margin-bottom: 12px;
            }

                .boutique.checkout .nav-vertical-options .content ul li span {
                    display: inline-block;
                    float: right;
                }

                .boutique.checkout .nav-vertical-options .content ul li.last {
                    padding-top: 12px;
                    border-top: 1px solid #ebebeb;
                    display: block;
                    font-size: 15px;
                    font-weight: 400;
                    color: #333;
                }

        .boutique.checkout .nav-vertical-options .checkbox {
            text-align: left;
            margin: 0;
            padding: 0px 30px;
            margin-top: 30px;
        }

            .boutique.checkout .nav-vertical-options .checkbox label {
                color: #555555;
                position: relative;
                font-size: 14px;
                padding-left: 20px;
                margin-top: -5px;
                font-weight: 400;
                display: block;
                margin-bottom: 15px;
            }

                .boutique.checkout .nav-vertical-options .checkbox label:last-child {
                    margin-bottom: 0;
                }

                .boutique.checkout .nav-vertical-options .checkbox label:hover {
                    cursor: pointer;
                }

                .boutique.checkout .nav-vertical-options .checkbox label input {
                    display: none;
                }

                .boutique.checkout .nav-vertical-options .checkbox label::before {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 7px;
                    width: 12px;
                    height: 12px;
                    line-height: 16px;
                    border: 1px solid #666;
                    border-radius: 100%;
                }

                .boutique.checkout .nav-vertical-options .checkbox label::after {
                    position: absolute;
                    content: "";
                    left: 0;
                    top: 7px;
                    width: 12px;
                    height: 12px;
                    line-height: 16px;
                    border-radius: 100%;
                    display: block;
                    background: #666;
                    transform: scale(0);
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .boutique.checkout .nav-vertical-options .checkbox label.checked::after {
                    opacity: 1;
                    visibility: visible;
                    transform: scale(1);
                }

        .boutique.checkout .nav-vertical-options.payement {
            padding: 0px 38px;
            text-align: center;
            margin-top: 30px;
        }

        .boutique.checkout .nav-vertical-options.get-button {
            text-align: center;
            padding: 0px 35px;
        }

            .boutique.checkout .nav-vertical-options.get-button .btn {
                height: 46px;
                width: 100%;
                line-height: 19px;
                text-align: center;
                border-radius: 0;
                text-transform: uppercase;
                color: #fff;
            }*/
/*======================================
   End Checkout Form CSS
========================================*/



/*.iconchecked {width:10px; height:10px; background-color:chartreuse;display:inline-block;
}*/
/*======================================
   Login & Register CSS
========================================*/
.boutique.login {
    padding: 100px 0;
}

    /*.boutique.login .login-form h2 {
        position: relative;
        font-size: 35px;
        color: #333;
        font-weight: 400;
        line-height: 27px;
        text-transform: uppercase;
        margin-bottom: 12px;
        padding-bottom: 20px;
        text-align: center;
    }*/

    /*.boutique.login .login-form h2:before {
            position: absolute;
            content: "";
            left: 50%;
            bottom: 0;
            height: 2px;
            width: 50px;
            background: #F7941D;
            margin-left: -25px;
        }*/

    /*.boutique.login .login-form p {
        font-size: 14px;
        color: #333;
        font-weight: 400;
        text-align: center;
        margin-bottom: 50px;
    }*/

    .boutique.login .form {
        margin-top: 30px;
    }

        .boutique.login .form .form-group {
            margin-bottom: 22px;
        }

            .boutique.login .form .form-group input {
                width: 100%;
                height: 45px;
                line-height: 50px;
                padding: 0 20px;
                border-radius: 3px;
                border-radius: 0px;
                color: #333 !important;
                border: none;
                background: #F6F7FB;
            }

            .boutique.login .form .form-group label {
                color: #333;
                position: relative;
            }

                .boutique.login .form .form-group label span {
                    color: #ff2c18;
                    display: inline-block;
                    position: absolute;
                    right: -12px;
                    top: 4px;
                    font-size: 16px;
                }

            .boutique.login .form .form-group input:hover {
                border-color: #1308a3;
                color: #1308a3;
            }

        /*.boutique.login .form .form-group.login-btn {
                margin: 0;
            }*/

        .boutique.login .form button {
            border: none;
        }

        .boutique.login .form .btn {
            display: inline-block;
            margin-right: 10px;
            height: 46px;
            color: #fff;
            line-height: 20px;
        }

            .boutique.login .form .btn:hover {
                background: #F7941D;
                color: #fff;
            }




.btnFormat {
    border: none;
    background-color: transparent;
    /*height: 48px;*/
    color: var(--bg-color-item-secondary);
}
.detail-book-meta .btnFormat .btnFormat01 a {
    border: 1px solid rgba(0, 0, 0, 0.3);
    /*height: 58px;*/
    border-radius: 3px;
    margin: 5px;
    padding: 5px;
    display:inline-block;
    text-align:center;
}
.detail-book-meta .btnFormat .btnFormat01 a p{
    color:#25a9c7; font-size:0.9em;
}


.detail-book-meta .BtnFLCart {text-align:right;
}
.detail-book-meta .BtnFLCart button {
    /*width:300px;*/
}
/*.boutique.login .login-form .checkbox {
        text-align: left;
        margin: 0;
        margin-top: 20px;
        display: inline-block;
    }*/
/*.boutique.login .login-form .checkbox label {
            font-size: 14px;
            font-weight: 400;
            color: #333;
            position: relative;
            padding-left: 20px;
        }*/
/*.boutique.login .login-form .checkbox label:hover {
                cursor: pointer;
            }

            .boutique.login .login-form .checkbox label input {
                display: none;
            }

            .boutique.login .login-form .checkbox label::before {
                position: absolute;
                content: "";
                left: 0;
                top: 6px;
                width: 12px;
                height: 12px;
                border: 1px solid #555555;
                border-radius: 0px;
            }

            .boutique.login .login-form .checkbox label::after {
                position: absolute;
                content: "\f00c";
                font-family: "Fontawesome";
                width: 12px;
                height: 12px;
                line-height: 23px;
                left: 2px;
                top: 0px;
                opacity: 0;
                visibility: hidden;
                transform: scale(0);
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
                display: block;
                font-size: 9px;
            }

            .boutique.login .login-form .checkbox label.checked::after {
                opacity: 1;
                visibility: visible;
                transform: scale(1);
            }

    .boutique.login .login-form .lost-pass {
        display: inline-block;
        margin-left: 25px;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

        .boutique.login .login-form .lost-pass:hover {
            color: #F7941D;
        }*/
/*======================================
	End Login CSS
========================================*/
/*======================================
   Start Shop List CSS
========================================*/
/*.boutique-list .list-content {
    margin-top: 50px;
}

    .boutique-list .list-content .product-price {
    }

        .boutique-list .list-content .product-price span {
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 3px;
            display: block;
        }

    .boutique-list .list-content .title {
        line-height: 20px;
    }

        .boutique-list .list-content .title a:hover {
            color: #F7941D;
        }

        .boutique-list .list-content .title a {
            font-size: 18px;
            font-weight: 600;
        }

    .boutique-list .list-content .rating {
        margin: 5px 0 8px 0;
    }

        .boutique-list .list-content .rating li {
            display: inline-block;
        }

            .boutique-list .list-content .rating li i {
                color: #F7941D;
            }

            .boutique-list .list-content .rating li.total {
                color: #333;
                font-size: 12px;
                margin-left: 3px;
            }

    .boutique-list .list-content .des {
    }

    .boutique-list .list-content .btn {
        margin-top: 22px;
        height: 42px;
        line-height: 15px;
        color: #333;
        background: transparent;
        border: 1px solid #cecece;
        font-size: 13px;
        border-radius: 30px;
        height: auto;
        line-height: a;
        padding: 13px 32px;
    }

        .boutique-list .list-content .btn:hover {
            background: #F7941D;
            color: #fff;
            border-color: transparent;
        }*/
/* Pagination CSS */
.pagination {
    text-align: center;
    margin: 50px 0 0 0;
    display: table;
    line-height: 38px;
    width: 100%;
}

a#PagerNext, a#PagerFirst, a#PagerPrev, a#PagerLast, a.BtnPager {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    font-size: .9rem;
    order: 0;
    outline: 0;
    margin: 0 10px;
}


.pagination td a, .pagination a.Lnkpagination /*:nth-child(2), .pagination td a:nth-child(3), .pagination td a:nth-child(1), .pagination td a:nth-child(4), .pagination td a:nth-child(5)*/ {
    line-height: 3rem;
    padding: 5px 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
}

a.PagerCurrentPage {
    color: #fff !important;
}

.pagination span > span {
    color: #703056;
    font-size: 2em;
}

.PagerCurrentPage {
    font-size: 24px;
    font-weight: bold;
    background-color: var(--bg-color-item);
    padding: 5px 10px;
    color: #fff;
}
/*.pagination a:hover {
    color: #fff !important;
}*/
.pagination a {
    color: var(--heading-color);
}




/*======================================
   End Shop List CSS
========================================*/
.btn-link {
    position: relative;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 5;
    display: inline-block;
    border-radius: 0px;
    text-transform: uppercase;
    cursor: pointer;
}

    .btn-link:hover {
        text-decoration: none;
    }

.btn-feuilletage {
    text-decoration: underline;
}
/*=============================
	Start Cowndown CSS
===============================*/

.detail-book-meta .blockimgMEA {
    background-color: #d8d8d8;
    text-align: center;
    position: relative;
    padding: 3vh;
}

.detail-book-meta span.IconAccessby {
    display: inline-block;
    right: 20px;
    top: 20px;
    /*color: var(--color-white);*/
    position: absolute;
}



.detail-book-meta {
}

    .detail-book-meta .padding-right {
        padding-right: 0;
    }

    .detail-book-meta .padding-left {
        padding-left: 0;
    }

    .detail-book-meta .image img {
        width: 100%;
        height: 100%;
    }

    .detail-book-meta .content {
        /*text-align: center;*/
        /*background: var(--bg-color-cream);*/
        height: 100%;
        position: relative;
    }

        .detail-book-meta .content .heading-block {
            /*position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);*/
            padding: 2.5em;
            padding-top: 0em;
            padding-bottom: 0.5em;
        }

        .detail-book-meta .content .small-title {
            font-size: 14px;
            display: block;
            /*text-transform: uppercase;*/
            margin-bottom: 5px;
            font-weight: 600 !important;
        }

h3.small-title a {
    font-size: 1.1rem;
}

h2.small-title a {
    font-size: 1rem;
    color: var(--bg-color-item-secondary); /* editeur*/
    font-weight:bold;
}

.detail-book-meta .content .title {
    font-size: 2em;
    font-weight: 600;
    /*margin-bottom: 20px;*/
}


.detail-book-meta .content .price {
    margin-top: 35px;
    font-size: 35px;
    font-weight: 700;
    color: var(--bg-price);
}

.Bookitemslist .detail-book-meta .content .price, .blockcartitle .detail-book-meta .content .price {
    font-size: 21px;
}

.detail-book-meta .content .price s {
    margin-top: 35px;
    font-size: 24px;
    font-weight: 500;
    color: #666;
}

.detail-book-meta .content .cdown {
    float: none;
    text-align: center;
    margin-top: 40px;
    width: 80px;
    display: inline-block;
}

.detail-book-meta .content .cdown {
    text-align: center;
}

.detail-book-meta .content .cdown {
    display: inline-block;
}

    .detail-book-meta .content .cdown span {
        color: #333;
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
    }

    .detail-book-meta .content .cdown p {
        font-size: 13px;
        color: #666;
        text-transform: uppercase;
    }


.Bookitemslist .btnchoice {
    min-width: 150px;
}
/*=============================
	End Cowndown CSS
===============================*/
/*======================================
   Start Shop Services CSS
========================================*/
.boutique-services.section {
    padding: 80px 0 0px 0;
    background: #fff;
}

.boutique-services.home {
    padding: 60px 0;
    background: var(--bg-color-cream);
}

.boutique-services .single-service {
    position: relative;
    padding-left: 60px;
}

    .boutique-services .single-service svg {
        line-height: 50px;
        color: var(--font-color);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }

    .boutique-services .single-service .titlefooter {
        font-size: 14px;
        font-weight: 600;
        text-transform: uppercase;
        line-height: 22px;
        color: var(--bg-color-item-secondary);
    }

    .boutique-services .single-service p {
        color: var(--font-color);
        line-height: 28px;
        font-size: 16px;
    }
/*======================================
   End Shop Services CSS
========================================*/

/*======================================
   Start Shop Newsletter CSS
========================================*/
.boutique-newsletter {
    background: #fff;
}

    .boutique-newsletter .inner {
        text-align: center;
    }

        .boutique-newsletter .inner h4 {
            color: #333;
            font-size: 17px;
            font-weight: 600;
            margin-bottom: 5px;
            text-transform: uppercase;
        }

        .boutique-newsletter .inner p {
            color: #777;
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 30px;
        }

            .boutique-newsletter .inner p span {
                color: #F7941D;
            }

    .boutique-newsletter .newsletter-inner {
        position: relative;
        display: inline-block;
    }

        .boutique-newsletter .newsletter-inner input {
            width: 480px;
            height: 55px;
            border-radius: 0px;
            padding: 0px 30px;
            font-weight: 400;
            display: inline-block;
            text-shadow: none;
            box-shadow: none;
            border-radius: 0;
            border: none;
            border: 1px solid #ececec;
            border-radius: 30px 0 0 30px;
        }

        .boutique-newsletter .newsletter-inner button {
            border: none;
            text-shadow: none;
            box-shadow: none;
            border-radius: 0;
        }

        .boutique-newsletter .newsletter-inner .btn {
            display: inline-block;
            height: 55px;
            padding: 10px 30px;
            position: relative;
            top: 0;
            background: #F7941D;
            color: #fff;
            left: -4px;
            border-radius: 0 30px 30px 0;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
        }

            .boutique-newsletter .newsletter-inner .btn:hover {
                background: #333;
                color: #fff;
            }
/*======================================
   End Shop Newsletter CSS
========================================*/

/*=============================
	About US CSS
===============================*/
/*.about-us {
    background: #fff;
}

    .about-us .about-content {
        padding-right: 50px;
    }

        .about-us .about-content .story {
            display: block;
            color: #04AAF4;
            margin-bottom: 20px;
            font-size: 17px;
        }

            .about-us .about-content .story i {
                color: #04AAF4;
                margin-right: 5px;
                font-size: 22px;
            }

        .about-us .about-content h3 {
            font-size: 30px;
            font-weight: 600;
            position: relative;
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

            .about-us .about-content h3::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 2px;
                width: 60px;
                background: #F7941D;
            }

            .about-us .about-content h3 span {
                display: inline-block;
                font-weight: 700;
                color: #F7941D;
            }

        .about-us .about-content p {
            line-height: 26px;
            margin-bottom: 10px;
        }

            .about-us .about-content p:last-child {
                margin: 0;
            }

        .about-us .about-content .button {
            margin-top: 40px;
        }

            .about-us .about-content .button .btn {
                background: #333;
                color: #fff;
                margin-right: 15px;
            }

                .about-us .about-content .button .btn:hover {
                    background: #F7941D;
                    color: #fff;
                }

                .about-us .about-content .button .btn.primary {
                    background: #F7941D;
                    color: #fff;
                }

                    .about-us .about-content .button .btn.primary:hover {
                        background: #333;
                        color: #fff;
                    }

                .about-us .about-content .button .btn:last-child {
                    margin: 0;
                }

    .about-us .about-img {
        position: relative;
        -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
        border: 10px solid #fff;
    }

        .about-us .about-img:before {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .about-us .about-img:hover:before {
            opacity: 0.6;
            visibility: visible;
        }

        .about-us .about-img .video {
            height: 64px;
            width: 64px;
            line-height: 64px;
            background: #F7941D;
            color: #fff;
            font-size: 20px;
            border-radius: 100%;
            display: block;
            text-align: center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -32px;
            margin-top: -32px;
            padding-left: 4px;
            transform: scale(0);
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .about-us .about-img .video:hover {
                background: #fff;
                color: #F7941D;
            }

        .about-us .about-img:hover .video {
            transform: scale(1);
        }

        .about-us .about-img img {
            height: 100%;
            width: 100%;
        }*/
/*=============================
	End About US CSS
===============================*/

/*======================================
  10. Start Team CSS
========================================*/
/*.team {
    background: #F6F7FB;
}

    .team .title-line {
        margin-bottom: 40px;
    }

    .team .single-team {
        margin-top: 30px;
        position: relative;
        -webkit-transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        transition: all 500ms ease;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        background: #fff;
    }

        .team .single-team .info-head {
            padding: 35px 30px;
        }

        .team .single-team .image img {
            height: 100%;
            width: 100%;
        }

        .team .single-team .info-box {
            text-align: center;
        }

            .team .single-team .info-box .name {
                display: block;
                font-size: 17px;
                color: #333;
                font-weight: 500;
                margin-bottom: 3px;
                text-transform: capitalize;
            }

            .team .single-team .info-box .designation {
                color: #aaa;
                font-size: 13px;
            }

        .team .single-team .social-links {
            -webkit-transition: all 500ms ease;
            -moz-transition: all 500ms ease;
            transition: all 500ms ease;
            margin-top: 15px;
        }

            .team .single-team .social-links .social li {
                display: inline-block;
                margin-right: 15px;
            }

                .team .single-team .social-links .social li:last-child {
                    margin-right: 0px;
                }

                .team .single-team .social-links .social li a {
                    color: #666;
                    display: block;
                    font-size: 14px;
                }

                    .team .single-team .social-links .social li a:hover {
                        color: #F7941D;
                    }*/
/*======================================
  End Team CSS
========================================*/

/*======================================
   Start Shop Blog CSS
========================================*/
/*.boutique-blog.grid .boutique-single-blog {
    margin-top: 30px;
}

.boutique-blog .boutique-single-blog {
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .boutique-blog .boutique-single-blog:hover {
        box-shadow: 0px 10px 10px #0000000a;
    }

    .boutique-blog .boutique-single-blog img {
        height: 100%;
        width: 100%;
    }

    .boutique-blog .boutique-single-blog .content {
        padding: 40px;
    }

        .boutique-blog .boutique-single-blog .content .title {
            font-size: 17px;
            font-weight: 600;
            color: #333;
        }

            .boutique-blog .boutique-single-blog .content .title:hover {
                color: #F7941D;
            }

        .boutique-blog .boutique-single-blog .content .date {
            font-size: 14px;
            font-weight: 400;
            margin-bottom: 5px;
            color: #B7B7B7;
        }

        .boutique-blog .boutique-single-blog .content .more-btn {
            font-size: 14px;
            font-weight: 400;
            color: #3c3c3c;
            margin-top: 10px;
            display: block;
        }

            .boutique-blog .boutique-single-blog .content .more-btn:hover {
                color: #F7941D;
            }*/
/* Related Product */
/*.related-product {
    padding-top: 0;
}

    .related-product .section-title {
        text-align: center;
        margin-bottom: 10px;
        padding: 0;
    }

        .related-product .section-title h2 {
            font-size: 25px;
            margin-bottom: 0;
            text-transform: capitalize;
            position: relative;
            color: #2c2d3f;
            font-weight: 700;
            padding-bottom: 15px;
        }*/
/* Blog Sidebar */
/*.main-sidebar {
    background: #fff;
    margin-top: 30px;
    padding: 40px;
    background: transparent;
    border: 1px solid #eeeeeec2;
}*/

/*.main-sidebar .nav-vertical-options {
        margin-bottom: 50px;
    }

        .main-sidebar .nav-vertical-options .title {
            position: relative;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            margin-bottom: 30px;
            display: block;
            background: #fff;
            padding-left: 12px;
        }

            .main-sidebar .nav-vertical-options .title::before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 100%;
                width: 3px;
                background: #F7941D;
            }

        .main-sidebar .nav-vertical-options:last-child {
            margin: 0;
        }*/

/*.main-sidebar .search {
        position: relative;
    }

        .main-sidebar .search input {
            width: 100%;
            height: 45px;
            box-shadow: none;
            text-shadow: none;
            font-size: 14px;
            border: none;
            color: #222;
            background: transparent;
            padding: 0 70px 0 20px;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
            border-radius: 0;
            border: 1px solid #eee;
        }

        .main-sidebar .search .button {
            position: absolute;
            right: 0;
            top: 0;
            height: 44px;
            width: 50px;
            line-height: 45px;
            box-shadow: none;
            text-shadow: none;
            text-align: center;
            border: none;
            font-size: 14px;
            color: #fff;
            background: #333;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

            .main-sidebar .search .button:hover {
                background: #F7941D;
                color: #fff;
            }
   
    .main-sidebar .categor-list {
        margin-top: 15px;
    }

        .main-sidebar .categor-list li {
        }

        .main-sidebar .categor-list li {
            margin-bottom: 10px;
        }

            .main-sidebar .categor-list li:last-child {
                margin-bottom: 0px;
            }

            .main-sidebar .categor-list li a {
                display: inline-block;
                color: #333;
                font-size: 14px;
            }

                .main-sidebar .categor-list li a:hover {
                    color: #F7941D;
                    padding-left: 7px;
                }

                .main-sidebar .categor-list li a i {
                    display: inline-block;
                    margin-right: 0px;
                    font-size: 9px;
                    transform: translateY(-1px);
                    opacity: 0;
                    visibility: hidden;
                    -webkit-transition: all 0.4s ease;
                    -moz-transition: all 0.4s ease;
                    transition: all 0.4s ease;
                }

                .main-sidebar .categor-list li a:hover i {
                    margin-right: 6px;
                    opacity: 1;
                    visibility: visible;
                }

    .main-sidebar .recent-post {
    }

    .main-sidebar .single-post {
        position: relative;
        border-bottom: 1px solid #ddd;
        display: inline-block;
        padding: 17px 0;
    }

        .main-sidebar .single-post:last-child {
            padding-bottom: 0px;
            border: none;
        }

        .main-sidebar .single-post .image {
        }

            .main-sidebar .single-post .image img {
                float: left;
                width: 80px;
                height: 80px;
                margin-right: 20px;
            }

        .main-sidebar .single-post .content {
            padding-left: 100px;
        }

            .main-sidebar .single-post .content h5 {
                line-height: 18px;
            }

                .main-sidebar .single-post .content h5 a {
                    color: #2C2D3F;
                    font-weight: 500;
                    font-size: 14px;
                    font-weight: 500;
                    margin-top: 10px;
                    display: block;
                    margin-bottom: 10px;
                    margin-top: 0;
                }

                    .main-sidebar .single-post .content h5 a:hover {
                        color: #F7941D;
                    }

            .main-sidebar .single-post .content .comment {
            }

                .main-sidebar .single-post .content .comment li {
                    color: #888;
                    display: inline-block;
                    margin-right: 15px;
                    font-weight: 400;
                    font-size: 14px;
                }

                    .main-sidebar .single-post .content .comment li:last-child {
                        margin-right: 0;
                    }

                    .main-sidebar .single-post .content .comment li i {
                        display: inline-block;
                        margin-right: 5px;
                    }*/
/* Blog Tags */
/*.main-sidebar .side-tags {
    }

        .main-sidebar .side-tags .tag {
            margin-top: 40px;
        }

            .main-sidebar .side-tags .tag li {
                display: inline-block;
                margin-right: 7px;
                margin-bottom: 20px;
            }

                .main-sidebar .side-tags .tag li a {
                    background: #fff;
                    color: #333;
                    padding: 8px 14px;
                    text-transform: capitalize;
                    border-radius: 0;
                    font-size: 13px;
                    background: #F6F7FB;
                }

            .main-sidebar .side-tags .tag a:hover {
                color: #fff;
                background: #F7941D;
                border-color: transparent;
            }*/
/* Blog Newslatter CSS */
/*.main-sidebar .newsletter {
    }

        .main-sidebar .newsletter .letter-inner {
            position: relative;
            padding: 35px 30px;
            box-shadow: 0px 0px 12px #00000014;
            z-index: 2;
            overflow: hidden;
        }

            .main-sidebar .newsletter .letter-inner h4 {
                text-transform: capitalize;
                margin-bottom: 25px;
                font-size: 18px;
                font-weight: 600;
                line-height: 24px;
            }

            .main-sidebar .newsletter .letter-inner p {
                margin-bottom: 20px;
            }

            .main-sidebar .newsletter .letter-inner .form-inner {
                position: relative;
            }

            .main-sidebar .newsletter .letter-inner input {
                width: 100%;
                height: 45px;
                background: #fff;
                border: none;
                border: 1px solid #ddd;
                padding: 0px 60px 0px 20px;
                box-shadow: none;
                text-shadow: none;
                border-radius: 0;
            }

            .main-sidebar .newsletter .letter-inner .form-inner a {
                height: 42px;
                width: 100%;
                background: #F7941D;
                color: #fff;
                font-size: 14px;
                display: block;
                text-align: center;
                line-height: 42px;
                margin-top: 10px;
                text-transform: uppercase;
                font-weight: 500;
            }

                .main-sidebar .newsletter .letter-inner .form-inner a:hover {
                    background: #333;
                    color: #fff;
                }*/
/* Blog Single CSS */
/*.blog-single {
    background: #fff;
    padding: 70px 0 100px;
}

    .blog-single .blog-single-main {
        margin-top: 30px;
        background: #fff;
    }

    .blog-single .blog-detail {
        background: #fff;
    }

    .blog-single .image {
        position: relative;
    }

        .blog-single .image img {
            width: 100%;
            height: 100%;
        }

    .blog-single .blog-title {
        font-size: 24px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 40px 0 15px 0;
    }

    .blog-single .blog-meta {
        margin-bottom: 0;
        overflow: hidden;
        border-bottom: 1px solid #dddddd6e;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }

        .blog-single .blog-meta .author i {
            color: #F7941D;
            margin-right: 10px;
            font-size: 13px;
        }

        .blog-single .blog-meta .author a {
            font-size: 13px;
            border-right: 1px solid #ddd;
            padding: 0px 15px;
        }

            .blog-single .blog-meta .author a:first-child {
                padding-left: 0;
            }

            .blog-single .blog-meta .author a:last-child {
                padding-right: 0;
                border: none;
            }

        .blog-single .blog-meta span {
            display: inline-block;
            font-size: 14px;
            color: #666;
        }

            .blog-single .blog-meta span a i {
                margin-right: 10px;
                color: #F7941D;
            }

            .blog-single .blog-meta span a:hover {
                color: #F7941D;
            }

    .blog-single .content p {
        margin-bottom: 25px;
        line-height: 26px;
    }

        .blog-single .content p:last-child {
            margin: 0;
        }

    .blog-single blockquote {
        position: relative;
        font-size: 13px;
        font-weight: 400;
        padding-left: 20px;
        padding: 10px 20px;
        background: #F6F6F6;
        padding: 30px 40px 30px 70px;
        color: #555;
        border: none;
        margin-bottom: 25px;
        border-left: 3px solid #F7941D;
    }

        .blog-single blockquote i {
            font-size: 30px;
            color: #F7941D;
            position: absolute;
            left: 20px;
            top: 20px;
        }

    .blog-single .content .img-post {
        margin-bottom: 25px;
    }

    .blog-single .share-social .content-tags {
        position: relative;
        margin-top: 25px;
    }

        .blog-single .share-social .content-tags h4 {
            position: absolute;
            left: 0;
            top: 7px;
            font-size: 15px;
            font-weight: 500;
        }

        .blog-single .share-social .content-tags .tag-inner {
            padding-left: 60px;
        }

            .blog-single .share-social .content-tags .tag-inner li {
                display: inline-block;
                margin-right: 7px;
                margin-bottom: 10px;
                margin-top: 4px;
            }

                .blog-single .share-social .content-tags .tag-inner li:last-child {
                    margin-right: 0px;
                    margin-bottom: 0px;
                }

                .blog-single .share-social .content-tags .tag-inner li a {
                    border-radius: 30px;
                    padding: 5px 15px;
                    background: #f4f7fc;
                    font-size: 13px;
                }

                    .blog-single .share-social .content-tags .tag-inner li a:hover {
                        color: #fff;
                        background: #F7941D;
                    }

    .blog-single .comments {
        margin-top: 40px;
    }

        .blog-single .comments .comment-title {
            position: relative;
            font-size: 18px;
            font-weight: 600;
            text-transform: capitalize;
            margin-bottom: 30px;
            display: block;
            background: #fff;
            padding-left: 12px;
        }

            .blog-single .comments .comment-title:before {
                position: absolute;
                content: "";
                left: 0;
                bottom: -1px;
                height: 100%;
                width: 3px;
                background: #F7941D;
            }

    .blog-single .comments {
    }

        .blog-single .comments .single-comment {
            position: relative;
            margin-bottom: 40px;
            border-radius: 5px;
            padding-left: 95px;
        }

            .blog-single .comments .single-comment.left {
                margin-left: 110px;
            }

            .blog-single .comments .single-comment img {
                height: 70px;
                width: 70px;
                border-radius: 100%;
                position: absolute;
                left: 0;
            }

    .blog-single .single-comment .content {
    }

        .blog-single .single-comment .content h4 {
            color: #333;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 10px;
            display: inline-block;
            margin-bottom: 18px;
            text-transform: capitalize;
        }

            .blog-single .single-comment .content h4 span {
                display: inline-block;
                font-size: 13px;
                color: #8D8D8D;
                margin: 0;
                font-weight: 400;
                text-transform: capitalize;
                display: block;
                margin-top: 5px;
            }

        .blog-single .single-comment .content p {
            color: #666;
            font-weight: 400;
            display: block;
            margin: 0;
            margin-bottom: 20px;
            line-height: 22px;
        }

        .blog-single .single-comment .content .button {
        }

        .blog-single .single-comment .content .btn {
            display: inline-block;
            color: #666;
            font-weight: 400;
            color: #6a6a6a;
            border-radius: 4px;
            text-transform: capitalize;
            font-size: 14px;
            background: transparent;
            padding: 0;
        }

        .blog-single .single-comment .content a i {
            display: inline-block;
            margin-right: 5px;
        }

        .blog-single .single-comment .content a:hover {
            color: #F7941D;
        }

    .blog-single .reply form {
        padding: 40px;
        border: 1px solid #eee;
    }

    .blog-single .reply .reply-title {
        position: relative;
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        margin-bottom: 30px;
        display: block;
        background: #fff;
        padding-left: 12px;
    }

        .blog-single .reply .reply-title:before {
            position: absolute;
            content: "";
            left: 0;
            bottom: -1px;
            height: 100%;
            width: 3px;
            background: #F7941D;
        }

    .blog-single .reply .form-group {
        margin-bottom: 20px;
    }

        .blog-single .reply .form-group input {
            width: 100%;
            height: 45px;
            line-height: 50px;
            padding: 0 20px;
            border-radius: 0px;
            color: #333 !important;
            border: none;
            border: 1px solid #eee;
        }

        .blog-single .reply .form-group textarea {
            width: 100%;
            height: 200px;
            line-height: 50px;
            padding: 0 20px;
            border-radius: 0px;
            color: #333 !important;
            border: none;
            border: 1px solid #eee;
        }

        .blog-single .reply .form-group label {
            color: #333;
            position: relative;
        }

            .blog-single .reply .form-group label span {
                color: #ff2c18;
                display: inline-block;
                position: absolute;
                right: -12px;
                top: 4px;
                font-size: 16px;
            }

    .blog-single .reply .button {
        text-align: left;
        margin-bottom: 0px;
    }

        .blog-single .reply .button .btn {
            height: 50px;
            border: none;
        }*/
/*======================================
   End Shop Blog CSS
========================================*/


/*======================================
  21. Contact CSS
========================================*/
/*.page-contact {
    position: relative;
    z-index: 43;
}

    .page-contact .title {
        margin-bottom: 30px;
    }

        .page-contact .title h4 {
            font-size: 17px;
            font-weight: 500;
            margin-bottom: 5px;
            color: #F7941D;
        }

        .page-contact .title h3 {
            font-size: 25px;
            text-transform: capitalize;
            font-weight: 600;
        }

    .page-contact .single-head {
        padding: 50px;
        box-shadow: 0px 0px 15px #0000001a;
        height: 100%;
    }

    .page-contact .single-info {
        text-align: left;
        margin-bottom: 30px;
    }

        .page-contact .single-info i {
            color: #fff;
            font-size: 18px;
            display: inline-block;
            margin-bottom: 15px;
            height: 40px;
            width: 40px;
            display: block;
            text-align: center;
            border-radius: 3px;
            line-height: 40px;
            background: #F7941D;
        }

        .page-contact .single-info ul
        .page-contact .single-info ul li {
            margin-bottom: 5px;
        }

        .page-contact .single-info ul li:last-child {
            margin-bottom: 0;
        }

        .page-contact .single-info ul li a {
            font-weight: 400;
        }

            .page-contact .single-info ul li a:hover {
                color: #F7941D;
            }

        .page-contact .single-info .title {
            margin-bottom: 10px;
            font-weight: 500;
            color: #333;
            font-size: 18px;
        }

    .page-contact .form-main {
        box-shadow: 0px 0px 15px #0000001a;
        padding: 50px;
    }

    .page-contact .form .form-group input {
        height: 48px;
        line-height: 48px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 0px 20px;
        color: #333;
        border-radius: 0px;
        font-weight: 400;
    }

    .page-contact .form .form-group textarea {
        height: 180px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 15px 20px;
        color: #333;
        border-radius: 0px;
        resize: none;
        font-weight: 400;
    }

    .page-contact .form .form-group label {
        color: #333;
        position: relative;
    }

        .page-contact .form .form-group label span {
            color: #ff2c18;
            display: inline-block;
            position: absolute;
            right: -12px;
            top: 4px;
            font-size: 16px;
        }

    .page-contact .form .button {
        margin: 0;
    }

        .page-contact .form .button .btn {
            height: 50px;
            border: none;
        }

#myMap {
    height: 500px;
    width: 100%;
}*/
/*======================================
  End Contact CSS
========================================*/

/* Mail Success */
.mail-success .mail-inner {
    text-align: center;
    background: #fff;
    padding: 0px 30px;
}

    .mail-success .mail-inner h2 {
        margin-bottom: 10px;
        display: block;
        font-weight: 600;
        color: #F7941D;
        text-transform: uppercase;
        font-size: 30px;
    }

    .mail-success .mail-inner p {
        font-size: 14px;
        color: #333;
        margin-bottom: 30px;
        line-height: 22px;
    }

    .mail-success .mail-inner .btn {
        color: #fff;
        padding: 10px 30px;
    }

        .mail-success .mail-inner .btn i {
            margin-right: 5px;
        }

/*=============================
	Start 404 Error CSS
===============================*/
.error-page {
    background: #fff;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

    .error-page .error-inner {
        text-align: center;
        flex-direction: initial;
        height: auto;
        text-align: center;
    }

        .error-page .error-inner h2 {
            color: #F7941D;
            margin-bottom: 0;
            font-weight: 700;
            font-size: 100px;
            display: inline-block;
            font-size: 120px;
        }

        .error-page .error-inner h5 {
            display: block;
            color: #444;
            font-size: 20px;
            margin-bottom: 20px;
            font-weight: 600;
            text-transform: capitalize;
        }

        .error-page .error-inner p {
            color: #666;
            font-weight: 400;
            line-height: 22px;
            font-size: 15px;
            padding: 0 30px;
        }

    .error-page .button {
        margin-top: 30px;
    }

        .error-page .button .btn {
            margin-right: 15px;
            border-radius: 30px;
            background: #333;
            color: #fff;
            font-weight: 600;
            font-size: 14px;
            font-weight: 500;
            border: 1px solid #d7d7d7;
            background: transparent;
            color: #333;
            padding: 10px 28px;
        }

            .error-page .button .btn:hover {
                color: #fff;
                background: #F7941D;
                border-color: transparent;
            }
/*=============================
	/End 404 Error CSS
===============================*/
/*=============================
	/title store
===============================*/


.HomeTitle {
    display: inline-block;
    /* line-height: 42px;*/
    margin-bottom: 0;
    font-weight: 300;
    text-transform: uppercase;
}



.addtocartmini {
    /* background-color: #283444;
    background-color: #bd0926;*/
    background-color: var( --color-night);
    display: inline-block;
    color: #333;
    padding: 1px 8px;
    text-align: center;
    /* border-radius: 30px;*/
    height: 26px;
    line-height: 24px;
    /*border:1px solid #333;*/
    color: var(--bg-color);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15)
}

    .addtocartmini:hover {
        background-color: var(--default-color);
        color: var(--bg-color);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        transition: all 0.5s ease 0s;
    }


/*=============================
	20. Start Footer CSS
===============================*/

/*=============================
	End Footer CSS
===============================*/


/*table responsive*/
/*.table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}


.table-responsive-stack td,
.table-responsive-stack th {
    display: block;

    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.table-responsive-stack .table-responsive-stack-thead {
    font-weight: bold;
}*/

@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display: block;
    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width: 100%;
    }
}


/* login*/

.formelement .group {
    position: relative;
}

.formelement input {
    font-size: 1em;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    display: block;
    background: #fafafa;
    color: #636363;
    width: 100%;
    border: none;
    border-radius: 0;
    border: 1px solid #ccc;
}

    .formelement input:focus {
        outline: none;
    }




.formelement label {
    color: #333;
    font-size: 1em;
    font-weight: normal;
    pointer-events: none;
    transition: all 0.2s ease;
    font-size: 0.9em;
    margin-bottom: 0;
}




/*#formelement input:focus ~ label, #formelement input.used ~ label {
    top: -10px;
    transform: scale(.75);
    left: -2px;

    color: #4a89dc;
}*/



/*******/



/* vertical align snippet */


.form-row {
    position: relative;
    margin-top: 25px;
}

/*.form-label {
    position: absolute;
    top: 17px;
    left: 20px;
    color: #999;
    cursor: text;
    transition: all .15s ease-in-out 0s;

}*/

.form-textbox,
.form-submit {
    width: 100%;
}

.form-textbox {
    border: 1px solid red;
}

    .form-textbox:focus ~ .form-label,
    .form-textbox:valid ~ .form-label {
        top: -1.5em;
        left: 0;
        color: inherit;
        cursor: pointer;
        color: #5A2DFB;
    }


.form-submit {
    transition: opacity .15s ease-in-out 0s;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
}

/*******/

/*======================================
  21. Contact CSS
========================================*/
.page-contact {
    position: relative;
}


    .page-contact .title h3 {
        font-size: 1.2em;
        font-weight: 500;
        margin-bottom: 5px;
        color: var(--bg-color-item-secondary);
    }

    .page-contact .title h2 {
        font-weight: 600;
    }




    .page-contact .single-info i {
        color: #fff;
        font-size: 18px;
        display: inline-block;
        margin-bottom: 15px;
        height: 40px;
        width: 40px;
        display: block;
        text-align: center;
        border-radius: 3px;
        line-height: 40px;
        background: #F7941D;
    }





    .page-contact .single-info .title {
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 18px;
        color: var(--secondary-color);
    }

    .page-contact .form-main {
        box-shadow: 0px 0px 15px #0000001a;
        padding: 50px;
    }

    .page-contact .formulaire .form-group input {
        height: 48px;
        line-height: 48px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 0px 20px;

        border-radius: 0px;
        font-weight: 400;
    }

    .page-contact .formulaire .form-group textarea {
        height: 200px;
        width: 100%;
        border: 1px solid #e6e2f5;
        padding: 15px 20px;
        border-radius: 0px;
        resize: none;
        font-weight: 400;
    }

    .page-contact .formulaire .form-group label {
        position: relative;
    }

        .page-contact .formulaire .form-group label span {
            display: inline-block;
            position: absolute;
            right: -12px;
            top: 4px;
            font-size: 16px;
        }


/*********************************************/
/*achat small item*/
.BuyWithFormatMini button {
    border: 0;
    background-color: transparent;
    color: var(--color-night);
}

.BuyWithFormatMini .dropdown {
    text-align: right;
}


/*=============================
	Start Cowndown CSS
===============================*/
.hasCountdown {
    overflow: hidden;
    text-align: center;
}

    .hasCountdown .countdown_amount {
        text-align: center;
        height: 100%;
    }



.CountTime .small-title {
    margin-top: 10px;
    font-size: 13px;
    color: var(--font-color);
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-weight: 600;
}

.CountTime .countdown_amount {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: capitalize;
    letter-spacing: 0.5em;
    color: red;
}

.PricePromo {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 2px 4px;
    color: var(--bg-color-item-secondary);
    font-size: .85rem;
    font-weight: 700;
    text-align: center;
    border-radius: 3px;
    border: 1px solid var(--bg-color-item-secondary);
}

.ProductStrike {
    display: inline-block;
    margin-right: 5px;
    color: var(--font-color);
    font-size: .875rem;
    text-decoration: line-through;
}

.CountTime .countdown_amount {
    text-align: center;
    margin-top: 10px;
    display: inline-block;
}



    .CountTime .countdown_amount span {
        color: #333;
        font-size: 22px;
        font-weight: 400;
        text-transform: uppercase;
    }

.BlockPromo {

    background-color: #D60000;
    color: #fff;
    text-align: center;
    padding:5px;
    display:block; width: 150px;
}


.CountTime {
    color: red;
}

.BlockPromo span {
    color: #fff;
    font-weight:bold;
}
/*=============================
	End Cowndown CSS
===============================*/
/*=============================
	form compte CSS
===============================*/
.countpage .title {
    margin-bottom: 10px;
    font-weight: 500;
    color: #333;
    font-size: 18px;
}

.countpage .form-main {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    padding: 50px;
}

.countpage .form-group input {
    height: 48px;
    line-height: 48px;
    width: 100%;
    border: 1px solid #e6e2f5;
    padding: 0px 20px;
    color: #333;
    border-radius: 0px;
    font-weight: 400;
}
/***********************************************/
/*              telechargement ebook       */
.collapse-area {
    margin-top: 10px;
}

    .collapse-area .panel {
        margin-top: 0px !important;
        border-radius: 0px !important;
        border: none;
        border-bottom-color: #D7D8DC;
        box-shadow: 0 0px 0px 0 transparent !important;
        -moz-box-shadow: 0 0px 0px 0 transparent !important;
        -webkit-box-shadow: 0 0px 0px 0 transparent !important;
        -o-box-shadow: 0 0px 0px 0 transparent !important;
    }

        .collapse-area .panel .panel-heading {
            border-radius: 0px !important;
            padding: 0px !important;
            border-bottom: 0px solid #DDDEE2;
        }

            .collapse-area .panel .panel-heading .panel-title a {
                text-decoration: none;
                font-weight: bold;
                display: block;
                padding: 23px 15px;
                /*font-weight: 300;*/
                line-height: 29px;
                position: relative;
                color: var(--secondary-color);
                font-size: 1.3rem;
            }

                .collapse-area .panel .panel-heading .panel-title a:hover,
                .collapse-area .panel .panel-heading .panel-title a:active {
                    text-decoration: none;
                    cursor: pointer;
                    transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                }

                .collapse-area .panel .panel-heading .panel-title a span {
                    float: left;
                    margin-top: 15px;
                    margin-right: 30px;
                    transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                }

                .collapse-area .panel .panel-heading .panel-title a .bar,
                .collapse-area .panel .panel-heading .panel-title a .bar:after {
                    border-width: 1px;
                    border-style: solid;
                    width: 21px;
                    border-radius: 10px;
                    transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                }

                    .collapse-area .panel .panel-heading .panel-title a .bar:after {
                        content: "";
                        height: 0;
                        position: absolute;
                        top: 38px;
                        left: 15px;
                    }

                .collapse-area .panel .panel-heading .panel-title a.collapsed {
                    background-color: var(--bg-color-cream);
                    border-bottom: 1px solid #eeeef3;
                    position: relative;
                    transition: all 0.4s;
                    -moz-transition: all 0.4s;
                    -webkit-transition: all 0.4s;
                    -o-transition: all 0.4s;
                }

                    .collapse-area .panel .panel-heading .panel-title a.collapsed .bar {
                        border-color: #75767F;
                    }

                        .collapse-area .panel .panel-heading .panel-title a.collapsed .bar:after {
                            transform: rotate(90deg);
                            -webkit-transform: rotate(90deg);
                            -moz-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            border-color: #75767F;
                            transition: all 0.4s;
                            -moz-transition: all 0.4s;
                            -webkit-transition: all 0.4s;
                            -o-transition: all 0.4s;
                        }

    .collapse-area .panel-collapse {
    }

        .collapse-area .panel-collapse .panel-body {
            border: 0px solid !important;
            line-height: 26px;
            /* margin-left: 50px;*/
            padding-bottom: 20px;
            padding-top: 0px;
        }


/* modal*/
.modal-content {
    background-color: var(--bg-color);
}



/******************************************/
/*                    faq                 */
/*****************************************/
.faqpage {
}

    .faqpage h3.active a, .faqpage h4.active {
        color: var(--bg-color-item);
        display: block;
    }

        .faqpage h3.active a::before, .faqpage h4.active::before {
            content: "▶"
        }

    .faqpage h3 a, .faqpage h4 {
        color: var(--secondary-color);
    }



.colorOther {
    background-color: var(--bg-color-item);
    color: #fff;
}

.LblSmall {
    color: #fff;
}

/******* menu categories ******************/
.nav-menu-background.active {
    opacity: 1;
    z-index: 2;
}

.nav-menu-background {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 100%;
    height: 100%;
    /*background: #222;
    background: rgba(0,0,0,0.75);*/
    background-color: transparent;
    opacity: 0;
    z-index: 0;
    background-size: cover;
    background-size: auto auto;
}

.modal-backdrop {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 230000;
    top: 0;
    left: 0;
    background-color: var(--bg-silverlight);
    overflow-x: hidden;
    /* transition: 0.5s;*/
    /*padding-top: 60px;*/
    /*display:none;*/
    -webkit-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 5px 0px 5px 0px rgba(0,0,0,0.29);
}

    .sidenav a {
   
        text-decoration: none;
        font-size: 1em;
        color: #243844;

        display: block;
        /*transition: 0.3s;*/
        width: 230px;
    }

        .sidenav a:hover {
            color:#333333;
           
        }

    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: -50px;
        font-size: 48px;
        margin-left: 50px;
        cursor: pointer;
        z-index: 5;
        color: var(--color-white);
        background-color: var(--bg-color-item-secondary);
        width: 100px;
        padding: 8px;
    }

    .sidenav::-webkit-scrollbar {
        width: 0.5em;
    }

    .sidenav::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .sidenav::-webkit-scrollbar-thumb {
        background-color: darkgrey;
        outline: 1px solid slategrey;
    }

@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
}

.sidenav li.breadcrumb-item {
    display: block;
    padding-bottom: 5px;
    /*width: 100%;*/
    width: 280px;
}

.sidenav .breadcrumb-item + .breadcrumb-item::before {
    display: none !important;
    content: "*";
}

.sidenav .breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
}


.sidenav h4 a {
    color: #703056;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #703056;
    font-size:1rem;
    /*text-transform:lowercase;*/
}


.list-unstyled {
    padding-left: 1em;
    margin-bottom: 1.5em;
}
.linkRead {
    font-weight: bold;
    margin: 20px 10px 0;

    background-color: transparent;
   
    color: #000;

}
/******* fin categories ******************/
/*achat a la belle page*/
.progress {
    height: 1rem;
}

.progress-bar {
    transition: none;
}

.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: var(--font-color);
    transition: width .6s ease;
}
/**/
/*.list-theme {background-color:antiquewhite;
}*/


.col-lg-3 .navbar {
    padding: 0;
}


/*a:hover, input:hover, button:hover, select:hover,
a:focus, input:focus, button:focus, select:focus {
    font-weight: bold!important;background-color:aqua;
}*/
/*.btn:focus {border:2px red dashed!important;
}*/



.sidebar-item2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: green;
}

.make-me-sticky2 {
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    position: fixed;
    box-shadow: 0 -8px 40px #9d9a8c;
    z-index: 999;
}

.stickyHeader {
    height: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: inherit;
    width: 100%;
    z-index: 10000;
    background-color: #fff;
    height: 70px;
}

a.is-selected {
    background-color: snow;
    color: #00b6e3;
}

/* styles only for IE  */
@media all and (-ms-high-contrast:none) {
    .header.boutique .header-inner {
        background-color: #243844;
    }

    .btn {
        background-color: #243844;
    }

    .header .buying {
        display: block !important;
    }

    .header.boutique .nav-right-bar {
        float: none;
    }

        .header.boutique .nav-right-bar .item-menunav .MyIcon .total-count {
            background-color: #9D0060;
            color: #fff;
        }

    .accesscolor {
        display: none !important;
    }

    .header.boutique .search-bar .btngo {
        position: relative;
    }

    .btnchoice {
        color: #fff;
    }

    .header.boutique .all-category {
        background: #9D0060;
    }

    .NameLogin {
        width: 100%;
        max-width: 100%;
        text-align: center;
    }

    h2.small-title a {
        color: #9D0060;
    }

    .boutique table {
        width: 900px;
    }

    .PagerCurrentPage {
        background-color: #243844;
        color: #fff;
    }

    .btn.btn-inverse {
        background-color: #fff;
        border: 1px solid #243844;
        color: #243844;
    }

        .btn.btn-inverse.active {
            background-color: #243844;
        }

    .book-product .product-content p.titlebook a, .book-product .product-content p.titlebook, .TitleBook a, .TitleBook {
        color: #243844;
    }

    footer {
        background-color: #243844;
    }
}
/*********************************************************************/
/*****************************css custom *****************************/
/*********************************************************************/



/*button accessible*/
.navbar-brand {
    color: #cacaca;
    font-size: 1rem;
}
/*slider switch css */
:root {
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --color-night: #243844; /*bleu nuit*/
    --color-white: #fff; /* white*/
    --font-color: #424242; /*gris anthracite*/
    /**/
    --heading-color: #243844;
    --footer-color: #191919;
    --bg-silverlight: #F6F7FB;
    --default-color: #424646;
    /**/
    --bg-color-cream: #F6F7FB;
    --bg-color-item: #243844;
    --bg-color-item-secondary: #9D0060;
    --bg-color: #fff;
    --bg-color-btn-cart: #F7941D;
    /**/
    --bg-price: #703056;
    --btn-color-text: #fff;
}

[data-theme="dark"] {
    --primary-color: #9A97F3;
    --secondary-color: #fff;
    --font-color: #e1e1ff;
    --color-night: #fff;
    --color-white: #243844; /* white*/
    --bg-color: #161625;
    --bg-color-cream: transparent;
    --heading-color: #fff;
    --footer-color: #283444;
    --default-color: #fff;
    --bg-color-item: #f6931d;
    --bg-color-item-secondary: #fff;
    --bg-price: #fff;
    --btn-color-text: #000;
    --bg-color-btn-cart: #F7941D;
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
    /*max-width: 90%;*/
    margin: 0 auto;
    /*font-size: calc(1rem + 0.25vh);*/
}

footer {
    background-color: var(--footer-color);
    /*color: var(--font-color);*/
    color: #fff;
}

h1 {
    color: var(--heading-color);
    font-size: 3.5vh;
    margin-bottom: 1vh;
}

h2 {
    color: var(--secondary-color);
    font-size: 2rem;
    margin-bottom: 1vh;
}

h3, h3 a {
    color: var(--heading-color);
    font-size: 1.6rem;
}

h4, h4 a {
    color: var(--secondary-color);
    font-size: 1.3rem;
}

/*p, span,*/ a {
    color: var(--default-color);
}

table {
    color: inherit !important;
}
.btn-cart {
    background: var(--bg-color-btn-cart);
    color: var(--btn-color-text);
}
.btn {
    background: var(--bg-color-item);
    color: var(--btn-color-text);
    border:1px solid #fff;
}

.btn-inverse {
    background: var(--bg-color-item-inverse);
}

.btn-link {
    color: var(--heading-color);
}

    .btn-link:hover {
        color: var(--heading-color) !important;
    }

.card, .bgcolor {
    background: var(--bg-color-cream);
}

a.Author, .Author, a.lnkAccess {
    color: var(--bg-price);
    font-size: 16px;
}

.TitleFooter, .TitleCategorie {
    color: #666;
    font-size: 2em;
    font-weight:normal;
}

.TitleBook a, .TitleBook {
    font-weight: 700;
    margin: 0;
    color: var(--heading-color);
    font-size: 1.4rem;
}


/*@media only screen and (min-width : 1px) {

    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width:;
        height: ;
    }


}
@media only screen and (min-width : 344px) {

    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width:;
        height:;
    }
}

@media only screen and (min-width : 414px) {


    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width:;
        height:;
    }
}

@media only screen and (min-width : 768px) {

    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width:;
        height:;
    }
}



@media only screen and (min-width: 992px) {
    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width: 1904px;
        height: 413px;
    }
}

@media only screen and (min-width: 1200px) {
    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width: 1904px;
        height: 413px;
    }
}

@media only screen and (min-width: 1400px) {
    .ImgMosaique1, ImgMosaique2, ImgMosaique3 {
        width:1904px;
        height:413px;
    }
}*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'Open Sans', sans-serif;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

html, body {
    height: 100%;
    margin: 0;
}

* {
    padding: 0;
    margin: 0;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    text-decoration: none;
}

    a:active,
    a:hover {
        outline: 0;
        text-decoration: none;
    }

.slicknav_menu {
    display: none;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        /*cursor: default;*/
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
    /*color: #424646;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    /*font-size: 14px;*/
    line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    margin: 0;
}

p {
    margin: 0;
    line-height: 24px;
}

a, button, input {
    font-weight: 400;
}

img, a, input, h1, h2, h3, h4, h5, h6 {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

dfn, cite, em, i {
    font-style: italic;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code, kbd, tt, var {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark, ins {
    background: #fff9c0;
    text-decoration: none;
}

big {
    font-size: 125%;
}

.section {
    padding: 2% 0;
    position: relative;
}

.section-title {
    text-align: left;
    margin-bottom: 20px;
}

    .section-title h1 {
        margin-bottom: 0;
        /*text-transform: capitalize;*/
        position: relative;
        font-weight: 700;
        margin-bottom: 10px;
        padding-bottom: 15px;
        font-size:1.5em;
    }

        .section-title h2::before, .section-title h1::before {
            /*position: absolute;
            content: "";
            height: 2px;
            width: 50px;
            background: #F7941D;
            left: 50%;
            bottom: 0;
            margin-left: -25px;*/
        }

    .section-title p {
        font-size: 14px;
    }


.selectionTitle {
    border-left: 6px solid var(--bg-color-item-secondary);
    padding: 15px 0 20px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    -ms-flex-align: center;
}

.container {
    /*max-width: 1170px;*/
    max-width: 1250px;
}
#MoreNewsBooks{
    font-size:0.8em;
}
.overlay {
    position: relative
}

    .overlay::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0.4;
        background: #000;
        content: "";
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }


.icon {
    width: 75%;
    height: 75%;
    top: 5%;
    left: 0;
    animation: cp-preloader-anim 1s linear infinite alternate backwards;
}

@keyframes cp-preloader-anim {
    0% {
        transform: translate3d(0,.0375em,0) rotate(45deg)
    }

    to {
        transform: translate3d(.075em,.075em,0) rotate(45deg)
    }
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}


/*hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}*/

ul, ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 1em 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    input[type="range"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="week"]:focus,
    input[type="time"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="color"]:focus,
    textarea:focus {
        color: #111;
    }

select {
    border: 1px solid #ccc;
}

textarea {
    width: 100%;
}

/*a.btn {
    color: var(--btn-color-text)
}

a.btn-inverse {
    color: #243844;
}*/

a:hover, a:active {
    outline: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

    .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        clip-path: none;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    }

/* Do not show the outline on the skip link target. */
: /*#content[tabindex="-1"]:focus {
    outline: 0;
}*/
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets. */
}

    .widget select {
        max-width: 100%;
    }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.nav-right-bar .col {
    text-align: center;
}



.grid-help {
    width: 100%;
    display: block;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    position: relative;
    font-size: 16px;
    margin-bottom: 10px;
    padding-top: 10%;
    /*background-color: var(--bg-color-cream);*/
    display: inline-block;
}

    .grid-help:hover {
        background-color: #f7941d;
        color: #fff;
    }
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}


/* Slider Nav */
.modal .owl-nav {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -25px;
}

.modal .owl-carousel .owl-nav div {
    height: 60px;
    width: 30px;
    line-height: 58px;
    background: #fff;
    color: #333;
    position: absolute;
    margin: 0;
    border-radius: 0;
    font-size: 15px;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    box-shadow: 0px 0px 10px #3333331c;
}

    .modal .owl-carousel .owl-nav div:hover {
        color: #fff;
        background: #F7941D;
    }

.modal .owl-carousel .owl-controls .owl-nav .owl-prev {
    left: 0;
}

.modal .owl-carousel .owl-controls .owl-nav .owl-next {
    right: 0;
}

/* End Modal Css */


/*auto completion recherche */
.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: var(--bg-color);
    text-align: left;
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

    .ui-autocomplete .ui-menu-item > a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        white-space: nowrap;
    }

        .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
            color: #fff;
            text-decoration: none;
            background-color: #08c;
            border-radius: 0px;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            background-image: none;
        }

.ui-autocomplete-category {
    background-color: var(--bg-color-item);
    color: var(--color-white);
}

.ui-menu-item .btn {
    text-align: center;
    display: block;
}

/*****************************************************************************/
/********                   CSS ACCESS                                *******/
/*****************************************************************************/
/*button accessible*/


a.navbar-brand:hover {
    color: var(--bg-color);
}
/*slider switch css */
/*:root {
    --primary-color: #302AE6;
    --secondary-color: #536390;
    --font-color: #424242;
    --bg-color: #fff;
    --heading-color: #243844;
    --footer-color: #243844;
    --default-color: #424646;
    --bg-color-cream: #F6F7FB;
    --bg-color-green: #007925;
}*/

/*[data-theme="dark"] {
    --primary-color: #9A97F3;
    --secondary-color: #fff;
    --font-color: #e1e1ff;
    --bg-color: #161625;
    --bg-color-cream: transparent;
    --heading-color: #fff;
    --footer-color: red;
    --default-color: #fff;
    --bg-color-green: orange;
}*/

.DownloadQuickly {
    color: var(--bg-color-green);
}

body {
    background-color: var(--bg-color);
    color: var(--font-color);
    /*max-width: 90%;*/
    margin: 0 auto;
    /*font-size: calc(1rem + 0.25vh);*/
}

/*footer {
    background-color: var(--footer-color);
    color: var(--font-color);
}*/
.selectionTitle h1 {
    color: var(--heading-color);
    font-size: 1.3rem;
    margin-bottom: 1vh;
}
h1 {
    color: var(--heading-color);
    font-size: 2rem;
    margin-bottom: 1vh;
}

.selectionTitle h2 {
    color: var(--heading-color);
    font-size: 1.3rem;
    margin-bottom: 1vh;
}
h2 {
    color: var(--secondary-color);
    font-size: 2rem;
    margin-bottom: 1vh;
}

h3 {
    color: var(--heading-color);
}

h4 {
    color: var(--secondary-color);
}
.scrollbarTheme {
   overflow-x: scroll;
}
 

* {
    scrollbar-width: thin;
    scrollbar-color: #666 #FFFFFF;
}

/* Scrollbar sur navigateurs Webkit */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: #FFFFFF;
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-button {
    background-color: #666;
}




.button-switch {
    /*font-size: 1.5em;*/
    height: 1.5em;
    margin-bottom: 0.625em;
    position: relative;
    width: 3.5em;
}

    .button-switch .lbl-off,
    .button-switch .lbl-on {
        cursor: pointer;
        display: block;
        font-size: 0.9em;
        font-weight: bold;
        line-height: 0.8em;
        position: absolute;
        top: 0.5em;
        transition: opacity 0.25s ease-out 0.1s;
        text-transform: uppercase;
    }

    .button-switch .lbl-off {
        right: 0.4375em;
    }

    .button-switch .lbl-on {
        color: #fefefe;
        opacity: 0;
        left: 0.4375em;
    }

    .button-switch .switch {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 0;
        font-size: 1em;
        left: 0;
        line-height: 0;
        outline: none;
        position: absolute;
        top: 0;
        width: 0;
    }

        .button-switch .switch:before, .button-switch .switch:after {
            content: '';
            font-size: 1em;
            position: absolute;
        }

        .button-switch .switch:before {
            border-radius: 1.25em;
            background: #bdc3c7;
            height: 1.5em;
            left: -0.25em;
            top: -0.1875em;
            transition: background-color 0.25s ease-out 0.1s;
            width: 3.8em;
        }

        .button-switch .switch:after {
            box-shadow: 0 .0625em .375em 0 #666;
            border-radius: 50%;
            background: #fefefe;
            height: 1em;
            transform: translate(0, 0);
            transition: transform 0.25s ease-out 0.1s;
            width: 1em;
        }

        .button-switch .switch:checked:after {
            transform: translate(2.5em, 0);
        }

        .button-switch .switch:checked ~ .lbl-off {
            opacity: 0;
        }

        .button-switch .switch:checked ~ .lbl-on {
            opacity: 1;
            font-size: 0.8em;
            color: #161625;
        }


        .button-switch .switch#Changecolor:checked:before {
            background: #F7941D;
        }


/********************************************************************/
/****************                 CSS RESET                         */
/*******************************************************************/
/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_btn, .slicknav_nav .slicknav_item {
    cursor: pointer
}

.slicknav_menu, .slicknav_menu * {
    box-sizing: border-box
}

.slicknav_btn {
    position: relative;
    display: block;
    vertical-align: middle;
    float: right;
    padding: .438em .625em;
    line-height: 1.125em
}

    .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
        margin-top: .188em
    }

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left;
    color: #fff;
    font-weight: 700;
}

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: .875em;
    margin: .188em 0 0 .438em
}

    .slicknav_menu .slicknav_icon:before {
        background: 0 0;
        width: 1.125em;
        height: .875em;
        display: block;
        content: "";
        position: absolute
    }

.slicknav_menu .slicknav_no-text {
    margin: 0
}

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: .125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
    box-shadow: 0 1px 0 rgba(0,0,0,.25)
}

.slicknav_menu:after, .slicknav_menu:before {
    content: " ";
    display: table
}

.slicknav_menu:after {
    clear: both
}

.slicknav_nav li, .slicknav_nav ul {
    display: block
}

.slicknav_nav .slicknav_arrow {
    font-size: .8em;
    margin: 0 0 0 .4em
}

.slicknav_nav .slicknav_item a {
    display: inline
}

.slicknav_nav .slicknav_row, .slicknav_nav a {
    display: block
}

.slicknav_nav .slicknav_parent-link a {
    display: inline
}

.slicknav_menu {
    *zoom: 1;
    font-size: 16px;
    background: #4c4c4c;
    padding: 5px
}

.slicknav_nav, .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff
}

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #222
}

.slicknav_nav {
    clear: both;
    color: #fff;
    margin: 0;
    font-size: .875em
}

    .slicknav_nav ul {
        margin: 0 0 0 20px
    }

    .slicknav_nav .slicknav_row, .slicknav_nav a {
        padding: 5px 10px;
        margin: 2px 5px
    }

    .slicknav_nav a {
        text-decoration: none;
        color: #fff
    }

    .slicknav_nav .slicknav_txtnode {
        margin-left: 15px
    }

    .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
        padding: 0;
        margin: 0
    }

.slicknav_brand {
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    padding: 7px 12px;
    height: 44px
}


.ImgMiseEnAv {
    width: 300px;
    height: auto;
    -webkit-box-shadow: 20px 20px 24px 1px rgba(0,0,0,0.38);
    box-shadow: 20px 20px 24px 1px rgba(0,0,0,0.38);
}
/*sss*/

@media only screen and (max-width: 376px) {
    /* For mobile phones: */
    .Blk-CTA .fixed-bottom-CTA {
        position: fixed;
        bottom: 0;
        padding: 5px;
        width: 100%;
        z-index: 201;

    }
}

/****************************/
/*  bouton choice format FL*/
/***************************/
/*.FormatChoiceFL {
    border: 2px solid rgba(0, 0, 0, 0.3);
    padding: 4px 2px;
    text-decoration: none;
    background-color: #eee;
    width: 100%
}

.NOSELECTBTN.FormatChoiceFL {
    background-color: #fff !important;
}
.formatBtn::before { 
    display: inline-block;
    content: '';
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 0.75rem;
    width: 0.75rem;
    margin-right: 0.5rem;
    background-color: #eee;
}
.formatBtn.circleGreen::before {
    background-color: green !important;
}


.formatBtn {
    text-indent: -0.75em; 
}*/

.single-review {
    text-align: center;
    background-color: #f9f9ff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border:1px solid silver;
}
    .single-review p {
        margin-top: 20px;
    }

    .single-review .star .checked {
        color: orange;
    }

    .single-review:hover {
        cursor: pointer;
        background-color: white;
        box-shadow: 0px 20px 30px 0px rgba(35, 94, 231, 0.2);
    }
.book-product .overlay2 .mask2 {
    display: none;
    position: absolute;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    padding: 15px;
    transition-delay: 0.3s;
    font-size:0.9em;
    text-align:left;

}
.book-product .overlay2:hover .mask2 {
    display: block!important;
    transition-delay: 0.3s;
    zoom: 1;
    margin-bottom: 10px;
}

/*aide*/
/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
.collapsible-link {
    /*width: 100%;
 
 
    color:#fff;*/   position: relative;
   text-align: left;
    position: relative;
    height: 100%;
    color: #000;
    /*background: url(../images/svg/picto_plus-noir.svg) right 20px center no-repeat;*/
    background-size: 32px 32px;
    width: 100%;
    display: block;
    padding: 25px 70px 25px 35px;
    letter-spacing: 0.04em;
    border: none;
    font-size:1.5rem;
    background-color:#fff;
    font-weight:bold;

}

    .collapsible-link::before {
        content: "›";
        position: absolute;
        top: 50%;
        right: 0.8rem;
        transform: translateY(-50%);
        display: block;
        font-size: 2rem;
    }

    .collapsible-link[aria-expanded="true"]::before {
        content: "›";
        transform: rotate(90deg);
        top: 0%;
    }


.Help {
    background: #654ea3;
    background: -webkit-linear-gradient(to left, #654ea3, #eaafc8);
    background: linear-gradient(to left, #654ea3, #eaafc8);
    min-height: 100vh;
    padding-bottom: 5rem;
}
.navbar-expand-lg img {
    width: 200px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
}

/*.navbar-expand-lg.js-scrolling img {
    width: 150px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -ms-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
}*/
#BtnPopupHelp {
    position: fixed;
    right: 80px;
    bottom: 0;
    z-index: 1030;
}
    #BtnPopupHelp .btn-rounded {
        background-color: #7dd5f3 !important;
        color: var(--font-color);
        fill: var(--font-color);
        /*padding: 0.92857rem 1.57143rem;*/
        border-radius: 999rem;
        /*letter-spacing: 0.6;*/
    }

#FormContactBody .modal-dialog {
    width: 380px;
    position: fixed;
    bottom: 0;
    right: 10px;
    margin: 0;
}
.EnteteServices {

    position: relative;
    overflow: hidden;
}
.contentservice {

    color: #fff;
    padding: 52px 28px;
}

.titleservice {
    color: #FFFFFF;
    font-weight: 800;
    font-size: 45px;
}

#reseaux ul li.ListSkin:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    background-color: darkorange;
    margin-right: 5px;
    color: green;
    padding-right: 14px;
    font-weight: 900;
    position: relative;
    /*bottom: 2px;*/
}

#Biblio ul li.ListSkin:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    background-color: #779d80;
    margin-right: 5px;

    padding-right: 14px;
    font-weight: 900;
    position: relative;
    /*bottom: 2px;*/
}

.section-header {
    background-image: url(Images/tablet-g509ece8d2_1920.jpg);
    padding-top: 200px;
    margin-bottom: 60px;
    padding-bottom: 120px;
    background-position: 27% 69%;
    background-repeat: no-repeat;
    height: 545px;
    background-size: cover;}
.section-headerbib {
    background-image: url(Images/architecture-g4cb2013e2_1920.jpg) !important;
}
.section-headerDiff {
    background-image: url(Images/distribution-diffusion.jpg) !important;
}

.section-details {
    height: 230px;
    position: relative;
}

/*// max ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    .section-details h2 {
        font-size: 3.5rem!important;
    }
}

.section-details h2 {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        white-space: normal;
        max-width: 1170px;
        width: max-content;
        -webkit-animation: titlemove 3s;
        animation: titlemove 3s;
        font-size: 6rem;
        font-weight: 700;
        color: rgb(36, 56, 68);
        letter-spacing: -3px;
        line-height: 110px;
        text-align: center;
    }
.section-header h2:before {
    content: url(Images/square-left-red.png);
    position: absolute;
    left: calc((100% - 248px) / 2);
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    -webkit-animation: rectangleleft 3s;
    animation: rectangleleft 3s;

}
.section-header h2:after {
    content: url(Images/square-right-red.png);
    position: absolute;
    left: calc((100% - 248px) / 2 + 210px);
    top: 50%;
    transform: translateY(-50%);
    -webkit-animation: rectangleright 3s;
    animation: rectangleright 3s;
    z-index: -1;
}
.section-header-orange h2:before {
    content: url(Images/square-left-orange.png);
}
.section-header-orange h2:after {
    content: url(Images/square-right-orange.png);
}
.section-header-green h2:before {
    content: url(Images/square-left-green.png)!important;
}

.section-header-green h2:after {
    content: url(Images/square-right-green.png)!important;
}
/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .section-details h2 {
        font-size: 2rem;
    }
}
.ActionMarketing {
    background: rgb(249,105,57);
    background: linear-gradient(207deg, rgba(249,105,57,1) 0%, rgba(249,105,57,1) 28%, rgba(255,149,0,0.969625350140056) 100%);
}
.ActionMarketing h2 {
    color:#fff;font-size:3rem;
}
.ActionList {
    text-align: center;
    color: #fff;
    background-color: rgb(36, 56, 68);
    padding: 30px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
/*li.ActionList {

    list-style-type: none;
    margin-bottom: 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiID8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGQ9Ik0wIDAgMjAgMTAgMCAyMFoiIGZpbGw9IiNhYWEiLz48L3N2Zz4=) no-repeat left top;
    padding: 0px 0 3px 24px;
}*/

.ico {
    transition: 0.3s;
    animation: 0.3s left forwards;
    will-change: animation;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    background-color:aqua;
    display:inline-block;
}
    .ico:nth-child(1) {
        background: #1da1f2 url(Images/Assets/facebook-nouveau-100.svg) center/40px no-repeat;
        color:white;
       
    }

    .ico:nth-child(2) {
        background: #46629e url(Images/Assets/twitter-100.svg) center/40px no-repeat;
        /*right: -66px;*/
    }

    .ico:nth-child(3) {
        background: #2867b2 url(Images/Assets/linkedin-entouré-100.svg) center/40px no-repeat;
    }

    .ico.active {
        display: block;
        
    }
.supportMail {
    /*position: relative;*/
    background: #000;
    padding: 5px;
    border-radius: 10px;
    right: 50px;
    bottom: 40px;
    width: 60px;
    height: 60px;
    display:inline-block;
}

    .supportMail:hover {
        cursor: pointer;
        transform: rotate(10deg)scale(1);
        -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75);
    }

    .supportMail img {
        position: relative;
        top: 50%;
        left: 30%;
        transform: translate(-50%, -50%);
    }

/* Solid Social Share Buttons */

.btn-social,
.btn-social:visited,
.btn-social:focus,
.btn-social:hover,
.btn-social:active {
    color: #ffffff;
    text-decoration: none;
    transition: opacity .15s ease-in-out;
}

    .btn-social:hover,
    .btn-social:active {
        opacity: .75;
    }

.btn-fb {
    background-color: #3b5998;
}

.btn-tw {
    background-color: #1da1f2;
}

.btn-in {
    background-color: #0077b5;
}

/*.btn-gp {
    background-color: #db4437;
}*/

/*.btn-rd {
    background-color: #ff4500;
}*/

/*.btn-hn {
    background-color: #ff4000;
}*/

.matchbox {
    border: 1px solid #bababa;
    padding: 5px;
    margin-bottom: 10px;
}

.matchingBooks {
    text-align: left;
}

.truncate {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Remplace "3" par le nombre de lignes souhaitées */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.9em;
}

.matchingBooks .LblDispoToo {
    text-align: left;
    background-color: #f9f9f9;
    padding: 5px 0 5px 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}


.table-striped tbody tr:nth-of-type(odd){background-color:transparent;}
/*********************/
.dynamic-col {
    flex: 1 1 auto;
    padding: 15px;
}

.PositionFilter {
    position: relative;
    top: 10px;
    padding: 2em;
}

#navFilterCol .navbar {
    min-width: 250px;
}

.filterthemenav {
    padding: 7px;
}

.Author-picture {
    max-width: 350px;
    width: 100%;
    margin: auto;
    display: block;
 
}

.BioTitle, .LastParutionTitle {
    color: var(--secondary-color);
    font-size: 2rem;
    font-weight: 600;
}

.LtlPresentationbio {
    font-size: 1.3rem;
    font-weight: bold;
}

@media only screen and (max-width: 440px) {
    .BioTitle, .LastParutionTitle {
        font-size: 2rem;
    }
}

#DescriptiveDetailText_preview div {
    display: inline !important;
}

#MoreTextPanel {
    display: inline !important;
}

.authorbio {
    text-decoration: underline;
}


.MiseEnAvantParution {
    padding: 2em;
    background-color: var(--bg-color-silverlight);
    text-align: left;
}

#MoreTextPanel a {
    color: var(--bg-color-item);
    font-weight: bold;
}

.SelectImg {
    text-align: center;
    padding: 1em;
    background-color: var(--bg-color);
}
.JSSameTitle {
    font-size: 1.7em;
    padding: 2em 0;
    font-weight:600;
}
.TitleAccess {
    background-color: var(--bg-color-item);
    color: #fff;
    padding: 8px;
    font-weight: normal;
    font-size: 1.2em;
}