/* @override 
	http://info-fiction.4o4.ch/wp-content/themes/nfo/css/custom.css */



/*******************************************
*** Main CSS Site Layout ***
*******************************************/

/* @group Fonts */

body { 
/*	font:15px "lemonde-journal", Georgia, Serif; */
	font-size: 15px;
	font-family: "lemonde-journal", "Times New Roman", Georgia, Serif;
/*	font:17px "sirba-web","ff-spinoza-web-pro", "skolar", "sirba-web",  "athelas", Georgia, Serif;*/
	*font-size:small; 
	*font:x-small; 
	line-height:1.4;
	font-weight: 300;
	
/*	letter-spacing: 0.04em;*/
/*	font-stretch: expanded; */
	}
	
/*
override Microsoft Word imported styles
*/
body div.post-content span {
	font-family: "lemonde-journal", "Times New Roman", Georgia, Serif !important;
	font-size: 100% !important;
}
	

@font-face {
    font-family: 'PropCourierSansRegular';
    src: url('../fonts/propcourier-150809/propcouriersans-webfont.eot');
    src: url('../fonts/propcourier-150809/propcouriersans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/propcourier-150809/propcouriersans-webfont.woff') format('woff'),
         url('../fonts/propcourier-150809/propcouriersans-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.margin-zero {
	margin: 0;
}

.bold-title, .strong {
	font-weight: bold;
}

.italic-title {
	font-style: italic;
}
/* @end */

/* @group Basics */

body {
	background: #777;
	height: 100%;
	background-attachment: fixed;
}

body, select, input, textarea,
a, a:active, a:visited,
a:hover
{ 
	color:#222; 
}

.p-margin {
	margin: 1em 0;	
}

.b-margin-s {
	margin: 0 0 1.4em 0;	/* 0.5em */
}

.bbox, .borderbox {
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	/* 
		html5please.com/#box-sizing
	 	http://caniuse.com/css3-boxsizing 
	*/
}


ul,
li,
.zero {
	margin: 0;
	padding: 0;
	border: 0;
}

ul.unstyled,
ul.clean {
	list-style: none;
}

ul.indented {
	margin-left: 1.2em;
}
.indent {
	margin-left: 0.3em;
}

ul.spacing li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.ul-margin {
	margin: 0.7em 0;
	float: left;
	width: 100%;
}

.ul-horiz {
	display: inline;
}
.ul-horiz li,
.li-horiz {
	display: inline;
}

.ul-star li {
	padding-left: 26px;
	margin: 0.4em 0em;
}

.ul-agenda li {
	background: url(../img/icons/icon-cal.png);
	background-repeat: no-repeat; 
	background-position: 0px 2px;
	padding-left: 24px;
	margin: 0.3em 0em;
}

.hidden {
	display: none;
}

.jq-hidden {
	display: none;
}

.fullwidth {
	width: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: 0.15em;
	
	     word-break: break-word;
	
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

h1.norm, 
h2.norm, 
h3.norm, 
h4.norm {
	letter-spacing: 0em;
}

.post-content h1,
.h1 { font-size: 220%; }

.post-content h2,
.h2 { font-size: 170%; }

.post-content h3,
.h3 { font-size: 150%; }

.post-content h4,
.h4 { font-size: 120%; }
h5,
.h5 {  }

h1.unstyled,
h2.unstyled,
h3.unstyled,
h4.unstyled {
	font-size: 100%;
	letter-spacing: 0;
}

.small,
.font-small,
.small-font {
	font-size: 90%;
}

.very-small,
.smaller {
	font-size: 80%;
}


.large-font {
	font-size: 140%;
}
.larger-font {
	font-size: 145%;
}

.ital {
	font-style: italic;
}

.black {
	color: #333;
}

.trueblack {
	color: #000;
}

.dark-bg {
	background: #666;
}
.drk-bg {
	background: #333;
}

p.clean {
	margin: 0;
}

img,
.img {
	display: block;
}
.post-content img {
	display: block;
}

.leftfloat {
	float: left;
}

.clearleft {
	clear: left;
}

.lf-wide {
	float: left;
	width: 100%;
}

.rightfloat {
	float: right;
}

.dblock {
	display: block;
}
.inl {
	display: inline;
}

a {	/*color: #333;*/
	
	text-decoration: none;
	border-bottom: 1px solid #333;
/*	color: #229fff;*/

	/*rouge*/
/*	color: #900000;
	border-bottom-color: #900000;*/

	/*bleu*/
	/*color: #004f8c;
	border-bottom-color: #004f8c;*/
}

a:link {
	
}
a:visited {
	
}
a:hover {
/*	border-top: 1px solid #ba0000;*/
/*	border-bottom-color: #e60000;*/
	color: #e60000;
	/*bleu*/
	color: #229fff;
	border-color: #229fff;
	border-bottom-color: #229fff;
/*	background-color: #f2f2f2;*/
/*	background: #ff78c3;*/
	/*color: #ff78c3;
	background: #82dec1;*/
}
a:active {
	border-color: #e60000;
	color: #e60000;
	background: #229fff;
	
}
/* LVHA-order: :link — :visited — :hover — :active*/

a.dblock {
	border-bottom: 0px;
}

.unstyled,
a.unstyled,
a .unstyled,
a.u-h 
{
	text-decoration: none;
	border-bottom: 0px;
}

a.unstyled:hover .hoverable,
a.unstyled .underlined,
a.underlined, a .underlined,
a.u-h:hover 
{
	text-decoration: underline;
}
.onepx-lined {
	border-bottom: 1px solid #333
}
a:hover .onepx-lined {
	border-bottom-color: #229fff ;
}

.under-lined {
	border-bottom: 2px solid #333
}

.upc {
	text-transform: uppercase;
}

.micron {
	font-size: 50%;
}

.edit-hidden {
	display: none;
}

.whitebox {
	clear: left;
	background: #fff;
/*	padding: 0.1em 0.2em;*/
	margin-left: 20px;
}

.whitebox p {
	padding: 0.3em 0.5em;
	margin: 0;
	display: block;
}

.word-break {
/*	-ms-word-break: break-all;
	     word-break: break-all;*/
	     /* Non standard for webkit */
	     word-break: break-word;
	
	-webkit-hyphens: auto;
	   -moz-hyphens: auto;
	        hyphens: auto;
}

.debug-alert {
	color: #000;
	background: yellow;
}

/* @end */

/* @group Layout */

.container {
	margin: 0em 4em 2em 4em;
/*	padding: 0.3em 2em 1em 2em;*/
/*	background: #eee;*/
/*	border: 1px solid #333;*/
}

.header-container,
.main,
.page-footer
{
/*	max-width: 42em;*/
	max-width: 1280px;
	min-width: 600px;
/*	border: 1px solid cyan;*/
/*	float: left;*/
}
.main,
.page-footer
{
	background: #333;
	background: #fff;
}
.main {
/*	box-shadow: 0px 0px 55px #333 inset;*/
}

.main-list-display,
.single .main {
	background-image: url('../img/patterns/pattern-f5.png');
}
.archive .main-list-display {
	background: #444;
	background-image: url('../img/patterns/pattern-f5-dark.png');
}

img {
	max-width: 100%;
	height: auto;
}

.main-text-area strong,
.main-text-area b,
.article-text strong,
.article-text b {
	font-weight: normal;
	background: #ddd;
	letter-spacing: 0.15em;
}

.strong-spacing {
	letter-spacing: 0.25em;
}

/* @end */

/* @group Header */

.top-header {
/*	min-height: 7.5em;
	min-height: 8.7em;*/
	background: #333;
	width: 100%;
	padding: 0 0 1.5em  0;
	position: relative;
}

body.admin-bar {
/*	margin-top: 28px;	*/
}

.header-container {
	margin: 0em 4em;
}

.lien-head a {
	 font: 0/0 a; 
	 text-shadow: none; 
	 color: transparent; 
	 /* ultimate image replacement trick */
	 background: url(../img/head-logo/head-white-new-2x.png);
	 background-repeat: no-repeat; 
	 width: 165px; height: 92px;
	 background-size: 165px 92px;
	 position: absolute;
	 margin-top: 22px;
	 margin-left: 5px;
	 border-bottom: 0;
	 z-index: 10;
}


.prop-courier,
.site-title {
	font-family: "PropCourierSansRegular", "PropCourierSans", monospace;
	-moz-font-feature-settings: "liga=0";
	-webkit-font-feature-settings: 'liga' 0;
	font-feature-settings: "liga" 0;
	text-rendering: optimizeSpeed; /*disables ligatures for webkit*/
}
body div.post-content span.prop-courier {
    font-family: "PropCourierSansRegular", "PropCourierSans", monospace !important;
}
.site-title {
		position: relative;
	top: 5px;
	float: left;
	font-size: 300%;
	letter-spacing: 0;
	width: 9.3em;
}

.site-title {
	left: 196px;
}

.site-title a {
	color: #bbb;
}

.site-title a:hover {
/*	color: #aaa;*/
}

.site-title a .colorize:hover {
	color: #37a8ff;
	text-shadow: 0 0 3px #6abeff;
}

/*
STRUCTURE:

div.navigation-container - width 100%
 - nav.main-menu
   -- ul.menu
 - div.search-form

*/

.navigation-container {
/*	border: 1px solid cyan;*/
/*
NOTES: 
largeur du logo: 165px;

MAIN: 
ligne 392
	max-width: 1280px;
	min-width: 600px;
*/

	float: right;
	position: relative;
	clear: left;
/*	border: 1px solid #0f0;*/
	width: 100%;
	margin-top: 10px;
	min-height: 3.8em;
/*	padding-left: 196px;*/
}

.main-menu {
/*	width: 100%;*/
/*	border: 1px solid red;*/
	
}
.main-menu {
	margin-left: 196px; 
	float: left;
	width: auto;
}

.main-menu .menu {
	float: left;
	margin-left: 196px; 
	/*
	small screens: set to zero 
	by media query.
	 */
	position: relative;
/*	border: 1px solid #0f0;*/
	width: 34em;
}

.main-menu .menu {
	float: left;
	margin-left: 0; 
	/*
	small screens: set to zero 
	by media query.
	 */
	position: static;
/*	border: 1px solid yellow;*/
	width: auto;
}

.main-menu .menu-item {
	background: #fff;
	float: left;
	margin: 0 0.2em;
/*	background: #0f0;*/
}


.main-menu .menu-item:first-of-type {
	margin-left: 0;
}

.main-menu .menu-item:hover {
	
}

.main-menu a {
	text-decoration: none;
	display: block;
	padding: 0.4em 0.6em 0 0.4em;
	text-transform: lowercase;
	height: 2em;
/*	height: 25px;*/
	border-bottom-width: 2px;
}

.main-menu a:hover {
/*	background: #fff;*/
	border-bottom-width: 2px;
}

.main-menu .menu-item .menu-item {
	display: block;
/*	float: left;*/
	clear: left;
	margin: 0px;
	border-bottom: 0px;
}

.menu-item .menu-item a {
/*	text-decoration: underline;*/
}

.main-menu .sub-menu {
	display: none;
	position: absolute;
	left: 0px;	
	width: auto;
/*	width: 32em;*/
/*	max-width: 32em;*/
	margin: 0.4em 0 1em 0;
/*	border: 1px solid #0f0;*/
	background: #fff;
	left:  196px;
}


.main-menu .sub-menu a {
	padding-right: 0;
	height: 1.8em;
/*	border-bottom: 0px;*/
}
.sub-menu a {
	border-bottom: 0px;
	border-bottom: 2px solid #fff;
}
.main-menu .sub-menu a:after {
	content: " • "; /* bullet character: • • */
	color: #333;
}

.main-menu .sub-menu li:last-of-type a {
	padding-right: 0.5em;
}
.main-menu .sub-menu li:last-of-type a:after {
	content: "";
}


.main-menu .sub-menu .menu-item {
	display: inline;
/*	border: 1px solid red;*/
	float: left;
	clear: none;
}

/* Show the Sub-Menu!! */

/* .main-menu .menu-item:hover .sub-menu, */

.current-menu-item .sub-menu,
.current-menu-parent .sub-menu,
/*.single-publications .main-menu .menu-item-204 .sub-menu,*/
.single-publications .main-menu .menu-item-34 .sub-menu,
.single-post .menu-item-34 .sub-menu,
.category .menu-item-34 .sub-menu,
.tag .menu-item-34 .sub-menu,
.page-template-page-annee-academ-php .menu-item-34 .sub-menu,
.groupe-alumni .menu-item-1390 .sub-menu
{
	display: inline;
}

/* exception... */
term-etudiant-e-s {
	
}

.main-menu .current-menu-parent a,
.main-menu .current-menu-item a,
.main-menu .sub-menu a:hover,
.single-publications .menu-item-204 a,
.single-publications .menu-item-34 > a,
.single-post .menu-item-34 a, /* projects */
.category .menu-item-34 a,
.tag .menu-item-34 a,
.page-template-page-annee-academ-php .menu-item-34 a,
.groupe-alumni .menu-item-1092 a,
.groupe-alumni .menu-item-1390 a,
.groupe-team .menu-item-33 a
{
	/* highlighted item */
/*	background: #ccc;*/
	
	/*bleu*/
	color: #229fff;
	border-bottom-color: #229fff;
}

/*
Grey-out the Sub-Menus
*/

.current-menu-parent .sub-menu a,
.current-menu-item .sub-menu a,
.single-publications .sub-menu a,
.single-post .sub-menu a,
.category .sub-menu a,
.tag .sub-menu a,
.page-template-page-annee-academ-php .sub-menu a,
.groupe-alumni .sub-menu a,
.groupe-team .sub-menu a 
{
	color: #333;
	border-bottom-color: #333;
}

/*
Override default for Sub-Menus - 
Colorize active sub-item:
*/

.sub-menu .current-menu-item a,
.cat-travaux .menu-item-1391 a,
.cat-expo .menu-item-1308 a,
.cat-echanges .menu-item-2395 a,
.cat-workshop .menu-item-1291 a,
.cat-conference .menu-item-1293 a,
.single-publications .menu-item-1302 a,
.groupe-1ere .menu-item-1398 a,
.groupe-2eme .menu-item-1399 a,
.groupe-3eme .menu-item-1400 a,
.groupe-erasmus .menu-item-2061 a,
.groupe-alumni .menu-item-1288 a
{
	color: #229fff;
	border-bottom-color: #229fff;
}

.search-form {
/*	border: 1px solid #0f0;*/
	position: relative;
	clear: none;
	float: left;
	margin-left: 2px;
}

#searchform {
/* border: 1px solid #ff0;*/
 width: 143px;
 position: relative;
}

/* input */
.search-form #s {
	font-family: inherit;
	font-size: 100%;
		width: 100px;
		height: 2.4em;
		padding: 0em 2.6em 0 0.6em;
		border: 0px;
		margin: 0px 0px 0px 0px;	
		position: absolute;
}

