/* RESPONSIVE CSS */
.lt-ie9 .display-mobile {
	display: none;
	display: none !important;
}

.main_navigation ul li a.display-mobile {
	display: block !important;
}

@media (max-width: 1100px) {

	/* disable fixed menu; takes up way too much space */
	#header_conteiner {
		position: relative !important;
	}

	img {
		max-width: 100%;
	}

	#header-dock {
		height: auto;
	}

	#header {
		width: auto;
		height: auto;
		margin-bottom: 10px;
		padding-left: 2%;
		padding-right: 2%;
		text-align: left;
	}

	#header ul.header_nav {
		width: 50%;
		margin-top: 3px;
		padding: 0;
	}
		#header ul.header_nav li {
			padding: 0 1%;
		}

	#header #header_right {
		width: 50%;
		padding: 0;
	}

	#header #header_right .print {
		display: none;
	}

	form.top_search {
		padding: 1px 1% 0;
	}

	p.language {
		padding: 0;
	}

	#navigation {
		width: auto;
		padding: 10px 0;
	}

	#navigation .logo {
		margin: 0 2%;
	}

	.main_navigation {
		clear: left;
		float: right;
		width: auto;
		margin-top: 10px;
		padding: 0;
	}

	.main_navigation ul li a {
		padding-left: 10px;
		padding-right: 10px;
	}

	#banner_conteiner {
		margin-bottom: 10px;
	}

	#wrap2 {
		width: auto;
	}

	p.banner {
		width: auto;
		height: auto;
		padding: 0;
	}

	#content {
		width: auto;
	}

	#content_wrap {
		width: auto;
		padding: 0 2%;
	}

	#main_content_leadership_02 {
		width: 69%;
	}

	#main_content_leadership_02 #main_content_leadership_02 {
		width: auto;
	}

	#sidebar {
		width: 29%;
	}

	.content_info h4.info_heading {
		width: 20%;
		margin: 0 2% 2% 0;
	}

	.content_info p {
		float: none;
		width: auto;
	}

	#footer {
		width: auto;
	}

	#footer p.footer_logo,
	#footer .main_page,
	#footer .sub_page,
	#footer .institution,
	#footer .footer_address {
		padding-left: 2%;
		padding-right: 2%;
	}

	#footer .footer_address {
		float: left;
		width: auto;
	}

	#footer_bottom {
		padding: 10px 2%;
	}

	ul.content_navigation li a {
		font-size: 18px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.content_sub_navigation {
		position: relative;
		margin: 36px 0;
		padding: 0;
	}

	a.content-sub-nav-toggle {
		display: block !important;
		background: url("../images/content-sub-nav-arrow.png") no-repeat 100% 50% #0093D1;
		width: 100%;
		height: 47px;
		font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
		font-size: 18px;
		line-height: 47px;
		text-indent: 24px;
	}
		#main_content_leadership_02 a.content-sub-nav-toggle {
			color: #FFF;
		}

	#content .content_sub_navigation ul {
		display: none;
		background: #2DA3D4;
		position: absolute;
		top: 47px;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		z-index: 1000;
	}
		#content .content_sub_navigation ul li {
			float: none;
			margin: 0;
			padding: 0;
		}
		#content  .content_sub_navigation ul li:first-child {
			margin: 0;
			padding: 0;
		}
			#content .content_sub_navigation ul li a,
			body.page-template-projectcs-php #main_content_leadership_02 .content_sub_navigation ul li a,
			#main_content_leadership_02 .content_sub_navigation ul li a {
				display: block;
				border-top: 3px solid #E1E1E1;
				background: none;
				height: 47px;
				padding: 0 24px;
				font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
				font-size: 18px;
				font-weight: normal;
				line-height: 47px;
				text-align: left;
				color: #FFF;
			}
			.content_sub_navigation ul li a.current-tab,
			ul#content-sub-navigation li a.current-tab,
			body.page-template-projectcs-php #main_content_leadership_02 .content_sub_navigation ul li a.current-tab {
				display: none;
			}

	#main_content_leadership_02 .projects,
	#main_content_leadership_02 .donner {
		clear: both;
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 18px;
	}
		#main_content_leadership_02 .donner:before, #main_content_leadership_02 .donner:after {
			content: "";
			display: table;
		}
		#main_content_leadership_02 .donner:after {
			clear: both;
		}

	#main_content_leadership_02 .donner_name {
		float: left;
		width: 35%;
		padding: 0;
	}
		#main_content_leadership_02 .donner_name h4 a {
			float: none;
			width: auto;
		}

	#main_content_leadership_02 .donner_details {
		float: right;
		width: 60%;
	}

	ul.donner-list {
		margin: 0;
	}
		ul.donner-list li {
			width: 30%;
			margin-left: 5%;
		}
		ul.donner-list li#donner-hec {
			margin-left: 0;
		}

	.project_details {
		float: none;
		width: 100%;
	}

	#main_content_leadership_02 .project_name {
		float: none;
		width: auto;
		padding: 0;
	}

	#main_content_leadership_02 .project_name h4 {
		padding: 0;
	}

	.project_details p.image_placeholder_2 {
		padding: 0 2% 2% 0;
	}

	#main_content_leadership_02 .leader_name {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0;
	}
		#main_content_leadership_02 .leader_name h4 {
			padding: 0;
			font-size: 14px;
		}
		#main_content_leadership_02 .leader_name p {
			padding: 0;
			color: #333;
		}

		#main_content_leadership_02 .leader_name h4 a {
			font-size: 14px;
		}

	ul.mini-leadership {
		margin-left: -5%;
	}
	ul.mini-leadership li {
		width: 45%;
		margin-left: 5%;
	}
	#content ul.mini-leadership .profile-details {
			float: left;
			width: 70%;
		}

		#content ul.mini-leadership .profile-details h4 {
			margin: 0;
			padding: 0 9px 0 0;
			font-size: 14px;
		}
		#content ul.mini-leadership .profile-details p {
			float: right;
			margin: 0;
			padding: 0 9px 0 0;
		}

		#content ul.mini-leadership li .profile-image {
			width: 30%;
		}
			#content ul.mini-leadership li .profile-image img {
				width: 100% !important;
				height: 100% !important;
			}

	#main_content_leadership_02 .article_conteiner {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0;
	}
		#main_content_leadership_02 .article_name,
		#main_content_leadership_02 .article_details {
			float: none;
			width: auto;
			margin: 0;
			padding: 0;
		}

	#content .contact_content_info {
		margin: 0 0 18px;
		padding: 0;
	}

	#content .contact_content_info .contact_process {
		width: 69%;
		margin: 0 0 0 2%;
		padding: 0;
	}

	#content .contact_content_info h4.contact_heading {
		width: 29%;
		margin: 0 0 9px;
		padding: 0;
	}

		#main_content_leadership_02 .billet {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
		#main_content_leadership_02 .billet_name {
			float: none;
			width: auto;
			margin: 0;
			padding: 0;
		}
		#main_content_leadership_02 .billet_name h4 {
			margin-bottom: 9px;
			padding: 0;
		}
		#main_content_leadership_02 .billet_name h4 a {
			float: none;
			width: auto;
			font-size: 16px;
		}

		#main_content_leadership_02 .billet_name p {
			margin-bottom: 9px;
			padding: 0 18px;
		}

		#main_content_leadership_02 .billet_details {
			float: none;
			width: auto;
			margin: 0 0 18px;
			padding: 0;
		}

	#content .billet_details .post_comment {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
		#content .post_comment h3 {
			float: none;
			width: auto;
			font-size: 14px;
		}

	#content .billet_details .post_comment form {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0;
	}
		#content .billet_details .post_comment form:before, #content .billet_details .post_comment form:after {
			content: "";
			display: none;
		}
		#content .billet_details .post_comment form:after {
			clear: both;
		}

	#content .post_comment form input {
		width: auto;
	}

	#content .post_comment form textarea {
		width: 94%;
		height: auto;
		margin-top: 9px;
		padding: 2%;
	}

	#content .post_comment form p {
		float: none;
		margin-bottom: 9px;
		padding: 0;
	}

	#content .post_comment form input.submit {
		float: none;
		width: 101px;
		margin: 0;
		cursor: pointer;
	}

	#content .previous_comments {
		float: none;
		width: auto;
		padding: 0;
	}

		.previous_comments h3 {
			width: 30%;
		}
		.view_comments {
			width: 68%;
		}

	.search_info h4.search_heading {
		float: none;
		width: auto;
	}

	#content .search_info p {
		float: none;
		width: auto;
	}

	body.home .content_property,
	body.home .index_content {
		width: auto;
		margin: 0;
		padding: 0;
	}

	body.home .property {
		float: none;
		width: auto;
		margin: 0 0 18px 220px;
		padding: 0 2%;
	}

	body.home .index_content p {
		padding: 0 18px;
	}

	body.home #video_slider {
		float: none;
		background-repeat: repeat;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.video_control_left,
	.video_control_right {
		max-width: 5%;
		padding-left: 0;
		padding-right: 0;
	}

	#playback_gallery {
		width: 90% !important;
		margin: 0 auto;
	}

	.presentation #wrap {
		width: auto;
	}

	#wrap .main-slider-area,
	#wrap .main-slides,
	#wrap .pourquoi_talent,
	#wrap .pourquoi_defi,
	#wrap #talent_main,
	#wrap #pourquoi_excellence,
	#wrap .excel-items {
		width: 100%;
	}

	#wrap #main_navigation {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#wrap #main_navigation ul {
		width: auto;
	}
	#wrap #main_navigation ul li {
		width: 20%;
		padding: 0;
	}
	#wrap #main_navigation ul li a {
		width: auto;
		margin: 0 0 0 1px;
	}

	#wrap #head_banner {
		width: auto;
	}

	#wrap #header_message h4 {
		font-size: 26px !important;
		line-height: 1;
	}

	#wrap #header_message {
		width: 70%;
	}

	#wrap .slider_controll {
		width: auto;
	}
	#wrap .slider_controll h2 {
		float: none;
		padding-left: 60px;
		padding-right: 60px;
		font-size: 24px;
		text-align: center;
	}

	#wrap #slide-2 #slider1 {
		width: 100%;
	}

	#wrap .talent_main_slider_content .controls {
		width: 100% !important;
	}

	#wrap .talent-items, #wrap .talent_content {
		background-position: 20% 100%;
		width: 100%;
	}

	#wrap #pourquoi_excellence {
		background-position: left bottom;
	}

	#wrap #pourquoi_excellence_slider_info {
		float: none;
		width: auto;
	}

	#wrap .pourquoi_excellence_details_01,
	#wrap .pourquoi_excellence_details_02,
	#wrap .pourquoi_excellence_details_03,
	#wrap .pourquoi_excellence_details_04,
	#wrap .pourquoi_excellence_details_05 {
		width: 16%;
		padding: 0 2%;
	}

	#wrap .pourquoi_excellence_slider_content h3 {
		font-family: 'ralewaybold', sans-serif;
		font-size: 14px;
	}
	#wrap #pourquoi_excellence_slider_info h2 {
		padding-left: 150px;
	}

	#wrap .excellence_content {
		background-position: right top;
		width: auto;
	}

	#wrap #excellence_slider_info {
		float: right;
		margin: 0 220px 0 0;
	}

	#wrap #project_phares_slider_info {
		width: auto;
		padding-left: 0;
	}
	#wrap #project_phares_slider_info h2 {
		padding-left: 18px;
	}

	#wrap .project_phares_slider_content {
		width: auto;
	}
	#wrap .project_phares_details {
		width: 16%;
		padding: 0 2%;
	}

	#wrap .project_phares_details h3 {
		font-size: 16px;
	}
	#wrap #project_slider_info {
		width: auto;
	}

	#wrap .project-items {
		width: 100%;
	}
	#wrap .project_content_left {
		width: 30%;
	}
	#wrap .project_content_right {
		width: 50%;
		margin-right: 18px;
	}

	#wrap #avenir_slider_info {
		width: auto;
	}
	#wrap .avenir_slider_content {
		width: 36%;
	}
	#wrap .avenir_video {
		width: 50%;
		padding-right: 18px;
	}
	.blogue_property {
		margin: 0px 0px 15px 0px;
		padding: 0;
		width: 490px;
		float: left;
	}
	#content .direction p.next {
		float:left;
	}
}

