@media (max-width: 1025px) {
  .label-petit {
    font-size: 9px !important;
  }
}
@media (max-width: 991px) {
  .slider-zone {
    padding: 30px 15px 10px!important;
  }
}
html, body {
  min-width: 320px;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
  position: relative;
}

/*.espace-client {
    top: 0;
    position: absolute;
    right: 15px;
    color: #fff;
    background: #16193B;
    padding: 2px 10px;
}

.espace-client:hover,
.espace-client:focus {
    color: #fff;
    background: #292E6E;
}
*/
/*h3, h4 {
  text-transform: uppercase;
}

*/
header {
  background:#ffffff;
  z-index: 10;
}

.logo {margin-right: 20px;}

@media(max-width: 1199px) {
  .logo {margin-left: 20px;}
}

.navbar {display: flex;margin: 0;}

@media(max-width: 991px) {
  .logo {margin-right: auto;}
  .navbar {justify-content: space-between; flex-wrap: wrap;}

  .navbar-default .navbar-toggle {
    border:0;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus,
  .navbar-default .navbar-toggle:active {
    background: transparent;
  }

  .navbar-toggle .icon-bar {
    display: block;
    width: 29px;
    height: 4px;
    border-radius: 0px;
    margin-top: 6px;
    background-color: #ffcf2b!important;
  }
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li .dropdown .btn {
  text-transform: uppercase;
  color: #000000;
  font-size: 16px;
  font-weight: 400;
  padding: 0 10px;
  text-align: center;
  width: 100%;
  line-height: 98px;
  text-decoration: none;
}

@media(max-width: 991px) {
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li .dropdown .btn {line-height: 60px!important;}
}

@media(min-width: 992px) and (max-width: 1199px) {
  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li .dropdown .btn {  font-size: 14px!important; }
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li .dropdown .btn:hover,
.navbar-default .navbar-nav > li .dropdown .btn:focus {
  background: #000000;
  color: #ffffff;
}

@media(min-width: 992px) {
  .navbar-collapse.collapse {
    display: flex!important;
    width: 100%;
  }

}

.navbar-default .navbar-nav > li .dropdown .btn {
  border:0;
  border-radius: 0;
}

.nav>li {
  width: 100%;
}

.navbar-default .navbar-nav > li .dropdown-menu>li>a {
    text-transform: uppercase;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 30px;
    text-align: left;
    line-height: 50px;
    border-radius: 0;
}

.navbar-default .navbar-nav > li .dropdown-menu {
  border-radius: 0;
  border: 0;
}

.navbar-default .navbar-nav > li .dropdown-menu>li>a:focus, 
.navbar-default .navbar-nav > li .dropdown-menu>li>a:hover {
    color: #fff;
    background-color: #000;
}


/*** Search system ***/
.search-container {
  width: 100%;
  position: relative;
  z-index: 1;
}

.search-row {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 0 15px;
}

/*.search-row {bottom: 20px;}    
*/
@media (max-width: 767px) {
  .search-row {width: 100%; margin-top: 20px;}    
}

@media (min-width: 768px) {
  .search-row {width: 720px; margin-left: -360px;left: 50%;top: 10%;}    
}

@media (min-width: 992px) {
  .search-row {width: 960px; margin-left: -480px;left: 50%;top: 10%;}    
}

@media (min-width: 1200px) {
  .search-row {width: 1140px; margin-left: -570px;left: 50%; top: 10%;}    
}


/***** Slider ***/
.swiper-container {width: 100%;}

.swiper-container .parallax-bg {position: relative;}

@media (max-width: 1199px) {
  .search-container .parallax-bg {
    height: 450px;
    background-position: center center;
    background-size: cover;
  }

}

@media (max-width: 991px) {

}

@media (min-width: 1200px) {

  .search-container, .home .parallax-bg {
    height: 515px;
    background-position: top center;
    background-size: cover;
  }
}







.search-engine {
  background-color: #ffffff;
}

.search-engine .button {width: 100%; background: #ffcf2b;padding: 2px 1px;}

.search-engine .button:hover,
.search-engine .button:active,
.search-engine .button:focus {width: 100%; background: #000000;}

.search-engine .row {margin: 0;}

@media screen and (max-width: 991px) {
/*  .search-engine {
    margin-top: 200px;
  }*/
}
@media screen and (max-width: 508px) {
/*  .search-engine {
    margin-top: 200px;
    height: 450px;
  }*/
}

.nav-tabs > li {
  margin-bottom: 0px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  font-weight: 400;
  width: 50%;
}
@media screen and (max-width: 508px) {
  .nav-tabs > li {
    font-size: 14px;
  }
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
  color: #000000;
  cursor: default;
  border: 0px solid transparent;
  border-bottom-color: transparent;
  border-radius: 0;
  margin: 0;
  text-align: center;
  background: transparent;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  color: #fff;
  background-color: #000000;
  color: #ffffff;
  border: 0px solid transparent;
  border-bottom-color: transparent;
  border-radius: 0;
  margin: 0;
  text-align: center;
  font-size: 14px;
}

.nav > li > a:focus, .nav > li > a:hover {
  background-color: #ffcf2b;
}

.tab-content {padding: 15px;}

.tab-content > .active {
  display: block;
  padding: 30px 0;
/*  background: rgba(255, 255, 255, 0.9);
*/}


.budget-label {
  display: inline-block;
  margin-right: 10px;
}

.slider-range {
  display: inline-block;
  width: 55%;
  vertical-align: baseline;
}
@media screen and (max-width: 1199px) {
  .slider-range {
    width: 200px;
    margin-top: 10px;
  }
}

.budget-max {
  margin-top: 15px;
}

.budget-max.investissement .slider-investissement {
	width: 100%; /*margin-left: 15px;*/
}

.budget-max.investissement .textprice {
	margin-left: 0;
}

.budget-max .textprice {
  display: inline-block;
  background: #ffcf2b;
  margin-left: 15px;
  padding: 0px 8px;
  border-radius: 0;
  color: #000000;
  font-weight: 400;
  font-size: 14px;
}

.formform {margin-top: 40px;}

.ui-state-hover, .ui-widget-content .ui-state-hover {
  border: 1px solid #666;
  background: #f2f2f2 !important;
}

.ui-state-default, .ui-widget-content .ui-state-default {
  border: 1px solid #ddd;
  background: #f2f2f2 !important;
  border-radius: 0;
}

.ui-widget-content {
  border: 1px solid #ccc !important;
}

label {font-weight: 400;}

.form-control {
  height: 40px;
  color: #000000;
  font-size: 14px;
  border-radius: 0;
  border: 1px solid #eeeeee;
  background: transparent;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  padding: 0 10px;
  margin-bottom: 20px;
}


.form-control:active, .form-control:focus {
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075);	
}

a {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

a:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button {
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  background: #ffcf2b;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 20px;
  font-weight: 600;
  padding: 7px 30px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media(max-width: 575px) {
  .button {display: block; padding-left: 10px; padding-right: 10px;}
}

.button:hover, .button:focus {
  background: #000000;
  color: #ffffff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.button.btn-black {
  color: #ffffff;
  background: #000000;
  border:1px solid #000000;
  text-decoration: none;
}

.button.btn-blue {
  color: #ffffff;
  background: #00b4c3;
  border:1px solid #00b4c3;
  text-decoration: none;
}


@media(max-width: 991px) {
  .button.btn-black,
  .button {padding-top: 15px;padding-bottom: 15px;}
}

.button.btn-black:hover, .button.btn-black:focus {
  background: transparent;
  color: #000000;
  border:1px solid #000000;
}

.button.btn-blue:hover, .button.btn-blue:focus {
  background: transparent;
  color: #00b4c3;
  border:1px solid #00b4c3;
}

.btn300px {
  width: 300px;
  margin: 20px auto 0;
  display: block;
  max-width: 90%;
}

.btn500px {
  width: 500px;
  margin: 20px auto 0;
  display: block;
  max-width: 90%;
}

.infos-contact {
  position: fixed;
  box-sizing: border-box;
  background: #ffcf2b;
  color: #fff;
  width: 100%;
  min-width: 320px;
  bottom: 0;
  padding: 0;
  z-index: 1000;
}
.infos-contact .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.infos-contact a {
  color: #fff;
}
.infos-contact a:hover, .infos-contact a:focus {
  color: #000;
}
.infos-contact .info-element {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 100%;
  font-size: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
}
.infos-contact .info-element .tel {
  display: inline-block;
  font-size: 30px;
  font-weight: 600;
  padding-left: 10px;
}
.infos-contact .info-element li {
  font-size: 30px;
  display: inline-block;
  margin: 10px 7px;
}
.infos-contact .info-element .glyphicons {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.infos-contact .info-element:hover .glyphicons, .infos-contact .info-element:focus .glyphicons {
  background: #fff;
  color: #000;
  border-radius: 30px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.infos-contact .info-element .glyphicons-earphone,
.infos-contact .info-element .glyphicons-envelope {
  font-size: 30px;
  line-height: 30px;
  padding: 3px 0;
  vertical-align: sub;
}
@media screen and (max-width: 768px) {
  .infos-contact .info-element .info-element-text {
    display: none;
  }
  .infos-contact .info-element .tel {
    font-size: 20px;
  }
}
@media screen and (max-width: 490px) {
  .infos-contact .info-element {
    line-height: inherit;
  }
  .infos-contact .info-element .tel {
    display: none;
  }
  .infos-contact .info-element .glyphicons, .infos-contact .info-element .social {
    font-size: 25px;
    padding: 0;
    line-height: inherit;
  }
}

.titre2 {
  margin-top: 30px;
  margin-left: 0;
  margin-right: 15px;
  margin-bottom: 30px;
  line-height: 36px;
  font-size: 30px;
  border-left: #ffcf2b 3px solid;
  padding: 0 0 0 20px;
}

.titre2.b-blue {
  border-left: #00b4c3 3px solid;
}


.titre3 {
  line-height: 28px;
  font-size: 24px;
  color: #ffcf2b;
  font-weight: 600;
}

.titre3.b-blue {
  color: #00b4c3;
}

.titre-center {
  margin-top: 30px;
  margin-bottom: 30px;
  line-height: 45px;
  font-size: 40px;
  text-align: center;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media(max-width: 991px) {
  .titre-center {
    line-height: 35px;
    font-size: 30px;
  }
}

@media(max-width: 767px) {
  .titre-center {
    line-height: 30px;
    font-size: 24px;
  }
}

.titre-center:after {
  content: "";
  background: #ffcf2b;
  width: 100px;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}

@media(max-width: 991px) {
  .col-img-lot {padding: 0;}  
}


.img-lot {
  background-size: cover !important;
  width: 100%;
  position: relative;
}

@media(min-width: 768px) {
  .img-lot {height: 380px;}
}

@media(max-width: 767px) {
  .img-lot {height: 200px;}
}


.tva {
  position: absolute;
  bottom: 6%;
  right: 8%;
}

.etat {
  position: absolute;
  top: 15px;
  left: -10px;
  color: #000000;
  text-transform: capitalize;
  background: #ffcf2b;
  padding:2px 10px 2px 15px;
}

.lot {
  position: relative;
  padding:0;
  border: #eeeeee 1px solid;
  margin-bottom: 30px;
  background: #fff;
}

.lot .row {margin: 0;}

.lot h3 {
  font-size: 40px;
  color: #ffcf2b;
  margin: 0 0 10px;
  font-weight: 600;
  text-transform: capitalize;
}

@media(max-width: 575px) {
  .lot h3 {
  font-size: 28px!important;
  }
}

.lot h3 a {
  color: #ffcf2b;
  text-decoration: none;
}
.lot h4 {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
}

@media(min-width: 768px) {
  .lot .list-prix {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }  
}



.details-lot .nb-piece {
 font-size: 18px;
}
.flex {display: flex;}

.flex.space-between {justify-content: space-between;}

.align-items-center {    align-items: center;}

.details-lot {padding: 20px!important;}

.details-lot .list-lot {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  margin-top: 20px;
  padding: 10px 0; 
}

@media(min-width: 768px) {
  .details-lot .list-lot { display: flex;}
}




.details-lot .carac {
  width: 50%;
  display: inline-block;
  
}

@media(min-width: 768px) {
  .details-lot .carac {
    border-right: 1px solid #000000;
  margin-right: 15px;
  }
}

@media(max-width: 767px) {
  .details-lot .carac {
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
  }
}

.details-lot .carac li {
  list-style-type: none;
}
.details-lot .icon-rassu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 50%;
  margin-bottom: 0;
}
.details-lot .icon-rassu li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  padding: 0 10px 10px;
  text-align: center;
}
.details-lot .icon-rassu li span {
  font-size: 10px;
  line-height: 13px;
  text-align: center;
  text-transform: uppercase;
  display: block;
  color: #000000;
}
.details-lot .icon-rassu li img {
  width: 50px;
  height: auto;
  padding: 0 9px;
}
@media screen and (max-width: 1199px) {
  .details-lot .carac {
    display: block;
    float: none;
    width: auto;
    padding-right: 10px;
  }
  .details-lot .icon-rassu {
    width: auto;
  }
  .details-lot .icon-rassu li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    padding: 10px 0;
  }
}
@media screen and (max-width: 767px) {
  .details-lot {
    padding: 20px;
  }
  .details-lot .icon-rassu li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
    padding: 10px;
  }
  .details-lot .icon-rassu li span {
    font-size: 15px;
    line-height: 17px;
  }
}
/*@media screen and (max-width: 543px) {
  .details-lot .icon-rassu {
    display: none;
  }
}*/


a.global-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


.prix {
  line-height: 49px;
  margin-bottom: 0;
  margin-right: 15px;
}

.prix span {
  color: #ffcf2b;
  font-size: 30px;
  font-weight: 600;
}

.lot-documentation {
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  padding: 2px 5px;
}

@media(max-width: 767px) {
  .lot-documentation {
    width: 100%;
    display: block;
    text-align: center;
    background: #000!important;
    color:#fff!important;
    border:1px solid #000;
    margin-bottom: 10px;

  }

  .lot-documentation:hover {
    background: transparent!important;
    color:#000!important;
  }
}

.lot-documentation:hover {
  color: #ffffff;
  background: #000000
}

.lot-decouvrir {
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  background: #ffcf2b;
  padding:5px 10px;
  text-align: center;
  display: block;
  text-decoration: none;
  
}

@media(min-width: 992px) {
  .lot-decouvrir {
    position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  }
}

@media(max-width: 991px) {
  .lot-documentation,
  .lot-decouvrir {
    padding: 10px 15px;
  }

}

.lot-decouvrir:hover {
  color: #ffffff;
  text-decoration: none;
  background: #000000
}


@media (min-width:992px)  {
  .row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-height {
    display: table-cell;
    float: none;
    height: 100%;
    vertical-align: top;
    padding: 0;
  }
}

@media (min-width:992px)  {
  .lot .lot-hover {
    display: flex;
    position: absolute;
    bottom: 0;
    right: 15px;
    left: 12px;
  }
}


@media (max-width:991px)  {
  .lot .lot-hover {
    display: flex;
    width: 100%;
  }
}



.lot .lot-hover a:first-child { border-right: 1px solid #ccc}
.lot .lot-hover a {
 width: 100%; 
 /* height: 50px; */
 /* background-color: white; */
 /* border-radius: 25px; */
 /* margin-bottom: 10px; */
/*     font-family: 'Source Sans Pro', sans-serif;
*/    font-size: 12px;
/* font-weight: bold; */
/* line-height: 50px; */
text-align: center;
text-transform: uppercase;
color: #333;
background: #e6e6e6;
display: block;
/*    border: 1px solid #fff;
*/    padding: 5px;
/* height: 140px; */
margin: 0;
}
.lot .lot-hover a:hover {
  background-color: #35478C;
  color: #fff;
}
.lot .lot-hover a:hover .glyphicons {
  color: #fff;
}
.lot .lot-hover a span {
  /* float: left; */
  text-align: center;
  /*    display: block;*/
}
/*.lot .lot-hover a.lot-hover-documentation {
  height: 75px;
  border-radius: 33px;
  line-height: 22px;
  }*/
/*.lot .lot-hover a.lot-hover-documentation span {
  margin-top: 15px;
  }*/
/*.lot .lot-hover a.lot-hover-documentation .glyphicons {
  margin-top: 12px;
  }*/
  .lot .lot-hover a .glyphicons {
/*	display: block;
*//*     float: left; */
font-size: 18px;
/* margin-left: 30px; */
/* margin-right: 10px; */
line-height: 11px;
}

.lot .lot-hover a span {
  /* float: left; */
/*    text-align: left;
    display: block;
    line-height: 30px;*/
  }
  @media screen and (max-width: 1199px) {
 /* .lot .lot-hover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: static;
    background-color: transparent;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    background-image: -webkit-linear-gradient(top, #eee 0%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
  }
  .lot .lot-hover a {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    text-align: center;
    height: auto;
    line-height: inherit;
    background-color: transparent;
    border-radius: 0;
    border-right: 1px solid #ccc;
  }
  .lot .lot-hover a:hover {
    background-color: inherit;
    color: #e36928;
    border-radius: 0;
  }
  .lot .lot-hover a:hover .glyphicons {
    color: inherit;
  }
  .lot .lot-hover a .glyphicons {
    float: none;
    margin: 0;
  }
  .lot .lot-hover a span {
    float: none;
  }
  .lot .lot-hover a.lot-hover-documentation {
    height: auto;
    border-radius: 0;
    border-right: 0;
  }
  .lot .lot-hover a.lot-hover-documentation .glyphicons {
    margin-top: 0;
    }*/
  }
  @media screen and (max-width: 991px) {
    .lot .lot-hover a {
      font-size: 14px;
    }
  }
  @media screen and (max-width: 543px) {
  /*.lot .lot-hover {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .lot .lot-hover a {
    margin: 10px 0;
  }
  .lot .lot-hover a span {
    }*/
  }

  .appart {margin-bottom: 25px;}

  .appart .img-appart {
    background-size: cover !important;
    height: 270px;
    width: 100%;
    transition: transform 0.5s; -webkit-transition: -webkit-transform 0.5s;
  }


  .appart .img-appart .etat {
    left: -15px;
  }

  .appart .titre-appart-wrapper { position:relative; height: 270px; width: 100%;  z-index: 999;}
  .appart .titre-appart {
    background: rgba(255,207,43, 0.85);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 15px;
    z-index: 200;

  }

  .appart .titre-appart-wrapper .etat {
    z-index: 200;
    padding-left: 20px;
  }


  .appart .titre-appart h3 {
    font-size: 24px;
    color: #000000;
    margin: 0;
  }
  .appart .titre-appart h3 a {
    color: #000000;
    text-decoration: none;
  }
  .appart .titre-appart h4 {
    font-size: 18px;
    color: #000000;
    margin: 0;
  }

  .appart .infos-appart .button {
    margin-top: -1px;
    background: #000000;
    color: #ffffff;
    display: block;
    padding: 2px;
  }

  .appart .infos-appart .button:hover {
    background: #ffcf2b;
    color: #000000;
  }

  .tableau {
    margin: 5px 0 0;
    display: block;
    color: #333333;
  }
  .tableau > div {
    border-bottom: 1px solid #b4b4b4;
    padding: 3px 0;
  }
  .tableau > div div {
    display: inline-block;
    padding-left: 10px;
  }
  .tableau > div div:last-child {
    padding-right: 10px;
  }

@media(min-width: 768px) {
  .tableau > div div:last-child {
    padding-right: 10px;
  }

}

  .tblprix{
    color: #ffcf2b;
    font-size: 30px;
    font-weight: 600;
  }
  @media screen and (max-width: 543px) {
    .tableau > div:last-child div:first-child {
      font-size: 25px;
    }
  }

  .tableau .price { font-weight: 600; font-size: 24px;color: #ffcf2b;     line-height: 50px;}

  @media(max-width: 767px) {
    .tableau .price {display: block;line-height: 30px!important;}
  }

  .tableau .mention {
    line-height: 10px;
    margin-top: 12px;
  }


  /* -------------- SIDEBAR ----------------------- */

  @media screen and (max-width: 991px) {
    .sidebar {
      padding-top: 30px;
    }
    .sidebar {
      text-align: center;
    }
  }
  .sidebar .sidebar_menu {
    display: block;
  }
  .sidebar .sidebar_menu:before, .sidebar .sidebar_menu:after {
    content: " ";
    display: table;
  }
  .sidebar .sidebar_menu:after {
    clear: both;
  }
  .sidebar .sidebar_menu li {
    width: calc(359px / 2);
    height: calc(359px / 2);
    float: left;
    display: block;
  }
  @media screen and (max-width: 1199px) {
    .sidebar .sidebar_menu li {
      width: 50%;
      height: 170px;
    }
  }
  .sidebar .sidebar_menu li a {
    display: block;
    box-sizing: border-box;
    position: relative;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-top: 30px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    color: white;
 /* background-image: -webkit-linear-gradient(top, #9a9a9a 0%, #c1c1c1 100%);
  background-image: linear-gradient(to bottom, #9a9a9a 0%, #c1c1c1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9A9A9A', endColorstr='#FFC1C1C1', GradientType=0);
  */
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16193b+0,1f2454+100 */
  background: #000000; /* Old browsers */

}
.sidebar .sidebar_menu li a:hover {
/*  background-image: -webkit-linear-gradient(top, #26358c 0%, #182259 100%);
  background-image: linear-gradient(to bottom, #26358c 0%, #182259 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF26358C', endColorstr='#FF182259', GradientType=0);*/
  background: #000000;

}
.sidebar .sidebar_menu li a span {
  display: block;
}
.sidebar .sidebar_menu li a span:last-child {
  position: absolute;
  width: 100%;
  bottom: 15px;
  margin-top: 20px;
}
.sidebar .sidebar_menu li a .glyphicons {
  font-size: 60px;
}
.sidebar .sidebar_menu li.sm_social a {
  padding-top: 35px;
}
.sidebar .sidebar_menu li:nth-child(2) a, .sidebar .sidebar_menu li:nth-child(3) a {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#16193b+0,1f2454+100 */
  background: #000000; /* Old browsers */
}
.sidebar .sidebar_menu li:nth-child(2) a:hover, .sidebar .sidebar_menu li:nth-child(3) a:hover {
  background: #000000;

}
.sidebar .sidebar_contact {
  background-color: #000000;
  padding: 20px;
  color: #fff;
}
.sidebar .sidebar_contact h3 {
  font-size: 30px;
  line-height: 24px;
  font-weight: 600;
  text-transform: inherit;
}
.sidebar .sidebar_contact h3 small {
  display: block;
  font-size: 14px;
  color: #ffcf2b;
}
.sidebar .sidebar_contact .sidebar_callrdv .button {
  display: block;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.sidebar .sidebar_contact .sidebar_callrdv .button:hover {
  background-color: #ffcf2b;
  color: #000000;
  border: 1px solid #ffcf2b;
}
.sidebar .sidebar_contact .sidebar_adresse {
  margin-top: 60px;
  margin-bottom: 20px;
}
.sidebar .sidebar_contact .sidebar_adresse h3 {
  position: relative;
  margin-bottom: 25px;
}
.sidebar .sidebar_contact .sidebar_adresse h3:after {
  content: '';
  display: block;
  position: absolute;
  width: 20%;
  height: 0;
  border-bottom: 1px solid #ffcf2b;
  bottom: -10px;
}
@media screen and (max-width: 991px) {
  .sidebar .sidebar_contact .sidebar_adresse h3:after {
    left: 40%;
  }
}
.sidebar .sidebar_contact .sidebar_adresse .adresse {
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.sidebar .sidebar_contact .sidebar_adresse .telephone {
  font-size: 44px;
  line-height: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1199px) {
  .sidebar .sidebar_contact .sidebar_adresse .telephone {
    font-size: 40px;
  }
}

.pinel-sidebar {
  position: relative;
  margin-top: 20px;
}

.pinel-sidebar #simulateur{
  background-color: #ffcf2b;
  padding: 20px;
  color: #000000;
  
}

.pinel-sidebar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: -1000px;
  background-color: rgba(255,207,43,0.2);
  z-index: -1;
}

.pinel-sidebar .titre3 {color: #000000; position: relative; margin-bottom: 20px;}

.pinel-sidebar .titre3:after {
  content: '';
  display: block;
  position: absolute;
  width: 20%;
  height: 0;
  border-bottom: 1px solid #000000;
  bottom: -10px;
}

.pinel-sidebar .button {margin: 20px 0; display: inline-block; padding: 0 15px;}

.simulateur-resultat b {
  font-size: 16px;
  font-weight: 600; 
  background: #000; 
  color: #fff;
  padding: 5px 10px;
}




/* -------------- REALISATIONS ----------------------- */
#realisations {
  position: relative;
}
#realisations .slides {
  max-height: 360px;
  min-height: 180px;
  overflow: hidden;
}
#realisations .slides a {
  display: block;
}
#realisations .slides a img {
  width: 100%;
  height: auto;
  display: block;
  padding: 10px;
}
#realisations #prev, #realisations #next {
  position: absolute;
  top: calc(50% - 45px / 2);
  width: 45px;
  height: 45px;
  background-color: white;
  color: #e36928;
}
@media screen and (max-width: 767px) {
  #realisations #prev, #realisations #next {
    display: none;
  }
}
#realisations #prev:hover, #realisations #next:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}
#realisations #prev span, #realisations #next span {
  padding-top: 10px;
  padding-left: 6px;
}
#realisations #next {
  right: 0;
}

