#do1011-panneau-selecteur {
  max-width: 100%;
  position: relative;
}

#do1011-panneau-selecteur #do1011-panneau-filtre{
  width: 60vw;
  min-height: 100px;
  background-color: #F7E3CD;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 16;
  display: none;
  padding: 16px 6%;
  grid-template-columns: auto 1fr;
  align-content: center;
  gap: 70px;
  transform: translate(-50%, -60%);
  border-radius: 0;
  pointer-events: all;
  transition: none;
}

#do1011-panneau-selecteur #do1011-panneau-filtre.menu-sticked{
  position: fixed;
  top: 160px;
  transition: all 300ms ease-in-out;
}


@media all and (min-width: 921px){
  #do1011-panneau-selecteur #do1011-panneau-filtre{
    display: grid;
  }
}

#do1011-panneau-selecteur #do1011-panneau-filtre>div{
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr;
  align-items: end;
  justify-items: center;
  gap: 10px;
}

#do1011-panneau-selecteur #do1011-panneau-filtre select{
  font-size: 16px;
  font-family: 'gotham';
  font-weight: 400;
  color: #303A35;
}

#do1011-panneau-selecteur #do1011-panneau-filtre>div>span{
  color: #303A35;
  font-size: 16px;
  font-family: "Poppins";
  font-weight: 600;
}

#do1011-panneau-selecteur #do1011-panneau-filtre select{
  color: #303A35;
  border-bottom-color: #303A35 !important;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-horizontal{
  height: 6px;
  top: -6px;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-handle{
  width: 20px;
  height: 20px;
  top: -8px;
  border-radius: 20px;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-tooltip,
#do1011-les-filtres-mobile .noUi-tooltip{
  font-size: 12px;
  line-height: 1;
  color: #303A35;
  background: transparent;
  border: 1px solid #303A35;
  border-radius: 25px;
  padding: 6px 12px;
  font-family: 'gotham';
  font-weight: 400;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-handle::before,
#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-handle::after{
  display: none;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .noUi-connect{
  background: #303A35;
}

#do1011-panneau-selecteur #do1011-panneau-filtre .do1011-filtre-prix{
  align-content: center;
}

#do1011-panneau-selecteur svg {
  user-select: none;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble,
#do1011-panneau-selecteur #selecteur-vue-ensemble img{
    width: 100%;
    height: auto;
    display: block;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble{
    position: relative;
    z-index: 11;
    display: none;
}

@media all and (min-width: 921px){
  #do1011-panneau-selecteur #selecteur-vue-ensemble{
    display: block;
  }
}

#do1011-panneau-selecteur #do11-over-vue-ensemble{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  user-select: none;
  pointer-events: none;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble,
#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble-informations{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble-informations{
  pointer-events: none;
  z-index: 3;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble polygon,
#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble path{
  fill: #7acd9f;
  fill-opacity: 0;
  cursor: pointer;
  transition: all 250ms ease;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble polygon:hover,
#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble path:hover{
  fill-opacity: 0.4;
}

#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble polygon.filtered,
#do1011-panneau-selecteur #selecteur-vue-ensemble #svg-vue-ensemble path.filtered,
#do1011-panneau-selecteur .do1011-svg-etages .do1011-un-etage.filtered{
      fill-opacity: 0.7;
    fill: #7acd9f;
    mix-blend-mode: multiply;
}

#do1011-panneau-selecteur .svg-vue-ensemble-informations-group{
  overflow: visible;
  opacity: 0;
}

#do1011-panneau-selecteur .svg-vue-ensemble-informations-group>div{
  background-color: #313a35;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: fit-content;
  padding: 16px 24px;
  gap: 7px;
  transform: translate(-50%, 0);
}

#do1011-panneau-selecteur .svg-vue-ensemble-informations-group>div div{
  line-height: 1;
  font-size: 16px;
  color: #F7E3CD;
  font-family: "Poppins";
}

#do1011-panneau-selecteur .svg-vue-ensemble-informations-group>div div:nth-of-type(2),
#do1011-panneau-selecteur .svg-vue-ensemble-informations-group>div div:nth-of-type(3){
  font-size: 14px;
}

#do1011-panneau-selecteur .do1011-panneau-batiment{
  position: relative;
  width: 100%;
  height: 100%;
}
#do1011-panneau-selecteur .do1011-panneau-etage {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
#do1011-panneau-selecteur .do1011-panneau-global {
  z-index: 5;
}
#do1011-panneau-selecteur .do1011-panneau-batiment {
  z-index: 11;
  transition: transform 0.5s ease-in-out, opacity 0.3s ease-in-out 175ms !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  max-width: 100%;
  opacity: 0;
  pointer-events: none;
}
#do1011-panneau-selecteur .do1011-img-batiment,
#do1011-panneau-selecteur .do1011-img-batiment-effet {
  display: block;
}
#do1011-panneau-selecteur .do1011-panneau-etage {
  z-index: 15;
  display: none;
}
#do1011-panneau-selecteur .do1011-img-batiment.effet-flou,
#do1011-panneau-selecteur .do1011-img-overlay.effet-flou {
  filter: blur(4px) grayscale(60%);
}

.do1011-img-overlay g.hover rect,
.do1011-img-overlay g.filtered rect{
  stroke: #303A35 !important;
  fill: #303A35 !important;
}

#do1011-panneau-selecteur .do1011-img-overlay svg>g{
  opacity: 0;
}

#do1011-panneau-selecteur #do1011-batiment-back{
  position: absolute;
  top: 18%;
  left: 14%;
  border: 1px solid #313a35;
  background: transparent;
  border-radius: 0;
  outline: none;
  line-height: 1;
  padding: 15px;
  width: auto;
  color: #313a35;
  font-family: 'gotham', sans-serif !important;
  border-radius: 32px;
  display: grid;
  grid-template-columns: auto auto;
}

#do1011-panneau-selecteur .do1011-panneau-batiment.slide-out #do1011-batiment-back{
  display: none;
}

#do1011-panneau-selecteur #do1011-batiment-back svg{
  height: 14px;
}

#do1011-panneau-selecteur #do1011-batiment-back svg line,
#do1011-panneau-selecteur #do1011-batiment-back svg path{
  stroke: #303A35;
}

#do1011-panneau-selecteur #do1011-batiment-back:hover{
  background: #303A35;
  color: #F7E3CD;
}

#do1011-panneau-selecteur #do1011-batiment-back:hover svg line,
#do1011-panneau-selecteur #do1011-batiment-back:hover svg path{
  stroke: #F7E3CD;
}

