.ce-hoc-nav{
	margin-bottom: 0;
}
.sub-nav-title, .sub-nav-title-noborder{
	font-family: 'Martel', serif;
	text-transform: uppercase;
	letter-spacing: 0.075em;
	font-size: 1.5em;
	font-weight: 200;
	display:block;
	padding: 10px 0 5px 0;
	margin: 0;
}
h1.sub-nav-title{
	padding: 14px 0 8px 0;
}
.sub-nav-title a, .sub-nav-title-noborder a{
	color: #333;
}
.sub-nav-title-small{
	font-size: .75em;
	font-family: 'Roboto', serif;
	text-transform: none;
	letter-spacing: 0;
}
.sub-nav-title {
	border-bottom: solid 1px rgba(0,0,0,.2);
}
h1.sub-nav-title-noborder{
	margin: 0;
}
#StartofContent, .ce-hoc-body-content {
	margin-bottom: 50px;
}

h1 {
	font-size: 1.5em;
}
h2 {
	font-size: 1.5em;
	text-transform: none;
}
h3 {
	font-size: 1.5em;
	font-weight: 300;
}
h4 {
	font-size: 1.3em;
	font-weight: 300;
}

a.accordion-toggle:focus, a.accordion-toggle:hover{
	text-decoration:none;
}
/* Temporary Fix for the Small tag */
small, .small{
	font-size:80%;
}

.subsite-nav a:hover{
	text-decoration: none;
}


/* */
/* Desktop Parl Header */
/* */
/*.parlwebsite-header {
	margin-bottom: 10px;
}*/
/**/
/* Mobile menu*/ 
/**/
/* PARLWEBFOUNDATION */
/*.mobile-menu-item, .mobile-menu-parliament {
	padding: 10px 15px;	
	background: #ffffff;
	border-bottom: solid 1px #d4d4d4;
}*/


