/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

* {padding: 0;margin: 0}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	border: 0;
	font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
	color: black;
}
@font-face {
	   	font-family: 'AvantGardeExtraLight';
		src: url('../../fonts/AvantGardeITCbyBT-ExtraLight.otf') format('otf'),
		url('../../fonts/AvantGardeITCbyBT-ExtraLight.ttf') format('truetype'),
		url('../../fonts/AvantGardeITCbyBT-ExtraLight.svg') format('svg');
}
		
@font-face {
		font-family: 'AvantGardeMedium';
		src: url('../../fonts/AvantGardeITCbyBT-Medium.otf') format('otf'),
		url('../../fonts/AvantGardeITCbyBT-Medium.ttf') format('truetype'),
		url('../../fonts/AvantGardeITCbyBT-Medium.svg') format('svg');
}
	     
@font-face {    
		font-family: 'AvantGardeDemi';
		src: url('../../fonts/AvantGardeITC-Demi.otf') format('otf'),
		url('../../fonts/AvantGardeITC-Demi.ttf') format('truetype'),
		url('../../fonts/AvantGardeITC-Demi.svg') format('svg');
}


@font-face {
  font-family: 'fontello';
  src: url('../../bower_components/fontello-3f418e11/font/fontello.eot?58355627');
  src: url('../../bower_components/fontello-3f418e11/font/fontello.eot?58355627#iefix') format('embedded-opentype'),
       url('../../bower_components/fontello-3f418e11/font/fontello.woff?58355627') format('woff'),
       url('../../bower_components/fontello-3f418e11/font/fontello.ttf?58355627') format('truetype'),
       url('../../bower_components/fontello-3f418e11/font/fontello.svg?58355627#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?58355627#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-cancel-circled:before { content: '\e805'; } /* '' */
.icon-vimeo:before { content: '\e802'; } /* '' */
.icon-twitter:before { content: '\e803'; } /* '' */
.icon-facebook-squared:before { content: '\e801'; } /* '' */
.icon-soundcloud:before { content: '\e800'; } /* '' */
.icon-youtube:before { content: '\e804'; } /* '' */
.audioplayer
{
	height: 2.5em; /* 40 */
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	border: 1px solid #222;
	position: relative;
	z-index: 1;
	background: #333;
	background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
	background: -webkit-linear-gradient( top, #444, #222 );
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
	background: -webkit-linear-gradient(top, #444, #222);
	background: linear-gradient( top, #444, #222 );
	-webkit-box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */ /* 20 */
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, .15 ), 0 0 1.25em rgba( 0, 0, 0, .5 ); /* 20 */
	border-radius: 2px;
}
	.audioplayer-mini
	{
		width: 2.5em; /* 40 */
		margin: 0 auto;
	}
	.audioplayer > div
	{
		position: absolute;
	}
	.audioplayer-playpause
	{
		width: 2.5em; /* 40 */
		height: 100%;
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		left: 0;
	}
		.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
		}
		.audioplayer-mini .audioplayer-playpause
		{
			width: 100%;
		}
		.audioplayer-playpause:hover,
		.audioplayer-playpause:focus
		{
			background-color: #222;
		}
		.audioplayer-playpause
		{
			display: block;
		}
		.audioplayer:not(.audioplayer-playing) .audioplayer-playpause a
		{
			width: 0;
			height: 0;
			border: 0.5em solid transparent; /* 8 */
			border-right: none;
			border-left-color: #fff;
			content: '';
			position: absolute;
			top: 50%;
			left: 15px;
			margin: -0.5em 0 0 0 /* 8 4 */
		}
		.audioplayer-playing .audioplayer-playpause
		{
			width: 0.75em; /* 12 */
			height: 0.75em; /* 12 */
			position: absolute;
			top: 50%;
			left: 15px;
			margin: -0.375em 0 0 0; /* 6 */
		}
			.audioplayer-playing .audioplayer-playpause:before,
			.audioplayer-playing .audioplayer-playpause:after
			{
				width: 40%;
				height: 100%;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 0;
			}
			.audioplayer-playing .audioplayer-playpause:before
			{
				left: 0;
			}
			.audioplayer-playing .audioplayer-playpause:after
			{
				right: 0;
			}
	.audioplayer-time
	{
		width: 4.375em; /* 70 */
		height: 100%;
		line-height: 2.375em; /* 38 */
		text-align: center;
		z-index: 2;
		top: 0;
	}
		.audioplayer-time-current
		{
			border-left: 1px solid #111;
			border-left-color: rgba( 0, 0, 0, .25 );
			left: 2.5em; /* 40 */
		}
		.audioplayer-time-duration
		{
			border-right: 1px solid #555;
			border-right-color: rgba( 255, 255, 255, .1 );
			right: 2.5em; /* 40 */
		}
			.audioplayer-novolume .audioplayer-time-duration
			{
				border-right: 0;
				right: 0;
			}
	.audioplayer-bar
	{
		height: 0.875em; /* 14 */
		background-color: #222;
		cursor: pointer;
		z-index: 1;
		top: 50%;
		right: 6.875em; /* 110 */
		left: 6.875em; /* 110 */
		margin-top: -0.438em; /* 7 */
	}
		.audioplayer-novolume .audioplayer-bar
		{
			right: 4.375em; /* 70 */
		}
		.audioplayer-bar div
		{
			width: 0;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
		}
		.audioplayer-bar-loaded
		{
			background-color: #333;
			z-index: 1;
		}
		.audioplayer-bar-played
		{
			background: #007fd1;
			background: -webkit-gradient( linear, left top, right top, from( #007fd1 ), to( #c600ff ) );
			background: -webkit-linear-gradient( left, #007fd1, #c600ff );
			background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
			background: -webkit-linear-gradient(left, #007fd1, #c600ff);
			background: linear-gradient( left, #007fd1, #c600ff );
			z-index: 2;
		}
	.audioplayer-volume
	{
		width: 2.5em; /* 40 */
		height: 100%;
		border-left: 1px solid #111;
		border-left-color: rgba( 0, 0, 0, .25 );
		text-align: left;
		text-indent: -9999px;
		cursor: pointer;
		z-index: 2;
		top: 0;
		right: 0;
	}
		.audioplayer-volume:hover,
		.audioplayer-volume:focus
		{
			background-color: #222;
		}
		.audioplayer-volume-button
		{
			width: 100%;
			height: 100%;
		}
			.audioplayer-volume-button a
			{
				width: 0.313em; /* 5 */
				height: 0.375em; /* 6 */
				background-color: #fff;
				display: block;
				position: relative;
				z-index: 1;
				top: 40%;
				left: 35%;
			}
				.audioplayer-volume-button a:before,
				.audioplayer-volume-button a:after
				{
					content: '';
					position: absolute;
				}
				.audioplayer-volume-button a:before
				{
					width: 0;
					height: 0;
					border: 0.5em solid transparent; /* 8 */
					border-left: none;
					border-right-color: #fff;
					z-index: 2;
					top: 50%;
					right: -0.25em;
					margin-top: -0.5em; /* 8 */
				}
				.audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after
				{
					/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
					width: 0.313em; /* 5 */
					height: 0.313em; /* 5 */
					border: 0.25em double #fff; /* 4 */
					border-width: 0.25em 0.25em 0 0; /* 4 */
					left: 0.563em; /* 9 */
					top: -0.063em; /* 1 */ /* 15 */ /* 15 */
					border-radius: 0 0.938em 0 0; /* 15 */
					-webkit-transform: rotate( 45deg );
					-ms-transform: rotate( 45deg );
					transform: rotate( 45deg );
				}
		.audioplayer-volume-adjust
		{
			height: 6.25em; /* 100 */
			cursor: default;
			position: absolute;
			left: 0;
			right: -1px;
			top: -9999px;
			background: #222;
			background: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #222 ) );
			background: -webkit-linear-gradient( top, #444, #222 );
			background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
			background: -webkit-linear-gradient(top, #444, #222);
			background: linear-gradient( top, #444, #222 );
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
			.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
			{
				opacity: 0;
			}
			.audioplayer-volume:hover .audioplayer-volume-adjust
			{
				top: auto;
				bottom: 100%;
			}
			.audioplayer-volume-adjust > div
			{
				width: 40%;
				height: 80%;
				background-color: #222;
				cursor: pointer;
				position: relative;
				z-index: 1;
				margin: 30% auto 0;
			}
				.audioplayer-volume-adjust div div
				{
					width: 100%;
					height: 100%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: #007fd1;
					background: -webkit-gradient( linear, left bottom, left top, from( #007fd1 ), to( #c600ff ) );
					background: -webkit-linear-gradient( bottom, #007fd1, #c600ff );
					background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
					background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
					background: linear-gradient( bottom, #007fd1, #c600ff );
				}
		.audioplayer-novolume .audioplayer-volume
		{
			display: none;
		}

	.audioplayer-play,
	.audioplayer-pause,
	.audioplayer-volume a
	{
		-webkit-filter: drop-shadow( 1px 1px 0 #000 );
		-moz-filter: drop-shadow( 1px 1px 0 #000 );
		-ms-filter: drop-shadow( 1px 1px 0 #000 );
		-o-filter: drop-shadow( 1px 1px 0 #000 );
		filter: drop-shadow( 1px 1px 0 #000 );
	}
	.audioplayer-bar,
	.audioplayer-bar div,
	.audioplayer-volume-adjust div
	{
		border-radius: 4px;
	}
	.audioplayer-bar,
	.audioplayer-volume-adjust > div
	{
		-webkit-box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
		box-shadow: -1px -1px 0 rgba( 0, 0, 0, .5 ), 1px 1px 0 rgba( 255, 255, 255, .1 );
	}
	.audioplayer-volume-adjust div div,
	.audioplayer-bar-played
	{
		-webkit-box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
		box-shadow: inset 0 0 5px rgba( 255, 255, 255, .5 );
	}
	.audioplayer-volume-adjust
	{
		-webkit-box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
		box-shadow: -2px -2px 2px rgba( 0, 0, 0, .15 ), 2px -2px 2px rgba( 0, 0, 0, .15 );
	}
	.audioplayer *,
	.audioplayer *:before,
	.audioplayer *:after
	{
		-webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
		transition: color .25s ease, background-color .25s ease, opacity .5s ease;
	}
/*
CSS Document Constructeur
Description:Ilan Kahn - IlanKahn.com
Version:1.0.0
Date:16/04/2014
Author:studio RVOLA
Author URI:http://rvola.com
*/
/* --------------------------------------------------------*/
/* !FORMULE */
/*--------------------------------------------------------- */
/* --------------------------------------------------------*/
/* !IMPORT */
/*--------------------------------------------------------- */
/*Reset*/
/*Fonts*/
/*Awesome*/
/*Player*/
/* --------------------------------------------------------*/
/* !DIVERS */
/*--------------------------------------------------------- */
a {
  color: #333;
}
a:hover {
  color: #2e9ed9;
}
.clear {
  display: block;
  clear: both;
}
body {
  background: url("../../images/bg.jpg") no-repeat center top fixed;
  -webkit-background-size: cover;
  background-size: cover;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-family: 'AvantGardeMedium';
}
#wrapper {
  padding: 90px 20px;
  margin: 0 auto;
  width: 960px;
}
#loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  background: url('../../images/loader.gif') no-repeat;
}
/* --------------------------------------------------------*/
/* !H1.H2.H3.H4.H5.H6 */
/*--------------------------------------------------------- */
h1,
h3 {
  font-family: 'AvantGardeExtraLight';
}
h2 {
  font-family: 'AvantGardeMedium';
  font-size: 42px;
  margin: 25px auto;
}
h1 {
  font-size: 35px;
}
/* --------------------------------------------------------*/
/* !HEADER */
/*--------------------------------------------------------- */
header {
  height: 70px;
  width: 100%;
  background-color: #000;
  position: fixed;
  top: 0;
  z-index: 15;
  /*Navigation*/
  /*Social*/
}
header img {
  float: left;
  padding-top: 10px;
}
header #topbar {
  width: 960px;
  margin: auto;
}
header #navigation {
  margin-left: 230px;
  line-height: 70px;
}
header #navigation a {
  color: #fff;
  float: left;
  text-decoration: none;
  display: inline-block;
  padding: 0 17px;
}
header #navigation a.current {
  font-weight: 800;
  color: #2e9ed9;
}
header #social {
  list-style: none;
  margin-top: 17.5px;
  float: right;
}
header #social li {
  border-radius: 35px;
  width: 35px;
  height: 35px;
  background: #fff;
  display: inline-block;
  float: left;
  line-height: 35px;
  text-align: center;
  font-size: 20px;
  margin: 0 3px;
}
header #social li a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
}
header #social li:hover {
  background: #2e9ed9;
}
header #social li:hover a {
  color: #ffffff;
}
/* --------------------------------------------------------*/
/* !ACCUEIL */
/*--------------------------------------------------------- */
#accueil {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 650px;
  margin: -325px 0 0 -325px;
}
#accueil img {
  width: 100%;
  height: auto;
}
/* --------------------------------------------------------*/
/* !NEWS */
/*--------------------------------------------------------- */
#news {
  width: 100%;
  height: 880px;
  overflow: hidden;
}
/* --------------------------------------------------------*/
/* !BIO */
/*--------------------------------------------------------- */
#bio,
#booking {
  text-align: center;
}
#bio img,
#booking img {
  margin: 0 auto;
}
#bio #logo,
#booking #logo {
  margin: 10px auto;
}
#bio div.texte div,
#booking div.texte div {
  width: 50%;
  float: left;
  padding: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-transform: none;
}
#bio div.texte div.english,
#booking div.texte div.english {
  font-family: 'AvantGardeExtraLight';
}
#bio div.texte div img,
#booking div.texte div img {
  max-width: 100%;
}
/* --------------------------------------------------------*/
/* !MUSIC */
/*--------------------------------------------------------- */
#music .single {
  position: relative;
  clear: both;
  margin: 0 0 20px 0;
}
#music .single .cover {
  float: left;
  width: 140px;
  height: 140px;
}
#music .single .info {
  width: 800px;
  float: right;
}
#music .single .info .titre {
  font-size: 35px;
  color: #3B3B3B;
}
#music .single .info .artist {
  font-size: 18px;
}
#music .single .info .prod {
  font-size: 12px;
  color: #3B3B3B;
}
#music .single .info .player {
  margin: 10px 0;
  width: 800px;
}
#music #nav_music li {
  width: 33.33333333%;
  margin: 10px 0 30px 0;
  float: left;
}
#music #nav_music li a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #000;
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 2em;
}
#music #nav_music li a.current {
  background: #2e9ed9;
}
#music #nav_music li a.current:hover {
  background: #2e9ed9;
  color: #fff;
}
#music #nav_music li a:hover {
  background: #fff;
  color: #000;
}
#music .display_music {
  display: none;
}
#music .audioplayer-bar-played {
  background: #2e9ed9 !important;
}
#music .audioplayer:not(.audioplayer-playing) .audioplayer-playpause {
  background: url('../../images/play.png') center center no-repeat;
}
/* --------------------------------------------------------*/
/* !VIDEO */
/*--------------------------------------------------------- */
#video iframe {
  max-width: 470px;
  margin: 5px;
}