/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

 /* webbax added at root @import url('https://fonts.googleapis.com/css?family=Crete+Round|Roboto+Condensed|Merriweather&display=swap');*/
 /* @import url('https://fonts.googleapis.com/css?family=Crete+Round|Roboto+Condensed|Merriweather&display=swap'); */

 .ps_checkout.payment-method-logo.w-fixed {
    height: 2.5rem;
    width: 3.5rem;
 }

 .ps_checkout.payment-method-logo {
    display: inline-block;
    padding: 4px 2px;
}

[style*="--aspect-ratio"] > :first-child {
    width: 100%;
}
[style*="--aspect-ratio"] > img {  
    height: auto;
} 
@supports (--custom:property) {
    [style*="--aspect-ratio"] {
        position: relative;
        display: block;
    }
    [style*="--aspect-ratio"]::before {
        content: "";
        display: block;
        padding-bottom: calc(100% / (var(--aspect-ratio)));
    }  
    [style*="--aspect-ratio"] > :first-child {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
}
 
 .bxslider {
     display: none;
 }
 .d-hidden {
     display: none !important;
 }

 /* h1 header fix */
 .h1-index {
     display: none;
 }

 /* instafeed hack */
 .page-home .bx-wrapper-div {
     margin-bottom: 60px !important;
 }

 /* Webbax - Tuto 63 image responsive */
.img-responsive{width:100%;}
#slide-random{margin-bottom:20px;}
#slide-random a img:hover{opacity:0.9;filter: alpha(opacity=90); /* For IE8 and earlier */}
/* End tuto 63 */

/* Webbax - Tuto 31 fonts */

a[data-depth="0"] {
    font-family: 'Crete Round', serif;
    letter-spacing: 1.5px;
}

#header .top-menu a[data-depth="0"]:hover {
    color: #228dad;
}

#header a:hover {
    color: #228dad;
}

a {
    color: #228dad;
}

a:hover {
    color: #1a6c85;
}


body {
    font-family: 'Roboto Condensed', sans-serif;
}

#header .header-nav {
    background-color: black;
    margin-bottom: 10px;
    border-bottom: none;
}

#header .header-top .menu {
    padding-left: 2rem;
}

#header #contact-link a,  #header #_desktop_cart i, #header .user-info a {
    color: white;
}

#header .header-nav .cart-preview.inactive, #header .header-nav .cart-preview .shopping-cart {
    color: white;
}

#header .header-nav .cart-preview {
    background-color: black;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    height: fit-content;
    line-height: 1;
}

#header .header-nav .blockcart {
    margin-left: 0rem;
}

#header .header-nav #_desktop_contact_link #contact-link {
    margin-top: .3rem;
}

#header .header-nav .user-info {
    margin-top: 0.3rem;
    margin-bottom: 0.2rem;
    border-right: 1px solid white;
    padding-right: 0.75rem;
    margin-right: 0.2rem;
}

#header .header-nav #menu-icon .material-icons {
    line-height: 2rem;
    color: white;
}

@media (max-width: 767px) {
    #header .header-nav .top-logo {
        padding-top: 0px;
        height: 2rem;
    }
}


/* banner */
.top-menu a[data-depth="0"] {
    font-weight: 400;
    padding: .1rem 1rem;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    float: initial;
}

.top-menu[data-depth="1"] li {
    display: inline;
    /*padding-left: 2rem;*/
}

/* .top-menu[data-depth="1"] li:nth-child(2):after { 
    content: "\A";
    white-space: pre; 
} */

.search-widget form input[type=text] {
    border-radius: 0.5rem;
    padding: 5px 10px;
    border-width: 1.5px;
}

/* TODO change color when needed */
.search-widget form input[type=text]:focus {
    outline: none;
    /*border: 3px solid #2fb5d2;*/
    box-shadow: 0 0 0 3px #228dad;
}

.search-widget .material-icons {
    line-height: 1.25;
}

/* wrapper */
#wrapper {
    background: rgb(241, 241, 241);
    box-shadow: none;
    /*border-top: 5px solid black;*/
    padding-top: 0rem; /* override theme */
}

.product-miniature .thumbnail-container {
    box-shadow: none;
}
.product-miniature .highlighted-informations {
    box-shadow: none;
}

.product-cover img {
    box-shadow: none;
}