/**/
/* Top image (Hero) */
/**/
.web-banner .hero {
	background-color: #f2f2f2;
	background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    /*overflow: hidden;*/
    height: 200px;
    width: 100%;
}
@media (min-width: 992px) {
	.web-banner .hero {
		height: 250px;
	}
}
h1.top-image-text {
	position: absolute;
	bottom: 20px;
	margin: 0;
	max-width: 760px;
}
.main-text {
	display: block;
	color: #437a26;
	background: #ffffff;
	text-transform:uppercase;
	padding: 10px 10px 3px 10px;
	font-weight: 300;
}
.sub-text {
	display: block;
	color: #ffffff !important;
	background: #437a26;
	text-transform:uppercase;
	padding: 5px 10px 5px 10px;
	font-size: 16px;
	letter-spacing: normal;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.printHeader{
	display:none;	
}

/**/
/* Site Navbar */
/**/
.navbar-profile + .panel {
	margin-top: 0;
}
.navbar-profile {
	opacity: 1;
}
.subsite-nav {
	margin-bottom: 2em;
	border-bottom: solid 1px #cccccc;
	background: #fff;
}
.subsite-nav ul.toc-nav {
	display: inline-block;
}
.subsite-nav .toc-nav > li {
	display: inline-block;
}
.subsite-nav li > a {
	color: #437a26;
	font-weight: normal;
	text-transform: uppercase;
	padding: .7em;
}
.subsite-nav li li > a {
	text-transform: none;
	font-weight: normal;
}
@media (max-width: 767px){
	.navbar-profile .navbar-brand {
		width: calc(100% - 110px);
	}
}

/**/
/* Dropdown menu PARLWEBFOUNDATION */
/**/
.subsite-nav .dropdown a.dropdown-toggle::after {
	content:"";
    border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #999;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
}
.subsite-nav .dropdown-menu li {
	padding: 0;
}
.subsite-nav ul.dropdown-menu > li > a{
	padding: 5px 10px;
}

.subsite-nav ul.dropdown-menu ul{ /* Removes default style and indent for the ul */
	margin:0px;
	padding:0px;
	list-style-type: none;
}
.subsite-nav ul.dropdown-menu li:hover{
	background-color:#fff; /* The dropdown becomes gray without this */
}
.subsite-nav ul.dropdown-menu a{
	display:block;
	min-width:300px;	/* Menu elements width */
}
.subsite-nav ul.dropdown-menu li a:hover{
	text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.subsite-nav ul.dropdown-menu > li > ul > li > a{ /* List level 2 of the menu */
	padding-left:35px; /* indent */
	min-height:30px;
	border-top: solid 1px #d4d4d4; /* Separation between menu objects */
}
.subsite-nav ul.dropdown-menu > li > ul > li > ul > li > a{ /* List level 3 of the menu */
	padding-left:60px; /* indent */
}
.subsite-nav ul.dropdown-menu > li > ul > li > ul > li > ul > li > a{ /* List level 4 of the menu */
	padding-left:90px; /* indent */
}
.subsite-nav ul.dropdown-menu > li > a.overview {
	text-transform: uppercase;
}
.subsite-nav ul.dropdown-menu > li > ul > li > a{ /* Lists level 1 and 2 of the menu */
	/*text-transform: uppercase; */
}
.subsite-nav ul.dropdown-menu > li > ul > li > ul > li > a, .subsite-nav ul.dropdown-menu > li > ul > li > ul > li > ul > li > a { /* Lists level 3 and 4 of the menu */
	text-transform:none;
	padding-top:4px;
	padding-bottom:4px;
	min-height:20px;
}
@media (max-width: 767px) {
	.subsite-nav .toc-nav{ /* Puts the menu in the center */
		text-align:center;	
	}
	ul.dropdown-menu{
	 width:100%; 
	}
	ul.toc-nav.nav li{
	position:static;
	}
}

/* Previous|Next*/
.navPrevNext, .prev-next-nav {
	position: absolute;
	top: 0px;
	right: 15px;
	display: block;
	height: 24px;
	padding: 0;
	font-size: 12px;
	color: #333333;
}
.navPrevNext li, u.prev-next-nav li {
	display: block;
	float: left;
	padding: 0 2px;
	background-color: transparent;
}
.navPrevNext > li + li:before, .prev-next-nav > li + li:before {
	content: "|\00a0";
	padding: 0 2px;
	color: #ccc;
}

@media (max-width: 767px) {
	.navPrevNext, .prev-next-nav {
		position: initial;
	}
}
/**/
/* Figures */
/**/
figure { /* Default style for the figure */
	float: left;
	display: table;
	background-color: #ffffff;
	padding: 5px;
	height: auto;
	margin: 5px 20px 20px 0;
}
figure.pull-right{ /* Figure that floats to the right */
	margin-left:20px;
	margin-right:0px;
}
figure img { /* Makes the img in the figure responsive */
	display:block;
	width:100%;
	height:auto;
}
figure figcaption { /* Default style for the figcaption */
	display:table-caption;
	caption-side:bottom;
	background-color: #ffffff;
	padding: 0 5px 5px;
	font-size:100%;
	text-align:center;
}
.fig-center { /* Puts the figures in the center and alone in their row */
	margin-left: auto;
	margin-right: auto;
	float:none;
}
@media (max-width: 767px) {
	figure, figure.pull-right{ /* Puts the figures in the center and alone in their row */
		margin-left: auto;
		margin-right: auto;
		float:none !important ; /* The only reason to use the important tag is because the Site.css uses it too */
		text-align:center;
		right: auto; 		
		left: auto;
	}
}

/**/
/* Date Modified */
/**/
.dateModifiedE, .date-modified-e{
	text-align: left;
	margin: 20px 0;
}

.dateModifiedE:before, .date-modified-e:before {
    content: "Date modified: ";
}

.dateModifiedF, .date-modified-f{
	text-align: left;
	margin: 20px 0;
}

.dateModifiedF:before, .date-modified-f:before {
    content: "Date de modification : ";
}

/**/
/* Search */
/**/
.subsite-nav .btn-search, .subsite-nav .btn-search:hover, .subsite-nav .btn-search:active {
	background: none;
	border: none;
	font-size: 22px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-right: 9px;
    color: #444444;
}
.subsite-nav .btn-search .hoc-icon {
	position: relative;
	top: -.5em;
}
.subsite-nav .btn-search:hover .hoc-icon {
	color: #437a26;
}
#hidden-search-form {
	position: relative;
	border: none;
}
.compendiumSearchBox .btnLaunchSearch {
	background: #437a26;
}
.compendiumSearchBox .btnLaunchSearch .hoc-icon {
	color: #fff;
	/*line-height: 1;*/
}
/**/
/* Breadcrumbs */
/**/
.ce-hoc-body-content .breadcrumb {
	font-size: 12px;
	max-width: calc(100% - 150px);
	padding: 0;
	margin-bottom: 10px;
	background: transparent;
}
.ce-hoc-body-content .breadcrumb > .active {
	color: #555555;
}
@media (max-width: 767px) {
	.ce-hoc-body-content .breadcrumb {
		max-width: 100%;	
	}
}
/**/
/* More Articles Div */
/**/
.moreArticles, .more-articles {
	background-color: #ffffff;
	padding: 10px 15px;
	display: inline-block;
	min-width: 300px;
	max-width: 500px;
	font-size: 12px;
	margin-top: 20px;
	border-radius: 5px;
}
.generalAricles, .general-articles {
	font-size: 14px;
}
.moreArticles h4, .moreArticles h3, .moreArticles h2, .more-articles .title {
	margin: 0 0 10px 0;
	font-family: Roboto, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
ul.moreArticlesContent, ul.more-articles-content {
	margin: 0;
}
ul.moreArticlesContent li, ul.more-articles-content li {
	margin: 5px 0;
}

/**/
/* General Articles Desktop Side Navigation */
/**/
/* sidebar */
.articleNav, .article-nav {
	background-color: #ffffff;
	padding: 15px 15px 15px 0;
	max-width: 300px;
	border-radius: 5px;
	margin-top: 20px;
}
.articleNav h4, .articleNav h2, .article-nav .title { /* h4 à retirer après les corrections */
	font-size: 13px;
	font-family:Roboto, sans-serif;
	letter-spacing:initial;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
#sidebar.affix {
	position:relative;
}
.sidebarContainer, .sidebar-container{
	margin-bottom:20px;
}
@media (min-width: 992px) {
	#sidebar.affix {
		position:fixed;
		top: 20px;
		bottom: auto;
	}
	#sidebar.affix-top {
		position: static;
	}
	#sidebar.affix-bottom {
		position:absolute;
	}
	.articleNav, .article-nav {
		margin-top: 0;
	}
	.bs-docs-sidebar .nav a:focus {
		background: transparent;
	}
	/* hide inactive nested list */
	.bs-docs-sidebar .nav ul.nav {
		display: none;           
	}
	/* show active nested list */
	.bs-docs-sidebar .nav>.active>ul.nav {
		display: block;           
	}	
	div.sidebarContainer, .sidebar-container{
		float:right;
	}
}
/* all links */
.bs-docs-sidebar .nav>li>a {
    color: #555555;
    border-left: 2px solid transparent;
	border-bottom: 0;
    padding: 4px 10px;
    font-size: 12px;
}
/* nested links */
.bs-docs-sidebar .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 30px;
}
/* nested links level 3 */
.bs-docs-sidebar .nav .nav .nav>li>a {
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 50px;
}
/* active & hover links */
.bs-docs-sidebar .nav>.active>a, 
.bs-docs-sidebar .nav>li>a:hover {
    color: #437a26;                 
    background-color: transparent;  
    border-left-color: #437a26; 
}
/**/
/* Table of contents */
/**/
ul.tableofContents > li, ul.table-of-contents > li {
	font-weight: bold;
	padding: 5px 0;
}
ul.tableofContents li li, ul.table-of-contents li li {
	font-weight: normal;
}
ul.tableofContents ul, ul.table-of-contents ul {
	margin-bottom: 20px;
}
ul.tableofContents > li, ul.table-of-contents > li {
	font-size:24px;
	list-style-type: none;
}
ul.tableofContents > li li, ul.table-of-contents > li li {
	font-size:14px;
	margin:5px 0;
}
/* Jquery UI - Autocomplete Dropdownlist */
.ui-front {
	z-index: 1001;
}
.ui-autocomplete li {
	font-size: 14px;
	padding: 5px 10px;
}
.ui-autocomplete li.ui-state-focus {
	background: #437a26;
	color: #fff;
}

