@CHARSET "UTF-8";

@font-face {
    font-family: "Noto Sans";
    src: url("fonts/NotoSans-Regular.ttf");
}

html {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Noto Sans", Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

#body {
	
}

.clearfloat {
	clear: both;
}

#jump_to_main_concert,
.learn_more {
	width: auto;
	height: 12px;
	font-size: 11px;
	color: #666;
	padding: 3px 7px 5px 19px;
	background: #EEE url('img/plus.gif') no-repeat 5px 5px;
	border-radius: 6px;
	float: right;
	box-shadow: 1px 1px 5px #222;
	cursor: pointer;
}

.learn_more:hover {
	background-color: #CCC;
	color: #444;
}

#gif_loader_wait {
	display: none;
	position: absolute;
	top: 130px;
	width: 100%;
	text-align: center;
	z-index: 2000;
}

.share_links { 
	margin: 0;
	padding: 15px 28px;
	background-color: #fff;
	width: 200px;
	box-sizing: border-box;
	position: relative;
	left: -5px;
	top: 5px;
}

/********************************************************************************************** Footer */

#footer_spacing {
	width: 100%;
	height: 50px;
	clear: both;
}

footer {
	max-width: 1236px;
	margin: 0 auto;
	padding: 10px 0 15px;
	clear: both;
	background-color: #444;
	color: #bbb;
	font-size: 11px;
	position: relative; /* this prevents overlapping elements */
}

footer .footer_elements {
	max-width: 1236px;
	margin: 0 auto;
	padding: 0 0 5px;
}

footer .footer_elements .footer_element {
	box-sizing: border-box;
	min-height: 210px;
	float: left;
	margin: 0;
	padding: 0 10px 0 12px;
	background: url('img/footer_sep.png') no-repeat left 5px;
}

footer .footer_elements .footer_element:first-of-type {
	padding-left: 14px;
	background: none;
}

footer .footer_elements .footer_element.elt_block {
	width: 225px;
}

footer .footer_elements .footer_element.elt_pro_access {
	width: 230px;
}

footer .footer_elements .footer_element.elt_social {
	width: 140px;
}

footer .footer_elements .footer_element.elt_subscribe {
	width: 190px;
}

footer .footer_elements .footer_element h4 {
	color: #fff;
}

footer .footer_elements .footer_element a {
	color: #bbb;
	text-decoration: none;
}

footer .footer_elements .footer_element .anchor {
	color: #fff;
}

footer .footer_elements .footer_element a:hover .anchor span {
	text-decoration: underline;
}

footer .footer_elements .footer_element #pro_acces_pwd {
	background-color: #232323;
	color: #666;
	font-size: 12px;
	position: relative;
	z-index: 20;
	
	width: 132px;
	padding: 6px 10px 5px;
	margin: 12px 0;
	
	border: 1px inset #666;
	border-top: none;
	border-left: none;
	border-radius: 16px;
	
	-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-o-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=6);
}

footer .footer_elements .footer_element #pro_access_logout,
footer .footer_elements .footer_element #pro_access_submit {
	background-color: #5d5f5a;
	color: #fff;
	font-weight: bold;
	position: relative;
	left: -21px;
	z-index: 10;
	cursor: pointer;
	
	padding: 5px 10px 5px 24px;
	margin: 0;
	
	border: 1px inset #555;
	border-top: none;
	border-left: none;
	border-radius: 0 16px 16px 0;
	
	-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-o-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.3);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=6);
}

footer .footer_elements .footer_element #pro_access_logout {
	border-radius: 16px;
	font-weight: normal;
	padding: 5px 15px;
	left: 0;
}

/** Firefox CSS hack **/
@-moz-document url-prefix() {
	footer .footer_elements .footer_element #pro_access_submit {
		padding-bottom: 4px;
	}
}


footer .footer_elements .footer_element #pro_acces_pwd:focus,
footer .footer_elements .footer_element #pro_access_submit:focus {
	outline: none;
}

footer .footer_elements .footer_element #pro_access_msg p { margin: 0; }
footer .footer_elements .footer_element #pro_access_msg p.error { }
footer .footer_elements .footer_element #pro_access_msg p.success { }

footer .footer_elements .footer_element ul.social_networks {
	list-style-type: none;
	padding: 0;
	margin: 0 10px 0 0;
}

footer .footer_elements .footer_element ul.social_networks > li {
	margin:0;
	padding: 0;
}

footer .footer_elements .footer_element ul.social_networks > li > a {
	display: inline-block;
	height: 32px;
	box-sizing: border-box;
	margin: 0;
	padding: 6px 0 0 32px;
	background-repeat: no-repeat;
	background-position: left center;
}

footer .footer_elements .footer_element ul.social_networks > li > a:hover {
	text-decoration: underline;
	opacity: 0.7;
}

footer .footer_elements .footer_element .subscribe_section {
	background-color: #232323;
	padding: 8px 3px;
	text-align: center;
	
	border-radius: 22px;
	border: 1px inset #666;
	border-top: none;
	border-left: none;
	
	box-sizing: border-box;
	width: 162px;

	-moz-box-shadow: inset 1px 1px 2px 0px #000000;
	-webkit-box-shadow: inset 1px 1px 2px 0px #000000;
	-o-box-shadow: inset 1px 1px 2px 0px #000000;
	box-shadow: inset 1px 1px 2px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

footer .footer_elements .footer_element .subscribe_section p {
	margin: 0 5px;
}

footer .footer_elements .footer_element .subscribe_section .bt_subscribe {
	display: block;
	width: 138px;
	height: 42px;
	box-sizing: border-box;
	padding: 10px 15px 0 0;
	margin: 6px 7px 1px 10px;
	background: url('img/bt_subscribe.png') no-repeat;
	background-position: bottom center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

footer .footer_elements .footer_element .subscribe_section .bt_subscribe:hover {
	background-position: top center;
}

footer .footer_elements .footer_element .subscribe_section .ico {
	background: url('img/newsletter_ico.png') no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
	bottom: 2px;
	right: 5px;
}

/********************************************************************************************** Header */

header {
	margin: 0 auto;
	max-width: 1236px;
	
	background: #444 url('img/top_header.png') repeat-x top;
	color: #FFF;
	padding: 0;
	
	position: relative;
	z-index: 100;
	
	-moz-box-shadow: 0px 3px 8px 0px #000000;
	-webkit-box-shadow: 0px 3px 8px 0px #000000;
	-o-box-shadow: 0px 3px 8px 0px #000000;
	box-shadow: 0px 3px 8px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=8);
}

header .header_elements {
	width: 1236px;
	margin: 0 auto;
	position: relative;
}

#session_destroy {
	display: none;
}

#lang_selector {
	font-size: 12px;
	float: left;
	display: inline-block;
	border-right: 1px solid #666;
	padding: 16px 0;
	height: 54px;
	box-sizing: border-box;
}

#lang_selector select {
	width: auto;
	width: 140px;
	border: none;
	background: #444;
	padding: 0 1px;
	color: inherit;
	cursor: pointer;
	/*Remove DropDown arrow for webkit and FF */
	-webkit-appearance: none;
	-moz-appearance: none;
}

#lang_selector .dropdown_no_arrow {
	display: inline-block;
	width: 120px;
	overflow: hidden;
	position: relative;
	top: 4px;
}

