/*

Theme Name: Divi-Lucarne

Description: Theme enfant de Divi

Author: A La Lucarne de l'Immobilier

Author URI: https://www.alalucarne.com

Template: Divi

Version: 0.1.1

*/













/* mise en forme du listing des annonces immobilières */


@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

#main-content {

  width: auto;

  margin-left: auto;

  margin-right: auto;

}



.postslisting .post {

  float: left;

  height: 250px;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  position: relative;

  z-index: 1;

  display: inline-block;

  /* background: #F6851F;*/

  background: gray !important;

}

.postslisting .post img {

  position: relative;

  display: block;

  width: -webkit-calc(100% + 60px);

  width: calc(100% + 60px);

  opacity: 1;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(-17px, 0, 0) scale(1.12);

  transform: translate3d(-17px, 0, 0) scale(1.12);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  min-height: 100%;

}

.postslisting .post:hover img {

  opacity: 0.5;

  -webkit-transform: translate3d(0, 0, 0) scale(1);

  transform: translate3d(0, 0, 0) scale(1);

}

.postslisting .post .post-content {

  padding: 2em;

  color: #fff;

  text-transform: uppercase;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.postslisting .post .post-content::before,

.postslisting .post .post-content::after {

  pointer-events: none;

}

.postslisting .post .post-content,

.postslisting .post a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.postslisting .post a {

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}

.postslisting .post h2 {

  word-spacing: -0.15em;

  font-weight: 300;

  position: absolute;

  right: 0;

  bottom: 0;

  color: #fff;

  padding: 1em 1.2em;

}

.postslisting .post h2,

.postslisting .post p {

  margin: 0;

}

.postslisting .post p {

  letter-spacing: 1px;

  padding: 0 10px 0 10px;

  color: #fff;

  width: 100%;

  text-align: left;

  border-left: 1px solid #fff;

  opacity: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(0px, 40px, 0);

  transform: translate3d(0px, 40px, 0);

}

.postslisting .post:hover p {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

@media screen and (max-width: 600px) {

  .postslisting .post {

    width: 100%;

  }

}

.prop-p {

  line-height: 1.2em;

  min-height: 84px;

  padding-top: 5px !important;

  text-align: justify;

  font-size: 13px;

  height: 3.6em;

  overflow: hidden;

  /* text-overflow: ellipsis; */

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 5;

}

.refnumber {

  /*position: absolute;*/

  right: 10px;

  text-align: right;

}



@media (max-width: 800px) {

  .refnumber {

    position: absolute;

    right: 0px;

    text-align: left;

    margin-top: 30px;

  }

  .prop-title {

    margin-top: 55px !important;

  }

}

@media only screen and (max-width: 760px),

  (min-device-width: 768px) and (max-device-width: 1024px) {

  .fields {

    background: transparent !important;

    border: 2px solid #222 !important;

    /* height: 20px; */

    /* box-shadow: 2px 0px 2px 2px #aba8a8cf; */

    /* padding: 5px !important; */

    width: 100%;

    height: 24px;

    text-align: center;

    font-size: 14px;

    color: #222 !important;

    /* margin-right: 15px !important; */

    /* margin-left: -50px !important; */

  }

  .btndiv div {

    margin-left: 0px;

  }

}



.propertyListmodule {

  border: 1px solid #ff6900; /* transition:0.5s;*/

  display: block;

  margin: 0 0 19px !important;

  background-color: #fff;

}

.propertyListmodule:hover .propertyListRight {

  /*background-color:#F6851F;*/

  background-color: #000 !important;

  color: white !important;

}

.propertyListmodule:hover .hoverwhite {

  color: #fff !important;

}

.propertyListmodule br {

  display: none;

}

.propertyListLeft {

  background-color: #efefef;

  padding: 5px;

  height: fit-content;

}

.propertyListImg {

  background-color: #f6f6f6;

  min-height: 247px;

}

/* .propertyListImg img{} */

.propertyListimgtag a img {

  float: left;

  margin-left: 70px;

  margin-top: 7px;

  width: 26px;

}

.propertyListRight > p {

  margin: 0;

  padding: 0;

}

.propertyListimgtag > a {

  background-image: url("/listing/images/plus.png");

  background-position: 98px center;

  background-repeat: no-repeat;

  background-size: 14px auto;

  display: block;

  font-size: 13px;

  height: 26px;

  padding-top: 0px;

  color: #f6851f !important;

}

.propertyListimgtagline {

  left: -37px;

  position: relative;

  top: -9px;

}

.propertyListimgtag {

  border: 1px solid #d0d0d0;

  background-color: #fff;

  display: block;

  margin: 2px 0 0 !important;

  text-align: center;

  border: 1px solid #d0d0d0;

}

.propertyListRight {

  line-height: 22px;

  min-height: 100px;

  width: 66.66666667%;

}

.colorpaste {

  /*color:#339966*/

  font-weight: 800; /* letter-spacing: 2px;*/

}

.colorpaste1 {

  color: #f6851f;

  font-weight: 800; /* letter-spacing: 2px;*/

}

.fields {

  background: transparent !important;

  border: 2px solid #fff;

  /* box-shadow: 2px 0px 2px 2px #aba8a8cf; */

  /* padding: 5px !important; */

  width: 100%;

  text-align: center;

  color: #fff;



  margin-right: 15px !important;

  /* margin-left: -50px !important; */

}

.fields:hover {

  cursor: pointer;

  background: #52515142 !important;

}

.btndiv div {

  margin-left: 10px;

}

.sbtn {

  /* padding: 5px !important; */

  width: 100%;

  height: 24px;



  font-size: 14px;

  text-align: center;

  /* margin-left: -50px !important; */

  color: #fff;

  background: #ff6900;

  /*height: -webkit-fill-available;*/

  margin-right: 15px;

  border: 2px solid #ff6900;

}

.sbtn:hover {

  background-color: #f6851f !important ;

  border-color: #f6851f !important;

  cursor: pointer;

}

.price {

  display: inline-flex;

  /* align-content: space-around; */

  text-align: center;

  border-top: 2px solid #ff6900;

  width: 100%;

  margin-top: 40px;

  padding: 10px 0px;

}

.price_content {

  width: 50%;

  text-align: center;

}

.prop-value {

  display: block;

  float: left;

  width: 78px;

}

.prop-price {

  color: #f6851f;

  font-weight: 800;

  font-size: 18px !important;

}

.prop-title {

  font-size: 22px;

  letter-spacing: 2px;

  padding-bottom: 4px;

  margin-top: 15px;

  width: 70%;

}

.prop-visit-button-yellow {

  height: 10px;

  display: block;

  background-color: #f6851f;

}

.prop-visit-button-yellow > a {

  background-color: #f6851f;

  color: #fff;

  display: block;

  float: right;

  height: 20px;

  padding: 6px 0 20px 20px;

  position: relative;

  top: -26px;

  width: 77px;

}

.prop-visit-button-green {

  height: 10px;

  display: block;

  background-color: #f6851f;

}

.prop-visit-button-green > a {

  background-color: #f6851f;

  color: #fff;

  display: block;

  float: right;

  height: 20px;

  padding: 6px 0 20px 20px;

  position: relative;

  top: -26px;

  width: 77px;

}

.imageOuter {

  width: 350px;

  float: left;

  margin: 0 37px 0 0;

}

span.roll {

  background: url(/listing/images/mag.png) center center no-repeat #000;

  height: 247px;

  position: absolute;

  width: 370px;

  z-index: 10;

  -webkit-box-shadow: 0px 0px 4px #000;

  -moz-box-shadow: 0px 0px 4px #000;

  box-shadow: 0px 0px 4px #000;

}

span.rollover {

  opacity: 1;

  -o-transition-duration: 1s;

  -moz-transition-duration: 1s;

  -webkit-transition: -webkit-transform 1s;

  background: url(/listing/images/mag.png) center center no-repeat #f6851f;

  cursor: pointer;

  height: 247px;

  width: 370px;

  position: absolute;

  z-index: 10;

  opacity: 0;

}

span.rollover:hover {

  opacity: 0.7;

  -o-transition-duration: 1s;

  -moz-transition-duration: 1s;

  -webkit-transition: -webkit-transform 1s;

  -webkit-box-shadow: 0px 0px 4px #000;

  -moz-box-shadow: 0px 0px 4px #000;

  box-shadow: 0px 0px 4px #000;

}

.viewmaprop {

  background-image: url("/listing/images/indicate.jpg");

  background-position: 0 center;

  background-repeat: no-repeat;

  background-size: 23px auto;

  border-top: 1px solid #dcdcdc;

  display: block;

  margin-top: 8px;

  padding: 4px 0 3px 27px;

  width: 70%;

}

.pro-bar {

  height: 52px;

  background-color: #f6f6f6;

  border: 1px solid #dfdfdf;

}

.pro-bar-bottom {

  height: 52px;

  background-color: #f6f6f6;

  border: 1px solid #dfdfdf;

}

.pro-bar br {

  display: none;

}

.propertydispaly br {

  display: none;

}

.activeprop {

  background-color: #f6851f;

  border: medium none;

  color: #fff;

  cursor: no-drop !important;

}

.nonactiveprop {

  background-color: #f6f6f6;

  border: medium none;

  clear: both;

  color: #656565;

}

.leftpro-bar {

  width: 65%;

  height: 52px;

  float: left;

}

.rightpro-bar {

  width: 35%;

  min-height: 52px;

  float: right;

  height: 52px;

  text-align: right;

}

.leftpro-bar h3 {

  margin: 17px 0 0;

  padding: 0 0 0 10px;

  width: 122px;

}

.leftpro-bar nav {

  height: 52px;

  margin-left: 125px;

  position: relative;

  top: -22px;

  width: 400px;

}

.leftpro-bar nav span a {

  color: #000;

  padding: 17px 12px;

  text-decoration: none;

}

.leftpro-bar nav span a:hover {

  color: #fff !important;

  background-color: #f6851f;

}

.activebarmenu {

  background-color: #f6851f;

  background-image: url("/listing/images/down.png");

  background-position: center 37px;

  background-repeat: no-repeat;

  background-size: 10px 10px;

  color: #fff !important;

  padding: 17px 12px !important;

}

.activebarmenu1 {

  background-color: #f6851f;

  background-image: url("/listing/images/up.png");

  background-position: center 37px;

  background-repeat: no-repeat;

  background-size: 10px 10px;

  color: #fff !important;

  padding: 17px 12px !important;

}

.pagination-bar nav {

  height: 52px;

  margin-left: 112px;

  position: relative;

  top: 15px;

}

.pagination-bar nav span a {

  color: #000;

  padding: 17px 12px;

  text-decoration: none;

}

.pagination-bar nav span a:hover {

  color: #fff !important;

  background-color: #f6851f;

}

.pagination-bar {

  float: right;

}

.anchorprop {

  height: 100%;

  position: absolute;

  width: 100% !important;

  z-index: 9999;

}

.gridview {

  background-image: url("/listing/images/bar-icon.png");

  background-position: 70px 133px;

  background-size: 150px 150px;

  border: 0 none;

  height: 52px;

  width: 52px;

  cursor: pointer;

}

.listview {

  background-image: url("/listing/images/bar-icon.png");

  background-position: 133px -71px;

  background-color: #f6851f;

  background-size: 150px 150px;

  border: 0 none;

  cursor: pointer;

  height: 52px;

  width: 52px;

}



#propertydispaly {

  transition: 1s linear;

  margin-top: 25px;

}



.posts .post {

  width: 33.33%;

  float: left;

  height: 250px;

  overflow: hidden;

  text-align: center;

  cursor: pointer;

  position: relative;

  z-index: 1;

  display: inline-block;

  /*background: #F6851F;*/

  background: gray !important;

}



.posts .post img {

  position: relative;

  display: block;

  width: -webkit-calc(100% + 60px);

  width: calc(100% + 60px);

  opacity: 1;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(-0px, 0, 0) scale(1.12);

  transform: translate3d(-0px, 0, 0) scale(1.12);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  min-height: 100%;

}



.posts .post:hover img {

  opacity: 0.5;

  -webkit-transform: translate3d(0, 0, 0) scale(1);

  transform: translate3d(0, 0, 0) scale(1);

}



.posts .post .post-content {

  padding: 2em;

  color: #fff;

  text-transform: uppercase;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



.posts .post .post-content::before,

.posts .post .post-content::after {

  pointer-events: none;

}



.posts .post .post-content,

.posts .post a {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.posts .post a {

  z-index: 1000;

  text-indent: 200%;

  white-space: nowrap;

  font-size: 0;

  opacity: 0;

}



.posts .post h2 {

  word-spacing: -0.15em;

  font-weight: 300;

  position: absolute;

  right: 0;

  bottom: 0;

  color: #fff;

  padding: 1em 1.2em;

}



.posts .post h2,

.posts .post p {

  margin: 0;

}



.posts .post p {

  letter-spacing: 1px;

  padding: 0 10px 0 10px;

  color: #fff;

  width: 100%;

  text-align: left;

  border-left: 1px solid #fff;

  opacity: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity 0.35s, transform 0.35s;

  -webkit-transform: translate3d(0px, 40px, 0);

  transform: translate3d(0px, 40px, 0);

}



.posts .post:hover p {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

@media screen and (max-width: 480px) {

  .posts .post {

    width: 100% !important;

  }

}

@media screen and (max-width: 768px) {

  .rightpro-bar {

    border-top: 1px solid #dfdfdf;

    float: right !important;

    height: 52px;

    min-height: 52px;

    text-align: center !important;

    width: 100% !important;

  }

  .pro-bar {

    height: 106px !important;

  }

  .leftpro-bar {

    float: left;

    height: 52px;

    text-align: center !important;

    width: 100% !important;

  }

  .leftpro-bar h3 {

    display: none;

    width: 0px;

  }

  .leftpro-bar nav {

    height: 52px;

    margin-left: 0px !important;

    position: relative;

    top: 15px !important;

    width: 100% !important;

  }

  .posts .post {

    width: 50%;

  }

}

.typeofprop1 {

  font-weight: normal;

  bottom: 0 !important;

  color: #fff !important;

  left: 10px !important;

  position: absolute;

  text-align: left;

}

.typeofprop2 {

  font-weight: normal;

  bottom: 0 !important;

  color: #fff;

  position: absolute;

  right: 10px !important;

  text-align: right;

}

@media screen and (max-width: 800px) and (min-width: 300px) {

  .listingprop {

    display: contents !important;

  }

  .propertyListRight {

    width: 100% !important;

  }

  .propertyListimgtag > a {

    background-position: center 15px !important;

    padding: 2rem !important;

  }

}

/* --- Nettoyage complet des pseudo-éléments existants --- */
.propertyListmodule .price .price_content::before,
.propertyListmodule .price .price_content::after {
    content: none !important;
}

/* --- Nouveau séparateur propre : un seul tiret entre les deux valeurs --- */
.propertyListmodule .price {
    display: flex;
    align-items: center;
}

    .propertyListmodule .price .price_content {
        white-space: nowrap;
        margin: 0;
    }

        .propertyListmodule .price .price_content:not(:first-child)::before {
            content: " — ";
            margin: 0 .5em;
        }
        .propertyListmodule .price .price_content:last-child::after {
            content: none !important;
        }
/* Contexte */
.propertyListmodule .listingprop {
    position: relative; /* permet de dessiner l'overlay plein cadre */
    overflow: visible; /* évite tout clipping */
}

.propertyListmodule .propertyListRight {
    position: relative;
    z-index: 1; /* contenu au-dessus de l'overlay */
    background: transparent !important; /* évite un double fond noir */
}

/* === FULL OVERLAY : couvre toute la carte (image + colonne droite) === */
.propertyListmodule .listingprop::before {
    content: "";
    position: absolute;
    inset: -1px; /* couvre bord à bord (passe à -2px si on voit encore la bordure) */
    background: #111; /* voile noir (mets #000 si tu veux plus sombre) */
    opacity: 0;
    transition: opacity .20s ease;
    z-index: 0; /* derrière le contenu réel */
    pointer-events: none; /* ne bloque pas les clics (lightbox OK) */
}

/* Remonter le contenu au-dessus de l’overlay */
.propertyListmodule .listingprop > * {
    position: relative;
    z-index: 1;
}

/* Affichage de l’overlay au survol */
.propertyListmodule .listingprop:hover::before {
    opacity: 1 !important;
}

/* Texte en blanc quand l’overlay est visible */
.propertyListmodule .listingprop:hover .hoverwhite,
.propertyListmodule .listingprop:hover .hoverwhite * {
    color: #fff !important;
}

/* Désactiver l'ancien overlay côté droit s'il reste chargé ailleurs */
.propertyListmodule .propertyListRight::before {
    content: none !important;
}

.propertyListmodule .listingprop:hover .propertyListRight {
    background: transparent !important; /* évite double assombrissement */
}
/* === Lightbox/Popover fix : ne pas capter les clics au-dessus de la photo ===
   Le CSS du thème pose un <a> invisible qui couvre toute la carte (.postslisting .post a).
   On désactive ses events pour que le clic arrive bien sur la zone image et déclenche la lightbox. */
.postslisting .post a {
    pointer-events: none !important;
}

/* La zone image devient la cible "cliquable" claire pour la lightbox */
.propertyListImg {
    position: relative;
}

/* Le bouton + doit toujours passer au-dessus de tout (overlay inclus) */
.mfz-pub-btn {
    z-index: 50 !important;
}


/* modele1 modele2 modele3 like wise */

/***** CARTES ANNONCES (mise en page 2 colonnes) *****/
.propertyListmodule .listingprop{
  display: flex !important;
  align-items: flex-start;
  gap: 24px;
  margin: 24px 0;
  border: 1px solid #f1e0d4; /* décoratif, optionnel */
  padding: 16px;
  box-sizing: border-box;
}

/* Neutraliser l’héritage VC/Bootstrap/Divi à l’intérieur des annonces */
.propertyListmodule .vc_col_sm_4,
.propertyListmodule .vc_col-sm-4,
.propertyListmodule .vc_col-sm-8,
.propertyListmodule .wpb_column,
.propertyListmodule .vc_column_container{
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

/* Colonnes */
.propertyListmodule .propertyListLeft{
  flex: 0 0 320px;      /* colonne image fixe */
  max-width: 320px;
}
.propertyListmodule .propertyListRight{
  flex: 1 1 auto;       /* colonne texte fluide */
  min-width: 0;
}

/* Image */
.propertyListImg img{
  width: 100% !important;
  height: auto !important;
  display: block;
  object-fit: cover;
}

/***** BOUTON : + En savoir plus *****/
.propertyListmodule .propertyListimgtag{
  display: block !important;
  margin-top: 8px;
  text-align: center;
}
.propertyListmodule .proListatag{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 4px 10px;
  text-decoration: none;
  background: transparent !important;
  border: none !important;
  color: #F6851F !important;          /* texte orange */
  font-weight: 600;
  line-height: 1.1;
}
.propertyListmodule .proListatag::before{
  content: "+";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #F6851F;                /* carré orange */
  color: #fff;
  border-radius: 3px;
  font-weight: 700;
  line-height: 1;
}

/***** LIGNE "code postal — surface" EN UNE SEULE LIGNE *****/
.propertyListmodule .price{
  display: flex !important;
  align-items: center;
  justify-content: space-between;             /* centre les 2 valeurs */
  gap: 0;
  margin-top: 6px;
  flex-wrap: nowrap !important;        /* empêche le retour à la ligne */
}
.propertyListmodule .price .price_content{
  display: inline-block !important;
  width: auto !important;              /* annule les width:100% hérités */
  white-space: nowrap !important;      /* interdit la casse */
  margin: 0 !important;
  padding: 0 !important;
}
/* Séparateur long tiret — entre les deux valeurs */
.propertyListmodule .price .price_content + .price_content::before{
  content: " — ";
  margin: 0 .6em;
  color: inherit;
}

/* Option : pour écarter à gauche/droite, dé-commente la ligne suivante */
/* .propertyListmodule .price{ justify-content: space-between !important; } */

/* Mobile */
@media (max-width: 768px){
  .propertyListmodule .listingprop{ flex-direction: column; }
  .propertyListmodule .propertyListLeft,
  .propertyListmodule .propertyListRight{
    flex: 0 0 auto; max-width: 100%; width: 100%;
  }
}

.propertyListmodule .listingprop.is-hover::before
{
    background-color: transparent !important;
}

.propertyListmodule .listingprop {
    margin: 0 !important;
    padding: 0 !important; align-items: center;
}

.blue .propertyListmodule .listingprop:hover,
.blue .propertyListmodule .listingprop::before
{
    background-color: #3333cc !important;
}

.propertyListmodule .listingprop:hover .hoverwhite,
.propertyListmodule .listingprop::before .hoverwhite,
.propertyListmodule .listingprop.is-hover::before .hoverwhite
{
        color: #666 !important;
}

.propertyListmodule .listingprop:hover .hoverwhite, .propertyListmodule .listingprop.is-hover .hoverwhite ,
.propertyListmodule .listingprop:hover .hoverwhite, 
.propertyListmodule .listingprop.is-hover .hoverwhite, .propertyListmodule .listingprop:hover .hoverwhite *, .propertyListmodule .listingprop.is-hover .hoverwhite *    
{
    color: #666 !important;
}  
    
.propertyListmodule .propertyListRight {
    padding: 0px 10px !important;
}  
    
.propertyListmodule .listingprop 
{ 
    gap: 0px !important; 
}

@media (min-width: 767px) {
  button.mfz-pub-btn {
    position: absolute !important;
    top: 85%;
  }
}

@media (max-width: 767px) {
  button.mfz-pub-btn {
    left: 0 !important;
  }
  .listingprop .mfz-pub-rail {
    height: 0px !important;
}
}

.refnumber {
    position: absolute !important;
    right: 2%;
	}

@media (max-width: 430px) {
	.refnumber {
    position: absolute !important;
    right: 5%;
	}
}

.propertyListmodule .listingprop.is-hover:hover .price .price_content {
 color: #fff !important;
}

span.mfz-pub-src {
    top: 21px !important;
    position: absolute !important;
    left: 0px !important;
}
.propertyListmodule .listingprop {
    border: 0px !important;
}
.propertyListmodule .propertyListRight {
    padding: 10px 10px 0px 10px !important;
}
@media (max-width: 800px) {
	.prop-title {
		margin-top: 15px !important;
	}
	.refnumber {
        margin-top: 0px !important; 
    }
}

@media (min-width: 1092px) {
	button.mfz-pub-btn {
  left: calc(33.333% + (66.666% / 2)); 
    }
}


@media (max-width: 1092px) and (min-width: 900px) {
	button.mfz-pub-btn {
  left: 72%;
  }
}


@media (max-width: 900px) and (min-width: 767px) {
	button.mfz-pub-btn {
  left: 75%;
  }
}

.blue.propertyListmodule .listingprop:hover,
.blue.propertyListmodule .listingprop::before
{
    background-color: #3333cc !important;
}
.blue.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #3333cc !important;
}


.black.propertyListmodule .listingprop:hover,
.black.propertyListmodule .listingprop::before
{
    background-color: #000000 !important;
}
.black.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #000000 !important;
}


.red.propertyListmodule .listingprop:hover,
.red.propertyListmodule .listingprop::before
{
    background-color: #E91E63 !important;
}
.red.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #E91E63 !important;
}


.purple.propertyListmodule .listingprop:hover,
.purple.propertyListmodule .listingprop::before
{
    background-color: #9C27B0 !important;
}
.purple.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #9C27B0 !important;
}


.violet.propertyListmodule .listingprop:hover,
.violet.propertyListmodule .listingprop::before
{
    background-color: #7F00FF !important;
}
.violet.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #7F00FF !important;
}

