/*---------------------------reset------------------------------------*/
body {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font: normal normal normal 12px Arial;
	color: #000000;
	background: white;
	margin: 0px;
	padding: 0px;
	overflow-x:hidden;
}

h1,h2,h3,h4,h5,h6,li,ul,img,p,a {
	border: 0px;
	padding: 0px;
	margin: 0px;
	font: normal normal normal 12px Arial;
	color: #000000;
}

a,a:hover {
	cursor: pointer;
	text-decoration: none;
}
/*
a:active {
	top:-1px;
}*/
.clear { 
	display:block;
	clear:both; 
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
p{
	line-height:20px;
}
input,
form {	
	padding:0px; margin:0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
input, textarea{
	-moz-border-radius:3px 3px 3px 3px;
	border:1px solid #CCCCCC;
	padding:3px;
}
label{	
	padding:0px; margin:0px;
	outline: 0px;
	font-size: 11px;
	vertical-align: baseline;
	background: transparent;	
}

#content a {
	cursor: pointer;
	color: #BC0000;
	text-decoration: none;
}
#table-content {
	min-width: 1000px;
}

.body-punk #content a {
	color: #11668e;
}

#content a:hover {
	text-decoration: underline;
}

#content span.groupe,  strong.groupe {
	color: #840000;
	font-weight: bold;
}

#content span.album {
	text-decoration: underline;
}
.body-punk #content span.album {
	text-decoration: none;
	font-style:italic;
}

.body-punk #content span.groupe,.body-punk #content strong.groupe {
	color: #193654;
	font-weight: bold;
}

#content a.groupe {
	color: #BC0000;
	font-weight: bold;
}

.body-punk #content a.groupe {
	color: #11668e;
	font-weight: bold;
}

ul {
	list-style: none;
}

.clear {
	display: block;
	clear: both;
}

input,form {
	padding: 0px;
	margin: 0px;
	outline: 0px;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

label {
	padding: 0px;
	margin: 0px;
	outline: 0px;
	font-size: 11px;
	vertical-align: baseline;
	background: transparent;
}

.album_img, .groupe_img {
	border:1px solid #CCCCCC;
}
.repeater_input{
	margin-bottom:5px;
}
.repeater_input.band_repeater {
	width:200px;
}

/*---------------------------PngFix-----------------------------------*/
* html .pngfix {
	position: relative;
	behavior: expression((   this.runtimeStyle.behavior =   "none") &&  
		  (   this.pngSet ?   
			  this.pngSet =   true :  
			  (   this.nodeName ==     "IMG" &&     this.src.toLowerCase (   ) . 
		 indexOf('.png') >   -1 ?   
				  (   this.runtimeStyle.backgroundImage =     "none",
		this.runtimeStyle.filter =   
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +   
		 this.src +     "', sizingMethod='image')", this.src =   
		 "/images/css/general/transparent.gif" ) :  
				  (   this.origBg =     this.origBg ?   
					  this.origBg :  
					  this.currentStyle.backgroundImage.toString (   ) . 
		 replace('url("', '') .   replace('")', ''), this.runtimeStyle.filter
		=   
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + 
		 this.origBg +   "', sizingMethod='" +( 
		 this.currentStyle.backgroundRepeat !=   'no-repeat' ?   'scale' :  
		'crop' ) +   "')", this.runtimeStyle.backgroundImage =     "none" ) ),
		this.pngSet =   true ) );
}

*+html .pngfixie7 {
	position: relative;
	behavior: expression((   this.runtimeStyle.behavior =   "none") &&  
		  (   this.pngSet ?   
			  this.pngSet =   true :  
			  (   this.nodeName ==     "IMG" &&     this.src.toLowerCase (   ) . 
		 indexOf('.png') >   -1 ?   
				  (   this.runtimeStyle.backgroundImage =     "none",
		this.runtimeStyle.filter =   
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" +   
		 this.src +     "', sizingMethod='image')", this.src =   
		 "/images/css/general/transparent.gif" ) :  
				  (   this.origBg =     this.origBg ?   
					  this.origBg :  
					  this.currentStyle.backgroundImage.toString (   ) . 
		 replace('url("', '') .   replace('")', ''), this.runtimeStyle.filter
		=   
		 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + 
		 this.origBg +   "', sizingMethod='" +( 
		 this.currentStyle.backgroundRepeat !=   'no-repeat' ?   'scale' :  
		'crop' ) +   "')", this.runtimeStyle.backgroundImage =     "none" ) ),
		this.pngSet =   true ) );
}

/*---------------------------body-----------------------------------*/
body {
	background: #262626 url(/_css/v4/images/body.png) repeat-x center 40px;
	position: relative;
}

#texture {
	background: url(/_css/v4/images/texture.png) repeat left top;
}

#fixed-logo-right {
	position: fixed;
	top: 100px;
	right: 50px width :   50px;
	height: 20px;
	background: #000000;
}

#fixed-logo-left {
	position: fixed;
	top: 100px;
	left: 50px width :   50px;
	height: 20px;
	background: #000000;
}

#filigrane-left {
	position: fixed;
	top: 246px;
	left: 86px;
	background: url(/_css/v4/images/filigrane-left.png) no-repeat left top;
	width: 121px;
	height: 200px;
}

#filigrane-right {
	position: fixed;
	top: 246px;
	right: -133px;
	background: url(/_css/v4/images/filigrane-right.png) no-repeat left top;
	width: 340px;
	height: 125px;
}

/*------------------------container---------------------------------*/
#container {
	max-width: 1250px;
	margin: 125px auto 0px auto;
	background: #ffffff;
	height: auto;
	position: relative;
}

#floater {
	float: right;
	background: #ffffff;
}

/*------------------------header-------------------------------------*/
#header {
	background: url(/_css/v4/images/header.png) repeat-x left top;
	height: 52px;
}

.body-punk #header {
	background: url(/_css/v4/images/header_punk.png) repeat-x left top;
}

#header #header-content {
	position: relative;
	width: 1250px;
	margin: auto;
}

#header span.title {
	position: relative;
	width: 399px;
	height: 120px;
}

#header span.title a {
	display: block;
	height: 120px;
	left: 0;
	position: absolute;
	top: 0;
	width: 450px;
}

#header span.title a img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9;
}

#header span.title a span {
	position: absolute;
	top: 95px;
	left: 140px;
	color: #ffffff;
	font: bold 16px Arial;
}

