body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
  	font-size:11px;
	padding: 0;
}

#conteneur {

	width: 1054px;
	height: 635px;
	text-align:left;
	margin-left: auto;
	margin-right:auto;
	background-image: url(images/fond.jpg);
	
	}
	
#middle_site {

	width: 823px;
	height: 635px;
	text-align:left;
	margin-left: 200px;
	
	}	

#menu {

	width: 803px;
	height: 102px;
	background-image: url(images/fond-menu.png);
	
	}

#milieu{

	width: 724px;
	height: 428px;
	overflow : auto;
	margin-left : 80px;
	margin-top : 20px;
	z-index:400;
	
	}

#pied{

	width: 779;
	height: 66px;
	margin-top : 38px;
	margin-left : 80px;
	background-image: url(images/pied-fond.png);
	
	}	

#slide{

z-index:100;
}
	
#banniere_une{

margin-left : 80px;
z-index:250;
position : absolute;
}

#comingsoon{

margin-left : 220px;
margin-top : 150px;

}

#edito{

	width: 200px;
	height: 132px;
	float : left;
	margin-left : 27px;
	margin-top : 28px;
	padding-left : 5px;
	padding-right : 5px;
	padding-bottom : 5px;
	padding-top : 0px;
	
	}
	
 #edito_banniere{

margin-left : 30px;
margin-top : 88px;
z-index:250;
position : absolute;
}
	
#edito_avatar{

  height: 60px;
  width:60px;
  padding: 0 0 0 0;
  float:left;
  margin-top : 10px;
  margin-bottom : 1px;
  margin-right : 3px;
  }
  
  
#dernieresnews{

	width: 425px;
	height: 125px;
	float : right;
	margin-left : 0px;
	margin-right: 33px;
	margin-top : 10px;
	
	}
	
#dernieresnews_banniere{

margin-left : 250px;
margin-top : 88px;
z-index:250;
position : absolute;
}

#compteur{

margin-left : 445px;
margin-top : 25px;
position : absolute;
}

	
	
#photos_droite{

display:block;
float: right;
margin-right: 2 px;
margin-bottom: 2 px;
margin-top: 2 px;
padding-left : 5 ;

  }

  

#photos_gauche{

display:block;
float: left;
margin-left : 2px;
margin-bottom: 2px;
margin-top: 2px;
padding-right : 5px;

  }
 
 
/* MENU DISCOGRAPHIE */

#menu_disco{

display:block;
height : 20px;
width : 700px;
text-align:center;
background-color : #F00000;

  }


#bouton_disco{

display:block;
padding-right : 5px;
height : 20px;
width : 70px;
background-color : #00a9dd;
text-align:center;
vertical-align: middle;
padding-top : 5px;
float : left

  }
  
#bouton_disco a:link 
  {color: #FFFFFF; 
  text-decoration: none;  }
#bouton_disco  a:visited 
  { color: #FFFFFF; 
  text-decoration: none;  }
#bouton_disco a:hover 
  { color: #5cbfdd; 
  text-decoration: none;  }
  
#bouton_disco:hover 
  { 
  color: #F00000;
  background-color : #FFFFFF;
  }

/* BOUTONS MENU */
	
 #bouton_accueil{

	margin-left : 85px;
	margin-top : 8px;
	position : absolute;
	
	}
	
	
 #bouton_news{

	margin-left : 142px;
	margin-top : 45px;
	position : absolute;
	
	}
	
#bouton_interviews{

	margin-left : 305px;
	margin-top : 8px;
	position : absolute;
	
	}
#bouton_discographie{

	margin-left : 254px;
	margin-top : 55px;
	position : absolute;
	
	}
	
#bouton_biographie{

	margin-left : 347px;
	margin-top : 82px;
	position : absolute;
	
	}
	
#bouton_agenda{

	margin-left : 423px;
	margin-top : 30px;
	position : absolute;
	
	}
	
#bouton_paroles{

	margin-left : 515px;
	margin-top : 6px;
	position : absolute;
	
	}
	
#bouton_traductions{

	margin-left : 514px;
	margin-top : 62px;
	position : absolute;
	
	}
	
#bouton_clips{

	margin-left : 662px;
	margin-top : 14px;
	position : absolute;
	
	}
	
#bouton_critiques{

	margin-left : 650px;
	margin-top : 62px;
	position : absolute;
	
	}
	
#bouton_dossiers{

	margin-left : 583px;
	margin-top : 84px;
	position : absolute;
	
	}
	
#bouton_liens{

	margin-left : 739px;
	margin-top : 23px;
	position : absolute;
	
	}
	
#bouton_forum{

	margin-left : 724px;
	margin-top : 41px;
	position : absolute;
	
	}
	

 /* BOUTONS MENU */
 
 #bouton_contact{

	margin-left : 75px;
	margin-top : 10px;
	position : absolute;
	
	}

 #bouton_about{

	margin-left : 190px;
	margin-top : 30px;
	position : absolute;
	
	}
	
 #bouton_twitter{

	margin-left : 340px;
	margin-top : 3px;
	position : absolute;
	
	}
	
 #bouton_dailymotion{

	margin-left : 350px;
	margin-top : 16px;
	position : absolute;
	
	}
	
 #bouton_facebook{

	margin-left :314px;
	margin-top : 30px;
	position : absolute;
	
	}
	
 #bouton_blogjpop{

	margin-left : 580px;
	margin-top : 10px;
	position : absolute;
	
	}
	
 #bouton_jpopdb{
 
	margin-left : 710px;
	margin-top : 7px;
	position : absolute;
	
	}
	
 #bouton_jmusicvan{

	margin-left : 530px;
	margin-top : 30px;
	position : absolute;
	
	}
	
 #bouton_sunaootsuka{

	margin-left : 660px;
	margin-top : 30px;
	position : absolute;
	
	}
 
 
 
/* LISTE */

ul#vignettes
{
	margin: 0px 10px ;
	padding: 0 ;
	list-style-type: none ;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

ul#vignettes li
{
	float: left ;
	list-style:none;
	
}


ul#vignettes li a img
{
	margin: 2px 2px ;
	list-style:none;
}


a:link 
  {color: #00a9dd; 
  text-decoration: none; 
  background-color: transparent }
a:visited 
  { color: #00a9dd; 
  text-decoration: none; 
  background-color: transparent }
a:hover 
  { color: #999999; 
  text-decoration: none; 
  background-color: transparent }
a:active 
  { color: #00a9dd; 
  text-decoration: none; 
  background-color: transparent }

  
#titre3 a:link 
  {color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
#titre3  a:visited 
  { color: #FFFFFF; 
  text-decoration: none; 
  background-color: transparent }
#titre3 a:hover 
  { color: #999999; 
  text-decoration: none; 
  background-color: transparent }
#titre3  a:active 
  { color: #666666; 
  text-decoration: none; 
  background-color: transparent }
  
#slideshow {list-style:none; color:#fff; margin : 0px;}
#slideshow span {display:none}
#wrapper {width:650px; margin:0px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:650px; height:175px; padding:0px; border:1px solid #FFF; background:#000}
#information {position:absolute; bottom:0; width:650px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:650px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:175px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:175px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:5px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:600px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

