ul, li, p, *{
	margin:0;
	padding:0;
}
body{
	text-align:center;
	font-family: 'Cormorant', serif!important;
	font-size:87.5%;
}
body.admin-bar{
	margin-top:30px;
}
#main, p, li{
	font-family: 'Cormorant', serif!important;	
	font-size:1rem;
}
h1,h2{	font-family: 'Cormorant', serif!important; font-weight:300; text-align:center; text-transform:uppercase;}
h3, h4{	font-family: 'Cormorant', serif!important; font-weight:800;}
h1{font-size:3rem; line-height:0.8em; margin:0 0 3rem;}
h2{font-size:2.4rem;line-height:0.8em; margin-bottom:1rem;}
h3{font-size:1.8rem; line-height:1em;margin:0 0 1rem;}
h4{font-size:1.5rem; line-height:1em;margin:0 0 1rem;}

img{max-width:100%; height:auto;}

p, li{ font-weight:500; font-size:1rem; margin:0 0 1rem;}
.text li{margin-left:20px; margin-bottom:0.5rem;}

p.partner{margin-top:1rem;}
div.titres p{font-weight:700; margin:0 0 0.5rem;}
a{color:black; text-decoration:none;}

h2 a:hover{
	text-decoration:underline;
}

iframe{
	max-width:calc(100% - 20px);
}

.container{
	text-align:left;
	width:100%;
	margin:auto;
	position:relative;
}
#header{
	margin:-30px auto 20px auto;
	height:60px;
	background:white;
	z-index:200!important;
}
body.home #header{
/*	margin:5px auto 20px auto;*/
}
#togglemenu{display:none;}
#logo>.m-box{position:relative;}
#logo a{
	font-family:"Belgika16th"!important;
	text-transform:uppercase;
	font-size:1.5rem;
	letter-spacing:0.1em;
	position:relative;
	top:6px;
	transition:background 0.5s;
	
}
#header #logo a:hover{
	border-bottom:none;
	background:yellow;
	
}

#header a {
	color:black;
}
#header a:hover{
	border-bottom:2px solid black;
}
#header .current-menu-item a{
	font-weight:700;
	border-bottom:1px solid black;
}
#header #mainnav a{
	background:rgba(255,255,0,0);	
	transition:background 0.5s;
}
#header #mainnav .current-menu-item a{
	border:none;
}

#header #mainnav a:hover{
	background:rgba(255,255,0,1);
	border:none;
}
a.social{ 
	color:white!important; background:black;
	border-radius:10px; width:20px; height:17px; padding-top:3px; text-align:center; display:block;}
#header>div{
}
#navcontainer{
	position:relative;
	margin-top:10px;
}
#menutoggle{position:absolute; right:0; padding:20px;}
#menutoggle a.hamburger{ display:inline;}
#menutoggle a.cross{ display:none;}
#menutoggle.hide a.cross{ display:inline;}
#menutoggle.hide a.hamburger{ display:none;}

#mainnav{
	text-align:center;
	text-transform:uppercase;
}
#mainnav ul li{
	list-style:none;
	display:inline-block;
	margin:0 5px;
	font-family: 'Cormorant', serif!important;
	font-size:1.5em;
}
#mainnav a{
	padding:5px 10px;
}
#toolnav{
	text-align:right;
	font-family: 'Cormorant', serif!important;
	font-size:0.8rem;
	text-transform:uppercase;
}
#toolnav ul{
	position:relative;
	top:-10px;
}
#toolnav ul li{
	list-style:none;
	display:inline-block;
	margin:0 0 0 5px;
}
#toolnav ul li a{
	font-size:0.8rem;
}
#toolnav ul li.current-menu-item a{
	font-weight:500;
}
#toolnav .fontawesome-text {
	display:none;
}
div.m-box{padding:10px;}

div.programmes3>.slider-content{
	width:300%!important;
}
div.programmes3 div.programme{
	height:100%;
}
body.home .slider{
	position:relative;
}

