/**
 * @license
 * MyFonts Webfont Build ID 3214160, 2016-05-05T04:46:30-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AvantGardeGothicITCW02Dm by ITC
 * URL: http://www.myfonts.com/fonts/itc/avant-garde-gothic/std-demi-bold/
 * Copyright: Font software Copyright 1993, 1994, 2001 Adobe Systems Incorporated. Typeface designs Copyright 2005 International Typeface Corporation. All rights reserved.
 * Licensed pageviews: 250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3214160
 * 
 * © 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */

@import url("//hello.myfonts.net/count/310b50");
@font-face {
    font-family: 'AvantGG';
    src: url('../webfonts/310B50_0_0.eot');
    src: url('../webfonts/310B50_0_0.eot?#iefix') format('embedded-opentype'), url('../webfonts/310B50_0_0.woff2') format('woff2'), url('../webfonts/310B50_0_0.woff') format('woff'), url('../webfonts/310B50_0_0.ttf') format('truetype');
}


@font-face {

    font-family: 'icomoon';
    src:    url('../fonts/icomoon.eot?nldb0h');
    src:    url('../fonts/icomoon.eot?nldb0h#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?nldb0h') format('truetype'),
        url('../fonts/icomoon.woff?nldb0h') format('woff'),
        url('../fonts/icomoon.svg?nldb0h#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-retour_mosa:before {
    content: "\e900";
    font-size: 25px;
    text-align: left;
}
.icon-ICK_arrow_left:before {
    content: "\e902";
    font-size: 25px;
}
.icon-ICK_arrow_right:before {
    content: "\e903";
    font-size: 25px;
}
.icon-ICK_TWIT_2:before {
    content: "\e904";
    font-size: 25px;
}
.icon-ICK_FB_2:before {	
    content: "\e905";
    text-align: right;
    font-size: 25px;

}
.icon-ICK_share:before {
    content: "\e901";
    text-align: right;
    font-size: 25px;

}


* .font-avantgg *,
* .font-avantgg p,
.font-avantgg{
	font-family: "AvantGG" !important;
}

.font-avantgg strong{
	font-weight: normal;
}

/*general styles*/

body{
	font-family: "AvantGG";
	color: black;
}
img{
	max-width: 100%;
}
h1{
	font-size: 20px;

}
.golden-title,
.golden-title h1{
	color: #8b7744!important;
	font-size: 20px;
	padding-bottom: 10px;

}

.golden-title h2{
	color: #8b7744!important;

}
h2{
	
	font-size: 16px;
	color: black;
}
h3{
	font-size: 15px;
	margin-top: 1px;
	color: black;
}
a{
	color: black;
}
p{
	font-size: 14px;
}
p.tag, p.place, .ongletHeader p:nth-child(4), .ongletContent p,.ongletTeamContent p, .optional p:nth-child(3),
.read-more-text p, .read-more-content p, .footerlist p, .footerlist a, .footerlist span, .agenda-ick p,
.optional.golden-title p, .read-more-text{
font-family: Arial;
}

.read-more-text{
	font-size: 14px;
}

.read-more-text ul li,
.read-more-text ul{
padding: 0;
list-style: disc;
list-style-position: inside
}



.wrap {
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    max-width: 1300px;
}

h1,h2, h3{
	text-transform: uppercase;
}
.contentMargin{
	padding-right: 50px;
}
.sup-border{
	border-top: 1px solid black;
	padding-bottom: 20px;
	margin-top: 60px;
}
.inf-border{
	border-bottom: 1px solid black;

}
/*fonts*/
.icon-retour_mosa:before {
    content: "\e900";
}
/**/


.navArtist{
	padding-top: 50px;
}

@media (min-width: 768px) {
.wrap.contentMargin,
.contentMargin{
	padding-right: 60px;
}
.framebox .wappervideo {
    margin-top: 100px;
}
.container-fluid {
    padding-left: 70px;
}

.navArtist{
	padding-bottom: 0;
}

}

@media (min-width: 992px) {
.wrap.contentMargin,
.contentMargin{
		padding-right: 90px;
	}
.navArtist{
	margin-top: -3em!important;
	padding-top: 0;
}

.framebox .wappervideo {
    margin-top: 80px;
}

}


/* bouton close et menu */

.closeIck{
	width: 25px;
	height: 25px;
	position: relative;
	cursor: pointer;
	z-index: 10;
}


.closeIck:before,
.closeIck:after{
	content: " ";
	height: 4px;
	width: 100%;
	position: absolute;
	background-color: white;
	display: block;
}



.black.closeIck:before,
.black.closeIck:after{
	background-color: black;
}
#primary a.active span {
	color: #8b7744 !important;
}
.closeIck:before,
.closeIck:after{
	
	top: 50%;
	margin-top: -2px;
	transition: transform .5s ease; 
}

.closeIck:after{
	transform: rotate(45deg);
}


.closeIck:before{
	transform: rotate(-45deg);
}


.closeIck:hover:after{
	transform: rotate(35deg);
}


.closeIck:hover:before{
	transform: rotate(-35deg);

}


/* Navigation */

.notransition #primary .logo,
.notransition #search,
.notransition .border  div.menumob,
.notransition #primary.init,
.notransition #primary .border,
.notransition  .logo svg path,
.notransition  .logo svg polygon,
.notransition #primary.init .search svg path{
	transition: none;
}



.menumob .connectes li a{
text-indent: -9999px;
display: inline-block;
width: 25px;
height: 25px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;

}

.menumob .connectes li a.facebook{
background-image: url('../img/svg/ick_fb.svg');

}


.menumob .connectes li a.twitter{
	background-image: url('../img/svg/ick_twit.svg');

}

.menumob .connectes li a.linkedin{
		background-image: url('../img/svg/ick_in.svg');

}

.menumob .connectes li a.instagram{
		background-image: url('../img/svg/ick_inst.svg');

}


.menumob .connectes li a.vimeo{
		background-image: url('../img/svg/ick_vim.svg');

}

/* Navigation */

	#menu{
		cursor: pointer;
		position: fixed;
		text-transform: uppercase;
		bottom:40px;
		right: 4px;
		width: 28px;
	}

	 #primary #menu span{
		color: white;
		cursor: pointer;
		display: block;
	}


.onresize  #primary .menumob{
	display: none;
	background-color: transparent;
}


	#menu span.text{
		transform: rotate(90deg);
		transform-origin: 50% 50%;


		display: block;
		left: -4px;
		bottom: 45px;
		position: relative;
	}

	#menu span.button{
		display: block;
		position: relative;
		margin-bottom: 10px;
	}

	#menu span.button,
	#menu span.button:after,
	#menu span.button:before{
		background-color: white;
		width: 20px;
		height: 3px;
		transition: all .2s linear;
	}

	#menu span.button:after,
	#menu span.button:before{
		content: " ";
		position: absolute;
	}

	#menu span.button:before{
		top: -6px;
	}

	#menu span.button:after{
		top: -12px;
	}

	.openmenu #menu span.button:before{
		transform: rotate(45deg);
	}

	.openmenu #menu span.button:after{
		transform: rotate(-45deg);
		top: -6px;
	}



	.openmenu #primary #menu span.button{
	background-color: rgba(0,0,0,0);	
	}



	.openmenu #menu span.button:before,
	.openmenu #menu span.button:after{
		background-color: black;
	}



	.openmenu #primary #menu span.text{
		color: black;
	}

	.border  div.menumob{
		-webkit-backface-visibility: hidden;
		        backface-visibility: hidden;
		overflow: auto;
		margin-top: 0;
 		height: 100%;
 		padding: 40px 20px; 
  transform: translateX(-200%);

		position: fixed;
		transition: transform .5s ease-out .2s;
		top: 0;
		left: 0;
		width: calc(100% - 45px);

	}