@media (max-width: 1024px)
{
	.direction p.previous, .direction p.next{
		width:30%;
	}
	.objective-pic{
		width:100%;
		height:100%;
	}

}
@media (max-width: 960px) {

	.content_info h4.info_heading {
		float: none;
		width: auto;
		margin: 0 0 2%;
	}

}

@media (max-width: 900px) {

	ul.donner-list li {
		width: 45%;
	}

	ul.donner-list li#donner-udem {
		margin-left: 0;
	}
	.question_property .question {
		width: 80%;
		margin-left: 20px;
	}
	.question_property h4{
		float: none;
		width: 100%;
		padding-left: 55px !important;
	}
	.question p.question_num{
		position:absolute;
	}
	.billet_details .large_image_placeholder{
		width:100%;
	}
}

@media (max-width: 750px){
	.blogue_property {
		width: 398px;
	}
}

@media (max-width: 730px){
/* FAQ */
	.question_property{
		width:87%;
		float:left;
		padding: 6px;
	}
	
	.answer_info ul li {
		margin-left: 23px;
		width:88%;
	}

	.answer_info ul {
		margin-left: 18px;
		width:88%;
	}
	
	.question_property h4{
		float: none;
		width: 100%;
		padding-left: 55px !important;
	}

	.question_property .question{
		width: 90%;
	}
	.question p.question_num{
		position:absolute;
	}

	.answer_conteiner,.answer_property{
		width:100%;
	}
	
	
	.question_info{
		width:100%;
	}
		
	.question_info num{
		position:absolute;
	}
	
	.question_info h4{
		width:80%;
  }	
  
	.content_info h4.info_heading{
		font-family: 'ralewaybold', Arial, Helvetica, sans-serif !important;
		font-weight: normal !important;
		font-size: 16px !important;
		color: #12175E !important;
		float: none !important;
		width: auto !important;
		margin: 0 0 2% !important;
	}
	
	.answer_property{
		margin-top:20px;
	}
	.answer_info{
		width:88%;
	}
	.answer_info p{
		width:88%;
	}
	
	p.num{
		position: absolute;
	}


}

