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

@font-face{
	font-family: "GeogrotesqueMedium";
	src: url('../fonts/geogtq-md-webfont.eot');
	src: url('../fonts/geogtq-md-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/geogtq-md-webfont.woff') format('woff'),
		url('../fonts/geogtq-md-webfont.ttf') format('truetype'),
		url('../fonts/geogtq-md-webfont.svg#GeogrotesqueMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "GeogrotesqueSemiBold";
	src: url('../fonts/geogtq-sb-webfont.eot');
	src: url('../fonts/geogtq-sb-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/geogtq-sb-webfont.woff') format('woff'),
		url('../fonts/geogtq-sb-webfont.ttf') format('truetype'),
		url('../fonts/geogtq-sb-webfont.svg#GeogrotesqueSemiBold') format('svg');
	font-weight: normal;
	font-style: normal;
}

.page-index{ background: #111c24 url('../images/bckg-index.jpg') no-repeat center center; background-size: cover; }
.page-introduction{ background: #ffffff url('../images/bckg-intro-alt.jpg') no-repeat center center; background-size: cover; }
.page-module-1{ background: #c4262e url('../images/bckg-module-1.jpg') no-repeat center center; background-size: cover; }
.page-module-2{ background: #65131f url('../images/bckg-module-2.jpg') no-repeat center center; background-size: cover; }
.page-module-3{ background: #111c24 url('../images/bckg-module-3.jpg') no-repeat center center; background-size: cover; }
.page-conclusion, .page-conclusion-6{ background: #ffffff url('../images/bckg-conclu-alt.jpg') no-repeat center center; background-size: cover; }

a{ color: #000000; }
a:hover, a:focus{ color: #000000; }
.btn-default, .btn-default:focus{
	background: #d13138;
	border: 2px solid #d13138;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	font: 16px "GeogrotesqueSemiBold";
	color: #ffffff;
}
.btn-default:hover{
	background-color: #ffffff;
	border: 2px solid #111821;
	color: #111821;
}
.btn-default:active, .btn-default.active{
	background-color: #111821;
	border: 2px solid #111821;
	color: #ffffff;
}
mark, .mark{
	background: none;
	border-bottom: 1px dotted #000000;
	cursor: help;
}
.fa-5x{ color: #111821; }
.fa-3x{ color: #a4a4aa; }
.panel .fa-3x{ color: #71767b; }
.has-success.radio-inline, .has-success label{ color: #3c763d; font-weight: bold; }
.has-error.radio-inline, .has-error label{ color: #a94442; font-weight: bold; }

/* _______________________________________________________________________
 * Header */
.navbar{
	display: none;
	background: #ffffff;
}
.navbar .row{ margin: 0; }
.navbar-nav > .active > a{ font-weight: bold; }
.navbar-default .navbar-nav:first-child > li > a{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-transform: uppercase;
	font: 19px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.navbar-default .navbar-nav:first-child > li > a:hover,
.navbar-default .navbar-nav:first-child > li > a:focus,
.navbar-default .navbar-nav:first-child > .active > a,
.navbar-default .navbar-nav:first-child > .active > a:hover{
	background: #ffffff;
	color: #111821;
}
.page-index .navbar-collapse, .page-index .navbar-toggle{ display: none !important; }

@media (min-width: 768px){
	.navbar-collapse{ background: #111821; }
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover{
		height: 104px;
		padding: 15px;
		text-transform: uppercase;
		font: 36px "GeogrotesqueSemiBold", Helvetica, Arial, sans-serif;
		line-height: 54px;
		color: #111821;
	}
	.navbar-default .col-sm-8 .navbar-brand{ padding-top: 20px; }
	.navbar-default .navbar-brand span{
		font-weight: bold;
		color: #d13138;
	}
	.navbar-brand img{ height: 73px; }
	.navbar-default .navbar-nav{ float: right; }
	.page-index .navbar-default .navbar-brand, .page-error .navbar-default .navbar-brand{
		height: 158px;
		padding: 40px 15px;
	}
	.page-index .navbar-brand img, .page-error .navbar-brand img{ height: 83px; }
}
@media (min-width: 768px) and (max-width: 1200px){
	.navbar-default .navbar-brand,
	.navbar-default .navbar-brand:hover{
		height: 52px;
		padding: 5px;
		line-height: 42px;
		font-size: 28px;
	}
	.navbar-brand img{ height: 42px; }
}
@media (max-width: 767px){
	.navbar-collapse .container{ margin: 0 -15px; }
	.navbar-nav{
		margin: 0 -15px;
		background: #111821;
	}
	.navbar-brand{
		height: 52px;
		padding: 5px;
	}
	.navbar-brand img{ height: 42px; }
	.navbar-default .navbar-toggle{
		margin: 0;
		padding: 19px;
		border: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus{ background: #111821; }
	.navbar-default .navbar-toggle:hover .icon-bar,
	.navbar-default .navbar-toggle:focus .icon-bar{ background-color: #ffffff; }
}
@media (min-width: 768px){
	.navbar-right li:after{
		position: absolute;
		top: 13px;
		left: -1px;
		content: "\007c";
		color: #707070;
	}
	.navbar-right li:first-child:after{ content: ""; }
	.navbar-default .navbar-right > li > a{
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: underline;
		color: #000000;
	}
	.navbar-default .navbar-right > li > a:hover{ text-decoration: none; }
}

.head{
	padding: 10px 0 5px 0;
	font: 36px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.head .ico{
	float: left;
	margin-right: 4px;
}
.nav-2 .head{ background: #c4262e url('../images/bckg-module-1.jpg') no-repeat top center; background-size: cover; }
.nav-3 .head{ background: #65131f url('../images/bckg-module-2.jpg') no-repeat top center; background-size: cover; }
.nav-4 .head{ background: #111c24 url('../images/bckg-module-3.jpg') no-repeat top center; background-size: cover; }

/* _______________________________________________________________________
 * Index */
@media (min-width: 1200px){
	section.index{ padding-top: 5%; }
}
section.index, section.index a{ color: #ffffff; }
section.index legend{ text-indent: -9999px; }
section.index h1{
	text-transform: uppercase;
	font: 62px "GeogrotesqueSemiBold", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
section.index h1 span{
	font-weight: bold;
	color: #d13138;
}
section.index .form-control{ font-size: 20px; }
section.index .btn{
	margin-top: 28px;
	font-size: 28px;
}
@media (max-width: 768px){
	section.index h1{ font-size: 48px; }
}

/* _______________________________________________________________________
 * Panels */
.slices{ position: relative; }
.slices > div{
	display: block;
	position: absolute;
	width: 33.33%;
	height: 64%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
}
div.slice-1,
div.slice-5{
	width: 100%;
	height: 18%;
}
div.slice-1{
	top: 0;
	left: 0;
	background: #696f78 url('../images/bckg-intro.jpg') no-repeat top center;
	background-size: cover;
}
div.slice-1:hover{ background-image: url('../images/bckg-intro-alt.jpg'); }
div.slice-2{
	top: 18%;
	left: 0;
	background: #c4262e url('../images/bckg-module-1.jpg') no-repeat center left;
	background-size: cover;
}
div.slice-2:hover{ background-image: url('../images/bckg-module-1-alt.jpg'); }
div.slice-3{
	top: 18%;
	left: 33.3333%;
	background: #65131f url('../images/bckg-module-2.jpg') no-repeat center left;
	background-size: cover;
}
div.slice-3:hover{ background-image: url('../images/bckg-module-2-alt.jpg'); }
div.slice-4{
	top: 18%;
	left: 66.66%;
	background: #111c24 url('../images/bckg-module-3.jpg') no-repeat center left;
	background-size: cover;
}
div.slice-4:hover{ background-image: url('../images/bckg-module-3-alt.jpg'); }
div.slice-5{
	top: 82%;
	left: 0;
	background: #696f78 url('../images/bckg-conclu.jpg') no-repeat bottom center;
	background-size: cover;
}
div.slice-5:hover{ background-image: url('../images/bckg-conclu-alt.jpg'); }
.slice-content{
	position: absolute;
	display: block;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 45px 55px;
	z-index: 200;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	font: 32px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
}
.slice-content,
.slice-content:hover,
.slice-content:focus{
	outline: none;
	text-decoration: none;
	color: #ffffff;
}
.slice-content:hover{
	-webkit-transform: translateX(15px);
	-moz-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}
div.slice-1 .slice-content:hover{ color: #696f78; }
div.slice-2 .slice-content:hover{ color: #c4262e; }
div.slice-3 .slice-content:hover{ color: #65131f; }
div.slice-4 .slice-content:hover{ color: #111c24; }
div.slice-5 .slice-content:hover{ color: #696f78; }
.slice-content h2{
	margin: 0;
	text-transform: uppercase;
	font-size: 44px;
}
.slice-content .num{
	display: block;
	height: 50%;
	font-size: 100px;
	line-height: 0.8em;
}
.ico, .page-index h1 .ico{
	display: inline-block;
	width: 60px;
	height: 54px;
}
h1 .ico{
	width: 36px;
	height: 34px;
}
.ico-index{ background: url('../images/ico-index.png') no-repeat center center; }
.ico-module-1{ background: url('../images/ico-module-1.png') no-repeat center center; background-size: contain; }
.ico-module-2{ background: url('../images/ico-module-2.png') no-repeat center center; background-size: contain; }
.ico-module-3{ background: url('../images/ico-module-3.png') no-repeat center center; background-size: contain; }
div.slice-2 .slice-content:hover .ico-module-1{ background-image: url('../images/ico-module-1-alt.png'); }
div.slice-3 .slice-content:hover .ico-module-2{ background-image: url('../images/ico-module-2-alt.png'); }
div.slice-4 .slice-content:hover .ico-module-3{ background-image: url('../images/ico-module-3-alt.png'); }
@media (max-width: 1200px){
	.slice-content{ padding: 25px; }
	.slice-content h2{ font-size: 36px; }
}
@media (max-height: 800px){
	.slice-content{ padding: 25px; }
	.slice-content h2{ font-size: 36px; }
}
@media (max-width: 768px){
	.slices > div{
		width: 100%;
		height: 20%;
		left: 0;
	}
	div.slice-2{ top: 20%; }
	div.slice-3{ top: 40%; }
	div.slice-4{ top: 60%; }
	div.slice-5{ top: 80%; }
}
@media (max-width: 520px){
	.slice-content{
		padding: 15px;
		font-size: 16px;
	}
	.slice-content h2{ font-size: 18px; }
}
.slices > .slice-expand{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 100;
}
@keyframes scaleUp{
	from{} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to{
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
	}
}
.slices > .slice-expand-item{
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}
@keyframes scaleDown{
	from{} /* Fixes Chrome issue 35.0.1916.114 (easing breaks) */
	to{
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
	}
}

/* _______________________________________________________________________
 * Sidebar */
@media (min-width:990px){
	.container aside{ padding: 50px 0 0 0; }
}
.nav-2 aside{ background: #b5232b; }
.nav-3 aside{ background: #65131f; }
.nav-4 aside{ background: #111c24; }
.page-conclusion aside, .page-conclusion-6 aside{ visibility: hidden; }

.sidenav > ul > li{ margin: 7px 0; }
.sidenav ul li a{
	padding: 10px 30px;
	font: 18px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.sidenav ul li a:hover, .sidenav ul li a:focus,
.sidenav ul ul li a:hover, .sidenav ul ul li a:focus{
	background-color: #ffffff;
	color: #b5232b;
}
.nav-2 .sidenav ul li a:hover, .nav-2 .sidenav ul li a:focus, .nav-2 .sidenav ul ul a{ color: #b5232b; }
.nav-3 .sidenav ul li a:hover, .nav-3 .sidenav ul li a:focus, .nav-3 .sidenav ul ul a{ color: #65131f; }
.nav-4 .sidenav ul li a:hover, .nav-4 .sidenav ul li a:focus, .nav-4 .sidenav ul ul a{ color: #111c24; }
.sidenav > ul > .active > a, .sidenav > ul > .active > a:hover{
	background-color: #111821;
	color: #ffffff !important;
}
.sidenav > ul > li > a{ background-color: rgba(255, 255, 255, 0.1); }
.sidenav ul ul a, .sidenav ul .active ul a{ background-color: rgba(255, 255, 255, 0.75); }
.sidenav ul a.visited, .sidenav ul ul a.visited{
	background-image: url('../images/ico-check-2.png');
	background-repeat: no-repeat;
	background-position: 6px 8px;
	background-size: 22px 22px;
}

.sidenav > ul > .active > a{ font-weight: bold; }
.sidenav > ul > li > ul > .active > a{
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.6);
}

/* _______________________________________________________________________
 * Main */
@media (min-width:1200px){
	article.col-md-8{
		width: 68.15%;
		padding: 0 30px 0 0;
	}
	aside.col-md-4{ width: 31.85%; }
}
.page-module-1 article,
.page-module-2 article,
.page-module-3 article{ padding-top: 70px; }
/*article{
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-webkit-transform: translateX(-100%) scale(0.9);
	-moz-transform: translateX(-100%) scale(0.9);
	-ms-transform: translateX(-100%) scale(0.9);
	transform: translateX(-100%) scale(0.9);
	opacity: 0;
}
article.slideIn{
	-webkit-transform: translateX(0) scale(1);
	-moz-transform: translateX(0) scale(1);
	-ms-transform: translateX(0) scale(1);
	transform: translateX(0) scale(1);
	opacity: 1;
}
article.slideOut{
	-webkit-transform: translateX(100%) scale(0.9);
	-moz-transform: translateX(100%) scale(0.9);
	-ms-transform: translateX(100%) scale(0.9);
	transform: translateX(100%) scale(0.9);
	opacity: 0;
}*/
article a{ text-decoration: underline; }
article a:hover, article a:focus{ text-decoration: none; }
h1, h2{ font-family: "GeogrotesqueMedium", Helvetica, Arial, sans-serif; }
.nav-tabs{ margin-bottom: 15px; }

.page-module-1 article,
.page-module-2 article,
.page-module-3 article,
.page-module-1 article a,
.page-module-2 article a,
.page-module-3 article a,
.page-module-1 .breadcrumb > .active,
.page-module-2 .breadcrumb > .active,
.page-module-3 .breadcrumb > .active{ color: #ffffff; }
.page-module-1 article,
.page-module-2 article,
.page-module-3 article{
	font: 17px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	line-height: 1.7em;
}
.page-module-1 h1,
.page-module-2 h1,
.page-module-3 h1{
	margin: 38px 0 80px 0;
	text-transform: uppercase;
	font-size: 39px;
}
.page-module-1 .well,
.page-module-2 .well,
.page-module-3 .well{ color: #333333; }
.page-module-1 div.media-left,
.page-module-2 div.media-left,
.page-module-3 div.media-left{
	width: 140px;
	font: 32px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.page-module-1 div.media-left .num,
.page-module-2 div.media-left .num,
.page-module-3 div.media-left .num{
	font-size: 100px;
	line-height: 0.8em;
}

.panel-default, .alert, .thumbnail{ border: 0; }
.panel, .panel-default > .panel-heading, .well, .img-thumbnail, .list-group-item:first-child, .list-group-item:last-child, .alert, .thumbnail{ border-radius: 0; }
.panel-default > .panel-heading{
	background: #71767b;
	font: 20px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.panel-default > .panel-body{
	position: relative;
	background: #d3d3d6;
}
.panel-after > .panel-body:after{
	position: absolute;
	bottom: -20px;
	right: 75px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #d3d3d6;
	content: "";
}
.panel-group > .panel > .panel-heading{
	padding: 0;
	background: #f5f5f5;
}
.panel-group .panel-body, .list-group-item{ border: 1px solid #e9e7e8; }
.panel-title{
	font: 24px "GeogrotesqueMedium", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.panel-group > .panel > .panel-heading > .panel-title{
	font-size: 18px;
	color: #000000;
}
.panel-title > a{
	width: 100%;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}
.panel-title > a:hover, .panel-title > a[aria-expanded='true']{ background: #e9e7e8; }
.panel-ico > a{ padding-left: 40px; }
.panel-ico > .fa{
	float: left;
	margin: 5px 5px 0 10px;
}
.panel-title > .ico{
	width: 32px;
	height: 32px;
	margin-right: 6px;
}
.panel-ico > .ico{
	float: left;
	width: 36px;
	height: 36px;
	margin: 3px 5px 0 10px;
}

a.img-thumbnail{
	position: relative;
	padding: 2px;
	border: 2px solid #a6a7ac;
	overflow: hidden;
}
a.img-thumbnail:hover{ border-color: #b5232b; }
a.img-thumbnail img{
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}
a.img-thumbnail:hover img, a.img-thumbnail:focus img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 0.4;
	filter: alpha(opacity=40);
}
a.img-thumbnail:hover:after, a.img-thumbnail:focus:after{
	position: absolute;
	display: block;
	top: 50%;
	left: 50%;
	width: 36px;
	height: 36px;
	margin: -18px 0 0 -18px;
	content: "\f002";
	font: 36px "FontAwesome";
	color: #b5232b;
	z-index: 8009;
}

div.alert, p.alert{ display: none; }
.alert{
	position: relative;
	color: #000000;
}
.alert-success:after, .alert-danger:after{
	position: absolute;
	bottom: -20px;
	left: 75px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	content: "";
}
.alert-success:after{ border-left: 20px solid #dff0d8; }
.alert-danger:after{ border-left: 20px solid #f2dede; }

.tooltip-inner{ padding: 8px; }
.padding{ padding-top: 30px; }

/* _______________________________________________________________________
 * Footer */
footer{ background: #ffffff; }
footer, footer a, footer a:hover{ color: #000000; }
footer a{ text-decoration: underline; }
footer a:hover{ text-decoration: none; }
footer .nav li:after{
	position: absolute;
	top: 2px;
	left: -1px;
	content: "\007c";
	color: #707070;
}
footer .nav li:first-child:after{ content: ""; }
footer .nav li a, footer p{ padding: 2px 10px; }
@media (min-width:992px){
	footer .nav{ float: right; }
	footer .nav li:after{ top: 10px; }
	footer .nav li a, footer p{ padding: 10px; }
}