body {
	font-size: 10px;
	font-family: helvetica, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #000;
	color: #000;
	margin:0;
	padding:0;
	font-size:11px;
	height:750px;
}

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;
}

ul, li{
	margin:0;
	padding:0;
}

a, a:hover, a:visited, a:hover {
	outline:0;
	}



.left{
	float:left;
}

.right{
	float:right;
}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
}

div.container{
	width:1000px;
	height:750px;
	margin:auto;
	position:relative;
	background-repeat:no-repeat;
	background-position:center 0;
}

div.logo{
	position:absolute;
	background-image: url(images/logo-jaster.png);
	width:180px;
	height:150px;
	overflow:hidden;
	cursor:pointer;
	margin:15px 45px;
}

div.logo:hover{
	background-position: 0 -150px;
}

div.newsletter{
	position:absolute;
	right:100px;
	top:90px;
}

div.newsletter p{
	margin:0;
	margin-bottom: 4px;
	padding:0;
	padding:0px;
	color:#AAA;
	font-size:9px;
}

div.newsletter input.button{
	background:#000;
	color:white;
	font-size:10px;
	height:17px;
	width:23px;
	text-align:left;
	padding:0 3px;
}

div.newsletter input{
	border:0px;
}

div.lien{
	height:24px;
	left:360px;
	margin:0;
	position:absolute;
	top:630px;
	width:350px;
}

div.lien ul{

}

div.lien ul li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2px;
}

div.lien ul li a{
	color:#000;
	text-decoration:none;
}

div.lien ul li a:hover, div.lien ul li a.active{
	color:#fff;
	text-shadow:3px 1px 3px #F0E6BC;
}

div.lien ul li.sep{
	margin:0 3px;
	color:#000;
}

div.aurasky{
	position:absolute;
	right:16px;
	bottom:16px;
}

div.autres{
	position:absolute;
	left:170px;
	bottom:100px;
}


div.autres{
	height:20px;
	left:100px;
	margin:0;
	position:absolute;
	top:700px;
	width:350px;
}

div.autres ul{

}

div.autres ul li{
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 2px;
}

div.autres ul li a{
	color:#fff;
	text-decoration:none;
	font-size: 9px
}

div.autres ul li a:hover{
	color:#fff;
	text-shadow:3px 1px 3px #F0E6BC;
}

div.autres ul li.sep{
	margin:0 3px;
	color:#fff;
}

div.defil{
	width:585px;
	position:absolute;
	top:565px;
	width:585px;
	left:220px;
}

div.defil marquee{
	color:white;
	font-size:16px;
}


div.groupe{
	font-size:10px;
	height:327px;
	left:340px;
	line-height:16px;
	overflow:hidden;
	position:absolute;
	top:223px;
	width:320px;
	text-align:justify;
}


div.jacket{
	position:absolute;
	height:290px;
	left:240px;
	top:160px;
	width:490px;
}

div.jacket .carousel{position:relative;height:290px;width:490px;background-image:url(images/1px.png)}

div.jacket .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	width:220px;
	height:290px;
	text-align:center;
	margin: 0;
	cursor:pointer;
}

div.jacket .js ul li a{
	text-align:left;	
	background: transparent url(images/flechedroite.png) no-repeat scroll left center;
	text-decoration:none;
	color:#000000;	
	padding: 0 12px;
	line-height:14px;
}

div.jacket .js ul li a:hover{
	text-shadow:1px 1px 1px #DDDDDD;
}

div.jacket .js ul li span.content_album{
	display:block;
	margin:auto;
	text-align:left;
	width:100px;
}

div.jacket .js ul li a.autoplay{
	
}


div.jacket  .js .carousel-wrap{display:inline-block;vertical-align:middle;width:445px;margin-top:18px;}

.carousel .carousel-next{background:url(images/flechedroite.png) no-repeat center center;top:42%;right:0px;}
.carousel .carousel-previous{background:url(images/flechegauche.png) no-repeat center center;top:42%;left:0px;}

.albums .carousel-next{background:url(images/flechedroite.png) no-repeat center center;top:32%;right:0px;}
.albums .carousel-previous{background:url(images/flechegauche.png) no-repeat center center;top:32%;left:0px;}


.videojacket .carousel-next{background:url(images/flechedroite.png) no-repeat center center;top:34%;right:0px;}
.videojacket .carousel-previous{background:url(images/flechegauche.png) no-repeat center center;top:34%;left:0px;}

.photosjacket .carousel-next{background:url(images/flechedroite.png) no-repeat center center;top:34%;right:0px;}
.photosjacket .carousel-previous{background:url(images/flechegauche.png) no-repeat center center;top:34%;left:0px;}

div.player{
	position:absolute;
	left:370px;
	top:468px;
}

div.jacket .js ul li h2{
	font-size:11px;
	color: #ffffff;
	margin: -6px 0 6px;
}



div.videojacket{
	height:370px;
	left:250px;
	position:absolute;
	top:200px;
	width:510px;
}