/*  dropdown */
#header .dropbtn {
    background-color: transparent;
    color: #7a7a7a;
    padding: .5rem 1rem;
    font-size: 1rem;
    min-width: 130px;
    max-width: 130px;
    border-top: none;
    /*border-left: 1px solid black;
    border-right: 1px solid black;*/
    border-bottom: none;
    cursor: pointer;
    outline: none;
    font-family: 'Crete Round', serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
}

/* #header .dropbtn:hover, .dropbtn:focus {
    background-color: white;
} */

/* #header .dropbtn:focus {
    border-bottom: none;
} */

#header .dropdown {
    position: relative;
    display: inline-block;
}

#header .dropdown-menu {
    display: none;
    top: 75%;
    left: -1px;
    position: absolute;
    background-color: white;
    min-width: 132px;
    max-width: 132px;
    overflow: auto;
    border-left: 1.5px solid #7a7a7a;
    border-right: 1.5px solid #7a7a7a;
    border-bottom: 1.5px solid #7a7a7a;
    border-top: none;
    z-index: 3;
}

/* html[data-useragent*='Mac OS X'] #header .dropdown-menu {
    min-width: 132px;
    max-width: 132px;
} */
/* 
html {
    width: 99%;
    height: 99%;
}
html.inbody {
    width: 100%;
    height: 100%;
} */

#header .dropdown-menu a {
    padding: 4px 16px;
    display: block;
    font-size: .9375rem;
    font-family: 'Roboto Condensed', sans-serif;
    text-decoration: capitalize;
    color: #7a7a7a;
}

.page-content.page-cms.page-cms-4 {
    text-align: left;
}

#header .dropdown-menu a:hover {
    background-color: #ddd;
    color: #228dad;
}


#_desktop_top_menu_custom .link + .link {
    border-left: 1.5px solid #7a7a7a;
}
/*#_desktop_top_menu_custom .link + .category {
    border-left: 1px solid black;
}*/
/* hack because of dropdown not enough hight */
#_desktop_top_menu_custom  #lnk-le-concept {
    border-right: 1.5px solid #7a7a7a;
}
#_desktop_top_menu_custom .category + .link {
    border-left: 1.5px solid #7a7a7a;
}
#_desktop_top_menu_custom .category + .category {
    border-left: 1.5px solid #7a7a7a;
}
#_desktop_top_menu_custom .cms-page + .category {
    border-left: 1.5px solid #7a7a7a;
}
#_desktop_top_menu_custom .link + .cms-page {
    border-left: 1.5px solid #7a7a7a;
}
  
#header .dropdown a:hover {
    background-color: transparent;
}

#wrapper {
    background-color: white;
}

#products .product-description {
    background-color: white;
}

#products .thumbnail-container {
    box-shadow: none;
}

#products .highlighted-informations {
    box-shadow: none;
}

#wrapper .container {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
#wrapper .container .featured-products {
    margin-left: auto;
    margin-right: auto;
}

#header img.logo {
    height: 35px;
}

#header .header-top {
    background-repeat: no-repeat;
    background-size: 100%;
    padding-top: 20px;
    padding-bottom: 1rem;
}

.footer-container .links ul {
    background-color: #535350;
}

#footer .input-wrapper input {
    border-color: rgba(0,0,0,.25);
}

@media (max-width: 767px) {
    #header {
        background-color: white;
    }
    #header .header-nav {
        margin-bottom: 5px;
    }
    #header .header-nav .top-logo {
        height: 4rem;
    }
    #header .header-top {
        background-color: white;
        padding-top: 5px;
        padding-bottom: 10px
    }
    #header .header-nav .top-logo a img.logo {
        height: 3rem;
        margin-top: 0.35rem;
        max-height: initial;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    #header .header-top a[data-depth="0"] {
        color: #7a7a7a;
    }
    /* menu in mobile */
    .hidden-md-up.text-sm-center.mobile {
        min-height: 4.5rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #menu-icon.float-xs-left {
        order: 1;
    }
    #_mobile_logo.top-logo {
        order: 2;
        flex-grow: 1;
    }
    #_mobile_user_info.float-xs-right {
        order: 3;
    }
    #_mobile_cart.float-xs-right {
        order: 4;
    }

    #header .header-nav .user-info .logged {
        color: #228dad;
    }
    .instafeed-module .instafeed-item {
        max-width: 50%;
    }
}

