/**********************************************************
FONT
**********************************************************/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800';

/**********************************************************
BODY
**********************************************************/
body {
	font-family:'Open Sans';
	font-weight:300;	
	font-size:15px;
	color:#3F4B47;
}

/**********************************************************
LINKS
**********************************************************/
a,
a:hover,
a:visited,
a:focus,
a:active {
	color:#FF7A65;	
	text-decoration:none;
	cursor:pointer;
	transition:color .4s;
}
a:hover,
a:active {
	color:#FF7A65;	
	transition:none;
}
a.site,
a.facebook,
a.youtube,
a.instagram,
a.googleplus,
a.twitter {
	color:#666c6a;
}
a.site:hover {
	color:#F3A02D;
}
a.facebook:hover {
	color:#3b5998;
}
a.youtube:hover {
	color:#e52d27;
}
a.instagram:hover {
	color:#c888bc;
}
a.googleplus:hover {
	color:#cc3732;
}
a.twitter:hover {
	color:#1dcaff;
}

/**********************************************************
HEADINGS
**********************************************************/
h1, h2, h3, h4 {
    margin:0;
}
h1, h2 {
	letter-spacing:2px;
}
h1 { font-size:52px; }
h2 { font-size:30px; }
h3 { font-size:26px; }
h4 { font-size:18px; }
h5 { font-size:16px; }

/**********************************************************
FONT WEIGHTS
**********************************************************/
.text-light {
	font-weight:300;	
}
.text-normal {
	font-weight:400;	
}
.text-semibold {
	font-weight:600;	
}
.text-bold {
	font-weight:700;	
}
.text-extrabold {
	font-weight:800;	
}

/**********************************************************
FONT COLORS
**********************************************************/
.text-red {
	color:#FF7A65;
}
.text-green {
	color:#A7C9AE;
}
.text-dark {
	color:#3F4B47;
}
.text-yellow {
	color:#F3A02D;
}
.text-white {
	color:#fff;
}
.text-translucent {
	color:#000;
	opacity:.5;
}

