Footer {
	background-color: var(--PanelBgColor);
}
.BarInf {
	background-color: var(--AccentColor);
	color: var(--AccentFontColor);
}
.Footer_Content {
	padding: 0;
	width: 100%;
	font-size: 1rem;
	.logo-footer {
		width:25px;
		height:25px;
	}

	img {
		width: 100%;
	}

	h1 {
		font-size: 30px;
		color: var(--AccentColor);
		text-transform: none;
	}
}


.Footer_Wrapper {
	padding: var(--globalHorizontalPadding);
	display: flex;
	flex-direction: column-reverse;
}

.Newsletter {
	padding-top:35px;
	padding-bottom:35px;
	display:flex;
	flex-direction:column;
	gap:30px;
	width:100%;

    button {
		width: fit-content;
		margin-bottom: 0;
		font-weight: 300;
	}
	.AbsoluteLabel {
		bottom: 7px;
  		font-size: 15px;
		font-weight: 300;
		opacity: 0.8;
		font: normal normal 300 17px/30px Figtree;
	}
	.AbsoluteLabel:has(+ :focus, + .nonvide) {
		font-size: 12px;
	}
	.formNewsletter {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		row-gap: 20px;
		column-gap: 20px;
		margin-bottom: 20px;
	}
	input {
		box-sizing: border-box;
		width: 100%;
		padding-bottom: 6px;
		border: none;
		border-bottom: 1px solid var(--AccentColor);
		/* margin-bottom: 20px; */
		&:focus {
			outline: none;
			border-bottom: 1px solid var(--AccentColor);
		}
	}
	form {
		display: contents;
	}
	#SendMail_Btn {
		width: 100%;
	}
}

.Contact_Wrapper {
	display:flex;
	flex-direction:column;
	gap:30px;
	/* width:100%; */
	background: #F7F7F7 0% 0% no-repeat padding-box;
	border-radius: 30px;
	padding:25px;
	word-break: break-word;
}

div.BarInf_Content {
	display: grid;
	text-align: center;
	gap: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
	justify-content: center;
	column-gap: 25px;
	a {
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
	:last-child {
		padding-top: 20px;
	}

	* {
		color: var(--AccentFontColor);
	}
}
#SearchLink{
    cursor: pointer;
}

.horizontal-line {
	border-bottom: 1px solid #A11515;
}

.Contact_Wrapper #Informations,
.Contact_Wrapper #Adress,
.Contact_Wrapper #Telecom,
.Contact_Wrapper #Email {
	text-decoration: none;
	font: normal normal 300 17px/30px Figtree;
	color: #1C1C1C;
	letter-spacing: 0px;
}

.footer-informations-item {
	display:flex;
	flex-direction: row;
	gap:15px;
	align-items: center;
}

.align-start {
	align-items: flex-start;
}

.newletter-items-wrapper {
	display:flex;
	flex-direction:column;
	width:100%;
	gap:30px;
}

.footer-input-wrapper {
	width:100%;
}


@media screen and (min-width: 700px) {
	.Footer_Wrapper {
		display: flex;
		flex-direction: column-reverse;

		h1 {	
			font-size: 30px;
			padding: 0;
			width: fit-content;
			margin-bottom: 0;
		}
	}

	.Newsletter {
		h1 {
			grid-row: 1;
			grid-column: 1;
		}
		a:not(#SendMail_Btn) {
			max-width: 400px;
			grid-row: 3;
			grid-column: 1 / span 2;
		}

		#SendMail_Btn {
			grid-row: 2;
			grid-column: 2;
		}
		.formNewsletter {
			/* width: 100%;
			height: 25px; */
			grid-row: 2;
			grid-column: 1;
		}
	}

	div.BarInf_Content {
		display: flex;
		flex-direction: row;
		font-size: 17px;

		a {
			margin-left: 0;
			margin-right: 0;
		}

		a:last-of-type {
			margin-left: auto;
		}

		:last-child {
			padding-top: 0px;
		}
	}
}
@media screen and (min-width: 1200px) {

	.footer-input-titre {
		width: calc(50% - 15px) /* -15px représente la moitié du gap de newletter-items-wrapper */ 
	}

	.footer-input-wrapper-lg {
		width: 100%;
	}

	.footer-input-wrapper {
		width:50%;
	}

	.newletter-items-wrapper {
		display:flex;
		flex-direction:row;
		width:100%;
		gap:30px;
	}

	.Contact_Wrapper {
		max-width:510px;
		width: 100%;
		padding: 100px;
	}

	.Footer_Wrapper {
		gap: 95px;
		padding: 100px 195px 100px 195px;
		display: flex;
		flex-direction: row;
	}

	.Footer_Content {
		.Footer_Wrapper {
			font-size: 20px;

			h1 {
				font-size: 30px;
			}
		}
	}

	.Newsletter {
		max-width: 710px;
		padding-top:100px;
		padding-bottom:100px;
	}
	
}