/* Reset
-------------------------------------------------- */
*, *:before, *:after {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
	}
article, aside, details, figcaption, 
footer, header, hgroup, main, nav, section, summary {
	display: block;
	}


/* Pix
-------------------------------------------------- */
img {
	display: block;
	max-width: 100%;
	}


/* Links
-------------------------------------------------- */
a {
	color: red;
	text-decoration: none;
	transition: color .3s, background .3s, border .3s;
	}
a:hover {
	color: #22b974;
	}

.text a {
	color: red;
	text-decoration: none;
	transition: color .3s, background .3s, border .3s;
	}
.text a:hover {
	color: #22b974;
	}
.menu a{
	color: #22b974;
	}
a.works_item, 
a.lexicon_item {
	color: black;
	display: block;
	margin-bottom: 1.5rem;
	}

a.works_item:hover, 
a.lexicon_item:hover {
	color: #22b974;
	}


/* Clearfix
-------------------------------------------------- */
.cf:after {
	content: "";
	display: table;
	clear: both;
}


/* Site
-------------------------------------------------- */
html {
	height: 100%;
	font-family: 'Helvetica Neue', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	margin: 0 auto;
	font-size: 11pt;
	line-height: 1.5em;
	width: 100%;
	background: #ccc;
	position: relative;
	margin: 0;
	padding-bottom: 2rem;
	min-height: 100%;
	}
body.publishing, body.research {
	height: 100%;
	}	
.content h1.title {
	margin: 0 0 3rem 0 ;
	}
h1 {
	font-size: 1rem;
	}
h2{
	text-transform: uppercase;
	margin-bottom: 2rem;
	font-size: 1rem;	
	}


.content h1 {
	margin: 1.5rem 0;
	}
.content figure {
	margin: 1.5rem 0;
	}
.content_wrapper {
	height: 100%;
	}

/* Header
-------------------------------------------------- */
.header {
	background: orange;
	padding: 2rem 5% 1rem 5%;
	color: white;
	min-height: 15%;
	}
.logo {
	display: block;
	margin-bottom: 1.5em;
	}
.menu_lexicon {
	font-family: "Times New Roman", Serif;
	font-size: 1.1em;
	}
.dash {
	width: 8rem;
	display: inline-block;
	border-bottom: 2px solid white;
	height: 2px;
	margin-bottom: 4px;
	}	
ul.menu {
	list-style: none;
	text-align: justify;
	-webkit-text-align: justify;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: -2rem;
	}
ul.menu:before{
	content: '';
	display: block;
	width: 100%;
	}
ul.menu:after {
	content: '';
	display: inline-block;
	width: 100%;
	}	
ul.menu li {
	display: inline-block;
	}
.header a:link, .header a:visited {
	color: white;
	}
.header a.active {
	color: black;
	}
.sub_header	{
	margin-top: 1rem;
	z-index: 999;
	position: relative;
	}	
.sub_header	p{
	display: inline-block;
	margin-left: 2rem;
	}
.sub_header_left {
	float: left;
	}
.sub_header_left a:hover{
	text-decoration: underline;
	}

.sub_header_right {
	float: right;
	}	
.sub_header_right a{
	margin-left: 2rem;
	}

/*  NEWSTICKER */

.newsflash {
	background: orange;
	margin-top: -1.5rem;
	padding: 0.5rem 3rem ;
	font-size: 0.8rem;
	}
ul.newsticker {
	//important to enable css3 transitions properly 
	-webkit-transition: all 0s linear;
	-moz-transition: all 0s linear;
	-o-transition: all 0s linear;
	transition: all 0s linear;
	list-style:none;
	margin:0;
	background: orange;
	}


/* M E N U S */

.works .content,
.lexica .content {
	display: block;
	margin: 0;
	padding: 0;
	}
.works .content .content_row,
.lexica .content .content_row{
	display: block;
	}
.menu_works,
.menu_lexica {
	display: block;
	padding: 2rem 5%;	
	}
.works .content .menu_lexica,
.lexica .content .menu_works {
	width: 100%;
	}

.menu_works_row .menu_works_categories .menu_works_category h2 {
	margin: 2rem 0 1rem 0;
	}	
.lexica .content .menu_lexica,
.works .content .menu_works {
	width: 100%;
	}
.works .content .menu_lexica,
.lexica .content .menu_lexica {
	background: #b5b5b5;
	font-family: "Times New Roman", Serif;
	font-size: 1.1em;	
	}
.work .menu_works,
.lexicon .menu_lexica {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	padding: 2rem 5% 2rem 2rem;
	display: none;
	}
.work .menu_works {	
	background: #b5b5b5;
	display: none;
	}
.lexicon .menu_lexica {	
	background: #ccc;
	}
.works .menu_lexica,
.lexica .menu_works {	
	display: none;
	}

/* W O R K S */