/**********************************************************
BUTTONS
**********************************************************/
.btn {
	border-radius:0;
}
.button {
	display:inline-block;
	border:1px solid;
	color:inherit;
	vertical-align:middle;
	position:relative;
	z-index:1;
	-webkit-backface-visibility:hidden;
	-moz-osx-font-smoothing:grayscale;
}
.button:focus {
	outline:none;
}
.button > span {
	vertical-align:middle;
}
/* shikoba */
.button.button--shikoba {
	padding:8px 12px 8px 34px;
	overflow:hidden;
	background:#fff;
	border-color:#FF7A65;
	-webkit-transition:background-color 0.3s, border-color 0.3s, color 0.3s;
	transition:background-color 0.3s, border-color 0.3s, color 0.3s;
	color:#FF7A65;
    font-size: inherit;
    line-height: inherit;
}
.button--shikoba .text {
	display:inline-block;
	-webkit-transform:translate3d(-14px, 0, 0);
	transform:translate3d(-12px, 0, 0);
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba .button__icon {
	position:absolute;
	left:14px;
	top:8px;
	font-size:20px;
	-webkit-transform:translate3d(-40px, 0, 0);
	transform:translate3d(-40px, 0, 0);
	-webkit-transition:-webkit-transform 0.3s;
	transition:transform 0.3s;
	-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);
}
.button--shikoba:hover .button__icon,
.button--shikoba:hover .text {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
.button--shikoba:hover,
.button--shikoba.is-active {
	background:#FF7A65;
	border-color:#FF7A65;
	color:#fff;
}

/**********************************************************
DROPDOWN
**********************************************************/
.btn-group.open .dropdown-toggle {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.dropdown-menu {
	border-radius:0;
	border-color:#FF7A65;
    width:220px;
	padding:0;
}
	.dropdown-menu li:not(:last-of-type) {
		border-bottom:1px solid #f0f0f0;
	}
		.dropdown-menu li a {
			padding:3px 10px;
			box-sizing:border-box;
			white-space:normal;
			color:inherit;
			transition:none;
			-webkit-transition:none;
		}
		.dropdown-menu li a:hover {
			background:#FF7A65;
			color:#fff;
			cursor:pointer;
		}

/**********************************************************
BACKGROUND COLORS
**********************************************************/
.bg-grey {
	background:#f4f4f4;
	fill:#f4f4f4;
}
.bg-red {
	background:#FF7A65;
	fill:#FF7A65;
}
.bg-green {
	background:#A7C9AE;
	fill:#A7C9AE;
}
.bg-dark {
	background:#3F4B47;
	fill:#3F4B47;
}
.bg-yellow {
	background:#FFEC9B;
	fill:#FFEC9B;
}
.bg-white {
	background:#fff;
	fill:#fff;
}

/**********************************************************
MARGINS
**********************************************************/
.top-buffer-lg {
	margin-top:80px;
}
.top-buffer-md {
	margin-top:40px;
}
.top-buffer-sm {
	margin-top:20px;
}
.top-buffer-xs {
	margin-top:10px;
}
.bottom-buffer-lg {
	margin-bottom:80px;
}
.bottom-buffer-md {
	margin-bottom:40px;
}
.bottom-buffer-sm {
	margin-bottom:20px;
}
.bottom-buffer-xs {
	margin-bottom:10px;
}
.height-buffer-lg {
	margin-top:80px;
	margin-bottom:80px;
}
.height-buffer-md {
	margin-top:40px;
	margin-bottom:40px;
}
.height-buffer-sm {
	margin-top:20px;
	margin-bottom:20px;
}
.height-buffer-xs {
	margin-top:10px;
	margin-bottom:10px;
}

/**********************************************************
CENTERING
**********************************************************/
@media (max-width:1199px) {
	.centered-md {
		text-align:center;
	}
}
@media (max-width:991px) {
	.centered-sm {
		text-align:center;
	}
}
@media (max-width:767px) {
	.centered-xs {
		text-align:center;
	}
}

/**********************************************************
INPUTS
**********************************************************/
input,
textarea,
select {
	-webkit-appearance:none;
	border-radius:0px;
	padding:8px 12px 8px 12px;
	background:#fff;
	border:1px solid #000;
	font-size:14px;
}
select {
	border:1px solid #FF7A65;
}


/**********************************************************
TABLE TO ALIGN VERTICALLY - DON'T CARE ABOUT SEMANTICS
**********************************************************/
table {
	width:100%;
	height:100%;
}

/**********************************************************
SPINBOX
**********************************************************/
.cssload-spin-box {
	position:absolute;
	margin:auto;
	left:0;
	top:0;
	bottom:0;
	right:0;
	width:15px;
	height:15px;
	border-radius:100%;
	-o-box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A;
	-ms-box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A;
	-webkit-box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A;
	-moz-box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A;
	box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A;
	-o-animation:cssload-spin ease infinite 4.6s;
	-ms-animation:cssload-spin ease infinite 4.6s;
	-webkit-animation:cssload-spin ease infinite 4.6s;
	-moz-animation:cssload-spin ease infinite 4.6s;
	animation:cssload-spin ease infinite 4.6s;
}
@keyframes cssload-spin {
	0%,	100% { box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A; }
	25% { box-shadow:-15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE; }
	50% { box-shadow:-15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A; }
	75% { box-shadow:15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE; }
}
@-o-keyframes cssload-spin {
	0%,	100% { box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A; }
	25% { box-shadow:-15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE; }
	50% { box-shadow:-15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A; }
	75% { box-shadow:15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE; }
}
@-ms-keyframes cssload-spin {
	0%,	100% { box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A; }
	25% { box-shadow:-15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE; }
	50% { box-shadow:-15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A; }
	75% { box-shadow:15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE; }
}
@-webkit-keyframes cssload-spin {
	0%,	100% { box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A; }
	25% { box-shadow:-15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE; }
	50% { box-shadow:-15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A; }
	75% { box-shadow:15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE; }
}
@-moz-keyframes cssload-spin {
	0%,	100% { box-shadow:15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A; }
	25% { box-shadow:-15px 15px #F2D87A, -15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE; }
	50% { box-shadow:-15px -15px #A7C9AE, 15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A; }
	75% { box-shadow:15px -15px #F2D87A, 15px 15px #A7C9AE, -15px 15px #F2D87A, -15px -15px #A7C9AE; }
}

/**********************************************************
HOME SLIDESHOW FLICKTY
**********************************************************/
.home-slideshow {
	height:508px;
	overflow:hidden;
	position:relative;
}
	.home-slideshow .carousel {
		opacity:0;
		-webkit-transition:opacity .4s;
		transition:opacity .4s;
	}
	.home-slideshow .carousel.is-visible {
		opacity:1;
	}
		.home-slideshow .carousel .carousel-cell {
			height:508px;
			overflow:visible;
		}
			.home-slideshow .carousel .carousel-cell img {
				height:468px;
				display:block;
				visibility:hidden;
				opacity:0;
				-webkit-transition:opacity 1.5s;
				transition:opacity 1.5s;
			}
			.home-slideshow .carousel .carousel-cell img.flickity-lazyloaded,
			.home-slideshow .carousel .carousel-cell img.flickity-lazyerror {
				visibility:visible;
				opacity:.2;
			}
			.home-slideshow .carousel .carousel-cell.is-selected img.flickity-lazyloaded {
				opacity:1;
			}
			.home-slideshow .carousel .carousel-cell .overlay {
				display:block;
				position:absolute;
				z-index:9999999999;
				top:426px;
				left:10%;
				height:84px;
				width:80%;
				padding:0 10px;
				opacity:0;
				background:#FFEC9B;
				-webkit-transition:opacity .4s;
				transition:opacity .4s;
			}
			.home-slideshow .carousel .carousel-cell.is-selected .overlay {
				opacity:1;
			}
				.home-slideshow .carousel .carousel-cell a.overlay:hover {
					background:#F3B548;
				}
					.home-slideshow .carousel .carousel-cell a.overlay:hover * {
						color:#fff;
					}
				.home-slideshow .carousel .carousel-cell .overlay * {
					width:100%;
				}
			.home-slideshow .carousel .carousel-cell .overlay:before,
			.home-slideshow .carousel .carousel-cell .overlay:after {
				content:'';
				border-top:42px solid #FFEC9B;
				border-bottom:42px solid #FFEC9B;
				color:#FFEC9B;
				position:absolute;
				top:0;
			}
				.home-slideshow .carousel .carousel-cell a.overlay:hover:before,
				.home-slideshow .carousel .carousel-cell a.overlay:hover:after {
					border-top:42px solid #F3B548;
					border-bottom:42px solid #F3B548;
					color:#F3B548;
				}
			.home-slideshow .carousel .carousel-cell .overlay:before {
				border-left:42px solid transparent;
				left:-42px;
			}
			.home-slideshow .carousel .carousel-cell .overlay:after {
				border-right:42px solid transparent;
				right:-42px;
			}
			.home-slideshow .carousel .carousel-cell .overlay.inset:before,
			.home-slideshow .carousel .carousel-cell .overlay.inset:after {
				content:'';
				border-top:21px solid transparent;
				border-bottom:21px solid transparent;
				position:absolute;
				top:0;
			}
			.home-slideshow .carousel .carousel-cell .overlay.inset:before {
				border-right:21px solid #F2D87A;
				color:#F2D87A;
				left:-42px;
			}
			.home-slideshow .carousel .carousel-cell .overlay.inset:after {
				border-left:21px solid #F2D87A;
				color:#F2D87A;
				right:-42px;
			}	
		.home-slideshow .flickity-prev-next-button {
				border-radius:0;
				width:40px;
				height:90px;
				background:rgba(255,255,255,0);
				-webkit-transition:all .3s;
				transition:all .3s;
		}
		.home-slideshow .flickity-prev-next-button:hover {
				width:50px;
				height:110px;
				background:#F3B548;
		}
		.home-slideshow .flickity-prev-next-button.previous { left:0; }
		.home-slideshow .flickity-prev-next-button.next { right:0; }
			.home-slideshow .flickity-prev-next-button .arrow {
				fill:#000;
			}
@media (max-width:1136px) {
	.home-slideshow {
		width:100%;
		height:auto;
		overflow:visible;
	}		
		.home-slideshow .carousel .flickity-page-dots {
			display:none;
		}
		.home-slideshow .carousel .flickity-viewport {
			overflow: visible;
		}
			.home-slideshow .carousel .carousel-cell {
					width:100%;
					height:auto;
					display:block;
					overflow:visible;
				}
					.home-slideshow .carousel .carousel-cell img {
						width:100%;
						height:auto;
					}
					.home-slideshow .carousel .carousel-cell .overlay {
						top:initial;
						bottom:-42px;
					}
}
@media (max-width:991px) {
	.home-slideshow .carousel .carousel-cell .overlay {
		left:20%;
		width:60%;
	}
		.home-slideshow .carousel .carousel-cell .overlay h3 {
			font-size:1.3em;
			line-height:1.15em;
		}
		.home-slideshow .carousel .carousel-cell .overlay span {
			font-size:1em;
			line-height:1.1em;
			font-weight:400;
		}
}
@media (max-width:767px) {
	.home-slideshow {
		/*height:282px;*/
		padding-bottom:84px;
		overflow-x:hidden;
	}
		.home-slideshow .carousel .carousel-cell {
			/*height:282px;*/
		}
			.home-slideshow .carousel .carousel-cell .overlay {
				/*top:197px;*/
				bottom:-84px;
				left:15%;
				width:70%;
			}
				.home-slideshow .carousel .carousel-cell .overlay h3 {
					font-size:.9em;
					line-height:1em;
				}
				.home-slideshow .carousel .carousel-cell .overlay span {
					font-size:.75em;
					line-height:1.1em;
					font-weight:400;
				}
			.home-slideshow .carousel .carousel-cell img {
				/*height:240px;*/
			}
	.home-slideshow .flickity-prev-next-button {
		display:none;
	}
}

/**********************************************************
AGENDA SECTION
**********************************************************/
.agenda {}
	.agenda .agenda-item {
		position:relative;
		height:65px;
		overflow:hidden;
		cursor:pointer;
		background:#A7C9AE;
	}
		.agenda .agenda-item .agenda-overlay {
			position:absolute;
			z-index:1;
			top:0;
			left:0;
			width:100%;
			height:65px;
			-wekbit-transition:-wekbit-transform .85s;
			transition:transform .85s;
		}
		.agenda .agenda-item .agenda-overlay.is-active {
			transform:translateX(100%) translateX(-130px);
			-wekbit-transform:translateX(calc(100% - 130px));
		}
			.agenda .agenda-item .agenda-overlay .image {
				float:left;
				width:65px;
				height:65px;
			}
				.agenda .agenda-item .agenda-overlay .image img {
					max-width:100%;
				}
			.agenda .agenda-item .agenda-overlay .date {
				float:left;
				width:65px;
				height:65px;
				padding:5px;
				-wekbit-transition:background-color .85s;
				transition:background-color .85s;
			}
			.agenda .agenda-item:hover .agenda-overlay .date {
				-wekbit-transition:background-color .25s;
				transition:background-color .25s;
			}
			.agenda .agenda-item .agenda-overlay .date.bg-yellow {
				background-color:#F3B548;
			}
			.agenda .agenda-item:hover .agenda-overlay .date.bg-yellow {
				background-color:#F3A02D;
			}
			.agenda .agenda-item .agenda-overlay .date.bg-red {
				background-color:#FF7A65;
			}
			.agenda .agenda-item:hover .agenda-overlay .date.bg-red {
				background-color:#e7523a;
			}
				.agenda .agenda-item .agenda-overlay .date > div {
					margin:0 auto;
					width:36px;
					line-height:.95em;
				}
				.agenda .agenda-item .agenda-overlay .date > div.day {
					font-size:2.1em;
				}
				.agenda .agenda-item .agenda-overlay .date > div.month {
					font-size:.9em;
				}
				.agenda .agenda-item .agenda-overlay .date > div.year {
					font-size:.9em;
					opacity:.65;
				}
			.agenda .agenda-item .agenda-overlay .info {
				float:left;
				width:calc(100% - 130px);
				height:65px;
				line-height:1em;
				padding:8px 10px;
  				-wekbit-transition:-wekbit-transform .85s, background-color .85s;
				transition:transform .85s, background-color .85s;
			}
				.agenda .agenda-item .agenda-overlay .info .complet {
					background: #000;
					padding: 1px 4px;
					border-radius: 4px;
					font-size: 0.55em;
					font-weight: bold;
					margin-left: 10px;
					top: -3px;
					position: relative;
				}
			.agenda .agenda-item:hover .agenda-overlay .info {
				-wekbit-transition:-wekbit-transform .85s, background-color .25s;
				transition:transform .85s, background-color .25s;
				background-color:#eaeaea;
			}
			.agenda .agenda-item .agenda-overlay.alternate .info {
				background-color:#e8e8e8;
			}
			.agenda .agenda-item:hover .agenda-overlay.alternate .info {
				background-color:#e0e0e0;
			}
			.agenda .agenda-item .agenda-underlay {
				width:calc(100% - 130px);
				height:65px;
				text-align:left;
				position:relative;
			}
				.agenda .agenda-item .agenda-underlay div {
					display:inline-block;
					padding:10px;
				}
					.agenda .agenda-item .agenda-underlay div a {
						line-height:35px;
						color:#fff;
					}
					.agenda .agenda-item .agenda-underlay div a:hover {
						color:#3F4B47;
					}
					.agenda .agenda-item .agenda-underlay div a.facebook {
						margin-left:10px;
					}

@media (max-width:1199px) {
	.agenda .agenda-item .agenda-overlay .info h4 {
		font-size:1em;
	}
	.agenda .agenda-item .agenda-overlay .info div {
		font-size:.85em;
	}
}

@media (max-width:991px) {
	.agenda .agenda-item .agenda-overlay {
		width:calc(100% + 65px);
		left:-65px;
	}
	.agenda .agenda-item .agenda-overlay.is-active {
		transform:translateX(100%) translateX(-65px);
		-wekbit-transform:translateX(calc(100% - 65px));
	}
	.agenda .agenda-item .agenda-underlay {
		width:calc(100% - 65px);
		padding:0;
	}
	.agenda .agenda-item .agenda-overlay .info h4 {
		font-size:1.2em;
	}
	.agenda .agenda-item .agenda-overlay .info div {
		font-size:.9em;
	}
}
@media (max-width:400px) {
	.agenda .agenda-item .agenda-overlay .info h4 {
		font-size:.9em;
	}
	.agenda .agenda-item .agenda-overlay .info div {
		font-size:.8em;
	}
	.agenda .agenda-item .agenda-underlay,
	.agenda .agenda-item .agenda-underlay div a,
	.agenda .agenda-item .agenda-underlay div a span{
		font-size:.85em;
	}
}

/**********************************************************
ARTISTS GRID
**********************************************************/
/* Artists */
.artists-grid {
	position:relative;
}
	.artists-grid .artist-wrapper {
		display:block;
		visibility:hidden;
		color:#fff;
		width:16.666667%;
		padding-bottom:16.666667%;
		overflow:hidden;
		border:2px solid #f4f4f4;
		box-sizing:border-box;
		opacity:0;
		transition:opacity .5s;
		-webkit-transition:opacity .5s;
		-ms-transition:opacity;
	}
	.artists-grid .artist-wrapper.is-visible {
		visibility:visible;
		opacity:1;
	}
		.artists-grid .artist-wrapper .artist-infos {
			position:absolute;
			height:100%;
			width:100%;
			z-index:3;
		}
		.artists-grid .artist-wrapper .artist-infos.category {
			background:none;
			padding:20px;
		}
			.artists-grid .artist-wrapper .artist-infos .artist-name {
				position:absolute;
				z-index:2;
				display:block;
				left:0;
				bottom:20px;
				padding:0 10px;
				width:100%;
				-wekbit-transition:bottom .25s;
				transition:bottom .25s;
			}
			.artists-grid .artist-wrapper:hover .artist-infos .artist-name {
				bottom:39%;
			}
			.artists-grid .artist-wrapper .artist-infos .artist-genre {
				position:absolute;
				z-index:1;
				display:block;
				top:110%;
				left:0;
				padding:0 10px;
				width:100%;
				line-height:1em;
				-wekbit-transition:top .5s;
				transition:top .5s;
			}
			.artists-grid .artist-wrapper:hover .artist-infos .artist-genre {
				top:58%;
			}
			.artists-grid .artist-wrapper .artist-infos .artist-order,
			.artists-grid .artist-wrapper .artist-infos .artist-date {
				display:none; 
			}
		.artists-grid .artist-wrapper .artist-overlay {
			position:absolute;
			z-index:2;
			height:100%;
			width:100%;
			top:100%;
			background:#A7C9AE;
			-webkit-transition:top .7s;
			transition:top .7s;
		}
		.artists-grid .artist-wrapper .artist-on-tour {
			position:absolute;
			z-index:4;
			height:100%;
			width:100%;
		}
			.artists-grid .artist-wrapper .artist-on-tour svg {
				position:absolute;
				top:-1px;
				right:-1px;
				height:40%;
				width:40%;
				/*-webkit-filter:drop-shadow( -2px 0px 1px rgba(0,0,0,.15) );
				filter:drop-shadow( -2px 0px 1px rgba(0,0,0,.15) );*/
			}
		.artists-grid .artist-wrapper.genre21 .artist-overlay {
			background:#FF7A65;
		}
		.artists-grid .artist-wrapper:hover .artist-overlay {
			top:0%;
			opacity:.9;
			-webkit-transition:top .15s;
			transition:top .15s;
		}
		.artists-grid .artist-wrapper .artist-gradient {
			position:absolute;
			z-index:1;
			height:100%;
			width:100%;
			background:rgba(0,0,0,0);
			background:-moz-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
			background:-webkit-gradient(left top, left bottom, color-stop(30%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
			background:-webkit-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
			background:-ms-linear-gradient(top, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
			background:linear-gradient(to bottom, rgba(0,0,0,0) 30%, rgba(0,0,0,1) 100%);
			filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
			opacity:.6;
		}
		.artists-grid .artist-wrapper .artist-underlay {
			position:absolute;
			z-index:0;
			height:100%;
			width:100%;
			-webkit-transition:all .7s;
			-moz-transition:all .7s;
			-o-transition:all .7s;
			transition:all .7s;
		}
		.artists-grid .artist-wrapper:hover .artist-underlay {
			-webkit-transition:all .15s;
			-moz-transition:all .15s;
			-ms-transition:all .15s;
			-o-transition:all .15s;
			transition:all .15s;
			-webkit-transform:scale(1.1);
			transform:scale(1.1);
		}
@media (max-width:1199px) {
	.artists-grid .artist-wrapper {
		width:20%;
		padding-bottom:20%;
	}
}
@media (max-width:991px) {
	.artists-grid .artist-wrapper {
		width:25%;
		padding-bottom:25%;
	}
		.artists-grid .artist-wrapper .artist-infos .artist-name h5 {
			font-size:.8em;
		}
		.artists-grid .artist-wrapper .artist-infos.category h2 {
			font-size:1.7em;
		}
}
@media (max-width:680px) {
	.artists-grid .artist-wrapper {
		width:33.33334%;
		padding-bottom:33.33334%;
	}
		.artists-grid .artist-wrapper .artist-infos.category h2 {
			font-size:1.5em;
		}
}
@media (max-width:480px) {
	.artists-grid .artist-wrapper {
		width:50%;
		padding-bottom:50%;
	}
		.artists-grid .artist-wrapper .artist-infos.category h2 {
			font-size:1.3em;
		}
}

/**********************************************************
ARTIST
**********************************************************/
.artist {}
	.artist .fa-stack {
		font-size:1.15em;
	}
	.artist-infos {}
		.artist-infos .box {
			/*padding:30px;*/
		}
	.artist-photos {}
		.artist-photos #artist-photos-wrapper {}
			.artist-photos #artist-photos-wrapper #arrow {
				display:none;
				position:absolute;
				z-index:1;
				width:50px;
				height:450px;
			}
				.artist-photos #artist-photos-wrapper #arrow svg {
					position:absolute;
					left:-1px;
					width:100%;
					height:100%;
				}
			.artist-photos #artist-photos-wrapper #arrow {
				display:none;
			}
			.artist-photos #artist-photos-wrapper .artist-slideshow {
				height:450px;
				overflow:hidden;
				position:relative;
			}
				.artist-photos #artist-photos-wrapper .artist-slideshow .carousel {
					opacity:0;
					-webkit-transition:opacity .4s;
					transition:opacity .4s;
				}
				.artist-photos #artist-photos-wrapper .artist-slideshow .carousel.is-visible {
					opacity:1;
				}
					.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell {
						height:450px;
						overflow:hidden;
					}
						.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell img {
							height:450px;
							display:block;
							visibility:hidden;
							opacity:0;
							-webkit-transition:opacity 1.5s;
							transition:opacity 1.5s;
						}
						.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell img.flickity-lazyloaded,
						.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell img.flickity-lazyerror {
							visibility:visible;
							opacity:.2;
						}
						.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell.is-selected img.flickity-lazyloaded {
							opacity:1;
						}
					.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button {
							border-radius:0;
							width:40px;
							height:90px;
							background:rgba(255,255,255,0);
							-webkit-transition:all .3s;
							transition:all .3s;
					}
					.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button:hover {
							width:50px;
							height:110px;
							background:#F3B548;
					}
					.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button.previous { left:0; }
					.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button.next { right:0; }
						.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button .arrow {
							fill:#000;
						}
		.artist .press a {
			color:inherit;
		}
		.artist .press a:hover * {
			color:#000;
		}
@media (min-width:768px) {
	.artist-infos {
		padding-right:0;	
	}
	.artist-photos {
		padding-left:0;	
	}
		.artist-photos #artist-photos-wrapper #arrow {
			display:none;
		}
}
@media (max-width:991px) {
	.artist-photos #artist-photos-wrapper .artist-slideshow {
		height:300px;
	}
		.artist-photos #artist-photos-wrapper #arrow {
			height:300px;
		}
		.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell {
			height:300px;
		}
			.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell img {
				height:300px;
			}
}
@media (max-width:767px) {
	.artist-infos {
		padding:0 30px;	
	}
	.artist-photos {
		padding:0;
		margin-bottom:-80px;
	}
		.artist-photos #artist-photos-wrapper .artist-slideshow {
			height:240px;
		}
			.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell {
				height:240px;
			}
				.artist-photos #artist-photos-wrapper .artist-slideshow .carousel .carousel-cell img {
					height:240px;
				}
		.artist-photos #artist-photos-wrapper .artist-slideshow .flickity-prev-next-button {
			display:none;
		}
}

