body {margin:0; padding: 0;}
.header {
	position: relative;
	height:241px;
	width: 1920px;
	max-width: 100%;
	background-size: cover;
	background-image: url('../images/bandeau.png');
}

#maintenance h1 {
	font-family: Arial;
	font-size: 42px;
	color: #fff;
	margin:0;
	padding: 48px;
	text-align: center;
}

#maintenance p {
	font-size: 16px;
	font-family: 'Open sans', sans-serif;
}

#maintenance img {
	height: auto;
	max-width: 100%;
	display: block;
}

#maintenance .container {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 150px;
}

#maintenance .container .intro p {
	text-align: center;
	color: #757575;
}

#maintenance .illu {
	background-color: #f1f1f1;
	border-top: 2px solid #cecece;
}

#maintenance .illu .container {margin-top: -100px;}

#maintenance .rond {
	position: relative;
	width: 25%;
margin: auto;
}

#maintenance .rond img,#maintenance .rond p {
	position: relative;
	margin: 0 auto;
}

#maintenance .rond:before {
	content:"\f00c";
	position: absolute;
	font-family: 'FontAwesome';
	height: 40px;
	width: 40px;
	color: #fff;
	border-radius: 50%;
	background-color: #2ecc71;
	right: 30px;
	top: 20px;
	z-index: 2;
	border: 4px solid #fff;
	display: flex;
   	align-items: center;
   	 justify-content: center;
}

#maintenance .rond.error:before {
	content:"\f00d";
	background-color: #e74c3c;
}

#maintenance .rond:after {
	
	display: block;
	position: absolute;
	width: 79px;
	height: 34px;
	top: 82px;
	right : -39px;

}

#maintenance .rond.error:after {
	content: none;
}

#maintenance .rond p {
	background-color: #2ecc71;
	color: #fff;
	padding: 13px 20px;
	width: 160px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	margin-top: -25px;
	position: relative;
	z-index: 1;
}

#maintenance .rond.error p{
	background: #e74c3c;
}

#maintenance .row {overflow: hidden;}

#maintenance .copyright { padding: 16px; }

#maintenance .copyright .container {
	padding: 5px 0;
	background: #fff;
}

#maintenance .copyright img {
	float: left;
	max-width: 150px;
	margin-right: 10px;
}

#maintenance .copyright p {margin-top: 8px;}
#maintenance .copyright p, .copyright a {font-size: 14px;}
#maintenance .copyright a {color: #0f72b4;}
#maintenance .copyright .content {
	width: 450px;
	max-width: 100%;
	margin: 0 auto;
	overflow: hidden
}

/*RESPONSIVE*/

@media (max-width:1200px) {
	#maintenance .container {width: 991px;}
	#maintenance .rond:after {content:none;}
}

@media (max-width:990px) {
	#maintenance .container {width: 480px}
	#maintenance .rond {width:100%;margin-bottom:50px;}
	#maintenance .rond:before{right: 125px;}
	#maintenance .illu .container {padding-bottom: 25px;}
}

@media (max-width:480px) {
	#maintenance .container{max-width: 100%;}
	#maintenance .copyright img {float: none;margin: 0 auto;}
	#maintenance .copyright {text-align: center;}
	#maintenance .rond:before{right: 50px;}
}