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

.max-width.section{max-width:415px;}

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

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}

/*  GRID OF TWELVE  */
.span_12_of_12 {width: 100%;}
.span_11_of_12 {width: 91.41%;}
.span_10_of_12 {width: 82.83%;}
.span_9_of_12 {width: 74.25%;}
.span_8_of_12 {width: 65.66%;}
.span_7_of_12 {width: 57.08%;}
.span_6_of_12 {width: 48.5%;}
.span_5_of_12 {width: 39.91%;}
.span_4_of_12 {width: 31.33%;}
.span_3_of_12 {width: 22.75%;}
.span_2_of_12 {width: 14.16%;}
.span_1_of_12 {width: 5.583%;}


footer .col{margin:0 0 0 3%}
footer .col:first-child{margin-left:0;}


.realGrid .span_4_of_12 {width: 31.33%;}
.realGrid .col.span_4_of_12:nth-child(3n+1) {margin-left:0%}

.thumbReal .col{margin:0 0 3% 3%}
.thumbReal .span_6_of_12:nth-child(2n+1){margin-left:0}

.client .col{margin-top:0;margin-bottom:0}


.partenaire{margin-top:40px}
.partenaire img{display:block;margin:0 auto;max-width:100%;}

.partenaire .col{margin:0 0 5% 3%}
.partenaire .span_2_of_12:nth-child(6n+1){margin-left:0}

.client .span_3_of_12:nth-child(4n+1){margin-left:0}




	.row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		clear: both;
		margin: 0 auto;
		height: 100%;		
		
	}
	
	.row.centerItem{
	 -webkit-align-items: center; /* Safari 7.0+ */
    align-items: center;	
  
	} 
	
	

	.row:after {
		content:"";
		display:table;
		clear:both;
		
	}
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
		margin: 0 2% 0 0;
		float: left;
		position: relative;
		
		
	}
	
	.col_1 { width: 6.5%; }
	.col_2 { width: 15%; }
	.col_3 { width: 23.5%; }
	.col_4 { width: 32%; }
	.col_5 { width: 40.5%; }
	.col_6 { width: 49%; }
	.col_7 { width: 57.5%; }
	.col_8 { width: 66%; }
	.col_9 { width: 74.5%; }
	.col_10 { width: 83%; }
	.col_11 { width: 91.5%; }
	.col_12 { width: 100%; margin: 0; }
	
	.last {
		margin: 0;
	}
		
	
	.col_1NoMarg, .col_2NoMarg, .col_3NoMarg, .col_4NoMarg, .col_5NoMarg, .col_6NoMarg, .col_7NoMarg, .col_8NoMarg, .col_9NoMarg, .col_10NoMarg, .col_11NoMarg, .col_12NoMarg {
		margin: 0 0% 0 0;
		float: left;
		position: relative;
	}

	.col_1NoMarg { width: 8.33%; }
	.col_2NoMarg { width: 16.66%;}
	.col_3NoMarg { width: 25%; }
	.col_4NoMarg { width: 33.33%; }
	.col_5NoMarg { width: 41.66%; }
	.col_6NoMarg { width: 50%; }
	.col_7NoMarg { width: 58.33%; }
	.col_8NoMarg { width: 66.66%; }
	.col_9NoMarg { width: 75%; }
	.col_10NoMarg { width: 83.33%; }
	.col_11NoMarg { width: 91.66%; }
	.col_12NoMarg { width: 100%; margin: 0; }




@media only screen and (min-width: 1500px) {
	
	.realGrid .span_4_of_12 {width: 22.75%;}
	.realGrid .col.span_4_of_12:nth-child(3n+1) {margin-left:3%}
	.realGrid .col.span_4_of_12:nth-child(4n+1) {margin-left:0%}
	
	
}



@media only screen and (max-width: 825px) {
	
footer .col.span_3_of_12{width:48.5%}	
footer .col.span_3_of_12.infolettre{margin:20px 0;display:block;width:100%}

.realGrid .span_4_of_12 {width: 48.5%;}
.realGrid .col.span_4_of_12:nth-child(3n+1) {margin-left:3%}
.realGrid .col.span_4_of_12:nth-child(4n+1) {margin-left:3%}
.realGrid .col.span_4_of_12:nth-child(2n+1) {margin-left:0%}
	
}



@media only screen and (max-width: 700px) {
	
	.row {clear: both;height: 100%;display:block;}
	.row:after {content:"";display:table;clear:both;}
	
	.row.centerItem{-webkit-align-items: initial; /* Safari 7.0+ */align-items: initial;	} 
	
	.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12, 	.col_1NoMarg, .col_2NoMarg, .col_3NoMarg, .col_4NoMarg, .col_5NoMarg, .col_6NoMarg, .col_7NoMarg, .col_8NoMarg, .col_9NoMarg, .col_10NoMarg, .col_11NoMarg, .col_12NoMarg {
		float: left;
		width: 100%;
		border-collapse:collapse;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	
	.thumbReal .span_6_of_12{width: 22.75%;}
	.thumbReal .span_6_of_12:nth-child(2n+1){margin-left:3%}
	.thumbReal .span_6_of_12:nth-child(4n+1){margin-left:0%}
	
	.max-width.section{max-width:700px;}

	
	
}


@media only screen and (max-width: 560px) {
	
	.navSection li.col{margin:10px 0}
	.navSection li.col.span_3_of_12{width:100%;}
	
	footer .col.span_6_of_12{width:48.5%}
	footer .col.span_3_of_12, footer .col.span_6_of_12.footMenu{width:100%;margin:10px 0}	
	
	
	.partenaire .span_2_of_12{width: 22.75%;}
	.partenaire .span_2_of_12:nth-child(4n+1){margin-left:0%}
	.partenaire .span_2_of_12:nth-child(6n+1){margin-left:0%}
	
	
}



/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	
	.col {  margin: 1% 0 1% 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 {width: 100%;}
	
	.realGrid .span_4_of_12 {width: 100%;}
	.realGrid .col.span_4_of_12:nth-child(3n+1) {margin-left:0%}
	.realGrid .col.span_4_of_12:nth-child(4n+1) {margin-left:0%}
	.realGrid .col.span_4_of_12:nth-child(2n+1) {margin-left:0%}
	
	.thumbReal .span_6_of_12{width: 48.5%;}
	.thumbReal .span_6_of_12:nth-child(2n+1){margin-left:0%}
	.thumbReal .span_6_of_12:nth-child(4n+1){margin-left:0%}
	
	
	.partenaire .span_2_of_12{width: 48.5%;}
	.partenaire .span_2_of_12:nth-child(2n+1){margin-left:0%}
	.partenaire .span_2_of_12:nth-child(4n+1){margin-left:0%}
	.partenaire .span_2_of_12:nth-child(6n+1){margin-left:0%}
	
	
	.client .span_3_of_12{width:48.5%;}
	#section-equipe .client .span_3_of_12:nth-child(2n+1){margin-left:0px}
	#section-equipe .client .col{ margin: 1% 0 1% 3%;}
	
	#section-equipe .group_de_2{clear:both;}

}
