/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Webmaster IDS
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
.new-button2 a:hover {
	text-decoration: none !important;
}

.new-button a:hover {
	text-decoration: none !important;
	background-color: #E5B72B !important;
	padding: 6px !important;
	border-width: 1px 0px 1px 0px !important;
	border-radius: 5px 5px 5px 5px !important;
	color: #fff;
}

.new-button a {
	text-decoration: none !important;
	background-color: #fff !important;
	color: E5B72B !important;
	padding: 6px !important;
	border-width: 1px 0px 1px 0px !important;
	border-radius: 5px 5px 5px 5px;
	border-color: #E5B72B !important;
	border-style: solid !important;
}

p.new-button {
	text-transform: uppercase;
	margin-top: 10px;
}

h1.entry-title {
	display: none !important;
}

p,
ul li {
	font-size: 14px !important;
}

/*page404*/
.error404 #site-content .search-form {
	display: none;
}

/*newsletter noptin*/
.noptin-styles-basic .noptin-label {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
}

.noptin-styles-basic .button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background: #e5b72b;
	margin-left: 10px;
	margin-top: 26px;
	color: #fff;
	border-color: #e5b72b;
	padding: 11px;
}

.noptin-newsletter-form .noptin-form-field-wrapper {
	float: left;
}

.noptin-newsletter-form .noptin-birthday-div,
.noptin-newsletter-form .noptin-text {
	background: #fff;
	font-size: 15px;
	padding: 13px;
}

.noptin-success,
.noptin-alert,
.noptin-alert-subscribed,
.noptin-form-1__submit_button_wrapper button {
	color: #fff;
	font-size: 14px;
	background-color: #646363;
	border-color: #646363;
	padding: 0;
}

.aws-search-result .aws_search_more a {
	color: #77BEAD;
}

.woocommerce-info {
	border-top: 2px solid #E5B72B;
	margin-top: 20px;
}

/*cookie notice*/
#cookie-notice a {
	color: #fff;
}

/*fleche fibre batiment*/
.fleche-rectangle-plein {
	height: 30px;
	width: 70px;
	background-color: #E5B72B;
	border: 2px solid #E5B72B;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}

.fleche-rectangle-vide {
	height: 30px;
	width: 70px;
	background-color: #fff;
	border: 2px solid #E5B72B;
	display: block;
	margin: 0 0 5px 0;
	padding: 0;
}

.triangle {
	width: 0;
	height: 0;
	border-left: 35px solid transparent;
	border-right: 35px solid transparent;
	border-bottom: 50px solid #E5B72B;
	margin-bottom: 5px;
}

/*image hover*/
.oxi-image-hover-wrapper-3 .oxi-addons-row .oxi-image-hover-caption-tab,
.oxi-image-hover-wrapper-4 .oxi-addons-row .oxi-image-hover-caption-tab,
.oxi-image-hover-wrapper-5 .oxi-addons-row .oxi-image-hover-caption-tab,
.oxi-image-hover-wrapper-6 .oxi-addons-row .oxi-image-hover-caption-tab {
	background: #77BEAD !important;
}

/*cacher MEA IMG dans les autres categ, pages */
.woocommerce-loop-product__title img,
.elementor-widget-woolentor-product-tab .title img {
	display: none !important;
}

/*page qui sommes nous*/
.elementor-176 .elementor-inline-item a:hover {
	text-decoration: none !important;
}

/*Recherche*/
.aws_result_title {
	color: #484848 !important;
}

.aws-search-result .aws_result_link {
	text-decoration: none !important;
}

.aws-container .aws-search-form .aws-search-btn_icon {
	color: #fff;
}

.aws-container .aws-search-form .aws-form-btn,
.aws-container .aws-search-form .aws-form-btn:hover {
	background: #E5B72B
}

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
	display: none;
}

.woocommerce-products-header__title.page-title {
	font-family: "Lato", Open Sans;
	color: #141215;
	font-size: 30px !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.8px;
	font-weight: 500 !important;
}

.search-results .woocommerce-breadcrumb {
	display: none;
}

/*page boutique*/
.woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
	font-family: Lato;
	font-size: 25px;
}

.archive .woocommerce-breadcrumb,
.archive .count {
	display: none;
}

.singular .featured-media {
	margin-top: 0;
	display: none;
}

#intitule-produit {
	font-weight: bold;
	font-style: italic;
	color: #77BEAD;
}

h1 {
	margin: 0;
	padding: 0;
}

.hfe-nav-menu .sub-menu {
	min-width: 70px;
	margin: 0;
	z-index: 9999;
}

.entry-content {
	font-family: Open Sans, serif;
	letter-spacing: normal;
}

.archive .woocommerce-products-header__title.page-title {
	margin-top: 20px;
	text-align: center;
}

/*gestion menus header*/
#menu-1-13ce2c1 li.menu-item,
#menu-1-13ce2c1 ul.sub-menu {
	margin-bottom: 0px;
	width: 70px;
}

#menu-1-ef2e5fd li.menu-item {
	background-color: #605f60;
	border-radius: 10px 10px 0 0;
}

#menu-1-4b331ad li.menu-item:not(:last-child) {
	margin-right: 0px;
	border-right: 1px solid #fff;
}

#menu-1-4b331ad a.hfe-menu-item {
	padding-left: 25px;
	padding-right: 25px;
}

header .hfe-nav-menu a:hover,
footer a:hover {
	text-decoration: none !important;
}

.singular .entry-header {
	padding: 8px 0;
	display: none;
}

.elementor-6 .elementor-element.elementor-element-ff6fbf6 .menu-item a.hfe-menu-item:hover,
.elementor-6 .elementor-element.elementor-element-ff6fbf6 .sub-menu a.hfe-sub-menu-item:hover,
.elementor-6 .elementor-element.elementor-element-ff6fbf6 .menu-item.current-menu-item a.hfe-menu-item,
.elementor-6 .elementor-element.elementor-element-ff6fbf6 .menu-item a.hfe-menu-item.highlighted,
.elementor-6 .elementor-element.elementor-element-ff6fbf6 .menu-item a.hfe-menu-item:focus {}


#menu-1-4b331ad ul.sub-menu {
	width: 270px;
	margin-top: 16px;
	border-top: solid #605f60 3px;
}

#menu-1-4b331ad .fa {
	display: none;
}

#menu-item-6556 a.hfe-menu-item:focus {
	background-color: #77BEAD;
	color: #fff;
}

/*slide*/
.ms-skin-default .ms-bullet-selected {
	background-color: #e5b72b;
}

/*titre*/
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin: 0;
}

h3.elementor-heading-title a:hover {
	text-decoration: none !important;
}

a:hover {
	text-decoration: underline !important;
}

/*footer*/
h2.widgettitle {
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

footer ul#menu-1-c654d95 li#menu-item-1696 ul,
li#menu-item-1696 .hfe-menu-toggle {
	display: none;
}

/*Fil d'ariane*/
#ariane,
#ariane a,
.breadcrumb_last {
	font-size: 12px !important;
	text-transform: none !important;
	color: #6d6d6d !important;
}

.woocommerce-breadcrumb,
.woocommerce-breadcrumb a {
	font-size: 11px !important;
	text-transform: none !important;
	color: #6d6d6d !important;
}