#do1011-panneau-selecteur .do1011-panneau-etage-wrapper {
  height: 100%;
  max-height: 100%;
  display: grid;
  grid-gap: 0;
  position: relative;
  width: 100%;
}
#do1011-panneau-selecteur .do1011-panneau-etages,
#do1011-panneau-selecteur .do1011-panneau-filtre {
  direction: ltr;
  position: relative;
}
#do1011-panneau-selecteur .do1011-panneau-filtre {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: left;
  gap: 0;
  border-top: 2px solid hsla(0, 0%, 100%, 0.1);
  border-bottom: 2px solid hsla(0, 0%, 100%, 0.1);
}
#do1011-panneau-selecteur .do1011-panneau-unites {
  background: hsla(0, 0%, 100%, 0.8);
  position: relative;
}
#do1011-panneau-selecteur .do1011-panneau-actions {
  background: rgba(43, 43, 43, 0.97);
  position: relative;
  overflow-y: auto;
  direction: rtl;
  box-shadow: 0 0 10px rgba(35, 35, 35, 0.5);
}
#do1011-panneau-selecteur .do1011-panneau-batiment .do1011-img-overlay,
#do1011-panneau-selecteur .do1011-panneau-batiment .do1011-svg-etages,
#do1011-panneau-selecteur .do1011-panneau-batiment .do1011-svg-etages-mobile,
#do1011-panneau-selecteur .do1011-panneau-etage .do1011-img-unite,
#do1011-panneau-selecteur .do1011-panneau-etage .do1011-svg-unites {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
#do1011-panneau-selecteur .do1011-panneau-etage .do1011-img-unite {
  height: auto;
  top: 50%;
  transform: translateY(-50%);
}
#do1011-panneau-selecteur .do1011-panneau-batiment .do1011-img-overlay,
#do1011-panneau-selecteur .do1011-panneau-etage .do1011-img-unite {
  pointer-events: none;
}
#do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon,
#do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon {
  fill: #d8b942;
  fill-opacity: 0;
  cursor: pointer;
}
#do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon.active,
#do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon:hover,
#do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon:hover {
  fill-opacity: 0.4;
}
#do1011-panneau-selecteur.inline
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon.filtre,
#do1011-panneau-selecteur.inline
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon.filtre,
#do1011-panneau-selecteur.inline
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon.filtre {
  fill: #1868d1;
  fill-opacity: 0.3;
}
#do1011-panneau-selecteur .do1011-panneau-etage svg.do1011-svg-unites polygon {
  fill-opacity: 0;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.disponible {
  fill: #fff;
  fill-opacity: 0;
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible,
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.indisponible {
  fill-opacity: 0.8;
  fill: #ed2734;
  cursor: not-allowed;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.attente {
  fill-opacity: 0.5;
  fill: url(#diagonalHatch);
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.disponible.filtered {
  fill-opacity: 0.7;
  fill: #7acd9f;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.attente.filtre {
  fill-opacity: 0.5;
  fill: url(#diagonalHatchFiltre);
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.active {
  fill-opacity: 1 !important;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon:hover {
  fill-opacity: 0.9 !important;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.indisponible.active,
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.indisponible:hover {
  fill-opacity: 1 !important;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon {
  fill: #fff;
  fill-opacity: 0;
  cursor: pointer;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon.hover,
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon:hover {
  fill-opacity: 0.7 !important;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon.active {
  fill-opacity: 1 !important;
}
#do1011-panneau-selecteur .do1011-panneau-etage-plan {
  display: none;
}
#do1011-panneau-selecteur .do1011-btn,
#do1011-panneau-selecteur .do1011-btn-mobile {
  width: 100%;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 20px 30px;
  border: none;
  text-align: left;
  text-transform: uppercase;
}
#do1011-panneau-selecteur .do1011-btn-etage {
  background: none;
  text-transform: none;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-selecteur .do1011-btn-etage:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
#do1011-panneau-selecteur .do1011-btn-etage.active {
  background: #ed2734;
}
#do1011-panneau-selecteur .do1011-btn-etage h5 {
  font-size: 18px;
  letter-spacing: 1px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
#do1011-panneau-selecteur .do1011-btn-etage p {
  font-size: 14px;
  display: block;
  padding-top: 4px;
  margin-bottom: 0;
}
#do1011-panneau-selecteur .do1011-btn-etage hr {
  border: 0;
  border-bottom: 1px dashed hsla(0, 0%, 100%, 0.1);
}
#do1011-panneau-selecteur .do1011-btn-retour {
  font-size: 12px;
  letter-spacing: 1px;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  direction: ltr;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-selecteur .do1011-btn-retour:hover {
  background: rgba(0, 0, 0, 0.9);
}
#do1011-panneau-selecteur .do1011-btn-filtre {
  width: 25%;
  box-sizing: border-box;
  padding: 10px 0;
  border: 1px solid rgba(0, 0, 0, 0.8);
  background: none;
  text-align: center;
  text-transform: uppercase;
  display: block;
  transition: all 0.25s ease-in-out;
  font-size: 14px;
}
#do1011-panneau-selecteur .do1011-btn-filtre:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
#do1011-panneau-selecteur .do1011-btn-filtre.active {
  background: rgba(24, 104, 209, 0.8);
}
#do1011-tooltip {
  width: auto;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
  padding: 6px 12px;
  box-sizing: border-box;
  overflow: visible;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}
#do1011-panneau-popup-id {
  width: 280px;
  margin-top: 0;
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  overflow: visible;
  box-shadow: 2px 2px 10px rgba(25, 25, 25, 0.7);
  position: relative;
}
#do1011-panneau-popup-id header {
  background: #191919;
  margin-bottom: 0;
  padding: 10px 10px 0;
  color: #fff;
  position: relative;
}
#do1011-panneau-popup-id .do1011-actions {
  position: absolute;
  right: 0;
  top: 0;
}
#do1011-panneau-popup-id .do1011-actions a {
  background: hsla(0, 0%, 100%, 0.075);
  width: 36px;
  height: 36px;
  text-align: center;
  display: block;
  float: left;
  margin-left: 2px;
  color: #fff;
}
#do1011-panneau-popup-id .do1011-actions a i {
  line-height: 36px;
}
#do1011-panneau-popup-id .do1011-actions a.do1011-disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
#do1011-panneau-popup-id .do1011-actions a:not(.do1011-disabled):hover {
  background: #ed2734;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-popup-id h4 {
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}
#do1011-panneau-popup-id .do1011-etat {
  width: 40%;
  height: 22px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  position: absolute;
  right: 0;
  bottom: -22px;
}
#do1011-panneau-popup-id .do1011-etat div {
  width: 100%;
  margin: 0;
  padding: 6px 0;
  font-size: 14px;
}
#do1011-panneau-popup-id .do1011-couleur-disponible {
  background: #108c1b;
}
#do1011-panneau-popup-id .do1011-couleur-indisponible {
  background: rgba(237, 39, 52, 0.8);
}
#do1011-panneau-popup-id .do1011-couleur-attente {
  background: #ec810a;
}
#do1011-panneau-popup-id .do1011-etat-extra {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 10px 12px;
}
#do1011-panneau-popup-id .do1011-etat-extra.do1011-couleur-disponible {
  background: rgba(16, 140, 27, 0.8);
}
#do1011-panneau-popup-id .do1011-etat-extra.do1011-couleur-indisponible {
  background: #ed2734;
}
#do1011-panneau-popup-id .do1011-etat-extra.do1011-couleur-attente {
  background: rgba(236, 129, 10, 0.8);
}
#do1011-panneau-popup-id main {
  padding: 0;
  overflow: hidden;
}
#do1011-panneau-popup-id main .do1011-fiche {
  padding: 0 10px 10px;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 1fr;
  max-height: 100%;
  overflow: hidden;
}
#do1011-panneau-popup-id main .do1011-fiche .do1011-image {
  height: 100%;
  overflow: hidden;
}
#do1011-panneau-popup-id .do1011-fiche h5 {
  padding: 0;
  margin: 0 0 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 14px;
  font-weight: 700;
  color: #555;
}
#do1011-panneau-popup-id .do1011-fiche p {
  font-size: 14px;
  letter-spacing: 0;
  line-height: 1.3;
  padding: 0;
  margin: 0 7.5% 18px;
}
#do1011-panneau-popup-id .fiche p.do1011-sans-padding {
  margin-bottom: 0;
}
#do1011-panneau-popup-id .do1011-fiche .do1011-financier .do1011-prix {
  font-weight: 700;
}
#do1011-panneau-popup-id .do1011-fiche span {
  font-size: 12px;
  font-weight: 400;
}
#do1011-panneau-popup-id:after {
  content: "";
  position: absolute;
  border-color: #fff transparent;
  border-style: solid;
  border-width: 12px 13px 0;
  bottom: -12px;
  left: 45%;
}
#do1011-panneau-popup-id:before {
  content: "";
  position: absolute;
  border-color: #191919;
  border-color: rgba(75, 75, 75, 0.3) transparent;
  border-style: solid;
  border-width: 11px 13px 0;
  bottom: -13px;
  left: 45%;
}
#do1011-panneau-popup-id header.do1011-titre-erreur {
  margin-bottom: 12px;
}
#do1011-panneau-popup-id header.do1011-titre-erreur h4 {
  text-align: center;
}
#do1011-panneau-popup-id {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 900;
}
#do1011-panneau-selecteur.inline .do1011-panneau-actions,
#do1011-panneau-selecteur.inline .do1011-panneau-unites {
  background: none;
}
#do1011-panneau-selecteur.inline .do1011-img-etage {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
#do1011-panneau-selecteur .do1011-panneau-detail-unite {
  position: relative;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id {
  width: 80%;
  background: none;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto;
  box-shadow: none;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id header {
  background: none;
  color: #000;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id:after,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id:before {
  content: none;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions {
  left: auto;
  right: auto;
  position: relative;
}
#do1011-panneau-selecteur.inline .do1011-panneau-filtre {
  border-top: 0;
  border-bottom: 0;
}
#do1011-panneau-selecteur.inline .do1011-btn-filtre {
  width: auto;
  color: #000;
  padding: 6px;
  margin-left: 1px;
  border: none;
  text-align: left;
  display: inline-block;
  transition: all 0.25s ease-in-out;
}
#do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 100%;
  align-items: center;
  overflow: hidden;
  height: 100%;
  grid-template-rows: 100%;
}
#do1011-panneau-selecteur.inline .do1011-titre-etage {
  position: absolute;
  left: 2.4vw;
  top: 6vw;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id h4,