.green.propertyListmodule .listingprop:hover,
.green.propertyListmodule .listingprop::before
{
    background-color: #388f3a !important;
}
.green.propertyListmodule .listingprop.is-hover:hover
 {
    background-color: #388f3a !important;
}

/* .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

/* */

.annonces2-red .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-red.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #E91E63;
}

.annonces2-red .contact-text {
    color: #E91E63;
	padding-bottom: 1em;
}

.annonces2-red p {
    padding-bottom: 2em;
}

.annonces2-red img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-red .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #E91E63;
    box-shadow: 0px 12px 18px -6px rgba(230, 30, 99, .4);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2 .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-red .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-red .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-red button.mfz-pub-btn {
    background: #E91E63 !important;
    color: white !important;
    top: 97%;
    left: 50%;
}

/* */

.annonces2-green .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-green.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #388f3a;
}

.annonces2-green .contact-text {
    color: #388f3a;
	padding-bottom: 1em;
}

.annonces2-green p {
    padding-bottom: 2em;
}

.annonces2-green img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-green .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #388f3a;
    box-shadow: 0px 12px 18px -6px rgb(30 230 158 / 40%);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-green .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-green .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-green .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-green button.mfz-pub-btn {
    background: #388f3a !important;
    color: white !important;
    top: 97%;
    left: 50%;
}

