@charset "UTF-8";

body			{ margin: 0px; padding: 0px; }
h1, h3			{ margin: 0px; padding: 0px; }
h1				{ margin-left: 0px; float: left; width: 142px; height: 49px; background: url(http://www.iankellysmusic.com/medias/images/ian-kelly.png) no-repeat; }
h3				{ margin: 0px 0px 0px 0px; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 12px; color: #E7EAD9; text-decoration: none; }
h2 				{ font-family: HelveticaNeue-Light, HelveticaNeue, Helvetica, Arial, sans-serif;font-size: 16px; margin-left: 4px; margin: 25px 0 0 0; padding:0;color:white;text-transform: uppercase; font-weight: normal;}
.sIFR-active h2 { font-size: 16px; display: block; }
p				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E7EAD9; margin:5px 0 10px 0;padding:0; line-height:1.4em;}
pre				{ margin: 0px 0px 0px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E7EAD9; }
input 			{ width: 150px; padding: 0px 2px; background: none; border: 1px #E7EAD9 solid; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E7EAD9;  }
a				{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E7EAD9;}
a:hover			{ text-decoration: none; }
strong			{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #E7EAD9; }

.cache				{ display: none; }
.bg_45	      		{ background: url(http://www.iankellysmusic.com/medias/images/tuile-noire-45.png); }
.bg_25	      		{ background: url(http://www.iankellysmusic.com/medias/images/tuile-noire-25.png); }
.bg_90	      		{ background: url(http://www.iankellysmusic.com/medias/images/tuile-noire-90.png); }
.audiogram     		{ cursor: pointer; width: 111px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/audiogram.png); }


div#container		  { width: 900px; height: 100%; padding: 40px 0px; display: block; margin: 0px auto; }
div#header			  { padding: 40px; }


/* ***MENU*** */
ul#menu				  { margin: 15px 10px 0px 0px; padding: 0px; list-style: none; float: right; }
#menu li			  { float: left; margin: 0px 3px 0px 3px; width: auto; }
li a.M_nouvelles	  { width: 84px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_nouvelles.png) no-repeat top left; }
li a.M_news			  { width: 42px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_news.png) no-repeat top left; }
li a.M_musique		  { width: 66px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_musique.png) no-repeat top left; }
li a.M_music		  { width: 46px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_music.png) no-repeat top left; }
li a.M_extras		  { width: 55px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_extras.png) no-repeat top left; }
li a.M_spectacles	  { width: 90px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_spectacles.png) no-repeat top left; }
li a.M_concerts		  { width: 78px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_concerts.png) no-repeat top left; }
li a.M_babillard	  { width: 79px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_babillard.png) no-repeat top left; }
li a.M_billboard	  { width: 81px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_billboard.png) no-repeat top left; }
li a.M_opendisc		  { width: 74px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_opendisc.png) no-repeat top left; }
li a.M_a-propos		  { width: 74px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_a-propos.png) no-repeat top left; }
li a.M_about		  { width: 51px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_about.png) no-repeat top left; }
li a.M_english		  { width: 62px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_english.png) no-repeat top left; }
li a.M_francais		  { width: 70px; height: 16px; display: block; background: url(http://www.iankellysmusic.com/medias/images/M_francais.png) no-repeat top left; }



div#content			  { width: 800px; height: auto; display: block; margin: 25px auto; }



/* ***CONTAINER BG*** */
.nouvelles, .news		{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_nouvelles.jpg) top center no-repeat; }
.musique, .music		{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_musique.jpg) top center no-repeat; }
.extra, .extras			{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_video.jpg) top center no-repeat; }
.spectacles, .concerts	{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_spectacles.jpg) top center no-repeat; }
.babillard, .billboard	{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_babillard.jpg) top center no-repeat; }
.opendisc, .opendisk, .opendisc-barree, .opendisk-locked	{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_opendisc.jpg) top center no-repeat; }
.a-propos, .about		{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_a-propos.jpg) top center no-repeat; }
.E404					{ background: #0c0c0c url(http://www.iankellysmusic.com/medias/images/bg_spectacles.jpg) top center no-repeat; }



/* ***CONTENU*** */
	/* 404 */
	div#E404		{ padding: 25px; }
	
	/* Musique */
	div#albums		 { padding: 25px; }
	#albums ul		 { margin: 0px; padding: 0px; list-style: none; }
	#albums li		 { float: left; width: 68px; height: 68px; padding: 4px 0px 0px 4px; display: block; background: url(http://www.iankellysmusic.com/medias/images/dropshadow-60.png) no-repeat; }
	#albums a		 { width: 60px; height: 60px; display: block; }
	
	div#album		   	 	 { margin: 10px 0px; padding: 25px; }
	td.cover-200	   	 	 { width: 208px; height: 208px; padding: 4px; background: url(http://www.iankellysmusic.com/medias/images/dropshadow-200.png) no-repeat; }
	table.liste_chansons 	 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #E7EAD9; }
	.liste_chansons tr	     { margin: 2px 0px 2px 0px; }
	.liste_chansons td	     { padding: 0px 0px 0px 5px; }
	.liste_chansons a	     { color: #E7EAD9; text-decoration: none; }
	.liste_chansons a:hover	 { color: #cccccc; }
	
	.lyrics					 { margin: 10px 0px; padding: 25px; }
	
	
	
	/* Nouvelles */
	div#nouvelles	{ padding: 25px; }
	
	
	/* Video */
	div#videos		 	{ padding: 25px; }	
	ul#extras		 	{ display: block; position: absolute; width: 500px; height: 80px; margin: 0px; padding: 0px; list-style: none; border: 1px green solid; }
	ul#extras li	 	{ float: left; margin: 0px 5px 0px 5px; }
	ul.liste_extra   	{ border: 1px #E7EAD9 solid; margin: 0px; padding: 0px; list-style: none; }
	ul.liste_extra li	{ border: none; float: left; width: 68px; height: 68px; padding: 4px 0px 0px 4px; display: block; background: url(http://www.iankellysmusic.com/medias/images/dropshadow-60.png) no-repeat; }
	
	div#galerie		 { padding: 25px; margin: 10px 0px; }
	#galerie ul		 { margin: 0px; padding: 0px; list-style: none; }
	#galerie li		 { float: left; width: 68px; height: 68px; padding: 4px 0px 0px 4px; display: block; background: url(http://www.iankellysmusic.com/medias/images/dropshadow-60.png) no-repeat; }
	
	
	div#video		 { margin:0 0 20px 20px; padding: 10px 20px; }


	/* Spectacles */
	div#spectacles		 { padding: 25px; }
	div.spectacle		 { margin: 10px 0px; padding: 25px; }

	
	/* A propos */
	div#a-propos		{ padding: 25px 25px 0 25px; }


	div#telechargement	{ padding: 25px; margin: 10px 0px; }
	.medias				{ display: none; margin: 0px 0px 0px 20px; }
	.error { height: 32px; margin: 0 0 10px 24px; color:#CC0000; }
	.loading 			{ background-image: url(http://www.iankellysmusic.com/medias/images/loading.gif); background-repeat: no-repeat; width: 32px; height: 32px; margin: 0 0 10px 27px; }


	
	div#opendisc		{ padding: 25px; }



/* ***FOOTER*** */
div#footer			  { margin: 0px; position: fixed; bottom: 0px; width: 100%; border-top: 1px #E7EAD9 solid; }
a.btn_soumettre		  { cursor: pointer; width: 11px; height: 12px; display: block; background: url(http://www.iankellysmusic.com/medias/images/btn_soumettre.png); }
#footer p	{ margin: 0px; }
h3.T_infolettre		  { width: 197px; height: 12px; display: block; background: url(http://www.iankellysmusic.com/medias/images/T_infolettre.png) no-repeat top left; }
h3.T_newsletter		  { width: 249px; height: 12px; display: block; background: url(http://www.iankellysmusic.com/medias/images/T_newsletter.png) no-repeat top left; }





/* ***CLEARFIX*** */
.clearfix:after 	  { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix 			  { display: inline-block; }
html[xmlns] .clearfix { display: block; }




/* ***sIFR*** */
.sIFR-active h2
{
visibility: hidden;
font-family: Verdana;
line-height: 1em;
}

.sIFR-active h2 {
font-size: 16px;
display: block;
}







/******* HORIZONTAL SCROLL **********/
#holder {
	width: 10000px;
	overflow: hidden;
	display: block;
	padding: 15px 0 15px 0;
}

#left_scroll {
  float: left;
  margin: -75px 0 0 0;
  cursor: pointer;
  width: 9px;
  height: 16px;
}

#right_scroll {
  float: right;
  margin: -75px 0 0 0;
  cursor: pointer;
  width: 9px;
  height: 16px;
}

#gallery_extras {
	width: 745px;
	height: 172px;
	margin: 5px 0 0 5px;
	
	
}

#scroll_extras {
	width: 685px;
	height: 152px;
	
}


#gallery_extras ul {
	margin: 8px 12px 20px 0;
	padding: 0 0 10px 3px;
	border: solid 1px #EBEEDB;
	display: block;
	float: left;
	height: 135px;
}

#gallery_extras li {
	display: block;
	float: left;
	padding: 4px;
	margin: 10px;
	
	text-align:left;
	width: 68px;
	height: 68px;
	
	background: url(http://www.iankellysmusic.com/medias/images/dropshadow-60.png) no-repeat;
}

#gallery_extras strong {
	margin: 0px 0px 0px 0px;
}

/*     BANNERS    */
/***************/
.bannerWrap {
	width:724px;
	height:60px;
	margin:18px auto 0 auto;
	text-align: center;
}

.banner-left {
	float:left;
	margin-right:22px;
}