/*
     $$$$$$      $$$$$$      $$$$$$
    $           $           $      $
     $$$$$$      $$$$$$     $      $
           $    $           $      $
     $$$$$$      $$$$$$      $$$$$$
*/

a:hover{
    text-decoration: none !important;
}
ul li{
    list-style-type: none !important;
}
h2{
    color: #3f80c2;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0;
    padding-top: 80px;
}
h4{
  padding:10px;
  font-size:1.25em;
}
.hover{
  cursor:pointer;
}
#recherche_liste_type_bien{
  width:calc(100% - 31px);
  height: 200px;
  overflow-y: scroll;
  margin-left: -8px;
  z-index:10;
  position:absolute;
}
#recherche_liste_type_bien input{
  width:20px;
  height:20px;
}
#label_recherche_type_bien{
  overflow: hidden;
  height:25px;
}
#recherche_liste_type_bien label{
  cursor:pointer;
  display: inline-block;
  width:calc(100% - 30px);
  margin-left:10px;
  padding:0 0 5px 0;
  margin-top: -10px;
}
#recherche_liste_input_localisation{
  width: 100%;
  z-index: 10;
}
#recherche_liste_localisation{
  width: calc(100% - 7px);
  max-height: 200px;
  display:none;
  overflow-y: scroll;
  margin-top:-17px;
}
#recherche_liste_localisation p{
  cursor: pointer;
}
.liens-ancres{
   position: fixed;
    top: 0;
    right: 2%;
    top: 10%;
    width: 18%;
}
.titre_chapitre{
  position:fixed;
  margin-top:-35px;
  padding:5px;
  background-color:white;
}
.etoile_pleine::before{
  content:"\2605";
  height:20px;
  width:20px;
  font-size:25px;
  color:#f39c12;
}
.etoile_creuse::before{
  content:"\2606";
  height:20px;
  width:20px;
  font-size:25px;
}
.etoile_pleine.nomvote::before,.etoile_creuse.nomvote::before{
  font-size:12px;
}
#agence_1 img{
  width:30%;
  max-width:200px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.agence_top_5 img{
    max-width:140px;
    max-height:200px;
}
#statistique_infos nav a{
    cursor:pointer;
}
.block_stat{
  position:relative;
  z-index:0;
  background-color:white;
  min-height:300px;
  width:100%;
  display:none;
}
.block_stat:nth-of-type(1){
  display:block;
}

