html {
	font-size: 62.5%; /* 1em = 10px */	
	box-sizing:border-box;
	}

body {
	/**/
	--background-color:#efefe9;       /* Main background: Grey; */
	--text-color-main:#222;           /* Main color text: Black; */
	--text-color-link:#371eff;        /* Links: Electric Blue */
	--text-color-link-border:#92a6ff; /* Links & Borders: Pale blue*/
	/**/
  	/* Main font */
  	font-family:'SkolarSans-Variable', 'Bahnschrift', Verdana, Helvetica, Arial, sans-serif; 
	color:var(--text-color-main);
	font-size:2.3em; /* 23px */
	line-height:1.5;
	/* font-weight:350; */
	font-weight:450;  
	font-variation-settings:"wdth" 100;
	/**/		
	/* OpenType features: kerning, ligatures & contextual alternates */
	font-kerning:normal; /* CSS3 */
	font-feature-settings:"kern" 1, "liga" 1, "calt" 1;
	/**/
	/* Make rendering look more consistent across platforms */
	font-smoothing:antialiased;
	font-smoothing:grayscale;
	overflow-x:hidden;
	}

body,
header {
	background-color:var(--background-color);
	}

a {
	transition:background .3s ease, color .3s ease, border .3s ease;
	/* text-decoration-skip:ink; */
	}

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

p {
	margin-top:0;
	}

blockquote {
 	font-size:0.9em;
 	font-weight:400;
 	margin-left:2em;
 	margin-top:1.5em;
 	margin-bottom:1.5em;
 	}

 strong,
 .summary,
 section#presentation .bio,
 article .slides a,
 article cite,
 h4,
 h5,
 .item p.meta.date {
 	font-weight:700;
 	}

ul, ol, li {
	list-style:none;
	padding:0;
	margin:0;
	}

ul li { 
	margin-bottom:8px;
	text-indent:0;
	list-style-type:none;
	}

aside ul li a {
	line-height:160%; 
 	}

article li {
	list-style-type:none;
	margin-left:0;
	padding-left:0;
	}

article li p:before {
	content:'– ';
	display:inline;
	}

body#cv aside {
	display:none;
	}

body#cv article li,
body#contact article li {
	list-style-type:none;
	margin-left:0;
	}

/*---------------------------FONT and PARAMETRES------------------------*/
/*.grid-item p,*/

button,
aside,
input,
textarea,
code, 
kbd, 
pre, 
samp,
.meta,
.logotype h5,
figcaption,
.figcaption {
	font-family:"InputSansNarrow", monospace;
	}

input,
textarea {
	font-weight:500;
	}

sup {
	font-size:65%;
	line-height:1;
	} 
	
.small-caps,	
abbr {
	/* Small Caps */
	/* http://usabilitypost.com/2014/05/10/using-small-caps-and-text-figures-on-the-web/ */
	/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
	font-kerning:normal;
	font-variant-ligatures:common-ligatures, contextual;
	font-variant-numeric: lining-nums, tabular-nums;
	font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum", "smcp", "c2sc";
	text-transform:uppercase;
	font-variant-caps:all-small-caps;
	font-variant:small-caps;
	}

abbr,
abbr[title] {
    border:none;
    text-decoration:none;
	}

code, 
kbd, 
pre, 
samp {
	/* background: linear-gradient( rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15) ); */
	font-size:0.8em;
	line-height:1.2;
	padding:0;
	/* padding:3px 4px; */
	}

pre.fiction-ghostburn {
	font-family:'SkolarSans-Variable', 'Bahnschrift', Verdana, Helvetica, Arial, sans-serif; 
	font-size:1em;
	display:inline;
	}

/*---------------------------TITLES------------------------------*/

h2,
h3 {
	font-weight:800;	
	}

h2 {
	/* font-variation-settings:"wdth" 105; */
	font-size:6rem;
	line-height:1.15;
	padding:0;
	margin-top:0;
	margin-bottom:0;
	}

body#archives #list h3,
body#home #list.tag h3 /* Tags */ {
	font-size:6rem;
	margin-bottom:30px;
	}

#list h2 {
	padding-top:150px;
	margin-bottom:30px;
	}

body#cv h2,
body#contact h2 {	
	margin-bottom:70px;
	}

h3 {
	font-size:1.4em;
	letter-spacing:0.01em;
	line-height:1.25;
	margin-bottom:15px;
	}

h4 {
	font-size:1.3em;
	line-height:1.15;
	margin-bottom:0.7em;
	}

h5 {
	font-size:1.1em;
	margin-top:10px;
	margin-bottom:0px;
	}

/*---------------------------LINKS------------------------------*/

a {
	text-decoration:none;
	border-bottom:2px dotted;
	border-color:var(--text-color-link-border);
	color:var(--text-color-link);
	}

