@font-face{
	font-family: "Dada";
	src: url("../fonts/DadaGrotesk-Book.d320824c61f9.otf") format("opentype");
}
@font-face{
	font-family: "Dada";
	src: url("../fonts/DadaGrotesk-Bold.97555e5b2e60.otf") format("opentype");
	font-weight: bold;
}

:root {
    --overall-z: 999;
}

body{
	margin: 0;
	font-family: "Dada", sans-serif;
}

a{
	color: black;
	text-decoration: none;
	cursor: pointer;
}

sub {
	vertical-align: baseline;
}

/* -------- MAIN CONTENT ---------- */
main{
	position: relative;
	top: 62px;
	width: calc( 100vw - 40px);
	margin: auto;
	padding-bottom: 40px;
}

footer{
	display: none;
}
.footer-socials a {
	position: relative;
	display: inline-block; 
}
.footer-socials a:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.footer-socials a object {
	pointer-events: none;
}
.footer-socials a object, .footer-socials a img {
	width: 36px;
	height: 35px;
}
 
.ligne{
	display: none;
}

/* ------- A R T I S T S -------- */
article[id^=artist] figure{
	margin: auto;
}

article[id^=artist] img{
	max-width: 100%;
	max-height: 100vw;
}

h1{
	font-size: 1.3rem;
	font-weight: 400;
	margin: 0 auto 20px auto;
}

article h2, article h3{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3rem;
	margin: 0;
}

section article figcaption{
	margin: 0.35rem 0 1.65rem 0;	
}

.list-artists article .image-container {
  width: 100%;
  aspect-ratio: 5 / 4;
}

.list-artists article img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.list-artists .works-type-menu{
    padding-left:0;
    display:flex;
    justify-content:space-around;

}
.list-artists .works-type-menu li {
	  margin: 20px 0;
    list-style: none;
}

.list-artists section{
	display: flex;
	flex-direction: column;
	width: 100%;
}

.list-artists article h2{
	margin: 0.75rem 0 1.65rem 0;	
}

.image-container{
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .list article figure .image-container.bordered{ */
/* 	border: 1px solid black; */
/* 	width: 100%; */
/* 	height: 200px; */
/* 	overflow: hidden; */
/* } */

/* .list article figure .image-container.bordered a { */
/* 	text-align: center; */
/* } */
/* .list article figure .image-container.bordered img { */
/* 	max-width: 55%; */
/* } */

/* .featured-projects .list article figure .image-container.bordered { */
/* 	border:none; */
/* } */
/* .featured-projects .list article figure .image-container.bordered img { */
/* 	max-width:initial; */
/* } */

/* .list-fairs article figure .image-container.bordered img { */
/* 	-webkit-filter: grayscale(100%); /\* Safari 6.0 - 9.0 *\/ */
/* 	-moz-filter: grayscale(100%); /\* Safari 6.0 - 9.0 *\/ */
/* 	-o-filter: grayscale(100%); /\* Safari 6.0 - 9.0 *\/ */
/* 	filter: grayscale(100%); */
/* } */

/* #upcoming-exhibitions .list article figure .image-container.bordered img { */
/* 	max-width: 110%; */
/* } */
/* #upcoming-exhibitions .list article figure .image-container.bordered { */
/* 	border: none; */
/* } */

/* ------- MENUS INTERNES  -------- */

aside.artist-links ul{
	list-style: none;
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
}
.artist-exhibitions .artist-content{
	padding-top: 174px;
}
.artist-exhibitions aside.artist-links ul{
	position: fixed;
	width: 100%;
	background-color: white;
}
aside.artist-links li.active {
	font-weight: bold;
}

aside.artist-links > ul > li {
	padding-bottom: 1em;
}
aside.artist-links li li a {
	text-decoration: underline;
}
/* ------ HOME ------- */
.home h1, .contact h1 {
	color: rgba(255, 255, 255,0);
	position: absolute;
}

/* ------- L I S T . H T M L-------- */

article[id^=element] figure{
	width: 100%;
	margin: 0;
}

article[id^=element] img{
	width: 100%;
}

/* ------ ONE BOOK ------- */
article[id=one-book] figure{
	margin: 0;
}

article[id=one-book] img{
	width: 100%;
}

/* ------ ABOUT GALLERY ------- */
.gallery main ul{
	margin: 0;
	padding-top: 62px;
}

/* ------ CONTACT ------- */
address {
	font-style: normal;
}

.metro object, .metro img {
	height:1.5em;
	vertical-align:bottom;
}

.semiose-arrows {
	padding-left: 0;
	position: fixed;
}
.semiose-arrows li {
	list-style: none;
	line-height: 2em;
}
.semiose-arrows li: before {
	font-family: "Dada", sans-serif;
	content: "->";
}
.semiose-arrows li a {
	cursor: pointer;
}

.semiose-apropos{
	min-height: 100vh;
}

/* ------ EXHIBITIONS ------- */
.exhibitions aside{
	position: fixed;
	top: 61.8px;
	background-color: white;
	width: 100%;
	z-index: 1;
}

.exhibitions aside ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.exhibitions main section{
	padding-top: 83px;
}
#current-exhibitions{
	padding-top: 0;
}
.exhibitions aside ul li{
	display: inline;
}

.exhibitions aside.nav li+li: before{
	content: "/\00a0";
}

/* ------- exhibition one ----------- */
.exhibition-one article .artist-links h1, .exhibition-one article .artist-links h2{
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.3rem;
	display: inline-block;
	margin: 0;
}

.exhibition-one .artist-links li, .news-one .artist-links li{
	margin: 0;
	padding: 0;
}

/* -----headerfooter -------*/
a.active, .active a{
	font-weight: bold;
}

.collapse{
	display: none;
}

.contact aside{
	height: 128px;
}


.contact main section article{
	padding-bottom: 75px;
}
	
.contact aside ul{
	background-color: white;
	width: 100%;
	margin: 0;
}

/* ------ FORMULAIRE------- */

#footerNLform p{
	margin: 0;
	font-size: 1rem;
	padding: 0 0 5px 0;
}

#footerNLform input{
	border: none;
	background: none;
	padding: 10px 0;
}
#footerNLform button{
	border: none;
	background: none;
	text-decoration: underline;
	text-align: left;
	padding: 10px 0;
}


/* -------- VIDEOS -------- */
.artist-videos .list article figure .image-container {
	background-color: #000;
}
.artist-videos figure label {
	display: none;
}

/* FILTER */
#filter-form ul li button {
    background:white;
    border: none;
    cursor: pointer;
}

#filter-form ul li button h2.active {
	font-weight: bold;
}

/* COOKIES */
/* GDPR consent banner */
.gdpr-banner {
  position: fixed;
  bottom: 0;
  right: 0;
  width: min(100vw,500px);
  z-index: var(--overall-z);
  padding: 30px;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border: solid 1px #eee;
  flex-wrap: wrap;
  align-items: flex-end;
  box-sizing: border-box;
}

.gdpr-message {
  padding: 15px 0;
}

.gdpr-control {
  display: contents;
}

.gdpr-control .label, .gdpr-control a {
  height: 2.5rem;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #eee;
  padding: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  align-items: center;
}

.hidden {
  display: none;
}

.cookies th, .cookies td {
  border: 1px solid black;
  padding: 5px;
}

.cookies a {
  overflow-wrap: anywhere;
}

@media (max-width: 700px){
  .cookies table thead {
    display: none;
  }

  .cookies table tr{
    display: block;
    margin-bottom: 40px;
  }

  .cookies table td {
    display: block;
  }
}