@media screen and (max-width: 1200px) {

	/* ==========================================================================
	Product cards
   ========================================================================== */
	.product-cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 1024px) {
	form#mailjetSubscriptionForm input[type="email"] {
		width: 200px;
		float: left;
		padding: 5px;
		margin: 0;
	}

	.noptin-newsletter-form .noptin-form-field-wrapper {
		float: none;
	}
}

/*button top*/
.topbutton {
	height: 50px;
	width: 50px;
	position: fixed;
	right: 5px;
	bottom: 5px;
	Z-index: 1;
	background-image: url("/wp-content/uploads/2021/top.png");
	background-repeat: no-repeat;
	display: none;
}

/*form*/
#wpcf7-f1635-p186-o1 input {
	border-style: none;
	height: 30px;
	color: #7f7f7f;
	font-size: 13px;
	margin-top: 6px;
}

#wpcf7-f1635-p186-o1 textarea {
	border-style: none;
	height: 100px;
	margin-top: 6px;
}

#wpcf7-f1635-p186-o1 input[type="checkbox"] {
	border-style: none;
	height: 15px;
}

#wpcf7-f1635-p186-o1 p {
	font-size: 14px;
}

#wpcf7-f1635-p186-o1 input[type="submit"] {
	padding: 10px;
	background-color: #cccccc;
	height: 50px;
	color: #ffffff;
	margin-top: 10px;
}

#wpcf7-f1635-p186-o1 input[type="submit"]:hover {
	padding: 10px;
	background-color: #E5B72B;
	text-decoration: none;
	height: 50px;
	margin-top: 10px;
}

label {
	display: block;
}

/*taille page woocommerce*/
@media only screen and (min-width:1168px) {
	.woocommerce .content-area {
		max-width: 140rem !important;
		padding: 2vw 6vw 4vw 6vw;
		margin: 0 auto;
	}
}

/*gestion des produits woocommerce categories*/
.price {
	display: none;
}

.woocommerce {
	font-size: 1.3em;
}

.woocommerce ul.products li.product {
	padding: 10px;
	background-color: #fff;
	border: solid 1px #dbdbdb;
	font-size: 15px;
	margin-bottom: 25px;
	margin-right: 10px;
}

ul.products li.product .price,
ul.products li.product .star-rating,
ul.products li.product .woocommerce-loop-product__title {
	color: #313133;
	font-size: 1.2em;
	text-align: center;
}

ul.products li.product .woocommerce-loop-product__title {
	color: #313133;
	font-size: 1.2em;
	text-align: center;
	background-color: #fff;
	border: none;
}

.woocommerce ul.products li.product a:hover {
	text-decoration: none !important;
}

.woocommerce ul.products li.product .button {
	display: none;
}

.woocommerce .woocommerce-Tabs-panel a:hover,
.woocommerce .woocommerce-Tabs-panel a {
	font-size: 1em;
	color: #E5B72B;
	text-transform: none;
	text-decoration: none;
}

/*gestion des produits woocommerce produits*/
.single-product div.product .product_meta {
	display: none
}

h1.product_title.entry-title {
	display: block !important;
}

.single-product .entry-title {
	margin: 0px 0 0 10px !important;
	font-family: "Lato", Open Sans;
	color: #141215;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.8px;
	font-weight: 500;
	font-size: 30px !important;
}

#button-woocomerce2 a {
	max-width: 300px;
	text-align: center;
	margin-top: 100px;
	border-radius: 10px;
	font-size: 13px;
	border: 1px #000 solid;
	background-color: #000 !important;
	color: #fff;
	padding: 10px;
	display: block;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
	width: 15% !important;
	margin: 10px 7px 0 0 !important;
	border: 1px solid #ccc;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
	margin: 0 10px 1.6em 0;
}

.woocommerce-product-gallery__trigger {
	background-color: #fff;
	padding: 10px;
	border-radius: 20px;
	z-index: 98;
}

.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	float: left;
	width: 43%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
	float: right;
	width: 53%;
	clear: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	padding: 0px;
}

hr.hr-product {
	margin: -10px 0 20px 0;
	padding: 0;
}

.woocommerce-product-details__short-description h2 {
	color: #646363;
	font-size: 23px;
	letter-spacing: 0;
	margin: 20px 0 0 0;
	font-style: italic;
	font-weight: 600;
}

.woocommerce-product-details__short-description h3 {
	color: #E5B72B;
	font-size: 1.1em;
	letter-spacing: 0;
	margin: 20px 0 20px 0;
	font-family: Open Sans;
	text-transform: uppercase;
	line-height: 1.3;
	font-weight: bold;
}

.picto-box {
	margin: 10px 0 20px 0;
	clear: both;
	display: flex;
	flex-wrap: wrap;
}

.picto {
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	font-style: italic;
	width: 70px;
	font-size: 12px;
	line-height: 1.2em;
}

.picto img {
	width: 57px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 5px;
}

.woocommerce-tabs #tab-description h2,
.woocommerce-tabs #tab-accessoires h2,
.woocommerce-tabs #tab-telechargements h2,
.woocommerce-tabs #tab-dimensions h2,
.woocommerce-tabs #tab-nuancier h2,
.woocommerce-tabs #tab-video h2 {
	display: none;
}

.woocommerce-tabs #tab-accessoires h2.woocommerce-loop-product__title {
	display: block;
}

hr.hr-titre {
	background-color: #E5B72B;
	width: 100px;
	height: 5px;
	margin: -15px 0 20px 0;
	padding: 0;
	border: none;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
	clear: none;
}

.woocommerce-tabs ul li a {
	color: #6c6c6c !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 20px;
	font-family: Lato, 'Open Sans';
	background-color: #f4f4f4;
}

.woocommerce-tabs ul li.active a {
	color: #E5B72B !important;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 20px;
	font-family: Lato, 'Open Sans';
	background-color: #fff;
}

#tab-description ul,
#tab-dimensions ul {
	padding-left: 5px;
}

.up-sells.upsells.products {
	margin-top: 50px;
}

.woocommerce-tabs ul li.active a:hover,
.woocommerce-tabs ul li a:hover,
.woocommerce-Tabs-panel a:hover {
	text-decoration: none !important;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
	display: inline-block;
	margin: 0;
	background-color: #f4f4f4;
	border-radius: 10px 10px 0 0;
	padding: 5px 20px 5px 20px;
	border-bottom-color: #ccc !important;
}

#tab-title-accessoires img {
	border: 0
}

.woocommerce-tabs ul.tabs {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 60px !important;
}

.woocommerce-tabs .entry-content {
	max-width: 100%;
	font-size: 0.8em;
}

.woocommerce-tabs .entry-content> :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 100%;
	font-size: 1em;
	font-family: Open Sans;
	width: 100%;
}

#tab-caracteristiques h4,
#tab-description h4,
#tab-dimensions h4,
#tab-nuancier h4,
#tab-video h4,
#tab-accessoires h4,
#tab-telechargements h4 {
	color: #313133;
	font-size: 19px !important;
	padding-top: 20px;
}

