/* ===================== */
/*© Copyright 2014 Twosides Web Studio */
	/*Website: http://www.twosides.fr*/
/* ===================== */



/* ===================== */
/* SELECTION */
/* ===================== */

::selection{
	background:#fff;
	color:#5179EA;
}


::-moz-selection{
	background:#fff;
	color:#5179EA;
}


.hidden{
	visibility: hidden;
}

/* ===================== */
/* STRUCTURE */
/* ===================== */

body{
	background:#5179ea;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;

}

footer{
	height:132px;
	position:fixed;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	background:url('../images/footer.png') repeat-x 50% 100%;
	z-index:9999;
}

.grid-container{
	padding-bottom:120px;
	z-index:9999;
}

.content{
	padding-top:40px;

	position:Relative;
	z-index:999;
}

.grid-container{
	position:relative;
	z-index:555;
}

#global{
	position:absolute;
	left:0;
	width:100%;

}

/* ===================== */
/* MENU */
/* ===================== */

.topmenu{
	text-transform:uppercase;
	font-weight:800;
	display:none;
}

.topmenu form input[type="image"]{
	float:right;
	margin-top:2px;
	margin-right:10px;
	width:70px;
}

.topmenu form input.english[type="image"]{
	width:63px;
}


.topmenu li{
	list-style-type:none;
	margin:0 30px 0 0;
	font-size:11px;
	display:inline-block;
}

nav{
	margin:50px 0;
}

nav ul{
	text-align: center;
	padding-left:0!important;
}

nav ul li a.logo{
	display:block;
	background:url('../images/menu/logo.png') no-repeat 50% 50%;
	width:38px;
	height:45px;
}

nav ul li{
	list-style-type:none;
	display:inline-block;

	margin:0 10px;

	cursor:pointer;
}

nav ul li:first-child{
	margin:0 18px 0 0!important;
}

nav ul li:last-child{
	margin:0 0 0 8px!important;
}

nav ul li a{
	background-position:center top;
	background-repeat:no-repeat;	
	height:40px;	
	display:block;
}

nav ul li.current a{
	background-position:center bottom;
}

a.current{
	color:#fff!important;
}


/* Menu FRENCH*/

nav ul li.actus a{
	background-image:url('../images/menu/actus.png');
	width:98px;
}

nav ul li.boutique a{
	background-image:url('../images/menu/boutique.png');
	width:150px;
}

nav ul li.contact a{
	background-image:url('../images/menu/contact.png');
	width:128px;
}

nav ul li.dates a{
	background-image:url('../images/menu/dates.png');
	width:102px;
}

nav ul li.disques a{
	background-image:url('../images/menu/disques.png');
	width:130px;
}

nav ul li.label a{
	background-image:url('../images/menu/label.png');
	width:106px;
}

nav ul li.presse a{
	background-image:url('../images/menu/presse.png');
	width:125px;
}

nav ul li.artistes a{
	background-image:url('../images/menu/artistes.png');
	width:136px;
}

/* Menu ENGLISH */

nav ul li.actus.en a{
	background-image:url('../images/menu/english-actus.png');
	width:92px;
}

nav ul li.boutique.en a{
	background-image:url('../images/menu/english-boutique.png');
	width:79px;
}

nav ul li.dates.en a{
	background-image:url('../images/menu/english-dates.png');
	width:116px;

}

nav ul li.disques.en a{
	background-image:url('../images/menu/english-disques.png');
	width:122px;
}

nav ul li.label.en a{
	background-image:url('../images/menu/english-label.png');
	width:108px;
}

nav ul li.presse.en a{
	background-image:url('../images/menu/english-presse.png');
	width:97px;
}

nav ul li.artistes.en a{
	background-image:url('../images/menu/english-artistes.png');
	width:118px;
}





.lang_wrapper{
	display:inline-block;
	font-size:0.9em;
	
	position:relative;
	bottom:8px;
	margin:0 0 0 20px;
}


.lang_wrapper span{
	font-size:1.5em;
	font-weight: lighter!important;
	color:#000;
}

.lang_wrapper a:first-child{
	position:relative;
	bottom:8px;
	right:2px;

}