.search-form #s {
	background-color: #ececec;
	color: #000;
}

.search-form .submit {
	    padding: 0.2em;
	    background-image: url(../img/search-icon/search.png);
	    background-repeat: no-repeat;
	    background-color: transparent;
	    border: 0px;
	    background-position: 0px 0px;
	    background-size: 25px 25px;
	    position: absolute;
	    top: 5px;
		right: 5px;
		height: 25px;
	    width: 25px;
	    padding-left: 5px;
	    /* hide text */
	    font: 0/0 a;
	    text-shadow: none;
	    color: transparent;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #777;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #333 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #333 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #777;
}

/* @end */

/* @group Footer */

.page-footer {
	min-height: 200px;
	margin-top: 10px;
/*	background: #333;*/
/*	display:table;*/
/*	border-collapse:separate;*/
	}
	
.page-footer-row {
	display: block;
}	

.footer-block {
	width: 100%;
	display:table-cell;
	display: block;
	float: left;
	min-height: 10px;
	border-bottom: 0;
	border-top: 0;
	border-top: 10px solid #777;
	vertical-align: top;
	/* background: #f5f5f5; */
}
.footer-block-inside {
	margin: 0 6px;
	padding: 6px 10px 15px 10px;
/*	background: #f5f5f5;*/
	display: block;
}
.footer-block, .footer-block-inside {
	background-color: #d3d3d3;
	-webkit-transition: background 0.2s ease;
	  -moz-transition: background 0.2s ease;
	  -o-transition: background 0.2s ease;
	  transition: background 0.2s ease;
}
.footer-block:hover,
.footer-block:hover .footer-block-inside {
	background-color: #fff;
}


.footer-block:first-of-type {
	border-left: 0px;
	border-top:  0px;
}
.footer-block:last-of-type {
	border-right: 0px;
}

.footer-block:first-of-type .footer-block-inside {
	margin-left: 0;
}
.footer-block:last-of-type .footer-block-inside {
	margin-right: 0;
}

.footer-block .h3 {
/*	margin-bottom: 0.8em;*/
/*	background: #fff;*/
	padding-bottom: 0.6em;
	padding-top: 0.2em;
}

.footer-agenda {
	margin-bottom: 0.2em;
}

