.configurateur-container{
	display: flex;
	background-color: #d9e0e5;
	border-radius: 30px;
	margin: 0px 0 40px 0;
	justify-content: space-between;
	-webkit-box-shadow: 5px 5px 14px 5px rgba(0,0,0,0.18); 
	box-shadow: 5px 5px 14px 5px rgba(0,0,0,0.18);
	overflow: hidden;
}

	/*-------------Menu left---------*/

	.configurateur-container .aside-menu-left{
		min-width: 300px;
		overflow: hidden;
		position: relative;
	}
	.configurateur-container .aside-menu-left .menu_bloc{
		width: 99%;
  		overflow: hidden;
  	}
  	.configurateur-container .aside-menu-left .sous_menu_area{
  		background-color: white !important;
  	}
		.configurateur-container .aside-menu-left .menu_item_form {
		    display: block;
		    margin: 0;
		    padding: 0;
		}
		.configurateur-container .aside-menu-left .menu_item,
		.configurateur-container .aside-menu-left .sous_menu_item {
		    all: unset;
		    display: block;
		    width: 100%;
		    cursor: pointer;
		    color: #153762;
		    text-transform: uppercase;
		    padding: 15px 40px;
		    margin-bottom: 3px;
		    font-size: 14px;
		    letter-spacing: 0.5px;
		    border-bottom: 0.25px solid rgba(21,55,98,0.3);
		}
		.configurateur-container .aside-menu-left .sous_menu_item{
			border-bottom: 0.25px solid #D9E0E5;
		}
			.configurateur-container .aside-menu-left .menu_item:before,
			.configurateur-container .aside-menu-left .sous_menu_item:before{
				content: "\e904";
				font-family: 'delta' !important;
				color: white;
				margin-right: 5px;
				font-size: 10px;
			}
			.configurateur-container .aside-menu-left .sous_menu_item:before{
				color: #153762;
			}
			.configurateur-container .aside-menu-left .sous_menu_item--done:before{
				color: #077674;
			}

		.configurateur-container .aside-menu-left .menu_item.current,
		.configurateur-container .menu_item_multiple.current_multiple .menu_item{
			background-color: #077674;
			border-bottom: 0.25px solid  #077674;
			color: white !important;
		}
				.configurateur-container .menu_item_multiple.current_multiple .menu_item.title-item,
				.configurateur-container .menu_item--done_multiple .menu_item.title-item{
					color: white !important;
					border-bottom: 0.25px solid #D9E0E5;
				}
				.configurateur-container .menu_item_multiple.current_multiple .sous_menu_item--done{
					color: #077674;
				}

		.configurateur-container .aside-menu-left .menu_item_form button.disabled,
		.configurateur-container .aside-menu-left .sous_menu_item.disabled {
		    pointer-events: none;
		    opacity: 0.4;
		}
			.configurateur-container .aside-menu-left .menu_item_form button.disabled:before,
			.configurateur-container .aside-menu-left .sous_menu_item.disabled:before {
				color: #153762;
			}

		.configurateur-container .aside-menu-left .menu_item.current:before,
		.configurateur-container .aside-menu-left .sous_menu_item.current:before,
		.configurateur-container .menu_item_multiple.current_multiple .menu_item.title-item:before {
			content: "\e900";
		}

		.configurateur-container .aside-menu-left .menu_item--done,
	    .configurateur-container .menu_item--done_multiple .menu_item{
	        color: white;
	        background-color: #549d9e;
	        border-bottom: 0.25px solid #549d9e;
	    }
	    		.configurateur-container .aside-menu-left .menu_item--done:after,
	    		.configurateur-container .aside-menu-left .sous_menu_item--done:after,
	    		.configurateur-container .menu_item--done_multiple .menu_item.title-item:after {
	    			content: "\e901";
					font-family: 'delta' !important;
					color: white;
					position: absolute;
					right: 30px;
	    		}
	    		.configurateur-container .aside-menu-left .sous_menu_item--done:after{
	    			color: #077674;
	    		}

	    .configurateur-container .menu_item--done_multiple .sous_menu_area{
	    	display: none !important;
	    }

	.panier_left_side{
		padding: 40px;
		margin-top: 60px;
	}
		.panier_left_side .panier{
			margin-bottom: 0px;
			text-transform: uppercase;
			font-weight: 200;
			color: #153762;
			font-size: 14px;
		}
		.panier_left_side .nbr_article{
			margin-bottom: 3px;
			text-transform: uppercase;
			font-weight: 800;
			color: #153762;
			font-size: 16px;
		}
		.panier_left_side .prix_panier{
			text-transform: uppercase;
			font-weight: 800;
			color: #077674;
			font-size: 25px;
		}


	/*-----------Zone du formulaire----------*/

	.content-form-area{
		background-color: white;
		padding: 50px;
		width: 100%;
	}
		.content-form-area h2{
			margin-top: 60px;
			margin-bottom: 40px;
		}

		.btn-retour{
			background: none;
			border: 0px;
			color: #163a68;
			text-transform: uppercase;
			letter-spacing: 0.8px;
			font-size: 13px;
			font-family: 'Open Sans';
			display: block;
			cursor: pointer;
		}
		.btn-retour.disabled{
			opacity: 0.3;
		}
			.btn-retour i{
				font-size: 10px;
  				transform: scale(-1) translateY(1px);
  				display: inline-block;
  				margin-right: 10px;
  				transition: margin-right 1s ease;
			}
				.btn-retour:hover i{
					margin-right: 15px;
					transition: margin-right 1s ease;
				}

		.btn-orange{
			background-color: #ed6a41;
		  	color: white;
		  	border: 0px;
		  	text-transform: uppercase;
		  	display: block;
		  	margin-top: 40px;
		  	padding: 8px 20px;
		 	border-radius: 10px;
		  	cursor: pointer;
		  	letter-spacing: 0.8px;
		  	font-size: 13px;
		  	font-family: 'Open Sans';
		}
		.btn-orange.disable-bloc{
			opacity: 0.2;
  			width: fit-content;
  			margin-bottom: 0px;
  			margin-top: 40px;
  			cursor: initial !important;
		}
				.btn-orange:hover{
					background-color: #173963;
				}

		.btn-panier{
			background-color: #153762;
		  	color: white;
		  	border: 0px;
		  	text-transform: uppercase;
		  	display: block;
		  	margin-top: 8px;
		  	padding: 8px 20px;
		 	border-radius: 10px;
		  	cursor: pointer;
		  	letter-spacing: 0.8px;
		  	font-size: 13px;
		  	font-family: 'Open Sans';
		  	display: inline-block;
		}
			.btn-panier:hover{
				background-color: #077674;
				color: white !important;
			}

		/*-------------ETAPE 1-----------*/

			.content-form-area .matieres .color-zone{
				padding: 60px 85px 60px 40px;
				background-color: #ecedf5;
				text-transform: uppercase;
				color: white !important;
				margin-right: 5px;
				font-weight: 600;
				height: 160px;
				opacity: 0.4;
				cursor: pointer;
			}
				.content-form-area .matieres .color-zone:hover{
					opacity: 1;
				}

				.content-form-area .matieres .color-zone.mat-first{
					border-top-left-radius: 30px;
				}
				.content-form-area .matieres .color-zone.mat-last{
					border-top-right-radius: 30px;
				}
					.content-form-area .matieres input{
						display: none;
					}
						.content-form-area .matieres input:checked + label{
							opacity: 1;
						}

			.content-form-area .matieres .color-zone.cat-materiaux-frittes-fr{
				background-color: #417882;
			}
			.content-form-area .matieres .color-zone.cat-titane-fr{
				background-color: #464C9D;
			}


		/*-------------ETAPE 2-----------*/

			.content-form-area .bestseller-zone input{
				display: none;
			}
				.content-form-area .bestseller-zone input:checked + label{
					background-color: #F8F8F7;
				}

		/*-------------ETAPE 3-----------*/

			.content-form-area .forme-choix{
				margin-top: 30px;
			}

			.content-form-area .forme-bloc-form .form-bloc{
				text-align: center;
				margin-bottom: 10px;
				text-transform: uppercase;
				font-size: 14px;
				letter-spacing: 0.5px;
				border-radius: 20px;
				padding: 20px;
				cursor: pointer;
			}
				.content-form-area .forme-bloc-form .form-bloc:hover,
				.content-form-area .forme-bloc-form input:checked + label{
					background-color: #F8F8F7;
				}
					.content-form-area .forme-bloc-form .form-bloc img{
						margin-bottom: 15px;
					}

			.content-form-area .forme-bloc-form input{
				display: none;
			}

			.content-form-area .custom-bloc-form{
				width: 500px;
				border: 2px dashed rgba(51, 51, 51, 0.3);
  				padding: 40px;
  				text-align: center;
  				cursor: pointer;
  				border-radius: 30px;
			}
				.content-form-area .custom-bloc-form img{
					margin-bottom: 15px;
				}

		/*-------------ETAPE 4-----------*/

			.content-form-area .dimensions-bloc{
				display: flex;
			}
				.content-form-area .dimensions-bloc .select-bloc{
					padding: 0px !important;
					position: relative;
				}
					.content-form-area .select-bloc select{
						-webkit-appearance: none;
	  					-moz-appearance: none;
						background-color: #f1f1ef;
						border-radius: 40px;
						color: #153762;
						width: 92%;
						height: 60px;
						margin-bottom: 20px;
						padding-left: 25px;
						text-transform: uppercase;
						font-weight: 600;
						letter-spacing: 0.4px;
						font-size: 13px;
					}
					.content-form-area .select-bloc.disabled_select{
						display: none !important;
					}
						.content-form-area .select-bloc:after{
							content: "\e900";
	  						font-family: 'delta' !important;
	  						color: #153762;
	  						position: absolute;
	  						font-size: 10px;
	  						top: 30%;
						}

		/*-------------ETAPE 5-----------*/

			.quantity-select-wrapper{
				display: flex;
				width: 180px;
				justify-content: center;
			}
				.content-form-area .select-bloc:after{
					right: 65px !important;
				}
				.content-form-area .dimensions-bloc .select-bloc:after{
					right: 40px !important;
				}

				.content-form-area .green-background{
					background-color: #077674;
  					border-radius: 40px;
					height: 60px;
					display: flex;
					margin-left: -40px;
					padding: 0px 14px;
				}
					.content-form-area .green-background button{
						color: white;
						background: none;
						border: 0px;
						cursor: pointer;
						font-size: 20px;
  						padding: 0px;
					}
						.content-form-area .green-background button:hover{
							transform: scale(1.2);
						}

		/*-------------ETAPE 6-----------*/

			.certif-bloc .select-bloc{
				padding-left: 0px !important;
			}

		/*-------------ETAPE 7-----------*/

			.etape-7{
				margin-bottom: 40px;
			}
				.infos-bloc .first{
					padding-right: 5px;
				}
				
				.infos-bloc .last{
					padding-left: 5px;
				}

					.infos-bloc input{
						-webkit-appearance: none !important;
						-moz-appearance: none !important;
						background-color: #f1f1ef !important;
					 	border-radius: 40px !important;
						color: #153762 !important;
						width: 100% !important;
						height: 60px !important;
						margin-bottom: 10px;
						padding-left: 25px !important;
						text-transform: uppercase;
						font-weight: 600;
						letter-spacing: 0.4px;
						font-size: 13px !important;
					}
						.infos-bloc input::placeholder{
							color: #153762 !important;
							opacity: 0.7;
						}

		/*-------------ETAPE 8-----------*/

			.price-green-bloc{
				background-color: #077674;
				color: white;
				border-radius: 20px;
				width: 300px;
				padding: 25px 40px;
				margin-bottom: 30px;
			}
				.price-green-bloc p{
					margin-bottom: 0px !important;
				}
				.price-green-bloc p.prix-little{
					font-size: 14px;
					letter-spacing: 1px;
					font-weight: 600;
				}
				.price-green-bloc p.prix-little.certif-prix{
					margin-top: 10px;
				}
				.price-green-bloc p.price-gros{
					font-weight: 800;
					font-size: 35px;
					line-height: 1em;
				}

			.infos-esti{
				display: flex;
			}
				.infos-esti .inner-infos{
					margin-right: 50px;
				}
					.infos-esti h3{
						text-transform: none !important;
						color: #333 !important;
						margin-bottom: 0px !important;
						letter-spacing: 0px !important;
					}

	/*-----------Zone de fermeture----------*/

	.close-conf a{
		position: absolute;
  		right: 0px;
  		background-color: #dce1e8;
  		color: #153762;
  		padding: 15px;
  		border-radius: 0px 30px;
  		font-size: 20px;
  		cursor: pointer;
	}
		.close-conf a:hover{
			color: white;
			background-color: #153762;
		}

	/*----------------------------Notifications---------------------*/

		.notification p{
			color: white;
			background-color: grey;
			border-radius: 20px;
			padding: 20px 40px;
		}
			.notification p.warning{
				background-color: #ED6940;
			}
			.notification p.success{
				background-color: #549D9E;
			}
			.notification p.error{
				background-color: #e00540;
			}
			.notification p .maj-cart{
				display: inline-block;
				margin-top: 20px;
				color: #549D9E;
				background-color: white;
				padding: 15px 30px;
				border-radius: 15px;
				text-transform: uppercase;
				font-weight: 600;
				letter-spacing: 0.4px;
				font-size: 14px;
			}
				.notification p .maj-cart:hover{
					background-color: #077674;
					color: white !important;
				}
		a .white-a{
			color: white !important;
		}
			a:hover .white-a{
				color: black !important;
			}


	/*----------------------------Message devis---------------------*/

		.infos-fixed{
			position: fixed;
		  	bottom: 15px;
		  	right: 90px;
		  	width: 350px;
		  	background-color: #ED6940;
		  	padding: 30px;
		  	border-radius: 20px;
		  	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
		  	color: white;
		}

			.infos-fixed a{
				background-color: white;
				color: #ED6940;
				border: 0px;
				text-transform: uppercase;
				display: block;
				margin-top: 10px;
				padding: 8px 20px;
				border-radius: 10px;
				cursor: pointer;
				letter-spacing: 0.8px;
				font-size: 13px;
				font-family: 'Open Sans';
			}
				.infos-fixed a:hover{
					background-color: #153865;
					color: white;
				}

	/*----------------------------Gestion du panier---------------------*/

		.wc-block-components-product-details__prix,
		.wc-block-components-product-details__nom-societe,
		.wc-block-components-product-details__nom,
		.wc-block-components-product-details__prenom,
		.wc-block-components-product-details__fonction,
		.wc-block-components-product-details__siret,
		.wc-block-components-product-details__tva,
		.wc-block-components-product-details__mail,
		.wc-block-components-product-details__telephone,
		.wc-block-components-product-details__adresse,
		.wc-block-components-product-details__cp,
		.wc-block-components-product-details__ville,
		.wc-block-components-product-details__prix-sur-demande,
		.wc-block-cart-item__image img,
		.wc-block-components-quantity-selector{
			display:none !important;
		}

	/*----------------------------Affichage des délais de livraisons---------------------*/

		.delai-livraison{
			background-color: #0776741c;
			border-radius: 15px;
			padding: 20px 30px;
			color: #077674 !important;
			margin-top: 30px !important;
		}


	/*---------------------------------------RESPONSIVE------------------------------------------*/

		@media screen and (max-width: 1000px){
			.aside-menu-left{
				display: none;
			}

			.content-form-area .matieres .color-zone,
			.content-form-area .forme-bloc-form .form-bloc{
				display: block;
			}
		}