html{
  background-color:#202325;
  max-width: 100vw;
  overflow-x: hidden;
}

html.cms-ready div.cms .cms-sideframe {
    margin-top: 46px;
}

body{
  background-color:#fbfbfb;
  color:#202325;
  min-width:300px;
}

a{
  color:#f16975;
  text-decoration:none;
  transition:color 0.3s;
}
a:hover{
  color:#000;
  text-decoration:none;
}

.bg_default{
  background-color:#f16975!important;
}

main > .container > .row {
    align-items: center;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
        padding-left: 30px;
        padding-right: 30px;
    }
}

/* ===--- Topnav ---=== */
.topnav{
  background-color:#202325;
  color:#fff;
  font-size:20px;
  line-height:46px;
  vertical-align:middle;
  height:46px;
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1042;
  padding:0 1rem;
}
.topnav .col-6{
  padding:0;
}
.topnav a,
.topnav .drawer-toggle{
  color:#fff;
  position: relative;
  cursor: pointer;
  padding:0 1rem;
}
.topnav a:hover,
.topnav .drawer-toggle:hover{
  color:#f16975;
}
.topnav .notif{
  font-size:1rem;
  font-weight:500;
  line-height:100%;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  display:inline-block;
  width:100%;
}

/* ===--- TopBar ---=== */
#topbar {
    background-color: #eee;
    box-sizing: border-box;
    color: #000;
    font-size: 16px;
    line-height: 1;
    vertical-align: middle;
    display: block;
    width: 100%;
    min-height: 120%;
    position: relative;
    z-index: 111;
}
#topbar .topbar-wrapper {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 15px;
}
#topbar .topbar-left {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    width: 20%;
    height: 100%;
    position: relative;
    z-index: 2;
}
#topbar .topbar-center {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 60%;
    height: 100%;
    z-index: 1;
}
#topbar .topbar-right {
    text-align: right;
    vertical-align: middle;
    display: inline-block;
    width: 20%;
    height: 100%;
    position: relative;
    z-index: 2;
}
#topbar .topbar-left::before,
#topbar .topbar-center::before,
#topbar .topbar-right::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    height: 100%;
    margin: 0;
}
#topbar > div > div > span {
    margin: 0 0.5rem;
}
#topbar .topbar-center > span {
    line-height: 120%;
    display: inline-block;
    width: 80%;
    height: 100%;
    padding: 10px 0;
    margin: 0 auto;
}
#topbar a {
    color: #000;
}
#topbar a:hover {
    color: #f16975;
}

@media (max-width: 1023px) {
    #topbar .topbar-left,
    #topbar .topbar-right > span {
        display: none;
    }
    #topbar .topbar-center {
        width: 80%;
    }
}

/* ===--- TopHead ---=== */
#tophead {
    background-color: #fff;
    box-sizing: border-box;
    color: #141617;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 110;
    padding: 0;
    margin: 0;
}

#tophead .tophead-topnav .tophead-icon {
    color: #141617;
    font-size: 1.4rem;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: color 0.3s;
    margin: 1rem 0.5rem;
}
#tophead .tophead-topnav .tophead-icon:hover {
    color: #f16975;
}
#tophead .tophead-topnav .dm-logo {
    display: inline-block;
    margin: 1rem;
}
#tophead .tophead-topnav .dark-logo {
    display: none;
}

#tophead .tophead-topnav .tophead-icon.dm-cart.dmico-sticky {
    color: #fff;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
    margin: 5px 12px;
}
html.cms-ready #tophead .tophead-topnav .tophead-icon.dm-cart.dmico-sticky {
    top: 46px;
}
#tophead .tophead-topnav .tophead-icon.dm-cart.dmico-sticky:hover {
    color: #f16975;
}

@media (max-width: 767px) {
    #tophead .tophead-topnav .dm-logo img {
        max-height: 30px;
    }
    #tophead .tophead-topnav .tophead-icon.dm-cart.dmico-sticky {
        display: none;
    }
}

