/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

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




/*   ROW - DISPLAY FLEX   */


	.row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		clear: both;
		margin: 0 auto;
		height: 100%;		
		
	}
	

	.row:after {
		content:"";
		display:table;
		clear:both;
		
	}

.no-align{align-items: flex-start;}/* Pas alligné vertical au centre */





	.row.centerItem{
	 -webkit-align-items: center; /* Safari 7.0+ */
    align-items: center;	
  
	} 
	
	

	.col_1_of_12, .col_2_of_12, .col_3_of_12, .col_4_of_12, .col_5_of_12, .col_6_of_12, .col_7_of_12, .col_8_of_12, .col_9_of_12, .col_10_of_12, .col_11_of_12, .col_12_of_12 {
		margin: 0 0 0 0;
		float: left;
		position: relative;
		
	}

/*  COLUMN SETUP SANS MARGE  */

.col{
	display: block;
	float:left;
	margin: 0;
}

.span_11_of_12 {width: 91.66%;}
.span_10_of_12 {width: 83.33%;}
.span_9_of_12 {width: 75%;}
.span_8_of_12 {width: 66.66%;}
.span_7_of_12 {width: 58.33%;}
.span_6_of_12 {width: 50%;}
.span_5_of_12 {width: 41.66%;}
.span_4_of_12 {width: 33.33%;}
.span_3_of_12 {width: 25%;}
.span_2_of_12 {width: 16.66%;}
.span_1_of_12 {width: 8.333%;}




/*  COLUMN SETUP AVEC MARGE  */

.marg{
	display: block;
	float:left;
	margin: 0 4% 0 0;
	border:1px solid green;
}

.last {margin:0;}


/*  GRID OF TWELVE AVEC MARGE 4%  */

.col_12_of_12{width: 100%;}
.col_11_of_12{width: 91.33%;}
.col_10_of_12{width: 82.66%;}
.col_9_of_12 {width: 74%;}
.col_8_of_12 {width: 65.33%;}
.col_7_of_12 {width: 56.66%;}
.col_6_of_12 {width: 48%;}
.col_5_of_12 {width: 39.33%;}
.col_4_of_12 {width: 30.66%;}
.col_3_of_12 {width: 22%;}
.col_2_of_12 {width: 13.33%;}
.col_1_of_12 {width: 4.666%;}



@media only screen and (max-width: 660px) {
	
	.row{ display:block; }
	.col, .marg {  margin: 0%; }
	
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 , .col_1_of_12, .col_2_of_12, .col_3_of_12, .col_4_of_12, .col_5_of_12, .col_6_of_12, .col_7_of_12, .col_8_of_12, .col_9_of_12, .col_10_of_12, .col_11_of_12, .col_12_of_12 {width: 100%;}
	
	
	
}