/* ------------------------- Désactiver -------------------------  */

/* ----------------------------------------------  */

/* ------------------------- Général -------------------------  */
/*  ROW  */
.row {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.row:before,
.row:after {
	content:"";
	display:table;
}
.row:after {
	clear:both;
}
.row {
    zoom:1; /* For IE 6/7 */
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin:8px 0 8px 1.6%;
}
.col:first-child { margin-left: 0; }

.full{width:100%;}

/* ----------------------MEDIUM------------------------  */
	/*  FULL  */
	.mfull {width: 100%;}
	
	/*  Medium 2  */
	.m12 {width: 49.2%;}
	
	/*  Medium 3  */
	.m13 {width: 32.2%;}
    .m23{width: 66.1%;}	
    .mspacio{width: 100%;}
	
	/*  Medium 4  */
	.m14 {width: 23.8%;}
	.m24{width: 49.2%;}
	.m34{width: calc(100% - 25%);}
	
	/*  Medium 5  */
	.m15 {width: 18.72%;}
	.m25{width: 39.04%;}
	.m35{width: 59.36%;}
	.m45{width: 79.68%;}
	
	/*  Medium 6  */
	.m16 {width: 15.33%;}
	.m26{ width: 33.85%;}
	.m36{width: 49.2%;}
	.m46{ width: 67.8%;}
	.m56{width: 83.06%;}

/* ----------------------sur plusieurs lignes : !!!! seulement si blocs du même type dans le row------------------------  */
	.m12:first-child {
   /* margin-right: 25px;*/
}

.m12:nth-child(odd) {
    	
    	 margin-left: 0;
	}
	
	.m13:nth-child(3n+1), .m14:nth-child(4n+1), .m15:nth-child(5n+1), .m16:nth-child(6n+1) {  
		
		margin-left: 0;
	}
	



	
/* ----------------------LARGE------------------------  */
@media all and (min-width: 1600px){
	/*  FULL  */
	lfull {width: 100%;}
	
	/*  2  */
	.l12 {width: 49.2%;}
	
	/*  3  */
	.l13 {width: 32.2%;}
	.l23{width: 66.1%;}	
	
	/*  4  */
	.l14 {width: 23.8%;}
	.l24{width: 49.2%;}
	.l34{width: 74.6%;}
	
	/*  5  */
	.l15 {width: 18.72%;}
	.l25{width: 39.04%;}
	.l35{width: 59.36%;}
	.l45{width: 79.68%;}
	
	/*  6  */
	.l16 {width: 15.33%;}
	.l26{width: 32.26%;}
	.l36{width: 49.2%;}
	.l46{width: 66.13%;}
	.l56{width: 83.06%;}
	
	.l12:nth-child(2n+1),.l13:nth-child(3n+1), .l14:nth-child(4n+1), .l15:nth-child(5n+1), .l16:nth-child(6n+1) {  
	
		margin-left: 0;
	}
}


/* ----------------------SMALL------------------------  */
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

/*@media only screen and (max-width: 480px)*/
 @media screen and (max-device-width: 800px), screen and (max-width: 800px) {
	.col { margin: 1% 0 1% 0%;}
	.col, .m23, .m13, .m14, .m24, .m34, .m15, .m25, .m35, .m45, .m16, .m26, .m36, .m46, .m56 { width: 100%; }
	.s23, .s13, .s14, .s24, .s34	{  margin: 8px 0 8px 1.6%;}
	
	/*  FULL  */
	sfull {width: 100%;}
	
	/*  2  */
	.s12 {width: 49.2%;}
	
	/*  3  */
	.s13 {width: 32.2%;}
	.s23{width: 66.1%;}	
	
	/*  4  */
	.s14 {width: 23.8%;}
	.s24{width: 49.2%;}
	.s34{width: 74.6%;}
	
	/*  5  */
	.s15 {width: 18.72%;}
	.s25{width: 39.04%;}
	.s35{width: 59.36%;}
	.s45{width: 79.68%;}
	
	/*  6  */
	.s16 {width: 15.33%;}
	.s26{width: 32.26%;}
	.s36{width: 49.2%;}
	.s46{width: 66.13%;}
	.s56{width: 83.06%;}
	
	.l12:nth-child(2n+1),.l13:nth-child(3n+1), .l14:nth-child(4n+1), .l15:nth-child(5n+1), .l16:nth-child(6n+1) {  
		margin: 8px 0 8px 1.6%;
	}
	
	.s12:nth-child(2n+1),.s13:nth-child(3n+1), .s14:nth-child(4n+1), .s15:nth-child(5n+1), .s16:nth-child(6n+1) {  
		margin-left: 0;
	}
	
}