/* ===--- Menu Main ---=== */
#tophead .tophead-botnav {
    background-color: #141617;
    color: #fff;
}
#tophead .tophead-botnav .botnav-logo,
#tophead .tophead-botnav .botnav-logo .light-logo {
    display: none;
}
@media (min-width: 768px) {
    #tophead .tophead-botnav.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    html.cms-ready #tophead .tophead-botnav.sticky {
        top: 46px;
    }
    #tophead .tophead-botnav.sticky .botnav-logo {
        display: inline-block;
        float: left;
        padding: 4px;
        margin: 0 0 0 4px;
    }
}
.dm-main-menu {
    vertical-align: middle;
    display: inline-block;
    width: auto;
    height: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}
#tophead .tophead-topnav .tophead-icon.dm-main-menu-mobile {
    font-size: 13px;
    line-height: 100%;
    display: none;
}
@media (max-width: 767px) {
    #tophead .tophead-topnav .tophead-icon.dm-main-menu-mobile {
        display: inline-block;
    }
}
.dm-main-menu > ul {
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
}
.dm-main-menu > ul > li {
    text-align: center;
    list-style: none;
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0;
}
.dm-main-menu > ul > li > a {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
    text-transform: uppercase;
    display: inline-block;
    transition: color 0.3s;
    padding: 15px 1.5rem;
    margin: 0;
}
.dm-menu-toggle {
    font-size: 14px;
    padding: 5px 10px 5px 0;
}
.dm-menu-toggle.active {
    color: #f16975;
}
.dm-main-menu > ul > li > .dm-menu-toggle {
    display: none;
}
.dm-main-menu > ul > li > a.selected,
.dm-main-menu > ul > li > a:hover,
.dm-menu-toggle:hover {
    color: #f16975;
    cursor: pointer;
}

.dm-main-submenu {
    background-color: #fff;
    border-bottom: 3px solid #141617;
    color: #141617;
    font-size: 13px;
    line-height: 120%;
    text-align: left;
    list-style: none;
    display: none;
    min-width: 180px;
    max-width: 280px;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    padding: 1rem 0;
    margin: 0;
}
.dm-main-submenu.sub {
    top: -1rem;
    left: 100%;
}
.dm-main-submenu li {
    position: relative;
    padding: 0 1rem;
}
.dm-main-submenu li .dm-menu-toggle {
    text-align: right;
    width: 32px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 13px 9px 9px;
}
.dm-main-menu ul li .dm-main-submenu.show,
.dm-main-menu ul li:hover > .dm-main-submenu {
    display: inline-block;
    height: auto;
    opacity: 1;
}
.dm-main-submenu a {
    color: #141617;
    display: inline-block;
    width: calc(100% - 15px);
    transition: color 0.3s;
    padding: 0.3rem 0;
}
.dm-main-submenu a:hover {
    color: #141617;
}
.dm-main-submenu a::after {
    content: "";
    border-top: 1px solid #f16975;
    display: block;
    width: 0;
    transition: width 0.3s;
}
.dm-main-submenu a:hover::after {
    width: 100%;
}

@media (max-width: 767px) {
    #tophead .tophead-botnav {
        background-color: #fff;
        color: #141617;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        padding: 0 1rem 1rem;
    }
    .dm-main-menu > ul > li > a {
        color: #141617;
        font-size: 14px;
        padding: 14px 1rem;
    }
    .dm-main-menu {
        display: block;
    }
    .dm-main-menu > ul,
    .dm-main-menu > ul > li {
        text-align: left;
        display: block;
    }
    .dm-main-menu > ul > li,
    .dm-main-submenu,
    .dm-main-submenu.sub {
        border-bottom: none;
        width: 100%;
        max-width: none;
        height: auto;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
    }
    .dm-main-menu > ul > li .dm-main-submenu,
    .dm-main-menu > ul > li:hover .dm-main-submenu {
        display: none;
        padding: 1rem;
    }
    .dm-main-menu > ul > li .dm-main-submenu.sub,
    .dm-main-menu > ul > li:hover .dm-main-submenu.sub {
        padding: 0;
    }
    .dm-main-menu > ul > li .dm-main-submenu.show,
    .dm-main-menu > ul > li:hover .dm-main-submenu.show {
        display: block;
    }
    .dm-main-menu a {
        font-size: 14px;
        width: calc(100% - 40px);
    }
    .dm-main-menu > ul > li > .dm-menu-toggle {
        font-size: 18px;
        display: inline-block;
    }
    .dm-main-menu .dm-menu-toggle {
        font-size: 18px;
        padding: 5px 10px;
    }
    .dm-main-submenu a {
        padding: 7px 0;
    }
    .dm-main-submenu a::after {
        display: none;
    }
    .dm-main-submenu a:hover {
        color: #f16975;
    }
    .dm-main-submenu li + li .dm-main-submenu.sub {
        top: 0;
    }
    .dm-main-submenu li .dm-menu-toggle {
        padding: 6px 13px 9px 9px;
    }
}