body.home .slider-content{
	position:relative;
	width:100%;
	height:calc(100vh - 85px);
	overflow:hidden;
}

body.home .slider-content .programme{
	opacity:0;
	transition:opacity 1s;
	z-index:20;
	
}
body.home .slider-content .programme.display{
	z-index:25;
	opacity:1;
}
body.home .slider-content .image_container.ver img{
	max-width:none;
	max-height:none;
	width:auto;
	min-height:100%;
	height:auto;
}
body.home .slider-content img{
	width:100%;
	height:auto;
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
}
body.home .slider-nav{
	position:absolute;
	bottom:0;
	width:100%;
	text-align:center;
}
body.home .slider-nav .slider-nav-content{
	text-align:center;
	display:inline-block;
	margin:auto;
}
body.home .slider-nav img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
body.home .slider-nav .programme{
	display:inline-block;
	width:200px;
	height:135px;
	min-height:135px;
	margin:0 20px;
	background:rgba(255,255,255, 1);
	padding:15px;
	position:relative;
	transition:background;	
	vertical-align:bottom;
	transition:height 1s;
}
body.home .slider-nav .programme:hover{
	height:auto;
	background:rgba(238,235,232,1);	
}
body.home .slider-nav .programme h2{
	font-size:1.5rem;
}
body.home .slider-nav .programme h4{
	font-family:"Belgika16th"!important;	
	font-size:0.75rem;
	line-height:1.2em;
}
body.home .slider-nav .programme h2 a:hover{
	text-decoration:none;
	border:none;
}

body.home .slider-nav .programme div.image_container{
	position:absolute;
	overflow:hidden;
	width:200px; height:135px;
}
body.home .slider-nav .programme div.image_container img{
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
}
body.home .slider-nav .programme div.info{
	max-height:0;
/*	overflow: hidden;*/
	position:absolute;
	bottom:0;
	left:0;
	width:calc(100% - 40px);
	min-height:125px;
	padding:20px;
	background:rgba(255,255,255, 1);
	opacity:0;
	transition:max-height 1s, opacity 1s;
}
body.home .slider-nav .programme:hover div.info{
	background:rgba(238,235,232,1);	
}
body.home .slider-nav .programme div.info>.box{
	height:auto;
	position:absolute;
	bottom:50%;
	left:50%;
	transform:translate(-50%, 50%);	
	width:100%;
	padding:40px 0;
	background:rgba(238,235,232,1);		
}
body.home .slider-nav .programme div.image_container{
	opacity:1;
	transition:opacity 1s;
}
body.home .slider-nav .programme:hover div.image_container{
	height:0;
	opacity:0;
}
body.home .slider-nav .programme:hover div.info{
	max-height:400px;
	opacity:1;
	overflow:visible;
}