.footer-block .ul-margin {
	margin-top: 0;
}
.colophon-content p {
	margin-top: 0;
	max-width: 27em;
}

.ul-footer-archives {
	font-size: 110%;
	line-height: 1.6;
	-moz-hyphens: none;
	-webkit-hypens: none;
	hyphens: none;
}
.current-archive {
	color: #777;
/*	font-size: 120%; */
}

.ul-footer-archives .divider {
	padding: 0 0.0em 0 0.2em;
	font-size: 120%;
	line-height: 1em;
	vertical-align: text-top;
	color: #555;
	}

.ul-footer-archives a {
	line-height: 0.2em;
}

/* @end */


/* @group Single Post */

.list-categories {
	margin: 1em 0 0em 0;
	clear: left;
	width: 100%;
	float: left;
/*	display: none;*/
}

.list-categories a {
/*	background: #ddd;*/
/*	color: #fff;*/
/*	text-shadow: 1px 1px 3px #626262;*/
	/*padding: 0.2em 0.4em 0.3em 0.4em;
	margin-right: 0.5em;
	letter-spacing: 0.15em;*/
}

.list-categories a:hover {
	/*background: #666;
	color: #fff;*/
}

.post {
/*	background: #0f0;*/
	width: 100%;
/*	border: 1px solid #333;*/
}

.post .article-text,
.main-text-area {
/*	border: 1px solid #333;*/
	background: #fff;
	width: 60%;
/*	float: left;*/
}

.main-area-wide {
	background: #fff;
	width: 100%;
}

.article-text {
	float: left;
	background: #fff;
	width: 60%;
	position: relative;
}

.article-text div {
	max-width: 100% !important;
}

.inside-padding {
	padding: 20px;
}

.article-text .inside-padding {
	padding-bottom: 10px;
}

.justified,
.single .post p {
	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;  
	hyphens: auto;  
}

.nojust,
.single .post p.nojust,
.single .nojust p {
	text-align: left;
	-webkit-hyphens: none;
	-moz-hyphens: none;  
	hyphens: none;  
}

.page-title,
.article-title {
	border-bottom: 2px solid #333;
	display: inline;
	font-size: 200%;
	letter-spacing: 0.23em;
/*	font-weight: bold;*/
/*	TURNING OFF LIGATURES	*/
	text-rendering: optimizeSpeed; 
	/* disable common ligatures, usually on by default */
	-moz-font-feature-settings: "liga=0";
	-ms-font-feature-settings: "liga" 0;
	-webkit-font-feature-settings: "liga" 0;
	-o-font-feature-settings: "liga" 0;
	font-feature-settings: "liga" 0;
/*	see https://developer.mozilla.org/en-US/docs/CSS/text-rendering */
}
.intertitre {
/*	border-bottom: 2px solid #333;*/
/*	display: inline;*/
	margin: 1em 0 0.8em 0;
}
.archive-header .intertitre {
	margin-bottom: 0em;
}

.event-date-box {
	margin-top: 1em;
}

.edb-inside,
.event-date-box-inside {
	background: url(../img/icons/icon-cal.png);
	background-repeat: no-repeat; 
	background-position: 2px 2px;
	background-color: #ddd;
	padding: 4px 0.5em 4px 25px;
	line-height: 1;
	display: block;
/*	text-decoration: none;*/
	border-bottom: 0px;
	
/*	display: inline;*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .ul-agenda li, .edb-inside, .event-date-box-inside {
  	    background-image: url(../img/icons/icon-cal-2x.png);
  	    background-size: 20px 18px;
}}

.edb-inside:hover {
/*	background-color: #229fff;
	background-color: #999;
	color: #fff;*/
	color: #333;
/*	box-shadow: inset 0 0 12px #0090ff;*/
}

.edb-inside.date-to-archive:hover:after {
	content: " (→ archives)"; 
}
.edb-inside.date-to-agenda:hover:after {
	content: " (→ agenda)"; 
}

.article-text .header {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

.article-text .event-date-box {
	clear: left;
/*	float: left;*/
/*	border: 1px solid #333;*/
/*	width: 100%;*/
}

.date-repeats {
	margin-top: 0.5em;
}


/*.single-post .post p:first-of-type,*/
blockquote p 
{
	font-size: 120%;
	letter-spacing:  0.2em;
	line-height: 1.5;
	border: 2px solid #333;
	border-left: 0px;
	border-right: 0px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}
	
.post-content {
	border-bottom: 2px solid #333;
	margin-bottom: 1.2em;
/*	padding-bottom: 1.2em;*/
	min-height: 1.8em;	
	clear: left;
	}
	
.superwide {
}

.list-post-content {
	min-height: 1.8em;	
}

.post-content ul.attach-list {
	margin-left: 0;
	margin-top: 0.5em;
}

.attch-li{
	background-image: url('../img/file-small.png');
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: 0px 2px;
}	
.top-image {
	position: relative;
}
.top-image .attachment-superwide {
	display: block;
	min-height: 80px;
}

.top-image-title {
	background: #fff;
	position: absolute;
	left: 1.3em;
	bottom:1.1em;
	padding: 0.1em 0.3em 0.4em 0.4em;
	border-bottom-width: 0px;
	border-top: 0px solid #333;
}

.top-image-title .article-title {
	padding-bottom: 0.1em;
}

.top-image-continued .event-date-box {
	margin-top: 0px;
}

	/*
	
	file-small.png
	*/ 
	
/* @group Related Stuff */

.rel-title,
.rel .title {
	background: #ddd;
/*	background: #f5f5f5;*/
	padding: 2px 0px 2px 0;
	line-height: 1;
}
.rel .ul {
	padding-left: 27px;
	margin: 0.3em 0 0.6em 0;
}
.rel-groupes .ul {
	padding-left: 1px;
}
.rel .li {
/*	float: left;*/
/*	border: 1px solid #333;*/
	display: inline;
	padding: 0;
}

.rel .li:after {
   content: " – "; 
}

.rel .li:last-child:after {
	content: "";
}

.rel-groupes,
.rel-people .ul {
	background: url(../img/icons/persons.png);
	background-repeat: no-repeat; 
	background-position: 3px 3px;
	padding-left: 30px;
}
/* Retina version */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .rel-groupes,
  .rel-people .ul {
  	    background-image: url(../img/icons/persons-2x.png);
  	    background-size: 20px 16px;
  }
}

.rel-projects .ul,
.ul-star li {
	background: url(../img/icons/star.png);
	background-repeat: no-repeat; 
	background-position: 2px 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .rel-projects .ul,.ul-star li {
  	    background-image: url(../img/icons/star-2x.png);
  	    background-size: 17px 17px;
}}

.rel-publications .ul {
	background: url(../img/icons/publication.png);
	background-repeat: no-repeat; 
	background-position: 1px 3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .rel-publications .ul {
  	    background-image: url(../img/icons/publication-2x.png);
  	    background-size: 22px 19px;
}}

.list-categories {
	background: url(../img/icons/category.png);
	background-repeat: no-repeat; 
	background-position: 3px 1px;
	padding-left: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .list-categories {
  	    background-image: url(../img/icons/category-2x.png);
  	    background-size: 17px 17px;
}}

.top-divider {
	border-top: 2px solid #333;
}

.hyperlinks-group {
	margin-bottom: 20px;
	
}	
.hyperlinks {
/*		border: 1px solid #333;*/
		position: relative;
		
		padding-left: 22px;
		background-image: url('../img/icons/link.png');
		background-repeat: no-repeat;
		background-position: 0px 2px;
		
}
/* Retina version */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .hyperlinks {
  	    background-image: url(../img/icons/link-2x.png);
  	    background-size: 17px 17px;
  }
}

.hyperlinks .h3-m {
	display: inline;
/*		background: #ccc;*/
	margin-right: 10px;
	letter-spacing: 0;
}
.hyperlinks .link {
	display: inline;
}
.links-web .h3-m {
		position: absolute;
}
.links-web .link {
		margin-left: 6em;
		position: relative;
		display: block;
}

.post-content ul {
	margin: 1em 0 1em 1.3em;
}

.post-content ul li {
	margin: 0.25em 0;
}

.post-content ul.zero {
	margin-left: 0;
}

/* @end */


.jour-j {
	position: absolute;
	display: table;
	top:  0px;
	right: 0px;
	margin-top: 0.8em;
	margin-right: 1em;
	width: 3em;
	height: 3em;
	font-size: 230%;
	color: #fff;
	opacity: 0.65;
	text-align: center;
	
	background-image: url(../img/colors/blue-circle.png);
	background-size: 100% 100%;
	
	-webkit-transition: all 0.3s ease;
	 -moz-transition: all 0.3s ease;
	 -o-transition: all 0.3s ease;
	 -ms-transition: all 0.3s ease;
	 transition: all 0.3s ease;
}