/* ===--- TopLanguage ---=== */
.dm-choose-language {
    display: inline-block;
    position: relative;
}
.dm-choose-language > span {
    text-transform: uppercase;
    margin-left: 1rem;
}
.dm-choose-language > span:hover {
    color: #f16975;
    cursor: pointer;
}
.dm-choose-language-wrapper {
    background-color: #eee;
    border-bottom: 2px solid #000;
    display: none;
    position: absolute;
    top: 100%;
    right: -15px;
    padding: 15px;
}
.dm-choose-language:hover .dm-choose-language-wrapper {
    display: inline-block;
}
.dm-choose-language ul,
.dm-choose-language li {
    list-style: none;
}
.dm-choose-language-wrapper li + li {
    padding: 1rem 0 0;
}
.dm-choose-language-wrapper li a {
    display: block;
    padding: 5px 1.3rem 0;
}

/* ===--- TopSearch ---=== */
#topsearch {
    background: rgba(0, 0, 0, 0.6);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9999;
    transition: opacity 0.3s;
}
#topsearch.show {
    display: inline-block;
}
#topsearch.show.visible {
    opacity: 1;
}
#topsearch .topsearch-wrapper {
    background-color: #fff;
    padding: 7vh 5vw;
}
#topsearch input {
    background-color: #fff;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #202325;
    width: 100%;
    padding: 0.5rem 1rem;
}
#topsearch button {
    background-color: #202325;
    border-color: #202325;
    border-radius: 0;
    color: #fff;
    width: 100%;
    opacity: 1;
    transition: opacity 0.3s;
}
#topsearch button:hover {
    opacity: 0.9;
}

