html {
  scroll-behavior: smooth;
}

p {
	text-align: justify;
}


/*topbar*/
.bandeau-haut-tab {
	height: 50px;
	margin-bottom: 0px !important;
}

@media screen and (min-width: 1200px)  {
.bandeau-haut-tab {
	display: block;
	}
}

@media screen and (max-width: 1200px)  {
.bandeau-haut-tab {
	display: none;
	}
}

.bandeau-haut-tab li {
	height: 50px;
	width: 21%;
	overflow: hidden;
  position: relative;
  display: inline-block;
}

#bandeau-haut-tab-col1 {
	margin-left: 2.25%;
	margin-right: 3.3%;
}

#bandeau-haut-tab-col2 {
	margin-right: 3.3%;
}

#bandeau-haut-tab-col3 {
	margin-right: 3.3%;
}

#bandeau-haut-tab-col4 {
	margin-right: 2.25%;
}

.bandeau-haut-tab li a {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}

.bandeau-haut-tab-img {
	position: absolute;
	left: 0px;
	top: 0px;
}

.bandeau-haut-tab-img img {
	width: 50px;
	height: 50px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.bandeau-haut-tab-txt {
	position: absolute;
	left: 55px;
	top: 14px;
}

.bandeau-haut-tab-txt-main{
	opacity: 1;
	font-size: 14px !important;
	color: black;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.bandeau-haut-tab-txt-sub{
	opacity: 0;
	font-size: 14px !important;
	color: black;
	position: relative;
	top: -35.5px;
	left: 0px;
	
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.bandeau-haut-tab li:hover .bandeau-haut-tab-img img{
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	-ms-transform: scale(1.10);
	-o-transform: scale(1.10);
	transform: scale(1.10);
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
	-o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	/*-webkit-animation: img3drotate 400ms ease;
	-moz-animation: img3drotate 400ms ease;
	-ms-animation: img3drotate 400ms ease;*/
}

.bandeau-haut-tab li:hover .bandeau-haut-tab-txt-main{
	/*-webkit-animation: moveFromBottom 200ms ease;
	-moz-animation: moveFromBottom 200ms ease;
	-ms-animation: moveFromBottom 200ms ease;*/
    opacity: 0;
}

.bandeau-haut-tab li:hover .bandeau-haut-tab-txt-sub{
  opacity: 1;  
	/*-webkit-animation: moveToBottom 500ms ease;
	-moz-animation: moveToBottom 500ms ease;
	-ms-animation: moveToBottom 500ms ease;*/
    
}

/*
@keyframes img3drotate {
  from{
    transform: rotateY(0deg);
    -moz-transform: rotateY(0deg); 
    -ms-transform: rotateY(0deg); 
  }
  to{
    transform: rotateY(360deg);
    -moz-transform: rotateY(360deg); 
    -ms-transform: rotateY(360deg); 
  }
}
@-webkit-keyframes img3drotate{
  from{-webkit-transform: rotateY(0deg);}
  to{-webkit-transform: rotateY(360deg);}
}


@-webkit-keyframes moveFromLeft{
    from {
        -webkit-transform: translateX(-100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromLeft{
    from {
        -moz-transform: translateX(-100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromLeft{
    from {
        -ms-transform: translateX(-100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
    to {
        -webkit-transform: translateX(0%);
    }
}
@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(100%);
    }
    to {
        -moz-transform: translateX(0%);
    }
}
@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(100%);
    }
    to {
        -ms-transform: translateX(0%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}

@-webkit-keyframes moveToBottom {
    from {
        -webkit-transform: translateY(0%);
    }
    to {
        -webkit-transform: translateY(100%);
    }
}
@-moz-keyframes moveToBottom {
    from {
        -moz-transform: translateY(0%);
    }
    to {
        -moz-transform: translateY(100%);
    }
}
@-ms-keyframes moveToBottom {
    from {
        -ms-transform: translateY(0%);
    }
    to {
        -ms-transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
    }
    to {
        -webkit-transform: translateY(0%);
    }
}
@-moz-keyframes moveFromTop {
    from {
        -moz-transform: translateY(-100%);
    }
    to {
        -moz-transform: translateY(0%);
    }
}
@-ms-keyframes moveFromTop {
    from {
        -ms-transform: translateY(-100%);
    }
    to {
        -ms-transform: translateY(0%);
    }
}
*/


/*logo at the top of the page*/
nav.navbar .logo img {
    margin-top: 3px;
}


/*navbar display*/
@media screen and (min-width: 1080px)  {
#navbar {
	display:block;
	}
}

@media screen and (max-width: 1080px)  {
#navbar {
	display:none;
	}
}

#nav-wrapper.navbar-layout-white.inited {
    min-height: 62px;
}

