html, body {
margin:0;
overflow-x: hidden;
font-family: "inter", sans-serif;
font-size:14px;
}
.ElementDynClass[data-type="shape"] .element_content svg
{
width:100%;
height: auto;
}
.ElementDynClass p
{
margin-bottom:0;
}
.hidden
{
display: none !important;
}
.forceshow
{
display: block !important;
}
.hiddenOpacity
{
opacity: 0.7;
}
.hideParamettreOptions, .hiddenVisibility
{
visibility: hidden;
}
.noselect{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noTransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.desableMouse
{
pointer-events: none;
}
/* Menu CSS */
@media (min-width:992px){.container_menu{flex-wrap:nowrap}.container_menu .firstlogo,.container_menu .toggler_menu{display:none}.container_menu .menu>ul{flex-direction:row;justify-content:flex-end}.container_menu:not(.VerticalMenu) .menu>ul>li{align-self:center}.container_menu.DescktopAlignementJustify .menu>ul{justify-content:space-between!important;align-content:space-between!important}.container_menu.DescktopAlignementRight .menu>ul{justify-content:flex-end!important;align-content:flex-end!important;text-align:right}.container_menu.DescktopAlignementLeft .menu>ul{justify-content:flex-start!important;align-content:flex-start!important;text-align:left}.container_menu.DescktopAlignementCenter .menu>ul{justify-content:center!important;align-content:center!important;text-align:center}.container_menu:not(.VerticalMenu) li ul{position:absolute;padding:0;width:240px;list-style:none;z-index:9999;visibility:hidden;pointer-events: none; opacity:0; transform: translate(0px, 20px);}.container_menu:not(.VerticalMenu) li>ul{top:calc(100% - 1px);left:0}.container_menu:not(.VerticalMenu) li.reverse>ul{top:calc(100% - 1px);right:0;left:auto}.container_menu:not(.VerticalMenu) li li ul{z-index:1000;top:-3px;left:240px}.container_menu:not(.VerticalMenu) li li{position: relative;padding:0 20px;margin:0}.container_menu:not(.VerticalMenu) li li a{display:block;padding:6px 20px;width:190px}.container_menu:not(.VerticalMenu) li.reverse li ul{left:auto;right:240px;top:-3px !important;}
.container_menu:not(.VerticalMenu) li:not(.TippyMenuDesign2):hover>ul{opacity:1;visibility:visible;pointer-events: auto;transform: translate(0px, 0px);}.container_menu.VerticalMenu:not(.DescktopAlignementRight) li>ul{margin-left:30px;margin-right:auto}.container_menu.VerticalMenu.DescktopAlignementRight li>ul{margin-right:30px;margin-left:auto}}@media (max-width:992px){.container_menu:not(.NoToggle){flex-wrap:wrap}.container_menu:not(.NoToggle) .menu{display:flex}.container_menu.NoToggle .firstlogo,.container_menu:not(.NoToggle) .menu.cacher,.container_menu:not(.NoToggle) .menu>ul>li.li_search,.container_menu:not(.NoToggle) .secondlogo{display:none}.container_menu:not(.NoToggle) .menu>ul{flex-direction:column;margin-top:0;padding:20px;width:100%;overflow:hidden;align-items:center}.container_menu.StretchAlignItems:not(.NoToggle) .menu>ul{flex-wrap:nowrap;align-items:stretch}.container_menu.NoToggle:not(.VerticalMenu) .menu>ul>li{align-self:center}.container_menu:not(.NoToggle) .toggler_menu{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;align-content:center;justify-content:flex-end}.container_menu.MobileAlignementJustify .menu>ul{justify-content:space-between!important;align-content:space-between!important}.container_menu.MobileAlignementRight .menu>ul{justify-content:flex-end!important;align-content:flex-end!important;text-align:right}.container_menu.MobileAlignementLeft .menu>ul{justify-content:flex-start!important;align-content:flex-start!important;text-align:left}.container_menu.MobileAlignementCenter .menu>ul{justify-content:center!important;align-content:center!important;text-align:center}.container_menu.NoToggle:not(.VerticalMenu) li ul{position:absolute;padding:20px 0;width:240px;list-style:none;z-index:9999;visibility:hidden;pointer-events: none;opacity:0}.container_menu.NoToggle:not(.VerticalMenu) li>ul{top:calc(100% - 1px);left:0}.container_menu.NoToggle:not(.VerticalMenu) li.reverse>ul{top:calc(100% - 1px);right:0;left:auto}.container_menu.NoToggle:not(.VerticalMenu) li li ul{z-index:1000;top:0;left:240px;}.container_menu.NoToggle:not(.VerticalMenu) li li{padding:0 20px;margin:0}.container_menu.NoToggle:not(.VerticalMenu) li li a{display:block;padding:6px 20px;width:190px}.container_menu.NoToggle:not(.VerticalMenu) li.reverse li ul{left:auto;right:240px}.container_menu.NoToggle:not(.VerticalMenu) li:hover>ul{opacity:1;visibility:visible;pointer-events: auto;}.container_menu:not(.NoToggle) li ul{position:relative;padding:0;list-style:none}.container_menu.VerticalMenu:not(.MobileAlignementRight) li>ul,.container_menu:not(.MobileAlignementRight):not(.VerticalMenu):not(.NoToggle) li>ul{margin-left:30px;margin-right:auto}.container_menu.MobileAlignementRight:not(.NoToggle) li>ul,.container_menu.VerticalMenu.MobileAlignementRight li>ul,.container_menu.VerticalMenu.MobileAlignementRight:not(.VerticalMenu):not(.NoToggle) li>ul{margin-right:30px;margin-left:auto}}.container_menu .searchicon{font-size:25px;cursor:pointer}.container_menu .search{cursor:pointer}.container_menu .panier{cursor:pointer}.container_menu.NoToggle .toggler_menu{display:none}.container_menu.ModeleCentrer,.container_menu.ModeleCentrerLogoBetweenLi,.container_menu.VerticalMenu{flex-wrap:wrap!important}.container_menu.ModeleCentrer>div,.container_menu.ModeleCentrerLogoBetweenLi>div{flex-basis:100%;align-items:center}.container_menu.ModeleCentrer>.toggler_menu,.container_menu.ModeleCentrerLogoBetweenLi>.toggler_menu{margin-top:20px;justify-content:center}.container_menu.ModeleCentrer>.menu,.container_menu.ModeleCentrerLogoBetweenLi>.menu{margin-top:20px}.container_menu.ModeleCentrer .menu>ul,.container_menu.ModeleCentrerLogoBetweenLi .menu>ul{justify-content:center}.container_menu .menu ul li a,.container_menu .toggler_menu,.container_menu li.submenu{position:relative}.container_menu{display:flex;align-items:center;justify-content:space-between}.container_menu .menu{flex-basis:100%;position:relative}.container_menu .menu>ul{list-style:none;display:flex;margin-bottom:0;white-space:nowrap;flex-wrap:wrap}.container_menu .menu>ul>li{position:relative;padding-left:11px;padding-right:11px;line-height:3;margin-top:10px}.container_menu .menu>ul>li a{display:block;padding:6px 10px;margin:0 7px}.container_menu.VerticalMenu .menu>ul{flex-direction:column!important;margin-top:0!important;padding:20px!important;width:100%!important;overflow:hidden;align-items:center}.container_menu.VerticalMenu.StretchAlignItems .menu>ul{flex-wrap:nowrap;align-items:stretch}.container_menu.VerticalMenu li ul{position:relative;padding:0;list-style:none}.fadeInTopMenu{transition:.3s!important;transform:translateY(0)!important;opacity:1!important;z-index:2}.fadeOutBottomMenu,.fadeOutTopMenu{opacity:0;z-index:1;transition:.3s!important}.fadeOutTopMenu{transform:translateY(-60%)}.fadeOutBottomMenu{transform:translateY(60%);position:relative}.fadeInBottomMenu{transition:.3s!important;transform:translateY(0);opacity:1;z-index:2;position:relative}.ag-base-block{display:inline-block;padding:20px;vertical-align:top}.ag-menu-bars{display:inline-block;height:30px;width:30px;cursor:pointer;vertical-align:middle;-webkit-tap-highlight-color:transparent;position:relative}.ag-menu-bars_icons{height:3px;width:30px;background:#007ff2;position:absolute;top:9px;left:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s}.ag-menu-bars_icons:after,.ag-menu-bars_icons:before{content:"";height:3px;width:30px;left:0;background:#007ff2;position:absolute;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.ag-menu-bars_icons:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.ag-menu-bars_icons:after{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);-ms-transform:translateY(8px);-o-transform:translateY(8px);transform:translateY(8px)}.ag-menu-bars:hover .ag-menu-bars_icons:before{-webkit-transform:translateY(-9px);-moz-transform:translateY(-9px);-ms-transform:translateY(-9px);-o-transform:translateY(-9px);transform:translateY(-9px)}.ag-menu-bars:hover .ag-menu-bars_icons:after{-webkit-transform:translateY(9px);-moz-transform:translateY(9px);-ms-transform:translateY(9px);-o-transform:translateY(9px);transform:translateY(9px)}.ag-menu-bars.js-ag-active-3 .ag-menu-bars_icons:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.js-ag-active-3 .ag-menu-bars_icons{background:0 0!important}.ag-menu-bars.js-ag-active-3 .ag-menu-bars_icons:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}@media (max-width:992px){.menu .li_panier{display: none !important;}}
@media (min-width:992px){
.container_menu:not(.VerticalMenu) .menu>ul>li.hasChildren a:first-child
{
padding-right:30px
}
}
.container_menu.VerticalMenu .menu li> a > i
{
padding: 20px;
cursor: pointer;
}
.container_menu.VerticalMenu .menu>ul
{
padding: 0 !important;
}
.container_menu.VerticalMenu .menu ul ul
{
display: none;
}
.container_menu.VerticalMenu .menu ul a
{
margin-left: 0 !important;
}
.container_menu.VerticalMenu .menu ul>li>a,
.container_menu.VerticalMenu ul li ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
}
@media (max-width:992px) /* Mobile */
{
.container_menu .menu li> a > i
{
padding: 20px;
cursor: pointer;
}
.container_menu .showMobileMenu
{
display: block !important;
}
.container_menu .menu>ul
{
padding: 0 !important;
}
.container_menu .menu ul ul
{
display: none;
}
.container_menu .menu ul li ul li a
{
margin-left: 0 !important;
}
}
.container_menu .menu ul
{
transition: transform cubic-bezier(.25, .1, .11, .99) .3s ,visibility cubic-bezier(.25, .1, .11, .99) .3s , opacity cubic-bezier(.25, .1, .11, .99) .3s !important;
}
.container_menu .menu ul li ul li a
{
text-align: left;
padding-left: 10px;
width: 100%;
}
.container_menu .menu li li i
{
right: 18px !important;
}
/* GRID */
.grid_wrapper
{
display:grid;
grid-gap: 15px;
width: 100%;
}
.grid_items_container_1
{
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_2
{
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_3
{
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_4
{
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
}
.grid_items_container_5
{
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_6
{
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_7
{
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_8
{
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
}
.grid_items_container_9
{
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
}
@media screen and (max-width: 580px) {
.grid_items_container_1, .grid_items_container_2, .grid_items_container_3, .grid_items_container_4, .grid_items_container_9
{
display: flex;
flex-wrap: wrap;
}
}
.grid_wrapper > div {
display: flex;
position: relative;
align-items: center;
object-fit: contain;
overflow: hidden;
}
.grid_wrapper > div a
{
display: block;
width: 100%;
display: flex;
position: relative;
align-items: center;
overflow: hidden;
min-height: 80px;
height: 100%;
}
.grid_wrapper > div img
{
/* max-width: 100%;*/
vertical-align: middle;
margin: 0 auto;
width: 100%;
height: 100%;
object-fit: cover;
}
.grid_wrapper.animationBeforeAfter > div:before {
background-color: rgba(255, 255, 255, 0.08);
content: "";
height: 200%;
left: -280px;
position: absolute;
top: -50%;
transform: rotate(35deg);
-webkit-transform: rotate(35deg);
-moz-transform: rotate(35deg);
-ms-transform: rotate(35deg);
-o-transform: rotate(35deg);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
width: 80px;
z-index: 0;
}
.grid_wrapper.animationBeforeAfter > div:hover:before {
left: 180%;
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.grid_wrapper.animationBeforeAfter > div:after {
background-color: rgba(255, 255, 255, 0.08);
content: "";
height: 200%;
left: 180%;
position: absolute;
top: -50%;
transform: rotate(35deg);
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
width: 80px;
z-index: 0;
}
.grid_wrapper.animationBeforeAfter > div:hover:after {
left: -280px;
transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1);
}
.grid_wrapper.animationBeforeAfter > div:hover > a
{
transform: scale(1.05);
}
.grid_wrapper.animationBeforeAfter > div > a
{
transition: all 0.4s ease-out;
}
/* Ask Popup Css */
/* tablet & mobile */
@media screen and (max-width: 750px) {
.popupBackground .askPopup
{
width: 98% !important;
height: 97% !important;
max-height: initial !important;
position: absolute !important;
top: 1% !important;
left: 1% !important;
transform:none !important;
overflow-y: auto !important;
}
.popupBackground
{
overflow-y : hidden !important;
height: 101% !important;
}
}
.popupBackground
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
/*background-color: rgb(0 0 0 / 53%);*/
z-index:999999999;
cursor:not-allowed;
overflow-y: auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.popupBackground::-webkit-scrollbar , .popupBackground .grid_variants::-webkit-scrollbar , .popupBackground .askPopup::-webkit-scrollbar, .LightBoxRightSide .container_scroll_::-webkit-scrollbar , .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar, .askPopupv2 .AskPopupContainer::-webkit-scrollbar {
width: 10px;
}
.popupBackground::-webkit-scrollbar-thumb , .popupBackground .grid_variants::-webkit-scrollbar-thumb , .popupBackground .askPopup::-webkit-scrollbar-thumb , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-thumb, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-thumb, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-thumb {
background: #818181;
border-radius: 50px;
}
.popupBackground::-webkit-scrollbar-track , .popupBackground .grid_variants::-webkit-scrollbar-track , .popupBackground .askPopup::-webkit-scrollbar-track , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-track, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-track, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-track {
background: #fff;
margin-top: 7px;
margin-bottom: 7px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')
{
overflow: hidden;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar {
width: 10px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-thumb {
background: #818181;
border-radius: 0px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-track {
background: #fff;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-button {
width: 20px;
height: 20px;
}
.popupBackground .askPopup
{
width:500px;
height:auto;
cursor:default;
background:white;
padding:20px;
position:relative;
margin: 0 auto;
overflow-x: hidden;
border-radius: 10px;
box-shadow: 0 10px 20px #0000001a !important;
padding: 15px !important;
border-radius: 15px !important;
background: white !important;
}
.popupBackground .closeIcon
{
position:absolute;
right: 10px;
top : 5px;
cursor:pointer;
padding: 10px;
z-index: 9999999999999999999999999;
font-size: 16px;
}
/* popup configuration center with 90vh & 80vw intek */
.popupBackground.popupNewCenter>.askPopup
{
/*max-height:560px;*/
max-height:90vh;
height:auto;
width:90vw;max-width:800px;padding:0px;
}
.popupBackground.popupNewCenter>.loading
{
max-height:560px;
height:220px;
width:90vw;max-width:800px;
}
.popupBackground .title_container
{
margin-bottom: 8px;
}
.popupBackground h3.title_
{
color: #333333;
font-size: 12px;
font-weight: 600;
}
.popupBackground .AskPopupContainer
{
padding: 0;
}
.popupBackground .AskPopupContainer p
{
color: #666666;
font-weight: 500;
font-size: 12px;
}
.popupBackground .closeIcon
{
font-size: 12px;
}
/**********************/
.ElementDynClass .repeteur-content
{
min-height: 80px;
}
.ElementDynClass .img_child_cible
{
/* height: auto;*/
height: 100%;
max-width: 100%;
width: 100%;
min-height: auto;
position: relative;
}
.rpt-marque-design1 .rpt-item
{
padding: 20%;
}
.rpt-marque-design-box-shadow .rpt-item,
.rpt-marque-multi-ligne-avec-box-shadow .rpt-item
{
padding: 20%;
padding-top: 10%;
padding-bottom: 10%;
background-color: #EAEAEA;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.068);
}
.rpt-marque-border-no-padding .owl-carousel .owl-item, .rpt-marque-border-no-padding .flex_repeteur > div
{
background:white;
outline:1px black solid;
padding: 20px;
}
.owl-carousel .owl-item img
{
width: 100%;
height: auto;
vertical-align: middle;
/* aspect-ratio: 1 / 1;*/
/* object-fit: contain; */
}
.flex_repeteur
{
display: flex;
flex-wrap : wrap;
flex-direction: row;
justify-content: flex-start;
}
.flex_repeteur .rpt-item > span, .owl-carousel .rpt-item > span
{
display: block;
font-weight: 600;
font-size: 14px;
}
[data-type="repeteur-categorie"] .flex_repeteur .rpt-item > span, [data-type="repeteur-categorie"] .owl-carousel .rpt-item > span
{
margin-top: 1em;
}
.flex_repeteur .rpt-item, .owl-carousel .rpt-item
{
/* overflow: hidden;*/
}
.owl-carousel .owl-stage-outer
{
overflow: initial;
}
.flex_repeteur .rpt-item img
{
width: 100%;
height: auto;
vertical-align: middle;
aspect-ratio: 1 / 1;
/* object-fit: contain; */
}
.flex_repeteur > div
{
width: calc(100% / var(--width-flex-descktop));
min-width: calc(100% / var(--width-flex-descktop));
max-width: calc(100% / var(--width-flex-descktop));
padding: var(--margin-gap-descktop);
}
@media screen and (max-width: 992px) {
.flex_repeteur > div
{
width: calc(100% / var(--width-flex-tablet));
min-width: calc(100% / var(--width-flex-tablet));
max-width: calc(100% / var(--width-flex-tablet));
padding: var(--margin-gap-tablet);
}
}
@media screen and (max-width: 600px) {
.flex_repeteur > div
{
width: calc(100% / var(--width-flex-mobile));
min-width: calc(100% / var(--width-flex-mobile));
max-width: calc(100% / var(--width-flex-mobile));
padding: var(--margin-gap-mobile);
}
}
/* Categorie Design */
.rpt-categorie-radius-boxshadow .rpt-item > img
{
border-radius: 50%;
box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.4);
filter: hue-rotate(0deg) saturate(100%) brightness(100%) grayscale(0%) contrast(100%) invert(0%) sepia(0%) opacity(100%) blur(0px);
}
.rpt-categorie-radius-boxshadow .rpt-item > img:hover
{
filter: hue-rotate(0deg) saturate(100%) brightness(102%) grayscale(0%) contrast(100%) invert(0%) sepia(0%) opacity(100%) blur(0px);
transform: perspective(1000px) scaleX(1.04) scaleY(1.04) translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);
}
/* fixi overflow categorie et marque avec padding pour fafcihier items bien */
[data-type="repeteur-marque"] .repeteur-content .rpt-item, [data-type="repeteur-categorie"] .repeteur-content .rpt-item
{
cursor: pointer;
}
[data-type="repeteur-marque"] .repeteur-content, [data-type="repeteur-categorie"] .repeteur-content
{
overflow: hidden;
padding: 10px;
}
[data-type="repeteur-categorie"] .rpt-item > img
{
transition: all 300ms ease 0ms;
filter: hue-rotate(0deg) saturate(100%) brightness(100%) grayscale(0%) contrast(100%) invert(0%) sepia(0%) opacity(100%) blur(0px);
aspect-ratio: 3 / 3;
object-fit: cover;
}
.rpt-categorie-design1 .rpt-item > img:hover
{
filter: hue-rotate(0deg) saturate(100%) brightness(102%) grayscale(0%) contrast(100%) invert(0%) sepia(0%) opacity(100%) blur(0px);
transform: perspective(1000px) scaleX(1.04) scaleY(1.04) translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skewX(0deg) skewY(0deg);
}
.categorie-text-inside .rpt-item > span
{
display: block;
font-weight: 600;
font-size: 18px;
margin-top: 0 !important;
text-align: center;
padding: 15px 35px;
z-index: 9;
transition: 300ms all ease;
text-transform: uppercase;
}
[data-type="repeteur-marque"] .cible_css_rpt, [data-type="repeteur-categorie"] .cible_css_rpt
{
overflow: hidden;
position: relative;
}
.grid_wrapper .btn-span
{
display: block;
font-weight: 600;
font-size: 18px;
margin-top: 0 !important;
text-align: center;
padding: 15px 35px;
z-index: 9;
transition: 300ms all ease;
text-transform: uppercase;
cursor: pointer;
}
.grid_wrapper .btn-span:hover
{
color: var(--textcolorhover) !important;
background-color: var(--backgroundcolorhover) !important;
}
.section-title .section_title_content, .section-title .section_soustitle_content
{
/* margin: 0 auto; */
/* margin-bottom: 0.5em;*/
}
.section-title
{
display: flex;
flex-direction: column;
padding-Right: 20px;
padding-left: 20px;
}
.section-title .section_icon
{
display: block;
margin-top: 1em;
margin-bottom: 1em;
}
.rpt-produit-design1 .img_container_,
.rpt-produit-design2 .img_container_
{
overflow: hidden;
position: relative;
}
.rpt-produit-design3 .img_container_
{
border-radius: 20px;
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
.rpt-produit-design1 img,
.rpt-produit-design2 img
{
position: relative;
z-index: 1;
vertical-align: middle;
object-fit: cover;
height: 100% !important;
background-color: rgb(245 245 245);
}
.rpt-produit-design1 img.hover_img,
.rpt-produit-design2 img.hover_img
{
position: absolute;
top: 0;
left: 0;
z-index: 2;
opacity: 0 !important;
min-width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.rpt-produit-design1 .owl-item:hover img.hover_img,
.rpt-produit-design2 .owl-item:hover img.hover_img,
.rpt-produit-design1 .flex_repeteur > div:hover img.hover_img,
.rpt-produit-design2 .flex_repeteur > div:hover img.hover_img
{
transform: scale(1.10);
opacity: 1 !important;
}
.rpt-produit-design1 .control_btn,
.rpt-produit-design2 .control_btn
{
position: absolute;
z-index: 3;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
[data-type="repeteur-produit"] .info_container_ .prix_barre_produit_
{
text-decoration: line-through;
}
[data-type="repeteur-produit"] .prix_barre_produit_
{
margin-right: 7px;
}
.rpt-produit-design1 .info_container_,
.rpt-produit-design2 .info_container_
{
padding-top: 1em;
display: flex;
flex-direction: column;
gap: 5px;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showbtnacheter) .btn_prod_
{
display: none !important;
}
[data-type="repeteur-produit"] .info_container_ .btn_prod_
{
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
margin-top: 1em;
border: 1px solid black;
background: white;
transition: all 200ms ease;
gap: 5px;
width: 100%;
}
[data-type="repeteur-produit"] .info_container_{
padding: 1em;
}
[data-type="repeteur-produit"] .name_produit_
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600;
}
[data-type="repeteur-produit"] .description_produit_
{
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
}
[data-type="repeteur-produit"] .name_cate_
{
text-transform: uppercase;
font-weight: 300;
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
[data-type="repeteur-produit"] .prix_produit_
{
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
[data-type="repeteur-produit"] .prix_barre_produit_
{
font-size: small;
opacity: 0.5;
font-weight: 500;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showbtnaddtocard) .button_add_carte
{
display: none;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showbtnquickview) .button_quickview
{
display: none;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showcompteurpromo) .compteur_promo
{
display: none;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showcategoriename) .name_cate_
{
display: none;
}
[data-type="repeteur-produit"] .repeteur-content:not(.rpt-prod-showdescription) .description_produit_
{
display: none;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte
{
background: white;
width: calc(100% - 20px);
display: block;
position: absolute;
bottom: 10px;
margin-left: 10px;
transition: all .3s ease 0s;
text-decoration: solid !important;
color: #000;
height: 46px;
line-height: 46px;
padding: 0 20px;
text-transform: capitalize;
font-weight: 500;
font-size: 14px;
opacity: 0;
transform: translateY(30px);
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .owl-item:hover .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .owl-item:hover .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .owl-item:hover .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .flex_repeteur > div:hover .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .flex_repeteur > div:hover .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .flex_repeteur > div:hover .button_add_carte
{
opacity: 1;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .button_add_carte:hover,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_add_carte:hover
{
background: #444;
color: white;
fill: white ; /* for svg */
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_add_carte svg,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte svg
{
width: 24px;
margin-right: 5px;
margin-top: -3px;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_quickview,
[data-type="detail-produit-images"] .button_quickview
{
display: block;
position: absolute;
top: 10px;
right: 10px;
transition: all .3s ease 0s;
border-radius: 50px;
color: #000;
width: 40px;
height: 40px;
line-height: 40px;
outline: unset;
background: #fff;
opacity: 0;
transform: translateY(-30px);
box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .owl-item:hover .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .owl-item:hover .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .owl-item:hover .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style1 .flex_repeteur > div:hover .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .flex_repeteur > div:hover .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .flex_repeteur > div:hover .button_quickview
{
opacity: 1;
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
[data-type="repeteur-produit"] .owl-item, [data-type="repeteur-produit"] .flex_repeteur > div
{
cursor: pointer;
overflow: hidden;
}
[data-type="repeteur-produit"] .button_quickview svg
{
margin-top: -2px;
}
[data-type="repeteur-produit"] .button_quickview svg #p1, [data-type="repeteur-produit"] .button_quickview svg #p2
{
fill: #000;
}
[data-type="repeteur-produit"] .button_quickview svg #p2
{
fill: rgb(0 0 0 / 28%);
}
[data-type="detail-produit-prix"] .produit-price
{
display: flex;
align-items: center;
gap: 5px;
}
.badge_etiquette,
.badge_etiquette
{
position: absolute;
top: 18px;
left: 10px;
text-align: center;
font-size: 12px;
padding: 0 7px;
line-height: 24px;
min-width: 50px;
z-index: 1;
text-transform: capitalize;
}
.produit-price .badge_etiquette
{
position: initial;
}
.badge_etiquette.white_
{
background: white;
color: #444;
}
.produit-price .badge_etiquette.white_
{
border: 1px solid #444;
}
.badge_etiquette.jaune_
{
background: #f7e35f;
color: #444;
}
.badge_etiquette.rouge_
{
background: #cd0404;
color: white;
}
.badge_etiquette.blue_
{
background: #17469e;
color: white;
}
.badge_etiquette.black_
{
background: #000;
color: white;
}
.badge_etiquette.vert_
{
background: rgb(100, 154, 87);
color: #444;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte
{
position: relative;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .control_btn,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .control_btn
{
display: flex;
align-items: flex-end;
justify-content: center;
gap: 15px;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_add_carte,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte
{
padding: 0 15px;
width: auto;
border-radius: 50px;
font-size: 12px;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style2 .button_quickview,
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_quickview
{
top: auto;
width: 45px;
min-width: 45px;
height: 46px;
line-height: 46px;
right: 5px;
bottom: 10px;
transform: translateY(30px);
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte
{
padding:0;
width: 45px;
min-width: 45px;
height: 46px;
line-height: 46px;
}
[data-type="repeteur-produit"] .control-btnpanier-quickview-style3 .button_add_carte svg
{
margin-right:0;
}
[data-type="repeteur-produit"] .fast-animation-hover-img img.hover_img
{
transition: 0.25s !important;
}
[data-type="repeteur-produit"] .slow-animation-hover-img img.hover_img
{
transition: opacity 480ms ease, transform 4080ms ease !important;
}
[data-type="repeteur-produit"] .no-animation-hover-img img.hover_img
{
transition: none !important;
}
/* Produit Design 2 */
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement
{
overflow: hidden;
position: relative;
height: 100%;
width: 100%;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .transform_slider
{
pointer-events: none;
position: relative;
transition: all 300ms ease;
height: 100%;
width: 100%;
}
/* [data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .img
{
pointer-events: none;
position: absolute;
}*/
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .img[data-src-mouse-move]
{
display: none;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .pill_slider
{
position:absolute;
display:flex;
bottom: 0px;
left: -2px;
right: -2px;
height: 6px;
opacity: 1;
transform: translateY(0px);
transition: .085s all ease-in;
background-color: white;
/* border-radius: 9999px;*/
/* opacity: 0;*/
pointer-events: none;
z-index: 9999999999;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .img_container_:hover .pill_slider
{
opacity: 1;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .pill_slider > div
{
padding: 2px;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .pill_slider .flex-auto
{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
min-height: 0;
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .pill_slider .pill
{
/* border-radius: 9999px;*/
display: block;
border: 2px solid rgb(227, 228, 228);
}
[data-type="repeteur-produit"] .rpt-produit-design2 .record_item_attachement .pill_slider .active
{
border: 2px solid rgb(182, 183, 184);
}
[data-type="repeteur-produit"] .rpt-produit-design2 .control_btn
{
bottom: 10px;
}
[data-type="repeteur-produit"].LoadingAjax
{
opacity: 0.5;
pointer-events: none;
}
/* Produit Design 2 */
/* Categorie Filtre */
[data-type="repeteur-categorie-filtre"]
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-type="repeteur-categorie-filtre"] .hide_titre_cat_filtre .title_cat_filtre,
[data-type="repeteur-categorie-filtre"] .hide_showall_cat_filtre .showall_cat_filtre
{
visibility: hidden !important;
}
[data-type="repeteur-categorie-filtre"] .hide_titre_cat_filtre.hide_showall_cat_filtre .title_cat_filtre,
[data-type="repeteur-categorie-filtre"] .hide_titre_cat_filtre.hide_showall_cat_filtre .showall_cat_filtre
{
display: none !important;
}
[data-type="repeteur-categorie-filtre"] .title_cat_filtre p
{
margin-bottom: 0;
padding-right: 20px;
font-weight: 500;
font-size: 22px;
text-align: left;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .container_cat_filtre,
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .container_cat_filtre,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .container_cat_filtre
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
gap: 10px;
/* padding: 10px; */
align-items: center;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .wrap_cat_fix_shadow,
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .wrap_cat_fix_shadow,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .wrap_cat_fix_shadow
{
margin-top: 0px;
margin-bottom: 0.5em;
order: 4;
width: calc(100% - 40px);
position: relative;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .cat_filtre
{
display: flex;
overflow-x: scroll;
gap: 10px;
scrollbar-color: transparent transparent;
padding-right: 40px;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .cat_action
{
opacity: 0.5;
border-radius: 10px;
}
[data-type="repeteur-categorie-filtre"] .cat_action,
[data-type="repeteur-categorie-filtre"] .showall_action
{
font-weight: 500;
color: #1B1F22;
font-size: 12px;
text-decoration: none;
padding: 7px 10px;
}
[data-type="repeteur-categorie-filtre"] .showall_action
{
font-size: 10px;
}
[data-type="repeteur-categorie-filtre"] .showall_action i
{
margin-left: 5px;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .cat_action:hover
{
opacity: 1;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .cat_action.active
{
background: #EDEDEE;
opacity: 1;
}
[data-type="repeteur-categorie-filtre"] .cat_action, [data-type="repeteur-categorie-filtre"] .showall_action
{
white-space: nowrap;
cursor: pointer;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design1 .cat_shadow
{
width: 60px;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
z-index: 99999;
order: 1;
position: absolute;
right: 0px;
top: auto;
bottom: 5px;
height: 100%;
}
[data-type="repeteur-categorie-filtre"] .title_cat_filtre
{
order: 2;
max-width: 75% !important;
}
[data-type="repeteur-categorie-filtre"] .showall_cat_filtre
{
order: 3;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_shadow,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .cat_shadow
{
display: none !important;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_filtre,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .cat_filtre
{
gap: 10px;
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 1em;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action
{
position: relative;
opacity: 0.5;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .cat_action
{
position: relative;
text-transform: uppercase;
opacity: 0.5;
font-weight: 600;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action:hover,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .cat_action:hover,
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action.active,
[data-type="repeteur-categorie-filtre"] .catfiltre-design3 .cat_action.active
{
opacity: 1 !important;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action:hover:after,
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action.active:after
{
content: '';
background: black;
height: 1px;
position: absolute;
left: 10px;
width: 90%;
bottom: 0;
position: absolute;
left: 50% !important;
transform: translateX(-50%);
opacity: 1;
}
[data-type="repeteur-categorie-filtre"] .catfiltre-design2 .cat_action:after
{
content: '';
background: black;
height: 1px;
position: absolute;
left: 10px;
width: 0%;
bottom: 0;
position: absolute;
left: 50% !important;
transform: translateX(-50%);
transition: all 300ms ease;
}
body.PublishedBody .ElementDynClass[data-type="detail-produit-source"],
body.PreviewModeBody .ElementDynClass[data-type="detail-produit-source"]
{
display: none !important;
}
.ElementDynClass[data-type="detail-produit-source"]
{
/* height: 120%;
position: absolute !important;
pointer-events: none;
opacity: 0;*/
}
.produit-price .prix_barre_produit_
{
font-size: small;
opacity: 0.5;
font-weight: 500;
text-decoration: line-through;
margin-right: 7px;
}
.RedAlertPrice
{
font-weight: 700 !important;
color: red;
}
.RedAlertPrice .prix_barre_produit_,
.RedAlertPrice .prix_produit_,
.RedAlertPrice .badge_etiquette
{
display: none !important;
}
.owl-theme .owl-dots .owl-dot
{
outline: 0;
}
.ElementDynClass .owl-theme .owl-nav [class*=owl-] {
transition: all 0.3s ease;
}
.ElementDynClass .owl-theme .owl-nav [class*=owl-].disabled:hover {
background-color: #D6D6D6;
}
.ElementDynClass .owl-theme {
position: relative;
}
.ElementDynClass .owl-next,
.ElementDynClass .owl-prev
{
width: 22px;
height: 40px;
margin-top: -20px !important;
position: absolute;
top: 50%;
}
.ElementDynClass[data-type="repeteur-produit"] .repeteur-content .owl-next,
.ElementDynClass[data-type="repeteur-produit"] .repeteur-content .owl-prev
{
top: 38%;
}
.ElementDynClass .repeteur-content.rpt-navigation-black .owl-nav button,
.ElementDynClass .slider_content.rpt-navigation-black .owl-nav button
{
background: #444 !important;
}
.ElementDynClass .repeteur-content.rpt-navigation-black .owl-nav button svg,
.ElementDynClass .slider_content.rpt-navigation-black .owl-nav button svg
{
fill: white !important;
}
@media screen and (max-width: 920px)
{
.ElementDynClass .repeteur-content .owl-nav,
.ElementDynClass .slider_content .owl-nav,
.ElementDynClass .repeteur-content .owl-dots,
.ElementDynClass .slider_content .owl-dots,
.ElementDynClass .owl-nav,
.ElementDynClass .owl-dots
{
opacity: 1 !important;
}
}
.ElementDynClass .repeteur-content:hover .owl-nav,
.ElementDynClass .slider_content:hover .owl-nav,
.ElementDynClass .repeteur-content:hover .owl-dots,
.ElementDynClass .slider_content:hover .owl-dots
{
opacity: 1;
}
.ElementDynClass .owl-prev {
left: 10px;
}
.ElementDynClass .owl-next {
right: 10px;
}
.ElementDynClass .owl-nav, .ElementDynClass .owl-dots
{
transition: ease 200ms opacity;
opacity: 0;
}
.ElementDynClass .owl-nav button
{
cursor: pointer;
background: #fff !important;
box-shadow: rgba(27, 31, 34, 0.05) 0px 1px 3px, rgba(27, 31, 34, 0.05) 0px 20px 25px -5px, rgba(27, 31, 34, 0.04) 0px 10px 10px -5px !important;
border-radius: 50px !important;
width: 40px;
height: 40px;
line-height: 40px;
outline: 0;
}
.ElementDynClass .owl-nav button svg
{
width: 9px;
}
.ElementDynClass .owl-theme .owl-nav [class*='owl-']:hover
{
background: transparent;
}
[data-type="detail-produit-images"]:hover .owl-nav
{
opacity: 1;
}
[data-type="detail-produit-images"] .owl-nav button
{
outline: 0;
}
[data-type="detail-produit-images"] .button_quickview
{
opacity: 0;
transform: translateY(0px);
z-index: 999;
cursor: pointer;
}
[data-type="detail-produit-images"] .owl-carousel .owl-item img
{
aspect-ratio: 1 / 1;
object-fit: cover;
}
[data-type="detail-produit-images"] .image-preview, [data-type="detail-produit-images"] .image-thumbnail
{
overflow: hidden;
}
.owl-theme .owl-nav .disabled
{
opacity: 0.3;
}
[data-type="detail-produit-images"]:not(.ShowNavigation) .owl-nav,
[data-type="detail-produit-images"]:not(.ShowZoomImage) .LargeView
{
visibility: hidden !important;
}
[data-type="detail-produit-images"].Style1_DesignPredefinit .produit-img
{
display: flex;
flex-direction: column;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .produit-img
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
gap:10px;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-preview
{
order: 2;
position: relative;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail
{
order: 1;
min-width: 78px;
max-width: 78px;
position: relative;
/* padding-top: 5px;*/
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail .owl-item
{
transform: rotate3d(0, 0, 1, -90deg);
min-width: 78px;
width: 78px;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail .owl-item .item
{
min-width: 78px;
width: 78px;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail .owl-carousel
{
transform: rotate3d(0, 0, 1, 90deg);
}
[data-type="detail-produit-images"].Style3_DesignPredefinit img,
[data-type="detail-produit-images"].Style4_DesignPredefinit img,
[data-type="detail-produit-images"].Style5_DesignPredefinit img,
[data-type="detail-produit-images"].Style6_DesignPredefinit img
{
width: 100%;
height: auto;
vertical-align: middle;
object-fit: cover;
}
[data-type="detail-produit-images"].Style3_DesignPredefinit .items_vertical,
[data-type="detail-produit-images"].Style4_DesignPredefinit .items_vertical
{
display: flex;
flex-direction: column;
gap: 20px;
}
[data-type="detail-produit-images"].Style5_DesignPredefinit .items_vertical,
[data-type="detail-produit-images"].Style6_DesignPredefinit .items_vertical
{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
[data-type="detail-produit-images"].Style3_DesignPredefinit .items_vertical .item,
[data-type="detail-produit-images"].Style4_DesignPredefinit .items_vertical .item,
[data-type="detail-produit-images"].Style5_DesignPredefinit .items_vertical .item,
[data-type="detail-produit-images"].Style6_DesignPredefinit .items_vertical .item
{
position: relative;
cursor: pointer;
}
[data-type="detail-produit-images"].Style5_DesignPredefinit .items_vertical .item,
[data-type="detail-produit-images"].Style6_DesignPredefinit .items_vertical .item
{
width: 50%;
padding: 3px;
}
body [data-type="detail-produit-images"].Style6_DesignPredefinit .items_vertical .item:first-child
{
width: 100%;
}
[data-type="detail-produit-images"].Style1_DesignPredefinit .button_quickview,
[data-type="detail-produit-images"].Style2_DesignPredefinit .button_quickview,
[data-type="detail-produit-images"].Style3_DesignPredefinit .button_quickview,
[data-type="detail-produit-images"].Style4_DesignPredefinit .button_quickview,
[data-type="detail-produit-images"].Style5_DesignPredefinit .button_quickview,
[data-type="detail-produit-images"].Style6_DesignPredefinit .button_quickview
{
opacity: 0;
transition: opacity ease 200ms;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
[data-type="detail-produit-images"].Style1_DesignPredefinit:hover .button_quickview,
[data-type="detail-produit-images"].Style2_DesignPredefinit:hover .button_quickview,
[data-type="detail-produit-images"].Style3_DesignPredefinit .item:hover .button_quickview,
[data-type="detail-produit-images"].Style4_DesignPredefinit .item:hover .button_quickview,
[data-type="detail-produit-images"].Style5_DesignPredefinit .item:hover .button_quickview,
[data-type="detail-produit-images"].Style6_DesignPredefinit .item:hover .button_quickview
{
opacity: 1;
}
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail
{
margin-bottom: 10px;
}
[data-type="detail-produit-images"].Style4_DesignPredefinit .vertical_images
{
display: flex;
flex-wrap:nowrap;
gap: 20px;
}
[data-type="detail-produit-images"].Style4_DesignPredefinit .items_vertical_thumb
{
display: flex;
flex-direction: column;
gap: 10px;
position: sticky;
top: 0;
}
[data-type="detail-produit-images"].Style4_DesignPredefinit .items_vertical_thumb img
{
width: 78px;
cursor: pointer;
}
.ElementDynClass .slider_content.rpt-navigation-line .owl-dots
{
position: relative;
top: -60px;
margin-top: initial !important;
}
.ElementDynClass .repeteur-content:not(.rpt-navigation-dot):not(.rpt-navigation-line) .owl-dots,
.ElementDynClass .repeteur-content:not(.rpt-navigation-light):not(.rpt-navigation-black) .owl-nav,
.ElementDynClass .slider_content:not(.rpt-navigation-dot):not(.rpt-navigation-line) .owl-dots,
.ElementDynClass .slider_content:not(.rpt-navigation-light):not(.rpt-navigation-black) .owl-nav
{
display: none !important;
}
.ElementDynClass .repeteur-content.rpt-navigation-off .owl-dots,
.ElementDynClass .repeteur-content.rpt-navigation-off .owl-nav,
.ElementDynClass .slider_content.rpt-navigation-off .owl-dots,
.ElementDynClass .slider_content.rpt-navigation-off .owl-nav
{
display: none !important;
}
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dots,
.ElementDynClass .slider_content.rpt-navigation-line .owl-dots
{
text-align: center;
margin-top: 40px;
}
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dot,
.ElementDynClass .slider_content.rpt-navigation-line .owl-dot
{
height: 2px;
width: 45px;
margin: 0 5px;
outline: none;
border-radius: 14px;
/* border: 2px solid #0072bc!important;*/
box-shadow: 0px 4px 15px rgba(0,0,0,0.2);
transition: all 0.3s ease;
opacity: 0.5;
background: white;
}
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dot
{
background:#444;
}
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dot.active,
.ElementDynClass .slider_content.rpt-navigation-line .owl-dot.active,
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dot:hover,
.ElementDynClass .slider_content.rpt-navigation-line .owl-dot:hover
{
/* background: white !important;*/
opacity: 1;
}
.ElementDynClass .repeteur-content.rpt-navigation-line .owl-dot span,
.ElementDynClass .slider_content.rpt-navigation-line .owl-dot span
{
opacity: 0 !important;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups
{
align-items: flex-start;
display: flex;
flex-wrap: wrap;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group
{
margin: 0px 0px;
padding: 0 7.5px;
flex: 1 auto;
flex-basis: 50%;
width: 50%;
position: relative;
text-align: left;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group .input__,
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="coupon_code"]
{
border-radius: 5px;
border: 1px solid black;
padding: 10px 15px;
background-color: #fafafa;
min-height: 50px;
transition: all .25s;
width: 100%;
position: relative;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group .input__:focus,
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="coupon_code"]:focus
{
background: white;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group i
{
position: absolute;
z-index: 99999;
bottom: 19px;
left: 23px;
}
[data-type="detail-produit-formulaire"] .element_content
{
/* padding: 15px 15px;*/
/* border-style: solid;*/
/* border-width: 1px;*/
/* border-color: black;*/
/* border-radius: 10px;*/
/* box-shadow: 2px 2px 2px 2px #888888;*/
background-color: #f5f5f5;
}
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group.hasIcon .input__
{
padding-left: 40px;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon
{
margin-top: 1.5em;
padding: 0 7.5px;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap
{
display: flex;
flex-wrap: nowrap;
position: relative;
width: 100%;
gap: 10px;
align-items: stretch;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="coupon_code"]
{
flex: 30%;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="apply_coupon"],
[data-type="detail-produit-formulaire"] .formulaire-container .action-checkout input[type="submit"]
{
background: #E6524B;
color: white;
font-size: 14px;
border-radius: 4px;
min-height: 50px;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="apply_coupon"]
{
height: initial;
min-height: initial;
font-weight: 500;
}
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap input[name="apply_coupon"]:hover,
[data-type="detail-produit-formulaire"] .formulaire-container .action-checkout input[type="submit"]:hover
{
background: #AE1923;
}
[data-type="detail-produit-formulaire"] .formulaire-container .action-checkout
{
padding: 7.5px;
padding-top: 0.5em;
width: 100%;
position: relative;
}
[data-type="detail-produit-formulaire"] .formulaire-container .action-checkout input[type="submit"]
{
border: 0;
width: 100%;
font-size: 22px;
font-weight: 700;
}
@media screen and (max-width: 950px) {
[data-type="detail-produit-formulaire"] .formulaire-container .coupon .coupon_wrap
{
flex-wrap: wrap;
flex-direction: column;
}
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery
{
border-radius: 8px;
background: #ebebeb;
padding: 20px;
margin: 7.5px;
margin-top: 1em;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery h3
{
text-align: center;
margin-bottom: 1em;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery table,
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tbody,
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr
{
width: 100%;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr td
{
text-align: right;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr th
{
font-weight: 400;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tbody
{
font-size: 14px;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr.cart-order-total th,
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr.cart-order-total td
{
font-weight: 700;
font-size: 18px;
}
[data-type="detail-produit-formulaire"] .formulaire-container .form-label
{
margin-top: 1em;
}
[data-type="detail-produit-formulaire"]:not(.ShowLabels) .formulaire-container .form-label
{
visibility: hidden;
margin-top: 0em;
}
[data-type="detail-produit-formulaire"]:not(.ShowIcons) .formulaire-container .hasIcon i,
[data-type="detail-produit-formulaire"]:not(.ShowCoupon) .formulaire-container .coupon,
[data-type="detail-produit-formulaire"]:not(.ShowBtnAddCard) .formulaire-container .action-add-card,
[data-type="detail-produit-formulaire"]:not(.ShowMethodeLivraison) .livraison-container,
[data-type="detail-produit-formulaire"]:not(.ShowOrderSummary) .order-summery
{
display: none !important;
}
[data-type="detail-produit-formulaire"]:not(.ShowIcons) .formulaire-container .checkout-groups > .form-group.hasIcon .input__
{
padding-left: 15px;
}
[data-type="detail-produit-formulaire"] .action-add-card hr:after
{
content: "or";
display: inline-block;
position: relative;
top: -10px;
padding: 0 16px;
background: #f5f5f5;
left: calc(50% - 20px);
}
[data-type="detail-produit-formulaire"] .action-add-card
{
margin: 7.5px;
}
[data-type="detail-produit-formulaire"] .action-add-card .btn-add-card
{
background: #444;
color: white;
font-size: 14px;
border-radius: 4px;
min-height: 50px;
width: 100%;
font-weight: 500;
}
[data-type="detail-produit-formulaire"] input
{
transition: ease all 300ms;
}
[data-type="detail-produit-formulaire"]
{
font-family: Cairo;
}
[data-type="detail-produit-formulaire"] .siparator_ou
{
display: flex;
flex-wrap: nowrap;
width: 100%;
margin-bottom: 1em;
}
[data-type="detail-produit-formulaire"] .siparator_ou .ou_
{
width: 50px;
text-align: center;
}
[data-type="detail-produit-formulaire"] .siparator_ou div:not(.ou_)
{
flex:1;
position: relative;
}
[data-type="detail-produit-formulaire"] .siparator_ou div:not(.ou_):after
{
position: absolute;
content:'';
left: 0;
width: 100%;
height: 1px;
top: 50%;
background: #b5b5b5;
}
/* quantity */
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input,
[data-type="panier-resumer"] .qty-input {
color: #000;
background: #fff;
display: flex;
align-items: center;
overflow: hidden;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .product-qty,
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count,
[data-type="panier-resumer"] .qty-input .product-qty,
[data-type="panier-resumer"] .qty-input .qty-count {
background: transparent;
color: inherit;
font-weight: bold;
font-size: inherit;
border: none;
display: inline-block;
min-width: 0;
height: 3.5rem;
line-height: 1;
}
[data-type="detail-produit-quantity"] .size_guide.empty
{
display: none !important;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .product-qty:focus,
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:focus,
[data-type="panier-resumer"] .qty-input .product-qty:focus,
[data-type="panier-resumer"] .qty-input .qty-count:focus {
outline: none;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .product-qty,
[data-type="panier-resumer"] .qty-input .product-qty {
font-weight: 400;
width: 40px;
min-width: 0;
display: inline-block;
text-align: center;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .product-qty::-webkit-outer-spin-button,
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .product-qty::-webkit-inner-spin-button,
[data-type="panier-resumer"] .qty-input .product-qty::-webkit-outer-spin-button,
[data-type="panier-resumer"] .qty-input .product-qty::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count,
[data-type="panier-resumer"] .qty-input .qty-count {
padding: 0;
cursor: pointer;
width: 3.5rem;
font-size: 1.25em;
text-indent: -100px;
overflow: hidden;
position: relative;
min-height: 30px;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:before,
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:after,
[data-type="panier-resumer"] .qty-input .qty-count:before,
[data-type="panier-resumer"] .qty-input .qty-count:after {
content: "";
height: 2px;
width: 10px;
position: absolute;
display: block;
background: #000;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count--add:after,
[data-type="panier-resumer"] .qty-input .qty-count--add:after {
transform: rotate(90deg);
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:disabled,
[data-type="panier-resumer"] .qty-input .qty-count:disabled {
color: #ccc;
background: #f2f2f2;
cursor: not-allowed;
/*border-color: transparent;*/
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:disabled:before,
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input .qty-count:disabled:after,
[data-type="panier-resumer"] .qty-input .qty-count:disabled:before,
[data-type="panier-resumer"] .qty-input .qty-count:disabled:after {
background: #ccc;
}
[data-type="detail-produit-quantity"] .produit-quantity.default_design .qty-input,
[data-type="panier-resumer"] .qty-input {
/* width: 130px;*/
border-radius: 4px;
border: 1px solid #4b4b4b;
/* transform: scale(1.2) translate(10px, 0px);*/
}
[data-type="panier-resumer"] .qty-input
{
width: 130px;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 .qty-input
{
background: #F5F5F5;
padding: 12px;
border-radius: 4px;
border:0;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 button.qty-count
{
background: white !important;
border-radius: 4px !important;
width: 32px !important;
height: 32px !important;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 button.qty-count:hover
{
background: #E6524B !important;
color: white !important;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 button.qty-count:hover:after,
[data-type="detail-produit-quantity"] .produit-quantity.design2 button.qty-count:hover:before
{
background: white;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 .qty-input .qty-count:before,
[data-type="detail-produit-quantity"] .produit-quantity.design2 .qty-input .qty-count:after {
content: "" !important;
height: 1px !important;
width: 8px !important;
}
[data-type="detail-produit-quantity"] .produit-quantity.design2 .qty-input .product-qty
{
width: 72px !important;
}
[data-type="detail-produit-quantity"] button.qty-count,
[data-type="panier-resumer"] button.qty-count
{
transition: ease all 300ms;
}
[data-type="detail-produit-quantity"] .produit-quantity.design3 .qty-input .qty-count--minus {
border-right: 1px solid #4b4b4b;
}
[data-type="detail-produit-quantity"] .produit-quantity.design3 .qty-input .qty-count--add {
border-left: 1px solid #4b4b4b;
}
/* END Poup Quick View */
/* Variants Select Btn Product */
[data-type="detail-produit-variants"] .container_variant_parent
{
border-top: 1px solid #eeeeee !important;
padding-bottom: 1.5em !important;
border-bottom: 1px solid #eeeeee !important;
margin-bottom: 2em !important;
margin-top: 1.5em !important;
}
[data-type="detail-produit-variants"] .container_variant
{
text-align: left;
}
[data-type="detail-produit-variants"] .container_variant .btn_variants
{
position:relative;font-family: Lato;font-size:14px; background: white; padding: 7px; padding-right: 10px; padding-left: 10px;min-width: 35px; border: 1px solid #4b4b4b; margin-right: 10px;
margin-bottom: 10px;
}
[data-type="detail-produit-variants"] .container_variant .btn_variants:focus
{
box-shadow : none !important;
outline: 0;
}
[data-type="detail-produit-variants"] .container_variant .btn_variants.selected
{
background: #4b4b4b;
color: white;
}
[data-type="detail-produit-variants"] .container_variant .btn_variants.off:after
{
content: '';
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) rotate(224deg);
width: 2px;
height: calc(100% + 16px);
background: #bcbcbc;
border-radius: 25px;
}
[data-type="detail-produit-variants"] .container_variant .btn_variants.off
{
opacity: 0.5;
}
[data-type="detail-produit-variants"] .variant_titre_text
{
font-weight: 600;font-size: 14px;letter-spacing: 0;line-height: 1;text-align: left;
color: rgb(27, 31, 34);
margin-bottom: 0.5em;
}
/* END */
[data-type="detail-produit-images"].Style2_DesignPredefinit .image-thumbnail .owl-stage-outer
{
padding-left: 2px;
min-width: 480px;
}
/* les code integrer ifram object pour ne pas depasser ndirohoum max-width */
embed, iframe, object, video {
max-width: 100%;
}
/* Video Overlay Styles */
.ElementDynClass[data-type="video"] .overlay
{
position: absolute;
z-index: 10;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
cursor: pointer;
}
.ElementDynClass[data-type="video"] .overlay .overlay_hover
{
width: 100%;
height: 100%;
position: absolute;
z-index: 100;
}
.ElementDynClass[data-type="video"] .overlay .overlay_hover .video_play_icon
{
position:absolute;
top:50% !important;
left:50% !important;
transform: translate(-50%, -50%);
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon
{
pointer-events: none !important;
}
/* Video transition fix */
.ElementDynClass[data-type="video"] .video_child_cible *
{
/* No Transition sinon yassra problem */
transition:none;
}
.ElementDynClass[data-type="video"] .video_play_icon, .ElementDynClass[data-type="video"] .overlay_hover
{
transition: ease 300ms all;
}
.BodyPages:not(.PreviewMode) .ElementDynClass[data-type="video"] .video_child_cible .video_iframe
{
pointer-events: none;
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon
{
border-radius: 50%;
background: white;
width: 70px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon::before,.ElementDynClass[data-type="video"] .overlay .video_play_icon::after {
opacity: 0;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 5px;
left: 5px;
bottom: 0;
content: "";
height: 60px;
width: 60px;
border: 2px solid #fff;
border-radius: 100%;
-webkit-animation-name: ripple;
animation-name: ripple;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: cubic-bezier(.65,0,.34,1);
animation-timing-function: cubic-bezier(.65,0,.34,1);
z-index: -1
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon::before {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: .5s;
animation-delay: .5s
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon::after {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 0s;
animation-delay: 0s
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon:hover {
background-color: #2a84ff;
color: #fff
}
.ElementDynClass[data-type="video"] .overlay .video_play_icon:hover::before,.ElementDynClass[data-type="video"] .overlay .video_play_icon:hover::after {
border-color: #2a84ff
}
@keyframes ripple {
from {
opacity: 1;
transform: scale3d(1.19,1.19,1.45)
}
to {
opacity: 0;
transform: scale3d(1.95,1.95,1.19)
}
}
.BodyPages:not(.PreviewMode) .ElementDynClass[data-type="script"] .code_content
{
pointer-events: none;
}
@media screen and (max-width: 750px) {
.ElementDynClass .slider_wrapper img.descktop
{
display: none !important;
}
}
@media screen and (min-width: 750px) {
.ElementDynClass .slider_wrapper img.mobile
{
display: none !important;
}
}
.ElementDynClass .slider_wrapper img.descktop
{
object-fit: cover;
aspect-ratio: 2 / 1;
}
.ElementDynClass .slider_wrapper img.mobile
{
aspect-ratio: 1 / 1;
object-fit: cover;
}
.ElementDynClass[data-type="button"] .btn_child_cible
{
/* white-space: pre;*/
width: 100%;
height: 100%;
display: block;
background: lime;
display: flex;
align-items: center;
justify-content: center;
line-height: 1.8;
min-height: 100%;
position:relative;
}
.ElementDynClass[data-type="button"] .btn_child_cible .caption_button_span
{
text-align: center;
}
.ElementDynClass[data-type="button"] .btn_child_cible i
{
font-size: 14px;
}
.ElementDynClass[data-type="button"] .btn_child_cible
{
gap: 5px;
}
.ElementDynClass .element_content
{
height: 100%;
width: 100%;
position: relative;
}
/*.ElementDynClass.columnEl > .element_content
{
margin: 0px;
}*/
.ElementDynClass[data-type="icon"] .element_content, .ElementDynClass .svg_child_cible,
.ElementDynClass[data-type="image"] .element_content
{
display: block;
}
.pageClass .columnEl .row
{
/* margin-right: initial;*/
/* margin-left: initial;*/
}
.ElementDynClass .accordion .card-header button
{
box-shadow: none;
text-decoration: none;
outline: 0;
}
.ElementDynClass .accordion .card-header button .text_header
{
gap: 5px;
display: flex;
align-items: center;
}
.ElementDynClass .accordion .card-header button .span_icon
{
border-radius: 3px;
display: flex;
align-items: center;
}
.ElementDynClass .accordion .card-header button .span_icon i
{
width: 100%;
text-align: center;
}
.ElementDynClass[data-type="accordion"]:not(.alignementDroite) .card-header button .span_icon
{
margin-right: 5px;
}
.ElementDynClass[data-type="accordion"].alignementDroite .card-header button .span_icon
{
margin-left: 5px;
}
.ElementDynClass .accordion .card-header .btn-link
{
justify-content: space-between; display: flex;gap:10px; align-items: center;
}
.ElementDynClass.alignementDroite
{
direction: rtl;
text-align: right !important;
}
.ElementDynClass.alignementDroite .element_content .span_text
{
text-align: right !important;
}
.ElementDynClass[data-type="accordion"]:not(.alignementDroite) .element_content .card-body
{
text-align: left;
}
.ElementDynClass[data-type="accordion"].alignementDroite .element_content .card-body
{
text-align: right;
}
/*.ElementDynClass[data-type="accordion"] .card
{
border:0;
}*/
.accordion>.card>.card-header
{
margin-bottom: 0;
}
/* Panier Side Barre Bag Section */
section.bagWrap
{
background-color: #f7f7f7;
z-index: 9999999999999999999999999;
height: 100%;
position: fixed;
right: -400px;
width: 380px;
top: 0;
transition: all .3s ease;
max-width: calc(100% - 20px);
}
section.bagWrap.active
{
right: 0px;
}
section.bagWrap .closeIcon
{
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 45px;
color: #111111;
border-right: 1px solid #dedede;
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
text-align: center;
line-height: 47px;
}
section.bagWrap .title
{
font-weight: 500;
line-height: 43px;
height: 45px;
color: #111111;
border-bottom: 1px solid #ecebeb;
padding-bottom: 0;
margin-bottom: 0;
text-align: center;
font-size: 20px;
}
section.bagWrap .count
{
font-weight: 600;
display: block;
min-width: 45px;
height: 45px;
text-align: center;
line-height: 46px;
color: #111111;
position: absolute;
right: 0;
top: 0;
border: 1px solid #ecebeb;
border-top: transparent;
border-right: transparent;
}
section.bagWrap .body {
position: relative;
height: calc(100vh - 162px);
max-height: 100%;
overflow: auto;
padding: 0 20px;
}
section.bagWrap .sub-total {
height: 59px;
line-height: 59px;
background-color: #fff;
color: #111111;
padding: 0 15px;
overflow: hidden;
bottom: 59px;
position: absolute;
width: 400px;
max-width: 100%;
}
section.bagWrap .sub-total .total-title {
font-size: 18px;
font-weight: 500;
}
section.bagWrap .sub-total .total-price {
width: auto;
font-weight: 600;
display: block;
color: var(--bs-secondary-color);
}
section.bagWrap .action-checkout {
bottom: 0;
position: absolute;
width: 400px;
max-width: 100%;
}
section.bagWrap .action-checkout .button-viewcart {
width: 50%;
display: block;
float: left;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: center;
letter-spacing: .2em;
height: 59px;
line-height: 61px;
color: #fff;
background-color: #4f5264;
transition: color .3s ease 0s,background-color .3s ease 0s;
}
section.bagWrap .action-checkout .button-checkout {
width: 50%;
display: block;
float: left;
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
text-align: center;
letter-spacing: .2em;
height: 59px;
line-height: 61px;
color: #fff;
background-color: var(--bs-night-color);
transition: color .3s ease 0s,background-color .3s ease 0s;
}
section.bagWrap .action-checkout .button-viewcart:hover, section.bagWrap .action-checkout .button-checkout:hover {
/* background-color: #cd8f5c; */
}
section.bagWrap .action-checkout a:focus, section.bagWrap .action-checkout a:active, section.bagWrap .action-checkout a:hover {
outline: 0 !important;
text-decoration: none !important;
}
section.bagWrap .body::-webkit-scrollbar {
width: 3px;
}
section.bagWrap .body::-webkit-scrollbar-thumb {
background: #ddd;
border-radius: 10px;
}
section.bagWrap .body::-webkit-scrollbar-track {
background: #fff;
}
section.bagWrap .body .item_product li {
border-bottom: 1px solid #e1e1e1;
align-items: flex-start;
position: relative;
padding: 20px 0;
padding-bottom : 5px;
}
section.bagWrap .body .item_product li .product-image {
width: 25%;
}
section.bagWrap .body .item_product li .product-image .img
{
width: 100%;
min-height: 80px;
background-size: contain !important;
max-width: 80px;
}
section.bagWrap .body .item_product li .product-detail {
width: 70%;
padding-left: 20px;
}
section.bagWrap .body .item_product li .product-detail .product_name_mini {
line-height: 16px;
font-size: 1.75rem;
margin-bottom: 7px;
}
section.bagWrap .body .item_product li .product-detail .product_name_mini a:hover {
color: var(--bs-secondary-color);
}
section.bagWrap .body .item_product li .product-detail .product_name_mini a {
font-size: 16px;
text-align: justify;
color: #111111;
text-decoration: none;
font-weight: 500;
font-family: roboto;
}
section.bagWrap .body .item_product li .product-detail .product_info {
font-size: 12px;
font-weight: 300;
}
section.bagWrap .body .item_product li .product-detail .product_info .product_quanity {
margin-bottom: 5px;
font-weight: 500;
}
section.bagWrap .body .item_product li .product-detail .product_info {
font-size: 12px;
font-weight: 300;
color: #111111;
}
section.bagWrap .body .item_product li .product-detail span {
/* font-size: 16px; */
padding-top: 10px;
color: #111111;
font-weight: 500;
}
section.bagWrap .body .item_product li .produc_remove {
width: 15%;
}
section.bagWrap .body .item_product li .produc_remove a {
position: absolute;
top: 19px;
right: 0;
color: #111111;
font-size: 14px;
text-decoration: none;
}
section.bagWrap .body .item_product li .produc_remove a:hover {
color: var(--bs-secondary-color);
}
.bg_box {
transition: opacity .5s ease;
width: 100vw;
height: 100vh;
background-color: rgba(0,0,0,.7);
top: 0;
left: 0;
position: fixed;
z-index: 9999;
opacity: 0;
cursor: url(data/images/cancel-white.webp) 15 15, auto;
}
.bg_box.show
{
opacity: 1;
}
/* END Bag Section */
body.EditorSpaceBuilder .bs-searchbox .form-control
{
width: 89%;
float: none;
max-height: 25px;
box-shadow: none;
margin-bottom: 10px;
}
body.PublishedBody .dropdown-menu input[type="search"]
{
box-shadow: none !important;
margin-bottom: 5px;
}
.ElementDynClass form .show>.btn-light.dropdown-toggle,
.ElementDynClass form .dropdown-toggle:focus,
.ElementDynClass form .dropdown-toggle:hover
{
background: transparent !important;
box-shadow: none !important;
border: 1 !important;
border-color: transparent !important;
outline: 0 !important;
}
.ElementDynClass form .dropdown-menu.inner {
max-height: 200px; /* Approx. height for 10 items */
overflow-y: auto;
}
.ElementDynClass .radio-buttons-container {
display: flex;
align-items: flex-start;
gap: 5px;
flex-wrap: wrap;
flex-direction: column;
}
.ElementDynClass .radio-buttons-container bdi
{
font-size: 16px;
}
.ElementDynClass .radio-button {
display: inline-block;
position: relative;
cursor: pointer;
}
.ElementDynClass .radio-button-price {
display: inline-block;
position: relative;
cursor: pointer;
min-height: 32.85px;
}
.ElementDynClass .radio-buttons-price-container
{
align-items: flex-end;
}
.ElementDynClass .radio-button__input {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.ElementDynClass .radio-button__label {
text-align: left;
display: inline-block;
padding-left: 30px;
margin-bottom: 10px;
position: relative;
font-size: 16px;
color: #646a7c;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}
.ElementDynClass .radio-button__custom {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid #646a7c;
transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
}
.ElementDynClass .radio-button__input:checked + .radio-button__label .radio-button__custom {
transform: translateY(-50%) scale(0.9);
border: 5px solid #cd8f5c;
color: #cd8f5c;
}
.ElementDynClass .radio-button__input:checked + .radio-button__label {
color: #cd8f5c;
}
.ElementDynClass .radio-button__label:hover .radio-button__custom {
transform: translateY(-50%) scale(1.2);
border-color: #cd8f5c;
box-shadow: 0 0 10px #cd8f5c80;
}
.bootstrap-select .dropdown-menu
{
z-index: 999999;
}
[data-type="detail-produit-formulaire"] .order-summery tr th
{
text-align:left;
}
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="menu"] .li_panier,
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="menu"] .panier,
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="detail-produit-formulaire"] .action-add-card,
body:not(.ShowPanierBoutique) .wrapperFormulaireSettings .custom-checkboxformulaire_show_btn_addcarte3,
body:not(.ShowPanierBoutique) .wrapperCustomMenu .parent_setting_:nth-child(4)
/*body:not(.ShowPanierBoutique) .ElementDynClass[data-type="repeteur-produit"] .button_add_carte,*/
{
display: none !important;
}
.ElementDynClass[data-type="checkout-resumer"] .action-add-card
{
display: none !important;
}
.ElementDynClass[data-type="review"] .review
{
display: flex;
gap: 5px;
}
.ElementDynClass[data-type="review"] .review .icon_container
{
order: 2;
}
.rtl-text {
direction: rtl;
unicode-bidi: bidi-override; /* Permet de conserver l'ordre correct des chiffres et des lettres latines */
}
.soon-wrapper[data-layout*=label-small] .soon-label, .soon[data-layout*=label-small] .soon-label {
font-size: .3em;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr.siparator_resumer_formulaire
{
position: relative;
}
[data-type="detail-produit-formulaire"] .formulaire-container .order-summery tr.siparator_resumer_formulaire:before
{
content:'';
position:absolute;
top:0px;
width:100%;
left:0px;
height:1px;
background: #c3c3c3;
}
.formulaire-content .bootstrap-select > .dropdown-toggle
{
border:0;
background: transparent;
}
/* Filtres */
li {
list-style-type: none;
}
a, a:focus, a:hover {
text-decoration: none;
}
.repeteur-filtre .filter-open .fa-filter
{
line-height: 1.5;
}
.repeteur-filtre .filter-open
{
background-color: #cd8f5c;
border: 2px solid #cd8f5c;
padding: 7px 20px;
align-items: center;
padding: 8px 13px;
}
.repeteur-filtre .filter-open span
{
text-transform: capitalize;
font-weight: 500;
color: white;
letter-spacing: 1px;
margin-left: 5px;
}
.repeteur-filtre .filter-open i
{
font-size: 18px;
color: white;
}
.repeteur-filtre .wrap-filtre-contoller
{
padding: 7px;
}
.repeteur-filtre .filter-open:hover
{
background-color: #cd8f5c;
border: 2px solid #cd8f5c;
}
.repeteur-filtre .filter-open:hover i, .repeteur-filtre .filter-open:hover span
{
color: white;
}
.repeteur-filtre .filtre-controller-left-side
{
display: flex;
align-items: flex-start;
flex-direction: column;
}
.repeteur-filtre .resultat-search
{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
margin-top: 5px;
}
.repeteur-filtre .resultat-search
{
font-weight: 300;
padding: 0px 10px;
}
.repeteur-filtre .resultat-search > *
{
}
.repeteur-filtre .resultat-search > .tags
{
border: 1px solid #2f2f30;
padding: 0px 15px;
display: flex;
align-items: center;
border-radius: 5px;
padding-right: 5px;
display: inline-block;
margin: 5px;
border-radius: 0;
padding: 4px 8px;
padding-right: 8px;
padding-right: 0px;
background: #f1f1f1;
border: 0;
font-size: 12px;
color: #6d6d6d;
cursor: pointer;
transition: ease 300ms all;
}
.repeteur-filtre .resultat-search > .tags:hover
{
color: black;
background: #f3f3f3;
}
.repeteur-filtre .resultat-search > .tags:hover i
{
color: black;
}
.repeteur-filtre .resultat-search > .tags span
{
font-size: 10px;
font-weight: 600;
}
.repeteur-filtre .resultat-search > .tags a
{
padding: 5px;
padding-left: 10px;
padding-right: 10px;
}
.repeteur-filtre .resultat-search > .tags i
{
font-size: 12px;
cursor: pointer;
color: #6d6d6d;
}
.repeteur-filtre .filtre-sorting
{
display: flex;
justify-content: flex-end;
align-items: center;
height: 40px;
}
.repeteur-filtre .filtre-sorting .btn-sorting .btn-text
{
}
.repeteur-filtre .filtre-sorting .btn-sorting
{
color: #969696 !important;
font-size: 14px;
font-weight: 500;
min-width: 120px;
text-align: left;
/* border-bottom: 1px solid #d3d3d3;*/
padding-bottom: 5px;
position: relative;
}
.repeteur-filtre .filtre-sorting .btn-sorting:focus, .repeteur-filtre .filtre-sorting .btn-sorting:active, .repeteur-filtre .filtre-sorting .btn-sorting:hover
{
outline: 0 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.repeteur-filtre .filtre-sorting .dropdown-menu
{
border-radius: 0;
}
.repeteur-filtre .filtre-sorting .dropdown-menu button {
display: block;
color: #969696;
padding: 5px 7px;
font-size: 14px !important;
line-height: 24px;
}
.repeteur-filtre .filtre-sorting .dropdown-menu button:focus, .repeteur-filtre .filtre-sorting .dropdown-menu button:active, .repeteur-filtre .filtre-sorting .dropdown-menu button:hover
{
outline: 0 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.repeteur-filtre .filtre-sorting .dropdown-menu button:hover
{
color: #cd8f5c;
}
.repeteur-filtre .filtre-sorting .dropdown-menu button:active
{
color: white;
background-color: #cd8f5c;
}
.repeteur-filtre .pagi-nav .current a
{
background-color: #cd8f5c;
border-color: #cd8f5c;
color: #fff;
}
.repeteur-filtre .pagi-nav a
{
width: 50px;
height: 45px;
border: 1px solid #e3e3e3;
line-height: 42px;
text-align: center;
display: inline-block;
font-size: 16px;
font-weight: 400;
margin-right: 9px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.repeteur-filtre .pagi-nav span:not(.current) a:hover
{
background: #cd8f5c;
color: white;
}
.repeteur-filtre .pagi-nav a:focus, .repeteur-filtre .pagi-nav a:active, .repeteur-filtre .pagi-nav a:hover
{
outline: 0 !important;
text-decoration: none !important;
box-shadow: none !important;
}
.repeteur-filtre .filter-tag .widget-title
{
padding: 6px 0 6px 14px;
border-left: 3px solid #111111;
position: relative;
}
.repeteur-filtre .filter-tag .widget-title h2 {
font-size: 15px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
/* background: #fff;*/
position: relative;
display: inline-block;
padding-right: 15px;
}
.repeteur-filtre .filter-tag .widget-title:after
{
content: "";
border-bottom: 1px solid #e6e6e6;
width: 100%;
position: absolute;
top: 50%;
}
.repeteur-filtre .filter_sidebar_general {
/* margin-top: 25px;*/
padding: 0 0;
padding-left: 6px;
overflow: hidden;
}
.repeteur-filtre .filter-tag .widget-title h2 {
font-size: 15px;
letter-spacing: 2px;
font-weight: 500;
text-transform: uppercase;
/* background: #fff;*/
position: relative;
display: inline-block;
padding-right: 15px;
}
.repeteur-filtre .filter-tag a {
font-size: 15px;
font-weight: 400;
color: #111111;
}
.repeteur-filtre .list-product div
{
transition: all .3s ease-in-out;
}
.repeteur-filtre section.filter-review li
{
line-height: 2;
}
.repeteur-filtre section.filter-review li>a:hover .fa-star.fas
{
color: #cd8f5c !important;
}
.repeteur-filtre section.filter-color li
{
list-style: none;
display: inline-block;
padding: 5px;
}
.repeteur-filtre section.filter-color li a
{
display: block;
width: 26px;
height: 26px;
border-radius: 50%;
position: relative;
border: 1px solid #ccc;
transition: all 0.2 ease;
}
.repeteur-filtre section.filter-color li a:hover:before, .repeteur-filtre section.filter-color li a.active:before{
opacity: 1;
}
.repeteur-filtre section.filter-color li a:before{
content: "";
border: 1px solid #ccc;
width: 34px;
height: 34px;
position: absolute;
border-radius: 50%;
left: 50%;
transform: translate(-50%,-50%);
top: 50%;
transition: all .3s ease;
opacity: 0;
}
.repeteur-filtre section.filter-tag ul:not(.subUL){
padding-top: 25px !important;
padding-bottom: 15px !important;
padding-left: 0px;
}
.repeteur-filtre section.filter-tag ul li input[type=checkbox] {
opacity: 0;
position: absolute;
z-index: -1;
}
.repeteur-filtre section.filter-tags li a, .repeteur-filtre section.filter-size li a
{
display: inline-block;
min-width: 44px!important;
height: 31px !important;
line-height: 32px;
border: 1px solid #b0b0b0!important;
color: #111111;
margin: 0 10px 10px 0!important;
text-align: center;
transition: all .3s ease;
font-size: 14px;
font-weight: 500;
padding: 0 22px;
}
.repeteur-filtre section.filter-tags ul, .repeteur-filtre section.filter-size ul
{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.repeteur-filtre section.filter-tags li a:hover, .repeteur-filtre section.filter-tags li a.active, .repeteur-filtre section.filter-size li a:hover, .repeteur-filtre section.filter-size li a.active {
border: 1px solid #cd8f5c!important;
color: #fff;
background: #cd8f5c;
}
.repeteur-filtre section.filter-price li, .repeteur-filtre section.filter-service li {
margin-bottom: 10px;
}
.repeteur-filtre section.filter-price a, .repeteur-filtre section.filter-service a {
position: relative;
padding-left: 25px;
line-height: initial;
display: block;
}
.repeteur-filtre section.filter-price a:before, .repeteur-filtre section.filter-service a:before
{
content: '';
display: inline-block;
margin-right: 10px;
width: 16px;
height: 16px;
min-width: 16px;
border: 1px solid #d4d6d8;
background: #fff;
box-shadow: 0 1px rgb(212 214 216 / 40%);
border-radius: 2px;
-webkit-appearance: none;
position: absolute;
left: 0;
top: 1px;
}
.repeteur-filtre section.filter-price a:hover, .repeteur-filtre section.filter-service a:hover,
.repeteur-filtre section.filter-price a.active, .repeteur-filtre section.filter-service a.active
{
color: #cd8f5c;
}
.repeteur-filtre section.filter-price a.active:before, .repeteur-filtre section.filter-service a.active:before
{
background-color: #cd8f5c;
background-image: url(data/images/filter_selected.svg);
border-color: #cd8f5c;
}
/* Filtre categories */
.repeteur-filtre section.filter-categorie i {
padding: 0.3em 1.5em;
cursor:pointer;
font-style:normal;
position:relative;
left: 5px;
display:inline-block;
color:#aaa;
transition: all .2s ease;
}
.repeteur-filtre section.filter-categorie #accordion ul a
{
display: flex !important;
justify-content: space-between;
align-items: center;
}.repeteur-filtre section.filter-categorie #accordion ul a p
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
}
.repeteur-filtre section.filter-categorie i.rotate
{
transform: rotate(180deg);
}
.repeteur-filtre section.filter-categorie i:hover {
color:#cd8f5c;
}
.repeteur-filtre section.filter-categorie #accordion {
/* background: #fff;*/
font-size:15px;
}
.repeteur-filtre section.filter-categorie #accordion ul{
list-style-type: none;
padding:0;
font-weight:bold;
}
.repeteur-filtre section.filter-categorie #accordion ul a {
padding:0.6em 0em;
display:inline-block;
width:100%;
}
/* .repeteur-filtre section.filter-categorie #accordion ul a:hover, .repeteur-filtre section.filter-categorie #accordion ul a:hover i {
color:#cd8f5c;
}*/
/*list items*/
.repeteur-filtre section.filter-categorie #accordion li {
position:relative;
}
.repeteur-filtre section.filter-categorie #accordion ul ul{
background-color:#f8f8f8;
}
.repeteur-filtre section.filter-categorie #accordion ul ul li a {
text-decoration: none;
line-height: 27px;
display: block;
background-color:#f8f8f8;
padding:.6em 0.5em .6em 1.5em;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 0;
}
.repeteur-filtre section.filter-categorie #accordion ul ul ul ul ul ul li a {
padding:.6em 0.5em .9em 7.5em;
padding-right: 0;
}
.repeteur-filtre section.filter-categorie #accordion ul ul ul ul ul li a {
padding:.6em 0.5em .9em 6em;
}
.repeteur-filtre section.filter-categorie #accordion ul ul ul ul li a {
padding:.6em 0.5em .9em 4.5em;
padding-right: 0;
}
.repeteur-filtre section.filter-categorie #accordion ul ul ul li a {
padding:.6em 0.5em .9em 3em;
padding-right: 0;
}
.repeteur-filtre section.filter-categorie #accordion ul ul li a:hover {
background: #f2f2f2;
}
.repeteur-filtre section.filter-categorie #accordion ul ul {
display: none;
}
.repeteur-filtre section.filter-categorie #accordion li.active ul {
display: block;
}
@media screen and (max-width: 600px) {
.repeteur-filtre .column_view
{
display: none !important;
}
}
.repeteur-filtre .column_view a
{
cursor: pointer;
}
/* END - Filtres */
.PreviewModeBody [data-type="composant"] .goto_composant
{
display:none !important;
}
@media screen and (max-width: 680px) {
[data-type="detail-produit-formulaire"] .formulaire-container .checkout-groups > .form-group
{
flex-basis: 100% !important;
}
}
.ContainerFiltreRow .repeteur-content
{
width:100%;
}
a.charger_plus_produit_
{
margin-top: 3em; display: block; margin-bottom: 1em; font-weight: 600; color:#444; cursor: pointer; padding: 10px;
display: block !important;
cursor: pointer !important;
border: 0px solid rgba(0, 0, 0, 0.078) !important;
background-color: #D6AC5E !important;
font-size: 14px !important;
letter-spacing: 0px !important;
font-family: inter, sans-serif, Tahoma, Geneva !important;
font-weight: 600 !important;
max-width: 260px !important;
margin: 0 auto !important;
text-align: center !important;
color: white !important;
padding: 14px 30px !important;
margin-top: 20px !important;
margin-bottom: 3em !important;
}
[data-type="detail-produit-variants"] .contaienr_packs
{
padding-top: 10px;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ > .pack_wrap_
{
position: relative;
display: flex;
align-items: center;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_
{
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 0.875rem;
border: 2px solid rgb(0 133 255 / 0%);
border-radius: 7px;
position: relative;
margin-bottom: 1em;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .label_pack_ .free_
{
text-align: left;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .label_pack_
{
display: flex;
flex: 1 1 0%;
gap: 7px;
align-items: center;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .label_pack_ .name_
{
font-size: 13px;
font-weight: 500;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .label_pack_ .free_ span
{
text-transform: uppercase;
background: #EEF0F2;
color: #5A6C81;
border-radius: 0.25rem;
font-weight: 600;
font-size: 10px;
line-height: 1.8;
padding: 5px 3px;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .price_pack_ .price_
{
font-weight: 600;
color: rgb(0, 133, 255);
font-size: 1.1rem;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .price_pack_ .price_barre_
{
font-weight: 500;
color: #7B8DA3;
font-size: 1.0rem;
text-decoration-line: line-through;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .price_pack_.solo_price .price_
{
line-height: 2.7;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .price_pack_.solo_price .price_barre_
{
display: none;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .etiquette_
{
position: absolute;
top: -8.9px;
right: 22px;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .etiquette_ span
{
position: relative;
display: block;
text-align: center;
background: #0075FF;
font-size: 10px;
padding: 2px 8px 2px;
border-bottom-right-radius: 3px;
color: white;
line-height: 16px;
border-bottom-left-radius: 3px;
font-weight: 700;
text-transform: uppercase;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .etiquette_ span:before
{
position: absolute;
content: "";
right: -10px;
top: 0px;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-bottom: 8px solid #636262;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .etiquette_ span:after
{
position: absolute;
content: "";
left: -10px;
top: 0px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-bottom: 8px solid #636262;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_.selected
{
border: 2px solid rgb(0, 133, 255) !important;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_.selected .delete_
{
display: block !important;
}
body .PackBundleFind [data-type="detail-produit-variants"] > .element_content > .produit-variants > .container_variant_parent,
body:not(.EditorSpaceBuilder) .PackBundleFind [data-type="detail-produit-quantity"],
body:not(.EditorSpaceBuilder) .PackBundleFind [data-type="detail-produit-prix"]
{
display: none !important;
}
.PackBundleFreeLivraison .radio-button-price[data-id-mode-price] span
{
display: none;
}
.PackBundleFreeLivraison .radio-button-price[data-id-mode-price]:after
{
content: '0 DA';
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .variant_bundle_select
{
text-align: left;
border-top: 1px dashed;
border-bottom: 1px dashed;
padding: 10px;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .variant_bundle_select.active
{
background: #f7fff7;
border-left: 1px dashed;
border-right: 1px dashed;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .open_variant_bundle
{
text-align: left;
color: black;
font-weight: 600;
padding: 2px;
display: block;
cursor: pointer;
}
body [data-type="detail-produit-variants"] .contaienr_packs .container_variant_parent
{
border-top: 0px solid #eeeeee !important;
border-bottom: 0px solid #eeeeee !important;
margin-top: 0em !important;
margin-bottom: 0em !important;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .variant_bundle_select[indexcontainervariant="0"]
{
margin-top: 1em;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .open_variant_bundle.noSelect {
animation: blink_variante 600ms infinite;
}
@keyframes blink_variante {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
[data-type="detail-produit-variants"] .contaienr_packs .radio-button__label
{
margin-bottom: 0;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_ .name_variante_bundle
{
color: rgb(0, 133, 255);
}
[data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ > .pack_wrap_
{
flex-direction: row-reverse;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ > .pack_wrap_,
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .label_pack_
{
flex-direction: row-reverse;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .radio-button__custom
{
right: 0;
left: auto;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .radio-button__label
{
padding-right: 30px;
text-align : right;
padding-left: 0px;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .open_variant_bundle
{
display: flex;
align-items: center;
flex-direction: row-reverse;
gap: 5px;
text-align : right;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .open_variant_bundle .title_select_variant
{
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
gap: 5px;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .pack_ .etiquette_
{
left: 22px;
right: auto;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .fa-arrow-alt-circle-right:before
{
content: "\f359";
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .container_variant,
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .variant_titre_text
{
text-align: right;
}
body [data-type="detail-produit-variants"].BundleRTL .contaienr_packs .variant_titre_text
{
display: flex;
flex-wrap: nowrap;
flex-direction: row-reverse;
padding-right: 10px;
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_.active {
border: 2px solid rgb(0, 117, 255);
}
[data-type="detail-produit-variants"] .contaienr_packs .pack_{
border-top: 1px solid black;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
}
body [data-type="detail-produit-variants"] .contaienr_packs .pack_ .variant_bundle_select.active {
background-color: #F5F5F5;
border-radius: 0px;
}
body [data-type="detail-produit-variants"].design_moderne .contaienr_packs .pack_ .etiquette_ span
{
border-radius: 30px;
padding: 6px 15px;
}
body [data-type="detail-produit-variants"].design_moderne .contaienr_packs .pack_ .etiquette_
{
position: absolute;
top: -10.9px;
left: 50% !important;
transform: translateX(-50%);
right: auto;
}
body [data-type="detail-produit-variants"].design_moderne .contaienr_packs .pack_ .etiquette_ span:before,
body [data-type="detail-produit-variants"].design_moderne .contaienr_packs .pack_ .etiquette_ span:after
{
display: none !important;
}
body [data-type="detail-produit-variants"].design_box_shadow .contaienr_packs .pack_.active
{
box-shadow: rgb(0 0 0 / 60%) 0px 1px 4px;
}
body .rpt-produit-design6 .img_container_ img
{
background-color : initial;
object-fit: contain;
}
body .rpt-produit-design9 .btn_prod_ > span
{
border-bottom: 1px solid black;
}
body .rpt-produit-design9 .btn_prod_ > span
{
position: relative;
padding-right: 20px;
}
body .rpt-produit-design9 .btn_prod_ > span:after
{
content: url(https://set.shop/RunTimeFiles/image_202412253355c15.png);
position: absolute;
top: 5px;
right: 7px;
width: 10px;
height: 10px;
transform: scale(0.45);
opacity: 1;
}
.rpt-prod-horisantalmode .rpt-item
{
display: flex;
flex-wrap: nowrap;
align-items: center;
}
/*.rpt-produit-design11.rpt-prod-horisantalmode .rpt-item
{
align-items: center;
}*/
.rpt-prod-horisantalmode .rpt-item .button_quickview,
.rpt-prod-horisantalmode .rpt-item .button_add_carte
{
display: none !important;
}
.rpt-prod-horisantalmode .rpt-item .badge_etiquette
{
scale: 0.8;
top: 3px;
left: 2px;
}
.rpt-prod-horisantalmode .rpt-item .info_container_
{
text-align: left;
min-width: 60%;
flex: 1;
}
body .rpt-produit-design6.rpt-prod-horisantalmode .info_container_
{
padding: 15px !important;
padding-left: 21% !important;
margin-top: 0 !important;
margin-left: -18% !important;
background: white !important;
border-radius: 20px !important;
align-items: flex-start !important;
text-align: left !important;
}
body .rpt-produit-design4.rpt-prod-horisantalmode .info_container_
{
min-width: 65% !important;
}
body .rpt-produit-design6.rpt-prod-horisantalmode .info_container_
{
min-width: 65% !important;
}
.rpt-produit-design5.rpt-prod-horisantalmode .rpt-item .info_container_,
.rpt-produit-design-black.rpt-prod-horisantalmode .rpt-item .info_container_,
.rpt-produit-design7.rpt-prod-horisantalmode .rpt-item .info_container_
{
padding-top: 0 !important;
}
body .rpt-produit-design4.rpt-prod-horisantalmode .rpt-item,
body .rpt-produit-design5.rpt-prod-horisantalmode .rpt-item,
body .rpt-produit-design7.rpt-prod-horisantalmode .rpt-item,
body .rpt-produit-design-black.rpt-prod-horisantalmode .rpt-item
{
align-items: flex-start;
box-shadow: none !important;
}
body .rpt-produit-design-black.rpt-prod-horisantalmode .rpt-item .btn_prod_,
body .rpt-produit-design7.rpt-prod-horisantalmode .btn_prod_
{
width: 79px !important;
padding-left: 0px !important;
padding-top: 18px !important;
padding-bottom: 18px !important;
scale: 0.8 !important;
margin-left: -6px !important;
}
body .rpt-produit-design10.rpt-prod-horisantalmode .rpt-item
{
align-items: flex-start !important;
}
body .rpt-produit-design10.rpt-prod-horisantalmode .info_container_ .name_produit_
{
padding-left: 0px !important;
}
body .rpt-produit-design10.rpt-prod-horisantalmode .info_container_
{
padding-left: 10px !important;
}
body .rpt-produit-design9.rpt-prod-horisantalmode .info_container_
{
padding-left: 12px !important;
}
body .rpt-produit-design8.rpt-prod-horisantalmode .info_container_
{
flex-wrap: wrap !important;
flex-direction: column !important;
align-items: flex-start !important;
}
body .rpt-produit-design7.rpt-prod-horisantalmode .btn_prod_
{
padding-right: 0 !important;
}
body .rpt-produit-design-tools.rpt-prod-horisantalmode .btn_prod_
{
padding-left: 20px !important;
}
body .rpt-produit-design-black.rpt-prod-horisantalmode .rpt-item .btn_prod_ i,
body .rpt-produit-design7.rpt-prod-horisantalmode .btn_prod_ i
{
font-size: 20px !important;
}
body .rpt-produit-design7.rpt-prod-horisantalmode .btn_prod_ span
{
display: none !important;
}
body .rpt-produit-design4.rpt-prod-horisantalmode .btn_prod_
{
margin:10px !important;
}
@media screen and (max-width: 575.8px)
{
body .rpt-produit-design4.rpt-prod-horisantalmode .btn_prod_
{
padding-left: 20px !important;
}
}
body .rpt-produit-design4.rpt-prod-horisantalmode .name_produit_
{
padding-top: 0px !important;
}
body .rpt-produit-design4.rpt-prod-horisantalmode .img_container_
{
position: relative;
top: 3px;
}
body.StickyFix
{
overflow: initial !important;
}
@media (max-width:750px){
body.StickyFix
{
overflow: hidden !important;
}
}
/*
$(window).ready(function() {
$('body').addClass('StickyFix');
});
*/
/* Checkount Panier */
section.cart{margin-bottom:40px}section.cart-detail .inner-carte-total td,section.cart-detail .inner-carte-total th{text-align:left!important}section.cart a,section.cart-detail a{color:#232530;}section.cart a:hover,section.cart-detail a:hover{text-decoration:none}section.cart .order-step{padding-right:25px;padding-left:25px}section.cart .order-step ul{padding:0;list-style:none;margin:0 auto;text-transform:uppercase;width:100%}section.cart .order-step li.active{background:#ff8400;color:#fff}@media (min-width:768px){section.cart .order-step ul li{width:33.33%}}@media (max-width:1440px){section.cart{padding-right:15px;padding-left:15px}}@media (max-width:767px){section.cart .order-step ul li{float:none;margin-bottom:10px;width:100%}section.cart-detail .table-product td.actions .btn-update,section.cart-detail .table-product td.actions .coupon{width:100%}}section.cart .order-step ul li{position:relative;text-align:center;float:left}section.cart .order-step li{font-size:20px;font-weight:500;color:#232530;line-height:60px;overflow:hidden;position:relative;background:#fff}section.checkout .coupon:not(.formulaire-coupon){display:flex;flex-wrap:nowrap}@media (max-width:520px){section.checkout .coupon:not(.formulaire-coupon){display:flex;flex-wrap:wrap}section.checkout .coupon:not(.formulaire-coupon) .btn-coupon{width:100%!important}}section.checkout .table-product tr td{border:none;border-top:1px solid #ebe9eb!important;overflow:hidden;padding:10px 0!important}section.checkout .table-product td.product-quantity{min-width:auto!important}section.checkout .table-product td{font-size:10px!important}section.checkout .img{width:32px!important;height:32px!important}@media (max-width:800px){section.cart-detail .wrap-container-scroll{overflow:auto}section.cart-detail .wrap-container-scroll .inner-container-scroll{min-width:800px}}section.cart-detail .wrap-container-scroll::-webkit-scrollbar{height:5px}section.cart-detail .wrap-container-scroll::-webkit-scrollbar-thumb{background:#ddd;border-radius:10px}section.cart-detail .wrap-container-scroll::-webkit-scrollbar-track{background:#fff}section.cart .order-step ul li.active{background:var(--bs-secondary-color);color:#fff}section.cart .order-step li.active:after{border-color:var(--bs-secondary-color)}section.cart .order-step li:first-child:after{border-width:1px 0 1px 1px}section.cart .order-step li:first-child:not(.active):before{position:absolute;content:"";border-left:1px solid #d4cfcf;width:calc(100% - 30px);height:100%;z-index:5;left:0;top:0}section.cart .order-step li:after{position:absolute;content:"";border-width:1px 0;border-style:solid;border-color:#d4cfcf;border-left-color:transparent;width:calc(100% - 30px);height:100%;z-index:5;left:0;top:0}section.cart .order-step li .inner{position:relative}section.cart .order-step li.active .step{opacity:.3;color:#fff}section.cart .order-step li .inner-step{font-weight:400}section.cart .order-step li a,section.cart-detail .table-product .product-remove a{padding:20px}section.cart .order-step li a:hover{color:inherit}section.cart .order-step li.active .inner-step{color:#fff}section.cart .order-step .step{font-family:inter;font-weight:700;z-index:6;position:absolute;top:-1px;right:70px;line-height:60px;font-size:48px;text-transform:uppercase;display:inline-block;text-align:center;color:#eae9ec}section.cart .order-step .inner-step{position:relative;z-index:7}section.cart .order-step li.active .inner:after{border-color:#fff var(--bs-secondary-color)}section.cart .order-step li:not(.active) .inner:before,section.cart .order-step li:not(:first-child):before{content:"";top:0;border:1px solid #d4cfcf;width:60px;height:60px;transform:rotate(45deg);background:#fff;position:absolute}section.cart .order-step li .inner:after{content:"";z-index:1;position:absolute;top:0;right:-30px;border-style:solid;border-color:#fff #fff #fff transparent;border-width:30px;width:60px;height:60px;background:#fff}section.cart .order-step li:not(:first-child):before{z-index:1;left:-43px}section.cart .order-step li:not(.active) .inner:before{right:12px;border-width:1px 1px 0 0;z-index:2}section.cart-detail{padding-right:15px;padding-left:15px}section.cart-detail thead{padding-bottom:15px;margin-bottom:15px;height:30px}section.cart-detail tr th{font-weight:300;text-transform:uppercase;font-size:14px}section.cart-detail td{font-weight:400;font-size:16px}section.cart-detail .img{width:100px;height:100px;background-size:cover}section.checkout .table-product tr td.product-name{margin-bottom:10px}section.cart-detail .table-product{width:100%}section.cart-detail .table-product td{border:none;border-top:1px solid #d4cfcf;overflow:hidden;padding:10px 0}section.cart-detail .table-product td.product-quantity{min-width:180px}section.cart-detail .table-product td.product-price,section.cart-detail .table-product td.product-subtotal{min-width:100px}section.cart-detail .table-product th.product-name{width:240px;} section.cart-detail .table-product td.product-name{display:flex;align-items:center;width:240px;}section.cart-detail .table-product td.product-name .name-p{margin-left:10px;font-weight:300}section.cart .order-step li a{margin-left: -40px;}section.cart-detail .order-total th,section.cart-detail .table-product .product-remove a:hover,section.cart-detail .table-product td.actions{text-align:right;display:flex;justify-content:space-between;flex-wrap:wrap}section.cart-detail .table-product td.actions .coupon{float:left;border:2px solid #e6e6e6;margin-bottom:10px}section.cart-detail .table-product td.actions .coupon .input-text{border-color:#fff!important;border:1px solid #d3ced2;margin:0;float:none;min-width:150px;width:auto;height:41px;padding:5px 10px!important;margin-right:10px!important;font-weight:300;color:#787777;position:relative;top:3px}.noFocus:active,.noFocus:focus,section.cart-detail .table-product td.actions .coupon .input-text:active,section.cart-detail .table-product td.actions .coupon .input-text:focus{outline:0;box-shadow:none}section.cart-detail .table-product td.actions .coupon .input-text::placeholder{color:silver}section.cart-detail .alert-content,section.cart-detail .table-product td.actions .coupon label{display:none}section.cart-detail .table-product td.actions .btn-coupon,section.cart-detail .table-product td.actions .btn-update{font-size:14px;text-align:center;height:45px;line-height:21px;background-color:#efefef;margin-top:2px;margin-bottom:2px;margin-right:2px;color:#666;border-radius:0;transition:color .3s,background-color .3s;letter-spacing:.05em;font-weight:400}section.cart-detail .table-product td.actions .btn-update{background:var(--bs-primary-color);color:#fff;padding:8px 25px;cursor:pointer;border:0;}@media (min-width:1000px){section.cart-detail .inner-carte-total{padding:30px 40px!important}}section.cart-detail .inner-carte-total{border:1px solid #1a1a1a;padding:10px 20px}section.cart-detail .inner-carte-total table{
width: 100%;} section.cart-detail .form-content h2,section.cart-detail .inner-carte-total h2{padding:15px 0;margin:0;text-transform:uppercase;font-weight:400;font-size:18px;position:relative}section.cart-detail .form-content h2{margin-bottom:17px}section.cart-detail .inner-carte-total th{color:#646a7c;font-size:14px}section.cart-detail .inner-carte-total td,section.cart-detail .inner-carte-total th{padding:20px 0;}section.cart-detail .inner-carte-total td{text-align:right!important}section.cart-detail .inner-carte-total th,section.cart-detail .inner-carte-total tr{border-top:1px solid #ebe9eb}section.cart-detail .pross-checkout:not(.space-checkout){margin-top:10px;width:100%;display:block;float:left;font-weight:600;font-size:12px;text-transform:uppercase;text-align:center;letter-spacing:.2em;height:59px;line-height:61px;color:#fff;background-color:var(--bs-secondary-color);transition:color .3s,background-color .3s;border:0}section.cart-detail .qty-input{ background: #eeeeee;
transform: scale(0.8);margin: 0 auto;
border: 0;}section.cart-detail .order-total .total-title{color:#646a7c;font-weight:600!important}@media screen and (max-width:767px){section.cart-detail .table-product td.actions .btn-coupon{width:100%}}section.checkout .inner-carte-total{border:0;padding:0!important}section.checkout .inner-carte-total h2,section.checkout .inner-carte-total th:first-child,section.checkout .inner-carte-total tr:first-child{border:0}section.checkout .table-product td{padding:0;border:0}section.checkout .table-product td.actions .coupon{float:inherit}section.cart-detail .champ-p,section.checkout .inputtext{margin:0 0 20px;padding:0}section.checkout .form-content{margin-bottom:20px}section.checkout .form-content .label{font-weight:400;line-height:2;margin-bottom:5px}section.checkout .form-content .required{color:var(--bs-secondary-color);font-weight:700;border:0!important;text-decoration:none}.woocommerce form .form-row textarea,section.cart-detail .form-content .champ-p .bootstrap-select>.dropdown-toggle,section.checkout .form-content .inputtext input.input-text,section.checkout .form-content .inputtext select{line-height:1.7!important;resize:none!important;border:1px solid #f2f3f5!important;background:#f2f3f5!important;transition:.2s ease-in-out!important;box-shadow:none!important}section.cart-detail .form-content .champ-p label{font-weight:300;line-height:2;width:100%;text-align:left}section.cart-detail .form-content .champ-p input,section.cart-detail .form-content .champ-p select,section.cart-detail .form-content .champ-p textarea{line-height:1.7!important;resize:none!important;width:100%!important;border:1px solid #f2f3f5!important;background:#f2f3f5!important;transition:.2s ease-in-out!important;box-shadow:none!important;padding:5px 10px!important;font-weight:300!important;color:#666!important;border-radius:0!important}section.cart-detail .form-content .champ-p input,section.cart-detail .form-content .champ-p select{height:42px!important}section.cart-detail .form-content .champ-p input:focus,section.cart-detail .form-content .champ-p select:focus,section.cart-detail .form-content .champ-p textarea:focus{border-color:#c7cbd4!important}section.cart-detail .form-content .champ-p .bootstrap-select>.dropdown-toggle:active,section.cart-detail .form-content .champ-p .bootstrap-select>.dropdown-toggle:focus,section.cart-detail .form-content .champ-p input:active,section.cart-detail .form-content .champ-p input:focus,section.cart-detail .form-content .champ-p select:active,section.cart-detail .form-content .champ-p select:focus,section.cart-detail .form-content .champ-p textarea:active,section.cart-detail .form-content .champ-p textarea:focus{outline:0!important;box-shadow:none!important}section.cart-detail .form-content .champ-float-left{float:left;width:47%}section.cart-detail .form-content .champ-float-right{float:right;width:47%}section.cart-detail .alert-info{padding:1em 2em 1em 3.5em;margin:0 0 2em;position:relative;background-color:#f7f6f7;color:#515151;border-top:3px solid var(--bs-secondary-color);list-style:none;width:auto;word-wrap:break-word;border-color:var(--bs-secondary-color);line-height:2.7}section.cart-detail .alert-info span{font-weight:300}section.cart-detail .alert-info li:first-child:before{font-family:'Font Awesome 5 Pro';font-weight:900;content:"\f06a";position:absolute;top:1em;left:1.5em;color:var(--bs-secondary-color)}section.cart-detail .table-product td.product-remove a{cursor:pointer}
/* Checkount Panier */
/* Menu v 2025 */
body [data-type="menu"] .design_1 .container_menu
{
display: flex !important;
flex-wrap: wrap !important;
}
body [data-type="menu"] .design_1 .toggler_menu
{
display: block;
}
body [data-type="menu"] .design_1 .toggler_menu .panier
{
display: block !important;
}
@media (min-width:992px) /* only f Descktop */
{
.CategorieListMenuTippy .img_dsn2
{
display: none !important;
}
body [data-type="menu"] .design_2 .container_menu .menu > ul
{
display: flex;
align-items: center;
}
body [data-type="menu"] .design_2 .container_menu .menu > ul .li_panier
{
margin-left: 30px;
}
body .ElementDynClass[data-type="menu"] .design_2 .menu .li_search
{
flex:1;
}
body [data-type="menu"] .design_1 .toggler_menu .search,
body [data-type="menu"] .design_1 .toggler_menu .ag-format-container
{
display: none;
}
body [data-type="menu"] .element_content.design_1 .supplement
{
flex: 1;
min-width: 0;
text-align: left;
}
body [data-type="menu"] .element_content.design_1 .mainlogo
{
flex: 0 1 auto;
text-align: center;
}
body [data-type="menu"] .element_content.design_1 .toggler_menu
{
flex: 1;
min-width: 0;
}
body [data-type="menu"] .element_content.design_1 .toggler_menu > div
{
justify-content: flex-end !important;
}
body [data-type="menu"] .design_1 .menu
{
background:#F7F7F7;
}
body [data-type="menu"] .design_1 .wrap_design1 .search_container
{
display: none !important;
}
}
body [data-type="menu"] .design_1 .menu > ul
{
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 522px) /* Mini mobile */
{
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu .search
{
scale: 0.7;
transform: translateX(-20px);
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu .ag-format-container,
body [data-type="menu"] .design_1 .wrap_design1 .paniericon
{
scale: 0.7;
}
}
@media (max-width:992px) /* Mobile */
{
body [data-type="menu"] .design_3 .container_menu:not(.NoToggle) .menu:not(.cacher)
{
overflow-y: auto;
max-height: calc(100vh - 230px);
display: block;
}
body [data-type="menu"] .element_content.design_2 .toggler_menu > div
{
scale: 0.8;
}
body [data-type="menu"] .design_2 .search-design2
{
margin: 2em auto;
width: 100% !important;
scale: 0.95 !important;
}
body [data-type="menu"] .design_2 .li_panier
{
opacity: 0 !important;
}
.tippy-desktop-only
{
display: none !important;
}
body [data-type="menu"] .design_1 .ag-base-block
{
margin-top: 5px;
}
body [data-type="menu"] .design_1 .ModeSearch .wrap_design1 .mainlogo
{
transition: 200ms ease all;
opacity: 0;
}
body [data-type="menu"] .element_content.design_1 .toggler_menu
{
flex: 1 !important;
}
body [data-type="menu"] .element_content.design_1 .toggler_menu > div
{
justify-content: flex-end !important;
}
body [data-type="menu"] .element_content.design_1 .supplement
{
display: none !important;
}
body [data-type="menu"] .design_1 .wrap_design1
{
padding: 0px 10px;
}
body [data-type="menu"] .design_1 .wrap_design1 .mainlogo
{
z-index: 999999999999;
position: relative;
margin: 0 auto;
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu
{
width: 100%;
position: absolute !important;
margin-left: 0;
left: 0;
z-index: 999999;
/* height: 100%;*/
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu>div
{
flex-direction: row-reverse !important;
flex-wrap: nowrap !important;
align-items: center !important;
width: 100%;
top: 50%;
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu .search
{
order: 2;
margin-top: 0px !important;
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu .panier,
body [data-type="menu"] .design_2 .wrap_design1 .toggler_menu .panier,
body [data-type="menu"] .design_3 .wrap_design1 .toggler_menu .panier
{
order: 0;
flex: 1;
text-align: right;
margin-top: 0px !important;
}
body [data-type="menu"] .design_1 .wrap_design1 .toggler_menu .ag-format-container
{
text-align: right;
order: 2;
}
body [data-type="menu"] .design_1 .wrap_design1 .tel_menu
{
display:none !important;
}
}
body [data-type="menu"] .element_content:not(.design_1) .supplement
{
display: none !important;
}
body [data-type="menu"] .design_1 .menu .li_search .search > a
{
padding: 0 !important;
}
body [data-type="menu"] .design_1 .wrap_design1
{
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1140px;
margin: 0 auto;
z-index: 99;
}
body [data-type="menu"] .design_1 .li_panier
{
display: none !important;
}
body [data-type="menu"] .design_1 .container_menu .svg_icon_panier::after {
right: -13px !important;
left: auto !important;
}
body [data-type="menu"] .container_menu .mainlogo img
{
max-width: 113px;
}
body [data-type="menu"] .element_content.design_1 .supplement
{
padding-left: 10px;
}
body [data-type="menu"] .design_2 .toggler_menu .panier,
body .ElementDynClass[data-type="menu"] .design_2 .menu .li_panier,
body .ElementDynClass[data-type="menu"] .design_2 .menu .li_panier .panier,
body [data-type="menu"] .design_3 .toggler_menu .panier,
body .ElementDynClass[data-type="menu"] .design_3 .menu .li_panier,
body .ElementDynClass[data-type="menu"] .design_3 .menu .li_panier .panier,
body [data-type="menu"] .design_4 .toggler_menu .panier,
body .ElementDynClass[data-type="menu"] .design_4 .menu .li_panier,
body .ElementDynClass[data-type="menu"] .design_4 .menu .li_panier .panier
{
display: block !important;
}
body [data-type="menu"] .design_2 .search-design2 {
display: flex;
align-items: center;
width: 400px;
height: 60px;
border: 3px solid #1e1e1e;
border-radius: 999px;
overflow: hidden;
background-color: white;
font-family: sans-serif;
scale: 0.9;
}
body [data-type="menu"] .design_2 .search-design2 input[type="text"] {
flex: 1;
height: 100%;
border: none;
outline: none;
padding: 0 20px;
font-size: 14px;
color: #444;
font-family: sans-serif;
}
body [data-type="menu"] .design_2 .search-design2 button {
width: 60px;
height: 100%;
background-color: #1e1e1e;
border: none;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
border-radius: 50%;
scale: 0.9;
}
body [data-type="menu"] .design_2 .search-design2 button svg {
width: 24px;
height: 24px;
fill: white;
}
body [data-type="menu"] .design_2 .img_dsn2,
body [data-type="menu"] .design_3 .img_dsn2
{
width: 38px;
height: 38px;
object-fit: cover;
border-radius: 50%;
margin-right: 10px;
}
body [data-type="menu"] .design_2 .search-design2 input::placeholder {
color: silver;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left
{
overflow-y: auto;
max-height: calc(100vh - 230px);
scrollbar-color: transparent white;
scrollbar-width: thin;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left:hover
{
scrollbar-color: #D0D6DB white;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li ul
{
display: none;
}
.CategorieListMenuTippy .container_categorielist
{
display: flex;
flex-wrap: nowrap;
}
.CategorieListMenuTippy .container_categorielist .right__
{
flex: 1;
overflow-y: auto;
max-height: calc(100vh - 230px);
max-width: 560px;
scrollbar-color: transparent white;
scrollbar-width: thin;
}
.CategorieListMenuTippy .container_categorielist .right__:hover
{
scrollbar-color: #D0D6DB white;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li > a
{
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
}
.CategorieListMenuTippy .container_categorielist .left__
{
width: 27%;
height: 100%;
max-height: calc(100vh - 230px);
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li
{
padding: 10px 24px;
position: relative;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left .fa-chevron-down
{
font-size: 10px;
position: absolute;
right: 5px !important;
transform: translateY(-50%);
padding: 0px;
rotate: -90deg;
top: 15px !important;
}
.CategorieListMenuTippy,
.CategorieListMenuTippyParent,
.categorieListTippy
{
overflow-y: hidden !important;
padding-left: 0 !important;
}
/*.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li.hasChildren:after
{
font-family: 'Font Awesome 5 Pro';
content: "\f105";
font-size: 12px;
color: rgba(100,100,100,0.5);
z-index: 99999999;
position: absolute;
right: 0px;
top: 0px;
}*/
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li.active
{
background: #F6F6F6;
}
.CategorieListMenuTippy .container_categorielist .left__ .wrap_left > li > a
{
font-family: "inter", sans-serif;
font-size: 14px;
color: #444;
font-weight: 500;
}
.CategorieListMenuTippy .container_categorielist .right__ .right_content
{
padding: 10px 20px;
}
.CategorieListMenuTippy .container_categorielist .right__ .right_cat_wrap_flex {
display: flex;
flex-wrap: wrap;
gap: 18px;
justify-items: center;
align-items: center;
padding-right: 0px;
align-items: flex-start;
margin-bottom: 3em;
}
.CategorieListMenuTippy .container_categorielist .right__ .categorie {
text-align: center;
}
.CategorieListMenuTippy .container_categorielist .right__ .categorie img {
width: 86px;
height: 86px;
object-fit: cover;
border-radius: 50%;
/* border: 2px solid #ccc;*/
/* box-shadow: 0 2px 5px rgba(0,0,0,0); */
transition: all 0.3s ease;
}
.CategorieListMenuTippy .container_categorielist .right__ .categorie img:hover {
transform: scale(1.05);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.CategorieListMenuTippy .container_categorielist .right__ .categorie p {
margin-top: 10px;
font-size: 12px;
font-weight: 400;
font-family: "inter", sans-serif;
color: #444;
max-width: 86px;
}
.tippy-box-categorie .tippy-arrow::before
{
border-bottom: 8px solid #f9f9f9 !important;
}
.tippy-box-categorie:not()
{
border: 1px solid #e1e1e1 !important;
}
.tippy-box-categorie-design3
{
border-radius: 0 !important;
border: 0 !important;
box-shadow: none !important;
}
.tippy-desktop-only-design3
{
transform: initial !important;
top: calc(100% + 5px) !important;
width: 100% !important;
}
.tippy-desktop-only-design3 .categorieListTippy,
.tippy-desktop-only-design3 .CategorieListMenuTippyParent,
.tippy-desktop-only-design3 .settingsSpecialPopup_content
{
width: 100% !important;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3
{
display: flex;
flex-wrap: nowrap;
width: 100%;
gap: 5px;
padding: 10px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3
{
height: 100%;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3_scroll_fix {
height: 100%;
overflow: auto;
scrollbar-color: transparent white;
scrollbar-width: thin;
flex: 1;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3_scroll_fix:hover {
scrollbar-color: #D0D6DB white;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3
{
padding: 20px 60px;
column-count: 4;
column-gap: 30px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3 > .line_
{
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .big_image_
{
width: 250px;
}
.tippy-desktop-only-design3 .settingsSpecialPopup_content
{
max-height: 390px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3 > .line_ a.Titre_
{
font-size: 14px;
color: #444;
letter-spacing: 1px;
font-family: Poppins;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
text-align: left;
display: block;
margin-bottom: 17px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3 > .line_ a:not(.Titre_)
{
font-size: 12px;
color: #444;
letter-spacing: 1px;
font-family: Poppins;
font-weight: 500;
text-transform: capitalize;
text-decoration: none;
text-align: left;
display: block;
margin-bottom: 15px;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3 > .line_ a.Titre_:hover,
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .menu_dsn3 > .line_ a:not(.Titre_):hover
{
text-decoration: underline;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .big_image_
{
position: relative;
}
.tippy-desktop-only-design3 .categorie_horisental_deisgn3 .big_image_ p
{
position: absolute;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
color: white;
font-size: 18px;
font-weight: 600;
text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);
text-transform: capitalize;
}