@charset "UTF-8";
/* =CALL LIBRARY */
	@import url("reset.css"); /* ------- Reset all CSS Styles */

	body{
		font-family: Arial, Tahoma, Helvetica, sans-serif;
		color: #969696;
		font-size:12px;
		line-height:inherit;

		background:#000 url(../images/bg_shadow.jpg) repeat-y top center fixed;
		margin: 0; 
		padding: 0;
		text-align: center;
	}
	
	a{text-decoration: none;color:#1380a1;}
	a:hover{color: #31B1C8;}
	.hide{display: none;}
	strong{font-weight: bold;}
	
.active{

color:#1380a1;
}
	/* container */
	#container{
	width: 910px;

	background: #1a1a1a;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	text-align: left; /* this overrides the text-align: center on the body element. */
	}

/* =HEADER */

	h1{
		font-size: 16px;
		text-transform: uppercase;
	}
	h2{
		font-size: 13px;
		color:#59557b;
		letter-spacing:1px;
		font-weight:bold;
		text-transform:capitalize;
		border-bottom:#666666 1px solid;
		padding-bottom:1px;
		margin-bottom:10px;
	}
	h3{
		
		font-size: 14px;
		
	}
	h4{
		
		text-transform: uppercase;
		font-size: 10px;
		color:#fff;
		font-weight:normal;
	}
	
	h5 {
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	text-transform: uppercase;
	
}
p {
padding-bottom:15px;

}


#header img{
margin: 20px 0 0px 20px;
}

#navigation_wrapper{
		
		height: 37px;
		width: 870px;
		margin: 5px auto 10px auto;
}


#player{
position: relative;
display:block;
margin-bottom:-18px;
margin-left:25px;
z-index:70;

background:url(../images/play_norm.gif) no-repeat 0px 50%;
height:12px;

padding-left:15px;
}	
#player:hover{
	background:url(../images/play_over.gif) no-repeat 0px 50%;
}
/* =MAIN IMAGE */

	#main_image{
		width:870px;
		height:520px;
		position: relative;
		margin: 0 auto;
	}
	#caption{
	
	z-index:100;
	background:#000000;
	color:#666666;
	font-size:10px;

	position:relative;
	top:-22px;
	

	float:right;
	padding:5px 10px;
	}
	#slideshow{
		width:870px;
		height:520px;
		position: relative;
		margin: 0 auto;
		overflow:hidden;
	}
	#slideshow img{
	width:870px;
	
	
	}
		
#content_wrapper{
		
		
		width: 870px;
		margin: 20px auto 20px auto;
		padding-bottom:20px;
	}

#content_wrapper img {

}	
/* =FOOTER */
#sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 260px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	color:#999999;
	padding: 0px 10px 15px 0px;
}
#mainContent { 
	margin: 0 0 0 280px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0;
} 
#1colContent { 
	margin: 0 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 10px;
	
} 

#sidebar1 img{
border:#666666 1px solid;
margin:2px auto 15px auto;

}
#sidebar1 a+br{
border:#666666 1px solid;
margin:2px auto 18px auto;

}
#sidebar1 img.iconz{
border:#666666 0px solid;
padding:0px 10px 5px 5px;

}
.albums {
	border:#666666 0px solid;
	font-size:10px;
	padding:10px 5px 10px 5px;
	
}

.news{
	padding:10px 20px 20px 5px;
	border-bottom:#999999 1px dashed;
}
.news p{
	margin-top: 0px;
	margin-bottom: -8px;


}
.news h4{
color:#eee;
}
.news h3{
color:#fff;
}
div#news_wrapper .news:last-child{border-bottom: none !important;}

.news img{
border:#666666 1px solid;
padding:0px;


}
p.fr{
font-style:italic;
color:#666666;
margin-top: 5px;
margin-bottom: 8px;


}

.shows{
margin: 15px 0px 0px 0px;

}
.shows tr td{
padding: 5px 0px 5px 0px;
border: none;
vertical-align:top;
border-bottom:#666666 1px dashed;

}

