/*generals config*/
.ordre-search-button{cursor:pointer;opacity:1;}
.ordre-search-button *{opacity:1;}
.article{
	padding-left:calc( 50% - 700px );
	padding-right:calc( 50% - 700px );
	box-sizing:border-box;
	height:auto;
	}
	
.article-double-solo{min-height:100vh;}
.mb0{margin-bottom:40px;}
.mb1{margin-bottom:15px;}
.mb2{margin-bottom:10px;}
.autoBGchange,.autoCchange,.autoBGchange2,.autoCchange2{transition: .7s ease;}

/*************************home***************************/
.home-container{
	box-sizing:border-box;padding-left:200px;padding-right:200px;height:100vh;
}
.home-content{}
		
/*************************doublepage generals***************************/
.article-double-container{padding-left:50%;}

.article-content{
	opacity:.2;
	transition:opacity .7s ease;
	}
	
.middle-bar-container{
	position:fixed;
	width:2px;
	left:50%;
	z-index:2;
	}
	
.middle-bar{background-color:#000000;}

/*doublepage generals imgs*/
.image-double-container{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:50%;
	padding-left:calc( 50% - 700px );
	box-sizing:border-box;
	opacity:0;
	z-index:0;
	transition:0s;
	}
	
.img-double-content{
	box-sizing:border-box;
	padding:100px;
	padding-left:0;
	}
	
.article-content{
	box-sizing:border-box;
	padding:100px;
	padding-right:0;
	}
	
.article-from-single .article-content{
	padding-bottom:30px;
	padding-top:30px;
	}	
	
.h6-legende-double-image-container{
	position:absolute;
	box-sizing:border-box;
	padding-left:30px;
	padding-right:30px;
	opacity:0;
	transition:.7s ease;
	}
	
.h6-legende-double-image-bg{
	position:absolute;
	opacity:.6;
	}
	
.h6-legende-double-image{color:#FFFFFF;}
.img-double:hover .h6-legende-double-image-container{opacity:1;}

.img-double iframe{
	width:100%;
	height:calc( 50vw * 9 / 16 );
	border:none;
	position:relative;
	float:left;
	left:0;
	top:0;
	margin:0;
	padding:0;
	box-sizing:border-box;
	}
	
/*dates*/
.dates-ul{
	display:flex;
	flex-wrap:wrap;
	}
	
.dates-li{
	width:auto;
	padding-right:10px;
	padding-left:10px;
	border-left:2px solid #000000;
	}
	
.dates-li.first-on-line{border-left:none!important;}
		
/*liens internes*/
.li-liens{margin-top:4px;}

.li-a-liens{
	box-sizing:border-box;
	padding-left:19px;
	opacity:1;
	}
	
.li-a-liens h5{opacity:1!important;}
.li-a-lien-plus{
	margin:0;
	padding:0;
	width:14px;
	height:14px;
	position:absolute;
	left:8px;
	top:18px;
	margin-left:-7px;
	margin-top:-7px;
	
	opacity:1;
	font-size:0pt;
	-webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
	transition:.8s ease;
	}
	
.li-a-lien-plus svg{
	width:100%;
	height:100%;
	}
	
.li-a-liens:hover .li-a-lien-plus{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	}
	
	
.ul-liens{margin-top:10px;}

.scrollto-ul{margin-top:30px;}

.scrollto-li{cursor:pointer;transition:.7s ease;}

.scrollto-ul .li-a-lien-plus{
	margin:0;
	padding:0;
	width:20px;
	height:20px;
	position:absolute;
	left:0px;
	top:8px;
	margin-left:0px;
	margin-top:0px;
	-webkit-transform:rotate(0deg)!important;
    -moz-transform:rotate(0deg)!important;
    -ms-transform:rotate(0deg)!important;
    -o-transform:rotate(0deg)!important;
    transform:rotate(0deg)!important;}
									
.scrollto-ul .li-a-liens{padding-left:29px;}

.scrollto-li:hover{opacity:.6;}		

/*articles listes*/

.first-article-liste{
	padding-top:180px;
	padding-right:50%;
	padding-left:140px;
	}

.article-liste-container{height:auto;}
.article-liste-content{height:320px;}
.article-liste-content *,.article-liste-content{opacity:1!important;}

.article-liste-text-part{
	width:calc( 1400px - 800px );
	float:left;
	box-sizing:border-box;
	padding:30px;
	}
	
.article-liste-droite .article-liste-text-part{float:right;}
.article-liste-text-part-content{flex-direction:column;}	
.img-liste-content{overflow:hidden;}
.image-liste-container{
	width:800px;
	height:320px;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	float:right;
	overflow:hidden;
	}
.article-liste-droite p,.article-liste-droite  h3{text-align:right;}
.article-liste-droite .image-liste-container{float:left;}	

.image-liste-container img{max-width:none!important;}
.article-liste-last{margin-bottom:200px;}

.article-liste-text-part p{
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
	-webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
	}

.h6-legende-liste-image-container{position:absolute;opacity:0!important;}

.image-liste-container:hover .h6-legende-liste-image-container{opacity:1!important;}


/**************pages*************/
.article-page-container, .article-page{opacity:1!important;}
.article-page-container{
	padding-left:calc( 50% - 600px );
	padding-right:calc( 50% - 600px );
	}

	
.article-page{
	padding:0;
	box-sizing:border-box;
	padding-top:200px;
	margin-bottom:200px;
	}
.article-page-noTitre{padding-top:130px;}		
.image-page-container{box-sizing:border-box;}

.image-page-content{
	width:auto;
	height:auto;
	}
	
.image-page-content img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:800px;
	}
	
.image-page-legende-container{
	position:absolute;
	transition:.7s ease;
	opacity:0;
	}
	
.image-page-legende-container:hover{opacity:1;}
					
					
/*ffulscreen*/
.full-screen-home-container{position:fixed;z-index:2999;top:100vh;height:100vh;left:0;transition:.7s ease;overflow:hidden;}
.fullscreenBody .full-screen-home-container{top:0;}
.crossvideo-container{position:absolute;top:30px;left:auto;right:30px;width:40px;height:40px;}
.cross-vid-span{width:40px;height:6px;top:50%;left:50%;margin-top:-3px;margin-left:-20px;position:absolute;
 -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);}
