header{
	min-height: 40vh;
	padding: 3vh var(--marges);
	background-color: black;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	background: var(--gradient);
	#hero{
		display: grid;
		grid-template-columns: 5fr 3fr;
		justify-content: center;
		align-items: center;
		column-gap: 70px;
		row-gap: 20px;
		a{
			text-box: unset;
		}
		img{
			width: 100%;
			max-height: 150px;
		}
		h1{
			margin: 0;
			height: fit-content;

			font-family: "config-variable",sans-serif;	
			font-variation-settings: "slnt" 0, "wdth" 80, "wght" 700;
			font-size: 1.7em;
			line-height: 0.9;
			letter-spacing: -0.03em;
			
			color: var(--blanc);
			
			#title-year{
				font-variation-settings: "slnt" 0, "wdth" 80, "wght" 900;
				font-size: 1.5em;
				letter-spacing: 0.02em;
			}
		}
	}
	.btn_enquete{
		padding: 10px 20px;
		background-color: var(--rouge);
	}
	&.big{
		min-height: 60vh;
		padding: 7vh var(--marges);
		gap: 50px;
		#hero{
			gap: 70px;
			img{
				max-height: unset;
			}
			h1{
				font-size: 2.3em;
			}
		}
	}
}

/* Media queries pour le header */

	@media (max-width: 600px) {
		header #hero{
			grid-template-columns: 1fr;
		}
	}

/*  */