﻿/* MENU */
@keyframes anim-menu100-on			{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:30px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:100px;	}	}
@keyframes anim-menu100-on			{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:30px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:100px;	}	}
@-webkit-keyframes anim-menu100-off	{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:100px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:90px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:40px;	top:0px;	}
										100%{															top:0px;	}	}
@keyframes anim-menu100-off			{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:100px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:90px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:40px;	top:0px;	}
										100%{															top:0px;	}	}
@keyframes anim-menu70-on			{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:20px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:70px;	}	}
@-webkit-keyframes anim-menu70-on	{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:20px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:70px;	}	}
@keyframes anim-menu70-off			{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:70px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:65px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:30px;	top:0px;	}
										100%{															top:0px;	}	}
@-webkit-keyframes anim-menu70-off	{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:70px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:65px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:30px;	top:0px;	}
										100%{															top:0px;	}	}
@keyframes anim-menu40-on			{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:10px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:40px;	}	}
@-webkit-keyframes anim-menu40-on	{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:10px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:40px;	}	}
@keyframes anim-menu40-off			{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:40px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:35px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:25px;	top:0px;	}
										100%{															top:0px;	}	}
@-webkit-keyframes anim-menu40-off	{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:40px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:35px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:25px;	top:0px;	}
										100%{															top:0px;	}	}
@keyframes anim-menu20-on			{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:5px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:20px;	}	}
@-webkit-keyframes anim-menu20-on	{	0%	{	opacity:0;	filter:alpha(opacity=0);	height:0px;		}
										20%	{	opacity:0;	filter:alpha(opacity=0);	height:5px;	}
										40%	{	opacity:.2;	filter:alpha(opacity=20);	height:20px;	}	}
@keyframes anim-menu20-off			{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:20px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:15px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:10px;	top:0px;	}
										100%{															top:0px;	}	}
@-webkit-keyframes anim-menu20-off	{	0%	{	opacity:1;	filter:alpha(opacity=100);	height:20px;	top:0px;	}
										50%	{	opacity:.2;	filter:alpha(opacity=20);	height:15px;	top:0px;	}
										75%	{	opacity:0;	filter:alpha(opacity=0);	height:10px;	top:0px;	}
										100%{															top:0px;	}	}
/* TITRE */
@keyframes anim-titleA			{	0%	{	top:-200px;	transform:rotate(-7deg);	-webkit-transform:rotate(-7deg);	}
									80%	{	top:0px;	transform:rotate(-7deg);	-webkit-transform:rotate(-7deg);	}	}
@-webkit-keyframes anim-titleA	{	0%	{	top:-200px;	transform:rotate(-7deg);	-webkit-transform:rotate(-7deg);	}
									80%	{	top:0px;	transform:rotate(-7deg);	-webkit-transform:rotate(-7deg);	}	}