.jour-j-inside {
	vertical-align: middle;
	display: table-cell;
	position: relative;
	top:  -0.12em;
}

.jour-j:hover {
	opacity: 1;
	text-shadow: 0 0 20px #2a65cd;
}

.archive .jour-j {
	font-size: 160%;
	margin-right: 1.5em;
	margin-top: 0em;
}

/* youtube embeds */
.post-content iframe {
	max-width: 100%;
	width: 100%;	
}


/* @end */


/* single person*/

.portrait {
	border: 1px solid #333;
}
.img-left {
	float: left;
	margin: 0.4em 1.2em 1em 0;
}


/* @group Home */

h1.home-title {
	background: #fff;
	padding: 0.2em 0.1em 0.2em 0.9em ;
	font-size: 150%;
	letter-spacing: 0.25em;
}

.home-carousel {
	float: left;
	display: block;
/*	max-height: 140px;
	max-width: 200px;*/
	position: relative;
/*	margin: 2px 2px;*/
	overflow: hidden;
	width: 33.33333333%;
/*	background: #0f0;*/
	height: auto;
	
	background-image: url('../img/colors/grey-black-gradient.png');
	background-position: 0% 40%;
	background-size:100% 120%;
/*	*/
}

.home-carousel:hover {
	background-size:100% 140%;
	background-position: 0% 0%;
}

/*.home-carousel:first-of-type, */

.home-carousel-large {
	/*max-height: 284px;
	max-width: 360px;*/
	width: 66.6%;
	height: auto;
/*	max-height: 298px;*/
/*	border: 1px solid #333;*/
	display: block;
	overflow: hidden;
/*	background: #000;*/
	font-size: 120%;
}

.home-carousel .header {
	position: absolute;
	margin:  15px;
	padding: 0.2em 0.4em;
	background-color: rgba(255, 255, 255, 0.8);
	
/*	-webkit-transition: all 0.2s ease;
	  -moz-transition: all 0.2s ease;
	  -o-transition: all 0.2s ease;
	  -ms-transition: all 0.2s ease;
	  transition: all 0.2s ease;*/
}

.home-carousel-large .header {
	padding: 0.6em 0.8em;
}

.carousel-title {
	max-height: 4.3em;
	overflow: hidden;
}

.event-date-front {
	margin-top: 0.4em;
	margin-bottom: 0.3em;
}

.home-carousel-large img {
/*	height: 100%;
	margin: 0px;
	width: auto;
	max-width: 999%;*/
	width: 100%;
	height: auto;
	min-height: 100px;
/*	border: 1px solid #333;*/
}

.home-carousel .no-image {
/*	background-image: url('../img/colors/pixels-blue.jpg');*/
	overflow: hidden;
}

.home-carousel .event-date-box {
	font-size: 85%;
	background-image: none;
	padding-left: 0;
	text-transform: lowercase;
}

.home .vimeo-gallery {
	clear: left;
}

.fixedratio {
	width: 100%;
	padding-top: 75%;
	box-shadow: inset 0 0 45px rgba(36, 60, 94, 0.5);
/*	border: 1px solid #333;	*/
	background-size: 103% 103%;
	background-position: -1px -1px;
	overflow: hidden;
/*		-webkit-transition: all 0.2s ease;
	    -moz-transition: all 0.2s ease;
	    -o-transition: all 0.2s ease;
	    -ms-transition: all 0.2s ease;
	    transition: all 0.2s ease;*/
}

.fixedratio.format-wide {
	background-size: auto 103%;
	background-position-x: 50%;
}

.fixedratio.format-high {
	background-size: 103% auto ;
	background-position-y: 50%;
}

.gallery-empty .fixedratio {
	position: absolute;
	box-shadow: inset 0px 0px 0px transparent;
/*	opacity: 0.4;*/
}


.home-carousel-large .fixedratio  {
	box-shadow: inset 0px 0px 45px rgba(36, 60, 94, 0.5);
}

.home-carousel a:hover .header {
	background-color: rgba(255, 255, 255, 0.9);
}

a:hover .fixedratio,
.no-image.fixedratio {
	box-shadow: none;
}

.pastel-nr1 {
	background-color: rgba(58, 164, 255, 0.42);
}
.pastel-nr2 {
	background-color: rgba(255, 58, 118, 0.42);
}
.pastel-nr3 {
	background-color: rgba(58, 255, 99, 0.42);
}
.pastel-nr4 {
	background-color: rgba(251, 255, 31, 0.42);
}
.pastel-nr5 {
	background-color: rgba(31, 255, 209, 0.42);
}
.pastel-nr6 {
	background-color: rgba(183, 114, 220, 0.42);
}


.carous-3of6 {
	clear: left;
}

.carous-6of6 {
	display: none; /*show only if ... */
}

.carous-10of10 {
	display: none; /*show only if ... */
}

.home-vimeo-gallery {
/*	padding-top: 1.2em;*/
}
.home-vimeo-gallery .vid-legende {
	display: none;
}

.home .gallery-imgs {
	width: 33.33333333%;
	/* overrides .gallery-imgs */
}


/* @end */



/* @group List Display */

.list-item {
	position: relative;
}

.main-list-display .page-header {
	margin-bottom: 1em;
}

.main-list-display .list-item {
/*	background: #ddd;	*/
	clear: left;
/*	margin-bottom: 1.4em;*/
	background: #fff;
	padding-bottom: 0.8em;
	padding-top: 0.2em;
/*	margin-top: -1.4em;*/
}

.main-list-display .list-item-inside {
/*	padding-bottom: 1em;*/
	border-bottom: 2px solid #333;
}

.main-area-wide .last-item {
	margin-bottom: 0px;
}

.item-image {
	float: left;
	margin-right: 1em;
}

.list-item-title {
	margin-bottom: 0.7em;
}

.item-image img {
		border: 1px solid #333;
/*		padding: 5px;*/
		background: #bbb;
}

.main-list-display .event-date {
/*	clear: left;*/
/*	border: 1px solid #333;*/
/*	float: none;*/
	display: inline;
	padding-right: 0.3em;
/*	border: 1px solid #333;*/
/*	position: relative;*/
}

.list-footer {
	clear: left;
	padding-top: 15px;
}

.list-footer-home {
	
}

.list-footer li {
	padding: 0 6px 2px 2px;
	border-right: 1px solid #333;
}

.list-acad {
	padding-top: 0px;
	margin-top: 0;
	border-bottom: 2px solid #333;
	padding-bottom: 1.5em;
}
.list-acad ul {
	display: block;
	margin-top: 0.5em;
}

.list-acad li {
	padding-left: 0px;
	padding-right: 2px;
	margin-right: 6px;
}

.list-footer li:last-of-type ,
.list-footer li:last-child {
	border-right: 0px;
}

.list-acad li:first-of-type {
/*	padding-left: 0px;*/
}


.site-list-item {
	margin: 0.5em 0;
}


.sub-listing {
	margin: 1em 0 0em 0;
}

.archive-header {
	margin-bottom: 1.5em;
}

.small-item-list {
	margin: 0.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 1px dashed #777;
}
.event-date-archive {
	margin-left: 0.5em;
	margin-top: 0.2em;
	color: #666;
}

.person-list-item {
	padding-left: 27px;
	background-image: url(../img/icons/person.png);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .person-list-item {
  	    background-image: url(../img/icons/person-2x.png);
  	    background-size: 18px 18px;
  }
}

.archive-meta {
	margin: 0 0 1.4em 0;
	font-size: 110%;
}

.ul-initiale li {
	display: inline;
}
.bloc-initiale {
	border-bottom: 2px solid #ddd;
	padding-bottom: 0.6em;	
	padding-top: 0.9em;
	clear: left;
	min-height: 2.3em;
/*	border: 1px solid #333;*/
}
.bloc-initiale .initiale {
	font-size: 280%;
/*	background: #444;
	color: #999;*/
	color: #5d5d5d;
	display: inline;
/*	border: 1px solid #333;*/
	float: left;
	margin-top: -0.4em;
/*	border: 1px solid #333;*/
}
.ul-initiale {
	margin-left: 3.4em;
	display: block;
	margin-top: 0em;
	/*padding-top: 1.1em;*/ /* changes border-bottom color in Chrome ... ? */
/*	padding-top: 1.1em;*/
}

.ul-initiale .li a:hover {
/*	border-color: #0f0;*/
/* not applied in chrome - WTF!! */
}

/* Grey bottom border */
.grey-bb {
	border-bottom: 2px solid #333;
	padding-bottom: 1.5em;
}

/* @end */

