.grid-wrapper{
	max-width: 100%;
	margin: auto;
}
.grid12{
	display: inline-block;
}
.grid12{
	vertical-align: top;
}
.center{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.flexrow{
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: inline-flex;

}
.flexcolumn{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}
.reverse{
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}
.sect{
	height: 100vh;
}

/*grid sans les margin retiré
.grid-wrapper .grid12.x1{width: 8.33333333333%}
.grid-wrapper .grid12.x2{width: 16.6666666666%}
.grid-wrapper .grid12.x3{width: 25%}
.grid-wrapper .grid12.x4{width: 33.3333333333%}
.grid-wrapper .grid12.x5{width: 41.6666666666%}
.grid-wrapper .grid12.x6{width: 50%}
.grid-wrapper .grid12.x7{width: 58.3333333333%}
.grid-wrapper .grid12.x8{width: 66.6666666666%}
.grid-wrapper .grid12.x9{width: 75%}
.grid-wrapper .grid12.x10{width: 83.333333333%}
.grid-wrapper .grid12.x11{width: 91.666666666%}
.grid-wrapper .grid12.x12{width: 100%}*/


.grid-wrapper .grid12.xl1{width: 7.33333333333%;}
.grid-wrapper .grid12.xl2{width: 15.6666666666%;}
.grid-wrapper .grid12.xl3{width: 24%;}
.grid-wrapper .grid12.xl4{width: 32.3333333333%;}
.grid-wrapper .grid12.xl5{width: 40.6666666666%;}
.grid-wrapper .grid12.xl6{width: 49%;}
.grid-wrapper .grid12.xl7{width: 57.3333333333%;}
.grid-wrapper .grid12.xl8{width: 65.6666666666%;}
.grid-wrapper .grid12.xl9{width: 74%;}
.grid-wrapper .grid12.xl10{width: 82.333333333%;}
.grid-wrapper .grid12.xl11{width: 90.666666666%;}
.grid-wrapper .grid12.xl12{width: 100%; padding: 1%}


@media screen and (max-width: 1440px){
	.grid-wrapper .grid12.l1{width: 7.33333333333%;}
	.grid-wrapper .grid12.l2{width: 15.6666666666%;}
	.grid-wrapper .grid12.l3{width: 24%;}
	.grid-wrapper .grid12.l4{width: 32.3333333333%;}
	.grid-wrapper .grid12.l5{width: 40.6666666666%;}
	.grid-wrapper .grid12.l6{width: 49%;}
	.grid-wrapper .grid12.l7{width: 57.3333333333%;}
	.grid-wrapper .grid12.l8{width: 65.6666666666%;}
	.grid-wrapper .grid12.l9{width: 74%;}
	.grid-wrapper .grid12.l10{width: 82.333333333%;}
	.grid-wrapper .grid12.l11{width: 90.666666666%;}
	.grid-wrapper .grid12.l12{width: 100%; padding: 1%}
}

@media screen and (max-width: 1024px){
	.grid-wrapper .grid12.m1{width: 7.33333333333%;}
	.grid-wrapper .grid12.m2{width: 15.6666666666%;}
	.grid-wrapper .grid12.m3{width: 24%;}
	.grid-wrapper .grid12.m4{width: 32.3333333333%;}
	.grid-wrapper .grid12.m5{width: 40.6666666666%;}
	.grid-wrapper .grid12.m6{width: 49%;}
	.grid-wrapper .grid12.m7{width: 57.3333333333%;}
	.grid-wrapper .grid12.m8{width: 65.6666666666%;}
	.grid-wrapper .grid12.m9{width: 74%;}
	.grid-wrapper .grid12.m10{width: 82.333333333%;}
	.grid-wrapper .grid12.m11{width: 90.666666666%;}
	.grid-wrapper .grid12.m12{width: 100%; padding: 2%}
}

@media screen and (max-width: 960px){
	.grid-wrapper .grid12.s1{width: 7.33333333333%;}
	.grid-wrapper .grid12.s2{width: 15.6666666666%;}
	.grid-wrapper .grid12.s3{width: 24%;}
	.grid-wrapper .grid12.s4{width: 32.3333333333%;}
	.grid-wrapper .grid12.s5{width: 40.6666666666%;}
	.grid-wrapper .grid12.s6{width: 49%;}
	.grid-wrapper .grid12.s7{width: 57.3333333333%;}
	.grid-wrapper .grid12.s8{width: 65.6666666666%;}
	.grid-wrapper .grid12.s9{width: 74%;}
	.grid-wrapper .grid12.s10{width: 82.333333333%;}
	.grid-wrapper .grid12.s11{width: 90.666666666%;}
	.grid-wrapper .grid12.s12{width: 100%; padding: 2%}

	.grid-wrapper .grid12.xs12.scenter{text-align: center;}
}

@media screen and (max-width: 768px){
	.grid-wrapper .grid12.xs1{width: 7.33333333333%;}
	.grid-wrapper .grid12.xs2{width: 15.6666666666%;}
	.grid-wrapper .grid12.xs3{width: 24%;}
	.grid-wrapper .grid12.xs4{width: 32.3333333333%;}
	.grid-wrapper .grid12.xs5{width: 40.6666666666%;}
	.grid-wrapper .grid12.xs6{width: 49%;}
	.grid-wrapper .grid12.xs7{width: 57.3333333333%;}
	.grid-wrapper .grid12.xs8{width: 65.6666666666%;}
	.grid-wrapper .grid12.xs9{width: 74%;}
	.grid-wrapper .grid12.xs10{width: 82.333333333%;}
	.grid-wrapper .grid12.xs11{width: 90.666666666%;}
	.grid-wrapper .grid12.xs12{width: 100%; padding: 3%}
}