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

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

.dispo { color: rgba(181,212,137) !important; }
.disponible { color: rgba(181,212,137) !important; }

.reserve { color: rgba(250,209,105,1) !important; }
.réservé { color: rgba(250,209,105,1) !important; }

.loue { color: rgba(237,111,121,1) !important; }
.loué { color: rgba(237,111,121,1) !important; }

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

#top { 
	position: fixed;
	top: 100px;
	left: 0px;
	width: 30%; min-width: 450px; max-width: 650px;
	height: calc(170px - 58px);
	background-color: white;
	padding-right: 24px;
	padding-left: 10px;
	background-color: rgba(255,255,255,1);
	z-index: 10000;
	font-family: 'regularSelecteur';
	letter-spacing: 1px;
	border-left: 20px solid rgba(204,204,204,1);
	margin-top: 30px;
	box-shadow: 0px -30px 0px white;
	transition-duration: 1s;
}

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

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

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

#selecteur-tableau-liste-lot div.lot {
	position: relative;
	width: 86%; 
	margin-top: 0px;
	margin-left: 10%;
	margin-bottom: 10px;
	margin-right: 5%;
	font-size: 15px;
	text-transform: uppercase;
	border-radius: 0px;
	overflow: hidden;
	cursor: pointer;
	background-color: rgba(0,0,0,0.0);
	border: 1px solid rgba(204,204,204,1);
	border-radius: 4px;
}

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

.show { display: block; }
.hide { display: none; }

#selecteur-tableau-liste-lot div.lot:hover {
	margin-top: 0px;
	margin-left: 10%;
	margin-bottom: 20px;
	margin-right: 5%;
}

#selecteur-tableau-liste-lot .statut-dispo { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(181,212,137); }
#selecteur-tableau-liste-lot .statut-dispo:hover { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(181,212,137); }

#selecteur-tableau-liste-lot .statut-reser { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(250,209,105,1); }
#selecteur-tableau-liste-lot .statut-reser:hover { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(250,209,105,1); }

#selecteur-tableau-liste-lot .statut-vendu { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(237,111,121,1); }
#selecteur-tableau-liste-lot .statut-vendu:hover { box-shadow: 0px 0px 0px rgba(255,255,255,1), -6px 0px 0px rgba(237,111,121,1); }

#selecteur-tableau-liste-lot ul {
	display: block;
	width: 100%; height: auto;
	overflow: hidden;
	margin: 0; padding: 0;
}

#selecteur-tableau-liste-lot li {
	display: inline-block;
	float: left;
	line-height: 40px;
}

#selecteur-tableau-liste-lot ul.fixe li { height: 40px; }

#selecteur-tableau-liste-lot ul.ferme li { height: 0px; overflow: hidden; background-position: center; background-size: 0%; }

#selecteur-tableau-liste-lot .active ul.ferme li { height: 40px; }

#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(6),
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(7),
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(8),
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(9) { 
	height: 80px;
	background-position: center 65%;
	background-size: 28%;
}

#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(6):hover,
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(7):hover,
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(8):hover,
#selecteur-tableau-liste-lot .active ul.ferme li:nth-child(9):hover {
	height: 80px;
	background-position: center 72%;
	background-size: 32%;
}


#selecteur-tableau-liste-lot .grosTitre { font-size: 13px; }
#selecteur-tableau-liste-lot .avecTitre { height: 40px; overflow: hidden; line-height: 16px; }
#selecteur-tableau-liste-lot .titreCase { display: inline-block; width: 100%; position: relative; font-size: 8px; padding-top: 7px; line-height: 10px; color: rgba(0,0,0,0.8);}


ul.fixe li:nth-child(1) { width: calc(22% - 10px); text-align: left; padding-left: 10px; }
ul.fixe li:nth-child(2) { width: 11%; text-align: center; }
ul.fixe li:nth-child(3) { width: 9%; text-align: center; }
ul.fixe li:nth-child(4) { width: 23%; text-align: center; }
ul.fixe li:nth-child(5) { width: 25%; text-align: center; }
ul.fixe li:nth-child(6) { width: 10%; text-align: center; }

ul.ferme li:nth-child(1) { width: 20%; text-align: center; }
ul.ferme li:nth-child(2) { width: 20%; text-align: center; }
ul.ferme li:nth-child(3) { width: 20%; text-align: center; }
ul.ferme li:nth-child(4) { width: 20%; text-align: center; }
ul.ferme li:nth-child(5) { width: 20%; text-align: center; }

ul.ferme li:nth-child(6) { width: 25%; text-align: center; background-image: url(../custom/svg/selecteur-picto-pdf-download.svg); }
ul.ferme li:nth-child(7) { width: 25%; text-align: center; background-image: url(../custom/svg/selecteur-picto-pdf-brochure.svg); }
ul.ferme li:nth-child(8) { width: 25%; text-align: center; background-image: url(../custom/svg/selecteur-picto-pdf-liste.svg); }
ul.ferme li:nth-child(9) { width: 25%; text-align: center; background-image: url(../custom/svg/selecteur-picto-pdf-contact.svg); }


