/*-----------------------------------------------------------------------------
Primary Style Sheet

version:   1.0
author:    DRAWING AND MANUAL.
website:   http://www.d-deprtment.jp

-----------------------------------------------------------------------------*/

html {  width:100%;
		height:100%; 
		overflow-x:hidden; 
		padding: 0;
		overflow-y: scroll;
		}

body { width:100%;
		height:100%;
		color:#fff; 
		background-color:#070707; 
		background-position: center top;
		background-repeat: no-repeat; 
		background-attachment: fixed;
		background-image:url('/templates/img/background.jpg');
		font:13px/1.231 Helvetica, Arial, Clean, sans-serif;
		}

img{margin:0;padding:0;border:none;}
a:focus, a:hover, a:active { outline:none }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}


/* Container ----------------------------------------------------------------*/
#container {
	margin:0 auto;
	width:828px;
	text-align:left;
	padding: 100px 0 0 0;
}



        
/* top nav -------------------------------------------------------------------*/
#top-nav {
	font-size:100%;
	top:0;
	left:0;
	margin:0 0 0 0;
	padding:10px;
	text-align: right;
	min-width:900px;
	width: 100%;
	display:block;
	background-color:#000000;
	height: 20px;
	position: fixed;
	z-index: 20;
	}

#top-nav span.logo { margin: -10px 0 0 5px; float: left }
#top-nav span.myspace { margin: 0px 20px 0 0; float: right }

#top-nav span.panier {
	margin: 0 50px 0 0;
	float: right;
	border-bottom: 3px solid #000000;
	line-height:1.5em;
	}

#top-nav span.panier a {
	display: inline-block;
	font-family:Helvetica, Arial black, sans-serif;
	text-decoration: none;
	color:#FFF;
	font-size: 100%;
	font-weight: normal;
	text-transform:uppercase;
	}
	
#top-nav span.panier a:hover {border-bottom: 3px solid #FFFFFF;}

#top-nav span.panier-page {
	margin: 0 50px 0 0;
	float: right;
	border-bottom: 3px solid #FFFFFF;
	line-height:1.5em;
	}

#top-nav span.panier-page a {
	display: inline-block;
	font-family:Helvetica, Arial black, sans-serif;
	text-decoration: none;
	color:#FFF;
	font-size: 100%;
	font-weight: normal;
	text-transform:uppercase;
	}

#top-nav span.panier_nb { 
	margin: -10px 5px 0 0; 
	padding: 12px 5px 0 0;
	float: right;
	background-image:url('/templates/img/panier.gif');
		background-repeat: no-repeat; 
	text-align:right;
	width: 26px;
	height:40px;
	font-family:Helvetica, Arial black, sans-serif;
	color:#FFF;
	font-size: 100%;
	font-weight: normal;
	text-transform:uppercase;
	}

#top-nav ul {
	float: right;
	display: inline;
	padding: 0 0 0 0;
	margin: 0;
}
#top-nav ul li{
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
	line-height:1.5em;
}
#top-nav ul li a {
	display: inline-block;
	color: #fff;
	font-family:Helvetica, Arial black, sans-serif;
	text-decoration: none;
	padding: 0;
	margin: 0;
	font-size: 95%;
	font-weight: normal;
	text-transform:uppercase;
	border-bottom: 3px solid #000000;
}

#top-nav ul li a:hover {border-bottom: 3px solid #FFFFFF;}

#top-nav ul li a.active {border-bottom: 3px solid #FFFFFF;}
	

/* promo home ----------------------------------------------------------------*/


