.categorie{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: flex-start;
}
.categorie2{
	height: 100%;
	width: 86%;
	display: flex;
	flex-direction: column;
	justify-content:space-around;
	align-items: center;
}

.categorie h1{
	font-size: 3vw;
	color:rgba(255,255,255,0.7);
}
.grille_projets{
	width: 90%;
	height: 80%;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
}
.colonne{
	width:32%;
	height:100%;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	align-items:center;
}
.element_grille_projet{
	width:30%;
}
.colonne .element_grille_projet{
	width: 100%;
}
.element_grille_projet_quart, .element_grille_projet_demi{
	width: 49%;
}
.element_grille_projet_entier{
	width: 100%;
}

.element_grille_projet, .element_grille_projet_quart, .element_grille_projet_entier, .element_grille_projet_colonne, .element_grille_projet_demi{
	height:48%;
	
}
a{
	height: 100%;
	width: 100%;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content:flex-end;
	text-decoration: none;
}
.element_grille_projet_colonne{
	width:32%;
	height: 80%;
}
.element_grille_projet_demi{
	height: 100%;
}
#paysage, #public , #habiter, #concours, #ecrire{
	height:100%;
}
#paysage{
	background-color: rgb(152,27,27);
}
#public{
	background-color: rgb(223,62,15);
}
#habiter{
	background-color: rgb(255,154,0);
}
#concours{
	background-color: rgb(102,157,136);
}
#ecrire{
	background-color: rgb(0,112,120);
}