/* NORMALIZE OPENTYPE
-------------------------------------------------- */
::-moz-selection{color:inherit;text-shadow:inherit;background-color:#ACCEF7}::selection{color:inherit;text-shadow:inherit;background-color:#ACCEF7}html,body,table{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0}h1,h2,h3{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 1}abbr{text-transform:uppercase;-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "smcp" 1, "c2sc" 1}time{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0}pre,kbd,samp,code{-webkit-font-feature-settings:"kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;font-feature-settings:"kern" 0, "liga" 0, "calt" 1, "dlig" 0, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1}sup{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "sups" 1}sub{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 1, "lnum" 0, "dlig" 0, "subs" 1}input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="number"],input[type="range"],input[type="tel"],input[type="week"]{-webkit-font-feature-settings:"kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0;font-feature-settings:"kern" 0, "liga" 1, "calt" 1, "pnum" 1, "tnum" 0, "onum" 0, "lnum" 1, "zero" 0}//  // // :lang(cy) q{// quotes:'\2018' '\2019' '\201C' '\201D' '\2018' '\2019' '\201C' '\201D'}// // :lang(af) q,// :lang(zh) q,// :lang(en) q,// :lang(en-us) q,// :lang(eo) q,// :lang(id) q,// :lang(ga) q,// :lang(ko) q,// :lang(pt-br) q,// :lang(th) q,// :lang(tr) q{// quotes:'\201C' '\201D' '\2018' '\2019' '\201C' '\201D' '\2018' '\2019'}// // :lang(sq) q,// :lang(bs) q{// quotes:'\201E' '\201C' '\2018' '\2019' '\201E' '\201C' '\2018' '\2019'}// // :lang(ar) q{// quotes:'\201D' '\201C'}// // :lang(cs) q,// :lang(de) q,// :lang(sk) q,// :lang(sl) q,// :lang(sb) q,// :lang(is) q{// quotes:'\201E' '\201C' '\201A' '\2018' '\201E' '\201C' '\201A' '\2018'}// // q:before{// content:open-quote}// // q:after{// content:close-quote}tbody,caption{-webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1;font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "pnum" 0, "tnum" 1, "onum" 0, "lnum" 1, "zero" 1}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/* Reset
-------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display:block}
*, *:before, *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%,-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
img{display:block;width:100%;height:auto;}

/* Site
-------------------------------------------------- */
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-family:arial;display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;}
body, h1, h2, h3, h4, h5 {font-size: calc(14px + (16 - 14) * ((100vw - 420px) / (1920 - 420)));line-height:1.333em;}

/* Links
-------------------------------------------------- */
a{color:inherit;border-bottom: 1.5px solid transparent;text-decoration:none;transition:none .5s}
a:hover, a.active{opacity:.5}
a:focus{outline:none}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{display:inline-block;width:100%;font-weight:400;margin:0}
h1 a, h2 a, h3 a, h4 a{color:inherit;border:0 !important}

/* Header
-------------------------------------------------- */
.header{padding:.5em;overflow:auto;height:100vh;margin-bottom:2em;width:20%;position:fixed;}
.header h1{padding:.5em;padding-bottom:0;}
.header.border{border-right:1px solid}

figure{padding:.5em;margin:0;}
figure:nth-of-type(1){padding-top:1.5em}
figcaption{padding:.5em;margin:0;padding-bottom:1.5em;}
figcaption p {margin:0}
figure.default figcaption{padding:0;padding-top:.5em;padding-bottom:.5em;}
figure.default:last-child figcaption{padding-bottom:0}
figure.carousel{width:100%;height:auto}

/* Navigation
-------------------------------------------------- */
.menu{padding:.5em;padding-top:0;display:block;}
.menu >li{padding-top:1.333em}
.menu ul {margin-left:2em}
.menu ul > li {text-indent:-1em}

.menuquerie{display:none;}

/* Listes
-------------------------------------------------- */
ul,li{list-style: none}
li > ul > li{margin-left:0;list-style: none}

/* Footnotes
-------------------------------------------------- */
.footnotes {width:75%;margin-left:25%;margin-top:1em}
.footnotes br{display:none}

/* Search
-------------------------------------------------- */
.menu form, .menu form input{width:100%;background:transparent;color:inherit;opacity:1;font-family:inherit}
::-webkit-input-placeholder { color: inherit;opacity:1;font-family:inherit}
::-moz-placeholder {color: inherit;opacity:1;font-family:inherit}
:-ms-input-placeholder {color: inherit;opacity:1;font-family:inherit}
:-moz-placeholder {color: inherit;opacity:1;font-family:inherit}