/* ===--- Drawer ---=== */
.dm-drawer{
  position:absolute;
  z-index:100002 !important;
}
.drawer--right .drawer-hamburger{
    color: #fff;
    font-size: 5rem;
    font-weight: 300;
    line-height: 100%;
    text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.8);
    right: -100vw;
    transition: transform 0.3s, opacity 0.3s 0.4s!important;
    padding: 0.25rem 2rem 1rem;
}
.drawer--right:not(.drawer-open) .drawer-hamburger{
    opacity: 0;
}
.drawer--right.drawer-open .drawer-hamburger{
    opacity: 1;
}
.drawer-toggle #dm-cart-items{
  background-color: #f16975;
  border-radius: 100%;
  color: #fff;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
  display: none;
  min-width: 16px;
  min-height: 16px;
  position: absolute;
  top: 11px;
  left: 10px;
  padding: 4px;
}
.drawer-nav.dm-panel-user .drawer-menu.dm-drawer-cart,
.drawer-nav.dm-panel-user .drawer-menu.dm-drawer-soumission{
  display:none;
}
.drawer-nav.dm-panel-cart .drawer-menu.dm-drawer-user,
.drawer-nav.dm-panel-cart .drawer-menu.dm-drawer-soumission{
  display:none;
}
.drawer-nav.dm-panel-soumission .drawer-menu.dm-drawer-user,
.drawer-nav.dm-panel-soumission .drawer-menu.dm-drawer-cart{
  display:none;
}
@media (min-width:992px) {
  .drawer--right .drawer-nav{
    right:-340px;
  }
  .drawer--right.drawer-open .drawer-hamburger{
    right:340px;
  }
  .drawer-nav{
    width:340px;
  }
}
@media (max-width:991px) {
  .drawer--right .drawer-nav{
    right:-50vw;
  }
  .drawer--right.drawer-open .drawer-hamburger{
    right:50vw;
  }
  .drawer-nav{
    width:50vw;
  }
}
@media (max-width:575px) {
  .drawer--right .drawer-nav{
    right:calc(-100vw + 111px);
  }
  .drawer--right.drawer-open .drawer-hamburger{
    right:calc(100vw - 111px);
  }
  .drawer-nav{
    width:calc(100vw - 111px);
  }
}
.drawer-menu{
  color:#758987;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}
.dm-drawer-inner{
  text-align:center;
  overflow-y:auto;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:181px;
  padding:1.2rem 1rem 1rem;
}
.dm-drawer-inner.no-bottom {
    bottom: 0;
}
.dm-drawer-bottom{
  text-align:center;
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:1rem;
}
.dm-drawer-inner .drawer-title{
  border-bottom:1px solid rgba(150, 140, 173, 0.3);
  font-size:20px;
  line-height:120%;
  text-align:left;
  padding:0 0 15px;
  margin:0 0 32px;
}
.dm-drawer-inner .drawer-title .drawer-count{
  font-size:16px;
  font-weight:400;
  line-height:120%;
}
.dm-drawer-inner #drawer-items-list .col-3 {
    padding-right: 0;
}
.dm-drawer-inner #drawer-items-list ul,
.dm-drawer-inner #drawer-quotation-items-list ul{
  list-style:none;
}
.dm-drawer-inner #drawer-items-list li,
.dm-drawer-inner #drawer-quotation-items-list li{
  padding:1rem 0;
}
.dm-drawer-inner #drawer-items-list li + li,
.dm-drawer-inner #drawer-quotation-items-list li + li{
  border-top:1px solid rgba(150, 140, 173, 0.2);
}
.dm-drawer-inner #drawer-items-list .media img,
.dm-drawer-inner #drawer-quotation-items-list .media img{
  max-width:100%;
  height:auto;
}
.dm-drawer-inner #drawer-items-list .media-body{
  display:none;
}
.dm-drawer-inner #drawer-items-list .col-8 a,
.dm-drawer-inner #drawer-quotation-items-list .col-8 a{
  color:#f16975;
  font-size:1rem;
  font-weight:800;
  line-height:120%;
  text-overflow:ellipsis;
  overflow:hidden;
  display:inline-block;
  max-width:100%;
  transition:color 0.3s;
  margin: 0;
}
.dm-drawer-inner #drawer-items-list a:hover,
.dm-drawer-inner #drawer-quotation-items-list a:hover{
  color:#000;
}
.dm-drawer-inner #drawer-items-list .drawer-cart-attributes,
.dm-drawer-inner #drawer-quotation-items-list .drawer-cart-attributes {
    font-size: 0.8rem;
    margin: 0 0 0.5rem;
}
.dm-drawer-total{
  background-color:#f16975;
  color:#fff;
  font-size:0;
  line-height:0;
  padding:18px 30px;
  margin:1rem 0;
}
.dm-drawer-total span{
  font-size:16px;
  font-weight:700;
  line-height:120%;
  text-align:left;
  display:inline-block;
  width:50%;
}
.dm-drawer-total span + span{
  font-size:20px;
  text-align:right;
}
.dm-drawer-inner #drawer-items-list a.dm-item-delete,
.dm-drawer-inner #drawer-quotation-items-list a.dm-item-delete{
  color:#e64141;
  position:absolute;
  top:0;
  right:-18px;
  padding:2px 10px;
}
.dm-drawer-inner #drawer-items-list a.dm-item-delete:hover,
.dm-drawer-inner #drawer-quotation-items-list a.dm-item-delete:hover{
  color:#000;
}
.dm-drawer-user-logs .default-input{
  width:100%;
  margin:0 0 1rem;
}
.dm-drawer-user-tabs{
  font-size:0;
  line-height:0;
  margin:0 0 1rem;
}
.dm-drawer-user-tabs > div{
  display:inline-block;
  width:calc(50% - 0.5rem);
  margin:0 0.5rem 0 0;
}
.dm-drawer-user-tabs > div + div{
  margin:0 0 0 0.5rem;
}
.dm-drawer-user-tabs .btn{
  background-color:#f16975;
  width:100%;
  min-width:10px;
  padding:30px 5px;
}
.dm-drawer-logs-register{
  display:none;
}
.dm-drawer-logs-login-error,
.dm-drawer-logs-register-error{
  color:#f00;
  margin:1rem 0 2rem;
}
.dm-drawer-user-account .list{
  text-align:left;
  list-style:none;
}
.dm-drawer-user-account .list li{
  border:0;
}
.dm-drawer-user-account .list li + li{
  border-top:1px solid #dad6e3;
}
.dm-drawer-user-account .list li a{
  display:inline-block;
  width:70%;
  padding:1rem;
}
.dm-drawer-user-account .list li a:hover{
  text-decoration:underline;
}

