/*
*************************************************************************************
Fondation Humaniste du Québec
Design par Figure 55 - Programmation par Tribal Solutions 2014
Tous droits réservés
*************************************************************************************
*/


/*Bootstrap font reset*/
html {position:relative; height:100%;}
body {font-family: 'Open Sans', sans-serif; font-size:15px; margin-bottom:60px; position:relative; height:100%; line-height: 25px;}
.fs12 {font-size:13px;}
textarea {font-family: 'Open Sans', sans-serif;}
.navbar-search .search-query {font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: 'Open Sans', sans-serif;  font-weight: bold; color:#125ed6; text-transform: none;}
h1{font-size:39px; font-weight: 200; margin-bottom:50px;}
h2{font-size:20px;}
	h2, h3{color:#4E8ABE;}
h3 {font-size:16px;}
h4 {font-size:14px;}
label {font-size:13px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {border-top:none; padding-left:0;}


#header_wrapper {height:118px; width:100%; background:#125cd5; position:fixed; top:0; z-index:9999;}
	#header_wrapper.home {background:url(images/header_bg.png) repeat;}

article img {margin:0 10px 10px 0;}

/*Bouton*/
.btn { border-radius: 0; text-transform: uppercase; padding-right:40px; background:url(images/readmore_arrow.jpg) #fff no-repeat 95% 50%;}
	.btn-primary {background-color:#fff; color: #7f8dbc; border-color:#7f8dbc;}
		.btn-primary:hover, .btn-primary:active, .btn-primary:focus {border-color:#6d7aa6; color:#6d7aa6; background-color:#fff;}

.readmore_button {margin-top:30px;}

/*Menu*/
.navbar {background:none; border:none; border-radius:0; min-height:0; padding-top:0px;  font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
	.navbar-collapse {padding:0px 0 0 20px; margin:0; }
	.nav > li {display:inline;}
	.nav > li:first-child {}
	.nav > li:last-child {width:auto;}

	.nav > li > a, .navbar-collapse > a, a.language_otherlanglink {padding:0 0px 0 0; margin:0 20px 0 0;  font-weight:200; font-size:16px; line-height: 118px; }
	
	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {color:#fff;}
	.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color:#fff;}

	/*Reset de bootstrap*/
	b.caret {display:none;}
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
	  background-color: #fff;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  background-color: #fff;
	}

	.dropdown.open, .navbar li a:active, .navbar li a:focus, a.dropdown-toggle:focus, a.dropdown-toggle:active {background:none !important;}
	.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background:none !important;  }
	.dropdown.open ul.dropdown-menu {display:none;}

	/*Hover pour menu en non-mobile*/
	@media (min-width: 768px) {
		ul.dropdown-menu {box-shadow:none; padding:0px 0 0 0; margin:0; border:0; font-size:12px;   background:none;}
			ul.dropdown-menu li {padding-bottom:4px;}
			ul.dropdown-menu li a {padding:0; margin:0; line-height:17px; color:#fff;}
			 ul.dropdown-menu li a:active, ul.dropdown-menu li a:focus, ul.dropdown-menu li a:hover {background:none; color:#ebebeb;}
		ul.nav li.dropdown > ul.dropdown-menu {padding:10px; width:100%; left:-10px; border-radius:0; }	 
		ul.nav li.dropdown:hover > ul.dropdown-menu {display: block; background:#125cd5;   width:auto; }
		#header_wrapper.home ul.nav li.dropdown:hover > ul.dropdown-menu {background:url(images/header_bg.png) repeat;}
		ul.nav li.dropdown a:focus > ul.dropdown-menu, ul.nav li.dropdown a:active > ul.dropdown-menu {display:none;}
	}

	@media (max-width: 1199px) {
			.navbar {padding-left:15px;}
			.nav > li > a, .navbar-collapse > a, a.language_otherlanglink   {font-size:13px; line-height: 88px; padding-top:10px; }
			#header_wrapper {height:98px;}
	}
	@media (max-width: 991px) {
			.navbar {padding-left:15px;}
			.nav > li > a, .navbar-collapse > a, a.language_otherlanglink   {font-size:11px;}
			.nav > li > a, .navbar-collapse > a, a.language_otherlanglink {margin:0 5px 0 0; line-height: 58px; }
			#header_wrapper {height:75px;}
			.dropdown-toggle {height:75px;}
			.dropdown-menu{z-index: 999}
	}
	@media (max-width: 767px) {
		body {margin:0; padding:0;}
		.navbar {background:#fff;}
		.nav > li > a, .navbar-collapse > a, a.language_otherlanglink   {font-size:15px; line-height: normal;}
		.navbar {background:none; border:none; border-radius:0; }
		.nav > a  {}
		.navbar-collapse  {padding-left:0;}
		.mobile_logo {}
		#header_wrapper {height:auto; width:100%; background:#000; position:relative; top:0; z-index:9999; padding:0;}
		#header_wrapper.home {background:#000;}
		.container{padding-left:20px; padding-right:20px;}
		.navbar-header{padding-left:0; border:none; margin:0; }
		.navbar-toggle {position:relative; top:40px; right:20px;}


		.dropdown.open ul.dropdown-menu {display:block; font-size:13px;}
	}



.navbar-collapse a.language_otherlanglink {}

/* Boutons FB/Twitter*/
.header_social_link {margin-right:18px; }
	.header_social_link:hover {opacity:0.8; text-decoration: none;}

/* Bouton Donner */
.header_social_wrapper {padding:40px 20px 0 0; text-align: right}
	.header_bouton_donner {background:none; color:#fff; padding:5px 16px; border-color:#fff;}
	@media (max-width: 1199px) {
		.header_social_wrapper {padding:10px 20px 0 0;}
		.header_bouton_donner {margin-top:10px;}
	}
	@media (max-width: 991px) {
		.header_bouton_donner {background:none; color:#fff; padding:3px 9px; border-color:#fff; bottom:7px; position:relative;}
	}
	@media (max-width: 767px) {
		.header_social_wrapper {display:none;}

	}

/*Home banners*/
#home_video{}
/* Image mobile lorsque le vidéo n'est pas dispo */
#home_videoimage_banner {background:url(images/home_mobile.jpg) no-repeat #fff center; background-size: cover; width:100%;min-height:500px;position:relative;}
#home_banners {width:100%; height:100vh; overflow: hidden;}
.home_banner {width:100%; height:100%;  background-size: cover; height:100vh;}
.home_banner img {display: none }
.home_banner img.first { display: block }
.home_banner_caption {font-size:30px; font-weight: 200; position:absolute; top:300px; top:65vh; color:#fff; padding-left:20px; line-height: 40px; z-index: 99999}
	@media (max-width: 1199px) {
			.home_banner_caption {top:45vh;}
	}
	@media (max-width: 991px) {
			.home_banner_caption {font-size:27px; top:30vh; line-height: 35px;}
		#home_video{display:none;}
		#home_videoimage_banner {background:url(images/home_mobile.jpg) no-repeat #fff center; background-size: cover; width:100%; min-height: 400px; position:relative; top:-2px;}
		.home_banner_caption {top:230px; line-height: 35px; font-size:22px; z-index: 9999 }
	}
	@media (max-width: 767px) {
		#home_video{display:none;}
		#home_videoimage_banner {background:url(images/home_mobile.jpg) no-repeat #fff center; background-size: cover; width:100%; min-height: 400px; position:relative; top:-2px;}
		.home_banner_caption {top:80px; line-height: 35px; font-size:22px; z-index: 9999 }
	}
	@media (max-width: 767px) {
		#home_video{display:none;}
		#home_videoimage_banner {background:url(images/home_mobile.jpg) no-repeat #fff center; background-size: cover; width:100%; min-height: 300px; position:relative; top:-2px;}
		.home_banner_caption {top:210px; line-height: 20px; font-size:14px; z-index: 9999 }
	}

#home_right_menu {position:absolute; z-index: 9999; right:0; top:160px;}
	#home_right_menu ul, #home_right_menu ul li {list-style-type: none; list-style: none; padding:0; margin:0;}
		#home_right_menu ul li a {border-radius: 0; text-transform: uppercase; background-color:#131749; color: #fff; border-color:#fff; border:1px solid #fff; padding:8px 25px; display:block; text-align: center; margin-bottom:20px;}
				#home_right_menu ul li a:hover, #home_right_menu ul li a:active, #home_right_menu ul li a:focus {border-color:#ccc; text-decoration: none;}

	#home_right_menu_social {}
		#home_right_menu_social a {display:block; text-align: center; margin-top:30px;}
			#home_right_menu_social a img {height:35px;}

	@media (max-width: 991px) {
		#home_right_menu {top:120px;}
		#home_right_menu_social a {display:block; text-align: center; margin-top:15px;}
			#home_right_menu_social a img {height:25px;}
	}
	@media (max-width: 767px) {
		#home_right_menu {top:8px;}
		#home_right_menu_social a {display:block; text-align: center; margin-top:10px;}
			#home_right_menu_social a img {height:20px;}
	}



/*Bouton vidéo à l'accueil*/
.home_videobutton_wrapper {text-align: right;}
#home_video_modal_button {}
#home_video_modal_button.btn { border-radius: 0; text-transform: uppercase; padding-right:40px; background:url(images/readmore_arrow_white.png) #fff no-repeat 95% 50%;}
	#home_video_modal_button.btn-primary {background-color:transparent; color: #fff; border-color:#fff;}
		#home_video_modal_button.btn-primary:hover, .btn-primary:active, .btn-primary:focus {border-color:#ccc; color:#ccc; background-color:transparent;}


.lightbox {z-index: 9999; position:relative; display:none;}
	iframe {z-index:999;}
	@media (max-width: 991px) {
		#home_video_modal_button { }
	}
	@media (max-width: 767px) {
		#home_video_modal_button {}
	}

/*Home*/
.blue_seperator {background:#125cd5; width:100%; height:48px; margin-bottom:30px; position:relative; top:-7px;/*border-top:1px solid #123d82;*/}
	@media (max-width: 767px) {
		.blue_seperator {height:7px;}
	}

/*Blocs*/
.home_section {/*border-bottom:1px solid #2362b7;*/ margin-bottom:40px;}
.home_section h2 {color:#125cd5; font-size:20px; font-weight: bold;}
.home_section h3 {color:#125cd5; font-size:16px; font-weight: bold;}
.no_right_padding {padding-right:0;}
.align_right {text-align: right; padding:25px 0 25px 25px;}
.align_left {padding-right:25px;}
	.home_leftcol {padding:25px 25px 25px 0;}
	.home_rightcol {padding:25px;}
	@media (max-width: 767px) {
		.home_leftcol {padding:35px 0px 25px 0;}
		.home_rightcol {padding:15px;}
		.home_section ul {padding:0; margin:0 0 0 20px;}
		.align_right {padding:25px 0 25px 0px;}
		.align_left {padding-right:15px;}
	}




/*Pages*/
.page_container {margin-top:140px;}
@media (max-width: 767px) {
	.page_container {margin-top:20px;}
}
.breadcrumbs {font-size:11px; margin-bottom:20px;}
#map {width:100%; height:450px; margin-top:90px; position:relative; top:20px;}
@media (max-width: 767px) {
	#map {margin-top:0px;}
}

.page_blocs {}
	.page_bloc_row {margin-bottom:20px;}
	.page_bloc_row_odd {/*background:#eee;*/}
	.page_bloc_row_even {/*background:#ccc;*/}
	.page_bloc_img {padding-top:23px;}
	.page_bloc_text {padding-left:20px;}

.souspages_wrapper {padding-top:30px; padding-right:20px;}
	.souspages_wrapper a {padding:8px 0 8px 0; border-bottom:1px dotted #ccc; display:block; margin-bottom:0;}

/*Membres*/
.membres_files ul {list-style-type: disc; padding-left:10px;}

/*Formulaire de location*/
.form_location_left {padding-right:10px;}
.form_location_right {padding-left:10px;}
input.error {background:#deff7a;}
label.error {color:#f00; background:#deff7a; padding:4px; margin:2px 0;}
.required_box {font-weight: normal; color:#f00;}
/*footer*/
footer {background:#125CD5; color:#fff; font-size:13px; padding-top:20px; padding-bottom:20px;}
	.search_wrapper {width:295px; position:relative; float:right}

	footer a {color:#fff;}
		footer a:hover {color:#fafafa;}
	footer ul {width:100%;}
	footer ul, footer ul li {list-style:none; list-style-type: none; padding:0; margin:0; line-height: 19px;}
	footer ul li {position:relative; float:left; padding:10px 20px 20px 0px; font-size:17px; font-weight: bold;}
		footer ul li a {padding-bottom:10px;}
			footer ul li a a {padding-bottom:0px;}
		footer ul ul {margin-top:10px;}
		footer ul ul li {float:none; padding:0; font-size:13px; font-weight: normal;  margin-bottom:0px;}
		@media (max-width: 1199px) {
			.search_wrapper {width:275px; }
		}
		@media (max-width: 991px) {
				footer ul li {width:100%;}
				.search_wrapper {width:100%; float:none; clear:both; }
		}
		@media (max-width: 767px) {

		}