.border  div.menumob nav{
		border-top: 4px solid black;
		border-bottom: 4px solid black;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.content, #footer{
		transition: opacity 0.5s linear;
	}

	.border .closeIck{
		position: fixed;
		top: .5em;
		right: 1.5em
	}

	.openmenu{
		overflow: hidden;
	}

	.openmenu .content, .openmenu #footer{
		opacity: 0;
	}
	
	.openmenu .border  div.menumob{
		display: block;
		transform: translateX(0); 
	}

	




	#primary span,
	#primary a{
		color: black;
		text-transform: uppercase;
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 10px;
		cursor: pointer;
		display: inline-block;
	}

	#primary .langues a{
		font-size: 14px;
		font-size: 1.4rem;
	}

 	#primary ul span{
 		cursor: pointer;
 		display: inline-block;
 	}

 	#primary  ul  ul{
	   	overflow-y: hidden;
		max-height: 0; 
		transition: max-height .3s ease-out;
   	}

	#primary  ul  ul li:first-child{
		margin-top: 10px; 
	}

	#primary  ul  ul li:last-child{
		margin-bottom: 20px;
	}
   	
   /*	#primary  ul .openssmenu ul{
   		max-height: 500px;  		
   	}*/
 #primary  ul .openssmenumobil ul{
   		max-height: 500px;  		
   	}
	@media(min-width: 992px){
   #primary  ul .openssmenumobil ul{
   		max-height: 500px;  		
   	}
   	
   	}

   	#primary  ul .openssmenu ul{
   		max-height: 500px;  		
   	}
   	@media(min-width: 768px){
   	#primary  ul .openssmenu ul{
   		max-height: 500px;  

   	}
   
   	
   	}

  	#primary  ul ul li:before{
  		content: " ";
  		height: 2px;
  		background-color: black;
  		width: 20px;
  		display: inline-block;
  		margin-right: 10px;
  		margin-bottom: .4em;
  	}

   	#primary li{
   		margin-bottom: 10px;
   	}

   	#primary{
		position: fixed;
		width: 100%;
		z-index: 900;
		padding-top: 40px;
		top: 0;
	}

	.langues{
		float: right;
	}

	#primary .primary{
		float: left;
	}
	

	#primary .searchLang a{
		font-size: 14px;
		font-size: 1.4rem;
	}

	#primary .logo a{
		display: block;
		overflow: hidden;
	}

	#primary .logo a svg{
		display: block;
		width: 130px;
		height: auto;
   	}
  
	#primary .logo{
		float: right;
		width: 130px;
		transition: width .5s ease;
		transition: width .5s ease;
		-webkit-transition: width .5s ease;
		-moz-transition: width .5s ease;
	}

	

	.openmenu  #primary .logo,
	.down #primary .logo{
		width: 28px;
		padding-right: 0;
	}

	#primary .border{
		width: calc(100% - 150px);
		width: -moz-calc(100% - 150px);
		float: left;
		/*-webkit-transition: width .5s ease;
		-moz-transition: width .5s ease;*/

		transition: width .5s ease;
     	will-change: width;
	}

   	.down #primary .border{
		width: calc(100% - 50px);
		width: -moz-calc(100% - 50px);
		
   	}

	.searchLang > *{
		display: inline-block;
		padding: 0;
		cursor: pointer;
	}

	.searchLang{
		position: absolute;
		top: 9px;
		left: 0;
		width: 100%;
		padding: 0 20px;
	}

.menupage #menu span.button:before,
.menupage #menu span.button,
.menupage #menu span.button:after,
.down #menu span.button:after,
.down #menu span.button:before,
.down #menu span.button{
	background-color: black
}

#primary.init .search svg path,
#primary span, 
#primary a,
.border,
.logo svg polygon,
.logo svg g path{
 transition: fill .3s linear;
    -moz-transition: fill .3s linear;
}



	.menupage  #primary.init .search svg path,
	.down  #primary.init .search svg path,
	.down .logo svg .color-change,
	.menupage .logo svg .color-change,
	.openmenu .logo svg .color-change
	{
		fill: black !important;
	}




	.menupage .border,
	.down .border {
	    border-color: black;
	    transition: border-color 1s linear;
	}

	.menupage #primary #menu span,
	.menupage #primary span, 
	.menupage #primary a,
	.down #primary #menu span,
	.down #primary span, 
	.down #primary a {
	    color: black;
	}



@media (min-width: 500px) {
	.openmenu  #primary .logo{
		width: 130px;
	}

	.border  div.menumob{
	width: calc(100% - 150px);
	}
}
	
@media (min-width: 768px) {
	
	
	.openmenu .content{
		opacity: 1;
	}

	#primary.init{
	    transition: padding .3s ease-out;
	}


	.down #primary.init {
	padding-top: 5px;
    background: none;
	}

	body:before{
		content: " ";
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		height: 50px;
		width: calc(100% - 60px);

		background-color: white;
		z-index: 20;
		transition: all .2s ease-out;
	}



/*
		body.ssmenuIsOpen:before{
		height: 170px;
		}*/
body.ssmenuMobilIsOpen:before{
			height: 170px;
		}
		@media(min-width: 992px){
		body.ssmenuMobilIsOpen:before{
		height: 170px;
		}	
		}

		body.ssmenuIsOpen:before{
		height: 0px;
		}
		@media(min-width: 768px){
		body.ssmenuIsOpen:before{
		height: 170px;
		}	
		body.ssmenuMobilIsOpen:before{
		height: 170px;
		}
		
		}



 	#primary  ul ul li:before{
 		display: none;

 	}
	.border div.menumob nav{
		border: none;
	}

	.openmenu .border div.menumob,
	.border div.menumob {
	    background-color: transparent;
	    height: auto;
	    left: auto;
	    overflow: auto;
	    padding: 0;
	    position: static;
	    top: auto; 
		transform: none;
	    width: auto;  

	}


	.openmenu .border  div.menumob{
		transform: translateX(none);
	}

	body.logoW.down #primary a.search svg path,
	.logoW.down svg g path,
	.logoW.down svg polygon,
	.openmenu .logo svg g path,
	.openmenu .logo svg polygon{
		fill: white !important;
	}


	.openmenu .logo svg g g#or path{
		fill: #8b7744 !important;
	}



	body.logoW:before{
			background-color: #8b7744;
	}

	body.logoW.down #primary .border{
			border-color: white;
	}

body.logoW.down #primary #menu span, 
body.logoW.down #primary span,
body.logoW.down #primary a{
	color: white;
}



	.openmenu{
		overflow: auto;
	}

	.border div.menumob nav{
		width: auto;
		padding-top: 10px;
	}

	#primary  ul ul{
		position: absolute;
	}


	.searchLang {
		width: auto;
		padding: 10px 0;
		position: static;
		float: right;
	}

	.searchLang > *{
			display: inline-block;
			padding: 0 0 0 10px;
			cursor: pointer;
		}

	.wrap {
		padding: 0 20px;
	}

	#primary.init{
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjgxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0.81) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf000000', endColorstr='#00000000',GradientType=0 ); /* IE6-8 */
	}

	body.menupage #primary.init{
	background: none;
	}


	.border{
			border-top: 4px solid white;
		}


	.border > *{
		margin-top: 10px
	}


	#primary.init .search svg path{
		fill: #ffffff;
	}

	#primary span,
	#primary a{
		color: white;
	}

	#primary .primary > ul > li{
		display: inline-block;
		vertical-align: top;
	}

	#primary .primary > ul > li:last-child{
		margin-right: 0;
	}

   	#primary .primary > ul > li{
   		margin-right: 19px;
		margin-right: 1.9rem;
	}



}

@media (min-width: 992px) {


	body:before{
		width: calc(100% - 60px);
	}

	

	#primary .logo,
	.openmenu #primary .logo,
	#primary .logo a svg{
		width: 215px;
		padding-right: 30px;
   	}
  

	.down #primary .logo{
		width: 50px;
	}

	#primary .border{
		width: calc(100% - 250px);
	}

   	.down #primary .border{
		width: calc(100% - 80px);
   	}


	

	#primary span,
	#primary a{	
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 10px;
	}

	#primary .primary > ul > li{
		margin-right: 2.5rem
	}
}


@media (min-width: 1150px) {
	#primary .primary > ul > li{
		margin-right:  5.5rem
	}
	.framebox .wappervideo {
    margin-top: 40px!important;
}

}
	

/* Search */


#search{
	position: fixed;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: black;
	display: table;
	opacity: 0;
	transition: opacity .5s ease;
	
}

#search .wrapMoteur{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
}


.closesearch #search{
	z-index: 1000;
}

.opensearch #search{
	opacity: 1;
	z-index: 1000;
}
.opensearch {
	opacity: 1;
	z-index: 1000;
}
.openframe{
	opacity: 1;
	z-index: 1000;
}
.open{

	opacity: 1;
	z-index: 1000;

}

#search .closeIck{
position: absolute;
right: 2em;
top: 2em;
}



#search input{
	background: none;
	border: none;
	border-radius: 0;
}

#search input[type="text"]{
	float: left;
	width: 90%;
max-width: calc(100% - 40px);
}

#search form{
	width: 80%;
	margin: 0 auto;
	padding: 5px 5px 5px 10px;
	border: 4px solid white;
	position: relative;
	max-width: 960px;

}


#search label{
	position: absolute;
	bottom: .2em;
	left: .5em;
	transition: bottom .5s ease;
	cursor: pointer;
}

#search.uplabel label{
	bottom: 3em;  
}

#search label,
#search input{
	font-size: 20px;
	font-size: 2rem;
	text-transform: uppercase;
}


#search input[type="submit"]{
	float: right;
	padding: 0;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: transparent url('../img/svg/loupe_w.svg') center no-repeat;
}





/** TEST INDEX */

#header-diapo article figure{
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		  width: 100%;
	    height: 100%;
	    z-index: 1;
}

#header-diapo article figure{
		position: absolute;
		top: 0;
		left: 0;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		  width: 100%;
	    height: 100%;
	    z-index: 1;
}


#header-diapo {
    background-color: black;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.without-diapo{
	padding-top: 120px;
}


#header-diapo  + #content{
	margin-top: 100vh;
	min-height: 100vh;
	background-color: white;
}