/*------------------------switcher-----------------------------------*/
#switcher {
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(/_css/v4/images/switcher.png) no-repeat left top;
	width: 103px;
	height: 102px;
}

.body-punk #switcher {
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(/_css/v4/images/switcher_punk.png) no-repeat left top;
	width: 103px;
	height: 102px;
}

#switcher a {
	bottom: 25px;
	display: block;
	height: 65px;
	left: 56px;
	position: absolute;
	width: 36px;
}

/*-------------------------switchto (right switcher)------------------*/
a#switchto {
	background: url(/_css/v4/images/switchto_punk.png) no-repeat right top;
	display: block;
	position: absolute;
	right: -27px;
	top: 50px;
	width: 27px;
	height: 166px;
}

a:hover#switchto {
	right: -29px;
	width: 29px;
}

.body-punk a#switchto {
	background: url(/_css/v4/images/switchto_metal.png) no-repeat right top;
}

/*------------------------search-------------------------------------*/
#search {
	position: absolute;
	top: 0px;
	right: 105px;
	background: url(/_css/v4/images/search.png) no-repeat left top;
	width: 285px;
	height: 69px;
}

.body-punk #search {
	background: url(/_css/v4/images/search_punk.png) no-repeat left top;
}

#search .search {
	border: none;
	color: #515253;
	height: 27px;
	/*left:42px;
	  top:23px;*/
	position: absolute;
	width: 162px;
	padding-left: 5px;
}

#search .submit {
	border: none;
	height: 27px;
	position: absolute;
	left: 162px;
	width: 39px;
	cursor: pointer;
	opacity:0;
}
#login a:hover {
	opacity:1;
}

#login {
	height: 2px;
	position: absolute;
	right: 400px;
	top: 24px;
	color: #FFF;
}

#login a {
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	background-color:#545454;
	background-position:3px 3px;
	background-repeat:no-repeat;
	border:1px solid #000000;
	color:#FFFFFF;
	display:block;
	float:left;
	margin-left:5px;
	opacity:0.7;
	padding:2px 4px 2px 21px;
}

#fbLoginLink {
	border:0px !important;
	margin-left:0px !important;
	padding-left: 4px !important;
	background-color: transparent  !important;
}

#login a,#login a:hover {
	color: #FFF;
}
#login #user {
	background-image:url("images/user.png");
}
#login #inscription {
	background-image:url("images/inscription.png");
}
#login #connect {
	background-image:url("images/connect.png");
	background-position:4px 2px;
}

/*-----------------------menu----------------------------------------*/
#menu {
	width: 100%;
	position: absolute;
	top: -33px;
	left: 0px;
	min-width: 1000px;
	background: url(/_css/v4/images/menu-bg.png) repeat-x left top;
}

#menu a {
	float: left;
	display: block;
	padding-left: 10px
}

#menu a span {
	color: #cdcdcd;
	font: normal normal bold 15px Arial;
	height: 23px;
	padding: 10px 10px 0px 0px;
	display: block;
}

#menu a.shop img {
	float: left;
	padding-right: 3px;
}

#menu a.home {
	margin-left: -7px;
}

#menu a:hover {
	background: url(/_css/v4/images/menu-on.png) no-repeat left top;
	margin-top: -2px;
}

#menu a:hover span {
	background: url(/_css/v4/images/menu-on.png) no-repeat right top;
	padding-bottom: 2px;
}

#menu a.on,#menu a:hover.on {
	background: url(/_css/v4/images/menu-on.png) no-repeat left top;
	margin-top: -5px;
}

#menu a.on span,#menu a:hover.on span {
	background: url(/_css/v4/images/menu-on.png) no-repeat right top;
	padding-bottom: 5px;
}

#menu span.sep {
	width: 2px;
	height: 33px;
	display: block;
	float: left;
	background: url(/_css/v4/images/menu-sep.png) no-repeat left top;
}

#menu span.sep-shop {
	float: right;
	width: 2px;
	height: 33px;
	display: block;
	background: url(/_css/v4/images/menu-sep.png) no-repeat left top;
}

#menu span.sep-right {
	background: url(/_css/v4/images/menu-sep-right.png) no-repeat right 1px;
	display: block;
	height: 33px;
	width: 7px;
	float: right;
}

#menu span.sep-left {
	background: url(/_css/v4/images/menu-sep-left.png) no-repeat left 1px;
	display: block;
	height: 33px;
	width: 7px;
	float: left;
}

.pager {
	background: url("/_css/v4/images/metal-pix.png") repeat-x scroll left center
		transparent;
	margin: 30px 7px 0;
}

.body-punk .pager {
	background: url("/_css/v4/images/punk-pix.png") repeat-x scroll left center
		transparent;
}

.pagination {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 15px auto 0;
	padding: 3px;
	text-align: center;
	width:300px;
}

.pagination a {
	border: 1px solid #BC0000;
	margin-right: 2px;
	padding: 2px 5px;
	text-decoration: none;
}

.body-punk .pagination a {
	border: 1px solid #11668E;
}

.pagination a:hover,.pagination a:active {
	color: #BC0000;
	font-weight: bold;
}

.body-punk .pagination a:hover,.body-punk .pagination a:active {
	color: #11668E;
}

.pagination span.current {
	background-color: #BC0000;
	color: #FFFFFF;
	font-weight: bold;
	margin-right: 2px;
	padding: 2px 5px;
	border:1px solid #BC0000;
}

.body-punk .pagination span.current {
	background-color: #11668E;
	border:1px solid #11668E;
}

.pagination span.disabled {
	border: 1px solid #F3F3F3;
	color: #CCCCCC;
	margin-right: 2px;
	padding: 2px 5px;
}

.pagination .prev,.pagination .next {
	border: medium none !important;
	color: #BC0000;
}

.body-punk .pagination .prev,.body-punk .pagination .next {
	color: #11668E;
}

/*-----------------------left-col------------------------------------*/
#left-col {
	background: #ffffff;
}

#left-col .content {
	background: url(/_css/v4/images/left-shadow.png) repeat-y right top;
	width: 245px;
	height: auto;
	padding-top: 30px;
}

#left-col .bottom {
	background: url(/_css/v4/images/left-shadow-bottom.png) repeat-y right
		top;
	width: 245px;
	height: 130px;
}

/*-----------------------right-col------------------------------------*/
#right-col {
	background: #ffffff;
}

#right-col .content {
	background: url(/_css/v4/images/right-shadow.png) repeat-y left top;
	width: 245px;
	height: auto;
	padding-top: 30px;
}

