/* Entrez le CSS personnalisé de votre thème enfant ici */
@import url(font.css);

body{
    
background-color: #f0f0f0;
    width: auto;
    height: auto;
}

h1,h2,h3,h4,h5,h6{
    font-family:"BC Alphapipe RB" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
main{
    box-shadow: inset 0px 126px 31px -35px #60686f3b;
    overflow-x: hidden;
    background: url("../img/maison3.jpg") no-repeat top;
    width: auto;
    height: 100%;
    
}
.container {width: 72.875rem;max-width: 100%;}

a:focus,a:hover{color:#50980a;text-decoration:none;}

/* hedaer */
#header {
    box-shadow: initial;
}
#header a {
    font-family:"BC Alphapipe RB" !important;
    color: #fff !important;
}
.logout {
    margin-right: 0.5em ;
}
#header a:hover {
    color: #50980a !important;
}
#header, #header .header-top {
    background-color: initial;
    height: 6.25rem;
}
#header .menu>ul>li:hover {
    background-color: #fff;
    border-radius: 5px 5px 0px 0px;
}
#header .header-top a[data-depth="0"] {color: #fff;text-transform: inherit;}
.user-info .dropdown .dropdown-menu {padding: 0;}
.user-info .dropdown .dropdown-menu .dropdown-item:hover{
    border-bottom: 1px solid #50980a;
}
/*#wrapper {background: #f6f6f600;padding-top: 0.563rem;}*/
#wrapper {
    background: #f6f6f600;
    padding-top: 0.563rem;
}
.input-group-text{
   min-width: 30px;
    position: absolute;
    right: -11px;
    top: 1px;
    background: #ddd;
    padding: 10px;
    height: 36px; 
    color: #fff;
}
.top-menu a[data-depth="0"] {padding: 3px 1.5rem;}
#_desktop_top_menu{position: relative !important;left: 35px;}
.dropdown-item:hover{color: #50980a !important;font-weight: 900 !important;}
.dropdown-item{font-family: "BC Alphapipe RB";font-size: 1.25rem;}
#header .header-nav {border-bottom: 0;padding: 5px 0;}
#search_widget {
    overflow: hidden;
    min-width: 18.5rem;
    margin-right: 21px;
}
#search_widget form input {border-radius: 30px;}
#search_widget form input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#50980a;
}
.material-icons.search{
    color: #ffffff63 !important;
    background: #50980a;
    width: 11%;
    height: 40px;
    border-radius: 20px 0 0 20px;
}
/* accueil */
#custom-text h2{
	font-size: 1.75rem;
	text-transform: initial;
	color: #50980a;
	text-align: left;
}
#custom-text {
    padding: 0;
    margin-bottom: 0;
    text-align: center;
    background: #fff0;
}
.title2{color: #50980a !important;}
.col-location{
    background: #f0f0f0;
    padding: 20px 10px;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%);
    border-bottom: 1px solid #fff;
    text-align: center;
    cursor: pointer;
}
.col-location p{
	text-align: center;
	 margin-top: 20px;
	 margin-bottom: 0;
}
.img-location{
	width:1.063rem !important;
	height: 1.063rem !important; 
}
.date-location{
    width:1.5rem !important;
    height: 1.5rem !important;
    position: relative;
    top: 7px;
    left: -30px;
}
#datepickerEnd,#datepickerStart{
    border: 1px solid #4cbb6c; 
    color: #7a7a7a;
}
.col-location p:before{
 	display: block;
    position: absolute;
    content: '';
    height: 0.4rem;
    width: 0.4rem;
    background: #f31d1d;
    right: auto;
    margin: -10px 0 0 69px;
    left: auto;
}
.search_bar{
    background-color:#b5c2c87a;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
    padding: 0 30px;
}
.item_list{
    background-color: rgb(38 38 38 / 13%);
    color: #ffff !important;
    border: none;
    cursor: pointer;
    border-radius: 5px !important;
    width: 240px !important;
}
.item_list:hover{
    cursor: pointer;
}
.nav-item .active{
    background-color:#00a4ff63 !important;
    cursor: pointer;
}
.col-departement{
	background-color:#b5c2c87a;
	height: 11.6rem;
	padding: 0 30px;
}
.link-estime-bien{text-align: center;}
.link-location{display: flex;padding-top: 20px;}
.btn-acheter, .btn-vendre {
    flex: 1;
    border: 1px solid #ffffff80;
    border-radius: 25px;
    margin: 10px 5px;
    padding: 8px 20px;
    color: #ffffffd9 !important;
    font-weight: 700;
    text-align: center;
}
a.btn-acheter:focus,a.btn-acheter:hover,a.btn-vendre:focus,a.btn-vendre:hover {
    border: 1px solid #fff;
    color: #fff; 
}
a.btn-maison-vente:focus,a.btn-appartement-vente:focus,a.btn-terrain-vente:focus,
a.btn-maison-location:focus,a.btn-appartement-location:focus,a.recherche-av:focus,
a.btn-maison-estime:focus,a.btn-appartement-location:focus,a.btn-terrain-estime:focus{
    color: #f31d1d !important;
}
a.btn-maison-vente:hover,a.btn-appartement-vente:hover,a.btn-terrain-vente:hover,
a.btn-maison-location:hover,a.btn-appartement-location:hover,a.recherche-av:hover,
a.btn-maison-estime:hover,a.btn-appartement-estime:hover,a.btn-terrain-estime:hover{
    color: #f31d1d !important;
    font-weight: 500;
}


