/** RESET **/

/** END RESET **/

/** FONT FACE **/

/**
 * @license
 * MyFonts Webfont Build ID 3637429, 2018-09-07T13:11:05-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: NHaasGroteskTXPro-55Rg by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-55-roman/
 * 
 * Webfont: NHaasGroteskTXPro-56It by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/neue-haas-grotesk/pro-text-56-italic/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3637429
 * Licensed pageviews: 20
 * Webfonts copyright: Copyright © 2013 Monotype Imaging Inc. All rights
 * reserved.
 * 
 * © 2018 MyFonts Inc
*/

@font-face {font-family: 'NeueHaasGrotesk';font-weight: normal;font-style: normal;src: url('../fonts/3780B5_0_0.eot');src: url('../fonts/3780B5_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3780B5_0_0.woff2') format('woff2'),url('../fonts/3780B5_0_0.woff') format('woff'),url('../fonts/3780B5_0_0.ttf') format('truetype');}
@font-face {font-family: 'NeueHaasGrotesk';font-weight: normal;font-style: italic;src: url('../fonts/3780B5_1_0.eot');src: url('../fonts/3780B5_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3780B5_1_0.woff2') format('woff2'),url('../fonts/3780B5_1_0.woff') format('woff'),url('../fonts/3780B5_1_0.ttf') format('truetype');}
 

/** END FONT FACE **/

html{
	width:100%;
	height:100%;
	font-size:15px;
	line-height:100%;
}

body{
	height: 100%;
	font-family: "NeueHaasGrotesk", "Helvetica", "Arial", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color:#FFF;
	color:#000;
	font-size:1rem;
	line-height:100%;
	overflow-x:hidden;
}

