/* ----------------------------------------------------------------------------------------------- */
/* -------------------------------------- PREMIUM LEXA ------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */


/*Import Fonts*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');

/* ----------------------------------------------------------------------------------------------- */
/*                                             GENERAL                                             */
/* ----------------------------------------------------------------------------------------------- */

:root{
	--bleu: #1b2f6b;
	--vert: #c5c5a3;
	--vertfonce: #474738;

}


body {
    font-family: 'Work Sans', sans-serif;
}
.hm-black-light .full-bg-img, .hm-black-light .mask {
  background-color: rgba(0,0,0,.1);
}
/* TOP MENU */
.top_menu {
    background: var(--bleu);
}
.item:hover {
  background-color: var(--bleu);
}
.sidebar-nav .dropdown-menu a {
  background: var(--bleu);
}
.sidebar-nav .dropdown-menu a:hover {
  background: var(--bleu);
}
.top_menu nav ul li:hover {
  background: var(--vert);
  padding: 18px 10px 13px 10px;
  color: #fff;
}
.dropdown-toggle::after {
  content: "\f35f";
  font-family: "Ionicons";
  position: absolute;
  right: 30px;
  border: 0;
  font-size: 35px;
  bottom: 37px;
  color: var(--vert);
}
.badge-danger {
  color: #fff;
  background-color: var(--vert);
}
/* MENU (gauche) */
#sidebar-wrapper {
    background: #1a1e2a;
}

#saisonniere{
display: none!important}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
  background: var(--vert);
  margin: -2px 0;
}

footer {
  background-color: var(--bleu);
  padding: 10px 10px;
}
/* ----------------------------------------------------------------------------------------------- */
/*                                    BIEN ACCUEIL                                            */
/* ----------------------------------------------------------------------------------------------- */

.prod_listing.damier .block_info, .prod_accueil .block_info {
  height: 100px;
  background: var(--vert);
  color: #fff;
  z-index: 50;
  padding: 20px;
  min-height: auto;
}

/* ----------------------------------------------------------------------------------------------- */
/*                                    PRESENTATION ACCUEIL                                            */
/* ----------------------------------------------------------------------------------------------- */

.home_cont_presentation .logo_presentation {
  width: 80%;
}

.view {
  background-size: cover;
  min-height: 100%;
}

/* ----------------------------------------------------------------------------------------------- */
/*                                    CATEGORIE ACCUEIL                                            */
/* ----------------------------------------------------------------------------------------------- */
figure.effect-ming figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 2px solid var(--vert);
  -webkit-box-shadow: 0 0 0 30px rgba(255,255,255,.2);
  box-shadow: 0 0 0 30px rgba(255,255,255,.2);
  content: "";
  opacity: 0;
  -webkit-transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,-webkit-transform .35s;
  transition: opacity .35s,transform .35s;
  transition: opacity .35s,transform .35s,-webkit-transform .35s;
  -webkit-transform: scale3d(1.4,1.4,1);
  transform: scale3d(1.4,1.4,1);
}

.jssorb051 .i .b {
	fill: var(--vertfonce);
	fill-opacity: .5;
}

.cont_coordonnees h2::after {
	content: "";
	display: block;
	position: relative;
	background: var(--vert);
	height: 2px;
	width: 150px;
	margin: 24px auto 24px auto;
}
.cont_coordonnees h2 {
	color: var(--bleu);
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}
/* ----------------------------------------------------------------------------------------------- */
/*                                    BOUTONS & TITRES                                             */
/* ----------------------------------------------------------------------------------------------- */
.btn {
    border-radius: 0;
}


.btn-primary, .btn-success {
  color: #fff;
  background-color: var(--vert);
  border-color: var(--vert);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
}
.btn-primary:hover, .btn-success:hover {
  color: #fff;
  background-color: var(--vertfonce);
  border-color: var(--vertfonce);
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
}
.cont_coordonnees .btn {
  color: #fff;
  background: var(--vert);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
  font-size: 14px;
}

.cont_coordonnees .btn:hover {
  color: #fff;
  background: var(--vertfonce);
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
}

.btn-info:hover, .btn-secondary:hover {
  color: #fff;
  background-color: var(--vertfonce);
  border-color: #fff;
  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
}

.btn-info, .btn-secondary {
  color: #fff;
  background-color: var(--vert);
  border-color: #fff;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
}
.home_heading{
color: var(--bleu)

}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: var(--vert);
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.home_cont_selection h2 {
	color: var(--bleu);
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
}



.home_cont_selection h2::after {
  content: "";
  display: block;
  position: relative;
  background: var(--vert);
  height: 2px;
  width: 150px;
  margin: 24px auto 24px auto;
}
.bootstrap-select.btn-group .dropdown-menu {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 200%;
  border: 1px solid var(--vert);
  background: #fff;
  left: -40px;
  margin-top: 10px;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: var(--vert);
  color: #fff;
}
.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--vert);
  color: #fff;
}
/* --------------BADGE FLOTTANT-------------- */
.flottant{
  display: none;
}

.index .flottant {
  display: block;

    position: fixed;
  width: 130px;
  height: 130px;
    right:10%;
    top: 15%;
    z-index: 1111;
    bottom: 0;
    background: url('/assets/images/home.png') no-repeat center center;
    background-size: cover;
    -webkit-animation: float 3s ease-in-out infinite;

}
.flottant  a{
  font-size: 12px;
  color:#ffffff;
  top: 40px;
}
.custom-menu {
    margin-left: -50px;
    margin-left: -130px;
}

@media (min-width: 992px) {
  .custom-menu {
    top: 180px;
    top: 22%;
    bottom: auto;
    }
}