.dropdown-item:focus,.dropdown-item:hover,.dropdown-item:active,.dropdown-item:visited{
    color: #50980a;
}
.link-appartement{display: flex;padding-top: 5px;}
.link-appartement a{
	flex: 1;
    background: #fff;
    margin: 10px 6px -15px 6px;
    color: #7a7a7a !important;
    font-size: 0.788rem;
    padding: 14px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 11%);
    text-align: center;
}
.btn-search-bien-vente, .btn-search-bien-location{
	background: #ff0000;
    padding: 10px 40px;
    position: relative;
    top: 35px;
    color: #fff !important;
}
.btn-estime-bien-estime{
    background: #ff0000;
    padding: 10px 40px;
    position: relative;
    top: 18px;
    color: #fff !important;
}
.btn-search-bien-vente:hover,
.btn-search-bien-location:hover,
.btn-estime-bien-estime:hover{
    background-color: #24b9d7 !important;
    color: #fff!important;
    font-weight: 600;
}

.btn-search-bien-vente:before,
.btn-search-bien-location:before,
.btn-estime-bien-estime:before{
 	display: block;
    position: absolute;
    content: '';
    height: 0.2rem;
    width: 0.2rem;
    background: #f0f0f0;
    right: auto;
    margin: 10px 0 0 57px;
    left: -37px;

}
.btn-search-bien-vente:after,
.btn-search-bien-location:after,
.btn-estime-bien-estime:after{
 	display: block;
    position: absolute;
    content: '';
    height: 0.2rem;
    width: 0.2rem;
    background: #f0f0f0;
    right: 19px;
    margin: -10px 0 0 74px;
    left: auto;
}
.top-sublocation{
        margin-bottom: 30px;
}
.description-court {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 15px;
    margin: 0 0 8px 0;
}
.description-court p{
    margin: 0 20px;
    line-height: 1.4;
    font-family: 'Roboto Condensed' !important;
}
.product-miniature .thumbnail-container .product-thumbnail img {
    margin-top: -59px;
    margin-bottom: -55px;
    width: 100%;
}
.product-grid{
    display: grid;
    margin: 0 20px;
    color: #7a7a7a;
}
.product-grid span{ font-size: 0.7rem;}
.product-grid span:nth-child(2){position: relative;}

