* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.container {
	margin: 0 auto;
	padding-left: .9375em;
	padding-right: .9375em;
}

.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-left: -0.9375em;
	margin-right: -0.9375em;	
}

.row > * {
	float: left;
	width: 100%;
	padding-left: .9375em;
	padding-right: .9375em;
}

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

img, video {
	width: auto;
	max-width: 100%;
	height: auto;
}


/* Taille XS */
	.col_1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%; max-width: 8.33333%;}
	.col_2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col_3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;}
	.col_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.offset_0 { margin-left: 0%; }
	.offset_1 { margin-left: 8.33333%; }
	.offset_2 { margin-left: 16.66667%; }
	.offset_3 { margin-left: 25%; }
	.offset_4 { margin-left: 33.33333%; }
	.offset_5 { margin-left: 41.66667%; }
	.offset_6 { margin-left: 50%; }
	.offset_7 { margin-left: 58.33333%; }
	.offset_8 { margin-left: 66.66667%; } 
	.offset_9 {margin-left: 75%;}
	.offset_10 {margin-left: 83.33333%;}
	.offset_11 {margin-left: 91.66667%;}

/* Taille SM */
@media (min-width: 36em) {
	.container {
		width: 33.75em;
	}
	.col_sm_1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%; max-width: 8.33333%;}
	.col_sm_2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col_sm_3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;}
	.col_sm_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col_sm_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col_sm_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col_sm_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col_sm_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col_sm_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col_sm_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col_sm_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col_sm_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.offset_sm_0 { margin-left: 0%; }
	.offset_sm_1 { margin-left: 8.33333%; }
	.offset_sm_2 { margin-left: 16.66667%; }
	.offset_sm_3 { margin-left: 25%; }
	.offset_sm_4 { margin-left: 33.33333%; }
	.offset_sm_5 { margin-left: 41.66667%; }
	.offset_sm_6 { margin-left: 50%; }
	.offset_sm_7 { margin-left: 58.33333%; }
	.offset_sm_8 { margin-left: 66.66667%; } 
	.offset_sm_9 {margin-left: 75%;}
	.offset_sm_10 {margin-left: 83.33333%;}
	.offset_sm_11 {margin-left: 91.66667%;}
}
/* Taille MD */
@media (min-width: 48em) {
	.container {
		width: 45em;
	}
	.col_md_1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%; max-width: 8.33333%;}
	.col_md_2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col_md_3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;}
	.col_md_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col_md_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col_md_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col_md_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col_md_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col_md_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col_md_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col_md_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col_md_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.offset_md_0 { margin-left: 0%; }
	.offset_md_1 { margin-left: 8.33333%; }
	.offset_md_2 { margin-left: 16.66667%; }
	.offset_md_3 { margin-left: 25%; }
	.offset_md_4 { margin-left: 33.33333%; }
	.offset_md_5 { margin-left: 41.66667%; }
	.offset_md_6 { margin-left: 50%; }
	.offset_md_7 { margin-left: 58.33333%; }
	.offset_md_8 { margin-left: 66.66667%; } 
	.offset_md_9 {margin-left: 75%;}
	.offset_md_10 {margin-left: 83.33333%;}
	.offset_md_11 {margin-left: 91.66667%;}
}

/* Taille LG */
@media (min-width: 62em) {
	.container {
		width: 60em;
	}
	.col_lg_1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%; max-width: 8.33333%;}
	.col_lg_2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col_lg_3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;}
	.col_lg_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col_lg_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col_lg_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col_lg_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col_lg_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col_lg_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col_lg_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col_lg_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col_lg_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.offset_lg_0 { margin-left: 0%; }
	.offset_lg_1 { margin-left: 8.33333%; }
	.offset_lg_2 { margin-left: 16.66667%; }
	.offset_lg_3 { margin-left: 25%; }
	.offset_lg_4 { margin-left: 33.33333%; }
	.offset_lg_5 { margin-left: 41.66667%; }
	.offset_lg_6 { margin-left: 50%; }
	.offset_lg_7 { margin-left: 58.33333%; }
	.offset_lg_8 { margin-left: 66.66667%; } 
	.offset_lg_9 {margin-left: 75%;}
	.offset_lg_10 {margin-left: 83.33333%;}
	.offset_lg_11 {margin-left: 91.66667%;}
}

/* Taille XL */
@media (min-width: 75em) {
	.container {
		width: 71.25em;
	}
	.col_xl_1 {-webkit-box-flex: 0;-ms-flex: 0 0 8.33333%;flex: 0 0 8.33333%; max-width: 8.33333%;}
	.col_xl_2 {-webkit-box-flex: 0;-ms-flex: 0 0 16.66667%;flex: 0 0 16.66667%; max-width: 16.66667%;}
	.col_xl_3 {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%; max-width: 25%;}
	.col_xl_4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
	.col_xl_5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
	.col_xl_6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.col_xl_7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
	.col_xl_8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
	.col_xl_9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
	.col_xl_10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
	.col_xl_11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
	.col_xl_12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.offset_xl_0 { margin-left: 0%; }
	.offset_xl_1 { margin-left: 8.33333%; }
	.offset_xl_2 { margin-left: 16.66667%; }
	.offset_xl_3 { margin-left: 25%; }
	.offset_xl_4 { margin-left: 33.33333%; }
	.offset_xl_5 { margin-left: 41.66667%; }
	.offset_xl_6 { margin-left: 50%; }
	.offset_xl_7 { margin-left: 58.33333%; }
	.offset_xl_8 { margin-left: 66.66667%; } 
	.offset_xl_9 {margin-left: 75%;}
	.offset_xl_10 {margin-left: 83.33333%;}
	.offset_xl_11 {margin-left: 91.66667%;}
}