@media (min-width: 576px) {
    #wrapper .container .featured-products {
        width: 540px;
        max-width: 100%;
    }
    .search-widget {
        width: 100%;
        padding-left: 0rem;
    }
    /*#header .header-top {
        background-position-x: -35px;
        background-position-y: 35px;
    }*/
    #header .header-top .menu {
        margin-bottom: 0.75rem;
    }
}

@media (min-width: 768px) {
    #wrapper .container .featured-products {
        width: 720px;
        max-width: 100%;
    }
    /*.page-header h1 {
        padding-left: 7rem;
    }*/
    .search-widget {
        min-width: 10.63rem;
        padding-left: 5%;
    }
    .top-menu a[data-depth="0"] {
        padding: 0.1rem 0.5rem;
    }
    #header .dropbtn {
        padding: 0.1rem 0.5rem;
    }
    /*#header .header-top {
        background-image: url('/img/Logo1201.png');
        background-position-x: -35px;
        background-position-y: 23px;
    }*/
    .header-top > .container > .row {
        background-image: url('/img/Logo1201.png');
        background-position-x: -70px;
        background-position-y: top;
        background-repeat: no-repeat;
        background-size: 110%;
    }
    .footer-container > .container > .row {
        display: flex;
        justify-content: space-around;
    }
    .footer-container > .container > .row > .links {
        width: initial;
        flex-grow: 1.5;
    }
    .footer-container > .container > .row > .wrapper {
        flex-grow: 1;
    }
    /* #header img.logo {
        display: none;
    } */
    .instafeed-module .instafeed-item {
        max-width: 33%;
    }
}

.block-category .category-cover {
    display: none;
}

#header .header-top .search-widget {
    padding-right: 2rem;
}

@media (min-width: 992px) {
    #wrapper .container .featured-products {
        width: 960px;
        max-width: 100%;
        padding-left: 2rem;
    }
    .top-menu a[data-depth="0"] {
        padding: 0.1rem 1rem;
    }
    #header .dropbtn {
        padding: 0.1rem 1rem;
    }
    /*#header .header-top {
        background-position-x: 0px;
        background-position-y: 23px;
    }*/
    .header-top > .container > .row {
        background-position-x: -35px;
        background-size: 100%;
        margin-right: -35px;
    }
    /*.header-top > .container > .row {
        background-position-x: 0px;
    }*/
    .block-category .category-cover {
        display: block;
    }

    #category-description {
        padding-right: 6rem;
    }
    .instafeed-module .instafeed-item {
        max-width: 25%;
    }
}

@media (min-width: 1200px) {
    #wrapper .container .featured-products {
        width: 1140px;
        max-width: 100%;
    }
    .search-widget {
        width: initial;
        padding-left: initial;
        margin-top: -8px;
    }
    /*#header .header-top {
        background-position-x: 0px;
        background-position-y: 23px;
    }*/
    #instafeed-module {
        width: 2000px;
        max-width: 100%;
        /*padding-left: 3rem;*/
    }
    .instafeed-module .instafeed-item {
        max-width: 16%;
    }
}

@media (min-width: 1400px) {
    #header .header-top {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    .instafeed-module .instafeed-item {
        max-width: 16%;
    }
}


#header .top-menu .link {
    padding: 0rem 0rem;
}

#footer .input-wrapper input {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

#footer .input-wrapper {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
}

#footer input {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.footer-container {
    box-shadow: none;
    background-color: #535350;
}

.btn-primary {
    background-color: #228dad;
}

.btn-primary:hover {
    background-color: #1a6c85;
}

#footer {
    border-top: 1px solid #535350;
}

#footer .footer-container li a {
    color: white;
}

#footer .h3 {
    color: white;
}

#footer .block-contact {
    color: white;
}

#footer .block-contact .h4 {
    color: white;
}

#footer #block_myaccount_infos .myaccount-title a {
    color: white;
}

#footer .dropdown {
    color: white;
}

#index #main {
    padding-left: 0rem;
    padding-right: 0rem;
}

#main {
    padding-left: 1rem;
    padding-right: 1rem;
} 

.tabs {
    box-shadow: none;
}

.card {
    box-shadow: none;
}

.block-categories, .btn-primary, .btn-primary {
    box-shadow: none;
}

.block-categories a {
    color: #7a7a7a;
}

.block-social li {
    background-color: #228dad;
}

.block-social li:hover {
    background-color: #1a6c85;
}