#right-col .bottom {
	background: url(/_css/v4/images/right-shadow-bottom.png) repeat-y left
		top;
	width: 245px;
	height: 130px;
}

/*------------------------blocs-type col-left & col-right------------------------------------*/
#right-col .bloc {
	padding-left: 15px;
}

#left-col .bloc {
	padding-right: 15px;
}

.col .bloc .title {
	display: block;
	color: #ffffff !important;
	height: 29px;
	font: normal normal normal 15px Arial;
	padding-top: 30px;
	padding-left: 30px;
	position: relative;
	z-index: 2;
}

#right-col .bloc.white .title {
	background: url(/_css/v4/images/right-red-bloc-title.png) no-repeat left
		top;
}

.body-punk #right-col .bloc.white .title {
	background: url(/_css/v4/images/right-blue-bloc-title_punk.png)
		no-repeat left top;
}

#right-col .bloc.grey .title {
	background: url(/_css/v4/images/right-grey-bloc-title.png) no-repeat
		left top;
}

#left-col .bloc.white .title {
	background: url(/_css/v4/images/left-red-bloc-title.png) no-repeat left
		top;
}

.body-punk #left-col .bloc.white .title {
	background: url(/_css/v4/images/left-blue-bloc-title_punk.png) no-repeat
		left top;
}

#left-col .bloc.grey .title {
	background: url(/_css/v4/images/left-grey-bloc-title.png) no-repeat left
		top;
}

.col .bloc .bloc-content {
	padding: 10px 10px 25px 10px;
	margin-top: -4px;
	margin-bottom: -23px;
}

.col .bloc.white .bloc-content {
	background: #ffffff;
}

.col .bloc.grey .bloc-content {
	background: #d3d3d3;
}

#left-col .bloc .bloc-content {
	margin-right: 5px;
}

#right-col .bloc .bloc-content {
	margin-left: 5px;
}

#submenu {
	margin-bottom: 25px;
}

#submenu li.title {
	background: url("/_css/v4/images/submenu-title.png") repeat-x scroll
		left top transparent !important;
	color: #FFFFFF;
	display: block;
	font-size: 20px;
	height: 32px;
	padding: 7px 0 0 24px !important;
	margin: 0;
	width: 214px;
	overflow:hidden;
	white-space: nowrap;
}

.body-punk #submenu li.title {
	background:url("images/submenu-title_punk.png") repeat-x scroll left top transparent !important;
}

#submenu li {
	margin: 0 0 0 3px;
	width: 218px;
}

#submenu li.odd {
	background: none repeat scroll 0 0 #E6E6E6;
}

#submenu li.even {
	background: none repeat scroll 0 0 #DBDBDB;
}

#submenu li a, #submenu li span {
	background: url("/_css/v4/images/submenu-bullet.png") no-repeat scroll
		10px 8px transparent;
	display: block;
	padding: 6px 0 6px 20px;
}

#submenu li a:hover {
	font-weight: bold;
}

#submenu li.active a {
	background: url("/_css/v4/images/submenu-bullet.png") no-repeat scroll
		10px -18px transparent;
	color: #BC0000;
	font-weight: bold;
}

.body-punk #submenu li.active a, .body-punk #submenu li.active span {
	background:url("images/submenu-bullet_punk.png") no-repeat scroll 10px -18px transparent;
	color:#11668E;
}

#submenu li.parent a, #submenu li.parent span {
	background: url("/_css/v4/images/submenu-bullet-parent.png") no-repeat
		scroll 7px 11px transparent !important;
}

#submenu li.active.parent a, #submenu li.active.parent span {
	background: url("/_css/v4/images/submenu-bullet-parent.png") no-repeat
		scroll 7px -20px transparent !important;
}

#submenu li.parent ul li a, #submenu li.parent ul li span {
	background: url("/_css/v4/images/submenu-bullet.png") no-repeat scroll
		10px 8px transparent !important;
}

#submenu li.active.parent ul li a {
	background: url("/_css/v4/images/submenu-bullet.png") no-repeat scroll
		10px -18px transparent !important;
}

#submenu li ul li {
	margin-left: 0;
}

#submenu li ul li a {
	color: #747474;
	font-size: 11px;
	margin-left: 15px;
}

#submenu li ul li.active a {
	color: #BC0000;
}

#submenu li.odd ul li.odd {
	background: none repeat scroll 0 0 #DBDBDB;
}

#submenu li.odd ul li.even {
	background: none repeat scroll 0 0 #E6E6E6;
}

#breadcrumbs {
	margin-top: 4px;
	margin-bottom: 15px;
}

#breadcrumbs span {
	/*background: url("images/breadcrumb.png") no-repeat scroll left top
		transparent;*/
	color: #343434;
	font-size: 20px;
	display:block;
	position:relative;
	padding-top:3px;
	padding-left: 20px;
	height:29px;
	float:left;
	margin-right:10px;
}
#breadcrumbs span img{
	position:absolute;
	left:0px;
	top:0px;
}

.body-punk #breadcrumbs span {
	background:url("images/breadcrumb_punk.png") no-repeat scroll left top transparent;
}

#breadcrumbs a {
	color: #343434;
	font-size: 20px;
}


#breadcrumbs span.active,#breadcrumbs span.active a {
	color: #BC0000;
}

.body-punk #breadcrumbs span.active, .body-punk  #breadcrumbs span.active a {
	color: #11668E !important;
}

/*---------------col_left & col_right >> list-----------*/
.col .bloc .list .item {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.col .bloc.white .list .item {
	border-bottom: 1px solid #cccccc;
}

.col .bloc.grey .list .item {
	border-bottom: 1px solid #ffffff;
}

.col .bloc .list .item .list-title {
	color: #bc0000;
	font-weight: bold;
}

.body-punk .col .bloc .list .item .list-title {
	color: #11668e;
}

/*---------------------------col_left & col_right >> action_menu-------------*/
.col #action_menu a{
	background:url(images/red-bullet.png) no-repeat left 3px;
	padding-left:14px;
	font-weight:bold;
	display:block;
	color:#BB0000;
	text-decoration:underline;
	margin-bottom:3px;
}
.col #action_menu a:hover{
	padding-left:16px;
}
.body-punk .col #action_menu a{
	background:url(images/blue-bullet.png) no-repeat left 3px;
	color:#11668E
}

/*---------------col_left & col_right >> tab-nav-----------*/
.col .bloc .tab-nav {
	
}

