#shape-left{
	width: 0;
	height: 0;
	border-bottom: 200vh solid #005179;
	border-right: 50vw solid transparent;
	
	/*background: url(pics/nav_bg.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	position:absolute;
	bottom:0;
	left:0;
	box-shadow: 4px 0 8px 0 rgba(0, 0, 0, 0.2);
	transition: left 2s ease;
}

#shape-right{
	width: 0;
	height: 0;
	border-bottom: 200vh solid #005179;
	border-left: 50vw solid transparent;
	
	/*background: url(pics/nav_bg.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	
	position:absolute;
	bottom:0;
	right:-50vw; /*show = 0; hide = -50vw*/
	box-shadow: -4px 0 8px 0 rgba(0, 0, 0, 0.2);
	transition: right 2s ease;
}

#couverture{
	width:100%;
	background:#28B5E0;
	height:70vh;
	display:block;
	position:relative;
	overflow:hidden;
}

#cover-text{
	position:absolute;
	top:0;
	left:4vw;
	width:50vw;
	height:100%;
	transition: all 1.5s ease;
}
.cover-text-shadow{
	background:rgba(0,0,0,0.45);
	border-radius:12px;
	padding:40px 30px;
	position:absolute;
	top:20%;
}

#cover-text h3{color:#fff}
#cover-text p{color:#dedede; font-size:19px}		

.cover-image{
	height:100%;width:100%;
	left:-100vw;
	right:0;
	top:0;
	position:absolute;	
	transition: all 2s ease;
}		

#serv1_img, #serv2_img, #serv3_img{top:25px}
#serv1_body h5, #serv1_body p{color: #005179; transition: color 3s}
#serv2_body h5, #serv2_body p{color: #005179; transition: color 3s}
#serv3_body h5, #serv3_body p{color: #005179; transition: color 3s}

@media(max-width:700px){
	#cover-text{
		width:80vw;
	}
	#cover-text p{font-size:15px; text-align:justify}
	.section1_block{padding:0 30px;}
}
@media(max-width:400px){
	#cover-text p{font-size:13px}
	.cover-text-shadow{
		top:10%;
	}
}