.group-span-filestyle .btn-default {
    background-color: #228dad;
}

#product #block-reassurance, .product-variants>.product-variants-item select, .bootstrap-touchspin {
    box-shadow: none;
}

#footer   .myConditionClass {
    font-size: 0.6rem;
}

#footer {
    padding-top: 1.5rem;
}

.footer-container {
    margin-top: 0.75rem;
}

.block_newsletter {
    margin-bottom: 0rem;
}

/* instafeed */
.instafeed-module .instafeed-item .instafeed-info {
    position: absolute;
    top: 8px;
    left: 24px;
    padding: 0 5px;
    border-radius: 14px;
    background-color: #228dad;
    color: #FFFFFF;
}

.instafeed-module .instafeed-item .instafeed-info .instafeed-info-item {
    display: inline-block;
    margin: 3px 5px;
}

#instagram-module-cms iframe {
    width: calc(100% - 2px);
    max-width: initial !important;
}

.instagram-module-cms iframe {
    width: calc(100% - 2px);
    max-width: initial !important;
}

#facebook-module-cms iframe {
    width: calc(100% - 2px);
}

.facebook-module-cms iframe {
    width: calc(100% - 2px);
}


.instafeed-module .instafeed-item .instafeed-img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background-position: center center;
    background-size: cover;
}

.instafeed-module .instafeed-item {
    position: relative;
    /*max-width: 16%;*/
    padding-right: 0px;
    padding-left: 0px;
}

.font-small-extra {
    font-size: 10px;
}

.m-bottom {
    margin-bottom: 10px !important;
}

.instafeed-module a {
    background: 0 0;
}

.instafeed-module {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.fa {
    margin-right: 3px;
}

#footer .navbar-toggler.collapse-icons {
    color: white;
}


.social-sharing li {
    box-shadow: none;
    /*border: 1px solid #7a7a7a;*/
}

.delivery-option img {
    width: 40px;
    height: 40px;
}

/* Webbax - Èp. 9 */
/*#checkout .payment-option{height:80px;}*/
#checkout .block_logo_pmt {
    display: inline-block;
}
#checkout .block_logo_pmt img {
    width: 20px;
    margin-right: 1rem;
}

body#checkout section.checkout-step .payment-options .payment-option {
    display: flex;
}

body#checkout section.checkout-step .payment-options label {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
/* end tuto 9 paiement logo */

.block-category {
    min-height: initial;
}

/* .block-category .card .card-block {
    display: flex;
    flex-wrap: wrap;
}

.block-category .card .card-block h1 {
    width: 100%;
} */

.block-category .category-cover img {
    max-height: 8rem;
    width: initial;
    height: initial;
}

.tabs {
    margin-top: initial;
    padding: initial;
}

.facet-label {
    display: flex;
}

#search_filters .facet .facet-label a {
    margin-top: initial;
}

#search_filters {
    box-shadow: none;
}

#products .up .btn-secondary {
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: none;
}

.products-sort-order .select-title {
    box-shadow: none;
}

.btn-secondary {
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: none;
    background-color: white;
}

.products-sort-order .dropdown-menu {
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: none;
    background-color: white;
}

#products .page-not-found {
    border: 1px solid rgba(0,0,0,.25);
    box-shadow: none;
}
h1, h2, h3, #wrapper .breadcrumb li a, #mobile_top_menu_wrapper .top-menu .sub-menu ul[data-depth="1"]>li a  {
    color: #7a7a7a;
}

body#checkout #header .header-nav {
    max-height: initial;
    padding: initial;
    border: initial;
    margin-bottom: initial;
    box-shadow: initial;
}

#myDropdown .dropdown-backdrop {
    display:none;
}

#header .header-nav .blockcart .header {
    margin-top: initial;
}

#header .header-nav .material-icons {
    line-height: 1.4rem;
}

.material-icons.shopping-cart {
    font-size: 22px;
}

#header .header-nav .user-info {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    height: fit-content;
    line-height: 1;
}

.block_newsletter form input[type=email] {
    padding-left: 1rem;
}

.block_newsletter form input {
    height: 36px;
}

.block-contact.col-md-3.links.wrapper {
 font-size: 0.875rem;
}

.block-contact {
    border-left: none; /* override the border-left white*/
}

.h2.products-section-title.text-uppercase {
    display: none;
}

.contact-rich h4, .contact-rich h3, .contact-form h3 {
    color: #7a7a7a;
}