div.shows tr:last-child,div.shows tr:last-child td{border-bottom: none !important;}
.country{

padding-left:0px;
display:block;
color:#e1e1e1;


}
.checkboxes{
display:block;
margin: 20px auto 20px auto;
font-size:10px;
text-transform:uppercase;

height:20px;

}
input.checkbox  {
color:#1380a1;
background-color:#999999;

}

.icon { display: block; text-transform:uppercase; line-height: 16px; text-indent: 0; margin: 2px 0 0px 0px; padding: 2px 16px 2px 0px; color:#999999; vertical-align:middle;}
.cart { display: block; font-weight: bolder; line-height: 16px; text-indent: 0; margin: 2px 0 0px 110px; padding: 0px 22px; background: url(../images/shopping-cart-blue.gif) no-repeat left top; }
.itunes { display: block; font-weight: bolder; line-height: 16px; text-indent: 0; margin: 2px 0 0px 110px; padding: 0px 22px; background: url(../images/download-music-blue.gif) no-repeat left top; }
a.pdf { display: block; line-height: 16px; text-indent: 0; margin: 10px 0 5px 8px; padding: 0 10px 0 20px; background: url(../images/icon_pdf.gif) no-repeat left top; }
.pdf .date,.url .date{
color:#666666;
}
a.url { display: block; line-height: 16px; text-indent: 0; margin: 10px 0 5px 8px; padding: 0 10px 0 20px; background: url(../images/web-page-blue.gif) no-repeat left top; }

  /* separate the list from subsequent markup */
  div.tracks
  {


	margin-left:320px;
	font-size:11px;
	
  }
  .tracks h5
  {
   padding-bottom:10px;
  }
  .tracks .number{
  color:#FFFFFF;
  font-weight:bold;
  padding-right:5px;
  }
  .tracks li{
	
  }
  .sm_link {
 /* default state: "a playable link" */
  background:url(../images/document_sm.gif) no-repeat 0px 50%;
height:12px;
margin-left:5px;
background-position:center;
 padding-right:12px;
  padding-left:0px;
}

.sm_link:hover {
 /* default (inactive) hover state */
  background:url(../images/document_over.gif) no-repeat 0px 50%;
}
.tooltip {
	
	background-color:#e1e1e1;
	font-size:10px;
	padding: 0 5px 0 5px;
	border:#999999 1px solid;
	color:#1380a1;	
}
#lyrics_wrapper
  {
	float:left;
  }  

#lyrics
  {
	margin-left:250px;
	font-size:11px;
  }  


.releases{
padding:20px 0 20px 0;
border-bottom:#999999 1px dashed;
}
.releases:last-child{border-bottom: none !important;}
.cover{
width:270px;
float:left;
display:block;
font-size:10px;
color:#999999;


}
.cover h4, .video h4 .menu h4{
font-size:11px;
color:#fff;
text-transform:uppercase;

}
.releases .title, .credits .title{
font-size:11px;
  color:#FFFFFF;
  text-transform:uppercase;
  font-weight:bold;
  }


.videoHolder{
background-color:#000000;
width:870px;
height:520px;
position: relative;
margin: 0 auto;

}
#videos h2{
padding-top:15px;

}
.video{
width:270px;

float:left;
display:block;
font-size:11px;
color:#999999;
margin-top:10px;
padding: 0px 20px 15px 0px;

}
.video a{
color: #969696;

}

.selected{
background:#1380a1;

color:#fff;
}
.credits{
margin-left:110px;
}
.credits h5{
text-transform:none;
}
.contact{
padding:10px;

}

.press img {float: left; margin: 0 9px 6px 0; position: relative;}
.section {padding-bottom: 20px;}

/* Tooltips (pour la gallerie photos dans Presse */
	.tooltip {position:relative; float:left; z-index:50;}
      .tooltip a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
      .tooltip a span {display:none; padding:2px 3px; position:relative; width:auto;}
      .tooltip a:hover span{clear:both; display:block; position:absolute; top:20px; background:#ffffff; border:1px solid #1380a1; color:#666666; z-index: 100; font-weight:normal;}


#footer_wrapper { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000;

	
	margin-top:20px;
	
} 

#footer { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	
	margin-top:20px;

} 
#footer td{ 
	padding:5px;
	font-size:10px;
	
} 
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	line-height:5px;
}
#footer img {
	margin: 0; 
	padding: 0; 
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}