html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%
}

body {
	width: 100%;
	color: #000;
	background-color: black;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 70%;
	}

#page {
	width: 750px;
	position: relative;
	margin: 0 auto;	
	background: black;
	color: silver;
	}

#banniere{
	width:750px;
	height:304px;
	margin: 0 auto;
	}	

#menu{
	width: 600px;
	margin: 0 auto;
	padding:0;
	}

#menu li{
	float: left;
	
	}

#menu a{
	display: block;	
	font-size:140%;
	text-align: center;
	
}


ul {
	margin: 0;
	list-style:none; 
 	color: silver;
 	
 }


ul a {
 	text-decoration:none;	
 	color: silver; 
 	
 }
 
#home { 
	width: 50px;
	height: 30px;
	padding: 0 0 14px 0;
 	 }
 
#news { 
	width: 50px;
	height: 30px;
	padding: 14px 0 0 0;
	
 }
 
#gigs { 
	 width: 50px;
	height: 30px; 
	padding: 0 0 14px 0;
	 }
 
 #band { 
	width: 80px;
	height: 30px;
	padding: 14px 0 0 0;
	
 }


 
#music { 
	width: 60px;
	height: 30px;
	padding:0 0 14px 0; 
	 }
 
  #store { 
	width: 60px;
	height: 30px;
	padding:14px 0 0 0; 
	
 	 }

#links { 
	width: 60px;
	height: 30px; 
	padding: 0 0 14px 0;
	
 }
 
#contact { 
	width: 70px;
	height: 30px; 
	padding: 14px 0 0 0;
 	
}

#drapeau { 
	width: 30px;
	height: 30px; 
	padding: 0 0 14px 0;
 	
}

.separation{
	clear: both;
	visibility: hidden;
	margin:0 ;
	padding: 0;
}




a img
{
border: none;
}	  


a {

text-decoration: underline;
color: silver;

}



a:hover {
 color: yellow;
 }

#content {/* toutes les pages principales*/
	position: relative;
	width: 600px;
	height: 280px;
	margin: 0 auto;
	}
	
#contenthome { /* page index*/
	position: relative;
	width: 500px;
	height: 280px;
	margin: 0 auto;
	text-align: center;
	padding-top:5px;
	background-image: url("images/home.png");
	background-repeat: no-repeat;
	}
	
.home{
	line-height: 2em;
}
	
	
	
.photo{/* page news et gigs*/
	display: block;	
	float: left;
	width: 250px;
	height: 280px;
	margin-left: 20px;	
	padding:0;
	}
	
#support{/*pages news et gigs*/
	position: relative;
	width: 250px;
	height: 280px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
	
	
#barre{/*ascenceur*/
	background-color: black;
	width: 0;
	height: 280px;
	position: absolute;
	right: 0;
	}
	
	
	
	



.photo-band{/* page band*/
	display: block;	
	float:left;
	width: 450px;
	height: 253px;
	margin-left:0;
	margin-right:;
	
	}	


.bio{/* page band */
	float:left;
	width: 100px;
	margin: 60px 0 0 0;
	padding:0;
	text-align: left;
	}
	
	
#supportmu{/*page music et store*/
	position: relative;
	width: 500px;
	height: 280px;
	overflow:hidden;
	margin: 0 auto;
	text-align: left;
	}
	
	
td {
	width:450px;
	text-align: left;
}

.tabri {
	width:50px;
	text-align: left;
}

#contentlinks{/* page links*/
	position: relative;
	width: 600px;
	height: 280px;	
	margin: 0 auto;
	text-align: center;
	background-image: url("images/imagelinks.jpg");
	background-repeat: no-repeat;
	font-size:15px;	
	}		
	
#contentclick {/*pages lyrics bio presse etc....*/
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	font-size: 12px;
	text-align: left;
	background-color:black;
	margin:10px auto;
	padding:0;
	width:415px;
	color:silver;
	line-height:24px;
	}

.press{
float: left;
margin-right: 10px; /* Qu'il y ait une marge de 5px à droite pour que ça colle pas trop au reste du texte */
border: none;
}


p h1 h2 {
	margin: 0;
	padding: 0;
}

h1,h2 {
	font-style: italic;
	}