.custom-radio {
    margin-right: 0.3rem;
    border-color: #232323;
}

.facet-label {
    text-align: left;
}

#search_filters .facet .facet-label {
    margin-bottom: 0.3rem;
}

.active_filters {
    background-color: white;
    border: 1px solid rgba(0,0,0,.25);
}

.active_filters .filter-block {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.25);
}

.btn-tertiary {
    background-color: white;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.25);
}

#index .instaseparateur {
    display: flex;
    align-items: stretch;
}

.instaseparateur {
    display: none;
}

.instaline {
    border-top: 1px solid #535350;
    margin: 1.25rem 1rem;
    flex-grow: 1;
}

.footerinsta {
    background-repeat: no-repeat;
    height: 2.5rem;
    width: 2.5rem;
    background-color: #228dad;
    display: inline-block;
}

.instatext {
    font-family: 'Merriweather';
    display: flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
    font-size: 1.6rem;
}

.all-product-link {
    margin-left: 1rem;
}


.block-category.card {
    border: none;
}

#search_filters .facet .facet-label a, 
#search_filters_brands .facet .facet-label a, 
#search_filters_suppliers .facet .facet-label a {
    color: #7a7a7a;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
}

#search_filters .facet .facet-label .custom-checkbox, 
#search_filters .facet .facet-label .custom-radio {
    top: -2px; /* override */
}


#search_filters, #search_filters_brands, #search_filters_suppliers {
    padding: 1.563rem 0rem 1.563rem 1.25rem;
}

.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
    text-transform: initial;
}

/* 18.06.19 - Webbax | TUTO 79 */
#cms .li-category-blog {
    margin-bottom: 20px;
}
#cms .li-category-blog + .li-category-blog {
    border-top:1px dashed #ccc;
    padding-top: 24px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 14px;
}

#cms #right-column {
    padding-top: 3rem !important;
    padding-left: 2rem !important;
}

#cms .cms-right-menu {
    padding-bottom: 5px;
    padding-top: 5px;
}

#cms .li-category-blog img {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

#cms .li-category-blog .title {
    font-weight: 400;
    font-size: 1.5rem;
    color: #7a7a7a;
    font-family: 'Merriweather';
}

#cms h1, #cms .h1 {
    font-weight: 400;
    font-size: 2rem;
    color: #7a7a7a;
    font-family: 'Merriweather';
}

#cms .li-category-blog .title:hover {
    color: #228dad;
}
/*#cms .li-category-blog span{display:block;}*/
#cms .li-category-blog img{margin-bottom:20px;margin-top:20px;width:100%;}
#cms .li-category-blog img[alt="La créatrice"]{
    margin-bottom:20px;
    margin-top:20px;
    /*width:360px;*/
    /*height: 360px;*/
}


#cms .li-category-blog .btn{margin-top:0px;margin-bottom:20px;}

/* desktop */
/*@media(min-width:1024px){ 
    #cms .li-category-blog{margin-left:20%;margin-right:20%;}
}*/

/* mobile */
/*@media(max-width:600px){ 
    #cms .li-category-blog{padding-left:10%;padding-right:10%;background-color:#fff;}
}*/

/* end tuto */

/* Webbax - tuto 18 */ 

/* tous les supports */
/*#cms .page-content h1{font-size:30px;margin-bottom:20px;}*/
.page-cms .banner-cms img{max-width:100%}
.page-cms .banner-cms {margin-bottom:20px;}

/* desktop */
/*@media(min-width:1024px){ 
    #cms.page-cms .page-content {
        margin-left:25%;
        margin-right:25%;
        padding: 0; 
    }
}*/

/* desktop */
/*@media(max-width:1024px) AND (min-width: 769px){ 
    #cms.page-cms .page-content {
        margin-left:15%;
        margin-right:15%;
        padding: 0; 
    }
}*/

/* tablette vert. - small */
/*@media(max-width:768px) AND (min-width:600px){ 
    #cms.page-cms .page-content {
        margin-left:10%;
        margin-right:10%;
    }
}*/

/* end of tuto */

/* page blog */
.li-category-blog p.blog-text {
    line-height: 1.5;
    text-align: left;
    color: #3a3a3a;
}

p.blog-text {
 text-align: left;
 font-family: 'Merriweather';
 color: #3a3a3a;
 font-size: 0.9375rem;
 line-height: 25px;
}