/*diapo ickamsterdam*/
#diaporama .diapo-nofull{
	    color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    /* text-align: center; */
    /* width: 80%; */
    z-index: 1000;
}

#diaporama .center .play a{
	background: url('../img/svg/play.svg')no-repeat center 95%;
    position: absolute;
    width: 120px;
    height: 80px;
    text-align: center;
    left: 0;
    margin-left: -75px;
    top: 20%;
    transition: transform .2s ease-out;
}
#diaporama .diapo-nofull .play a{
	background: transparent url('../img/svg/play.svg')no-repeat center 50%;
    position: absolute;
    cursor: pointer;
    width: 100px;
    height: 100px;
    text-align: center;
    text-indent: -9999px;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    /*to center we have the height of the image, margin left and top negative to the half of the height
    and left n top to the 50%*/
}

#diaporama .diapo-nofull .play a:hover{
	  opacity: .5;

}
/*#diaporama .owl-controls .owl-nav{
	  display: none;

}*/
@media (min-width: 786px){

/*#diaporama .diapo-nofull .play a{
	background: url('../img/svg/play.svg')no-repeat center 95%;
    position: absolute;
    width: 150px;
    height: 100px;
    text-align: center;
     text-indent: -9999px; 
    left: 0;
    margin-left: -75px;
    top: 45%;
    transition: transform .2s ease-out;


}
#diaporama .owl-controls .owl-nav{
	  display: block;

}*/
.without-diapo{
	padding-top: 150px;
}
}
@media (min-width: 992px){

/*#diaporama .diapo-nofull .play a{
	background: url('../img/svg/play.svg')no-repeat center 95%;
    position: absolute;
    width: 150px;
    height: 100px;
    text-align: center;
     text-indent: -9999px; 
    left: 0;
    margin-left: -75px;
    top: 45%;
    transition: transform .2s ease-out;


}

#diaporama .owl-controls .owl-nav{
	  display: block;

}*/
}











/*  partie footer   */

#footer {
	margin-top: 50px;
	background-color: #8b7744;
}
.imgfooter{
	display: block;

}

.footerlist {
	padding-bottom: 20px;
	background-color: #8b7744;
}
.footerlist .list-inline{
	 margin-left: 0;
}
.footerlist .list-unstyled img:hover{
opacity: .6;
}
.footerlist .list-inline > li {
    padding-left: 0;
    padding-right: 5px;

}


.footerlist h1, .footerlist h1 a {
    color: white;
    font-size: 20px;
    font-family: 'AvantGG';
}
.footerlist h2{
	color: black;
	font-size: 20px;
	margin-top: 5px;
}

.footerlist .logo-body a{
	color: white;
}

.footerlist .logo-body span {
    position: relative;
    font-family: 'AvantGG';
    font-size: 20px;
}

.footerlist .logo-body .mick {
    position: absolute;
    right: -100px;
    top: 0;
    width: 30px;
}

.footerlist p, .footerlist a{
	font-size: 14px;
	color: white;
	font-weight: normal;
}
.footerlist a:hover{
color: #cec9c9;
}

.breveInstagram{
	margin-left: auto;
    margin-right: auto;
    position: relative;
/*container of all images*/
}



/*instagram footer*/
.ickInstagram{
	margin: 0 -20px;
}
.breveInstagram .img img {
 
   	width: 100%;
    height: auto;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    transition: .3s ease-in-out;
	/*images*/
}
.breveInstagram .img { 	   
   	padding: 20px;
    float: left;
    width: 50%;
    height: auto;
    margin-bottom: 20px;
    /*div for each image*/
}

.footerlist .ickk{
	font-size: 14px;
	padding-top: 10px;
}

.breveInstagram .img:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}
@media (min-width: 768px) {
	.footerlist .pract-information > ul > li {
	float:left;
	width: 50%;
	padding-right: 5px;
}

.footerlist ul > li {
	line-height: 1.6;
}

.ickInstagram{
	margin: 0 -20px;
}
.breveInstagram .img img {
 
   	width: 100%;
    height: auto;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    transition: .3s ease-in-out;
	/*images*/
}
.breveInstagram .img { 	   
   	padding: 20px;
    float: left;
    width: 25%;
    height: auto;
    margin-bottom: 20px;
    /*div for each image*/
}


}

.footerlist .pract-information > ul > li a {
	display: inline-block;
}

.footerlist ul{
	margin:0;
}

.footerlist ul > li a {
	margin-top: 5px;
	line-height: 1.3;
	display:inline-block;
}

@media (min-width: 992px) {
	.footerlist .pract-information > ul > li {
	width: 33.333%;
}
.breveInstagram .img img {
 
   	width: 100%;
    height: auto;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
    transition: .3s ease-in-out;
	/*images*/
}
.breveInstagram .img { 	   
   	padding: 20px;
    float: left;
    width: 12.5%;
    height: auto;
    margin-bottom: 20px;
    /*div for each image*/
}



}
.closing-bord{
	border-bottom: 1px solid black;
	padding-bottom: 10px;
    padding-top: 10px;
}

/*ick data*/
.ick > p:first-child {
	margin-top: 10px;
}
/*.footerlist .adresse > span {
    display: inline-block;
    float: left;
    margin-right: 20px;
}*/
.footerlist .adresse span{
	color: white;
	font-size: 14px;
}

.ick {
	text-align: left;
	margin-top: 10px;
	margin-left: -10px;
}

.footerlist .ick-conn{
text-align: left;
}
.ick-conn div a{
	text-align: left;
}



.ick #imgbnm{
    height: 55px;
    width: auto;
    padding-right: 10px;

}


.ick #imgspacedance{

    height: 80px;
    width: auto;
    padding-bottom: 20px;
}


.ick #imgmeer{

    height: 80px;
    width: 150px;
    padding-bottom: 20px;
}




.ick a:hover #imgbnm{
opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.adresse a:hover #imgmeer{
opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

.footerlist .ick p {
display: inline-block;


}
.footerlist.contact{
	padding-top: 2px;
}

/* effet Vignette */

article > header > a{
	display: block;
}

a figure.vignette img{
	width: 100%;

	opacity: 1;
    will-change: transform, opacity;
	transition: all .3s ease;
}



a figure.vignette{
	overflow: hidden;
	transition: all .3s ease;
	background-color: black;
	display: block;
}

.btngolden a{
	display: inline-block;
    background-color: #8b7744;
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px 25px;
 
   
}
.btngolden {
    /*margin-top: 30px;*/
    margin-bottom: 15px;
    text-align: center;
    border-top: 3px solid #8b7744;
    padding-bottom: 15px;
}

a:hover figure.vignette img{
	 opacity: .4;
	transform: scale(1.05, 1.05);
}
.performance-left, .teamHeader .performance-left{
 padding-right: 10px;
}
.performance-right, .teamHeader .performance-right{
 padding-left: 10px;

}
#performances article:nth-child(2n+3) {
	clear: left;
}

.performance-event a{
	color: #8b7744;
	cursor: pointer;

}
.performance-event a:hover{
opacity: .5;
}
@media (min-width: 768px) {

.performance-left, .teamHeader .performance-left{
 padding-right: 10px;
}
.performance-right, .teamHeader .performance-right{
 padding-left: 10px;

}
.performance-event{
    padding-left: 40px;
}
	
	}
@media (min-width: 992px) {
.performance-left, .teamHeader .performance-left{
 padding-right: 20px;
}
.performance-right, .teamHeader .performance-right{
 padding-left: 20px;

}
.performance-event{
    padding-left: 40px;
}


}

/*bloc read more*/

.read-more-toggle{
	color: #8b7744;
	border-top: 1px solid black;
	padding-top: 15px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 15px;
	font-size: 15px;
	text-transform: uppercase;
	font-family: 'AvantGG'!important;
}