a {color:#000;}
a, a:focus, a:hover {text-decoration:none;}
/*
a:hover {color:#808080;}
*/
a:hover {color:#000;}
a:visited {color:#000;}
p {line-height:100%;}
sup {vertical-align: super;top:0;font-size: 0.75em;}
i{font-style:italic;}
span.italic{font-style:italic;}
b{font-weight:bold;}
li{list-style:none;}

input[type=text]:focus, textarea:focus, input[type=submit]:focus {outline:none;}





/** MENU **/

section.header{
	position:fixed;
	width:100vw;
	height:45px;
	top:0;
	font-size:22px;
	line-height:100%;
	color:#FFF;
	background-color:transparent;
	z-index:99999;

	/* no select on double click */
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
}

section.header a{
	color:#FFF;
}

div.menu-bar{
	position:fixed;
	width:calc(100vw - 4rem - 1.85rem - 4rem - 16px);
	padding-top:12px;
	padding-bottom:11px;
	padding-left:2rem;
	padding-right:calc(2rem + 1.85rem + 4rem + 16px);
	background-color:#000;
	z-index:999;
}

.menu-site-title{display:block;float:left;clear:right;}
.menu-site-languages-desktop{display:block;float:right;}
.menu-site-languages-mobile{display:none;}

div.menu-button-toggle{
	position:absolute;
	top:8px;
	left:calc(100vw - 2rem - 28px - 16px);
	height:28px;
	width:28px;
	cursor:pointer;
}

div.menu-site-languages li{
	float:left;
	clear:none;
	padding-left:0.5rem;
	padding-right:0.5rem;
	text-transform: uppercase!important;
}

div.menu-site-languages li:first-child{padding-left:0;}
div.menu-site-languages li:last-child{padding-right:0;}

div.menu-slider {
	position:fixed;
	width:calc(100vw - 4rem - 16px);
	font-size:2.75vw;
	padding-top:0.5vw;
	padding-bottom:0.5vw;
	padding-left:2rem;
	padding-right:calc(2rem + 16px);
	background-color:#000;
	border-top: 1px #FFF solid;

	top:calc(45px - 100%);
	z-index:99;
	opacity:0;

	-webkit-transition: top 300ms ease-in-out, opacity 200ms ease-in-out 0ms;
	   -moz-transition: top 300ms ease-in-out, opacity 200ms ease-in-out 0ms;
	    -ms-transition: top 300ms ease-in-out, opacity 200ms ease-in-out 0ms;
	     -o-transition: top 300ms ease-in-out, opacity 200ms ease-in-out 0ms;
	        transition: top 300ms ease-in-out, opacity 200ms ease-in-out 0ms;
}

div.menu-slider.opentoclose{
	top:45px;
	opacity:1;

	-webkit-transition: top 250ms ease-in-out, opacity 600ms ease-in-out 0ms;
	   -moz-transition: top 250ms ease-in-out, opacity 600ms ease-in-out 0ms;
	    -ms-transition: top 250ms ease-in-out, opacity 600ms ease-in-out 0ms;
	     -o-transition: top 250ms ease-in-out, opacity 600ms ease-in-out 0ms;
	        transition: top 250ms ease-in-out, opacity 600ms ease-in-out 0ms;
}

.menu-slider-list{
	/* flex + prefixed */
	 display: -webkit-flex;
	 display:flex;
	 -webkit-flex-direction:row;
	 flex-direction:row;
	 -webkit-justify-content:space-between;
	 justify-content:space-between;
}


ul.menu-slider-list-col{
	width:auto;
	height:auto;
}

ul.menu-slider-list-col:last-child{
	margin-right:calc(6vw);
}

ul.menu-slider-list-col li{
	line-height:100%;
	height:auto;
	margin-top:2.5vw;
	margin-bottom:2.5vw;
}

section.header li a:hover{
	text-decoration:underline;
}

section.header li.active a{
	text-decoration:underline;
}

/* toggle animation open close button */

	.togglebtn-line{
		position:absolute;
		width:28px;
		height:2px;
		top:4px;
		background-color:#FFF;
	}

	.togglebtn-line1, .togglebtn-line3{
		-webkit-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	       -moz-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	        -ms-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	         -o-transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	            transition: transform 125ms ease-in-out 125ms, opacity 0ms ease-in-out 125ms;
	}

	.togglebtn-line2, .togglebtn-line22 {
		-webkit-transition: all 125ms ease-in-out 0ms;
	       -moz-transition: all 125ms ease-in-out 0ms;
	        -ms-transition: all 125ms ease-in-out 0ms;
	         -o-transition: all 125ms ease-in-out 0ms;
	            transition: all 125ms ease-in-out 0ms;
	}

	.opentoclose .togglebtn-line1, .opentoclose .togglebtn-line3{
		-webkit-transform: translate(0, 9px);
		   -moz-transform: translate(0, 9px);
		    -ms-transform: translate(0, 9px);
		     -o-transform: translate(0, 9px);
		     	transform: translate(0, 9px);

		opacity:0;

		-webkit-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	       -moz-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	        -ms-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	         -o-transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	            transition: transform 125ms ease-in-out 0ms, opacity 0ms ease-in-out 125ms;
	}

	.opentoclose .togglebtn-line2{
		width:33px;
		top:13px;
		margin-left:-3px;

		-webkit-transform:rotate(-45deg);
	       -moz-transform:rotate(-45deg);
	        -ms-transform:rotate(-45deg);
	         -o-transform:rotate(-45deg);
	            transform:rotate(-45deg);
	}

	.opentoclose .togglebtn-line22{
		width:33px;
		top:13px;
		margin-left:-3px;

		-webkit-transform:rotate(45deg);
	       -moz-transform:rotate(45deg);
	        -ms-transform:rotate(45deg);
	         -o-transform:rotate(45deg);
	            transform:rotate(45deg);
	}

	.opentoclose .togglebtn-line2, .opentoclose .togglebtn-line22{
	    -webkit-transition: all 125ms ease-in-out 125ms;
	       -moz-transition: all 125ms ease-in-out 125ms;
	        -ms-transition: all 125ms ease-in-out 125ms;
	         -o-transition: all 125ms ease-in-out 125ms;
	            transition: all 125ms ease-in-out 125ms;
	}

	.opentoclose .menu-top-mobile-btn-category-dot1, .opentoclose .menu-top-mobile-btn-category-dot2, .opentoclose .menu-top-mobile-btn-category-dot3{
		opacity:0;

		-webkit-transition: opacity 0ms ease-in-out 0ms;
	       -moz-transition: opacity 0ms ease-in-out 0ms;
	        -ms-transition: opacity 0ms ease-in-out 0ms;
	         -o-transition: opacity 0ms ease-in-out 0ms;
	            transition: opacity 0ms ease-in-out 0ms;
	}
	
	.togglebtn-line1{
		-webkit-transform: translate(0,0);
		   -moz-transform: translate(0,0);
		    -ms-transform: translate(0,0);
		     -o-transform: translate(0,0);
		     	transform: translate(0,0);
		opacity:1;
	}
	.togglebtn-line2{top:calc(13px);}
	.togglebtn-line22{top:calc(13px);}
	.togglebtn-line3{
		-webkit-transform: translate(0 , 18px);
		    -ms-transform: translate(0 , 18px);
		     -o-transform: translate(0 , 18px);
		     	transform: translate(0 , 18px);
		   -moz-transform: translate(0 , 18px);
		opacity:1;
	}
	

/* end toggle animation open close button */





/** CONTENT **/

/* home logo */

section.content{
	position:relative;
	width:100%;
	height:auto;
	padding-top:40px;
	overflow: hidden!important;
}

.cont-home-biglogo{
	position:fixed;
	width:calc(100% - 4rem);
	height:calc(37.25vw);
	padding:0;
	overflow:hidden;
	opacity:1;
	margin:2rem;
	margin-top:1.75rem;margin-bottom:1.75rem;
	pointer-events: none;

	-webkit-transform-origin: top;
	   -moz-transform-origin: top;
	    -ms-transform-origin: top;
	     -o-transform-origin: top;
	        transform-origin: top;

}

.transitioninvisible{
	-webkit-transition: opacity 500ms ease-in-out 300ms;
	   -moz-transition: opacity 500ms ease-in-out 300ms;
	    -ms-transition: opacity 500ms ease-in-out 300ms;
	     -o-transition: opacity 500ms ease-in-out 300ms;
	        transition: opacity 500ms ease-in-out 300ms;
}

.biglogo{
	width:100%;
	height:100%;
	background-image:url("../image/nof_svg.svg");
	background-size: 100% 100%;
	background-repeat:no-repeat;

	-webkit-transform-origin: top;
	   -moz-transform-origin: top;
	    -ms-transform-origin: top;
	     -o-transform-origin: top;
	        transform-origin: top;
}

.cont-home-biglogoback{
	position:relative;
	width:calc(100% - 4rem);
	height:calc(37.25vw);
	padding:0;
	overflow:hidden;
	opacity:0;
	margin:2rem;
	margin-top:1.75rem;margin-bottom:1.75rem;

	-webkit-transform-origin: bottom;
	   -moz-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	     -o-transform-origin: bottom;
	        transform-origin: bottom;
}

.biglogoback{
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background-image:url("../image/nof_svg.svg");
	background-size: 100% 100%;
	background-repeat:no-repeat;

	-webkit-transform-origin: bottom;
	   -moz-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	     -o-transform-origin: bottom;
	        transform-origin: bottom;
}

/* home general */

div.cont-home-title{
	width:100%;
	height:auto;
	padding-top:calc(0.75rem + 0.15rem);
	padding-bottom:calc(0.75rem - 0.15rem);
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	background-color:#FFF;
}

div.cont-home-title h3{
	font-size:5vw;
	font-weight: normal;
	line-height:100%;
	padding-left:2rem;
}

.addbutton{
	position:absolute;
	width:5rem;
	height:5rem;
	right:0;
	bottom:0;
	margin-right:2rem;
	margin-bottom:calc(2rem + 3px);
	border-radius: 50%;
	border: 3px #000 solid;
	cursor:pointer;
}

.addbutton-line1{
	position:absolute;
	width:3.25rem;
	height:3px;
	margin-top:calc(2.5rem - 2px);
	margin-left:0.875rem;
	background-color: #000;
}

.addbutton-line2{
	position:absolute;
	width:3.25rem;
	height:3px;
	margin-top:calc(2.5rem - 2px);
	margin-left:0.875rem;
	background-color: #000;

	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	     -o-transform:rotate(90deg);
	        transform:rotate(90deg);
}

/* home carousel */

.cont-home-wrapper-carousel{
	position: relative;
	width:100%;
}

.cont-home-carousel-buttons{
	position:absolute;
	width:calc(100% - 4rem);
	top:0;left:0;
	margin-left:2rem;
	margin-right:2rem;
	margin-top:calc(2rem - 3px);
	z-index:5!important;
}

.previousarrow-topcarousel{
	position:absolute!important;
	right:0!important;
}

.nextarrow-topcarousel{
	position:absolute!important;
	right:0!important;
}

.cont-home-top-slider{
	position:absolute;
	width:100%;
	height:auto;
	z-index:1;
}

.cont-home-top-slide{
	position:relative;
	height:auto;
}

.cont-home-top-slide-infos{
	position:relative;
	width:calc(100% - 4rem - 10rem - 4rem);
	height:auto;
	padding-left:calc(2rem + 5rem + 2rem);
	padding-right:calc(2rem + 5rem + 2rem);
	padding-top:2rem;
	padding-bottom:2rem;
	z-index:2;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

.cont-home-top-slide-infos.onlyoneslide{
	width:calc(100% - 4rem);
	padding-left:calc(2rem);
	padding-right:calc(2rem);
}

.cont-home-top-slide-infos h6{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

.cont-home-top-slide-infos h6 a:hover{
	text-decoration: underline;
}

.cont-home-top-slide-infos h6.title{
	width:calc(27.5%);
	padding-right:6%;
	text-align: left;
}

.cont-home-top-slide-infos section.dateandplace{
	width:calc(29.5%);
	padding-left:5%;
	padding-right:3%;
	text-align: left;
}

.cont-home-top-slide-infos h6.subtitle{
	font-size:1.4rem;
	line-height: 115%;
	width:20%;
	padding-left:7%;
	padding-right:2%;
	text-align: left;
}

.cont-home-top-slide-image{
	position:relative;
	width:calc(100% - 4rem);
	height:calc( (100vw) / 2.56);
	/* height:auto; */
	top:0;
	bottom:0;
	margin-left:2rem;
	margin-right:2rem;
	margin-top:2rem;
	padding-bottom:2rem;
}

.cont-home-top-slide-image img{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.carouseldesktop{display:block;}
.carouselmobile{display:none!important;}




/* home recent productions */

.cont-home-currentseasonproductions-single{
	position:relative;
	width:calc(100% - 4rem);
	height:auto;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:2rem;
	padding-bottom:2rem;
	border-bottom: 3px solid #000;
}

.cont-home-currentseasonproductions-single:last-child{
	border-bottom: none;
}

.cont-home-currentseasonproductions-representation{
	position:relative;
	line-height:100%;
	width:100%;

	 /* prefixed safari old */ 
	 display: -webkit-flex;
	 -webkit-flex-direction:row;
	 -webkit-justify-content:space-between;
}

.cont-home-currentseasonproductions-subtitle{
	padding-top:2rem;
	width:auto;
	max-width:60%;
}

.cont-home-currentseasonproductions-representation p, .cont-home-currentseasonproductions-subtitle p{
	font-size:2.75vw;
	line-height:110%;
}

.cont-home-currentseasonproductions-lieu{margin-right:1vw;max-width:65%;width:auto;}
.cont-home-currentseasonproductions-title{margin-top:calc(1.5rem + 3vw);}

.cont-home-currentseasonproductions-title h2{
	font-size:10vw;
	font-weight: normal;
	line-height:100%;
}

.cont-home-currentseasonproductions-hoverimage{
	position:absolute;
	height:100%;
	width:100%;
	top:0;left:0;
	opacity:0;
	pointer-events: none;
	
	-webkit-transition: opacity 100ms ease-in-out 0ms;
	   -moz-transition: opacity 100ms ease-in-out 0ms;
	    -ms-transition: opacity 100ms ease-in-out 0ms;
	     -o-transition: opacity 100ms ease-in-out 0ms;
	        transition: opacity 100ms ease-in-out 0ms;
	
}

.cont-home-currentseasonproductions-hoverimage img{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.cont-home-currentseasonproductions-single:hover .cont-home-currentseasonproductions-hoverimage{
	opacity:1;
	pointer-events: auto;
	
	-webkit-transition: opacity 100ms ease-in-out 0ms;
	   -moz-transition: opacity 100ms ease-in-out 0ms;
	    -ms-transition: opacity 100ms ease-in-out 0ms;
	     -o-transition: opacity 100ms ease-in-out 0ms;
	        transition: opacity 100ms ease-in-out 0ms;
	
}

.homecurrent-desktop{display:block;}
.homecurrent-mobile{display:none;}

/* home infos */

.cont-home-informations-single{
	position:relative;
	width:calc(100% - 4rem);
	height:auto;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:calc(1rem + 2.5vw);
	padding-bottom:calc(1rem + 2.5vw);
	border-bottom: 3px solid #000;
	background-color:#FFF;
}

.cont-home-informations-single.alert:nth-child(odd){
	background-color:#000;
	color:#FFF;
}

.cont-home-informations-single.alert:nth-child(even){
	background-color:#FFF;
	color:#000;
}

.cont-home-informations-single:last-child{
	border-bottom: none;
}

.cont-home-informations-single-alert{
	position:relative;
	width:100%;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content:flex-start;
	justify-content: flex-start;
}

.cont-home-informations-single-alert h6{
	position:relative;
	width:calc(100% - 9rem);
	padding-left:2rem;
	padding-right:2rem;
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

.alertbutton{
	position:relative;
	width:5rem;
	height:5rem;
	border-radius: 50%;
	border: 3px #000 solid;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}


.cont-home-informations-single.alert:nth-child(even) .alertbutton{border: 3px #000 solid;}
.cont-home-informations-single.alert:nth-child(odd) .alertbutton{border: 3px #FFF solid;}
/*
.cont-home-informations-single:nth-child(odd) .addbutton{border: 3px #000 solid;}
.cont-home-informations-single:nth-child(even) .addbutton{border: 3px #FFF solid;}
.cont-home-informations-single:nth-child(odd) .addbutton-line1, .cont-home-informations-single:nth-child(odd) .addbutton-line2{background-color: #000;}
.cont-home-informations-single:nth-child(even) .addbutton-line1, .cont-home-informations-single:nth-child(even) .addbutton-line2{background-color: #FFF;}
*/

.alertbutton p{
	font-size:4.25rem;
}

.cont-home-informations-single-news{
	position:relative;
	width:100%;
	height:auto;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content:flex-start;
	justify-content: flex-start;
}

.cont-home-informations-single-news-image{
	position: relative;
	width:calc(50% - 1rem);
	height:calc(50vw / 1.8);
}

.cont-home-informations-single-news-image img{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.cont-home-informations-single-news-text{
	position: relative;
	width:calc(50% - 1rem);
	height:100%;
	margin-left:2rem;
}

.cont-home-informations-single-news-text .news-txt-wrapper-extract p, 
.cont-home-informations-single-news-text .news-txt-wrapper-full p{
	padding:0;margin:0;
}

.cont-home-informations-single-news-text hr{
	height:0px;margin:0;padding:0;border:none;
	padding:0.9rem;
}

.news-txt-title h3{
	font-size:6vw;
	font-weight: normal;
	line-height: 100%;
	padding-bottom:calc(0.5rem + 1.25vw);
}

.news-txt-wrapper-extract{
	max-height:calc((50vw / 1.8) - 5rem);
}

.news-txt-wrapper-extract.newslesspadding{
	margin-bottom:0!important;
}

.news-txt-wrapper-extract, .news-txt-wrapper-full{
	margin-bottom:calc(5rem);
}

.news-txt-wrapper-extract p, .news-txt-wrapper-full p{
	font-size:1.4rem;
	line-height: 115%;
	padding-top:1rem;
	padding-bottom:1rem;
}

.addnews{margin:0;bottom:calc(0px - 0.5rem - 3px);}

.cont-home-informations-single-video{
	position:relative;
	width:100%;
	height:calc((100vw - 4rem - 16px) / 1.7777);
}

.cont-home-informations-single-video.videonoscrollbar{
	position:relative;
	width:100%;
	height:calc((100vw - 4rem) / 1.7777);
}

.home-video-focus, .project-video-focus{
	position:absolute;
	width:100%;
	height:calc(100% + 1px);
	top:-1px;
	left:0;
	z-index:5;
	cursor:pointer;

	-webkit-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
	   -moz-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
	    -ms-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
	     -o-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
	        transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
}

.home-video-container, .project-video-container{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	opacity:1;
	z-index:1;
	cursor:pointer;

    -webkit-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
	   -moz-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
	    -ms-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
	     -o-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
	        transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
}

.home-video-focus img, .project-video-focus img{
	width:100%;
	height:100%;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.videoplay-arrow{
	position:absolute;
	top:calc(50% - 15vw);
	left:calc(50% - 15vw);
	width:30vw;
	height:30vw;
	border-radius: 50%;
	border: 3px #FFF solid;
	overflow:visible;
	cursor:pointer;
}

.videoplay-arrow svg{
	position: absolute;
	width:60%;
	height:60%;
	top:20%;
	left:24%;
	fill: none;
  	stroke: #FFF;
  	stroke-width: 3px;
  	overflow: visible;
}


iframe.videoframe{
	position:relative;
	width:100%;
	height:100%;
	opacity:1;
}

.videoinvisible{
	opacity:0;
	z-index:-1!important;

	-webkit-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
	   -moz-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
	    -ms-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
	     -o-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
	        transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
}

/* home agenda */

.cont-home-agenda-slider{
	position:relative;
	width:100%;
	height:auto;
	background-color:#FFF;
}

.cont-home-agenda-slide{
	position:relative;
	width:calc(100% - 4rem);
	height:auto;
	padding-right:2rem;
	padding-left:2rem;
	padding-bottom:7rem;
}

.cont-home-agenda-slide.onlyoneslide{
	padding-bottom:1.25rem;
}

.cont-home-agenda-slide a{
	outline: 0 !important;
}

.cont-home-agenda-row, .cont-home-agenda-link-all{

	padding-top:calc(0.5rem + 1.25vw);
	padding-bottom:calc(0.5rem + 1.25vw);

	/* flex + prefixed */ 
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}

.cont-home-agenda-slider h6{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

.cont-home-agenda-slider h6 a:hover{
	text-decoration: underline;
}

.cont-home-agenda-slider h6.cont-home-agenda-date{
	width:9%;
	padding-right:4%;
	text-align: left;
}

.cont-home-agenda-slider h6.cont-home-agenda-time{
	width:7%;
	padding-left:4%;
	padding-right:4%;
	text-align: center;
}

.cont-home-agenda-slider h6.cont-home-agenda-title{
	width:25%;
	padding-left:4%;
	padding-right:8%;
	text-align: left;
}

.cont-home-agenda-slider h6.cont-home-agenda-place{
	width:32%;
	padding-left:0%;
	padding-right:4%;
	text-align: left;
}

.cont-home-agenda-link-all h6{
	width:64%;
	padding-left:32%;
	padding-right:4%;
	text-align: left;
	text-decoration:underline;
}

.home-agendabtn-wrapper{
	position:relative;
	width:calc(100% - 4rem);
	height:calc(5rem + 6px);
	margin-left:2rem;
	margin-top:-7rem;
	margin-bottom:calc(2rem - 3px);
	pointer-events: none;
	bottom:0;
	left:0;
	z-index:3;

	/* flex + prefixed */ 
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.previousagenda{
	position:relative;
	width:calc(50% - 4rem);
	height:calc(5rem + 6px);

	/* flex + prefixed */ 
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items:center;
}

.nextagenda{
	position:relative;
	width:calc(50% - 4rem);
	height:calc(5rem + 6px);

	/* flex + prefixed */ 
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items:center;
}

.previousarrow, .nextarrow{
	position: relative;
	width:5rem;
	height:5rem;
	border-radius: 50%;
	border: 3px #000 solid;
	overflow:visible;
	cursor:pointer;
	outline: 0 !important;
	background-color:transparent;
	pointer-events: auto;
}

.previousarrow{left:0;}
.nextarrow{right:0;}

.previousarrow svg, .nextarrow svg{
	position: absolute;
	width:80%;
	height:80%;
	top:10%;
	fill: none;
  	stroke: #000;
  	stroke-width: 3px;
  	overflow: visible;
}

.previousarrow svg{left:10%;}
.nextarrow svg{right:10%;}

.previousagenda button.date, .nextagenda button.date{
	position: relative;
	font-size:1.4rem;
	font-weight: normal;
	margin:2rem;
	background:none;
	border:none;
	cursor:pointer;
	outline: 0 !important;
	pointer-events: auto;
}

.previousagenda button.date:active, .nextagenda button.date:active{
	color:#000;
}

/* home newsletter */

.home-newsletter-wrapper{
	position:relative;
	width:calc(100% - 4rem);
	height:auto;
	padding-left:2rem;
	padding-right:2rem;
	padding-top:2rem;
	padding-bottom:calc(2rem + 1px);
	border-top: 3px #000 solid ;

	/* flex + prefixed */ 
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-align-items: center;
	align-items:center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.home-newsletter-wrapper p{
	font-size:2.75vw;
	width:auto;
	padding:0;margin-top:-6px;
}

.home-newsletter-wrapper form.newsletter input[type=text]{
	margin:0;
	width:30vw;

	/* flex + prefixed */ 
	-webkit-align-self:flex-end;
	align-self:flex-end;
}

.home-newsletter-wrapper form.newsletter input[type=text]::placeholder{
	color:#000;
	opacity:1;
	box-sizing: border-box;
}

.home-newsletter-wrapper form.newsletter input.submit{
	margin:0;
	margin-left:1rem;
	height:calc(1.4rem + 1.8rem + 0.55rem);
	box-sizing: border-box;
	padding-top:calc(0.275rem);padding-bottom:calc(0.275rem);
}










/* PAGE INDEX PROJECTS */


.page-page-wrapper.page-index-projet{position:relative;display:block;}
.page-index-projet-row{position:relative;display:block;}

.page-index-projet-row a{
	position:relative;
	width:100%;
	height:auto;
	border-bottom:3px solid #000;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.page-index-projet-row-image{
	position:relative;
	width:calc(50% - 3rem);
	height:auto;
	min-height:29vw;
	padding-left:2rem;
	padding-right:1rem;
	padding-bottom:2rem;
}

.page-index-repertoire-projet-row-image{
	position:relative;
	width:calc(27.5% - 3rem);
	height:auto;
	margin-left:2rem;
	margin-right:1rem;
	margin-bottom:2rem;
}

.page-index-repertoire-projet-row-image-wrapper{
	position:absolute;
	width:100%;
	height:100%;
}

.page-index-projet-row-image img, .page-index-repertoire-projet-row-image img{
	width:100%;
	height:100%;
	object-fit:cover;
	font-family: 'object-fit: cover;'
}

.page-index-projet-row-text{
	width:calc(50% - 3rem);
	padding-right:2rem;
	padding-left:1rem;
	padding-bottom:2rem;
	height:auto;
}

.page-index-repertoire-projet-row-text{
	width:calc(72.5% - 3rem);
	padding-right:2rem;
	padding-left:1rem;
	padding-bottom:2rem;
	height:auto;
}

.page-index-projet-row-text-dateandplace{
	width:100%;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.page-index-projet-row-text-dateandplace:first-child{
	padding-top:2rem;
}

.page-index-projet-row-text-dateandplace h6{
	width:auto;
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

h6.indexdate{width:calc(50% - 0.5rem);}
h6.indexplace{width:auto;max-width:calc(50% - 0.5rem);}

.page-index-projet-row-text-title h3{
	width:auto;
	font-size:5.85vw;
	letter-spacing:0;
	font-weight: normal;
	line-height:100%;
	padding-top:calc(1rem + 1.5vw);
	padding-bottom:calc(0.5rem + 1.5vw);
}

.page-index-projet-row-text-subtitle p{
	width:60%;
	font-size:1.4rem;
	font-weight: normal;
	line-height:115%;
	padding-top:1rem;
	padding-bottom:2rem;
}

.addbutton.addbutton-page-index{
	margin-right:2rem;
	margin-bottom:2rem;
}



/* PROJECT PAGE */

.page-page-wrapper.page-project{position:relative;display:block;border-top:none;margin-top:3px;}
.page-project-top-block, .page-project-bottom-block{position:relative;display:block;}

.page-project-top-block{
	position:relative;
	width:calc(100% - 4rem);
	height:auto;
	padding:2rem;

	/* flex + prefixed */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:column;
	flex-direction: column;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.page-project-top-block-row{
	width:100%;
	padding-top:3.5rem;

	/* flex + prefixed */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.page-project-top-block-row:first-child{padding-top:0;}

.page-project-titlewrap{
	width:calc(50% - 1rem);
	padding-right:1rem;
}

.page-project-title h3{
	font-size:5.5vw;
	font-weight: normal;
	line-height:100%;
	padding-bottom:1rem;
}

.page-project-dateplace{
	padding-top:1rem;
}


.page-project-dateplace h6{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

.page-project-subtitle{
	width:calc(25% - 2rem);
	padding-left:1rem;
	padding-right:1rem;
}

.page-project-dateplace-desktop, .page-project-subtitle-desktop{display:block;}
.page-project-dateplace-mobile, .page-project-subtitle-mobile{display:none;}

.page-project-precredits{
	width:calc(25% - 1rem);
	padding-left:1rem;
}

.page-project-subtitle p, .page-project-precredits p{
	font-size:1.4rem;
	font-weight: normal;
	line-height: 115%;
	padding-top:0;
	padding-bottom:0;
}

.page-project-top-block-image{
	width:calc(50% - 1rem);
	padding-right:1rem;
}

.page-project-top-block-image img{
	width:100%;
	height:auto;
}

.page-project-top-block-text{
	width:calc(50% - 1rem - 2.5vw);
	padding-left:1rem;
	padding-right:2.5vw;
	padding-bottom:6rem;
}

.page-project-top-block-text p{
	font-size:1.4rem;
	font-weight: normal;
	line-height: 115%;
	padding-top:0rem;
	padding-bottom:0rem;
}

.page-project-top-block-text hr{
	height:0px;margin:0;padding:0;border:none;
	padding:0.9rem;
}

.page-project-bottom-block{
	position:relative;
	width:calc(100%);
	height:auto;
	padding:2rem;
	padding-left:0;padding-right:0;
	padding-bottom:8rem;

	/* flex + prefixed */
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

.page-project-bottom-block-image{
	width:calc(50% - 1rem);
	height:auto;
	padding-left:0rem;
	padding-right:1rem;
}

.page-project-slider{
	position:relative;
	width:100%;
	height:33vw;
	overflow:hidden;
	cursor: pointer;
}

.page-project-slide{
	position:relative;
	width:100%;
	height:33vw;
}

.page-project-slide img{
	width:100%;
	height:33vw;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}

.page-project-carousel-buttons{
	position:relative;
	width:calc(100% - 4rem);
	height:3.75rem;
	margin:2rem;
	margin-top:1.25rem;
}

.previousarrow-singleproject, .nextarrow-singleproject{width:3.75rem;height:3.75rem;}
.previousarrow-singleproject{position:absolute!important;left:0!important;}
.nextarrow-singleproject{position:absolute!important;right:0!important;}

.page-project-video{
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:calc(50% - 0.35rem);
	height:calc(13.85vw - 0.35rem);
	margin-bottom:0.7rem;
	background-color: transparent;
}

.page-project-video:nth-child(even){
	margin-left:0.35rem;
	margin-right:0;
}

.page-project-video:nth-child(odd){
	margin-left:0;
	margin-right:0.35rem;
}

.page-project-video:last-of-type{
	margin-bottom:2rem;
}

.project-videoplay-arrow{
	position:absolute;
	top:calc(50% - 4.5vw);
	left:calc(50% - 4.5vw);
	width:9vw;
	height:9vw;
	border-radius: 50%;
	border: 3px #FFF solid;
	overflow:visible;
	cursor:pointer;
}

.project-videoplay-arrow svg{
	position: absolute;
	width:60%;
	height:60%;
	top:20%;
	left:24%;
	fill: none;
  	stroke: #FFF;
  	stroke-width: 3px;
  	overflow: visible;
}

.page-project-photocredits{
	position:relative;
	display:block;
	float:left;
	clear:both;
	width:calc(50% - 0.35rem - 0.35rem - 2rem);
	height:auto;
	font-size:1rem;
	line-height:115%;
	margin-left:2rem;
}

.page-project-photocredits-padding{
	position:relative;
	float:left;
	width:100%;
	height:2rem;
}




.page-project-bottom-block-text{
	width:calc(50% - 2rem - 2.5vw - 1rem);
	height:auto;
	padding-left:1rem;
	padding-right:calc(2rem + 2.5vw);
}

.page-project-bottom-block-text h3{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
	padding-top:calc(1.25rem + 3vw);
	padding-bottom:calc(0.5rem + 1.25vw);
}

.page-project-credits-function{
	position:relative;
	display:block;
	width:40%;
	min-height: 1px;
	float:left;
	clear:both;
	font-style: italic;
	padding:0;
	margin:0;
	padding-right:5%;
}

.page-project-credits-name{
	position:relative;
	display:block;
	width:40%;
	float:left;
	clear:right;
	font-style: normal;
	padding:0;
	margin:0;
	padding-right:5%;
}

.credits-br{
	padding-bottom:1.8rem;
}

.credits-br2{
	position:relative;
	display:block;
	float:left;
	clear:right;
	width:100%;
	margin-top:1.8rem;
}

.credits-br2 p a:hover{
	text-decoration: underline;
}

.page-project-credits-with{
	width:100%;
	float:left;
	clear:both;
	margin-top:4rem;
}

h3.single-bottom-calendar-title{
	width:100%;
	float:left;
	clear:both;
	display:inline-block;
}

.page-project-credits-function p, .page-project-credits-name p{
	float:left;
	clear:none;
	padding:0;margin:0;
}

.page-project-bottom-block-text p{
	font-size:1.4rem;
	font-weight: normal;
	line-height: 115%;
	padding-top:0rem;
	padding-bottom:0rem;
}

.page-project-bottom-block-text hr{
	height:0px;margin:0;padding:0;border:none;
	padding:0.9rem;
}

.page-project-bottom-block-text h3:first-child{padding-top:0rem;}

.page-project-agendarow{
	width:100%;
	float:left;
	clear:right;
	padding-top:0.9rem;
	padding-bottom:0.9rem;
}

.page-project-agendarow p{
	width:auto;
	float:left;
	clear:right;
}

.page-project-agendarow p.place{
	width:42.5%;
	padding-right:10%;
}

.page-project-agendarow p.date{
	width:10%;
	padding-right:17.5%;
}

.page-project-agendarow p.time{
	width:10%;
	padding-right:10%;
}

.page-project-agendarowfirst{
	width:calc(77.5% - 15px);
	float:left;
	clear:right;
}

.page-project-agendarowtickets{
	width:auto;
	float:right;
	clear:right;
	padding:0.5rem;
	padding-top:0.25rem;
	padding-bottom:0.25rem;
	margin-top:calc(0px + 2px - 0.5rem);
	border:2px solid #000;
}

.page-project-agendarowtickets:hover{
	background-color:#000;
	color:#FFF;
}

.page-project-agendarowtickets a{
	width:auto;
	float:right;
	clear:right;
}























/* PAGE AGENDA CONTACT ABOUT ETC GENERAL */

div.page-page-title{
	width:calc(100% - 4rem);
	height:auto;
	padding-top:2rem;
	padding-bottom:2rem;
	padding-left:2rem;
}

div.page-page-title h3{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

div.page-page-wrapper{
	position:relative;
	width:100%;
	height:auto;
	min-height:calc(100vh - 90px - 125px - 2.75vw - 4rem - 1px);
	border-top:3px #000 solid;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
}

div.page-page-2col-left{
	width:calc(50% - 2px);
	border-right:3px #000 solid;
}

div.page-page-2col-right{
	width:calc(50% - 1px);
}

.page-model hr{
	height:0px;margin:0;padding:0;border:none;
	padding:0.9rem;
}




/* AGENDA */

.cont-agenda-carousel-buttons{
	position:absolute;
	width:calc(100% - 4rem);
	top:0;left:0;
	margin-left:2rem;
	margin-right:2rem;
	margin-top:calc(45px + 4rem + 2.75vw + 2rem - 1px);
	z-index:5!important;
}

div.agenda-wrapper-season{
	position: relative;
	width:calc(100vw + 6px)!important;
	margin-left:-3px;
	height:auto;
	background-color:#FFF;
}

div.agenda-slide-season{
	position: relative;
	/*clear:left;*/
	clear:right;
	width:calc(100%);
	margin-left:-1.5px;
	margin-right:-1.5px;
	height:100%;
	min-height:calc(100vh - 90px - 125px - 2.75vw - 4rem + 1px);
	border-left: 3px #000 solid;
	border-right: 3px #000 solid;
	box-sizing: border-box;

  	-webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

div.agenda-season-title{
	width:calc(100% - 4rem /* - 14rem*/);
	height:auto;
	padding:3rem;
	padding-left:calc(2rem + 5rem + 2rem);
	padding-right:2rem;
	background-color:#FFF; 
	border-top:3px solid #000;
	border-bottom:none;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

div.agenda-season-title.onlyoneslide{
	width:calc(100% - 4rem);
	padding-left:2rem;
}

div.agenda-month-title{
	width:calc(100% - 4rem);
	height:auto;
	padding:2rem;
	background-color:rgb(230, 73, 68); 
	border-top:3px solid #000;
	border-bottom:3px solid #000;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

div.agenda-month-list{
	width:calc(100% - 4rem);
	height:auto;
	flex-wrap: wrap;
	padding:2rem;
	background-color:#FFF;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

div.agenda-month-list:last-child{
	border-bottom:3px #000 solid;
	margin-bottom:-3px;
}

div.agenda-month-title.paddingscrollbar, div.agenda-month-list.paddingscrollbar{
	width:calc(100% - 4rem - 16px);
	padding-right:calc(2rem + 16px);
}

div.agenda-season-title h3, div.agenda-month-title h3, div.agenda-month-list h3 {
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

div.agenda-season-title h3, div.agenda-month-title h3{
	text-transform:capitalize;
}

div.agenda-month-list h3 a{
	color:#000;
}

div.agenda-month-list h3 a:hover{
	text-decoration:underline;
}

.agenda-month-list-date{
	width:9%;
	padding-right:4%;
	height:auto;
}

.agenda-month-list-hour{
	width:7%;
	padding-left:4%;
	padding-right:4%;
	height:auto;
}

.agenda-month-list-title{
	width:24%;
	padding-left:4%;
	padding-right:4%;
	height:auto;
}

.agenda-month-list-place{
	width:32%;
	padding-left:4%;
	padding-right:4%;
	height:auto;
}



/* LOVENOF */

.page-model p{
	font-size:1.4rem;
	font-weight: normal;
	line-height:115%;
	clear:both;
	padding-top:0rem;
	padding-bottom:0rem;
}

.page-model h3{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
	padding-bottom:1.5rem;
}

.page-model .page-page-2col-left ul{padding-top:1.5rem;padding-bottom:3rem;}
.page-model .page-page-2col-left ul:last-child{padding-top:1.5rem;padding-bottom:0rem;}

.page-model .page-page-2col-left ul li{
	font-size:1.4rem;
	font-weight: normal;
	line-height:115%;
}

.page-model .page-page-2col-left ul li:before{
	content: "•";
	padding-right:1.3rem;
}

.page-page-2col-right.page-model p{
	padding-top:1.25rem;
	padding-bottom:1.25rem;
}

.page-page-2col-right.page-model p:first-child{padding-top:0;}

input[type=text]{
	width:100%;
	height:auto;
	font-size:1.4rem;
	padding:0.9rem;
	box-sizing: border-box;
	border: 3px #000 solid;
}

.subscription{
	margin-bottom:3.8rem;
}

.subscription-arrow{
	position:relative;
	float:none;
	clear:none;
	width:calc(1.4rem + 1.8rem + 3px);
	height:calc(1.61rem + 1.8rem);
	margin-left:calc(100% - (1.4rem + 1.8rem + 3px) - 6px);
	background-color:#FFF;
	border:3px #000 solid;
	pointer-events:none;
}

.subscription-arrow svg{
	position: absolute;
	width:70%;
	height:70%;
	top:15%;
	left:15%;
	fill: none;
  	stroke: #000;
  	stroke-width: 3px;
  	overflow: visible;
}


.nice-select:hover + .subscription-arrow {background-color:#000;}
.nice-select:hover + .subscription-arrow svg{stroke: #FFF;}
.nice-select.open:hover + .subscription-arrow {background-color:#FFF;}
.nice-select.open:hover + .subscription-arrow svg{stroke: #000;}

button.submit, input.submit{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
	padding-top:calc(0.275rem);padding-bottom:calc(0.275rem);
	padding-left:0.9rem;padding-right:0.9rem;
	background-color:#FFF;
	outline: none;
	border:3px solid #000;
	cursor:pointer;
	margin-top:2rem;
	margin-bottom:2rem;
}

button.submit:hover, input.submit:hover{
	color:#FFF;
	background-color:#000;
	outline: none;
	border:3px solid #000;
}

div.error{
	width:100%;
	height:auto;
	font-size:1.4rem;
	line-height:115%;
	padding:0.9rem;
	padding-right:2.5vw;
	margin-bottom:2.5rem;
	color:#e50000;
	box-sizing: border-box;
	border: 3px #e50000 solid;
}
					 
div.success{
	width:100%;
	height:auto;
	font-size:1.4rem;
	line-height:115%;
	padding:0.9rem;
	padding-right:2.5vw;
	margin-bottom:2.5rem;
	color:#00cc00;
	box-sizing: border-box;
	border: 3px #00cc00 solid;
}

/* nice select css */

.nice-select {
    position:relative;
    display:inline;
    float:left;
    clear:right;
    width:100%;
	height:auto;
	background-color:#FFF;
	color:#000;
	font-size:1.4rem;
	line-height: 115%;
	padding:0.9rem;
	box-sizing: border-box;
	border: 3px #000 solid;
	outline: none;
    cursor: pointer;

    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  	      white-space: nowrap;
}
  
.nice-select:hover {
  color:#000;
  /*
  background-color:#CCC;
  */
  background-color:#000;
  color:#FFF;
}

.nice-select.open{background-color:#FFF;color:#000; }

.nice-select.open .list {
    visibility:visible;
    border: 0rem solid #000;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
}       
      
  .nice-select .list {
  	/*
    background-color: #EEE;
    */
    background-color:#FFF;
    color:#000;

    box-shadow: 0 0 5px 1px rgba(68, 68, 68, 0.11);
    margin-top: 0rem;
    margin-left:-3px;
    padding-top:0!important;
    height:auto;
    max-height:auto;
    width:100%;
    visibility:hidden;
    overflow: hidden;
    overflow-y:auto;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    border:3px #000 solid!important;
}
    
.nice-select .list:hover .option:not(:hover) {
	/*
  	background-color: #EEE;
  	*/
  	background-color: #FFF;
  	color:#000;
}

.nice-select .option {
  cursor: pointer;
    line-height: 100%;
    list-style: none;
    min-height: 1.4rem;
    padding:0.9rem;
    outline: none;
 
    text-align: left;
}
    .nice-select .option.focus{background-color:#000;color:#FFF;}
    .nice-select .option.selected.focus{background-color:#000;color:#FFF;}
    .nice-select .option.selected.focus:hover{background-color:#000;color:#FFF;}  
    .nice-select .option:hover{background-color:#000;color:#FFF;}  
      
    .nice-select .option.selected {
      background-color:#FFF;color:#000; }
    .nice-select .option.disabled {
      background-color: transparent;
      background-color:#FFF;color: #000;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

.select-style-div select {display: none;}

/* CONTACT */

.page-contact p{
	font-size:2.75vw;
	font-weight: normal;
	line-height:110%;
}

.page-contact hr{
	height:0px;margin:0;padding:0;border:none;
	padding:2rem;
}

.contact-col-bloc{
	padding:2rem;
	border-bottom:3px #000 solid;
}

.contact-col-bloc:last-child{
	border-bottom:none;
}

.page-page-2col-right.page-contact a{
	text-decoration:underline;
}

.page-page-2col-right.page-contact .contact-col-bloc-newsletter p{
	padding-bottom:1.65rem;
}

.page-page-2col-right.page-contact input[type=text]{
	width:100%;
	height:auto;
	font-size:1.4rem;
	padding:0.9rem;
	box-sizing: border-box;
	border: 3px #000 solid;
}

.page-page-2col-right.page-contact input[type=text]::placeholder{
	font-size:1.4rem;
	color:#000;
	opacity:1;
}

/* ABOUT */

.page-page-wrapper.page-about{
	position:relative;
	border-top:none;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:column;
	flex-direction: column;
}

.page-about .page-page-row{
	padding:2rem;
	padding-top:3.5rem;
	padding-bottom:3.5rem;
	border-bottom:3px solid #000;

	/* flex + prefixed */
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	flex-direction: row;
}

.page-about .page-page-row.row-about-blue{
	background-color:rgb(37,217,253);
	padding-top:2rem;
	padding-bottom:8rem;
}

.page-about .page-page-row:first-child, .page-about .page-page-row:last-child{border-bottom:none;}

.page-about div.page-page-2col-left{
	width:calc(50% - 1rem);
	padding-right:1rem;
	border:none;
}

.page-about div.page-page-2col-right{
	width:calc(50% - 1rem);
	padding-left:1rem;
	border:none;
}

.page-about hr{
	height:0px;margin:0;padding:0;border:none;
	padding:1.25rem;
}

.page-about h3, .row-about-blue .page-page-2col-left p{
	font-size:2rem;
	font-weight: normal;
	line-height:120%;
}

.row-about-blue .page-page-2col-left p{
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}

.row-about-blue .page-page-2col-left p:first-child{padding-top:0rem;}
.row-about-blue .page-page-2col-left p:last-child{padding-bottom:0rem;}

.page-about p{
	font-size:1.4rem;
	font-weight: normal;
	line-height:115%;
	padding-top:0.9rem;
	padding-bottom:0.9rem;
}

.page-about p:first-child{padding-top:0;}
.page-about p:last-child{padding-bottom:0.25rem;}

.about-function{
	position:relative;
	display:block;
	width:40%;
	float:left;
	clear:both;
	font-style: italic;
	padding:0;
	margin:0;
	padding-right:5%;
}

.about-name{
	position:relative;
	display:block;
	width:40%;
	float:left;
	clear:right;
	font-style: normal;
	padding:0;
	margin:0;
	padding-right:5%;
}

.about-function p, .about-name p{
	float:left;
	clear:none;
	padding:0;margin:0;
}

.about-function p a:hover, .about-name p a:hover{
	text-decoration: underline;
}

.row-about-blue h3{
	font-size:5vw;
	font-weight: normal;
	line-height:100%;
	padding-bottom:1rem;
}














/* F O O T E R */

section.footer{
	position:relative;
	float:left;
	clear:both;
	width:100%;
	top:0;
	left:0;
	height:calc(22px + 125px);
	padding-top:12px;
	padding-bottom:11px;
	font-size:22px;
	line-height:100%;
	color:#FFF;
	background-color:#000;
	box-shadow: 0px 2px #000;
}

section.footer .adresse{
	float:right;
	margin-right:calc(2rem);
	margin-top:4px;
}

section.footer a{
	color:#FFF;
}

section.footer a:hover{
	opacity:0.5;
}

section.footer p{
	float:left;
	clear:none;
}

section.footer .logos{
	float:left;
	margin-left:calc(2rem);
	width:auto;
	height:27px;
	margin-top:2px;
}

section.footer .logos a:hover div{
	opacity:0.5;
}

.single-logo-footer{
	float:left;
	clear:right;
	height:27px;
	width:27px;
	margin-left:2px;
	margin-right:2px;
	background-size: contain;
	background-repeat: no-repeat;
}

.logos a:first-child .single-logo-footer{margin-left:0;}
.logos a:last-child .single-logo-footer{margin-right:0;}

.logo-fb{background-image:url('../image/facebook_logo.svg');}
.logo-instagram{background-image:url('../image/instagram_logo.svg');}
.logo-twitter{background-image:url('../image/twitter_logo.svg');}
.logo-vimeo{background-image:url('../image/vimeo_logo.svg');}

.footerdesktop{display:block;}
.footermobile{display:none;}

.sponsors{
	position:relative;
	float:left;
	clear:both;
	width:calc(100% - 3.5rem);
	min-height:calc(125px - 1rem);
	padding-left:1.5rem;
	padding-right:2rem;
	padding-top:0.5rem;
	padding-bottom:0.5rem;
	pointer-events:none;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	background-color:#000;
}


.sponsors-logo{
	position:relative;
	width:6%;
	margin-right:2.33%;
	margin-top:0.25rem;
	height:auto;
	pointer-events:auto;
  	align-self: flex-end;
  	-webkit-align-self: flex-end;
}

.sponsors-logo a img{
	width:100%;
	height:100%;
	object-fit: contain;
	z-index:9;
	font-family: 'object-fit: contain;';
}









.hide{
	display:none!important;
}

.invisible{
	opacity:0;
}

.invisiblenoclick{
	opacity:0;
	pointer-events: none;
}























/* no transitions */

.notransition {
  -webkit-transition: none !important;
     -moz-transition: none !important;
      -ms-transition: none !important;
       -o-transition: none !important;
          transition: none !important;
}

/* way the hell off screen */
.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}





/* MEDIA QUERRIES */



/* Small devices */
@media only screen and (max-width: 767px)  {

	div.menu-bar{
		width:calc(100vw - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
	}

	div.menu-button-toggle{
		position:absolute;
		top:0px;
		left:calc(100vw - 1.25rem - 28px - 20px);
		height:28px;
		width:calc(28px + 10px + 6px)!important;
		padding-left:12px;
		padding-right:12px;
		padding-top:8px;
		padding-bottom:18px;
		cursor:pointer;
	}

	div.menu-top-mobile-open{
		position:absolute;
		top:8px!important;
		left:17px!important;
	}

	.menu-site-languages-desktop{display:none;}
	.menu-site-languages-mobile{display:block;padding-top:0rem;padding-bottom:0.9rem;}

	div.menu-slider {
		position:fixed;
		width:calc(100vw - 2.5rem);
		height:calc(100% - 45px - 2.5rem);
		font-size:1.4rem;
		padding-top:1.25rem;
		padding-bottom:1.25rem;
		padding-left:1.25rem;
		padding-right:1.25rem;

		top:calc(45px - 100%);

		overflow-y:auto;
		overflow-x:none!important;
		-webkit-overflow-scrolling: touch;
	}

	.menu-slider-list{
		height:auto;
		margin:0;padding:0;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	ul.menu-slider-list-col{
		width:auto;
		height:auto;
		margin:0;padding:0;
	}

	ul.menu-slider-list-col:last-child{
		margin-right:0;
	}

	ul.menu-slider-list-col li{
		line-height:115%;
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		margin-top:0rem;
		margin-bottom:0rem;
	}


	.cont-home-biglogo{
		width:calc(100% - 2.5rem);   height:calc(37.25vw);   opacity:0;
		margin:1.25rem;   margin-top:1.1rem;   margin-bottom:1.1rem;
		display:none;
	}

	.cont-home-biglogoback{
		width:calc(100% - 2.5rem);   height:calc(35.5vw);   opacity:1;
		margin:1.25rem;   margin-top:1.1rem;   margin-bottom:0.75rem;
		display:none;
	}

	/* home general */

	div.cont-home-title{
		width:100%;
		height:auto;
		padding-top:0!important;
		padding-bottom:0!important;
		border-top:none;
	}

	div.cont-home-title h3{
		font-size:2.8rem;
		font-weight: normal;
		line-height:105%;
		padding-top:calc(0.75rem + 2px + 0.075rem);
		padding-bottom:calc(0.75rem + 1px - 0.075rem);
		padding-left:1.25rem;
	}

	.addbutton{
		width:3rem;
		height:3rem;
		margin-right:1.25rem;
		margin-bottom:calc(1rem + 1.5vw);
	}

	.addbutton-line1{
		width:2.25rem;
		margin-left:0.375rem;
	}

	.addbutton-line2{
		width:2.25rem;
		margin-left:0.375rem;
	}

	/* home carousel */

	.cont-home-wrapper-carousel{
		position: relative;
		width:100%;
	}

	.cont-home-carousel-buttons{
		position:absolute;
		width:calc(100% - 2.5rem);
		top:-0.3125rem;left:0;
		margin-left:1.25rem;
		margin-right:1.25rem;
		margin-top:calc(1.25rem - 2px);
	}

	.previousarrow-topcarousel{
		position:absolute!important;
		right:0!important;
	}

	.nextarrow-topcarousel{
		position:absolute!important;
		right:0!important;
	}

	.cont-home-top-slider{
		position:absolute;
		width:100%;
		height:auto;
		z-index:1;
	}

	.cont-home-top-slide{
		position:relative;
		height:auto;
	}

	.cont-home-top-slide-infos{
		position:relative;
		width:calc(100% - 2.5rem);
		height:auto;
		top:-0.3125rem;
		padding-left:1.25rem;
		padding-right:1.25rem;
		padding-top:1.25rem;
		padding-bottom:calc(1.25rem - 0.3125rem);
		z-index:2;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.cont-home-top-slide-infos.onlyoneslide{
		width:calc(100% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
	}

	.cont-home-top-slide-infos .title{
		width:calc(100% - 6rem - 2.5rem)!important;
		min-height:calc(1.4rem + 1.875rem - 0.3125rem - 4px);
		text-align: left;
		margin-left:-1.25rem;
		padding-bottom:0.9375rem;
		padding-left: calc(1.25rem + 3rem + 1.25rem);
		padding-right:calc(1.25rem + 3rem + 1.25rem)!important;
		border-bottom:2px solid #000;
	}

	.cont-home-top-slide-infos .title.onlyoneslide{
		width:100%!important;
		min-height:inherit!important;
		height:auto!important;
		text-align: left;
		margin-left:-1.25rem;
		padding-bottom:0.9375rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem!important;
		border-bottom:2px solid #000;
	}

	.cont-home-top-slide-infos h6{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.cont-home-top-slide-infos h6 a:hover{
		text-decoration: underline;
	}

	.cont-home-top-slide-infos section.dateandplace{
		width:100%;
		padding-left:0;
		padding-right:0;
		padding-top:0.9375rem;
		padding-bottom:0.9375rem;
		text-align: left;
	}

	.cont-home-top-slide-infos h6.subtitle{
		font-size:1.25rem;
		line-height: 115%;
		width:75%;
		padding-left:0;
		padding-right:0;
		text-align: left;
	}

	.cont-home-top-slide-image{
		width:calc(100% - 2.5rem);
		height:80vw;
		margin-left:1.25rem;
		margin-right:1.25rem;
		margin-top:0;
		padding-bottom:1.25rem;
	}

	.carouseldesktop{display:none!important;}
	.carouselmobile{display:block!important;}

	.previousarrow, .nextarrow{
		width:3rem;
		height:3rem;
	}

	/* home recent productions */

	.cont-home-currentseasonproductions-single{
		width:calc(100% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
		padding-top:1.25rem;
		padding-bottom:1.25rem;
	}

	.cont-home-currentseasonproductions-content{
		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.cont-home-currentseasonproductions-representation{
		position:relative;
		line-height:115%;
		width:100%;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-order:2;
		order:2;
	}

	.cont-home-currentseasonproductions-subtitle{
		padding-top:1.25rem;
		width:75%;
		max-width:inherit;

		/* flex + prefixed */
		-webkit-order:3;
		order:3;
	}

	.cont-home-currentseasonproductions-representation p, .cont-home-currentseasonproductions-subtitle p{
		font-size:1.25rem;
		line-height: 115%;
	}

	.cont-home-currentseasonproductions-date{width:100%!important;margin-right:0;max-width:inherit;}
	.cont-home-currentseasonproductions-lieu{width:100%!important;margin-right:0;max-width:inherit;}
	.cont-home-currentseasonproductions-title{margin-top:0;margin-bottom:1.25rem;-webkit-order:1;order:1;}

	.cont-home-currentseasonproductions-title h2{
		font-size:12.5vw;
		font-weight: normal;
		line-height:100%;
	}

	.cont-home-currentseasonproductions-hoverimage{display:none;}
	.cont-home-currentseasonproductions-hoverimage img{display:none;}
	.cont-home-currentseasonproductions-single:hover .cont-home-currentseasonproductions-hoverimage{display:none;}

	.homecurrent-desktop{display:none;}
	.homecurrent-mobile{display:block!important;}

	/* home infos */

	.cont-home-informations-single{
		position:relative;
		width:calc(100%);
		height:auto;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}

	.cont-home-informations-single-alert{
		position:relative;
		width:100%;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.cont-home-informations-single-alert h6{
		position:relative;
		width:calc(100% - 6.75rem);
		padding-top:1.25rem;
		padding-bottom:1.25rem;
		padding-left:1.25rem;
		padding-right:1.25rem;
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.alertbutton{
		position:relative;
		width:3rem;
		height:3rem;
		margin-top:1.25rem;
		margin-left:1.25rem;
		margin-bottom:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content:center;
		justify-content:center;
	}

	.alertbutton p{
		font-size:2.75rem;
		margin-left:1px;
	}

	.cont-home-informations-single-news{
		position:relative;
		width:100%;
		height:auto;
		padding-bottom:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column-reverse;
		flex-direction:column-reverse;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.cont-home-informations-single-news-image{
		position: relative;
		width:100%;
		padding-top:1.25rem;
		height:calc(100vw / 1.66);
		display:none;
	}

	.cont-home-informations-single-news-image img{
		width:calc(100%);
		height:100%;
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}

	.cont-home-informations-single-news-text{
		position: relative;
		width:calc(100% - 2.5rem);
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		padding-top:1.25rem;
		padding-bottom:1.25rem;
		height:auto;
		margin-left:0;
	}

	.cont-home-informations-single-news-text .news-txt-wrapper-extract p, 
	.cont-home-informations-single-news-text .news-txt-wrapper-full p{
		padding:0;margin:0;
	}

	.cont-home-informations-single-news-text hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	.news-txt-title h3{
		font-size:6vw;
		font-weight: normal;
		line-height: 100%;
		padding-bottom:1.25rem;
	}

	.news-txt-wrapper-extract{
		max-height:calc(60vw * 1.4);
	}

	.news-txt-wrapper-extract.newslesspadding{
		margin-bottom:-1rem!important;
	}

	.news-txt-wrapper-extract, .news-txt-wrapper-full{
		margin-bottom:calc(3rem - (1.25rem / 2));
	}

	.news-txt-wrapper-extract p, .news-txt-wrapper-full p{
		font-size:0.9rem;
		line-height: 125%;
		padding-top:1.25rem;
		padding-bottom:1.25rem;
	}

	.addnews{margin:0;bottom:calc(0px - 1.25rem + 2px);margin-bottom:1.25rem;margin-right:1.25rem;}

	.cont-home-informations-single-video{
		position:relative;
		width:100%;
		height:calc( (100vw - 16px) / 1.775);
		background-color:#000;
	}

	.cont-home-informations-single-video.videonoscrollbar{
		position:relative;
		width:100%;
		height:calc( (100vw) / 1.775);
		background-color:#000;
	}

	.home-video-focus, .project-video-focus{
		position:absolute;
		width:100%;
		height:calc(100% + 0px);
		top:0px;
		left:0;
		z-index:5;
		cursor:pointer;

		-webkit-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
		   -moz-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
		    -ms-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
		     -o-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
		        transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 0ms;
	}

	.home-video-container, .project-video-container{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		opacity:1;
		z-index:1;
		cursor:pointer;

	    -webkit-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
		   -moz-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
		    -ms-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
		     -o-transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
		        transition: opacity 0ms ease-in-out 250ms, z-index 0ms ease-in-out 250ms;
	}

	.home-video-focus img, .project-video-focus img{
		width:100%;
		height:100%;
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}

	.videoplay-arrow{
		position:absolute;
		top:calc(50% - 15vw);
		left:calc(50% - 15vw);
		width:30vw;
		height:30vw;
		border-radius: 50%;
		border: 3px #FFF solid;
		overflow:visible;
		cursor:pointer;
	}

	.videoplay-arrow svg{
		position: absolute;
		width:60%;
		height:60%;
		top:20%;
		left:24%;
		fill: none;
	  	stroke: #FFF;
	  	stroke-width: 3px;
	  	overflow: visible;
	}

	iframe.videoframe{
		position:relative;
		width:100%;
		height:100%;
		opacity:1;
	}

	.videoinvisible{
		opacity:0;
		z-index:-1!important;

		-webkit-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
		   -moz-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
		    -ms-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
		     -o-transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
		        transition: opacity 250ms ease-in-out 0ms, z-index 0ms ease-in-out 250ms;
	}

	/* home agenda */

	.cont-home-agenda-slider{
		position:relative;
		width:100%;
		height:auto;
	}

	.cont-home-agenda-slide{
		position:relative;
		width:calc(100%);
		height:auto;
		padding-right:0;
		padding-left:0;
		padding-bottom:0rem;
	}

	.cont-home-agenda-slide.onlyoneslide{
		padding-bottom:0.25rem;
	}

	.cont-home-agenda-row, .cont-home-agenda-link-all{
		padding-top:1.25rem;
		padding-bottom:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.cont-home-agenda-slider h6{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.cont-home-agenda-slider h6 a:hover{
		text-decoration: underline;
	}

	.cont-home-agenda-slider h6.cont-home-agenda-date{
		width:calc(50% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
		text-align: left;
	}

	.cont-home-agenda-slider h6.cont-home-agenda-time{
		width:calc(50% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
		text-align: right;
	}

	.cont-home-agenda-slider h6.cont-home-agenda-title{
		width:calc(100% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
		padding-top:1.25rem;
		text-align: left;
		order:2;
	}

	.cont-home-agenda-slider h6.cont-home-agenda-place{
		width:calc(100% - 2.5rem);
		padding-left:1.25rem;
		padding-right:1.25rem;
		text-align: left;
	}
	
	.cont-home-agenda-link-all{
		width:calc(100% - 11rem)!important;
		height:3rem;
		text-align: center;
		padding-bottom:1.25rem;
		padding-bottom:1.25rem;
		padding-left: calc(1.25rem + 3rem + 1.25rem)!important;
		padding-right:calc(1.25rem + 3rem + 1.25rem)!important;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-align-items:center;
		align-items:center;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		-webkit-align-self:center;
		align-self:center;
	}
	
	.cont-home-agenda-link-all h6{
		width:100%;
		text-align: center;
		height:auto;
		padding:0!important;
	}

	.home-agendabtn-wrapper{
		width:calc(100% - 2.5rem);
		height:auto;
		margin-left:1.25rem;
		margin-top:calc(0px - 1.5rem - 1.25rem - 1.25rem - 4px);
		margin-bottom:calc(1.25rem);
	}

	.previousagenda{width:3rem;height:3rem;}
	.nextagenda{width:3rem;height:3rem;}
	.previousarrow, .nextarrow{width:3rem;height:3rem;}
	.previousagenda button.date, .nextagenda button.date{display:none!important;}

	/* home newsletter */

	.home-newsletter-wrapper{
		position:relative;
		width:calc(100% - 2.5rem)!important;
		height:auto;
		padding-left:1.25rem;
		padding-right:1.25rem;
		padding-top:1.25rem;
		padding-bottom:calc(1.25rem + 1px);

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
	}

	.home-newsletter-wrapper p{
		font-size:2.8rem;
		font-weight: normal;
		line-height:105%;
		width:100%;
		padding:0;margin-top:0;
		margin-bottom:calc(1.25rem + 2.75vw);
	}

	form.newsletter{
		width:100%;
	}

	.home-newsletter-wrapper form.newsletter input[type=text]{
		margin:0;
		width:100%;
	}

	.home-newsletter-wrapper form.newsletter input[type=text]::placeholder{
		color:#000;
		box-sizing: border-box;
	}

	.home-newsletter-wrapper form.newsletter input.submit{
		width:100%;
		margin:0;
		margin-top:1.25rem;
		height:auto;
		padding-top:calc(0.625rem);padding-bottom:calc(0.625rem);
		padding-left:0.625rem;padding-right:0.625rem;
	}

	/* PAGE INDEX PROJECTS */

	.page-page-wrapper.page-index-projet{position:relative;display:block;}
	.page-index-projet-row{position:relative;display:block;}

	.page-index-projet-row a{
		position:relative;
		width:100%;
		height:auto;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.page-index-projet-row-image{display:none;}
	.page-index-repertoire-projet-row-image{display:none;}

	.page-index-projet-row-text, .page-index-repertoire-projet-row-text{
		width:calc(100% - 2.5rem);
		padding-right:1.25rem;
		padding-left:1.25rem;
		padding-bottom:1.25rem;
		height:auto;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.page-index-projet-row-text-dateandplace{
		width:100%;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-order:2;
		order:2;
	}

	.page-index-projet-row-text-dateandplace:first-child{
		padding-top:1.25rem;
	}

	.page-index-projet-row-text-dateandplace h6{
		width:auto;
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	h6.indexdate{width:calc(100%);}
	h6.indexplace{width:auto;max-width:calc(100%);}

	.page-index-projet-row-text-title h3{
		width:auto;
		font-size:12.5vw;
		font-weight: normal;
		line-height:100%;
		padding-top:1.25rem;
		padding-bottom:0;

		-webkit-order:1;
		order:1;
	}

	.page-index-projet-row-text-subtitle{padding-top:1.25rem;-webkit-order:3;order:3;}

	.page-index-projet-row-text-subtitle p{
		width:calc(100% - 4.25rem - 4px);
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
		padding-top:0;
		padding-bottom:0;
	}

	.addbutton.addbutton-page-index{
		margin-right:1.25rem;
		margin-bottom:1.25rem;
	}

	/* PROJECT PAGE */

	.page-project-top-block{
		position:relative;
		width:calc(100% - 2.5rem);
		height:auto;
		padding:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.page-project-top-block-row{
		width:100%;
		padding-top:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.page-project-top-block-row:first-child{padding-top:0;}

	.page-project-titlewrap{
		width:100%;
		padding-right:0;
	}

	.page-project-title h3{
		font-size:12.5vw;
		font-weight: normal;
		line-height:100%;
		padding-bottom:0;
	}

	.page-project-dateplace{
		padding-top:1.25rem;
	}


	.page-project-dateplace h6{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.page-project-subtitle{
		width:75%;
		padding-top:1.25rem;
		padding-left:0;
		padding-right:0;
	}

	.page-project-dateplace-desktop, .page-project-subtitle-desktop{display:none;}
	.page-project-dateplace-mobile, .page-project-subtitle-mobile{display:block;}

	.page-project-precredits{display:none;}

	.page-project-subtitle p, .page-project-precredits p{
		font-size:1.25rem;
		font-weight: normal;
		line-height: 115%;
		padding-top:0;
		padding-bottom:0;
	}

	.page-project-top-block-image{
		width:100%;
		padding-right:0;
		padding:0;
	}

	.page-project-top-block-text{
		width:calc(100%);
		padding-left:0;
		margin:-1.25rem;
		margin-top:1.25rem;
		padding:1.25rem;
		padding-bottom:1.25rem;
		background-color:#FFF;
	}

	.page-project-top-block-text p{
		font-size:0.9rem;
		font-weight: normal;
		line-height: 125%;
		padding-top:0rem;
		padding-bottom:0rem;
	}

	.page-project-top-block-text hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	.page-project-bottom-block{
		position:relative;
		width:calc(100%);
		height:auto;
		padding:0;
		padding-left:0;padding-right:0;
		padding-bottom:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
	}

	.page-project-bottom-block-image{
		width:100%;
		height:auto;
		padding-left:0rem;
		padding-right:0rem;
	}

	.page-project-slider{
		position:relative;
		width:100%;
		height:calc(100vw / 1.66);
		overflow:hidden;
		cursor: pointer;
	}

	.page-project-slide{
		position:relative;
		width:100%;
		height:calc(100vw / 1.66);
	}

	.page-project-slide img{
		width:100%;
		height:calc(100vw / 1.66);
		object-fit: cover;
		font-family: 'object-fit: cover;'
	}

	.page-project-carousel-buttons{
		position:relative;
		width:calc(100% - 2.5rem);
		height:calc(3rem + 4px);
		margin:1.25rem;
		margin-top:1.25rem;
	}

	.previousarrow-singleproject, .nextarrow-singleproject{width:calc(3rem + 4px);height:calc(3rem + 4px);}
	.previousarrow-singleproject{position:absolute!important;left:0!important;}
	.nextarrow-singleproject{position:absolute!important;right:0!important;}

	.page-project-video{
		position:relative;
		display:block;
		float:left;
		clear:both;
		width:100%;
		height:calc( (100vw) / 1.775);
		margin-bottom:0.7rem;
		background-color: #000;
	}

	.page-project-video:nth-child(even){
		margin-left:0;
		margin-right:0;
	}

	.page-project-video:nth-child(odd){
		margin-left:0;
		margin-right:0;
	}

	.project-videoplay-arrow{
		position:absolute;
		top:calc(50% - 18vw);
		left:calc(50% - 18vw);
		width:36vw;
		height:36vw;
		border-radius: 50%;
		border: 3px #FFF solid;
		overflow:visible;
		cursor:pointer;
	}

	.project-videoplay-arrow svg{
		position: absolute;
		width:60%;
		height:60%;
		top:20%;
		left:24%;
		fill: none;
	  	stroke: #FFF;
	  	stroke-width: 3px;
	  	overflow: visible;
	}

	.page-project-video:last-of-type{
		margin-bottom:1.25rem;
	}

	.page-project-photocredits{
		width:calc(100% - 2.5rem);
		height:auto;
		font-size:0.9rem;
		line-height:120%;
		margin-left:1.25rem;
		margin-bottom:1.8rem;
	}

	.page-project-photocredits-padding{
		position:relative;
		float:left;
		width:100%;
		height:1.25rem;
	}

	.page-project-credits-function{
		position:relative;
		display:block;
		width:100%;
		float:left;
		clear:both;
		font-style: italic;
		padding:0;
		margin:0;
		padding-right:0;
	}

	.page-project-credits-name{
		position:relative;
		display:block;
		width:calc(100% - 2rem);
		float:left;
		clear:both;
		font-style: normal;
		padding:0;
		margin:0;
		padding-right:0;
		padding-left:2rem;
	}

	.credits-br{
		padding-bottom:1.25rem;
	}

	.credits-br2{
		margin-top:1.25rem;
	}

	.page-project-credits-with{
		width:100%;
		float:left;
		clear:both;
		margin-top:2.5rem;
	}

	.page-project-bottom-block-text{
		width:100%;
		height:auto;
		padding-left:0;
		padding-right:0;
		padding-top:1.25rem;
	}

	.page-project-bottom-block-text h3{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
		padding-top:2.5rem;
		padding-bottom:1.25rem;
		padding-left:1.25rem;padding-right:1.25rem;
	}

	.page-project-bottom-block-text p{
		font-size:0.9rem;
		font-weight: normal;
		line-height: 125%;
		padding-top:0rem;
		padding-bottom:0rem;
		padding-left:1.25rem;padding-right:1.25rem;
	}

	.page-project-bottom-block-text hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	.page-project-bottom-block-text h3:first-child{padding-top:0rem;}

	h3.single-bottom-calendar-title{
		border-top:2px #000 solid;
		padding-top:1.25rem;
		margin-top:1.25rem;
	}

	.page-project-agendarow{
		width:calc(100% - 2.5rem);
		float:left;
		clear:right;
		padding-left:1.25rem;
		padding-right:1.25rem;
		padding-top:0.7rem;
		padding-bottom:0.7rem;
	}

	.page-project-agendarow p{
		font-size:0.9rem;
		line-height:125%;
		width:auto;
		float:left;
		clear:right;
		padding-left:0;
		padding-right:0;
	}

	.page-project-agendarow p.place{
		width:90%;
		padding-right:10%;
	}

	.page-project-agendarow p.date{
		width:90px;
		float:left;
		clear:both;
		padding-right:calc(25px);
	}

	.page-project-agendarow p.time{
		width:15%;
		padding-right:10%;
	}

	.page-project-agendarowfirst{
		width:calc(80% - 25px);
		float:left;
		clear:right;
	}

	.page-project-agendarowtickets{
		width:auto;
		float:right;
		clear:right;
		padding:0.5rem;
		padding-top:0.25rem;
		padding-bottom:0.25rem;
		margin-top:calc(0px + 3px - 0.5rem);
		border:1px solid #000;
	}

	.page-project-agendarowtickets:hover{
		background-color:#000;
		color:#FFF;
	}

	.page-project-agendarowtickets a{
		width:auto;
		float:right;
		clear:right;
	}

	/* PAGE AGENDA CONTACT ABOUT ETC GENERAL */

	div.page-page-title{
		width:calc(100% - 2.5rem);
		height:auto;
		padding-top:0;
		padding-bottom:0;
		margin-top:5px;
		padding-left:1.25rem;
	}

	div.page-page-title h3{
		font-size:2.8rem;
		padding-top:0.75rem;padding-bottom:0.75rem;
		font-weight: normal;
		line-height:105%;
	}

	div.page-page-wrapper{
		position:relative;
		width:100%;
		height:auto;
		min-height:calc(100vh - 45px - 125px - 130px - 4.44rem - 1px);

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}

	div.page-page-2col-left{
		width:100%;
		border-right:none;
	}

	div.page-page-2col-right{
		width:100%;
	}

	.page-model hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	/* AGENDA */

	.cont-agenda-carousel-buttons{
		position:absolute;
		width:calc(100% - 2.5rem);
		top:0;left:0;
		margin-left:1.25rem;
		margin-right:1.25rem;
		margin-top:calc(45px + 2.94rem + 1.5rem + 2px + 1.25rem);
		z-index:5!important;
	}

	div.agenda-wrapper-season{
		position: relative;
		width:calc(100vw + 4px)!important;
		margin-left:-2px;
		height:auto;
		background-color:#FFF;
	}

	div.agenda-slide-season{
		position: relative;
		/*clear:left;*/
		clear:right;
		width:calc(100%);
		margin-left:-1px;
		margin-right:-1px;
		height:100%;
		min-height:calc(100vh - 45px - 125px - 130px - 4.25rem - 1px);
		border-left: 2px #000 solid;
		border-right: 2px #000 solid;
		box-sizing: border-box;

	  	-webkit-user-select: text;
	    -moz-user-select: text;
	    -ms-user-select: text;
	    user-select: text;
	}

	div.agenda-season-title{
		width:calc(100% - 2.5rem - 8rem);
		height:3rem;
		padding:1.25rem;
		padding-left:calc(1.25rem + 3rem + 1rem);
		padding-right:calc(1.25rem + 3rem + 1rem);
		background-color:#FFF; 
		border-top:2px solid #000;
		border-bottom:2px solid #000;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
	}

	div.agenda-season-title.onlyoneslide{
		width:calc(100% - 2.5rem);
		padding-left:calc(1.25rem);
	}

	div.agenda-month-title{
		width:calc(100% - 2.5rem - 4px);
		height:auto;
		padding:calc(1.25rem + 2px);
		background-color:rgb(230, 73, 68); 
		border-top:none!important;
		border-bottom:2px solid #000;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}

	div.agenda-month-list{
		width:calc(100% - 2.5rem - 4px);
		height:auto;
		padding:calc(1.25rem + 2px);
		background-color:#FFF;
		border-bottom:2px solid #000;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-flex-wrap:wrap;
		flex-wrap:wrap;
	}

	div.agenda-month-list:last-child{
		border-bottom:2px #000 solid;
		margin-bottom:-2px;
	}

	div.agenda-month-title.paddingscrollbar, div.agenda-month-list.paddingscrollbar{
		width:calc(100% - 2.5rem - 16px);
		padding-right:calc(1.25rem + 16px);
	}

	div.agenda-season-title h3, div.agenda-month-title h3, div.agenda-month-list h3 {
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	div.agenda-season-title h3, div.agenda-month-title h3{
		text-transform:capitalize;
	}

	div.agenda-season-title h3{
		text-align:center;
		margin-top:-2px;
	}

	div.agenda-month-list h3 a{
		color:#000;
	}

	div.agenda-month-list h3 a:hover{
		text-decoration:underline;
	}

	.agenda-month-list-date{
		width:45%;
		padding-right:5%;
		height:auto;
	}

	.agenda-month-list-hour{
		width:45%;
		padding-left:5%;
		padding-right:0;
		height:auto;
		text-align:right;
	}

	.agenda-month-list-title{
		width:100%;
		padding-left:0;
		padding-right:0;
		padding-top:1.25rem;
		height:auto;
		-webkit-order:3;
		order:3;
	}

	.agenda-month-list-place{
		width:100%;
		padding-left:0;
		padding-right:0;
		height:auto;
		-webkit-order:2;
		order:2;
	}

	/* LOVENOF */

	.page-model p{
		font-size:0.9rem;
		font-weight: normal;
		line-height:125%;
		clear:both;
		padding-top:0rem;
		padding-bottom:0rem;
	}

	.page-model h3{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
		padding-bottom:1.4rem;
	}

	.page-model .page-page-2col-left ul{padding-top:1.4rem;padding-bottom:1.4rem;}
	.page-model .page-page-2col-left ul:last-child{padding-top:1.4rem;padding-bottom:0rem;}

	.page-model .page-page-2col-left ul li{
		font-size:0.9rem;
		font-weight: normal;
		line-height:125%;
	}

	.page-model .page-page-2col-left ul li:before{
		content: "•";
		padding-right:0.8rem;
	}

	.page-page-2col-right.page-model p{
		font-size:1.25rem;
		padding-top:1.25rem;
		padding-bottom:1.25rem;
	}

	.page-page-2col-right.page-model p:first-child{padding-top:0;}

	.subscription{
		margin-bottom:0rem;
		height:calc(1.265rem + 1.4rem + 4px)!important;
	}

	.subscription-arrow{
		position:relative;
		float:none;
		clear:none;
		width:calc(1.1rem + 1.4rem + 2px);
		height:calc(1.265rem + 1.4rem);
		margin-left:calc(100% - (1.1rem + 1.4rem + 2px) - 4px);
		background-color:#FFF;
		border:2px #000 solid;
		pointer-events:none;
	}

	.subscription-arrow.mobile{
		margin-left:calc(100% - (1.1rem + 1.4rem + 2px) - 3px);
	}

	.subscription-arrow svg{
		position: absolute;
		width:70%;
		height:70%;
		top:15%;
		left:15%;
		fill: none;
	  	stroke: #000;
	  	stroke-width: 2px;
	  	overflow: visible;
	}

	.nice-select:hover + .subscription-arrow {background-color:#FFF;}
	.nice-select:hover + .subscription-arrow svg{stroke: #000;}
	.nice-select.open:hover + .subscription-arrow {background-color:#FFF;}
	.nice-select.open:hover + .subscription-arrow svg{stroke: #000;}

	input, .submit{
		border-radius: 0!important;
		-webkit-appearance: none;
	}

	input[type=text]{
		width:100%;
		height:auto;
		font-size:1.25rem;
		line-height:115%;
		padding-top:calc(0.625rem);padding-bottom:calc(0.625rem);
		padding-left:0.625rem;padding-right:0.625rem;
	}

	button.submit, input.submit{
		font-size:1.25rem;
		text-align:left;
		line-height:115%;
		padding-top:calc(0.625rem);padding-bottom:calc(0.625rem);
		padding-left:0.625rem;padding-right:0.625rem;
		margin-top:1.25rem;
		margin-bottom:1.25rem;
	}

	button.submit{
		width:100%;
		margin-top:2.5rem;
		margin-bottom:1px;
	}

	button.submit:hover, input.submit:hover{
		color:#FFF;
		background-color:#000;
		outline: none;
		border:2px solid #000;
	}

	div.error{
		font-size:1.185rem;
		line-height:115%;
		padding:0.7rem;
		margin-bottom:1.25rem;
		border: 2px #e50000 solid;
	}
						 
	div.success{
		font-size:1.185rem;
		line-height:115%;
		padding:0.7rem;
		margin-bottom:1.25rem;
		border: 2px #e50000 solid;
	}

	/* nice select css */

	.nice-select {
	    position:relative;
	    display:inline;
	    float:left;
	    clear:right;
	    width:100%;
		height:auto;
		background-color:#FFF;
		color:#000;
		font-size:1.1rem;
		line-height: 115%;
		padding:0.7rem;
		box-sizing: border-box;
		border: 2px #000 solid;
		outline: none;
	    cursor: pointer;

	    -webkit-tap-highlight-color: transparent;
	    -webkit-user-select: none;
	       -moz-user-select: none;
	        -ms-user-select: none;
	            user-select: none;
	  	      white-space: nowrap;
	}
	  
	.nice-select:hover {
	  background-color:#FFF;
	  color:#000;
	}

	.nice-select.open{background-color:#FFF;color:#000; }

	.nice-select.open .list {
	    visibility:visible;
	    border: 0rem solid #000;
	    pointer-events: auto;
	    -webkit-transform: scale(1) translateY(0);
	        -ms-transform: scale(1) translateY(0);
	            transform: scale(1) translateY(0);
	}       
	      
	  .nice-select .list {
	  	/*
	    background-color: #EEE;
	    */
	    background-color:#FFF;
	    color:#000;

	    box-shadow: 0 0 5px 1px rgba(68, 68, 68, 0.11);
	    margin-top: 0rem;
	    margin-left:-2px;
	    padding-top:0!important;
	    height:auto;
	    max-height:auto;
	    width:100%;
	    visibility:hidden;
	    overflow: hidden;
	    overflow-y:auto;
	    pointer-events: none;
	    position: absolute;
	    top: 100%;
	    left: 0;
	    z-index: 9;
	    border:2px #000 solid!important;
	}
	    
	.nice-select .list:hover .option:not(:hover) {
		/*
	  	background-color: #EEE;
	  	*/
	  	background-color: #FFF;
	  	color:#000;
	}

	.nice-select .option {
	  cursor: pointer;
	    line-height: 115%;
	    list-style: none;
	    min-height: 1.265rem;
	    padding:0.7rem;
	    outline: none;
	    text-align: left;
	}

	/* CONTACT */

	.page-contact p{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.page-contact hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	.contact-col-bloc{
		padding:1.25rem;
	}

	.contact-col-bloc:last-child{
		border-bottom:none;
	}

	.page-page-2col-right.page-contact a{
		text-decoration:underline;
	}

	.page-page-2col-right.page-contact .contact-col-bloc-newsletter p{
		padding-bottom:1.25rem;
	}

	.page-page-2col-right.page-contact input[type=text]{
		width:100%;
		height:auto;
		font-size:1.25rem;
		line-height:115%;
		padding-top:calc(0.625rem);padding-bottom:calc(0.625rem);
		padding-left:0.625rem;padding-right:0.625rem;
	}

	.page-page-2col-right.page-contact input[type=text]::placeholder{
		font-size:1.25rem;
		color:#000;
		opacity:1;
	}

	.page-page-2col-right.page-contact input.submit{
		width:100%;
		margin-top:1.25rem;
		margin-bottom:1px;
	}

	/* ABOUT */

	.page-page-wrapper.page-about{
		position:relative;
		border-top:none;
		margin-top:5px;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}

	.page-about .page-page-row{
		padding:1.25rem;
		border-bottom:2px solid #000;
		
		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
	}

	.page-about .page-page-row.row-about-blue{
		background-color:rgb(37,217,253);
		padding-top:calc(45px - 1.25rem - 8px)!important;
		padding-bottom:1.25rem;
		border-bottom:2px #000 solid!important;
	}

	.page-about .page-page-row:first-child, .page-about .page-page-row:last-child{border-bottom:none;}

	.page-about div.page-page-2col-left{
		width:100%;
		padding-left:0;
		border:none;
	}

	.page-about .page-page-row div.page-page-2col-left{
		padding-bottom:1.25rem;
	}

	.page-about .page-page-row:first-child div.page-page-2col-left{
		padding-bottom:0;
	}

	.page-about div.page-page-2col-right{
		width:100%;
		padding:0;
		border:none;
	}

	.row-about-blue .page-page-2col-right{
		width:100%;
		padding:1.25rem!important;
		margin:-1.25rem!important;
		margin-top:1.25rem!important;
		background-color:#FFF;
		border:none;
	}

	.page-about hr{
		height:0px;margin:0;padding:0;border:none;
		padding:0.7rem;
	}

	.page-about h3, .row-about-blue .page-page-2col-left p{
		font-size:1.25rem;
		font-weight: normal;
		line-height:115%;
	}

	.row-about-blue .page-page-2col-left p{
		padding-top:0.7rem;
		padding-bottom:0.7rem;
	}

	.row-about-blue .page-page-2col-left p:first-child{padding-top:0rem;}
	.row-about-blue .page-page-2col-left p:last-child{padding-bottom:0rem;}

	.page-about p{
		font-size:0.9rem;
		font-weight: normal;
		line-height:125%;
		padding-top:0.7rem;
		padding-bottom:0.7rem;
	}

	.page-about p:first-child{padding-top:0;}
	.page-about p:last-child{padding-bottom:0.25rem;}

	.about-function{
		position:relative;
		display:block;
		width:100%;
		float:left;
		clear:both;
		font-style: italic;
		padding:0;
	}

	.about-name{
		position:relative;
		display:block;
		width:calc(100% - 2.5rem);
		float:left;
		clear:both;
		font-style: normal;
		padding:0;
		margin:0;
		padding-left:2.5rem;
	}

	.about-function p, .about-name p{
		font-size:1.25rem;
		line-height:125%;
		float:left;
		clear:none;
		padding:0;margin:0;
	}

	.row-about-blue h3{
		width:100%;
		padding:1.25rem;
		margin:-1.25rem;
		margin-bottom:7px;
		padding-top:0.75rem;padding-bottom:0.75rem;
		font-size:2.8rem;
		font-weight: normal;
		line-height:105%;
		border-bottom:2px #000 solid;
		background-color:#FFF;
	}


	








	











	/* F O O T E R */

	section.footer{
		position:relative;
		float:left;
		clear:both;
		width:calc(100% - 2.5rem);
		top:0;
		left:0;
		height:auto;
		padding:1.25rem;
		font-size:1.25rem;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:space-around;
		justify-content:space-around;
		-webkit-align-items:center;
		align-items:center;
	}

	section.footer .adresse{
		width:100%;
		float:inherit;
		margin-right:0;
		margin-top:0px;
	}

	section.footer a{
		color:#FFF;
	}

	section.footer a:hover{
		opacity:0.5;
	}

	section.footer p{
		width:100%;
		float:inherit;
		clear:inherit;
		line-height:125%;
		text-align: center;
	}

	section.footer .logos{
		width:auto;
		float:left;
		margin-left:0;
		height:27px;
		margin-top:0px;
		padding-bottom:0.9rem;
	}

	section.footer .logos a:hover div{
		opacity:0.5;
	}

	.single-logo-footer{margin-left:0.25rem;margin-right:0.25rem;}

	.footerdesktop{display:none;}
	.footermobile{display:block;}

	.sponsors{
		position:relative;
		float:left;
		clear:both;
		width:calc(100%);
		min-height:calc(130px - 1rem);
		padding-left:0;
		padding-right:0;
		padding-top:0.5rem;
		padding-bottom:0.5rem;
		pointer-events:none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		background-color:#000;
	}


	.sponsors-logo{
		position:relative;
		width:20%;
		margin-right:5%;
		margin-top:0.75rem;
		height:auto;
		pointer-events:auto;
		-webkit-align-self: flex-end;
	  	align-self: flex-end;
	}

	.sponsors-logo a img{
		width:100%;
		height:100%;
		object-fit: contain;
		z-index:9;
		font-family: 'object-fit: contain;';
	}





	/* stroke thickness */

	div.cont-home-title, div.agenda-month-title{border-top: 2px solid #000;border-bottom: 2px solid #000;}

	.addbutton, .alertbutton, .previousarrow, .nextarrow, input[type=text], button.submit, button.submit:hover, 
	input.submit, input.submit:hover, .nice-select{border: 2px #000 solid;}
	.addbutton-line1, .addbutton-line2{height:2px;margin-top:calc(1.5rem - 1px);}
	.cont-home-informations-single.alert:nth-child(even) .alertbutton {border: 2px #000 solid;}
	.cont-home-informations-single.alert:nth-child(odd) .alertbutton {border: 2px #FFF solid;}
	.videoplay-arrow, .project-videoplay-arrow{border: 2px #FFF solid;}
	.videoplay-arrow svg, .previousarrow svg, .nextarrow svg, .project-videoplay-arrow svg, .subscription-arrow svg{stroke-width: 2px;}

	div.page-page-wrapper, .home-newsletter-wrapper, div.page-page-2col-right{border-top:2px #000 solid;}
 	.nice-select .list {margin-left:-2px;border:2px #000 solid!important;}
	.cont-home-currentseasonproductions-single, .cont-home-informations-single, .page-index-projet-row a, 
	.contact-col-bloc, .page-about .page-page-row, .cont-home-agenda-row{border-bottom:2px #000 solid;}
	.page-page-2col-right.page-contact input[type=text]{border: 2px #000 solid;}
	.page-model-model div.page-page-2col-right, .page-model-model div.page-page-2col-left{border-top:none;}


}

/* Medium devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	html{font-size:10px;}





	/* stroke thickness */

	div.cont-home-title, div.agenda-month-title{border-top: 2px solid #000;border-bottom: 2px solid #000;}

	.addbutton, .alertbutton, .previousarrow, .nextarrow, input[type=text], button.submit, button.submit:hover, 
	input.submit, input.submit:hover, .nice-select{border: 2px #000 solid;}
	.addbutton-line1, .addbutton-line2{height:2px;margin-top:calc(2.5rem - 1px);}
	.cont-home-informations-single.alert:nth-child(even) .alertbutton {border: 2px #000 solid;}
	.cont-home-informations-single.alert:nth-child(odd) .alertbutton {border: 2px #FFF solid;}
	.videoplay-arrow, .project-videoplay-arrow{border: 2px #FFF solid;}
	.videoplay-arrow svg, .previousarrow svg, .nextarrow svg, .project-videoplay-arrow svg, .subscription-arrow svg{stroke-width: 2px;}

	.subscription-arrow{
		width:calc(1.4rem + 1.8rem + 2px);
		height:calc(1.61rem + 1.8rem);
		margin-left:calc(100% - (1.4rem + 1.8rem + 2px) - 4px);
		border: 2px #000 solid;
	}

	div.page-page-wrapper, .home-newsletter-wrapper{border-top:2px #000 solid;}
	div.page-page-2col-left{width:calc(50% - 1px);border-right:2px #000 solid;}
 	.nice-select .list {margin-left:-2px;border:2px #000 solid!important;}
	.cont-home-currentseasonproductions-single, .cont-home-informations-single, .page-index-projet-row a, 
	.contact-col-bloc, .page-about .page-page-row{border-bottom:2px #000 solid;}

	div.agenda-wrapper-season{width:calc(100vw + 4px)!important;margin-left:-2px;}
	div.agenda-slide-season{margin-left:-1px;margin-right:-1px;border-left: 2px #000 solid;border-right: 2px #000 solid;}
	div.agenda-month-list:last-child{border-bottom:2px #000 solid;margin-bottom:-2px;}
	.page-page-2col-right.page-contact input[type=text]{border: 2px #000 solid;}

	.page-project-agendarowtickets{
		margin-top:calc(0px + 2px - 0.5rem);
		border:1px solid #000;
	}

	.cont-agenda-carousel-buttons{
		position:absolute;
		width:calc(100% - 4rem);
		top:0;left:0;
		margin-left:2rem;
		margin-right:2rem;
		margin-top:calc(45px + 4rem + 2.75vw + 2rem - 2px)!important;
		z-index:5!important;
	}

	div.agenda-season-title{
		width:calc(100% - 8rem - 6rem - 4rem);
		height:calc(5rem - 2px);
		padding:2rem;
		padding-left:calc(2rem + 3rem + 2rem + 2rem);
		padding-right:calc(2rem + 3rem + 2rem + 2rem);
		border-top:2px solid #000;
		border-bottom:none;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
	}

	div.agenda-season-title.onlyoneslide{
		width:calc(100% - 4rem);
		padding-left:2rem;
		padding-right:2rem;
	}

	.sponsors-logo{
		position:relative;
		width:9%;
		margin-right:3.5%;
		height:auto;
		pointer-events:auto;
	  	align-self: flex-end;
	  	-webkit-align-self: flex-end;
	}

}


/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	html{font-size:12px;}





	/* stroke thickness */

	div.cont-home-title, div.agenda-month-title{border-top: 2px solid #000;border-bottom: 2px solid #000;}

	.addbutton, .alertbutton, .previousarrow, .nextarrow, input[type=text], button.submit, button.submit:hover, 
	input.submit, input.submit:hover, .nice-select{border: 2px #000 solid;}
	.addbutton-line1, .addbutton-line2{height:2px;margin-top:calc(2.5rem - 1px);}
	.cont-home-informations-single.alert:nth-child(even) .alertbutton {border: 2px #000 solid;}
	.cont-home-informations-single.alert:nth-child(odd) .alertbutton {border: 2px #FFF solid;}
	.videoplay-arrow, .project-videoplay-arrow{border: 2px #FFF solid;}
	.videoplay-arrow svg, .previousarrow svg, .nextarrow svg, .project-videoplay-arrow svg, .subscription-arrow svg{stroke-width: 2px;}

	.subscription-arrow{
		width:calc(1.4rem + 1.8rem + 3px);
		height:calc(1.61rem + 1.8rem);
		margin-left:calc(100% - (1.4rem + 1.8rem + 2px) - 5px);
		border: 2px #000 solid;
	}

	div.page-page-wrapper, .home-newsletter-wrapper{border-top:2px #000 solid;}
	div.page-page-2col-left{width:calc(50% - 1px);border-right:2px #000 solid;}
 	.nice-select .list {margin-left:-2px;border:2px #000 solid!important;}
	.cont-home-currentseasonproductions-single, .cont-home-informations-single, .page-index-projet-row a, 
	.contact-col-bloc, .page-about .page-page-row{border-bottom:2px #000 solid;}
	.page-page-2col-right.page-contact input[type=text]{border: 2px #000 solid;}

	div.agenda-wrapper-season{width:calc(100vw + 4px)!important;margin-left:-2px;}
	div.agenda-slide-season{margin-left:-1px;margin-right:-1px;border-left: 2px #000 solid;border-right: 2px #000 solid;}
	div.agenda-month-list:last-child{border-bottom:2px #000 solid;margin-bottom:-2px;}

	.page-project-agendarowtickets{
		margin-top:calc(0px + 2px - 0.5rem);
		border:1px solid #000;
	}

	.cont-agenda-carousel-buttons{
		position:absolute;
		width:calc(100% - 4rem);
		top:0;left:0;
		margin-left:2rem;
		margin-right:2rem;
		margin-top:calc(45px + 4rem + 2.75vw + 2rem - 2px)!important;
		z-index:5!important;
	}

	div.agenda-season-title{
		width:calc(100% - 8rem - 6rem - 4rem);
		height:calc(5rem - 2px);
		padding:2rem;
		padding-left:calc(2rem + 3rem + 2rem + 2rem);
		padding-right:calc(2rem + 3rem + 2rem + 2rem);
		border-top:2px solid #000;
		border-bottom:none;

		/* flex + prefixed */
		display: -webkit-flex;
		display:flex;
		-webkit-flex-direction:column;
		flex-direction:column;
		-webkit-justify-content:center;
		justify-content:center;
	}

	div.agenda-season-title.onlyoneslide{
		width:calc(100% - 4rem);
		padding-left:2rem;
		padding-right:2rem;
	}

	.sponsors-logo{
		position:relative;
		width:7%;
		margin-right:3%;
		height:auto;
		pointer-events:auto;
	  	align-self: flex-end;
	  	-webkit-align-self: flex-end;
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {


}






/* way the hell off screen */
.scrollbar-measure {
    width: 100px;
    height: calc(100vh - 90px - 2.75vw - 4rem + 3px);
    overflow: scroll;
    position: absolute;
    left: -9999px;
    top: -9999px;
}

/* way the hell off screen */
.scrollbar-measure2 {
	position:absolute;
    width: 1px;
    height: calc(100vh - 90px - 2.75vw - 4rem + 3px);
    left: -9999px;
    top: -9999px;
}