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

.gap0{gap: 0}

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

.grid_1_1{ grid-template-columns: minmax(0,1fr) minmax(0,1fr);}
.grid_1_1_30px{ grid-template-columns: 1fr 1fr 30px}
.grid_2_1{ grid-template-columns: 2fr 1fr}
.grid_1_2{ grid-template-columns: 1fr 2fr}
.grid_3_1{ grid-template-columns: 3fr 1fr}
.grid_1_3{ grid-template-columns: 1fr 3fr}

/*-----------------------------------------------------------------*/
/* 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}