a:hover {
	color:var(--text-color-main); 
	border-color:var(--text-color-link);
	}

a:focus { 
	outline:0;
	}

.footnotes a,
.footnote_content a,
.resources a,
aside p.quote a,
pre a,
code a	{
	overflow-wrap:break-word;
	word-wrap:break-word;
	word-break:break-all;
	word-break:break-word;
	hyphens:auto;
	}

figure.no-border img,
a.no-border,
aside .quote a {
	border:0;
	}

section.article .contents article a,
#linked_pages h4 a:hover,
#prev-next a:hover {
	color:var(--text-color-main);
	}

#linked_pages h4 a,
#prev-next a,
section.article .contents article .footnote_content.visible a {
	color:var(--text-color-link);
	}

/*---------------------------LINK TITLES------------------------------*/

/*///////////////////////////////////////////////////////////////// */
/* **************************** HEADER **************************** */
/*///////////////////////////////////////////////////////////////// */


header,
section#presentation,
section.project,
section.main,
body#search section.results,
body#search section.tags,
#list,
#prev-next,
footer {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr;
	column-gap:3vw; 
	padding-left:3vw;
	padding-right:3vw;
	}

header nav.menu,
footer .wrapper,
h2,
h3,
body#cv article,
body#cv section#cv-filter,
body#contact article,
body#search #list form,
/* body#search section.tags section, */
section#presentation .bio,
section article {
	grid-column-start:2;
	grid-column-end:5;	
	}

body#cv section#presentation,
body#contact section#presentation,
body#search section.results {
	padding:0;
	}
h2
body#cv h3,
section#presentation,
body#search form,
body#home #list.tag section.item, /* Tags */
body#archives section.item,
body#search section.results,
body#search section.tags,
body#search section.item,
body#cv section.item {
	grid-column-start:1;
	grid-column-end:5;	
	}

section.main {
	padding-top:150px; 
	}

h1,
h2,
h3,
h4,
p,
ul,
figure,
figcaption,
#form_,
iframe,
audio,
.juxtapose {
	max-width:55vw;
	}

body#cv section#cv-filter {
	max-width:55vw;
	} 

blockquote {
	max-width:calc(55vw - 2em);
	}

article iframe,
.archiveorg, /* Container */
audio,
.juxtapose {
	width:54vw;
	}

.archiveorg,
article iframe {
	border:1px solid;
	border-bottom:2px solid;
	border-color:var(--text-color-link-border);
	background:white;
	}

article iframe {
	width:100%;
	height:40vw;
	margin-bottom:0;
	padding-bottom:0;
	}

article iframe,
.juxtapose,
.archiveorg {
	margin-top:2em;
	}

iframe.audiobook {
	margin:0;
	padding:0;
	border:none;
	background:none;
	}

iframe.no-margin {
	margin:0;
	padding:0;
	}

.slides iframe {
	margin-top:0;
	}

figcaption {
	margin-bottom:2.5em;
	}

nav.menu ul,
nav.menu li {
	max-width:100%;
	}

audio::-webkit-media-controls-panel {
	background-color:white;
	}

audio {
	width:100%;
	}

.archiveorg { 
	/* Container */
	overflow:hidden;
   	height:37vw;	
	}

.archiveorg iframe {
	width:73.15vw;
	max-width:73.15vw;
   	height:50vw;
    transform:scale(0.75);
	transform-origin:0 0;
	border:0;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:scroll !important;    
	}

iframe.reveal {
	height:34vw;
	overflow-x:hidden;
	}

iframe.video { 
	/* Embed YouTube & Vimeo */
	height:35vw;
	margin-top:5px;
	background:black;
	}
	
iframe.pdf { 
	height:55vw;
	}

iframe.video.vimeo { 
	height:31.5vw;
	}	 
	
iframe.soundcloud { 
	height:165px;
	} 

/* Bonus sidebar who appears on scroll */

#sidebar-sticker,
#sidebar-sticker.stick {
	grid-column-start:1;
	grid-column-end:2;	
	background:yellow;
	}

#sidebar-sticker {	
	display:none;
	visibility:hidden
	}

#sidebar-sticker.stick {
	visibility:visible;
	position:fixed;
	top:150px;
	opacity:1;
	} 

header {
	position:fixed;
	left:0;
	right:0;
	padding-top:20px;
	padding-bottom:10px;
	z-index:3000;
	}

.logotype h1 {
	padding:0;
	font-weight:800;
	font-size:clamp(2.3rem, 2.6vw, 4rem);
	margin-left:0.1vw;
	margin-top:-0.7vw;
	margin-bottom:0.2vw;
	}