.dm-drawer .cart-change-quantity {
    background-color: #f7f8fb;
    display: inline-block;
}
.dm-drawer .cart-change-quantity span {
    background-color: #f1b1b7;
    color: #fff;
    display: inline-block;
    padding: 2px 7px 0px;
}
.dm-drawer .cart-change-quantity span:not(.disabled):hover {
    background-color: #f16975;
    cursor: pointer;
}
.dm-drawer .cart-change-quantity span.disabled {
    cursor: default;
}
.dm-drawer .cart-change-quantity span.minus {
    margin: 0 10px 0 0;
}
.dm-drawer .cart-change-quantity span.plus {
    margin: 0 0 0 10px;
}

/* ===--- Main Menu ---=== */
.dm-menu-split{
    display:inline-block;
}
.dm-menu-split.dropdown-toggler{
    float:right;
    display:inline-block;
    width:32px;
    height:37px;
    position:absolute;
    top:0;
    right:8px;
}
.dm-menu-split.dropdown-toggler::after{
    right:auto;
    padding:0 8px;
    margin:0;
}
.navbar .navbar-nav .dropdown-item {
    white-space: normal;
}
.navbar .navbar-nav .dropdown-item.menu-link {
    padding: 8px 40px 8px 20px;
}
.has-been-ajusted > ul > li > .dropdown-item {
    padding: 3px 11px!important;
}

/* ===--- Section Vedette ---=== */
.dmplugin-productsvedette{
  text-align:center;
}
.dmplugin-productsvedette h2{
  color:#292b2c;
  font-size:2rem;
  font-weight:700;
}

/* ===--- Section Produits par Category ---=== */
.section-parcategorie .tab-content {
    min-height: 400px;
}
.section-parcategorie .tab-content .product_img {
    min-height: 200px;
}
.pbc-loading{
    font-size: 1rem;
}
.pbc-loading span {
    font-size:2rem;
    animation: blink 1.4s infinite both;
}
.pbc-loading span+span {
    animation-delay: .2s;
}
.pbc-loading span+span+span {
    animation-delay: .4s;
}
@keyframes blink {
    0% {opacity: .2;}
    20% {opacity: 1;}
    100% {opacity: .2;}
}

/* ===--- Section Marques ---=== */
.section-products-brands {
    padding: 3rem 0;
}
.section-products-brands .owl-item {
    background-color: #fff;
    display: table;
    height: 300px;
}
.section-products-brands .owl-item > .item {
    vertical-align: middle;
    display: table-cell;
}
.section-products-brands .owl-item .brand img {
    width: auto;
    margin: 0 auto;
}

/* ===--- Search ---=== */
.search-product + .search-product{
    border-top: 1px solid rgba(0,0,0,0.05);
    padding-top: 20px;
    margin-top: 20px;
}
.search-img {
    font-size:0;
    line-height: 0;
    text-align: center;
    align-self: center;
}
.search-img img {
    width: 100%;
    max-width: 54px;
    max-height: 54px;
}
.search-name {
    font-size:0;
    line-height:0;
    text-align:left;
    align-self: center;
}
.search-name > div {
    vertical-align: middle;
}
.search-name span {
    font-size:1rem;
    line-height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display:inline-block;
    width:100%;
}
.dmpage-search-text span + span {
    font-size:0.8rem;
    opacity:0.5;
}
.dmpage-search-categories {
    margin: 0;
}
.dmpage-search-categories span {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size:0.7rem;
    display: inline-block;
    width: auto;
    opacity:0.5;
    padding: 1px 5px;
    margin: 10px 4px 0 0;
}
.search-btn {
    text-align:right;
}

