:target {
    scroll-margin-top: 110px;
}

#section_first {
	/*background:#042d26;*/
	flex-flow: row;
	flex: none;
	justify-content: center;
	align-content: start;
	align-items: center;
	gap: 0;
	/*height: 770px;*/
	padding-top: 93px;
	padding-bottom:98px;
	display: flex;
	position: relative;
	overflow: hidden;
	color: #fff;
	background: radial-gradient(
			circle at bottom right, /* origine du dégradé = coin bas droit */ #7db559 0%,
			#105a47 40%, /* couleur la plus claire au centre (coin) */ #042d26 70%
	);
	/*border:1px solid red;*/
	border-radius: 0 0 0px 32px;
	
	#inner_first {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		/*align-items: center;*/
		gap: 40px;
		/*z-index: 2;*/
		/*border:1px solid  pink;*/
		margin-top: 85px;
		padding:0;
		#first_description{
			/*flex:1;*/
			/*border:1px solid  purple;*/
			color: #fff;
			width: 790px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap:30px;
			h1{
				color:#fff;
				letter-spacing: -2.8px;
				display: flex;
				flex-direction: column;
				line-height: 61px;
				*{
					font-family: montserratSemiBold;
				}
			}
			#first_description_txt{
				font-size:18px;
				width: 85%;
			}
		}
		#first_photos{
			/*background: yellow;*/
			width: 580px;
			display: flex;
			position: relative;
			justify-content: end;
			
			.slider-container {
				/*width: 100%;*/
				width: 460px;
				aspect-ratio: 3/2;      /* ratio fixe */
				overflow: hidden;
				position: relative;
				/*border: 1px solid #ccc;*/
				border-radius:32px;
				height: 490px;
			}
			
			.slider-track {
				display: flex;
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
			}
			
			.slider-track .slide {
				flex-shrink: 0;
				width: 100%;
				height: 100%;
				/*object-fit: contain;    !* garde l'image entière *!*/
				display: block;
				/*border-radius: inherit;*/
				object-position: center center;
				object-fit: cover;
				
			}
			
			#first_photos_title{
				border-radius: 12px;
				background: #fff;
				height: 62px;
				display: flex;
				align-items: center;
				gap:20px;
				position: absolute;
				right: 125px;
				bottom: -20px;
				z-index:2;
				padding:0 15px;
				
				> div:first-child{
					display: flex;
					/*padding:4px;*/
					width: 30px;
					height: 30px;
				}
				> div:last-child{
					font-family: montserratSemiBold;
					font-size: 18px;
					color: #042D26;
					white-space: nowrap;
				}
			}
			
			#first_curved_arrow{
				position: absolute;
				bottom: -20px;
				right: 550px;
				width:157px;
				height:86px;
				z-index: 2;
				/*transform: rotate(-15deg);*/
				display: flex;
				align-items: center;
			}
			
			#first_curved_arrow_responsive{
				display: none;
				position: absolute;
				bottom: -110px;
				left: -40px;
				z-index: 2;
				/*transform: rotate(-15deg);*/
				/*display: flex;*/
				align-items: center;
				width: 77px;
				height: 93px;
			}
		}
		
	}
}



#pourquoi-choisir{
	#inner_box_why{
		display: flex;
		flex-wrap: wrap;
		gap:40px;
		.one_box_why{
			background: #fff;
			padding:30px;
			display: flex;
			gap:16px;
			flex-direction: column;
			border-radius:28px;
			border:2px solid transparent;
			transition: all 0.3s ease;
			cursor:default;
			&:not(:last-child){
				width: calc(calc(100% - calc(2 * 40px)) / 3);
			}
			&:last-child{
				flex:1;
			}
			
			h3{
				letter-spacing: -0.05em;
			
			}
			
			.one_box_why_icon{
				width:54px;
				aspect-ratio: 1;
				background: rgba(101, 186, 105, 0.16);
				display: flex;
				align-items: center;
				justify-content: center;
				border-radius:12px;
				>div{
					height: 24px;
					aspect-ratio: 1;
					svg{
						overflow: visible;
					}
				}
			}
			
			&:hover{
				border:2px solid #E8E8E8;
			}
		}
	}
}