.read-more-header{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.read-more-title{
	border-top: 1px solid black;

}
.read-more-text{
	margin-top: 15px;
}
.read-more-content {
  display: none;
}
.principal-text{
	font-size: 16px;
}




/**/
/* bloc onglet */
aside .ongletHeader{
	cursor: pointer;
}
.onglet > *{
	border-bottom: 1px solid black;
	position: relative;
	padding-bottom: 10px;
}

.withoutarrow svg{
	
		display: none;
	
}
.team-ick >* {
	border-bottom: none;

}
.team-ick h2{
	color: black!important;
}


.onglet .ongletHeader{
	padding-right: 40px;
}
	
.onglet.contenu .ongletHeader{
	cursor: pointer;
}


.ongletHeader p{
	font-family: Arial;
}
.information-perf p{
	font-family: Arial;
}
.ongletfirst{
/*	border-top: 1px solid black;
*/}

.sectionteam .row .row-tab:after{
	content: "";
	display: table;
	clear: both;
}
.sectionteam .onglet article{
	margin-right: 10px;
}
.sectionteam .row div:nth-child(4n+5)
{
	clear: left;
}
.onglet.team-ick{
	padding-bottom: 30px;
}

/**/

.onglet.contenu .ongletHover .ongletHeader h2, 
.onglet.contenu .ongletHeader h2:hover{
	color: #8b7744!important;
}
.onglet.contenu .ongletHover .ongletHeader p:last-child, 
.onglet.contenu .ongletHeader p:last-child:hover{
	color: #8b7744!important;
}
.onglet.contenu .ongletHover .ongletHeader p.date-event, 
.onglet.contenu .ongletHeader p.date-event:hover{
	color: #8b7744!important;
}
.onglet.contenu .ongletHeader:hover + div + .arrowOnglet,
.onglet.contenu .arrowOnglet:hover{
	fill: #8b7744;
}
.onglet.artist .ongletHeader:hover + div + .arrowOnglet,
.onglet.artist .arrowOnglet:hover{
	fill: #8b7744;
}
.onglet.artist .ongletHover .ongletHeader h2, 
.onglet.artist .ongletHover .ongletHeader h1, 
.onglet.artist .ongletHeader h1:hover
.onglet.artist .ongletHeader h2:hover{
	color: #8b7744!important;
}

/**/
/*.onglet.contenu .ongletHeader:hover,
.onglet.contenu .ongletHover .ongletHeader:hover{
	fill: #8b7744;
}

.onglet.contenu .ongletHeader:hover + div + .arrowOnglet,
.onglet.contenu .arrowOnglet:hover{
	fill: #8b7744;
}*/


.bord h1{
	border-top: 1px solid #323232;
	padding-top: 15px;
}
.bord h2{
	color: black!important;
	margin-top: -5px;
}
.bord p.author{
font-size: 18px;
text-transform: uppercase;
color: black;
margin-top: -34px;
}
#bordr{
	border-top: 1px solid black;
	padding-bottom: 25px;
}
#wborder{
	border-top: 1px solid black;
}
.ickOnglet{
	padding-bottom: 110px;
}
.optional{
	padding-bottom: 18px;
	padding-top: 35px;
}
.optional.golden-title aside p{
	max-width: 100%;
}
.optional.golden-title.event p{
	max-width: 100%;
}

.optional p{
	max-width: 100%;
/*	text-align: justify;
*/}
@media(min-width: 768px){
	.optional p{
	  max-width: 60%;
	}
}
/*legal mention*/
.sectionLegalM{
	padding-bottom: 90px;
}

/*events*/
.event{
	border-top: 1px solid black;
	padding-top: 15px;


}
.ongletVideoPortrait{
	border-bottom: 1px solid black;
	padding-bottom: 15px;
}
.next-performance .text-bicolor, .text-bicolor{
	margin-top: -5px;
	color: #8b7744;
}

.next-performance{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
}
.information-perf{
	border-bottom: 1px solid black;
	padding-bottom: 10px;
}
.information-perf .golden-title, .ongletHeader .golden-title {
	color: #8b7744;
}
/*agenda btn*/
.go-agenda{
	margin-bottom: 15px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 10px;
	
}
.go-agenda a{

    font-size: 15px;
    color: #8b7744;
    text-transform: uppercase;
    
}
.date{
	font-size: 16px;
    text-transform: uppercase;
    color: black;
    padding-top: 5px;
    margin-bottom: 5px;

}
.time{
	margin-top: -10px;
    padding-bottom: 15px;
}

.name-event{
	margin-top: 0;
	font-size: 30px!important;
}
.tag, .place{
	margin-top: -5px;
}
.place{
	padding-bottom: 10px;

}
.subtitle{
	font-size: 18px;
	text-transform: uppercase;
	color: black;
	margin-top: -10px;
	font-family: 'AvantGG'!important;
}
.read-more-header.golden-title .subtitle{
	font-size: 20px;
	margin-top: -20px;
}
.read-more-header.golden-title .artist{
	font-size: 18px;
	margin-top: -10px;
}
.biography{
	font-size: 18px;
	text-transform: uppercase;
	margin-top: -5px;
	padding-bottom: 5px;
}
.date-event{
	font-size: 18px;
	text-transform: uppercase;
	color: black;
	padding-top: 10px;
	margin-bottom: -16.5px;
	font-family: 'AvantGG'!important;
}
.agende .artist{
		margin-top: -20px;

}
.agende-vignette{
	padding-bottom: 20px;

}
@media(min-width: 992px){
	.sectionteam .row .row-tab:after{
	content: "";
	display: table;
	clear: none;
	float: left;
}

}

/* gestion ccs slideUp et Slide Down */

.onglet .ongletContent{
   	overflow-y: hidden;
	max-height: 0; 
	transition: all .5s ease-out;
	padding-right: 40px;
}
.info .ongletTeamContent{
   	overflow-y: hidden;
	max-height: 0; 
	transition: all .5s ease-out;
	padding-right: 40px;
}
.ongletContent p{
text-transform: initial;
max-width: 100%;
}
.ongletContent a{
font-family: Arial;
text-decoration: underline;
}
.ongletTeamContent p{
text-transform: initial;
padding-bottom: 18px;
}

.onglet .openOnglet > div{
   	max-height: 9999px;  
   	padding-bottom: 8px;		
}
.info .openOnglet > div{
   	max-height: 9999px;  		
}
.onglet h2{
	font-size: 18px;
	color: black;
	margin-bottom: 5px;

}
.info h2{
	font-size: 18px;
	color: black;

}



.onglet .arrowOnglet{
	right: 0;
	bottom: 0;
	cursor: pointer;
	z-index: 10;
	position: absolute;
	right: 0;
	bottom: 8px;
	transition: transform .2s ease-out;
}

.onglet .openOnglet .arrowOnglet{
    transform: rotate(180deg);
}


/*bloc team ick*/

.onglet.teamick{
	border-bottom: transparent;
}

article > header {
	display: block;
}
.teamHeaderick.ongletHeader{
	padding-right: 0;
}
.teamHeaderick h3{
	margin-top: -5px;
}

figure.figureteamick img{
	width: 100%;

	opacity: 1;
    will-change: transform, opacity;
	transition: all .3s ease;
}

figure.figureteamick{
	overflow: hidden;
	transition: all .3s ease;
	background-color: black;
	display: block;
}


a:hover figure.figureteamick img,
figure.figureteamick img:hover{
	 opacity: .4;
	transform: scale(1.05, 1.05);
}
.teamHeader{
	border-bottom: 1px solid black;
	padding-top: 20px;
    margin-bottom: 20px;
   	width: 100%;
}

a:hover header.teamHeader h1{
	color: #8b7744;
}
/*.makers-section article:nth-child(odd){
	padding-left: 25px;
}
.makers-section article:nth-child(even){
	padding-right: 25px;
}*/
.teamHeaderick .email{
	color: #8b7744;
	margin-top: -5px;
	font-family: 'AvantGG'!important;
}

/*bloc artists*/
.teamHeader h1{
	text-align: center;
	color: black;
    font-size: 20px;
    font-size: 2rem;
}

.onglet.artist{
	border-top: 1px solid black;
	margin-top: 90px;
}
.info.artist{
	border-top: 1px solid black;
	margin-top: 90px;
}
.onglet.artist.intro_page{
	margin-top: 0;
	margin-bottom: 90px;

}

@media(min-width: 768px){
.onglet.artist{
	border-top: 1px solid black;
margin-top: 0;
}
.onglet.artist.intro_page{
	margin:0;
}
.onglet.artist {
    border-top: 1px solid black;
    margin-top: 90px;
}
}
@media(min-width: 992px){
.onglet.artist{
	border-top: 1px solid black;
	margin-top: 0;
}
}
.onglet.artist h1, .ongletVideoPortrait h1{
	padding-bottom: 15px;
}
/*.artists{
	border-bottom: 1px solid black;
}*/

.actions-artists li, ul>li{
	list-style-type: none;
}

.navArtist{
	border-top: none;
}
.navArtist li{
   display: inline;
}
.navArtist a{
	color: black;
}
.artist{
	font-size: 20px;
	text-transform: uppercase;
	color: black;
}

.artist .ongletContent{
	text-transform: none!important;
}

.navArtist a:hover{
	color: #8b7744;
}
.social-net{
	text-align: right;

}
.actions-artists{
	float: left;
	margin-left: -40px;
}
.actions-artists a{
	padding-right: 10px;
}
.artists-direc h1{
font-size: 30px;
}
.artist-bigimage img{
	width: 100%;
	/*height: 500px;*/

}


/*bloc next performances*/
.next-perf-artists, .events-artists{
	margin-top: 90px;
}



.next-performance h1{
	
	display: initial;
	
}
.big-title h1{
color: #8b7744;
font-size: 30px;
text-align: center;
margin-bottom: 20px;
}

.big-title-lf h1{
color: #8b7744;
font-size: 30px;
text-align: left;
margin-bottom: 20px;	
}
.big-title-black-lf h1{
font-size: 30px;
text-align: left;
margin-bottom: 20px;

}