#tab-dimensions h3,
#tab-telechargements h3,
#tab-description h3,
#tab-caracteristiques h3,
#tab-video h3,
#tab-accessoires h3,
#tab-nuancier h3 {
	color: #313133;
	font-size: 19px !important;
	line-height: 1.3em;
	font-weight: bold;
	letter-spacing: 0;
}

#text-dimensions {
	float: left;
	width: 370px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #77BEAD;
	color: #fff;
	margin-bottom: 20px;
}

#text-dimensions h4 {
	color: #fff !important;
	padding-top: 0 !important;
}

#text-caracteristiques {
	float: left;
	width: 690px;
	padding: 0px 20px 0px 106px;
}

#avantages-text {
	width: 650px;
	float: left;
}

.woocommerce-tabs #tab-description ul li,
.woocommerce-tabs #tab-caracteristiques ul li,
.woocommerce-tabs #tab-dimensions ul li {
	margin: 0 0 0 30px;
}

#tab-description a {
	background-color: #fff;
}

#tab-description a:hover {
	background-color: #fff;
	color: #E5B72B !important;
}

#tab-telechargements .new-upload a {
	float: left;
	margin: 20px 20px 10px 0;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #77BEAD;
	font-size: 1em !important;
	color: #fff;
}

#tab-telechargements .new-upload1 a {
	float: left;
	margin: 20px 20px 10px 130px;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #77BEAD;
	font-size: 1em !important;
	color: #fff;
}

#tab-telechargements .new-upload3 a {
	float: left;
	margin: 20px 20px 10px 278px;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #77BEAD;
	font-size: 1em !important;
	color: #fff;
}

#tab-telechargements .new-upload a:hover {
	float: left;
	margin: 20px 20px 10px 0;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #fff;
	font-size: 1em !important;
	color: #77BEAD;
}

#tab-telechargements .new-upload1 a:hover {
	float: left;
	margin: 20px 20px 10px 130px;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #fff;
	font-size: 1em !important;
	color: #77BEAD;
}

#tab-telechargements .new-upload3 a:hover {
	float: left;
	margin: 20px 20px 10px 278px;
	width: 300px;
	padding: 20px;
	border: 5px solid #77BEAD;
	border-radius: 20px 20px 20px 0;
	background: #fff;
	font-size: 1em !important;
	color: #77BEAD;
}

#use-product {
	float: right;
	width: 478px;
	height: 450px;
	background-image: url("https://www.ids-france.net/wp-content/uploads/utilisation-produit.jpg");
	color: #515151;
	font-size: 13px;
	padding: 16px 10px 10px 86px;
	border-radius: 5% 5% 5% 0;
}

#use-product h3 {
	color: #77bead !important;
	line-height: 1.2em;
	margin-bottom: 5px;
	margin-top: 5px;
	font-weight: normal;
}

#use-product h4 {
	color: #000 !important;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.woocommerce-tabs #tab-description ul li {
	margin: 0 0 0 30px;
}

.button-woocomerce a,
.button-woocomerce a:hover,
.button-woocomerce a:active,
.button-woocomerce a:focus {
	text-align: center;
	height: 66px;
	margin: 0;
	padding: 0 20px 0 20px;
	background-color: #000;
	margin-top: 20px;
	color: #fff !important;
	text-decoration: none;
}

.button-woocomerce {
	max-width: 300px;
	text-align: center;
}

.entry-content .telechargement-center {
	margin-left: auto;
	margin-right: auto;
	max-width: 930px !important;
}

.up-sells h2 {
	padding-bottom: 20px;
	border-bottom: #ccc 1px solid;
	color: #141215;
	font-family: "Lato", Open Sans;
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #F1EEEE;
	text-align: center;
	padding-top: 20px;
	border-top: #ccc 1px solid;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	width: 24%;
	min-height: 390px;
}

.related.products {
	display: none;
}

.woocommerce-tabs.wc-tabs-wrapper a {
	color: #000;
}

/*tableau woocomerce dimensions*/
#tab-dimensions table .first {
	background-color: #646363;
	color: #fff;
	text-transform: uppercase;
}

#tab-dimensions table {
	margin-top: 30px;
	width: 100%;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.woocommerce-tabs ul li a,
	.woocommerce-tabs ul li.active a,
	.woocommerce-tabs ul li {
		font-size: 16px;
	}

	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .site-main {
		max-width: 730px;
	}

	.search-results h1 {
		margin-top: 20px;
		font-size: 22px !important;
	}

	#ariane,
	#ariane a,
	.woocommerce-breadcrumb,
	.woocommerce-breadcrumb a,
	.breadcrumb_last {
		margin-left: 5px;
		font-size: 11px;
	}

	#use-product {
		float: left;
	}

	.woocommerce .up-sells ul.products li.product {
		width: 24% !important;
	}

	.woocommerce ul.products li.product,
	.woocommerce .up-sells ul.products li.product {
		margin-right: 6px !important;
		min-height: 330px;
	}

	.woocommerce .up-sells ul.products li.product .woocommerce-loop-product__title,
	ul.products li.product .woocommerce-loop-product__title {
		font-size: 1em;
	}

	.single-product .entry-title {
		font-size: 1.8em;
	}

	.single-product .woocommerce-tabs {
		margin: -40px 0 2rem !important;
	}

	#tab-dimensions table {
		margin-top: 30px;
		width: 100%;
	}

	#tab-telechargements .new-upload a,
	#tab-telechargements .new-upload1 a,
	#tab-telechargements .new-upload3 a {
		float: none;
		margin: 25px 20px 10px 211px;
		width: 300px;
		padding: 20px;
		border: 5px solid 77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #77BEAD;
		font-size: 1.1em !important;
		color: #fff;
		display: block;
	}

	#tab-telechargements .new-upload a:hover,
	#tab-telechargements .new-upload1 a:hover,
	#tab-telechargements .new-upload3 a:hover {
		float: none;
		margin: 25px 20px 10px 211px;
		width: 300px;
		padding: 20px;
		border: 5px solid #77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #fff;
		font-size: 1.1em !important;
		color: #77BEAD;
		display: block;
	}

	.noptin-newsletter-form .noptin-form-field-wrapper {
		margin-bottom: 0;
	}

	.noptin-styles-basic .button,
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button {
		margin-left: 0;
		margin-top: 10px;
	}

	#text-caracteristiques {
		float: left;
		width: 375px;
		padding: 0px 0px 0px 5px;
	}

	#text-dimensions {
		width: 325px;
	}

	#menu-1-4b331ad a.hfe-menu-item {
		padding-left: 0px;
		padding-right: 10px;
	}

	#menu-1-4b331ad ul.sub-menu {
		width: 170px;
		margin-top: 16px;
		border-top: solid #605f60 3px;
	}

	.elementor-6 .elementor-element.elementor-element-4b331ad .sub-menu a.hfe-sub-menu-item,
	.elementor-6 .elementor-element.elementor-element-4b331ad nav.hfe-dropdown li a.hfe-menu-item,
	.elementor-6 .elementor-element.elementor-element-4b331ad nav.hfe-dropdown li a.hfe-sub-menu-item,
	.elementor-6 .elementor-element.elementor-element-4b331ad nav.hfe-dropdown-expandible li a.hfe-menu-item,
	.elementor-6 .elementor-element.elementor-element-4b331ad nav.hfe-dropdown-expandible li a.hfe-sub-menu-item {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
	}

	footer #menu-item-1697,
	footer .fa {
		display: none;
	}

	.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		width: 20%;
		margin: 0 15px 1.6em 0;
		border: 1px solid #ccc;
	}

	.woocommerce-page div.product .woocommerce-tabs ul.tabs #tab-title-accessoires {
		margin-top: 20px;
	}
}

