@-webkit-keyframes logotransparent
		{
	from{left:376px;}
	to {left:-1000px;}
		}

@-webkit-keyframes animationGauche
		{
	from{left:0px;}
	to {left:-1376px;}
		}

@-webkit-keyframes animationDroite
		{
	from{left:640px;}
	to {left:1640px;}
		}
@-webkit-keyframes rivageCreation
		{
	from{left:794px;}
	to {left:1794px;}
		}


#logotransparent{
	display:block;
    width: 500px;
	height:auto;
	position:absolute;
   		 top: 148px;
   		 left: 376px;
	z-index:11;
	-webkit-animation-name:logotransparent;
	-webkit-animation-duration:2.5s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:forwards;
}

#rivageCreation{
		display:block;
		position:absolute;
  		  top: 454px;
  		  left: 794px;
		font-size:60px;
		color:white;
		line-height:70px;
		letter-spacing:10px;
		z-index:11;
	-webkit-animation-name:rivageCreation;
	-webkit-animation-duration:2.5s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:forwards;
}

#animationGauche{
	display:block;
	position:absolute;
		top:0px;
		left:0px;
	width:50%;
	height:100%;
	background:rgba(0, 154, 227, 1);
	box-shadow:0px -20px 50px rgba(0,0,0,0.5);
	z-index:10;
	-webkit-animation-name:animationGauche;
	-webkit-animation-duration:2.5s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:forwards;
}



#animationDroite{
	display:block;
	position:absolute;
		top:0px;
		left:640px;
	width:50%;
	height:100%;
	background:rgba(0, 154, 227, 1);
	z-index:9;
	-webkit-animation-name:animationDroite;
	-webkit-animation-duration:2.5s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-fill-mode:forwards;

}