/**********************************************************
NEWS GRID
**********************************************************/
.pagination {
	display:none;
}
.news-grid {
	position:relative;
}
.news-grid:after {
	content:'';
	display:block;
	clear:both;
}
	.news-grid a.news-item {
		display:block;
		visibility:hidden;
		overflow:hidden;
		width:33.33334%;
		border:10px solid #f4f4f4;
		color:#000;
		opacity:0;
		transition:opacity .5s, background .5s, color .5s;
		-webkit-transition:opacity .5s, background .5s, color .5s;
		-ms-transition:opacity .5s, color .5s;
	}
	.news-grid a.news-item.is-visible {
		visibility:visible;
		opacity:1;
	}
	.news-grid a.news-item:hover {
		background:#3F4B47;
		opacity:1;
		color:#fff;
		transition:opacity .15s, background .15s, color .15s;
		-webkit-transition:opacity .15s, background .15s, color .15s;
		-ms-transition:opacity .15s, color .15s;
	}
		.news-grid a.news-item .img-wrapper {
			position:relative;
			width:100%;
		}
			.news-grid a.news-item .img-wrapper img {
				width:100%;
				transition:opacity .5s;
				-webkit-transition:opacity .5s;
			}
			.news-grid a.news-item:hover .img-wrapper img {
				opacity:.5;
				transition:opacity .15s;
				-webkit-transition:opacity .15s;
			}
			.news-grid a.news-item .img-wrapper .fa-stack {
				position:absolute;
				z-index:2;
				top:calc(50% - 30px);
				left:calc(50% - 30px);
				margin-top:30px;
				opacity:0;
				transition:opacity .5s, margin-top .5s;
				-webkit-transition:opacity .5s, margin-top .5s;
			}
			.news-grid a.news-item:hover .img-wrapper .fa-stack {
				top:calc(50% - 30px);
				margin-top:0;
				opacity:1;
				transition:opacity .15s, margin-top .15s;
				-webkit-transition:opacity .15s, margin-top .15s;
			}
			.news-grid a.news-item .img-wrapper .arrow {
				position:absolute;
				z-index:1;
				bottom:0;
				width:100%;
				height:30px;
			}
				.news-grid a.news-item .img-wrapper .arrow svg {
					width:100%;
					height:30px;
				}
					.news-grid a.news-item .img-wrapper .arrow svg path {
						transition:fill .5s;
						-ms-transition:fill .5s;
						-webkit-transition:fill .5s;
					}
					.news-grid a.news-item:hover .img-wrapper .arrow svg path {
						fill:#3F4B47;
						transition:fill .15s;
						-ms-transition:fill .15s;
						-webkit-transition:fill .15s;
					}
		.news-grid a.news-item .texts {
			width:100%;
			padding:20px;
		}
			.news-grid a.news-item .texts h4 {
				transition:color .5s;
				-webkit-transition:color .5s;
			}
			.news-grid a.news-item:hover .texts h4 {
				color:#FF7A65;
				transition:color .15s;
				-webkit-transition:color .15s;
			}
			.news-grid a.news-item .texts .date {
				font-size:.7em;
			}