.col .bloc .tab-nav a.tab {
	background: #e7e7e7;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	margin-right: 2px;
	display: block;
	float: left;
	padding: 1px 5px;
	margin-top: 2px;
	color: #7c7c7c;
	font-size: 11px;
}

.col .bloc .tab-nav a:hover.tab {
	color: #515253;
	padding: 2px 5px;
	margin-top: 0px;
}

.col .bloc .tab-nav a.tab.on,.col .bloc .tab-nav a:hover.tab.on {
	font-weight: bold;
	padding: 2px 5px;
	margin-top: 0px;
	color: #ffffff;
	background: #787878;
	font-size: 12px;
}

.col .bloc .tab-nav .tab-view {
	display: none;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border: 3px solid #787878;
	background: #ffffff;
}

.col .bloc .tab-nav .tab-view {
	padding: 10px;
}

.col .bloc .tab-nav .tab-view.on {
	display: block;
}

/*---------------col_left & col_right >> bloc-switcher-----------*/
.col .bloc .bloc-switcher {
	margin: 8px auto;
	text-align: center;
}

.col .bloc .bloc-switcher a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 2px;
}

.col .bloc .bloc-switcher a {
	background: url(/_css/v4/images/bloc-switch-white-white.png) no-repeat
		left top;
}

.col .bloc .bloc-switcher a.on,.col .bloc .bloc-switcher a:hover {
	background: url(/_css/v4/images/bloc-switch-white-red.png) no-repeat
		left top;
}

.col .bloc.grey .bloc-switcher a {
	background: url(/_css/v4/images/bloc-switch-grey-white.png) no-repeat
		left top;
}

.col .bloc.grey .bloc-switcher a.on,.col .bloc.grey .bloc-switcher a:hover
	{
	background: url(/_css/v4/images/bloc-switch-grey-red.png) no-repeat left
		top;
}

.body-punk .col .bloc .bloc-switcher a.on,.body-punk .col .bloc .bloc-switcher a:hover
	{
	background: url(/_css/v4/images/bloc-switch-white-blue.png) no-repeat
		left top;
}

.body-punk .col .bloc.grey .bloc-switcher a.on,.body-punk .col .bloc.grey .bloc-switcher a:hover
	{
	background: url(/_css/v4/images/bloc-switch-grey-blue.png) no-repeat
		left top;
}

/*------------------------content------------------------------------*/
#content {
	float: left;
	height: auto;
	background: #ffffff;
	padding-top: 30px;
}

/*--------------------------bloc-type content-------------------------*/
#content .bloc, #nyroModalContent .bloc {
	margin-top: 20px;
}

.title {
	color: #bb0000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 9px;
}

.body-punk .title {
	color: #11668e;
}

#content .bloc .action_bloc {
	bottom: 9px;
	float: right;
	padding-right: 8px;
	position: relative;
	right: 0;
	top: -8px;
}

.body-punk .bloc .title {
	color: #11668e;
}

.bloc .top {
	background: url(/_css/v4/images/bloc-top.png) no-repeat left top;
	padding-left: 10px;
	height: 10px;
}

.bloc .top .brd {
	background: url(/_css/v4/images/bloc-top.png) no-repeat right top !important;
	height: 10px;
}

.bloc .bottom {
	background: url(/_css/v4/images/bloc-bottom.png) no-repeat left top;
	padding-left: 10px;
	height: 10px;
}

.bloc .bottom .brd {
	background: url(/_css/v4/images/bloc-bottom.png) no-repeat right top !important;
	height: 10px;
}

.bloc .middle {
	background: url(/_css/v4/images/bloc-middle.png) repeat-y left top;
	padding-left: 10px;
}

.bloc .middle .brd {
	background: url(/_css/v4/images/bloc-middle.png) repeat-y right top;
	padding: 7px 16px 5px 9px;
}

.bloc p { /*position:relative;*/
	border-bottom: 1px dashed #cccccc;
	margin-bottom: 15px;
	text-align: justify;
}

.bloc.news p {
	padding-right: 25px;
	padding-bottom: 20px;
}

.bloc.news div.news:last-child p{
	border-bottom: 0px;
}

.bloc.nodashed p {
	border-bottom: 0px !important;
}

.bloc .link {
	color: bb0000;
}

.body-punk .bloc .link {
	color: #11668e;
}

.bloc a.more {
	position: absolute;
	right: 0px;
	bottom: 1px;
	color: #bb0000;
	text-decoration: underline;
}

.body-punk bloc a.more {
	color: #11668e;
}

.bloc a.share {
	position: absolute;
	right: 0px;
	top: 0px;
}

.body-punk .bloc a.share {
	background: url(/_css/v4/images/share_punk.png) no-repeat left top;
}