#salles-reunion {
	#inner_box_rooms{
		display: flex;
		flex-direction: column;
		gap:40px;
		min-height:830px;
		#div_rooms_selector{
			display: flex;
			background: #fff;
			border-radius:60px;
			padding:8px;
			
			.div_one_room_selector{
				width: calc(100% /3);
				padding:16px;
				display: flex;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				*{
					font-family: montserratSemiBold;
					color:#919191;
					font-size:18px;
				}
				&.gradient_bg {
					border-radius: 100px;
					padding: 16px;
					*{
						color:#fff;
					}
				}
			}
		}
		
		.div_one_room_photo {
			/*background: purple;*/
			border-radius: 34px;
			padding: 20px;
		}
		
		#div_all_rooms {
			display: flex;
			gap: 20px;
			overflow: hidden;
			border-radius: 34px;
			/*min-height: 700px;*/
			/*background: yellow;*/
			#div_all_rooms_photo{
				width: 45%;
			}
			
			#div_all_rooms_content{
				flex:1;
			}
			
			.photo-track,.content-track{
				/*flex: 1;       !* <-- occupe toute la hauteur disponible *!*/
				height: auto;  /* <-- laisse flexbox calculer */
				display: flex;
				
			}
			.photo-track{
				height: 100%;
				/*background:purple;*/
			}
			
			.content-track{
				min-height:700px;
			}
			
			
			
			/*> div{*/
			/*	width: 50%;*/
			/*}*/
			
			.div_one_room_photo,
			.div_one_room_content {
				display: none;
				opacity: 0;
				/*height: 683px;*/
				width: 100%;
				position: relative;
				
			}
			
			#div_one_room_photo_hopper{
				background: url("../images/hopper.png") center center no-repeat;
				background-size: cover;
			}
			
			#div_one_room_photo_gates{
				background: url("../images/gates.png") center center no-repeat;
				background-size: cover;
				
			}
			
			#div_one_room_photo_turing{
				background: url("../images/turing.png") center center no-repeat;
				background-size: cover;
				
			}
			
			.div_one_room_content {
				background: #fff;
				border-radius: 34px;
				padding: 32px;
				display: flex;
				flex-direction: column;
				gap:40px;
				flex:1;
				.div_one_room_resume {
					display: flex;
					flex-direction: column;
					gap:20px;
					.div_one_room_title {
						h3 {
							font-size: 2rem;
							letter-spacing: -0.05em;
						}
					}
					.div_one_room_capacity,.div_one_room_disponibility{
						display: flex;
						gap:10px;
						> div:nth-child(2){
							font-family: montserratSemiBold;
							color: #042D26;
						}
					}
				}
				.div_one_room_pricing{
					display: flex;
					flex-direction: column;
					gap:0px;
					>div{
						display: flex;
						justify-content: space-between;
						align-items: center;
						border-bottom: 1px solid #B3B3B3 ;
						padding:15px 0;
						> div:nth-child(1){
							font-family: montserratSemiBold;
							color: #042D26;
							font-size: 1.1rem;
						}
						> div:nth-child(2){
							/*font-family: montserratSemiBold;*/
							/*color: #7DB559;*/
							/*font-size: 1.5rem;*/
							color: #042D26;
							font-size: 1.1rem;
							
							span{
								font-size: 0.6rem;
							}
						}
					}
				}
				.div_one_room_included_options{
					display: flex;
					gap:30px;
					flex-direction: column;
					
					.div_one_room_included_options_pur{
						display: none;
						flex-direction: column;
						gap:20px;
						/*transition: max-height 0.4s ease;*/
						transition: max-height 0.5s cubic-bezier(0.25, 1.36, 0.5, 1);
						* {
							color: #042D26;
							font-family: montserratSemiBold;
						}
						.div_one_room_included_options_pur_one{
							display:flex;
							gap:16px;
							align-items: center;
							> div:nth-child(1){
								width:20px;
								height:20px;
								background:#65ba69;
								display: flex;
								align-items: center;
								justify-content: center;
								padding:2px;
								border-radius: 22px;
								
							}
							> div:nth-child(2){
								flex:1;
								font-family: montserratSemiBold;
								color: #042D26;
							}
							&.div_one_room_included_options_pur_not_in{
								> div:nth-child(1) {
									background: #bbb;
								}
							}
						}
					}
					
					.div_one_room_included_options_pur_header{
						color: #042D26;
						font-size: 18px;
						font-family: montserratBold;
						cursor: pointer;
						display: flex;
						gap:5px;
						align-items: center;
					}
					
					.div_one_room_included_pur,.div_one_room_options_pur{
						display: flex;
						flex-direction: column;
						gap:20px;
						
					}
				}
			}
			
			.div_one_room_photo.active {
				display: flex;
				animation: slideInLeft 0.3s cubic-bezier(0.34, 1.36, 0.64, 1) forwards;
			}
			
			.div_one_room_content.active {
				display: flex;
				animation: slideInRight 0.3s cubic-bezier(0.34, 1.36, 0.64, 1) forwards;
			}
		}
		
		
		
		
	}
	
}