#selecteur-tableau-liste-lot ul.fixe li:nth-child(1), ul.fixe li:nth-child(2), ul.fixe li:nth-child(3), ul.fixe li:nth-child(4), ul.fixe li:nth-child(5) { 
	border-right: 1px solid rgba(204,204,204,1); margin-left: -1px; 
}

#selecteur-tableau-liste-lot ul.ferme li { border-top: 1px solid rgba(204,204,204,1); margin-bottom: -1px; }
#selecteur-tableau-liste-lot ul.ferme li:nth-child(1), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(2), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(3), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(4), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(6), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(7), 
#selecteur-tableau-liste-lot ul.ferme li:nth-child(8) {
	border-right: 1px solid rgba(204,204,204,1); margin-left: -1px; 
}

.statut-dispo ul.fixe li:nth-child(6) { background-color: rgba(93,157,144,0); }

.statut-reser ul.fixe li:nth-child(6) { background-color: rgba(0,0,0,0); }

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

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

#selecteur-tableau-liste-lot .active ul.fixe li.lignePictogramme { 
	transform: rotate(0deg);
}

/* //////////////////////////////////////////////////////////// FOOTER */

#selecteur-footer { 
	position: relative;
	height: auto;
	padding: 0 0 0 0;
	padding-bottom: 30px;
}

ul.selecteur-footer-disponibilite {
	display: table;
	position: relative;
	height: auto;
	position: relative;
	width: 85% !important; 
	font-size: 15px;
	text-transform: uppercase;
	padding: 8px 0 0 0 !important;
	left: 10%;
}

ul.selecteur-footer-disponibilite li { background-repeat: no-repeat; background-size: 18px; background-position: right 40%; padding-right: 26px; color:#333; }

ul.selecteur-footer-disponibilite li:nth-child(1) { width: 15%; text-align: left; background-image: url(../custom/svg/selecteur-picto-liste-open-sans.svg); background-position: left 40%; padding-right: 0px; padding-left: 26px; color:rgba(204,204,204,1); }
ul.selecteur-footer-disponibilite li:nth-child(2) { width: 15%; text-align: right; background-image: url(../custom/svg/selecteur-picto-liste-open-dispo.svg); }
ul.selecteur-footer-disponibilite li:nth-child(3) { width: 23%; text-align: right; background-image: url(../custom/svg/selecteur-picto-liste-open-reser.svg); }
ul.selecteur-footer-disponibilite li:nth-child(4) { width: 15%; text-align: right; background-image: url(../custom/svg/selecteur-picto-liste-open-vendu.svg); }

ul.selecteur-footer-informations {
	display: table;
	position: relative;
	height: auto;
	position: relative;
	width: 85% !important;
	font-size: 15px;
	text-transform: uppercase;
	left: 10%;
}

ul.selecteur-footer-informations li:nth-child(1) { 
	width: 25%; 
	height: auto; 
	min-height: 100px;
	background-image: url(../custom/svg/selecteur-logo-projet-principal.svg);
	background-position: top left; 
	background-repeat: no-repeat;
	background-size: 75px;
}

ul.selecteur-footer-informations li:nth-child(2) { width: 75%; text-transform: none; font-size: 14px; line-height: 16px !important; text-align: justify; padding-top: 10px; }

.ancreTete { cursor: pointer; }

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

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

#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; opacity: 0.2;}
.cls-3{opacity: 0.85;}

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

#selecteur-filtres {
	position: absolute;
	left: 40%;
	top: 30px;
	width: 50%;
	height: 80px;
	overflow: hidden;
	z-index: 20000;
}

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

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

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

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

/* //////////////////////////////////////////////////////////// GESTION DES FILTRES ............ ETAGE ............ 20000 */

#selecteur-etage {
	position: fixed;
	left: 45%;
	top: 160px;
	width: auto;
	height: 80px;
	overflow: hidden;
	z-index: 30000;
	transition-duration: 1s;
}

@media screen and (min-width: 1300px) { #selecteur-etage { left: 35%; } }

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

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

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

#selecteur-etage ul.selecteur-filtres-etage li.active {
	font-family: 'bold';
	font-size: 12px;
	background-image: url(../custom/svg/selecteur-picto-liste-open-dispo.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 24px;
}

/* ///////////////////////////////////////////////////////////// */

#selecteur-adresse {
	position: absolute;
	left: 10%;
	top: 30px;
	width: 30%;
	height: 50px;
	overflow: hidden;
	z-index: 20000;
	border-left: 0px solid rgba(204,204,204,1);
	border-right: 1px solid rgba(204,204,204,1);
}

