@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,300);

body {
	background-color:#252A35;
	color:#FFF;
	font-family: 'Open Sans', sans-serif!important;
	font-size:18px;
}

#logo {
	margin-top:50px;	
}

#logo .img-responsive {
	margin:0 auto;
}

h1 {
	font-size:24px;
	font-weight:400;
	line-height:32px;
}

h2 {
	margin:0 auto;
	padding:0;
	font-weight:700;
}

.no-pad {
	padding:0!important;	
}

a, a:hover {
	color:#FFF;
	text-decoration:none;
}

p a, p a:hover {
	color:#15c1c7;	
}

#projet {
	margin-top:0;
	font-weight:300;
}

#video1 {
	background-image:url(../images/video-1.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video1 {
	background-color:#00cdae;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#video2 {
	background-image:url(../images/video-2.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video2 {
	background-color:#b13d46;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#video3 {
	background-image:url(../images/video-3.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video3 {
	background-color:#a87f8d;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#video4 {
	background-image:url(../images/video-4.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video4 {
	background-color:#c93990;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#video5 {
	background-image:url(../images/video-5.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video5 {
	background-color:#9c9585;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#video6 {
	background-image:url(../images/video-6.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#00cdae;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-video6 {
	background-color:#293a4e;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}


#projet1 {
	background-image:url(../images/projet-1.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#1b2526;
	min-height:430px;
	height:auto;
	cursor:pointer;
}

#img-projet1 {
	background-color:#e6b60e;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#projet2 {
	background-image:url(../images/projet2.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:430px;
	height:auto;
	cursor:pointer;
	
}

#img-projet2 {
	background-color:#1cad93;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#projet3 {
	background-image:url(../images/projet3.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:430px;
	height:auto;
	cursor:pointer;
	
}

#img-projet3 {
	background-color:#e74c3c;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#projet4 {
	background-image:url(../images/projet4.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:430px;
	height:auto;
	cursor:pointer;
	
}

#img-projet4 {
	background-color:#ff7f3b;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#projet5 {
	background-image:url(../images/projet5.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:430px;
	height:auto;
	cursor:pointer;
	
}

#img-projet5 {
	background-color:#f39c12;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}

#projet6 {
	background-image:url(../images/projet6.jpg);
	background-position:bottom center;
	background-size:cover;
	background-repeat:no-repeat;
	min-height:430px;
	height:auto;
	cursor:pointer;
	
}

#img-projet6 {
	background-color:#ca4a8d;
	margin:0 auto;
	opacity: 0;	
	padding:190px 0;	
}