/*PREMIUMBASE*/


/*Import Fonts*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');
@font-face {
      font-family: "Optimus Princeps";
      src: url("/assets/fonts/OPTIMUSPRINCEPSSEMIBOLD.TTF");
    }
    
    @import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap');
    /* font-family: 'Gentium Book Basic', serif; */
/*GENERAL*/

body {
    font-family: 'Work Sans', sans-serif;
}

.btn{
    border-radius: 0;
}

/*TOP PAGE*/
.agence .top_page {
    background-image: url(../images/top_page/agence_top.jpg);
}

.alerte-email .top_page{
    background-image: url(../images/top_page/alerte-email_top.jpg);
}

.sidebar {
    margin-top: 0;
}

/*HEADER*/
.header {
    background: rgba(255,255,255,0.3);
}
@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 10px;
        line-height: 1.2;
        color: #000;
    }
    .header__logo {
        display: block;
        height: 150px;
        padding: 20px;
    }
    .index .not-sticking .header__logo {
        display: block;
        padding: 5px 20px;
        height: 200px;
    }
}

.header__logo img{
    width: 120px;
} 
.index .not-sticking .header__logo img{
    width: 200px;
} 
/*SCROLL DOWN*/
.scroll-down{
    position: absolute;
    bottom: 10%;
    left: 50%;
    z-index: 2;
}
.scroll-down a {
      pointer-events: none;
}
.scroll-down a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 30px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb07 2s infinite;
  animation: sdb07 2s infinite;
  opacity: 0;
  box-sizing: border-box;
}
.scroll-down a span:nth-of-type(1) {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.scroll-down a span:nth-of-type(2) {
  top: 16px;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
}
.scroll-down a span:nth-of-type(3) {
  top: 32px;
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@-webkit-keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb07 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/*MENU*/
.index .not-sticking .menu ul > li > a{
	color: #000;
}
.menu ul > li > a:hover, .index .not-sticking .menu ul > li > a:hover{
    color: #4d4d4d;
    font-weight: 700;
}
.lang .dropdown-item{
    color: #000;
}
.lang .dropdown-menu{
    left: 90px!important;
}


.home_heading::after {
    content: "";
    display: block;
    position: relative;
    background: #000;
    height: 2px;
    width: 150px;
    margin: 24px auto 24px auto;
}

/*BOUTONS*/
.btn-primary, .btn-secondary, .btn-success{
    background: #4d4d4d;
    border-color: #4d4d4d;
    font-weight: 300;
    text-transform: uppercase;
}
.btn-primary a{
    color: #fff;
}
.btn-primary:hover, .btn-secondary:hover, .btn-success:hover{
    background: transparent;
    border-color: #4d4d4d;
    color: #4d4d4d;
}
.btn-primary a:hover, a:hover{
    color: #4d4d4d;
}


/*FIL D'ARIANE*/
.breadcrumb-item.active{
    color: #4d4d4d;
}

/*TITRE*/
.deco::after{
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #4d4d4d;
    margin: 15px 0;
}
.page-heading {
    font-size: 2rem;
}
.page-heading::after, .page_heading::after{
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #4d4d4d;
    margin: 15px 0;
}


/*ACCUEIL*/

@media (min-width: 992px) {
    .index .moteur{
        display: none;
    }
}
@media (max-width: 991px) {
    .moteur {
        top: 60vh;
    }
}
@media (max-width: 576px) {
    .moteur {
        top: 40vh;
    }
}
@media (max-width: 320px) {
    .moteur {
        top: 25vh;
    }
}


/*NOTRE SELECTION*/
.home_cont_selection{
    background: #fff;
}
.index .info_ville {
    font-size: 13px;
    text-transform: uppercase;
}

.index .prod_accueil .card-fav-absolute{
    right: 20px;
    top: 20px;
    font-size: 22px;
    z-index: 150;
    color: #FFFFFF;
}

.index .info_type {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0;
    text-transform: capitalize;
}

.index .prod_accueil .block_info {
    min-height: auto;
    padding: 10px;
    border-bottom: 2px solid #4d4d4d;
    height: 70px;
    background: #ffffff;
}

.index .info_prix {
    float: right;
}

/*PRESENTATION*/
.home_cont_presentation {
    position: relative;
    background: url(/assets/images/home-background-presentation.jpg) no-repeat center top;
    background-size: cover;
    color: #fff;
    margin: 0 auto;
    padding: 128px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.home_cont_presentation h3{
    font-family: 'Gentium Book Basic', serif;
    font-size: 34px;
    margin-bottom: 20px;
}

.home_cont_presentation p{
    font-weight: 300;
    text-align: center;
}

.home_cont_presentation a{
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 200;
}
.home_cont_presentation a:hover{
    font-weight: 400;
    background: #fff;
    color: rgb(1, 7, 55);
}

/*NOS BIENS*/
.home_cont_categories .cat-text {
    font-size: 20px;
}
.home_cont_categories .cat-infos-overlay {
    position: absolute;
    z-index: 2;
    top: 20%;
    right: 15%;
    background: rgba(255,255,255, 0.6);
    color: #fff;
    width: 70%;
    height: 60%;
}
.cat:hover .cat-infos-overlay {
    background: rgba(255,255,255, 0.8);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
}
.home_cont_categories .cat-text, .home_cont_categories .cat-text-small{
    color: #000;
}
.home_cont_categories .cat-text-small{
    font-weight: 400;
}
.home_cont_categories .cat-text::after{
    background: #000;
}

/*ALERTE MAIL*/
.home_cont_alertes{
        padding: 20px 10px;
        background: #000;
}
.home_cont_alertes .btn-primary{
    background: #fff;
    color: #000;
    font-weight: 400;
    border: 1px solid transparent;
}
.home_cont_alertes .btn-primary:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    font-weight: 400;
}
.home_cont_alertes p i{
    color: #fff;
}

/*COORDONNEES*/
.cont_coordonnees{
    background: url(/assets/images/home-background-footer.jpg) no-repeat center top;
    background-size: cover;
}

.cont_coordonnees .coordonnees_heading{
    font-family: 'Gentium Book Basic', serif;
}

.index .cont_coordonnees .btn-primary{
    display: none;
}
.cont_coordonnees .btn-primary{
    border-color: #fff;
}
.cont_coordonnees .btn-primary:hover{
    border-color: #000;
    color: #000;
    background: #fff;
}
.cont_coordonnees a i.ion-social-facebook{
    font-size: 34px;
    color: #9fcfdf;
}
.cont_coordonnees a:hover i.ion-social-facebook{
    color: #fff;
}

/*MENTIONS*/
footer{
    padding: 20px 10px;
    background: #000;
}

footer .liens_right{
    margin: 0;
}


/*TOP LINK*/
.top_link:hover{
    height: 50px;
}

/*WIDGET CONTACT*/
aside.aside_contact{
    background: #1d4964;
}
aside .contact_coordinates, aside .aside_map {
    border-bottom: none;
}
aside .contact_nameagency::after{
    content: "";
    display: block;
    position: relative;
    background: #fff;
    height: 2px;
    width: 50px;
    margin: 6px auto 24px auto;
}
aside .contact_nameagency{
    font-family: 'Gentium Book Basic', serif;
}
.telephone-vu{
    color: #000;
    background: transparent;
}
aside address{
    margin-top: 15px;
}
aside address .group_btn a {
    width: 60%;
    margin: 10px;
    background: transparent;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 300;
}
.btn-info {
    background: #4d4d4d;
    text-transform: uppercase;
    border: 1px solid #fff;
    color: #fff;
}
.btn-info:hover {
    background: transparent;
    text-transform: uppercase;
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
}
aside address .group_btn a:hover {
    background: #fff;
    border: 1px solid #000;
    color: #000;
}
aside .social_network i{
    color: #fff;
    text-align: center;
}
aside .list-inline{
	text-align: center;
}


.cont_coordonnees .btn{
    text-align: center;
}

/*DETAIL*/
.badge-danger{
    color: #000;
    background: #fff;
}
.progress-bar{
    background: #4d4d4d;
}
.alert-info p{
    text-align: center;
}

/*SIDEBAR*/
.sidebar address{
    text-align: center;
}
.sidebar address .nom_agence{
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Gentium Book Basic', serif;
}
.sidebar .group_btn a{
    width: 100%;
    margin: 5px 0;
}

/*LISTING*/
.page-item.active .page-link{
    background-color: #4d4d4d;
    border-color: #4d4d4d; 
}
.page-link{
    color: #4d4d4d;
}
.block_etiquette{
    text-align: center;
}
.card_list li > span:after{
    display: none;
}
.card_list li > span, .prod_listing .info_titre{
    color: #4d4d4d;
}
.info_prix{
    font-weight: bold;
        font-size: 1.2rem;
}
.detail_taber .nav-link.active{
    font-weight: bold;
}
.lafficheur li{
    background: #666 !important;
}
.lafficheur li:hover, .lafficheur li.active{
    background: #4d4d4d !important;
}

/*PROGRAMMES NEUFS / LOTS*/
/* TABLE SORTER */

.tablesorter-default {
    width: 100%;
    color: #333;
    background-color: #fff;
    border-spacing: 0;
    margin: 10px 0 15px;
    text-align: left
}

.tablesorter-default th,
.tablesorter-default thead td {
    color: #FFF;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: #ccc 2px solid;
    padding: 0
}

.tablesorter-default tfoot td,
.tablesorter-default tfoot th {
    border: 0
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;
    cursor: pointer;
    white-space: normal;
    padding: 4px 20px 4px 4px;
    text-align: center;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    border-bottom: #000 2px solid
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    border-bottom: #000 2px solid
}

.tablesorter-default thead .sorter-false {
    background-image: none;
    cursor: default;
    padding: 4px
}

.tablesorter-default tfoot .tablesorter-headerAsc,
.tablesorter-default tfoot .tablesorter-headerDesc,
.tablesorter-default tfoot .tablesorter-headerSortDown,
.tablesorter-default tfoot .tablesorter-headerSortUp {
    border-top: #000 2px solid
}

.tablesorter-default td {
    background-color: #fff;
    border-bottom: #ccc 1px solid;
    padding: 4px;
    vertical-align: top
}

.tablesorter-default tbody>tr.even:hover>td,
.tablesorter-default tbody>tr.hover>td,
.tablesorter-default tbody>tr.odd:hover>td,
.tablesorter-default tbody>tr:hover>td {
    background-color: #fff;
    color: #000
}

.tablesorter-default .tablesorter-processing {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAKEAAO7u7lpaWgAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQBCgACACwAAAAAFAAUAAACQZRvoIDtu1wLQUAlqKTVxqwhXIiBnDg6Y4eyx4lKW5XK7wrLeK3vbq8J2W4T4e1nMhpWrZCTt3xKZ8kgsggdJmUFACH5BAEKAAIALAcAAAALAAcAAAIUVB6ii7jajgCAuUmtovxtXnmdUAAAIfkEAQoAAgAsDQACAAcACwAAAhRUIpmHy/3gUVQAQO9NetuugCFWAAAh+QQBCgACACwNAAcABwALAAACE5QVcZjKbVo6ck2AF95m5/6BSwEAIfkEAQoAAgAsBwANAAsABwAAAhOUH3kr6QaAcSrGWe1VQl+mMUIBACH5BAEKAAIALAIADQALAAcAAAIUlICmh7ncTAgqijkruDiv7n2YUAAAIfkEAQoAAgAsAAAHAAcACwAAAhQUIGmHyedehIoqFXLKfPOAaZdWAAAh+QQFCgACACwAAAIABwALAAACFJQFcJiXb15zLYRl7cla8OtlGGgUADs=)!important
}

.tablesorter-default tr.odd>td {
    background-color: #dfdfdf
}

.tablesorter-default tr.even>td {
    background-color: #efefef
}

.tablesorter-default tr.odd td.primary {
    background-color: #bfbfbf
}

.tablesorter-default td.primary,
.tablesorter-default tr.even td.primary {
    background-color: #d9d9d9
}

.tablesorter-default tr.odd td.secondary {
    background-color: #d9d9d9
}

.tablesorter-default td.secondary,
.tablesorter-default tr.even td.secondary {
    background-color: #e6e6e6
}

.tablesorter-default tr.odd td.tertiary {
    background-color: #e6e6e6
}

.tablesorter-default td.tertiary,
.tablesorter-default tr.even td.tertiary {
    background-color: #f2f2f2
}

caption {
    background-color: #fff
}

.tablesorter-default .tablesorter-filter-row {
    background-color: #eee
}

.tablesorter-default .tablesorter-filter-row td {
    background-color: #eee;
    border-bottom: #ccc 1px solid;
    line-height: normal;
    text-align: center;
    -webkit-transition: line-height .1s ease;
    -moz-transition: line-height .1s ease;
    -o-transition: line-height .1s ease;
    transition: line-height .1s ease
}

.tablesorter-default .tablesorter-filter-row .disabled {
    opacity: .5;
    cursor: not-allowed
}

.tablesorter-default .tablesorter-filter-row.hideme td {
    padding: 2px;
    margin: 0;
    line-height: 0;
    cursor: pointer
}

.tablesorter-default .tablesorter-filter-row.hideme * {
    height: 1px;
    min-height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    /* don't use visibility: hidden because it disables tabbing */
    opacity: 0
}

.tablesorter-default input.tablesorter-filter,
.tablesorter-default select.tablesorter-filter {
    width: 95%;
    height: auto;
    margin: 4px auto;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #bbb;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height .1s ease;
    -moz-transition: height .1s ease;
    -o-transition: height .1s ease;
    transition: height .1s ease
}

.tablesorter .filtered {
    display: none
}

.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99
}