body.home .slider-nav .nextdates{
	margin-top:0;
	padding-bottom:2rem;
}
body.home .slider-nav .nextdates li{
	font-size:0.75rem;
	display:inline;
}
body.home .nextdates ul {
	background:transparent;
}
body.home .nextdates .tickets{
	font-size:0.8em;
	text-decoration:underline;
	vertical-align:middle;
}
body.home .nextdates ul li>* {
	background:yellow;
}
body.single-programme #main div.gallery,
body.single-programme #main div.infos,
body.single-masterclass #main div.gallery,
body.single-masterclass #main div.infos
{
	height:calc(100vh - 60px);
	overflow-y:scroll;
}
body.single-programme #main div.masterclass,
body.single-programme #main div.gallery,
div.post div.gallery{
	background:rgba(140,120,100,0.12);
}
body.single-masterclass div.gallery img,
body.single-programme div.gallery img{
	width:100%; height:auto;
}
body.single-programme div.infos,
body.single-masterclass div.infos,
body.page div.infos,
div.post div.infos{
	background:rgba(140,120,100,0.15);	
}
body.single-programme div.infos>.m-box,
body.single-masterclass div.infos>.m-box,
body.page div.infos>.m-box,
body.blog div.post div.infos>.m-box
{
	padding:80px;
	/*max-width:450px;*/
}
body.single-masterclass .archive_dates,
body.single-programme .archive_dates{
	margin:2rem 0;
	padding:2rem;
/*	background:rgba(140,120,100,0.03);*/
	background:white;
	text-transform:uppercase;
}
body.single-masterclass .archive_dates li,
body.single-programme .archive_dates li{
	list-style:none;
}
body.single-masterclass .archive_dates li>*,
body.single-programme .archive_dates li>*{
	display:inline-block;
	border-bottom:1px solid black;
	padding :0.5rem 0;
}
body.single-programme .archive_dates li>span,
body.single-masterclass .archive_dates li>span{
	width:35%;
	text-align:right;
	
}
body.single-programme .archive_dates li>strong,
body.single-masterclass .archive_dates li>strong{
	width:65%;
}
.nextdates{
	margin:-1rem 0 2rem;
	transform:rotate(-2deg);
	text-align:center;
}
.nextdates>*{
	font-family:"Belgika16th"!important;	
	display:inline-block;
	clear:both;
	padding:2px 4px;
	font-size:1.1rem;
	margin:0 0 5px;
}
.nextdates h4{
	background:yellow;	
}
.nextdates li{
	background:yellow;
	list-style:none;
	font-family:"Belgika16th"!important;	
	font-size:1.1rem;
}
.nextdates li>*{
	margin-right:10px;
}
.nextdates li>a{
	font-weight:900;
	text-decoration:underline;
	font-size:0.7rem;
	vertical-align:middle;
	font-weight:bold;
}
body.post-type-archive-programme #main,
body.post-type-archive-masterclass #main,
body.post-type-archive-date #main,
body.page-template-page-medias #main,
body.page-template-page-gallery #main,
body.blog #main
{
	width:90%;
}
body.post-type-archive-masterclass .programme>.m-box,
body.post-type-archive-programme .programme>.m-box{
	padding:10px 10px 30px;
}
body.post-type-archive-masterclass .programme:hover,
body.post-type-archive-programme .programme:hover{
	background:rgba(140,120,100,0.0)
}
body.post-type-archive-masterclass .programme:hover,
body.post-type-archive-programme .programme:hover{
	background:rgba(140,120,100,0.15)
}

