/* IMPORTANT */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
#page-table {
	height: 100%;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
}
#page-td {
	height: 100%;
	padding: 0;
	vertical-align: middle;
}
div#global {
	width: 1024px;
	height: 765px;
	margin: 20px auto;
	text-align: left;
}

.text {
	position:relative;
	margin-left:15px;
	margin-top:-280px;
	color:white;
	width:500px;
	height:400px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
}

.hache1 { font-size: 1.4em; font-style: bold; }

#text-auto {
	position:relative;
	overflow:auto;
	margin-left:15px;
	padding-right:10px;
	margin-top:-280px;
	color:white;
	width:510px;
	height:250px;
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
}

#content {
position: relative;
/*overflow:auto;  fait bugger je sais pas pourquoi!!!!! */
width:500px;
height:200px;
}

/* MISE EN PAGE */
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align:center;
color:#F60;
letter-spacing :3px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
font-style: bold; 
color : #fff;
text-align:center;
}

/* COSMÉTIQUE */
body {
	background: #fd0;
}
#page-table {
	background: #111;
	color: white;
}
#page-table a {color: white;}
div#global {
	padding: 10px 20px;
	background: #fd0;
	font-family: Arial, Helvetica, sans-serif;
}

div#global p, div#global ul {font-size: .9em;}


#hautgauche {
	background-image:url(../images/back/top-left.png) left top;
	background-repeat:no-repeat;
	width:65px;
	height:69px;
}
#hautdroite {
	background-image:url(../images/back/top-right.png) right top;
	background-repeat:no-repeat;
	width:69px;
	height:65px;
}
#basgauche {
	background-image:url(../images/back/bottom-left.png) left bottom;
	background-repeat:no-repeat;
	width:69px;
	height:65px;
}
#basdroite {
	background-image:url(../images/back/bottom-right.png) right bottom;
	background-repeat:no-repeat;
	width:65px;
	height:69px;
	float:right;
}

/* POSITIONNEMENT IMAGES MTZ */
#mp3 {
	width:556px;
	height:83px;
	margin: auto;
}

.dewplayer {
	position:relative;
	left:380px;
	top: 45px;
}

#menu-left {
	margin-top: 30px;
	width:162px;
	height:305px;
	float:left;
}

#blaster {
	margin-top: 30px;
	width:710px;
	height:315px;
	float:right;
}

#menu-bottom {
	position:relative;
	left:270px;
	width: 260px;
	height: 18px;
}

#amnesty {
	margin-top: 80px;
	width:318px;
	height:149px;
	float:left;
}
#logomtz {
	margin-top: 30px;
	width:300px;
	height:283px;
	float:right;
}
#alan {
	margin-top :50px;
	width:100px;
	height:64px;
}
#bannieredrum {
	float:left;
	margin-top:50px;
	width:234px;
	height:30px;
}