@charset "UTF-8";
/*
Theme Name: Mind Control
Theme URI: http://mindcontrol-research.net/
Author: thelab.ch, entité d'Azimut prod sàrl
Author URI: http://thelab.ch
Version: 1.1
Text Domain: mindcontrol
*/

/*FONT*/
@font-face {
    font-family: 'ahamono';
    src: url('framework/fonts/ahamono-regular-webfont.eot');
    src: url('framework/fonts/ahamono-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('framework/fonts/ahamono-regular-webfont.woff2') format('woff2'),
         url('framework/fonts/ahamono-regular-webfont.woff') format('woff'),
         url('framework/fonts/ahamono-regular-webfont.ttf') format('truetype'),
         url('framework/fonts/ahamono-regular-webfont.svg#ahamonoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-size:2em;
	color:#000;
	text-align:left;
	}
body, p, .ahamono, .page-content, .page-content *, #sommaire *, .popover {
	font-family: "ahamono", "courier";
	font-weight: 300;
	}
body.page-id-50 .page-content {
	font-size:70%;
	line-height:2em;
	}
h1, h2, h2.subpage, h3, h4, h5, 
.h1, .h2, .h3, .h4, .h5,
.condensed, .hnc, nav, .btn-mc
{
	font-family: "HelveticaNeue-CondensedBold", 
				 "HelveticaNeueCondensedBold", 
				 "Helvetica-Neue-Condensed-Bold", 
				 "Helvetica Neue Condensed Bold", 
				 "HelveticaNeueBoldCondensed", 
				 "HelveticaNeue-Bold-Condensed", 
				 "Helvetica Neue Bold Condensed", 
				 "HelveticaNeueBold", 
				 "HelveticaNeue-Bold", 
				 "Helvetica Neue Bold", 
				 "HelveticaNeue", 
				 "Helvetica Neue", 
				 "TeXGyreHerosCnBold", 
				 "Helvetica", 
				 "Tahoma", 
				 "Geneva", 
				 "Arial Narrow", 
				 "Arial", 
				 sans-serif; 
	font-weight: 600; 
	font-stretch:condensed;
	letter-spacing: 2px;
	text-align: left;
	}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6  {
	text-transform:uppercase;
	}
h1 small {
	font-size:.5em;
	color:#000;
	}
h2 {
	font-size: 2.2em;
	}
nav a {
	color:#000;
	}
nav a:hover, nav a:focus {
	text-decoration:none;
	color:#000;
	position:relative;
	display: inline-block;
	}
.img-max {
	width:100%;
	height:auto;
	}
/*MAIN HEADER*/
#main-header {
	border-bottom: 1px solid #000;
	}
	/*NAV*/
nav {
	font-size: 1.4em;
    line-height: .8em;
    text-transform: uppercase;
    padding: .4em;
	position:relative;
	}
nav ul {
	padding:0;
	margin:0;
	}
nav ul li {
	position:relative;
	display:inline-block;
	}
nav ul li:after {
	content:" – ";
	}
nav ul li:last-child:after {
	content:"";
	}
nav li a {
	position:relative;
	}
nav li a:hover::after, nav li a:focus::after  {
	content:"";
	height:2px;
	width:100%;
	background-color:#000;
	position:absolute;
	display:block;
	bottom: -4px;
	}
nav img {
	position: absolute;
    top: 0;
    right: 0;
    height: 1.6em;
    width: 1.6em;
    padding: 0.1em;
	}

/*CONTENT*/
.page-template-page-statique #content {
	border-right:none;
	}
#content article {
	padding-left: 2em;
    padding-right: 2em;
	}
#content article {
	overflow:scroll;
	font-size: .9em;
	}
#content code {
	padding: 0;
    font-size: 100%;
    color: #000;
    background-color: transparent;
    border-radius: 0;
	}
#content button:focus {
	outline:0;
	}
	/*SECTION CONTENT*/
		/*NAV (breadcrump)*/
		#breadcrump {
			border-bottom: 1px solid #000;
		}
		#breadcrump nav {
			font-size: .8em;
			padding: 1em 0;
		}
		#breadcrump nav {
			font-size: .8em;
			padding-top: .8em;
  		  	padding-bottom: .7em;
			padding-left: 2.3em;
			padding-right: 0;
			max-width: 75%;
			float: left;
			width: calc(100% - 120px);
		}
		#breadcrump nav ul li {
			position: relative;
			display: inline;
			word-spacing: 0;
			letter-spacing: 1px;
			}
		#breadcrump .page ul {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			height: 20px;
    		line-height: 20px;
		}
		#breadcrump nav ul li:after {
			content:" / ";
			}
		#breadcrump nav ul li:last-child:after {
			content:"";
			}
		#breadcrump nav ul li:first-child:after {
			content:" / ";
			}
		
		#breadcrump nav.page ul li.home {opacity:.6;}
		#breadcrump nav.child-page ul li.home {opacity:.3;}
		#breadcrump nav.child-page ul li.page {opacity:.6666;}
		/*PAGE CONTENT*/
		#content h1 {
			margin-top:1em;
			line-height: 0.8em;
			margin-bottom:1em;
			}
	/*MAIN ARTICLE*/
	#article_wrapper {
	padding-bottom:2em;
		}