#nav-wrapper nav.navbar .navbar-logo {
  	top: 2px;  
		line-height: 55px;
    height: 60px;
    text-align: center;
}

.navbar-controls {
    position: absolute;
    right: 0;
    top: 10px;
}

/*hide navbar-social in top of main page AND in newsletter subscription part*/
.ltx-navbar-social {
	visibility: hidden;
}

.ltx-social {
	visibility: hidden;
}

/*remove the '-' between text and icons it the navbar-social part in the top left corner of the page*/
.ltx-navbar-social .header::after {
    content: "";
    margin: 0 5px;
}


/*change the background color of the count icon of the cart to green instead of red*/
.ltx-navbar-icons .ltx-cart .count {
    background-color: #80be79;
}


/*fix hamburger menu overlap issue in landscape mode on mobile : set right to 75px instead of 15*/
.ltx-navbar-icons {
    right: 75px;
}


/*widen the main menu*/
nav.navbar #navbar.navbar-desktop ul.navbar-nav li, nav.navbar #navbar.navbar-desktop ul.navbar-nav a {
    font-size: 20px;
    font-weight: bold !important;
    padding-left: 20px;
    padding-right: 20px;
}

.navbar-nav > li > a {
    line-height: 22px;
}


/*Product categories pages: left align + width 100% and hide all items of the sidebar (search, filters, cart, product tags, other categories)*/
 .col-lg-push-4 {
	 	top: -40px;
    left: 0% !important;
	  width: 100% !important;
 }

.widget.widget_product_search, .page-content.widget_product_search, .widget.widget_search, .page-content.widget_search {
    display:none !important;
}

.woocommerce-MyAccount-navigation aside, .dokan-widget-area aside, .widget-area aside {
    display:none !important;
}

.products-column-with-sidebar {
    margin-bottom: -250px !important;
}


/*reduce the top padding of header in each product category in the categories part of the main page*/
.ltx-products-cats-sc:not(.ltx-cols-2) div > a {
    padding-top: 20px !important;
}

.ltx-products-cats-sc:not(.ltx-cols-2) div > a .header {
	font-size: 22px;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 10px;
}


/*remove the gray dots behind photos on product on 4 categories of the main page*/
.ltx-products-cats-sc:not(.ltx-cols-2) div > a .image::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 20px 10px 0;
    background:none;
    z-index: 0;
}

.ltx-products-cats-sc:not(.ltx-cols-2) div > a:hover {
  /*-webkit-box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  box-shadow: 0 0 0 transparent;*/
  /*-webkit-transform: translateY(0px) !important;
	-moz-transform: translateY(0px) !important;
	-ms-transform: translateY(0px) !important;
	-o-transform: translateY(0px) !important;
		transform: translateY(0px) !important;*/
				/*-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;*/
	outline-color: #80be79;
	outline-style: solid;
	outline-width: 2px;
}