#content .bloc p.chronique {
	background: url(/_css/v4/images/icon-chronique.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.interview {
	background: url(/_css/v4/images/icon-interview.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.livereport {
	background: url(/_css/v4/images/icon-livereport.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.dossier {
	background: url(/_css/v4/images/icon-dossier.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.concert {
	background: url(/_css/v4/images/icon-concert.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.concours {
	background: url(/_css/v4/images/icon-concours.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.hellfest {
	background: url(/_css/v4/images/icon-hellfest.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.metalorgie {
	background: url(/_css/v4/images/icon-metalorgie.png) no-repeat left top;
	padding-left: 33px;
}

#content .bloc p.new-group {
	background: url(/_css/v4/images/icon-new-group.png) no-repeat left top;
	padding-left: 33px;
}

.body-punk #content .bloc p.chronique {
	background: url(/_css/v4/images/icon-chronique_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.interview {
	background: url(/_css/v4/images/icon-interview_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.livereport {
	background: url(/_css/v4/images/icon-livereport_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.dossier {
	background: url(/_css/v4/images/icon-dossier_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.concert {
	background: url(/_css/v4/images/icon-concert_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.concours {
	background: url(/_css/v4/images/icon-concours_punk.png) no-repeat left
		top;
	padding-left: 33px;
}

.body-punk #content .bloc p.hellfest {
	background: url(/_css/v4/images/icon-hellfest_punk.png) no-repeat left top;
	padding-left: 33px;
}

.body-punk #content .bloc p.metalorgie {
	background: url(/_css/v4/images/icon-metalorgie_punk.png) no-repeat left top;
	padding-left: 33px;
}

.body-punk #content .bloc p.new-group {
	background: url(/_css/v4/images/icon-new-group_punk.png) no-repeat left top;
	padding-left: 33px;
}

.bloc-content div.more {
	text-align:right;
}

/*----------------------footer----------------------------------------*/
#footer {
	background: transparent url(/_css/v4/images/footer.png) repeat-x left
		163px;
	height: 437px;
	overflow: hidden;
	width: 100%;
}

.body-punk #footer {
	background: transparent url(/_css/v4/images/footer_punk.png) repeat-x
		left 163px;
}

#footer .content {
	width: 1250px;
	margin: auto;
	position: relative;
	height: 437px;
	background: #FFFFFF url(/_css/v4/images/footer-content.png) repeat-x
		left bottom;
}

.body-punk #footer .content {
	background: #FFFFFF url(/_css/v4/images/footer-content_punk.png)
		repeat-x left bottom;
}

#footer .content #left-corner {
	background: transparent url(/_css/v4/images/footer-left-corner.png)
		no-repeat left top;
	position: absolute;
	top: 163px;
	left: -253px;
	height: 274px;
	width: 253px;
}

.body-punk #footer .content #left-corner {
	background: transparent url(/_css/v4/images/footer-left-corner_punk.png)
		no-repeat left top;
}

#footer .content #right-corner {
	background: transparent url(/_css/v4/images/footer-right-corner.png)
		no-repeat left top;
	position: absolute;
	top: 163px;
	right: -253px;
	height: 274px;
	width: 253px;
}

.body-punk #footer .content #right-corner {
	background: transparent
		url(/_css/v4/images/footer-right-corner_punk.png) no-repeat left top;
}

#footer #sociable {
	position: absolute;
	top: 132px;
	left: 20px;
}

#footer #sociable a {
	display: block;
	width: 39px;
	height: 43px;
	background: grey;
	float: left;
	margin-right: 8px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: left 15px;
}

#footer #sociable a:hover {
	background-position: left 7px !important;
}

#footer #sociable .twitter {
	background-image: url(/_css/v4/images/footer-twitter.png);
}

#footer #sociable .gbuzz {
	background-image: url(/_css/v4/images/footer-gbuzz.png);
}

#footer #sociable .facebook {
	background-image: url(/_css/v4/images/footer-facebook.png);
}

#footer #sociable .rss {
	background-image: url(/_css/v4/images/footer-rss.png);
}
#footer #sociable .lastfm {
	background-image: url(/_css/v4/images/footer-lastfm.png);
}

#footer #sociable .myspace {
	background-image: url(/_css/v4/images/footer-myspace.png);
}


#footer #menu-footer {
	position: absolute;
	left: 20px;
	top: 215px;
}

#footer #menu-footer ul {
	display: block;
	float: left;
	width: 240px;
	margin-right: 50px;
}

#footer #menu-footer li {
	background: transparent url(/_css/v4/images/footer-menu-sep.png)
		repeat-x left bottom;
}

#footer #menu-footer a {
	color: #999;
	background: transparent url(/_css/v4/images/footer-menu-star.png)
		no-repeat left 11px;
	display: block;
	height: 27px;
	padding-left: 23px;
	padding-top: 8px;
	/*text-shadow: 0px 1px 0px #646464;*/
	font-weight: bold;
	padding-bottom: 2px;
	font-size: 16px;
}

#footer #menu-footer a:hover {
	font-size: 18px;
	padding-top: 7px;
	padding-bottom: 3px;
}

* html #footer #menu-footer a {
	color: #646464;
}

#footer .content #footer-disc {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 395px;
	height: 248px;
	background: transparent url(/_css/v4/images/footer-disc.png) no-repeat
		left top;
}

.body-punk #footer .content #footer-disc {
	background: transparent url(/_css/v4/images/footer-disc_punk.png)
		no-repeat left top;
}

#footer .content #footer-disc p {
	position: absolute;
	top: 197px;
	right: 127px;
	text-align: right;
}

#footer .content #footer-disc p a {
	color: #494949;
}

#footer-illus-left {
	background: transparent url(/_css/v4/images/footer-illus-left.png)
		no-repeat left top;
	position: absolute;
	left: -278px;
	bottom: -180px;
	width: 278px;
	height: 268px;
}

#footer-illus-right {
	background: transparent url(/_css/v4/images/footer-illus-right.png)
		no-repeat left top;
	position: absolute;
	right: -166px;
	bottom: -180px;
	width: 166px;
	height: 270px;
}

/*---------------------------bloc grp---------------------------------*/
.list_item{
	position:relative;
	border-bottom:1px dashed #CCCCCC;
	padding:25px 0px;
	margin-bottom:10px;
}

.list_item.album {
	padding:10px 0px;
	margin-bottom:5px;
}

.list_item a.picture{
	display:block;
	float:left;
	height:200px;
	width:200px;
	margin-right:15px;
}

.list_item.album a.picture {
	height:160px;
	width:160px;
	margin-right:8px;
}

.list_item .title{
	font-size:14px !important;
	margin:0px !important;
	padding:0px !important;
}

.list_item p{
	padding:0px !important;
	margin:0px !important;
	border:none !important;
	line-height:20px;
}
.list_item .action{
	position:absolute;
	/*left:215px;*/
	bottom:8px;
	padding:3px 1px;
	background:#f4f4f4;
	border:1px solid #cccccc;
}

.list_item.grp .action{
	bottom:23px;
}

.list_item .action a{
	color:#b1b1b1;
	padding-left:18px;
	display:block;
	float:left;
	margin:2px 4px 3px 2px;
	font-size:11px;
}
.list_item .action a:hover{
	text-decoration:underline;
}
.list_item .action a.like{
	background:url(images/like.png) no-repeat left top;
}
.list_item .action a.collec{
	background:url(images/collec.png) no-repeat left top;
}
.list_item .action a.shop{
	background:url(images/shop.png) no-repeat left top;
}
.list_item .action a.live{
	background:url(images/live.png) no-repeat left top;
}
.list_item .action a.listen{
	background:url(images/listen.png) no-repeat left top;
}

.list_item .sticker{
	font-weight:bold;
}
.list_item .grp-link{
	margin-top:10px;
}
.list_item .grp-link a{
	color:#bc0000;
	text-decoration:underline;
}
.body-punk .list_item .grp-link a{
	color:#11668E;
}
.vote{
	margin-top:5px;
}
.vote p span{
	font-size:10px;
	color:#5a5a5a;
}
.vote .rate{
	background:url(images/rating-bg.png) repeat-x left center;
	height:11px;
	padding:1px;
	width:200px;
	position:relative;
	border:1px solid #767676;
	padding:0px;
}
.vote .rate div{
	background:url(images/rating-cursor.png) repeat-x left top;
	height:11px;
}
.body-punk .vote .rate div{
	background:url(images/rating-cursor_punk.png) repeat-x right top;
}

