/********************/
/** CSS GENERAL **/
/*******************/

body {
	background: #000;
	margin: 0 0 45px 0;
	padding: 0 0 0 0; }

a img {
	border: 0; }

a {
	color: #fff; 
	text-decoration: none; }
	
a:hover {
	color: #cc0000; 
	text-decoration: none; }		

.jaune {
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #ffcc33;
	font-weight: normal;}

.jaune_gras {
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #ffcc33;
	font-weight: bold; }

.blanc_gras {
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff; }

.gris {
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal; }
	
.gris_gras {
	color: #4f4f4f;
	font-weight: bold; }
	
.liste_non_ordonnee {
	list-style-type: none; }	
	
a.lien_sans_apparence  {
	color: #4f4f4f; }
	
.lien_sans_apparence:hover {
	color: #fff; }

.liste_polaroid {
	font: bold 80% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff; 
	font-variant: small-caps; }

.lien_polaroid {
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-weight: bold; 
	margin: 0 0 0 0 }
	
.jaune_gras_2 {
	font: bold 100% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #ffcc33;
	font-weight: bold; }	

.blanc_gras_2 {
	font: bold 100% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff; }
	
.gris_2 {
	font: bold 100% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #999999;
	font-weight: normal; }

.image_flottante {
	border: 1px solid #fff;
	float: left; 
	margin: 0 20px 20px 0; }

#contenant_contact .page_contact {
	margin: 30px 0 0 35px; }
	
#contenant_texte .rehaussee {
	font: bold 60% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff;
	font-weight: normal; 
	margin: 0 0 10px 0 15px;
	padding: 0; }

.clear {
	clear: both; }

#contenant_texte #cadre_video {
	margin: 0 0 0 20px; }

#contenant_texte #cadre_video_2 {
	margin: 0 0 0 20px; }
	
#conteneur_principal {
	width: 986px;
	height: 674px; 
	margin: 20px auto 0px auto;
	padding: 0;
	background: url(../images/background_new.jpg); }
	
#conteneur_secondaire {
	clear: both;
	float: right;
	margin: -236px 68px 0 0;
	padding: 0; }

#conteneur_secondaire_sansillustration {	
	position: relative;
	left: 124px;
	margin: 0 0 0 0;
	padding: 0; }
	
#conteneur_intro {
	width: 986px;
	height: 674px; 
	margin: 50px auto 20px auto;
	padding: 0; }	
	
		#conteneur_intro p {
			margin: 0 0 0 0;
			padding: 0 0 0 0; } 
		
#contenant_texte {
	float: left;
	width: 349px;
	height: 455px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/background_contenu_texte.jpg); 
	overflow : auto; }
		
		#contenant_texte h1 {
			font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-transform: uppercase;
			text-align: left;
			color: #ffcc00;
			margin: 25px 35px 20px 35px ;
			padding: 0; }
			
		#contenant_texte p {
			font: 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: justify;
			color: #fff;
			margin: 0 35px 0 35px ;		
			padding: 0 0 20px 0; }

#contenant_contact {
	float: left;
	width: 349px;
	height: 310px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/background_contenu_texte.jpg); 
	overflow : auto; }
		
		#contenant_contact h1 {
			font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-transform: uppercase;
			text-align: left;
			color: #ffcc00;
			margin: 25px 35px 20px 35px ;
			padding: 0; }
			
		#contenant_contact p {
			font: 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: justify;
			color: #fff;
			margin: 0 35px 0 35px ;		
			padding: 0 0 20px 0; }			
			
		#contenant_contact .texte_blanc_majuscule {
			margin: 0 20px 0 20px;
			color: #fff;
			font: 55% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: left; }			
	
		#contenant_contact .texte_blanc_gras_majuscule {
			text-transform: uppercase;
			color: #fff;
			font: bold 100% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: left; }
			
#contenant_texte_vide {
	float: left;
	width: 349px;
	height: 355px;
	margin: 0 0 0 0;
	padding: 0; 
	overflow : auto; }		
			
		#contenant_texte .texte_blanc_majuscule {
			margin: 0 20px 0 20px;
			color: #fff;
			font: 55% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: left; }			
	
		#contenant_texte .texte_blanc_gras_majuscule {
			text-transform: uppercase;
			color: #fff;
			font: bold 100% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
			text-align: left; }			

		#contenant_texte li {
			margin: 0 0 7px 0px ; }
		
		#contenant_texte ul {
			padding-top: 15px;
			padding-bottom: 15px; }		
			
#information_newsletter {
	clear: both;
	float: right;
	margin: -31px 180px 0 0;
	padding: 0;
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #ffcc33; }

		#information_newsletter p {
			margin: 0; 
			padding: 0; }	

#formulaire_newsletter {
	float: right;
	margin: -35px 20px 0 0; 
	padding: 0; }
	
		#formulaire_newsletter p {
			margin: 0;
			padding: 0; }
	
#liens_contacts { 
	clear: both;
	position: relative;
	bottom: -46px;
	left: 605px;
	padding: 0;
	font: bold 70% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #fff; 
	width: 350px;}
	
		#liens_contacts p {
			clear: both;
			margin: 0; 
			padding: 0; }
	
#credits {
	position: relative;
	bottom: -90px;
	left: 545px;
	margin: 0 0 0 0;
	padding: 0;
	font: 65% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
	color: #4f4f4f;
	width: 450px;}
		
		#credits p {
			text-align: center;
			margin: 0 0 0 0;
			padding: 0 0 0 0; }
			
#illustration_kai {
	clear: both;
	float: left;
	width: 123px;
	height: 455px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/kai_illustration.jpg) repeat-x left bottom; }				

#illustration_kai_2 {
	float: left;
	width: 123px;
	height: 455px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/kai_illustration_2.jpg) repeat-x left bottom; }	
	
#illustration_vide {
	float: left;
	width: 123px;
	height: 455px;
	margin: 0 0 0 0;
	padding: 0; }		
	
#contenant_discographie {
	clear: both;
	float: left;
	width: 123px;
	height: 455px;
	margin: 0 0 0 0;
	padding: 0;
	background: url(../images/background_discographie.jpg) repeat-x left bottom; }			

#contenant_discographie .illustration_album {
	margin: 10px 10px 10px 11px; }
	
#logo_nsk a {
	text-indent: -8000px ;
	text-decoration: none ; }
			
#logo_nsk {
	width: 145px;
	height: 89px; 
	margin: 0;
	padding: 0; }

		#logo_nsk a {
			display: block ;
			width: 145px;
			height: 85px;
			color: #000 ;
			background: url(../images/logo_nsk.jpg) no-repeat 0 -85px ; }
			
		#logo_nsk a:hover {
			display: block ;
			width: 145px ;
			height: 85px;
			color: #000 ;
			background: url(../images/logo_nsk.jpg) no-repeat 0 0  ; }