.center_button {
  text-align: center;
  margin-bottom: 40px;
}
.center_button .button {
  display: inline-block;
  margin-top: 25px;
  padding: 5px 15px;
  padding-left: 25px;
}

.center {text-align: center;}

/* -------------- ACTUALITES IMMOBILIERES ---------------- */
#actualites_immobilieres {
  margin-bottom: 40px;
}
#actualites_immobilieres .article {
  width: calc(285px * 2);
  height: 285px;
  background: #fff;
  float: left;
}
#actualites_immobilieres .article:hover .article_content .actualites_link {
  background-color: #ffcf2b;
  color:#fff;
}
#actualites_immobilieres .article > a {
  float: left;
  width: 50%;
  text-decoration: none;
}
#actualites_immobilieres .article > a img {
  width: 100%;
  height: auto;
}
#actualites_immobilieres .article .article_content {
  position: relative;
  float: left;
  width: 285px;
  height: 285px;
  padding-left: 20px;
  padding-right: 30px;
  padding-bottom: 40px;
}
#actualites_immobilieres .article .article_content h3 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #182259;
  font-weight: 700;
  font-size: 20px;
}
#actualites_immobilieres .article .article_content h3 a {
  color: #35478C;
  text-decoration: none;
}
#actualites_immobilieres .article .article_content .actualites_link {
  width: 100%;
  text-align: center;
  padding: 5px;
  /* background-color: #c1c1c1; */
  text-transform: uppercase;
  display: block;
  color: #ffcf2b;
  position: absolute;
  bottom: 0;
  left: 0;
  border: 1px solid #ffcf2b;
}
#actualites_immobilieres .article .article_content .actualites_link:hover
#actualites_immobilieres .article .article_content .actualites_link:active
#actualites_immobilieres .article .article_content .actualites_link:focus {
  background-color: #ffcf2b;
  color: #fff;
}
#actualites_immobilieres .article:nth-child(4n) > a, #actualites_immobilieres .article:nth-child(4n-1) > a {
  float: right;
}
@media screen and (max-width: 991px) {
  #actualites_immobilieres .article:nth-child(4n) > a, #actualites_immobilieres .article:nth-child(4n-1) > a {
    float: left;
  }
}
@media screen and (max-width: 1199px) {
  #actualites_immobilieres .article {
    width: calc(235px * 2);
    height: 235px;
  }
  #actualites_immobilieres .article .article_content {
    width: 235px;
    height: 235px;
    font-size: 14px;
    line-height: 16px;
  }
  #actualites_immobilieres .article .article_content h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 991px) {
  #actualites_immobilieres .article {
    width: auto;
    height: auto;
    margin-bottom: 30px;
  }
  #actualites_immobilieres .article > a {
    width: 200px;
  }
  #actualites_immobilieres .article .article_content {
    width: calc( 100% - 200px);
    height: auto;
    min-height: 200px;
    font-size: 16px;
    line-height: 20px;
  }
  #actualites_immobilieres .article .article_content .actualites_link {
    width: 90%;
    margin-left: 5%;
  }
  #actualites_immobilieres .article:nth-child(4n) > a, #actualites_immobilieres .article:nth-child(4n-1) > a {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  #actualites_immobilieres .article > a {
    width: auto;
    display: block;
    float: none;
    text-align: center;
  }
  #actualites_immobilieres .article > a img {
    max-width: 265px;
  }
  #actualites_immobilieres .article .article_content {
    float: none;
    width: auto;
  }
  #actualites_immobilieres .article:nth-child(4n) > a, #actualites_immobilieres .article:nth-child(4n-1) > a {
    float: none;
  }
}