/*Remove DropDown arrow for IE */
#lang_selector select::-ms-expand { display: none; }

#lang_selector select:focus { outline: none; }

#lang_selector option:disabled { color: #FFF; }

#cur_lang_iso {
	text-transform: uppercase;
	padding-left: 10px;
}

#hm_top_logo {
	position: absolute;
	top: 0;
	right: 15px;
}

#hm_top_menu {
	float: left;
	margin-left: 12px;
}

#hm_top_menu a {
	float: left;
	position: relative;
}

#hm_top_menu a img {
	
}

#hm_top_menu a .name {
	display: none;
	position: absolute;
	background-color: rgba(85,85,85,.6);
	color: #FFF;
	top: 28px;
	left: 4px;
	padding: 6px 12px;
	white-space: nowrap;
	font-size: 12px;
	z-index: 10;
}

#hm_top_menu a:hover .name {
	display: block;
}

#hm_main_menu {
	text-align: center;
	clear: both;
	padding: 20px 0 12px;
	background: url('img/bkg_header.png');
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#hm_main_menu a {
	display: inline-block;
	background-color: rgba(0,0,0,.3);
	border: 1px solid #000;
	color: #CCC;
	padding: 4px 10px 4px;
	border-radius: 9px;
	font-size: 13px;
	text-decoration: none;
	
	-moz-box-shadow: inset 1px 1px 2px -1px #CCCCCC;
	-webkit-box-shadow: inset 1px 1px 2px -1px #CCCCCC;
	-o-box-shadow: inset 1px 1px 2px -1px #CCCCCC;
	box-shadow: inset 1px 1px 2px -1px #CCCCCC;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, Direction=134, Strength=2);
}

#hm_main_menu a:hover {
	background-color: rgba(85,85,85,.3);
}

#hm_main_menu a.selected {
	color: #FFF;
	background-color: rgba(200,200,200,.3);
	border: 1px solid #888;
	border-top: none;
	border-left: none;
	
	-moz-box-shadow: inset 1px 1px 2px 0px rgba(20,20,20,.4);
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(20,20,20,.4);
	-o-box-shadow: inset 1px 1px 2px 0px rgba(20,20,20,.4);
	box-shadow: inset 1px 1px 1px 0px rgba(20,20,20,.4);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#141414, Direction=134, Strength=2);
}

.page_header {
	width: 1236px;
	height: 336px;
	box-sizing: border-box;
	margin: 0;
	background-size: cover;
	background-position: center;
	position: relative;
}

.page_header .cadre {
	width: 618px;
	margin: 0 309px;
	min-height: 120px;
	box-sizing: border-box;
	padding: 24px 20px;
	background: rgba(0,0,0,.5);
	color: #FFF;
	position: absolute;
	bottom: 20px;
	border-radius: 8px;
	
	-moz-box-shadow: inset 2px 2px 8px 0px #222;
	-webkit-box-shadow: inset 2px 2px 8px 0px #222;
	-o-box-shadow: inset 2px 2px 8px 0px #222;
	box-shadow: inset 2px 2px 8px 0px #222;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#222, Direction=134, Strength=8);
}

.page_header .cadre a { text-decoration: none; }
.page_header .cadre a:hover { text-decoration: underline; }

/************************************************************************************************ Shop */

#shop_infos {
	position: absolute;
	font-size: 12px;
	top: 54px;
	right: 160px;
	background: #666;
	padding: 3px 7px;
	z-index: 8;
}

#shop_infos #shop_wait {
	text-align: center;
}

#shop_infos .hidden_at_start {
	display: none;
}

#shop_infos > p.status {
	float: left;
	margin: 0;
	padding: 0 5px 0 4px;
	cursor: pointer;
}

#shop_infos > p.status:first-of-type {
	border-right: 1px solid #fff;
}

#shop_infos > p.status:last-of-type {
	margin: 0;
}

#shop_infos .log_status_0 {
	
}

#shop_infos .log_status_1 {
	display: none;
}

#shop_infos #log_out_form {
	padding: 5px;
	margin: 0;
}

#shop_infos #log_out_form > p {
	margin: 5px auto;
	text-align: center;
}

#shop_frame {
	z-index: 22;
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgba(0,0,0,.9);
}

#shop_frame > iframe {
	max-height: 85%;
	width: 90%;
	max-width: 1236px;
	margin: 160px auto 0;
	border: none;
	background-color: #FFF;
}

/******************************************************************************************* Recherche */

#search_box {
	display: inline-block;
	border-right: 1px solid #666;
	height: 54px;
	float: left;
	width: 360px;
	position: relative;
}

#search_box #search_field {
	background: #282828 url('img/search.png') no-repeat 5px 4px;
	border: 1px inset #666;
	border-top: none;
	border-left: none;
	padding: 6px 0 5px 27px;
	color: #FFFFFF;
	font-size: 12px;
	border-radius: 16px;
	box-sizing: border-box;
	width: 243px;
	height: 28px;
	margin: 12px;
	z-index: 10;
	position: relative;
	left: 10px;
	
	-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-o-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=6);
}

#search_box #advanced_search {
	background-color: #5d5f5a;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	box-sizing: border-box;
	height: 29px;
	left: 250px;
	top: 11px;
	z-index: 5;
	cursor: pointer;
	
	padding: 7px 13px 5px 25px;
	margin: 0;
	
	border: 1px inset #555;
	border-top: none;
	border-left: none;
	border-radius: 0 16px 16px 0;
	
	-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-o-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.3);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=6);
}

#search_box #advanced_search:focus,
#search_box #search_field:focus { outline: none; }

#search_box #search_results {
	z-index: 10;
	display: none;
	position: absolute;
	top: 55px;
	left: -40%;
	width: 180%;
	background-color: #444;
	padding: 0;
	font-size: 12px;
	
	border: 1px solid #666;
	border-top: none;
	
	-moz-box-shadow: 0px 3px 8px 0px #000000;
	-webkit-box-shadow: 0px 3px 8px 0px #000000;
	-o-box-shadow: 0px 3px 8px 0px #000000;
	box-shadow: 0px 3px 8px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=8);
}

#search_box #search_results .all_results {
	font-size: 11px;
	margin: 8px;
	border-radius: 5px;
	padding: 2px 7px;
	float: right;
	cursor: pointer;
	z-index: 20;
}

#search_box #search_results .nb_results {
	margin: 8px;
	float: right;
	font-weight: bold;
}

#search_box #search_results > div > .title {
	font-weight: bold;
	font-size: 14px;
	margin: 8px;
}

#search_box #search_results .result p {
	margin: 0 0 0 48px;
}

#search_box #search_results .result {
	display: block;
	margin: 0;
	padding: 6px 8px;
	text-decoration: none;
	clear: both;
	min-height: 40px;
}

#search_box #search_results .result:hover {
	background-color: #666;
}

#search_box #search_results .result img {
	max-width: 40px;
	max-height: 40px;
	border: none;
	float: left;
	margin-right: 8px;
}

#search_box #search_results .result .sbtitle { color: #FFF; }
#search_box #search_results .result:hover .sbtitle { text-decoration: none; }

#search_box #search_results .result:hover .name { text-decoration: underline; }

