/**
 * Accessibility features.
 */

/* element-invisible as defined by http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.element-invisible,
.element-focusable,
#navigation .block-menu .block__title,
#navigation .block-menu-block .block__title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

/* Turns off the element-invisible effect. */
.element-focusable:active,
.element-focusable:focus {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 */
#skip-link {
  margin: 0;
}
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

.wrapper{ max-width: 1200px; margin: auto; }

/**
 * HEADER
 */
#header{ position: relative; z-index: 11; background-color: #004C69; color: #fff; font-size: 12px; padding-top: 30px; }

	#header-top{ position: absolute; top: 0; width: 100%; height: 35px; background-color: #fff; padding-top: 5px; }
	#block-menu-block-4{ float: right; }
	#block-menu-block-4 ul{ margin: 0; }
	#block-menu-block-4 li{ font-family: Quicksand, Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 12px; color: #333; text-transform: uppercase; float: left; margin: 0; margin-left: 5px; line-height: 30px; }
	#block-menu-block-4 li.depth-1 > a:after{ content: '•'; color: #aaa; font-size: 20px; line-height: 30px; float: right; margin-left: 5px; width: 4px; height: 4px; overflow: hidden; background-color: #AAA; margin-top: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	#block-menu-block-4 li.depth-1 > a{ color: inherit; text-decoration: none; }
	#block-menu-block-4 li.depth-1 > .nolink{ display: none; }
	#block-menu-block-4 li.social{  }
	#block-menu-block-4 li.social > a{ display: inline-block; text-indent: 150px; overflow: hidden; white-space: nowrap; height: 26px; width: 26px; background: #aaa url(../ui/social.png) no-repeat -30px 0; }
	#block-menu-block-4 li.social > a:hover{ background-color: #666; }
	#block-menu-block-4 li.social.rss > a{ background-position: 0 0; }
	#block-menu-block-4 li.social.twitter > a{ background-position: -30px 0; }
	#block-menu-block-4 li.social.facebook > a{ background-position: -60px 0; }
	#block-menu-block-4 li.social.linkedin > a{ background-position: -90px 0; }
	#block-menu-block-4 li.social.google > a{ background-position: -120px 0; }

	#site-owner{ max-width: 960px; position: relative; font-family: Dosis, Courier New, monospace; margin-right: 20%; text-transform: uppercase; }
		#site-name{ margin: 0; }
		#site-name img{ display: block; }
		#site-slogan{ position: absolute; width: 55%; right: 0; margin: 0; top: 35px; text-align: right; line-height: 1.2em; color: inherit; font-size: inherit; }
		#site-slogan2{ position: absolute; width: 20%; left: 5%; margin: 0; top: 35px; text-align: left; line-height: 1.2em; }
	
	/* SEARCH FORM */
	#block-search-form{ position: absolute; right: 0; margin-right: 20%; padding: 5px; background-color: #fff; z-index: 1; overflow: hidden; float: left; margin-left: -60px; }
	#block-search-form .sb-search{ margin-top: 0px; width: 50px; height: 50px; min-width: 50px; }
	#block-search-form .sb-search-open{ width: 300px; }
	#block-search-form .sb-search-input{ height: 50px; padding: 10px 55px 10px 10px; font-size: 15px; color: #333; background-color: rgba(42, 179, 127, 0.2); }
	#block-search-form .sb-search-input::-webkit-input-placeholder,
	#block-search-form .sb-search-input:-moz-placeholder,
	#block-search-form .sb-search-input::-moz-placeholder,
	#block-search-form .sb-search-input:-ms-input-placeholder{ color: #666; }
	#block-search-form .sb-icon-search,
	#block-search-form .sb-search-submit{ width: 50px; height: 50px; line-height: 50px; }
	#block-search-form .sb-icon-search { background: #2AB37F; font-size: 22px; }
	
	/* ACCES DIRECT */
	#block-views-contenu-direct-access{ width: 20%; height: 60px; float: right; margin-top: -60px; position: relative; z-index: 5; }
	#block-views-contenu-direct-access > h2{ color: #FFF; font-size: 12px; text-align: center; display: block; position: relative; font-family: Quicksand, Lucida Sans Unicode, Lucida Grande, sans-serif; height: 60px; margin: 0; line-height: 60px; }
	#block-views-contenu-direct-access .view{ background-color: #fff; position: relative; max-height:0; overflow: hidden; 
		-webkit-transition: all 200ms linear;
		-moz-transition: all 200ms linear;
		-ms-transition: all 200ms linear;
		-o-transition: all 200ms linear;
		transition: all 200ms linear;
	} body.front #block-views-contenu-direct-access .view{ max-height: inherit; }
	#block-views-contenu-direct-access .view:after{ content: ' '; width: 0px; height: 0px; border: 25px solid rgba(0, 0, 0, 0); border-top-color: #004C69; position: absolute; top: 0; left: 50%; margin-left: -12px; border-left: 0; z-index: 1; } 
	#block-views-contenu-direct-access .view:before{ content: ' '; width: 100%; height: 0; padding-top: 83.33%; padding-top: 100%; position: relative; display: block; }
	#block-views-contenu-direct-access:hover .view{ max-height: 500px; }
		#block-views-contenu-direct-access ul{ position: absolute; top: 0; width: 100%; padding: 10% 12.5% 0; font-family: Quicksand, Lucida Sans Unicode, Lucida Grande, sans-serif; }
		#block-views-contenu-direct-access ul li{ color: #333; text-transform: uppercase; list-style-type: none; padding: 0; line-height: 1em; margin: 5px 0; padding: 0.15em 0; }
		#block-views-contenu-direct-access ul li a{ line-height: 1em; text-decoration: none; line-height: 1em; }
		#block-views-contenu-direct-access ul li a:hover{ color: #000; }

		
	/* BREADCRUMB */
	#breadcrumb{ clear: both; background-color: #2AB37F; height: 20px; font-size: 11px; padding: 0 7px; margin: 0 17% 0 20%; border-left: 20px solid #FFF; }
	#breadcrumb li{ color: #fff; display: inline; padding: 0; line-height: 20px; margin: 0; }
	#breadcrumb li a{ color: inherit; text-decoration: none; }
	#breadcrumb li a:hover{ text-decoration: underline; }
	#breadcrumb li span{ opacity: 0.8; }
	#breadcrumb li:last-child{ color: #000; }
				
	/* LANG */
	#block-lang-dropdown-language{ float: right; position: relative; }/*
	#block-lang-dropdown-language img.language-icon{ margin: 9px; display: block; }
	#block-lang-dropdown-language:hover .form-item-lang-dropdown-select{ }
	#block-lang-dropdown-language .form-item-lang-dropdown-select{ position: absolute; top: 0px; right: 0; }
	#block-lang-dropdown-language .form-item-lang-dropdown-select select{ width: 35px; direction: rtl; opacity: 0.05; border: 0; height: 30px; width: 35px !important; }
	#block-lang-dropdown-language .form-item-lang-dropdown-select select option{ }*/