#do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre h4,
#do1011-panneau-selecteur.inline .do1011-titre-etage h4 {
  font-size: 50px;
  line-height: 1.1;
  font-weight: 700;
  text-transform: none;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-fiche p {
  margin: 0 0 18px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-couleur-indisponible {
  background: #ed2734;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-image {
  text-align: left;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions
  a,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions a {
  background: #000;
  width: auto;
  height: auto;
  text-align: center;
  float: none;
  display: inline-block;
  margin-bottom: 2px;
  padding: 4px 12px;
  text-decoration: none;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-actions
  a:last-child,
  .do1011-panneau-etage-mobile .do1011-actions-mobile a:last-of-type{
  margin-bottom: 0;
  background-color: #303A35 !important;
  color: #DCDEC6 !important;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-etat
  div,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-etat div {
  width: auto;
  padding: 0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0;
  display: inline-block;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-etat
  div {
  font-size: 18px;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id-mobile .do1011-etat {
  padding-bottom: 18px;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-etat {
  width: auto;
  height: auto;
  line-height: 1;
  position: relative;
  text-align: left;
  right: auto;
  bottom: auto;
  text-transform: none;
  margin-bottom: 12px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-couleur-disponible,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-couleur-disponible {
  background: none;
  color: #108c1b;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-couleur-attente,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-couleur-attente {
  background: none;
  color: #ec810a;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-couleur-indisponible,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-couleur-indisponible {
  background: none;
  color: #ed2734;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id-mobile .do1011-prix,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-prix {
  font-size: 14px;
  color: #000;
  font-weight: 700;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-prix
  span,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-prix span {
  font-size: 10px;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id header {
  margin-bottom: 0;
}
#do1011-panneau-selecteur.inline
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.disponible.filtre.active {
  fill: #fff;
}
.slide-out {
  opacity: 0;
  transform: translateX(-120%);
}
.slide-out.opened-2016{
  transform: translateX(-17%);
}
.slide-out.opened-2014{
  transform: translateX(-58%);
}

@-webkit-keyframes slide-in {
  0% {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@keyframes slide-in {
  0% {
    left: -100%;
    opacity: 0;
  }
  to {
    left: 0;
    opacity: 1;
  }
}
@-webkit-keyframes slide-out {
  0% {
    left: 0;
    opacity: 1;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}
@keyframes slide-out {
  0% {
    left: 0;
    opacity: 1;
  }
  to {
    left: -100%;
    opacity: 0;
  }
}
#do1011-panneau-selecteur .do1011-panneau-etage-mobile {
  background: #e7e1da;
  text-align: center;
}
#do1011-panneau-selecteur .do1011-panneau-etage-mobile h3 {
  font-size: calc(20px + 30 * (100vw - 300px) / 1620) !important;
}
#do1011-panneau-selecteur .do1011-panneau-etage-mobile h4 {
  font-size: calc(15px + 30 * (100vw - 300px) / 1620) !important;
  padding-bottom: 15px;
}
#do1011-panneau-selecteur .do1011-panneau-selections-mobile {
  padding: 50px 0;
}

.do1011-panneau-selections-mobile #do1011-panneau-etage-wrapper{
  display: none !important;
}

#do1011-panneau-selecteur .do1011-sel-etages-mobile {
  padding-top: 50px;
}
#do1011-panneau-selecteur #do1011-les-filtres-mobile .do1011-btn-mobile {
  width: auto;
  padding: 6px;
  display: inline-block;
  transition: all 0.25s ease-in-out;
}

#do1011-panneau-selecteur #do1011-les-filtres-mobile select{
  width: 100%;
    font-size: 16px;
    font-family: 'gotham';
    font-weight: 400;
    color: #303A35;
    border: none;
    border-bottom-color: #303A35 !important;
}

#do1011-panneau-selecteur .do1011-btn-etage-mobile,
#do1011-panneau-selecteur .do1011-btn-unite-mobile {
  width: 80px;
  display: inline-block;
  background: transparent;
  padding: 12px 5px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #313a35;
  user-select: none;
  border-radius: 34px;
  line-height: 1;
  font-family: 'gotham', sans-serif !important;
  font-weight: 600;
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile{
  width: 100%;
  display: grid;
  gap: 6px
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile>span:nth-of-type(2){
  font-size: 72%;
  font-weight: 400;
}

#do1011-panneau-selecteur .do1011-btn-etage-mobile {
  width: 100%;
  height: auto;
  padding: 12px 5px;
  overflow: hidden;
  position: relative;
  border-radius: 34px;
  border: 1px solid #3a3632;
    color: #313a35;
    font-family: 'gotham', sans-serif !important;
    font-weight: 600;
    font-size: 20px;
    user-select: none;
}

body #do1011-panneau-selecteur .do1011-sel-etages-mobile > div {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
#do1011-panneau-selecteur .do1011-btn-etage-mobile div.do1011-etage-texte {
  position: relative;
  display: inline-block;
  z-index: 10;
}
#do1011-panneau-selecteur .do1011-btn-etage-mobile:hover div.do1011-etage-deco {
  color: rgba(0, 0, 0, 0.1);
}
#do1011-panneau-selecteur .do1011-btn-etage-mobile.active {
  background: #F9C7A5;
  border-color: #F9C7A5;
}

#do1011-panneau-selecteur .do1011-btn-etage-mobile.filtered:not(.active) {
  background: #DCDEC6 !important;
  border-color: #DCDEC6;
  color: #303A35;
}

#do1011-panneau-selecteur
  .do1011-btn-etage-mobile.active
  div.do1011-etage-deco {
  color: rgba(24, 104, 209, 0.2);
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.active,
#do1011-panneau-selecteur .do1011-btn-unite-mobile:hover {
  background: #313a35;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage-plan-mobile
  .do1011-btn-unite-mobile.active:not(.indisponible) {
  background: #fff !important;
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible.active,
#do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible:hover {
  background: #000;
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente {
  background: hsla(0, 0%, 39.2%, 0.4);
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente.active,
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente:hover {
  background: hsla(0, 0%, 39.2%, 0.6);
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.disponible.filtre {
  background: rgba(24, 104, 209, 0.5);
}
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente.filtre,
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente.filtre.active,
#do1011-panneau-selecteur .do1011-btn-unite-mobile.attente.filtre:hover {
  background: rgba(24, 104, 209, 0.3);
}
#do1011-panneau-selecteur #do1011-panneau-popup-id-mobile {
  min-height: 550px;
  text-align: center;
  background: #edebe5;
  padding: 50px 0;
}
#do1011-panneau-selecteur #do1011-panneau-popup-id-mobile .do1011-image img {
  width: 100%;
  min-width: 300px;
}
#do1011-panneau-selecteur .do1011-panneau-filtre-mobile {
  display: block;
}
#do1011-panneau-selecteur .do1011-panneau-filtre-mobile h4 {
  padding-bottom: 25px;
}
#do1011-panneau-selecteur .do1011-sel-etages-mobile h4 {
  padding-bottom: 5px;
}
#do1011-panneau-selecteur .do1011-panneau-unites-mobile {
  padding-top: 50px;
}
.do1011-show-mobile {
  display: none !important;
}
@media screen and (max-width: 920px) {
  #do1011-panneau-selecteur .do1011-img-batiment,
  #do1011-panneau-selecteur .do1011-panneau-batiment {
    position: relative;
    left: auto !important;
    top: auto;
  }
  #do1011-panneau-selecteur .do1011-hide-mobile {
    display: none !important;
  }
  .do1011-show-mobile {
    display: block !important;
  }
  #do1011-panneau-selecteur .do1011-img-batiment.effet-flou,
  #do1011-panneau-selecteur .do1011-img-overlay.effet-flou {
    filter: none;
  }
}
#do1011-panneau-selecteur.inline {
  width: 100%;
  font-family: Arial, "sans-serif";
  font-size: 14px;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id {
  position: relative !important;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id header {
  top: 5.1vw;
  position: relative;
  top: 0;
  left: 0;
  padding-top: 0;
  text-align: center;
}
#do1011-panneau-selecteur.inline .do1011-btn-retour:hover {

}
#do1011-panneau-selecteur.inline .do1011-btn-retour {
  top: 6.5vw;
}
#do1011-panneau-selecteur.inline .do1011-btn-retour img {
  max-width: 2vw;
}
#do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre {
  top: -3vw;
}
#do1011-panneau-selecteur.inline .do1011-panneau-filtre button {
  font-weight: 700;
}
#do1011-panneau-selecteur.inline .do1011-btn-filtre:not(.active):hover {
  background: hsla(0, 0%, 100%, 0.1);
}