#search_box #search_params {
	display: none;
	position: absolute;
	width: 362px;
	padding: 12px 24px;
	box-sizing: border-box;
	border: 1px solid #666;
	left: -1px;
	top: 54px;
	background-color: #444;
	font-size: 12px;
	
	z-index: 9;
	
	-moz-box-shadow: 0px 3px 8px 0px #000000;
	-webkit-box-shadow: 0px 3px 8px 0px #000000;
	-o-box-shadow: 0px 3px 8px 0px #000000;
	box-shadow: 0px 3px 8px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=180, Strength=8);
}

#search_box #search_params .params {
	clear: both;
	padding: 10px 0 0;
	margin: 0;
}

#search_box #search_params .params.select label {
	display: inline-block;
	margin: 3px 0;
}

#search_box #search_params .params.select select {
	border-radius: 8px;
	border: none;
	padding: 3px 1px;
	font-size: 11px;
	width: 160px;
	float: right;
	margin-right: 50px;
	cursor: pointer;
	background-color: #f3f2ea;
	
	-moz-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	-webkit-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	-o-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=315, Strength=5);
}

#search_box #search_params .params.select select.subcat {
	display: none;
}

#search_box #search_params .params.select select:focus { outline: none; }

#search_box #search_params .params .hidden_check { display: none; }

#search_box #search_params .params .visible_check {
	box-sizing: border-box;
	height: 20px;
	padding: 2px 0 2px 24px;
	margin: 0 4px;
	background-image: url('img/checkbox.png');
	background-repeat: no-repeat;
	background-position: 0px -20px;
	cursor: pointer;
}

#search_box #search_params .params .visible_check.checked {
	background-position: 0px 0px;
}

#search_box #search_params #search_button {
	background-color: #5d5f5a;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 12px;
	box-sizing: border-box;
	height: 29px;
	padding: 7px 24px 5px;
	margin: 0;
	float: right;
	
	border: 1px inset #555;
	border-top: none;
	border-left: none;
	border-radius: 16px;
	
	-moz-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-webkit-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	-o-box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.5);
	box-shadow: inset 1px 2px 6px 0px rgba(0,0,0,.3);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=153, Strength=6);
}

#search_box #search_params #search_button:focus { outline: none; }

#search {
	width: 1236px;
	margin: 0 auto;
}

#search .page_header.head_search {
	height: 100px;
	margin: 0 auto 30px;
}

#search .search_menu {
	width: 200px;
	margin: 0 30px 0 50px;
	float: left;
}

#search .highlight_menu > p {
	font-size: 19px;
	float: right;
	clear: both;
	text-align: right;
	margin: 0;
}

#search .highlight_menu > p > a {
	text-decoration: none;
}

#search .results {
	width: 950px;
	margin: 0 auto;
	float: left;
}

#search .results h1 {
	margin: 0 5px 10px;
	font-size: 24px;
}

#search .results #load_more {
	cursor: pointer;
	clear: both;
	margin: 12px auto 20px;
	width: 120px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	top: 10px;
}

#search .results #pagination_box {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0;
	text-align: center;
}

#search .results #pagination_box .search_pagination {
	cursor: pointer;
	display: inline-block;
	width: 120px;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px;
	margin: 0 10px;
}

#search .results #pagination_box .search_pagination > a {
	color: inherit;
	text-decoration: none;
}

#search .results #load_more:hover {
/*	top: 11px;
	box-shadow: 0 1px 3px #000;*/
}

#search .results .album {
	/*width: 50%;
	float: left;
	padding: 5px;
	box-sizing: border-box;*/
}

#search .results .album.masked { display: none; }
/*
#search .results .album > a {
	float: left;
	margin-right: 5px;
	height: 190px;
	width: 190px;
	border: 1px solid #EEE;
}

#search .results .album > a > img {
	width: 190px;
	height: 190px;
}
*/
#search .results .album .description {
	font-size: 12px;
}

#search .results .album .description .title {
	margin: 0 0 8px;
	font-size: 18px;
}

#search .results .album .description .bottom {
	font-size: 11px;
}

#search .results .album .description .bottom a {
	text-decoration: none;
}
/*
#search .results .album .description .bottom a .bt_discover {
	border-radius: 5px;
	padding: 2px 7px;
}
*/

#cookie_disclaimer {
	position: fixed;
	bottom: 0;
	left: 0;
	background: none;
	text-align: center;
	width: 100%;
}

#cookie_disclaimer .disclaimer_content {
    z-index: 200;
	background-color: #000;
	color: #FFF;
	font-size: 11px;
	margin: 0 auto;
	padding: 7px 0;
}

#cookie_disclaimer .disclaimer_content a {
	color: #FFF;
	text-decoration: underline;
} 

#cookie_disclaimer .disclaimer_content #accept_cookies {
	background-color: #555;
	color: #CCC;
	border-radius: 4px;
	padding: 2px 8px;
	cursor: pointer;
	margin-left: 5px;
}

/**************************************************************************************** Audio Player */

#audio_player {
	float: left;
	font-size: 11px;
	display: none;
	border-right: 1px solid #666;
	height: 54px;
}

#audio_player .audio_disabled {
	margin: 0;
	padding: 10px;
	text-align: center;
	position: absolute;
	width: 100%;
	min-height: 20px;
	background-color: #000;
	left: 0;
	top: 0;
	z-index: 50;
	box-sizing: border-box;
}

#audio_player .jp-jplayer {
	display: none;
}

#audio_player .jp-audio {
	
}

#audio_player .jp-audio .jp-type-single {
	
}

#audio_player .jp-audio .jp-type-single .jp-gui {
	float: left;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-controls {
	list-style-type: none;
	padding: 0;
	float: left;
	display: inline-block;
	margin: 19px 5px 0;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-controls .jp-play {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url('img/bt_play.png');
	background-position: 0 0;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-controls .jp-pause {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('img/bt_pause.png');
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-controls .jp-pause:hover,
#audio_player .jp-audio .jp-type-single .jp-gui .jp-controls .jp-play:hover {
	background-position: 0 20px;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-progress {
	cursor: pointer;
	width: 100px;
	float: left;
	margin: 27px 8px 0 0;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-progress .jp-seek-bar {
	height: 4px;
	border-radius: 3px;
	background-color: #555;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-progress .jp-play-bar {
	height: 4px;
	border-radius: 3px;
	background-color: #FFF;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-volume-bar {
	position: relative;
	top: 16px;
	width: 30px;
	height: 20px;
	background-color: #555;
	cursor: pointer;
	float: left;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-volume-bar .jp-volume-bar-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 20px;
	background: url('img/volume_mask.png');
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-volume-bar .jp-volume-bar-value {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 20px;
	background-color: #FFF;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-time-holder {
	float: left;
	margin: 21px 5px;
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-time-holder .jp-current-time {
	
}

#audio_player .jp-audio .jp-type-single .jp-gui .jp-time-holder .jp-duration,
#audio_player .jp-audio .jp-type-single .jp-gui .jp-time-holder .jp-toggles {
	display: none;
}

#audio_player .jp-audio .jp-type-single .jp-details {
	float: left;
	margin-right: 8px;
}

#audio_player .jp-audio .jp-type-single .jp-details ul {
	list-style-type: none;
	padding: 0;
	margin: 21px 3px;
}

#audio_player .jp-audio .jp-type-single .jp-details ul li .jp-title {
	max-width: 150px;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#audio_player .jp-audio .jp-type-single .jp-no-solution {
	
}

#audio_player .jp-details ul li {
	float: left;
	margin-right: 5px;
}

#audio_player .jp-details ul li.jp-cover a img {
	position: relative;
	top: -10px;
	width: 32px;
	height: 32px;
	border: 1px solid #888;
}

