body.selecteur {
	height: 100vh;
  display: flex;
  flex-direction: column;
}


.selecteur-global {
	flex-grow: 1;
	display: 100%;
	position: relative;
}

.selecteur-gauche,
.selecteur-droite {
	display: inline-block;
}

.selecteur-gauche {
	position: absolute;
	height: 100%;
	width: calc(100vw - 550px);
	flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.selecteur-droite {
	position: absolute;
	height: 100%;
	right: 0px;
	width: 550px;
	overflow-y: scroll;
}

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

.selecteur-gauche div.visuel svg {
	object-fit: contain;
	width: 100%;
	height: 100%;
}

.selecteur-gauche div.filtres {
	min-height: min-content;
	box-shadow: inset 0 0 0 2px red;
}

/* MENU FILTRES */

#menu-filtre-selecteur {
	display: inline-grid;
	position: absolute;
	width: 100%;
	padding: 20px 0 20px 30px;
	z-index: 10;
	align-items: end;
    justify-content: start;
	grid-auto-flow: column;
	bottom: 20px;
}

#menu-filtre-selecteur ul {
	display: none;
	position: relative;
	float: left;
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
	margin: 10px;
	background-color: var(--color-white);
}

#menu-filtre-selecteur ul.active { display: grid;  align-items: end;}
#bouton-validation { display: none; }

#menu-filtre-selecteur ul li {
	position: relative;
	display: none;
}

#menu-filtre-selecteur ul li:last-of-type {
	display: table-row;
}

#menu-filtre-selecteur ul li.titre p {
	padding: 20px 10px 10px 50px;
	text-transform: uppercase;
	font-family: 'Bold', sans-serif;
	font-size: 10px;
	letter-spacing: 3px;
	color: var(--color-gris-super);
	vertical-align: middle;
	text-align: right;
}

#menu-filtre-selecteur ul li.titre p span.recap {
	display: none;
	padding: 0 5px;
	text-transform: uppercase;
	font-family: 'Bold', sans-serif;
	font-size: 12px;
	color: var(--color-gris-fonce);
}

#menu-filtre-selecteur ul li.select p {
	margin: 10px 10px 0 10px;
	text-transform: uppercase;
	font-family: 'Bold', sans-serif;
	font-size: 12px;
	line-height: 21px;
	letter-spacing: 1px;
	text-align: right;
}

#menu-filtre-selecteur ul.open li {
	display: table-row;
}

#menu-filtre-selecteur ul li span.coche {
	position: absolute;
	left: 10px;
	display: inline-block;
	width: 14px;
	height: 14px;
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
}

#menu-filtre-selecteur ul li.select.active span.coche {
	background-color: var(--color-gris-fonce);
}

#menu-filtre-selecteur ul.close li span.fleche {
	position: absolute;
	left: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url('../svg/picto-fleche-bottom.svg');
	background-position: center;
	background-size: 100%;
	transform: rotate(0deg);
	transition-duration: 0.4s;
}

#menu-filtre-selecteur ul.open li span.fleche {
	transform: rotate(180deg);
}

#menu-filtre-selecteur #bouton-filtres {
	display: table;
	position: relative;
	float: left;
	margin: 10px;
	background-color: var(--color-white);
	cursor: pointer;
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
}

#bouton-filtres-mobil { display: none; }

#menu-filtre-selecteur #bouton-filtres p {
	padding: 20px 10px 10px 50px;
	text-transform: uppercase;
	font-family: 'Bold', sans-serif;
	font-size: 10px;
	letter-spacing: 3px;
	color: var(--color-gris-super);
	vertical-align: middle;
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
}

#menu-filtre-selecteur #bouton-filtres p span {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 50%;
	left: 10px;
	background-image: url('../svg/picto-selecteur-filtres.svg');
	background-size: 100%;
	vertical-align: middle;
	transform: translateY(-50%) rotate(0deg);
	transition-duration: 0.4s;
}

sup { line-height: 0px; }

#menu-filtre-selecteur #bouton-filtres.active p span {
	transform: translateY(-50%) rotate(90deg);
}

/* RANGE */

.ui-widget.ui-widget-content {
	border: 0px solid var(--color-gris-super);
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
	width: calc(100% - 40px);
	margin: 0 auto;
	height: 16px;
}

.ui-corner-all {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: 0px;
	width: 16px;
	height: 16px;
	margin-left: -.6em;
	border: 0px solid white;
	background-color: var(--color-gris-super);
}