#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-actions
  a:hover {
  background: #000 !important;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-fiche p {
  font-size: 16px;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-fiche span {
  font-size: 17px;
  font-weight: 400;
}
#do1011-panneau-selecteur.inline .do1011-panneau-unites {
  margin-top: 9vw;
}
#do1011-panneau-selecteur.inline .do1011-titre-etage h4 {
  color: #fff;
  font-weight: 900 !important;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id h4,
#do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre h4 {
  font-weight: 900 !important;
}
#do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
  margin-bottom: 7vw !important;
}
@media screen and (min-width: 1400px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
    margin-bottom: 8vw !important;
  }
}
@media screen and (min-width: 1900px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
    margin-bottom: 9vw !important;
  }
}
.slick-list,
.slick-slider {
  position: relative;
  display: block;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-dots li button:focus,
.slick-dots li button:hover,
.slick-list:focus {
  outline: 0;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:after,
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-description
  .info-superficie,
.slick-initialized .slick-slide,
.slick-slide img,
body #do1011-panneau-popup-id-mobile,
body #do1011-panneau-popup-id-mobile .do1011-description > p > span {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 0.5px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff url(ajax-loader.gif) 50% no-repeat;
}
@font-face {
  font-family: slick;
  font-weight: 400;
  font-style: normal;
  src: url(../js/slick/fonts/slick.eot);
  src: url(../js/slick/fonts/slick.eot?#iefix) format("embedded-opentype"),
    url(../js/slick/fonts/slick.woff) format("woff"),
    url(../js/slick/fonts/slick.ttf) format("truetype"),
    url(../js/slick/fonts/slick.svg#slick) format("svg");
}
.slick-next,
.slick-prev {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  border: 0;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  color: transparent;
  outline: 0;
  background: 0 0;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-dots li button:before,
.slick-next:before,
.slick-prev:before {
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #484c25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  right: -25px;
  left: auto;
}
.slick-prev:before {
  content: "←";
}
.slick-next:before,
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  right: auto;
  left: -25px;
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.slick-dots li,
.slick-dots li button {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 5px;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
.slick-dots li button:before {
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000;
}
.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #484c25;
}
.slick-dots li,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  .do1011-img-unite {
  position: relative;
}
.do1011-image .slick-arrow,
.do1011-image .slick-arrow:active,
.do1011-image .slick-arrow:focus,
.do1011-image .slick-arrow:hover,
.do1011-image .slick-arrow:visited {
  background-color: transparent !important;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon,
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon,
body .do1011-panneau-selections-mobile #do1011-panneau-etage-wrapper polygon {
  transition: none;
  fill: #fff;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon.filtre,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon.filtre,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon.filtre,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.filtre {
  fill: #c87d5d;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon.active,
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages-mobile
  polygon:hover,
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon.hover,
body
  #do1011-panneau-selecteur
  .do1011-panneau-batiment
  svg.do1011-svg-etages
  polygon:hover {
  fill-opacity: 0.6;
}
body .do1011-panneau-batiment #etage-numeros-interactif {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 5%;
  z-index: 2;
  pointer-events: none;
}
@media (min-width: 921px) {
  body .do1011-panneau-batiment #etage-numeros-interactif {
    left: -2%;
  }
}


body .do1011-panneau-etage #etage-side-numeros-interactif {
  position: absolute;
  z-index: 2;
  left: -10.23%;
  height: 100%;
  bottom: 0;
  pointer-events: none;
}
body .do1011-panneau-batiment #etage-numeros-interactif circle,
body .do1011-panneau-etage #etage-side-numeros-interactif circle {
  pointer-events: all;
  cursor: pointer;
}
body .do1011-panneau-batiment #etage-numeros-interactif g.hover circle,
body .do1011-panneau-batiment #etage-numeros-interactif g:hover circle,
body .do1011-panneau-etage #etage-side-numeros-interactif .active circle,
body .do1011-panneau-etage #etage-side-numeros-interactif g.hover circle,
body .do1011-panneau-etage #etage-side-numeros-interactif g:hover circle {
  fill: #c87d5d !important;
}
body .do1011-panneau-batiment #etage-numeros-interactif g.hover path,
body .do1011-panneau-batiment #etage-numeros-interactif g:hover path,
body .do1011-panneau-etage #etage-side-numeros-interactif .active path,
body .do1011-panneau-etage #etage-side-numeros-interactif g.hover path,
body .do1011-panneau-etage #etage-side-numeros-interactif g:hover path {
  fill: #fff !important;
}
body #do1011-panneau-selecteur.inline #do1011-panneau-popup-id h4,
body #do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre h4,
body #do1011-panneau-selecteur.inline .do1011-titre-etage h4 {
  text-transform: none;
  font-family: "Poppins", Sans-serif;
  color: #3e4433;
  font-weight: 600 !important;
  font-size: 38px !important;
  line-height: 1.45em;
  letter-spacing: 0;
  margin-top: 0;
}
#do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre h5 {
  text-transform: none;
  font-family: Montserrat, Sans-serif;
  color: #3a3632;
  font-size: 13px;
  font-weight: 700 !important;
  margin: 0;
}
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre {
  display: none;
  grid-template-columns: 1fr;
  row-gap: 10px;
}
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre > div {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 16px;
  align-items: center;
  margin-bottom: 20px;
}
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre
  > div:first-of-type
  > div {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 6px;
}
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre #do-filtre-prix {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  column-gap: 18px;
}
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #do-filtre-prix {
  display: grid;
  align-items: center;
  column-gap: 18px;
}