/**/
.product-card{
  background-color:#fff;
  box-shadow:0 0 7px rgba(0,0,0,0.1);
  margin:5px;
}
.product-card .info{
  text-align:left;
  padding:15px;
}
.product-card .name{
  font-family:'Roboto', sans-serif;
  font-size:1.1rem;
  font-weight:500;
  line-height:120%;
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  display:block;
  width:100%;
  transition:color 0.3s;
  margin:0 0 1rem;
}
.product-card .name a{
  color:#292b2c;
}
.product-card .name a:hover{
  color:#f16975;
}
.product-card .price{
  color:#f16975;
  font-weight:600;
}
.product-card .price del{
  color:#292b2c;
  font-size:0.9rem;
  font-weight:400;
  padding:0 0 0 6px;
}

/* ===--- Produits: Page liste ---=== */
.product_header_left .custom_select {
    display: inline-block;
    margin: 0 8px 8px 0;
}
.product_header_left .custom_select select:hover {
    cursor: pointer;
}
/* ===---=== */
.dmfilters-mobile {
    vertical-align: middle;
    display: inline-block;
}
.dmfilters-mobile a{
    background-color: #f16975;
    border: 1px solid #f16975;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 45px;
    float: left;
    width: 45px;
    height: 45px;
    margin-right: 10px;
}
.dmfilters-list {
    display: block;
    position: relative;
}
@media (max-width: 767px) {
    .dmfilters-list {
        display: none;
    }
}
.dmfilters-list h5 {
    display: block;
    margin: 0 0 1rem;
}
.dmfilters-list h5 + ul {
    display: block;
    margin: 0 0 2rem;
}
.dmfilters-list ul {
    list-style-type: none;
}
.dmfilters-list ul li {
    position: relative;
}
.dmfilters-list ul > li > ul {
    display: none;
    margin: 0 0 0 15px;
}
.dmfilters-list label {
    display: block;
}
.dmfilters-list label:hover {
    color: #000;
    cursor: pointer;
}
.dmfilters-list label:not([for]):hover {
    color: #6c757d;
    cursor: default;
}
.dmfilters-list .toggle{
    background-color:#f7f6fa;
    color:#758987;
    line-height:24px;
    text-align:center;
    display:inline-block;
    width:24px;
    height:24px;
    position:absolute;
    top: 0;
    right:0;
}
.dmfilters-list .toggle:hover{
    background-color:#f16975;
    color:#fff;
    cursor:pointer;
}
.dmfilters-list input[type="checkbox"] {
    display: none;
}
.dmfilters-list input[type="checkbox"] + span::before {
    content: ".";
    background: transparent;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    color: #fff;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    width: calc(1em + 5px);
    height: calc(1em + 5px);
    position: relative;
    top: 0px;
    padding: 2px;
    margin: 0 5px 0 0;
}
.dmfilters-list input[type="checkbox"]:checked + span::before {
    content: "\e64c";
    background-color: #f16975;
    border: 1px solid #f16975;
}

/* ===--- Produits: Page détail ---=== */
.product-detail-unavailable > p {
    border: 1px solid #b52d2d;
    color: #b52d2d;
    font-size: 0.8rem;
    padding: 2px 10px;
    margin: 0;
}
.pr_detail .pr_desc h1,
.pr_detail .pr_desc h2,
.pr_detail .pr_desc h3,
.pr_detail .pr_desc h4,
.pr_detail .pr_desc h5,
.pr_detail .pr_desc h6,
.tab-content.shop_info_tab h1,
.tab-content.shop_info_tab h2,
.tab-content.shop_info_tab h3,
.tab-content.shop_info_tab h4,
.tab-content.shop_info_tab h5,
.tab-content.shop_info_tab h6 {
    font-size: 1rem;
}

.dmproductdetail-caption,
.dmproductdetail-description {
    font-size: 1rem;
    line-height: 200%;
}
.dmproductdetail-caption p,
.dmproductdetail-caption span,
.dmproductdetail-description p,
.dmproductdetail-description span {
    line-height: 200%;
}
.dmproductdetail-caption ul,
.dmproductdetail-caption ol,
.dmproductdetail-description ul,
.dmproductdetail-description ol {
    padding: 0;
    margin: 0 50px 25px;
}