@media (max-width:991px) {
	.news-grid a.news-item {
		width:50%;
	}
}
@media (max-width:650px) {
	.news-grid a.news-item {
		width:100%;
	}
}

/**********************************************************
NEWS
**********************************************************/
.news {}
	.news .news-wrapper {
		position:relative;
	}
		.news .news-wrapper .overlay {
			display:block;
			position:absolute;
			z-index:9999999999;
			bottom:-42px;
			left:10%;
			height:84px;
			width:80%;
			padding:0 10px;
			background:#FFEC9B;
		}
			.news .news-wrapper .overlay * {
				width:100%;
			}
		.news .news-wrapper .overlay:before,
		.news .news-wrapper .overlay:after {
			content:'';
			border-top:42px solid #FFEC9B;
			border-bottom:42px solid #FFEC9B;
			color:#FFEC9B;
			position:absolute;
			top:0;
		}
		.news .news-wrapper .overlay:before {
			border-left:42px solid transparent;
			left:-42px;
		}
		.news .news-wrapper .overlay:after {
			border-right:42px solid transparent;
			right:-42px;
		}
		.news .news-wrapper .overlay.inset:before,
		.news .news-wrapper .overlay.inset:after {
			content:'';
			border-top:21px solid transparent;
			border-bottom:21px solid transparent;
			position:absolute;
			top:0;
		}
		.news .news-wrapper .overlay.inset:before {
			border-right:21px solid #F2D87A;
			color:#F2D87A;
			left:-42px;
		}
		.news .news-wrapper .overlay.inset:after {
			border-left:21px solid #F2D87A;
			color:#F2D87A;
			right:-42px;
		}	