@media only screen and (min-width:668px) and (max-width:768px) {
	.woocommerce ul.products[class*="columns-"] li.product {
		padding: 10px !important;
		width: 45%;
		margin-left: 10px;
		margin-bottom: 10px;
	}

	.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
		width: 20%;
		margin: 0 15px 1.6em 0;
		border: 1px solid #ccc;
	}

	.woocommerce-page div.product .woocommerce-tabs ul.tabs #tab-title-telechargements,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs #tab-title-accessoires,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs #tab-title-nuancier {
		margin-top: 20px;
	}

}

@media (max-device-width : 668px) {
	.woocommerce ul.products li.product-category a h2.woocommerce-loop-category__title {
		font-size: 18px !important;
	}

	#ariane,
	#ariane a,
	.woocommerce-breadcrumb,
	.woocommerce-breadcrumb a,
	.breadcrumb_last {
		font-size: 11px !important;
		text-transform: none !important;
		color: #6d6d6d !important;
	}

	#tab-telechargements .new-upload a {
		float: left;
		margin: 0 20px 10px 0;
		width: 300px;
		padding: 20px;
		border: 5px solid #77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #77BEAD;
		font-size: 1.1em !important;
		color: #fff;
	}

	#tab-telechargements .new-upload1 a,
	#tab-telechargements .new-upload3 a {
		float: left;
		margin: 0px 20px 10px 0px;
		width: 300px;
		padding: 20px;
		border: 5px solid #77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #77BEAD;
		font-size: 1.1em !important;
		color: #fff;
	}

	#tab-telechargements .new-upload a:hover {
		float: left;
		margin: 0 20px 10px 0;
		width: 300px;
		padding: 20px;
		border: 5px solid #77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #fff;
		font-size: 1.1em !important;
		color: #77BEAD;
	}

	#tab-telechargements .new-upload1 a:hover,
	#tab-telechargements .new-upload3 a:hover {
		float: left;
		margin: 0px 20px 10px 0px;
		width: 300px;
		padding: 20px;
		border: 5px solid #77BEAD;
		border-radius: 20px 20px 20px 0;
		background: #fff;
		font-size: 1.1em !important;
		color: #77BEAD;
	}

	#tab-dimensions table {
		font-size: 12px;
	}

	#tab-accessoires ul.products li.product {
		width: 50%;
		font-size: 1em !important;
	}

	.pswp__ui--idle .pswp__button--arrow--left,
	.pswp__ui--idle .pswp__button--arrow--right {
		opacity: 1 !important;
		box-shadow: 10px 5px 5px #000;
	}

	#tab-caracteristiques h4#tab-description h4,
	#tab-dimensions h4 {
		font-size: 1.2em !important;
	}

	ul.products li.product .woocommerce-loop-product__title {
		color: #313133;
		font-size: 1em;
		text-align: center;
		padding-top: 10px !important;
	}

	#use-product {
		float: right;
		width: 478px;
		height: 350px;
		background-image: none;
		color: #515151;
		font-size: 12px;
		padding: 16px 10px 10px 10px;
		border: 1px solid #77bead;
		border-radius: 5% 5% 5% 0;
	}

	#text-dimensions {
		margin-top: 20px;
	}

	.elementor-divider {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.woocommerce ul.products[class*=columns-] li.product {
		margin-bottom: 10px;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		float: none;
		width: 80%;
	}

	img.zoomImg {
		width: 400px !important;
		height: auto !important;
	}

	#tab-dimensions table {
		margin-top: 30px;
		width: 100%;
	}

	.single-product .entry-title {
		font-size: 22px !important;
	}

	h1.product_title img {
		display: none;
	}

	.woocommerce-product-details__short-description h2 {
		font-size: 17px;
	}

	.woocommerce-product-details__short-description h3,
	#tab-description h3,
	#tab-title-accessoires h3,
	#tab-title-telechargements h3,
	#tab-title-dimensions h3 {
		font-size: 18px !important;
	}

	#tab-title-telechargements {
		border-right: 0px solid #ccc;
	}

	.woocommerce div.product .woocommerce-tabs ul.tabs li.active,
	.woocommerce div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce div.product .woocommerce-tabs ul.tabs li {
		background: #fff;
		border: none;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		float: none;
		width: 100%;
		clear: none;
		margin-bottom: 40px;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images {
		float: left;
		width: 43%;
	}

	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		float: right;
		width: 53%;
		clear: none;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		min-height: 325px;
	}

	hr.hr-product {
		margin: -25px 0 -11px 0;
	}

	.woocommerce #content div.product .woocommerce-tabs ul.tabs li,
	.woocommerce div.product .woocommerce-tabs ul.tabs li,
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li {
		display: inline-block;
		border-right: none;
		padding-right: 20px;
		margin: 10px 0 0 0;
	}

	.woocommerce-tabs ul.tabs {
		border-top: 1px solid #ccc;
		padding-top: 10px;
		padding-bottom: 18px !important;
	}

	hr.hr-titre {
		background-color: #E5B72B;
		width: 60px;
		height: 3px;
	}

	.noptin-newsletter-form .noptin-form-field-wrapper {
		margin-bottom: 0;
	}

	.noptin-styles-basic .button,
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button {
		margin-left: 0;
		margin-top: 10px;
	}

	.woocommerce-tabs {
		margin: 0 0 0 0;
	}

	.woocommerce-tabs ul li.active a,
	.woocommerce-tabs ul li.active a:hover,
	.woocommerce-tabs ul li.active a:active,
	.woocommerce-tabs ul li.active a:focus,
	.woocommerce-tabs ul li a {
		font-size: 15px;
		margin-top: 10px;
		padding: 0 !important;
	}


	#tab-description h4,
	#tab-accessoires h4,
	#tab-telechargements h4,
	#tab-dimensions h4,
	#tab-nuancier h4 {
		color: #313133;
		font-size: 18px !important;
	}

	.entry-content p,
	.entry-content li {
		font-size: 12px !important;
	}

	#tab-caracteristiques table {
		font-size: 10px;
	}

	#tab-caracteristiques .reference {
		width: 90px;
	}

	#tab-caracteristiques .poids {
		width: 50px;
	}

	#tab-caracteristiques .connections {
		width: 78px;
	}

	#tab-caracteristiques .longueur {
		width: 90px;
	}

	#tab-caracteristiques .epaisseur {
		width: 56px;
	}

	#tab-caracteristiques .largeur {
		width: 50px;
	}

	#text-caracteristiques {
		float: left;
		width: 600px;
		padding: 0px 10px 0px 10px;
	}

	.up-sells h2 {
		font-size: 18px;
	}

	.button-woocomerce a,
	.button-woocomerce a:hover,
	.button-woocomerce a:active,
	.button-woocomerce a:focus {
		font-size: 14px;
	}

	ul.products li.product .woocommerce-loop-product__title {
		color: #313133;
		font-size: 1em !important;
		text-align: center;
	}

	/*menu header*/
	.background-menu {
		background-color: #605f60;
	}

	.hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width+.hfe-nav-menu__layout-horizontal .hfe-nav-menu {
		border-bottom: solid 1px #ccc;
		box-shadow: 0px 7px 10px #ccc;
	}

	.elementor-element.elementor-element-f8f243b ul.sub-menu li.menu-item a.hfe-sub-menu-item {
		background-color: #fff !important;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding-left: 50px;
	}

	.elementor-element.elementor-element-f8f243b ul.sub-menu li.menu-item a.hfe-sub-menu-item:hover {
		color: #77BEAD;
	}

	#menu-1-4b331ad ul.sub-menu {
		margin-top: 0;
	}

	#menu-1-f8f243b ul.sub-menu a.hfe-sub-menu-item-active {
		color: #77BEAD;
	}

	footer #menu-item-1697,
	footer .fa {
		display: none;
	}
}

