.programme-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 40px;
	article{
		padding: 25px 30px 30px 40px;
		background-color: var(--violet-blanc);
		border: 1px solid var(--violet-trans);
		border-radius: 15px;

		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 7px;
		*{
			margin: 0;
		}
		.programme-nombre{
			margin-left: 10px;
			font-size: 5em;
			font-variation-settings: "slnt" 0, "wdth" 100, "wght" 900;
			color: var(--violet-trans);
			transition: all 0.3s ease-in-out;
		}
		h3{
			font-size: 1.8em;
			font-variation-settings: "slnt" 0, "wdth" 100, "wght" 550;
			margin-bottom: 6px;
		}
		&:hover .programme-nombre{
			color: var(--violet);
		}
	}
}

section#programme .btn{
	margin-top: 2em;
}

@media screen and (max-width: 1200px){
	.programme-grid{
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 700px){
	.programme-grid{
		grid-template-columns: repeat(1, 1fr);
	}
}