ul.blog-text {
    text-align: left;
    font-family: 'Merriweather';
    color: #3a3a3a;
    font-size: 0.9375rem;
    line-height: 25px;
    list-style-type: '- ';
    padding-left: 20px;
}

.blog-text {
    font-family: 'Merriweather';
    color: #3a3a3a;
}

h2 > span.blog-h2 {
    background-color: #3a3a3a;
    color: white;
    font-size: 0.9375rem;
    line-height: 25px;
    font-weight: 400;
}

.remove-pd-r {
    padding-right: 0 !important;
}

.remove-pd-l {
    padding-left: 0 !important;
}

.my-pr-5 {
    padding-right: 5px !important;
}

.my-pl-5 {
    padding-left: 5px !important;
}

#cms.page-cms #main {
    margin-right: auto;
    margin-left: auto;
}

#cms.page-cms #main .left-column {
    padding-left: 0;
}

#cms.page-cms #main .page-content.page-cms .row {
    margin-right: 0;
    margin-left: 0;
}

.link-next {
    display: flex;
    justify-content: flex-end;
    text-transform: uppercase;
    margin-bottom: 8px;
    letter-spacing: 1.3px;
    font-size: 0.8rem;
    font-weight: 700;
}

.cms-right-menu + .cms-right-menu {
    border-top: 1px dashed #ccc;
}

#wrapper .breadcrumb {
    margin-left: auto;
    margin-right: auto;
    font-size: 12px;
}

#cms.page-cms #main .card-block {
    padding: 0;
}
#cms.page-cms #main .page-content.page-cms {
    padding: 0;
}
@media (max-width: 576px) {
    #cms.page-cms #main {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 576px) {
    #cms.page-cms #main {
        width: 540px;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    #wrapper .breadcrumb {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    #cms.page-cms #main {
        width: 720px;
        max-width: 100%;
    }
    #wrapper .breadcrumb {
        width: 720px;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    #cms.page-cms #main {
        width: 800px;
        max-width: 100%;
    }
    #cms.page-cms.cms-id-2 #main {
        width: 960px;
    }
    #cms.page-cms.cms-id-2 #wrapper .breadcrumb {
        width: 960px;
    }
    #cms.page-cms.cms-id-3 #main {
        width: 960px;
    }
    #cms.page-cms.cms-id-3 #wrapper .breadcrumb {
        width: 960px;
    }
    #cms.page-cms.cms-id-4 #main {
        width: 960px;
    }
    #cms.page-cms.cms-id-4 #wrapper .breadcrumb {
        width: 960px;
    }
    #wrapper .breadcrumb {
        width: 800px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    #cms.page-cms #main {
        width: 800px;
        max-width: 100%;
        /*padding-right: 35px;*/ /* same as the background of the menu */
    }
    #cms.page-cms.cms-id-2 #main {
        width: 1100px;
    }
    #cms.page-cms.cms-id-2 #wrapper .breadcrumb {
        width: 1100px;
    }
    #cms.page-cms.cms-id-3 #main {
        width: 1100px;
    }
    #cms.page-cms.cms-id-3 #wrapper .breadcrumb {
        width: 1100px;
    }
    #cms.page-cms.cms-id-4 #main {
        width: 1100px;
    }
    #cms.page-cms.cms-id-4 #wrapper .breadcrumb {
        width: 1100px;
    }
    #wrapper .breadcrumb {
        width: 800px;
        max-width: 100%;
    }
}

/* disparaitre h1 */
#cms.cms-id-2 #main .page-header h1 {
    display: none;
}
#cms.cms-id-3 #main .page-header h1 {
    display: none;
}
#cms.cms-id-4 #main .page-header h1 {
    display: none;
}

.page-content.card {
    border: none;
}

.li-category-blog .hide-in-blog {
        display:  none !important;
}

.page-list.clearfix.text-sm-center {
    box-shadow: none;
}
@media (max-width: 767px) {
    #products .thumbnail-container .product-description, .featured-products .thumbnail-container .product-description, .product-accessories .thumbnail-container .product-description {
        box-shadow: none;
    }
}