/* -------------- POURQUOI CHOISIR RIVEGAUCHE ---------------- */
.choisir-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media(max-width: 991px) {
  .choisir-wrapper {margin-top: 20px;}
}

.rivegauche_service {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
}

@media(min-width: 768px) {
  .rivegauche_service {
     width: 50%;
  }
}


@media(max-width: 767px) {
  .rivegauche_service {
     width: 100%;
     margin-bottom: 20px;
  }
}

.rivegauche_service:nth-child(1),
.rivegauche_service:nth-child(2){
  margin-bottom: 20px;
}

.rivegauche_icon {
  background: #ffcf2b;
  margin-right: 15px;
  width: 60px;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 24px;
}

a .rivegauche_icon { color: #000000; }
a:hover .rivegauche_icon { color: #ffffff; }

.rivegauche_content span {display: block;}

.mt-5, .my-5 {margin-top: 3rem;}
.mb-5, .my-5 {margin-bottom: 3rem;}
.mt-0, .my-0 {margin-top: 0!important;}
.mb-0, .my-0 {margin-bottom: 0!important;}




/* -------------- FOOTER ---------------- */
#footer-haut {
  padding: 20px 0;
  background-color: #ced4c2;
  color: #000000;
}
@media screen and (max-width: 767px) {
  #footer-haut {
    text-align: center;
  }
  #footer-haut .col-sm-6 {
    margin-bottom: 30px;
  }
}
#footer-haut h3 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
}
#footer-haut h3 small {
  display: block;
  color: #000000;
  margin-top: 5px;
}
#footer-haut .footer_adresse div {
  line-height: 16px;
  text-transform: uppercase;
}
#footer-haut .footer_information a {
  display: block;
  margin-top: 5px;
  padding: 0;
}

