/* model -------------------------------
POINTS DE RUPTURE DU REPONSIVE
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; */ /* si FLOAT */
}
.wrap{
	width:80%;
	margin:0 auto;
	/* overflow:hidden; */ /* si FLOAT */
	min-width: 320px;
	max-width: 2560px;
}
.vue{
	width:100%;
	/*min-height:55%;*/
	/*min-height:100%; */
	background-size:cover;
}
.flexContainer{
	-webkit-display:flex; /* safari chrome */
	-moz-display:flex; /* firefox */
	-ms-display:flex; /* microsoft */
	display:flex;
}
.responsiveContainer{
	-webkit-display:flex; /* safari chrome */
	-moz-display:flex; /* firefox */
	-ms-display:flex; /* microsoft */
	display:flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	align-content: flex-start;
}
.rc-spacebetween{
	justify-content: space-between;
}
.flexEnd{
		justify-content: flex-end;
}
.flexRight {
	justify-content: right;
}
/* ---------------------------------
MODEL 12 COLONNES 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%;
}
/* ---------------------------------
MODEL 12 COLONNES SANS GOUTTIERES 
-----------------------------------*/
.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:41.666%;
}
.xl-4{
	width:33.333%;
}
.xl-3{
	width:25%;
}
.xl-2{
	width:16.666%;
}
.xl-1{
	width:8.333%;
}
/* PARTIE RESPONSIVE */
/*
xl 	max-width:2560px;
l   max-width:1920px;
m   max-width:1280px;  
s   max-width:1024px;
xs  max-width:768px;
*/
@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ères */
		.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:41.666%;
		}
		.l-4{
			width:33.333%;
		}
		.l-3{
			width:25%;
		}
		.l-2{
			width:16.666%;
		}
		.l-1{
			width:8.333%;
		}
	} /* FIN media */
/* */
@media screen and (max-width:1280px){
		.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ères */
		.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:41.666%;
		}
		.m-4{
			width:33.333%;
		}
		.m-3{
			width:25%;
		}
		.m-2{
			width:16.666%;
		}
		.m-1{
			width:8.333%;
		}		
	} /* FIN media */
/* */
@media screen and (max-width:1024px){
		.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ères */
		.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:41.666%;
		}
		.s-4{
			width:33.333%;
		}
		.s-3{
			width:25%;
		}
		.s-2{
			width:16.666%;
		}
		.s-1{
			width:8.333%;
		}	
	} /* FIN media */
/* */
@media screen and (max-width:768px){
		.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ères */
		.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:41.666%;
		}
		.xs-4{
			width:33.333%;
		}
		.xs-3{
			width:25%;
		}
		.xs-2{
			width:16.666%;
		}
		.xs-1{
			width:8.333%;
		}		
	} /* FIN media */

/* */