#page
{
	padding				: 0;
	margin				: 0;
}

#audio
{
	position			: absolute;
	top					: 0;
	right				: 0;
	z-index				: 5;
}

#ecran
{
	position			: fixed;
	top					: 0;
	bottom				: 0;
	left				: 0;
	right				: 0;
	display				: flex;
	align-items			: center;
	justify-content		: center;
	background-image	: url('../img/fondsecransstarwarsvisioconference29.jpg');
  	background-size		: cover;
}

#anim-intro
{
	position			: absolute;
	top					: 0;
	bottom				: 0;
	left				: 0;
	right				: 0;
	display				: flex;
	align-items			: center;
	justify-content		: center;
	opacity				: 0;
	font-family			: Arial;
	font-size			: 40px;
	color				: #58a8c1;
}

#anim-logo
{
	position			: absolute;
	top					: 0;
	bottom				: 0;
	left				: 0;
	right				: 0;
	display				: flex;
	align-items			: center;
	justify-content		: center;
	opacity				: 0;
	font-family			: "Star Wars";
	color				: rgb(252,223,43);
	font-size			: 800px;
	line-height			: 600px;
}

#anim-story
{
	position			: absolute;
	top					: 0;
	bottom				: 0;
	left				: 0;
	right				: 0;
	display				: flex;
	align-items			: center;
	justify-content		: center;
	opacity				: 0;
	color				: rgb(252,223,43);
	font-size			: 30px;
	text-align			: center;
}

#perspective
{
	width				: 100%;
	height				: 100%;
	transform			: perspective(250px) rotateX(35deg);
}

#crawl
{
	z-index				: 10;
	width				: 50%;
	margin				: 0 auto;
	top					: 430px;
	transform			: translate(0px, 700px);
}

.visible
{
	opacity				: 1 !important;
	transition			: opacity 5s linear;
}