#audio_player .jp-details ul li.jp-cover a:hover img {
	border: 1px solid #BBB;
}

/***************************************************************** Menu à gauche dans le corps de page */

#body .leftmenu {
	float: left;
	background-color: #ECECEC;
	box-sizing: border-box;
	width: 200px;
	padding: 5px;
	margin: 0 30px 0 50px;
	text-align: right;
}

#body .leftmenu .element {
	background: url('img/bkg_element.png') no-repeat right bottom;
	padding: 14px 0;
	margin: 0 10px 0 0;
}

#body .leftmenu .element.link {
	cursor: pointer;
}

#body .leftmenu .element:last-of-type {
	background: none;
}

#body .leftmenu .element.grid {
	text-align: left;
	padding: 14px 0px 14px 13px;
}

#body .leftmenu .element.grid > span {
	display: inline-block;
	box-sizing: border-box;
	width: 28px;
	height: 28px;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	cursor: default;
	text-align: center;
	padding: 1px;
	border-radius: 3px;
	margin: 4px 0 0 0;
}

#body .leftmenu .element.grid > span.first_of_row {
	
}

#body .leftmenu .element.grid > span:not(.selected) {
	background-color: #BABABA;
	color: #CCC;
}

#body .leftmenu .element.grid > span.active:not(.selected) {
	cursor: pointer;
	color: #000;
}

#body .leftmenu .element.grid > span.double {
	width: 61px;
}

#body .leftmenu .element.grid > span.right {
	float: right;
}

#body .leftmenu .element.grid > span.reset {
	padding: 3px;
}

#body .leftmenu .label_select {
	margin: 8px 0 0;
	font-size: 12px;
}

#body .leftmenu select {
	max-width: 170px;
}

#body .elements {
	margin: 0 auto;
	width: 1024px;
	height: 100%;
}

#body .wrapper {
	position: relative;
	width: auto;
	float: left;
}

#body .text_wrapper {
	max-width: 400px;
	min-height: 302px;
	margin: 0;
}
	
#body .text_wrapper .text {
	max-width: 100%;
	float: left;
	padding: 16px;
	background-color: rgba(0,0,0,.4);
}

#body .img_wrapper {
	max-width: 602px;
	margin: 0 0 0 25px;
	overflow: hidden;
}

#body .img_wrapper img {
	max-width: 600px;
	border: 1px solid #FFF;
	/*
	-moz-box-shadow: 2px 2px 8px 0px #222;
	-webkit-box-shadow: 2px 2px 8px 0px #222;
	-o-box-shadow: 2px 2px 8px 0px #222;
	box-shadow: 2px 2px 8px 0px #222;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#222, Direction=134, Strength=8);
	*/
}


/********************************************************************************************* Produits */

.section_separation {
	clear: both;
	padding: 20px 0 0;
	margin: 0 0 10px;
	border-bottom-width: 1px;
	border-style: solid;
	border-top: none;
	border-left: none;
	border-right: none;
}

.section_separation h5 {
	margin: 0;
	font-size: 16px;
}

.album {
	float: left;
	width: 465px;
	height: 180px;
	margin: 5px;
}

.album .img_album {
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
	/*width: 178px;
	height: 178px;
	float: left;*/
	margin: 0;
	border: 1px solid #CCC;
}

.album > a {
	position: relative;
	display: block;
	
	width: 180px;
	height: 180px;
	float: left;
	text-align: center;
}

.album > a .support_label {
	display: none;
	
	position: absolute;
	z-index: 10;
	color: #fff;
	background-color: #993300;
	font-size: 12px;
	padding: 0px 8px;
	min-width: 60px;
	text-align: center;
	top: 169px;
	left: 52px;
}

.album .description {
	box-sizing: border-box;
	height: 180px;
	width: 280px;
	padding: 5px;
	margin: 0;
	font-size: 12px;
	background-color: #EEE;
	float: right;
	position: relative;
}

.album:hover .description {
	background-color: #DDD;
}

.album .description .awards {
	clear: both;
	margin: 8px 0 0;
}

.album .description .awards .alb_award {
	float: left;
	margin-right: 2px;
}

.album .description .awards .alb_award img {
	border: none;
	max-height: 30px;
}

.album .description .bottom {
	position: absolute;
	bottom: 8px;
	color: #666;
	font-size: 11px;
	margin-bottom: 0;
}

.album .description .bottom a {
	text-decoration: none;
	float: left;
}

.album .description .bt_discover {
	border-radius: 5px;
	padding: 2px 7px;
	margin-right: 5px;
}

.album .description .other_label {
	color: #fff;
	background-color: #666;
	padding: 2px 7px;
	font-size: 10px;
	margin-right: 2px;
}

.album .description .intitule { margin: 0; }

.album .description .intitule span {
	display: block;
	margin: 0;
}

.album .description ._zero { font-size: 20px; }
.album .description ._un { font-size: 12px; }
.album .description ._deux { font-size: 11px; }

/********************************************************************************************* Accueil */

#body #home {
	width: 1236px;
	margin: 0 auto;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#body #home > h1 {
	font-size: 24px;
	font-weight: bold;
	margin: 20px 0 5px 95px;
	padding: 0 0 0 28px;
	background: url('img/arrow.png') no-repeat left center;
}

#body #home #editos {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	margin: 0;
	background-size: 140% auto; /* Maj 100%*/
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px;
}

#body #home #editos .edito {
	width: 100%;
	height: 450px;
	margin: 0;
}

#body #home #editos .edito .text_wrapper {
	text-align: right;
	padding: 24px 28px 30px;
}

#body #home #editos .edito .text_wrapper p {
	margin: 0;
}

#body #home #editos .edito .display_more {
	cursor: pointer;
}

#body #home #editos .edito .text_wrapper p.learn_more {
	margin: 15px 0 0;
	position: absolute;
	bottom: 25px;
	right: 30px;
}

#body #home #editos .edito .text_wrapper p.title {
	display: block;
	font-size: 30px;
	/*font-weight: bold;*/
}

#body #home #editos .edito .text_wrapper div.baseline {
	display: block;
	color: #FFF;
	font-size: 20px;
}

#body #home #editos .edito .text_wrapper div.header {
	display: block;
	color: #FFF;
	font-size: 16px;
}

#body #home .more_text {
	display: none;
}

#body #home #nouveautes {
	height: 160px;
	width: 92%;
	padding: 5px;
	margin: 0 4%;
	position: relative;
}

#body #home #a_decouvrir {
	height: 220px;
	width: 92%;
	padding: 5px;
	margin: 0 4%;
	position: relative;
}

#body #home #nouveautes .ruban,
#body #home #a_decouvrir .ruban {
	min-height: 160px;
}

.ruban_masque {
	overflow: hidden;
	margin: 0 50px;
	height: 100%;
}

.ruban_controle {
	height: 100%;
	width: 45px;
	margin: 0;
	position: absolute;
	cursor: pointer;
	top: 0;
}

