/*//////////////IMPORTS////////////*/

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


/*//////////////BACKGOUND////////////*/

body {
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    color: #212529;
}
.detail .main-content, .agence .main-content, .alerte-email .main-content, .estimation .main-content, .mentions-legales .main-content, .contact .main-content, .page-erreur {
    background: #ffffff;
}
/*//////////////SLIDER/////////////*/
.carousel-fullscreen .carousel-inner .carousel-item{
    height: auto;
    min-height: 490px;
}
/*//////////////GENERAL////////////*/

a {
    color: #00425e;
}
a:hover {
    color: #77b123;
}
 
h1{
    color: #00425e;
}
h1:first-letter {
    font-size: 35px; 
    color: #77b123;
}
/*//////////////BOUTONS////////////*/

.btn-primary {
    color: #ffffff !important;
    background: #77b123;
    border-color: #77b123;
    border-radius: 10px;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    background: rgb(119,177,35);
    background: -webkit-gradient(linear, left top, right top, from(rgba(119,177,35,1)), to(rgba(0,66,94,1)));
    background: -o-linear-gradient(left, rgba(119,177,35,1) 0%, rgba(0,66,94,1) 100%);
    background: linear-gradient(90deg, rgba(119,177,35,1) 0%, rgba(0,66,94,1) 100%);
    border-color: #77b123;
    outline: none;
    -webkit-box-shadow: none;
        box-shadow: none;
}
.btn-secondary {
    background: #00425e;
    border-radius: 10px;
    border-color: #00425e;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:not(:disabled):not(.disabled):active {
    color: #ffffff !important;
    background: rgba(0,66,94,1);
    background: -webkit-gradient(linear, right bottom, left bottom, from(rgba(0,66,94,1)), to(rgba(119,177,35,1)));
    background: -o-linear-gradient(right, rgba(0,66,94,1) 0%, rgba(119,177,35,1) 100%);
    background: linear-gradient(90deg, rgba(0,66,94,1) 0%, rgba(119,177,35,1) 100%);
    border-color: #00425e;
    outline: none;
    -webkit-box-shadow: none;
        box-shadow: none;
}
.list-more .btn-secondary .ion-ios-email-outline:before {
    transition: transform .7s ease-in-out;
  }
  .list-more .btn-secondary:hover .ion-ios-email-outline:before {
transform: rotate(360deg);
}
/*//////////////HEADER////////////*/

header .navbar {
    border-top: 2px solid #00425e;
    border-bottom: 2px solid #00425e;
    background-color: #00425e;
    border-radius: 10px;
}
header nav.navbar.navbar-expand-lg.navbar-light.stickyHeader {
    position: fixed;
    top: 0;
    z-index: 9;
    left: 0;
    right: 0;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}
li.list-inline-item.dropdown a{
    padding-right: 20px;
}
.nav-main li a {
    color: #fff;
}
.nav-main li a:hover,
.nav-main li a:focus,
.nav-main li a:active,
.nav-main li.active > a {
    color: #77b123;
}
.bloc_search {
    background-color: rgba(0,66,94, 0.6);
    width: 90%;
    right: 0;
    bottom: 40px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    padding: 23px 8px 8px 8px;
    z-index: 99;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #00425e
  }
  ::-moz-placeholder { /* Firefox 19+ */
    color: #00425e
  }
  :-ms-input-placeholder { /* IE 10+ */
    color: #00425e
  }
  :-moz-placeholder { /* Firefox 18- */
    color: #00425e
  }
.form-style{
    border: 1px solid #00425e;
    border-radius: 10px; 
    color: #00425e !important;
    padding: 6px 11px 6px 9px;
}
.bloc_search .form-style{
    border: 1px solid #fff;
}
.search__form-item:nth-child(2), .search__form-item:nth-child(3) {
    background: transparent;
}
input:focus-visible {
    outline: none;
}
#navbarSupportedContent .dropdown::after{
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    line-height: 24px;
    cursor: pointer;
}
.dropdown-menu {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
           box-shadow: none;
}
.nav-main .dropdown-item{
    color: #fff;
    background-color: #00425e;
    border: 1px solid transparent;
    margin-bottom: 2px;
}
.dropdown-menu a:hover{
    background-color: #fff;
    color: #00425e;
}
.lang a img {
    border-radius: 10%;
}
.animated-icon2 {
    position: absolute;
    right: 15px;
    width: 30px;
    height: 20px;
    margin: 0px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    }
    
  .animated-icon2 span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background: #e3f2fd;
    }
    .animated-icon2 span:nth-child(1) {
        top: 0px;
        }
        
        .animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
        top: 10px;
        }
        
        .animated-icon2 span:nth-child(4) {
        top: 20px;
        }
        
        .animated-icon2.open span:nth-child(1) {
        top: 11px;
        width: 0%;
        left: 50%;
        }
        
        .animated-icon2.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        }
        
        .animated-icon2.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        }
        
        .animated-icon2.open span:nth-child(4) {
        top: 11px;
        width: 0%;
        left: 50%;
        }
        .navbar-toggler:before, .navbar-toggler:after{
            display: none;
        }
        .arrow-down, .arrow-up {
            float: right;
            position: absolute;
            right: 19px;
            top: 10px;
            text-align: center;
            z-index: 10;
            display: none;
        }
        .arrow-down:after, .arrow-up:after {
            content: '\f054';
            color: #fff;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            font-size: 12px;
        }
        .arrow-up {
            top: 7px;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0);
        }
        .arrow-up:after {
            content: '\f078';
            width: 34px;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            height: 34px;
            color: #fff;
        }
        
    