#domiciliation-pro{
	#div_title_domicil{
		gap:10px;
	}
	#div_box_domicil{
		display: flex;
		gap:50px;
		.div_domicil_pack{
			background:#fff;
			border-radius: 28px;
			padding:60px 30px 60px 30px;
			position: relative;
			display: flex;
			gap:50px;
			.div_domicil_pack_title{
				position: absolute;
				top:-24px;
				left:50%;
				height: 48px;
				border-radius: 32px;
				color:#fff;
				padding:0 30px;
				font-family: montserratBold;
				font-size: 1.4rem;
				display: flex;
				align-items: center;
				justify-content: center;
				white-space: nowrap;
				transform: translateX(-50%);
			}
			.div_domicil_pack_price{
				width: 40%;
				display: flex;
				flex-direction: column;
				/*gap:30px;*/
				justify-content: center;
				> div:first-child{
					font-family: montserratSemiBold;
					color: #042D26;
					font-size: 47px;
					letter-spacing: -0.05em;
					span{
						font-size: 18px;
						font-family: montserratSemiBold;
						
						letter-spacing: -1.5px;
					}
				}
				
			}
			.div_domicil_pack_content{
				flex:1;
				display: flex;
				flex-direction: column;
				gap:20px;
				.div_domicil_pack_content_line{
					display: flex;
					justify-content: space-between;
					align-items: center;
					> div:nth-child(1){
						font-family: montserratSemiBold;
						color: #042D26;
					}
					> div:nth-child(2){
						font-family: montserratSemiBold;
						color: #7DB559;
					}
				}
				.div_domicil_pack_content_one{
					display:flex;
					gap:16px;
					align-items: center;
					> div:nth-child(1){
						width:20px;
						height:20px;
						background:#65ba69;
						display: flex;
						align-items: center;
						justify-content: center;
						padding:2px;
						border-radius: 22px;
					}
					> div:nth-child(2){
						flex:1;
						font-family: montserratSemiBold;
						color: #042D26;
					}
				}
			}
		}
		
		
		
		#div_all_domicil_base{
			flex:1;
			
			#basic_pack{
				position: sticky;
				top:160px
			}
		}
		#div_all_domicil_options{
			width: 50%;
			display: flex;
			flex-direction: column;
			gap:60px;
		}
	}
}