/* @group Archives */

.main-area-wide .archive-block {
	
}

.no-inside-padding .archive-header,
.no-inside-padding .archive-meta {
	padding: 20px 20px 0 20px;
}
.no-inside-padding .archive-meta {
	padding-top: 0;
}

.archive-block {
	border: 0px solid #000;
	float: left;
	width: 50%;
/*	margin-bottom: 34px;*/
	padding: 0;
/*	background: #fff;*/
	background-image: url("../img/colors/grey-black-gradient.png");
	background-position: 0 40%;
	background-size: 100% 120%;
/*	background: #1c88ff !important;*/
	}
	
.archive-block-inside {
		box-shadow: inset 0px 0px 45px rgba(36, 60, 94, 0.5);
		padding: 15px;
		margin: 0px;
}

.archive-meta-block {
	width: 100%;
	background: #bbb;
}

.archive-meta-block .archive-block-inside {
	box-shadow: inset 0px 0px 45px rgba(36, 60, 94, 0.5);
	
}

.archive-block-link {
	background-color: #f9f9f9;
	background-color: rgba(255, 255, 255, 0.9);
}

.archive-block .header {
	padding: 0.6em 0.8em;
	
	margin: 0px
}
.archive-meta-block .header {
	margin: 15px;
	background-color: #f9f9f9;
	background-color: rgba(255, 255, 255, 0.9);
}


.archive-block .event-date-box-inside {
	background-color: transparent;
	line-height: 1.4;
	padding-top: 0.1em;
}

.archive-block .list-item-title {
	margin-bottom: 0.3em;
}

.archive-block .bg-format-wide,
.archive-block.bg-format-wide {
	background-size: 103% auto;
	background-position: -1px -1px;
	background-position-x: 50%;
	background-position-y: 50%;
}

.archive-block .bg-format-high,
.archive-block.bg-format-high {
	background-size: 103% auto;
	background-position: -1px -1px;
	background-position-y: 50%;
	background-position-x: 50%;
}

.archive-content {
	margin: 0px 0 0px 0px;
	padding: 0.2em 15px 0.8em 15px;
/*	background-color: #f9f9f9;
	background-color: rgba(255, 255, 255, 0.9);*/
}
.archive-content p {
	margin: 0;
}

.archv-txt-cntnr {
	margin: 15px;
}
.archv-txt {
/*	padding: 0.6em 0.8em;*/
/*	background-color: rgba(255, 255, 255, 0.8);*/
	float: left;
	width: 50%;
}

.archv-descr {
	width: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 0.6em 0.8em;
	margin-top: 0.6em;
	float: left;
	clear: none;
}

/*.archv-txt .is-future {
	margin-left: 3em;
}
.archv-txt .is-future li {
	padding-right: 1em;
}*/

.archv-txt .li {
	margin: 0.7em 0;
	display: block;
	border-bottom: none;
	padding-right: 2em;
}

.archv-txt .li a {
	border-bottom: none;
	position: relative;
	
	background-color: #f9f9f9;
	background-color: rgba(255, 255, 255, 0.9);
	
	padding: 0.4em 0.4em 0.4em 0.4em;
}

.archv-txt .li a .sub-item {
	
/*	display: inline;*/
	line-height: 1.3em;
}

.archv-txt .li a:hover {
	background: #fff;
}

.archv-txt .upcoming a {
	background-color: rgba(34, 89, 151, 0.72);
	color: #fff;
}
.archv-txt .near-future a {
	background-color: rgba(28, 135, 255, 0.82);
	color: #fff;
}
.archv-txt .upcoming a:hover {
	background-color: #1c88ff;
	color: #fff;
}

.archv-txt .jour-j {
	font-size: 110%;
/*	left: -3.3em;
	top: -0.4em;*/
	top: 0.4em;
	right: -1em;
	
	background-image: url(../img/colors/pink-circle.png);
	opacity: 0.85;
	position: absolute;
}

.archv-txt .past {
	font-size: 90%;
}

.upcoming a:hover .jour-j {
	opacity: 1;
}

/* @end */

/* @group Team */

.page-team .h3 {
	border-bottom: 2px solid #333;
	display: inline;
}

.sub-listing {
	clear: left;
	display: block;
}

.sub-listing-header {
/*	margin-bottom: 1em;*/
}

.list-person {
/*	border: 1px solid #333;*/
	width: 33.3%;
	float: left;
}

.list-person-inside {
	padding: 1em;	
	position: relative;
}
.list-person-title {
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #333;
	padding-bottom: 0.4em;
	margin-bottom: 1em;
	font-size: 116%;
}
.bio-content {
	position: relative;
}
.bio-text {
	font-size: 88%;
/*	width: 70%;*/
	margin-left: 124px;
	padding: 0 0 0 10px;
	float: left;
}

.bio-text p:first-of-type {
	margin-top: 0;
}

.bio-image {
	height: 160px;
	width: 124px;
	background: #000;
	position: relative;
	clear: none;
	border-top: 3px solid #fff;	/*position: absolute;
	top: 3px; left: 0;*/
}

.bio-image img {
	position: absolute;
	width: 100%;
	height: auto;
	border: 1px solid #333;
}

.list-person-horiz {
	margin: 0.7em 0 0 0 ;
	line-height: 1.6em;
}

.prof-resp {
	margin-bottom: 0.5em;
	font-size: 108%;
	text-decoration: underline;
}

/* @end */

/* @group Agenda */

.agenda-ul {
/*	border-bottom: 1px dashed #333;*/
	float: left;
	margin-bottom: 30px;
	width: 100%;
}

.agenda-ul .month {
/*	border-top: 1x dashed #333;*/
	padding: 0.3em 0;
	clear: left;
}

.agenda-ul .week {
	border-top: 2px solid #888;
	width: 100%;
	padding: 0em 0em 0em 0;
	float: left;
	clear: left;
	position: relative;
/*	background-image: url('../img/colors/grey-black-gradient.png');*/
	/* background-position: 60% 0%;
	background-size: 900% 140%;
	background-repeat: no-repeat;*/
}

.week-wrapper {
	float: left;
	width: 100%;
	border-top: 0.7em solid white;
	border-bottom: 0.7em solid white;
/*	background-image: url('../img/patterns/pattern-8gr.png');*/
}

.function-mod-grid,
.week-wrapper {
		background-image: url('../img/patterns/pattern-8gr2.png');
}
.function-mod-inner {
	background: #fff;
	padding-right: 0.7em;
}

.agenda-ul .week-inside {
	background: #fff;
	display: block;
/*	border: 1px solid #333;*/
	float: left;
	padding-right: 0.7em;
}

.width-limit {
	width: 60%; 
/*	width: 42em;*/
}

.agenda-ul .week-nr {
	border: 1px solid #777;
	position: absolute;
	padding: 0.1em 0.3em;
	font-weight: normal;
	font-size: 100%;
}

.agenda-ul .event {
	margin-left: 4em;
/*	border: 1px solid blue;*/
	margin: 0.1em 0 0.3em 3em;
	display: block;
	
	position: relative;
	clear: left;
/*	padding: 0.1em 0.3em 0.1em 0.3em;*/
	float: left;
}

.agenda-ul .event-inside {
		padding: 0.1em 0.3em 0.1em 0.3em;
}

.agenda-ul a.event-inside:hover {
	background-color: #e1e1e1;
	color: #333;
}

.agenda-ul .datelimit-year, 
.agenda-ul .datelimit-month
{
	margin-left: 0;
	margin-top: 0.5em;
}

.agenda-ul .event-date {
/*	float: left;*/
/*	border: 1px solid #0f0;*/
/*	position: absolute;*/
	max-width: 4.5em;
	float: left;
	background: none;
	margin: 0;
	padding: 0 0 0 0;
	text-transform: uppercase;
}

.event-title,
.event-description {
	margin-left: 5em;
}

.datelimit-year .event-title,
.datelimit-month .event-title {
	margin-left: 0;
}
.fullweek .event-description, 
.datelimit-year .event-description, 
.datelimit-month .event-description {
	margin-left: 0;
}

.agenda-ul .fullweek {
/*	margin-left: 0;
	padding-left: 0;
	border: 1px solid #333;*/
}

.fullweek .event-title {
	margin-left: 0;

/*	font-family: Karla;*/
/*	color: #e77702;*/
/*	font-weight: bold;*/
}

.logged-in .agenda-ul .event-inside:hover {
	background-color: #e1e1e1;
}


/*.event .edit-hidden,*/
.event:hover .edit-hidden {
	display: block;
	position: absolute;
	top:  0;
	left: 0;
	border: 1px solid #d0d0d0;
	padding: 0.2em 0.2em 0.1em 0.2em;
	margin-left: 0em;
	box-shadow: 0px 3px 5px #444;
	background-color: #fcfebd;
	border-radius: 3px;
}