.ruban_controle.gauche {
	left: 0;
	background-image: url('img/arrow_defil_left.jpg');
	background-position: -45px 50%;
}
.ruban_controle.gauche:hover {
	background-position: 0 50%;
}

.ruban_controle.droite {
	right: 0;
	background-image: url('img/arrow_defil_right.jpg');
	background-position: 0 50%;
}
.ruban_controle.droite:hover { background-position: -45px 50%; }

#body #home #nouveautes .nouveaute,
#body #home #a_decouvrir .decouvrir {
	position: relative;
	float: left;
	margin: 0 5px;
}

#body #home #a_decouvrir .decouvrir {
	cursor: pointer;
	text-align: left;
}

#body #home #a_decouvrir .decouvrir p {
	margin: 5px 0;
	font-size: 11px;
}

#body #home #a_decouvrir .decouvrir p.title {
	text-transform: uppercase;
	font-size: 14px;
}

#body #home #nouveautes .nouveaute a {
	display: inline-block;
}

#body #home #nouveautes .nouveaute img,
#body #home #a_decouvrir .decouvrir  img {
	height: 150px;
}

#body #home #nouveautes .nouveaute .hovering {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	position: absolute;
	bottom: -100%;
	background-color: rgba(255,255,255,.7);
	padding: 8px;
	
	transition: bottom 800ms ease;
	-webkit-transition: bottom 800ms ease;
	-moz-transition: bottom 800ms ease;
	-o-transition: bottom 800ms ease;
}

#body #home #nouveautes .nouveaute:hover .hovering {
	bottom: 0;
	
	transition: bottom 300ms ease;
	-webkit-transition: bottom 300ms ease;
	-moz-transition: bottom 300ms ease;
	-o-transition: bottom 300ms ease;
}

#body #home #nouveautes .nouveaute .hovering p {
	margin: 5px 0 0;
}

#body #home #more_text_container {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	width: 100%;
	min-height: 100%;
	z-index: 800;
	background-color: rgba(0,0,0,.92);
	font-size: 14px;
}

#body #home #more_text_container h3 {
	font-size: 24px;
	margin: 5px 0 0;
}

#body #home #more_text_container #more_text_close {
	position: absolute;
	top: 55px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('img/close.png') no-repeat;
	background-position: top center;
	z-index: 50;
}

#body #home #more_text_container #more_text_close:hover {
	background-position: bottom center;
}

#body #home #more_text_container .content {
	background-color: #FFF;
	margin: 50px auto 0;
	width: 768px;
	overflow-y: auto;
	padding: 40px 5px 15px 25px;
	border-radius: 8px;
}

#body #home #more_text_container a { text-decoration: none; }
#body #home #more_text_container a:hover { text-decoration: underline; }

/******************************************************************* Liste des artistes & compositeurs */

#body #artists .indexes_artists,
#body #composers .indexes_artists {
	height: 100px;
}

#body .artists_menu {
	float: left;
	width: 190px;
	margin: 0 30px 0 50px;
}

#body .artists_menu .leftmenu {
	margin-right: 0;
}

#body .artists_menu .highlight_menu {
	margin: 30px 0 20px;
	float: right;
}

#body .artists_menu .highlight_menu > p {
	font-size: 19px;
	float: right;
	clear: both;
	text-align: right;
	margin: 0;
}

#body .artists_menu .highlight_menu > p > a {
	text-decoration: none;
}

#body .artists_menu .highlight_menu > p.selected {
	font-weight: bold;
	padding: 0 0 0 28px;
	background: url('img/arrow.png') no-repeat left center;
}

#body .artists_list {
	float: left;
	width: 960px;
	margin-top: 20px;
}

#body .artists_list .artist {
	box-sizing: border-box;
	margin: 10px 5px;
	padding: 0;
	width: 470px;
	height: 85px;
	float: left;
}

#body .artists_list .artist .img {
	float: left;
	width: 190px;
	height: 85px;
	margin-right: 8px;
	background-position: right center;
	background-repeat: no-repeat;
	background-color: #FFF;
}

#body .artists_list .artist .text {
	float: left;
	width: 270px;
}

#body .artists_list .artist p {
	margin: 0;
}

#body .artists_list .artist a {
	text-decoration: none;
}

#body .artists_list .artist:hover p.name {
	text-decoration: underline;
}

#body .artists_list .artist p.name {
	font-size: 18px;
	color: #555;
}

#body .artists_list .artist p.lifetime,
#body .artists_list .artist p.instruments,
#body .artists_list .artist p.style {
	font-size: 14px;
}

/*************************************************************************************** Infos artiste */

#body #artists {
	width: 1236px;
	margin: 0 auto;
}

#body #artists .left_col {
	width: 190px;
	margin: 0;
	float: left;
	position: relative;
	margin: 0 30px 0 50px;
}

#body #artists .leftmenu {
	margin: 0;
}

#body #artists .head_artist {
	margin: 0 auto 25px;
	padding: 0;
}

#body #artists .head_artist .cadre {
	min-height: 90px;
	padding: 10px 20px 6px;
	width: 640px;
	margin: 0 0 0 270px;
	bottom: 15px;
}

#body #artists .head_artist .cadre > p {
	margin: 8px;
}

#body #artists .head_artist .cadre .name {
	font-size: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}

#body #artists .head_artist .cadre .instruments {
	font-size: 16px;
}

#body #artists #artist_info {
	max-width: 950px;
	float: left;
}

#body #artists #artist_info > div hr {
	margin: 20px 0 15px;
	border-style: none;
	height: 1px;
}

#body #artists #artist_info > div:first-of-type hr {
	display: none;
}

#body #artists #artist_info .biography {
	font-size: 14px;
}

#body #artists #artist_info .biography a.website_link {
	float: left;
	background-color: #EEE;
	border-radius: 4px;
	padding: 2px 8px;
	margin: 6px 8px 0 0;
	font-size: 12px;
	text-decoration: none;
}

#body #artists #artist_info .biography a.website_link:hover {;
	background-color: #DDD;
}

#body #artists #artist_info .biography .bio_modif_date {
	margin: 8px 0 0 0;
	color: #aaa;
	font-size: 12px;
	float: left;
}

#body #artists #artist_info .albums {
	overflow: hidden;
	clear: both;
}

#body #artists #artist_info h4 {
	clear: both;
	font-size: 16px;
}

#body #artists .last_albums {
	float: left;
	clear: left;
	width: 200px;
	max-height: 395px;
	padding: 0;
	background-color: #ECECEC;
	text-align: center;
}

#body #artists .last_albums .lbl_new {
	position: relative;
	top: -8px;
	padding: 2px 6px;
}

#body #artists .last_albums .last_album {
	/*width: 200px;*/
    max-width: 200px;
	height: 184px;
	padding: 2px 0;
	margin: 3px 0;
	box-sizing: border-box;
	position: relative;
	top: -7px;
	/*background: url('img/bkg_last_album.png') no-repeat center center;*/
    background: none;
}

#body #artists .last_albums .last_album .img_album {
	/*width: 180px;
	height: 180px;*/
	max-width: 178px;
	max-height: 100%;
    vertical-align: bottom;
}

