@charset "UTF-8";
/* CSS base de grillage de 79px avec margin de 0.5px */

.grid12, .item1 {	/* 1 item */
	margin: 0.052083333%;	
	padding: 0;
	width: 99.89583333%; 
	}
.grid6, .item2 {	/* 2 items */
	margin: 0.052083333%;
	padding: 0;
	width: 49.89583333%; 
	}
.grid4, .item3 {	/* 3 items */
	margin: 0.052083333%;
	padding: 0;
	width: 33.22916667%; 
	}
.grid3, .item4 {	/* 4 items */
	margin: 0.052083333%;
	padding: 0;
	width: 24.89583333%; 
	}
.grid55, .item5 {	/* 5 items */
	margin: 0.052083333%;
	padding: 0;
	width: 19.75%; 
	}
.grid2, .item6 { 	/* 6 items */
	margin: 0.052083333%;
	padding: 0;
	width: 16.5625%; 
	}
.item7 { 	/* 7 items */
	margin: 0.052083333%;
	padding: 0;
	width: 14.10714286%; 
	}
.item8 {	/* 8 items */
	margin: 0.052083333%;
	padding: 0;
	width: 12.34375%; 
	}
.item9 {	/* 9 items */
	margin: 0.052083333%;
	padding: 0;
	width: 10.97222222%; 
	}
.item10 {	/* 10 items */
	margin: 0.052083333%;
	padding: 0;
	width: 9.875%; 
	}
.item11 {	/* 11 items */
	margin: 0.052083333%;
	padding: 0;
	width: 8.977272727%; 
	}
.grid1, .item12 {	/* 12 items */
	margin: 0.052083333%;
	padding: 0;
	width: 8.229166667%; 
	}

.grid5 {
	margin: 0.052083333%;
	padding: 0;
	width: 41.5625%;
	}
.grid7 {
	margin: 0.052083333%;
	padding: 0;
	width: 58.22916667%; 
	}
.grid8 {
	margin: 0.052083333%;
	padding: 0;
	width: 66.5625%; 
	}
.grid9 {
	margin: 0.052083333%;
	padding: 0;
	width: 74.89583333%; 
	}
.grid10 {
	margin: 0.052083333%;
	padding: 0;
	width: 83.22916667%; 
	}
.grid11 {
	margin: 0.052083333%;
	padding: 0;
	width: 91.5625%; 
	}


/* --- RESPONSIVE --- */
@media screen and (max-width: 767px), screen and (max-device-width: 767px) { 
	.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11, .grid12, .grid55, .item1, .item2, .item3, .item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12 { 
		/* 12 items => 1 item */
		width: 99.89583333%;  
		}
	}
/* 2 - Ipad & Tablette */
@media screen and (min-width: 768px) and (max-width: 959px) {
	.grid1, .item12 { /* => 6 items */
		width: 16.5625%; 
		}
	.item10 {	/* => 5 items */
		width: 19.75%; 
		}
	.item8 { 	/* => 4 items */
		width: 24.89583333%;
		}
	.grid2, .item6 { /* => 3 items */
		width: 33.22916667%; 
		}
	.grid3, .item4 { /* => 2 items */
		width: 49.89583333%; 
		}
	}