body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  > div:nth-of-type(2) {
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #do-filtre-prix {
  grid-template-columns: 85%;
  row-gap: 16px;
  margin-top: 50px;
  justify-content: center;
}

body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre
  #do-filtre-prix
  input,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #do-filtre-prix
  input {
  width: 95px;
  border: 0.5px solid #484c25;
  background: #fafafa;
  font-family: Montserrat, Sans-serif;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  border-radius: 0;
  padding: 7px;
  margin: 0;
  color: #3a3632;
}
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #do-filtre-prix-max {
  justify-self: flex-end;
  padding: 7px;
}
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  .noUi-connect,
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre .noUi-connect {
  background: #303A35;
}
.info-style,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  .noUi-handle,
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre .noUi-handle {
  border-radius: 50%;
  border: 0.5px solid #484c25;
  cursor: pointer;
  height: 34px;
  top: -10px;
}
body #do1011-panneau-selecteur.inline .noUi-handle:after,
body #do1011-panneau-selecteur.inline .noUi-handle:before {
  top: 9px;
}
body #do1011-panneau-selecteur.inline .do1011-panneau-filtre #prix-slider,
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #prix-slider-mobile {
  padding: 0 12px;
  height: 14px;
}
body
  #do1011-panneau-selecteur.inline
  .do1011-panneau-filtre-mobile
  #prix-slider-mobile {
  grid-column: span 2;
}
body #do1011-panneau-selecteur #do1011-img-batiment-selectionnez {
  position: absolute;
  display: flex;
  align-items: center;
  text-align: left;
  top: 23%;
  color: #484c25;
  font-family: "DM Serif Display", Sans-serif;
  font-size: clamp(15px, 2.7vw, 67px);
  transform: translate(20vw, -50%);
  max-width: 26%;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 44px;
  line-height: 1.22em;
  letter-spacing: 0.15em;
}
body #do1011-panneau-selecteur #do1011-img-batiment-choisissez {
  position: absolute;
  display: flex;
  align-items: center;
  text-align: left;
  left: 0;
  top: 0;
  color: #253450;
  font-family: Spinwerad, Sans-serif;
  font-size: clamp(15px, 2.7vw, 67px);
  background-image: url(/wp-content/uploads/2021/07/Ellipse-40.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
  padding: 50px;
  transform: translate(2vw, -10%);
  max-width: 25%;
}
@media (max-width: 920px) {
  body #do1011-panneau-selecteur #do1011-img-batiment-choisissez,
  body #do1011-panneau-selecteur #do1011-img-batiment-selectionnez {
    display: none;
  }
}
body #do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible,
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.indisponible,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.indisponible {
  fill: #313a35;
  fill-opacity: 0.75;
}
body #do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible {
  border-color: rgba(0, 0, 0, 0.8);
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.attente,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.attente {
  fill: #888;
  fill-opacity: 0.25;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.disponible,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.disponible {
  fill: #f4e2ce;
  fill-opacity: 0;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.disponible.filtre,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.disponible.filtre {
  fill: #d5d0ca;
  fill-opacity: 1;
}
#do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-unites
  polygon.active,
body
  .do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  polygon.active {
  fill: #f4e2ce !important;
  fill-opacity: 1 !important;
}
body #do1011-panneau-selecteur .do1011-panneau-etage .do1011-img-unite {
  transform: none;
  top: 0;
  height: auto;
  position: relative;
}
body #do1011-panneau-selecteur .do1011-panneau-etage .do1011-svg-unites {
  top: 0;
  height: auto;
}
#do1011-panneau-popup-id-mobile .do1011-actions,
body .do1011-panneau-batiment.defaut,
body .do1011-panneau-etage.defaut .do1011-btn-retour {
  display: none !important;
}
body .do1011-panneau-etage.defaut {
  display: block !important;
}
#do1011-panneau-etage-wrapper {
  width: 82%;
  left: 9%;
  position: relative;
  margin-top: 0;
}
.info-style {
  color: inherit;
  display: inline-block;
  text-transform: lowercase;
  border: 0.5px solid #1b1464;
  border-radius: 100%;
  width: 17px;
  height: 17px;
  font-size: 11px;
  text-align: center;
  position: relative;
  top: -1px;
  vertical-align: middle;
  padding-top: 3px;
  transition: all 50ms ease-in;
  margin-left: 4px;
  line-height: 11px;
}
.info-style:hover {
  background-color: #1b1464;
  color: #fff !important;
}
.tippy-box {
  width: 90vw !important;
  max-width: 460px !important;
}
.tippy-content {
  padding: 0;
}
@media (min-width: 921px) and (max-width: 1400px) {
  body #do1011-panneau-selecteur .do1011-panneau-etage .do1011-img-unite,
  body #do1011-panneau-selecteur .do1011-panneau-etage .do1011-svg-unites {
    top: 0;
  }
  body .do1011-panneau-legende {
    top: unset;
    bottom: 10px;
  }
}
.do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  .do1011-panneau-etage-plan
  > svg,
