body {
	width: 100%;
	margin: 0 auto;
	font-family: arial;
	background-color: white;
}

.bold { font-family: 'sansMedium'; }

.dispo { color: #00A485 !important; }
.disponible { color: #00A485 !important; }
.reserve { color: #E9C986 !important; }
.réservé { color: #E9C986 !important; }
.vendu { color: #E91857 !important; }

#conteneur-selecteur {
	border: 3px solid red;
}

#top {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 30%; min-width: 450px; max-width: 650px;
	height: 270px;
	background-color: white;
	background-color: rgba(255,255,255,1);
	z-index: 1000000;
	font-family: 'regular';
	letter-spacing: 1px;
	box-shadow: 0px -30px 0px white;
	transition-duration: 1s;
}

#boutonRetour {
	position: fixed;
	top: 40px;
	left: 30px;
	width: 50px;
	height: 50px;
	z-index: 10000000;
	transform: rotate(0deg);
} #boutonRetour:hover { transform: rotate(90deg); }

#boutonRetour a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../../svg/selecteur-picto-menu-retour.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100%;
}

/* //////////////////////////////////////////////////////////// SELECTEUR LISTE */

#selecteur-tableau-liste-lot {
	position: absolute;
	left: 0px;
	top: 60px;
	width: 30%; min-width: 450px; max-width: 650px;
	height: auto;
	background-color: white;
	background-color: rgba(255,255,255,1);
	z-index: 1000;
	font-family: 'regular';
	letter-spacing: 1px;
	margin-top: 222px;
	transition-duration: 1s;
	padding-bottom: 30px;
}

div, ul, li { transition-duration: 0.5s; }

#selecteur-tableau-liste-lot div.lot {
	position: relative;
	width: 90%;
	margin: 0 5%;
	margin-top: 0px;
	margin-bottom: 10px;
	text-transform: uppercase;
	border-radius: 0px;
	overflow: hidden;
	cursor: pointer;
} #selecteur-tableau-liste-lot div.lot:hover { margin: 7px 5% 17px 5%; }

#selecteur-tableau-liste-lot div.lot:nth-child(5n) {
	margin-bottom: 10px !important;
}

/* LIGNES */

#selecteur-tableau-liste-lot div.hide { display: none; }
#selecteur-tableau-liste-lot div.show { display: block; }

#selecteur-tableau-liste-lot ul {
	display: table;
	width: 100%;
	overflow: hidden;
	margin: 0; padding: 0;
	background-color: rgba(0,0,0,0.025);
}

#selecteur-tableau-liste-lot ul.ligne1 { height: 60px; }
#selecteur-tableau-liste-lot ul.ligne2 { height: 60px; }
#selecteur-tableau-liste-lot ul.ligne2bis { height: 60px; }
#selecteur-tableau-liste-lot ul.ligne3 { height: 60px; }
#selecteur-tableau-liste-lot ul.ligne4 { height: 300px; }

#selecteur-tableau-liste-lot ul.ligne2 { display: none; }
#selecteur-tableau-liste-lot ul.ligne2bis { display: none; }
#selecteur-tableau-liste-lot ul.ligne3 { display: none; }
#selecteur-tableau-liste-lot ul.ligne4 { display: none; }

/*#selecteur-tableau-liste-lot ul.ligne2 li,*/
#selecteur-tableau-liste-lot ul.ligne3 li { width: 25%; }

#selecteur-tableau-liste-lot ul.ligne1 li:nth-child(5) {
	width: 30%;
}

#selecteur-tableau-liste-lot .active ul.ligne2 { display: table; }
#selecteur-tableau-liste-lot .active ul.ligne2bis { display: table; }
#selecteur-tableau-liste-lot .active ul.ligne3 { display: table; }
#selecteur-tableau-liste-lot .active ul.ligne4 { display: table; }

#selecteur-tableau-liste-lot li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-family: 'sansLight';
	line-height: 14px;
}

