body {
	font-size: 10px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #7c7c7e url('images/fond.png') no-repeat bottom right;
	color: #000;
	margin:0 0 12px;
	padding:0;
	font-size:11px;
	min-height:800px;
}

div, a, img{
	margin:0;
	padding:0;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 13px;
	margin:6px 0;
	}

h2 {
	font-size: 12px;
	margin: 3px 0;
	}

h3 {
	padding: 0;
	font-size: 11px;
	margin: 2px0;
}

h4,h5,h6,a {
	padding: 0;
	font-size: 10px;
	margin: 0px;
}

a, a:hover, a:visited, a:hover {
	outline:0;
	text-decoration:none;
}


h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
}

.left{
	float:left;
}

.right{
	float:right;
}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}


.container{
	position:relative;
	border:0px solid blue;
	width:1022px;
	text-align:left;
	margin:0;
}

.top-margin{
	margin-top:28px;
}

#menu{
	position:relative;
	width:522px;
	height:161px;
	overflow:hidden;
	margin:0;
	border:0px solid orange;
	background-image:url(images/menu.jpg);
	outline
}

#menu a{
	color:white;
	text-decoration:none;
	display:inline;
	font-size:11px;
	position:absolute;
}

a#home{
	margin:32px;
}

a#artists{
	margin:55px;
}

a#catalog{
	margin:76px;
}

a#shop{
	margin:100px;
}

div.home-over{
	background-position:2088px 0;
}

div.artists-over{
	background-position:1566px 0;
}

div.catalog-over{
	background-position:1044px 0;
}

div.shop-over{
	background-position:522px 0;
}

.logo{
	left:521px;
	position:absolute;
	top:8px;
}

#feeds {
	border: 0px solid red;
	text-align: left;
	margin:-20px 297px 0 65px;
	position:relative;
}

div.fond-carousel{
	background-image:url(images/carousel.png);
	background-repeat:no-repeat;
}


div.fond-carousel span.carousel-control{
    display:none;  
}

div.fond-carousel:hover span.carousel-control{
    display:inline;  
}

/* ARTISTES*/
div.fond-artiste{
	background-image:url(images/bandohomeartiste.png);
	width:655px;
	height:240px;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	
}

div.fond-catalog{
    background-image:url(images/blocblccatalogue.png);  
    width:319px;
	height:243px;
	margin:0 10px 4px 0;
	overflow:hidden;
	position:relative;  
	z-index:2;
	cursor:pointer;
}


div.fond-catalog div.no-overflow{
	background-color:#676769;
	background-repeat:no-repeat;
	height:215px;
	margin:10px;
	overflow:hidden;
	position:absolute;
	left:0;
	width:298px;
}

div.fond-catalog h2.title{
    font-size:15px;     
    margin:3px 0;
    position:absolute;
    right:40px;
    top:38%;
    z-index:200;
}

div.fond-catalog h2.title a, div.fond-catalog h2.title{
   text-decoration:none;
   color:#7e1846;   
   font-size:15px;
   letter-spacing:0.6px;
}


div.fond-catalog div.bandeau {
    height:0px;
    width:298px;
    z-index:100;
    position:absolute;
    
}

div.fond-catalog div.bandeau h2{
   margin:6px;
}

div.fond-artiste h2{
	color:#7c1947;
	font-size:15px;
	margin:4px 0;
}

div.fond-artiste .text-artist{
	left:300px;
	margin:20px 26px;
	position:absolute;
	top:0;
}

div.fond-artiste div.no-overflow{
	background-color:#676769;
	background-repeat:no-repeat;
	height:215px;
	margin:10px;
	overflow:hidden;
	position:relative;
	width:630px;
}

div.fond-artiste img{

}

span.bio{
    color:#ffffff; 
    margin:6px;
    display:block;
    margin:4px 16px;
    text-align:right;
}

span.bio img{
    margin-right:4px;
}

div.fond-artiste p, div.fond-artiste a{
	color:#fff;
	font-size:10px;
	text-decoration:none;
	line-height:15px;
}

div.fond-artiste a.discover{
	position:absolute;
	top:180px;
    background:transparent url(images/flechedecouvrirblc.png) no-repeat scroll 0 3px;
    margin-left:245px;
    padding:0 0 0 10px;
}

div.fond-artiste a.discover:hover{
   color:#7e1846;
   background-image:url(images/flechedecouvrir.png);
}