@media(max-width: 991px) {
  #footer-haut .footer_information a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


#footer-bas {
  padding: 20px 0;
  background-color: #000000;
  color: #fff;
}
#footer-bas a {color: #fff;}
@media screen and (max-width: 767px) {
  #footer-bas {
    text-align: center;
  }
  #footer-bas .col-sm-6 {
    margin-bottom: 30px;
  }
}
#footer-bas h4 {
  font-size: 18px;
  line-height: 15px;
  font-weight: 600;
}
#footer-bas h4 small {
  display: block;
  color: white;
  margin-top: 5px;
}
#footer-bas .footer_menu ul:not(.footer_social_menu) li a {
    color: #ffffff;
    text-decoration: none;
    padding: 0;
    font-weight: 400;
    font-size: 100%;
}
#footer-bas .footer_menu ul:not(.footer_social_menu) li a:hover {
  color: #ffcf2b;
}

.footer_social_menu li {
  display: inline-block;
  margin: 0 3px;
}
.footer_social_menu li a {
  display: block;
  background-color: #000000;
  color: #ffffff;
  width: 46px;
  height: 46px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  box-sizing: border-box;
  padding: 6px;
  line-height: 40px;
  border:1px solid transparent;
}
.footer_social_menu li a:hover {
  background-color: transparent;
  border:1px solid #000000;
  color: #000000;
}