#contact{
	background: radial-gradient(
			circle at bottom left, /* origine du dégradé = coin bas droit */
			#7db559 0%,
			#105a47 40%,/* couleur la plus claire au centre (coin) */
			#042d26 70%
	);
	.section_inner{
		display: flex;
		flex-direction: row;
		gap:40px;
		> div{
			border:0px solid red;
		}
		#div_info_contact{
			width: 520px;
			display: flex;
			flex-direction: column;
			align-items: start;
			gap:16px;
			#big_titre{
				font-size:47px;
				font-family: montserratBold;
				letter-spacing: -2.35px;
				color:#fff;
			}
			#descirption{
				font-size: 18px;
				color:#fff;
			}
			.one_info{
				h3{
					font-family: poppinsSemiBold;
					font-size: 16px;
				}
				*{
					color:#ffffff91;
					/*font-family: montserratSemiBold;*/
				}
			}
		}
		
		/*			border-bottom:2px solid rgba(250, 250, 250, 0.3);*/
		
		/**
 * Container principal des onglets avec animation de swap optimisée
 * Utilise une courbe de bounce plus courte pour un effet subtil
 */
		#div_info_forms {
			flex: 1;
			gap: 50px;
			display: flex;
			flex-direction: column;
			
			/*input[type="date"]::-webkit-calendar-picker-indicator{*/
			/*	!*color:#F42020;*!*/
			/*	color: transparent !important;*/
			/*}*/
			
			.custom-date::-webkit-calendar-picker-indicator {
/*				background: url("data:image/svg+xml;utf8,\*/
/*<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'>\*/
/*<path d='M19 4h-1V2h-2v2H8V2H6v2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2zm0 16H5V9h14v11z'/>\*/
/*</svg>") no-repeat center;*/
/*				*/
/*				color: transparent; !* cache l’icône d’origine *!*/
/*				opacity: 1;*/
/*				width: 16px;*/
/*				height: 16px;*/
/*				cursor: pointer;*/
			}
			
			.custom-time::-webkit-calendar-picker-indicator {
/*				background: url("data:image/svg+xml;utf8,\*/
/*<svg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'>\*/
/*<path d='M12 1a11 11 0 1 0 11 11A11 11 0 0 0 12 1zm0 20a9 9 0 1 1 9-9 9 9 0 0 1-9 9zm.5-9.79V7h-1v5.71l4.24 2.48.5-.87z'/>\*/
/*</svg>") no-repeat center;*/
/*				*/
/*				color: transparent; !* cache l’icône native *!*/
/*				opacity: 1;*/
/*				width: 14px;*/
/*				height: 14px;*/
/*				cursor: pointer;*/
			}
			
			.custom-time::-webkit-calendar-picker-indicator,.custom-date::-webkit-calendar-picker-indicator{
				opacity: 0;
				display: block;
				width: 100%;
				height: 100%;
				cursor: pointer;
			}
			
			.custom-date{
				/*-moz-appearance: textfield !important;*/
				
			}
			
			.icon_time {
				position: absolute;
				right: 1.4rem;
				top: 50%;
				transform: translateY(-50%);
				pointer-events: none; /* ne bloque pas le clic sur le input */
				display: flex;
				align-items: center;
				justify-content: center;
				svg {
					width: 1em;
					height: 1em;
					fill: #fff;
				}
			}
			.icon_date {
				position: absolute;
				right: 5.5rem;
				top: 50%;
				transform: translateY(-50%);
				pointer-events: none; /* ne bloque pas le clic sur le input */
				display: flex;
				align-items: center;
				justify-content: center;
				svg {
					width: 1.15em;
					height: 1.15em;
					fill: #fff;
				}
			}
			
			
			
			
			/*input[type="date"] {*/
			/*	appearance: textfield;*/
			/*}*/
			/*input[type="date"]::before {*/
			/*	content: "jnj";*/
			/*	box-sizing: content-box;*/
			/*	width: 16px;*/
			/*	padding: var(--framer-input-padding);*/
			/*	pointer-events: none;*/
			/*	background-repeat: no-repeat;*/
			/*	background-size: 16px;*/
			/*	background-color: #0FA5DF;*/
			/*	background-position: 10px;*/
			/*	border: none;*/
			/*	padding-left: 10px;*/
			/*	display: block;*/
			/*	position: absolute;*/
			/*	top: 0;*/
			/*	bottom: 0;*/
			/*	right: 0;*/
			/*	-webkit-mask-position: 10px;*/
			/*	mask-position: 10px;*/
			/*	-webkit-mask-size: 16px;*/
			/*	mask-size: 16px;*/
			/*	-webkit-mask-repeat: no-repeat;*/
			/*	mask-repeat: no-repeat;*/
			/*}*/
			.status_form{
				grid-column: span 2;
				color: #fff !important;
				padding:15px;
				background: rgba(255, 255, 255, 0.05);
				border-radius: 12px;
				display: none;
				&.status_form_success{
					border: 1px solid #2ecc71 !important;
					display: block;
				}
				&.status_form_error{
					border: 1px solid #e74c3c !important;
					display: block;
				}
			}
			#div_choice_room_option{
				grid-column: span 2;
				color: #FAFAFA4D !important;
				
				* {
					color: #FAFAFA4D !important;
				}
				#div_all_room_option{
					display: grid;
					grid-template-columns: repeat(3, minmax(0, 1fr));
					gap:20px;
					margin-top:10px;
					.div_one_room_option{
						background: rgba(255, 255, 255, 0.05);
						border-radius:12px;
						display: flex;
						align-items: center;
						justify-content: center;
						height: 52px;
						cursor: pointer;
						&.active{
							background:#65ba69;
							color:#fff !important;
						}
						/*padding:10px 0;*/
					}
				}
				
				
			}
			
			#div_start_room,#div_end_room{
				color: #FAFAFA4D !important;
				label{
					margin-top:10px;
				}
			}
			/**
			 * Container des boutons avec effet de swap raccourci
			 * La transition est maintenant plus rapide et moins ample
			 */
			#div_info_all_form_btn {
				position: relative;
				display: flex;
				/*height: 50px;*/
				overflow: hidden;
				
				> div {
					width: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 0 0 10px 0;
					color: #fff;
					cursor: pointer;
					position: relative;
					z-index: 2;
					transition:
					transform 0.25s cubic-bezier(0.34, 1.26, 0.64, 1),
					color 0.2s ease;
					border-bottom:2px solid rgba(250, 250, 250, 0.3);
					&.div_info_all_btn_active {
						color: #fff;
						border-bottom:2px solid #65ba69;
					}
				}
				
				&.initial-state {
					#div_info_all_btn_for_domicil {
						transform: translate3d(0, 0, 0);
					}
					
					#div_info_all_btn_for_rooms {
						transform: translate3d(0, 0, 0);
					}
					
					
				}
				
				&.swapped-state {
					#div_info_all_btn_for_domicil {
						transform: translate3d(100%, 0, 0);
					}
					
					#div_info_all_btn_for_rooms {
						transform: translate3d(-100%, 0, 0);
					}
					
				}
			}
			
			#div_info_all_form {
				.div_info_all_form_one{
					display: none;
					overflow: hidden;
					max-height: 0;
					opacity: 0;
					transition: all 0.5s ease;
				}
				
				.div_info_all_form_one.active {
					display: grid;
					max-height: 1000px; /* valeur assez grande pour contenir le form */
					opacity: 1;
				}
				
				#div_info_form_rooms {
					form {
						display: grid;
						grid-template-columns: 1fr 1fr;
						/* je voudrais que mon label #label_textarea_message prenne la largeur 2fr */
						gap: 20px;
						
						label {
							/*padding: 0px 16px;*/
							display: block;
							/** {*/
							background: rgba(255, 255, 255, 0.05);
							color: #fff;
							border: none;
							height: 52px;
							border-radius: 12px;
							padding: 0px 20px;
							font-size: 16px;
							border: 1px solid transparent;
							position: relative;
							
							*::placeholder {
								color: #fafafa4d;
							}
							
							&:focus {
								border: 1px solid #65ba69;
							}
							
							textarea {
								height: 100%;
								/*min-height: 120px;*/
								resize: none;
								padding-top: 10px;
								
							}
							
							*{
								height: 100%;
								background: none;
								border:none;
								color:#fff;
								/*font-size: 16px;*/
								font-size: 16px;
								
							}
							/*}*/
							input{
							}
							
							/*input:before{*/
							/*	background-color:red;*/
							/*	width: 16px;*/
							/*	content: "";*/
							/*	position: absolute;*/
							/*	top:0;*/
							/*	bottom: 0;*/
							/*	right: 0;*/
							/*}*/
							
							
						}
						label:hover{
							border: 1px solid #65ba69;
						}
						
						#label_select_room {
							grid-column: span 2;
							
							
						}
						
					}
					form.submitted label:has(input:invalid,select:invalid,textarea:invalid) {
						border: 1px solid #e74c3c !important;
						
					}
				}
				
				#div_info_form_domicil {
					/*display: none;*/
					form {
						display: grid;
						grid-template-columns: 1fr 1fr;
						gap: 20px;
						
						label {
							/*padding: 0px 16px;*/
							display: block;
							/** {*/
							background: rgba(255, 255, 255, 0.05);
							color: #fff;
							border: none;
							height: 52px;
							border-radius: 12px;
							padding: 0px 20px;
							/*font-size: 16px;*/
							border: 1px solid transparent;
							*::placeholder {
								color: #fafafa4d;
							}
							
							position: relative;
							
							
							/**:focus {*/
							/*	border: 1px solid #65ba69;*/
							/*}*/
							
							textarea {
								height: 100%;
								resize: none;
								padding-top: 10px;
							}
							
							*{
								height: 100%;
								background: none;
								border:none;
								font-size: 16px;
								
								color:#fff;
							}
							/*}*/
							input{
								color: #fff;
							}
							
						}
						label:hover{
							border: 1px solid #65ba69;
						}
						/*label:has(input:invalid) {*/
						/*	border: 4px solid #e74c3c; !* rouge par exemple *!*/
						/*}*/
						
						
						
						/*!* ✅ Bordure verte si valide *!*/
						/*form.submitted label:has(input:valid) {*/
						/*	border: 1px solid #65ba69;*/
						/*}*/
						
						
						
					}
					form.submitted label:has(input:invalid,select:invalid,textarea:invalid) {
						border: 1px solid #e74c3c !important;
						
					}
				}
				
				
				
				.label_textarea_message {
					grid-column: span 2;
					height: 120px !important;
				}
			}
		}
	}
}