.function-module {
	border: 1px solid #979797;
/*	float: left;*/
	padding: 0.3em 0.7em 0.1em 0.7em;
/*	border-radius: 3px;*/
	margin: 0.8em 0 0em 0;
/*	background-color: #f8f8f8;*/
}



.if-button {
	border: 1px solid #a7a7a7;
	border-radius: 3px;
	padding: 0.2em 0.2em;
	background-color: #f4f4f4;
	margin-right: 0.3em;
}
.if-button:hover {
	border-color: #777;
}

.js-agenda-filtre {
	color: #6f6f6f;
	padding-right: 1.6em;
	background-repeat: no-repeat;
	background-position: right 0.4em;
	opacity: 1;
}
.status-off {
	opacity: 0.62;
	background-image: url(../img/icons/off-button.png);
}
.status-off:hover {
	border-color: #999;
	opacity: 1;
}

.status-on {
	box-shadow: 0px 0px 2px #fff inset;
	background-image: url(../img/icons/on-button.png);
/*	background-color: #e1e1e1;*/
	text-shadow: 1px 1px 3px #fff;
}

/*.annee-un .event-title, */
#annee-un,
.annee-un-color,
.annee-un .event-title {
	color: #d13454;
}

/*.annee-deux .event-title*/
#annee-deux,
.annee-deux-color,
.annee-deux .event-title {
	color: #16b156;
}
/*.annee-trois .event-title */
#annee-trois,
.annee-trois-color,
.annee-trois .event-title {
	color: #34a1fe;
}

.multiple-color,
.multiple .event-title {
	color: black;
}

.status-icon {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  display: inline-block;
  background: currentcolor;
  border-radius: 50%;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  margin-right: .375rem;
  vertical-align: middle;
}

.year-un {
  background-color: #d13454;	
}

.year-deux {
  background-color: #16b156;
}

.year-trois {
  background-color: #34a1fe;	
}

@media screen { 
	.agenda-ul .current-week {
		padding-left: 0;
		display: block;
		border: 0.4em solid #34a1fe;
		border-left: 2.55em solid #34a1fe;
		
		display: block;
/*		margin-bottom: 0.2em;*/
		float: left;
		min-height: 2.8em;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	
	.current-week .week-nr {
		left: 0.35em;
		top:  1.1em;
		background: #fff;
		border-color: #2286dc;
		border-width: 0px;
	}
	
	.current-week .event  {
		margin-left: 1em;
	}
}
 

/* @end */

/* @group Sidebar */

.prev-next-event {
	float: right;
	width: 40%;
	padding-bottom: 10px;
	background: #fff;
}
.prev-next-event p {
	margin: 0;
	padding: 0;
}
.prev-next-event .sidebar-text-block {
	padding-bottom: 0;
	padding-left: 1em;
}
.prev-next-event .event-date-box {
/*	display: inline;
	float: left;*/
	margin-top: 5px;
}

/* @end */

/* @group Gallery */

.article-sidebar {
	/*float: right;
	width: 40%;
	clear: none;*/
}

.sidebar-inside, 
.gallery-inside {
/*	margin-left: 20px;*/
}

.sidebar-text-block {
	background: #fff;
	padding: 10px;
}

.gallery-img-one {
	background: #fff;
/*	margin-bottom: 20px;*/
	padding-bottom: 0px;
	display: block;
	width: 40%;
	float: left;
}

.imgs-inside {
	position: relative;
}

.img-legende {
	background: #fff;
	margin: 0;
	border: 0px solid #fff;
	display: block;
/*	display: none;*/
	padding: 0em 0.6em 0em 0.6em;
	position: relative;
	overflow: hidden;
}

.img-title {
	font-style: italic;
	margin: 0.3em 0 0 0;
	margin-bottom: 0px;
	padding: 0;
	padding-bottom: 0.3em;
	color: #000;
	display: none;
	display: block;
	position: relative;
	height: 1.2em;
	overflow: hidden;
}

.img-description,
.img-caption {
	font-size: 80%;
	margin: 0.5em 0 0.2em 0;
	padding: 0;
	letter-spacing: 0.1em;
	display: none;
	display: block;
	height: 1.4em;
	overflow: hidden;
}

.img-gallery .img-legende,
.img-gallery .img-caption,
.img-gallery .img-description {
	display: none;
}

/*.img-gallery .img-legende,*/
.img-gallery .imgs-inside:hover .img-legende {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
	background: none;
/*	width: 100%;*/
	overflow: visible;
	height: auto;
}

.img-gallery .img-title {
	margin: 0.9em;
	padding: 0.2em 0.7em 0.2em 0.7em;
	/*color: #fff;*/
/*	background-color: rgba(4, 6, 4, 0.5);*/
background-color: rgba(255, 255, 255, 0.89);
	font-style: normal;
	overflow: visible;
/*	border: 1px solid #0f0;*/
	position: relative;
	height: auto;
}

.img-description,
.img-caption {
	padding-bottom: 5px;
}

.gallery-imgs {
	width: 50%;
	width: 20%;
/*	padding-right: 10px;*/
/*	margin-bottom: 20px;*/
	float: left;
	clear: none;
	display: block;
}

a.vimeo-img-link {
	display: block;
/*	border: 1px solid #0f0;*/
	margin: 0px;
	padding: 0px;
	background: #fff;
	position: relative;
}

.imgs-inside {
}

.vimeo-img-link img {
/*	display: block;
	border: 1px solid #f0f;*/
}

.gallery-imgs-odd .imgs-inside {
/*	padding-right: 10px;*/
}

.gallery-imgs-even .imgs-inside {
/*	padding-left: 10px;*/
}

.gallery-imgs-vid:nth-child(even) .imgs-inside {
	/*padding-left: 10px;
	padding-right: 0px;*/
}

.gallery-imgs-vid:nth-child(odd) .imgs-inside {
	/*padding-right: 10px;
	padding-left: 0px;*/
}

.gallery-imgs-vid:nth-child(odd) {
	/*clear: left;*/
}

.gallery-vimeo-playing {
	width: 40%;
}

.gallery-img-one {
	background: #555;
}

.gallery-img-one img,
.gallery-imgs img {
	width: 100%;
	height: auto;
	display: block;
	background: #000;
}
.gallery-img-one img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.gallery-img-one .image-verticale img {
	max-height: 420px;
	width: auto;
}

.gallery-inside-empty {
	padding-bottom: 0px;
}


.gallery-inside-empty img {
	background: #888;
	width: 100%;
	height: auto;
	max-height: none;
}

.no-img-large {
/*	width: 100%;
	height: 200px;
	background: #000;
	display: block;
	margin-bottom: 20px;*/
/*	margin-bottom: 8px;*/
/*	border: 1px solid #333;*/
}

.no-img-small {
	margin-bottom: 8px;
	position: relative;
}

.no-img-small .imgs-inside {
	margin-right: 4px;
}

.no-img-even {
	float: right;
}

.no-img-even .imgs-inside {
	margin-left: 4px;
	margin-right: 0;
}

/* 
GRADIENT BACKGROUND IMAGE
is loaded in body markup
background-image: url('/wp-content/themes/nfo/img/colors/grey-black-gradient.png');
*/

.grad-08 .gallery-img-one img {
/*	background-position: 0% 0%;
	background-size: 100% 200%;*/
}

/* first row */
.grad-02 .img-01 img {
	background-position: 0% 0%;
	background-size: 200% 100%;
}
.grad-02 .img-02 img {
	background-position: 100% 0%;
	background-size: 200% 100%;
}


/* first row */
.grad-04 .img-01 img {
	background-position: 0% 0%;
	background-size: 200% 200%;
}
.grad-04 .img-02 img {
	background-position: 100% 0%;
	background-size: 200% 200%;
}
/* second row */
.grad-04 .img-03 img {
	background-position: 0% 100%;
	background-size: 200% 200%;
}
.grad-04 .img-04 img {
	background-position: 100% 100%;
	background-size: 200% 200%;
}


/* first row */
.grad-06 .img-01 img {
	background-position: 0% 0%;
	background-size: 200% 300%;
}
.grad-06 .img-02 img {
	background-position: 100% 0%;
	background-size: 200% 300%;
}
/* second row */
.grad-06 .img-03 img {
	background-position: 0% 50%;
	background-size: 200% 300%;
}
.grad-06 .img-04 img {
	background-position: 100% 50%;
	background-size: 200% 300%;
}
/* third row */
.grad-06 .img-05 img {
	background-position: 0% 100%;
	background-size: 200% 300%;
}
.grad-06 .img-06 img {
	background-position: 100% 100%;
	background-size: 200% 300%;
}


/* first row */
.grad-08 .img-01 img {
	background-position: 0% 0%;
	background-size: 200% 400%;
}
.grad-08 .img-02 img {
	background-position: 100% 0%;
	background-size: 200% 400%;
}
/* second row */
.grad-08 .img-03 img {
	background-position: 0% 33%;
	background-size: 200% 400%;
}
.grad-08 .img-04 img {
	background-position: 100% 33%;
	background-size: 200% 400%;
}
/* third row */
.grad-08 .img-05 img {
	background-position: 0% 66%;
	background-size: 200% 400%;
}
.grad-08 .img-06 img {
	background-position: 100% 66%;
	background-size: 200% 400%;
}
/* fourth row */
.grad-08 .img-07 img {
	background-position: 0% 100%;
	background-size: 200% 400%;
}
.grad-08 .img-08 img {
	background-position: 100% 100%;
	background-size: 200% 400%;
}

.vimeo-play-icon {
	background-image: url(../img/arrow-vimeo.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top:  0;
	left: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  .vimeo-play-icon {
  	    background-image: url(../img/arrow-vimeo-large.png);
  	    background-size: 41px 39px;
}}


.vimeo-iframe {
	width: 100%;
	height: 240px;
	display: block;
}


.gallery-inside-empty {
	display: none;
}

/* @end */


.type-intranet iframe {
	max-width: 100% !important;
	width: 100% !important;
}

#container .subscribe-image {
	display: none;
	border: 1px solid #333;
}

/* @group Default Boxes */

.section-title {
	/*	padding: 0.3em 1em;*/
	float: left;
	width: 40%;
	position: relative;
/*	border: 1px solid red;*/
/*	background: #229fff;
	background: #ccc;*/
	background-color: #229fff;
	box-shadow: inset 0 0 25px #0164b2;
}

.section-title img {
	z-index: 5;
	display: block;
	width: 100%;
	height: auto;
}

.section-title-text {
	background-color: rgba(255, 255, 255, 0.8);
	background-color: #fff;	
	margin: 1em 1em 0 1em;
	position: absolute;
	z-index: 10;
}

.section-title-text-inside {
	padding: 0.5em 0.7em 0.7em 0.7em;
/*	color: #229fff;*/
}

.default-box {
	width: 20%;
	display: block;
	clear: none;
	float: left;
/*	min-height: 120px;*/
	position: relative;
	background: #fff;
	overflow: hidden;
}

.default-box-text {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 10;
	
}

.default-box-text-inside {
	margin: 1em;
	padding: 0.3em 0.6em;
/*	border: 1px solid #aaa;*/
	background-color: #fff;
/*	background-color: rgba(255, 255, 255, 0.8);*/
}

.default-box-a {
	display: block;
/*	min-height: 120px;*/
/*	margin: 0.4em 0;*/
/*	border-bottom: 3px solid #eee ;*/
/*	padding: 0.3em 0.6em;*/
	border-bottom: 0;
/*	background-color: #5db8ff;*/
	background-color: #006cc7;
/*	box-shadow: inset 0 0 25px #03467f;*/
}
.default-box-a:hover {
	background: #229fff;
	box-shadow: none;
}

.default-box-a:hover .default-box-text-inside {
	background-color: #fff;
/*	background-color: rgba(255, 255, 255, 0.9);*/
}

.default-box .event-date-short {
	margin-top: 0.3em;
}

.default-box-a img {
	opacity: 0.4;
	filter: alpha(opacity=50);
	z-index: 3;
	width: 100%;
	height: auto;
}
.default-box-a:hover img {
	opacity: 1;
	filter: alpha(opacity=50);
}

.align-bottom {
	/*position: absolute;
	bottom: 1em;
	left: 1em;*/
}

/* @end */

.bloc-inscription {
	/*border-top: 2px solid #333;
	margin-top: 1em;
	padding-top: 0.5em;*/
}

.inscription-liste {
	border-bottom: 2px solid #333;
	padding-bottom: 0em;
}

/* @group Admin Styles */

/*#wp-admin-bar-comments,*/
#wp-admin-bar-new-link,
#wp-admin-bar-new-page,
#wp-admin-bar-new-media,
#wp-admin-bar-new-user 
{
	display:none
}

/* @end */


/* @group Media Queries */

/*
 http://css-tricks.com/snippets/css/retina-display-media-query/
 http://www.brettjankord.com/2012/11/28/cross-browser-retinahigh-resolution-media-queries/
*/

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) { 
  
  /* Retina-specific stuff here */
  
  .search-form .submit {
  	    padding: 0.2em;
  	    background-image: url(../img/search-icon/search-2x.png);
  	     background-size: 25px 25px;
  }

}