@media (max-device-width : 320px) {
	.woocommerce-Tabs-panel .telechargement-center figure {
		width: 220px !important;
	}

	#tab-dimensions .reference {
		width: 60px;
	}
}



/* ========================================================================== */
/*  Menu                                                        */
/* ========================================================================== */
.hfe-nav-menu .menu-item li a[href="/guide-de-choix"] {
	display: flex;
    justify-content: left;
    gap: 10px;
}

.new-badge {
	background-image: url("https://dev.ids-france.net/wp-content/uploads/2025/03/new-badge-orange.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 30px;
	height: 30px;
}




/* ========================================================================== */
/*  Home                                                        */
/* ========================================================================== */

/* .smart-slider__home #n2-ss-4 {
	height: 100vh;
} */

.smart-slider__home #n2-ss-4 .n2-ss-text  p {
	font-size: 22px !important;
}

.home__services-item:hover {
	cursor: pointer;
}

.home__services-item__title h2 {
	position: relative;
	display: inline-block;
}

.home__services-item__title h2::before {
    content: '';
    display: block;
    width: 108%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 60%, #e5b72b 60%);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

.home__services-item__image {
	overflow: hidden !important;
}

/* ========================================================================== */
/*  CSS Guide de choix                                                        */
/* ========================================================================== */


/* ==========================================================================
   General
   ========================================================================== */

.hidden {
	display: none !important;
}

a:hover, button:hover {
	cursor: pointer;
	text-decoration: none;
}

input[type="hidden"] {
	display: none;
}

.custom-btn, 
.custom-btn:hover, 
.custom-btn:focus {
	padding: 10px 12px;
	outline: none;
	border: none;
	border-radius: 2px;
}

.invisible {
	opacity: 0;
	pointer-events: none;
}

/* ==========================================================================
   Drapeau langues
   ========================================================================== */
.lang-item {
	list-style: none;
}

/* ==========================================================================
   Form
   ========================================================================== */


/* ==========================================================================
   Guide cards
   ========================================================================== */
   .guide-gallery {
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: 1400px;
    margin: 50px auto;
    flex-wrap: wrap;
}

.isSubmitted .guide-gallery {
	max-width: none;
	margin: auto;
}

.guide-card {
	border: 1px solid #ddd;
	border-radius: 8px;
	background-color: #fff;
	transition: transform 0.3s, box-shadow 0.3s;
	padding: 15px;
	max-width: 350px;
	cursor: pointer;
}

.guide-card:hover {
	transform: translateY(-5px);
}

.guide-card img {
	width: 100%;
	height: 70vh;
	max-height: 250px;
	display: block;
	border-bottom: 1px solid #ddd;
	object-fit: contain;
}

.guide-description {
	margin-top: 20px;
	text-align: center;
}

.guide-description h3 {
	font-size: 1.25rem;
	font-weight: 500;
	color: #e5b72b;
	margin-bottom: 10px;
}

.guide-description p {
	font-size: 1rem;
	color: #666;
	line-height: 1.5;
}

/* ==========================================================================
   Decision tree
   ========================================================================== */

   .isSubmitted.decision-tree {
	display: grid;
	grid-template-columns: 25% 1fr; /* Colonne gauche de 25%, droite qui prend le reste */
	grid-template-rows: auto auto; /* Première ligne pour sticky-nav et right-nav, deuxième pour left-nav */
	gap: 20px;
	width: 100vw;
  }
  
  .isSubmitted .sticky-nav {
	grid-column: 1 / 2; 
	grid-row: 1; 
	box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  }
  
  .isSubmitted .decision-tree__nav__wrapper-left {
	grid-column: 1; 
	grid-row: 2; /* 
	overflow: auto; /* Permet au contenu d'être scrollé si nécessaire */
  }
  
  .isSubmitted .decision-tree__nav__wrapper-right {
	grid-column: 2; /* Sur la deuxième colonne */
	grid-row: 1; /* Sur la première ligne, à droite de sticky-nav */
	height: 0;
  }
  
/* ==========================================================================
   Routes
   ========================================================================== */
.choice,
.filters {
	display: flex;
	flex-direction: column;
	text-align: left;
	position: relative;
}

.filter-dropdown.checkBox {
    display: grid;
    gap: 20px;
}

.isSubmitted .choice {
	margin-right: 0;
}

.choice svg,
.filters svg {
	width: 12px;
	margin-left: 6px;
	fill: #474747;
	transition: all .3s ease;
}

.open.choice svg,
.open.filters svg {
	transform: rotate(-180deg);
}

.choice-display,
.filter-display {
	display: flex;
	justify-content: space-between;
	padding: 8px 15px 15px 0;
	font-size: 1.25rem;
}

.choice-dropdown, .filter-dropdown {
	transform: none;
	position: relative;
	border: none;
	max-height: 0;
	padding: 0;
}

.choice.open .choice-dropdown, .filters.open .filter-dropdown {
	opacity: 1;
	max-height: 100%;
	margin-bottom: 20px;
}

.choice-dropdown li, .filter-dropdown .doubleRange {
	width: 100%;
	padding: 8px 15px;
}

select.filter-dropdown {
	margin: 0 15px 0 15px;
	width: 60%;
	border: 1px solid;
	background: #fff;
	padding: 5px;
  }

.open.simple-filters select.filter-dropdown {
	margin-bottom: 15px;
}

.simple-filters .tab-filter {
    font-size: 1.25rem;
    padding: 8px 15px;
}

.simple-filters .tab-filter span { 
	font-size: 1rem;
}
.choice-dropdown li:hover {
	cursor: pointer;
}

.choice-display:hover,
.filter-display:hover {
	cursor: pointer;
}

/* ==========================================================================
   Product numbers
   ========================================================================== */
.products-count.products-count__btn {
	display: none;
	padding: 8px;
	text-align: center;
	background: #e5b72b;
	color: #fff;
	width: 150px;
	max-width: 150px;
	margin: 15px auto 30px auto;
	border-radius: 4px;
	font-size: 1.25rem;
}

.isSubmitted .products-count__desktop {
    padding: 20px 0;
    border-bottom: 1px solid #e5b72b;
}

.products-count__desktop, .products-count__mobile {
    font-size: 1.25rem;
    color: #e5b72b;
    font-weight: 600;
}

/* Cacher en desktop */
.products-count__mobile {
	display: none;
}

.products-count.products-count__btn:hover {
	cursor: pointer;
}

.products-count.products-count__btn span {
	font-size: 1.2rem;
}

.products-count__btn {
	display: none;
}

/* ==========================================================================
   Tags
   ========================================================================== */
.tags__wrapper {
	margin: 15px 0;
}

.tags {
	display: flex;
	justify-content: center;
	padding: 0;
}

.isSubmitted .tags {
	justify-content: left;
	flex-wrap: wrap;
	gap: 5px;
	margin: 0;
}

.isSubmitted .tags li {
	margin: 0;
}

.tags li {
	display: flex;
	align-items: center;
	list-style: none;
	margin-right: 15px;
	border: 1px solid #77BEAD;
	padding: 8px 15px;
}

.tags li:hover {
	cursor: pointer;
}

.tags li svg {
	display: none;
	width: 0.725rem;
	order: 2;
	margin: 1px 0 0 3px;
}

.isSubmitted .tags li svg {
	display: block;
}

/* ==========================================================================
	Input
   ========================================================================== */
.checkbox-group {
	display: flex;
	align-items: center;
	gap: 20px;
	margin: 20px 0;
}

.decision-tree input {
	opacity: 0;
	position: absolute;
	z-index: 1;
	width: 30px;
	height: 30px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	margin: 0;
	cursor: pointer;
}

.custom-checkbox {
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
	padding-left: 12px;
}

.checkmark {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 30px;
	width: 30px;
	background-color: #fff;
	border: 2px solid #ccc;
	border-radius: 4px;
	transition: background-color 0.3s, border-color 0.3s;
}

.decision-tree input:checked~.checkmark {
	background-color: #e5b72b;
	border-color: #e5b72b;
}

.decision-tree input:checked~.checkmark::after {
	content: "\2713";
	/* Unicode pour une coche */
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fff;
}

.checkbox-content {
	font-size: 1.25rem;
	margin-left: 15px;
	padding-left: 15px;
}

/* ==========================================================================
    Answer buttons
   ========================================================================== */
.step h2 {
	text-align: center;
}

.step__content:not(.last-step .step__content, .step[data-choice-type="multiple"] .step__content),
.decision-tree form {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(287px, 1fr));
	align-items: center;
	margin: 35px 0;
	justify-content: center;
	gap: 15px;
}