#selecteur-adresse p.adresse {
	position: relative;
	display: block;
	vertical-align: middle;
	font-family: "bold";
	font-size: 20px; 
	text-align: center;
	padding: 0; margin: 0px;
	padding-top: 4px;
	color: rgba(0,0,0,1);
}

#selecteur-titre {
	position: absolute;
	left: 0%;
	top: 0px;
	width: 100%;
	height: 30px;
	overflow: hidden;
	z-index: 20000;
}

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

#selecteur-range {
	position: relative;
	top: 100px;
	width: 85%;
	margin-top: 10px;
	margin-left: 10%;
	margin-bottom: 10px;
	margin-right: 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: 4px !important;
	border-top-right-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	transition-duration: 0s !important;
}

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

.ui-widget-content .ui-state-default {
	background-color: rgba(181,212,137) !important;
	border: 0px !important;
	position: absolute !important;
	top: 0 !important;
	width: 6px !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ui-slider-horizontal .ui-slider-range {
	background-color: rgba(110,175,175,0.5) !important;
}

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

/* //////////////////////////////////////////////////////////// GESTION DU LECTEUR DE ............ PDF ............ 20000 */

#selecteur-lecteur { display: none; }

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

.statut-dispo-pdf { background-color: rgba(255,255,255,1) !important;}
.statut-reser-pdf { background-color: rgba(250,209,105,1) !important;}
.statut-vendu-pdf { background-color: rgba(222,126,104,1) !important;}

#selecteur-visuel polygon { 
	cursor: pointer;
	stroke:white;
	stroke-width:0;
	stroke-dasharray: 0px 1000px;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition-duration: 1s;
}

#selecteur-visuel polygon:hover { 
	opacity: 0.7; cursor: pointer;
	stroke:white;
	stroke-width:8;
	stroke-dasharray: 1000px 0px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

#selecteur-visuel polygon.hide { display: none; }

#selecteur-visuel polygon.polyActif {
	opacity: 0.7;
}

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

#selecteur-box-up {
	font-family: 'regularSelecteur';
	letter-spacing: 0px;
	text-transform: uppercase;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.2);
}

#selecteur-box-up {
	z-index: 1000000;
	position: fixed;
	top: -500px;
	left: -500px;
	width: 350px;
	height: auto;
	background-color: white;
	border: 6px solid rgba(255,255,255,1);
	transition-duration: 0s;
	opacity: 0.5;
	font-size: 13px;
}

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

#selecteur-box-up li {
	display: inline-block;
	float: left;
	line-height: 40px;
	height: 40px;
}


#selecteur-box-up ul.fixe li:nth-child(1) { width: calc(22% - 4px); text-align: left; padding-left: 10px; border-right: 1px solid rgba(204,204,204,1); margin-left: -1px;  }
#selecteur-box-up ul.fixe li:nth-child(2) { width: 14%; text-align: center; }
#selecteur-box-up ul.fixe li:nth-child(3) { width: 9%; text-align: center; }
#selecteur-box-up ul.fixe li:nth-child(4) { width: 26%; text-align: center; }
#selecteur-box-up ul.fixe li:nth-child(5) { width: 27%; text-align: center; border-right: none; }
#selecteur-box-up ul.fixe li:nth-child(6) { display: none; }

#selecteur-box-up ul.ferme li:nth-child(1) { width: 20%; text-align: center; border-right: 1px solid rgba(204,204,204,1); margin-left: -1px; }
#selecteur-box-up ul.ferme li:nth-child(2) { width: 20%; text-align: center; }
#selecteur-box-up ul.ferme li:nth-child(3) { width: 20%; text-align: center; }
#selecteur-box-up ul.ferme li:nth-child(4) { width: 20%; text-align: center; }
#selecteur-box-up ul.ferme li:nth-child(5) { width: 19%; text-align: center; }

#selecteur-box-up ul.ferme li:nth-child(6), 
#selecteur-box-up ul.ferme li:nth-child(7), 
#selecteur-box-up ul.ferme li:nth-child(8), 
#selecteur-box-up ul.ferme li:nth-child(9) { display: none; }

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

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

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

#selecteur-box-up .grosTitre { font-size: 13px; }
#selecteur-box-up .avecTitre { height: 40px; overflow: hidden; line-height: 16px; }
#selecteur-box-up .titreCase { display: inline-block; width: 100%; position: relative; font-size: 8px; padding-top: 7px; line-height: 10px; color: rgba(0,0,0,0.8);}


#selecteur-box-up ul.ferme li { border-top: 1px solid rgba(204,204,204,1); margin-bottom: -1px; }

#selecteur-box-up .disponible { color: rgba(181,212,137) !important; }
#selecteur-box-up .reserve { color: rgba(250,209,105,1) !important; }
#selecteur-box-up .vendu { color: rgba(222,126,104,1) !important; }

#selecteur-box-fleche {
	font-family: 'regularSelecteur';
	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-blanc.svg);
	background-repeat: no-repeat;
	cursor: pointer;
	transform: rotate(180deg);
}