/*Import Fonts*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');



/*MODULE JOUR NUIT MINIMUM*/
html {
--background: #ffffff;
--text: #000000;
--fade: rgba(255,255,255,.7);
--imgAccueil: url("/assets/images/bgimg.jpg") no-repeat center center fixed;
}
html[data-theme='dark'] {
--background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
--text: #ffffff;
--fade: rgba(0,0,0,.7);
--imgAccueil: url("/assets/images/bgimg-dark.jpg") no-repeat center center fixed;

}
html.transition,
html.transition *,
html.transition *:before,
html.transition *:after {
  transition: all 750ms ease !important;
  transition-delay: 0.1s !important;
}
/* Reset */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 15px;
  top: 6px
  
}

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

.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 10px #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;
}

.slider.round {
  border-radius: 17px;
}

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



body {
    font-family: 'Open Sans', sans-serif;
    background: var(--background);
    color: var(--text);
}
.header .not-sticking {
  background: var(--background)
}
.header .sticking {
  background: var(--background)
}
.header .menu ul > li > a {
  color: var(--text);
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 10px;
}

.navicons_home > .icone-home-vente a div, .navicons_home > .icone-home-location a div, .navicons_home > .icone-home-search a div {
  color: var(--text);
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
}

.navicons_home > .icone-home-location {
  position: relative;
  background: var(--fade);
  width: 200px;
  height: 200px;
  float: right;
  -webkit-transition: all .6s ease-in;
  transition: all .6s ease-in;
}
.navicons_home > .icone-home-search {
  position: relative;
  background: var(--fade);
  width: 200px;
  height: 200px;
  clear: both;
  margin: 0 auto;
  -webkit-transition: all .6s ease-in;
  transition: all .6s ease-in;
}
.navicons_home > .icone-home-vente {
  position: relative;
  background: var(--fade);
  width: 200px;
  height: 200px;
  float: left;
  -webkit-transition: all .6s ease-in;
  transition: all .6s ease-in;
}

.bgAccueil {
  height: 100%;
  height: 100%;
  position: relative;
  background: var(--imgAccueil);
    background-size: auto;
  background-size: cover;
}
.moteur {
    background-color: var(--fade)
}

a{
    color: var(--text)
}
.home_cont_alertes {
  padding: 25px 10px;
  background: var(--background);
    background-image: none;
  text-align: center;
  background-color: var(--background);
  background-image: url("data:image/svg+xml,%3Csvg width=\'40\' height=\'40\' viewBox=\'0 0 40 40\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z\' fill=\'%23bbbbbb\' fill-opacity=\'0.4\' fill-rule=\'evenodd\'/%3E%3C/svg%3E");
}
.home_cont_alertes p {
  color: var(--text);
}
.home_cont_coordonnees {
  border-top: 0px solid var(--text)
}
.sidebar {
  width: 33.33333%;
  background: var(--background);
  padding: 10px;
  margin-left: 10px;
}
.effect-cms .over_desc {
  top: auto;
  bottom: 0;
  -webkit-transition: -webkit-transform .35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  z-index: 1;
  background: var(--background);
  height: 203px;
  padding: 20px 15px 20px 20px;
}

.breadcrumb-item.active {
    color: #215e6d;
}
.page-item.active .page-link {
    background-color: #215e6d;
    border-color: #215e6d;
}
.page-link {
    color: #215e6d;
}
.page-link:focus, .page-link:hover {
    color: #fff;
    background-color: #215e6d;
    border-color: #215e6d;
}



/* BOUTONS */
.btn-primary,
.btn-info,
.btn-secondary,
.btn-success {
    background-color: #215e6d;
    color: #fff;
    font-weight: 500;
    border-color: #215e6d;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-success:hover {
    background-color: #111111;
    color: #fff;
    border-color: #215e6d;
}
.telephone-vu {
    color: #215e6d;
    background-color: #ffffff;
    font-weight: 500;
}
.b_exclu {
    background-color: #215e6d;
}




/*NAVIGATION*/
.header-item:hover, .info_ville:hover, .info_titre:hover, .info_type:hover {
    color: #215e6d;
}

/* PAGE INDEX */

.index .radio_trans input[type=radio].css-checkbox:checked + label.css-label {
    background-color: #215e6d;
    border: 1px solid #215e6d;
    color: #fff;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    background-color: transparent;
    border: 1px solid #111;
    color: #111;
    margin-right: 10px;
}
.plusdecritere .plusc, .plusdecritere .plusm,
.index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #111;
    font-weight: 600;
    font-size: 13px;
}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #215e6d;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}
.home_cont_categories .home_heading {
    color: var(--text);
}
.home_cont_categories .home_heading::after {
    background: #215e6d;
}
.home_cont_coordonnees .home_heading {
    font-size: 20px;
}
.home_cont_presentation {
    padding: 65px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%232f2f2f' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.home_cont_presentation p {
    color: #fff;
    padding: 4px 40px 0 40px;
}
.home_cont_categories .cat-infos-overlay {
    border: 2px solid #215e6d;
    background: #215e6d;
}





/* COORDONNEES FOOTER*/
.coordonnees_heading {
    color: #215e6d;
}
.home_cont_coordonnees .social_network a:hover {
    color: #215e6d;
}




/* PAGE LISTING */
.page-item.active .page-link {
    background-color: #215e6d;
    border-color: #215e6d;
}
.page-link {
    color: #215e6d;
}
.page-link:focus,
.page-link:hover {
    color: #fff;
    background-color: #215e6d;
    border-color: #215e6d;
}


.lang{
    position:absolute; z-index:20; top:-30px; right:10px;
}

/*RESPONSIVE*/



@media (max-width: 991px) {
    .lang{
        position:absolute; z-index:20; top:-10px; right:10px;
    }
    .header .menu ul > li > a {
      color: #ffffff;
      font-size: 16px;
      font-weight: 500;
      text-transform: uppercase;
      padding: 0 10px;
    }
    .header__logo img {
        margin-top: 5px;
    }
    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 10px;
        font-size: 22px;
        background: #215e6d;
        padding: 6px 15px;
        color: #fff;
        border-radius: 5px;
    }
}
@media (max-width: 500px) {
    .header__logo img {
      margin-top: 5px;
      width: 150px;
      margin-left: -100px
    }
}
@media (max-width: 420px) {
    
}

@media (max-width: 320px) {
    
}