body #do1011-panneau-selecteur .do1011-panneau-etage svg.do1011-svg-sel-etages {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage
  svg.do1011-svg-sel-etages
  polygon:hover {
  fill-opacity: 0.75;
}
.do1011-panneau-legende {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 25px;
  display: flex;
  flex-direction: row;
  font-family: Arial, Sans-serif;
  font-weight: 400;
  color: #3a3632;
  pointer-events: none;
}
.do1011-panneau-selections-mobile .do1011-panneau-legende {
  top: unset;
  bottom: 0;
}
.do1011-panneau-legende > span {
  display: flex;
  margin-left: 7px;
  margin-right: 7px;
  align-items: center;
}
.do1011-panneau-legende > span > span {
  display: block;
  width: 12px;
  height: 12px;
  border: 0.5px solid #120c0d;
  margin-right: 10px;
}
body #do1011-panneau-selecteur.inline {
  width: 100%;
  font-family: Montserrat, "sans-serif";
  font-size: 14px;
  background: 0 0;
  position: relative;
}

.do1011-panneau-etage-wrapper {
  grid-template-columns: 19.55%0 48%0 1fr;
}
#do1011-panneau-selecteur.inline .do1011-btn-retour {
    border: none;
    background: #F7E3CD;
    border-radius: 0;
    outline: none;
    line-height: 0;
    aspect-ratio: 1 / 1;
    padding: 15px;
    width: 60px;
    top: 50%;
    left: 0;
    position: absolute;
    z-index: 1;
    pointer-events: all;
    transform: translate(-50%, -50%);
}
#do1011-panneau-selecteur.inline .do1011-btn-retour,
#do1011-panneau-selecteur.inline .do1011-btn-retour *{
  transition: all 120ms ease;
}

#do1011-panneau-selecteur.inline .do1011-btn-retour:hover{
  background: #303A35;
}
#do1011-panneau-selecteur.inline .do1011-btn-retour:hover svg line,
#do1011-panneau-selecteur.inline .do1011-btn-retour:hover svg path{
  stroke: #F7E3CD;
}

#do1011-panneau-selecteur.inline .do1011-panneau-retour {
  display: grid;
  align-items: start;
  justify-items: start;
  position: relative;
  width: 100px;
}

#do1011-panneau-selecteur.inline .do1011-panneau-pre-filtre {
  position: relative;
  left: 0;
  padding-left: 14%;
  padding-right: 14%;
  top: 0;
}
#do1011-panneau-selecteur.inline .do1011-panneau-filtre {
  margin-top: 20px;
}
#do1011-panneau-selecteur.inline .do1011-panneau-filtre .do1011-btn-filtre {
  border: 0.5px solid #3a3632;
  font-family: Montserrat, Sans-serif;
  font-size: 14px;
  padding: 10px 5px;
  margin-right: 2px;
  text-transform: none;
  margin-bottom: 4px;
  color: #3a3632;
  font-weight: 700;
}
body #do1011-panneau-selecteur.inline .do1011-btn-filtre {
  color: #3a3632;
  border-color: #3a3632;
  outline: 0 !important;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
body #do1011-panneau-selecteur.inline .do1011-btn-filtre small {
  font-size: 100%;
}
@media (min-width: 1100px) {
  body #do1011-panneau-selecteur.inline .do1011-btn-filtre {
    font-size: 11px;
  }
}
@media (min-width: 1300px) {
  body #do1011-panneau-selecteur.inline .do1011-btn-filtre {
    font-size: 12px;
    margin-right: 0;
    margin-bottom: 0;
  }
  body
    #do1011-panneau-selecteur.inline
    .do1011-panneau-filtre
    > div:first-of-type
    > div {
    gap: 8px;
  }
}
@media (min-width: 1480px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-filtre .do1011-btn-filtre {
    font-size: 16px;
  }
}
@media (min-width: 1700px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-filtre .do1011-btn-filtre {
    font-size: 20px;
  }
}
body #do1011-panneau-selecteur.inline .do1011-btn-filtre-mobile:active,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre-mobile:focus,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre-mobile:hover,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre-mobile:target,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre:active,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre:focus,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre:target {
  outline: 0 !important;
}
body #do1011-panneau-selecteur.inline .do1011-btn-filtre.active,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre:not(.active):hover {
  background: #3a3632;
  color: #d6d0ca;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions
  a.do1011-btn-telechargement:hover,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-actions
  a.do1011-btn-telechargement:hover,
body #do1011-panneau-selecteur.inline .do1011-btn-filtre.active:active {
  background: #F7E3CD !important;
  border-color: #F7E3CD !important;
  color: #303A35 !important;
}
body
  #do1011-panneau-selecteur
  #do1011-les-filtres-mobile
  .do1011-btn-mobile.active {
  background: #3a3632;
  color: #d6d0ca;
}
body
  #do1011-panneau-selecteur
  #do1011-les-filtres-mobile
  .do1011-btn-mobile:active,
body
  #do1011-panneau-selecteur
  #do1011-les-filtres-mobile
  .do1011-btn-mobile:focus,
body
  #do1011-panneau-selecteur
  #do1011-les-filtres-mobile
  .do1011-btn-mobile:not(.active):hover,
body
  #do1011-panneau-selecteur
  #do1011-les-filtres-mobile
  .do1011-btn-mobile:visited {
  background: 0 0 !important;
  color: #484c25 !important;
}
body #do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions
  a {
  padding: 14px 37px !important;
  border: 0.5px solid #484c25;
  background: 0 0 !important;
  border-radius: 0 !important;
  font-weight: 400 !important;
  margin: 5px 0 !important;
  color: #484c25;
  font-family: Arial, Sans-serif;
  text-transform: none;
  letter-spacing: 0;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions a {
  font-size: 9px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions-mobile
  a,
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-actions a {
  background-color: transparent;
  border: 1px solid #303A35;
  color: #303A35;
  border-radius: 32px;
  padding: 6px 32px;
  font-family: "gotham";
  font-size: 16px;
  font-weight: 600;
  line-height: 2;
}

#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions-mobile
  a,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions
  a {
  font-size: 16px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions-mobile
  a {
  display: inline-block;
  padding: 12px 15px !important;
}
#do1011-panneau-selecteur.inline .fancybox-button--close:hover {
  background-color: #35496a;
}

#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-actions-mobile{
    display: grid;
    grid-template-columns: 85%;
    gap: 10%;
    justify-content: center;
  }

@media (min-width: 921px) {

  #do1011-panneau-selecteur.inline
    #do1011-panneau-popup-id-mobile
    .do1011-actions
    a.do1011-btn-telechargement {
    display: block !important;
  }
  #do1011-panneau-selecteur.inline .do1011-actions-mobile {
    display: none !important;
  }
}