#body #artists .last_albums .last_album span.shadow_left {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 11px;
    height: 184px;
    background: url('img/bkg_last_album_left.png') no-repeat center right;
}
#body #artists .last_albums .last_album span.shadow_right {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 11px;
    height: 184px;
    background: url('img/bkg_last_album_right.png') no-repeat center left;
}

#body #artists .last_albums .last_album .intitule {
	margin: 5px;
	padding: 5px;
	display: none;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 190px;
	z-index: 1000;
	background-color: #000;
	color: #FFF;
}

/********************************************************************************** Infos compositeurs */

#body #composers {
	width: 1236px;
	margin: 0 auto;
}

#body #artists .head_composer .cadre {
	min-height: 90px;
	padding: 10px 20px 6px;
	bottom: 15px;
}

#body #composers .left_col {
	width: 210px;
	margin: 0;
	float: left;
}

#body #composers .leftmenu {
	margin: 0;
}

/********************************************************************************************** Albums */

#body #albums {
	width: 1236px;
	margin: 0 auto;
}

#body #albums .head_album {
	margin: 0 auto 25px;
	padding: 1px 0 0 0;
}

#body #albums .head_album .elements {
	width: 100%;
	height: 300px;
	margin: 13px auto;
}

#body #albums .head_album .elements .img_wrapper {
	margin-left: 50px;
}

#body #albums .head_album .elements .img_wrapper .upc_product {
	display: block;
	position: absolute;
	left: -33px;
	top: -8px;
	width: 100px;
	height: 50px;
	text-decoration: none;
	background: url('img/epro_link.png') no-repeat top left;
	
	-webkit-perspective: 300px;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-style: preserve-3d;
	
	-ms-perspective: 300px;
	-ms-transform: rotate(-45deg);
	-ms-transform-style: preserve-3d;
	
	perspective: 300px;
	transform: rotate(-45deg);
	transform-style: preserve-3d;
}

#body #albums .head_album .elements .img_wrapper .illustration {
	max-width: 188px;
	max-height: 188px;
	cursor: pointer;
}

#body #albums .head_album .elements .img_wrapper .illus_middle {
	width: 190px;
	height: 26px;
	text-align: center;
	font-size: 11px;
	clear: both;
	margin: 0;
	display: block;
}

#body #albums .head_album .elements .img_wrapper .illus_middle > span {
	padding: 3px;
	background-color: #FFF;
	margin: 0;
	width: 90px;
	box-sizing: border-box;
	display: inline-block;
	float: left;
}

#body #albums .head_album .elements .img_wrapper .illus_middle > span + span {
	margin-left: 10px;
}

#body #albums .head_album .elements .img_wrapper .illus_bottom {
	width: 190px;
	height: 58px;
	padding: 6px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.5);
	text-align: right;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

#body #albums .head_album .elements .img_wrapper .illus_bottom #audio_preview {
	float: left;
	width: 42px;
	height: 42px;
	background-position: top left;
	margin: 2px;
	cursor: pointer;
}

#body #albums .head_album .elements .img_wrapper .illus_bottom #audio_preview:hover {
	background-position: bottom left;
}

#body #albums .head_album .elements .img_wrapper .illus_bottom #audio_preview.play {
	background-image: url('img/album_bt_play.png');
}

#body #albums .head_album .elements .img_wrapper .illus_bottom #audio_preview.pause {
	background-image: url('img/album_bt_pause.png');
}

#body #albums .head_album .elements .img_wrapper .illus_bottom p {
	margin: 0;
}

#body #albums .fullsize_img {
	background-color: rgba(0,0,0,.5);
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	z-index: 1;
	padding: 150px 0 0 0;
	top: 0;
	left: 0;
	display: none;
}

#body #albums .head_album .elements .text_wrapper {
	min-height: 190px;
	max-width: none;
	width: 640px;
	margin-left: 40px;
}

#body #albums .head_album .elements .text_wrapper .cadre {
	width: 640px;
	position: static;
}

#body #albums .head_album .elements .text_wrapper .cadre p {
	
}

#body #albums .head_album .elements .text_wrapper .cadre .artist_name {
	font-size: 22px;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
	margin: 0 0 12px 0;
}

#body #albums .head_album .elements .text_wrapper .cadre .album_title {
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 8px 0;
}

#body #albums .head_album .elements .text_wrapper .cadre .album_subtitle {
	font-size: 16px;
	margin: 0;
}

#body #albums .head_album #album_rent {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	padding: 2px 8px;
	font-size: 13px;
	border-radius: 5px;
	-webkit-transition: padding-left 500ms;
    transition: padding-left 500ms;
}

#body #albums .head_album #album_rent:hover {
	padding-left: 20px;
}

#body #albums .head_album .elements .text_wrapper .links_block {
	background-color: rgba(255,255,255,.8);
	margin-top: 8px;
	padding: 3px 5px 5px;
	border-radius: 5px;
	float: left;
	clear: both;
	box-shadow: 0px -1px 3px 0px #000 inset;
	-webkit-box-shadow: 0px -1px 3px 0px #000 inset;
}

#body #albums .head_album .elements .text_wrapper .links_block span {
	font-size: 15px;
	font-weight: bold;
	padding: 0 10px 0 20px;
}

#body #albums .head_album .elements .text_wrapper .links_block p.add_to_cart {
	display: inline-block;
	margin: 0;
	cursor: pointer;
}

#body #albums .head_album .elements .text_wrapper .links_block img {
	vertical-align: middle;
}

#body #albums .albums_menu {
	width: 200px;
	margin: 0 30px 0 50px;
	float: left;
}

#body #albums .albums_menu .highlight_menu {
	margin: 0 0 20px 0;
	float: right;
}

#body #albums .albums_menu .highlight_menu > p {
	font-size: 19px;
	float: right;
	clear: both;
	text-align: right;
	margin: 0;
}

#body #albums .albums_menu .highlight_menu > p > a {
	text-decoration: none;
}

#body #albums .albums_menu .highlight_menu > p.selected {
	font-weight: bold;
	padding: 0 0 0 28px;
	background: url('img/arrow.png') no-repeat left center;
}

#body #albums .albums_menu .leftmenu {
	position: relative;
	z-index: 0;
	margin: 0;
}

#body #albums .album_awards {
	width: 100%;
	margin: 15px 0;
}

#body #albums .album_awards .award {
	float: left;
	margin: 5px;
}

#body #albums .album_awards .award img {
	max-height: 80px;
}

#body #albums #album_info {
	width: 916px;
	float: left;
	padding: 0 12px;
	box-sizing: border-box;
}

#body #albums #album_info > div hr {
	margin: 20px 0 15px;
	border-style: none;
	height: 1px;
}

#body #albums #album_info > div:first-of-type hr {
	display: none;
}

#body #albums #album_info h4 {
	clear: both;
	font-size: 16px;
}

#body #albums #album_info a { text-decoration: none; }
#body #albums #album_info a:hover { text-decoration: underline; }

#body #albums #album_info > div { margin: 25px 0; }
#body #albums #album_info > div:first-of-type { margin-top: 0; padding-top: 12px; }
#body #albums #album_info > div:last-of-type { margin-bottom: 5px; }

#body #albums #album_info .presentation {
	font-size: 14px;
}

#body #albums #album_info .presentation p { margin: 0 0 5px; }

#body #albums #album_info .tracklist {
	font-size: 14px;
}

