.grid, [class^="grid"] 
{
	display: grid;
	gap: 1em;
}

.noGap{gap: 0}

/*-----------------------------------------------------------------*/
/* 2 COLONNES	                              	               */
/*-----------------------------------------------------------------*/

.grid_1_1{ grid-template-columns: 1fr 1fr}
.grid_2_1{ grid-template-columns: 2fr 1fr}
.grid_1_2{ grid-template-columns: 1fr 2fr}

/*-----------------------------------------------------------------*/
/* 3 COLONNES		                              	               */
/*-----------------------------------------------------------------*/
.grid_1_1_1{ grid-template-columns: 1fr 1fr 1fr}
.grid_3_1_1{ grid-template-columns: 3fr 1fr 1fr}

/*-----------------------------------------------------------------*/
/* 4 COLONNES		                              	               */
/*-----------------------------------------------------------------*/
.grid_1_1_1_1{ grid-template-columns: 1fr 1fr 1fr 1fr}