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

@font-face{
	font-family: "HelveticaNeue";
	src: url('../fonts/HelveticaNeueLTComTh.eot');
	src: url('../fonts/HelveticaNeueLTComTh.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTComTh.woff2') format('woff2'),
		url('../fonts/HelveticaNeueLTComTh.woff') format('woff'),
		url('../fonts/HelveticaNeueLTComTh.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTComTh.svg#HelveticaNeue') format('svg');
	font-weight: 100;
	font-style: normal;
}
@font-face{
	font-family: "HelveticaNeue";
	src: url('../fonts/HelveticaNeueLTStdLt.eot');
	src: url('../fonts/HelveticaNeueLTStdLt.eot?#iefix') format('embedded-opentype'),
		url('../fonts/HelveticaNeueLTStdLt.woff2') format('woff2'),
		url('../fonts/HelveticaNeueLTStdLt.woff') format('woff'),
		url('../fonts/HelveticaNeueLTStdLt.ttf') format('truetype'),
		url('../fonts/HelveticaNeueLTStdLt.svg#HelveticaNeue') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
	position: relative;
	min-height: 100%;
}
body{
	margin-bottom: 175px;
	background: #1b2130 url('../images/bckg-body.jpg') no-repeat top center;
	background-size: 100% auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media (min-width:1300px){
	body.page-home{ background-position: bottom center; }
}
@media (min-width:768px){
	section.container{ padding-right: 30px; }
	.section-7 section.container{ padding-left: 30px; }
}
a{ color: #3d73c1; }
.btn-default, .btn-default:focus{
	background: none;
	border: 2px solid #3a4463;
	box-shadow: none;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: none;
	font-size: 16px;
	color: #3a4463;
}
.btn-default:hover, .btn-default:focus, .btn-default:active,
.btn-default.active, .btn-default.active:hover, .btn-default.active:focus{
	background: #3a4463;
	border: 2px solid #3a4463;
	color: #ffffff;
}

/* _______________________________________________________________________
 * Header */
.navbar-default{
	margin-bottom: 15px;
	background: none;
}
.navbar-default .navbar-brand{
	height: auto;
	padding: 20px 15px;
	text-shadow: none;
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	font-weight: 100;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus{ color: #ffffff; }
.navbar-default .navbar-nav > .active > a{ font-weight: bold; }
.navbar-default .navbar-left > li > a:hover,
.navbar-default .navbar-left > li > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{
	background: #3a4463;
	color: #ffffff !important;
}
.navbar-default .navbar-left > .active > a{
/*.navbar-default .navbar-left > .active > a:hover,
.navbar-default .navbar-left > .active > a:focus{*/
	background: #ffffff; /*!important*/
	box-shadow: none;
	color: #3a4463;
}
@media (min-width:768px){
	.navbar-default .navbar-brand{
		padding: 30px 15px;
		font-size: 32px;
		line-height: 32px;
	}
	.navbar-left{
		width: 100%;
		background: #fafafa;
		border-top: 1px solid #000000;
		border-radius: 3px;
		box-shadow: 0 0 2px 0 #121212;
	}
	.navbar-default .navbar-nav > li{ border-color: #3a4463; }
	/*.navbar-default .navbar-nav > li:hover{
		margin-top: -3px;
		border-top-width: 3px;
		border-top-style: solid;
	}*/
	.navbar-default .navbar-nav > .active,
	.navbar-default .navbar-nav > .active:hover{
		margin-top: -3px;
		/*border-top-width: 0;
		border-bottom-width: 3px;
		border-bottom-style: solid;*/
		border-top-width: 3px;
		border-top-style: solid;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}
	.navbar-default .navbar-left > li > a{
		padding: 0 15px;
		border-right: 1px solid #e9e9e9;
		overflow: hidden;
		line-height: 50px;
		color: #353d41;
	}
	.navbar-default .navbar-left a span{
		position: relative;
		display: inline-block;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.navbar-default .navbar-left a span:before{
		position: absolute;
		top: 100%;
		content: attr(data-text);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.navbar-default .navbar-left a:hover span,
	.navbar-default .navbar-left a:focus span{
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	
	.navbar-left > li:first-child > a{
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	/*.navbar-default .navbar-left > .active > a{ padding-bottom: 18px; }*/
	/*.navbar-right{ margin-top: -193px; }*/
	.page-home .navbar-right{ margin-top: 0; }
	.navbar-default .navbar-right > li > a{
		text-shadow: none;
		color: #ffffff;
	}
	.navbar-nav img{
		height: 50px;
		margin-top: 10px;
	}
}
@media (min-width:1200px){
	/*.navbar-right{ margin-top: -147px; }*/
}
@media (max-width: 767px){
	.navbar{ height: auto; }
	.navbar-collapse{
		background: #fafafa;
		border-top: 1px solid #000000;
		box-shadow: 0 0 2px 0 #121212;
	}
	.navbar-default .navbar-nav > li{ border-left: 3px solid #3a4463; }
	.navbar-default .navbar-nav > .active{ border-left: 0; border-right: 3px solid #3a4463; }
	.navbar-default .navbar-nav > li > a{
		border-bottom: 1px solid #e9e9e9;
		color: #353d41;
	}
	/*.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus{
		background: #ffffff;
		box-shadow: none;
		color: #3a4463;
	}*/
	.navbar-default .navbar-toggle{
		padding: 22px 18px;
		background: #1b2130;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{ background: #ffffff; }
	.navbar-default .navbar-toggle .icon-bar{
		width: 24px;
		height: 3px;
		background: #ffffff;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar{ background: #1b2130; }
}

.navbar-default .navbar-nav > .nav-item-1{ border-color: #6675a6; }
.navbar-default .navbar-nav > .nav-item-1 > a:hover,
.navbar-default .navbar-nav > .nav-item-1 > a:focus{ background: #6675a6; }
.navbar-default .navbar-nav > .nav-item-1.active > a,
.navbar-default .navbar-nav > .nav-item-1.active > a:hover,
.navbar-default .navbar-nav > .nav-item-1.active > a:focus, .section-1 h1{ color: #6675a6; }
.section-1 h1{ color: #475589; }
.navbar-default .navbar-nav > .nav-item-2{ border-color: #7b6f9b; }
.navbar-default .navbar-nav > .nav-item-2 > a:hover,
.navbar-default .navbar-nav > .nav-item-2 > a:focus{ background: #7b6f9b; }
.navbar-default .navbar-nav > .nav-item-2.active > a,
.navbar-default .navbar-nav > .nav-item-2.active > a:hover,
.navbar-default .navbar-nav > .nav-item-2.active > a:focus, .section-2 h1{ color: #7b6f9b; }
.section-2 h1{ color: #5b507d; }
.navbar-default .navbar-nav > .nav-item-3{ border-color: #a84077; }
.navbar-default .navbar-nav > .nav-item-3 > a:hover,
.navbar-default .navbar-nav > .nav-item-3 > a:focus{ background: #a84077; }
.navbar-default .navbar-nav > .nav-item-3.active > a,
.navbar-default .navbar-nav > .nav-item-3.active > a:hover,
.navbar-default .navbar-nav > .nav-item-3.active > a:focus, .section-3 h1{ color: #a84077; }
.navbar-default .navbar-nav > .nav-item-4{ border-color: #ad5733; }
.navbar-default .navbar-nav > .nav-item-4 > a:hover,
.navbar-default .navbar-nav > .nav-item-4 > a:focus{ background: #ad5733; }
.navbar-default .navbar-nav > .nav-item-4.active > a,
.navbar-default .navbar-nav > .nav-item-4.active > a:hover,
.navbar-default .navbar-nav > .nav-item-4.active > a:focus, .section-4 h1{ color: #ad5733; }
.section-4 h1{ color: #913a1f; }
.navbar-default .navbar-nav > .nav-item-5{ border-color: #85761c; }
.navbar-default .navbar-nav > .nav-item-5 > a:hover,
.navbar-default .navbar-nav > .nav-item-5 > a:focus{ background: #85761c; }
.navbar-default .navbar-nav > .nav-item-5.active > a,
.navbar-default .navbar-nav > .nav-item-5.active > a:hover,
.navbar-default .navbar-nav > .nav-item-5.active > a:focus, .section-5 h1{ color: #85761c; }
.section-5 h1{ color: #65560f; }
.navbar-default .navbar-nav > .nav-item-6{ border-color: #32845d; }
.navbar-default .navbar-nav > .nav-item-6 > a:hover,
.navbar-default .navbar-nav > .nav-item-6 > a:focus{ background: #32845d; }
.navbar-default .navbar-nav > .nav-item-6.active > a,
.navbar-default .navbar-nav > .nav-item-6.active > a:hover,
.navbar-default .navbar-nav > .nav-item-6.active > a:focus, .section-6 h1{ color: #32845d; }
.section-6 h1{ color: #1e643f; }

/* _______________________________________________________________________
 * Sidebar */
.sidenav{ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }
.sidenav > ul a{
	background: #fafafa;
	border-bottom: 1px solid #ebeef2;
	color: #353d41;
}
.sidenav > ul > li:first-child > a{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top: 3px solid #3a4463;
}
/*.sidenav > ul > li:not(.nav-item-3):last-child > a,
.sidenav > ul .nav-subitem-3:last-child > a{*/
.sidenav > ul > li:last-child > a{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom: none;
}
.sidenav > ul li > a:hover,
.sidenav > ul li > a:focus{ color: #ffffff !important; }
.sidenav > ul .active{ border-left: 3px solid #3a4463; }
.sidenav > ul .active > a,
.sidenav > ul .active > a:hover,
.sidenav > ul .active > a:focus{
	background: #ffffff;
	color: #3a4463;
}
.sidenav > ul .active > a{
	padding-left: 12px;
	font-weight: bold;
}
.sidenav > ul li > a span{
	display: inline-block;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
.sidenav > ul li > a:hover span,
.sidenav > ul li > a:focus span{
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
}

.section-1 .sidenav > ul > li:first-child > a{ border-top-color: #6675a6; }
.section-1 .sidenav > ul li > a:hover,
.section-1 .sidenav > ul li > a:focus{ background: #6675a6; }
.section-1 .sidenav > ul .active{ border-left-color: #6675a6; }
.section-1 .sidenav > ul .active > a,
.section-1 .sidenav > ul .active > a:hover,
.section-1 .sidenav > ul .active > a:focus{ color: #6675a6; }
.section-2 .sidenav > ul > li:first-child > a{ border-top-color: #7b6f9b; }
.section-2 .sidenav > ul li > a:hover,
.section-2 .sidenav > ul li > a:focus{ background: #7b6f9b; }
.section-2 .sidenav > ul .active{ border-left-color: #7b6f9b; }
.section-2 .sidenav > ul .active > a,
.section-2 .sidenav > ul .active > a:hover,
.section-2 .sidenav > ul .active > a:focus{ color: #7b6f9b; }
.section-3 .sidenav > ul > li:first-child > a{ border-top-color: #a84077; }
.section-3 .sidenav > ul li > a:hover,
.section-3 .sidenav > ul li > a:focus{ background: #a84077; }
.section-3 .sidenav > ul .active{ border-left-color: #a84077; }
.section-3 .sidenav > ul .active > a,
.section-3 .sidenav > ul .active > a:hover,
.section-3 .sidenav > ul .active > a:focus{ color: #a84077; }
.section-4 .sidenav > ul > li:first-child > a{ border-top-color: #ad5733; }
.section-4 .sidenav > ul li > a:hover,
.section-4 .sidenav > ul li > a:focus{ background: #ad5733; }
.section-4 .sidenav > ul .active{ border-left-color: #ad5733; }
.section-4 .sidenav > ul .active > a,
.section-4 .sidenav > ul .active > a:hover,
.section-4 .sidenav > ul .active > a:focus{ color: #ad5733; }
.section-5 .sidenav > ul > li:first-child > a{ border-top-color: #85761c; }
.section-5 .sidenav > ul li > a:hover,
.section-5 .sidenav > ul li > a:focus{ background: #85761c; }
.section-5 .sidenav > ul .active{ border-left-color: #85761c; }
.section-5 .sidenav > ul .active > a,
.section-5 .sidenav > ul .active > a:hover,
.section-5 .sidenav > ul .active > a:focus{ color: #85761c; }
.section-6 .sidenav > ul > li:first-child > a{ border-top-color: #32845d; }
.section-6 .sidenav > ul li > a:hover,
.section-6 .sidenav > ul li > a:focus{ background: #32845d; }
.section-6 .sidenav > ul .active{ border-left-color: #32845d; }
.section-6 .sidenav > ul .active > a,
.section-6 .sidenav > ul .active > a:hover,
.section-6 .sidenav > ul .active > a:focus{ colo: #32845d; }

/* _______________________________________________________________________
 * Main */
.container article{
	background: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
}
@media (min-width: 768px){
	.container article{ padding: 0 20px 10px 20px; }
}
.page-home article{ background: none; }
h1{
	font-family: "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: #3a4463;
}
h2{ color: #2c3142; font-size: 24px; }
h3{ font-size: 18px; }
h4{ font-size: 16px; }
article a{ text-decoration: underline; }
article a:hover, article a:focus{ text-decoration: none; }
.panel{
	border-color: #dbe1f0;
	box-shadow: 0 3px 0 #dbe1f0;
}
.panel-group > .panel{ box-shadow: none; }
.panel > .panel-heading{
	background: #dbe1f0;
	border-color: #dbe1f0;
}
.panel-video{
	max-width: 672px;
	margin-right: auto;
	margin-left: auto;
}
.well{
	background: rgba(27, 33, 48, 0.05);
	border-color: #ffffff;
}
.panel .panel-title{ text-transform: none; }
.panel-group .panel-heading{ padding: 0; }
.panel-title > a{
	width: 100%;
	display: block;
	padding: 10px 15px;
	border-radius: 3px;
	text-decoration: none;
}
.panel-title > a:hover{
	background: #3a4463;
	color: #ffffff;
}
.img-thumbnail, .thumbnail{
	margin-right: 5px;
	margin-left: 5px;
	border: 0;
	box-shadow: 0 0 0 4px #ffffff, 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.img-thumbnail{
	position: relative;
	width: 160px;
	margin: 5px;
	padding: 0;
	overflow: hidden;
}
.img-thumbnail > img{
	/*width: 100%;*/
	min-height: 80px;
}

/*p{ border: 1px solid transparent; }
p:hover{ border-color: #003cb3; }
p.selected{ border-color: #b81900; }
.img-thumbnail:hover{ border-color: #003cb3; }
.img-thumbnail.selected{ border-color: #b81900; }*/

@media (max-width: 700px){
	.media > .media-body, .media > .media-left, .media > .media-right{
		display: block;
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
}

.timeline .img-thumbnail, .ui-droppable .img-thumbnail{
	width: 100px;
	height: 100px;
	overflow: visible;
}
.timeline .img-thumbnail > img, .ui-droppable .img-thumbnail > img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-height: 100%;
	margin: 0 auto;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.vertical-alignment-helper{
	display: table;
	height: 100%;
	width: 100%;
	pointer-events:none;
}
.vertical-align-center{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	pointer-events: none;
}
.vertical-align-center .modal-content{
	max-width: 480px;
	margin: 0 auto;
	text-align: left;
}

/* _______________________________________________________________________
 * Footer */
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 75px;
	background: #ffffff;
	color: #1b2130;
}
footer::before{
	position: absolute;
	top: -88px;
	width: 100%;
	height: 88px;
	background: url('../images/bckg-footer.png') no-repeat top center;
	content: "";
}
@media (max-width:1024px){
	footer::before{
		top: -44px;
		background-size: 1050px auto;
	}
}
footer a{
	text-decoration: underline;
	color: #1b2130;
}
footer a:hover, footer a:focus{ text-decoration: none; }
@media (min-width:992px){
	footer .nav, footer p{ float: right; }
}
footer .nav li::after{
	position: absolute;
	top: 10px;
	left: -1px;
	content: "|";
	color: #1b2130;
}
footer .nav li:first-child::after{ content: ""; }

/* _______________________________________________________________________
 * Home */
.page-home .btn-fra,
.page-home .btn-eng{
	position: absolute;
	top: 40%;
	left: 50%;
	padding: 10px 15px;
	background: rgba(58, 68, 99, 0.55);
	border: 1px dashed rgba(255, 255, 255, 0.55);
	border-radius: 22px;
	text-decoration: none;
	font: 18px "HelveticaNeue", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.page-home .btn-fra{ margin: -52px 0 0 -120px; }
.page-home .btn-eng{ margin: 0 0 0 -107px; }
.page-home .btn-fra:hover, .page-home .btn-fra:focus,
.page-home .btn-eng:hover, .page-home .btn-eng:focus{ background: #1c2030; }

@media (min-width:768px){
	.page-home .btn-fra,
	.page-home .btn-eng{
		padding: 19px 45px;
		border-radius: 40px;
		font-size: 32px;
		line-height: 32px;
		line-height: 32px;
	}
	.page-home .btn-fra{ margin: -78px 0 0 -230px; }
	.page-home .btn-eng{ margin: 0 0 0 -208px; }
}
@media (min-width:768px) and (min-height:680px){
	.circle-1, .circle-2, .circle-3{
		position: absolute;
		width: 182px;
		height: 182px;
		border: 1px dashed rgba(255, 255, 255, 0.55);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 167px auto;
		border-radius: 50%;
		content: "";
	}
	.circle-1, .circle-2{ top: 120px; }
	.circle-1{ left: 5%; background-image: url('../images/pic-home-1.png'); }
	.circle-2{ right: 5%; background-image: url('../images/pic-home-2.png'); }
	.circle-3{ bottom: 150px; left: 50%; background-image: url('../images/pic-home-3.png'); }
}
@media (min-width:1280px){
	.circle-1, .circle-2, .circle-3{
		width: 256px;
		height: 256px;
		background-size: 236px auto;
	}
	.circle-1{ left: 10%; }
	.circle-2{ right: 10%; }
}
@media (min-width:1900px){
	.circle-1{ left: 20%; }
	.circle-2{ right: 20%; }
}