div.artist-single-text p{
	line-height:13px;
	margin:5px;
	color:#ffffff;
}

div.fond-artiste div.artist-single-text, div.fond-artiste div.artist-single-text{
	position:absolute;
	color:#000;
	left:0;
}


div.artist-single-text{
	margin:0px;
}



div.artist-links{
	left:680px;
	position:absolute;
	top:360px;
	|top:400px;
	width:220px;
}

div.artist-links h3{
	color:white;
	font-size:12px;
	margin-bottom:5px;
	font-weight:normal;
	white-space:nowrap;
}

div.artist-links a{
	display:block;
	color:white;
	text-decoration:none;
}

div.artist-links a:href{
	text-decoration:underline;
}
/******* PLAYLIST ****/

div.sidebar{
	background:transparent url(images/fdplaylist.png) no-repeat scroll 0 0;
	height:380px;
	left:732px;
	position:absolute;
	top:153px;
	width:250px;
}

div.sidebar .jaket{
	height:148px;
	margin:33px;
	width:148px;
}

div.sidebar .carousel-wrap{
	width:148px;
	background-color:transparent;
}

div.sidebar .jaket ul{
	margin:0;
}

div.sidebar .jaket ul li{
	/*float:left;*/
	list-style:none;
	margin:0;
	width:150px;
}


div.sidebar .carousel-next{background:url(images/flechecaroussel-right.jpg) 0 0 no-repeat;top:35%;right:-30px;z-index:30;}
div.sidebar .carousel-previous{background:url(images/flechecaroussel-left.jpg) 0 0 no-repeat;top:35%;left:-10px;z-index:30;}

div.sidebar .center-wrap{
	position:absolute;
	right:0;
	top:-10px;
}

div.sidebar .carousel-pagination, div.sidebar .carousel-pagination .active{
	color:#3C3B40;
	border-width:0;
}

div.sidebar .carousel-pagination .active{
	background-color:#7E1847;
	color:#fff;
}


div.sidebar .player{
	margin:8px;
	padding:10px 0;
	position:relative;
    z-index:1;
}

/***** NEWSLETTER *******/
.newsletter{
	background:transparent url(images/fd-newsletter.png) no-repeat 0 0;
	width:303px;
	height:29px;
	margin:0 0 0 366px;
	position:relative;
}

.newsletter span{
	font-size:12px;
	color:#000;
	margin-left:50px;
	margin-right:6px;
	font-weight:normal;
}

.newsletter input{
	border:0px;
	height:15px;
	width:120px;
}

.newsletter a, .fond-newsletter .content a{
	padding:2px;
	margin-left:2px;
	text-decoration:none;
	background-color:#D9D9D9;
	color:#505052;
}

.newsletter a:hover, .fond-newsletter .content a:hover{
	background-color:#7E1848;
	color:#fff;
}

.newsletter *{
	margin-top:7px;
}

div.fond-newsletter{
	background:#FFFFFF none repeat scroll 0 0;
	height:200px;
	width:450px;
}

div.fond-newsletter p{
	font-size:13px;
	font-weight:bold;
	margin-top:20px;
}

/******** LIVES ****/

.fond-live{
	background-image:url(images/fd-Lives.png);
	width:650px;
	margin-top:10px;
	padding-bottom:10px;
}

.fond-live h1{
	margin:0;
	padding:18px;
	text-align:left;
}

.fond-live table{
	width:650px;
}

.fond-live table tr.table-roll-over{
	background-image:url(images/1pxrolloveragenda.png);
}

.fond-live table td.date{
	width:80px;
	color:#fff;
	font-weight:bold;
	height:22px;
	padding-left:18px;
}

.fond-live table td.artiste{
	font-weight:bold;
	width:200px;
	color:#402835;
	white-space:nowrap;
	font-size:12px;
}

.fond-live table td.lieu{
	width:250px;
	white-space:nowrap;
	color:#ffffff;
}

.fond-live table td.link_reserver{
	text-align:right;
}

