.selecteur-gauche {
	position: fixed;
	height: 25vh;
	width: 100vw;
	display: block;
	background-color: white;
	z-index: 5;
	bottom: 0px;
	border-top: 2px solid black;
}

.selecteur-droite {
	position: absolute;
	height: min-content;
	right: 0px;
	width: 100vw;
	overflow-y: scroll;
	padding-bottom: 25vh;
}

.selecteur-gauche div.visuel {
	background-image: url('../image/selecteur-image-fond.jpg');
	background-size: contain;
	background-position: center;
	flex-grow: 1;
	height: 100%;
}

#menu-filtre-selecteur #bouton-filtres { display: none; }

#menu-filtre-selecteur {
	display: block;
	position: fixed;
	top: -200vh;
	left: 0px;
	width: calc(100vw - 30px);
	height: calc( 100vh - 40px );
	background-color: white;
	transition-duration: 0.4s;
	box-shadow: inset 0 -82px 0 0 var(--color-gris-super);
}

#menu-filtre-selecteur.active {
	top: 0px;
}

#menu-filtre-selecteur ul {
    display: table;
    width: calc(100% - 60px);
}

#bouton-filtres-mobil {
	display: block;
	position: fixed;
	bottom: 25vh;
	right: 0px;
	background-color: white;
	z-index: 10;
	width: 80px;
	height: 80px;
	border: 2px solid var(--color-gris-super);
	transform: translateY(calc(100% - 2px)) translateX(2px);
	cursor: pointer;
	transition-duration: 0.4s;
}

#bouton-filtres-mobil span {
	display: block;
	width: 60%;
	height: 60%;
	background-image: url('../svg/picto-selecteur-filtres.svg');
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
	transition-duration: 0.4s;
}

#bouton-filtres-mobil.open span {
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}


/* P */

table.lot tr td p, table.lot tr td p i { font-size: 2.8vw; }
table.lot tr:nth-child(1) td p i, table.lot tr:nth-child(1) td:nth-child(5) p { font-size: 1.2vw; }
table.lot tr:nth-child(2) td p span { font-size: 1.2vw; }

#menu-filtre-selecteur ul li.select p {
	font-size: 3vw;
	line-height: 4vw;
}