body {
	background:#000;
	font-family: 'Ubuntu', sans-serif;
}
img {
	max-width:100%;
}
#accueil {
	background:url(bg-accueil.jpg) no-repeat center;
	background-size:cover;
	display:flex;
	flex-wrap:wrap;
	align-items:space-between;
}
.logo {
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	padding:150px 0 250px 0;
}
.edito {
	width:100%;
	background:#212121;
	color:#fff;
	font-size:18px;
	text-align:justify;
}
.edito .row {
	position:relative;
}
.edito .col-lg-7 {
	padding:50px 15px;
}
h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
}
.edito .col-lg-4 {
	background:#e40040;
	position:absolute;
	top:-100px;
	padding:50px;
	right:0;
}
#formations {
	padding:100px 0;
}
h2 {
	color:#fff;
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
	margin:0 0 100px 0;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#formations .row:nth-of-type(odd) .col-lg-5 {
	text-align:left;
}
#formations .row:nth-of-type(even) .col-lg-5 {
	text-align:right;
}
#formations .row:nth-of-type(odd) p img {
	margin:0 10px 0 0;
}
#formations .row:nth-of-type(even) p img {
	margin:0 0 0 10px;
}
#formations p {
	color:#fff;
	font-size:18px;
}
#formations p:nth-of-type(2) {
	margin:30px 0 50px 0;
}
#formations .row {
	align-items:center;
	margin-bottom:100px;
}
#formations .row:last-of-type {
	margin-bottom:0;
}
#filles-industrie {
	background:#e40040;
	padding:100px 0;
}
#filles-industrie h2 {
	text-align:center;
	margin-bottom:50px;
}
#filles-industrie p {
	color:#fff;
	font-size:18px;
	text-align:center;
}
#coordonnees {
	padding:0 0 200px 0;
	background:url(bg-coordonnees.jpg) no-repeat center;
	background-size:cover;
}
#coordonnees .row {
	position:relative;
}
#coordonnees .col-lg-5 {
	background:#212121;
	padding:50px;
}
#coordonnees h2 {
	margin-bottom:50px;
}
#coordonnees p {
	color:#fff;
	font-size:18px;
}
footer {
	padding:20px 0;
	color:#fff;
	text-align:center;
}
footer a {
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:991px) {
	.edito .col-lg-4 {
		text-align:center;
		position:initial;
		margin-bottom:50px;
	}

	#formations .col-lg-5 {
		text-align:center !important;
		margin-top:30px !important;
	}
	#formations .row {
		background: #212121;
		padding: 30px 15px;
	}
	#formations .row:nth-of-type(even) .col-lg-6 {
		order:1;
	}
	#formations .row:nth-of-type(even) .col-lg-5 {
		order:2;
	}
	p {
		font-size:35px !important;
	}
}