.fond-live table td.link_reserver a{
	padding:0 4px;
	color:#C53278;
	background:#E4DFE3;
	text-decoration:none;`
	font-size:11px;
	margin-right:14px;
}

.fond-live table td.link_reserver a:hover{
	color:#E181AF;
	background:#7E1945;
	text-decoration:none;
}

.footer-link{
	margin-right:212px;
	position:absolute;
	left:700px;
	top:420px;
	width:170px;
}

.footer-link .about{
	background-image:url(images/about.png);
	width:64px;
	height:64px;
}

.footer-link .about a {
	color:#000000;
	display:block;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:10px;
	padding:27px 0 0 6px;
	text-align:center;
	text-decoration:none;
	width:47px;
	font-size:11px;
}


.footer-link .about a:hover {
    color:#402835;
}

.fond-about{
	background-image:url(images/about-box.png);
	width:524px;
	height:430px;
	padding-top:91px;
	margin-top:-100px;
}

.fond-about .content{
	margin:110px 50px;
	|margin-top:200px;
	text-align:left;
	color:#444;
	font-size:11px;
}

.fond-about h1{
	font-size:13px;
	color:#111;
}

/****** LIENS BAS *****/


.lien-bas{
	color:#fff;
	position:relative;
	width:800px;
	margin-top:100px;
	margin-left:60px;
	height:40px;
}

.lien-bas a{
	color:white;
	text-decoration:none;
}

.lien-bas a.translate:hover{
	text-decoration:none;
}

.lien-bas a.translate span{
	margin-left:16px;

}

.lien-bas ul{
	margin:0;
	padding:0;
}

.lien-bas ul.right{
    margin-right:220px; 
}

.lien-bas ul.right li{
	margin-top:7px;
}


.lien-bas ul li{
	float:left;
	margin:0 7px;
	list-style-type:none;
}

.lien-bas ul li a:hover{
	color:#7e1846;
}


/********  ARTISTE SINGLE */
.onglet-artiste{
	background-color:#a2a2a3;
	margin-top:-23px;
	height:30px;
	right:30px;
	position: absolute;
	|width:250px;
}

.onglet-artiste .left{
	background:#A2A2A3 url(images/ongletartiste1.png) no-repeat scroll 0 0;
	display:block;
	font-size:1px;
	height:23px;
	width:10px;
}

.onglet-artiste .right{
	background:#A2A2A3 url(images/ongletartiste2.png) no-repeat scroll 0 0;
	display:block;
	font-size:1px;
	height:23px;
	width:10px;
	|margin-top:-24px;
}

.onglet-artiste h1{
	padding:0 30px 0px;
	font-size:14px;
	font-weight:bold;
	color:#7D1746;
	display:inline;
	line-height:24px;
	position:relative;
	text-align:center;
	width:100%;
}


/********** ALBUMS **/
.fond-albums{
	background-image:url(images/fd-Lives.png);
	height:242px;
    margin-top:10px;
    padding:8px;
    width:635px;
	|width:650px;
	margin-top:10px;
	|height:250px;
	position:relative;
}



.fond-albums .fond-blanc, .fond-videos .fond-blanc{
    background-color:white;
    height:100%;
    margin-left:110px;  
}

.fond-albums h1{
	margin:0;
	padding:0px;
	text-align:left;
    width:100px;
    position:absolute;
    left:16px;
}

.fond-albums ul{
    padding:0;
    margin:0;
}

.fond-albums ul li{
	float:left;
	list-style:none;
	margin:12px 0 22px 0px;
	text-align:center;
}

.fond-albums ul li h2{
	margin:2px 0 8px 0;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#444444;
}

.fond-albums ul li h3{
	margin:2px 0;
	padding:0;
	text-align:center;
	font-weight:normal;
	color:#444444;
}

.fond-albums ul li a.buy{
    padding-left:16px;
    background:transparent url(images/etoile.png) no-repeat 0 0px;  
    text-decoration:none;
    color:#444444;
}


.fond-albums ul li a.buy:hover{
 
 }
/******** VIDEOS *****/
.fond-videos{
	background-image:url(images/fd-Lives.png);
	margin-top:10px;
	height:276px;
    
    padding:8px;
    width:635px;
	|width:650px;
	margin-top:10px;
	|height:250px;
}

.video-description {
	background-image:url(images/gritter-bg-tile.png);
	background-position:left top;
	background-repeat:repeat-y;
	color:#EEEEEE;
	display:block;
	font-family:verdana;
	font-size:9px;
	text-align:left;
	padding:10px;
	margin-top:-60px;
}

.albums-description{
    margin-left:120px;
    width:280px;
}


.fond-videos h1{
	margin:0;
	padding:0px;
	text-align:left;
	position:absolute;
    width:100px;
    left:16px;
}

.fond-videos .video-player{
	margin:0px 100px;
	position:relative;
}

.fond-videos p{

}

.fond-videos ul{
    margin:0;
    padding:40px 10px;
    position:absolute;
    left:4px;
}

.fond-videos ul li {
	list-style:none;
	margin:5px 10px;
}


.fond-videos ul li a{
	color:#CCC;
	font-size:11px;
	text-decoration:none;
}

.fond-videos ul li a:hover{
	color:#EFEFEF;

}

.fond-about .jqmClose{
	position:absolute;
	right:64px;
	top:98px;
}


/******  MENTIONS LEGALES ******/
.fond-tip{
	background:#ffffff;
}

.fond-tip .content{
	margin:25px 0;
	overflow:hidden;
}




.fond-mentions-legale{
	background:#ffffff;
	width:550px;
	height:300px;
	bottom:40px;	
}

.fond-contact{
    //top:220px;
        
}

.fond-mentions-legale .content{
	overflow:hidden;
}

.fond-mentions-legale .content ul{
	margin:0;
	padding:0;
}

.fond-mentions-legale .content ul li{
	margin:4px;
	padding:0;
	list-style:none;
	float:left;
}

.fond-mentions-legale a.jqmClose, .fond-newsletter a.jqmClose, .fond-about a.jqmClose{
	border:1px solid #000000;
	display:none;
	color:#000000;
	float:right;
	font-size:11px;
	margin:0;
	padding:0px 3px;
	text-decoration:none;
}

div.espace-pro{
	position:absolute;
	left:550px;
}

div.space{
    height:28px;    
}

div.space2{
    height:19px;    
}

div.espace-pro a{
	display:block;
	background-color:black;
	color:white;
	padding:2px 8px;
	letter-spacing:1px;
	text-decoration:none;
	border-width:1px;
	border-color:#343537 #343537 #000000 #000000;

}

div.espace-pro a:hover{
	border-color:#000000 #000000 #343537 #343537;
}

.liens-sociaux ul{
	margin:0;
	padding:4px;
}

.liens-sociaux ul li{
	margin:6px 0;
	padding:0;
	list-style:none;
}

.liens-sociaux ul li a img{
	margin:-5px 8px;
}

.liens-sociaux ul li a{
	text-decoration:none;
	color:#CCC;
}

.liens-sociaux ul li a:hover{
    color:#EEE;
}
/***** FOND CONTACT *****/
.fond-contact .content{
	margin:10px 0;
}

.fond-contact h4, h5{
	font-size:11px;
}

.fond-contact h4{
	margin:10px 0px 2px;
}

.fond-contact h3{
	font-size:13px;
	margin:14px 0;
}

.fond-contact .contact-form{
	width:230px;
	text-align:left;
	float:left;
}

.fond-contact .contact-form input, .fond-contact .contact-form textarea{
	width:220px;
	border:1px solid #AAAAAA;
}

.fond-contact .contact-form .submit{
	height:20px;
	width:62px;
	background-color:#AAAAAA;
	margin-left:160px;
	margin-top:6px;
	color:#fff;
}

.fond-contact .contact-form label{
	display:block;
	font-weight:bold;
}

.fond-contact .adresses{
	margin-top:30px;
	width:300px;
	float:right;
}

.jqmWindow {
margin-left:140px;
padding:18px;
position:relative;
}

.mentions-legale {
    height:140px;
    margin-top:-20%;
    width:530px;    
}

.credits{
    height:140px;
    margin-top:-20%;
    width:330px;
    
 }
 
 
 .partenaires{
    height:140px;
    margin-top:-20%;
    width:530px;
    
 }
 
 .wabout{
    margin-top:-44%;
    
    }
    
  div.partenaires div.content{
  	margin:0;		
  } 
  	
  div.partenaires h6 a{
  	margin:4px;
  	
  	}
  	
div.fond-albums .js ul li {
	height:208px;
	width:250px;
}



div.fond-albums .js .carousel-wrap {
	background-color: white;
	width: 480px;	
}

div.fond-albums .carousel-control {
	cursor:pointer;
	display:inline-block;
	height:240px;
	line-height:999px;
	overflow:hidden;
	position:absolute;
	vertical-align:middle;
	width:24px;
	z-index:10;
}

div.fond-albums .carousel-next {
	background:white url(images/flechedroite.png) no-repeat scroll center center;
	right:10px;
	top:8px;
}


div.fond-albums .carousel-previous {
	background:white url(images/flechegauche.png) no-repeat scroll center center;
	left:117px;
}

div.fond-albums .disabled {
cursor:default;
opacity:0;
}