@keyframes anim-titleB			{	0%	{	top:-200px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									50%	{	top:-200px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									60%	{	top:-20px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									65%	{	top:0px;	left:160px;		transform:rotate(10deg);	-webkit-transform:rotate(10deg);	}
									75%	{	top:0px;	left:165px;		transform:rotate(9deg);		-webkit-transform:rotate(9deg);		}
									80%	{	top:0px;	left:165px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									90%	{	top:0px;	left:172.5px;	transform:rotate(5deg);		-webkit-transform:rotate(5deg);		}	}
@-webkit-keyframes anim-titleB	{	0%	{	top:-200px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									50%	{	top:-200px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									60%	{	top:-20px;	left:160px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									65%	{	top:0px;	left:160px;		transform:rotate(10deg);	-webkit-transform:rotate(10deg);	}
									75%	{	top:0px;	left:165px;		transform:rotate(9deg);		-webkit-transform:rotate(9deg);		}
									80%	{	top:0px;	left:165px;		transform:rotate(0deg);		-webkit-transform:rotate(0deg);		}
									90%	{	top:0px;	left:172.5px;	transform:rotate(5deg);		-webkit-transform:rotate(5deg);		}	}
@keyframes anim-titleC 			{	0%	{	top:-100px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									40%	{	top:-100px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									60%	{	top:0px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									80%	{	top:0px;	transform:rotate(75deg);	-webkit-transform:rotate(75deg);	}
									90%	{	top:0px;	transform:rotate(50deg);	-webkit-transform:rotate(50deg);	}	}
@-webkit-keyframes anim-titleC {	0%	{	top:-100px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									40%	{	top:-100px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									60%	{	top:0px;	transform:rotate(90deg);	-webkit-transform:rotate(90deg);	}
									80%	{	top:0px;	transform:rotate(75deg);	-webkit-transform:rotate(75deg);	}
									90%	{	top:0px;	transform:rotate(50deg);	-webkit-transform:rotate(50deg);	}	}
/* PAGES */
@keyframes anim-app							{	0%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@-webkit-keyframes anim-app					{	0%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@keyframes anim-wait30-app					{	0%	{	opacity:0;	filter:alpha(opacity=0);	}
												30%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@-webkit-keyframes anim-wait30-app			{	0%	{	opacity:0;	filter:alpha(opacity=0);	}
												30%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@keyframes anim-app-left200 				{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}	}
@-webkit-keyframes anim-app-left200			{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}	}
@keyframes anim-wait25-app-left200 			{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}
												25%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}	}
@-webkit-keyframes anim-wait25-app-left200	{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}
												25%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-200px;	margin-right:200px;		}	}
@keyframes anim-app-left500 				{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-500px;	margin-right:500px;		}	}
@-webkit-keyframes anim-app-left500			{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:-500px;	margin-right:500px;		}	}
@keyframes anim-app-right100 				{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:100px;	margin-right:-100px;	}	}
@-webkit-keyframes anim-app-right100		{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:100px;	margin-right:-100px;	}	}
@keyframes anim-app-right200				{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:200px;	margin-right:-200px;	}	}
@-webkit-keyframes anim-app-right200		{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-left:200px;	margin-right:-200px;	}	}
@keyframes anim-app-bottom50 				{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}	}
@-webkit-keyframes anim-app-bottom50		{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}	}
@keyframes anim-wait25-app-bottom50 		{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}
												25%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}	}
@-webkit-keyframes anim-wait25-app-bottom50	{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}
												25%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:50px;	margin-bottom:-50px;	}	}
@keyframes anim-app-up100 					{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:-100px;	margin-bottom:100px;	}	}
@-webkit-keyframes anim-app-up100			{	0%	{	opacity:0;	filter:alpha(opacity=0);	margin-top:-100px;	margin-bottom:100px;	}	}
@keyframes anim-clign 						{	0%	{	opacity:1;	filter:alpha(opacity=100);	}
												10%	{	opacity:0;	filter:alpha(opacity=0);	}
												30%	{	opacity:1;	filter:alpha(opacity=100);	}
												40%	{	opacity:0;	filter:alpha(opacity=0);	}
												70%	{	opacity:.5;	filter:alpha(opacity=50);	}
												80%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@-webkit-keyframes anim-clign 				{	0%	{	opacity:1;	filter:alpha(opacity=100);	}
												10%	{	opacity:0;	filter:alpha(opacity=0);	}
												30%	{	opacity:1;	filter:alpha(opacity=100);	}
												40%	{	opacity:0;	filter:alpha(opacity=0);	}
												70%	{	opacity:.5;	filter:alpha(opacity=50);	}
												80%	{	opacity:0;	filter:alpha(opacity=0);	}	}
@keyframes anim-up600						{	0%	{	top:-600px;	}	}
@-webkit-keyframes anim-up600				{	0%	{	top:-600px;	}	}
@keyframes anim-wait50-up600				{	0%	{	top:-600px;	}
												50%	{	top:-600px;	}	}
@-webkit-keyframes anim-wait50-up600		{	0%	{	top:-600px;	}
												50%	{	top:-600px;	}	}
@keyframes anim-wait50-up250				{	0%	{	top:-250px;	}
												50%	{	top:-250px;	}	}
@-webkit-keyframes anim-wait50-up250		{	0%	{	top:-250px;	}
												50%	{	top:-250px;	}	}