.ui-slider-horizontal .ui-slider-range {
	background-color: var(--color-projet-corpo);
	box-shadow: inset 0 0 0 2px var(--color-gris-super);
}

/* POLYGON */

.cls-1 { fill: rgba(0,0,0,0); }
.selecteur-gauche svg polygon.cls-2 { fill: white; opacity: 0.0; cursor: pointer; transition-duration: 0.4s; }
.selecteur-gauche svg polygon.cls-2:hover, .selecteur-gauche svg polygon.polyClick, .selecteur-gauche svg polygon.polyhover {
	fill: white;
	opacity: 0.6;
	stroke: var(--color-gris-super);
	stroke-width: 4px;
	cursor: pointer;
}

/* LIGNE TABLEAU */

table.lot {
	position: relative;
	width: calc(100% - 60px);
	margin: 10px 30px;
	display: table;
	cursor: pointer;
}

table.lot.plus-de-lot-dispo { display: table; }
table.lot.plus-de-lot-dispo.hide { display: none; }

table.lot.plus-de-lot-dispo p {
	font-size: 14px;
	line-height: 18px;
	text-align: center;
}


/* HIDE */

table.lot.hideDispo { display: none !important; }
table.lot.hideType { display: none !important; }
table.lot.hideRangeBudget { display: none !important; }

table.lot.open { cursor: default; }

table.lot tr.hide { display: none; }
table.lot.open tr.hide { display: table-row; }

table.lot tr td {
	width: 20%;
	table-layout: fixed;
}

table.lot tr td {
	border: 2px solid var(--color-gris-super);
	padding: 5px;
	text-align: right;
}

table.lot tr td p,
table.lot tr td p i {
	font-family: 'bold', sans-serif;
	color: var(--color-gris-super);
	font-size: 16px;
}

table.lot tr:nth-child(1) td { padding-top: 12px; }

table.lot tr:nth-child(1) td p i,
table.lot tr:nth-child(1) td:nth-child(5) p {
	text-transform: uppercase;
	display: inline-block;
	font-size: 7px;
	line-height: 10px;
	letter-spacing: 1px;
}

table.lot tr:nth-child(2) td p span {
	text-transform: uppercase;
	display: block;
	font-size: 7px;
	line-height: 10px;
	letter-spacing: 1px;
	padding-bottom: 5px;
}

table.lot tr:nth-child(2) td p sup {
	line-height: 0px;
	font-size: 60%;
}

table.lot tr:nth-child(3) td:nth-child(1) {
	border-right: 2px solid rgba(0,0,0,0);
	text-align: left;
}

table.lot tr:nth-child(3) td:nth-child(1) p img {
	width: 40px;
	padding: 5px 0 0 5px;
}

table.lot tr:nth-child(3) td:nth-child(2) p {
	text-transform: uppercase;
	display: inline-block;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 1px;
}

table.lot tr:nth-child(3) { cursor: pointer; }

table.lot tr:nth-child(3) { transition-duration: 0.4s; }
table.lot.disponible tr:nth-child(3):hover { background-color: var(--color-selecteur-dispo); }
table.lot.reserve tr:nth-child(3):hover { background-color: var(--color-selecteur-reser); }
table.lot.vendu tr:nth-child(3):hover { background-color: var(--color-selecteur-vendu); }

table.lot tr:nth-child(1) td:nth-child(1) { text-transform: uppercase; }
table.lot.disponible tr:nth-child(1) td:nth-child(1) p span { color: var(--color-selecteur-dispo); }
table.lot.reserve tr:nth-child(1) td:nth-child(1) p span { color: var(--color-selecteur-reser); }
table.lot.vendu tr:nth-child(1) td:nth-child(1) p span { color: var(--color-selecteur-vendu); }

table.lot.disponible tr:nth-child(1) td:nth-child(5) { background-color: var(--color-selecteur-dispo); }
table.lot.reserve tr:nth-child(1) td:nth-child(5) { background-color: var(--color-selecteur-reser); }
table.lot.vendu tr:nth-child(1) td:nth-child(5) { background-color: var(--color-selecteur-vendu); }

/* HIDE SCROOLBAR */

.selecteur-droite::-webkit-scrollbar { display: none; }
.selecteur-droite { -ms-overflow-style: none; scrollbar-width: none; }

/* ADM */

body.selecteur #signature-adm {
	position: relative;
	width: calc(100vw - 500px);
	height: 50px;
}