@media (min-width: 768px) {
    .custom-menu {
        top: 100px;
        top: auto;
        bottom: 10px;
    }
}
.custom-menu .btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ffffff;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 50%;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-menu button {
    border-radius: 50%;
    border: 0;
    background: transparent url('/assets/images/home.png') no-repeat center center;
    text-transform: uppercase;
    font-size: 16px;
	 font-weight: 600;
    width: 130px;
    height: 130px;
    padding: 10px;
    transform: translatey(0px);
    -webkit-animation: float 3s ease-in-out infinite;
            animation: float 3s ease-in-out infinite;
            color: #ffffff;
}
.custom-menu {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 0;
    margin-left: -155px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}



.custom-menu .btn-primary:hover {
    color: #fff;
    background: var(--vertfonce);
    border-color: #fff;
}
  
@-webkit-keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}

@keyframes float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(0px);
    }
}
/* Le bouton n'est pas visible sur la page listing */
[class*="listing"] .flottant,
[class*="listing-"] .flottant {
    display: none;
}

.estimation h1::after, .alerte-email h1::after, .agence h2::after, .contact h1::after, .on-vous-rappelle h1::after, .gerance h2::after {
  content: "";
  display: block;
  position: relative;
  background: var(--vert);
  height: 2px;
  width: 70px;
  margin: 10px 0;
}
.estimation .form-group .dropdown-toggle::after {
  content: "\f123";
  font-family: "Ionicons";
  position: absolute;
  right: 30px;
  border: 0;
  font-size: 23px;
  bottom: 30px;
  color: var(--vert)
}
.breadcrumb-item.active {
  color: var(--vert)
}
/* ----------------------------------------------------------------------------------------------- */
/*                                          RESPONSIVE                                             */
/* ----------------------------------------------------------------------------------------------- */
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #fff;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 20px;
        bottom: 150px;
    }
}


/* ----------------------------------------------------------------------------------------------- */
/*                                          RESPONSIVE                                             */
/* ----------------------------------------------------------------------------------------------- */
.badge-google-content {
   background: #e9ecef;
   color: #111!important;
   border-radius: 6px;
   width: 60%;
   margin: 0 auto;
   padding: 0.8rem;
}
img.badge-google {
  width: 50%;
}
.google-stars, .google-stars span {
        background-size: 25px 22px;
        height: 22px;
        top: 1px;
        width: 123px;
    }
 .google-stars {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
        background-repeat: repeat-x;
        display: inline-block;
        overflow: hidden;
        position: relative;
    }
.google-stars span {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
        background-repeat: repeat-x;
        display: block;
    }


    .detail .info_type::after {
      content: "";
      display: block;
      position: relative;
      background: var(--vert);
      height: 2px;
      width: 70px;
      margin: 20px auto 30px auto;
    }

    .detail .info_titre::after {
      content: "";
      display: block;
      position: relative;
      background: var(--vert);
      height: 2px;
      width: 70px;
      margin: 20px 0;
    }
    .detail .info_titre::after {
	content: "";
	display: block;
	position: relative;
	background: var(--vert);
	height: 2px;
	width: 70px;
	margin: 20px 0;
}

.detail .lafficheur li {
	cursor: pointer;
	list-style: none;
	padding: 5px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #fff;
	background-color: var(--vertfonce);
	border-color: var(--vertfonce);
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3),0 2px 10px 0 rgba(0,0,0,.3);
}
.detail .lafficheur li:hover, .detail .lafficheur li.active {
	color: #fff;
	background-color: var(--vert);
	border-color: var(--vert);
	-webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
	box-shadow: 0 5px 11px 0 rgba(0,0,0,.3),0 4px 15px 0 rgba(0,0,0,.3);
}

.page_heading::after {
	content: "";
	display: block;
	position: relative;
	background: var(--vert);
	height: 2px;
	width: 70px;
	margin: 20px 0;
}

/* ----------------------------------------------------------------------------------------------- */
/*                                             SEO LOLO                                            */
/* ----------------------------------------------------------------------------------------------- */

.ref p, .page2ref p {
text-align: justify;
}

.lienfoot a:hover {
  color:white;
  text-decoration: underline;
}

.ref h2, .page2ref h2 {
  font-size: 24px;
  padding-bottom: 15px;
  padding-top: 15px;
  }

  .page2ref h3 {
    font-size: 20px;
    padding-bottom: 15px;
    padding-top: 15px;
    }

.ref h1, .page2ref h1 {
  color: var(--bleu);
  text-align: center;
  text-transform: uppercase;
  font-weight: 600;
  }

.ref h1::after,.page2ref h1::after {
  content: "";
  display: block;
  position: relative;
  background: var(--vert);
  height: 2px;
  width: 150px;
  margin: 24px auto 24px auto;
}

.vente-appartement-allauch .top_page {
  background-image: url(../images/top_page/image_top.jpg);
  } 

  .vente-maison-allauch .top_page {
    background-image: url(../images/top_page/image_top.jpg);
    } 

    .vente-terrain-allauch .top_page {
      background-image: url(../images/top_page/image_top.jpg);
      } 

    .vente-maison-plan-de-cuques .top_page {
      background-image: url(../images/top_page/image_top.jpg);
      } 

      .vente-appartement-plan-de-cuques .top_page {
        background-image: url(../images/top_page/image_top.jpg);
        } 

        .vente-terrain-plan-de-cuques .top_page {
          background-image: url(../images/top_page/image_top.jpg);
          } 

  .listeliens a {
color:#1B2F6B;
  }
  
  .listeliens a:hover {
  text-decoration: underline;
  }

  .listeliens ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .listeliens ul li{
    width: calc(100% / 3);
    /* si 3 colonnes */
  }