.logotype h5 {
	font-weight:500;
	font-size:clamp(2rem, 1vw, 2.6vw);
	line-height:1.2;
	padding:0px;
	margin:0px;
	margin-top:-5px;
	text-transform:lowercase;
	}

h1 a {
	margin-bottom:0;
	}

h1 a, 
h5 a,
header div.bannerIcones a {
	text-decoration:none;
	border:none;
	}

header nav.menu {
	margin-top:0.5vw;
	/* border:1px solid pink; */
	border-bottom:7px solid;
	border-color:var(--text-color-link);
	}

header nav.menu ul {
	/* padding-top:25px; */
	/* padding-bottom:23px; */
	}

#close_mobile_menu {
	display:none; /* Hide <div> allowing to close mobile menu */
	}

header nav.menu ul,
header nav.menu li {
	margin:0;
	padding:0;
	}

header nav.menu li {
	display:inline-block;
	margin-right:0.8em; 
	}

header nav.menu li:last-child{
	margin-right:0;
	}

header nav.menu a {
	font-weight:700;
	/* border:none; */
	}

header nav.menu a.current {
	/* font-weight:800; */
	}

.bannerIcones:hover,
#light_switch:hover {
	cursor:pointer;
	opacity:0.7;
	}

.bannerIcones {
	/* height:32px;
	width:32px; */
	position:fixed;
	/* top:30px; */
	cursor:pointer;
	-webkit-user-select: none;	 /* Chrome all / Safari all */
	-moz-user-select: none;		 /* Firefox all */
	-ms-user-select: none;		 /* IE 10+ */
	user-select: none;			 /* Likely future */
	overflow:hidden;
	}

#light_switch {
	overflow:hidden;
	position:fixed;
	right:3vw;
	transform:rotate(180deg); 
	transform-origin:0 0;
	margin-right:-19px;
	margin-top:38px;
	}

#light_switch,
#light_switch svg {
	width:19px;
	height:23px;
	}

#light_switch svg path,
#menu_burger svg path {
	fill:var(--text-color-link);
	}

#switchLanguage {
	right:96px;
	font-size:1.3em;
	text-align:center;
	line-height:1.5em;
	font-weight:800;
	display:none;
	}

a.fill-div {
	font-size:0.8em;
	margin-bottom:5px;
	color:var(--text-color-link-border);
	} 

#menu_burger {
	display:none;
	right:145px;
	top:38px;
	}

#menu_burger svg {
	width:25px;
	height:25px;
	}

/*/////////////////////////////////////////////////////////// */
/* **************************** IMAGES **************************** */
/*/////////////////////////////////////////////////////////// */

figure.border img {
	border:1px solid #dbdbdb;
	}

article .figcall {
	/* Figure call in the current text */
	font-weight:700;
	}

article .fignumber {
	/* Figures number in pictures legend */
	font-weight:700;
	}

article figure {
	line-height:1;
	}

article figure img {
	max-width:100%;
	height:auto;
	margin-top:15px;
	margin-bottom:0;
	padding:0;
	line-height:1;
	border:1px solid;
	border-color:var(--text-color-link-border);
	}

article figure.full img {
	max-height:100%;
	}

article .slides .figcaption {
	margin-bottom:10px;
	} 
 
figcaption,
.figcaption {
	padding:0;
	line-height:1.5;
	margin-top:7px;
	}

article .format {
	/* [.pdf], [Google doc], etc */
	opacity:0.7;
	font-weight:300;
	}

a.mp3-download {
	display:inline-block;
	margin-top:10px;
	font-size:0.8em;
	font-weight:400;	
	}

/*/////////////////////////////////////////////////////////// */
/* **************************** ASIDE **************************** */
/*/////////////////////////////////////////////////////////// */

aside.fixe, nav.menu{	 
	/* scroll if more of X% on screen */
	/* overflow-y:auto;
	max-height:70%; */
	}

aside.fixe strong {
	font-size:1.1em;
	}	

aside h5 {
	font-size:1.1em;
	margin-bottom:2px;
	}

/* aside .sections-cv h5 {
	margin-bottom:8px;
	} */

aside,
aside a {
	color:var(--text-color-main);
	}

aside a {
	text-decoration:none;
	border-bottom:1px dotted;
	}

aside ul {
	margin-bottom:1em;
	}

aside li {
	/* display:inline; */
	margin-bottom:4px;
	}

.tags li,
.team li	{
	display:inline; 
	margin:0;
	}

aside ul li:last-child .separator {
	display:none;
	}

aside .meta:last-child {
	border-bottom:none;
	}  

.context:before, 
.summary:before,
.content:before,
.footnotes:before,
.audio:before,
.video:before,
.slides:before,
.resources:before,
.biblio:before,
.downloads:before {
	color:var(--text-color-link);
    content:"—";
    font-weight:600;
	}