.lang_wrapper a:last-child{
	position:relative;
	top:6px;
	right:5px;
}

.lang_wrapper a:hover{
	color:#fff;
}

nav a:link, nav a:visited, nav a:active, .topmenu a:link, .topmenu a:visited, .topmenu a:active{
	text-decoration:none;
	color:#000;
}


/* RESPONSIVE MENU 
*/

nav ul li {
	

}

nav ul.english li {
	margin:0 11px!important;

}


nav ul li a{
	background-size:92% auto!important;
	height:37px;
}

/* /END RESPONSIVE MENU */

/* LIGHTMENU */
header{
	width:100%;
	height:70px;
	background:#5179EA;
	z-index:9999;
}

header.lightmenu{
	position:fixed;
	top:0;
	width:1200px;
	z-index:9999!important;
	
	-moz-box-shadow: 0px 5px 25px 14px rgb(81, 121, 234); 
	-webkit-box-shadow: 0px 5px 25px 14px rgb(81, 121, 234); 
	box-shadow: 0px 5px 25px 14px rgb(81, 121, 234);
}

header.lightmenu nav{
	margin:0;
}

.newsletter, .panier{
	float:right;
	display:inline-block;
	position:relative;
	bottom:3px;
}

.grid-40.topmenu{
	padding-right:0!important;
}

.panier{
	margin-right:20px;
	line-height:30px;
}

/* ===================== */
/* TYPOS */
/* ===================== */

h1, h2, h3, h4, h5, h6, li, span, input{
	letter-spacing: .2em;
}

img{
	max-width:100%;
}

.content.news{
	font-size:13px;
	color:#fff;
}

.aligncenter{
	text-align:center!important;
	margin:20px auto;
	display:block;
}

.black{
	color:#000;
	font-weight:600!important;
}

.content a:link, .content a:visited, .content a:active{
	color:#fff;
	opacity:1;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
	
	text-decoration: none;
}

.content a:hover{
	opacity:.7;
	
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s; 
	transition:0.5s;
}

h1, h2, h4, h5, h6, p, span{
	color:#fff;
	font-weight:lighter;
}
h1{
margin-top:0;
}

h3{
	font-weight: 400;
	color:#fff;
}

h3, h5, h6, h4{
	margin:0;
}

.content p{
	text-align:justify;
	font-weight: lighter;
	font-size:13px;
	line-height:18px;
}
hr{
	border:0;
	width:100%;
	background:rgba(255,255,255,.2);
	height:1px;
}

hr.margin{
	margin:25px auto!important;
	display:block;
	clear:both!important;
}



.light{
	font-weight: lighter;
}

.italic{
	font-style: italic;
}

ul.nolist, .content ul{
	padding:0;

}

.content .grid-33 + .grid-66 ul li{
	list-style-type: none;
	color:#fff;
	font-size:11px;
	margin:3px 0;
}

.content .grid-65 img:first-child{
	display:block;
	margin-top:20px;
	
	padding:5px;
	margin-bottom:8px;
	border:1px solid #fff;
}

ul.nolist li, li.links{
	list-style-type: none;
	padding:0;
	font-size:13px;
	margin:5px 0;
	color:#fff;
}

.inline{
	display:inline-block;
}

.promo_wrap{
	background:#000;
	margin-bottom:30px;
	padding:10px 15px;
	text-align:center;
}

.ionTabs__body span.old{
	text-decoration: line-through;
	font-size:11px;
}

.ionTabs__body span.new{
	font-size:13px;
	font-weight:500;
	margin-left:10px;
}

.inline{
	display:inline;
}

#artistes .ionTabs__body .ionTabs__item .grid-55 h1, #artistes .ionTabs__body .ionTabs__item .grid-15 h1{
	display:none;
}

.ionTabs__item{
	padding-top:2px;
}

#dates .grid-85, #boutique .grid-85{
	margin-top:10px;
}

#artistes .grid-15 h5{
	font-weight:600;
	text-transform: uppercase;
}

/* ===================== */
/* ACTUALITES */
/* ===================== */