#body #albums #album_info .tracklist p {
	margin: 0 0 0 30px;
	clear: both;
	overflow: hidden;
	position: relative;
}

#body #albums #album_info .tracklist p.work {
	
}

#body #albums #album_info .tracklist p.subwork {
	
}

#body #albums #album_info .tracklist p.composer {
	font-size: 18px;
}

#body #albums #album_info .tracklist p.cd {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}

#body #albums #album_info .tracklist p.track {
	margin: 0 0 10px;
}

#body #albums #album_info .tracklist p.track.with_media {
	cursor: pointer;
}

#body #albums #album_info .tracklist p.track + p {
	margin-top: 10px;
}

#body #albums #album_info .tracklist p.track + p.track {
	margin-top: 0;
}

#body #albums #album_info .tracklist p.track .position {
	width: 20px;
	margin: 0 0;
	float: left;
}

#body #albums #album_info .tracklist p.track .name {
	margin: 0 0 0 10px;
	float: left;
}

#body #albums #album_info .tracklist p.track .duration {
	margin: 0 30px 0 0;
	float: right;
}

#body #albums #album_info .tracklist p.track .add_to_playlist {
	position: absolute;
	right: 0;
	margin: 0;
	width: 22px;
	height: 20px;
	background-image: url('img/listen_track.png');
	background-position: top left;
}

#body #albums #album_info .tracklist p.track:hover .add_to_playlist {
	background-position: bottom left;
}

#body #albums #album_info .tracklist p.track .add_to_playlist.current {
	background-position: top right;
}

#body #albums #album_info .tracklist p.track:hover .add_to_playlist.current {
	background-position: bottom right;
}

#body #albums #album_info .images {
	font-size: 12px;
}

#body #albums #album_info .images .image {
	margin-top: 20px;
}

#body #albums #album_info .images .image p {
	margin: 0;
}

/***************************************************************************************** Tout sur HM */

#body #all_about {
	width: 1236px;
	margin: 0 auto;
}

#body #all_about .head_section {
	height: 260px;
}

#body #all_about .head_section .cadre {
	width: 780px;
	margin: 0 0 0 346px;
}

#body #all_about .head_section .cadre .title {
	font-weight: bold;
	font-size: 26px;
	text-shadow: 1px 1px 5px #000;
	margin: 0 0 20px;
}

#body #all_about .head_section .cadre .description {
	font-size: 13px;
}

#body #all_about .head_section .cadre .post_code_input,
#body #all_about .head_section .cadre .country_select {
	margin: 5px 0 0;
	float: right;
	font-size: 13px;
}

#body #all_about .head_section .cadre .post_code_input #shop_postcode {
	background-color: #252525;
	padding: 3px 5px;
	color: #FFF;
	border: 1px solid #DDD;
	border-radius: 4px;
}

#body #all_about .head_section .cadre .country_select #select_country {
	background-color: rgba(0,0,0,.7);
	padding: 2px 5px;
	color: #fff;
	cursor: pointer;
	border: none;
	border-radius: 7px;
}

#shop_postcode:hover, #shop_postcode:focus,
#select_country:hover, #select_country:focus {
	outline: none;
}

#body #all_about .all_about_body {
	width: 1024px;
	margin: 30px 106px 0;
}

#body #all_about .leftmenu {
	margin: 0 30px 0 0;
	background: none;
	width: 210px;
}

#body #all_about .leftmenu .element {
	background: none;
	color: #646464;
	border-bottom: 1px solid #646464;
	padding: 5px 0;
	margin: 0;
}

#body #all_about .leftmenu .element.selected {
	cursor: default;
	background: url('img/arrow.png') no-repeat left center;
}

#body #all_about .leftmenu .element:last-of-type {
	border: none;
}

#body #all_about .leftmenu .element a {
	color: #646464;
}

#body #all_about .home_section_menu {
	width: 780px;
	float: left;
}

#body #all_about .home_section_menu .home_section_item {
	margin: 0 0 24px;
	min-height: 70px;
	font-size: 22px;
	clear: both;
}

#body #all_about .home_section_menu .home_section_item a { text-decoration: none; }

#body #all_about .home_section_menu .home_section_item .title {
	display: block;
}

#body #all_about .home_section_menu .home_section_item .subtitle {
	display: block;
	color: #000;
	font-size: 13px;
}

#body #all_about .home_section_menu .home_section_item img {
	float: left;
	margin-right: 20px;
}

#body #all_about .section_content {
	width: 780px;
	float: left;
}

#body #all_about .section_content .list {
	
}

#body #all_about .section_content .list .item {
	clear: both;
	padding: 0;
	margin: 0 0 24px;
	min-height: 70px;
}

#body #all_about .section_content .list .item > img {
	float: left;
	margin: 4px 8px 0 0;
}

#body #all_about .section_content .list .item > p {
	margin: 0 0 5px;
}

#body #all_about .section_content .list .item > .title {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	padding-left: 0;
}

#body #all_about .section_content .list .item > img + .title {
	padding-left: 175px;
}

#body #all_about .section_content .list .item a {
	text-decoration: none;
}

#body #all_about .section_content .list .item a:hover {
	text-decoration: underline;
}

#body #all_about .section_content .list .item > .description { font-size: 11px; }

#body #all_about .section_content .list .item > img + p.title + .description { padding-left: 175px; }

#body #all_about .section_content .list .item > .description > p {
	margin: 0 0 5px;
}

#body #all_about .section_content .list.distributors .item.distributor {
	
}

#body #all_about .section_content .list.distributors .item.distributor > p {
	
}

#body #all_about .section_content .list.distributors item.distributor > p.title {
	
}

/************************************************************************************ Themes/Catalogue */

#themes {
	width: 1236px;
	margin: 0 auto;
}

#themes .page_header {
	height: 260px;
}

#themes .page_header .cadre {
	width: 740px;
	margin: 0 0 0 270px;
}

#themes .page_header .cadre .title {
	margin: 0 0 12px;
	font-size: 26px;
}

#themes .page_header .cadre .subtitle {
	margin: 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#themes .page_header .cadre .text {
	font-size: 12px;
}

#themes .page_header .cadre .text p {
	margin: 0;
}

#themes .theme_body {
	width: 1205px;
	margin: 30px auto 0;
}

#themes .leftmenu {
	margin: 0 30px 0 0;
	background: none;
	width: 225px;
}

#themes .leftmenu .element {
	background: none;
	color: #646464;
	border-bottom: 1px solid #646464;
	padding: 5px 0;
	margin: 0;
}

#themes .leftmenu .element.selected {
	cursor: default;
	background: url('img/arrow.png') no-repeat left center;
}

#themes .leftmenu .element:last-of-type {
	border: none;
}

#themes .leftmenu .element a {
	color: #646464;
}

#themes .listing > div {
	
}

#themes .listing > div a {
	display: block;
	text-decoration: none;
}

#themes .listing.grid > div a {
    width: 100%;
    height: 100%;
    text-align: left;
}

#themes .listing > div a .txt {
	float: left;
	margin-left: 36px;
}

#themes .listing > div a .txt p {
	margin: 0;
}

#themes .listing > div a .title {
	font-size: 24px;
}

#themes .listing > div a .subtitle {
	font-size: 14px;
	display: inline-block;
	color: #000;
}