.big-title-bl h1{
font-size: 30px;
text-align: center;
color: black;
margin-bottom: 20px;

}
.big-title-bl{
font-size: 30px;
text-align: center;
color: black;
display: block;
margin-bottom: 20px;


}
@media(min-width:768px){
.big-title h1, .big-title-lf h1, .big-title-black-lf h1, .big-title-bl h1, .big-title-bl{
font-size: 30px;

}
}
/*bloc list productions*/



/* listing creations */

/*events*/
.events {
	border-left: none;
	padding-left: 15px;
	margin-top: 30px;
}
.events article p {
	margin-bottom: 0;
}
.events article p:last-child{
	margin-bottom: 20px;
}
@media (min-width: 768px) {


	.liste article {
	margin-right: 10px;
	}

	article figure.col-sm-4 {
	padding-right:15px;
	}

	.events {
	border-left: 1px solid #000;
	padding-left: 25px;
	margin-top: 0;
	}
	@media (min-width: 992px) {


	/*.liste article {
	margin-right: 30px;
	}*/

	.events {
	padding-left: 40px;

}


}

	.framebox .wappervideo {
    margin-top: 40px!important;
}
.footerlist .adresse > p {
    display: inline-block;
    margin-top: 0;

}
}





/* fiche video */

.videoframe .videoWarpper{
 	display: inline-block;
    max-height: 90%;
    max-width: 90%;
    vertical-align: middle;
}


.videoframe .center{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
    width: 1px;
}

.dyn{
	position: absolute;
	 position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.framebox, .video-content {
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: black;


	text-align: center;
	z-index: 1000;

	top: 0;
	left: 0; 
 transition: opacity  .8s  ease;
}


.framebox .closeIck {
    position: absolute;
    right: 2em;
    top: 2em;
}

.openframe .framebox{
	opacity: 1;
}

/*for video section in home*/



/*play video*/
.play-video {
    position: relative;
    cursor: pointer;
}


.play-video .play{
/*	width: 80px;
    height: 80px;*/
    -moz-border-radius: 50%;
    position: absolute;
    top: 50% !important;
    left: 50%;
    cursor: pointer;
    margin-top: -25px;
    margin-left: -25px;
    transition: transform .2s ease-out;
}

@media (min-width: 786px){

.play-video .play{
	width: 60px;
    height: 60px;
    -moz-border-radius: 50%;
    position: absolute;
    top: 50% !important;
    left: 50%;
    cursor: pointer;
    margin-top: -25px;
    margin-left: -25px;
  transition: transform .2s ease-out;

}
}
@media (min-width: 992px){

.play-video .play{
	width: 80px;
    height: 80px;
    -moz-border-radius: 50%;
    position: absolute;
    top: 50% !important;
    left: 50%;
    cursor: pointer;
    margin-top: -25px;
    margin-left: -25px;

}
}

.play-video img{
	height: 100%;
    width: 100%;


}
.play-video .play:hover{
	  opacity: .5;

}


.btnplayvideo{
    position: absolute;
    right: 0;
    height: 30px;
    bottom: 15;
    padding-bottom: 5px;   
    transition: transform .2s ease-out;


}

h2:hover .btnplayvideo{
	  opacity: .5;

}



/*@media (min-width: 992px)
.play-video .play {
    top: 75% !important;
}
@media (min-width: 768px)
.play-video .play {
    top: 80% !important;
}
*/

/*.play-video:hover .play{
	border: 2px solid #999;
	color: #999;
}*/

/*vignettes productions*/


.listingcrea article{
	position: relative;
    padding-bottom: 20px;

    
}
/*.listingcrea article:nth-child(2n+3){
	padding-right: 20px;

}
.listingcrea article:nth-child(1n+2){
	padding-left: 20px;

}*/

.listingcrea.big-vignette article{
	padding-right: 0;
	padding-left: 0;
}

.listingcrea article header{
	position: absolute;
	width: 100%;
	text-align: center;
}

article .more a{

    font-size: 15px;
    position: absolute;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    left: 42%;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 40px;
    background-color: #8b7744;
    /*width: 15%;*/
    height: auto;

}
article .more{
	margin-bottom: 15px;
    text-align: center;
    padding-bottom: 15px;
}

.no-touch article:hover .more  a{
		opacity: 0;
		background-position: center 70%
}

.touch article .more a{	
opacity: 0;
}

/*.no-touch .listingcrea  article:hover .more  a{
		opacity: 0;
		background-position: center 70%
}*/


/*btn read more*/
.no-touch article .more a{	
    opacity: 0;
   
}
@media (min-width: 768px){

.no-touch article .more a{
	font-size: 15px;
    position: absolute;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    bottom: 40px;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #8b7744;
/*    width: 25%;
*/    opacity: 0;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, -80%);
    transition: all .3s ease;
   
}
.no-touch .listingcrea  article:hover .more  a{
		opacity: 1;
		background-position: center 70%
}
.touch article .more a{
	
opacity: 0;
}

}

@media (min-width: 992px){
	.no-touch article .more a{
	font-size: 15px;
    position: absolute;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    /* left: 42%; */
    padding-left: 10px;
    padding-right: 10px;
    bottom: 40px;
    background-color: #8b7744;
    /*width: 25%;*/
    opacity: 0;
    height: auto;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, -80%);
    transition: all .3s ease;
   
}
.no-touch .listingcrea  article:hover .more  a{
		opacity: 1;
		background-position: center 70%
}
.touch article .more a{
	
opacity: 0;
}
}


article figure.vignette{
	overflow: hidden;
	transition: all .3s ease;
}

 article:hover figure.vignette{
	background-color: black;
}



article figure.vignette img{
    opacity: 1;
    will-change: transform, opacity;
	transition: all .3s ease;
}
article:hover figure.vignette img{
	opacity: 0.5;
	transform: scale(1.05, 1.05);
	background-color: black;

}
.no-touch article:hover figure.vignette img{
	opacity: .4;
	transform: scale(1.05, 1.05);

}



.listingcrea article header *{
	margin: 0;
	text-transform: uppercase;
	color: white;
}

.listingcrea article header{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s ease;
	z-index: 10;
	position: absolute;
    width: 100%;
    text-align: center;
}

.listingcrea h1 {
	padding-left: 20px;
	padding-right: 20px;
}
.title-vign h1{
	font-size: 3vw;
}
.listingcrea p{
	/*font-size: 30px;*/
	margin-bottom: 10px;
}
.author::before { 
     display: block;
    content: '';
    background: white;
    height: 2px;
    /* margin-top: -20px; */
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 10px;
    margin-top: 10px;
}
.listingarea p.author::before { 
   content: "#";
   border: solid 1px white;
   padding: 2px;
   margin: 0 10px 0 0;
}
.listingcrea h2:first-of-type {
 /*	border-style: solid;
    border-bottom-width: 5px;
    border-top: none;*/

}


.listingcrea article header figure {
	padding-left: 30px;
	padding-right: 30px;

}

article figure.vignette {
    overflow: hidden;
    transition: all .3s ease;

}
article figure.vignette img {
    opacity: 1;
    will-change: transform, opacity;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    /* transition: all .3s ease; */
}
/*this is part of modernizr (no touch)*/

.no-touch .listingcrea article:hover header{
	top: 20%;
	transform: translate(-50%, 0);
}
.touch .listingcrea article:hover header{
	top: 20%;
	transform: translate(-50%, 0);
}
.no-touch .listingcrea article:hover .more a{
	bottom: 30%;
	transform: translate(-50%, 0);
}
.touch .listingcrea article:hover .more a{
	bottom: 30%;
	transform: translate(-50%, 0);
}

.listingcrea article header {
    position: absolute;
    width: 100%;
    text-align: center;
}

.listingcrea .artists-direc h1{
font-size: 30px;
}
.listingcrea header.title-vign h1{
	font-size: 15px;
}

@media(min-width:768px){
.listingcrea .artists-direc h1{
font-size: 30px;
}
.listingcrea header.title-vign h1{
	font-size: 25px;
}
}
@media(min-width:992px){
.listingcrea .artists-direc h1{
font-size: 30px;
}
.listingcrea header.title-vign h1{
	font-size: 30px;
}
}

.listingcrea .subtitle{
	font-size: 10px;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 75%;
    
}
.listingcrea h1{
	padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    
}

.listingcrea .author{
	font-size: 10px;
   
}



/*productions responsive*/
@media (min-width: 768px){
.listingcrea h1 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 23px;
}
.listingcrea .subtitle{
	font-size: 12px;
	position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;

}
.listingcrea .author{
font-size: 12px;
}
article .more{
	display: none;
}
}
@media (min-width: 992px){
	.listingcrea h1 {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 25px;
}
.listingcrea .subtitle{
	font-size: 20px;
	position: relative;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
}
.listingcrea .author{
font-size: 20px;

}
article .more{
	display: block;
}
}




/*news ick*/
.text-news{
	padding-bottom: 50px;
}