/* table sorter */

table.tablesorter {
    /*    background-color: #CDCDCD;*/
    margin: 10px 0pt 15px;
    font-size: 12px;
    width: 100%;
    text-align: center;
}

table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
    background-color: #4d4d4d;
    border: 1px solid #FFF;
    padding: 4px;
    font-size: 14px;
    font-weight: 400;
}

table.tablesorter thead tr .header {
    background-image: url(/modele/js/bg.gif);
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
}

table.tablesorter tbody td {
    color: #000000;
    padding: 4px;
    background-color: #FFF;
    vertical-align: top;
}

table.tablesorter tbody tr.odd td {
    background-color: #FFFFFF;
}

table.tablesorter thead tr .headerSortUp {
    background-image: url(/modele/js/asc.gif);
}

table.tablesorter thead tr .headerSortDown {
    background-image: url(/modele/js/desc.gif);
}

table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
    background-color: #8dbdd8;
}


/* REQUIRED CSS: change your reflow breakpoint here (35em below) */

@media ( max-width: 720px) {
    /* uncomment out the line below if you don't want the sortable headers to show */
    /* table.ui-table-reflow thead { display: none; } */
    /* css for reflow & reflow2 widgets */
    .ui-table-reflow td, .ui-table-reflow th {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        /* if not using the stickyHeaders widget (not the css3 version)
        * the "!important" flag, and "height: auto" can be removed */
        width: 100% !important;
        height: auto !important;
    }
    /* reflow widget only */
    .ui-table-reflow tbody td[data-title]:before {
        color: #000;
        font-size: .9em;
        content: attr(data-title);
        float: left;
        width: 50%;
        white-space: pre-wrap;
        text-align: bottom;
        display: inline-block;
    }
    /* reflow2 widget only */
    table.ui-table-reflow .ui-table-cell-label.ui-table-cell-label-top {
        display: block;
        padding: .4em 0;
        margin: .4em 0;
        text-transform: uppercase;
        font-size: .9em;
        font-weight: 400;
    }
    table.ui-table-reflow .ui-table-cell-label {
        padding: .4em;
        min-width: 30%;
        display: inline-block;
        margin: -.4em 1em -.4em -.4em;
    }
}
.rwd-table{
    background: transparent !important;
}