.featured-products .products-section-title{
    text-align: left;
    background: url(../img/losange23.png) no-repeat center;
    background-position: initial;
    padding: 10px;
    color: #fff;
    margin: 1.5rem 0;
}
.featured-products .products-section-title h2{
    position: relative;
    bottom: 4px;
}
.btn-maison span,.btn-appartement span,.btn-terrain span{position: relative;top: 3px;}
.location-link{text-align: center;padding-top: 0.5rem;}
.all-product-link{
    font-family: Roboto Condensed Bold;
    text-transform: uppercase;
    background-color: #fff;
    padding: 12px 30px;
    font-size: 0.76rem;
    color: #3c3d3b !important;
    font-weight: bold !important;
}
.all-product-link:hover{color: #f20606 !important;font-weight: 700;}
.location-attribute{
    text-align: left;
    background: url(../img/losange.png) no-repeat center;
    background-position: initial;
    width: 34%;
    height: 20px;
    background-size: cover;
    position: relative;
    left: -8px;
    top: 20px;
}
.location-attribute span{
    padding: 7px;
    font-size: 0.7rem;
    text-transform: uppercase;
    color: #7a7a7a;
    position: relative;
    left: 4px;
}
.product-miniature .thumbnail-container {overflow: initial;}
.product-miniature .product-title-h3 a {
    font-size: 1.125rem;
    color: #50980a;
}
.product-title-h3{
    margin: 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 15px;
    height: 60px;
}
.product-miniature .product-price-and-shipping {
    color: #f20606;
    text-align: right;
    margin-right: 15px;
}
.product-miniature .product-description {
    padding: 1rem 0.25rem 1rem 0.25rem;
}
.img-list-location{
    width: 1.7rem !important;
    height: 1.7rem !important;
}
.js-product.produt{
    animation-name: fadeInOut, moveLeft300px, bounce;
animation-duration: 2.5s, 5s, 1s;
animation-iteration-count: 2, 1, 5;
}

/* page product*/
.live-en-cours h2, .live-a-venir h2{ color:#50980a }
.product-description p span{
        background-color: #ffffff00 !important;
        font-family: Roboto Condensed Bold !important;
}
.top-menu .sub-menu.collapse {
    display: none !important;
}
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: #50980a 1px solid !important;
}
.product-price-and-shipping{ font-size: 0.8rem;}
.card-product{
   display: flex;color: #fff;color: #232323;background: #fff; 
}
.product-prices {
    margin-top: 0;
    text-align: right;
}


/* page category*/
#js-product-list-header .card{
        background-color: #fff0 !important;
}
.title1{color: #50980a !important;}

.tax-shipping-delivery-label{display: none;}
.form-control{
    outline: none !important;
}
.btn-primary{ outline: none !important;border: 0 !important;}
.products-bien{
     position: relative;
    top: 45px;
    z-index: 100;
}
.products-bien p {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.3125rem 0.4375rem;
    margin-top: 0.625rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    pointer-events: auto;
    background-color:#fff !important;
    color:#50980a !important;
    border:1px solid #50980a !important;
}
.page-product .js-content-wrapper,.page-category .js-content-wrapper{background: #ffffffb3 !important;}
.page-product #wrapper,.page-category #wrapper,.page-contact #wrapper,.page-authentication #wrapper{background: #fff !important;}

.colonne2{padding-top: 0px;}
.description-longue p span{font-family: Roboto Condensed Bold !important;background-color: #ffffff00 !important;}
.product-price {
    color: #f20606 !important;
    text-align: right !important;
    font-size: 1.2rem;

}
.btn-contact{background-color:#f20606;color:#fff;border-radius:10px;margin-top:20px; }
.btn-contact:focus{
    background-color:#fff !important;color:#f20606 !important;border:1px solid #f20606;
}
.btn-contact:hover{
    background-color:#fff !important;color:#f20606 !important;border:1px solid #f20606 !important;
}
.btn-envoi{
    background-color:#f20606;color:#fff;border-radius:10px;
}
.btn-envoi:focus{
    background-color:#fff !important;color:#f20606 !important;border:1px solid #f20606;
}
.btn-envoi:hover{
    background-color:#fff !important;color:#f20606 !important;border:1px solid #f20606 !important;
}
.page-product-grid{display: contents;}
.page-product-grid span{margin-right: 20px;}
.modal-title {
    margin-top: 20px;
}
#subcategories .subcategory-heading {display: none;}
.block-category {
    min-height: 0 !important;
}



.bien{
    background: #f31d1d52 !important;
    color: #f31d1d !important;
}
.location2{
    background: #f31d1d52 !important;
}
.capitalise{text-transform: capitalize;}
.retour{
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.affichage{
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}
.page-category .product-miniature .thumbnail-container {
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 37%);
}
.product-cover img {
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.2);
    background: #fff;
}
.category-nuite{position: absolute;}
.captcha_register label{visibility: hidden;}
.captcha_contact label{visibility: hidden;}
.material-icons.piece:before{content: "\f8c2";}

.loader {
  position: absolute;
  left: 50%;
  right: 50%;
  top: 30%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: none;
  position: absolute;
  border: 3px solid;
  border-color: #FFF #FFF transparent transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
  z-index: 1000;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px solid;
  border-color: transparent transparent #f20606 #f20606;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-sizing: border-box;
  animation: rotationBack 0.5s linear infinite;
  transform-origin: center center;
}
.loader::before {
  width: 32px;
  height: 32px;
  border-color: #FFF #FFF transparent transparent;
  animation: rotation 1.5s linear infinite;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}
.btn-bien,.btn-envoi{display: inline-flex;}
.spinner {
    width: 15px !important;
    height: 15px !important;
    border: 5px solid #FFF;
    border-bottom-color: #FF3D00;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    position: relative;
    top: 4px;
    display: none;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 
.nuit,.mois{font-size: 0.9rem}
#subcategories{display: none;}
#_desktop_contact_link{display: none;}
#contactform-message{width: 65%;}
.form-footer.text-sm-right{text-align: center !important;}

/* Footer  */
#footer {
    padding-top: 0;
   
    height: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
     background: #50980a;
     position: relative;
    bottom: 0;
    right: 0%;
    left: 0%;
  

}

.footer-container p.text-sm-center{color: #fff;margin-bottom: 0 !important;}
.footer-container {padding-top: 0;}

/* Marketplace  */

.product_list_presta {
    padding: 0.5rem 0.5rem 15px 0.5rem;
    border-top: 1px solid rgba(0, 0, 0, .2);
    margin-top: 0.5rem;
    display: flex;
    font-size: .8rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: -10px;
}

.product_list_presta .product_list_shop_by{
    width: calc(100% - 3.5rem);
    display: flex;
    align-items: center;
    color: #7a7a7a !important;
    font-weight: 700;
}
.product_list_presta .product_list_shop_by a{
    color: #7a7a7a !important;
}
.product_list_presta .product_list_shop_by a:hover {
    color: #f20606 !important;
}

.product_list_presta figure {
    padding: 0;
    margin: 0;
    width: 2.1rem;
    height: 2.1rem;
    background: #fff;
    border-radius: 10rem;
    box-shadow: 0 0 0.4rem rgba(0, 0, 0, .5);
    overflow: hidden;
    text-align: center;
    display: flex;
}
.product_list_presta figure img {
    width: 100%;
    margin: auto;
}

.block-seller{
        background-color: #fff !important;
}
.thumbnail-container.reviews-loaded{
    box-shadow: 0px 7px 10px 0px rgb(0 0 0 / 37%);
}
.product-miniature .thumbnail-container:hover {
    box-shadow: 0px 5px 20px 0px rgb(0 0 0 / 37%);
    cursor: pointer;
}
.ets_mp_shop_main_detail{
    background-color: #fff;
}
#send-reset-link{
    background: #50980a !important;
}

/* MEDIA QUERY */
/* Extra small devices (portrait phones, less than 575px)*/


@media (max-width: 575px) { 
    #custom-text {margin-bottom: 90px !important;}
    .top-sublocation {
        margin-bottom: 80px !important;
    }
    .col-location p:before {
        background: #f31d1d00 !important;
    }
    .location {
        display: inline-flex !important;
        justify-content: center !important;
    }
    .link-appartement a {margin: 3px 3px !important;}
    .link-appartement {display: grid !important;}
    .col-departement {height: 18rem !important;}
    .header-top div .row{display: block !important;}
    #header .menu {display: inline-block !important;}
    .material-icons{display: none !important;}
    .top-menu a[data-depth="0"] {padding: 0 !important;}
    #_desktop_top_menu {left: 0 !important;}
    #header .header-top .menu {padding-left: 0 !important;margin-top:3px;}
    #header, #header .header-top {height: 9rem !important;}
    .category a .float-xs-right.hidden-md-up{display: none !important;}
    #header .menu>ul>li {padding: 3px 10px;}
    .category-nuite {position: relative !important;}
    .search_bar {
        width: 100% !important;
    }
    #_desktop_user_info .user-info a span{
        display: block !important;
    }
    .user-info{
        display: flex;
        margin: 20px 0px;
    }
    #bdj_min_location{
        width: 100% !important;
    }
    
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) { 
    .item_list {width: 150px !important;}
    .right-nav{display: grid !important;}
    .user-info{margin: 23px 0;float: right;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { }

@media (min-width: 1024px) and (max-width: 1024.98px) {
    .item_list {width: 207px !important;}
 }

@media (min-width: 1366px) and (max-width: 1434.98px) { 
    main{
        box-shadow: inset 0px 126px 31px -35px #60686f3b;
        overflow-x: hidden;
        background: url("../img/maison.jpg") no-repeat top !important;
        width: auto;
        height: auto;
    
    }
}

@media (min-width: 1435px) and (max-width: 1599.98px) { 
    main{
        box-shadow: inset 0px 126px 31px -35px #60686f3b;
        overflow-x: hidden;
        background: url("../img/maison4.jpg") no-repeat top !important;
        width: auto;
        height: 100%;
    
    }
}

@media (min-width: 1600px) and (max-width: 1800.98px) {
     main{
        box-shadow: inset 0px 126px 31px -35px #60686f3b;
        overflow-x: hidden;
        background: url("../img/maison2.jpg") no-repeat top !important;
        width: auto;
        height: 100%;
    
    }
 }

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { }