/* blank */ 

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-weight: 300;
}

@font-face {
  font-family: "DavidReg";
  src: url("../../assets/files/fonts/ProzaLibre-Bold.eot");
  src: url("../../assets/files/fonts/ProzaLibre-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 62.5%;
  /* 1.0rem vaut alors 10px */
}
  
body {
	min-height: 80vh;
}
main {
	margin-bottom: 70px;	
}

header {
	position: sticky;
	position: -webkit-sticky;
	top: 0px;
	z-index: 15;

	background: white;

	display: flex;
	justify-content: space-between;
}

/* MODULE */
img {
	width: 100%;
}
.flex1 {
	flex: 1;
}
.module1_3 {
	flex-shrink: 0;
  width: 33.33%;
  width: calc(100% / 3);
}
.module2_3 {
	flex-shrink: 0;
  width: 66.66%;
  width: calc(100% * (2/3));
}
.module1_6 {
	flex-shrink: 0;
	width: 16.66%;
	width: calc(100% * (1/6));
}
.module1_2 {
	flex-shrink: 0;
	width: 50%;
	width: calc(100%/ 2);
}
.flex {
	display: flex;
}



/* MENU */

nav#menu {
	position: fixed;
	z-index: 110;
	bottom: 0px;
	left: 0px;

	width: 100%;
	background: white;

	display: flex;
	justify-content: space-between;
}
nav#menu .pages_enfant {
	margin-top: 20px;
	display: none;
}
nav#menu.open .pages_enfant {
	display: block;
	width: 100px
}
nav#menu.open .pages_enfant * {
	white-space: nowrap;
}

nav#menu > div {
	padding: 20px;
}
nav#menu > div:not(:first-child) {
	display: flex;
	align-items: flex-end;
}


/* PAGE PROPOS */

#sorting_list {
	margin-left: 20px;
}
#sorting_list span {
	cursor: pointer;
}

#list.sorted .entry {
	display: none;
}
#list.sorted .entry.selected {
	display: block;
}



/* PAGE HOME */

main#home {
	position: relative;
	
}

#home figure {
	position: fixed;
	top: 20px;
	left: 20px;

	height: 70vh;
}
#home figure img {
	width: auto;
	height: 150%;
}

#home #cartouche {
	position: fixed;

	padding: 10px;
	width: 600px;

	background: rgb(253, 237, 234);
}







/* PAGE REGARDS */

.categories {
	overflow-x: scroll;
	z-index: 100;

	display: flex;
	flex-wrap: nowrap;
	
	background: white;
	height: 40px;
	padding-left: 10px;
}
.categories:not(.open) {
	position: sticky;
	position: -webkit-sticky;
	top: 54px;
}

.categories:not(.open) .col.hide {
	display: none;
}

.categories.open {
	position: fixed;
	overflow-y: hidden;

	width: 100%;
	height: calc(100vh - 118px);
}
.categories.open .col.hide {
	display: block;
	padding-bottom: 20px;
}

.categories .col {

	padding-right: 10px;
	padding-left: 10px;

	/* width: calc(100vw / 12); */
	
	width: 150px;
	flex-shrink: 0;
}
.categories.open .col {
	width: 350px;
}

.categories .col .titre {
	font-size: 10px;
	position: sticky;
	position: -webkit-sticky;
	top: 0px;

	background: white;
}
.categories .col .valeur {
	display: none;
}
.categories .col .valeur.visible {
	margin-top: 13px;
	display: block;
	
}
.categories li {
	list-style: none;
}

/* tri */


#bibliotheque {
	padding: 0px 0px 0px 20px;
}
#bibliotheque.sorted .livre {
	display: none;
}
#bibliotheque.sorted .livre.selected {
	display: block;
}
.livre {
	margin-bottom: 20px;
}

/* galerie */

.galerie {
	display: flex;
	flex-wrap: nowrap;
}
.galerie .simplebar-content {
	display: flex;
	flex-wrap: nowrap;
}
.galerie[data-simplebar] {
	flex-direction: row;
}
.galerie figure {
	flex-shrink: 0;

	height: calc(90vh - 100px);
	width: 64vh;
}

.galerie figure img {
	object-fit: cover;
	width: 100%;
	height: 100%;

}	
/* PAGE LIRE / REGARDER / ÉCOUTER */

#list .summary {

}

#list .details {
	display: none;
}
#list .details.open {
	display: flex;
}


/* PAGE ARCHIVES */

#fullscreen {
	display: flex;
	overflow-x: scroll;
}
#fullscreen figure {
	flex-shrink: 0;
	height: calc(100vh - 100px);
	width: 71vh;
}
#fullscreen figure img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}



/* COLOPHON */

#colophon {

}


/* PAGE BIENNALE */

#edito {
	margin-bottom: 100px;
}

.photos {
	margin-top: 100px;
}