.cross-vid-span-0{ -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);}
	
	.crossvideo-container{cursor:pointer;}
	
	.sound2-container{cursor:pointer;position:absolute;top:25px;left:auto;right:80px;width:50px;height:50px;}
	.sound2-off{opacity:1;}
	.sound2-on{opacity:0;}
	.sound2-container-on .sound2-off{opacity:0;}
	.sound2-container-on .sound2-on{opacity:1;}
.pic-fullscreen{position:absolute;}


/*embed newsletter*/
.main-template img{max-width:100%!important;}
.main-template{background-color:transparent!important;}
/*search*/

input,
label,
select,
button,
textarea
{
	margin:0;
	border:0;
	padding:0;
	display:inline-block;
	vertical-align:middle;
	white-space:normal;
	background:none;
	line-height:1;
	
	/* Browsers have different default form fonts */
	font-size:13px;
	font-family:Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus
{
	outline:0;
}

/* Box Sizing Reset
-----------------------------------------------*/

/* All of our custom controls should be what we expect them to be */
input,
textarea
{
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select
{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* Text Inputs
-----------------------------------------------*/

input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week]
{
}

/* Button Controls
-----------------------------------------------*/

input[type=checkbox],
input[type=radio]
{
	width:13px;
	height:13px;
}

/* File Uploads
-----------------------------------------------*/

input[type=file]
{

}

/* Search Input
-----------------------------------------------*/

/* Make webkit render the search input like a normal text field */
input[type=search]
{
	-webkit-appearance:textfield;
	-webkit-box-sizing:content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration
{
	display:none;
}

/* Buttons
-----------------------------------------------*/

button,
input[type="reset"],
input[type="button"],
input[type="submit"]
{
	/* Fix IE7 display bug */
	overflow:visible;
	width:auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button
{	
	padding:0;
	border:0;
	background:none;
}

/* Textarea
-----------------------------------------------*/

textarea 
{
	/* Move the label to the top */
	vertical-align:top;
	
	/* Turn off scroll bars in IE unless needed */
	overflow:auto;
}

/* Selects
-----------------------------------------------*/

select
{

}

select[multiple] 
{
	/* Move the label to the top */
	vertical-align:top;
}

.article-search-first-container{
	padding-left:calc( 50% - 300px );
	padding-right:calc( 50% - 300px );
	min-height:100vh;
	}
	
.main-searchform .searchInput{
	height:45px;
	background-color:transparent;
	box-sizing:border-box;
	padding:10px;
	padding-top:1px;
	padding-bottom:5px;
	padding-left:45px;
	line-height:30px;
	min-height:auto;
	}

.content-loupe{
	position:absolute;
	width:26px;
	height:26px;
	top:10px;
	left:10px;
	}


.first-search-li{
	width:auto;
	margin-right:5px;
	}
	
.first-search-li p{
	font-weight:600!important;
	opacity:.6;
	transition:.7s ease;
	}
	
.first-search-inputs{cursor:pointer;}

.first-search-inputs:hover p,.first-search-inputs-selected p{opacity:1;}

.searchsubmit{
	height:45px;
	background-color:transparent;
	box-sizing:border-box;
	padding:20px;
	padding-top:1px;
	padding-bottom:5px;
	text-transform:uppercase;
	transition:.7s ease;
	line-height:30px;
	min-height:auto;
	width:auto;
	}
	
.fleche-label{width:auto;}

/*search result*/
 .article-search-container-result .article-content{
	 padding-top:169px;
	 margin-bottom:0;
	 margin-bottom:1px solid #FFFFFF;
	 }
 
.article-search-container-result{
	position:fixed;
	z-index:500;
	}
	
.with-result-form{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	}
	
.article-search-container-result .content-loupe{cursor:pointer;}

.h3-second-search{
	border-left:1px solid #FFFFFF;
	padding-left:30px;
	padding-right:30px;
	width:auto;
	}
	
.h3-second-search-0{
	padding-left:0;
	border-left:0px solid transparent!important;
	width:300px!important;
	}
	
.h3-second-search-1{width:280px!important;}

.h3-second-search-2{
	width:auto;
	padding-right:0;
	}

.ordre-search-ul{
	position:relative;
	margin-bottom:10px;
	height:40px;
	}
	
.search-liste-css-ul{
	position:relative;
	height:40px;
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	}
	
.ordre-search-li h6{
	box-sizing:border-box;
	transition:.7s ease;
	padding-left:0;
	}

.search-liste-css-li{
	width:100%;
	height:40px;
	}

.search-liste-li-0{width:10%;}
.search-liste-li-1{width:36%;}
.search-liste-li-2{width:27%;}
.search-liste-li-3{width:27%;}
.search-liste-li-3 .search-liste-css-text-container{padding-right:0!important;}
.search-liste-css-li p,.search-liste-css-li h6{
	height:40px;
	line-height:40px;
	white-space:nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
	}
	
.search-liste-css-text-container{
	box-sizing:border-box;
	padding-right:20px;
	}
	
.arrow-search-container{
	width:40px;
	height:40px;
	position:absolute;
	left:-12px;
	top:-0px;
	opacity:.3;
	transition:.7s ease;
	}
	
.article-search-container{
	margin-top:340px;
	margin-bottom:200px;
	}

.article-search-container a *{opacity:1!important;}

.ordre-search-button-activ .arrow-search-container{opacity:1;}
.search-liste-css-li h6{padding-left:28px;}

.ordre-search-button-activ-reverse .arrow-search-container{
	-webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	}
	
.no-result-li{margin-top:20px;}




/*supplement 2020 (programmateurs relatifs aux oeuvres / retrecissement artistes)*/
.artiste-h1-2020{font-size:37pt;line-height:41pt;}
.prog-h4-2020{font-size:30pt;line-height:33pt;font-weight:300;}

/*supplement animation d'intro*/
.play-container{width:400px;height:auto;padding:30px;padding-bottom:60px;box-sizing:border-box;opacity:1!important;} 
.haveUrlAnim{opacity:1!important;}
.play-container-svg svg{width:100px;height:100px;}
.play-container h2{font-size:18pt;color:#00FF00;white-space:nowrap;text-align:center;padding-bottom:20px;opacity:1!important;}
.play-container-svg svg *{fill:#FFFFFF!important;}
.play-container-svg,.play-container-svg *{opacity:1;}

@media screen and (max-width: 1600px), screen and (max-height:900px){
.artiste-h1-2020{font-size:32pt;line-height:36pt;}
.prog-h4-2020{font-size:27pt;line-height:31pt;}
}
@media screen and (max-width: 1300px), screen and (max-height:750px){
.artiste-h1-2020{font-size:27pt;line-height:31pt;}
.prog-h4-2020{font-size:23pt;line-height:26pt;}
}

@media screen and (max-width: 1100px), screen and (max-height:600px){
.artiste-h1-2020{font-size:21pt;line-height:24pt;}
.prog-h4-2020{font-size:18pt;line-height:21pt;}

.play-container{width:250px;height:auto;padding:20px;padding-bottom:30px;box-sizing:border-box;opacity:1!important;margin-bottom:40px;} 
.haveUrlAnim{opacity:1!important;}
.play-container-svg svg{width:50px;height:50px;}
.play-container h2{font-size:18pt;color:#00FF00;white-space:nowrap;text-align:center;padding-bottom:20px;opacity:1!important;}
.play-container-svg svg *{fill:#00FF00;}
.play-container-svg,.play-container-svg *{opacity:1;}
}
/*diaporama 2022 video*/
.article-page-container .wysi-container .wp-playlist-light{background-color:#000000;border:none;}
.article-page-container .wysi-container .wp-playlist-light .wp-playlist-playing{background-color:#000000;}
.article-page-container .wysi-container .wp-playlist-light .wp-playlist-playing .wp-playlist-caption{color:#FFFFFF;}
.article-page-container .wysi-container .wp-playlist-light .wp-playlist-caption, .article-page-container .wysi-container .wp-playlist-light  .wp-playlist-item-length{color:#555555;}
.article-page-container .wysi-container .wp-playlist-light .wp-playlist-item {border-color:#555555;}
.article-page-container .wysi-container .wp-playlist-light .wp-playlist-playing .wp-playlist-caption,
.article-page-container .wysi-container .wp-playlist-light  .wp-playlist-playing .wp-playlist-item-length
{color:#FFFFFF;}


/*forms*/
.contact-form textarea,.contact-form .grunion-field-wrap input{border:1px solid #000000;}
.contact-form .contact-submit button{border:1px solid #000000;padding:15px;padding-top:7px;padding-bottom:7px;}



/*couleur dess hyperliens*/
.wysi-container p a{opacity:1!important;color:#00FF00!important;}

.wysi-container p a:hover{opacity:1!important;color:#000000!important;}

/*2023*/
.eye-multiple-video{width:42px!important;height:42px!important;position:absolute!important;top:auto!important;bottom:5px!important;left:0!important;border:none!important;}
.eye-multiple-video *{fill:#00FF00!important;}
.fullscreenVid{top:0!important;}
.full-screen-oeuvres{background-color:#000000!important;}
.sound2-container-oeuvres *{fill:#FFFFFF;}
.full-screen-oeuvres .crossvideo-container span{background-color:#FFFFFF;}

/*dec2025*/
.newsletter-iframe{border:none; min-height: 100px;}
#tidio-chat { display: none !important; }
#test-tidio #tidio-chat { display: inline-block !important; }
@media (prefers-reduced-motion: reduce) {
  * {
    animation: auto !important;
  }
}