/**************************************************************************************************************************/
	/* Slider (menu droit) */
.scrollable { /* required settings */
	position: relative;
	overflow: hidden;
	width: 200px;
	height: 260px;
}

.scrollable .items { /* this cannot be too large */
	width: 2000em;
	position: absolute;
}

.items div {
	float: left;
}

.dossier_info {
	color: #FFF;
	top: -10px;
	opacity: 0.7;
	height: 35px;
	width: 200px;
	right: 200px;
	background-color: #000;
	position: relative;
	float: none !important;
	display: inline-block;
	padding: 3px;
}

.article_info {
    color: #FFF;
    top: 13px;
    opacity: 0.7;
    height: 40px;
    width: 115px;
    right: 118px;
    background-color: #000;
    position: relative;
    float: none !important;
    display: inline-block;
    padding: 3px
}

/******************************/ /* Autosuggest style */
#searchForm {
	position: absolute;
	top: 25px;
	left: 45px;
}

#suggestions{
	background:#2e2525;
	border-radius:5px;
	-moz-border-radius:5px;	
	left:-19px;
	position:absolute;
	top:29px;
	width:230px;
	z-index:999999999;
}
#suggestions .category{
	display:block;
	margin-top:10px;
	padding:5px;
	background:#000000 url(images/footer-menu-star.png) no-repeat left 4px;
	color:#ffffff;
	padding-left:18px;
	margin:10px 5px 0px 5px;
	border-radius:3px;
	-moz-border-radius:3px;
}
#suggestions .searchResultLink{
	display:block;
	border:1px dotted #473a3a;
	margin:4px 7px;
	padding:5px;
	clear:both;
	min-height:45px;
	color:#bbbbbb;
	border-radius:3px;
	-moz-border-radius:3px;
	background:#372e2e;
}
#suggestions a:hover.searchResultLink, #suggestions a.searchResultLink.selected{
	background-color:#403636;
}
#suggestions .searchResultLink img{
	float:left;
	margin:0px 5px 0px 0px;
}
#searchresults a span.searchheading {
	color:#bbbbbb;
	display:block;
	font-weight:bold;
}
#suggestions .seperator{
	display:block;
	padding:5px 10px 10px 10px;;
	text-align:right;
}
#suggestions .seperator a{
	color:#BBBBBB;
	text-decoration:underline;
	text-align:right;
	font-size:11px;
}



/* Modal window */
div#nyroModalFull {
	font-size: 12px;
	color: #777;
}

div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(img/ajaxLoader.gif) no-repeat;
	background-position: center;
}

div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}

div#nyroModalWrapper {
	
}


a#closeBut {
	-moz-border-radius:11px;
	border-radius:11px;
	background:none repeat scroll 0 0 #515253;
	color:#FFFFFF;
	display:block;
	font-size:15px;
	font-weight:bold;
	height:19px;
	padding-left:5px;
	padding-top:1px;
	position:absolute;
	right:6px;
	top:6px;
	width:15px;
}

h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 12px;
	color: #ddd;
}

.title-popup {
	color:#FFFFFF;
	font-size:16px;
	font-weight:bold;
	left:5px;
	position:absolute;
	top:-20px;
}

div#nyroModalContent {
	overflow: auto;
}

#nyroModalContent a {
	color:#BB0000;
}

.body-punk #nyroModalContent a {
	color:#12658D;
}

div.wrapper div#nyroModalContent {
	-moz-border-radius:8px;
	border-radius:8px;
	background:none repeat scroll 0 0 #FFFFFF;
	padding:5px;
	border:2px solid #BB0000;
}

.body-punk div.wrapper div#nyroModalContent {
	border:2px solid #12658D;
}

div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}

div.wrapperImg img {
	vertical-align: baseline;
}

div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
	filter: alpha(opacity =   20);
}

div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	filter: alpha(opacity =   50);
	cursor: help;
}

a.nyroModalPrev,a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}

div.wrapperSwf a.nyroModalPrev,div.wrapperSwf a.nyroModalNext,div.wrapper a.nyroModalPrev,div.wrapper a.nyroModalNext
	{
	height: 60%;
	width: 20%;
}

a.nyroModalPrev {
	left: 0;
}

a.nyroModalPrev:hover {
	background-image: url(img/prev.gif);
}

a.nyroModalNext {
	right: 0;
	background-position: right 20%;
}

a.nyroModalNext:hover {
	background-image: url(img/next.gif);
}

/** Tooltip **/

.imageContainer{
	float:left; 
	width:165px; 
	text-align:center;
	position:relative;
}

.toolImg{
	position:absolute;
	width:100%;
	text-align:right;
	display:inline-block;
}


/** BB Code **/
.bbcode .markItUpButton1 a {
	background-image: url(/_js/jQuery/markitup/sets/bbcode/images/bold.png);
}

.bbcode .markItUpButton2 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/italic.png);
}

.bbcode .markItUpButton3 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/underline.png);
}

.bbcode .markItUpButton4 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/list-bullet.png);
}

.bbcode .markItUpButton5 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/list-numeric.png);
}

.bbcode .markItUpButton6 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/list-item.png);
}

.bbcode .markItUpButton7 a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/quotes.png);
}

.bbcode .markItUpButton8 a {
	background-image: url(/_js/jQuery/markitup/sets/bbcode/images/clean.png)
		;
}

.bbcode .preview a {
	background-image:
		url(/_js/jQuery/markitup/sets/bbcode/images/preview.png);
}

/** Jquery Tools CSS **/
/* the input field */
.date {
	border: 1px solid #ccc;
	font-size: 18px;
	padding: 4px;
	text-align: center;
	width: 194px;
	-moz-box-shadow: 0 0 10px #eee inset;
}

/* calendar root element */
#calroot {
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}

/* head. contains title, prev/next month controls and possible month/year selectors */
#calhead {
	padding: 2px 0;
	height: 22px;
}

#caltitle {
	font-size: 14px;
	color: #0150D1;
	float: left;
	text-align: center;
	width: 155px;
	line-height: 20px;
	text-shadow: 0 1px 0 #ddd;
}

#calnext,#calprev {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url(prev.gif) no-repeat scroll center center;
	float: left;
	cursor: pointer;
}

#calnext {
	background-image: url(next.gif);
	float: right;
}

