@charset "UTF-8";
/* CSS base de grillage de 70px avec margin de 5px */
.grid12, .item1 {	/* 1 item */
	margin-left: 0.520833333333333%; 
	margin-right: 0.520833333333333%;
	width: 98.95833333%; 
	}
.grid6, .item2 {	/* 2 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 48.9583333333333%;
	}
.grid4, .item3 {	/* 3 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 32.29166666666670%; 
	}
.grid3, .item4 {	/* 4 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 23.95833333333330%;
	}
.item5 { 	/* 5 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 18.9583333333333%;
	}
.grid2, .item6 { 	/* 6 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 15.625%;
	}
.item7 { 	/* 7 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 13.24404761904760%; 
	}
.item8 {	/* 8 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 11.45833333333330%; 
	}
.item9 {	/* 9 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 10.06944444444440%; 
	}
.item10 {	/* 10 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 8.95833333333333%; 
	}
.item11 {	/* 11 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 8.04924242424242%; 
	}
.grid1, .item12 {	/* 12 items */
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 7.29166666666667%;
	}

.grid5 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 40.625%; 
	}
.grid7 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 57.2916666666667%; 
	}
.grid8 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 65.625%;
	}
.grid9 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 73.9583333333333%; 
	}
.grid10 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 82.2916666666667%; 
	}
.grid11 {
	margin-left: 0.520833333333333%;
	margin-right: 0.520833333333333%;
	width: 90.625%; 
	}
	
/*
Margin-left des Repousse colonnes vierges :
=> somme des width des colonnes presentes a gauche + leurs 2 margin + 1 margin-left de notre colonne
*/
.repousse-grid1, .marge-g1 {
	margin-left: 8.85416666666667%!important;
	}
.repousse-grid2, .marge-g2 {
	margin-left: 17.1875%!important;
	}
.repousse-grid3, .marge-g3 {
	margin-left: 25.5208333333333%!important;
	}
.repousse-grid4, .marge-g4 {
	margin-left: 33.8541666666667%!important;/*26*/
	}
.repousse-grid5, .marge-g5 {
	margin-left: 42.1875%!important;
	}
.repousse-grid6, .marge-g6 {
	margin-left: 50.5208333333333%!important;
	}
.repousse-grid7, .marge-g7 {
	margin-left: 58.8541666666667%!important;
	}
.repousse-grid8, .marge-g8 {
	margin-left: 67.1875%!important;
	}
.repousse-grid9, .marge-g9 {
	margin-left: 75.5208333333333%!important;
	}
.repousse-grid10, .marge-g10 {
	margin-left: 83.8541666666667%!important;
	}
.repousse-grid11, .marge-g11 {
	margin-left: 92.1875%!important;
	}
.repousse-grid12, .marge-g12 {
	margin-left: 100%!important;
	}

.marge-grid-droite, .marge-grid-d {
	margin-right: 0.520833333333333%;
	}
.marge-grid-gauche, .marge-grid-g {
	margin-left: 0.520833333333333%;
	}
.marge-grid-dessous, .marge-grid-b {
	margin-bottom: 12px;
	}
.marge-grid-dessus, .marge-grid-h {
	margin-top: 12px;
	}
.sans-marge { margin: 0; }
.sans-marge-droite, .sans-marge-d { margin-right: 0; }
.sans-marge-gauche, .sans-marge-g { margin-left: 0; }

.container{
      display: grid;	
}