@charset "UTF-8";



body	{
		background-color:#000000;
		width:1024px;
		heigth:768px;
		margin:5px auto;
		padding:0;

		}
		
		
		
#page	{
		width:1024px;
		heigth:768px;
		margin: auto;
		
		}
		
		
		
p		/*Ici sont définis tous les attributs concernant le texte courant du site (c'est-à-dire tous les éléments compris entre les balises <p>) */	

		{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;

		}
		


h3 		/*style de titre utilisé pour les news, avec la ligne de démarquation au-dessus pour séparer les différentes news*/
		{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:large;
		border-top:#CC9933 1px solid;
		padding-top: 0.5em;
		
		
		}
		
h4		{
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		font-style:italic;
		
		}
		
		/*toute la navigation supérieur est mis en page avec tous les codes suivant commençant par "#nav..."  */	
		
#nav1	{
		width: 850px;
		margin-top: 18px;
		margin-left: 150px;
		position:absolute;
		z-index:1;
		text-align:center;
		}
	
	
#nav1 ul	{

		padding:0;
		margin:0 auto;
		text-align:center;
		
		}
		
		
#nav1 ul li	{

		display:inline;
		margin: 0 22px;
		
		}

		
		
		
			
#nav2	{
		margin-top: 730px;
		margin-left: 760px;
		position:absolute;
		z-index:8;
		}
	
	
#nav2 ul	{

		padding:0;
		margin:0;
		text-align:center;
		
		}
		
		
#nav2 ul li	{

		display:inline;
		border-right:#FFFFFF 1px solid;
		padding-right: 0.5em;
		padding-left:0.3em;
		
		}
		
		
#nav2 ul li a

		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		color: #FFFFFF;
		text-decoration: underline;			
		}
		
#nav2 ul li a:hover

		{
		font-family: Arial, Helvetica, sans-serif;
		font-size: small;
		color: #CC9933;
		text-decoration: underline;		
		}

		
		
		
#niouze	/*La page niouzes*/
		{
		margin:0;
		padding:0;
		width:450px;
		heigth:768px;
		float: none;
		z-index: 0;		
		}
		
		
		
#niouze a 
		
		{
		color: #FFFFFF;
		text-decoration: underline;	
		}


#niouze a:hover

		{
		color: #CC9933;
		}
		
		
#niouze img

		{
		border:0;
		}




#cadre /* De La page niouzes*/

		{
		margin-left:349px;
		margin-top: 175px;
		width: 610px;
		padding: 0.5em;
		border-top:#663300 2px solid;
		border-bottom:#663300 2px solid;
		position:absolute;
		z-index:6;
		}
		



#filnews	/*concerne le bloc de la page news (adapatation dans le format, etc...)*/

		{
		margin: auto;
		overflow: auto;
		width:600px;
		height: 500px;
		z-index: 5;
		}
		
		
		
#cadre2 /* De La page mentions légales*/

		{
		margin-left:270px;
		margin-top: 150px;
		width: 710px;
		height: 500px;
		padding: 0.5em;
		border-top:#663300 2px solid;
		border-bottom:#663300 2px solid;
		position:absolute;
		z-index:6;
		overflow:auto;
		
		}
		
#mentions	/*concerne le bloc de la page mentions légales (adapatation dans le format, etc...)*/

		{
		margin: auto;
		padding:1em;
		width:650px;
		height: 500px;
		z-index: 5;
		}
		
#biography /* De la page du même nom*/

		{
		margin-left:305px;
		margin-top: 110px;
		width: 670px;
		padding: 0.5em;
		/*border-top:#000 2px solid;
		border-bottom:#000 2px solid;*/
		position:absolute;
		z-index:6;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		height: 570px;
		overflow:auto;
		}
		
		

		
#biography #portrait

		{
		float: left;
		margin-right: 0.5em;
	
		
		}
		
		
#biography #portrait img

		{
		border: 2px #663300 solid;
		
		}
		
#biography #portrait ul

		{
		list-style-position: inside;
		list-style-type: circle;
		font-size:small;
		padding:0;
		width: 200px;	
		}
		
		
		