#cms.page-cms .page-content .col-lg, #cms.page-cms .page-content .col-lg-1, #cms.page-cms .page-content .col-lg-2, #cms.page-cms .page-content .col-lg-3, #cms.page-cms .page-content .col-lg-4, #cms.page-cms .page-content .col-lg-5, #cms.page-cms .page-content .col-lg-6, #cms.page-cms .page-content .col-lg-7, #cms.page-cms .page-content .col-lg-8, #cms.page-cms .page-content .col-lg-9, #cms.page-cms .page-content .col-lg-10, #cms.page-cms .page-content .col-lg-11, #cms.page-cms .page-content .col-lg-12, #cms.page-cms .page-content .col-md, #cms.page-cms .page-content .col-md-1, #cms.page-cms .page-content .col-md-2, #cms.page-cms .page-content .col-md-3, #cms.page-cms .page-content .col-md-4, #cms.page-cms .page-content .col-md-5, #cms.page-cms .page-content .col-md-6, #cms.page-cms .page-content .col-md-7, #cms.page-cms .page-content .col-md-8, #cms.page-cms .page-content .col-md-9, #cms.page-cms .page-content .col-md-10, #cms.page-cms .page-content .col-md-11, #cms.page-cms .page-content .col-md-12, #cms.page-cms .page-content .col-sm, #cms.page-cms .page-content .col-sm-1, #cms.page-cms .page-content .col-sm-2, #cms.page-cms .page-content .col-sm-3, #cms.page-cms .page-content .col-sm-4, #cms.page-cms .page-content .col-sm-5, #cms.page-cms .page-content .col-sm-6, #cms.page-cms .page-content .col-sm-7, #cms.page-cms .page-content .col-sm-8, #cms.page-cms .page-content .col-sm-9, #cms.page-cms .page-content .col-sm-10, #cms.page-cms .page-content .col-sm-11, #cms.page-cms .page-content .col-sm-12, #cms.page-cms .page-content .col-xl, #cms.page-cms .page-content .col-xl-1, #cms.page-cms .page-content .col-xl-2, #cms.page-cms .page-content .col-xl-3, #cms.page-cms .page-content .col-xl-4, #cms.page-cms .page-content .col-xl-5, #cms.page-cms .page-content .col-xl-6, #cms.page-cms .page-content .col-xl-7, #cms.page-cms .page-content .col-xl-8, #cms.page-cms .page-content .col-xl-9, #cms.page-cms .page-content .col-xl-10, #cms.page-cms .page-content .col-xl-11, #cms.page-cms .page-content .col-xl-12, #cms.page-cms .page-content .col-xs, #cms.page-cms .page-content .col-xs-1, #cms.page-cms .page-content .col-xs-2, #cms.page-cms .page-content .col-xs-3, #cms.page-cms .page-content .col-xs-4, #cms.page-cms .page-content .col-xs-5, #cms.page-cms .page-content .col-xs-6, #cms.page-cms .page-content .col-xs-7, #cms.page-cms .page-content .col-xs-8, #cms.page-cms .page-content .col-xs-9, #cms.page-cms .page-content .col-xs-10, #cms.page-cms .page-content .col-xs-11, #cms.page-cms .page-content .col-xs-12 {
    flex-basis: 0;
    flex-grow: 1;
}

#cms.page-cms .page-content .row {
    display: flex;
}

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
  }
  .iframe-container.adjust62 {
    padding-bottom: 62.25% !important;
  }
  .iframe-container.adjust75 {
    padding-bottom: 75.25% !important;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /* new product nouveau flag .featured-products */
  #products .product-miniature .discount-amount, 
  #products .product-miniature .discount-percentage, 
  #products .product-miniature .on-sale, 
  #products .product-miniature .online-only, 
  #products .product-miniature .pack, 
  #products .product-miniature .product-flags .new, 
  .featured-products .product-miniature .discount-amount, 
  .featured-products .product-miniature .discount-percentage, 
  .featured-products .product-miniature .on-sale, 
  .featured-products .product-miniature .online-only, 
  .featured-products .product-miniature .pack, 
  .featured-products .product-miniature .product-flags .new, 
  .product-accessories .product-miniature .discount-amount, 
  .product-accessories .product-miniature .discount-percentage, 
  .product-accessories .product-miniature .on-sale, 
  .product-accessories .product-miniature .online-only, 
  .product-accessories .product-miniature .pack, 
  .product-accessories .product-miniature .product-flags .new, 
  .product-miniature .product-miniature .discount-amount, 
  .product-miniature .product-miniature .discount-percentage, 
  .product-miniature .product-miniature .on-sale, 
  .product-miniature .product-miniature .online-only, 
  .product-miniature .product-miniature .pack, 
  .product-miniature .product-miniature .product-flags .new,
  li.product-flag.new {
    letter-spacing: 1px;
    font-size: 0.75rem;
    min-height: initial;
    padding: 0.15rem 0.4rem;
    background-color: #228dad;
    margin-left: 0.4rem;
}

/* new product nouveau flag */
#products .product-miniature .product-flags .soldout,
.featured-products .product-miniature .product-flags .soldout,
.product-accessories .product-miniature .product-flags .soldout, 
.product-miniature .product-miniature .product-flags .soldout,
li.product-flag.soldout {
    letter-spacing: 1px;
    font-size: 0.75rem;
    min-height: initial;
    padding: 0.15rem 0.4rem;
    background-color: #535350;
}

#products .product-miniature .discount-percentage.discount-percentage,
.product-accessories .product-miniature .discount-percentage.discount-percentage, 
.featured-products .product-miniature .discount-percentage.discount-percentage,
.product-miniature .product-miniature .discount-percentage.discount-percentage {
    background-color: #fddd41;
    color: black;
}

/* page contact */
#contact #wrapper .container {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}

/* duplicate title in subcategories */
nav[data-depth="3"] ~ #left-column .category-top-menu {
    display: none;
}