.step-1 .step__content {
	flex-direction: column;
	display: flex;
	align-items: center;
	margin: 20px 0;
}

.answer,
.validate-button {
	padding: 15px 25px;
	background-color: #77BEAD;
	color: #fff;
	border: none;
	border: 1px solid #77BEAD;
}

.answer:hover,
.answer:focus,
.validate-button:hover,
.validate-button:focus {
	background-color: transparent;
	color: #77BEAD;
	border: 1px solid #77BEAD;
}

.decision-tree h2,
h3.choosen-features {
	font-size: 1.875rem;
	text-transform: none;
	font-weight: 400;
}

.step .step__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px 0;
}

/* ==========================================================================
   Decision nav
   ========================================================================== */
   .isSubmitted .decision-tree__nav__wrapper-left,
   .isSubmitted .product__container {
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.action-bar {
	display: grid;
	grid-template-columns: 1fr;
}

.decision-tools {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column: span 2;
	gap: 10px;
	margin-top: 10px;
}

.isSubmitted .decision-tools {
	display: none;
}

/* ==========================================================================
   Guide action
   ========================================================================== */
   .isSubmitted .guide-action {
		display: none;
   }

   .guide-action {
		margin-top: 10px;
		justify-content: center;
		display: flex;
		gap: 10px;
		align-items: center;
   }

   .guide-action > * {
	width: 100%;
   }

/* ==========================================================================
   Buttons
   ========================================================================== */
.show-more-btn {
	margin: 15px 0;
}
.back-guides-button {
	grid-column: span 2;
}

.back-button,
.back-button:hover,
.back-button:focus, 
.jump-questions,
.jump-questions:hover,
.jump-questions:focus{
	background-color: #e5b72b;
	color: #fff;
	border: 0;
}

.reset-steps,
.back-guides-button,
.reset-steps:hover,
.back-guides-button:hover,
.back-guides-button:focus,
.reset-steps:focus,
.sort-button-search,
.sort-button-search:hover,
.sort-button-search:focus {
	color: #e5b72b;
	background: transparent;
	border: 1px solid;
}

.back-button:hover,
.back-guides-button:hover,
.reset-steps:hover {
	cursor: pointer;
}

.reset-steps:hover,
.back-guides-button:hover {
	background-color: transparent;
	color: #e5b72b;
}

.reset-sidebar-btn,
.reset-sidebar-btn:hover,
.reset-sidebar-btn:focus {
	color: #e5b72b;
	background-color: transparent;
	font-weight: 500;
	border: 0;
	text-transform: uppercase;
}

.filter-btn {
	display: flex;
	font-size: 1.25rem;
	font-weight: 600;
	align-items: center;	
}

.filter-btn span {
	font-size: 1.25rem;
	font-weight: 600;
}

.filter-btn svg {
	margin-right: 6px;
	fill: #e5b72b;
}

.filter-btn, .reset-button {
	margin-left: -10px;
}

.isSubmitted .back-button {
	display: none;
}

.decision-tree__btn-close,
.filter-btn__mobile {
	display: none;
}

.decision-tree__btn-close svg {
	width: 18px;
	float: right;
}

.guide__contact-btn, 
.guide__contact-btn:hover,
.guide__contact-btn:focus {
    margin-bottom: 50px;
    display: block;
    background: #77bead;
    color: #fff;
}

/* ==========================================================================
   Filter container
   ========================================================================== */
.filter-container {
	display: none;
}

.isSubmitted .filter-container {
	display: block;
}

/* ==========================================================================
   Loader
   ========================================================================== */

/* Conteneur du loader */
.loader-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	visibility: hidden;
	/* Masqué par défaut */
	opacity: 0;
	transition: visibility 0.3s, opacity 0.3s;
}

/* Afficher le loader (classe active) */
.loader-container.active {
	visibility: visible;
	opacity: 1;
}