#section_photos{
	mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 17.5%, rgb(0, 0, 0) 82.5%, rgba(0, 0, 0, 0) 100%);
	margin-top: 90px;
	height: 490px;
	overflow: hidden;
	ul {
		/*display: flex;*/
		gap: 24px;
		margin: 0;
		padding: 0;
		list-style: none;
		position: relative;
		animation: scroll 30s linear infinite;
	}
	.photo1{
		z-index: 0;
		/*border-radius: 40px;*/
		width: 286px;
		height: 438px;
		position: relative;
		overflow: visible;
		display: flex;
	}
	.photo2{
		z-index: 0;
		/*border-radius: 40px;*/
		width: 286px;
		height: 353px;
		position: relative;
		overflow: visible;
		display: flex;
		
	}
	.photo3{
		z-index: 0;
		border-radius: 40px;
		/*width: 286px;*/
		height: 379px;
		position: relative;
		overflow: visible;
		display: flex;
	}
	.photo1,.photo2,.photo3{
		> div {
			border-radius: 40px;
		}
	}
}

@keyframes scroll {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%); /* décale toute la largeur */
	}
}

#questions-frequentes{
	.section_inner{
		display: flex;
		flex-direction: column;
		align-items: center;
		#div_info_faq {
			width: 800px;
			gap: 20px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			/*border:1px solid red;*/
			/**
			 * Container des boutons avec effet de swap raccourci
			 * La transition est maintenant plus rapide et moins ample
			 */
			#div_info_faq_all_form_btn {
				position: relative;
				display: flex;
				/*height: 50px;*/
				overflow: hidden;
				
				> div {
					width: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
					padding: 0 0 10px 0;
					color: #042D26;
					cursor: pointer;
					position: relative;
					z-index: 2;
					transition:
							transform 0.25s cubic-bezier(0.34, 1.26, 0.64, 1),
							color 0.2s ease;
					border-bottom:2px solid rgba(207, 207, 207, 0.3);
					&.div_info_all_btn_active {
						/*color: #042D26;*/
						border-bottom:2px solid #65ba69;
					}
				}
				
				&.initial-state {
					#div_info_all_btn_for_domicil {
						transform: translate3d(0, 0, 0);
					}
					#div_info_all_btn_for_rooms {
						transform: translate3d(0, 0, 0);
					}
				}
				
				&.swapped-state {
					#div_info_faq_all_btn_for_domicil {
						transform: translate3d(100%, 0, 0);
					}
					#div_info_faq_all_btn_for_rooms {
						transform: translate3d(-100%, 0, 0);
					}
				}
			}
			
			#div_info_all_faq {
				.div_one_faq_answer {
					max-height: 0;
					overflow: hidden;
					/*opacity: 0;*/
					transition: all 0.4s ease;
					/*padding: 0 20px; !* padding de base fermé *!*/
				}
				
				.div_one_faq_question{
					cursor: pointer;
				}
				
				.div_one_faq.open .div_one_faq_answer {
					opacity: 1;
				}
				
				.faq_arrow {
					transition: transform 0.3s ease;
					display: flex;
					align-items: center;
					justify-content: center;
					align-self: center;
				}
				
				.div_one_faq_answer_content{
					
					padding: 0 20px 20px 20px !important;
				}
				
				.div_one_faq.open .faq_arrow {
					transform: rotate(180deg);
				}
				
				.div_info_all_faq_one{
					display: none;
					overflow: hidden;
					max-height: 0;
					opacity: 0;
					transition: all 0.5s ease;
					.div_one_faq{
						background:#fff;
						> div{
							/*border:1px solid orange;*/
							&:nth-child(1){
								
								padding:20px 40px 20px 20px;
								> div:nth-child(1) {
									font-family: montserratSemiBold;
									color: #042D26;
									font-size: 18px;
									letter-spacing: -0.9px;
								}
								> div:nth-child(2) {
									width: 11px;
									height: 7px;
								}
								display: grid;
								grid-template-columns: 1fr 11px;
								align-items: start;
								gap:20px
							}
							&:nth-child(2) {
								/*padding:0px 20px 0px 20px;*/
								/*display: none;*/
								/*max-height: 0;*/
							}
						}
					}
				}
				
				.div_info_all_faq_one.active {
					display: grid;
					max-height: 100%; /* valeur assez grande pour contenir le form */
					opacity: 1;
				}
				
				#div_info_faq_rooms {
				
				}
				
				#div_info_faq_domicil {
				
				}
			}
		}
	}
}