img.img-actus{
	max-width:180px;
	margin-bottom:10px;
}

p.entree-actus{

}

/* ===================== */
/* AUDIO */
/* ===================== */

.track-name{
	border:1px solid #fff;
	padding:3px 12px;
	font-size:11px;
}

.fa{
	color:#fff;
	font-size:14px!important;
	margin-right:15px;
}

.audio{
	margin:22px 0;
	height:0!important;
	
	border-top:1px solid rgba(255,255,255,.2);
	width:100%!important;
}

.jp-playlist ul{
	display:none!important;
}

ul.tracks{
	clear:both;
	margin-top:40px!important;
}

.tracks li, .artistes li{

	list-style-type: none;
	margin:12px 0;
}

.artistes li{
	padding:4px 0;	
}


.tracks li{
	font-size:11px;
}

span.duration{
	float:right;
	margin-right:30%;
}

form{

}

.tracks{
	margin-top:35px;
}
.tracks, .tracks li{
	color:#fff;
	padding:0;
	font-weight:lighter;
}

.artistes h4{
	text-transform: uppercase;
	font-weight:800;

}

.artistes li a h4, .artistes li a h5{
	color:#000!important;
	font-size:11px;
}

.artistes li.active a h4, .artistes li.active a h5{
	color:#fff!important;
}

.press_download{
	background:#fff;
	display:block;
	width:50%;
	margin:0 auto 20px auto;
	height:220px;
}

.press_download + h3{
	text-align:center;
}


/* ===================== */
/* ARTISTES */
/* ===================== */

img.artistes-cover{
	padding:5px;

	border:1px solid #fff;
	max-width:250px;
}

.shop-cover img{
	padding:5px;
	margin-bottom:8px;
	border:1px solid #fff;
}

.shop-cover + h5{
	font-weight: 600;
}

ul.list{
	margin:0;
	padding:0;
}
.list li{
	text-transform: uppercase;
	font-weight: 700;
	margin:15px 0;
	font-size:0.8em;
	list-style-type:none;
}

.list li.current a:link, .list li.current a:visited, .list li.current a:active, .list li.current a{
	color:#fff;
}

.inline_wrapper{
	text-align:center;
}

.inline_wrapper h1, .inline_wrapper h2, .inline_wrapper h3, .inline_wrapper h4, .inline_wrapper h5, .inline_wrapper h6, .inline_wrapper p, .inline_wrapper form input{
	text-align:left;
}

.inline_wrapper form input{
	float:left;
	margin-top:4px;
}

.inline_wrapper form select{
	display:inline-block;
}

.inline_wrapper div.grid-20{
	display:inline-block!important;
	/* float:inherit; */
	margin:0 2%!important;
	text-align:center!important;
}

.inline_wrapper img{
	max-height:250px;
}

.inline_wrapper.textiles img{
	max-height:180px!important;
	height:180px;
}
.inline_wrapper.textiles form img{
	height:inherit!important;
}

.block{
	display:block;
	visibility:hidden;
}


/* ===================== */
/* FORM */
/* ===================== */

input[type="text"], input[type="submit"], textarea{
	background:#000;
	font-size:10px;
	color:#5179ea;
	border:none;
	outline:0;
	padding:7px 10px;
	text-transform: uppercase;
}

p#obj input, p#adr input, p#msg textarea, select{
	margin-top:10px!important;
}

input[type="text"]:focus, input[type="submit"]:focus{
	color:#fff;
}

input[type="submit"]{
	cursor:pointer;
		
	}
	
select{
	background:#000;
	border:0;
	outline:0;
	color:#fff;
	padding:3px 4px!important;
}

select option{
	background:#fff;
	color:#5179EA;
	border:0;
	padding:3px 6px!important;
	outline:0;}



.newsletter input[type="text"]{
	padding:8px 10px;
	width:180px;
}

.newsletter input[type="submit"]{
	margin-left:6px;
	font-size:10px;
	display:inline-block;
}

input[type="image"]{
	opacity:1;

}

input[type="image"]:hover{
	opacity:.6;
}

.social a img{

display:block;
margin:0px 0;
}