html, body {
	overflow:hidden;
	width:100%;
	height:100%;
}
.hide {
	display:none !important;
}
.mejs-container {
	display:inline-block !important;
	width:100% !important;
	height:100% !important;
}
.mejs-container .mejs-controls {
	display:none !important;
}
.legende {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:320px;
	background:black;
	z-index:2;
}

.legende > a {
	position:absolute;
	font-size:1.3rem;
	text-decoration:none;
	color:#999;
}
.legende > a.close {
	right:0;
	position:fixed;
}
.legende > a.fullscreen {
	right:100%;
}

.fullscreen .legende > a.close,
.fullscreen .legende > div {
	display:none;
}
.fullscreen .legende {
	background:none;
	width:0;
}
.fullscreen .legende > a.fullscreen {
	right:0;
}
.fullscreen .legende > a.fullscreen [data-icon]:before {
	content:'\e006';
}

a.control {
	position:absolute;
	display:block;
	text-decoration:none;
	color:#999;
}
a.control.av {
	top:50%;
	right:320px;
	margin-top:-0.75rem;
}
.fullscreen a.control.av {
	right:0;
}
a.control.arr {
	top:50%;
	left:0;
	margin-top:-0.75rem;
}
a.play {
	right:50%;
	margin-left:-0.75rem;
	bottom:0;
	margin-right:145px;
}
.fullscreen a.play {
	left:50%;
	margin-right:0;
}
.fullscreen a.play > p {
	margin-right:0;
}
a.play > [data-icon] {
	display:block;
	font-size:1.8rem;
	color:#fff;
	opacity:0.5;
	height:2.5rem;
}
a.play [alt="play"],
a.play.paused [alt="pause"] {
	display:none;
}
a.play.paused [alt="play"] {
	display:block;
}

div.scroll {
	position:absolute;
	left:0;
	right:320px;
	top:0;
	bottom:0;
}
.fullscreen div.scroll {
	right:0;
}

section.visio {
	float:left;
	white-space:nowrap;
	height:100%;
	font-size:0;
	line-height:0;
}

section.visio > article {
	height:100%;
	display:inline-block;
	zoom:1;
	vertical-align:top;
	-webkit-backface-visibility: hidden;
}

article.image > div {
	width:100%;
	height:100%;
	text-align:center;
}
article.video > div {
	text-align:center;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	width:100%;
	height:100%;
}
article.image > div > img,
article.video video {
	max-height:100%;
	max-width:100%;
	vertical-align:middle;
}
.fullscreen article.image > div > img,
.fullscreen article.video video {
	margin-right:0;
	max-width:100%;
}

article.video video {
	width:100% !important;
	height:100% !important;
}
.fullscreen article.video video {
	width:100% !important;
	margin-right:0;
}
article.texte:before,
article.video:before {
	content: '';
	display: inline-block;
	height: 100%; 
	vertical-align: middle;
	font-size:0;
}

article.texte > div > p {
	color:#999;
	margin-top:4%;
	padding:0 22%;
}
article.texte > div > p.title {
	font-size:48px;
	line-height:48px;
}
article.texte > div {
	display:inline-block;
	height:auto;
	width:100%;
	font-size:24px;
	line-height:1.2em;
	text-align:center;
	font-family:"Oxygen";
	letter-spacing:1px;
	white-space:normal;
	vertical-align:middle;
}
.fullscreen article.texte > div {
	width:100%;
	padding-right:0;
}
article.texte > div > img {
	width:9%;
}

.caption {
	position:absolute;
	width:25%;
	bottom:0;
	right:0;
}
.legende .caption {
	width:100%;
}

.caption > div {
	position:relative;
	width:100%;
	height:100%;
}

[lang] [lang] {
	visibility:hidden;
	height:0px;
	position:absolute;
	top:0px;
}
[lang=fr] [lang=fr],
[lang=de] [lang=de],
[lang=en] [lang=en],
[lang=it] [lang=it] {
	visibility:inherit;
	height:auto;
	position:relative;
}

.scrolling .caption,
.fullscreen .caption {
	display:none;
}


.legende > div {
	margin:0 1rem;
	margin-top:2rem;
	position:absolute;
	top:0;
	bottom:0;
}
.legende > div > p {
	margin:0;
}

p.titre {
	font-size:1.4em;
	opacity:0.9;
}
p.soustitre {
	font-size:1em;
	opacity:0.9;
	padding-bottom:1rem;
}
p.texte {
	font-size:0.8rem;
	opacity:0.5;
}
a.lien {
	display:block;
	font-size:0.8rem;
	color:#888;
	text-decoration:none;
	margin:1rem 0;
}
a.lien:before {
	color:#900;
	font-size:1.5rem;
	vertical-align:middle;
	line-height:1;
	content:'\e000';
}
.fs1 {
	color:#fff;
	opacity:0.5;
	width:1.5rem;
	font-size:1.2rem;
	height:1.5rem;
	text-align:center;
	vertical-align:middle;
}
.legende .inner {
	border-top:1px #555 dashed;
	border-bottom:1px #555 dashed;
	overflow:auto;
	height:100%;
	border-bottom:190px solid transparent;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
div.fixe {
	height:100%;
	width:100%;
	overflow:auto;
}

.caption > p {
	position:relative;
	width:100%;
	color:#fff;
	margin-top:0;
	padding:0;
	white-space:normal;
	font-size:0.8rem;
	line-height:1rem;
}
.caption > p > span {
	opacity:0.5;
}
.caption > p a.lien {
	letter-spacing:0;
}
.caption > p.pge {
	margin-bottom:0;
}



/* under 640px */
@media only screen and (max-device-width: 640px), (max-width: 640px) {
	html, body {
		overflow:auto;
		width:auto;
		height:auto;
	}
	div.scroll {
		width:100%;
		height:auto;
		position:relative;
		right:0;
	}
	.legende {
		position:relative;
		width:100%;
	}
	.legende .inner {
		height:100%;
		overflow:none;
		border-bottom:1px #555 dashed;
	}
	.legende > div {
		position:relative;
		top:0;
		bottom:0;
	}
	article.image > div > img,
	article.video video {
		max-width:94%;
		margin-right:0;
	}
	article.video video {
		width:100% !important;
	}
	a.play,
	a.control.av,
	a.control.arr {
		display:none;
	}
	section.visio > article {
		height:100%;
		position:relative;
		display:block;
	}
	section.visio {
		white-space:normal;
	}
	article.image > div {
		width:100%;
		height:100%;
		text-align:center;
	}
	.caption {
		position:relative;
		top:0.5rem;
		left:3%;
		width:97%;
		margin-bottom:2rem;
	}
	.caption > p > span {
		display:block;
	}
	a.lien {
		margin:0 0;
	}
	.legende > a.close {
		top:0;
	}

}