#repartition_population{
  width:100%;
  height:auto;
}
.block_age_logement{
  display:none;
}
#age_logement_1{
  display:block;
}
#table_quartier{
/*  overflow-y: scroll;*/
/*max-height: 900px;*/
}
@media (max-width : 500px){
  .graph{
    margin-left:-25px;
  }
  #table_quartier{
    overflow-y: initial;
    max-height: 100%;
  }
}
#sub-footer{
  background-color:black;
    width: 100%
}
#erreur_404{
  padding: 20vh 0 25vh 0;
}
.fleche_moins, .fleche_plus{
}
.fleche_plus::after{
  content:'\21D7';
  color:red;
  font-size:25px;
}
.fleche_moins::after{
  content:'\21D8';
  color:green;
  font-size:25px;
  background-image:url('/img/line-chart2.svg');
}
#table_meteo td{
  min-width:7.6%;
}
.list-group-item{
    border-left: none;
    border-right:none;
    border-top: none;
    padding: 0;
    margin-bottom: 0;
    font-size: 0.9rem;
    background-color:  rgba(255,255,255,1)
}
.table-active{
    background-color: transparent;
}
.list-group-item a, .table a{
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding-right: 10px;
}
.list-group-item a:hover, .table a:hover{
    color: #3f80c2;
    padding-right: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background:#ddd;
}
.conseil, conseil a{
    background-image: url(../img/conseiller.jpg);

    color: #fff;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 100px;
    line-height: 22px;
    font-size: 1em;
    background: #3f80c2;
    padding-top: 30px;
}
.conseil:hover .conseil a:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}
.invest{

    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,0.7)), to(rgba(39,230,211,0.7)));
    background: linear-gradient(to right, rgba(63,128,194,0.7) 0%, rgba(39,230,211,0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 15px;
}
.invest span{
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 100px;
    font-size: 0.8em;
}
.invest:hover{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,0.5)), to(rgba(39,230,211,0.5)));
    background: linear-gradient(to right, rgba(63,128,194,0.5) 0%, rgba(39,230,211,0.5) 100%);
}
.pret img {

    width: 100%;
    height: 75px;
    opacity: 1;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 0 0;
    object-position: 0 75%;
    margin-top: 15px;

}
.credit{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,0.7)), to(rgba(39,230,211,0.7)));
    background: linear-gradient(to right, rgba(63,128,194,0.7) 0%, rgba(39,230,211,0.7) 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 15px;
}
.credit span{
    position: absolute;
    top: 40%;
    width: 100%;
    left: 0;
    color: #fff;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 100px;
    font-size: 0.8em;
}
.credit:hover{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none !important;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,0.5)), to(rgba(39,230,211,0.5)));
    background: linear-gradient(to right, rgba(63,128,194,0.5) 0%, rgba(39,230,211,0.5) 100%);
}
.mt-1{
    margin-top:0 !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
    color:#3f80c2;
    margin-bottom: 2rem !important;
}
.p-3 h1{
    text-transform: uppercase;
    padding-top: 3rem !important;
    font-size: 1.8em;
    color: rgb(68, 68, 68);
}
#prix_infos{
    margin-left:0;
}
#prix_infos h4{
    color: #3f80c2;
    font-size:1.75em;
}
.btn-search{
    right: 0;
}
.btn-annonces{
    /*margin-top: 90px;*/
}
.btn-conseil{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-weight: bold;
    text-transform: uppercase;
}
.btn-conseil:hover{
    opacity: 0.8;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-conseil a:hover{
    text-decoration: none;
}
.btn{
    border-radius: 0 ;
}
.w-100{
    width: 100%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-annonces .w-100:hover{
    width: 95% !important;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.list-group .float-left{
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 40px;
}
.list-group .float-left:hover{
    padding-left: 15px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ddd;
}
.list-group .float-right{
    text-align: right;
    line-height: 52px;
}
.agence_top_5 .row{
    min-height: 140px;
}
.number-1{
    text-align: center
}
.btn-ag1{
    margin: auto;
    width: 200px;
    margin-bottom: 40px;
}
.credit{
    margin-top: 15px!important;
}
.bg-primary {
    color: #fff;
    background-color: #3f80c2 !important;
}
.btn-primary {
    color: #fff;
    background-color: #3f80c2;
    border-color: #3f80c2;
    font-size: 0.8em;
    text-transform: uppercase;
    border-radius: 0;
}
#accordion-commentaires .btn-primary{
    margin-left: 15px;
}
.btn-primary:hover {
    background-color: #1565b0;
    border-color: #1565b0;
}
.btn-secondary {
    color: #fff;
    background-color: #c1c1c1;
    border-color: #ffffff;
}
#prix_immo{
    font-size: 11px;
}
.btn-light {
    color: #fff;
    background-color: #3f80c2;
    border-color: #ffffff;
}
.btn-cntag{
    border: 1px solid #fff;
}
.btn-cntag:hover{
    background: #fff;
    color:#3f80c2;
}
.onglet, .onglet-first{
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
    border-left:solid 1px black;
    border-top:solid 1px black;
}
.onglet-last{
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
    border-right:solid 1px black;
    border-left:solid 1px black;
    border-top:solid 1px black;
}
.onglet:focus{
    color: #fff;
    background-color: #3f80c2;
    border-color: #ffffff;
    border-left:none;
    border-top:none;
}
.onglet-last:focus, .onglet-first:focus{
    color: #fff;
    background-color: #3f80c2;
    border-color: #ffffff;
    border-right:none;
    border-left:none;
    border-top:none;
}
.nav-item a {
    color: #3f80c2;
    text-decoration: none;
    background-color: transparent;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #3f80c2;
}
.nav-pills .nav-link {
    border-radius: 0;
    background: #f2f2f2;
}
.nav-pills .nav-link:hover {
    border-radius: 0;
    background: #769fc9;
    color: #fff;
}
#quartier_infos .table-active, #quartier_infos .table-active > td, #quartier_infos .table-active > th {
    background-color: rgba(0,0,0,.03);
}
.table-active,  .table-active > td,  .table-active > th {
    background-color: rgba(0,0,0,.00);
}
.table-primary, .table-primary > td, .table-primary > th {
    background:#d6d6d6;
    color: #fff;
}
.mtp{
    color: #ffffff !important;
}
.progress-bar {
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(63,128,194,1)), color-stop(100%, rgba(39,230,211,1)));
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,1)), to(rgba(39,230,211,1)));
    background: linear-gradient(to right, rgba(63,128,194,1) 0%, rgba(39,230,211,1) 100%);
}
.tendance-prix{
    width: 30px;
    padding-left: 5px;
    margin-top:-5px;
}
.ico-meteo{
    width: 30px;
    line-height: 50px;
}
.t-center{
    text-align: center !important;
}
#statistique_infos h3{
    font-size: 1.25rem;
    padding-top:10px;
}
#statistique_infos .title{
    background: transparent !important;
}
.profil{
    margin-top: -10px;
    border-radius:50%;
    height: 70px;
}
h6{
    padding-top: 10px;
    font-weight: bold;
}
.ital{
    font-weight:normal;
    font-size: 0.8em;
    font-style:italic;
}
#commentaires p{
    font-size: 0.9em;
}
.reponse{
    margin-left: 20px;
}
.reponse::before{
    content:" ";
    height: 95px;
    width:10px;
    background-color:#3f80c2;
}
#divmapi{
  width:100% !important;
  height:calc(100% - 55px) !important;
  min-height:350px;
}
.reponse_commentaire{
  display:none;
}
.cercle_pseudo{
  height:70px;
  width:70px;
  background-color:#407dc0;
  text-align:center;
  color:white;
  font-size:2.3em;
  border-radius:100px;
  line-height:75px;
}
#post_commentaire{
  display:none;
}
#image_ville_header{
  width:100%;
  height: 445px;
  position:relative;
  left:0;
  text-align: center;
  z-index: -1;
}
#image_ville_header img{
  width: 100%;
  height: 445px;
  opacity:1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 0;
  object-position: 0 20%;
}
.header-img{
    padding-left: 0;
    padding-right: 0;
}
/*
#white_mask_photo_ville{
  position:absolute;
  width:100%;
  height:800px;
  background-image:-webkit-gradient(linear,left top, left bottom,color-stop(20%, rgba(255,255,255,0.0)),color-stop(70%, rgba(255,255,255,1)));
  background-image:linear-gradient(to bottom,rgba(255,255,255,0.0) 20%,rgba(255,255,255,1) 70%);
}
*/
#texte_prefecture{
  overflow-y: hidden;
  height: 100px;
  -webkit-transition-duration:2s;
  transition-duration:2s;
    color:rgb(68, 68, 68);
}
#texte_prefecture h3{
    color:rgb(63, 128, 194);
}
#button_cacher_texte_prefecture{
  display:none;
}
.button_texte_prefecture{
  float:right;
}
/*  LISTE ANNONCES  */
.type_annonce{
  position: absolute;
}
.image_annonce{
  width:100%;
  max-width:140px;
}
.titre_annonce{
  font-weight:bold;
  font-size:1.1em;
  color:#407dc0;
    text-align: center;
}
.description_annonce{
  font-size:0.9em;
    color:#2b2b2b;
}
.parametres_annonce{
    font-size: 0.85em;
    line-height: 30px;
    background: #b6b6b6;
    color: #fff;
    text-align: center;
    position: relative;
}
footer{
  background-color:#1c242e;
}
.form-group {
    margin-bottom: 0.55rem;
}
.pt-5, .py-5 {
    padding-top: 0 !important;
}