.context, 
.summary,
.content,
.footnotes,
.slides,
.audio,
.video,
.ressources,
.biblio,
.downloads {
	margin-top:20px;
	}

.context p:first-child, 
.summary p:first-child,
.content p:first-child,
.footnotes p:first-child,
.slides p:first-child,
.biblio p:first-child,
.downloads p:first-child {
	margin-top:20px;
	}

article cite {
	font-style:normal;
	}

/*/////////////////////////////////////////////////////////// */
/* ********************** FOOTER ********************** */
/*/////////////////////////////////////////////////////////// */

footer .wrapper {	
	padding-top:15px;
	padding-bottom:15px;
	border-top:7px solid;
	border-color:var(--text-color-link);
	margin-top:60px;
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-column-gap:4%;
	}

footer h5 {
	padding-bottom:10px;
	}

footer h5 a {
	color:var(--text-color-main);
	}

footer .newsletter,
footer .search {
	padding-top:20px;
	padding-bottom:40px;
	}

footer input[type="submit"] {
	display:block;
	width:auto;
	margin-top:15px;
	}

.credits {
	padding-top:34px;
	padding-bottom:30px;
	line-height:1.7;
	}

.social {
	padding-top:30px;
	text-align:right;
	}

.social a {
	color:var(--text-color-link);
	border:none;
	display:inline-block;
	margin-right:15px; 
	font-size:0.9em;
	}

.social a:last-of-type {
	margin-right:0;
	}

.social a:hover {
	color:var(--text-color-main);
	}

/*/////////////////////////////////////////////////////////// */
/* ****************** BARRE DE RECHERCHE ******************** */
/*/////////////////////////////////////////////////////////// */

input.search {
	border:2px solid;
	border-color:var(--text-color-link);
	font-size:1.5em;
	}

input.button {
	border:2px solid;
	border-color:var(--text-color-link);
	font-size:1.5em;
	}

button,
input,
textarea {
	padding:10px;
	outline:none;
	border:2px solid;
	border-color:var(--text-color-link);
	font-size:0.7em;
	font-weight:400;
	width:100%;
	color:var(--text-color-main);
	}

footer input[type=search] {
	width:calc(100% - 25px);
	}

button,
input[type="submit"],
a.button {
	font-weight:bold;
	background-color:var(--text-color-link);
	color:var(--background-color);
	}

/* button, 
 input[type="submit"] {
  background:var(--text-color-link); 
  border-color:var(--text-color-link); 
  color:white;
  } */

button:hover,
input[type="submit"]:hover,
a.button {
	background-color:var(--text-color-main);
	}

button {
	background-color:var(--text-color-link);
	padding-left:13px;
	padding-right:13px;
	padding-top:11px;
	padding-bottom:12px;
	}

button a {
	display:block;
	color:#371eff;
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.15) 50%); 
	background-position:0 1.15em;
	background-repeat:repeat-x;
	background-size:2px 0.1em;
	text-decoration:none; 
	}

button:hover a,
a.button {
	color:#eee;
	text-decoration:none;
	}
 
a.button {
	display:inline-block;
	line-height:1;
	background:none;
	padding:1.3rem;
	border:2px solid;
	border-color:var(--text-color-link);
	margin-bottom:1rem;
	background:none;
	background-image:none;
	background-size:0;
	text-decoration:none;
	color:var(--text-color-link-border);
	font-size:0.7em;
	}

body#search #list form {
	margin-top:40px;
	}

body#search #list input.search {
	/* Search page */
	border:2px solid;
	border-color:var(--text-color-link);
	font-size:1.5em;
	width:98%;
	}

body#search #list input.button {
	margin-top:20px;
	margin-left:0px;
	width:auto;
	}

body#search section.results {
	border-bottom:2px solid;
	border-bottom-color:var(--text-color-link-border);
	}

body#search section.results h3 {
	margin-top:50px;
	margin-bottom:50px;
	}

body#search section.tags {
	margin-top:20px;
	}

body#search section.tags h2 {
	margin-top:40px;
	margin-bottom:40px;
	padding:0;
	}

body#search section.tags h5 {
	margin-bottom:5px;
	}

/*/////////////////////////////////////////////////////////// */
/* **************************** ARTICLES **************************** */
/*/////////////////////////////////////////////////////////// */

.summary {
	margin-top:20px;
	}

.plan ul li:before {	 
	/* http://jsfiddle.net/ericrasch/NUJJk/ */
	content:"❡ "; 
	position:relative; 
	color:var(--text-color-link);
	font-size:0.9em;
	}

.biblio li {
	font-size:0.9em;
	margin-bottom:8px;
	font-weight:300;
	}

/*/////////////////////////////////////////////////////////// */
/* ********************** TEXT NOTES ********************* */
/*/////////////////////////////////////////////////////////// */
		