/*.slider-container {*/
/*	width: 600px;*/
/*	height: 400px;*/
/*	overflow: hidden;*/
/*	display: flex;*/
/*	border: 1px solid #ccc;*/
/*	position: relative;*/
/*}*/

/*.slider-track {*/
/*	display: flex;*/
/*	flex-wrap: nowrap;*/
/*	position: absolute;*/
/*	top: 0;*/
/*	left: 0;*/
/*	transition: left 0.8s ease; !* transition fluide *!*/
/*}*/

/*.slider-track img {*/
/*	height: 100%;*/
/*	object-fit: cover;*/
/*	flex-shrink: 0;*/
/*}*/




.btn_book_hours{
	--btn-width: 230px;
	&:hover {
		background: none;
		border:1px solid #49b777;
		*{
			color: #042D26;
		}
		> div:nth-child(2) {
			background: linear-gradient(103deg, var(--citrus, rgb(221, 216, 42)) 0%, var(--petronas, rgb(6, 175, 155)) 100%);;
		}
		svg{
			fill:#fff;
		}
	}
	
}

#div_got_domiciliate{
	position: absolute;
	width: 353px;
	height: 72px;
	bottom:0;
	right:0;
	#div_got_domiciliate_container_pur{
		background: #f8f8f8;
		width: 332px;
		height: 51px;
		position: absolute;
		bottom:0;
		right:0;
		/*border:1px solid red;*/
		border-top-left-radius: 32px;
		#btn_got_domiciliate{
			--btn-width: 320px;
			&:hover {
				background: none;
				border:1px solid #49b777;
				*{
					color: #042D26;
				}
				> div:nth-child(2) {
					background: linear-gradient(103deg, var(--citrus, rgb(221, 216, 42)) 0%, var(--petronas, rgb(6, 175, 155)) 100%);;
				}
				svg{
					fill:#fff;
				}
			}
			right: 0;
			bottom: 0;
			position: absolute;
		}
	}
	#left_corner{
		position: absolute;
		left: 0px;
		bottom: 0;
		transform: rotate(180deg);
		/*border:1px solid green;*/
		height: 21px;
		width: 21px;
	}
	#right_corner{
		position: absolute;
		right: 0px;
		bottom: 51px;
		transform: rotate(180deg);
		/*border:1px solid green;*/
		height: 21px;
		width: 21px;
	}
}