div.videojacket .carousel{position:relative;height:370px;width:510px;background-image:url(images/1px.png)}

div.videojacket .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	text-align:center;
	margin: 0;
	height:340px;
	width:422px;
	
}

div.videojacket  .js .carousel-wrap{display:inline-block;vertical-align:middle;width:422px;border:0px solid #4f4f4f;margin-top:24px;}


div.videojacket .js ul li h2{
	font-size:10px;
	color: #ffffff;
	margin-top:15px;
}

#govideo{

}


#govideo #dialog{
	height:270px;
	padding:24px;
	width:488px;
	margin:auto;
}

/************* PHOTOS **************/

div.photosjacket{
	height:170px;
	left:200px;
	position:absolute;
	top:300px;
	width:700px;
}

div.photosjacket .carousel{position:relative;height:170px;width:700px;background-image:url(images/1px.png)}

div.photosjacket  .js .carousel-wrap{display:inline-block;vertical-align:middle;width:650px;border:0px solid #4f4f4f;margin-top:5px;}

div.photosjacket .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	text-align:center;
	margin: 0 10px 0 0;
}


/************** AGENDA    *********/
div.agenda{
	height:216px;
	left:230px;
	position:absolute;
	top:300px;
	width:530px;
}

div.agenda .carousel{
	position:relative;
	height:136px;
	width:450px;
	background-image:url(images/1px.png);
	padding:40px;
}

div.agenda .js ul li{
	overflow:hidden;
	display:inline;
	float:left;
	width:450px;
	text-align:center;
	height:20px;
	padding: 2px;
	line-height:16px;
	margin:0 0 3px;
	background:transparent url(images/menuagenda70.png) repeat 0 0;
}

div.agenda .js ul li:hover{
	background:transparent url(images/menuagenda40.png) repeat 0 0;
}

div.agenda  .js .carousel-wrap{display:inline-block;vertical-align:middle;width:450px;height:218px; border:0px solid #4f4f4f;}

div.agenda .carousel .carousel-previous{background:url(images/flechehaut.png) no-repeat center center;top:-5px;left:48%;}
div.agenda .carousel .carousel-next{background:url(images/flechebas.png) no-repeat center center;left:48%;top:160px;}

div.agenda .js ul li h2{
	font-size:11px;
	float:left;
	text-align:left;
	color: #ffffff;
	padding-left:6px;
}

div.agenda .js ul li h2.date{
	font-size:10px;
	color: #ffffff;
	width: 100px;
}

div.agenda .js ul li h2.lieu{
	font-size:10px;
	color: #ffffff;
	width: 270px;
}

div.agenda .js ul li a.reserver{
	font-size:10px;
	color: #ffffff;
	display:block;
	background-color:transparent;
	text-decoration:none;
	float:right;
	line-height:12px;
	margin:5px;
	position:relative;
	padding:1px;
}

div.agenda .js ul li a.reserver:hover{
	background-color:#AF7462;
}

div.contact, div.partenaires, div.credit{
	margin-top: -35px;
	padding: 6px;
	background-image:url(images/1px-2.png);
}

.response{
	display:block;
	width:100%;
	text-align:center;
	position:relative;
	top:30%;
}

div.jacket img {
	
	padding:14px;
}

div.jacket img.halo{
	background-image:url(images/halocd.png);
}

div.partenaires{
	width: 450px;
	margin-left:100px;
	margin-top:-100px;	
	line-height:14px;
}

div.partenaires h6 a{
	margin:4px;
}

.liens-sociaux{
	position:absolute;
	left:677px;
	top:630px;
}

.liens-sociaux ul{

}

.liens-sociaux ul li{
	list-style:none;
	margin: 0 4px;
	float:left;
}

.liens-sociaux ul li a{
	text-decoration:none;
	display:block;
	opacity: 0.6;
	-moz-opacity:.6;
	filter:alpha(opacity=60);
}


.liens-sociaux ul li a:hover{
	opacity: 1;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

input#newsletter{
	padding:2px 2px 1px;	
}

.carousel ul{
	left:0px;	
}

div.logo{
	left:0px;	
}

div.btnprev{
	background:transparent url(images/flechehaut.png) no-repeat scroll center center;
	position:absolute;
	height:20px;
	left:337px;
	position:absolute;
	top:205px;
	width:320px;
	cursor:pointer;
}

div.btnnext{
	background:transparent url(images/flechebas.png) no-repeat scroll center center;
	position:absolute;
	height:20px;
	left:337px;
	position:absolute;
	top:565px;
	width:320px;
	cursor:pointer;
}


/***** FOND CONTACT *****/
.fond-contact{
background-image:url(images/1px-2.png);
margin:0px;
top:180px;
height:260px;
width:560px;	
}

.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 #ffffff;
}

.fond-contact .contact-form .submit{
	height:20px;
	width:62px;
	background-color:#000000;
	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 {
padding:18px;
position:relative;
}

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

a.jqmClose{
	position:absolute;
	right:10px;
	top:10px;
	text-decoration:none;
	font-size:16px;
	color:#000000;	
}