/* 
 * MAIN 
 */			
#main{ background-position: 100% 0px; background-repeat: no-repeat; background-size: 80%; }
#main.sidebar { width: auto; background-color: #FFF; margin-right: 20%; float: left; padding: 0 60px; }

		#css-helper{ display: block; float: right; width: 80%; height: 0; padding-top: 33.33%; }
		
		#secondary-links{ float: left; height: 350px; width: 20%; overflow: hidden; background-color: #fff; }
		.block.block-secondary-links{ padding-left: 30px; }
		.block.block-secondary-links > h2{ margin: 0.5em 0; }
		.block.block-secondary-links div > .menu{ font-family: Quicksand, Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 11px; text-transform: uppercase; }
		.block.block-secondary-links div > .menu > li{ border-top: 1px dotted #ccc; margin-left: 0; }
		.block.block-secondary-links div > .menu > li:first-child{ border-top: 0; }
		.block.block-secondary-links div > .menu li a,
		.block.block-secondary-links div > .menu li span{ line-height: 1.1em; padding: 3px 2px; display: block; text-decoration: none; color: inherit; }
		.block.block-secondary-links div > .menu li a:hover{ background-color: #EEE; }
		.block.block-secondary-links div > .menu li > a.active, 
		.block.block-secondary-links div > .menu li > a.active:hover,
		.block.block-secondary-links div > .menu li.active > a, 
		.block.block-secondary-links div > .menu li.active > a:hover{ color: #2AB37F; background-color: transparent; cursor: default; }
		.block.block-secondary-links div > .menu .menu{ text-transform: none; margin: 0; border-top: 1px dotted #CCC; padding: 0.5em 0 0.5em 1.5em; }
		.block.block-secondary-links div > .menu .menu li a{ font-family: Verdana, Arial, Helvetica, sans-serif;  }
		
		#block-system-main{ overflow: hidden; width: 100%; clear: both; position: relative; }
		#block-system-main:after{ content: ' '; position: absolute; right: 0; top: 0; background-color: #eee; width: 20%; height: 100%; z-index: -1; visibility: visible; }
		.front #block-system-main:after{ content: none; }
			#main-content-wrapper{ width: 80%; padding: 0 5% 30px; float: left; margin: 0; min-height: 200px; background-color: #fff; }
			
				h1#main-title{ margin: 0; padding: 40px 0 30px; min-height: 120px;}

				.field-name-field-body > h2:first-child{ margin-top: 2px; }

		/* SIDEBAR */			
		#sidebar{ width: 20%; height: 100%; color: #858585; font-size: 12px; float: right; position: relative; height: 100%; }
		#sidebar:before { content: ' '; display: block; height: 0; width: 100%; padding-top: 50%; }
			#block-views-sidebar-block{ padding: 10px 10px 0; }
			#block-views-sidebar-block article > a{ margin: -10px -10px 0px -10px; }
			#block-views-sidebar-block .field > .label-above{ font-family: Dosis, Courier New, monospace; font-size: 30px; text-transform: uppercase; margin: 1em 0 0.2em; line-height: 1em; }
			
			/* Bloc Devenir ingénieur */
			.devenir-ingenieur{ background: url(../ui/devenir-ingenieur.png) no-repeat 0 0; background-size: 100%; position: relative; padding: 0; margin: 0; }
			.devenir-ingenieur.en{ background-image: url(../ui/devenir-ingenieur.png); }
			.devenir-ingenieur:before{ content: ''; width: 100%; height: 0; padding-top: 83.33%; position: relative; display: block; }
			.devenir-ingenieur p{ white-space: nowrap; text-indent: 120%; overflow: hidden; margin: 0; position: absolute; top: 0; z-index: -1; width: 100%; }
			.devenir-ingenieur h2{ margin: 0; }
			.devenir-ingenieur a{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; white-space: nowrap; text-indent: 120%; overflow: hidden; }

/* 
 * FOOTER 
 */
#footer{ clear: both; background-color: #004C69; color: #EDEDED; padding: 20px 60px; text-align: center; }
	
	#block-block-3 {}
	#block-block-3 a{ color: inherit; text-decoration: none; }
	#block-block-3 a:hover{ color: #fff; }
	#block-block-3 hr{ display: block; clear: both; margin: 10px 20%; width: 60%; }
	#block-block-3 ul.logos{ margin: 0; }
	#block-block-3 ul.logos li{ list-style: none; display: inline-block; }
	#block-block-3 ul.logos li a:after{ content: none; }
	#block-block-3 ul.legal{ margin: 0; font-family: Dosis, Courier New, monospace; font-weight: normal; font-size: 14px; }
	#block-block-3 ul.legal li{ list-style: none; display: inline-block; }
	
	/* footer menu
	#block-menu-block-3{ font-size: 10px; overflow: hidden; }
	#block-menu-block-3 .depth-1{ float: left; width: 20%; }
	#block-menu-block-3 .depth-1 > .main-menu-link{ font-size: 30px; font-family: Dosis, Courier New, monospace; text-transform: uppercase; }
	#block-menu-block-3 .depth-1 .expanded{ margin: 1em 0; }
	#block-menu-block-3 .depth-2 .menu{ margin-left: 1em; margin-top: 0.5em; }
	*/
	
.elfinder-cwd.ui-selectable {
	pointer-events: initial !important;
}