/* Reset
-------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after{margin:0;padding:0;border:0;-webkit-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;}
/* Hide scrollbar for Chrome, Safari and Opera */
html::-webkit-scrollbar {display: none;}
html {-ms-overflow-style: none;scrollbar-width: none;  /* Firefox */}
#accordion > div::-webkit-scrollbar {display: none;}
#accordion > div {-ms-overflow-style: none;scrollbar-width: none;  /* Firefox */}
.noquerie{display:none}

/* Réglages
-------------------------------------------------- */
img{display:block;width:100%;height:auto}
ul,li{list-style: none}
em{font-style:italic;}
strong{font-weight:bold}

/* Liens
-------------------------------------------------- */
a{color:black;text-decoration:none;outline:0}
a:hover, a.active{color:black;text-decoration: none}
header .menu ul > li a:not(.toget):hover, header .menu ul > li a.active:not(.toget){color:black;text-decoration:underline;outline:0;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}
.text a{color:black;text-decoration:underline;outline:0;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}
.text a:hover{color:black;text-decoration:none;outline:0;text-decoration: none;text-underline-offset: 0;text-decoration-thickness: 0;}

/* Liens
-------------------------------------------------- */
header {-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;z-index:999;padding:.75em;position:fixed;text-align:center;top:0;right:0;height:100%;overflow:hidden;padding-right:0;padding-left:0;width:33.333%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column nowrap;flex-flow: column nowrap;}
header .menu ul:nth-of-type(2){margin-top:1.25em}

/* Site
-------------------------------------------------- */
html{width:100%;min-height:100%}
body{width:100%;max-width:1920px;min-height:100%;background: #fffce6;overflow-x:hidden;font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif; }
body, h1, h2, h3, h4{line-height:1.25em;font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320))) }
body{-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap }

.dessin{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-9;background-size: contain;background-repeat: no-repeat;background-position: bottom right;}
.dessin.active{display:block}
.dessin.activehover{display:block}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{font-size:1em;line-height:1.25em;display:inline-block;margin-bottom:0}
h1 a, h2 a, h3 a, h4 a{color:inherit;}
h1{width:100%;margin-bottom:1.25em;text-align:center;}

/* Main
-------------------------------------------------- */
main{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;overflow:hidden;padding:1em;padding-top:0;width:66.666%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
main div article div{padding-top:1em;margin-bottom: 4em;width:100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column wrap;flex-flow: column wrap}
main.texts div article div{margin-bottom:0}
main div article div:last-of-type{margin-bottom: 0}

.gallery{width:100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column wrap;flex-flow: column wrap}
.gallery article {width:100%;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column wrap;flex-flow: column wrap}
.gallery article > div{width:100%}
.gallery article figure{width:100%;}
.gallery article figure figcaption{padding:0;position: relative;top: -.75em;}
.gallery article figure figcaption h2{padding-left:4em}

.credits{margin-top:50vh}

main div article div p+p{text-indent:4em}
main div article div ol{counter-reset:foo;display:table}
main div article div ol > li{counter-increment:foo;display:table-row}
main div article div ol > li::before{content:counter(foo) ".";display:table-cell;width:4em;text-align:left}

/* Text
-------------------------------------------------- */
.text{width:75%}

/* Table
-------------------------------------------------- */
table{margin:0 0 1.25em;clear:left;border-collapse:collapse;padding:0;text-align:left}
table:last-of-type{margin:0}
table tr, table th{text-align:left;vertical-align:top}
table td:first-child{min-width:auto;width: 4em;}
h3{margin-left:4em;margin-bottom:1.25em;}

/* Lazyload
-------------------------------------------------- */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;-webkit-transition: opacity 300ms;-o-transition: opacity 300ms;transition: opacity 300ms;}

/* Swup.js
-------------------------------------------------- */
.transition-fade {-webkit-transition: opacity .25s ease;-o-transition: opacity .25s ease;transition: opacity .25s ease;opacity: 1;}
html.is-animating .transition-fade {opacity: 0;}

.dessin.mobile{display:none}

/*--------------------------------------
-   MEDIA QUERIES
---------------------------------------*/
@media only screen and (max-width:680px){

  main{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;padding:.625em}
main div article div{padding-top:0}
.text{width:100%}
main.home{padding-top:0}
.dessin.mobile.active{display:block;z-index:999;top:5em}
.dessin:not(.mobile){display:none}
body,h1,h2,h3,h4{line-height:1.25em;font-size:calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)))}
header{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;z-index:999;padding:.625em;position:sticky;text-align:center;top:0;right:0;height:auto;background:#fffce6;overflow:hidden;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
header:after{content:'';position:absolute;bottom:0;left:.625em;width:calc(100% - 1.25em);height:1px;background:#000}
header .menu ul:nth-of-type(2){display:none}
header .menu{text-align:right}
h1{width:auto;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}
.gallery article figure div{margin-bottom:.625em!important}
.gallery article figure figcaption {padding: 0;position: relative;top: -.3em;}
   main.biography .dessin.mobile.active, main.texts .dessin.mobile.active{z-index:-999}
}