body {
    max-width:1520px;
    min-width: 987px;
    margin:0 auto;
    padding:0;
    font:normal normal normal 0.8125em Arial,Helvetica,sans-serif;
    font-size: 10pt;
    background: #151515;
    color: white;
}

#page {
    border-left:0px solid #ccc;
    border-right:0px solid #ccc;
    border-bottom:0px solid #ccc;
    padding:0;
    background: #151515;
}

a {
    color:#03b;
    text-decoration:none;
    cursor:pointer;
    overflow:hidden;
    outline:none;
}
a:visited {color:#ff0033;}
a:hover {color: black;text-decoration:underline;}
a.disabled {cursor:default;}
a img {border:0;}

a span.unlink {color:black;}
a:hover span.unlink {text-decoration:none;}


/* share this */
.shareThis{position:relative;float:left;width:11%; padding: 0 2px;}
.shareThis a.share{display:block;float:left;padding:2px 0 0px;width:100%;background-color:#333;text-decoration:none;color: #fff;font-size:90%;border:1px solid #000;border-radius:3px;text-align:center;letter-spacing:-0.02em;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.shareThis a.share:hover,.shareThis:hover a{background-color:#ff0033;border:1px solid #ff0033;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;color:#fff;text-decoration:none;}
.shareThis .bubble{display:none; width:288px;max-height:300px;left:0px;top:0px;z-index:200;padding:4px 6px;margin-top: 20px!important;background-color:#151515;-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.4);-moz-border-radius:4px;-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.4);-webkit-border-radius:4px;box-shadow:0px 0px 4px rgba(0,0,0,0.4);border-radius:4px;}
.shareThis .bubble a{border-radius:0;border:0; background:#000;position:relative;z-index:500;}
.shareThis .bubble a:hover{ text-decoration: underline; }
.shareThis .bubble li{list-style-type:none;padding:0;margin:0;clear:left;border:0;}
.shareThis .bubble li a { border:0;border-radius:0; }
.shareThis .bubble li a:hover { color: #ff0033;text-decoration: underline;}

.shareThis .bubble a span{display:none;}

.shareThis ul {
	z-index: 300;
    clear: none;
    font-family: Helvetica, Arial, sans-serif;
    list-style-type: none;
    position: absolute;
    margin: 20px 0 0 0;
    padding: 0em;
}
.shareThis ul li {
    z-index: 200;
    padding: 0 5em;
    clear: left;
}
/* tabs (code inspired by smashing magazine's comment tabs */
ul.tabs li a{}
ul.tabs li a:hover{}
.tabbed-content div.sectionsx{overflow:hidden;}
.tabbed-content div.sectionn{display:none; width: 52%; max-height:461px; float: right; margin: 25px 0 0 0; }

.tabs,.tabs li{margin:0;padding:0;list-style-type:none;}
.tabs-wrap{position: absolute; top:42px;left:359px; padding-bottom:0;background-color:transparent;margin:0;}
.tabs{list-style:none;overflow:hidden;height:44px;position:relative;text-transform:uppercase;padding-right:12px;}
.tabs li{float: left;text-align:center;height:36px;background-color:transparent;background-repeat:no-repeat;background-position:right top;margin-right:-20px;padding-right:24px;margin-top:4px;position:relative;z-index:0;bottom:-4px;/* <-for the animation */line-height:28px;}
.tabs li a{height:36px;color:#333;float:left;text-decoration:none;font-weight:normal;background-color:transparent;background-repeat:no-repeat;background-position:left top;padding-left:26px;padding-right:4px;}
.tabs li:hover{background-position:right -37px;}
.tabs li:hover a,.tabs li a:hover{color: #fff;background-position:0 -37px;}
.tabs li.active{background-position:100% -37px;z-index:8;padding-right:24px;}
.tabs li.active a,.tabs li.active a:hover{background-position:0 -37px;color:#fff;text-shadow:#333 1px 1px 1px; font-size: 10pt;}

a.js-link{cursor:pointer;text-decoration:underline;}
a.js-link:hover{text-decoration:none;}
.hidden{display:none;}

/*.tabs-wrap{background-image:url(images/tabs-bg.png);}*/
.tabs li{background-image:url(images/tabs-cc.png);}
.tabs li a{background-image:url(images/tabss.png);}
#site-title p.headline{color:#44a1fb;}
.altText{color:#3873bd;}


#imagevolume { background: #E8E600;width: 41%; float: left; }
#headcompile { width: 100%; height: 461px; background: #E8E600; margin:0; border-bottom: 0px solid #444; }
#latracklist { width: 52%; height:461px; float: right; background: #E8E600;margin:0; color: #151515; }
#latracklist h3 { padding-top: 10px; font-size: 12pt; }
html>body #latracklist h3 { padding-top: 0; }
.ptxt { line-height: 1.5; font-size: 10pt;font-family: Georgia, 'Trebuchet MS', Georgia, Arial, serif; color: #333; text-align: left; }
.bye { border: 3px solid #444; top: 60px; margin-left: 180px; padding: 0 10px; position: absolute; z-index: 20; color: #151515; background: #fff;display: none; }
.bye a:hover { color: #151515; }
.bye a, .bye a:visited { color: #ff0033; }

.separation { padding-top: 5px; border-top: 1px dotted #ccc; }

.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
.clear_left {clear:left;}
.clear_right {clear:right;}
.nowrap {white-space:nowrap;}
.hidden {display:none;}

.center {text-align:center;}

.presentation p { font-size:9pt; width:92%; line-height: 12pt; }

div.nextpage {text-align: left;margin-top:1em;clear:left;}


#content { width:90%; margin:0px;}
#content .archive { float:left; width:100%; font-size:11px; padding:0px; margin-top:0px; margin-bottom:0px;}
#content .archive .toprow { background-color:#000; cursor:default; color:#e0006c; font-weight: bold; border-bottom:#FFF 2px solid; }

#content .archive .toprow:hover { background-color:#000;}
#content .archive .project-row:hover a{ color:#e0006c; }
#content .archive .project-row { background-color:#E8E600;}
#content .archive tr:hover{ background-color:#fff; }
#content .archive td { padding-bottom: 1px;border-bottom:#7C8014 1px solid;}
#content .archive td:hover { color: #e0006c; cursor:default;}
#content .archive a { color:#222; text-decoration:none;}
#content .archive a:hover { color:#e0006c; font-weight: bold;}
#content .archive .on { color:#e0006c;}
#content .archive { cursor:pointer;}

#content a { color:#e0006c; text-decoration:none;}
#content a:hover { color:#000000;}

.menus { padding: 4px 10px; color:#ff0033; text-align:left; }
.menus a { color:white!important; text-decoration: none; }
.menus a:visited, .menus a:active { color:white!important; text-decoration: none; }
.menus:hover { background:#ff0033; color:white; }
.menus a:hover { color: black!important; }

div.menu {
    display:none;
    position:absolute;
    border:1px solid gray;
    background:white;
    padding:0;
    z-index:500;
}
div.menu.active {display:block;}

div.menu a, div.menu div {
    display:block;
    white-space:nowrap;
    border-bottom:1px solid #eee;
    padding:5px 10px;
    font-size:12px;
    background:#fcfcfc;
}
div.menu a.last, div.menu div.last {border-bottom:0;}
div.menu a.grouplast, div.menu div.grouplast {border-bottom:1px solid gray;}
div.menu a:hover, div.menu div:hover {background:#eec;}

#header {color: #151515;margin-bottom:1em;padding:0px 0 0px 5px;border-bottom:0px solid #444;}
#header div.logo {float:left;width:128px;height:47px;}

#header div.menu_head {
    float:left;
    padding:4px 7px;
    border:1px solid white;
    border-bottom:0;
    font-size:16px;
    margin-top:-3px;
}
#header div.menu_head.active {
    background-color:#eec;
    border-color:gray;
}
#header div.menu_head a {text-decoration: none;color:#004;}

#menu_head_my {margin-left:25px;}

div.tools {
    white-space:nowrap;
    text-align:right;
    font-size:12px;
    text-align:right;
    padding:10px 5px 5px 0;
}
div.tools a {margin-left:10px;}
div.tools a:visited {color:#039;}
div.tools a.messages {padding-left:14px;background-position:-188px -92px;}
div.tools a.cart, div.tools a.unread {color:#a00;font-weight:bold;}
div.tools a.cart {padding-left:16px;background-position:-186px -108px;}

#complements { clear:both; padding-left:10px; }

#footer p.gr, #footer p.gr a {color:#666; font-size: 8pt; font-style: italic; font-weight: normal;font-family: "Georgia"}
#footer p.gr a { font-weight: bold;}

#footer {
  border-bottom: 0px solid #ccc;
  border-top: 0px solid #555;
  padding-left: 10px;
  margin-top: 80px;
  margin-bottom: 4px;
  clear:both;
}

div.lr {padding-right:310px;margin:0 auto;}
div.left, div.right {margin-bottom: 10px;position:relative;float:left;}
div.left {width:100%;padding:0px 10px 0px 5px;}
div.lr div.right {width:290px;margin-right:-305px;}

div.section {margin-bottom:10px;}
div.section h3 {
    margin:0;
    color:#444;
    font-size:13px;
    font-weight:bold;
    border-bottom:1px solid #555;
    padding:0 5px 1px;
}
div.section.major h3 {background:#eee;padding:4px 5px 2px;}
div.section h3 span.filter {font-weight:normal;margin-left:15px;}
div.section div.section_content {padding:5px; padding-top:45px;}
/*nunu*/
div.section span.action {float:right;font-size: 8pt;margin:0 5px 0 3px;padding-top:4px;}

div.section a.action {float:right;font-size: 8pt;margin:0 5px 0 3px;padding-top:4px;}
div.section.major a.action {margin-top:4px;}
div.section a.action.menu_head {
    cursor:default;
    padding:1px 13px 1px 6px;
    border:1px solid #eee;
    border-bottom:0;
    height:13px;
    background:#eee url(/images/menudn.png) no-repeat scroll right center;
}
div.section a.action.menu_head.active {
    border-color:gray;
    background-color:#eec;
    color: white;
    text-decoration:none;
}
div.section a.action.menu_head:hover {}

div.body {margin-bottom:10px;}
div.profile h1 {margin:0;padding-bottom:5px;font-size:14pt;}
div.profile div.head {float:left;width:80px;padding-bottom:3px;font-weight: bold; color:#151515; font-size: 10pt;}
div.profile div.content {padding-left:85px;padding-bottom:3px; font-size: 10pt;}


/* modif nun dessous*/
a, a:hover {color: #151515; font-weight: bold;}
a:hover {text-decoration: underline;}
a:visited {color: white;text-decoration: none;}
div.section.tracklist1 { color: #151515!important; font-size: 8pt; font-family: 'Trebuchet MS'; }
div.section.tracklist1 td:hover.track_duration {background: #ff0033; color: #151515!important;}
div.section.tracklist1 td.track_duration a:hover {color: #151515!important;background: #ff0033;}
	
div.section.tracklist1 a.itunes_album_link {float:right;padding:3px 5px;}
div.section.tracklist1 table {border-collapse:collapse;width:99%;clear:none;}
div.section.tracklist1 td {border-top:1px solid #7C8014;padding:2px;vertical-align:top;}
div.section.tracklist1 td.track_index {font-weight:bold;}
div.section.tracklist1 td.track_pos {width:20px;white-space:nowrap;}
div.section.tracklist1 td.track_artists {text-align: left;}
div.section.tracklist1 td.track_duration {text-align: right;color:#444;padding-right:2px;width:10px;}
div.section.tracklist1 td.track_preview {width:0;}
div.section.tracklist1 tr.track_extra_artists td {padding:0 2px 1px;border-top:0;font-size:11px;}
div.section.tracklist1 tr.first td {border-top:0;}

div.section.major.tracklist p { line-height: 1.5; font-size: 10pt;font-family: Georgia, 'Trebuchet MS', Georgia, Arial, serif; color: #f9f9f9; text-align: left; }

/* fin modif nun */
div.section.tracklist a.itunes_album_link {float:right;padding:3px 5px;}
div.section.tracklist table {border-collapse:collapse;width:99%;clear:none;}
div.section.tracklist td {border-top:1px solid #ddd;padding:2px;vertical-align:top;}
div.section.tracklist td.track_index {font-weight:bold;}
div.section.tracklist td.track_pos {width:0;white-space:nowrap;}
div.section.tracklist td.track_artists {text-align: left;}
div.section.tracklist td.track_duration {text-align: right;color:#444;padding-right:10px;width:0;}
div.section.tracklist td.track_preview {width:0;}
div.section.tracklist tr.track_extra_artists td {padding:0 2px 1px;border-top:0;font-size:11px;}
div.section.tracklist tr.first td {border-top:0;}
div.section.credits span.role, div.section.barcodes span.type {color:#444;}


a.itunes_album {display: none;}
td.track_itunes {display: visible;}

span.rating_value {font-size:16px;font-weight:bold;}

h2 { margin-top:0px;margin-bottom:0px; }
h4 { margin-top:0px;margin-bottom:0px; }
em {font-weight:bold;font-style:normal;}



/* New homepage */

#searchbar {
  -moz-border-radius:3px;-webkit-border-radius:3px;
  padding: 0.4em 1.2em;
  background: #151515;
}
#searchbar_form {float:left; width:45%}
#searchbar_form h2 {color:white}
#searchbar_form input {font-size:12pt;color:#999;width:70%;}
#searchbar_form input[type="submit"] {color:black;width:20%}

#sign_up_text {
  float:left;
  font-size: 11pt;
  font-weight:bold;
  color:white;
  width:79%;
}
#sign_up_button {
	width: 22%;
  float:right;
}
#sign_up_button a {
  background: #444;
  color: white;
  margin-right: .20em;
  font-size: 9pt;
  border: 3px white;
  -moz-border-radius:12px;-webkit-border-radius:12px;
  padding:.25em .5em;
  font-weight:bold;
}
#sign_up_button a:hover {
  text-decoration: none;
}


/* anim logo */
#adalogo {
	position: absolute;
	margin-top: 20px; 
	margin-left: 400px; 
	z-index: 2;
}
html>body #adalogo {
	opacity: 0;
	position: absolute;
	margin-top: 20px; 
	margin-left: 400px; 
	z-index: 2;
}
#volume {
	position: absolute;
	opacity: 0;
	margin-top: 20px; 
	margin-left: -400px; 
	z-index: 1;
}
html>body #volume {
	opacity: 0;
	position: absolute;
	margin-top: 20px; 
	margin-left: -400px; 
	z-index: 1;
}


/* section: DOWNLOAD HERE */
ul {
    clear: both;
    font-family: Helvetica, Arial, sans-serif;
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0em;
}

ul li {
    position: relative;
    z-index: 200;
    padding: 0 0em;
    line-height: 1.2;
    float: left;
}
ul.cards {
    padding: 0em 1em 1em 2.5em;
}
ul.cards li {
    color: #fff;
    background: #222;
    text-align: center;
    margin: 0;
    margin-bottom: 0.5em;
    padding: 0.25em 0 0 0em;
    height: 1.1em;
    -moz-border-radius:12px;-webkit-border-radius:12px;
    border: 2px solid #ff0033;
}
html>body ul.cards li {
    color: #fff;
    background: #222;
    text-align: center;
    margin: 0;
    margin-bottom: 2em;
    padding: 0.25em 0 0 0em;
    height: 1.5em;
	-moz-border-radius:12px;-webkit-border-radius:12px;
    border: 2px solid #ff0033;
}

ul.cards li a, ul.cards li a:hover {
    color: #fff;
    font-size: 9pt;
    font-style: normal;
    font-family: "Trebuchet MS";
    font-weight: normal;
    line-height: 1.2;
    text-decoration: none;
}

ul.cards li:hover {
    color: #f43;
}

ul.cards div.ahover {
	position: absolute;
	left: -195px!important;
    background: #f43;
    padding: 3px;
	-moz-border-radius:12px;-webkit-border-radius:12px;
    border: 0px solid #555;
}
html>body ul.cards div.ahover {
	position: none;
	left: 30px!important;
    background: #f43;
    padding: 3px;
    -moz-border-radius:12px;-webkit-border-radius:12px;
    border: 0px solid #555;
}

/* section right */

	  div.trak, div.trak2, div.trak3, div.trak4, div.trak5 { width:400px; display: none;}
	  
	  div.section_content a, div.trak a, div.trak2 a, div.trak3 a, div.trak4 a, div.trak5 a { font-size: 8pt;}
	  div.section_content a:visited { color: #151515; }
	  
			.active {font-size: 8pt; font-weight: bold; color: yellow;}
			.inside {font-size: 8pt;padding: 5px; color: white!important; background: #ff0033;}