.works .menu_works_row{
	display: block;
	border-collapse: separate;
	width: 100%;
	}	
.works .menu_works_categories {
	display: block;
	width: 100%;
	}
.works .menu_works_category {
	display: block;
	width: 100%;
	padding-right: 0;
	}
.works_item img {
	margin-bottom: 0.5rem;
}

	/* L E X I C A */

.lexica .menu_works_category {
	width: 100%;
	margin-bottom: 3rem;
	}
.menu_lexica .description.text {
	margin-bottom: 3rem;
	font-size: 0.9rem;
	line-height: 1.3em;
	}

/* L E X I C O N */

.lexicon_item_content{
	background: #b5b5b5;
	padding: 2rem 5% 2rem 5%;	
	font-family: "Times New Roman", Serif;
	font-size: 1.1em;	
	position: relative;
	}
.lexicon_item_content .text figure {
	margin: 1rem 0;
	}
.lexicon_image {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 5rem;
	}
.lexicon_item_content p {
	margin-bottom: 1rem;
	}
.lexicon_item_content figure + p,
.lexicon_item_content p + figure,
.lexicon_item_content p + iframe,
.lexicon_item_content iframe + p { 
	padding-top: 1.5rem;
	}	
 

/* W O R K */

.work_menu{
	padding: 2rem 5% 2rem 2%;
	position: absolute;
	right: 0%;
	top: 0;
	bottom: 0;
	width: 27%;
	background: #b5b5b5;
	}
.work_content{
	position: relative;
	padding: 2rem 5% 2rem 5%;
	}
.work h1.title {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2em;
	}
.infos {
	margin-bottom: 4rem;
	font-family: 'times new roman', serif;
	text-align: right;
	}
.infos div {
	
	}
.work h1 {
	font-size: 1em;
	margin: 1rem 0;
	}
.work .text {
	width: 103%;
	margin-left: -1.5%;
	}	
.work .text p {
	margin: 1.5%;
	}
.work .imagelink {
	display: inline-block;
	}
.work .imagelink:after {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background: blue;
	transition: opacity 0.2s;
	}
.work .imagelink:hover:after  {
	opacity: .5;
	transition: opacity 0.2s;
	}
.work figure {
	margin: 1.5%;
	position: relative;
	width: auto;
	display: inline-block;
	}
.work figure.small {
	width: 30%;
	float: left;
	}
.work figure.medium {
	width: 60%;
	float: left;
	}
.work figure.float-right {
	width: 40%;
	margin: 1.5%;
	float: right;
	}

.work figure.float-left {
	width: 40%;
	margin: 1rem 1rem 1rem 0;
	margin: 1.5%;	float: left;
	}		
.work figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: red;
	color: white;
	padding: 1rem;
	text-align: center;
	z-index: 9;
	opacity: 0;
	}
.work figure:hover figcaption {
	opacity: 1;
	}
.work figure.video {
	height: auto;
	width: calc(100% - 1.5rem);
	display: block;
	padding-bottom: 56.25%; 
    height: 0;
    overflow: hidden;	
	}
figure.video iframe{
	position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
	}


/* N E T W O R K */

.network_content{
	padding: 2rem 5%;
	}
.network_content .intro	{
	margin-bottom: 3rem;
	}
.network_item {
	margin-bottom: 1rem;
	}
.network_item_name {
	float: left;
	width: 25%;
	}
.network_item_discipline {
	float: left;
	width: 50%;
	padding: 0 1rem;
	}
.network_item_location {
	float: left;
	width: 25%;
	}	

/* C A L E N D A R */

.calendar_content{
	padding: 2rem 5%;
	}
.calendar_content p{
	margin-bottom: 1rem;
	}
.calendar_content h1{
	font-size: 0.9rem;
}
.calendar_content dt {
	float: left;
	clear: left;
	width: 20%;
	}
.calendar_content	dd {
	margin-left: 20%;
	}

/* P U B L I S H I N G */

.publishing, .research{
	overflow: hidden;
	}
.publishing_content, .research_content {
	height: 85%;
	}


	.footer	{
	background: #ccc;
	padding: 0.5rem 5% 0.5rem 5%;
	font-size: 0.8rem;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	}	