.text-news p a,
.text-news a span{
	text-decoration: underline;
}
.text-news .subtitle{
	margin-top: -20px;
}
.read-more-content{
	padding-bottom: 8px;
}
.read-more-content a{
	color: #8b7744;
}
.read-more-content a:hover{
opacity: .5 
}
.vignette-news{
		padding-bottom: 50px;
}
/*about ick*/
.text-academy{
	margin-top: 90px;
	margin-right: 20px;
}

.page-rub .text-academy{
	margin-top: 0;
	margin-bottom: 50px;
	margin-right: 0;

}

.academy-content{
	padding-top: 90px;
} 

.ick-content{
	padding-top: 150px;
}
.academy-content article{
	padding-right: 20px;
}
.ick-content article{
	padding-right: 20px;
}
.academy-content div.col-sm-12.col-md-4{
	margin-top: 90px;
}
@media(min-width: 768px){
.academy-content div.col-sm-12.col-md-4{
	margin-top: 70px;
}
}
@media(min-width: 992px){
	.academy-content div.col-sm-12.col-md-4{
	margin-top: 0;
}
}
.agende-vignette article{
	padding-bottom: 10px;
}
.collab-fiche{
	margin-top: 50px;
}
/*diaporama*/


.down #header-diapo {
    pointer-events: none;
}



#header-diapo {
    background-color: transparent;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: black;
}

#header-diapo  + #content{
	margin-top: 100vh;
	min-height: 100vh;
	background-color: white;
}

#diaporama figure{
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
}



	#diaporama .owl-nav > *, .minidiapo .owl-nav > *{
	display: none;
}
#diaporama .owl-nav .owl-prev{
		display: none;
}

#diaporama .owl-nav .owl-next{
		display: none;
}

@media(min-width: 768px){
		#diaporama .owl-nav > *, .minidiapo .owl-nav > *{
	width: 100px;
		height: 150px;
		position: absolute;
		top: 50%;
		margin-top: -75px;
		text-indent: -99999px;
}
#diaporama .owl-nav .owl-prev{
		left:0;
}

#diaporama .owl-nav .owl-next{
		right:0;
}

#diaporama .owl-nav > *:after{
		content:'';
		display: block;
		width:70px;
		height:200px;
		position: absolute;
		top: 50%;
		margin-top: -50px;
		background-repeat: no-repeat;
		background-position: center;
}

#diaporama .owl-nav .owl-next:after{
		right:0;
		background-image: url('../img/svg/arrow_right_big_w.svg');
}

#diaporama .owl-nav .owl-prev:after{
		left:0;
		background-image: url('../img/svg/arrow_left_big_w.svg');
}
}
/*mini carousel and network content*/

.network-carous{
	margin-top: 90px;
}


.work-vign{
margin-top: 90px;
}

@media(min-width: 768px){
.work-vign{
margin-top: 90px;

}
}
@media(min-width: 992px){
.work-vign{
margin-top: 0;

}	
}

#mini-carousel ul.owl-carousel{
	padding: 0;
}
.owl-carousel li{
    list-style-type: none;
    background-image: none;
    margin-bottom: 20px;
}
.mini-carrusel .bord-img {
    display: block;
    height: 0;
    padding-bottom: 66%;
    position: relative;
    width: 100%;
    border: 2px solid black;
    margin-bottom: 10px;
    transition: border-color .15s linear;
}
.bord-img span {
    display: table;
    height: 100%;
    /*width: 100%;*/
}
.bord-img img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 80%;
    max-width: 80%;
    width: auto!important;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.mini-carrusel a .cadreimg:hover  {
    border-color: #e94f41;
}


#mini-carousel .owl-nav > *{
   
    text-indent: -99999px;
}
#mini-carousel .owl-controls .owl-nav .owl-next{
	position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 60;
    height: 150px;
    width: 100px;
    background-image: url('../img/svg/arrow_right_big_b.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    right: -10px;

}
#mini-carousel .owl-nav .owl-prev{
	    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 60;
    height: 100px;
    width: 100px;
    margin-left: -40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('../img/svg/arrow_left_big_b.svg');

}
/*#mini-carousel .owl-controls .owl-nav .owl-next{
	display: none;

}*/
#mini-carousel .owl-nav .owl-prev{
/*	display: none;
*/
}
#mini-carousel .owl-stage{
	padding-right: 0!important;
	padding-left: 0!important;
}
#mini-carousel .owl-item .carous-link a{
color: #8b7744;
padding-top: 0;
text-transform: uppercase;
}
#mini-carousel .owl-item p{
	text-transform: uppercase;
	margin-bottom: 0;
}
@media (min-width: 768px) {
#mini-carousel .owl-controls .owl-nav .owl-next{
	position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 60;
    height: 150px;
    width: 100px;
    background-image: url('../img/svg/arrow_right_big_b.svg');
    background-position: 100% 0;
    background-repeat: no-repeat;
    right: -10px;

}
#mini-carousel .owl-nav .owl-prev{
	    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 60;
    height: 100px;
    width: 100px;
    margin-left: -40px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url('../img/svg/arrow_left_big_b.svg');

}
#mini-carousel .owl-stage{
	padding-right: 0!important;
	padding-left: 0!important;
}
}

@media (min-width: 992px) {
#mini-carousel .owl-stage{
	padding-right: 0;
	padding-left: 0;
}

}


/*diaporamas content*/
#header-diapo .header-diapo-title {
    position: absolute;
}

.header-diapo-title {
    will-change: top;
}

#header-diapo .header-diapo-title p{
	margin-bottom: 0
}
.header-diapo-title a{
	display: inline-block;
}

#header-diapo .header-diapo-title .title a{
    font-size: 90px;
     font-size: 5rem; 
     font-size: 4.5vw; 
    line-height: 1.2;
    text-transform: uppercase;
}

.header-diapo-title .artiste a{
	text-transform: uppercase;
	font-size: 30px;
	font-size: 2.5vw;

	padding-left: 20px;
	padding-right: 20px;
}
/*#gocontent a{
display: block;
}*/

@media(min-width: 992px){
/*#gocontent a{
display: block;
}*/	
}
/*@media(min-width: 768px){*/
#gocontent a{
	text-indent: -9999px;
	width: 90px;
	height: 23px;
	background: transparent url('../img/svg/arrow_down_big_w.svg') no-repeat center;
	display: inline-block;
	transition: .3s opacity;
	opacity: 1;
}


/*}*/

#header-diapo .header-diapo-title a,
#header-diapo .header-diapo-title,
#gocontent a{
	color: white;
}

#header-diapo .header-diapo-title a:hover{
	text-decoration: none;
}

#header-diapo .header-diapo-title,
#gocontent{
	text-align: center;
	width: 70%;
	z-index: 10;
	margin-left: 15%;
	margin-right: 15%;
	position: absolute;
	bottom: .5em;
}





.down #gocontent a{
	opacity: 0;
}

.down #header-diapo {
    pointer-events: none;
}



/*videos*/

 video#bgvid{
  position: absolute; 
  right: 0; 
  bottom: 0;
  left: 0;
  right:0;
  margin: auto;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto; 
  z-index: -1;
  background-color: black;
}
.video-link{
	cursor: pointer;
	font-size: 25px;
	color: black;
	padding-bottom: 10px;

}
.video-link:hover{
color: #8b7744!important;
}
#media-video{
	border-bottom: 1px solid black;
}
.fiche-video{
	padding-top: 50px;
	margin-bottom: 13px;
	text-align: center;
}
/*section agendas*/
/*performances*/
.agenda-ick .events h1:first-child {
    padding-bottom: 0;
}
.agenda-ick .list{
	padding-right: 20px;
}
.lienFocus{
	color: #8b7744;
}
@media(min-width: 768px){
	.agenda-ick .events h1:first-child {
    padding-bottom: 95px;
}

}

.agende-vignette .date-perf{
    font-size: 18px;
    margin-bottom: -17px;
    font-family: 'AvantGG'!important;
    text-transform: uppercase;
}
.agende-vignette .name-perf{
font-size: 22px;
}
.agende-vignette .artist-perf{
	text-transform: uppercase;
    font-size: 18px;
    margin-top: -30px;
    font-family: "AvantGG"!important;

}
.agende-vignette .place-perf{

}
.agende-vignette .time-perf{
margin-top: -5px;
}
.agende-vignette .extraline{
    margin-top: -5px;
}
.agende-vignette {
   padding-right: 0;
   padding-left: 0;
}
@media(min-width: 768px){

}




/*events*/
.date-agen{
	    font-size: 18px;
	    font-family: 'AvantGG'!important;
	    text-transform: uppercase;
}
.name-agen{
	font-size: 22px!important;
    /* margin-bottom: -9px!important; */
    margin-top: 0;
}
.subtitle-agen{
        text-transform: uppercase;
    font-size: 18px;
    margin-top: -20px;
    font-family: "AvantGG"!important;
    /* padding-bottom: 10px; */

}
.place-agen{
margin-top: -10px;
}
.time-agen{
    margin-bottom: 20px!important;
    margin-top: 5px;
}
/*filter*/
.btnfilter{
    float: none;
    padding-right: 200px;
    height: auto;
    width: auto;

}
.btnfilter h3{
	display: inline-block;
    font-size: 20px;
    position: relative;
    padding-right: 40px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #000;
    margin-top: 5px;
    margin-bottom: 15px;
}
@media(min-width: 768px){
	.btnfilter h3{
		display: inline-block;
	}
}