/* purple */

/* */

.annonces2-purple .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-purple.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #9C27B0;
}

.annonces2-purple .contact-text {
    color: #9C27B0;
	padding-bottom: 1em;
}

.annonces2-purple p {
    padding-bottom: 2em;
}

.annonces2-purple img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-purple .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #9C27B0;
    box-shadow: 0px 12px 18px -6px rgb(148 30 230 / 40%);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-purple .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-purple .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-purple .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-purple button.mfz-pub-btn {
    background: #9C27B0 !important;
    color: white !important;
    top: 97%;
    left: 50%;
}



/* violet */

.annonces2-violet .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-violet.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #7F00FF;
}

.annonces2-violet .contact-text {
    color: #7F00FF;
	padding-bottom: 1em;
}

.annonces2-violet p {
    padding-bottom: 2em;
}

.annonces2-violet img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-violet .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #7F00FF;
    box-shadow: 0px 12px 18px -6px rgb(148 30 230 / 40%);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-violet .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-violet .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-violet .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-violet button.mfz-pub-btn {
    background: #7F00FF !important;
    color: white !important;
    top: 97%;
    left: 50%;
}



/* orange */

.annonces2-orange .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-orange.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #F6851F;
}

.annonces2-orange .contact-text {
    color: #F6851F;
	padding-bottom: 1em;
}