/* Spinner (animation) */
.spinner {
	width: 50px;
	height: 50px;
	border: 5px solid #ddd;
	border-top: 5px solid #e5b72b;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

/* Animation de rotation */
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* ==========================================================================
   Messages
   ========================================================================== */
.product-error {
    display: flex;
    align-items: center;
	flex-wrap: wrap;
    gap: 10px;
	justify-content: center;
    margin: 50px auto;
}

.product-error__message p {
	text-align: left;
}

p.product-error__title {
    font-size: 2rem !important;
    font-weight: 500;
}

.product-missing {
	margin-top: 50px;
}

/* ==========================================================================
   Products
   ========================================================================== */
   .product-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.colorFireClassification {
    color: var(--fireColor, transparent);
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.washIconCleaning {
	background-image: var(--washIcon);
}

.fireClassificationIcon {
	background-image: var(--fireClassificationIcon);
}

.washIconCleaning, .fireClassificationIcon {
	background-repeat: no-repeat;
	background-size: contain;
	width: 45px;
	height: 45px;
}

.product-card {
	position: relative;
	border-radius: 0.5rem;
	overflow: hidden;
	border: 1px solid #e5e7eb;
	background-color: #fff;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	margin-top: 20px;
	padding: 15px
}

.product-content {
	padding: 1rem;
}

.product-card img {
	width: 100%;
	height: 250px;
	padding: 15px;
	object-fit: contain;
	overflow: hidden;
	position: relative;
}

.product-card h3 {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.25rem;
	margin-bottom: 0.5rem;
	min-height: 40px;
}

.product-card a {
	background: transparent;
	border: 1px solid #e5b72b;
	padding: 15px 25px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	transition: all 0.3s ease-out;
}

.product-card__button {
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin-top: 20px;
}

.product-button.quotes {
    background: #e5b72b;
    border: 1px solid #e5b72b;
    color: #fff;
	white-space: nowrap;
    max-width: 100%;
}

.product-card a:hover {
	background: #e5b72b;
	color: #fff;
}

.product-card__details {
	display: flex;
	flex-direction: column;
	flex: 1 1 0%;
}

.product-card__reference {
	margin: 20px auto;
}

.product-card__reference p {
	font-weight: 600;
	margin: 0;
}

.product-card__composition span {
	color: #e5b72b;
	font-weight: 500;
}

.product-card__features {
	font-size: 1rem;
}

.product-card__features,
.product-card__features-bottom {
	margin-bottom: 20px;
}

.product-card__features-bottom{
	display: flex;
	justify-content: space-between;
}

.product-cards__features__blocks {
	display: flex;
	justify-content: space-between;
	margin: 20px 0;
}

.product-cards__features__blocks p {
	margin: 0;
}

.product-cards__features__blocks__icon {
	display: flex;
	gap: 10px;
	margin: 20px 0;
}

.product-card__features-list-item {
	display: flex;
	justify-content: start;
}

.product-card__features-list-item,
.product-card__features-list-item div {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-card__features-list {
	width: 100%;
}

/* ==========================================================================
   Side nav
   ========================================================================== */
.handle-decisions__mobile-nav {
	width: 100%;
}

.decision-tree__nav__top {
	display: none;
}

.decision-tree__nav__top p {
	margin: 0;
}

.decision-tree__nav__top p {
	margin: 0;
}

.isSubmitted .decision-tree__nav__top {
    display: block;
}

.decision-tree__nav__top .back-guides-button{
	display: none;
}

.isSubmitted .decision-tree__nav__top .back-guides-button{
	display: block;
	background: #e5b72b;
	color: #fff;
}

.action-bar .back-guides-button {
	display: block;
}

.isSubmitted .action-bar .back-guides-button {
	display: none;
}

.isSubmitted .product-error .back-guides-button {
	display: none;
}

.number-filters__container {
	color: #e5b72b;
	fill: #e5b72b
}

.number-filters__text {
	font-size: 1.25rem;
}

.number-filters {
	font-size: 1rem;
}

/* ==========================================================================
   Filters
   ========================================================================== */
.sorting-nav {
	margin: 20px 0;
}

.sorting-nav ul {
	list-style: none;
	padding: 0;
	display: flex;
	gap: 10px;
}

.sorting-nav li {
	margin: 0;
}

.range-filters,
.simple-filters {
	position: relative;
	font-size: 1rem;
	margin-bottom: 10px;
	margin-bottom: 30px;
	color: #474747;
	list-style: none;
	margin: 0;
}

.filter-display select {
	background: #fff;
}

p.filter-container__title {
	font-size: 1.25rem !important;
	font-weight: 500;
	background: #e5b72b;
	color: #fff;
	padding: 8px 15px;
	margin: 0;
  }

.filter-container input[type="range"] {
	width: 100%;
}

.filter-container {
	grid-column: span 2;
}

.choice-display, .filter-display {
	border-top: 1px solid #ccc;
}

.filter-display label {
	line-height: normal;
}

/* ==========================================================================
   Filter nav > input range
   ========================================================================== */
.doubleRange {
	width: 100%;
	margin-bottom: 15px;
}

.doubleRange .barre {
	width: 200px;
	height: 6px;
	background-color: #ccc;
	border-radius: 3px;
	position: relative;
}

.doubleRange .barre .barreMilieu {
	height: 6px;
	background-color: #e5b72b;
	position: absolute;
}

.doubleRange .barre .thumb {
    width: 20px;
    height: 20px;
    background: #e5b72b;
    border: none;
    border-radius: 50%;
    top: -7px;
    position: absolute;
    cursor: pointer;
    transform: translateX(-15px);
}

.doubleRange .label {
	margin-bottom: 15px;
	font-weight: bold;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

/* ==========================================================================
	Language
	========================================================================== */

.lang-toggle {
	display: inline-block;
	position: relative;
}

.lang-toggle input {
	display: none;
}

.lang-toggle label {
	display: flex;
	align-items: center;
	width: 60px;
	height: 30px;
	background: #ddd;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
	transition: background 0.3s;
}

.lang-toggle input:checked + label {
	background: #ddd;
}

.lang-toggle label::before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	/* background: white; */
	background-image: url('https://dev.ids-france.net/wp-content/uploads/2025/02/french-flag.svg');
	background-size: contain;
	background-position: center;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	z-index: 2;
	transition: transform 0.3s;
}

.lang-toggle input:checked + label::before {
	transform: translateX(30px);
	background-image: url('https://dev.ids-france.net/wp-content/uploads/2025/02/english-flag.svg');
	background-size: contain;
	background-position: center;
	z-index: 2;
}

.lang-toggle input:checked + label {
    z-index: 1; 
}

.lang {
	position: absolute;
	width: 40%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: white;
}

.fr {
	right: 5px;
}

.en {
	left: 5px;
}

@media screen and (max-width: 1024px) {
	.home__services {
		max-height: none;
	}
	
	.home__services-item1 {
		grid-row: 1;
		grid-column: span 3;
	}
	
	.home__services-item2 {
		grid-column: span 2;
		grid-row: 2;
	}
	
	.home__services-item3 {
		grid-column: 3;
    	grid-row: 2;
	}
	
	.home__services-item4 {
		grid-column: 1; 
		grid-row: 3;
	}
	
	.home__services-item5 {
		grid-column: span 2; 
		grid-row: 3;
	}
	/* ==========================================================================
	Mobile nav
   ========================================================================== */
   .isSubmitted.decision-tree {
		display: block;
   }

	.isSubmitted .sticky-nav {
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 80;
        padding: 20px 0;
    }

	.decision-tree__nav {
		display: flex;
		flex-direction: column;
		background: #fff;
		position: fixed;
		top: 0;
		right: 0;
		width: 60%;
		overflow: auto;
		transition: all .5s ease;
		opacity: 0;
		transform: translateX(100%);
		z-index: 200;
		/* permettre de scroller en bas si la nav a une hauteur qui dépasse l'écran */
		overflow-y: scroll;
		overflow-x: hidden;
        height: 100%;
	}

	.responsive.decision-tree__nav {
		transform: translateX(0);
		opacity: 1;
	}

	.decision-tree__nav__top {
		background: transparent;
	}

	.decision-tree__nav__top-mobile {
		display: flex;
		align-items: center;
		justify-content: space-between;
		max-height: 35px;
	}

	.decision-tree__nav__top span {
		font-size: 1.25rem;
		line-height: 1rem;
		color: orange;
	}

	.decision-tree__btn-close:hover {
		cursor: pointer;
	}

	.overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.5);
		z-index: 90;
		display: none;
	}

	.overlay.active {
		display: block;
	}

	/* ==========================================================================
	Search details
   ========================================================================== */

   /* Masquer en mobile la version desktop */
   .products-count__desktop {
		display: none;
	}

	/* Afficher la version mobile */
	.products-count__mobile {
		display: block;
	}

	/* ==========================================================================
	Buttons
   ========================================================================== */

	.products-count.products-count__btn {
		display: block;
	}

	.isSubmitted .back-guides-button {
		margin: 0;
	}

	.sort-button {
		max-width: none;
	}

	.isSubmitted .reset-steps {
		width: 100%;
	}

	#products-count,
	.decision-tree__btn-close {
		margin-left: auto;
	}

	.responsive .filter-btn__mobile {
		display: block;
		font-size: 1.25rem;
		font-weight: 500;
		color: #e5b72b;
		fill: #e5b72b;
	}

	.filter-btn__mobile {
		display: flex;
		padding: 8px 15px;
		width: 80%;
	}

	.decision-tree__btn-close {
		background: #e5b72b;
		width: 20%;
		height: 100%;
		display: flex;
		justify-content: center;
	}

	.reset-sidebar-btn, 
	.reset-sidebar-btn:hover, 
	.reset-sidebar-btn:focus {
		border: 1px solid #e5b72b;
		text-transform: none;
	}

	.filter-btn {
		background: #e5b72b;
		justify-content: center;
	}

	.filter-btn:hover {
		cursor: pointer;
	}

	.number-filters__container {
		border-radius: 2px;
	}

	.filter-btn span,
	.number-filters__container {
		color: #fff;
	}

	.filter-btn svg {
		fill: #fff;
	}

	.filter-btn, .reset-button {
		margin-left: 0;
	}

	/* ==========================================================================
	Decision nav
   ========================================================================== */

	.decision-tree__nav__wrapper {
		min-width: auto;
	}

	.isSubmitted .product__container {
		height: auto;
	}

	.isSubmitted .decision-tree__nav__wrapper {
		grid-template-columns: 1fr;
	}

	.isSubmitted .decision-tree__nav__top {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 10px;
		padding: 0;
		background: transparent;
	}

	.isSubmitted .action-bar {
		align-items: center;
		gap: 10px;
	}

	/* ==========================================================================
	Routes
   ========================================================================== */
	.choices {
		display: block;
		margin: 0;
		box-shadow: 1px 0 3px 0 rgba(0, 0, 0, .1);
	}

	.choice-display, .filter-display {
		display: flex;
		justify-content: space-between;
		border-radius: 0;
	}

	.choice-dropdown {
		transform: none;
		position: relative;
		border: none;
		max-height: 0;
		transition: max-height 0.3s ease;
	}

	.open.choice .choice-dropdown {
		max-height: 100%;
	}

	.tab-filter {
		padding: 8px 15px;
		font-size: 1.25rem;
	}

	.choice-display,
	.filter-display {
		padding: 8px 15px;
	}

	.choice-dropdown,
	.filter-dropdown {
		margin-left: 15px;
	}

	/* ==========================================================================
	Products
   ========================================================================== */
	.decision-tree__nav__wrapper-left,
	.decision-tree__nav__wrapper-right {
		height: auto;
	}

	.isSubmitted .decision-tree__nav__wrapper-left,
	.isSubmitted .decision-tree__nav__wrapper-right {
		height: auto !important;
	}

	.isSubmitted .product__container {
		overflow: none;
	}

	/* ==========================================================================
	Product number
   ========================================================================== */
   .products-count__desktop {
		margin-top: 15px;
	}
}

@media screen and (max-width: 767px) {
	
	.step h2 {
		text-align: left;
	}
	
	.step-1 .step__content {
		align-items: baseline;
	}

	/* ==========================================================================
	Product cards
	========================================================================== */
	.product-cards {
		grid-template-columns: 1fr;
	}

	.product-card {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 10px;
    }
	
	.product-card__details {
		grid-column: span 2;
	}

	.product-card__image {
		height: 150px;
		width: 150px;
		padding: 0;
	}

	.product-card__image img {
		object-fit: cover;
		height: auto;
	}

	.product-card__button {
		display: grid;
		gap: 10px;
	}

	.product-card__button a {
		grid-column: span 2;
	}

		/* ==========================================================================
	Product error
	========================================================================== */

	.product-error {
		flex-direction: column;
	}

	/* ==========================================================================
	Buttons
	========================================================================== */
	.answer, .validate-button {
		width: 100%;
	}

	.reset-steps {
		width: 100%;
		position: relative;
	}


	/* ==========================================================================
	inputs
	========================================================================== */
	.checkbox-group {
		margin-bottom: 30px;
		align-items: baseline;
		display: flex;
	}
}

@media screen and (max-width: 500px) {
	/* ==========================================================================
	Answer buttons
	========================================================================== */
	.step .step__content,
	.checkbox-group {
		flex-direction: column;
	}

	/* ==========================================================================
	Decision nav
	========================================================================== */
	.decision-tree__nav {
		width: 80%;
	}

	.action-bar {
		display: flex;
		flex-direction: column;
	}

	.isSubmitted .decision-tree__nav__top {
		grid-template-columns: repeat(2, 1fr);
	}

/* ==========================================================================
	Products
	========================================================================== */
	.product-card__infos {
		grid-column: span 2;
	}

	/* ==========================================================================
	Buttons
	========================================================================== */
	.back-guides-button, .guide__contact-btn {
		width: 100%;
	}

	.guide__contact-btn {
		margin-top: 10px;
	}
	/* ==========================================================================
	Tags
	========================================================================== */
	.tags {
		justify-content: left;
		flex-wrap: wrap;
		gap: 10px;
	}
}

/* ==========================================================================
	Personnalisation CHAT N8N
	========================================================================== */
:root {
	--chat--message--user--background: rgb(59 130 246) !important;
	--chat--transition-duration: 0.3s;
	--chat--header--background: #fff;
	--chat--message--bot--background: rgb(229 231 235) !important;
	--chat--toggle--background: #fff !important;
	--chat--toggle--active--background: #fff !important;
	--chat--toggle--hover--background: #fff !important;
	--chat--header--border-bottom: 1px solid #ccc;
	--chat--body--background: #fff;
	--chat--input--font-size: 16px;
}
	
#n8n-chat {
	width: 50%;
	height: 80%;
}

#n8n-chat .chat-window {
	width: 100%;
}

.chat-window-wrapper {
	width: 50vw;
}

.chat-window-wrapper .chat-window-toggle {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
}

.chat-window-toggle svg {
	color: #000;
}

#n8n-chat .chat-heading::before {
	content: '';
	display: inline-block;
	background-image: url('https://dev.ids-france.net/wp-content/uploads/2025/04/logo-id-group.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
}

@media (max-width: 768px) {
	.chat-window-wrapper {
		width: 80vw;
	}
}