html {
--logo: url("/assets/images/logo.png") no-repeat center center;
  --background: #ffffff;
  --text: #000000;
  --bmg: url("/assets/images/bgimg.jpg") no-repeat center center;
  --survolitem: rgba(255,255,255,0.6);
  --photoboxOverlay:rgba(255,255,255,0.6);
  --nav: rgba(255,255,255,.5);
  
  }
html[data-theme='dark'] {
    --logo: url("/assets/images/logo_index.png") no-repeat center center;
    --background: #000000;
    --text: #ffffff;
    --survolitem: rgba(0,0,0,0.6);
    --photoboxOverlay:rgba(0,0,0,0.6);
    --bmg: url("/assets/images/bgimg_dark.jpg") no-repeat center center;
    --nav: rgba(0,0,0,.5);
}


body{
    background: var(--background);
    color: var(--text)
}

a {
  color: var(--text)
}
.bgAccueil {
  background: linear-gradient( rgba(0,0,0, 0.15), rgba(0,0,0, 0.15) ),var(--bmg);
    background-repeat: repeat, repeat;
    background-size: auto, auto;
  background-size: cover;
  background-repeat: no-repeat;
}
.header__logo {
  padding: 10px 0;
  width: 350px;
  background: var(--logo);
  background-size: 250px;background-size: contain
}

.home_cont_categories {
  background:var(--background);
}
.agence p {
  text-align: justify;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.8;
  color: var(--text)
}

.index .photobox_type16 .photobox__label, [class*="listing"] .photobox_type16 .photobox__label, [class*="listing"] .photobox_type16 .photobox__label {
 
  color: var(--text);
  
}


.prod_listing .info_titre::after, .prod_listing.damier .info_titre::after {
  content: "";
  display: block;
  position: relative;
  background: var(--text);
  height: 1px;
  width: 30%;
  margin: 6px auto 6px auto;
}

.prod_listing.damier .info_ville, .prod_listing.damier .info_prix {
  width: 100%;
  font-size: 13px;
  padding-top: 0;
  font-weight: 600;
  color: var(--text);
  text-transform: uppercase;
}

.detail .h3 {
  text-align: center;
  text-transform: uppercase;
  color: var(--text);
  font-size: 28px;
  letter-spacing: 5px;
  margin: 0 0 1.2em 0;
  line-height: 1.5;
  font-family: 'Montserrat', sans-serif;
}
.detail .descriptif {
  text-align: justify;
  font-weight: 300;
  font-size: 22px;
  line-height: 1.8;
  color: var(--text);
  -moz-hyphens: auto;
  hyphens: auto;
}
@media(min-width: 992px){
    .index .not-sticking .site-pusher, [class*="listing"] .not-sticking .site-pusher, [class*="listing-"] .not-sticking .site-pusher {
      padding: 0px 0px;
      background: 0;
    }
  .not-sticking .menu ul > li > a {
     color: var(--text);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 0;
  }
   .menu ul > li > a {
     padding: 12px 20px;
     line-height: 1.2;
     color: var(--text);
   }
   
   .not-sticking .site-pusher {
     padding: 0;
     background: var(--nav);
   }
   .header .sticking {
     background:  var(--nav);
   }
}
@media(max-width: 991px)  {
  .header__logo {
    padding: 55px 0 10px 0;
    width: 350px;
    background: var(--logo);
    background-size: 250px;
    display: block;
  }
  .header .sticking {
    background: var(--background)
  }
}

@media (max-width: 600px) { 
    .listing .bloc.bloc4,
    [class*="listing-"] .bloc.bloc4,
    [class*="listing"] .bloc.bloc4 {
        display: block;
    }
    .container_search {
        display: none;
    }
}
@media (max-width: 824px) and (min-width: 450px) and (orientation: landscape) {
    .no-way-content {
        display: none;
    }    
    /* GENERAL */
    .index-logo-not-sticking, .index-logo-sticking, .logo-sticking, .logo-not-sticking, .header .img-fluid {
        width: 33%;
    }
    .btn {
        font-size: 0.8rem;
    }
    /* MENU */
    .menu ul > li > a {
        font-size: 14px!important;
    }
    .menu ul li {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    .menu {
        z-index: 1;
    }
    /* LISTING */
    .prod_listing .info_titre, .info_ville {
        font-size: 12px;
    }
    .spin4.info_prix {
        font-size: 12px !important;
        text-align: center !important;
    }
    .listing .header-item, [class*="listing-"] .header-item {
        padding: 5px 0 0 0px;
    }
    .listing .bloc.bloc4,
    [class*="listing-"] .bloc.bloc4,
    [class*="listing"] .bloc.bloc4 {
        display: block;
    }
    .container_search {
        display: none;
    }
    .search__form-item:nth-child(n+2) {
        width: calc(100% / 2 - 0px) !important;
    }
    .modal-dialog {
        margin: 20px auto;
    }
    .block_etiquette {
        padding: 6px;
        font-size: 12px;
        width: 120px;
    }
    /* PAGE DETAILS */
    .detail .descriptif, .page_heading {
        font-size: 16px;
    }
    .detail .groupe-btn .h3 {
        font-size: 1.2em;
    }
    .detail .groupe-btn {
        padding-bottom: 0;
        margin: 0 0 0 0;
    }
    .detail .list-inline-item {
        margin: 0;
    }
    /* Form */
    label {
        font-size: 14px;
    }
    .lignemoteur, .groupe_champs > .form-group {
        width: 100%;
        padding: 0 10px;
    }
    .form-group {
        margin-bottom: 0;
    }
    .detail .modal-dialog {
        max-width: 80%;
    }
    /* AGENCE */
    .agence p {
        font-size: 16px;
    }
    .agence .container {
        padding-right: 50px;
        padding-left: 50px;
    }

}





/*  switch JOUR/NUIT */
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 15px;
  top: -1px;
  margin-right: 5px
  
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
  
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 0px;
  bottom: 4px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  box-shadow: 0 0px 15px #212121;
    background: white url('/assets/images/sun.png');

  background-repeat: no-repeat;
  background-position: center;
}

input:checked + .slider {
  background-color: #ccc;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ccc;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
    box-shadow: 0 0px 15px #ffffff;

    background: white url('/assets/images/moon.png');

  background-repeat: no-repeat;
  background-position: center;
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

html.transition,
html.transition *,
html.transition *:before,
html.transition *:after {
  transition: all 750ms ease !important;
  transition-delay: 0 !important;
}