/* Animation BG - Debut */

body {
	/*To hide the horizontal scroller appearing during the animation*/
	overflow-x: hidden;
}

/*Time to finalise the fish shape*/
.fish {
	position: absolute; 
}

/*Fish 1*/
.x1 {
	background-image: url(../img/poisson.png);
	top:670px;
	left:-100px;
	width: 100px; height: 80px;
	-webkit-animation: movefishs 15s linear 15s 2;
	animation: movefishs 15s linear 15s 2;
	z-index:-1;
}

@-webkit-keyframes movefishs {
	0% {margin-left: -200px;}
	100% {margin-left: 1800px;}
}
@keyframes movefishs {
	0% {margin-left: -200px;}
	100% {margin-left: 1800px;}
}

/*Fish 2*/
.x2 {
	background-image: url(../img/poisson_02.png);
	top:660px;
	left:-100px;
	width: 120px; height: 96px;
	-webkit-animation: movefishs2 10s linear 10s 1;
	animation: movefishs2 10s linear 10s 1;
	z-index:-1;
}

@-webkit-keyframes movefishs2 {
	0% {margin-left: 1800px;}
	100% {margin-left: -200px;}
}
@keyframes movefishs2 {
	0% {margin-left: 1800px;}
	100% {margin-left: -200px;}
}

/* Animation BG - Fin */

body{
	background-color: #97EEFF;
	background-image: url(../img/background_titounis.jpg);
	background-size: 1858px 1235px;
}