/* end media query */


/* reflow2 widget */

.ui-table-reflow .ui-table-cell-label {
    display: none;
}

.detail_tabs  .nav-item{
    font-size: 13px;   
}
.tablesorter-header-inner{
    color: #ffffff;
}
@media (max-width: 720px){
    .rwd-table th {
        display: none!important;
    }
}
@media (min-width:480px){
    .rwd-table th, .rwd-table td{
        padding: 0.5em !important;
       }  
}


/* GESTION */
.gestion p i {
    top: 2px;
    color: #659cad;
}

/*RESPONSIVE*/

@media (max-width: 990px){
    .nav-mobile-lang{
        display: block;
    }
    .nav-desktop-lang{
        display: none;
    }
    .index .header__logo{
        margin-left: -52px;
    }
    .menu ul > li > a{
        text-align: center;
    }
    .menu ul > li{
        border: none;
    }
    .menu ul > li::after{
        content: '';
        display: block;
        height: 2px;
        width: 50px;
        background: #4d4d4d;
        margin: 5px auto;
    }
    .menu {
        background-color: rgba(179, 179, 179, 0.95);
    }

}

@media (min-width: 991px){
    .nav-mobile-lang{
        display: none !important;
    }
    .nav-desktop-lang{
        display: block;
    }
}

@media (min-width: 992px) {
    nav.menu ul li {
        display: inline-block;
    }
    .menu ul > li > a {
        padding: 12px 30px;
        line-height: 1.2;
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
    }
    .header__logo {
        display: block;
        height: 130px;
        padding: 5px 20px;
    }
}

@media(max-width: 768px) and (orientation : portrait){
    .scroll-down{
        display: none;
    }
}

@media (max-width: 768px) {
    footer{
        padding-bottom: 60px;
    }
}

@media (max-width: 420px){
    .header .img-fluid {
        width: 35%;
        margin: inherit;
        padding: 5px;
        margin-left: -30px;
    }
    .home_cont_presentation p{
        text-align: center;
    }
    #carouselExampleIndicatorsHome{
        display: none;
    }
    .bgAccueil{
        display: block;
    }
    .listing-neuf .container_search{
        display: none;
    }
    .menu ul {
        margin: 40px 20px 0 20px !important;
    }
}

/* MAPS */
.leaflet-custom-marker.leaflet-marker-icon,
.leaflet-marker-icon.leaflet-google-marker {
   margin-top: -37px;
   margin-left: -12.5px;
}

.leaflet-marker-icon.leaflet-google-marker {
   height: 37px !important;
   width: 25px !important;
}