@media (max-width:991px) {
	.news .news-wrapper .overlay {
		left:20%;
		bottom:-36px;
		width:60%;
		height:72px;
	}
	.news .news-wrapper .overlay:before,
	.news .news-wrapper .overlay:after {
		border-top:36px solid #FFEC9B;
		border-bottom:36px solid #FFEC9B;
	}
	.news .news-wrapper .overlay:before {
		border-left:36px solid transparent;
		left:-36px;
	}
	.news .news-wrapper .overlay:after {
		border-right:36px solid transparent;
		right:-36px;
	}
	.news .news-wrapper .overlay.inset:before,
	.news .news-wrapper .overlay.inset:after {
		border-top:18px solid transparent;
		border-bottom:18px solid transparent;
	}
	.news .news-wrapper .overlay.inset:before {
		border-right:18px solid #F2D87A;
		left:-36px;
	}
	.news .news-wrapper .overlay.inset:after {
		border-left:18px solid #F2D87A;
		right:-36px;
	}	
		.news .news-wrapper .overlay h3 {
			font-size:1.3em;
			line-height:1.15em;
		}
}
@media (max-width:767px) {
	.news .news-wrapper .overlay {
		position:relative;
		bottom:0;
		left:25px;
		width:calc(100% - 50px);
		height:50px;
	}
	.news .news-wrapper .overlay:before,
	.news .news-wrapper .overlay:after {
		border-top:25px solid #FFEC9B;
		border-bottom:25px solid #FFEC9B;
	}
	.news .news-wrapper .overlay:before {
		border-left:25px solid transparent;
		left:-25px;
	}
	.news .news-wrapper .overlay:after {
		border-right:25px solid transparent;
		right:-25px;
	}
	.news .news-wrapper .overlay.inset:before,
	.news .news-wrapper .overlay.inset:after {
		border-top:12px solid transparent;
		border-bottom:12px solid transparent;
	}
	.news .news-wrapper .overlay.inset:before {
		border-right:12px solid #F2D87A;
		left:-25px;
	}
	.news .news-wrapper .overlay.inset:after {
		border-left:12px solid #F2D87A;
		right:-25px;
	}	
		.news .news-wrapper .overlay h3 {
			font-size:.85em;
			line-height:1em;
		}
}
	