#btn_animate_book_room{
	--btn-width: 310px;
	background: #fff;
	color:#042D26;
	* {
		font-family: montserratSemiBold;
	}
	> div:nth-child(2) {
		background: #49b777;
		*{
			color:#fff;
		}
	}
	&:hover {
		background: none;
		border:1px solid #fff;
		*{
			color: #fff;
		}
	}
}


.btn_animate_send_room_booking{
	--btn-width: 240px;
	background: #fff;
	color:#042D26;
	svg{
		fill:#fff;
	}
	* {
		font-family: montserratSemiBold;
		font-size: 16px;
	}
	> div:nth-child(2) {
		background: #49b777;
		*{
			color:#fff;
		}
	}
	&:hover {
		background: none;
		border:1px solid #fff;
		*{
			color: #fff;
		}
		
	}
}

#btn_animate_book_only{
	--btn-width: 210px;
	
	/*&:hover > div:nth-child(2) {*/
	/*	!*transform: translateX(-170px);*!*/
	/*	transform: translateX(calc(-1 * (var(--btn-width) - 40px)));*/
	/*}*/
}


/* keyframes avec slide partiel + fade-in + rebond subtil */
@keyframes slideInLeft {
	0%   { transform: translate3d(-20%,0,0); opacity: 0; }
	100% { transform: translate3d(0,0,0); opacity: 1; }
}

@keyframes slideInRight {
	0%   { transform: translate3d(20%,0,0); opacity: 0; }
	100% { transform: translate3d(0,0,0); opacity: 1; }
}




/* animations en utilisant translate3d pour GPU */
/*@keyframes slideInLeft {*/
/*	from {*/
/*		transform: translate3d(-100%, 0, 0);*/
/*		opacity: 0;*/
/*	}*/
/*	to {*/
/*		transform: translate3d(0, 0, 0);*/
/*		opacity: 1;*/
/*	}*/
/*}*/

/*@keyframes slideInRight {*/
/*	from {*/
/*		transform: translate3d(100%, 0, 0);*/
/*		opacity: 0;*/
/*	}*/
/*	to {*/
/*		transform: translate3d(0, 0, 0);*/
/*		opacity: 1;*/
/*	}*/
/*}*/