#category .block-category.card.card-block {
    padding-left: 0;
}

#contact .page-content.card.card-block {
    padding-top: 0;
}

#contact .page-content.card.card-block .contact-form {
    padding-top: 0;
}

#contact nav[data-depth="2"] {
    margin-left: 0;
    padding-left: 15px;
}

/* Webbax - TUTO 95 - Whatsapp */
.float-whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:90px;
    right:25px;
    background-color:#535350;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
.my-float-whatsapp {
    margin-top: 13px;
    margin-right: 1px;
}
.my-link-whatsapp:hover {
    color: #1a6c85;
}
/* all mobiles */
/* @media(max-width:767px) {
    .float-whatsapp {
        width:30px;
        height:30px;
        bottom:90px;
        right:10px;
        font-size:15px;   
    }
    .my-float-whatsapp {
        margin-top:8px;
    }
} */
/* end of 95 */

.product-price {
    color: #228dad;
}

.tabs .nav-tabs .nav-link.active {
    color: #228dad;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
    color: #228dad;
    border-bottom: 3px solid #228dad;
}

/* 09.10.19 - Webbax | TUTO 86 */  
#banner_msg_legal{font-size:12px;border-bottom:1px dashed #535350;text-align:center;background-color: white;}
#banner_msg_legal a{color:#535350;}
#banner_msg_legal a img{width:12px;vertical-align:middle;line-height:5px;display:inline-block;margin-bottom:2px;}
/* end of tuto */

/* justify content of main page for the title cms */
.page-content.page-cms .cms-title {
    text-align: left;
}

/* mobile panier reassurance plus promo */
.promo-discounts {
    padding-left: 1rem;
}

.blockreassurance_product {
    padding-left: 0.5rem;
}

body#checkout section.checkout-step {
    box-shadow: none;
}

.block-promo .promo-code {
    background-color: white;
}

.calendar-google-container {
    width: 800px;
    overflow-x: scroll;
    max-width: 100vw;
}

/* pagination */
.page-list .previous {
    margin-right: 0.625rem;
}

/* paiement fin */
.summary-selected-carrier img {
    width: 40px;
}

#history-link svg, #emailsalerts svg, #identity-link svg, #addresses-link svg, #order-slips-link svg, #discounts-link svg {
    color: #228dad; /* couleur par défaut */
    transition: color 0.2s ease;
}

#history-link:hover svg, #emailsalerts:hover svg, #identity-link:hover svg, #addresses-link:hover svg, #order-slips-link:hover svg, #discounts-link:hover svg {
    color: #1a6c85; /* hover */
}

/* mon compte customization */
#history-link > .link-item, #emailsalerts > .link-item, #identity-link > .link-item, #addresses-link > .link-item, #order-slips-link > .link-item, #discounts-link > .link-item {
  display: flex !important;
  align-items: center;
  flex-direction: column;
}

.history-icon, .emailsalerts-icon, .identity-icon, .addresses-icon, .order-slips-icon, .discounts-icon {
  width: 40px;
  height: 40px;
  margin: 8px;
  flex-shrink: 0;
}