/* Base */

* { margin:0; padding:0;}
body { background:#333 url(../navigation/back_page.jpg) repeat-x; text-align:center; font:10px/14px Verdana,Arial,Helvetica,sans-serif; color:#fff;}
#page { background:url(../navigation/back_top.gif) center top no-repeat;}
#wrapper { width:780px; margin:0 auto; position:relative; text-align:left; padding-top:10px;}
input,select { font:11px Verdana,Arial,Helvetica,sans-serif;}
p { padding-bottom:14px;}
a { color:#f00;}
	a img { border:none;}
	a:hover { text-decoration:none;}
	.cart,.audio,.arrow,.details,.download { padding-left:17px; background-position:0 1px; background-repeat:no-repeat;}
	a.cart { background-image:url(../navigation/icons/cart.gif);}
	.arrow { background-image:url(../navigation/icons/arrow.gif);}
	.audio { background-image:url(../navigation/icons/audio.gif);}
	.details { background-image:url(../navigation/icons/details.gif);}
	.download { background-image:url(../navigation/icons/download.gif); padding-left:11px;}
.bordure { border:1px solid #999; background-color:#444; padding:5px;}
.left { float:left; margin:0 14px 14px 0;}
.right { float:right; margin:0 0 14px 14px;}
img.news { margin-bottom:3em;}
dl { clear:both; }
	dl dt { float:left; padding:0 14px 14px 0;}
	dl dd { float:left; padding-bottom:14px; width:134px;}
	body#bbdisco dl dd { width:614px;}
.gras { font-weight:bold; color:#f90;}
.light { color:#ccc;}
.blanc { color:#fff; font-weight:bold;}

/* Navigation */

h1 { padding:10px 0 59px 18px; float:left;}
	h1 a { display:block; width:316px; height:36px; background-image:url(../navigation/anorak_supersport.gif); text-indent:-9999px;}
h2 { padding-top:22px; background-position:0 22px; background-repeat:no-repeat; width:430px; text-indent:-9999px; height:48px; float:left;}
	body.iamx h2 { background-image:url(../navigation/iamx.gif);}
	body.jeronimo h2 { background-image:url(../navigation/jeronimo.gif);}
	body.the_silent_days h2 { background-image:url(../navigation/the_silent_days.gif);}
	body.karl_off h2 { background-image:url(../navigation/karl_off.gif);}
	body.kill_city h2 { background-image:url(../navigation/kill_city.gif);}
	body.mark_gardener h2 { background-image:url(../navigation/mark_gardener.gif);}
	body.me_and_my_machines h2 { background-image:url(../navigation/me_and_my_machines.gif);}
	body.my_little_cheap_dictaphone h2 { background-image:url(../navigation/my_little_cheap_dictaphone.gif);}
	body.nietzsche h2 { background-image:url(../navigation/nietzsche.gif);}
	body.projet_a7 h2 { background-image:url(../navigation/projet_a7.gif);}
	body.robots_in_disguise h2 { background-image:url(../navigation/robots_in_disguise.gif);}
	body.showstar h2 { background-image:url(../navigation/showstar.gif);}
	body.soldout h2 { background-image:url(../navigation/soldout.gif);}
	body.twenty_nine_pearls h2 { background-image:url(../navigation/twenty_nine_pearls.gif);}
	body.yeye h2 { background-image:url(../navigation/yeye.gif);}
	body.alan_sparhawk h2 { background-image:url(../navigation/alan_sparhawk.gif);}
	body.coming_soon h2 { background-image:url(../navigation/coming_soon.gif);}
	body.erinn_williams h2 { background-image:url(../navigation/erinn_williams.gif);}
	body.faris_nourallah h2 { background-image:url(../navigation/faris_nourallah.gif);}
	body.my_park h2 { background-image:url(../navigation/my_park.gif);}
	body.un_homme_et_une_femme h2 { background-image:url(../navigation/un_homme_et_une_femme.gif);}
	body.willowz h2 { background-image:url(../navigation/willowz.gif);}
	body.blue_velvet h2 { background-image:url(../navigation/blue_velvet.gif);}
	body.the_bikinians h2 { background-image:url(../navigation/the_bikinians.gif);}
	body.labiur h2 { background-image:url(../navigation/labiur.gif);}
	body.fourteen-weeks h2 { background-image:url(../navigation/14weeks.gif);}
	body.coco_business_plan h2 { background-image:url(../navigation/coco_business_plan.gif);}
	body.eighty h2 { background-image:url(../navigation/eighty.gif);}
	body.allon_beausoleil h2 { background-image:url(../navigation/allon_beausoleil.gif);}
	body.party_poker h2 { background-image:url(../navigation/party_poker.gif);}
	body.elvis_black_stars h2 { background-image:url(../navigation/elvis_black_stars.gif);}
	body.the_tangerines h2 { background-image:url(../navigation/the_tangerines.gif);}
	body.the_engines_of_love h2 { background-image:url(../navigation/the_engines_of_love.gif);}
	body.mauvais h2 { background-image:url(../navigation/mauvais.gif);}
	body.theo-clark h2 { background-image:url(../navigation/theo-clark.gif);}
	
#langues { position:absolute; right:20px; top:22px;}
  #langues img { float:left; margin-left:6px;}
	
#navigation { height:309px; position:relative;}
	#navigation a { text-decoration:none;}
	#navigation #banner { margin-left:20px; clear:both; overflow:hidden;}
	#bands { height:25px; padding-top:2px; margin-top:18px; background-repeat:no-repeat;}
	body.iamx #bands,body.jeronimo #bands,body.the_silent_days #bands,body.karl_off #bands,body.kill_city #bands,body.mark_gardener #bands,body.me_and_my_machines #bands,body.my_little_cheap_dictaphone #bands,body.nietzsche #bands,body.projet_a7 #bands,body.robots_in_disguise #bands,body.showstar #bands,body.soldout #bands,body.twenty_nine_pearls #bands,body.yeye #bands,body.alan_sparhawk #bands,body.coming_soon #bands,body.erinn_williams #bands,body.faris_nourallah #bands,body.my_park #bands,body.un_homme_et_une_femme #bands,body.willowz #bands,body.blue_velvet #bands,body.the_bikinians #bands,body.labiur #bands,body.fourteen-weeks #bands,body.coco_business_plan #bands,body.allon_beausoleil #bands,body.eighty #bands,body.party_poker #bands,body.elvis_black_stars #bands,body.the_tangerines #bands,body.the_engines_of_love #bands,body.mauvais #bands,body.theo-clark #bands { position:absolute; width:280px; top:302px; right:0; background-image:none; padding:0; margin:0; }
	#navigation ul li { float:left; padding-left:16px;}
		#navigation ul li a { display:block; float:left; height:15px; text-indent:-9999px;}
			ul#mainnav { position:absolute; right:20px; top:12px; background:url(../navigation/back_navigation.gif) right 22px no-repeat; height:30px; padding:52px 0 17px 0; list-style-type:none;}	
		    ul#mainnav li { padding-left:10px;}
			ul#bandnav { list-style-type:none; padding-left:4px; width:451px;}
#cartlink { position:absolute; right:64px; top:20px;}
	#cartlink a { color:#fff;}
		#cartlink a:hover { text-decoration:underline;}

ul#social { position:absolute; top:16px; right:70px; list-style-type:none;}
  ul#social li { padding-left:5px;}
    ul#social li a { float:left; width:24px; height:24px; background-image:url(../navigation/social.png);}
      ul#social li a#ayoutube { background-position:-24px 0;}
      ul#social li a#avimeo { background-position:-48px 0;}

/* Content */

#content { width:740px; margin:0 auto; padding:55px 0 5px 0; overflow:hidden;}
h3 { padding-bottom:20px; height:25px; background-repeat:no-repeat; text-indent:-9999px;}
iframe.video { margin-bottom:3.5em;}

/* Text */

#text { float:left; width:440px; padding-right:40px; text-align:justify;}
	#text.full { width:740px; padding-right:0;}
h4 { font-size:10px; line-height:14px; font-weight:bold; color:#f90; padding-bottom:14px; clear:both;}
	h4 span { color:#ccc; font-weight:normal;}
.extrait { float:left; padding-bottom:14px;}
	.extrait .audio { background-repeat:no-repeat; background-position:0 1px; display:block; padding:0 0 2px 15px;}
.storeitem { width:232px; text-align:left;}
table { width:100%; padding-bottom:28px;}
	td,th { padding:8px 30px 8px 0; border-bottom:1px solid #666;}
	th { text-align:left; border-bottom-width:3px;}
		.prix,.actions { text-align:right;}
		.actions { padding-right:0;}
		.total { border-top:2px solid #666;}
#cartform label { display:block; padding:5px 0 3px 0;}
.merchpics div { overflow:hidden; width:100px; height:100px;}
#merchiframe { margin:0 -90px;}

#blackfade { position:absolute; left:0; top:0; width:100%; background-color:#000; z-index:90; opacity:0.87; -moz-opacity:0.87; -khtml-opacity:0.87;}
.popup { background-color:#000; border:1px solid #666; position:absolute; padding:14px; z-index:100;}
.popup p { text-align:left;}

/* Sidebar */

#sidebar { float:left; width:260px;}
	#sidebar h4 { padding-bottom:0;}

/* Footer */

#footer { clear:both;}
	#footer div { width:740px; margin:0 auto; text-align:left; padding:14px 0; color:#666; font-size:9px;}
	#footer a { color:#666; text-decoration:none;}
		#footer a:hover { color:#999;}