#themes .listing .theme {
	padding: 5px;
	clear: both;
}

#themes .listing .theme .img_theme {
	width: 250px;
	height: 70px;
	float: left;
}

#themes .listing .subtheme {
	height: 72px;
	padding: 0;
	margin: 5px 0;
	clear: both;
}

#themes .listing .subtheme .img_subtheme {
	width: 185px;
	height: 72px;
	float: left;
}

#themes .listing .album {
	float: left;
}

#themes .listing.grid .album {
	width: 100px;
	height: 100px;
	padding: 0;
	margin: 3px 3px 0 0;
	position: relative;
	border: 1px solid #CCC;
}

#themes .listing.grid .album p {
	display: none;
	position: absolute;
	z-index: 1000;
	width: auto;
	min-width: 200px;
	top: 5px;
	left: 5px;
	background-color: #FFF;
	box-shadow: 0 2px 3px #444;
	padding: 5px;
}

#themes .listing.grid .album:hover p {
	display: block;
}

#themes .listing .album .title {
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 230px;
}

#themes .listing .album .subtitle {
	font-size: 12px;
}

#themes .listing {
	width: 950px;
	margin: 0 auto;
	float: left;
}
/*
#themes .listing .album {
	width: 370px;
	height: 120px;
	padding: 0;
	margin: 8px 0 0 0;
	float: left;
}*/

#themes .listing .album.masked {
	display: none;
}

#themes .listing .album p {
	margin: 0;
}

#themes .listing.grid .album .img_album {
	width: 100px;
	height: 100px;
	border: none;
}

#themes #load_more {
	cursor: pointer;
	clear: both;
	margin: 12px auto 20px;
	width: 120px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px;
	position: relative;
}

/******************************************************************************************** Concerts */

#concerts {
	width: 1236px;
	margin: 0 auto;
}

#concerts .head_concerts {
	margin: 0 auto;
	padding: 0;
}

#concerts .head_concerts .cadre {
	min-height: 160px;
	margin-left: 275px;
}

#concerts .head_concerts .cadre > p {
	margin: 8px;
	font-size: 14px;
	font-weight: normal;
}

#concerts .head_concerts .cadre > p.artistes {
	font-size: 24px;
	font-weight: normal;
	text-shadow: 1px 1px 5px #000;
}

#concerts .head_concerts .cadre > p.lieu {
	font-size: 16px;
	font-weight: bold;
}

#concerts #highlight_concert {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.92);
	z-index: 800;
	top: 0;
	left: 0;
	font-size: 14px;
}

#concerts #highlight_concert .content {
	position: relative;
	background: #fff;
	width: 750px;
	margin: 150px auto;
	padding: 30px 20px 20px;
	border-radius: 12px;
}

#concerts #highlight_concert .content p {
	margin: 0 0 8px;
}

#concerts #highlight_concert .content .artistes {
	font-size: 24px;
}

#concerts #highlight_concert .content .lieu .ville {
	font-weight: bold;
}

#concerts #highlight_concert .content .footer {
	text-align: right;
	font-size: 12px;
}

#concerts #highlight_concert .content .footer a { color: #000; text-decoration: none; }
#concerts #highlight_concert .content .footer a:hover { color: #888; text-decoration: underline; }

#concerts #highlight_concert .content #highlight_concert_close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url('img/close.png') no-repeat;
	background-position: top center;
	z-index: 50;
}

#concerts #highlight_concert .content  #highlight_concert_close:hover {
	background-position: bottom center;
}

#concerts .leftmenu {
	width: 190px;
	margin-top: 30px;
}

#concerts .leftmenu select {
	border-radius: 8px;
	border: none;
	padding: 3px 1px;
	font-size: 11px;
	width: 170px;
	cursor: pointer;
	background-color: #fff;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	
	-moz-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	-webkit-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	-o-box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	box-shadow: inset -1px -1px 5px 1px #AAAAAA;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=315, Strength=5);
}

#concerts .leftmenu select:focus { outline: none; }

.list_agendas {
	float: right;
	width: 960px;
	margin-top: 14px;
}

#body #artists .list_agendas  {
	float: none;
	width: 935px;
}

.list_agendas .agd_date {
	font-size: 20px;
	margin: 12px 0 8px;
}

.list_agendas .agenda {
	font-size: 12px;
	height: 27px;
	overflow: hidden;
	padding: 10px;
	margin: 0;
	background-color: #FFF;
	width: 920px;
}

.list_agendas .agd_day.hidden,
.list_agendas .agenda.hidden {
	display: none;
}

#body #artists .list_agendas .agenda {
	width: 907px;
}

.list_agendas .agenda.even {
	background-color: #EEE;
}

.list_agendas .agenda:hover {
	background-color: #DDD;
}

.list_agendas .agenda .plus {
	cursor: pointer;
	font-weight: bold;
	font-size: 17px;
	padding: 0;
	border-radius: 5px;
	width: 20px;
	height: 20px;
	text-align: center;
	float: left;
}

.list_agendas .agenda .plus span {
	position: relative;
	top: -2px;
}

.list_agendas .agenda .colonne {
	margin: 0 0 0 8px;
	float: left;
}

.list_agendas .agenda .colonne.gauche {
	width: 430px;
	position: relative;
}

.list_agendas .agenda .colonne.droite {
	width: 450px;
}

#body #artists .list_agendas .agenda .colonne { width: 430px; }

.list_agendas .agenda .lieu .ville {
	text-transform: uppercase;
	font-weight: bold;
}

.list_agendas .agenda .main_artists a { text-decoration: none; }
.list_agendas .agenda .main_artists a:hover { text-decoration: underline; }

.list_agendas .agenda .nottobemissed {
	position: absolute;
	top: -3px;
	right: 0;
	border-radius: 6px;
	padding: 3px 6px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}

.list_agendas .agenda .thumbs {
	width: 200px;
	height: 80px;
	overflow: hidden;
	margin: 12px 0;
	position: relative;
}

.list_agendas .agenda .thumbs .thumb {
	position: absolute;
	left: 0;
}

.list_agendas .agenda .footer a {
	color: #000;
	text-decoration: none;
}

.list_agendas .agenda .footer a:hover {
	color: #888;
	text-decoration: underline;
}

.list_agendas #load_more_concerts {
	cursor: pointer;
	clear: both;
	margin: 12px auto 20px;
	width: 120px;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 5px;
	position: relative;
	top: 10px;
}

.body_content {
	max-width: 100%;
}

/****** Selecteur de langues ***/
#langs_container {
    width:100%;
    background: rgba(0,0,0,.8);
    position:absolute;
    top: 0;
    z-index: 150;
    color: #FFF;
}

#list_langs{
	position: absolute;
	left: 50%;
	width: 200px;
	margin-left: -100px;
	height: 200px;
	top: 50vh;
	margin-top: -100px;
}

#list_langs ul.second_level {
	display: none;
	list-style-type: disc;
	position: absolute;
	top: 0px;
	left: 100%;
}
#list_langs ul.first_level { list-style-type: disc; }
#list_langs ul li {
	cursor: pointer;
	margin: 8px 0;
	position: relative;
}
#list_langs ul li:first-of-type { margin-top: 0; }
#list_langs ul li > a { color: #fff; text-decoration: none; }