/* ------------------------------------------------------------------- */


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}

/* very small screens ----------- */
@media only screen 
and (max-width : 840px) {

/* FULL WIDTH for content */
	.post .article-text,
	.main-text-area,
	.article-sidebar,
	.prev-next-event,
	.width-limit 
	{
		width: 100%;
	}	
	.article-sidebar {
		float: left;
	}
	
	.sidebar-inside, .gallery-inside {
	margin-left: 0px;
/*	margin-top: 15px;*/
	margin-top: 0px;
	}
	.home .gallery-inside {
		margin-top: 0px;
	}
	
	.lien-head a {
		width: 116px;
		height: 30px;
		top: 0px;
		margin-top: 15px;
		background: url(../img/head-logo/head-minimal.png);
	}
	.site-title {
		left: 130px;
		font-size: 260%;
	}
	.navigation-container {
		left: 3px;
	}
	
	.main-menu {
		margin-left: 0px;
	}
	.main-menu .sub-menu {
		left: 0px; 
	}
	
	.top-header {
/*		min-height: 6em;
		min-height: 8.1em;*/
	}
	
	.article-text .inside-padding {
		padding-top: 10px;
	}
	
	.h3 {
		font-size: 120%;
	}
	
	.page-title, .article-title {
		font-size: 120%;
		font-size: 150%;
	}
	.gallery-imgs,
	.default-box {
		width: 33.333%;
	}
	.gallery-img-one,
	.section-title {
		width: 66.666%;
	}
	
	.vimeo-gallery .gallery-img-one{
		width: 100%;
	}
}
/* retinize the above */ 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width : 840px),
only screen and (min-resolution: 144dpi) and (max-width : 840px) { 
	.lien-head a {
		background-image: url(../img/head-logo/head-minimal-2x.png);
		background-size: 118px 34px;
	}
}

/* small-medium screens ----------- */
@media only screen
and (max-width : 949px) {

	.list-person {
		width: 50%;
	}
	.list-person.odd {
		clear: left;
	}
	.list-person.odd .list-person-inside {
		padding-left: 0;
	}
	.list-person.even .list-person-inside {
		padding-right: 0;
	}

	 
}


/* small-medium screens ----------- */
@media only screen
and (min-width : 841px) 
and (max-width : 949px) {

	.main-area-wide .list-item {
/*		clear: left;*/
	}
	
	.main-area-wide .list-item:before,
	.main-area-wide .list-item:after {
			content: " ";
			display: table;
	}	
	.main-area-wide .list-item:after {
		clear: both;
	}
	.h3,
	.footer-block .h3 {
		font-size: 120%;
	}
	.page-title, .article-title {
		font-size: 150%;
	}
	
	.list-person {
		width: 50%;
	}
	
	.gallery-empty {
		display: block;
	}
	
	
	
}

/* small-medium screens ----------- */

/* @media only screen
and (min-width : 840px),
only screen 
and (min-device-width : 768px)  
and (orientation : landscape) 

*/

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

	.page-footer-row {
		display:table-row;
	}	
	.footer-block {
		display:table-cell;
		width: 25%; 
		border: 3px solid #666;
		border-bottom: 0;
		border-top: 0;
		float: none;
		min-height: 170px;
	}
	
}


/*
,
only screen 
and (min-device-width : 768px)  
and (orientation : landscape)
*/