@media(min-width: 992px){
.btnfilter h3{
		display: none;
	}	
}




/*
.filter{
	padding-bottom: 50px;
	display: none;
}
@media(min-width: 768px){
	.filter{
		display: none;
	}
}
@media(min-width: 992px){
.filter{
		display: block;
	}
}



.filter div {
	float: none;
	margin-right: 10px;
}
.filter div:last-child{
	float: none;
}
@media (min-width: 768px){
.filter div {
    float: none;
    margin-right: 10px;
    bottom: 10px;
    cursor: pointer;
}
.filter div:last-child{
	float: none;
}
}
@media (min-width: 992px){
.filter div {
    float: left;
    margin-right: 10px;
    bottom: 10px;
}
.filter div:last-child{
	float: none;
}
}

.filter div:nth-child(5n+1) {
    clear: both;
}
@media(min-width: 1415px){

.filter div:nth-child(2n+1) {
    clear: none;
}
.filter div:last-child{
	float: right;
}

}
*/


.arrowimg, .btnfilter .arrowimg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px!important;
    right: 10px;
    background-image: url('../img/svg/Ick_arrow_down_small.svg');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: transform .2s;
}
.arrowimg.opentext, h3.opentext .arrowimg{
	bottom:0;
  	transform: rotate(180deg);
}

.arrowimg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px!important;
    right: 10px;
    background-image: url('../img/svg/Ick_arrow_down_small.svg');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: transform .2s;
}
.arrowimg.opentext, h3.opentext .arrowimg {
	bottom:0;
  	transform: rotate(180deg);
}

.filter-section{
	padding-right: 20px;
}

.filter-border{
	display: block;
	height: 1px;
	background-color: black;
}

.filter .filter-wrapper{
	display: flex;
	margin: 18px -6px;
	padding: 0;
	flex-wrap: wrap;
	flex-direction: column

}

.filter .filter-wrapper .filter-item{
    font-size: 18px;
    position: relative;
    text-transform: uppercase;
    font-family: "AvantGG";
    margin: 10px 0;
    padding: 0 6px;
    position: relative;
}


.filter .filter-item .filter-content{
    padding: 5px 10px;
    display: block;
    border: 1px solid #000;
    height: 1.8em;
    display: flex;
    justify-content: space-between;
}

.filter .filter-item .filter-content .icon-arrow{
	margin-left: 10px;
    line-height: .6;
}

.filter .filter-sub-menu ul{
    padding: 0 0 5px 0;
}


.filter .filter-sub-menu{
    padding: 5px 0;
}


.filter .filter-item .filter-sub-menu li a:hover{
 	opacity: .5;
}


.filter .filter-item .filter-content.active,
.filter .filter-item .filter-content:hover{
    background-color: black;
    color: white;
}

.filter .filter-item .filter-content.active svg,
.filter .filter-item .filter-content:hover svg{
    fill: white;
}


.filter .filter-item .filter-sub-menu{
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
   	background-color: white;
   	min-width: 100%;
   	z-index: 1000;
}

.filter .filter-item .filter-sub-menu li{
 	padding-left: 5px;
  	padding-right: 5px;
}

.filter .filter-item input:checked ~ .filter-sub-menu{
    max-height: 999999px;
    visibility: visible;
    opacity: 1;
}

.filter .filter-item input ~ label .icon-arrow svg{
	transition: transform .3s linear;
}

.filter .filter-item input:checked ~ label .icon-arrow svg{
	transform: rotate(-180deg);
}


.filter .filter-item label{
    cursor: pointer;
    align-items: center;

}


.filter .filter-item span{
 	height: .8em;
	line-height: 1;
}


.filter h3.filter-item{
	  padding-right: 40px;
}

.filter h3 .arrowimg {
	/*right:0;*/
	bottom: 4px;
}



.filter ul.sub-menu a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}

.filter ul.sub-menu {
	display: none;
	max-width: 100px;
}

.filter .texthide {
	padding-top: 0;
}
.filter .texthide li{
	padding-bottom: 2px;
}

/*filter agenda dance*/
.filter-dance{
	padding-bottom: 50px;
}
.filter-dance div {
	float: none;
	margin-right: 10px;
}


@media (min-width: 768px){
.filter-dance div {
    float: left;
    margin-right: 10px;
    bottom: 10px;
}

.arrowimg {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    background-image: url('../img/svg/Ick_arrow_down_small.svg');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    transition: transform .2s;
}
.arrowimg.opentext, h3.opentext .arrowimg {
	bottom:0;
  	transform: rotate(180deg);
}

.filter .filter-wrapper{
	flex-direction: row
}

	.filter .filter-wrapper .filter-item{
		flex-basis: 50%;
	}

}

@media (min-width: 992px){



	.filter .filter-wrapper .filter-item.filter-archive{
		margin-left: auto;
	}

	.filter .filter-wrapper .filter-item{
	margin: 0;
			flex-basis:auto;

	}
}


.filter-dance h3 .arrowimg {
	/*right:0;*/
	bottom: 4px;
}


.filter-dance h3 {
	display: inline-block;
    font-size: 20px;
    position: relative;
    padding-right: 40px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #000;
    margin-top: 5px;
    margin-bottom: 5px;
    /* text-align: center; */
}
.filter-dance ul a {
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
.filter-dance ul {
	display: none;
	max-width: 149px;
}

.filter-dance .texthide {
	padding-top: 0;
}

/*Internet Explorer 9*/

 // IE9 CSS
 .ie9 #performances article{
/*here*/



 }


/*filter vignettes*/
.calendrier .tour .liste .active {
    display: block;
}
.calendrier .tour .liste article {
    display: none;
}
.liste .event{
	border-bottom: none;
}
@media (min-width: 992px){
.liste article {
    margin-right: 30px;
}
}
@media (min-width: 768px){
.liste article {
    margin-right: 10px;
}
}
.liste article {
    margin-top: 20px;
    border-bottom: 1px solid #000;
    margin-left: 0;
    margin-right: 0;
}
@media (min-width: 768px){
.calendrier article figure.col-sm-4 {
    padding-right: 15px;
}
.calendrier article figure.col-sm-4 {
    padding-right: 0;
}
.liste article figure.col-sm-4, .liste article figure.col-md-3 {
    padding-left: 0;
}
}

article p.vignette{
	overflow: hidden;
	transition: all .3s ease;
}
.filtre .vignette{
	    opacity: 0;
    transition: opacity .3s ease-out;
}
.filtre .vignette.visible{
    opacity: 1;
}
 article:hover p.vignette{
	background-color: black;
}
article  p.vignette img{
    opacity: 1;
    will-change: transform, opacity;
	transition: all .3s ease;
}

.no-touch article:hover p.vignette img{
	    opacity: .4;
	transform: scale(1.05, 1.05);

}

/*Dance agenda amsterdam*/
.danceagenda-list{

}
.danceagenda-list article{
	
}


/*vamos a ver q show con eldiapo de home*/

#diaporama figure {
	background-size: cover; 
	background-position: center;
/*	background-attachment: fixed;  */
  	margin: 0;
    padding: 0;
	height: 100%;
    width: 100%;
    position: relative;
}

#diaporama, #diaporama article, .owl-wrapper, .owl-stage-outer, .owl-stage, .owl-item {
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

#diaporama figure figcaption,
#gocontent{
	position: absolute;
	margin: 0;
    padding: 0;
    bottom: 1em;
}



#diaporama figure figcaption {
	right: 1em;
	color:#FFF;
}
#diaporama figcaption.diapo-descrip{
	position: relative;
    color: black;
    bottom: 0;
    right: 0;
    /*left: 30px;
    top: 20px;*/
    font-family: Arial;
    font-size: 14px;

}

.compteur{
	font-family: Arial;
	position: relative;
    


}


#diaporama .owl-nav > *{
	display: none;
}


#diaporama .owl-nav .owl-prev{
		display: none;
}

#diaporama .owl-nav .owl-next{
		display: none;
}

@media(min-width: 768px){
#diaporama .owl-nav > *{
		width: 100px;
		height: 150px;
		position: absolute;
		top: 50%;
		margin-top: -75px;
		text-indent: -99999px;
}

#diaporama .owl-nav .owl-prev{
		left:0;
}

#diaporama .owl-nav .owl-next{
		right:0;
}

#diaporama .owl-nav > *:after{
		content:'';
		display: block;
		width:50px;
		height:50px;
		position: absolute;
		top: 50%;
		margin-top: -25px;
}

#diaporama .owl-nav .owl-next:after{
		right:0;
		background-image: url('../img/svg/Ick_arrowslideshow_right.svg');
}