/**********************************************************
PAGE QUI SOMMES-NOUS
**********************************************************/
.team {}
	.team .box {
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
		.team .box .texts {
			padding:50px 10px;
			position:relative;
		}
			.team .box .texts a:hover {
				color:#000 !important;
			}
		.team .box .arrow-top {
			position:absolute;
			top:0;
			width:100%;
			height:30px;
		}
		.team .box .arrow-bottom {
			position:absolute;
			bottom:0;
			width:100%;
			height:30px;
		}
			.team .box .arrow-top svg,
			.team .box .arrow-bottom svg {
				width:100%;
				height:30px;
			}
.contact-infos {}
	.contact-infos .box {
		padding:30px;	
	}
		.contact-infos .box a:hover {
			color:#fff;	
		}
	.contact-infos .logo {
		width:120px;
		height:83px;
		margin-left:auto;
		margin-right:auto;
	}
.contact-google-map {}
	.contact-google-map #google-map-wrapper {}
		.contact-google-map #google-map-wrapper #arrow {
			display:none;
			position:absolute;
			z-index:1;
			width:50px;
			height:350px;
		}
			.contact-google-map #google-map-wrapper #arrow svg {
				position:absolute;
				left:-1px;
				width:100%;
				height:100%;
			}
		.contact-google-map #google-map-wrapper #arrow {
			display:none;
		}
		 .contact-google-map #google-map-wrapper #google-map {
			width:100%;
			height:250px;
		}
