footer {
	background-image: url('/assets/images/footer-background.jpg');
	background-size: cover;
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

#footer-container {
	display: flex;
	flex-direction: column;
	align-items: space-evenly;
	gap: 20vh;
}

#footer-haut {
	text-align: center;
	flex-direction: column;
	display: flex;
	align-items: center;
}

#footer-button {
	min-width: 130px;
}

#footer-titre {
	text-align: center;
	font-style: bold;
}

#footer-description {
	margin: 30px auto 60px auto;
}

footer form {
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	width: 682px;
}

#footer-inscription {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}


#footer-email input {
	background-color: transparent;
	border-bottom: .3rem solid #61b3e3;
	width: 492px;
	padding: 10px 0;
}

#footer-email input:focus {
	outline: none;
}

#footer-bouton-inscrire {
	border-bottom: .3rem solid #61b3e3;
	font-weight: 100;
	padding: 10px 0;

	transition: color 0.7s;
}

#footer-bouton-inscrire:hover {
	color: rgb(131, 182, 229);
}

#footer-bas {
	display: flex;
	justify-content: space-evenly;
}

#footer-navigation {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.footer-navigation-groups {
	display: flex;
	justify-content: space-evenly;
}

li.footer-navigation-groups>ul {
	display: flex;
	flex-direction: column;
}

.footer-navigation-groups a {
	transition: color 0.7s;
}

.footer-navigation-groups a:hover {
	color: grey;
}

#footer-logo {
	text-align: left;

}

footer ul {
	padding-top: 15px;
	border-top: #FFF 3px solid;
}

@media (max-width: 1024px) {
	#footer-bas {
		flex-direction: column;
		align-items: center;
	}
}

@media (min-width:1025px) {
	#footer {
		font-size: 1.5rem;
	}
}