/*
 * @package	BM.Admin
 * @copyright	Copyright (c) Bienvenue-Multimedia (http://www.bienvenue-multimedia.ca)
 */

*{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: none;
}

@font-face{
	font-family: "DancingScriptRegular";
	src: url('../fonts/DancingScriptRegular.eot');
	src: url('../fonts/DancingScriptRegular?#iefix') format('embedded-activetype'),
		url('../fonts/DancingScriptRegular.woff') format('woff'),
		url('../fonts/DancingScriptRegular.ttf') format('truetype'),
		url('../fonts/DancingScriptRegular.svg#DancingScriptRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "Hero";
	src: url('../fonts/Hero.eot');
	src: url('../fonts/Hero?#iefix') format('embedded-activetype'),
		url('../fonts/Hero.woff') format('woff'),
		url('../fonts/Hero.ttf') format('truetype'),
		url('../fonts/Hero.svg#Hero') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "HeroLight";
	src: url('../fonts/HeroLight.eot');
	src: url('../fonts/HeroLight?#iefix') format('embedded-activetype'),
		url('../fonts/HeroLight.woff') format('woff'),
		url('../fonts/HeroLight.ttf') format('truetype'),
		url('../fonts/HeroLight.svg#HeroLight') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background: #ffffff;
	font: 15px "Hero", Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	color: #000000;
}
.ui-page{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: background-image 0.4s ease-in-out;
	transition: background-image 0.4s ease-in-out;
}
.ui-page[data-rel='1']{ background-image: url('../images/bckg-index-1.jpg'); }
.ui-page[data-rel='2']{ background-image: url('../images/bckg-index-2.jpg'); }
.ui-page[data-rel='3']{ background-image: url('../images/bckg-index-3.jpg'); }
.ui-page[data-rel='4']{ background-image: url('../images/bckg-index-4.jpg'); }

a{ color: #4d1965; }
a:hover, a:focus{ color: #000000; }
.btn, .form-control, .img-thumbnail{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.btn{
	padding: 5px 15px;
	background: transparent;
	border: 1px solid #4d1965;
	text-transform: uppercase;
	font-size: 16px;
	color: #4d1965;
	/*-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;*/
}
.btn:hover, .btn:focus{
	background-color: #4d1965;
	border-color: #4d1965;
	color: #ffffff;
}
blockquote{
	border-left-color: rgba(115, 120, 124, 0.5);
	font-size: 1em;
}

/* _______________________________________________________________________
/* Btn click */
.ui-page .btn-sfx::before,
.ui-page .btn-sfx::after{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 88px;
	height: 88px;
	margin: -44px 0 0 -44px;
	border-radius: 50%;
	opacity: 0;
	content: "" !important;
	pointer-events: none;
}
.btn-sfx::before,
.btn-sfx::after{ box-shadow: 0 0 0 2px rgba(77, 27, 100, 0.5); }
.btn-sfx.btn-click::before{
	-webkit-animation: anim-effect-ivana-1 0.5s forwards;
	animation: anim-effect-ivana-1 0.5s forwards;
}
.btn-sfx.btn-click::after{
	-webkit-animation: anim-effect-ivana-2 0.5s forwards;
	animation: anim-effect-ivana-2 0.5s forwards;
}
@-webkit-keyframes anim-effect-ivana-1{
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}
@keyframes anim-effect-ivana-1{
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
}
@-webkit-keyframes anim-effect-ivana-2{
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}
@keyframes anim-effect-ivana-2{
	0% {
		opacity: 1;
		-webkit-transform: scale3d(0.5, 0.5, 1);
		transform: scale3d(0.5, 0.5, 1);
	}
	50%, 100% {
		opacity: 0;
		-webkit-transform: scale3d(1.2, 1.2, 1);
		transform: scale3d(1.2, 1.2, 1);
	}
}

/* _______________________________________________________________________
 * Header */
header{ padding: 15px 35px; }
.btn-info{
	width: 50px;
	height: 50px;
	background: url('../images/btn-info.png') no-repeat center center;
	background-size: 25px auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -9999px;
}
.btn-info:hover{ background-image: url('../images/btn-info-rl.png'); }

/* _______________________________________________________________________
 * Sidebar */
aside{
	position: fixed !important;
	height: 100vh;
	padding: 0 !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,153,168,0.87)), color-stop(68%,rgba(77,27,100,0.87)));
	background: -webkit-linear-gradient(top, rgba(164,153,168,0.87) 0%,rgba(77,27,100,0.87) 68%);
	background: -moz-linear-gradient(top, rgba(164,153,168,0.87) 0%, rgba(77,27,100,0.87) 68%);
	background: -ms-linear-gradient(top, rgba(164,153,168,0.87) 0%, rgba(77,27,100,0.87) 68%);
	background: -o-linear-gradient(top, rgba(164,153,168,0.87) 0%, rgba(77,27,100,0.87) 68%);
	background: linear-gradient(to bottom, rgba(164,153,168,0.87) 0%, rgba(77,27,100,0.87) 68%);
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
	aside{ height: 768px; }
}
aside::after{
	position: absolute;
	display: block;
	top: 15px;
	right: 15px;
	width: 60px;
	height: 60px;
	background: url('../images/ico.png') no-repeat top left;
	background-size: 240px 60px;
	content: "";
}
aside.vertical::after{
	top: 23px;
	right: 23px;
}
aside h2{
	margin: 0;
	padding: 62px 0 15px 15px;
	background: #55276b;
	/*text-align: center;*/
	text-transform: uppercase;
	font: 19px "Hero";
	color: #ffffff;
}
aside h2 span:last-child{
	display: block;
	font-size: 24px;
}
.sidenav > ul > li{ margin: 0 1px; }
.sidenav > ul > li a,
.sidenav > ul > li a:focus{
	background: none;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}
.sidenav > ul > li:last-child a{ border: 0; }
.sidenav > ul > li a:hover,
.sidenav > ul > li.active a{
	background: #ffffff;
	color: #55276b;
}
aside.vertical{
	width: 106px;
	background: rgba(217, 207, 222, 0.9);
	border-right: 1px solid #55276b;
}
aside.vertical h2{
	width: 106px;
	height: 80%;
}
aside.vertical h2 span{
	display: block;
	width: 100%;
	-webkit-transform: rotate(-90deg) translate(-100px, -20px);
	-moz-transform: rotate(-90deg) translate(-100px, -20px);
	transform: rotate(-90deg) translate(-100px, -20px);
}
aside.vertical h2 span:last-child{
	-webkit-transform: rotate(-90deg) translate(-180px, 5px);
	-moz-transform: rotate(-90deg) translate(-180px, 5px);
	transform: rotate(-90deg) translate(-180px, 5px);
}
.btn-home{
	width: 50px;
	height: 50px;
	margin: 26px;
	background: url('../images/btn-home.png') no-repeat center center;
	background-size: 50px auto;
	border-color: #ffffff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -9999px;
	outline: none !important;
}
.btn-home:hover{
	background-image: url('../images/btn-home-rl.png');
	background-color: #ffffff;
	border-color: #ffffff;
}
aside.vertical .btn-home{
	position: absolute;
	bottom: 0;
	background-image: url('../images/btn-home-rl.png');
	border-color: #55276b;
}
aside.vertical .btn-home:hover{
	background-image: url('../images/btn-home.png');
	background-color: #55276b;
	border-color: #55276b;
}

/* _______________________________________________________________________
 * Main */
.ui-content{
	overflow: visible;
	padding: 10px 50px;
}
h1, h2, h3{ color: #4d1965; }
h1, h2{ font-family: "DancingScriptRegular", Helvetica, Arial, sans-serif; }
h1{
	font-size: 44px;
	line-height: 1em;
}
h2{ font-size: 28px; }
h3{
	text-transform: uppercase;
	font-size: 18px;
}
.img-thumbnail{
	background: none;
	padding: 0;
	border: 0;
}

.fancybox-lock .fancybox-overlay, .fancybox-overlay{
	background: rgba(255, 255, 255, 0.9);
	overflow: hidden;
}
.fancybox-skin, .fancybox-opened .fancybox-skin{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
}
.fancybox-close{
	top: 20px;
	right: -80px;
	width: 55px;
	height: 55px;
	background: url('../images/btn-close.png') no-repeat center center;
	background-size: 20px auto;
	border: 1px solid #4d1965;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

.slick-slider{ margin-bottom: 75px; }
.slick-prev,
.slick-next,
.slick-prev::before,
.slick-next::before{
	width: 45px;
	height: 45px;
}
.slick-prev, .slick-next{
	top: auto;
	bottom: -55px;
}
.slick-prev{ left: 13%; z-index: 2001; }
.slick-next{ right: 13%; z-index: 2002; }
.slick-prev::before,
.slick-next::before{
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-size: 45px 45px;
}
.slick-prev::before{ background-image: url('../images/ico-prev.png'); }
.slick-next::before{ background-image: url('../images/ico-next.png'); }
.slick-dots{ bottom: -63px; }
.slick-dots li{ margin: 0 2px; }
.slick-dots li button::before{
	position: absolute;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	opacity: 1;
	box-shadow: 0 0 0 1px #4c1c64 inset;
	-webkit-transition: box-shadow 0.3s ease 0s;
	-moz-transition: box-shadow 0.3s ease 0s;
	transition: box-shadow 0.3s ease 0s;
	content: "";
}
.slick-dots li.slick-active button::before{
	opacity: 1;
	box-shadow: 0 0 0 7px #4c1c64 inset;
}
.slick-slide img, .slick-slide video{
	position: relative;
	max-height: 600px;
	z-index: 2011;
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
@media (min-width: 1200px){
	.slick-slide img, .slick-slide video{ max-height: 800px; }
}
.slick-slide.active img, .slick-slide.active video{
	-webkit-transform: translateY(-140px) scale(0.3);
	-moz-transform: translateY(-140px) scale(0.3);
	transform: translateY(-140px) scale(0.3);
}
.slick-slide{
	position: relative;
	background: rgba(115, 120, 124, 0.94);
}
.slick-slide > .info{
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 5px 20px;
	z-index: 2010;
	opacity: 0;
	color: #ffffff;
}
.slick-slide.active > .info{ opacity: 1; }
.slick-slide > .info h3{ color: #ffffff; }
.btn-toggle{
	display: block;
	position: absolute;
	top: 100%;
	right: 10px;
	width: 50px;
	height: 50px;
	background: #4c1c64;
	border: 1px solid #ffffff;
	border-radius: 50%;
	font-size: 0;
	text-indent: -9999px;
	-webkit-transform: translateY(-60px);
	-moz-transform: translateY(-60px);
	transform: translateY(-60px);
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.35s linear;
	z-index: 2012;
}
.active .btn-toggle{
	top: 70px;
	background: transparent;
}
.btn-toggle:before,
.btn-toggle:after{
	position: absolute;
	bottom: 23px;
	right: 11px;
	width: 25px;
	height: 1px;
	background: #ffffff;
	content: "";
	-webkit-transition: all 0.35s linear;
	-moz-transition: all 0.35s linear;
	transition: all 0.35s linear;
}
.btn-toggle:after{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.active .btn-toggle:before{
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	transform: rotate(225deg);
}
.active .btn-toggle:after{
	-webkit-transform: rotate(315deg);
	-moz-transform: rotate(315deg);
	transform: rotate(315deg);
}
#artefacts .slick-prev::before{ background-image: url('../images/ico-prev-alt.png'); }
#artefacts .slick-next::before{ background-image: url('../images/ico-next-alt.png'); }
#artefacts .slick-dots li button::before{ box-shadow: 0 0 0 1px #ffffff inset; }
#artefacts .slick-dots li.slick-active button::before{ box-shadow: 0 0 0 7px #ffffff inset; }

.mapplic-tooltip-link{ background: #55276b; }

/* _______________________________________________________________________
 * Footer */
footer{
	position: absolute;
	width: 100%;
	height: 68px;
	bottom: 15px;
}
footer > div:first-child{ padding: 20px 0 0 35px; }
footer .btn{
	margin-right: 5px;
	background: #ffffff;
	font-size: 18px;
}
footer .nav{ float: right; }
footer .nav li{
	float: left;
	height: 68px;
	padding: 10px 15px;
	background: rgba(255, 255, 255, 0.7);
}
footer .nav li img{ height: 48px; }

/* _______________________________________________________________________
 * Index */
#index{ background-image: url('../images/bckg-index.jpg'); }
#index .ui-content{ padding: 0; }
#index h1{ font-size: 63px; }
.nav-index{ margin-top: 150px; }
.nav-index li{
	position: relative;
	float: left;
	width: 256px;
	height: 94px;
}
.nav-index li > a,
.nav-index li > a:hover,
.nav-index li > a:focus{
	position: absolute;
	top: 0;
	left: 0;
	width: 256px;
	height: 94px;
	padding: 30px 0 0 86px;
	background: rgba(77, 27, 100, 0.9);
	border-right: 1px solid #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.4em;
	color: #ffffff;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.nav-index li.active > a{
	background: rgba(256, 256, 256, 0.9);
	color: #4d1965;
}
.nav-index li > a::after{
	position: absolute;
	display: block;
	top: 24px;
	left: 24px;
	width: 50px;
	height: 50px;
	background: url('../images/ico.png') no-repeat top left;
	background-size: 200px 50px;
	content: "";
}
.nav-index li:nth-child(2) > a::after{ background-position: -50px 0; }
.nav-index li:nth-child(3) > a::after{ background-position: -100px 0; }
.nav-index li:nth-child(4) > a::after{ background-position: -150px 0; }
.nav-index li > a img{
	position: absolute;
	display: block;
	bottom: 94px;
	left: 128px;
	width: 0;
	height: 0;
	overflow: hidden;
	z-index: 100;
	-webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.320, 1.275);
}
.nav-index li.active > a img{
	left: 0;
	width: 256px;
	height: 150px;
	z-index: 1002;
}
.nav-index li > a span.sdt_link,
.nav-index li > a span.sdt_descr{ display: block; }
.nav-index li > a span.sdt_descr{ font-size: 16px; }
.nav-index li div.sdt_box{
	position: absolute;
	bottom: 94px;
	left: 0;
	width: 256px;
	height: 150px;
	padding: 20px 15px 10px 20px;
	overflow: hidden;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s;
	z-index: 0;
}
.nav-index li.active div.sdt_box{
	left: 256px;
	width: 512px;
	opacity: 1;
	z-index: 1001;
}
.nav-index li:nth-child(3).active div.sdt_box,
.nav-index li:last-child.active div.sdt_box{ left: -512px; }

/* _______________________________________________________________________
 * Historique */
#historique{
	background: url('../images/bckg-historique.jpg') no-repeat top center;
	background-size: 100% auto;
}
/*#historique div[data-rel='41'] p:nth-child(3), .fancybox-inner div[data-rel='41'] p:nth-child(3),
#historique div[data-rel='42'] p:nth-child(4), .fancybox-inner div[data-rel='42'] p:nth-child(4),
#historique div[data-rel='43'] p:nth-child(3), .fancybox-inner div[data-rel='43'] p:nth-child(3),
#historique div[data-rel='45'] p:nth-child(3), .fancybox-inner div[data-rel='45'] p:nth-child(3),
#historique div[data-rel='46'] p:nth-child(3), .fancybox-inner div[data-rel='46'] p:nth-child(3){ display: none; }*/

/* _______________________________________________________________________
 * Chronologique */
#chronologique{
	background: none;
	/*overflow-x: scroll;*/
}
#chronologique aside::after{ background-position: -60px 0; }
/*#chronologique .ui-content{
	width: 1700px;
	height: 768px;
	max-height: 768px;
	background: no-repeat url('../images/bckg-chronologique.jpg') top left;
	background-size: auto 100%;
}*/
#chronologique .ui-content{ padding: 0 0 0 106px; }
#chronologique a[rel='fancybox'], .tmp{
	position: absolute;
	display: block;
	width: 120px;
	height: 120px;
	/*background: rgba(255, 0, 0, 0.5);*/
	text-indent: -9999px;
	outline: none;
}
#timeline, #chronologique .mapplic-container{
	max-width: 1610px;
	max-height: 768px;
	min-height: 768px;
	height: 768px;
}

/* _______________________________________________________________________
 * Geographique */
#geographique aside::after{ background-position: -120px 0; }
#geographique aside h2 span:last-child{
	-webkit-transform: rotate(-90deg) translate(-161px, 5px);
	-moz-transform: rotate(-90deg) translate(-161px, 5px);
	transform: rotate(-90deg) translate(-161px, 5px);
}
#geographique .ui-content{ padding: 0 0 0 106px; }

/* _______________________________________________________________________
 * Artefacts */
#artefacts{
	background: url('../images/bckg-artefacts.jpg') no-repeat top center;
	background-size: cover;
}
#artefacts aside::after{ background-position: -180px 0; }
#artefacts .ui-content{ padding-left: 150px; }
#artefacts aside h2 span:last-child{
	-webkit-transform: rotate(-90deg) translate(-165px, 5px);
	-moz-transform: rotate(-90deg) translate(-165px, 5px);
	transform: rotate(-90deg) translate(-165px, 5px);
}