.cart_extra .dm-variants-select {
    flex: 100%;
}

/* ===--- PAGE: Contact ---=== */
.dmpage-contact-map {
    font-size: 0;
    line-height: 0;
}
.contact_text a:hover {
	color: #f16975;
}

/* ===--- Vos commandes ---=== */
.service-content-box pre{
  border-left:2px solid #f16975;
  padding-left:1rem;
}
.order-detail-items-list .item-media,
.order-detail-items-list .item-media > .media,
.order-detail-items-list .item-media > .media > a {
    vertical-align: middle;
    display: inline-block;
    width: 80px;
    height: 80px;
}
.order-detail-items-list .item-media > .media > .media-body {
    display: none;
}
.order-detail-items-list .item-detail {
    vertical-align: middle;
    display: inline-block;
    width: calc(90% - 80px - 1rem);
    margin: 0 0 0 1rem;
}
.order-detail-items-list .item-detail .item-attributes {
    font-size: 0.8rem;
    line-height: 120%;
}

/* ===--- Breadcrumbs ---=== */
.breadcrumbs-item a + a{
  border-left:1px solid #202325;
  padding-left:0.5rem;
  margin-left:0.5rem;
}

/* ===--- Categories ---=== */
.dm-produits-category-submenu{
  display:none;
}

/* ===--- Snackbar ---=== */
#snackbar{
  background-color:rgba(0, 0, 0, 0.9);
  border-radius:6px;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
  color:#fff;
  font-size:1.1rem;
  line-height:150%;
  display:inline-block;
  width:300px;
  max-width:calc(100% - 2rem);
  position:fixed;
  top:-100vh;
  left:1rem;
  right:1rem;
  z-index:99999;
  transition:top 0.4s;
  padding:1rem;
  margin:0 auto
}
#snackbar.show{
  top:10%;
}

/* ===--- Advertising: Popup ---=== */
#dmadvertising-popup {
    background: rgba(0, 0, 0, 0.7);
    font-size: 0;
    line-height: 0;
    display: inline-block;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999999;
    padding: 0;
    margin: 0;
}
#dmadvertising-popup .dm-wrapper {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: calc(100vw - 20px);
    max-width: 800px;
    height: calc(100vh - 20px);
    max-height: 600px;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 0;
    margin: auto;
}
#dmadvertising-popup .dm-close {
    position: fixed;
    top: 0;
    right: 0;
    cursor: pointer;
    padding: 0 22px;
}
#dmadvertising-popup .dm-close::after {
    content: "x";
    color: #fff;
    font-size: 66px;
    line-height: 100%;
}
/* ===--- Module Job ---=== */
.dmjob-applyform {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);
    text-align: center;
    padding: 40px 20px;
    margin-bottom: 30px;
}
.dmjob-plugin {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.dmjob-plugin .icon_box_style4 .icon span {
    background-color: #f16975;
    border-radius: 100%;
    color: #fff;
    font-size: 31px;
    line-height: 60px;
    display: inline-block;
    width: 60px;
    height: 60px;
}
.dmjob-plugin-box {
    overflow: hidden;
    overflow-y: hidden;
    min-height: 220px;
    max-height: 220px;
}
.dmjob-plugin-box:hover {
    overflow-y: auto;
}
/* ===--- Module Portfolio ---=== */
.section-portfolio .portfolio_item {
    background-color: #fff;
    position: relative;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%);
}
.section-portfolio .portfolio_img {
    font-size: 0;
    line-height: 0;
}
.section-portfolio .portfolio_img a {
    overflow: hidden;
    display: inline-block;
}
.section-portfolio .portfolio_img a img {
    transform: scale(1);
    transition: transform 0.4s;
}
.section-portfolio .portfolio_img a:hover img {
    transform: scale(1.1);
}
.section-portfolio .portfolio_title a {
    display: block;
    padding: 1rem;
}
/* ===--- Plugin: Slider ---=== */
.carousel-control-next:hover,
.carousel-control-prev:hover,
.light_arrow .carousel-control-next:hover,
.light_arrow .carousel-control-prev:hover{
	background-color: #f16975;
	color: #fff;
}
/* ===--- Plugin: Texts plugins ---=== */
.about-section .title-bl {
    margin: 0 0 15px;
}
.about-section .title-bl .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 120%;
    margin: 0 0 4px;
}
.about-section .title-bl .subtitle {
    font-size: 1rem;
    font-weight: 600;
    line-height: 120%;
}
/* ===--- Plugin: TextCarrousel ---=== */
.dmplugin-textcarrousel {
    margin: 0 50px;
}
.owl-theme .owl-dots .owl-dot span {
    border-color: #f16975;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #f16975;
}
@media (max-width: 1199px) {
    .dmplugin-textcarrousel {
        margin: 0;
    }
}

