@font-face {
	font-family:'LeagueGothic';
	font-style:normal;
	font-weight:400;
	src:url(../CSS/LeagueGothic-Regular.otf) format("opentype");
}

#canvas_holder {
	margin:0 auto;
	width:1000px;
	height:650px;
	background:#FFF;
}

body,html {
	background:#000;
	top:0;
	margin:0;
	padding:0;
	overflow:hidden;
}

#wrapanim {
	position:absolute;
	height:650px;
	width:1000px;
	left:50%;
	top:50%;
	margin-top:-325px;
	margin-left:-500px;
/*
	background-color:blue;
*/
	z-index:10;
}

#wrapgame {
	position:absolute;
	height:650px;
	width:1000px;
	left:50%;
	top:50%;
	margin-top:-325px;
	margin-left:-500px;
/*
	background-color:blue;
*/
	z-index:10;
}

#flash {
	z-index:11;
}

.skip {
	height:30px;
	width:30px;
	background-color:#000;
	opacity:.2;
	top:10px;
	left:960px;
	position:absolute;
	z-index:11;
	font-size:15pt;
	text-align:center;
	text-decoration:none;
	font-weight:400;
	letter-spacing:1px;
	font-family:"Arial",normal;
	line-height:30px;
	color:#fff;
	border-radius:3px;
	z-index:12;
	background-image: url(../images/cross.png);
}

.skip:hover {
	text-decoration:none;
	opacity:1;
}

#wrap {
	position:absolute;
	height:650px;
	width:1000px;
	background-image:url(../images/background.png);
	z-index:1;
	left:50%;
	top:50%;
	margin-top:-325px;
	margin-left:-500px;
}

#banner {
	margin-top:-10px;
	width:1000px;
/* background-color:#ff0; */
	height:200px;
/* top:1000px; */
	position:relative;
	z-index:2;
	overflow:hidden;
}

#younion {
	left:-1000px;
	height:200px;
	width:490px;
	position:relative;
	z-index:3;
	background-image:url(../images/younion.png);
	float:left;
}

#separateur {
	display:none;
	left:490px;
	height:200px;
	width:20px;
	float:left;
	z-index:4;
	background-image:url(../images/sep.png);
}

#makeus {
	height:200px;
	width:490px;
	position:relative;
	z-index:3;
	background:url(../images/makeus.png);
	left:1000px;
}

#menu {
	height:50px;
	width:100%;
	top:0;
	margin-top:150px;
	z-index:2;
	position:relative;
/* background:#fff; */
	font-size:0;
	border-radius:20px 20px 0 0;
	padding-bottom:15px;
	display:none;
	background-color:#000;
	opacity:.8;
}

#main {
	height:0;
	width:1000px;
/* margin-top:15px; */
	position:relative;
	z-index:2;
/* background-color:blue; */
	background-color:#000;
	overflow:hidden;
	opacity:.8;
}

.main {
	height:335px;
	overflow-y:auto;
	background-color:#a6a6a6;
}

.submenus {
	height:335px;
	width:285px;
	margin-top:0;
	position:absolute;
/* background-color:#f0f; */
}

.content {
	height:293px;
	width:619px;
	position:absolute;
	z-index:3;
	left:1300px;
	overflow:hidden;
/* background-color:#f0f; */
	top:0;
	font-family:'LeagueGothic',normal;
	letter-spacing:2px;
	background-color:#fff;
	border-radius:20px 0 0 20px;
	padding:20px;
	opacity:.8;
}

.content,h1 {
	font-size:25px;
	text-align:center;
	text-decoration:overline underline;
	text-transform:none;
	font-weight:400;
	padding-left:40px;
	padding-right:40px;
}

.content,p {
	font-size:12pt;
	text-align:justify;
	text-decoration:none;
	font-weight:400;
	letter-spacing:1px;
	padding-left:40px;
	padding-right:40px;
}

.bloc {
	height:335px;
	overflow-y:auto;
}

#footer {
	line-height:20px;
	z-index:2;
	padding-top:10px;
	height:20px;
	width:100%;
	position:relative;
	background-color:#000;
	display:none;
	color:#000;
	text-align:center;
	font-size:smaller;
	letter-spacing:2px;
	font-family:'LeagueGothic',normal;
	border-radius:0 0 20px 20px;
	opacity:.8;
}

/*MENUS*/
.menu {
	width:200px;
	line-height:50px;
	margin:0;
	display:inline-block;
	font-family:'LeagueGothic',normal;
	letter-spacing:4px;
	font-variant:small-caps;
	font-size:25px;
	text-align:center;
	color:#fff;
}

.menu:hover {
	background-color:#6420be;
}

#accueil {
	left:0;
	position:absolute;
	display:none;
	z-index:5;
	border-radius:20px 0 0 0;
}

#equipe {
	left:200px;
	position:absolute;
	display:none;
	z-index:5;
}

#missions {
	left:400px;
	position:absolute;
	display:none;
	z-index:5;
}

#jeu {
	left:600px;
	position:absolute;
	display:none;
	z-index:5;
}

#contact {
	left:800px;
	position:absolute;
	display:none;
	z-index:5;
	border-radius:0 20px 0 0;
}

/*SOUS MENUS*/
.submenu {
	height:72.5px;
	width:100%;
	position:relative;
	z-index:5;
	text-align:center;
	line-height:72.5px;
	left:-300px;
	color:#fff;
	background-color:#fff;
	border-radius:0 20px 20px 0;
	margin-bottom:15px;
	font-family:'LeagueGothic',normal;
	letter-spacing:4px;
	font-size:20px;
	color:#000;
}

.submenu:hover {
	background-color:#6420be;
	color:#fff;
}

#content-accueil {
	z-index:5;
}

#content-equipe {
	z-index:4;
}

#content-missions {
	z-index:3;
}

#content-jeu {
	z-index:2;
}