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

@font-face{
	font-family: "Geogrotesque";
	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#Geogrotesque') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: "Geogrotesque";
	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#Geogrotesque') format('svg');
	font-weight: bold;
	font-style: normal;
}

html{
	position: relative;
	min-height: 100%;
}
body{ margin-bottom: 40px; }
.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,
.page-section-1,
.page-section-2,
.page-section-3,
.page-section-4{ 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-7{ background: #ffffff url('../images/bckg-conclu-alt.jpg') no-repeat center center; background-size: cover; }
a{ color: #111c24; }
a:hover, a:focus{ color: #65131f; }
.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 "Geogrotesque", Helvetica, Arial, sans-serif;
	font-weight: bold;
	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;
}
.has-success.radio-inline, .has-success label{ color: #3c763d; font-weight: bold; }
.has-error.radio-inline, .has-error label{ color: #a94442; font-weight: bold; }

.opacity{ opacity: 0; }
.pop{
	-webkit-transition: height 0.01s, transform 0.35s ease, opacity 0.35s ease;
	-moz-transition: height 0.01s, transform 0.35s ease, opacity 0.35s ease;
	transition: height 0.01s, transform 0.35s easet, opacity 0.35s ease;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8);
	opacity: 0;
}
.pop.in{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* _______________________________________________________________________
 * Header */
@media (min-width: 768px){
	.navbar-header{
		float: none;
		width: 100%;
	}
}
.navbar{
	display: none;
	background: #ffffff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07);
}
.navbar-brand{ padding: 15px; }
.navbar-default .navbar-brand{
	height: 60px;
	padding: 4px 5px;
	text-transform: uppercase;
	font: 28px "Geogrotesque", Helvetica, Arial, sans-serif;
	line-height: 50px;
	color: #111821;
}
.navbar > .container .navbar-brand:last-child{ margin-left: 0; }
.navbar-default .navbar-brand span{
	color: #d13138;
	font-weight: bold;
}
.navbar-default .navbar-toggle{
	display: block;
	float: right;
	margin: 0;
	padding: 23px 19px;
	border: 0;
	border-left: 1px solid #e5e5e5;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.navbar-default .navbar-toggle .icon-bar{ background-color: #111c24; }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{ background: #111c24; }
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar{ background-color: #ffffff; }
.navbar-default .navbar-collapse,
.dropdown-menu, .navbar-nav .open .dropdown-menu{
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	width: 300px;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background: #d13138;
	border: 0;
	z-index: 1001;
	overflow-x: hidden;
}
.dropdown-menu, .navbar-nav .open .dropdown-menu{ position: absolute; }
.navbar-collapse.collapse,
.navbar-collapse.collapsing,
.dropdown-menu{
	-webkit-transform: translateX(300px);
	-moz-transform: translateX(300px);
	-o-transform: translateX(300px);
	transform: translateX(300px);
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	-moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	-o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
	transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.navbar-collapse.collapse.in,
.open > .dropdown-menu{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.navbar-collapse::after,
.dropdown-menu::after{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 0;
	content: "";
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	z-index: -1;
}
.navbar-collapse.open::after,
.dropdown-menu.open::after{ opacity: 1; }
.navbar-collapse .navbar-nav{
	float: none !important;
	margin: 0;
}
.navbar-collapse .navbar-nav li{ float: none; position: relative; }
.navbar-collapse .navbar-nav li.dropdown{ position: static; }
.navbar-collapse .navbar-nav > li > a,
.dropdown-menu > li > a{
/*.navbar-default .navbar-nav .open .dropdown-menu > li > a{*/
	padding: 15px 15px 15px 20px;
	box-shadow: 0 -1px rgba(0, 0, 0, 0.2) inset;
	color: #ffffff;
	font-size: 16px;
	font-family: "Geogrotesque", Helvetica, Arial, sans-serif;
	white-space: normal;
}
.navbar-collapse .navbar-nav > li > a.visited,
.dropdown-menu > li > a.visited{ color: rgba(255, 255, 255, 0.8); }
.navbar-nav a.visited::after{
	position: absolute;
	display: inline-block;
	top: 18px;
	left: 5px;
	content: "\f00c";
	font-size: 12px;
	font-family: "FontAwesome";
}
.navbar-nav li.dropdown > a.visited::after{ content: ""; }
.navbar-default .navbar-nav .open .dropdown-menu > .dropdown > a{ padding-right: 30px; }
.navbar-collapse .navbar-nav li.dropdown > a{ position: relative; }
.navbar-collapse .navbar-nav li.dropdown > a span{ display: inline-block; }
.navbar-collapse .navbar-nav li.dropdown > a span::before{
	position: absolute;
	display: inline-block;
	top: 15px;
	right: 15px;
	content: "\f054";
	font-family: "FontAwesome";
}
.navbar-default .navbar-nav .open .dropdown-menu > li > .back{ padding-left: 30px; }
.navbar-collapse .navbar-nav li > .back{
	background: rgba(0, 0, 0, 0.1);
	font-size: 0.9em;
}
.navbar-collapse .navbar-nav li > .back::before{
	position: absolute;
	display: inline-block;
	top: 15px;
	left: 15px;
	content: "\f0d9";
	font-family: "FontAwesome";
}
.navbar-collapse .navbar-nav li > a:hover,
.navbar-collapse .navbar-nav li > a:focus,
.navbar-collapse .navbar-nav .active > a,
.navbar-collapse .navbar-nav .active > a:hover,
.navbar-collapse .navbar-nav .open > a,
.navbar-collapse .navbar-nav .open > a:hover,
.navbar-collapse .navbar-nav .open > a:focus,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
	background: rgba(0, 0, 0, 0.2);
	box-shadow: none;
	color: #ffffff;
}
.navbar-nav .active > a{ font-weight: bold; }
.dropdown-menu{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.navbar-right{
	float: right;
	margin: 0;
}
.navbar-right > li{ float: left; }
.navbar-default .navbar-right > li > a,
.navbar-default .navbar-secondary > li > a{
	padding: 20px;
	font-size: 18px;
	font-family: "Geogrotesque", Helvetica, Arial, sans-serif;
	color: #111c24;
}
.navbar-default .navbar-right > li > a:hover,
.navbar-default .navbar-right > li > a:focus{
	background: #111c24;
	color: #ffffff;
}

/* _______________________________________________________________________
 * Sidebar */
aside{
	position: absolute;
	width: 100%;
	padding: 0;
	background: #ffffff;
	/*border-bottom: 1px solid #e5e5e5;*/
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 900;
}
.page-introduction aside, .page-conclusion-7 aside,
.page-module-1 aside, .page-section-1 aside,
.page-module-2 aside, .page-section-2 aside,
.page-module-3 aside, .page-section-3 aside,
.page-module-4 aside, .page-section-4 aside{ background: none; }
aside.affix{ top: 0; }
aside .nav > li{ float: left; }
aside .nav > li > a{
	padding: 14px 18px;
	font-size: 14px;
	color: #586066;
}
.page-module-1 aside a, .page-section-1 aside a,
.page-module-2 aside a, .page-section-2 aside a,
.page-module-3 aside a, .page-section-3 aside a,
.page-module-4 aside a, .page-section-4 aside a{ color: #ffffff; }
.page-module-1 aside .nav > li > a, .page-section-1 aside .nav > li > a,
.page-module-2 aside .nav > li > a, .page-section-2 aside .nav > li > a,
.page-module-3 aside .nav > li > a, .page-section-3 aside .nav > li > a,
.page-module-4 aside .nav > li > a, .page-section-4 aside .nav > li > a{ color: rgba(255, 255, 255, 0.8); }
aside .nav > li > a:hover,
.page-module-1 aside .nav > li > a:hover, .page-section-1 aside .nav > li > a:hover,
.page-module-2 aside .nav > li > a:hover, .page-section-2 aside .nav > li > a:hover,
.page-module-3 aside .nav > li > a:hover, .page-section-3 aside .nav > li > a:hover,
.page-module-4 aside .nav > li > a:hover, .page-section-4 aside .nav > li > a:hover{
	background: #d13138;
	color: #ffffff;
}
aside .col-sm-4 > div{ width: 200px !important; max-width: 200px !important; }
@media (max-width: 970px){
	aside .col-sm-4 > div{ width: 100px !important; max-width: 100px !important; }
	.mejs-time-rail, .mejs-duration-container{ display: none !important; }
}
@media (min-width: 1200px){
	aside .col-sm-4 > div{ width: 270px !important; max-width: 270px !important; }
}

/* _______________________________________________________________________
 * Main */
article{ padding-top: 50px; }
.page-mon-compte article,
.page-rechercher article,
.page-glossaire article,
.page-traduction article,
.page-plan-de-site article{ padding-top: 0; }
article a{ text-decoration: underline; }
article a:hover, article a:focus{ text-decoration: none; }
h1, h2, h3, h4{ font-family: "Geogrotesque", Helvetica, Arial, sans-serif; }
h1{
	margin-top: 5px;
	font-size: 32px;
}
.breadcrumb{ margin: 5px 0 0; }

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

.panel-default{ background: none; }
.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; box-shadow: none; }
.panel-default > .panel-heading{
	padding: 0;
	/*background: #71767b;*/
	background: none;
	border: 0;
	font: 18px "Geogrotesque", Helvetica, Arial, sans-serif;
	color: #ffffff;
}
.panel-default > .panel-body{
	position: relative;
	background: #ffffff;
	/*background: #d3d3d6;*/
	border: 1px dashed #a2a2a2;
}
.panel-default > .panel-body > .panel-sub:not(:first-child){
	padding-top: 10px;
	border-top: 1px dashed #a2a2a2;
}
.panel-rounded .panel-default > .panel-body{
	background: #d3d3d6;
	border: 0;
}
.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: 18px "Geogrotesque", Helvetica, Arial, sans-serif;
	/*color: #ffffff;*/
	color: #000000;
}
.panel-group > .panel > .panel-heading > .panel-title{
	font-size: 16px;
	color: #000000;
}
.panel-title > a{
	max-width: 220px;
	width: 100%;
	display: block;
	padding: 10px 15px;
	background: #f6f6f6;
	border: 1px dashed #a2a2a2;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	text-decoration: none;
	text-align: center;
}
.panel-title > a[aria-expanded='true']{ border-bottom-color: transparent; }
.panel-group .panel-title > a{
	max-width: none;
	border: 0;
	border-radius: 0;
	text-align: left;
}
.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;
}
.panel-rounded, .panel-group .panel-rounded{
	padding: 15px;
	background: #f6f6f6;
	border: 1px dashed #a2a2a2;
	border-radius: 50px;
}
.panel-rounded > p{ margin: 0; }
.panel-rounded .panel-body{ border-radius: 25px; }
article > div.pull-right > p{ font: 12px "Geogrotesque", Helvetica, Arial, sans-serif; }
article > div.pull-right{ visibility: hidden; }

/* _______________________________________________________________________
 * 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 "Geogrotesque", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #ffffff;
}
section.index h1 span{ 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; }
}

/* _______________________________________________________________________
 * Footer */
footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: #ffffff;
}
footer .nav li a, footer p{ padding: 2px 10px; }
@media (min-width:992px){
	footer .nav{ float: right; }
	footer .nav li a, footer p{ padding: 10px; }
}