@font-face {
    font-family: "CirrusCumulus";
    font-weight:normal;
    font-style:normal;
    font-variant:normal;
	src: url('/site/fonts/CirrusCumulus.ttf') format('truetype');
}

body{
	animation-name: bgAnimation;
	animation-duration: 20s;/*10*/
	animation-iteration-count:infinite;
}
@keyframes bgAnimation {
	0% {background-color:#F5F5F5;}
	16% {background-color:#efead5;} 
	32% {background-color:#e2ecea;} 
	48% {background-color:#f4e8e9;} 
	64% {background-color:#e1e5da;} 
	100% {background-color:#F5F5F5;}
	
/*
avant : 
0% : FFD5FF
33% : FFD5FF
66% : D5FFFF
100% : F5F5F5
*/

}

.menu_cell_icons_align{ /* hide pics */
	display:none;
}
.panorama_text{
	margin-top:100px;/*60*/
	margin-bottom:5px;
	display:flex;
	align-items: baseline;
}
.panorama_text.first{
	margin-top:60px; /* le premier texte de la page est moind haut */
}
.panorama_text .titre{
	text-decoration:underline;
	padding-right:15px;
}
.panorama_text .texte{
}

.tout_voir { /* position sur pc */
	position:fixed;
	right:0;
	z-index: 10;
	padding-right:20px;
}
/*@media only screen and (max-device-width: 480px), (max-width: 900px) {*/
@media only screen and (max-device-width: 480px) {
	.tout_voir { /* position sur mobile */
		position:static;
		right:auto;
		padding-right:0px;
		padding-top:15px;
	}
	.panorama_text{
		display:block;
	}
}


/* panoramaV2 pour toutes les catégories */
.panoramaV2 .legend{
	font-family:SimplonNormRegular, Helvetica, Arial, sans-serif;
}
.panoramaV2 .column{
	justify-content: start;
	position:relative; /* needed for safari bug in absolute legends */
}
.panoramaV2 .left_bt{
	background: linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0, 0, 0, 0.0));
	width:150px;
}
.panoramaV2 .right_bt{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.0),rgba(0,0,0,0.7));
	width:150px;
}
.panoramaV2 .left_bt:hover{
	background: linear-gradient(90deg, rgba(0,0,0,0.7), rgba(0, 0, 0, 0.0));
	cursor: url("/site/images/panorama2-prev.png") 0 50, pointer;
}
.panoramaV2 .right_bt:hover{
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.0),rgba(0,0,0,0.7));
	cursor: url("/site/images/panorama2-next.png") 99 50, pointer;
}



/* panoramaV2 Collection */
.panorama_collection .legend{
	position:absolute;
	bottom:0px;
	color:#FFFFFF;
	text-align:left;/*center*/
	#text-shadow:1px 1px #000000;
	overflow:hidden;
	padding:30px;/*10*/
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3));
	touch-action:none; /* click au travers pour controle video */
	pointer-events: none; /* click au travers pour controle video */ 
}
.panorama_collection .legend .nom{ /* dans la legende, la classe "nom" pour tous les panorama*/
	font-size:25pt;
}
.panorama_collection .legend .description{ /* dans la legende, la classe "description" pour tous les panorama*/
	font-size:18pt;
	font-family: SimplonNormRegular, Helvetica, Arial, sans-serif;
}

.panorama_collection .legend .description_detours{
	font-size:20pt;
	font-family: CirrusCumulus, Helvetica, Arial, sans-serif;
}

.panorama_collection .left_bt{
	height:500px;/*300*/
}
.panorama_collection .media img{
	height:500px;/*300*/
}
.panorama_collection .media video{
	height:500px;/*300*/
}
.panorama_collection .media iframe{
	height:300px;
	width:540px;
}


/* panoramaV2 Videos d'artistes */
.panorama_videos_dartistes .legend{
	font-size:15pt;/*15*/
	margin-top: 10px;
}
.panorama_videos_dartistes .left_bt{
	height:250px;
}
.panorama_videos_dartistes .media img{
	height:250px;/*200*/
}
.panorama_videos_dartistes .media video{
	height:250px;
}
.panorama_videos_dartistes .media iframe{
	height:250px;
}


/* panoramaV2 Videos sur les artistes */
.panorama_videos_sur_artistes .legend{
	font-size:15pt;
	margin-top: 10px;
}
.panorama_videos_sur_artistes .left_bt{
	height:250px;
}
.panorama_videos_sur_artistes .media img{
	height:250px;
}
.panorama_videos_sur_artistes .media video{
	height:250px;
}
.panorama_videos_sur_artistes .media iframe{
	height:250px;
}


.footer_main {
	/*margin-top:150px;*/ /* retiré pour gerer logo	subvention */
}