#calprev.caldisabled,#calnext.caldisabled {
	visibility: hidden;
}

/* year/month selector */
#caltitle select {
	font-size: 10px;
}

/* names of the days */
#caldays {
	height: 14px;
	border-bottom: 1px solid #ddd;
}

#caldays span {
	display: block;
	float: left;
	width: 28px;
	text-align: center;
}

/* container for weeks */
#calweeks {
	background-color: #fff;
	margin-top: 4px;
}

/* single week */
.calweek {
	clear: left;
	height: 22px;
}

/* single day */
.calweek a {
	display: block;
	float: left;
	width: 27px;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	margin-left: 1px;
	text-align: center;
	line-height: 20px;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* different states */
.calweek a:hover,.calfocus {
	background-color: #ddd;
}

/* sunday */
a.calsun {
	color: red;
}

/* offmonth day */
a.caloff {
	color: #ccc;
}

a.caloff:hover {
	background-color: rgb(245, 245, 250);
}

/* unselecteble day */
a.caldisabled {
	background-color: #efefef !important;
	color: #ccc !important;
	cursor: default;
}

/* current day */
#calcurrent {
	background-color: #498CE2;
	color: #fff;
}

/* today */
#caltoday {
	background-color: #333;
	color: #fff;
}

/** News **/
.news{
	position:relative;
}

.news-text img {
	margin: 5px;
	border: 1px solid #CCC;
}

.news .share_big {
	border-radius:5px;
	-moz-border-radius:5px;
	background:#ededed;
	padding:5px 8px;
}

.news .share_big .share_on {
	color:#BB0000;
	padding-bottom:6px;
}
.body-punk .news .share_big .share_on {
	color:#BB0000;
}

/*----------------------form-----------------------------------------------*/
.formorgie label{
	display:block;
	font-weight:bold;
	color:#bb0000;
	margin-bottom:3px;
	margin-top:10px;
}
.body-punk .formorgie label{
	color:#11668E;
}
.formorgie .radius{
	border:1px solid #cccccc;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:3px;
}
.formorgie .button{
	color:#ffffff !important;
	font-weight:bold;
	-moz-border-radius:3px;
	border-radius:3px;
	border:none;
	background:#bb0000;
	padding:3px 5px;
	cursor:pointer;
	margin-top:10px;
}

.body-punk .formorgie .button{
	background:#11668E;
}

.formorgie .info {
	width:400px;
	border-radius:4px;
    -moz-border-radius:4px;
    border:2px solid #459C30;
    color:#459C30;
    background:#C2E3BA;
    padding:5px;
    margin:10px 0px 15px 0px;
    font-size:15px;
}

.formorgie .error {
	width:400px;
	border-radius:4px;
    -moz-border-radius:4px;
    border:2px solid #a10400;
    color:#a10400;
    background:#edbcbb;
    padding:5px;
    margin:10px 0px 15px 0px;
    font-size:15px;
}

.formorgie ul li.checkbox-row input {
  float:left;
}

.formorgie ul li.checkbox-row label {
  margin-left:20px;
}

/*-----------------------------table------------------------------------*/
.tableorgie{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	margin:10px 0px;
}
.tableorgie th{
	background:#bb0000;
	color:#ffffff;
	font:normal normal bold 14px Arial;
	border:none;
	padding:10px;
	text-align:left;
	border-left:1px solid #a20000;
}
.body-punk .tableorgie th{
	background:#11668E;
	border-left:1px solid #095173;
}
.tableorgie tr.even{
	background:#ececec;
}
.tableorgie .first-left{
	border-top-left-radius:6px;	
	-moz-border-radius-topleft:6px;	
	-webkit-border-top-left-radius:6px;
	border-left:none !important;	
}
.tableorgie .first-right{
	border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
}
.tableorgie td{
	border:1px solid #cccccc;
	padding:10px;
}

/*--------------------------dotted-title------------------------------*/
.dotted-title, .cartouche{
    -moz-border-radius:5px;
    border-radius:5px;
    background:#F1F1F1;
    border: 1px dotted #CCCCCC;
    margin: 20px 5px !important;
    padding: 10px 15px;
    text-align: left;
}
.dotted-title h1, .cartouche h1{
	font-size:24px;
}
.dotted-title h2, .cartouche h2{
    font-size:20px;
}
.dotted-title a{
    background: url(images/bullet_metal.png) no-repeat scroll left 3px transparent;
    display: block;
    /*float: left;*/
    margin-right: 15px;
    padding-left: 7px;
}
.body-punk .dotted-title a{
    background: url(images/bullet_punk.png) no-repeat scroll left 3px transparent;
}

/*--------------------------content-table-----------------------------*/
.content-table{
	height:20px;
	margin-left:15px;
}
.content-table a.item{
	display:block;
	background:#7d7d7d;
	float:left;
	display:block;
	padding:5px 10px;
	color:#ffffff !important;
	font-size:14px;
	margin-right:3px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;	
	-webkit-border-top-left-radius:4px;
}
.content-table a:hover.item{
	background:#6e6e6e;
}
.content-table a.item.active,
.content-table a:hover.item.active{
	background:#bb0000;
}
.body-punk .content-table a.item.active,
.body-punk .content-table a:hover.item.active{
	background:#11668E;
}


/*---------------col_left & col_right >> album-----------*/
.col .bloc .album{
	position:relative;
	text-align:center;
}
.col .bloc .album img{
	margin:0 auto 10px auto;
	display:block;
	border:1px solid #cccccc;
}

.tip-box{
	position:absolute;
	z-index:9;
	border:3px solid #BB0000;
	border-radius:5px;
	-moz-border-radius:5px;
	background:#ffffff;
	text-align:left;
	box-shadow: 0px 0px 5px #515253;
    -moz-box-shadow:0px 0px 5px #515253;
    -webkit-box-shadow:#50a3d9 0px 0px 5px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#515253', Direction=0, Strength=5);
    zoom: 1;
}

.body-punk .tip-box{
	border-color:#12658d;
	font-size: 13px;
}

.col .bloc .album .tip-box{
	width:200px;
	padding:10px;
	top:10px;
}

.tip-box.tip-news {
	width:100px;
	padding:5px;	
}

.tip-box.tip-band {
	width:175px;
	padding:5px;	
}

.tip-box.tip-band img {
	margin:0 4px 4px 0;
}