/*SOMMAIRE*/
#mind_map {
	width: 100%;
    overflow: scroll;
    height: 100%;
    position: absolute;
    top: 0;
	}
#sommaire {
	position: absolute;
    top: 2.25em;
    width: 100%;
    right: calc(-100% + 15px);
	z-index: 10000;
   	height: calc(100% - 80px);
    overflow: scroll;
    background-color: #fff;
	-webkit-transition:right ease-in-out .6s;
	-moz-transition:right ease-in-out .6s;
	-ms-transition:right ease-in-out .6s;
	-o-transition:right ease-in-out .6s;
	transition:right ease-in-out .6s;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	}

@media screen and (min-width:1200px) {
#sommaire .parent_page:nth-child(3n+1) {
	clear: left;
	}
}
@media screen and (max-width:1199px) {
#sommaire .parent_page:nth-child(2n+1) {
	clear: left;
	}
}
@media screen and (max-width:767px) {
#sommaire .parent_page {
	width:50%;
	}
}
@media screen and (max-width:479px) {
#sommaire .parent_page {
	width:100%;
	text-align:center;
	}
#sommaire .parent_page h4{
	font-size:22px;
	}
#sommaire .parent_page ul {
	text-align: center;
	}
#sommaire .parent_page ul a {
	font-size:16px;
	line-height:22px;
	}
}
#sommaire.active {
	right: 15px;
	}
#sommaire > div {
	margin-bottom:20px;
	margin-top:5px;
}
#sommaire img {
	max-width:100%;
	height:auto;
	margin-bottom: 15px;
}
#sommaire ul {
	padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
    font-size: .6em;
    text-transform: uppercase;
    line-height: 1.2em;
	}
#sommaire ul li {
	margin-bottom:4px;
	}
#sommaire .parent_page h4 {
	height:38px;
	display: table;
    width: 100%;
	}
#sommaire .parent_page h4 > a  {
	display: table-cell;
    vertical-align: middle;
	}
#sommaire a {
	color: #000;
	}
#sommaire a:hover, #sommaire a:focus {
	text-decoration:underline;
	}
/*ASSIDE*/
aside {
	overflow:hidden;
	position:relative;
	}
#aside {
	z-index: 10001;
	}

/*ASSIDE MENU*/
#asside-menu nav {
	font-size: .8em;
	padding:0;
}
.btn-mc {
    text-transform: uppercase;
    background-color: #fff;
    line-height: 0.8em;
    letter-spacing: 1px;
    border: 0;
    border-left: 1px solid #000;
}
.btn-mc:hover, .btn-mc.active {
    background-color: #f1f1f1;
}
.btn-mc.texte {
	background-color: #f1f1f1;
	}
.btn-mc:focus {
	outline:0;
	}
.btn-sommaire {
    font-size: .8em;
    padding: 1em;
    float: right;
}
/*INTEGRATION CARTE DES DOCUMENTS*/
#doc_map {
	width:100%;
	overflow:scroll;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	border-left:1px solid #000;
	}
/*DOC VIEWER*/
#doc_viewer {
	position: absolute;
    width: 86%;
    height: 86%;
    background-color: #fff;
    z-index: 10001;
    top: 50%;
    left: 50%;
    margin-left: -43%;
    margin-top: -43%;
	border:1px solid #000;
	}
#doc_viewer header {
	height:2em;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	border-bottom:1px solid #000;
	}
#doc_viewer header nav {
	padding:0;
	height:100%;
	}
#doc_viewer iframe {
	max-width:100%;
	}
#arrow-nav-doc_viewer-left, #arrow-nav-doc_viewer-right, #close-doc_viewer {
	background-image:url('images/nav_doc.png');
	background-repeat: no-repeat;
	height: inherit;
	width: 41px;
	max-width: 41px;
	display:block;
	border:0;
	background-color:#fff;
	min-width: 0;
	font-size:0;
	}
#arrow-nav-doc_viewer-left:focus, #arrow-nav-doc_viewer-right:focus, #close-doc_viewer:focus {
	outline:0;
	}
#arrow-nav-doc_viewer-left:hover, #arrow-nav-doc_viewer-right:hover, #close-doc_viewer:hover {
	background-color:#f1f1f1;
	}
#arrow-nav-doc_viewer-left {
    border-right: 1px solid #000;
    background-size: 120px;
    background-position: 11px 8px;
	float:left;
	}
#arrow-nav-doc_viewer-right {
    border-right: 1px solid #000;
    background-size: 120px;
    background-position: -39px 8px;
	float:left;
	}
#close-doc_viewer {
    border-left: 1px solid #000;
    background-size: 120px;
    background-position: -89px 7px;
	float:right;
	}