.footnote_call,
.footnotes strong {
	font-weight:700;
	line-height:inherit;
	font-size:1em;
	vertical-align: baseline;
	top:0;
	cursor: pointer;
	user-select:none;
	color:var(--text-color-link);
	margin-left:-0.1em;
	}

.footnote_call::before { content: "["}
.footnote_call::after { content: "]"}
.footnotes strong::before { content: "["}
.footnotes strong::after { content: "]"}

.footnote_content,
.footnote_content a {
		/* Inline footnotes */
		color:var(--text-color-link);
		}

.footnote_content {
		display:none;
		}

.footnote_content.visible {
		display:inline;
		}

.footnotes {
		/* display:none; */	
		}

.footnotes p {
		font-size:0.9em;
		margin-bottom:8px;
		font-weight:350;
		}

.sidenote {
	/* https://kennethfriedman.org/thoughts/2019/marginal-notes/ */
	display: inline !important; 	/* prevents parent paragraph from breaking */
	float: right; 	/* positions the note to the right of the content */
	position: relative; 	/* forces note to be relative its the normal position */
	width: 20vw; 	/* limits the width of the marginal note */
	margin-right: -22vw; 	/* sets the distance away from the body text */
	font-size: 16px; 	/* makes font slightly smaller */
	background:yellow;
	}

	
/*/////////////////////////////////////////////////////////// */
/* ****************** GALERY ********************** */
/*/////////////////////////////////////////////////////////// */

span.kirby-date {
	display:inline-block;
	}

#list section {
	padding-top:2em;
	padding-bottom:1.5em;
	border-bottom:2px solid;
	border-color:var(--text-color-link-border);
	}

body#cv #list section,
body#contact #list section {
	border:none;
	}

#list section.item,
body#home #list.tag section.item {
	padding-top:1.2em;
	padding-bottom:1.2em;
	border-bottom:2px solid;
	border-color:var(--text-color-link-border);
	}

body#archives #list section.item:first-of-type,
body#home #list.tag section.item:first-of-type,
body#search section.tags section.item:first-of-type {
	border-top:2px solid;
	border-color:var(--text-color-link-border);
	} 

body#contact #infos-perso {
	padding-bottom:50px;
	}

body#home #list section.item {
	border-bottom:none;
	padding:0;
	}

#list section.item.small .meta a {
	border-bottom:none;
	}

#list .infos {
	display:grid;
  	grid-column-gap:4%; 
    grid-template-columns:1fr 1fr 1fr 1fr;
	}

#list .label {
	font-weight:bold;
	margin-bottom:0;
	}

#list .meta {
    padding-top:10px; 
	}

#list .avatar .meta {
	padding:0;
	}

#list h4 {
	/* font-weight:700; */
	line-height:1.3;
	margin-top:0;
	margin-bottom:0;
	}

aside .meta {
	border-bottom:2px solid;
	border-color:var(--text-color-link-border);
	}

.meta,
figcaption,
.figcaption {
	font-size:1.5rem;
	font-weight:300;
	}

.figcaption,
figcaption,
figcaption a,
.meta,
.meta a {
	color:#777;
	}

.meta a,
.figcaption a,
figcaption a {
	text-decoration:none;
	border-bottom:1px dotted;
	color:#777;
	border-color:#777;
	}

.meta a:hover,
.figcaption a:hover,
figcaption a:hover {
	color:var(--text-color-link);
	border-color:var(--text-color-link);
	}

.item p.meta.date {
	margin-bottom:0.6em;
	}

.kirby-date::first-letter {
	text-transform:capitalize;
	}

#list .item .meta ul {
	margin-bottom:1em;
	}

#list .item .meta li {
	display:inline;
	margin:0;
	}

#list .item .meta li:last-child .separator {
    display:none;
	}

aside h5 {
	color:#777;
	}

/*/////////////////////////////////////////////////////////// */
/* *********************** HOME *********************** */
/*/////////////////////////////////////////////////////////// */

body#home h3 {
	margin-top:0; 
	margin-bottom:1.2em;
	font-size:1.65em;
	} 

body#home h3 a {
	border:none;
	text-decoration:none;
	}

body#home #list.tag h3 {
	margin-top:50px;
	max-width:100%;
	} 

body#home h2 .label { /* Libellé du tag */
	font-weight:400;
	} 

body#archives .count {
	font-weight:350;
	color:var(--text-color-link);
	} 

section#presentation {
	padding-top:170px;
	padding-bottom:2.2em;
	}

section#presentation figure,
section.contact aside figure {
	text-align:center;
	margin:0;
	padding:0;
	}

.avatar .meta {
	opacity:0.3;
	}

.avatar img {
	border:2px solid;
	border-color:var(--text-color-link-border); 
	}

