.about {
	width: 100%;
	height: auto;
	max-width: 1290px;
	margin: 0 auto;
	float:none;
}
.concept {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	margin: -60px 0 0;
	padding: 45px 0 45px;
}

.box {
	margin: 10px;
	width: 300px;
	height: 490px;
	text-align: center;
	border-radius: 10px;
	-webkit-transition: 200ms ease-in-out;
	-o-transition: 200ms ease-in-out;
	transition: 200ms ease-in-out;
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
	        box-shadow: 0 0 10px rgba(71, 226, 19, 0.3);
}
.box:hover {
	margin-bottom: -5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7);
	        box-shadow: 0 0 5px rgba(0,0,0,0.7);
}
.box h1 {
	color: #fff;
	padding: 30px;
	margin-top: 100px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	
  	
	background: rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.7);
	        box-shadow: 0 0 15px rgba(0,0,0,0.8);
}

.poster {
	width: 130px;
	height:130px;
	margin: 120px 25% auto;
	position: relative;
	border-radius: 100px;
}
.poster .crash {
	top: 16px;
	color: #fff;
	position: relative;
	font-size: 80px;
	text-align: center;
	font-weight: 100;
  
}
.one {
	background: url('../img/cross-tr.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.two {
	background: url('../img/trx.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.three {
	background: url('../img/hdx.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.five {
	background: url('../img/rpm.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.six {
	background: url('../img/muscl.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.seven {
	background: url('../img/cours-collectifs.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.eight {
	background: url('../img/aqua.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.nine {
	background: url('../img/sona.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* POSTER*/
.p1 {
	
  
  background: url('../img/cross-tr-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #70933e;
	        box-shadow: 0 0 20px #70933e;
  
}

.p2 {
  	background: url('../img/trx-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #000;
	        box-shadow: 0 0 20px #ffe600;
}

.p3 {
	background: url('../img/hdx-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px rgb(235, 248, 253);
	        box-shadow: 0 0 20px rgb(235, 248, 253);
}

.p4 {
	background: url('../img/rpm-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #37abe4;
	        box-shadow: 0 0 20px #37abe4;
}


.p5 {
	background: url('../img/muscl-ico.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px purple;
	        box-shadow: 0 0 20px purple;
}

.p6 {
	background: url('../img/c-c.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #ff7b00;
	        box-shadow: 0 0 20px #ff7b00;
}

.p7 {
	background: url('../img/aqua-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #4291c6;
	        box-shadow: 0 0 20px #4291c6;
}
.p8 {
	background: url('../img/sona-icon.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #ffca7b;
	        box-shadow: 0 0 20px #ffca7b;
}
.p9 {
	background: url('https://source.unsplash.com/898x820');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-box-shadow: 0 0 20px #fa3380;
	        box-shadow: 0 0 20px #fa3380;
}



@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}