.body-punk .col .bloc .album .tip-box{
	border-color:#12658d;
	font-size: 13px;
}
#left-col .bloc .album .tip-box{
	left:200px !important;
}
#right-col .bloc .album .tip-box{
	right:198px !important;
	left:auto !important;
}
.col .bloc .album .tip-box .arrow{
	display:block;
	position:absolute;
	top:25px;
	width:13px;
	height:29px;
	background:url(images/tip-box-arrow_metal.png) no-repeat left top;
}
.body-punk .col .bloc .album .tip-box .arrow{
	background:url(images/tip-box-arrow_punk.png) no-repeat left top;
}
#right-col .bloc .album .tip-box .arrow{
	right:-13px;
}


#left-col .bloc .album .tip-box .arrow, #left-col .bloc .miniAlbum .tip-box .arrow{
	left:-13px;
	background:url(images/tip-box-arrow-left_metal.png) no-repeat left top;
}
.body-punk #left-col .bloc .album .tip-box .arrow, .body-punk #left-col .bloc .miniAlbum .tip-box .arrow{
	background:url(images/tip-box-arrow-left_punk.png) no-repeat left top;
}
.tip-box .tip-box-groupe{
	color:#bb0000 !important;
	display:block;
	font-size:13px;
	font-weight:bold !important;
	border-bottom:1px dotted #bb0000;
	padding-bottom:3px;
	margin-bottom:4px;
}
.body-punk .tip-box .tip-box-groupe{
	color:#12658d !important;
	border-bottom:1px dotted #12658d;
}
.tip-box .tip-box-album{
	color:#bb0000;
	display:block;
	font-size:13px;
	border-bottom:1px dotted #bb0000;
	padding-bottom:3px;
	margin-bottom:4px;
}

.tip-box .tip-box-septext{
	line-height: 15px;
}

.body-punk .tip-box .tip-box-album{
	color:#12658d;
	border-bottom:1px dotted #12658d;
}

/** Separator **/
.separator {
	display:block;
	margin:3px 0;
	border-bottom:1px dashed #CCC;
}
.separator_bold {
	display:block;
	margin:3px 0;
	border-bottom:1px dashed #777;
}

.col .bloc-content a  {
	color:#BB0000;
}
.body-punk .col .bloc-content a  {
	color:#12658d;
}

/*--------------- TAGS -------------------*/
.tagElem {
	padding-left:10px;
	float:left;
	display:block;
	line-height:35px;
}

#tagCloudMenu .tagElem{
	line-height:25px;
	padding-left:5px;
}
/* ------------------ Comment -------------------*/
a.comment{
	display:block;
	height:16px;
	width:18px;
	color:#bc0000;
	text-align:center;
	padding-top:1px;
	font-size:10px;
	text-décoration:none;
	position: absolute;
    right: 0;
    bottom:2px;
	background:url(images/comment_metal.png) no-repeat left top;
}
.body-punk a.comment{
	background:url(images/comment_punk.png) no-repeat left top;
	color:#11668e;
}
/** DATE **/
#calroot {
	z-index:110;
}

/** Flattr **/
#flattrBox {
	padding-top:50px;
	position:relative;
	text-align:center;
}
#flattrBox .info {
	display:none;
	float:right;
	position:absolute;
	right:6px;
	top:28px;
}

/** Album **/
.album_minimal_element {
	display: inline-block;
	display: -moz-inline-stack;
	zoom:1;
	*display:inline;
	margin:0 8px 10px 0;
	max-width:160px;
}
.album_minimal_container {
	text-align:center;
}

/*---------------------------concerts---------------------------------*/
.add_band,
.add_seller {
	display: block;
	width: 18px;
	height: 17px;
	background: transparent scroll no-repeat left top;
	margin-top: 4px;
}
.repeater_remove {
	background-image: url(images/remove_metal.png);
	display: block;
	width: 18px;
	height: 17px;
	margin-top: 4px;
	bottom: 5px;
	left: 210px;
	position: absolute;
}

.add_band_metal,
.add_seller_metal {
	background-image: url(images/add_metal.png);
}
.body-punk .repeater_remove{
	background-image: url(images/remove_punk.png);
}
.add_band_punk,
.add_seller_punk {
	background-image: url(images/add_punk.png);
}
.bloc_concert {
  padding: 10px 0;
  border-bottom: solid 1px #D3D3D3;
}
.bloc_concert.last {
  border: none;
}
.bloc_concert .titre_concert {
  font-weight: bold;
}
table.detail_concert th {
  text-align: right;
  vertical-align: top;
}
.ctrl_concert {
  text-align: right;
}
ul.infos_concert li {
  text-align: right;
  font-size: 11px;
  font-style: italic;
}

tr.partenariat  {
	background-color: #EEE;
}

.detail_concert{
	line-height: 20px;
}
#carteDeFrance {
	text-align:center;
}
#infoDep {
	margin-left: 175px;
	text-align: center;
	width: 350px;
}
#carteDeFrance svg{
	border:1px solid #CCCCCC;
}

#concertsSubMenu{
	margin-top:25px;
	margin-bottom:25px;
	height:70px;
}

#concertsSubMenu div{
	position: relative;
	width: 175px;
	height: 70px;
	float:left;
	padding-left:70px;
	margin-left:5px;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

#concertsSubMenu .search{
	background-image:url(img/search_big.png);
	background-repeat:no-repeat;
	border-right: 1px solid #D3D3D3;
}

#concertsSubMenu .map{
	background-image:url(img/mapFr.png);
	background-repeat:no-repeat;
	border-right: 1px solid #D3D3D3;
}

#concertsSubMenu div span{
	left: 86px;
	position: absolute;
	top: 21px;
}

#concertsSubMenu .all{
	background-image:url(img/calendar.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#mainPicture a.next, #mainPicture a.prev {
    position:absolute;
    display:none;
    top:50%;
    margin-top:-20px;
    z-index:60;
    height: 38px;
    width: 38px;
    background-image: url(./img/arrows.png);
}
#mainPicture a.next{
    background-position: 100% 0;
    right:195px;
}
#mainPicture a.prev {
    left:5px;
    background-position: 0 0;
}
#mainPicture a.next:hover{
    background-position: 100% 50%;
}
#mainPicture a.prev:hover {
    background-position: 0 50%;
}
#mainPicture a.next:active{
    background-position: 100% 100%;
}
#mainPicture a.prev:active {
    background-position: 0 100%;
}
* html #mainPicture a.next,* html #mainPicture a.prev{display:block}
#mainPicture:hover a.next, #mainPicture:hover a.prev, #mainPicture:active a.next, #mainPicture:active a.prev{display:block}
}