.annonces2-orange p {
    padding-bottom: 2em;
}

.annonces2-orange img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-orange .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #F6851F;
    box-shadow: 0px 12px 18px -6px rgb(148 30 230 / 40%);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-orange .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-orange .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-orange .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-orange button.mfz-pub-btn {
    background: #F6851F !important;
    color: white !important;
    top: 97%;
    left: 50%;
}

/* */



/* blue */

.annonces2-blue .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-blue.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #3333cc;
}

.annonces2-blue .contact-text {
    color: #3333cc;
	padding-bottom: 1em;
}

.annonces2-blue p {
    padding-bottom: 2em;
}

.annonces2-blue img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-blue .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #3333cc;
    box-shadow: 0px 12px 18px -6px rgb(148 30 230 / 40%);
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-blue .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-blue .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-blue .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-blue button.mfz-pub-btn {
    background: #3333cc !important;
    color: white !important;
    top: 97%;
    left: 50%;
}

/* */




/* black */

.annonces2-black .et_pb_text_align_center.et_pb_text_inner {
    text-align: center;
    padding: 50px 0px 30px 0px;
	line-height: 10px;
}

.annonces2-black.et_pb_column.et_pb_column_1_3.et_pb_column_12.et_pb_css_mix_blend_mode_passthrough {
    background-color: #ffffff !important;
    margin-bottom: 60px;
    margin-right: 2.5%;
    margin-left: 2.5%;
    border-radius: 10px;
    border-bottom: solid 3px #000000;
}