@media (max-width: 650px){
	.blogue_property {
		width: 388px;
	}
}

@media (min-width: 641px) {

	.display-mobile,
	#header ul.header_nav li.display-mobile  {
		display: none;
		display: none !important;
	}

	.mobile-close {
		display: block;
		display: block !important;
	}

}

@media (max-width: 640px) {

	body {
		position: relative;
	}

	.overlay {
		background: rgba(0,0,0,0.25);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 800;
	}
		.overlay-black {
			background: #000;
			background: rgba(0,0,0,0.8);
		}

	#header-dock {
		height: auto;
	}
		body.home #header-dock {
			height: auto;
		}

	#header {
		background-image: url("../images/campus-montreal-3.png");
		background-repeat: no-repeat;
		background-position: 18px 11px;
		background-color: #12175E;
		position: relative;
		width: 100%;
		height: auto;
		margin-bottom: 0;
		padding: 62px 0 0;
	}
		body.home #header {
			background-image: url("../images/campus-montreal-mini-logo.png");
			background-position: 24px 30px;
			height: 229px;
			padding-top: 0;
		}

	#header a.header-home-link {
		display: block;
		position: absolute;
		top: 6px;
		left: 6px;
		width: 72px;
		height: 48px;
		text-decoration: none;
	}
	.header-nav-toggle {
		display: block;
		background: url("../images/menu-icon-arrow.png") no-repeat 100% 50% #0E3075;
		position: absolute;
		top: 12px;
		left: 96px;
		width: 102px;
		padding: 0 10px;
		font-size: 30px;
		line-height: 36px;
		text-align: left;
		text-decoration: none;
		color: #0093D1;
		cursor: pointer;
	}
		body.home .header-nav-toggle {
			top: auto;
			right: 18px;
			bottom: 30px;
			left: auto;
		}

	#header #header_right {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#header a.header-share-toggle,
	#header a.header-search-toggle {
		background-image: url("../images/responsive-menu-icons.png");
		background-repeat: no-repeat;
		position: absolute;
		top: 12px;
		width: 36px;
		height: 36px;
		text-decoration: none;
	}
		body.home #header a.header-share-toggle,
		body.home #header a.header-search-toggle {
			top: 24px;
		}

		#header a.header-share-toggle {
			right: 52px;
		}
		#header a.header-search-toggle {
			background-position: -36px 0;
			right: 10px;
		}

		#header #header-connect {
			background: #FFF;
			position: fixed;
			top: 20%;
			left: 50%;
			width: 80%;
			margin: 0 0 0 -40%;
			padding: 0;
			z-index: 1500;
			box-shadow: rgba(0,0,0,0.8) 0 0 1280px 1280px;
			-moz-box-shadow: rgba(0,0,0,0.8) 0 0 1280px 1280px;
			-webkit-box-shadow: rgba(0,0,0,0.8) 0 0 1280px 1280px;
		}

			#header-connect h3 {
				margin: 18px 0;
				padding: 0 24px;
				font-family: 'ralewayheavy', 'ralewaybold', Helvetica, Arial, sans-serif;
				font-size: 18px;
				text-align: left;
				text-transform: uppercase;
				color: #12175E;
			}

			#header-connect a.close-connect {
				display: block;
				background: url("../images/responsive-close-button.png") no-repeat 50% 50%;
				position: absolute;
				top: 0px;
				right: 0px;
				width: 38px;
				height: 38px;
				text-decoration: none;
				z-index: 1600;
			}

			#header-connect p.connect_linkedin,
			#header-connect p.connect_twitter,
			#header-connect p.connect_facebook,
			#header-connect p.connect_youtube {
				float: none;
				background: url("../images/projects-list-border-r.png") repeat-x 0 0;
				width: auto;
				margin: 0;
				padding: 3px 0 0;
			}
				#header-connect p.connect_linkedin {

				}
				#header-connect p.connect_twitter {

				}
				#header-connect p.connect_facebook {

				}
				#header-connect p.connect_youtube {
					display: none;
				}
				#header-connect p.connect_linkedin a,
				#header-connect p.connect_twitter a,
				#header-connect p.connect_facebook a,
				#header-connect p.connect_youtube a {
					display: block;
					background: none;
					width: auto;
					height: auto;
					margin: 0;
					padding: 11px 0;
					text-indent: 0;
					font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
					font-size: 15px;
					line-height: 26px;
					text-align: left;
					color: #666;
				}
					#header-connect p.connect_linkedin a {

					}
					#header-connect p.connect_twitter a {

					}
					#header-connect p.connect_facebook a {

					}
					#header-connect p.connect_youtube a {
						
					}
						#header-connect p.connect_linkedin a i,
						#header-connect p.connect_twitter a i,
						#header-connect p.connect_facebook a i,
						#header-connect p.connect_youtube a i {
							display: inline-block;
							float: left;
							background: url("../images/responsive-header-social-icons.png") no-repeat 0 0;
							width: 26px;
							height: 26px;
							margin: 0 24px 0;
							line-height: 1;
							vertical-align: middle;
						}
							#header-connect p.connect_linkedin a i {
								background-position: 0 0;
							}
							#header-connect p.connect_twitter a i {
								background-position: 0 -52px;
							}
							#header-connect p.connect_facebook a i {
								background-position: 0 -104px;
							}
							#header-connect p.connect_youtube a i {
								background-position: 0 -156px;
							}
						

	#header ul.header_nav {
		display: none;
		float: none;
		background: #0E3075;
		position: absolute;
		top: 48px;
		left: 96px;
		width: 122px;
		margin: 0;
		padding: 0;
		text-align: left;
		z-index: 1002;
	}
		body.home #header ul.header_nav {
			top: 199px;
			right: 18px;
			bottom: auto;
			left: auto;
			z-index: 1200;
		}
		#header ul.header_nav li {
			margin: 0;
			padding: 0 10px;
			font-size: 17px;
			line-height: 30px;
			text-align: left;
			display:block;
		}
			#header ul.header_nav li:first-child {
				padding-left: 10px;
			}
			#header ul.header_nav li a,
			#header ul.header_nav li a:hover {
				color: #FFF;
			}

	#header form.top_search {
		float: none;
		display: none;
		position: relative;
		width: auto;
		height: 46px;
		padding: 0 10px;
	}
		#header form.top_search input#s-box {
			width: 100%;
			height: 36px;
			font-size: 16px;
			line-height: 36px;
			margin-top:23px;
			margin-bottom: 8px;
			background-color: #12175e;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		#header form.top_search input.search_submit {
			background-color: #0093D0;
			background-image: url("../images/responsive-menu-icons.png");
			background-repeat: no-repeat;
			background-position: -36px 0;
			position: absolute;
			top: 0;
			right: 10px;
			width: 36px;
			height: 36px;
			margin: 0;
			margin-top:23px;
		    margin-bottom: 8px;
			padding: 0;
			text-decoration: none;
		}

	#header .print {
		display: none;
	}

	#header .connect {
		display: none;
	}

	#navigation {
		background: #0093D0;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		body.home #navigation {
			background: #FFF;
		}
		#navigation.has-sub-nav {
			padding-bottom: 18px;
			position: relative;
		}

	#navigation .logo {
		display: none;
	}

	#navigation .clearfix {
		display: none;
	}

	#navigation .main_navigation {
		float: none;
		position: relative;
		width: 100%;
		height: 60px;
		margin-top: 0;
		padding: 0;
		font-size: 24px;
		text-align: left;
		color: #FFF;
	}
		body.home #navigation .main_navigation {
			background: #FFF;
			width: auto;
			height: auto;
			margin: 18px;
		}

		.main_navigation a.active-title {
			display: inline-block;
			padding: 0 20px;
			font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
			line-height: 60px;
			text-decoration: none;
			text-transform: uppercase;
			color: #FFF;
			cursor: pointer;
		}
			body.home .main_navigation a.active-title {
				background: url("../images/responsive-button-arrow.png") no-repeat 100% 50% #0093D1;
				display: block;
			}

		#navigation a.btn-menu-main-toggle {
			text-decoration: none;
			background: url("../images/bg-nav-bars.png") no-repeat 100% 50%;
			position: absolute;
			top: 0;
			right: 0;
			width: 75px;
			height: 60px;
		}
			body.home #navigation a.btn-menu-main-toggle {
				display: none;
				display: none !important;
			}

		#navigation ul#menu-main-navigation {
			display: none;
			background: #33A9D9;
			position: absolute;
			top: 60px;
			width: 100%;
			z-index: 1001;
		}
			body.home #navigation ul#menu-main-navigation {
				display: block;
				position: relative;
				top: auto;
			}

			#navigation ul#menu-main-navigation li {
				float: none;
				margin: 0;
				padding: 0;
				font-size: 24px;
				color: #FFF;
			}
			#navigation ul#menu-main-navigation li a {
				display: block;
				border-top: 3px solid #FFF;
				background: none;
				height: 60px;
				padding: 0 20px;
				line-height: 60px;
				text-align: left;
				color: #FFF;
			}
				body.home #navigation ul#menu-main-navigation li a {
					background: url("../images/responsive-button-arrow.png") no-repeat 100% 50% #0093D1;
				}

	#banner_conteiner {
		margin: 0;
	}

	#banner_conteiner #wrap2 {
		width: 100%;
		margin: 0;
		padding: 0;
	}
		#banner_conteiner p.banner {
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}

	#navigation .sub-nav {
		background: #FFF;
		position: relative;
		width: auto;
		height: 47px;
		margin: 0 18px;
		text-align: left;
	}

	a.sub-nav-toggle {
		display: block;
		background: url("../images/sub-nav-arrow.png") no-repeat 100% 50%;
		position: absolute;
		top: 0;
		right: 0;
		width: 39px;
		height: 47px;
		text-decoration: none;
	}

	#navigation .sub-nav .active-title {
		display: inline-block;
		padding: 0 12px 0 24px;
		font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
		font-size: 22px;
		line-height: 47px;
		text-align: left;
		text-decoration: none;
		color: #0093D1;
	}

	ul.content_navigation {
		display: none;
		position: absolute;
		top: 47px;
		left: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		z-index: 1000;
	}
		ul.content_navigation li {
			margin: 0;
			padding: 0;
		}
			ul.content_navigation li a,
			ul.content_navigation li a:hover {
				display: block;
				background: #EAEAEA;
				margin: 0;
				padding: 0 0 0 24px;
				border-top: 3px solid #959595;
				font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
				font-size: 22px;
				line-height: 47px;
				text-decoration: none;
				text-indent: 0;
				color: #0093D1;
			}

	/* FOOTER */
	#footer {
		width: auto;
	}
		p.footer_logo {
			display: none;
		}

		ul.main_page li a,
		ul.main_page li a:hover,
		ul.sub_page li a,
		ul.sub_page li a:hover,
		#footer .institution a,
		#footer .institution a:hover {
			color: #C7EAFB;
		}

		ul.main_page {
			width: 142px;
			margin: 55px 0 0 18px;
			padding: 0;
		}

		ul.sub_page {
			margin: 55px 0 0;
			padding: 0;
		}
			ul.sub_page li a {
				font-size: 12px;  
			}

		#footer .institution {
			background: url("../images/institution-border-r.png") no-repeat 0 0;
			width: 160px;
			margin: 15px 0 0;
			padding: 15px 0 0;
		}

			#footer .institution p {
				margin: 5px 0;
			}

			#footer .institution a {
				font-size: 12px;
			}

		.footer_address {
			width: 100%;
			margin: 18px 0;
			padding: 0;
		}
			.footer_address > h5,
			.footer_address > p {
				display: none;
			}

		.footer_connect {
			width: 224px;
			margin: 0 auto;
			padding: 0;
		}
			.footer_connect:before, .footer_connect:after {
				content: "";
				display: table;
			}
			.footer_connect:after {
				clear: left;
			}

			.footer_connect p.connect_linkedin,
			.footer_connect p.connect_twitter,
			.footer_connect p.connect_facebook,
			.footer_connect p.connect_youtube {
				float: left;
				margin: 0;
				padding: 0;
			}

			.footer_connect p.connect_linkedin a,
			.footer_connect p.connect_twitter a,
			.footer_connect p.connect_facebook a,
			.footer_connect p.connect_youtube a,
			.footer_connect p.connect_linkedin a:hover,
			.footer_connect p.connect_twitter a:hover,
			.footer_connect p.connect_facebook a:hover,
			.footer_connect p.connect_youtube a:hover {
				background-image: url("../images/footer-social-media-r.png");
				width: 28px;
				height: 28px;
				margin: 0 14px;
			}
				p.connect_linkedin a, p.connect_linkedin a:hover {background-position: 0 0}
				p.connect_twitter a, p.connect_twitter a:hover {background-position: -56px 0}
				p.connect_facebook a, p.connect_facebook a:hover {background-position: -112px 0}
				p.connect_youtube a, p.connect_youtube a:hover {background-position: -168px 0}

		#footer_bottom {
			background: url("../images/footer-divider-r.png") no-repeat 50% 0;
			position: relative;
			width: 100%;
			margin: 0;
			padding: 72px 0 0;
		}

		ul.footer_language {
			position: absolute;
			top: 24px;
			width: 100%;
			text-align: center;
		}
			ul.footer_language li {
				display: inline-block;
			}
			ul.footer_language li a {
				display: inline-block;
				font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
				font-size: 12px;
				line-height: 24px;
				color: #44C8F5;
			}

		#footer-bottom-bar {
			background: #0093D1;
			height: 48px;
			text-align: center;
		}
			#footer-bottom-bar:before, #footer-bottom-bar:after {
				content: "";
				display: table;
			}
			#footer-bottom-bar:after {
				clear: left;
			}

			#footer-bottom-bar p.copyright,
			#footer-bottom-bar p.reserved {
				float: none;
				display: inline-block;
				margin: 0;
				padding: 0 6px;
				font-family: 'ralewayregular', Helvetica, Arial, sans-serif;
				font-size: 9px;
				line-height: 48px;
				color: #12175E;
			}
				#footer-bottom-bar p.copyright a,
				#footer-bottom-bar p.reserved a {
					display: inline;
					background: none;
					text-indent: 0;
					color: #12175E;
				}

	/* MAIN CONTENT */
	#content_wrap {
		width: 100%;
		padding: 18px 0 0;
	}
		#content {
			width: auto;
			padding: 0;
		}

		#main_content_leadership_02 {
			float: none;
			width: auto;
			padding: 18px 0;
			font-size: 12px;
			color: #333;
		}
			#main_content_leadership_02 #main_content_leadership_02 {
				padding-top: 0;
				padding-left: 0;
				padding-right: 0;
			}

			#content h1,
			#content h2,
			#content h3,
			#content h4,
			#content h5,
			#content h6,
			#content p,
			#content ul,
			#content ol {
				padding-left: 18px;
				padding-right: 18px;
			}
			#content ul,
			#content ol {
				margin-left: 18px;
			}

		#main_content_leadership_02 h4 {
			margin-top: 0;
		}

		.content_info {
			padding: 0;
		}

		.content_info h4.info_heading {
			float: none;
			width: auto;
			margin-bottom: 16px;
			font-size: 12px;
			color: #333;
		}

		.content_info p {
			float: none;
			width: auto;
		}

	.content_sub_navigation {
		margin-left: 18px;
		margin-right: 18px;
	}

	#main_content_leadership_02 .donner_name {
		float: none;
		width: auto;
	}

	#main_content_leadership_02 .donner_name h4 a,
	#main_content_leadership_02 .project_name h4 a {
		width: auto;
		font-size: 14px;
	}

	#main_content_leadership_02 .project_name h4 {
		padding: 0;
	}

	.project_details p.image_placeholder_2 {
		width: 50%;
		margin: 0 18px 18px 0;
		padding: 0;
	}
		.project_details p.image_placeholder_2 img {

		}

	#main_content_leadership_02 .donner_name h4 {
		padding: 0 18px;
	}

	#main_content_leadership_02 .projects {
		clear: both;
		background: url("../images/projects-list-border-r.png") repeat-x 0 0;
		margin: 0;
		padding: 0;
		cursor: pointer;
	}
		#main_content_leadership_02 .projects .project_name {
			background: url("../images/responsive-dropdown-arrow-down.png") no-repeat 100% 50%;
			padding: 18px 36px 18px 18px;
		}
			body #main_content_leadership_02 .projects .project_name.arrow-up {
				background: url("../images/responsive-dropdown-arrow-up.png") no-repeat 100% 50%;
			}

		#main_content_leadership_02 .projects .project_details {
			display: none;
			margin: 0 0 18px;
			padding: 0;
		}

	/* SIDEBAR */
	#sidebar {
		float: none;
		background: url("../images/footer-border-r.png") repeat-x 0 100% #EBEBEB;
		width: auto;
		padding: 18px 0;
	}

		#sidebar .article {
			padding-bottom: 18px;
		}

		#sidebar h3.sidebar-title {
			margin: 18px 0;
			font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
			font-size: 18px;
			text-transform: uppercase;
			color: #12175E;
		}

		#sidebar .article_group {
			margin: 0;
			border: none;
		}

		#sidebar .article_group h3 {
			font-size: 14px;
		}

		#sidebar .article_group h4 a {
			font-size: 12px;
		}

		#sidebar p.sidebar_donation {
			margin: 0 0 16px;
			font-size: 12px;
			color: #333;
		}

		p.donation_button {
			margin: 0;
			padding: 0;
		}
			p.donation_button a {
				display: block;
			}

		#sidebar .donner_post,
		#sidebar .post_author {
			font-size: 12px;
		}

		#sidebar p.comments {
			margin: 3px 0 9px;
			padding: 0 18px;
		}

	#main_content_leadership_02 p.main_text {
		font-size: 14px;
		margin-bottom: 18px;
		padding: 0 18px;
	}

	#main_content_leadership_02 .donner_details {
		float: none;
		width: 100%;
	}

	#content ul.donner-list {
		margin: 0;
		padding: 0;
	}
		#content ul.donner-list li {
			float: none;
			margin: 0;
			width: auto;
		}

		#content ul.donner-list li .donner-info {
			height: auto;
		}

		#content ul.donner-list li .donner-links {
			margin-left: 18px;
		}

		#content ul.donner-list img {
			margin-left: 18px;
		}

	#content ul.mini-leadership {
		margin: 0;
		padding: 0;
	}
		#content ul.mini-leadership li {
			float: none;
			width: auto;
			margin: 0 0 18px;
			padding: 0 18px;
		}
		

	#content ul.objectif-list {
		margin: 0;
	}
		#content ul.objectif-list li {
			font-size: 14px;
		}

	#main_content_leadership_02 .news {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0;
	}

	#main_content_leadership_02 .news_name {
		float: none;
		width: auto;
		padding: 0;
	}
		#main_content_leadership_02 .news_name h4 {
			margin-bottom: 9px;
			padding: 0 18px;
			font-size: 14px;
		}
			#main_content_leadership_02 .news_name h4 a {
				width: auto;
				font-size: 14px;
			}

	#content .news_details {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#content .news_details h5,
	#content .article_details h5 {
		display: inline-block;
		width: auto;
		margin-left: 18px;
		margin-bottom: 9px;
		padding: 0;
	}

	.direction {
		width: auto;
		margin-bottom: 18px;
		padding: 0 18px;
	}
		#content .direction p.previous,
		#content .direction p.next {
			background: #0093D1;
			width: 50%;
			height: auto;
			margin: 0;
			padding: 0;
		}
		#content .direction p.previous a,
		#content .direction p.next a {
			display: block;
			background: none;
			padding: 9px;
		}
			#content .direction p.next a {text-align: right;}

	#main_content_leadership_02 .billet {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
		#main_content_leadership_02 .billet_name {
			float: none;
			width: auto;
			margin: 0;
			padding: 0;
		}
		#main_content_leadership_02 .billet_name h4 {
			margin-bottom: 9px;
			padding: 0 18px;
		}
		#main_content_leadership_02 .billet_name h4 a {
			float: none;
			width: auto;
			font-size: 16px;
		}

		#main_content_leadership_02 .billet_name p {
			margin-bottom: 9px;
			padding: 0 18px;
		}

		#main_content_leadership_02 .billet_details {
			float: none;
			width: auto;
			margin: 0 0 18px;
			padding: 0;
		}

	#content .billet_details .post_comment {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}
		#content .post_comment h3 {
			float: none;
			width: auto;
			font-size: 14px;
		}

	#content .billet_details .post_comment form {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0 18px;
	}
		#content .billet_details .post_comment form:before, #content .billet_details .post_comment form:after {
			content: "";
			display: none;
		}
		#content .billet_details .post_comment form:after {
			clear: both;
		}

	#content .post_comment form input {
		width: auto;
	}

	#content .post_comment form textarea {
		width: 94%;
		height: auto;
		margin-top: 9px;
		padding: 2%;
	}

	#content .post_comment form p {
		float: none;
		margin-bottom: 9px;
		padding: 0;
	}

	#content .post_comment form input.submit {
		float: none;
		width: 101px;
		margin: 0;
		cursor: pointer;
	}

	#content .previous_comments {
		float: none;
		width: auto;
		padding: 0;
	}

	#main_content_leadership_02 .article_conteiner {
		float: none;
		width: auto;
		margin: 0 0 18px;
		padding: 0;
	}
		#main_content_leadership_02 .article_name,
		#main_content_leadership_02 .article_details {
			float: none;
			width: auto;
			margin: 0;
			padding: 0;
		}

		#main_content_leadership_02 .article_name h3 {
			margin: 0;
			padding: 0 18px;
			font-size: 12px;
		}

		#main_content_leadership_02 .article_name h4 {
			margin: 0 0 9px;
			padding: 0 18px;
		}
			#main_content_leadership_02 .article_name h4 a {
				float: none;
				width: auto;
				font-size: 16px;
			}

		#main_content_leadership_02 .billet_name h5 {
			padding: 0 18px;
		}

		#main_content_leadership_02 .billet_name .share-area {
			background: none;
			width: auto;
			margin: 0 0 18px;
			padding: 0 18px;
		}

		#main_content_leadership_02 .billet_name .share-area iframe {
			max-width: 100%;
		}

	#main_content_leadership_02 .leader_name {
		margin-left: 18px;
		margin-right: 18px;
	}

	#content .view_comments {
		width: auto;
		margin: 0 0 9px;
		padding: 0;
	}
		#content .view_comments h4 {
			font-size: 12px;
		}

	#content .contact_content_info {
		margin: 0 0 18px;
		padding: 0;
	}

	#content .contact_content_info .contact_process {
		float: none;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#content .contact_content_info h4.contact_heading {
		float: none;
		width: auto;
		margin: 0 0 9px;
		padding: 0 18px;
	}

	html body.home #wrap {
		display: none;
	}

	body.home .index_content .content_property {
		display: none;
	}

	body.home #video_slider h2 {
		margin: 0;
		padding: 18px;
	}

	body.home #featured-video {
		margin-bottom: 18px;
	}
		body.home #featured-video img {
			width: 100%;
			box-shadow: rgba(0, 147, 209, 0.5) 0 0 18px;
			-moz-box-shadow: rgba(0, 147, 209, 0.5) 0 0 18px;
			-webkit-box-shadow: rgba(0, 147, 209, 0.5) 0 0 18px;
		}
		body.home #featured-video p {
			font-family: 'ralewaybold', Helvetica, Arial, sans-serif;
			font-size: 14px;
			text-align: center;
			color: #12175E;
		}

	body.home #playback_gallery {
		display: none;
		float: none;
		width: auto !important;
		height: auto;
	}

	body.home a.playback-gallery-toggle {
		display: block;
		background: url("../images/responsive-button-arrow.png") 100% 50% no-repeat #0093D1;
		width: 188px;
		height: 34px;
		margin: 0 auto 18px;
		padding-left: 16px;
		font-family: 'ralewaybold',Arial,Helvetica,sans-serif;
		font-size: 14px;
		line-height: 34px;
		text-align: left;
		text-decoration: none;
		color: #FFF;
	}

	body.home ul.playback {
		left: auto !important;
		width: 100% !important;
	}
		body.home ul.playback li {
			display: block;
			float: none !important;
			width: auto !important;
			height: auto !important;
			margin: 0 0 18px;
			padding: 0;
		}
		body.home ul.playback li:nth-child(n+6) {
			display: none;
		}
			body.home ul.playback li a {
				display: block;
				text-align: center;
			}
			body.home ul.playback li h3 {
				font-family: 'ralewaybold',Arial,Helvetica,sans-serif;
				text-align: center;
			}

	/* RECAPTCHA */
	#recaptcha_widget_div #recaptcha_area,
	#recaptcha_widget_div #recaptcha_table,
	table#recaptcha_table td,
	#recaptcha_widget_div .recaptchatable #recaptcha_image  {
		width: auto;
		width: auto !important;
	}

	#recaptcha_widget_div .recaptchatable #recaptcha_image img {
		max-width: 280px !important;
	}

	.recaptchatable .recaptcha_r1_c1,
	.recaptchatable .recaptcha_r2_c1,
	.recaptchatable .recaptcha_r2_c2,
	.recaptchatable .recaptcha_r3_c1,
	.recaptchatable .recaptcha_r3_c2,
	.recaptchatable .recaptcha_r3_c3,
	.recaptchatable .recaptcha_r4_c2,
	.recaptchatable .recaptcha_r4_c4,
	.recaptchatable .recaptcha_r7_c1,
	.recaptchatable .recaptcha_r8_c1
	{
		background: none;
		background: none !important;
	}
	/* HELPERS */
	p.clearfix,
	#content p.clearfix {
		height: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		font-size: 0;
		line-height: 0;
	}

	.display-mobile {
		display: block;
		display: block !important;
	}

	.hide-mobile,
	.main_navigation ul li.hide-mobile,
	ul.content_navigation li.hide-mobile {
		display: none;
	}	
	

	
}

@media (max-width: 370px) {
	.blogue_property {
		width: 372px;
	}
}