#biography #portrait ul li

		{
		font-size:10px;
		margin: 0.5em 0 0 0;
		
		
		
		}
		
		
#members

		{
		position:absolute;
		width: 130px;
		margin-top: 150px;
		margin-left:5px;
		}
		
		
#members ul
		{
		list-style:none;
		text-align:center;
		padding-left:0;
		}
		
			
#members ul li

		{
		margin:0.5em 0 0 0;
		list-style:none;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		}


#discography /* De la page Muzic*/

		{
	margin-left:300px;
	margin-top: 160px;
	width: 610px;
	padding: 0.5em;
	/*border-top:#000 2px solid;
		border-bottom:#000 2px solid;*/
		position:absolute;
	z-index:6;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;
	left: 20px;
	top: -69px;
	height: 598px;
		}
		
#discography form

		{	
		text-align:right;
		border-bottom: 2px solid #CC9933;
		padding-bottom: 45px;
		}
		
		
		
		
#discography p img

		{	
		border:#CC9933 2px solid;
		float:left;
		margin: 0 10px 10px 0;
		}		
		
		
		
#lirycs /* De la page du même nom... (je me répète)*/

		{
		margin-left:300px;
		margin-top: 160px;
		width: 610px;
		height: 500px;
		overflow:auto;
		padding: 0.5em;
		position:absolute;
		z-index:6;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		border-bottom:#663300 3px solid;
		border-top:#663300 3px solid;
		border-left:#663300 3px solid;
		padding: 0.5em;
		}
		
#title	{
		position:absolute;
		z-index:6;
		color:#FFFFFF;
		margin-top: 125px;
		margin-left: 570px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0;
		}
		
#title h2 

		{
		padding:0;
		margin:0 0 0.3em 0;
		}
		
#media

		{
		position:absolute;
		width: 130px;
		margin-top: 150px;
		margin-left:5px;
		}
		
#media ul
		{
		list-style:none;
		text-align:center;
		padding-left:0;
		}
		
			
#media ul li

		{
		padding: 0.7em 0 0 0;
		list-style:none;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:medium;
		}
		
		
#press 	{
		position:absolute;
		margin-top:90px;
		margin-left:300px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		width: 700px;
		height:600px;
		overflow:auto;
		border-bottom:#996600 3px solid;
		border-top:#996600 3px solid;
		border-left:#996600 3px solid;
		padding:0.7em;
		}
		
		
#video {
		position:absolute;
		margin-top:90px;
		margin-left:300px;

		}
		
		
		
		
		
		
		
#liens	{
		position:absolute;
		margin-top:150px;
		margin-left:250px;
		width:700px;
		height:550px;
		}
		
		
#liens ul

		{
		display:block;
		padding:0.3em;
		color:#CC9933;
		font-family:Arial, Helvetica, sans-serif;
		float: left;
		margin-top: 5px;
		margin-right: auto;
		margin-bottom: 5px;
		margin-left: auto;
		width: 200px;
		text-align: center;		
		}
		
		
#liens ul li

		{
		margin: 0.3em 0 0 0;
		list-style-position:inside;
		list-style-type:square;
		}
		
		
#pro	{
		position:absolute;
		width:700px;
		margin: 175px 0 0 250px;
		border-top: 2px solid #663300;
		border-bottom: 2px solid #663300;
		}
		
		
#pro ul	{
		margin:2em;
		padding:0;
		color: #FFFFFF;
		list-style-type:none;
		
		}
		
		
#pro ul li
		{
		color: #FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		margin: 3em 0 3em 0;
		
		}
		
		
#tof
		{
	position:absolute;
	width:750px;
	height:550px;
	margin: 150px 0 0 200px;
	overflow:auto;
	text-align:center;
		}
		
#tof img
		{
		border: 1px solid #CC6600;
		margin: 0.5em 0.6em 0.5em 0.6em;
		}


#tracks	{
		position:absolute;
		margin: 150px 0 0 200px;
		width: 750px;
		}

		
#tracks object
		{
		text-align:center;	
		}