section#presentation .bio p {
	margin-top:-5px;
	}

section.last-publications h3,
section.last-lectures h3 {
	margin-bottom:30px;
	}

section.last-publications {
	padding-top:2em;
	padding-bottom:3em;
	}

section.project {
 	padding-top:3em;
 	padding-bottom:3em;
 	}

body#home section.project h3 a {
 	text-decoration:none;
    border-bottom:2px dotted;
    border-color:var(--text-color-link-border);
 	}

body#home section.project h3 a:hover {
	color:var(--text-color-link);
 	border:none;
 	}

section#essai-manifeste {
	background:#002900;	
	}

section#back-office {
	/* background:#aae1ca; /* pale green */
	background:#4ee1b8;	
	}

section.section_home svg.back-office {
	display:none;
	}

section#back-office figure img {
	padding:0;
	border:none; 
	}

section#reel-virtuel {
	background:#ddd;
	}

section#essai-b42 {
	background:#061f5c; /* Blue */
	}	

section#glossaire-cerisy {
	background:#ffe1e1; 
	}	

section#essai-manifeste,
section#essai-manifeste h3,
section#essai-manifeste h3 a,
section#essai-b42,
section#essai-b42 h3,
section#essai-b42 h3 a,
section#phd,
section#phd h3,
section#phd h3 a {
	color:#fff; 
	}	

section#phd aside .meta,
section#phd aside h5,
section#phd aside a,
section#essai-b42 aside .meta,
section#essai-b42 aside h5,
section#essai-b42 aside a {
	color:#fff;
	}

section#essai-manifeste aside .meta,
section#essai-manifeste aside h5,
section#essai-manifeste aside a {
	color:#999;
	}

section#glossaire-cerisy img,
section#essai-manifeste img {
	border:1px solid #222;
	}	

section#reel-virtuel,
section#back-office,
section#podcast,
section#podcast a,
section#archeologie-numerique,
section#archeologie-numerique a,
section#back-office a.button,
section#reel-virtuel a.button {
	color:#222;
	}

section#glossaire-cerisy,
section#glossaire-cerisy a,
section#reel-virtuel,
section#reel-virtuel a,
section#back-office,
section#back-office a,
section#podcast,
section#podcast a,
section#archeologie-numerique,
section#archeologie-numerique a,
section#back-office a.button,
section#reel-virtuel a.button {
	color:#222;
	}

section#podcast aside .meta_aside,
section#podcast aside h5,
section#podcast aside a,
section#podcast figcaption,
section#archeologie-numerique aside .meta_aside,
section#archeologie-numerique aside h5,
section#archeologie-numerique aside a,
section#archeologie-numerique figcaption {
	color:#777; 
	border-color:var(--text-color-link);
	}

section#glossaire-cerisy aside *,
section#reel-virtuel aside *,
section#back-office aside * {
	color:#333; 
	border-color:#777;
	} 

section#essai-manifeste aside * {
	border-color:#777;
	} 

section#reel-virtuel figure img {
	padding:0; 
	border:0;
	}

section#phd {
	background:#182058; 	
	}

 section#essai-b42 aside,
 section#phd aside {
  opacity:0.9;
  }



/* section#last-tweets {	
	display:block; 
	margin:0;
	padding:0;
	padding-top:80px;
	}

section#last-tweets .tweet-hour,
section#last-tweets .tweet-thumb {
    display:none;
	}

section#last-tweets .galery .grid-item p a {
	text-decoration:underline;  
	text-decoration-style:dotted;
	}

section#last-tweets .rt,
section#last-tweets .galery .grid-item p a.tweet-author {
    font-weight:500;
	}

section#last-tweets .galery .grid-item p a.tweet-author,
section#last-tweets .galery .grid-item p a.hashtag {
    text-decoration:none;
	}  */

section#collecta {
	background-color:#782121; /* Brown */
	color:#eee; 
	}

section#collecta h3,
section#collecta a {
	color:#eee; 
	}

section#collecta aside,
section#collecta aside h5 {
	color:#eee;
	opacity:0.9;
	}

section#collecta div.meta_aside {
	/* border-color:#888; */
	}

section#collecta figure img {
	padding:0;
	padding-top:13px;
	background:#fafafa;
	}

/*-------------- 404 --------------*/

.error section.main {
	padding-bottom:60px;
	}

.error section#last-publications h3,
.error section#last-lectures h3,
.error section#last-tweets h3 {
	border-top:7px solid #92a6ff;
	margin-right:4%;
	padding-top:80px;
	}

.error section.galery {
	padding-bottom:0;
	}

