* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nav :focus {outline:0;}

@-webkit-keyframes fade-in {0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}
@keyframes fade-in {0%{opacity:0;}50%{opacity:0;}100%{opacity:1;}}
  
body.home {-webkit-animation:fade-in 1.5s;}

body {
  color:#1a1a11;
  padding:2.2em;
  font-family:"Alegreya Sans","Helvetica Neue",sans-serif;
  font-size:17px;
  line-height:1.4;
  max-width:1630px;
  margin:0 auto;
  -webkit-text-size-adjust:100%;
}

.nav :focus, a.edit {outline:none;}

img {display:block;max-width:100%;height:auto;margin-bottom:1.2em;background-color:#f5f5f5;}

h1 {font-weight:normal;text-align:center;font-size:1em;line-height:1;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;text-transform:lowercase;letter-spacing:1px;}
h1 a {display:block;text-decoration:none;padding:.5em 0 .45em 0;margin:0 0 .1em 0;background:#f7f7f4;border-radius:5px 5px 0 0;border-bottom:1px dotted #eaeae1;}
h2, h3 {font-size:1em;line-height:1.2;margin:0 0 .15em 0;text-transform:lowercase;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;font-weight:normal;}
a {color:#1a1a11;}
p {margin-bottom:.6em;}
hr {height:1px;border:0;background:#7a7a71;margin:1em 0;}

dl {float:left;margin-bottom:2em;color:#7a7a71;}
dt {float:left;width:6ch;}
dd {margin-left:6ch;}
dl em {color:#1a1a11;font-style:normal;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;text-transform:lowercase;}

#menu {display:none;}
#overlay {display:none;opacity:0;}

.nav {float:left;width:180px;position:fixed;min-height:91vh;overflow-y:scroll;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
.nav #about {width:100%;position:absolute;bottom:0;padding-top:1.2em;}
.nav p a {color:#7a7a71;text-decoration-skip:ink;font-weight:normal;text-align:center;font-size:1em;line-height:1;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;text-transform:lowercase;}
.nav p a:hover {color:#1a1a11;}

/* Checkboxes */
.nav .type {margin-bottom:1.1em;border:0px solid #eaeae1;border-radius:3px;float:left;width:100%;}
.nav .type input {display:none;}
.nav .type label {cursor:pointer;padding:.32em .5em;display:block;margin:0;}
.nav .type label+label {border-top:1px dotted #dadad1;}
.nav .type label span:before {content:'';position:relative;top:.05em;;width:8px;height:8px;border:1px solid #dadad1;display:inline-block;margin-right:.45em;border-radius:2px;}
.nav .type :checked + span {color:#1a1a11;}
.nav .type :checked + span:before {border-color:#fff;background:#1a1a11;}
.nav .type label i {float:right;font-style:normal;color:#dadad1;}

/* Selects */
.nav label {display:inline-block;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;text-transform:lowercase;color:#7a7a71;padding:0 .4em 0 0;letter-spacing:.02em;background:#fff;z-index:3;position:relative;}
.nav select {width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.nav select {font-family:"Alegreya Sans","Helvetica Neue",sans-serif;font-size:1em;background:#fff;border-radius:0;border:0;border-top:1px dotted #dadad1;padding:.7em .4em .26em 0;top:-.65em;position:relative;}
.nav .select {width:100%;position:relative;clear:both;margin:0 0 .1em 0;}
.nav .select:after {content:'';width:0;position:absolute;right:.6em;top:1.8em;border-width:7px 5px;border-style:solid;pointer-events:none;border-color:#dadad1 transparent transparent transparent;z-index:2;}
.nav .select:before {content:'';width:1.7em;height:1.8em;position:absolute;right:0;top:1em;z-index:1;background:#fff;pointer-events:none;}

.select a {display:none;color:#7a7a71;text-decoration:none;border-bottom:1px solid #babab1;font-size:.9em;line-height:1;float:left;margin:-.625em .2em 1.2em 0;text-transform:lowercase;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;}
.select a:hover {color:#1a1a11;border-color:#7a7a71;}

/* Items */
.all {margin-left:210px;}
.item {width:214px;padding:1em;margin:0 1.6em 1.8em 1.6em;position:relative;}
.item.invisible * {color:#f40!important;}

.item .image a {display:inline-block;}
.item .image {width:180px;height:180px;margin-bottom:.6em;display:flex;align-items:flex-end;position:relative;}
.item .image img {max-width:100%;max-height:180px;margin:0;}
/*.item .lazyload, .item .lazyloading {opacity:0;} .item .lazyloaded {opacity:1;transition:opacity 150ms;}*/

.ref {text-transform:lowercase;font-family:"Alegreya Sans SC","Helvetica Neue",sans-serif;color:#7a7a71;}
.ref a {color:#7a7a71;}

.archives .author, .library .author {display:none;}
.medium, .size {color:#7a7a71;}
span.size {display:inline-block;}

/* Single page */
.single {position:relative;}
.single .image img {margin:0;/*cursor:zoom-out;*/}
.single .image img+img {margin:2.6em 0 0 0;}
.single .image {width:73%;}
.single .info {width:22.5%;position:absolute;top:0;right:1em;}

/*.single .info {width:22.5%;position:fixed;bottom:1.6em;right:2.2em;padding-right:1em;}
.single.books .info {position:absolute;top:0;bottom:auto;right:1em;padding-right:0;}
*/
.cont {float:left;min-height:90vh;width:100%;}

.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}

/* Frontend edit button */
.item a.edit {display:none;transition:.1s;opacity:0;position:absolute;left:-.6em;bottom:.5em;text-decoration:none;background:#fff;font-size:1.6em;text-align:center;width:1.4em;height:1.4em;line-height:1.6em;border-radius:100%;box-shadow:0 2px 3px rgba(0,0,0,.2);}
.item a.edit:active {bottom:.45em;}
.editable .item a.edit {display:block;opacity:1;}

/* Frontend edit popup */
div.popup {display:none;position:absolute;top:5.5em;left:2em;background:#efefef;width:280px;height:436px;overflow:hidden;z-index:1;border-radius:6px;box-shadow:0 0 1.2em rgba(0,0,0,.4);transform:scale(.85);transform-origin:left top;}
div.popup iframe {border:0;width:100%;height:600px;position:absolute;top:-165px;}
div.popup.editor {height:280px;}
/*div.popup.editor iframe {height:280px;}*/

/* Inventory */

ul.inventory {list-style:none;margin:0 0 1em 1em;}
ul.inventory li {position:relative;}

/* Text page */
div.text {font-size:1.2em;padding:1.2em 2em;float:left;}
.text h2 {margin-bottom:1em;}
.text.un {width:45%;}
.text.deux {width:55%;}
.text.deux h2 {margin-left:6ch;}
.text img {margin:0;}

/* Adjustment for 1280px screens */
@media only screen and (max-width:1300px) { 
  .item {margin:0 .9em 1.6em .9em;}
}

/* Small screens */
@media only screen and (max-width:769px) {
  body {padding:1.2em;}
  
  .nav {z-index:3;background:#fff;width:200px;position:fixed;right:-200px;top:0;bottom:0;padding:1em 1.1em;transition:.4s;}
  #menu {display:block;position:fixed;top:1.2em;right:1.2em;z-index:2;width:1.2em;height:1.2em;transition:.4s;}
  #menu:before {display:block;position:absolute;content:'';height:5px;border-top:2px solid #1a1a11;border-bottom:2px solid #1a1a11;top:0;left:0;right:0;}
  #menu:after {display:block;position:absolute;content:'';height:4px;border-top:2px solid #1a1a11;top:14px;left:0;right:0;}
  .open .nav {right:0;}
  .open #overlay {z-index:2;position:fixed;display:block;top:0;right:0;bottom:0;left:0;opacity:1;background:rgba(0,0,0,.3);transition:.4s;}
  .nav #about {position:relative;margin-bottom:1.2em;}
  
  .all {margin:0;}
  .item {width:254px;padding:0;margin:2.2em 1.6em 0 1em;}
  .item .image {width:220px;height:220px;}
  .item .image img {max-height:220px;}
  
  .single .image {width:100%;margin:0 auto;}
  .single .info {width:100%;margin:0 auto;position:relative;top:1.2em!important;right:auto;padding:0 0 1em 0;}
  /*.single .info {width:100%;margin:0 auto;position:relative;top:1.2em!important;right:auto;padding:0 0 1em 0;}
  .single.books .info {position:relative;right:0;padding-right:0;}*/
  
  div.text {font-size:1.1em;padding:1em 0;}
  .text.un {width:100%;}
  .text.deux {width:100%;}
}

/* Print */
@media print {
  body {padding:0;}
  .nav {display:none;}
  .all {margin:0;}
}