footer{
	padding: 70px var(--marges);
	margin-top: 100px;

	background-color: #EEEEEE;
	
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-areas:
		"form-contact suivre"
		"copyright copyright"
		;
	gap: 50px;
	
	section{
	margin: 0;
	}
	#form-contact{
		grid-area: form-contact;
		form{
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-template-areas:
				"name email"
				"message message"
				"submit submit"
			;
			gap: 30px 20px;
			input, textarea{
				width: 100%;
				margin: 0;
				padding: 15px;
				box-sizing: border-box;
				
				border: none;
				background-color: #EEEEEE;
				border-bottom: 1px solid var(--bleu);

				font-size: 1.2em;
				font-weight: 300;
			}
			textarea{
				resize: vertical;
			}
			#ipt_name{
				grid-area: name;
			}
			#ipt_email{
				grid-area: email;
			}
			#ipt_message{
				grid-area: message;
			}
			#ipt_submit{
				grid-area: submit;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				button{
					width: fit-content;
					font-size: 1.3em;
				}
			}
		}
	}
	#suivre{
		grid-area: suivre;
		ul{
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			gap: 20px;
			a{
				color: var(--bleu);
				padding: 10px;
				aspect-ratio: 1;
				font-size: 1.5em;
			}
			a::after{
				display: none;
			}
		}
	}
	#copyright{
		grid-area: copyright;
		text-align: center;
		text-transform: uppercase;
		font-weight: 200;
		margin: 0;
	}

	/* *{
		border: red 1px dashed;
	} */
}

@media screen and (max-width: 1350px){
	footer{
		margin-left: calc(var(--marges) / -2);
		margin-right: calc(var(--marges) / -2);
	}
}
@media screen and (max-width: 750px){
	footer{
		grid-template-columns: 1fr;
		grid-template-areas: unset;
		*{
			grid-area: unset !important;
		}
		#form-contact form{
			grid-template-columns: 1fr;
			grid-template-areas: unset;
			*{
				grid-area: unset !important;
			}
		}
	}
}
@media screen and (max-width: 550px){
	footer{
		margin-left: unset;
		margin-right: unset;
	}
}