.list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #dee2e6;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.first-content{
    margin-top: 4em !important;
    padding-left: 0;
}
/*
.cache-content:before, .cache-content2:before, .cache-content3:before, .cache-content4:before, .cache-content5:before, .cache-content6:before, .cache-content7:before{
    content:url(img/chevron-down.svg);
    position:relative;
    opacity: 1;
    height: 30px;
    left: 5px;
    top:0px;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.cache-content:hover:before, .cache-content2:hover:before, .cache-content3:hover:before, .cache-content4:hover:before, .cache-content5:hover:before, .cache-content6:hover:before, .cache-content7:hover:before{
    left: -15px;
    transition: all 0.3s ease-in-out;
}
*/

.cache-content, .cache-content2, .cache-content3, .cache-content4, .cache-content5, .cache-content6, .cache-content7{
    padding-left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
 .chevron2, .chevron, .chevron4, .chevron5, .chevron6, .chevron7{
    height: 30px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.chevron3{
    height: 30px;
    margin-right: 10px;
    transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.spinEffect{
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
}
.spinEffect2{
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
   -ms-transform: rotate(0deg);
}
.cache-content:hover img, .cache-content2:hover img, .cache-content3:hover img, .cache-content4:hover img, .cache-content5:hover img, .cache-content6:hover img, .cache-content7:hover img{
    margin-right: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.cache-content:hover, .cache-content2:hover, .cache-content3:hover, .cache-content4:hover, .cache-content5:hover, .cache-content6:hover, .cache-content7:hover{
    cursor: pointer;
    padding-left: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mt-3, .my-3 {
    margin-top: 0 !important;
}

.small-hr {

    background-color: #b2b3b3;
    height: 1px;
    width: 50px;
    margin-bottom: 20px;
    margin-left: 30px;
}
div.annonce{
    padding: 0 20px !important;
    margin-bottom: 3rem !important;
}
.border-tp{
    border: 1px solid #b2b3b3;
    padding:20px 0;
}
.form{
    background: rgba(255, 255, 255,0.85);
    padding: 20px;
    text-align: left;
    margin-bottom: 35px;
}
#inscription_alerte_newsletter{
    margin-bottom: 15px;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.investir img{
  width: 100%;
  height: 75px;
  opacity:1;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 0 0;
  object-position: 0 35%;
}

.accordion, .accordion2, .accordion3, .accordion4, .accordion5, .accordion6, .accordion7{
    margin-bottom: 25px;
    margin-top: 25px;
}
.p-3 {
    padding: 1rem;
    padding-top: 0!important;
}
.list-pub{
  text-align: center;
  position: fixed;
  left: -1%;
  top: 14%;
  width: 20%;
  margin-top: -2.5em;
}

.btn-voir{
    padding-top: 17px!important;
}
.ligne-2{
    margin-top: 30px;
}
.progress {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 2rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: 0;
}
.titlh4{
    text-transform: uppercase;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,1)), to(rgba(39,230,211,1)));
    background: linear-gradient(to right, rgba(63,128,194,1) 0%, rgba(39,230,211,1) 100%);
    margin-top: 40px;
}
.bgh5{
    text-transform: uppercase;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(rgba(63,128,194,1)), to(rgba(39,230,211,1)));
    background: linear-gradient(to right, rgba(63,128,194,1) 0%, rgba(39,230,211,1) 100%);
    padding: 10px;
    font-size: 1em;

}
.titlh3{
    text-transform: uppercase;
    color:#407dc0;
}
.vignette{
    padding: 20px;
    min-height: 300px;
}
.align-center{
    text-align: center;
}
.link-item{
    padding-top: 20px;
}
.master-avis{
    padding-bottom: 20px;
}
.bg-bleu{
    background-color:#407dc0;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    line-height: 50px;
    margin: auto;
    color: #fff;
}
.bg-gris{
    background-color:#b6b6b6;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    line-height: 50px;
    margin: auto;
    color: #fff;
}
.title-ag{
    margin-top: 20px;
}
.title-ag2{
    font-size: 1.2em;
    line-height: 70px;
    margin-bottom: 20px;
}
.badge-ag img{
    height: 70px;
}
.badge-ag2 img{
    height: 30px;
}
.no-padding{
    padding-left: 0;
    padding-right: 0;
}
.rating-ag2{
    position: absolute;
    bottom: 20px;
    left: 0;
}
.picto img{
    height: 30px;
    margin-left: 10px;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
a:hover .picto img{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.accordion5 .table {
    text-align:center ;
}
.table td, .table th {
    border-bottom: 1px solid #dee2e6;
    border-top: 0px solid #dee2e6;
}
.check{
    padding-left: 10px;
}
.btn-ok, .opt_in_rgpd{
    margin-top: 20px;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.mw1140p {
    max-width: 1140px;
}
#header{
    margin-top: 50px;
}
.breadcrumb{
    padding-left: 50px;
}
.footer_credits {
    padding: 40px 15px;
    background: #1c242e;
    color: #ffffff;
    font-size: 12px;
    width: 100%;
}
.footer_credits .txtbluegrey {
    font-weight: 100;
    text-transform: uppercase;
    font-size: 16px;
    color: #696e7e;
    line-height: 10px;
}
.footer_credits > .line > div {
    width: 25%;
}
.footer_credits > .line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer_credits a {
    color: #ffffff;
}
.footer_credits ul {
    border-left: 1px solid #696e7e;
    padding: 0 15px;
    min-height: 40px;
    margin-top: 1rem;
}
.footer_credits ul li {
    padding-right: 0;
    list-style: none;
    line-height: 20px;
}
.insee-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.content1{
    -webkit-box-ordinal-group:1;
    -ms-flex-order:0;
    order:0;
}
.content9{
    -webkit-box-ordinal-group:10;
    -ms-flex-order:9;
    order:9;
}
.content2{
    -webkit-box-ordinal-group:2;
    -ms-flex-order:8;
    order:8;
}
.content3{
    -webkit-box-ordinal-group:4;
    -ms-flex-order:3;
    order:3;
}
.content4{
    -webkit-box-ordinal-group:5;
    -ms-flex-order:0;
    order:0;
}
.content5{
    -webkit-box-ordinal-group:6;
    -ms-flex-order:5;
    order:5;
}
.content6{
    -webkit-box-ordinal-group:7;
    -ms-flex-order:6;
    order:6;
}
.content7{
    -webkit-box-ordinal-group:8;
    -ms-flex-order:7;
    order:7;
}
.content8{
    -webkit-box-ordinal-group:9;
    -ms-flex-order:8;
    order:8;
}
.content-10{
    -webkit-box-ordinal-group:10;
    -ms-flex-order:9;
    order:9;
}

img#img_map {
    width: 100%;
    margin-top: 40px;
}

.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.form-mobile{
    display:none;
}
.tape, .plan {
    width: 50%;
}
.pin {
    width: 100%;
}
.tape img, .plan img, .pin img{
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
.tape ul li, .plan ul li, .pin ul li {
    display: inline-block;
}
.texte-center{
    text-align: center;
}
.parametres_annonce ul{
    margin-bottom: 0;
    padding-left: 0;
}
.test{
    height: 1000px!important;
}
.test-mobile{
    display:none;
}
.dbl-champ{
    width: 49%;
}


@media (max-width: 1337px){
    .list-pub {
        text-align: center;
        position: relative;
        right: 1%;
        top: 0;
        width: 100%;
        margin-top: 0;
    }
    .list-pub ul{
        padding-left:25px;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 15%;
        left: 25%;
        width: 50%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
    .liens-ancres{
        display: none;
    }
    #bd-rightsidebar {
        display: none;
    }
}
@media (max-width: 835px){
    .list-group{
        margin-top:50px;
        margin-bottom: 40px;
    }
    h2{
        font-size: 20px;
    }
    .title-ag2 {
        font-size: 13px;
        line-height: 50px;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 15%;
        left: 25%;
        width: 50%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
}
@media (max-width: 741px){
    .list-group{
        margin-top:50px;
        margin-bottom: 40px;
        font-size: 14px;
    }
    h2{
        font-size:16px;
    }
    .title-ag2 {
        font-size: 10px;
        line-height: 50px;
    }
    .cache-content:hover, .cache-content2:hover, .cache-content3:hover, .cache-content4:hover, .cache-content5:hover, .cache-content6:hover, .cache-content7:hover {
        cursor: pointer;
        padding-left: 0;
        -webkit-transition: none;
        transition: none;
    }
    .cache-content:hover img, .cache-content2:hover img, .cache-content3:hover img, .cache-content4:hover img, .cache-content5:hover img, .cache-content6:hover img, .cache-content7:hover img {
        margin-right: 10px;
        -webkit-transition: none;
        transition: none;
    }
    .first-row {
        margin-bottom: 2rem;
    }
    .map img{
        max-width: 285px;
    }
    .list-pub ul {
        padding-left: 8px;
    }
    .titre_annonce{
        text-align: center;
    }
    .parametres_annonce{
        display: none;
    }
    .form-desktop{
        display: none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 15%;
        left: 10%;
        width: 80%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }

    div#block_stat_2 table tr {
        font-size: 12px;
    }    
}
@media (max-width: 321px){
    .list-group {
        font-size: 12px;
    }
    .map img {
        max-width: 240px;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 15%;
        left: 25%;
        width: 90%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
}
@media (max-width: 835px){
    .footer_credits {
    padding: 40px 0px;
    }
    .container {
        max-width: 800px;
    }
    .text-white {
        line-height: 30px;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 15%;
        left: 25%;
        width: 50%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
}
@media (max-width: 569px){
    .footer_credits > .line > div {
        width: 25%;
    }
    .footer_credits > .line {
        display: block;
    }
    #sub-footer {
        padding-left: 20px;
    }
    .footer_credits {
        padding: 40px 20px;

    }
    .footer_credits > .line > div {
        width: 100%;
    }
    .logo_footer{
        margin-bottom: 20px;
    }
    .breadcrumb {
        padding-left: 25px;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
}
@media (max-width: 769px){
    .titre_annonce {
        text-align: center;
    }
    .form-desktop{
        display:none;
    }
    .form-mobile{
        display:block;
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        background: rgba(255, 255, 255,0.85);
        padding: 20px;
        text-align: left;
    }
    .border-tp {
        padding: 20px 20px;
    }
}
@media (min-width: 1439px) /*and (max-width: 1500px)*/{
    .container {
        max-width: 1140px;
    }
    .list-pub {
        top: 25%;
    }
    .liens-ancres{
        display: none;
    }

    #bd-leftsidebar {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        order: 0;
        position: -webkit-sticky;
        position: sticky;
        top: 55px;
    
        height: calc(100vh - 4rem);  
        text-align: center;
        margin-top: -450px;
        padding-right: 15px;
         width: 20%;
    }
    
    #bd-leftsidebar ul {
        /* padding-left: 15px; */
    }
    
    #bd-rightsidebar {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        order: 2;
         padding-top: 1.5rem;
        padding-bottom: 1.5rem; 
        position: -webkit-sticky;
        position: sticky;
        top: 80px;
        height: calc(100vh - 4rem);
        width: 100%;
        margin-top: -430px;
    }
}

.txt_annonce{
  min-height: 90%;
}

@media(max-width: 450px){
    .test-mobile{
        display:block;

    }
    .test-desktop{
        display:none;

    }
}

#plan_site_footer{
  background-color: black;
  width:100%;
}

#plan_site_footer ul{
  border-left: inherit;
  padding: 0;
  min-height: 20px;
  margin-top: 0;
  display: inline-block;
  width:100%;
}