.nav-doc {
	height:100%;
	float:left;
	}
#title-doc {
	display:block;
	padding: .5em 1em .5em 1em;
    font-family: "ahamono", "courier";
    font-weight: 300;
    text-transform: none;
    width: calc(100% - 123px);
    float: left;
    height: 39px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    letter-spacing: 1px;
    font-size: .6em;
	}
#title-doc::first-letter {
    text-transform: uppercase;
}
	/*DOC CONTENT*/
	#article_wrapper {
		position: relative;
		}
	#doc-content {
		padding: 1em;
		overflow: scroll;
		height: calc(100% - 2em);
		text-align:left;
		margin-top:2em;
	}
	#contenu {
		font-size: .7em;
		}
	#doc-content img {
		border:1px solid #f4f4f4;
		}
	/*LEGEND*/
		#doc-content .legend {
			font-size:.90em;
			margin-top:10px;
			text-align: left;
			}
		.lgd, .lgd:hover, .lgd:focus {
			color: #fff;
			text-decoration: none;
			font-size: .5em;
			padding: 6px 3px 1px 3px;
			}
		.lgd span {
			font-size: 2em;
			}
		.lgd-image {
			background-color: #ff102d;
			}
		.lgd-av {
			background-color: #240eff;
			}
		.lgd-dossier {
			background-color: #dcbc00;
			}
		.lgd-pdf {
			background-color: #009a24;
			}
		.internal-link:after, .external-link:after {
			display:inline-block;
			font: normal normal normal 1em FontAwesome;
			}
		.internal-link:after {
			content: "\00a0 \f0c1";
			}
		.external-link:after {
			content: "\00a0 \f08e";
			}
		.internal-link:hover::after, .external-link:hover::after {
			text-decoration:underline;
			}

	.appears_in {
		margin-top:12px;
		}
	.appears_in ul {
		padding-left: 8.5em;
		list-style: none;
		position:relative;
	}
	.appears_in_title {
		margin-left: -8.5em;
		position: absolute;
		}
	.doc_pdf {
		margin-bottom:20px;
		}
	/*POPOVER*/
	/*#content button[data-toggle="popover"] {
		background-color: transparent;
		border: none;
		text-align: justify;
		display: inline;
		color:#337ab7;
		margin:0;
		padding:0;
		}*/
	#content a[data-toggle="popover"] {
		text-decoration:none;
		cursor:pointer;
		border-color: #000;
		}
	#content a[aria-describedby] {
		color: #23527c;
		}
	.popover {
		border-radius:0;
		max-width:none;
		border: 1px solid #000;
    	border: 1px solid rgba(0,0,0,1);
		}
	.popover.top>.arrow {
		border-top-color: #000;
    	border-top-color: rgba(0,0,0,1);
		}
/*FOOTER*/
#legend-info {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    z-index: 10000;
    border-top: 1px solid #000;
    left: 0;
	width:100%;
	max-height:45px;
	overflow:scroll;
	}
#legend-info .content span {
	color: #fff;
	font-size: 11px;
}	
#legend-info .content span.lgd-title {
	color:#000;
}
#legend-info .content {
	padding-left: 2.5em;
    padding-right: 2.5em;
    font-size: .7em;
    padding-top: .5em;
    padding-bottom: .5em;
	}
/*RESPONSIVE GRID*/
@media screen and (max-width:767px){
	#doc_viewer iframe {
		max-width:100%;
		height:270px !important;
	}
	#mc_grid-home {
		display: none;
		}
	#aside {
		overflow: visible;
		height:0px !important;
		}
	#doc_viewer {
		position:fixed;
		max-height: calc(100% - 160px);
		}
	#doc_map {
		display:none;
		}
	#main-nav ul {
		font-size:16px;
		}
	#breadcrump nav.page {
		width: calc(100% - 112px);
   	 	max-height: 44px;
    	padding: 13px 12px 13px 12px;
		}
	#breadcrump .page ul {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		height: 20px;
		line-height: 18px;
		font-size: .7em;
		}
	#breadcrump .page ul li.home{
		display:none;
		}
	#breadcrump nav ul li:after {
    	content: "";
	}
	#content article {
		padding-left:1em;
		padding-right:1em;
		}
	#content {
		overflow-x:hidden;
		}
	#content article h2 {
		font-size:1em;
		}
	#content h1 {
		margin-top: .7em;
		line-height: 1em;
		margin-bottom: .7em;
		font-size: 1.5em;
	}
	}
@media screen and (max-width:429px){
	#main-nav ul li:first-child a:before {
		content: 'MC';
		}
	#main-nav ul li a span {
		display:none;
		}
	#main-nav ul li:nth-child(2) a:before {
		content: 'Biblio';
		}
	#main-nav ul li:last-child a:before {
		content: '@';
		}
	#content article {
		font-size: .7em;
	}
	#doc_viewer iframe {
		max-width:100%;
		height:170px !important;
	}
	}