* {

	font-family: 'Josefin Sans', sans-serif;

}

.titreprincip
{
	text-align: center;
	margin-top: 200px;
}

.carousel
{
	position: relative;
	margin-top: 120px;
}
.textehistoire
{
	font-size: 1.4em;
	text-align: center;
	margin-top: 70px;
}

@media only screen and (max-width: 810px){
	.textehistoire{
		font-size: 1.2em;
	}
}

@media only screen and (max-width: 600px){
	.titreprincip{
	margin-top: 150px;
	text-align: center;
	font-size: 2.1em;
	}
	.carousel{
		margin-top: 60px;
	}
	.textehistoire{
		font-size: 1.1em;
		margin-top: 30px;
		margin-left: 5px;
		margin-right: 5px;
	}
}