body
{
	overflow-x: hidden;
}

header
{
	width: 100vw;
}

.contenuContainer
{
	width: initial;
	max-width: 1920px;
}

.contenuContainer div
{
	font-size: 0;
}

.contenuContainer h2
{
	font-size: 1.5em;
	padding-left: 90px;
	margin-bottom: 10px;

	background-color: #099;
	width: 300px;
}

/* Ajustement de la mise en page selon la taille de l'écran */

@media screen and (max-width: 1465px)
{
	.contenuContainer h2
	{
		padding-left: 6%;
	}
}

@media screen and (max-width: 1200px)
{
	.projectThumbnail
	{
		width: calc(100% / 3);
		padding-top: 20%;
	}

	.contenuContainer h2
	{
		padding-left: 5%;
	}
}

@media screen and (max-width: 1140px)
{
	.contenuContainer h2
	{
		padding-left: 4%;
	}
}

@media screen and (max-width: 1028px)
{
	.contenuContainer h2
	{
		padding-left: 5%;
	}
}

@media screen and (max-width: 960px)
{
	.projectThumbnail
	{
		width: calc(100% / 2);
		padding-top: 30%;
	}

	.contenuContainer h2
	{
		padding-left: 2%;
	}
}

@media screen and (max-width: 880px)
{
	.projectThumbnail
	{
		width: 100%;
		height: 100px;
		background-position: center;
	}

	.contenuContainer
	{
		margin: auto;
	}
}

@media screen and (max-width: 755px)
{
	.contenuContainer h2
	{
		text-align: center;
		width: initial;
	}
}