.error section#last-publications .grid .grid-item:nth-child(6),
.error section#last-publications .grid .grid-item:nth-child(7),
.error section#last-publications .grid .grid-item:nth-child(8),
.error section#last-lectures .grid .grid-item:nth-child(6),
.error section#last-lectures .grid .grid-item:nth-child(7),
.error section#last-lectures .grid .grid-item:nth-child(8),
.error section#last-tweets .grid .grid-item:nth-child(9),
.error section#last-tweets .grid .grid-item:nth-child(10),
.error section#last-tweets .grid .grid-item:nth-child(11) {
	border-bottom:none;
	}

.error section#search {
	margin-left:35.7%;	
	padding-top:0;
	padding-bottom:85px;
	display:block;
	}

.error section#search input.page_search {
	width:97.5%;
	}	

/*/////////////////////////////////////////////////////////// */
/* **************************** C.V. **************************** */
/*/////////////////////////////////////////////////////////// */

/* aside .sections-cv li {
	margin-bottom:4px;
	}

aside .sections-cv li p {
	margin-bottom:0;
	} */

#presentation a,
article p a,
article li a {
	opacity:0.8;
	color:var(--text-color-main);
	border-color:var(--text-color-link-border);
	}

#presentation a {
	opacity:1;
	}

article .slides a {
	color:var(--text-color-link);
	opacity:1;
	}

#presentation a:hover,
article p a:hover,
article li a:hover,
article .slides a:hover {
	opacity:1;
	color:var(--text-color-link);
	}

#presentation a:hover {
	color:var(--text-color-link);
	}

.meta a {
	opacity:1;
	}

body#cv li,
body#contact li {
	position:relative;
	}

body#cv .date,
body#contact .date,
body#cv strong {
    display:block;
    position:absolute;
    left:0;
    text-align:right;
    /* margin-top:0.5rem; */
    margin-top:-2.9rem;
    margin-left:-320px;
    width:300px;
    color:var(--text-color-link);
	font-family:"InputSansNarrow", monospace;
	font-size:1.7rem;;
	}

body#cv .date {
	font-weight:500;
	}

body#cv .date .hidden {
	display:none;
	}

body#cv .year {
	/* background:yellow; */
	}

body#cv .month {
	opacity:1;
	color:var(--text-color-link-border);
	}

body#cv .separator:after {
	content:"·";
	/* background:green; */
	}

body#cv article li {
	margin-bottom:0.8em;
	}

body#cv article li p:before {
	content:"";
	}

body#cv article li p {
	margin-bottom:0; 
	}

a.anchor {
	opacity:1;
	text-decoration:none;
	border:none;
	color:var(--text-color-link);
	}

a.anchor:after {
	content:"→";
	font-size:1.1em;
	font-weight:700;
	}

a.anchor:hover {
	color:var(--text-color-link-border);
	}

body#cv article ul {
	margin-bottom:45px;
	}

body#cv article div h2 {
	margin:0;
	padding-top:40px;
	}

body#cv article h3 {
	padding-top:50px;
	border-top:2px solid;
	border-color:var(--text-color-link-border);
	}

body#cv article div#informations-personnelles h2,
body#cv article div#cv-filter h2,
body#cv article div#FNS-CV h2 {
	display:none;
	}

body#contact article div h3:first-of-type,
/* body#cv article div#FNS-CV h3:first-of-type */ {
	border:0; 
	/* margin-top:0; */
	padding-top:0;
	}

body#cv .count,
body#cv .number {
	font-weight:600;
	color:var(--text-color-link);
	/* Small Caps */
	/* http://usabilitypost.com/2014/05/10/using-small-caps-and-text-figures-on-the-web/ */
	/* http://practice.typekit.com/lesson/caring-about-opentype-features/ */
	font-kerning:normal;
	font-variant-ligatures:common-ligatures, contextual;
	font-variant-numeric:lining-nums, tabular-nums;
	font-feature-settings: "kern", "liga", "clig", "calt", "onum", "pnum", "smcp", "c2sc";
	text-transform:uppercase;
	font-variant-caps:all-small-caps;
	font-variant:small-caps;
	}

body#cv .count {
	display:none;
	}

body#cv .number {
	margin-left:0.5ch;
	}

body#cv .number:before {
	content:"(";	
	}

body#cv .number:after {
	content:")";	
	}

body#cv .number .total {
    display:none;
	}

body#cv .number .total:before {
    content: "/";
	}

body#contact #infos-perso li {
	margin:0;
	padding:0;
	}

/* body#cv #cv-filter {
	position:sticky;
	}

body#cv #cv-filter.sticky {
	position:fixed;
	left:3vw;
	top:20px;
	width:100%;
	background-color:var(--background-color);
	background:yellow;
	z-index:999;
	padding-bottom:25px;
	border:1px solid var(--background-color);
	border-bottom:7px solid;
    border-bottom-color: var(--text-color-link);
	} */

.myObserver {
	display:none;
	}