@media only screen and (min-width: 800px) { 


/* M E N U S */

.works .content,
.lexica .content {
	display: table;
	border-collapse: separate;
	margin: 0;
	padding: 0;
	min-height: 84%;
	}
.works .content .content_row,
.lexica .content .content_row{
	display: table-row;
	}
.menu_works,
.menu_lexica {
	display: table-cell;
	padding: 2rem 5%;	
	}
.works .content .menu_lexica,
.lexica .content .menu_works {
	width: 25%;
	}
.lexica .content .menu_lexica,
.works .content .menu_works {
	width: 80%;
	}
.works .content .menu_lexica,
.lexica .content .menu_lexica {
	background: #b5b5b5;
	font-family: "Times New Roman", Serif;
	font-size: 1.1em;	
	}
.work .menu_works,
.lexicon .menu_lexica {
	position: absolute;
	top: 0;
	right: 0;
	width: 27%;
	bottom: 0;
	padding: 2rem 5% 2rem 2rem;
	display: block;	
	}
.work .menu_works {	
	background: #b5b5b5;
	}
.lexicon .menu_lexica {	
	background: #ccc;
	}
.work .menu_works .menu_works_category {
	margin-bottom: 3rem;	
	}
.menu_works_row .menu_works_categories .menu_works_category h2 {
	margin: 0rem 0 1rem 0;	
	}	
.works .menu_lexica,
.lexica .menu_works {	
	display: table-cell;
	}

/* W O R K S */

.works .menu_works_row{
	width: 100%;
	column-count: 3;
	}	
.works .menu_works_categories {
	display: table-row;
	width: 100%;
	}
.works .menu_works_category {
	display: table-cell;
	width: 30.333%;
	padding-right: 2rem;
	}	

	/* L E X I C A */

.lexica .menu_works_category {
	width: 100%;
	margin-bottom: 3rem;
	}
.menu_lexica .description.text {
	margin-bottom: 3rem;
	font-size: 0.9rem;
	line-height: 1.3em;
	}

/* L E X I C O N */

.lexicon_item_content{
	background: #b5b5b5;
	padding: 2rem 30% 2rem 5%;	
	font-family: "Times New Roman", Serif;
	font-size: 1.1em;	
	position: relative;
	}
.lexicon_item_content .text figure {
	margin: 1rem 0;
	}
.lexicon_image {
	position: absolute;
	top: 2rem;
	right: 2rem;
	width: 5rem;
	}
.lexicon_item_content p {
	margin-bottom: 1rem;
	}
.lexicon_item_content figure + p,
.lexicon_item_content p + figure,
.lexicon_item_content p + iframe,
.lexicon_item_content iframe + p { 
	padding-top: 1.5rem;
	}	
 

/* W O R K */

.work_menu{
	padding: 2rem 5% 2rem 2%;
	position: absolute;
	right: 0%;
	top: 0;
	bottom: 0;
	width: 27%;
	background: #b5b5b5;
	}
.work_content{
	position: relative;
	padding: 2rem 30% 2rem 5%;
	}
.work h1.title {
	width: 100%;
	text-align: center;
	font-size: 1rem;
	line-height: 1.2em;
	}
.infos {
	margin-bottom: 4rem;
	font-family: 'times new roman', serif;
	text-align: right;
	}
.infos div {
	
	}
.work h1 {
	font-size: 1em;
	margin: 1rem 0;
	}
.work .text {
	width: 103%;
	margin-left: -1.5%;
	}	
.work .text p {
	margin: 1.5%;
	}
.work .imagelink {
	display: inline-block;
	}
.work .imagelink:after {
	position: absolute;
	content:"";
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	background: blue;
	transition: opacity 0.2s;
	}
.work .imagelink:hover:after  {
	opacity: .5;
	transition: opacity 0.2s;
	}
.work figure {
	margin: 1.5%;
	position: relative;
	width: auto;
	display: inline-block;
	}
.work figure.small {
	width: 30%;
	float: left;
	}
.work figure.medium {
	width: 60%;
	float: left;
	}
.work figure.float-right {
	width: 40%;
	margin: 1.5%;
	float: right;
	}

.work figure.float-left {
	width: 40%;
	margin: 1rem 1rem 1rem 0;
	margin: 1.5%;	float: left;
	}		
.work figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: red;
	color: white;
	padding: 1rem;
	text-align: center;
	z-index: 9;
	opacity: 0;
	}
.work figure:hover figcaption {
	opacity: 1;
	}
.work .video {
	clear: both;
	}


/* N E T W O R K */

.network_content{
	padding: 2rem 5%;
	}
.network_content .intro	{
	margin-bottom: 3rem;
	}
.network_item {
	margin-bottom: 1rem;
	}
.network_item_name {
	float: left;
	width: 25%;
	}
.network_item_discipline {
	float: left;
	width: 50%;
	padding: 0 1rem;
	}
.network_item_location {
	float: left;
	width: 25%;
	}	

/* C A L E N D A R */

.calendar_content{
	padding: 2rem 5%;
	}
.calendar_content p{
	margin-bottom: 1rem;
	}
.calendar_content h1{
	font-size: 0.9rem;
}
.calendar_content dt {
	float: left;
	clear: left;
	width: 10%;
	}
.calendar_content	dd {
	margin-left: 10%;
	}

/* P U B L I S H I N G */

.publishing, .research{
	overflow: hidden;
	}
.publishing_content, .research_content {
	height: 85%;
	}





}