/* TABLEAU */

#tableau-selecteur div {
	position: relative;
	border-radius: 0px;
	display: table;
	width: 100%;
	background-color: #EDEDED;
	margin: 0px 0px;
	padding: 2px 0;
	overflow: hidden;
	overflow: visible;
  z-index: 1000;
}

#tableau-selecteur div.lot.disponible { box-shadow: inset 10px 0 0 0 var(--color-selecteur-dispo); }
#tableau-selecteur div.lot.reservé { box-shadow: inset 10px 0 0 0 var(--color-selecteur-reser); }
#tableau-selecteur div.lot.vendu { box-shadow: inset 10px 0 0 0 var(--color-selecteur-vendu); }
#tableau-selecteur div.lot.demand { box-shadow: inset 10px 0 0 0 rgb(131, 153, 175); }

#tableau-selecteur div.lot {
  cursor: pointer;
  transition-duration: 0.4s;
}

#tableau-selecteur div.lot.disponible:hover { box-shadow: inset 0px 0 0 0 var(--color-selecteur-dispo);  }
#tableau-selecteur div.lot.reservé:hover { box-shadow: inset 0px 0 0 0 var(--color-selecteur-reser); }
#tableau-selecteur div.lot.vendu:hover { box-shadow: inset 0px 0 0 0 var(--color-selecteur-vendu); }
#tableau-selecteur div.lot.demand:hover { box-shadow: inset 0px 0 0 0 rgb(131, 153, 175); }

#tableau-selecteur div ul.ligne1,
#tableau-selecteur div ul.ligne2,
#tableau-selecteur div ul.ligne3,
#tableau-selecteur div ul.ligne4,
#tableau-selecteur div ul.ligne4b,
#tableau-selecteur div ul.ligne5 {
	display: table;
	table-layout: fixed;
	width: 100%;
  min-height: 50px;
	margin: 0;
}

#tableau-selecteur div ul.ligne1 li,
#tableau-selecteur div ul.ligne2 li,
#tableau-selecteur div ul.ligne3 li,
#tableau-selecteur div ul.ligne4 li,
#tableau-selecteur div ul.ligne4b li,
#tableau-selecteur div ul.ligne5 li {
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

#tableau-selecteur div ul.ligne1 li:nth-child(1) { width: 15%; }
#tableau-selecteur div ul.ligne1 li:nth-child(2) { width: 15%; }
#tableau-selecteur div ul.ligne1 li:nth-child(3) { width: 20%; }
#tableau-selecteur div ul.ligne1 li:nth-child(4) { width: 20%; }
#tableau-selecteur div ul.ligne1 li:nth-child(5) { width: 30%; }

#tableau-selecteur div ul li p {
	font-family: "SansRegular";
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
}

#tableau-selecteur div ul li p.telechargement {
  font-size: 8px;
  line-height: 11px;
}

#tableau-selecteur div ul li p.telechargement img {
  vertical-align: middle;
  width: 50px;
}

#tableau-selecteur div ul li p b {
	font-family: "SansBold";

}

#tableau-selecteur div ul li i {
	font-family: "SansRegular";
	font-size: 8px;
  line-height: 10px;
	opacity: 0.7;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
}

#tableau-selecteur div ul li sup {
	font-family: "SansRegular";
	font-size: 8px;
  line-height: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-style: normal;
}

#tableau-selecteur div.hide ul.ligne1,
#tableau-selecteur div.hide ul.ligne2,
#tableau-selecteur div.hide ul.ligne3,
#tableau-selecteur div.hide ul.ligne4 {
	border-bottom: 0px solid white;
}

#tableau-selecteur div ul li.disponible p { color: var(--color-selecteur-dispo); }
#tableau-selecteur div ul li.reservé p { color: var(--color-selecteur-reser); }
#tableau-selecteur div ul li.vendu p { color: var(--color-selecteur-vendu); }
#tableau-selecteur div ul li.demand p { color: rgb(131, 153, 175); }

