
/********** GRIDS **********/
.grid-col-3 {
	display : grid;
	grid-template-columns : 2fr 0.5fr 2fr ;}

.grid-columns-span-3 { 
	grid-column:1/4;
}

.grid-col-7 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-7 { 
	grid-column:1/8;
}

.grid-col-4 {
	display : grid;
	grid-template-columns : 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-4 { 
	grid-column:1/5;
}

.grid-col-5 {
	display : grid;
	grid-template-columns : 2fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-5 { 
	grid-column:1/6;
}
.grid-col-6 {
	display : grid;
	grid-template-columns : 2fr 1fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-6 { 
	grid-column:1/7;
}

.grid-col-11 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-11 { 
	grid-column:1/12;
}

.grid-col-22 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-22 { 
	grid-column:1/23;
}

.grid-col-8 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;}

.grid-columns-span-8 { 
	grid-column:1/9;
}

.gridListe div,button,a {
	justify-content: center;
	align-items: center;
}

.caseListe {
	padding : 0.2em;
}

.caseForm {
	padding : 0.2em;
}


.flex-0-1 {
	flex:0.1;
}