/* Medium and large screens ----------- */
@media 
only screen 
and (min-width : 950px)  {

	.main-area-wide .list-item {
		width: 50%;
		float: left;
		clear: none;
		padding-bottom: 1.4em;
		padding-top: 1.4em;
		margin-top: -1.4em;
	}
	
	
	.main-area-wide .archive-block  {
		width:  33.3%;
	}
	.main-area-wide .archive-meta-block  {
		width:  66.6%;
	}
	
		
	.main-area-wide .list-item-inside {
		margin-right: 15px;
	}
	
	.main-area-wide .list-item:nth-child(even) .list-item-inside {
		margin-right: 0px;
		margin-left: 15px;
	}
	
	.main-area-wide .list-item:nth-child(even) {
/*		float: right;*/
	}
	
	.main-area-wide .list-item:nth-child(odd) {
		clear: left;
		}
	
	.list-person.item-one {
		clear: left;
	}
	.list-person.item-one .list-person-inside {
		padding-left: 0;
	}
	.list-person.item-three .list-person-inside {
		padding-right: 0;
	}
	
	.gallery-empty {
		display: block;
	}
	
	.home-carousel-large {
		width: 60% !important;
	}
	
	.home .gallery-imgs,
	.home-carousel {
		width: 20%;
	}
	
	.carous-3of6 {
		clear: none;
	}
	
	.carous-6of6,
	.carous-10of10 {
		display: block;
	}
	
	.prod-6 {
		display: none;
	}
	
	
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1024px) {
/* Styles */

	.home-carousel-large {
		width: 40% !important;
	}
	.home-carousel {
		width: 20%;
	}
	
	.main-area-wide .archive-block  {
		width:  25%;
	}
	.main-area-wide .archive-meta-block  {
		width:  50%;
	}
	
	
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}

/* @end */

/* @group ColorBox */

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{
	position:relative;
	}
#cboxLoadedContent{
	overflow:auto;
	}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, 
#cboxLoadingGraphic {
	position:absolute; 
	top:0; left:0; 
	width:100%; height:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
		#cboxOverlay{
			background-color: rgba(255, 255, 255, 0.8);
		/*	background-color: rgba(0, 0, 0, 0.7);*/
		}

		#colorbox{}
    #cboxContent{
    		margin-top:32px;
    		margin-top:0px; 
    		overflow:visible;
    }
    
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        
        #cboxLoadedContent{
					padding:1px;
					background-color: rgba(0, 0, 0, 0.85);
					background-color: #000;
					background-color: #222;
			}
        #cboxLoadingGraphic{
        	background:url(../img/colorbox/loading.gif) no-repeat center center;
        	}
        #cboxLoadingOverlay{
        	background-color: rgba(0, 0, 0, 0.85);
        }
        
        /* Hide stuff while loading */
        
        #cboxClose {
        	display: none;
        }
        #cboxPageTitle {
        	display: none;
        }
        /* 
         *	note: those item are made visible by jQuery, 
         *	with onComplete:function() 
         */
                
        #cboxPageTitle,
        #cboxTitle,
        #cboxCurrent {
        	color: #fff;
        	font-size: 180%;
/*        	background-color: rgba(0, 0, 0, 0.51);*/
/*        	background-color: #222;*/
					background-color: rgba(34, 34, 34, 0.72);
					position:absolute; 
        	left: 0.7em; 
/*        	border-radius: 0.3em;*/
        	/*left: 0em;*/
        }
        
        #cboxPageTitle{
        /*          top:-22px;*/
           top: 0.1em; 
           top: 0.7em; 
           padding: 0.1em 0.4em;
                  
        }
 
         #cboxCurrent{
 	        bottom: 0.7em;
/* 	        border: 1px solid #0f0; */
 	        padding: 0.1em 0.5em 0.1em 0.5em;
/* 					min-width: 6.4em;*/
/* 					background-color: rgba(0, 0, 0, 0.31);*/

			/* OldStyle figures */
				-moz-font-feature-settings:"pnum=1,onum=1";
				
         }
        
        #cboxTitle{
	        /*position:absolute; 
	        bottom: 1em; 
	        left: 1em; 
	        padding: 0.1em 0.5em 0.1em 7.2em;
	        */
	      }
	      
        #cboxSlideshow, 
        #cboxPrevious, 
        #cboxNext, 
        #cboxClose{
	        text-indent:-9999px; 
	        width:20px; 
	        height:20px; 
	        position:absolute; 
	        top:-20px; 
	        background:url(../img/colorbox/controls.png) no-repeat 0 0;
	        
	       /* -webkit-transition: opacity 0.3s ease;
	            -moz-transition: opacity 0.3s ease;
	            -o-transition: opacity 0.3s ease;
	            -ms-transition: opacity 0.3s ease;
	            transition: opacity 0.3s ease;*/
	            
          -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              -o-transition: all 0.3s ease;
              -ms-transition: all 0.3s ease;
              transition: all 0.3s ease;
	      }
	      
	      #cboxPrevious,
	      #cboxNext {
	      	width: 188px;
	      	height: 50%;
	      	min-height: 110px;
	      	top:  25%;
	      	opacity: 1;
	      	opacity: 0.5;
/*	      	border: 1px solid #333;*/
	      }
	      
	      #cboxPrevious:hover,
	      #cboxNext:hover
	      {
/*        	background-position:0px -25px;*/
	         opacity: 1;
	         /* 10px wider */
	         width: 198px;
	      }
        
        #cboxPrevious {
/*        	right:44px;*/
        	left: 10px;
        	background:url(../img/colorbox/arrow-left.png) no-repeat 0 0;
        	background-position: left 50%;
        }
        
        #cboxPrevious:hover {
        	left: 0px;
        }
        
        #cboxNext{
        	/*background-position:-25px 0px; right:22px;*/
        	right: 10px;
        	background:url(../img/colorbox/arrow-right.png) no-repeat 0 0;
        	background-position: right 50%;
        }
        #cboxNext:hover{
/*        background-position:-25px -25px;*/
					right: 0px;
        }
                
        #cboxClose{
        /*background-position:-50px 0px; 
        right:0;*/
	        top:  0.1em;
	        right: 0.1em;
	        background:url(../img/colorbox/close-button-121.png) no-repeat right top;
	        width: 124px;
	        height: 124px;
	        opacity: 0.6;
/*	        border: 1px solid #0f0;*/
        }
        #cboxClose:hover{
        	/*background-position:-50px -25px;*/
        	opacity: 1;
        }
        
        #cboxClose.vimeo-close {
        	right: 40px;
        }
        
        @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
        only screen and (min-resolution: 144dpi) { 
          #cboxPrevious {
          	    background-image: url(../img/colorbox/arrow-left@2x.png);
          	    background-size: 108px 184px;
        	}
        	#cboxNext {
        		    background-image: url(../img/colorbox/arrow-right@2x.png);
        		    background-size: 110px 184px;
        	}
        	#cboxClose {
        		    background-image: url(../img/colorbox/close-button-121-2x.png);
        		    background-size: 120px 118px;
        	}
        }
        
        
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}
        
        /* other style */
        
/* @end */

/* @group Print Styles */

/* ==|== print styles ==================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
================== */
 
@media print {

		#main article {
		/*	font-size: 140%;*/
		}
		
		#top-header,
		.top-header {
		min-height: 1em;
		margin-bottom: 0;
		padding: 0;
		}
		
		.site-title {
			font-size: 24pt;
			left: 0px;
		}
		
		#top-header h1,
		.navigation-container, .lien-head,
		.main-menu,
		#search-nav,
		.vimeo-frame,
		.print-pdf,
		.close-button,
		.page-footer,
		.no-print
		{
			display: none;
		}
		
		.width-limit,
		.main,
		.post .article-text,
		.main-text-area {
			max-width: 100%;
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}
		
		#main article .small-font {
			font-size: 11pt;
		}
		
		.underlined {
			text-decoration: none !important;
		}
		
		* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
		/*a, a:visited { text-decoration: underline; }*/
		
		abbr[title]:after { content: " (" attr(title) ")"; }
		
		.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
		pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
		thead { display: table-header-group; } /* h5bp.com/t */
		tr, img { page-break-inside: avoid; }
		img { max-width: 100% !important; }
		@page { margin: 0.5cm; }
		p, h2, h3 { orphans: 3; widows: 3; }
		h2, h3 { page-break-after: avoid; }
		
		.status-icon {
			content: '';
			width: 0.5rem;
			height: 0.5rem;
			display: inline-block;
			background: currentcolor;
			border-radius: 50%;
			-webkit-transform: translateY(-1px);
			transform: translateY(-1px);
			margin-right: .375rem;
			vertical-align: middle;
		}

		span .status-icon .annee-un {
			background-color: #34a1fe;	
		}

		span .status-icon .annee-deux {
			background-color: #16b156;
		}

		span .status-icon .annee-trois {
			background-color: #d13454;	
		}
}

/* @end */


/*
FONT SIZES
(px) (%)
10 	77
11 	85
12 	93
13 	100
14 	108
15 	116
16 	123.1
17 	131
18 	138.5
19 	146.5
20 	153.9
21 	161.6
22 	167
23 	174
24 	182
25 	189
26 	197 

*/


/* end of CSS Document */