@media screen and (min-width: 1080px)  {
	.ltx-products-cats-sc:not(.ltx-cols-2) div > a:hover {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
	
	.ltx-products-cats-sc:not(.ltx-cols-2) div > a:hover .image img {
		-webkit-transform: scale(1.10);
		-moz-transform: scale(1.10);
		-ms-transform: scale(1.10);
		-o-transform: scale(1.10);
		transform: scale(1.10);
	}
}
/*
@media screen and (max-width: 1080px)  {
		.ltx-products-cats-sc:not(.ltx-cols-2) div > a:hover {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
			transform: scale(1.0);
	}
}
*/


/*product thumbnails*/
@media screen and (min-width: 1080px)  {
	.woocommerce ul.products li.product > .item:hover, .woocommerce-page ul.products li.product > .item:hover, .woocommerce ul.products[class*="columns-"] li.product > .item:hover, .woocommerce-page[class*="columns-"] ul.products li.product > .item:hover .image:after {
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}		
	
 .item:hover img {
    	-webkit-transform: scale(1.10) !important;
    	-moz-transform: scale(1.10) !important;
    	-ms-transform: scale(1.10) !important;
    	-o-transform: scale(1.10) !important;
    	transform: scale(1.10) !important;
    }
}

/*
@media screen and (max-width: 1080px)  {
		.woocommerce ul.products li.product > .item:hover, .woocommerce-page ul.products li.product > .item:hover, .woocommerce ul.products[class*="columns-"] li.product > .item:hover, .woocommerce-page[class*="columns-"] ul.products li.product > .item:hover .image:after {
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-ms-transform: scale(1.0);
		-o-transform: scale(1.0);
		transform: scale(1.0);
		}
}
*/
.woocommerce ul.products li.product:hover .image:after,
  .woocommerce-page ul.products li.product:hover .image:after,
  .woocommerce ul.products[class*="columns-"] li.product:hover .image:after,
  .woocommerce-page[class*="columns-"] ul.products li.product:hover .image:after {
    filter: alpha(opacity=0);
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }

.woocommerce ul.products li.product.product-type-external .btn, .woocommerce-page ul.products li.product.product-type-external .btn, .woocommerce ul.products[class*="columns-"] li.product.product-type-external .btn, .woocommerce-page[class*="columns-"] ul.products li.product.product-type-external .btn, .woocommerce ul.products li.product .product_type_grouped, .woocommerce-page ul.products li.product .product_type_grouped, .woocommerce ul.products[class*="columns-"] li.product .product_type_grouped, .woocommerce-page[class*="columns-"] ul.products li.product .product_type_grouped, .woocommerce ul.products li.product .add_to_cart_button, .woocommerce-page ul.products li.product .add_to_cart_button, .woocommerce ul.products[class*="columns-"] li.product .add_to_cart_button, .woocommerce-page[class*="columns-"] ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .product_type_variable, .woocommerce-page ul.products li.product .product_type_variable, .woocommerce ul.products[class*="columns-"] li.product .product_type_variable, .woocommerce-page[class*="columns-"] ul.products li.product .product_type_variable, .woocommerce ul.products li.product .product_type_simple, .woocommerce-page ul.products li.product .product_type_simple, .woocommerce ul.products[class*="columns-"] li.product .product_type_simple, .woocommerce-page[class*="columns-"] ul.products li.product .product_type_simple {
	filter: alpha(opacity=0) !important;
	-webkit-opacity: 0 !important;
	-moz-opacity: 0 !important;
	opacity: 0 !important;
}


/*zoom on hover on product image*/
.woocommerce div.product img { transition: all .2s ease-in-out; }

.woocommerce div.product img:hover {
		-webkit-transform: scale(1.08);
		-moz-transform: scale(1.08);
		-ms-transform: scale(1.08);
		-o-transform: scale1.08);
		transform: scale(1.08);
}


/*force display of more columns for media 1200-1600px for each thumbnails of products*/
@media (min-width: 1200px) and (max-width: 1599px) {
  .woocommerce ul.products.columns-6 li.product,
  .woocommerce-page ul.products.columns-6 li.product,
  .woocommerce ul.products[class*="columns-"].columns-6 li.product,
  .woocommerce-page[class*="columns-"] ul.products.columns-6 li.product {
    width: 16.66%;
  }
  .woocommerce ul.products.columns-5 li.product,
  .woocommerce-page ul.products.columns-5 li.product,
  .woocommerce ul.products[class*="columns-"].columns-5 li.product,
  .woocommerce-page[class*="columns-"] ul.products.columns-5 li.product {
    width: 20%;
  }
  .woocommerce ul.products.columns-4 li.product,
  .woocommerce-page ul.products.columns-4 li.product,
  .woocommerce ul.products[class*="columns-"].columns-4 li.product,
  .woocommerce-page[class*="columns-"] ul.products.columns-4 li.product {
    width: 25%;
  }
  .woocommerce ul.products.columns-3 li.product,
  .woocommerce-page ul.products.columns-3 li.product,
  .woocommerce ul.products[class*="columns-"].columns-3 li.product,
  .woocommerce-page[class*="columns-"] ul.products.columns-3 li.product {
    width: 33.33%;
  }
  .woocommerce ul.products.columns-2 li.product,
  .woocommerce-page ul.products.columns-2 li.product,
  .woocommerce ul.products[class*="columns-"].columns-2 li.product,
  .woocommerce-page[class*="columns-"] ul.products.columns-2 li.product {
    width: 50%;
  }
}