.dmalign-start {
    align-items: flex-start;
}

/* ===--- Plugin: BlocContact ---=== */
.dmplugin-contact {
    margin: 15px 0;
}
.dmplugin-contact-icon {
    font-size: 3em;
    float: left;
    margin: 0 15px 0 0;
}
.dmplugin-contact strong {
    margin: 0 0 0 63px;
}
@media (min-width: 991px) {
    .dmplugin-slider + .dmplugin-contact {
        transform: translateY(-50%);
        position: relative;
        z-index: 1;
    }
}

/* ===--- Plugin: Testimonials ---=== */
.dmplugin-testimonials {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.dmplugin-testimonials .owl-stage-outer {
    padding: 15px 0;
}
.dmplugin-testimonials .item .testimonial {
    max-width: 800px;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
.dmplugin-testimonials-top {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 0 auto;
}
.dmplugin-testimonials-top .dmplugin-testimonials-icotop,
.dmplugin-testimonials-top .dmplugin-testimonials-icobot {
    color: #f16975;
    font-size: 48px;
    line-height: 100%;
    position: absolute;
}
.dmplugin-testimonials-top .dmplugin-testimonials-icotop {
    top: 0;
    right: -45px;
}
.dmplugin-testimonials-top .dmplugin-testimonials-icobot {
    left: -45px;
    bottom: 5px;
}
.dmplugin-testimonials-text {
    font-size: 1.1rem;
    line-height: 150%;
    text-align: left;
    padding: 0;
}
.dmplugin-testimonials-text-wrapper {
    padding: 10px 20px 10px;
}
.dmplugin-testimonials-text p {
    font-size: 1.1rem;
    line-height: 150%;
}
.dmplugin-testimonials-bottom {
    text-align: center;
    padding: 15px 7%;
}
.dmplugin-testimonials-bottom .testionial-photo {
    border-radius: 100%;
    vertical-align: middle;
    overflow: hidden;
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 15px 0 0;
}
.dmplugin-testimonials-bottom-content {
    text-align: left;
    vertical-align: middle;
    display: inline-block;
}
.dmplugin-testimonials-bottom .testionial-name {
    font-weight: 600;
}
.dmplugin-testimonials-bottom .testionial-job {
    font-size: 0.9rem;
    font-weight: 300;
    font-style: italic;
}
/* ===--- PLUGIN: equipe ---=== */
.dmplugin-team .social_icons.social_style1 li a {
	background-color: #fff;
	color: #f16975;
}
.dmplugin-team .social_icons.social_style1 li a:hover {
	background-color: #f16975;
	color: #fff !important;
}
/* ===--- PLUGIN: tiles ---=== */
.dmplugin-tiles {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.dmplugin-tiles-tile {
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    position: relative;
    padding: 0;
}
.dmplugin-tiles-tile a {
    display: block;
}
.dmplugin-tiles-image img {
    width: 100%;
}
.dmplugin-tiles-content {
    position: absolute;
    top: auto;
    left: 15px;
    right: 15px;
    bottom: 15px;
}
.dmplugin-tiles-title,
.dmplugin-tiles-link {
    display: inline-block;
    width: 50%;
}
.dmplugin-tiles-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 120%;
}
.dmplugin-tiles-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    text-align: right;
}
.dmplugin-tiles-link i {
    font-size: 12px;
    line-height: 120%;
}