#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-actions
  a:hover {
  background: #F7E3CD !important;
  border-color: #F7E3CD !important;
  color: #303A35 !important;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-description
  span {
  white-space: nowrap;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-description
  p
  > span {
  margin-right: 20px;
  display: block;
}
#do1011-panneau-popup-id-mobile .info-stationnement {
  padding-left: 10px;
  padding-right: 10px;
}
body #do1011-panneau-selecteur .do1011-panneau-selections-mobile {
  background: #e7e1da;
}
body #do1011-panneau-selecteur #do1011-panneau-popup-id-mobile {
  background-color: #e8e1da;
}
@media (min-width: 1920px) {
  #do1011-panneau-selecteur.inline
    #do1011-panneau-popup-id
    .do1011-description
    span {
    font-size: 18px;
  }
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  a {
  display: block;
  width: 100%;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  a
  img {
  width: 100%;
}
#do1011-panneau-selecteur.inline #do1011-panneau-popup-id .do1011-fiche .type {
  font-family: 'gotham', sans-serif;
  color: #303A35;
  text-transform: none;
  font-size: 26px;
  font-weight: 400;
  margin-right: 20px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-description,
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-etat {
  font-family: 'gotham', sans-serif;
  text-transform: none;
  color: #303A35;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}
body .do1011-fiche .do1011-etat > span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 0.5px solid #120c0d;
  margin-right: 10px;
}
#do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-description {
  font-weight: 700;
  margin-bottom: 10px;
}
body #do1011-panneau-formulaire-id {
  background: #c87d5d !important;
  max-width: 680px;
  width: 87vw;
  padding: 28px 10%;
}
body #do1011-panneau-formulaire-id .wpcf7 {
  border: 0.5px solid #484c25;
  padding: 30px 30px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
}
body #do1011-panneau-formulaire-id .form-title {
  font-family: "DM Serif Display", Sans-serif;
  font-size: 4.68vw;
  font-weight: 400;
  line-height: 4rem;
  text-align: center;
}
body #do1011-panneau-formulaire-id .form-subtitle {
  font-family: Montserrat, Sans-serif;
  font-size: 1.75vw;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 40px;
  text-align: center;
}
body #do1011-panneau-formulaire-id .wpcf7-submit,
body #do1011-panneau-formulaire-id button[type="submit"] {
  background: transparent;
  color: #dbd4c3;
  border-radius: 0;
  border: 1px solid #dbd4c3;
  font-family: Arial, sans-serif;
  font-size: 18px;
  line-height: 1;
  padding: 15px 50px;
  margin-top: 35px;
}
.do1011-unite-dialog.ui-widget.ui-widget-content {
  text-align: center;
  background-color: #313a35;
  border: 0;
}
.do1011-unite-dialog .num-unite {
  color: #F7E3CD;
  text-transform: none;
  font-family: "Poppins", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0;
}
.do1011-unite-dialog .prix,
.do1011-unite-dialog .type {
  color: #F7E3CD;
  font-family: 'gotham', sans-serif;
  font-weight: 400;
  font-size: 16px;
  margin-top: 4px;
}
.do1011-unite-dialog .ui-dialog-titlebar {
  display: none;
}
.do1011-description .inclusion {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 15px;
}
.do1011-description .inclusion li {
  list-style-type: none;
  font-size: 12px;
  background-color: #fff;
  padding: 2px 8px;
  border-radius: 5px;
  color: #484c25;
  user-select: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.do1011-description .inclusion li svg {
  height: 11px;
  width: auto;
  margin-right: 5px;
}
body #do1011-panneau-formulaire-id span.wpcf7-not-valid-tip {
  color: #fff;
  opacity: 1;
}
body #do1011-panneau-formulaire-id .wpcf7-text,
body #do1011-panneau-formulaire-id .wpcf7-textarea {
  background: transparent;
  border: none;
  border-bottom: 2px solid #dbd4c3;
  border-radius: 0;
  color: #dbd4c3;
  font-family: Arial, sans-serif;
  font-size: 18px;
  padding: 0 0 11px;
}
body #do1011-panneau-formulaire-id .wpcf7-textarea {
  height: 145px;
}
@media (min-width: 921px) {
  body #do1011-panneau-formulaire-id {
    padding: 0;
    margin-top: 0;
  }
}
body #do1011-panneau-formulaire-id h2 {
  color: #111;
  font-family: Oswald, Sans-serif;
  font-size: 31px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 37px;
  letter-spacing: 1.6px;
  margin-bottom: 26px;
}
.carousel__button.is-close {
  background: #5a5645;
  top: -21px !important;
  right: -21px !important;
  padding: 0 !important;
  width: 42px;
  height: 42px;
  border-width: 0;
  outline: none;
}
.carousel__button.is-close svg {
  width: 18px;
  height: 18px;
  filter: none;
}
.carousel__button.is-close:hover svg {
  stroke: #fff;
}
body #do1011-panneau-formulaire-id .wpcf7-response-output {
  color: #fff;
  border-color: #e8e1da !important;
}
@media (min-width: 1920px) {
  #do1011-panneau-selecteur.inline
    #do1011-panneau-popup-id
    .do1011-fiche
    .do1011-description {
    font-size: 24px;
  }
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  .do1011-unite-slider {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 100%;
  overflow: hidden;
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  .do1011-unite-slider
  .slick-list {
  height: 100% !important;
  overflow: hidden;
  mix-blend-mode: multiply;
}
#do1011-panneau-popup-id-mobile .do1011-unite-slider{
  mix-blend-mode: multiply;
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  .do1011-unite-slider
  .slick-list
  .slick-track {
  height: 100% !important;
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  a {
  transition: none !important;
  padding: 0;
}
.do1011-fiche .do1011-image {
  transition: all 0ms ease-in !important;
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id
  .do1011-fiche
  .do1011-image
  a
  img {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  margin-left: auto;
  margin-right: auto;
  max-height: 280px;
}
body #do1011-panneau-popup-id-mobile .do1011-fiche .do1011-image a {
  display: block;
  height: 55vw;
  padding: 20px !important;
  margin-left: auto;
  margin-right: auto;
}
body #do1011-panneau-popup-id-mobile .do1011-fiche .do1011-image a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
body .do1011-fiche .do1011-couleur-disponible > span {
  background-color: #fff;
}
body .do1011-fiche .do1011-couleur-indisponible > span {
  background-color: #130c0d;
}
body .do1011-fiche .do1011-couleur-attente > span {
  background-color: #dbb664;
}
body .do1011-fiche .do1011-couleur-attente,
body .do1011-fiche .do1011-couleur-disponible,
body .do1011-fiche .do1011-couleur-indisponible {
  color: #3a3632 !important;
}
body
  #do1011-panneau-selecteur
  .do1011-btn-etage-mobile.active
  div.do1011-etage-deco,
body #do1011-panneau-selecteur .do1011-btn-etage-mobile div.do1011-etage-texte {
  color: #484c25;
}
body
  #do1011-panneau-selecteur
  .do1011-btn-etage-mobile.active
  div.do1011-etage-texte {
  color: #313a35;
  text-shadow: none;
}
body #do1011-panneau-selecteur #do1011-les-filtres-mobile .do1011-btn-mobile {
  margin-bottom: 0;
  padding: 12px 5px;
  border-radius: 0;
  border: 1px solid #3a3632;
  color: #313a35;
    font-family: 'gotham', sans-serif !important;
    font-weight: 600;
  font-size: 20px;
  text-transform: lowercase;
  text-align: center;
  border-radius: 34px;
  width: 100%;
}
body #do1011-panneau-selecteur .do1011-sel-etages-mobile h4,
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-etat
  div {
  font-family: 'gotham', sans-serif;
  color: #3a3632;
  font-weight: 400;
}
body #do1011-panneau-selecteur .do1011-panneau-etage-plan-mobile,
body #do1011-panneau-selecteur .do1011-panneau-filtre-mobile,
body #do1011-panneau-selecteur .do1011-sel-etages-mobile > div {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}

body #do1011-panneau-selecteur .do1011-panneau-filtre-mobile{
  width: 100%;
}