/**/
/* Top of page */
/**/
a.backToTop, a.back-to-top {
	display: none;
	width: 45px;
	height: 45px;
	text-indent: -999em;
	overflow: hidden;
	position: fixed;
	top: 20px;
	right: 20px;
	left: auto;
	margin-left: 499px;
	z-index: 1;
	background-color: rgba(69,126,39,.5);
	border-radius: 5px;
}
a.backToTop:before, a.back-to-top:before {
	width: 45px;
	height: 45px;
	text-align: center;
	font-family: 'hoc-icons' !important;
	font-size: 30px;
	content:"\e923";
	color: #fff;
	text-indent: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, .20);
}
a.backToTop:hover, a.back-to-top:hover {
	background-color: rgba(69,126,39,.8);
}
@media screen and (max-width: 480px) {
	a.backToTop, a.back-to-top {
		top: 5px;
    	right: 5px;
	}
}
@media print {
	a.backToTop, a.back-to-top {
		visibility: hidden;
	}
	div.hero, ul.toc-nav.nav, #ce-hoc-header, #ce-parl-header, .moreArticles, .ce-hoc-footer-top, .ce-hoc-footer-bottom, .ce-hoc-skipnav, .noshow, ol.breadcrumb, ol.navPrevNext, div#sidebar,  div.articleNav{
		display:none !important;
	}
	div.sub-nav-title, nav.subsite-nav{
		border:none;
	}
	.col-print-12{
		width:100% !important;
		padding:1px;
	}
}

/* Bootstrap CSS  fix Print */

@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}