#plan_site_footer ul li{
  display: inline-block;
}

/* BOOTSTRAP */

body {
    padding-top: 50px;
    padding-bottom: 0;
}

/*
 * Sidebar
 */

 /* .bd-sidebar, .bd-toc {
    position: fixed;
    top: 51px;
    bottom: 0;
    z-index: 1000;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    /* Scrollable contents if viewport is shorter than content. *//*
} 

{
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    padding: 20px;

    padding-right: 20px;
    padding-left: 20px;

    overflow-x: hidden;
    overflow-y: auto;

    border-right: 1px solid #eee;
}
*/

#header-img {
    position:relative;
    margin-bottom: 445px;
}
#image_ville_header {
    position:absolute;
    /* top: 51px; */
    left:0;
}


.navbar {
    padding: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {

    /* padding-right: 15px;
    padding-left: 15px; */

}



#bd-content {
    display: block;
    /* top: 470px; */

    margin-left: 0;
}

#bd-content .container {
    /* padding-left: 0;
    padding-right: 0; */

    /* margin-left: 5px;
    margin-right: 5px; */
}

#bd-content .txt_annonce .text-center {
    padding-left: 5px;
    padding-right: 10px;
}

#bd-content .txt_annonce .text-center div.align-items-bottom span a {
    font-size: 0.77em;
}

#bd-title {
    text-transform: uppercase;
    padding-top: 3rem !important;
    font-size: 1.8em;
    color: rgb(68, 68, 68);
}
#form_search_input_localisation{
    margin-top: 15px;
}