@media (min-width:768px) {
	.contact-infos {
		padding-right:0;	
	}
		.contact-infos .logo {
			margin-left:0;
			margin-right:0;
		}
	.contact-google-map {
		padding-left:0;	
	}
		.contact-google-map #google-map-wrapper #arrow {
			display:block;
		}
		 .contact-google-map #google-map-wrapper #google-map {
			height:350px;
		}
}
@media (max-width:991px) {
	.team .box {
		max-width:240px;
	}
}
@media (max-width:768px) {
	.contact-infos {
		padding:0;	
	}
	.contact-google-map {
		padding:0;
		margin-bottom:-80px;
	}
}

/**********************************************************
MEMBER AREA PAGE
**********************************************************/
.member-area-artist:nth-child(odd) {
	background:#f4f4f4;
}
@media (min-width:767px) {
	.member-area-artist h3:first-child {
		margin-top:0;
	}
}
	.member-area-artist .member-area-line {
		border-top:1px solid #eee;
		transition:background-color .3s;
	}
		.member-area-artist .member-area-line * {
			color:#000;
		}
	.member-area-artist:nth-child(odd) .member-area-line {
		border-top:1px solid #ddd;
	}
	.member-area-artist .member-area-line:hover {
		background-color:#f9f9f9;
		transition:none;
	}
		.member-area-artist .member-area-line .size {
			white-space:nowrap;
		}
		.member-area-artist .member-area-line .name {
			word-wrap:break-word;
		}
		.member-area-artist .member-area-line .member-area-file {
			padding:2px 5px 2px 27px;
			background:0 4px no-repeat;
		}