body#cv section#cv-filter {
	padding:0;
	padding-top:10px;
	margin-top:40px;
	border-top:2px solid;
    border-color: var(--text-color-link-border);
	}

body#cv .cv-filter {
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-column-gap:3vw;
	margin-top:20px;
	margin-bottom:15px;
	}

body#cv #cv-filter figcaption {
	margin-bottom:30px;
	}

body#cv .hide {
	display:none;
	}

/*/////////////////////////////////////////////////////////// */
/* ************************** SEARCH ************************ */
/*/////////////////////////////////////////////////////////// */

section.search article {
	width:90%;
	}

span.page_search{
	color:var(--text-color-main);
	}	

.search_container{
	margin-top:50px;
	}

div.page_search h2 {
	padding-bottom:45px;
	}

.page_search input[type="submit"] {
	font-weight:bold;
	background-color:var(--text-color-link);
	color:var(--text-color-main);
	margin-top:20px;
	}




/*/////////////////////////////////////////////////////////// */
/* *********************** Linked Pages ******************** */
/*/////////////////////////////////////////////////////////// */

#similar-pages {
	margin-top:90px;
	border-top:2px solid;
    border-color:var(--text-color-link-border);
	}

#similar-pages h3 {
	padding-top:20px;
	max-width:100%;
	}

#similar-pages #list,
#prev-next {
	display:grid;
	padding:0;
	grid-template-columns:1fr 1fr 1fr;
	}

#prev-next {
	margin-top:50px;
	/* padding-top:60px;
	border-top:2px solid;
    border-color:var(--text-color-link-border); */
	}

#prev {
	grid-column-start:1;
	grid-column-end:2;
	}

#next {
	grid-column-start:3;
	grid-column-end:4;
	text-align:right;
	}

#prev-next a {
	opacity:1;
	}

#prev-next .title {
	margin-top:5px;
    font-size:0.8em;
	}

#prev-next .subtitle {
	font-weight:700;
	margin-bottom:0;
	}

#prev-next .subtitle a {
	color:var(--text-color-main);
	border:none;
	}



/*/////////////////////////////////////////////////////////// */
/* *************************** CONTACT ************************* */
/*/////////////////////////////////////////////////////////// */


#form_ {
	margin-top:50px;
	} 

#form_ label {
	font-weight:700;
	display:block;
	margin-bottom:5px;
	}

#form_ label::after {
	content:" *";
	}

#form_ input,
#form_ textarea {
	width:100%;
	display:block;
	margin-bottom:30px;
	/* margin-top:10px; */
	}

#form_ input[name="_gotcha"] {
	display:none;
	}

#form_ textarea{
	border:2px solid;
	border-color:var(--text-color-link-border);
	height:200px;
	}

#form_ input.sendButton{
	margin-top:35px;
	}



/*/////////////////////////////////////////////////////////// */
/* ****** element video/ issue / call ext page PHP  ********* */
/*/////////////////////////////////////////////////////////// */


.thin_space {
	font-size:1em; /* for &#8239; spaces */
	/* background:green; */
	}

.meta .thin_space {
	font-size:0.4em; /* for &#8239; spaces */
	}

/*/////////////////////////////////////////////////////////// */
/*/////////////////////////////////////////////////////////// */

/**/

.juxtapose {
    border:2px solid;
    border-color:var(--text-color-link-border); 
    }

a.jx-knightlab div.knightlab-logo,
a.jx-knightlab span.juxtapose-name {
	visibility:hidden;
	display:none;
	}

div.jx-handle {
	width:44px;
	}

div.jx-control {
    width:9px;
	}

div.jx-slider {
	/* La couleur de la barre centrale */
	color:var(--text-color-link-border);
	}

div.jx-controller {
    height:60px;
    width:19px;
    margin-left:-5px;
	}

div.jx-arrow.jx-left {
    left:-8px;
    border-width:14px 14px 14px 0;
	}

div.jx-arrow.jx-right {
    right:-8px;
    border-width:14px 0 14px 14px;
	}

div.jx-controller,
div.jx-arrow.jx-left,
div.jx-arrow.jx-right {
    color:var(--text-color-link);
	}	

/*/////////////////////////////////////////////////////////// */
/*/////////////////////////////////////////////////////////// */

/* Blog : IA et pédagogie : état de l'art */

button.show {
	display:inline-block;
	width:auto;
	/** background-color: var(--text-color-link-border); **/
	}

.show-more {
    display:none;
	}

.show-more ul {
	margin-top:15px;
	margin-bottom:20px;
	}

.show-more li:before {
	content:"– ";
	}

hr.show-more-separator { 
	margin-top:30px;
	margin-bottom:25px;
    border-bottom:2.5px solid;
    border-color:var(--text-color-link);
    width:20px;
	}