@media (max-width: 1440px) {
	#section_first {
		#inner_first {
			flex-direction: column-reverse;
			gap:155px;
			#first_description{
				width: 100%;
				
			}
			#first_photos{
				width: 100%;
				.slider-container{
					width: 100%;
					height: 370px;
				}
				#first_photos_title{
					left:50px;
					right: auto;
					bottom: -31px;
				}
				
				#first_curved_arrow {
					display: none;
				}
				#first_curved_arrow_responsive{
					display: flex;
				}
			}
		}
	}
	#pourquoi-choisir {
		#inner_box_why {
			.one_box_why {
				width: calc(calc(100% - calc(1* 40px)) / 2) !important;
			}
		}
	}
	
	#domiciliation-pro{
		#div_box_domicil{
			flex-direction: column;
			#div_all_domicil_options{
				width: 100% ;
			}
			
		}
	}
	
	#contact {
		.section_inner{
			flex-direction: column;
			
		}
	}
	
	#div_all_rooms{
		/*min-height: 730px !important;*/
		/*border:1px solid red !important;*/
	}
	#salles-reunion {
		#inner_box_rooms {
			min-height: 840px;
			/*background:green;*/
		}
	}
}

@media (max-width: 1280px) {
	#salles-reunion {
		#inner_box_rooms {
			min-height: 860px;
		}
	}
}
@media (max-width: 1080px) {
	#pourquoi-choisir {
		#inner_box_why {
			.one_box_why {
				width: calc(calc(100% - calc(0* 40px)) / 1) !important;
			}
		}
	}
	
	#salles-reunion {
		#inner_box_rooms {
			padding: 0 114px;
			min-height: 1320px;
			
			#div_rooms_selector {
				flex-direction: column;
				border-radius: 38px;
				.div_one_room_selector{
					width: 100% ;
				}
			}
			
			#div_all_rooms {
				flex-direction: column;
				min-height: auto;
				
				#div_all_rooms_photo{
					width: 100%;
					height: 350px;
					
				}
				#div_all_rooms_content{
					width: 100%;
					min-height: 650px;
				}
				.div_one_room_photo,
				.div_one_room_content {
					height: auto;
					width: 100%;
				}
				
				> div {
					width: 100%;
				}
				.div_one_room_photo{
					height: 350px;
					width: 100%;
					
				}
			}
		}
	}
	
	#questions-frequentes {
		.section_inner {
			#div_info_faq {
				width: 100%;
			}
		}
	}
	
	#section_first{
		padding-top:0;
		
	}
	
	
	
}

@media (max-width: 900px) {
	#salles-reunion {
		#inner_box_rooms {
			min-height: 1345px;
			/*background:purple;*/
		}
	}
}
@media (max-width: 810px) {
	#section_first {
		padding-top: 60px;
		#inner_first{
			margin-top: 0;
			#first_description{
				h1{
					font-size:36px; ;
					line-height: 39px;
				}
			}
			#first_photos{
				display: none;
			}
		}
	}
	
	#domiciliation-pro {
		#div_box_domicil {
			
			.div_domicil_pack{
				flex-direction: column;
				.div_domicil_pack_price{
					width: 100%;
				}
			}
			
		}
	}
	
	#contact {
		.section_inner {
			#div_info_forms {
				#div_info_form_domicil {
					form {
						grid-template-columns: 1fr;
					}
				}
			}
		}
	}
	
	#questions-frequentes {
		.section_inner {
			#div_info_faq {
				
				
				#div_info_all_faq {
					
					.div_info_all_faq_one {
						
						
						.div_one_faq {
							
							
							> div {
								
								&:nth-child(1) {
									
									> div:nth-child(1) {
										font-size:16px;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	
	#salles-reunion {
		#inner_box_rooms {
			padding: 0 0px;
			/*background:yellow;*/
			min-height: 1320px;
			
		}
	}
	/*#salles-reunion {*/
	/*	.inner_title{*/
	/*		padding:0 !important;*/
	/*	}*/
	/*	*/
	/*	.inner_box_rooms{*/
	/*		padding:0 !important;*/
	/*	}*/
	/*}*/
	
}

@media (max-width: 680px) {
	#div_info_form_domicil {
		form {
			grid-template-columns: 1fr !important;
		}
	}
	#div_info_form_rooms {
		form {
			grid-template-columns: 1fr !important;
		}
	}
	.label_textarea_message{
		grid-column: span 1 !important;
	}
	#label_select_room{
		grid-column: span 1 !important;
	}
	
	#salles-reunion {
		#inner_box_rooms {
			min-height: 1390px;
			/*background:green;*/
			
		}
	}
}

@media (max-width: 480px) {
	
	#salles-reunion {
		#inner_box_rooms {
			min-height: 1455px;
			/*background:pink;*/
			
		}
	}
	
}