#diaporama .owl-nav .owl-prev:after{
		left:0;
		background-image: url('../img/svg/Ick_arrowslideshow_left.svg');
}
}
#diaporama .center {
	color: #FFF;
    position: absolute;
    top: 45%;
    /*left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    z-index: 1000;*/
    text-align: center;
    width: 80%;
    z-index: 10;
    margin-left: 10%;
    margin-right: 10%;
   
	
}



/*color: #FFF;
    position: absolute;
    width: 80%;
    bottom: .5em;
    top: -5%;
    z-index: 1000;
    text-align: center;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 20%;*/
#diaporama .type, .header-diapo-title .type, #diaporama .tour {
	text-transform: uppercase;
	font-size: 16px;

	
}
@media(min-width: 768px){
	#diaporama .type, .header-diapo-title .type, #diaporama .tour {
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.5vw;
	
}
}

/*diaporama home read more*/
#diaporama article .morebtn a{
	width: 100px;
    height: 20px;
    /* height: auto; */
    text-align: center;
    /* margin-left: -50px; */
    /* top: 50%; */
    font-size: 13px;
    /* position: absolute; */
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    /* left: 50%; */
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1.5px;
    padding-top: 1.5px;
    /* bottom: 20px; */
    background-color: #8b744a
}
@media(min-width: 768px){
	#diaporama article .morebtn a{
	width: 100px;
    height: 20px;
    text-align: center;
    /* margin-left: -50px; */
    /* top: 50%; */
    margin-top: -10px;
    font-size: 13px;
    /* position: absolute; */
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    /* left: 50%; */
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 1px;
     padding-top: 1px; 
    /* bottom: 20px; */
    background-color: #8b744a;
}

}
#header-diapo .header-diapo-title .morebtn a{
	/* width: 100px;  */
    height: 20px;
    /* height: auto; */
    text-align: center;
    /* margin-left: -50px; */
    /* top: 50%; */
    font-size: 13px;
    margin-top: -7.5px;
    /* position: absolute; */
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    /* left: 50%; */
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    bottom: 20px;
    background-color: #8b7744;
}
/*btn read more for individual diaporama*/
@media(min-width: 768px){
#header-diapo .header-diapo-title .morebtn a{
	/* width: 100px;  */
    height: 20px;
    /* height: auto; */
    text-align: center;
    /* margin-left: -50px; */
    /* top: 50%; */
    font-size: 13px;
    /* position: absolute; */
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    /* left: 50%; */
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 1px;
    padding-top: 1px;
    bottom: 20px;
    background-color: #8b7744;
}
}
#diaporama article .morebtn{
	/*margin-bottom: 260px;
    text-align: center;
    z-index: 10;*/

    margin-bottom: 15px;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 30px;

}
/*individual diaporama, artist, dancer, prod*/
#header-diapo .header-diapo-title .morebtn{
	margin-bottom: 15px;
	margin-top: 50px;
    text-align: center;
    padding-bottom: 15px;
    z-index: 10;

}

.header-diapo-title .type, .header-diapo-title .title {
	margin-bottom: 0;
}

#diaporama h1, #diaporama h1 a, #diaporama a h1 {
	text-transform: uppercase;
	font-size: 90px;
     font-size: 4rem; 
     font-size: 4.5vw; 
    color: #ffffff;
    text-shadow: 0 0 2px black;
}

@media(min-width: 768px){
	#diaporama h1, #diaporama h1 a, #diaporama a h1 {
		text-transform: uppercase;
		font-size: 90px;
   		font-size: 9rem; 
    	font-size: 4.5vw; 
    	color: #ffffff;
	}
}

#diaporama .artiste, .header-diapo-title .artiste {
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 20px;
	padding-right: 20px;
}


#diaporama .artiste{
	margin-bottom: 0;
}

#diaporama h1, 
#diaporama .tour,
#diaporama .artiste{
		text-shadow: 0 0 2px black;

}

#header-diapo .header-diapo-title a,
#header-diapo .header-diapo-title,
#gocontent a{
	color: white;
}

#header-diapo .header-diapo-title a:hover{
	text-decoration: none;
}

#header-diapo .header-diapo-title,
#gocontent{
	text-align: center;
	width: 70%;
	z-index: 10;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: -20px;
}

/*#gocontent a{
	text-indent: -9999px;
	width: 90px;
	height: 23px;
	background: transparent url('../img/svg/ICK_arrow_down_big_w.svg') no-repeat center;
	display: inline-block;
}*/

h3{
	text-transform: uppercase;
}

@media (min-width: 768px) {
	#diaporama h1, #diaporama h1 a {
	font-size: 120px;
    font-size: 12rem;
    font-size: 6vw;
	}
	#diaporama .artiste, .header-diapo-title .artiste {
	font-size: 18px;
	font-size: 1.5vw;


	}
	#diaporama .owl-nav .owl-next:after{
		right:20px;
	}

	#diaporama .owl-nav .owl-prev:after{
		left:20px;
	}

	#diaporama figure figcaption {
    bottom: 0.5em;
	}

	#gocontent{
    bottom: 1.5em;
	}

}


@media (min-width: 992px) {
	#diaporama h1, #diaporama h1 a {
	font-size: 120px;
    font-size: 6rem;
    font-size: 8vw;
}
}




/* animation */

#animhome{
	position: fixed;
	background-color: black;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
  	opacity:1;

	
	}


#animhome.toWhite{
	background-color: white;
	opacity: 0;
	-webkit-animation:fadeinhome 1s linear;
    animation:fadeinhome 1s linear;
}




@keyframes fadeinhome { 
	0% { 
		display: block;
		opacity: 1;
		background-color: black;
		}

	75% { 
		background-color: white;
		}

	78%{ 
		opacity: 1;
	}
	
	100% { 
		opacity: 0;
				display: none;

	}

}



 @-webkit-keyframes  fadeinhome { 
	0% { 
		display: block;
		opacity: 1;
		background-color: black;
		}

	75% { 
		background-color: white;
		}

	78%{ 
		opacity: 1;
	}
	
	100% { 
		opacity: 0;
				display: none;

	}

}







#animhome #anim-content{
	left: 50%;
    max-height: 30%;
    max-width: 80%;
    top: 50%;
    transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */ /* IE 9 */
      transform: translate(-50%, -50%);


    position: absolute;
}

#animhome #anim-content svg{
position: absolute;
left: 50%;
top: 50%;
   }



#animhome #anim-content svg#logo-k{
	transform: translate(-50%, 100px);
	-webkit-animation:gotoUp 2.5s linear;
    animation:gotoUp 2.5s linear;
}






@-webkit-keyframes gotoUp { 
	0% { 
		opacity: 0;
	 	-webkit-transform: translate(-50%,750px);
		}

	75% { 
	 -webkit-transform: translate(-50%,750px);
		}

	80%{ 
		opacity: 1;
	}
	
	100% { 
	    -webkit-transform: translate(-50%, 100px);
	}

}




@keyframes gotoUp { 
	0% { 
		opacity: 0;
	 	transform: translate(-50%,750px);
		}

	75% { 
	 transform: translate(-50%,750px);
		}

	80%{ 
		opacity: 1;
	}
	
	100% { 
	    transform: translate(-50%, 100px);
	}

}



#animhome #anim-content svg#logo-i{
	 transform: translate(-50%,-145px);

	-webkit-animation:goto 2.5s linear;
    animation:goto 2.5s linear;

}




@-webkit-keyframes goto { 
	0% { 
	opacity: 0;
	transform: translate(-50%,-750px);
	-webkit-transform: translate(-50%,-750px);
		}

	75% { 
	transform: translate(-50%,-750px);
	-webkit-transform: translate(-50%,-750px);
		}

	80%{ 
		opacity: 1;
	}

	100% { 
	transform: translate(-50%,-145px);
	 -webkit-transform: translate(-50%,-145px);
	}

}



@keyframes goto { 
	0% { 
	opacity: 0;
	 transform: translate(-50%,-750px);
		}

	75% { 
	 transform: translate(-50%,-750px);
		}

	80%{ 
		opacity: 1;
	}

	100% { 
	 transform: translate(-50%,-145px);

	}

}








#animhome #anim-content svg#logo-c{
		transform: translate(0%, 0%);
top: -90px;
left: -90px;
   -webkit-animation:spin 1.5s linear;
    animation:spin 1.5s linear;

}





@-webkit-keyframes spin { 
	

	0% { 
		opacity: 0;
		-webkit-transform: rotate(-90deg);
		}

	50% { 
		opacity: 1;
		-webkit-transform: rotate(-90deg); 

		}

	100% { 
		-webkit-transform: rotate(0); 

	}

}





@keyframes spin { 
	

	0% { 
		opacity: 0;
		transform:rotate(-90deg); 
		}

	50% { 
		opacity: 1; 
		transform:rotate(-90deg); 

		}

	100% { 
		transform:rotate(0); 

	}

}



.instaTitre {
	padding-left: 10px;

}


@media (max-width: 991px) {
	.mosaiqueInsta li:nth-child(-n+3)
	{
		padding-bottom: 15px;
	}
}

.ongletContent img
{
	margin-bottom: 10px;
}
}