body.post-type-archive-masterclass .programme h2,
body.post-type-archive-programme .programme h2{
	text-transform:uppercase;
	text-align:center;	
	margin-top:1rem;
	margin-bottom:5px;
	font-size:2.2rem;
}
body.post-type-archive-masterclass .programme.archive h2,
body.post-type-archive-programme .programme.archive h2{
	font-size:1.6rem;
}
body.post-type-archive-masterclass .programme h2 a:hover,
body.post-type-archive-programme .programme h2 a:hover{
	text-decoration:none;
}
body.post-type-archive-masterclass .programme .image_container,
body.post-type-archive-programme .programme .image_container{
	position:relative;	
	text-align:center;
	height: calc(90vw / 5);
	overflow:hidden;
}
body.post-type-archive-programme .masterclass .image_container img,
body.post-type-archive-programme .programme .image_container img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	transition:filter 1s;
	position:absolute;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
}
body.post-type-archive-masterclass .programme:hover .image_container img,
body.post-type-archive-programme .programme:hover .image_container img{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
body.post-type-archive-masterclass .programme h4,
body.post-type-archive-programme .programme h4{
	opacity:0;
	font-family:"Belgika16th"!important;
/*	display:inline-block;*/
/*	text-align:center;*/
	text-align:center;
	font-size:0.9rem;
	line-height:1.1rem;
	padding:0 16%;
	/*
	margin:auto;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
*/
		-webkit-transition:opacity 1s;
}
body.post-type-archive-masterclass .programme:hover h4,
body.post-type-archive-programme .programme:hover h4{
	opacity:1;
}
/*
body.post-type-archive-programme .programme .image_container h4 a{
	background:white;
}
body.post-type-archive-programme div.pure-u-1.title{
	margin-top:3rem;
}

*/
body.post-type-archive-date h2 {
	text-align:left;
}
body.post-type-archive-date .event{
}
body.post-type-archive-date .event>.m-box{
	padding-top:0;
	padding-bottom:0;
}
body.post-type-archive-date .event .pure-g{
	background:rgba(238,235,232,0);
	transition:background 0.25s;
	padding-bottom:2rem;
	padding-top:1rem;
	border-top:1px solid black;
}
body.post-type-archive-date .event:hover .pure-g{
	background:rgba(238,235,232,1);
}
body.post-type-archive-date .title{
	margin-bottom:0rem;
/*	border-top:1px solid black;*/
/*	padding-top:3rem;*/
}
body.post-type-archive-date .event.archive .pure-g{
	padding-bottom:0rem;
/*	background:white;*/
	
}
body.post-type-archive-date .event.archive h2{font-size:1rem;}
body.post-type-archive-date .legend *{
	text-transform:uppercase;
	font-family: 'Cormorant', serif!important;	
	font-weight:500;
}
a.tickets{
	font-family:"Belgika16th"!important;
	font-weight:900;
	font-size:1rem;
	background:yellow;
	padding:2px 5px;
}
a.tickets:hover{
	text-decoration:underline;
}
.bx-next,.bx-prev{
	position:absolute;
	top:50%;
	transform:translateY(-50%);	
	z-index:35;
	color:white;
	font-family:"Belgika16th"!important;
	font-size:3rem;
}
.bx-next{
	right:10px;
	padding:50px 10px 50px 50px;
}
.bx-prev{
	left:10px;
	padding:50px 50px 50px 10px;
}
.hidedesktop{
	display:none;
}
#bottomgallery{
	display:none;		
}

.gallery{
/*	background:black!important;*/
	color:white;
	text-align:center;
}
.gallery>.image_container>img{
	width:100%;
}
.gallery>*{
	width:100%; height:auto;
	display:block;
	line-height:0;
	position:relative;
}
.gallery>*:hover p.legende{
	opacity:1;
	transition:opacity 1s;
}
.gallery p.legende{
	position:absolute;
	text-align:center;
	top:50%;
	width:60%;
	left:20%;
	transform:translateY(-50%);
	font-size:2rem;
	opacity:0;
	line-height:2rem;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.61);
	transition:opacity 1s;
}
.supergallery.grid{
}
.supergallery.grid>.m-box{
	padding:40px;
}
.supergallery.grid p.legende{
	position:static;
	color:black;
	text-shadow:none;
	opacity:1;
	font-size:1rem;
	transform:none;
	width:auto;
}
.supergallery.grid iframe{
	height:12vw;
}
body.blog div.post{
	border-bottom:1px solid black;
	padding:2rem 0;
}

body.page-template-page-medias iframe{
	max-width:100%;
	height:17vw;
}
body.page-template-page-medias .programme{
	padding:30px 0;
	border-bottom:1px solid black;
}
body.page-template-page-medias .programme .media:hover{
	background:rgba(140,120,100,0.15)
}
.gallery iframe{
	max-width:100%;
}
div.text>*{margin-bottom:1em;}

body.page-template-page-gallery div.infos{
	text-align:center;
}
body.page-template-page-gallery div.infos>.m-box{
	margin:auto;
	text-align:left;
	padding-top:40px;
	padding-bottom:0;
}
body.page-template-page-gallery div.gallery,
body.page-template-page-gallery div.infos{
	background:transparent;
}
body.page-template-page-gallery div.gallery .m-box{
	padding:30px
}
body.page-template-page-gallery div.gallery p.legende{
	margin-top:5px;
	position:relative;
	top:0;
	width:100%;
	left:0;
	transform:none;
	opacity:1;
	text-shadow:none;
	color:black;
	font-size:1.2rem;
	line-height:1em;
	text-align:left;
}
@media only screen and (max-width: 768px)  {
	h1{
		font-size:2.4rem;
	}
	h2{
		font-size:2rem;
	}
	h3{
		font-size:1.5rem;
	}
	h4{
		font-size:1.2rem;
	}
	#main, p, li{
		font-size:1rem;
	}
	.nextdates>*, .nextdates li{
		font-size:0.9rem;
	}
	#header{
		height:35px;
		position:relative;