/*//////////////FOOTER////////////*/

address {
    border-top: 2px solid #00425e;
    border-bottom: none;
    padding: 20px 0;
}
footer .liens_left a {
    color: #fff;
}
footer .liens_left a:hover {
    color: #77b123;
}
footer .row {
    background: #00425e;
    border-radius: 10px;
    padding-top: 15px;
}
footer{
    margin-top: 20px;
}
footer .liens_right {
    margin-top: 0;
}
/*//////////////PAGES HOME////////////*/

.presentation_home {
    margin:  50px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.content_image{
    width: 40%;
    position: relative;
}
.content_image img{
    width: 100%;
}
.content_image:before{
    background: rgb(119,177,35);
    background: -webkit-gradient(linear, left top, right top, from(rgba(0,66,94,1)), to(rgba(119,177,35,1)));
    background: -o-linear-gradient(left, rgba(0,66,94,1) 0%,  rgba(119,177,35,1) 100%);
    background: linear-gradient(90deg, rgba(0,66,94,1) 0%,  rgba(119,177,35,1) 100%);
    bottom: 20px;
    content: "";
    height: 100%;
    position: absolute;
    right: -20px;
    width: 90%;
    z-index: 0;
}
.content_presentation {
    width: calc(60% - 40px);
    margin-left: 40px;
}
.content_presentation p{
    text-align: justify;
}
/*//////////////LISTING DES BIENS PAGES HOME////////////*/
.prod_accueil{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.prod_accueil .produits {
    margin-top: 0px;
    max-width: 100%;
    position: relative;
}
.prod_accueil article{
    margin: 0px 10px;
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    background-color: rgba(0,66,94,0.9);
}
.prod_accueil .block_img {
    width: 50%;
    position: relative;
}

.block_img:after {
    border-right: 3px solid #77b123;
    border-top: 3px solid #77b123;
    content: "";
    height: 28%;
    top: 5%;
    width: 20%;
    z-index: 2;
    position: absolute;
    right: 20px;
}
.prod_accueil .produits:nth-child(even) article .block_img:after{
    left: 3%;
    border-right: none;
    border-left: 3px solid #77b123;
}
.block_img:before {
    position: absolute;
    content: "";
    background-color: rgba(255,255,255,0.3);
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.prod_accueil .block_info{
    width: 50%;
}
.prod_accueil .produits:nth-child(even) article{
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.prod_accueil .produits h5{
    animation-duration: 1.5s;
    animation-name: clignoter;
    animation-iteration-count: infinite;
    transition: none;
    position: absolute;
    z-index: 5;
    right: 15px;
    top: 15px;
    padding: 10px;
    color: #fff;
    background-color: #77b123;
    border-radius: 6px;
}
.prod_accueil .produits:nth-child(even) h5{
    right: auto;
    left: 10px;
}
@keyframes clignoter {
    0%   { opacity:1; }
    40%   {opacity:0; }
    100% { opacity:1; }
  }
  .spin1.info_type, .spin3.info_ville{
      color: #fff;
  }
.prod_accueil .info_prix {
    margin: 15px 0 30px 0;
    padding: 0;
    color: #fff;
}
.b_exclu {
    background-color: #77b123;
}
/*//////////////PAGES FORMULAIRES////////////*/

.breadcrumb-item > a, .block_tri_list.d-flex > label {
    color: #77b123;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background: rgba(0,66,94,0.2);
}
/*//////////////LISTING////////////*/

.list-crit {
    color: #77b123;
}
.block_info {
    background: transparent;
}
.prod_listing > .listing_article article:hover {
    border-right: 3px solid #77b123;
}
.breadcrumb-item.active,
.breadcrumb-item+.breadcrumb-item::before {
    color: #00425e;
}
#listing .spin1.info_type, #listing .spin3.info_ville {
    color: #00425e;
}
#select_tri{
    height: 40px;
    border-radius: 5px;
    padding: 10px 15px;
    border-color: #00425e;
    color: #00425e;
    outline: none;
}
.listing_article .article_content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
}
.prod_listing > .listing_article article{
    width: calc(50% - 10px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.prod_listing > .listing_article article:nth-child(odd){margin-right: 10px;}
.prod_listing > .listing_article article:nth-child(even){margin-left: 10px;}
.prod_listing .block_img {
    width: 100%;
}
.prod_listing .block_info {
    width: 100%;
}
.prod_listing .block_info {
    min-height: 245px;
}
#listing .list-header{
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
}
[class*='listing-'] .info_prix {
    margin: 15px 0 10px 0;
    font-weight: 700;
    color: #77b123;
    line-height: 20px;
}
/*//////////////DETAIL////////////*/

.detail-info .table i {
    color: #77b123;
}
.detail-nav-calcul > ul > li a {
    background: #77b123;
}
.page-item.disabled{
    cursor: not-allowed;
}
.page-item.disabled .page-link {
    color: #00425e;
    opacity: 0.7;
}
.page-item .page-link{
    border-radius: 50%;
    color: #00425e;
}
.page-item.active .page-link {
    background-color: #77b123;
    color: #ffffff;
}
.list-ref {
    top: auto;
    background: #77b123;
    color: #fff;
    bottom: 0;
}
.detail-header .info_ville{
    color: #00425e;
}
h2{
    color: #00425e;
}
.detail-nav > ul > li .btn i {
    font-size: 15px;
    top: auto;
    position: relative;
    left: auto;
    margin-right: 7px;
}
.detail-nav > ul > li .btn i:before {
    transition: transform .7s ease-in-out;
}
.detail-nav .btn-primary:hover i:before{
    transform: rotate(360deg);
}
.detail-nav .dropdown-menu{
    background-color: #00425e;
}
.detail-nav li a{
    color: #ffffff;
}
/*//////////////PAGE CONTACT////////////*/
body.contact .d-lg-flex{
    display: block !important;
}
body.contact.p-contact .d-lg-flex{
    display:-webkit-box !important;
    display:-ms-flexbox !important;
    display:flex !important;
}
body.contact.p-contact .content_page, body.contact.p-contact .sidebar{
    width: 50%;
}
body.contact .content_page, body.contact .sidebar{
    width: 100%;
}
body.contact .article_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
body.contact .article_content .block_img,
body.contact .article_content .block_info{
    width: 50%;
}
body.contact .article_content .block_info {
    background: #00425e;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
body.contact .article_content .block_info .info_prix,
body.contact .article_content .block_info .incof_numero{
    color: #fff;
}
.bg-success {
    background-color: rgba(119,177,35, 0.6) !important;
}
body.contact.p-contact #map img{
    width: 100%;
}
/*/////////////PAGE ALERTE MAIL//////*/
.alerte-email .d-lg-flex{
    display: block !important;
}
.alerte-email .content_page,
.alerte-email .sidebar{
    width: 100%;
}
.alerte-email .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.alerte-email .alerte-email .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.alerte-email .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    border: 1px solid #00425e;
    border-radius: 10px !important;
    color: #00425e !important;
    outline: none;
}
.alerte-email .prod_home .info_ville, .recherche-detaillee .info_ville, .estimation .prod_home .info_ville,
.alerte-email .prod_home .info_type, .recherche-detaillee .info_type, .estimation .prod_home .info_type,
.alerte-email .prod_home .info_prix, .recherche-detaillee .info_prix, .estimation .prod_home .info_prix {
    color: #00425e;
}
.alerte-email img.d-block.img-fluid{
    width: 100%;
}
/*///////////PAGE ESTIMATION////////*/
body.p-estimation .d-lg-flex{
    display: block !important;
}
body.p-estimation .content_page,
body.p-estimation .sidebar{
    width: 100%;
}
body.p-estimation .sidebar{
    margin-top: 20px;
}
body.p-estimation .bootstrap-select>.dropdown-toggle.bs-placeholder, 
body.p-estimation .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
body.p-estimation .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
body.p-estimation .bootstrap-select>.dropdown-toggle.bs-placeholder:hover{
    border: 1px solid #00425e;
    border-radius: 10px !important;
    color: #00425e !important;
    outline: none;
}
/*/////////////RESPONSIVE //////////*/
@media (max-width: 991px){
    .arrow-down, .arrow-up {
        display: block;
    }
    header .navbar {
        min-height: 45px;
        padding-bottom: 0;
    }
    .navbar-light .navbar-toggler{
        top:-6px;
        right: 0;
        outline: none;
    }
    header nav.navbar.navbar-expand-lg.navbar-light.stickyHeader{
        position: relative;
        max-width: none;
    }
    header ul.navbar-nav li {
        border-bottom: 1px solid #77b123;
        padding: 10px 0;
    }
    header ul.navbar-nav li:last-child {
        border-bottom: none;
    }
    .dropdown-menu{
        margin-top: 0;
    }
    .dropdown-menu a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .nav-main .dropdown-item{
        margin-bottom: 0;
    }
    .nav-main li a{
        text-transform: capitalize;
    }
    .prod_accueil article {
        border:none;
        width: auto;
        margin: 0 10px;
    }
    .prod_accueil .info_prix {
        margin: 15px 0 20px;
    }
    .prod_accueil .produits h5{
        font-size: 15px;
        line-height: 20px;
        padding: 8px;
    }
    .header__logo {
        text-align: center;
        width: 40%;
        margin: 15px 10px;
    }
    nav .dropdown .dropdown-menu{
        display: none;
    }
    .navbar-expand-lg .list-inline-item:not(:last-child) {
        margin-right: 0;
    } 
    .contact .sidebar {
        margin: 40px 0 0 0px;
    }
    body.contact.p-contact .d-lg-flex{
        display:block !important;
    }
    body.contact.p-contact .content_page, body.contact.p-contact .sidebar{
        width: 100%;
    }
    body.contact.p-contact #map{
        text-align: center;
    }
   
}
@media (max-width: 769px){
    .h1, h1 {
        font-size: 23px;
        line-height: 27px;
    }
    h1:first-letter {
        font-size: 30px; 
        color: #77b123;
    }
    .carousel-fullscreen .carousel-inner .carousel-item{
        min-height: 138px;
        height: 40vh;
    }
    header ul.navbar-nav li {
        border-bottom: 1px solid #77b123;
    }
}
@media (max-width: 767px){
    /* .navbar {
        padding-bottom: 0;
    } */
    
    /* header ul.navbar-nav li:last-child {
        border-bottom: none;
    } */
    .presentation_home{
        margin: 0 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .content_presentation {
        width: 100%;
        margin-left: 0;
        margin-bottom: 40px;
    }
    .content_image {
        width: 100%;
    }
    .content_image:before{
        bottom: 10px;
        right: -8px;
    }
    .container{
        padding-bottom: 0;
        padding-top: 0;
    }
    .prod_accueil article,
    .prod_accueil .produits:nth-child(even) article{
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .prod_accueil .block_img,
    .prod_accueil .block_info {
        width: 100%;
    }
    .prod_accueil .produits h5{
        position: relative;
        margin-bottom: 20px;
        background-color: transparent;
        color: #77b123;
        right: 0;
        top: 0;
    }
    .prod_accueil .produits:nth-child(even) h5 {
        right: 0;
        left: 0;
    }
    footer{
        margin-top: 0;
    }
    footer .container {
        padding-top: 0;
    }
    .header__logo {
        margin-top: 7px;
        margin-bottom: 5px;
    }
    .lang {
        top: 25px;
        right: 10px;
    }
    header ul.navbar-nav li a {
        color: #ffffff;
    }
    .bloc_search{
        margin-top: -35%;
        position: relative;
        bottom: 0;
        /* padding-top: 0; */
    }
    body.contact .article_content{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    body.contact .article_content .block_img, body.contact .article_content .block_info {
        width: 100%;
    }
    body.contact .article_content .block_info {
        padding: 30px 15px;
    }
    #listing .list-header {
        padding-top: 15px;
    }
    #listing  .list-more {
        display: block;
        position: relative;
        bottom: 0;
        right: 0;
        margin: 10px 0;
    }
}
@media (max-width: 576px){
    footer .liens_left {
        top: 0;
    }
    footer .liens_left a {
        margin-bottom: 10px;
        display: block;
    }
    .index .carousel {
        z-index: 0;
        margin-bottom: 0;
    }
    .prod_listing > .listing_article article{
        width: 100%;
    }
    .prod_listing > .listing_article article:nth-child(odd){margin-right: 0px;}
    .prod_listing > .listing_article article:nth-child(even){margin-left: 0px;}
    .prod_listing .block_info {
        min-height: auto;
    }
    #listing .list-more{
        margin: 10px 0 0;  
    }
    .prod_listing .block_info {
        padding: 0 15px 15px;
    }
    .alerte-email .prod_home, .estimation .prod_home{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
    .estimation .prod_home article,
    .alerte-email .prod_home article {
        width: 100%;
        padding: 5px;
    }
}