#selecteur-tableau-liste-lot li i {
	font-size: 8px;
	letter-spacing: 2px;
	font-family: 'sansMedium';
}

#selecteur-tableau-liste-lot li .small {
	font-size: 8px;
}

#selecteur-tableau-liste-lot ul.ligne3 li img {
	width: 40px;
	padding: 0px 0px 0px 10px;
	transition-duration: 0.4s;
}

#selecteur-tableau-liste-lot ul.ligne3 li:hover img {
	width: 46px;
}

#selecteur-tableau-liste-lot .active ul.ligne4 li { height: 0px; background-size: cover; }
#selecteur-tableau-liste-lot .active ul.ligne4 li { height: 400px; background-color: white; background-size: contain; background-position: center;}

.statut-dispo ul.ligne1 li.lignePictogramme { background-image: url('../custom/svg/selecteur-picto-liste-open-dispo.svg'); }
.statut-reser ul.ligne1 li.lignePictogramme { background-image: url('../custom/svg/selecteur-picto-liste-open-reser.svg'); }
.statut-vendu ul.ligne1 li.lignePictogramme { background-image: url('../custom/svg/selecteur-picto-liste-open-vendu.svg'); }

#selecteur-tableau-liste-lot ul.ligne1 li.lignePictogramme {
	width: 50px;
	background-size: 40%;
	background-position: center;
	background-repeat: no-repeat;
	transform: rotate(180deg);
}

#selecteur-tableau-liste-lot .active ul.ligne1 li.lignePictogramme {
	transform: rotate(0deg);
}
/*
.statut-vendu ul.ligne1 li:nth-child(4) { display: none !important; }
*/








/* //////////////////////////////////////////////////////////// SELECTEUR VISUEL */

#selecteur-visuel {
	position: fixed;
	z-index: 0;
	overflow: hidden;
	min-height: 450px;
	transition-duration: 0s;
	top: 0px;
	height: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 0px solid rgba(204,204,204,1);
}

#selecteur-visuel-fixe-etage {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 0;
	overflow: hidden;
	transition-duration: 0s;
}

#selecteur-visuel-fixe-etage img {
	position: absolute;
	transition-duration: 1s;
}

#selecteur-visuel-fixe-appt svg {
	position: absolute;
	height: 100%;
	transition-duration: 1s;
}

.selecteur-visuel-appt {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 10000;
	transition-duration: 0s;
}

.cls-1 { opacity:0; }
.cls-2 { fill:#fff; }
.cls-3 { opacity: 0.6; }

/* //////////////////////////////////////////////////////////// GESTION DES FILTRES ............ PIECES ............ 20000 */

#selecteur-filtres {
	position: relative;
	top: 20px;
	height: auto;
	width: 90%;
	padding: 0 5%;
	left: 0%;
	overflow: hidden;
	z-index: 20000;
}

#selecteur-filtres p {
	position: relative;
	display: block;
	height: 20px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 12px;
	padding: 0; margin: 0;
}

#selecteur-filtres ul.selecteur-filtres-pieces {
	display: table;
	position: relative;
	top: 5px;
	width: auto; height: 38px;
	margin: 0 auto;
}

#selecteur-filtres ul.selecteur-filtres-pieces li {
	display: table-cell;
	vertical-align: top;
	width: calc(25% - 20px); height: 38px;
	padding: 0 12px;
	text-align: center;
	color: black;
	font-family: 'serifDidot';
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 0.4;
}

#selecteur-filtres ul.selecteur-filtres-pieces li.active {
	font-family: 'serifDidot';
	background-image: url(../custom/svg/selecteur-picto-liste-open-dispo.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 20px;
	opacity: 1;
}

#selecteur-logo {
	position: relative;
	width: 70%;
	height: 60px;
	margin: 30px 15% 30px 15%;
	background-image: url('../../svg/logo-compact.svg');
	background-position: center;
	background-size: contain;
	cursor: pointer;
}