/*		overflow:hidden;*/
	}
	#logo a{
		font-size:1rem;
	}
	#navcontainer{
		position:fixed;
		top:25px;
		left:100%;
		z-index:40;
		background:rgba(238,235,232,1);
		height:calc(100vh - 25px);
		transition:left 0.6s ease-out;
	}
	#navcontainer.show{
		left:0;
	}
	#mainnav{
		margin-top:40px;
	}
	#mainnav ul li{
		display:block;
		margin:20px;
	}
	#toolnav{
		margin-top:40px;
		text-align:center;
	}
	#togglemenu{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		font-size:1.3rem;
		text-decoration:none;
	}
	#header #togglemenu a,
	#header #togglemenu i{
		height:35px;
		width:35px;
		text-align:center;
		line-height:35px;
		vertical-align:bottom;
	}
	#header #togglemenu a:hover{
		border:none!important;
	}
	#togglemenu.current-menu-item i.fa-bars,
	#togglemenu i.fa-times{
		display:none;
	}
	#togglemenu i.fa-bars,
	#togglemenu.current-menu-item i.fa-times{
		display:inline-block;
	}
	
	body.home .slider-content{
		position:relative;
		display:none;
	}
	body.home .slider-nav{
		position:relative;
	}
	body.home .slider-nav .programme{
		display:block;
		width:100%;
		margin:0 0 20px;
		padding:0;
	}
	body.home .slider-nav .programme div.info{
		height:auto;
		max-height:none;
		overflow:visible;
		position:relative;
		top:0; left:0;
		opacity:1;
		transform:none;		
	}
	body.home .slider-nav img{
		filter:none;
	}
	body.home .slider-nav .nextdates{
		padding-bottom:0;
	}
	div.title{
		font-weight:bold;
		display:block;
		margin:1rem 0 0;
		text-align:center;
	}
	div.title h1{
		font-size:1.5rem;
	}
	body.post-type-archive-masterclass .programme h4,
	body.post-type-archive-programme .programme h4{
		display:block;
		opacity:1;
		font-size:1rem;
		line-height:1.2em;
	}
	body.post-type-archive-masterclass .programme.archive h4,
	body.post-type-archive-programme .programme.archive h4{
		font-size:0.8rem;
	}
	.hidedesktop{display:block;}
	body.single-masterclass #main div.gallery, 
	body.single-masterclass #main div.infos,
	body.single-programme #main div.gallery, 
	body.single-programme #main div.infos{
		height:auto;
	}
	#bottomgallery{
		display:block;		
	}
	body.single-masterclass div.infos>.m-box,
	body.single-programme div.infos>.m-box,
	body.blog div.post div.infos>.m-box{
		padding:40px 30px;
	}
	body.post-type-archive-date .legend{
		display:none;
	}
	body.post-type-archive-date h2.date, 
	body.post-type-archive-date h2.place  {
		font-size:1.5em;
		margin-bottom:0.5rem;
	}
	body.post-type-archive-date .titres{
		display:none;
	}
	body.post-type-archive-date .programme h2{
		margin-bottom:0.5rem;
	}
	body.post-type-archive-date .displayprogram{
		font-size:0.8rem;
		text-transform:uppercase;
		font-style:italic;
		margin-bottom:1rem;
		text-decoration:underline;
		font-family: 'Cormorant', serif!important;
	}
	body.post-type-archive-date .event.archive .programme h2{
		font-size:1.4rem;
	}
}