/* HIDE */

#tableau-selecteur div.hide ul.ligne2,
#tableau-selecteur div.hide ul.ligne3,
#tableau-selecteur div.hide ul.ligne4 {
	display: none;
}

/* SHOW */

#tableau-selecteur div.lot.disponible.show,
#tableau-selecteur div.lot.reservé.show,
#tableau-selecteur div.lot.vendu.show { background-color: white; }

#tableau-selecteur div.show { margin: 10px 0; }

#tableau-selecteur div.show ul.ligne2,
#tableau-selecteur div.show ul.ligne3,
#tableau-selecteur div.show ul.ligne4 {
	display: table;
}

/* POLYGON */



/* POLYGON */

.cls-1 { fill: rgba(0,0,0,0); }
#selecteur-gauche svg polygon.cls-2 { fill: white; opacity: 0.3; cursor: pointer; transition-duration: 0.4s; }
#selecteur-gauche svg polygon.cls-2:hover { fill: white; opacity: 0.7; }
#selecteur-gauche svg polygon.polyClick { opacity: 0.9; }
#selecteur-gauche svg polygon.polyhover { opacity: 0.9; }

/* ZONE FILTRES */

.hidePiece { display: none !important; }
.hideEtage { display: none !important; }
.hideRangeBudget { display: none !important; }
.hideRangeSurface { display: none !important; }
.justDispo { display: none !important; }

#zone-filtres { display: none; }
/*#zone-filtres { display: block; }*/
#zone-filtres.open { display: block; }

#zone-filtres { width: 100%; background-color: white; }

#bouton-filtres, #bouton-validation-filtres {
  display: block;
  background-color: white;
  width: 100%;
  transition-duration: 0.4s;
  cursor: pointer;
}

#bouton-filtres { color: var(--color-white); background-color: var(--color-projet-seconde); }
#bouton-validation-filtres { color: var(--color-white); background-color: var(--color-selecteur-vendu); }

#bouton-filtres:hover { background-color: var(--color-projet-tonic); }
#bouton-validation-filtres:hover { background-color: var(--color-projet-tonic); }

#bouton-filtres p, #bouton-validation-filtres p {
  padding: 16px;
  text-align: center;
  font-family: 'SansRegular', sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 6px;
  line-height: 20px;
	color: white;
}

ul#filtres-pieces, ul#filtres-etage {
  display: table;
  position: relative;
  width: 100%;
  height: auto;
  cursor: pointer;
  margin: 0;
}

ul#filtres-pieces li, ul#filtres-etage li {
  display: table-cell;
  padding: 10px 5px;
  text-align: left;
  font-family: 'SansBold', sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
  color: var(--color-gris-clair);
  vertical-align: middle;
  text-align: center;
  border-bottom: 5px solid var(--color-gris-clair);
  transition-duration: 0.4s;
}

ul#filtres-pieces li.active, ul#filtres-etage li.active {
  border-bottom: 5px solid var(--color-projet-seconde);
	color: var(--color-projet-seconde);
}

ul.titre-section {
  position: relative;
  width: 100%;
  display: table;
}

ul.titre-section li {
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  font-family: 'SansBold';
  font-size: 10px;
  text-transform: uppercase;
  text-align: center;
}

ul.titre-section li.titre {
  color: var(--color-projet-seconde);
  letter-spacing: 4px;
	padding: 10px 0;
}

ul.titre-section li.info {
  text-align: center;
  font-family: 'SansRegular', sans-serif;
  font-size: 10px;
  letter-spacing: 4px;
}

.titre-section.selection li { vertical-align: middle; }

#filtres-dispo li span {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  box-shadow: inset 0 0 0 1px #544f50;
  vertical-align: middle;
  cursor: pointer;
  transition-duration: 0.4s;
}

#filtres-dispo li span.active { background-color: #544f50; }