/*PAGE INTRODUCTIVE AUX PROJETS*/

.Projets .bloc
{
	display: grid;
	grid-template-columns: 30% 70%;
	grid-template-rows: 1fr auto auto 1fr;
	column-gap: 20px;
}

.Projets .bloc h4
{
	grid-column:2;
	grid-row:2;
	font-size:18px;
	margin:12px 0px;
	text-align:center;
}

.Projets .bloc .image
{
	grid-column:1;
	grid-row:1 / 5;
	text-align:center;
	margin:5px 0px;
}

.Projets .bloc .text
{
	grid-column:2;
	grid-row:3;
	text-align:justify;
	margin:10px 10px;
	align-self:start;
}

.Projets p
{
	font-size:14px;
	text-indent:10px;
	text-align:justify;
	margin:10px 20px;
}

.Projets a
{
	color:blue;
	text-decoration:none;
}

.Projets a:hover
{
	color:blue;
	text-decoration:underline;
}

.Projets a:visited
{
	color:blue;
	text-decoration:none;
}

/*MOBILE*/

@media screen and (max-width: 1000px)
{

.Projets .bloc
{
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto auto;
}

.Projets .bloc h4
{
	grid-column: 1;
	grid-row: 1;
	font-size:3.5vw;
	margin:2vw 0px;
	text-align:center;
}

.Projets .bloc .image
{
	grid-column: 1;
	grid-row: 2;
	text-align:center;
	width:100%;
	margin:1vw 0vw;
}

.Projets .bloc .text 
{
	grid-column: 1;
	grid-row: 3;
	text-align:justify;
	width:100%;
	margin:2vw 0vw;
}

.Projets p
{
	font-size:3vw;
	text-indent:2vw;
	text-align:justify;
	margin:2vw 0vw;
}

}