.image_promo_home {	padding: 70px; }
.passer_site a { font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:175%; font-weight: bold; text-decoration:none; }
.passer_site a:hover { color:#FFFFFF; text-decoration:none; }


/* Accueil -------------------------------------------------------------------*/

.block_news_accueil {		
	border:0;
	font-family: Helvetica, Arial, sans-serif;
	width: 606px;
	float: left;
	display:block;
	margin: auto;
	}
	

.hot_news {
	display:block;
	float:left; 
	width: 576px;
	padding: 15px 15px 15px 15px; 
	margin: 0 0 28px 0;
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	background-color: #050505;
	}
	
.hot_news h3 { padding-bottom: 10px; font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:175%; line-height: 1.0em; font-weight: bold; }
.hot_news p { text-align: justify; font-size:90%; font-family:Helvetica, Arial, sans-serif; color:#777777; line-height: 1.3em; }
.hot_news a { color:#FFFFFF; text-decoration:none; }
.hot_news a:hover { color:#FFFFFF; text-decoration:none; }
.image_news img{ float: left; padding-right:15px; }


#container_promo {		
	border:0;	
	font-family: Helvetica, Arial, sans-serif;
	float:right;
	display:block;
	width: 194px;
	margin: auto;
	}

.promo_title{
	width:174px;
	font-family: Helvetica, Arial black, sans-serif; 
	text-transform:uppercase;
	height: 10px;
}

#container_promo div.item{
	background:#000;
	width:174px;
	text-align:left;
	padding: 10px 10px 5px 10px;
	margin: 0 0 10px 0;
}
#container_promo div.item div.body{
	line-height: 1.2em;
	padding: 8px;
}
#container_promo div.item div.body {
	font-family: Helvetica, Arial black, sans-serif; 
	color:#FFFFFF; 
	text-transform:uppercase; 
	display:block; 
	font-size:175%; 
	line-height: 1.0em; 
	font-weight: bold;
	margin: 15px 0 0 0;
	}

#container_promo div.item .promo_title_link{
	font-size:90%;
	font-weight: bold;
	padding-top: 0; 
	font-family:Helvetica, Arial, sans-serif; 
	color:#7f7e7b; 
	display:block; 
	line-height: 1.3em;
}

.promo_title_link a { text-transform:uppercase; display:block; font-size: 15px; color:#FFFFFF; text-decoration:none; margin-top: 10px; border-bottom: 3px solid #000;}
.promo_title_link a:hover { border-bottom: 3px solid #FFFFFF;  }
.promo_title_link p {margin: 0 0 10px 0;}

#container_promo div.item div.body ul{
	font-size:85%;
	margin:0;
	padding:0;
}




/* Band -------------------------------------------------------------------*/


#band_nav {		
	border:0;	
	font-family: Helvetica, Arial, sans-serif;
	float:left;
	display:block;
	padding: 0 0 0 0;
	width: 290px;
	margin: auto;
	}

#band_nav ul {
	margin: 0 0 0 0;
	text-align: left;
	list-style-type:none;
	line-height: 2.1em;
	}


#band_nav li a {
	display:block;
	text-decoration:none;
	color:#333;
	margin: 0 0 0 0;
	font-size:230%;
	text-transform:uppercase;
	font-weight: bold; 
	cursor: pointer;
	}

#band_nav li a:hover,
#band_nav li a.sel {
	color:#fff;
	}
	

#band_container {		
	border: 0;
	font-family: Helvetica, Arial, sans-serif;
	width: 490px;
	float: right;
	background-color: #050505;
	display: block;
	padding: 10px; 
	}

.img_band {
	background-color : transparent;
	background-repeat : no-repeat;
	height : 163px;
	width : 163px;
	background-position : -0px -163px;
	float:left;
	}


/* Band detail --------------------------------------------------------------*/


.band_detail {		
	border:0;
	float: left;
	display:block;
	margin: auto;
	}

