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


/*Import Fonts*/

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

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

/* 2a2e39 */
/* .c_surfacemin , .c_numero , .c_prixmax  {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: 149px!important;
    height: 38px;
} */
.c_type {
    height: 26px;
}
.detail-calendrier {
    text-align: center;
    background: #ebebef;
}
#calendrier-loca-saisons .annee {
    margin-bottom: 25px;
    text-align: center;
    background: #e62739;
    padding: 10px 0;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
}
.dw-pnl {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    BACKGROUND: #FFF;
    margin: 5px;
}
.tarif {
    background: #fff;
    padding: 36px;
    margin: 5px;
}
.prod_listing.damier .prix_listing, .prod_accueil .prix_listing {
    text-align: right;
    font-size: 14px;
    line-height: 16px;
    width: 60%;
}
.prix_listing{
    font-size: 10px;
}

 .c_numero {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    /* width: 473px!important; */
    height: 25px;
    font-weight: 800;
}

/* .btn-primary {
    width: 200px;
    padding: 0.8rem 0.75rem;
} */

.estimation h1::after, .nosservices h2::after, .alerte-email h1::after, .agence h2::after, .contact h1::after, .on-vous-rappelle h1::after {
    content: "";
    display: block;
    position: relative;
    background: #e62739;
    height: 2px;
    width: 70px;
    margin: 10px 0;
}
.home_cont_presentation .logo_presentation {
    width: 70%;
    margin-left: 18%;
    margin-top: 15px;
}

.search_form .c_type {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: 150px!important;
    height: 38px;
}
.mi {
    background: #e62739;
    padding: 10px;
    border-radius: 23px;
    color: #fff;
}
.search_form  .c_insee {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: 200px!important;
    height: 38px;
}
  .search_form  .c_prixmax  {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: 142px!important;
    height: 38px;
}
.search_form .c_numero  {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: 106px!important;
    height: 38px;
}
body {
    font-family: 'Work Sans', sans-serif;
}
.form-voyageur {
    display: none;
    background: white;
    width: 100% !important;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid silver;
    margin-top: 1px;
    height: 38px;
}

#adultes{
    margin-top: -100px!important;
}

#adulte-minus, #adulte-plus, #nbpers-adulte-result {
    font-size: 30px;
    cursor: pointer;
    left: -71px!important;
}
.form-voyageur .ion-ios-minus, .form-voyageur .ion-ios-plus {
    top: 73px!important;
}
#nbpers-adulte-result {
    top: 71px!important;
}
.listing .main-content {
    padding-top: 200px;
}

#adulte-minus, #adulte-plus, #nbpers-adulte-result {
    font-size: 30px;
    cursor: pointer;
    color: #1a1e2a;
}
/* .ion-ios-minus, .ion-ios-plus{
    font-size: 25px!important;
} */
#nbadultes{
top: -100px!important;
left: 48px!important;
}
/* TOP MENU */
.top_menu {
    background: #e62739;
}
.index-logo-not-sticking {
    width: 20%!important;
}
/* MENU (gauche) */
#sidebar-wrapper {
    background: #1a1e2a;
}


.index .container_search .dropdown-menu.open.show{
    transform: translate3d(0px, -37px, 0px)!important;
    max-height: 211px;
    overflow: hidden;
    position: absolute;
    top: auto!important;
    left: 0px;
    will-change: transform;
    bottom: 0px;
}
.index .container_search .bs-actionsbox .btn-group button {
    width: 100%;
}


/* CAT */
.grid figure p {
    letter-spacing: 1px;
    font-size: 15px;
}

.alert-danger {
    margin: auto;
}
/* ----------------------------------------------------------------------------------------------- */
/*                                    BOUTONS & TITRES                                             */
/* ----------------------------------------------------------------------------------------------- */
.btn {
    border-radius: 0;
}
.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #e62739;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}

.dropdown-toggle::after {
    bottom: 27px;
}