.annonces2-black .contact-text {
    color: #000000;
	padding-bottom: 1em;
}

.annonces2-black p {
    padding-bottom: 2em;
}

.annonces2-black img {
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.annonces2-black .et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    border-width: 0px !important;
    border-radius: 6px;
    letter-spacing: 1px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #000000;
    box-shadow: 0px 12px 18px -6px #676a6f;
    transition: letter-spacing 300ms 
ease 0ms;
    transition-property: letter-spacing;
    transition-property: letter-spacing;
    text-align: center;
    top: -10px;
    padding-top: 12px;
    padding-bottom: 12px;
}

/* .annonces2-black .et_pb_section.et_pb_section_0.et_section_regular {
    background-image: linear-gradient(180deg, #ffffff 0%, #e8eefc 100%) !important;
} */

.annonces2-black .et_pb_module.et_pb_image.et_pb_image_6 {
    margin-bottom: 10px;
}

.annonces2-black .et_pb_button::after {
    right: 5px;
    line-height: inherit;
    font-size: 20px !important;
    margin-left: -1em;
    left: auto;
    font-family: ETmodules !important;
    font-weight: 400 !important;
}

.annonces2-black button.mfz-pub-btn {
    background: #000000 !important;
    color: white !important;
    top: 97%;
    left: 50%;
}