.vc_custom_1615483904035 {
    margin-top: 20px !important;
}


/* Hide WooCommerce's default "new" badge on products */
.product .wc-label-new {
	display:none !important;
}

/*remove btn "add to cart on product's image */
.add_to_cart_button {
	visibility: hidden !important;
}


/* Badge "choix de l'équipe" */
.wobd-text-template-24 .wobd-text {
	left: 5px !important;
}

.wobd-text-template-24.wobd-position-right_top {
    margin-top: -1px !important;
	margin-right: 30px;
}

.wobd-text-template-24::before, .wobd-text-template-24::after, .wobd-text-template-24 .wobd-text-main-wrap::before, .wobd-text-template-24 .wobd-text-main-wrap::after, .wobd-text-template-24 .wobd-text-inner-wrap::before, .wobd-text-template-24 .wobd-text-inner-wrap::after {
    height: 62px;
    width: 62px;
}

/* Badge vente flash : au dessus de badge promo */
.wobd-text-template-15 {
  top: -3px !important; 
	left: -3px !important;
	z-index: 10;
	border-radius: 0px;
}

/* Timer ventes flash */
.wobd-timer-template-10.wobd-timer-position-bottom {
	margin-bottom: -22px;
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
}

.wobd-time {
		white-space: nowrap;
}

.wobd-date-text {
	font-size: 10px !important;
}

/*subscribe block*/
@media screen and (max-width: 1080px)  {
	.heading-icon-fa-wrap {
    visibility: hidden;
	}
}


/*stars on testimonials part*/
.center-div-testimonials-stars {
     margin: -35px auto;
     width: 100px; 
     padding-right:8px; 
}


/*dash ('-') removal between the "follow us" text and social networks icons*/
.subscribe-block .ltx-social span.header:after {
    content: "";
    margin: 0 5px;
}


/*set max-width of 4 images in the footer to 100% instead of 55%*/
.footer-widget-area .textwidget.custom-html-widget {
    max-width: 100%;
    margin: 0 auto;
}


/*menu in the footer*/
#ltx-widgets-footer {
	padding-top: 10px;
}

#menu-menu-pied-de-page {
 	width: 90%;
	margin: auto;
}

@media screen and (min-width: 1200px)  {
.widget_ltx_navmenu ul {
  column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	width: 100%;
	white-space:nowrap;
	}
}

@media screen and (min-width: 500px) and (max-width: 1200px)  {
.widget_ltx_navmenu ul {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	width: 100%;
	white-space:nowrap;
	}
}

@media screen and (max-width: 500px)  {
.widget_ltx_navmenu ul {
	column-count: 1;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	width: 100%;
	white-space:nowrap;
	}
}

.footer-widget-area .widget:last-child {
    margin-bottom: -30px;
}

.footer-widget-area .widget_pages ul li a::before, .footer-widget-area .widget_categories ul li a::before, .footer-widget-area .widget_meta ul li a::before, .footer-widget-area .widget_archive ul li a::before, .footer-widget-area .widget_recent_entries ul li a::before, .footer-widget-area .widget_ltx_navmenu ul li a::before, .footer-widget-area .widget_nav_menu ul li a::before {
    content: "";
}

.footer-widget-area .widget_pages ul li a, .footer-widget-area .widget_categories ul li a, .footer-widget-area .widget_meta ul li a, .footer-widget-area .widget_archive ul li a, .footer-widget-area .widget_recent_entries ul li a, .footer-widget-area .widget_ltx_navmenu ul li a, .footer-widget-area .widget_nav_menu ul li a {
		display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.75) !important;
}

.footer-widget-area .widget_pages ul li a:hover, .footer-widget-area .widget_categories ul li a:hover, .footer-widget-area .widget_meta ul li a:hover, .footer-widget-area .widget_archive ul li a:hover, .footer-widget-area .widget_recent_entries ul li a:hover, .footer-widget-area .widget_ltx_navmenu ul li a:hover, .footer-widget-area .widget_nav_menu ul li a:hover {
    color: var(--main) !important;
}


/*GDPR consent*/
.cli-bar-btn_container {
	margin-right: 150px;
}


/*live chat popup*/
#chat-application {
	bottom: 4px !important;
	right: 0px !important;
}
