/********** GRIDS **********/

.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-4 {
	display : grid;
	grid-template-columns : 2fr 0.5fr 0.5fr 0.5fr;}

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

.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-8 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;
}

.grid-columns-span-8 { 
	grid-column:1/10;
}
.grid-col-9 {
	display : grid;
	grid-template-columns : 2fr 2fr 2fr 2fr 2fr 2fr 0.5fr 0.5fr 0.5fr;}

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

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

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

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

.caseListe {
	padding : 0.2em;
}

.caseForm {
	/* border: 1px solid #00aaff; */
	padding : 0.2em;
}

.GridForm {
	 display : grid;
	grid-template-columns: 2fr 2fr ;
	grid-gap: 0.5em;
}

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

.mini {
	flex:0.1;
}

.gridForm-col-span {
	grid-column: 1/5 ;
}