.band_detail h3 { padding-bottom: 10px; font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:230%; line-height: 1.0em; font-weight: bold; }
.band_detail p { text-align: justify; font-size:90%; padding-top: 10px; padding-bottom: 15px; font-family:Helvetica, Arial, sans-serif; color:#777777; line-height: 1.3em; }
.band_detail a { color:#FFFFFF; text-decoration:none; }
.band_detail img{ margin:5px 0 0 0; }
.image_band img{ float: right; margin:8px 0 15px 15px; border: 7px solid #000; }


.band_albums {		
	border:0;
	float: left;
	display:block;
	margin: auto;
	padding: 20px 0 0 0;
	width : 828px;
	}

.band_albums h1 { padding-bottom: 4px; font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:130%; line-height: 1.0em; font-weight: normal; border-bottom: 1px solid #FFFFFF; }

.band_albums_fond {		
	border:0;
	float: left;
	display:block;
	background:#000;
	width : 828px;
	}

.band_block_albums {
	border:0;
	float: left;
	display:block;
	padding: 10px 0 0 13px;
	width : 150px;
	text-align:center;
	}

.band_block_albums a { text-transform:uppercase; display:block; font-size: 10px; color:#FFFFFF; text-decoration:none; border-bottom: 2px solid #000;}
.band_block_albums a:hover {  border-bottom: 2px solid #FFFFFF; }


/* shop albums --------------------------------------------------------------*/


#view_cat {	
	font-family: Helvetica, Arial, sans-serif;
	float: left;
	display: block;
	width: 500px;
	margin: 0 0 0 14px;
	}

#view_cat ul {
	list-style-type:none;
	text-align: left;
	line-height: 2.1em;
	}

#view_cat ul li{
	display: inline;
	padding: 0;
	margin: 0 30px 0 0;
	}

#view_cat li a {
	text-decoration:none;
	color:#555;
	font-size:130%;
	text-transform:uppercase;
	font-weight: bold; 
	}

#view_cat li a:hover,
#view_cat li a.sel {
	color:#fff;
	}



.info_shop {		
	border:0;
	float: right;
	display:block;
	width : 812px;
	margin-bottom: 12px;
	}

.info_shop p{ font-family:Helvetica, Arial black, sans-serif; color:#777; font-size:100%; line-height: 1.0em; font-weight: normal; }
.info_shop a{ color:#FFF; text-decoration:none; }
.info_shop img{ float: left; display:block; padding-right:10px; }

.ligne_prod {
	border:0;
	float: left;
	display:block;
	width : 828px;
	margin-top: 25px;
	padding: 0 0 0 13px;
	}

.block_prod {		
	border:0;
	float: left;
	display:block;
	padding: 10px 10px 5px 10px;
	width : 150px;
	background:#000;
	}

.block_prod a { text-transform:uppercase; display:block; font-size: 120%; color:#FFFFFF; text-decoration:none; font-weight: bold; border-bottom: 2px solid #000; line-height: 1.2em;}
.block_prod a:hover {  border-bottom: 2px solid #FFFFFF; }
.block_prod img { padding-bottom:5px; }

.spacer_prod {
	border:0;
	float: left;
	display:block;
	width: 40px;
	height: 150px;
	margin: auto;
	}


/* Album detail --------------------------------------------------------------*/


.nav_shop_album {
	border:0;
	float: left;
	display:block;
	margin: auto;
	width: 750px;
	text-align:left;
}

.nav_shop_album p{ padding-bottom: 10px; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#777;font-size:100%; text-decoration:none; }
.nav_shop_album a{ text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:100%; text-decoration:none; }

.block_pochette{
	border:0;
	float: left;
	display:block;
	margin: auto;
	text-align:left;
}

.block_pochette img{ border: 7px solid #000; }
.block_pochette a{ font-family:Helvetica, Arial, sans-serif; color:#777;font-size:90%; text-decoration:none; }

.bd_album {		
	border:0;
	float: right;
	display:block;
	width: 570px;
	height: 350px;
	}

.bloc_desc {
	border:0;
	float: left;
	display:block;
	width: 400px;
}

.bloc_desc h3 { padding-bottom: 5px; font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:170%; line-height: 1.0em; font-weight: bold; }
.bloc_desc h1 { padding-bottom: 5px; font-family:Helvetica, Arial black, sans-serif; color:#777777; text-transform:uppercase; font-size:130%; line-height: 1.0em; font-weight: normal; text-decoration:none; }
.bloc_desc h1 a{ color:#777777; text-decoration:none; }
.bloc_desc h1 a:hover{ color:#777777; text-decoration:underline; }
.bloc_desc p { height:120px; font-size:90%; padding-top: 10px; padding-bottom: 15px; font-family:Helvetica, Arial, sans-serif; color:#777777; line-height: 1.3em; }


.block_prix{		
	border:0;
	float: right;
	display:block;
	text-align:right;
}

.prix_ajouter_album{		
	border:0;
	display:block;
	text-align:right;
	}

.prix_ajouter_album h3 { font-family:Helvetica, Arial, sans-serif; color:#FFF; text-transform:uppercase; font-size: 430%; font-weight: normal; line-height: 1.0em;}

.bd_album h2 { display:block; float: left; padding-bottom: 5px; font-family:Helvetica, Arial black, sans-serif; color:#FFF; text-transform:uppercase; font-size:100%; line-height: 1.0em; font-weight: bold; text-decoration:none; border-bottom: 2px solid #FFF; width:100%; margin-bottom: 10px; }

.list_tl {		
	border:0;
	float: left;
	display:block;
	width: 283px;
	border-right: 1px solid #777;
	}

.list_tl ul li {
	margin: 0 0 4px 0;
	font-family:Helvetica, Arial black, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.0em;
	font-weight: normal;
}

.list_tr {		
	border:0;
	float: right;
	display:block;
	width: 283px;
	}

.list_tr ul li {
	margin: 0 0 4px 4px;
	font-family:Helvetica, Arial black, sans-serif;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 1.0em;
	font-weight: normal;
}

.choix_albums_block {		
	border:0;
	float: left;
	display:block;
	margin: auto;
	padding: 60px 0 0 0;
	width : 828px;
	}

.choix_albums_block h1 { padding-bottom: 4px; font-family:Helvetica, Arial black, sans-serif; color:#FFFFFF; text-transform:uppercase; font-size:100%; line-height: 1.0em; font-weight: normal; border-bottom: 1px solid #FFFFFF; }

.choix_albums_fond {		
	border:0;
	float: left;
	display:block;
	background:#000;
	width : 828px;
	}

.choix_albums {		
	border:0;
	float: left;
	display:block;
	padding: 10px 0 0 13px;
	width : 150px;
	text-align:center;
	}

.choix_albums a { text-transform:uppercase; display:block; font-size: 10px; color:#FFFFFF; text-decoration:none; border-bottom: 2px solid #000;}
.choix_albums a:hover {  border-bottom: 2px solid #FFFFFF; }
.choix_albums img { border:0; }


/* bag ----------------------------------------------------------------*/


.msg_shop{ padding-bottom: 30px; ont-family:Helvetica, Arial, sans-serif; color:#777;font-size:11px; }

.nav_shop_bag {
	border:0;
	float: left;
	display:block;
	margin: auto;
	width: 750px;
	text-align:left;
}

.nav_shop_bag p{ padding-bottom: 20px; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#777;font-size:100%; text-decoration:none; }
.nav_shop_bag a{ text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:100%; text-decoration:none; }

#shop_bag_ligne {		
	border:0;
	float: left;
	display:block;
	margin: 0 0 20px 64px;
	padding: 10px 0 0 0;
	width : 700px;
	border-bottom: 2px solid #FFFFFF;
	}
	
.shop_bag_ligne_art { border:0; float: left; display:block; padding: 0 0 4px 0; width : 394px; text-align:left; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:100%; }
.shop_bag_ligne_qty { border:0; float: left; display:block; padding: 0 0 4px 0; width : 130px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:100%; }
.shop_bag_ligne_ttc { border:0; float: left; display:block; padding: 0 0 4px 0; width : 130px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:100%; }

#shop_bag_line {		
	border:0;
	float: left;
	display:block;
	margin: 0 0 0 64px;
	padding: 0 0 10px 0;
	width : 700px;
	}
	
.shop_bag_line_art { border:0; float: left; display:block; padding: 0; width : 394px; text-align:left; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; font-size:90%; }
.shop_bag_line_art a { text-decoration:none; color:#FFF; }
.shop_bag_line_art a:hover { text-decoration:underline; color:#FFF; }
.shop_bag_line_art p { text-align:left; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#777;font-size:80%; }
.shop_bag_line_qty { border:0; float: left; display:block; padding: 0; width : 130px; text-align:right; }
.shop_bag_line_ttc { border:0; float: left; display:block; padding: 0; width : 130px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:90%; }
.shop_bag_line_ttc p { text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#777;font-size:70%; }
.shop_bag_line_supp { border:0; float: left; display:block; padding: 0; width : 46px; text-align:center; }

#shop_bag_line_tot {		
	border:0;
	float: left;
	display:block;
	margin: 0 0 0 64px;
	padding: 40px 0 0 0;
	width : 700px;
	}

.block_shop_tot {		
	border:0;
	float: right;
	display:block;
	width : 305px;
	border-top: 1px solid #FFFFFF;
	}

.shop_bag_line_total { border:0; float: left; display:block; padding: 0; margin: 5px 0 0 0; width : 235px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:90%; font-weight:normal; }
.shop_bag_line_total2 { border:0; float: left; display:block; padding: 0; margin: 5px 0 0 0; width : 70px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:90%; font-weight:normal; }
.shop_bag_line_total3 { float: left; display:block; padding: 0; margin: 5px 0 0 0; width : 235px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:90%; font-weight:bold; }
.shop_bag_line_total4 { float: left; display:block; padding: 0; margin: 5px 0 0 0; width : 70px; text-align:right; text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; color:#FFF;font-size:90%; font-weight:bold; }

.shop_btg { border:0; float: left; display:block; padding: 0; width : 250px; text-align:left; }
.shop_btd { border:0; float: right; display:block; padding: 0; width : 250px; text-align:right; }


/* videos --------------------------------------------------------------*/


.fond_vid {		
	border:0;
	float: left;
	display:block;
	width : 828px;
	padding: 0 0 27px 0;
	}


.ligne_vid {
	border:0;
	float: left;
	display:block;
	margin: 27px 0 0 0;
	}

.block_vid {		
	border:0;
	float: left;
	display:block;
	padding: 10px;
	width : 240px;
	background:#000;
	}
	
.spacer_vid {
	border:0;
	float: left;
	display:block;
	width: 22px;
	height: 150px;
	margin: auto;
	}
	
.block_vid a { text-transform:uppercase; display:block; font-size: 150%; color:#FFF; text-decoration:none; font-weight: bold; line-height: 1.0em; }
.block_vid img { padding: 0 0 10px 0; }




/* cgv -------------------------------------------------------------------*/



.cgv {
	font-family: Helvetica, Arial black, sans-serif; 
	color:#777; 
	font-size:100%; 
	}

.cgv ul{
	padding: 20px 0 20px 40px;
	}
	
.cgv li{
	list-style-type: decimal;	
	}

.cgv h2 { font-family:Helvetica, Arial black, sans-serif; color:#FFF; font-size:130%; line-height: 1.0em; font-weight: bold; }
.cgv h3 { padding-bottom: 20px; font-family:Helvetica, Arial black, sans-serif; color:#FFF; text-transform:uppercase; font-size:230%; line-height: 1.2em; font-weight: bold; }



/* espace pro ---------------------------------------------------------------*/

.directory {
	font-size:38px;
	text-transform:uppercase;
	font-weight: bold; 
}

.file {
	font-size:20px;
	text-transform:uppercase;
	font-weight: bold; 
	padding: 0px;
	margin: 0px;
}

UL.download_block LI {
	list-style: none;
	padding-left: 70px;
	white-space: nowrap;
}

.directory A {
	color:#FFF;
	text-decoration: none;
}

.file A {
	color:#777;
	text-decoration: none;
}


/* footer -------------------------------------------------------------------*/
#spacer_footer {	
	float: left;
	display: block;
	width: 828px;	
	padding: 0 0 60px 0;
	}

#footer {
	position:relative;
	/* float: left; */
	font-size:77%;
	top:0;
	left:0;
	margin: 30px 0 0 0;
	padding: 8px 0 22px 0;
	text-align: left;
	clear:both;	
	border-top: #fff 3px solid;
}
#footer span.copyright { float: right; padding-bottom: 20px; }

#footer span.copyright a { color:#FFF; text-decoration:none; }
#footer span.copyright a:hover { color:#FFF; text-decoration:underline; }

#footer ul{
	display: inline;
	font-size:93%;
}
#footer ul li{
	display: inline;
	padding: 0 8px;
	margin: 2px 0;
	line-height:1.5em;
}
#footer ul li a {
	display: inline-block;
	text-decoration: none;
	color:#FFFFFF;
	text-transform:uppercase;
	padding-bottom:2px;
}

#footer li a:hover,
#footer li a.sel {
	color:#fff;
	border-bottom: 2px solid #FFFFFF;
	padding-bottom:0;
	}