/* Main
-------------------------------------------------- */
.main{padding:.5em;width:80%;margin-left:20%;overflow: auto;min-height:100vh}
.main-content{width:80%;height:100%;float:left;	display: -webkit-flex; display: flex; -webkit-flex-flow: column wrap; flex-flow: column wrap;}
.main article{padding:.5em;}
.main article ul {counter-reset: foo;display: table;padding-left:1em;}
.main article ul > li {counter-increment: foo;display: table-row;}
.main article ul > li::before {content: "\2022";display: table-cell;padding-right:1em;text-align: right;}
.main article ol {counter-reset: foo;display: table;padding-left:1em;}
.main article ol > li {counter-increment: foo;display: table-row;}
.main article ol > li::before {content: counter(foo) ".";display: table-cell;padding-right:1em;text-align: right;}
.main article p+p{text-indent:1em;}
.main article span{padding-bottom:1.333em;float:left;width:100%;display:inline-block}
.main article .plyr span{padding-bottom:auto;float:inherit;width:inherit;display:inherit}
.main article figure{padding:0}

/* Project meta
-------------------------------------------------- */
.meta{margin-bottom:1em}
.meta li{float:left;list-style:none;margin-right:1em;color:red}
.meta li b{font-weight:400;color:#000;padding-right:1em}

/* Project teaser
-------------------------------------------------- */
.teaser, .teaser li{list-style:none}
.teaser li{height:auto;width:33.333%;padding:0.5em;display:inline-block;float:left}
.teaser li img{height:100%;width:auto;float:left}

/* Table
-------------------------------------------------- */
table{width:100%;border-collapse:collapse;border:0;}
table td{vertical-align:top;}
table td:first-child{width:5em;}

/* Flickity
---------------------------------------------- */
.carousel{padding:.5em;}
.flickity-enabled{position:relative}
.flickity-enabled:focus{outline:0}
.flickity-viewport{overflow:hidden;position:relative;height:100%}
.flickity-slider{position:absolute;width:100%;height:100%}
.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}
.flickity-prev-next-button{background:transparent;width:calc(50% - .5em);position:absolute;top:0.5em;bottom:.5em;cursor:pointer;}
.flickity-prev-next-button:hover{background:transparent}
.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09f}
.flickity-prev-next-button:active{opacity:.6}
.flickity-prev-next-button.previous{left:0.5em;cursor:w-resize}
.flickity-prev-next-button.next{right:0.5em;;cursor:e-resize}
.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}
.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}
.flickity-prev-next-button:disabled{opacity:0;cursor:auto}
.flickity-prev-next-button svg{display:none}
.flickity-prev-next-button .arrow{fill:#333}
.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}
.flickity-rtl .flickity-page-dots{direction:rtl}
.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}
.flickity-page-dots .dot.is-selected{opacity:1}
.flickity-slider {transform: none !important;}
.carousel figure { padding:0;left: 0 !important;opacity: 0;transition: opacity 0.3s ease-in-out;z-index: -1;}
.carousel figure.is-selected {opacity: 1;z-index: 0}
.infos {display:table;padding:.5em;padding-top:0.833em}
.infos p{display:table-cell}
.infos p.carousel-status{width:4em;}

/* B-Lazy
-------------------------------------------------- */
.b-lazy {-webkit-transition: opacity 500ms ease-in-out;-moz-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out;max-width: 100%;opacity: 0;}
.b-lazy.b-loaded {opacity: 1;}

/* Fancybox
-------------------------------------------------- */
.lightbox {padding-top:1.5em; width:100%;height:auto;display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } 
.lightbox figure{padding:.5em;height:200px;width:auto;display:inline-block;float:left}
.lightbox figure img{height:100%;width:auto;float:left}
.lightbox figure:nth-of-type(1) {padding-top:0.5em;}


/*------------------------------------------------ 
MEDIA QUERIES
-------------------------------------------------- */
@media only screen and (max-width: 1280px) {
    .main-content, figure, figure.video{width:100%;}
}

@media only screen and (max-width: 960px) {
    .header{width:100%;height:auto;position:relative;border:0;margin;0}
    .header{border:0;margin-bottom:0;padding-bottom:1em}
    .header h1{ display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: space-between; justify-content:space-between; }
    .main{width:100%;margin-left:0%}
    .main-content, figure, figure.video{width:100%;}
    .header.border{border-right:0;border-bottom:1px solid}
    .menuquerie{display:inline-block;}
    .menu{display:none;}
}

@media only screen and (max-width: 640px) {
   .teaser li, .teaser li img, .lightbox figure, .lightbox figure img{width:100%;height:auto;}
    .footnotes {width:100%;margin-left:0}
}
@media only screen and (max-width: 420px) {   
    .teaser li, .lightbox figure{height:auto;width:100%;padding:0.5em;display:inline-block;float:left}
}