/* */


/* */
.annonces2 .post.sport {
    width: 100% !important;
    border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.annonces2 .propertyListLeft.wpb_column.vc_column_container {
    background-color: transparent;
    height: auto;
    padding: 0px !important;
}

.annonces2 .row.propertyListmodule {
    border: 1px solid transparent;
}

.annonces2 .listingprop:hover {
    border: 0px !important;
    border: none !important;
    padding: 0px;
    margin: 0px;
}

.annonces2 .propertyListmodule .listingprop:hover::before, .propertyListmodule .listingprop.is-hover::before {
    inset: 0 !important;
}

.annonces2 .propertyListmodule .listingprop::before {
     inset: 0 !important;
}

.annonces2 a.et_pb_button.et_pb_button_7.et_hover_enabled.et_pb_bg_layout_dark {
    z-index: 1;
}

/* Main wrapper */
.annonces2.property-wrapper {
  position: relative;
}

/* Position the icon in the top-right corner */
.annonces2 .mfz-pub-btn-wrap {
  position: absolute;
  /* top: 15px;
  right: 25px; */
	top: 50%;
  right: 50%;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.25s ease;
  z-index: 999; /* ensures it stays above image */
  text-decoration: none;
  pointer-events: none; /* prevent clicks until visible */
}

/* Show the icon on hover of the entire property card */
.annonces2 .property-wrapper:hover .mfz-pub-btn-wrap {
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

/* Icon design */
.annonces2 .mfz-pub-btn {
    color: #e91d63;
    background: white;
    border-radius: 50%;
    display: flex;
    height: 35px;
    width: 35px;
	align-items: center;
    box-shadow: none !important;
  transition: background 0.25s ease, transform 0.25s ease;
}

.annonces2 .mfz-pub-rail {
    display: none;
}

@media (max-width: 767px) {
	.annonces2 button.mfz-pub-btn {
    top: 99% !important;
    left: 50% !important;
	}
}

.annonces2 .dashicons-format-video:before {
    content: "";
    background-image: url(http://modele1.alalucarne.net/wp-content/uploads/sites/7/2025/10/virtual-tour-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
}

.postslisting .post img { -webkit-transform: translate3d(0px, 0, 0) scale(1.12);
  transform: translate3d(0px, 0, 0) scale(1.12); }