/*******************************************************************
	PAGE INTRO
*******************************************************************/

/* Conteneurs */
#noir {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
}

body.intro #conteneur {
	width: 660px;
	height: 100%;
}

#intro {
	position: absolute;
	width: 660px;
	margin: 0 auto 0 auto;
	top: 35%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Titre */
#intro .title {
	width: 100%;
	height: 90px;
	background: url(img/box_intro_top.png) no-repeat center top;
}

	#intro h1 {
		height: 90px;
		text-indent: -3000px;
		background: url(img/logo-titre.png) no-repeat 50% 55%;
	}

/* Liste des langues */
#intro ul {
	height: 1%;
	background: url(img/box_intro_bottom.png) no-repeat center top;
}

	#intro li {
		clear: both;
		border-bottom: 1px solid #333333;
		margin: 0 15px;
	}
	#intro li.first { border-top: 1px solid #333333; }
	
	#intro li a {
		display: block;
		height: 32px;
		line-height: 32px;
		padding: 0 10px;
		color: #e5e5e5;
		text-decoration: none;
		cursor: pointer;
	}
	
	#intro a:hover {
		background: #202020;
		color: #FFDD99;
		font-style: italic;
	}
	
	#intro li span.welcome {
		display: block;
		float: left;
	}
	
	#intro li span.enter {
		display: block;
		text-align: right;
		color: #e7d4af;
		text-transform: uppercase;
		font-weight: bold;
	}

	#intro .flag {
		vertical-align: -5px;
		margin-right: 8px;
	}

/* Footer */
#intro #introFooter {
	height: 15px;
	padding: 11px 25px 13px 25px;
	background: url(img/box_intro_bottom.png) no-repeat center bottom;
}

	#intro #introFooter div {
		float: left;
		font-size: 10px;
		color: #454545;
	}
	
	#intro #introFooter a {
		float: right;
		display: block;
		width: 86px;
		height: 9px;
		margin-top: 4px;
		text-indent: -3000px;
		font-size: 0;
		background: url(img/logo-mxplanet-intro.png) no-repeat;
	}