#selecteur-titre {
	position: relative;
	top: 0px;
	width: 90%;
	margin: 0 5%;
	height: auto;
	overflow: hidden;
	z-index: 20000;
}

#selecteur-titre p.titre {
	position: relative;
	display: block;
	width: 100%;
	font-family: "sansLight";
	font-size: 12px;
	letter-spacing: 6px;
	text-align: center;
	padding: 0; margin: 0px;
	text-transform: uppercase;
}

#selecteur-range {
	position: relative;
	top: 20px;
	width: 90%;
	margin: 10px 5%;
	text-transform: uppercase;
	cursor: pointer;
	transition-duration: 0s;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	transition-duration: 0s !important;
}

.ui-widget {
	position: absolute!important;
	border: 0px solid rgba(204,204,204,1) !important;
	width: 100% !important;
	height: 30px !important;
	background-color: rgba(60,60,60,1)!important;
	padding: 0 !important;
	margin: 0 !important;
	box-shadow: 1px 0px 0px rgba(60,60,60,1), -1px 0px 0px rgba(60,60,60,1);
}

.ui-widget-content .ui-state-default {
	border: 0px !important;
	position: absolute !important;
	top: 0 !important;
	width: 1px !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ui-slider-horizontal .ui-slider-range {
	background-color: #00A485 !important;
}

#amount {
	position: relative;
	top: 0px;
	width: 100%;
	height: 30px;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	font-family: 'sansLight';
}

#nombreDeBienVendu {
	position: relative;
	top: 0px;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	transition-duration: 0s;
	cursor: default;
}

/* //////////////////////////////////////////////////////////// STATUS */

polygon { opacity: 0; cursor: pointer; transition-duration: 0.5s; }
polygon:hover { opacity: 0.7; cursor: pointer; }
polygon.hide { display: none; }
polygon.polyActif { opacity: 0.6; }

/* //////////////////////////////////////////////////////////// BOX */

#selecteur-box-up {
	letter-spacing: 1px;
	text-transform: uppercase;
	box-shadow: 0px 0px 0px 0px white;
	z-index: 1000000;
	position: fixed;
	top: -500px;
	left: -500px;
	width: 350px;
	height: auto;
	background-color: #f0f0f0;
	transition-duration: 0s;
	opacity: 0.5;
}

#selecteur-box-up ul {
	display: table;
	width: 100%; height: auto;
	overflow: hidden;
	margin: 0; padding: 0;
}

#selecteur-box-up li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-family: 'sansLight';
	line-height: 14px;
}

#selecteur-box-up li i {
	font-size: 8px;
	letter-spacing: 2px;
	font-family: 'sansMedium';
}

#selecteur-box-up li .small {
	font-size: 8px;
}

#selecteur-box-up ul.ligne1 li:nth-child(1),
#selecteur-box-up ul.ligne1 li:nth-child(2),
#selecteur-box-up ul.ligne1 li:nth-child(3),
#selecteur-box-up ul.ligne1 li:nth-child(4),
#selecteur-box-up ul.ligne1 li:nth-child(5) { width: auto; }
#selecteur-box-up ul.ligne1 li:nth-child(6) { display: none; }

#selecteur-box-up ul.ligne3,
#selecteur-box-up ul.ligne4 { display: none;}

#selecteur-box-up ul.fixe li { height: 40px; }

#selecteur-box-up ul.ferme li { height: 40px; overflow: hidden; }

#selecteur-box-up ul.ligne1 { height: 60px; }
#selecteur-box-up ul.ligne2 { height: 60px; }

#selecteur-box-fleche {
	font-family: 'regular';
	letter-spacing: 1px;
	text-transform: uppercase;
	opacity: 1;
	z-index: 100000;
	position: fixed;
	top: -500px;
	left: -500px;
	width: 24px;
	height: 24px;
	transition-duration: 0s;
	background-image: url('../custom/svg/selecteur-picto-liste-open-black.svg');
	background-repeat: no-repeat;
	cursor: pointer;
	transform: rotate(180deg);
}