.footer_menu_bas .footer_social_menu li a {
  background-color: #ffcf2b;
  color: #000000;
}
.footer_menu_bas .footer_social_menu li a:hover {
  background-color: #ffffff;
  color: #000000;
}

.footer_menu_bas .footer_social_menu li a .glyphicons:before {
  display: inline-block;
  padding: 6px 4px;
}

.footer_menu_bas .footer_social_menu {
  margin-top: 15px;
}
.footer_menu_bas .footer_social_menu li {
  margin: 0 2px;
}


#footer-copyright {
  padding: 5px 0;
  text-align: center;
  color: white;
  background: #000000;
}

#footer-copyright a {color: #aaa;}

#footer-copyright a:hover {color: #fff;}



.breadcrumb-wrapper {
  background-color: #000000;
  color: #ffffff;
  font-weight: 400;
  padding: 30px 0;
  margin-bottom: 0px;
}

.breadcrumb {background: transparent;}

.breadcrumb a { color: #ced4c2;text-decoration: none;}

.breadcrumb a:hover,.breadcrumb a:focus  { color: #ffcf2b;}

.breadcrumb>.active { color: #ffffff;}

.contact-form { margin-bottom: 40px;}

.contact-form .button { margin-top: 15px; width: 100%;}

.contact-form .form-control { margin-bottom: 5px;}

.textarea { width:100%; color: #999999; font-size: 16px; padding: 10px 15px;}

ul.puce {
  padding-left: 40px;
  list-style-type: none;
}

ul.puce li:before {
  content: "\E224";
  margin-right: 10px;
  display: inline-block;
  font-family: 'Glyphicons Regular';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  color: #ffcf2b;
}

.yellow ul.puce li:before,
.beige ul.puce li:before,
.blue ul.puce li:before  {
 color: #000;
}

.light-grey ul.puce li:before  {
 color: #00b4c3;
}

.encart-blue {
  background: #00b4c3;
  padding: 2em;
}


/* -------------- POP UP ----------------------- */
#black {
  background-color: #000;
  z-index: 100000;
  opacity: 0.85;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}

.form-popup {
  display: none;
  border-collapse: collapse;
  text-align: center;
  z-index: 1000000;
  background-color: white;
  padding: 40px 30px 30px;
}

@media(min-width: 992px) {
  .form-popup {
    width: 800px;
    top: 100px;
    position: fixed;
    margin-left: -400px;
    left: 50%;
  }
}

@media(max-width: 991px) {
  .form-popup {
    width: calc(100% - 40px);
    margin: 20px;
    position: fixed;
    top: 0;
  }
}

p.mentions {
  font-size: 10px;
  line-height: 14px;
}

.form-popup textarea {width: 100%;}

.form-popup .input-group {
  margin-bottom: 7px;
}

.form-popup textarea {border-color: #eee;}

.form-popup textarea:focus {
      border-color: #000!important;
    outline: 0;
}

.btn.close {
  position: absolute;
  top: -60px;
  right: -30px;
  width: 40px;
  height: 40px;
  padding: 0;
  margin: 0;
  border: #E4871A 0Px solid;
  opacity: 1;
  text-shadow: inherit;
  color: #fff;
  background-color: #ffcf2b;
  border-radius: 0;
  font-size: 24px;
}

.btn.close:hover, .btn.close:focus {
  color: #fff;
  background-color: #000;
  box-shadow: -1px 2px 15px 3px rgba(0, 0, 0, 0.2) inset;
}

.carousel {
  margin-top: -60px;
  position: relative;
  margin-bottom: 60px;
}

.carousel:after {
  background: url(images/shadow.png) no-repeat;
  width: 100%;
  position: absolute;
  bottom: -32px;
  left: 20px;
  height: 41px;
  display: block;
  content: "";
  z-index: 1;
  background-size: contain;
}

.carousel-inner .active.left {
  left: -33%;
}

.carousel-inner .next {
  left: 33%;
}

.carousel-inner .prev {
  left: -33%;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
  z-index: 10;
}

.carousel-inner .item img {
  border: 1px solid rgba(0, 0, 0, 0.05);
  z-index: 10;
  width: 100%;
}

.carousel-inner .item {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.tag-slider {
  position: absolute;
  z-index: 12;
  top: 15px;
  right: 0;
  background-color: rgba(108, 23, 24, 0.8);
  text-align: right;
  padding: 10px 20px 5px 15px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.tag-slider:hover, .tag-slider:focus {
  background-color: rgba(108, 23, 24, 0.9);
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

.tag-slider-title {
  font-size: 34px;
  color: #fff;
  margin-bottom: 0;
  line-height: initial;
}

.tag-slider-text {
  font-size: 24px;
  color: #c1c1c1;
  line-height: 20px;
}

.tag-slider-title .glyphicons {
  font-size: 14px;
  top: 11px;
}

.carousel-control {
  bottom: 7px;
  width: 30px;
  text-shadow: inherit;
  background-color: rgba(255, 255, 255, 0.8);
  height: 30px;
  opacity: 1;
  top: inherit;
  color: #6c1718;
  border-radius: 100%;
}

.carousel-control:hover, .carousel-control:focus {
  opacity: 1;
  background-color: #6c1718;
  color: #fff;
}

.carousel-control.left {
  left: 50%;
  margin-left: -34px;
}

.carousel-control.right {
  right: 50%;
  margin-right: -34px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  margin-top: -11px;
  font-size: 20px;
}

/* -------------- SEARCH ENGINE INPUT STYLE ------------*/
#format {
  margin-top: 2em;
}

.label-dist {
  width: 25%;
}

.label-piece {
  width: 20%;
}

.label-piece .ui-button-text-only, .label-piece .ui-button-text {
  padding: 7px 5px !important;
}

.label-dist .ui-button-text-only, .label-dist .ui-button-text {
  padding: 4px 5px !important;
}

.label-dist, .label-piece {
  height: 34px;
  border-radius: 0 !important;
  border-width: 0 !important;
  color: #666666 !important;
  background-color: #fff !important;
  background-image: none !important;
}

.label-dist:hover, .label-piece:hover, .label-dist:focus, .label-piece:focus {
  background: #e5e5e5 !important;
  color: #666 !important;
}

.ui-state-active {
  background-color: #BF9A7B !important;
  background-image: none;
  color: #fff !important;
}


.page-contenu .top-img {
  margin-bottom: 40px;
}

.title-details {
  background-size: cover;
  background-position: center;
}

@media(min-width: 992px) {
  .title-details {
  height: 500px;
  }
}

@media(max-width: 991px) {
  .title-details {
  height: 250px;
  }
}

@media(max-width: 767px) {
  .title-details {
  height: 150px;
  }
}

.top-img{
  background: #ffcf2b;
}

.top-img .titre-wrapper {
  padding:40px 0 60px;
  text-align: center;
}

.top-img .titre-wrapper h1 {
  font-weight: 600;
}

.top-img.top-bleu{
  background: #00b4c3;
  color: #fff;
}

.top-img.top-bleu .titre-wrapper {
  padding:0 0 60px;
}

.top-img.top-bleu .titre-wrapper h1 {
  font-weight: 400;
}

.top-img.top-bleu .titre-wrapper h1 .big {
  font-size: 80px;
  display: block;
  text-transform: uppercase;
}


.bold {
  font-weight: 700;
}

@media(min-width: 992px) {
  .top-img .titre-wrapper h1 {
    font-size: 50px;
  }  
}

@media(max-width: 991px) {
    .top-img .titre-wrapper h1 {
    font-size: 40px;
  } 
}

@media(max-width: 767px) {
  .top-img .titre-wrapper h1 {
    font-size: 28px;
  } 
}

.page-contenu .top-img .titre-wrapper {
  padding:10px 0 20px;
  text-align: center;
}

.page-contenu .top-img .titre-wrapper h1 {
  font-weight: 400;
}

.page-contenu h1 span {
  font-weight: 600;
  display: block;
}

@media(max-width: 991px) {
  .page-contenu .top-img .titre-wrapper h1 {
    font-size: 18px;
  }

  .page-contenu h1 span {
    font-size: 28px;
  }
}

@media(min-width: 992px) {
  .page-contenu .top-img .titre-wrapper h1 {
    font-size: 30px;
  }

  .page-contenu h1 span {
    font-size: 50px;
  }
}


.content, .page-contenu {margin-bottom:60px;}
.details-swiper .swiper-button-next, .details-swiper .swiper-button-prev {
  width: 36px;
  height: 60px;
  margin-top: -80px;
  background-size: 36px 60px;
}


    

@media(max-width: 991px) {
  .content, .page-contenu {margin-bottom:60px;}
  .details-swiper .swiper-button-next, .details-swiper .swiper-button-prev {
    height: 139px;
  }
}

.details-swiper .parallax-bg {

  background-repeat: no-repeat;
  background-size: cover;
}

@media(min-width: 992px) {
  .details-swiper .parallax-bg {
    height: 575px;
  }
}

/* slider thumbnails */
.gallery-top {
  width: 100%;
}

@media (max-width: 991px) {
  .gallery-top>.swiper-wrapper {height: 400px;}
  .gallery-thumbs { display: none!important; }
  .gallery-top {  height: 400px;   }

  .details-swiper .parallax-bg {
    height: 375px;
  }
}


@media (max-width: 767px) {
  .gallery-top {  height: 280px;   }

  .details-swiper .parallax-bg {
    height: 275px;
  }
}



.gallery-thumbs {
  height: 88px;
  box-sizing: border-box;
  padding: 0;
}

.gallery-thumbs .swiper-wrapper {
  transform: translate3d(0px, 0px, 0px)!important;
}
.gallery-thumbs .swiper-slide {
  width: 12%!important;
  height: 100%;
  margin:10px;
  margin-left:0!important;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
  opacity: 0.5;
}

.gallery-thumbs .swiper-slide.swiper-slide-active { opacity: 1; }

.gallery-thumbs .swiper-slide:hover { cursor:pointer!important; }





.programme-contenu {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 20px;
  background-color: #000000;
  color: #FFF;
}

@media(max-width: 991px) {
  .programme-contenu {margin-bottom: 20px;}
}

@media(min-width: 992px) {
  .programme-contenu {margin-left: 20px;}
}

.programme-contenu .tableau {
  margin: 0;
  margin-bottom: 20px;
  color: #ffffff;
}
.programme-contenu .tableau div:last-child {
  border-bottom: 0;
}

.programme-contenu .tableau > div {
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.programme-contenu .tableau > div div:last-child {
  font-weight: 600;
}

.programme-contenu .caracteristiques {
  margin-bottom: 25px;
}
.programme-contenu .caracteristiques ul {
  padding-left: 20px;
  float: left;
  width: 280px;
}
.programme-contenu .caracteristiques ul li {
  list-style-type: none;
}
.programme-contenu .caracteristiques .programme-tva {
  float: right;
}
.programme-contenu .programme-action a {
  display: block;
  text-align: center;
  padding: 2px 5px;
  margin-bottom: 4px;
  background-color: #ffffff;
  color: #000000;
}

@media(max-width: 991px) {
  .programme-contenu .programme-action a {padding: 10px 5px;}
}

.programme-contenu .programme-action a:hover {
  background-color: #ffcf2b;
  color: #000000;
}

.programme-contenu .tblprix {color: #ffcf2b; font-weight: 600;}

.cc_content h2, .cc_content h3, .cc_content h4, .cc_content h5, .cc_content h6 {
  color: #ffcf2b;
}

#simulateur h3 {
  color: #ffcf2b;
}

/*# sourceMappingURL=style.css.map */

.style-table th {
  text-transform: uppercase;
  width: 15%;
  color:#ffffff;
  background: #000000;
  padding: 5px;
}
.style-table td {
  border-top: 1px solid #ddd;
  line-height: 1.42857;
  padding: 8px;
  vertical-align: top;
}
.style-table td a {
  color: #444;
}
.style-table td a:hover, .style-table td a:focus {
  color: #e6e6e6;
}
.style-table .plus {
  padding: 0;
  text-align: center;
  background: #ffcf2b;
}

.style-table .plus a {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
}

.table-responsive {border:0;margin-bottom: 20px;}

@media(max-width: 991px) {
  .table-responsive table {width: 800px;}
}

.table-hover > tbody > tr:hover .plus {
  background: #000000!important;
}
/*.style-table .plus:hover a {
    background: #ffffff;
    }*/


    .table-hover > tbody > tr:hover .plus a {
      color: #fff;
    }
    .table-hover > tbody > tr:hover {
      background-color: #444;
      cursor: pointer;
    }

    .table-hover > tbody > tr:hover a {
      color: #e6e6e6;
    }

    .table-hover > tbody > tr {
      background-color: #ffffff;
      cursor: pointer;
    }

    @media screen and (max-width: 767px) {
      .form-popup {

        width: 100% !important;
        margin-left: 0px !important;
        left: 0px !important;
        top: 0px !important;
        bottom: 0px !important;
      }
    }

    .Form_center {
      display:block;
      z-index: 1002;
      position:absolute;
      background-color:#1f1f1F;
      text-align:left;
    }

    .cache_noir {
      display:block;
      background-color: #000000;
      height: 100%;
      left: 0;
      opacity: 0.6;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1001;
    }

    @media (max-width: 991px) {
      .Form_center {
        left:0;
        right: 0;
        top:350px;
        margin-top: 0;
        margin-left: 0;
        padding:0;
      }
      .Form_center img{width:100%;}
      .Form_center>a {
        background-image: url('../img/fancybox_sprite.png'); 
        width: 35px; height: 35px; 
        position: absolute; 
        right: 0; 
        top: 0;
        z-index: 1004;
      }

    }

    @media (min-width: 992px) {
      .Form_center {
        left: 50%;
        top: 350px;
        margin-top: -300px;
        margin-left: -570px;
      }
      .Form_center>a {
        background-image: url('../img/fancybox_sprite.png'); 
        width: 35px; height: 35px; 
        position: absolute; 
        right: -15px; 
        top: -17px;
        z-index: 1004;
      }

    }

    .light-grey {background:#f5f5f5; margin: 40px 0;}

    .yellow {background:#ffcf2b;}

    .beige {    background-color: #ced4c2;}

    .yellow .titre2,
    .beige .titre2,
    .blue .titre2,
    .encart-blue .titre2 {
      border-left: #000 3px solid;
    }

    .blue {background:#0db5c4;}

    @media(min-width: 768px) {
     .service-list {
        padding: 60px 0;
      }   

      .service-list h2 {font-size: 40px;}
    }

    @media(max-width: 767px) {
     .service-list {
        padding: 30px 15px;
      }   

      .service-list h2 {font-size: 28px;}
    }
    

    

    .service-list .service-row {
      margin: 60px 0;
      display: flex;
    }

    @media(max-width: 991px) {
      .service-list .service-row {
        flex-wrap: wrap;
      }
    }

    .service-item {
      text-align: center;
    }

    @media(min-width: 992px) {
      .service-item {
        width: 100%;
      }
    }

    @media(max-width: 991px) {
      .service-item {
        width: 50%;
      }
    }

    @media(max-width: 767px) {
      .service-item {
        width: 100%;
        margin-bottom: 40px;
      }
    }

    .service-item a {
      color: #000000;
      font-size: 20px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .service-item a:hover {
      letter-spacing: 0.2px; 
      font-weight: 600;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .service-item a .glyphicons {
      display: block;
      font-size: 60px;
      margin-bottom: 10px;
    }

    .service-item a img {
      height: 72px;
      display: block;
      margin: auto;
      margin-bottom: 10px;
    }



    .infos-list {
      margin: 0;
      padding: 60px;
    }

    @media(max-width: 767px) {
        .infos-list {
          padding: 30px 0;
        }
    }

    .infos-list h2 {font-size: 40px;}

    .infos-list .infos-row {
      margin: 60px 0;
      display: flex;
    }

    @media(max-width: 991px) {
      .infos-list .infos-row {
        flex-wrap: wrap;
      }
    }


    @media(min-width: 992px) {
      .infos-item {
        width: 100%;
      }
    }

    @media(max-width: 991px) {
      .infos-item {
        width: 50%;
      }
    }

    @media(max-width: 767px) {
      .infos-item {
        width: 100%;
        margin-bottom: 40px;
      }
    }

    .infos-item {
      text-align: center;
    }

    .infos-item a {
      color: #000000;
      font-size: 20px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .infos-item a:hover, .infos-item:hover .bigandbold {
      letter-spacing: 0.2px; 
      font-weight: 600;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }

    .infos-item img {
      height: 72px;
      display: block;
      margin: auto;
      margin-bottom: 10px;
    }

    .bigandbold {
      font-weight: 600; 
      font-size: 30px;
      -webkit-transition: all 0.3s ease;
      transition: all 0.3s ease;
    }




    .icon-contact {
      position: fixed;
      top: 30%;
      right: 0;
      z-index: 2000;
    }

    @media(max-width: 767px) {
      .icon-contact {display: none;}
    }

    .icon-contact div {
      background: #0db5c4;
      margin-bottom: 4px;
      width: 70px;
      height: 70px;
      line-height: 70px;
      text-align: center;
      padding: 15px;
      box-shadow: 0 0 5px rgba(0,0,0,0.1);
    }

    .icon-contact img {width: 100%;    vertical-align: baseline;}

    .icon-contact .glyphicons {font-size: 30px; color: #000;    line-height: 41px;}

    .icon-contact .glyphicons:before {padding: 0;}


    .financement .container {
      padding: 60px 15px;
      font-size: 1.8rem;
      line-height: 2.8rem;
    }

    .dispo-fisc h3 {
      text-transform: inherit;
      text-align: center;
      background: #ffcf2b;
      padding: 20px;
      width: 100%;
      margin:0 0 20px;
      color: #000;
      text-transform: uppercase;
    }

    .dispo-fisc .col-height {padding: 0 15px;vertical-align: middle;}

    .block {display: block;}

    .copilot img {
      max-width: 100%;
    }

    .copilot h4 {
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      margin-top: 20px;
    }

    .copilot p {
    font-size: 1.6rem;
    line-height: 2.2rem;
      text-align: center;
    }

    .rgpd p {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }