/*---------------------------------------------------
xl 		max-width:2560px;
l 		max-width:1920px;
m 		max-width:1280px;
s 		max-width:1024px;
xs 		max-width:768px;
---------------------------------------------------*/
.row {
	width: 100%;
	/*clear:both;*/
}

.wrap {
	width:90%;
	margin: 0 auto;
	min-width: 320px;
	max-width: 2560px;
	/*overflow:hidden;*/
}
.vue {
	width: 100%;
	min-height: 100%;
	background-size: cover;
}

.fc {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	display: flex;
}

.rc {
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: flex-start;
}

/*---------------------------------------------------
MODELE 12 COL, AVEC GOUTTIERES
---------------------------------------------------*/
.xlg-12 {
	width: 100%;
}
.xlg-11 {
	width: 91.5%;
}
.xlg-10 {
	width: 83%;
}
.xlg-9 {
	width: 74.5%;
}
.xlg-8 {
	width: 66%;
}
.xlg-7 {
	width: 57.5%;
}
.xlg-6 {
	width: 49%;
}
.xlg-5 {
	width: 40.5%;
}
.xlg-4 {
	width: 32%;
}
.xlg-3 {
	width: 23.5%;
}
.xlg-2 {
	width: 15%;
}
.xlg-1 {
	width: 6.5%;
}

/*---------------------------------------------------
MODELE 12 COL, SANS GOUTTIERE
---------------------------------------------------*/
.xl-12 {
	width: 100%;
}
.xl-11 {
	width: 91.666%;
}
.xl-10 {
	width: 83.333%;
}
.xl-9 {
	width: 75%;
}
.xl-8 {
	width: 66.666%;
}
.xl-7 {
	width: 58.333%;
}
.xl-6 {
	width: 50%;
}
.xl-5 {
	width: 40.5%;
}
.xl-4 {
	width: 33.333%;
}
.xl-3 {
	width: 25%;
}
.xl-2 {
	width: 16.666%;
}
.xl-1 {
	width: 8.333%;
}


/*---------------------------------------------------
RESPONSIVE
---------------------------------------------------*/
@media screen and (max-width:1920px) {
	/*Avec gouttières*/
	.lg-12 {
		width: 100%;
	}
	.lg-11 {
		width: 91.5%;
	}
	.lg-10 {
		width: 83%;
	}
	.lg-9 {
		width: 74.5%;
	}
	.lg-8 {
		width: 66%;
	}
	.lg-7 {
		width: 57.5%;
	}
	.lg-6 {
		width: 49%;
	}
	.lg-5 {
		width: 40.5%;
	}
	.lg-4 {
		width: 32%;
	}
	.lg-3 {
		width: 23.5%;
	}
	.lg-2 {
		width: 15%;
	}
	.lg-1 {
		width: 6.5%;
	}

	/*Sans gouttière*/
	.l-12 {
		width: 100%;
	}
	.l-11 {
		width: 91.666%;
	}
	.l-10 {
		width: 83.333%;
	}
	.l-9 {
		width: 75%;
	}
	.l-8 {
		width: 66.666%;
	}
	.l-7 {
		width: 58.333%;
	}
	.l-6 {
		width: 50%;
	}
	.l-5 {
		width: 40.5%;
	}
	.l-4 {
		width: 33.333%;
	}
	.l-3 {
		width: 25%;
	}
	.l-2 {
		width: 16.666%;
	}
	.l-1 {
		width: 8.333%;
	}	
}

@media screen and (max-width:1280px) {
	/*Avec gouttières*/
	.mg-12 {
		width: 100%;
	}
	.mg-11 {
		width: 91.5%;
	}
	.mg-10 {
		width: 83%;
	}
	.mg-9 {
		width: 74.5%;
	}
	.mg-8 {
		width: 66%;
	}
	.mg-7 {
		width: 57.5%;
	}
	.mg-6 {
		width: 49%;
	}
	.mg-5 {
		width: 40.5%;
	}
	.mg-4 {
		width: 32%;
	}
	.mg-3 {
		width: 23.5%;
	}
	.mg-2 {
		width: 15%;
	}
	.mg-1 {
		width: 6.5%;
	}

	/*Sans gouttière*/
	.m-12 {
		width: 100%;
	}
	.m-11 {
		width: 91.666%;
	}
	.m-10 {
		width: 83.333%;
	}
	.m-9 {
		width: 75%;
	}
	.m-8 {
		width: 66.666%;
	}
	.m-7 {
		width: 58.333%;
	}
	.m-6 {
		width: 50%;
	}
	.m-5 {
		width: 40.5%;
	}
	.m-4 {
		width: 33.333%;
	}
	.m-3 {
		width: 25%;
	}
	.m-2 {
		width: 16.666%;
	}
	.m-1 {
		width: 8.333%;
	}
}

@media screen and (max-width:1024px) {
	/*Avec gouttières*/
	.sg-12 {
		width: 100%;
	}
	.sg-11 {
		width: 91.5%;
	}
	.sg-10 {
		width: 83%;
	}
	.sg-9 {
		width: 74.5%;
	}
	.sg-8 {
		width: 66%;
	}
	.sg-7 {
		width: 57.5%;
	}
	.sg-6 {
		width: 49%;
	}
	.sg-5 {
		width: 40.5%;
	}
	.sg-4 {
		width: 32%;
	}
	.sg-3 {
		width: 23.5%;
	}
	.sg-2 {
		width: 15%;
	}
	.sg-1 {
		width: 6.5%;
	}

	/*Sans gouttière*/
	.s-12 {
		width: 100%;
	}
	.s-11 {
		width: 91.666%;
	}
	.s-10 {
		width: 83.333%;
	}
	.s-9 {
		width: 75%;
	}
	.s-8 {
		width: 66.666%;
	}
	.s-7 {
		width: 58.333%;
	}
	.s-6 {
		width: 50%;
	}
	.s-5 {
		width: 40.5%;
	}
	.s-4 {
		width: 33.333%;
	}
	.s-3 {
		width: 25%;
	}
	.s-2 {
		width: 16.666%;
	}
	.s-1 {
		width: 8.333%;
	}
}

@media screen and (max-width:768px) {
	/*Avec gouttières*/
	.xsg-12 {
		width: 100%;
	}
	.xsg-11 {
		width: 91.5%;
	}
	.xsg-10 {
		width: 83%;
	}
	.xsg-9 {
		width: 74.5%;
	}
	.xsg-8 {
		width: 66%;
	}
	.xsg-7 {
		width: 57.5%;
	}
	.xsg-6 {
		width: 49%;
	}
	.xsg-5 {
		width: 40.5%;
	}
	.xsg-4 {
		width: 32%;
	}
	.xsg-3 {
		width: 23.5%;
	}
	.xsg-2 {
		width: 15%;
	}
	.xsg-1 {
		width: 6.5%;
	}

	/*Sans gouttière*/
	.xs-12 {
		width: 100%;
	}
	.xs-11 {
		width: 91.666%;
	}
	.xs-10 {
		width: 83.333%;
	}
	.xs-9 {
		width: 75%;
	}
	.xs-8 {
		width: 66.666%;
	}
	.xs-7 {
		width: 58.333%;
	}
	.xs-6 {
		width: 50%;
	}
	.xs-5 {
		width: 40.5%;
	}
	.xs-4 {
		width: 33.333%;
	}
	.xs-3 {
		width: 25%;
	}
	.xs-2 {
		width: 16.666%;
	}
	.xs-1 {
		width: 8.333%;
	}
}