/* ==========================================================================
PAGE 404
========================================================================== */
.fa-huge {
	font-size:10em;	
}

/**********************************************************
TOP FOOTER
**********************************************************/
.top-footer {
	background:#A7C9AE;	
	color:#fff;
}
	.top-footer a {
		display:block;	
		color:inherit;
		font-size:.95em;
	}
	.top-footer a:hover {
		text-decoration:none;	
		color:#000;
	}
	.top-footer .facebook-like {
		border:none;
		overflow:hidden;
	}
	.top-footer .svg-icon {
		width:134px;
		margin:0 auto;
	}
		.top-footer .svg-icon svg {
			width:134px;
			height:1%; /* Hack pour prévenir l'insertion d'espaces au dessus et au dessous du svg sous iOS. Fonctionne bien sous iOS 9. */
			height:88px;
		}
			.top-footer .svg-icon path {
				fill:#fff;
				-webkit-transition:fill .4s;
				transition:fill .4s;
			}
			.top-footer .svg-icon:hover path {
				fill:#000;
			}
			#newsletter-inscription {}
				#newsletter-inscription form {
					width:100%;
				}
				#newsletter-inscription .text {
					margin-top:60px;
				}
				#newsletter-inscription input,
				#newsletter-inscription #resultat-inscription {
					width:100%;
					color:#3F4B47;
					border:none;
					font-size:.85em;
					padding:8px 30px 8px 8px;
					margin-top:5px;
					position:relative;
				}
				#newsletter-inscription ::-webkit-input-placeholder {
				   color:#3F4B47;
				}
				#newsletter-inscription :-moz-placeholder { /* Firefox 18- */
				   color:#3F4B47;
				}
				#newsletter-inscription ::-moz-placeholder {  /* Firefox 19+ */
				   color:#3F4B47;
				}
				#newsletter-inscription :-ms-input-placeholder {  
				   color:#000;
				}
				#newsletter-inscription #resultat-inscription {
					color:#fff;
					background:#3F4B47;
					border:none;
					display:none;
				}
				#newsletter-inscription input.erreur {
					border:none;
					background:#FF7A65;
					color:#fff;
				}			
				#newsletter-inscription #newsletter-btn,
				#newsletter-inscription #resultat-btn {
					float:right;
					position:relative;
					padding:0;
					top:0;
					right:0;
					margin:5px 0 0 -35px;
					color:#A7C9AE;
					text-align:center;
					width:35px;
					height:32px;
					line-height:32px;
					cursor:pointer;
					border:none;
					z-index:100;
					box-shadow:none;
					-webkit-transition:background 150ms;
					-moz-transition:background 150ms;
					-o-transition:background 150ms;
					-ms-transition:background 150ms;
					transition:background 150ms;
				}
				#newsletter-inscription #newsletter-btn:hover {
					color:#3F4B47;
				}
				#newsletter-inscription #resultat-btn {
					display:none;
				}
@media only screen and (max-width:767px) {
	#newsletter-inscription form {
		max-width:200px;
		margin:0 auto;
	}
}

/**********************************************************
FOOTER
**********************************************************/
.footer {
	background:#3F4B47;	
	color:#fff;
	font-size:.85em;
}
	.footer .copyrights {
		text-align:left;
	}
	.footer .credits {
		text-align:right;
	}
	.footer a {
		color:#F3A02D;
	}
	.footer a:hover {
		color:#FFF;
	}
	@media (max-width:767px) {
		.footer .copyrights, 
		.footer .credits {
			text-align:center;
		}
	}

/**********************************************************
BACK TO TOP
**********************************************************/
.cd-top {
	display:inline-block;
	height:40px;
	width:40px;
	position:fixed;
	bottom:40px;
	right:10px;
	border-radius:0;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:#F3A02D url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility:hidden;
	opacity:0;
	-webkit-transition:opacity .3s 0s, visibility 0s .3s;
	-moz-transition:opacity .3s 0s, visibility 0s .3s;
	transition:opacity .3s 0s, visibility 0s .3s;
	z-index:999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition:opacity .3s 0s, visibility 0s 0s;
	-moz-transition:opacity .3s 0s, visibility 0s 0s;
	transition:opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
	visibility:visible;
	opacity:1;
}
.cd-top.cd-fade-out {
	opacity:.5;
}
.no-touch .cd-top:hover {
	opacity:1;
}
@media only screen and (min-width:768px) {
	.cd-top {
		right:50px;
		bottom:50px;
	}
}
@media only screen and (min-width:1024px) {
	.cd-top {
		height:60px;
		width:60px;
		right:50px;
		bottom:70px;
	}
}