/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF                                                               */
/* ------------------------------------------------------------------------------------------------------------------------------- */
.listeliens ul{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.listeliens ul li{
    width: calc(100% / 3);
    /* si 3 colonnes */
}

.listeliens a {
    color: #E62739;
    font-size: 14px;
    font-weight: 500;
}

.listeliens a:hover {
text-decoration: underline;
}

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

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

.3-immobilier-st-trojan-les-bains .top_page {
background-image: url(../images/top_page/image_top.jpg);
}  

.ensavoirplus {
color:black;
}

.ensavoirplus:hover{
color:grey;
}


.contact .contact_formulaire, .estimation .contact_formulaire, .agence .content_page {
    width: 66.6%;
}

.page-laulau {
    z-index: 2;
    color: #005260;
    background-color: #fff;
    border-color: #005260;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
}

/* ----------------------------------------------------------------------------------------------- */
/*                                            DETAILS                                              */
/* ----------------------------------------------------------------------------------------------- */

.bloc-blanc {
    background: #fff;
    padding: 30px;
    margin: 5px;
}
.min-height {
    min-height: 98%;
}
.bloc-blanc2 {
    background: #fff;
    padding: 10px;
    margin: 5px;
}
.bloc-blanc3 {
    background: #fff;
    padding: 10px;
    margin: 5px;
    width: 100%;
    display: flex;
}
.detail #descriptif, .detail #dpe, .detail .frais_col {
    padding: 0;
}
.tarif {
    padding: 0;
    margin: 0;
}
.detail .detail_biens_sim, .detail .detail_form_contact {
    padding: 0;
}
.grid2 img {
    max-height: 100%;
}
.detail_slide_thumbs {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.detail_slide_thumbs > li {
    height: auto;
    margin: 5px;
    width: 77px;
}
.detail_slide_thumbs > li > img{
    position: relative;
    width: 100%;
    margin: calc(0.15em * 2) 0.1em;
    overflow: hidden;
}
.detail_calculette label {
    margin-top: 12.2px;
    margin-bottom: 5px;
}
.detail .detail_calculette .input-group, .detail .detail_calculette .form-style, .detail .detail_calculette .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important;
}
.detail #descriptif p {
    text-align: justify;
}
#detailinfosdetail ul {
    margin-bottom: 0;
}
.detail #detail {
    padding: 0;
}








.sidebar address {
    margin-top: 0;
}
.sidebar .img-thumbnail {
    display: none;
}


/* ----------------------------------------------------------------------------------------------- */
/*                                          RESPONSIVE                                             */
/* ----------------------------------------------------------------------------------------------- */

@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #fff;
    }
    .index .not-sticking .menu ul > li > a {
        color: #fff;
    }
    .header__logo {
        display: block;
        height: 100px;
        padding: 20px;
        bottom: 150px;
    }
}
@media (max-width: 991px) {
    .bloc-blanc3 {
        display: block;
    }
    .coordonnees_heading {
        font-size: 15px!important;
    }
    .home_cont_presentation .col-md-4 {
        font-size: 13px!important;
    }
    .grid figure figcaption {
        padding: 1em;
    }
    .grid figure figcaption h2 {
        font-size: 1.5rem;
    }
    .jssor_standart.slider_selection div div div{
        max-width: 900px!important;
        margin: auto;
    }
    #formrechercheaccueil .search__form-item:nth-child(n+2), #formulaire-voyageur, #formulaire-arrive-depart, #formrecherchevente .search__form-item:nth-child(n+2), #formrecherchelocation .search__form-item:nth-child(n+2), #formrechercheneuf .search__form-item:nth-child(n+2), #formrecherche .search__form-item:nth-child(n+2) {
        width: calc(100% / 3 - 4px)!important;
    }
    .flatpickr-wrapper {
        width: 100%;
    }
    aside .contact_img img {
        width: 30%;
    }
    .top_page {
        height: 150px;
        margin-top: 50px;
    }
    .contact .contact_formulaire, .estimation .contact_formulaire, .agence .content_page {
        width: 100%;
    }
}
@media (max-width: 560px) {
    .top_page {
        height: 100px;
        margin-top: 50px;
    }
    .index-logo-not-sticking {
        width: 30%!important;
    }
    .index .bgAccueil, .view, .view .full-bg-img, .view .mask, .video-foreground, .video-background {
        height: 50vh!important;
    }
    .index video {
        width: 182%!important;
        left: -55%!important;
    }
    .home_cont_presentation .logo_presentation {
        width: 32%;
        margin-left: 0;
        margin: 14%;
    }
    .home_cont_presentation p {
        padding: 0 20px;
    }
    .text_agence img {
        margin-top: 20px;
    }
    .coordonnees_heading {
        font-size: 15px!important;
        margin-top: 20px;
    }
    .grid figure figcaption {
        padding: 2em 1em;
    }
    #referencement {
        padding: 35px 20px;
    }
}


 #adulte-minus , #adulte-plus, #nbpers-adulte-result{
	font-size:30px;
	cursor:pointer;
} 


.val-ref {
    font-size: 13px;
}
.prod_listing.damier .block_info, .prod_accueil .block_info, .detail_biens_sim .block_info {
    height: 125px;
}


.btn-location {
    margin: auto 0;
}
.btn-location a{
    color: #fff;
    padding: 7px 10px;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    padding: 3px 10px 7px 10px;
}