main{
	margin-top: 150px;
	margin-bottom: 50px;
}

/*TEXTE*/
.text{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.text img{
	width: 250px;
	height: auto;
	border-radius: 10px;
	margin: 30px auto;
}
.text p{
	width: 80%;
	text-align: left;
	font-family: var(--font1);
	font-weight: 300;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 1.5px;
	margin: 30px auto;
}
.text p .gras{
	font-weight: 500;
}

/*CITATION*/
.separation.middle{
	width: 80%;
	margin-top: 30px;
}
.citation{
	width: 100%;
	height: 250px;
	background: var(--color4);
	display: flex;
	justify-content: center;
	align-items: center;
}
.citation p{
	width: 70%;
	text-align: center;
	font-family: var(--font1);
	font-weight: 300;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 1.5px;
}
.citation .italique{
	font-style: italic;
}

@media screen and (min-width: 1000px){
	.text{
		width: 85%;
		margin: 60px auto;
		display: grid;
		grid-template-columns: repeat(2, auto)
	}
	.text p{
		grid-column: 1 / 2;
		grid-row: 1 / 2;
		margin-left: 20px;
	}
	.text img{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	.citation{
		width: 1000px;
		height: 350px;
		margin: 60px auto;
		border-radius: 15px;
	}
	.citation p{
		width: 500px;
		font-size: 25px;
		line-height: 28px;
		letter-spacing: 2px;
	}
}