body #do1011-panneau-selecteur .do1011-panneau-filtre-mobile>div{
  padding-left: 7.5%;
  padding-right: 7.5%;
}

body #do1011-panneau-selecteur .do1011-panneau-etage-plan-mobile{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}


  #do1011-panneau-selecteur
  .do1011-panneau-filtre-mobile #do1011-choix-batiment-mobile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  background-color: #313a35;
  padding-top: 30px;
  padding-bottom: 30px;
  z-index: 11;
}

#do1011-choix-batiment-mobile{
  z-index: 11 !important;
}

#do1011-panneau-selecteur .do1011-panneau-filtre-mobile > div:first-of-type h4{
  color: #F9C7A5;
}

#do1011-panneau-selecteur .do1011-panneau-filtre-mobile #do1011-choix-batiment-mobile>div{
  width: 100%;
  color: #F9C7A5;
  font-family: 'gotham', sans-serif !important;
  font-weight: 600;
  border: 1px solid #F9C7A5;
  border-radius: 34px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 18px;
  display: grid;
}
#do1011-panneau-selecteur .do1011-panneau-filtre-mobile #do1011-choix-batiment-mobile .btn-batiment-mobile.active{
  background-color: #F9C7A5;
  border-color: #F9C7A5;
  color: #323a35;
}

#do1011-panneau-selecteur .do1011-panneau-filtre-mobile #do1011-choix-batiment-mobile>div>span:nth-of-type(2){
  font-size: 72%;
  font-weight: 500;
}

body #do1011-panneau-selecteur .do1011-panneau-etage-mobile h4 {
  font-family: "Poppins";
  font-size: 24px !important;
  text-transform: none;
  color: #313a35;
  font-weight: 600 !important;
  line-height: 1.45em;
  letter-spacing: 0;
  padding-bottom: 0 !important;
}
body #do1011-panneau-popup-id-mobile .do1011-description > p > span {
  margin-bottom: 0;
}
body #do1011-panneau-popup-id-mobile .do1011-description {
  font-family: Arial, Sans-serif;
  font-weight: 400;
  color: #3a3632;
  text-transform: none;
  font-size: 18px;
}
body #do1011-tooltip {
  font-family: Arial, Sans-serif;
  font-weight: 400;
  font-size: 14px;
  background: #c9b8a1 !important;
  color: #fff !important;
  padding: 10px;
  margin-right: 2px;
  margin-bottom: 4px;
  border-radius: 0;
}
#do1011-panneau-selecteur.inline .do1011-panneau-unites {
  padding-top: 14vw;
  margin-top: 0;
  background: #fff !important;
  height: auto;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: start;
  pointer-events: all;
}
body #do1011-panneau-selecteur.inline .do1011-titre-etage {
  position: relative;
  top: 0;
}
#do1011-panneau-selecteur .do1011-btn-filtre {
  margin: 0 4px;
}
#do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
  align-items: start !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  background: transparent;
  pointer-events: all;
}
body
  #do1011-panneau-selecteur.inline
  #do1011-panneau-popup-id-mobile
  .do1011-etat
  .type {
  margin-right: 16px;
}

body #do1011-panneau-selecteur .do1011-btn-unite-mobile.disponible.filtre {
  background: #cfb13d !important;
  border-color: #cfb13d !important;
}
body
  #do1011-panneau-selecteur
  .do1011-panneau-etage-plan-mobile
  .do1011-btn-unite-mobile.active:not(.indisponible) {
      background: #f3c6a7 !important;
    border-color: #f3c6a7;
  color: #303A35;
}
body #do1011-panneau-selecteur.inline #do1011-panneau-popup-id {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 14vw;
  margin-top: 0;
  height: 100%;
  background: #DCDEC6;
  overflow: hidden;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto auto 1fr auto;
}
@media screen and (min-width: 1400px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
    margin-bottom: 0 !important;
  }
}
@media screen and (min-width: 1900px) {
  #do1011-panneau-selecteur.inline .do1011-panneau-detail-unite {
    margin-bottom: 0 !important;
  }
}
#do1011-panneau-selecteur.inline {
  height: auto;
  background: #1b1464;
}
@media (min-width: 921px) {
  body #do1011-panneau-popup-id-mobile {
    display: none;
  }
  #do1011-panneau-selecteur.inline {
    height: auto;
  }
  body #do1011-panneau-selecteur.inline .do1011-btn-filtre small {
    font-size: 100%;
    margin-top: 0;
  }
}
#do1011-img-batiment-defaut {
  width: 100vw;
  height: 80%;
  background: #1b1464;
  position: relative;
}
#do1011-sel-etages-sol {
  width: 100%;
}
#do1011-img-batiment-defaut-sol {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-color: #fff;
}
.do1011-img-batiment-defaut-etage {
  width: 80%;
  border-top: 2px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: start;
  cursor: pointer;
  padding-right: 3%;
}
.do1011-img-batiment-defaut-etage.active,
.do1011-img-batiment-defaut-etage:hover {
  background: hsla(0, 0%, 100%, 0.2);
}
.do1011-img-batiment-defaut-etage > .do1011-etage-numero {
  font-size: 42px;
  font-family: Montserrat;
  font-weight: 500;
  margin-left: 5%;
  transition: margin 0.1s ease-out;
  color: #fff;
}
.do1011-img-batiment-defaut-etage:hover > .do1011-etage-numero {
  margin-left: 6%;
}
.do1011-panneau-etages {
  padding-top: 0;
}
.do1011-panneau-etages #do1011-img-batiment-defaut-sol {
  width: 18%;
}
.do1011-panneau-etages .do1011-img-batiment-defaut-etage {
  width: 15%;
  justify-content: end;
  cursor: pointer;
}
.do1011-panneau-etage-plan-defaut {
  padding-left: 10%;
  padding-right: 10%;
  position: relative;
}
.do1011-panneau-etage-plan-defaut .do1011-btn-unite-defaut {
  color: #1b1464;
  width: 80px;
  display: inline-block;
  background: 0 0;
  padding: 6px;
  font-size: 20px;
  margin: 5px;
  text-align: center;
  cursor: pointer;
  border: 0.5px solid #1b1464;
}
.do1011-panneau-etage-plan-defaut .do1011-btn-unite-defaut.active,
.do1011-panneau-etage-plan-defaut .do1011-btn-unite-defaut:hover {
  background: #1b1464 !important;
  color: #fff !important;
}
.do1011-panneau-etage-plan-defaut .do1011-btn-unite-defaut.filtre {
  background: #fff;
}
.do1011-panneau-etage-plan-defaut
  .do1011-btn-unite-defaut.active:not(.indisponible) {
  background: #1b1464 !important;
  color: #fff !important;
}
body #do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible {
  background: #666b68 !important;
  border-color: #666b68 !important;
  color: #bdbab5 !important;
}
body #do1011-panneau-selecteur .do1011-btn-unite-mobile.indisponible:not(.active){
  opacity: 0.3;
}
#do1011-panneau-selecteur .do1011-panneau-selections-mobile {
  padding: 0 0 50px !important;
}
.do1011-panneau-selections-mobile #do1011-panneau-etage-wrapper {
  left: 0;
  width: 100%;
  padding: 25px;
  margin-top: 0;
}
.do1011-panneau-selections-mobile
  #do1011-panneau-etage-wrapper
  .do1011-panneau-etage-plan {
  position: relative;
}