/* ================================================================ */
/*                              GENERAL                             */
/* ================================================================ */

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

@font-face {
    font-family: "My Custom Font";
    src: url(../images/neuropolxrg.ttf) format("truetype");
} 

html {
    scroll-behavior: smooth;
}

body { 
    font-size: 14px;
    font-family: 'open Sans', sans-serif;
    color: #717171!important;
    background: #fff;
}
a {
    color: #717171;
}


/* TOP PAGE */
.top_page {
    background-image: url(../images/top_page/agence_top.jpg)!important;
}
.aproposdevousetmoi .top_page {
    background-image: url(../images/top_page/aproposdevousetmoi.jpg)!important;
}
.renovation .top_page {
    background-image: url(../images/top_page/renovation.jpg)!important;
}
.gestiondelapropriete .top_page {
    background-image: url(../images/top_page/gestiondelapropriete.jpg)!important;
    background-position: left center;
}
.investissements .top_page {
    background-image: url(../images/top_page/investissements.jpg)!important;
}
.estimation .top_page {
    background-image: url(../images/top_page/estimation.jpg)!important;
}
.listing-vente .top_page {
    background-image: url(../images/top_page/listing-vente.jpg)!important;
}
.listing-location .top_page {
    background-image: url(../images/top_page/listing-location.jpg)!important;
}
.listing-longterme .top_page {
    background-image: url(../images/top_page/longterme.jpg)!important;
}
.listing-courtterme .top_page {
    background-image: url(../images/top_page/courtterme.jpg)!important;
}
.alerte-email .top_page {
    background-image: url(../images/top_page/alerte-top_page.jpg)!important;
}
.contactmaisoncache .top_page {
    background-image: url(../images/top_page/contactmaisoncache.jpg)!important;
}
.recherche-detaillee .top_page {
    background-image: url(../images/top_page/recherche-detaillee-top.jpg)!important;
}
.mentions-legales .top_page,
.on-vous-rappelle .top_page {
    background-image: url(../images/top_page/mentions-legales_top.jpg)!important;
}
.blog .top_page {
    background-image: url(../images/top_page/blog.jpg)!important;
}

@media (min-width: 992px){
    .top_page{
        position: relative;
        height: 500px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
@media (min-width: 1281px){
    .top_page{
        position: relative;
        height: 590px;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
    }
}
.estimation .breadcrumb-cms, .progress {
    display: none;
}
.construction .top_page {
    background-image: url(../images/top_page/construction.jpg)!important;
}
.reamenagementinterieur .top_page {
    background-image: url(../images/top_page/reamenagementinterieur.jpg)!important;
}


/* BOUTONS */
.btn {
    border-radius: 0;
}

.btn-primary, .btn-info, .btn-secondary, .btn-success{
    background: #ae9a65;
    /* background: linear-gradient(to right top, #445a85, #848c9b); */
    border: none;  
}
.btn-primary:hover,
.btn-primary:focus,
.btn-secondary:hover,
.btn-success:hover {
    background-color: #111111;
    color: #fff;
    border-color: #215e6d;
}

.fontnews, p {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #848c9b;
}

/* TITRES */


.home_heading, .page-heading, .home_cont_presentation h3{    
    font-weight: 400;
    color: #ae9a65;
}

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


/* COULEURS */
.or {
    color: #ae9a65;
}
.grey {
    color: #717171!important;
}
.white {
    color: #fff;
}
.alert-danger {
    color: #fff;
    background-color: #848c9b;
    border-color: #848c9b;
    text-align: center;
    margin: 5% 0;
}
.alert-danger a{
    color: #fff!important;
    text-decoration: underline!important;
}
hr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgb(166 153 113 / 34%);
}

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



/* ================================================================ */
/*                              HEADER                              */
/* ================================================================ */
.header .menu ul > li:last-of-type a {
    color: #848c9b;
}
.header-item:hover, .info_ville:hover, .info_titre:hover, .info_type:hover {
    color: #ae9a65;
}
.header-item:hover, .info_ville:hover, .info_titre:hover, .info_type {
    color: #717171;
}
.plusdecritere .plusc, .plusdecritere .plusm, .index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #fff!important;
    font-weight: 700;    
}
.not-sticking {
    background-color: #fff;
}

.site-pusher{
    justify-content: space-between;
}
.dropdown-item.active, .dropdown-item:active {
    color: rgb(129, 121, 121);
    text-decoration: none;
    background-color: #848c9b;
    font-size: 14px!important;
    font-weight: 600;
}
.dropdown-menu {
    margin: 0rem 0 0;
    border-radius: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff!important;
    text-decoration: none;
    background-color: #848c9b;
    font-size: 14px!important;
    font-weight: 600;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    color: #848c9b;
    text-align: inherit;
    background: 0 0;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.menu-top a,
.menu-top a span{
    color: #ae9a65!important;
    font-size: 14px!important;
    /* text-transform: uppercase; */
}
.menu-top a.dropdown-toggle { 
    font-size: 16px!important;
    text-transform: uppercase;
}
.menu-top a.dropdown-toggle a { 
    font-size: 18px!important;
    text-transform: uppercase;
}
.menu-top .ion-ios-heart-outline:hover:before,.menu-top  .ion-ios-heart:hover:before {
    color: #ae9a65!important;
}
.menu-top i{
    font-size: 25px;
    top: 4px;
    right: 5px;
}
.header nav ul > li > a:hover::after {
    width: 100%;
}
.header nav ul > li > a::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    z-index: 1;
    width: 0;
    height: 3px;
    background: #ae9a65;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.header nav.menu ul > li > a::after {
    bottom: -5px;
}

.header nav ul > li.nav-desktop-lang > a::after{
    bottom: 0;
    width: 0;
    height: 0!important;
}
.menu-top .nav-desktop-lang  {
    padding: 0 29px 0 30px;
}
.menu-top .nav-desktop-lang a {
    font-size: 16px!important;
    padding: 0 5px;
}
.menu-top .nav-desktop-lang .dropdown-menu {
    width: 50px;
    min-width: 0;
    font-size: 1rem;
    color: #292b2c;
    background-color: #fff;
    border: 0;
    text-align: center;
    left: auto;
    right: 0;
}

.lang .dropdown-toggle::after {
    content: "\f123";
    font-family: "Ionicons";
    position: absolute;
    border: 0;
    font-size: 14px;
    padding-top: 5px;
    opacity: 1;
    right: 0;
    top: -3px;
    left: 24px;
    width: 0;
}
.sidebar {
    margin-top: 0;
}
/* BASELINE */
.titre-baseline {
    font-weight: 500;
   text-align: center;
   color: #fff;
   text-shadow: #000000 0.1em 0.1em 0.2em;
   line-height: 1;
   font-family: "My Custom Font";
    font-size: 35px;
    text-transform: uppercase;
}
/* .titre-baseline::after {
    content: "";
    display: block;
    position: relative;
    background: #d9dadf;
    height: 1px;
    width: 500px;
    margin: 10px auto ;
} */
.baseline {
    text-align: center;
}
.baseline p {
    font-size: 20px;
    text-transform: initial;
    text-align: center;
    color: #fff;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}
.baseline p::after, .baseline p::before {
    content: "";
    display: inline-block;
    width: 17.5%;
    height: 2px;
    background: #fff;
    vertical-align: middle;
    margin: 0 10px;
}


/* ================================================================ */
/*                              INDEX                               */
/* ================================================================ */

/*SLIDER ACCUEIL*/
.bgAccueil {
    background: none !important;
    overflow: hidden;
}
.carousel-indicators {
    display: none;
}
.carousel-fullscreen .carousel-inner .carousel-item {
    height: 100vh;
    min-height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
#carouselExampleIndicatorsHome .carousel-item {
    background-size: cover;
    background-position: center center;
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(1) {
    background-image: url('../images/slider_home/1.jpg');
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(2) {
    background-image: url('../images/slider_home/2.jpg');
}
 #carouselExampleIndicatorsHome .carousel-item:nth-child(3) {
    background-image: url('../images/slider_home/3.jpg');
}
#carouselExampleIndicatorsHome .carousel-item:nth-child(4) {
    background-image: url('../images/slider_home/4.jpg');
} 
#carouselExampleIndicatorsHome .carousel-item:nth-child(5) {
    background-image: url('../images/slider_home/image-5.jpg');
} 
.carousel-control-next, .carousel-control-prev {
    background: rgb(84 106 148 / 48%);
    height: 40px;
    width: 40px;
    top: 45%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 30;
    border-radius: 28px;
}

/* BASELINE */
.baseline {
    z-index: 20;
   position: absolute;
   top: 60%;   
   left: 0%;  
   width: 100%; 
}






/* MOTEUR */
.container_search .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-transform: uppercase;
}
.c_insee, .c_typeloc {
    text-transform: uppercase;
} 
.moteur { background-color: transparent;}

.search__form-item:nth-child(n+2) {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(94% / 4 - 20px);
    height: 38px;
    font-family: sans-serif;
    background: #fff;
}
.search__form-item.c_loc  {
    background: transparent;
}
input[type=text],
input[type=value],
input[type=placeholder], input[type=number] {
    color: #717171!important;
    opacity: 0.7;
}
.recherche-detaillee input[type=text],
.recherche-detaillee input[type=value],
.recherche-detaillee input[type=placeholder],.recherche-detaillee  input[type=number] {

    font-size: 15px;
}

.form-group.search__form-item.c_complement1 {
    width: 10%;
    background: #ae9a65!important;
    color: #fff!important;
    border-color: #ae9a65!important;
}
.form-group.search__form-item.c_complement1,
.form-group.search__form-item.c_complement1 .dropdown-toggle::after,
.form-group.search__form-item.c_complement1 span,
.form-group.search__form-item.c_complement1 .bootstrap-select>.dropdown-toggle,
.form-group.search__form-item.c_complement1 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    color: #fff!important;
    background: #ae9a65!important;
    border-color: #ae9a65!important;
}
.form-group.search__form-item.c_complement1 .dropdown-menu span,
.form-group.search__form-item.c_complement1 .dropdown-menu.open.show  span{
    background: #fff!important;
    color: #717171!important;
}
.form-group.search__form-item.c_prixmax .input-group-addon.bs-caret ,
.recherche-detaillee .input-group-addon:not(:first-child) { 
    display: none;
}
.form-group.search__form-item.c_prixmax { 
    margin-right: 0;
}

.radio_trans #btn-vente, .radio_trans #btn-loc {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    width: 150px;
    transition: all 0.2s linear;
    margin: 0 5px 0 0;
}
.form-search-d label.btn.active, .form-search-d label.btn:hover {
    background: #ae9a65;
}
.dropdown-toggle::after {
    font-family: "Ionicons";
    position: absolute;
    right: 30px;
    border: 0;
    color: #ae9a65;
}
.form-search-d label.btn, .form-search-d label.btn.small {
    border: 1px solid #fff;
    font-size: .7em;
    width: 100%;
    background-color: #ae9a65;
    margin: 0;
    height: 100px;
    color: #fff;
}
.index .radio_trans input[type=radio].css-checkbox:checked + label.css-label {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    width: 150px;
}
.radio_trans input[type=radio].css-checkbox + label.css-label {
    background-color: transparent; 
    border: 0px solid #fff;
    color: #fff;
    margin-right: 10px;
    width: 150px;
    font-size: 17px;
    font-weight: 600;
}
.plusdecritere .plusc, .plusdecritere .plusm,
.index .plusdecritere .plusc, .index .plusdecritere .plusm {
    color: #111;
    font-weight: 600;
    font-size: 13px;
}
.search__form-item .btn-primary {
    background: rgb(57,112,143);
    background: linear-gradient(to right top, #445a85, #848c9b);
    border: none;
    transition: all 0.2s linear;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    background: #fff;
}
.index .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;
}

.search__form-item .btn-primary:hover{
    background: rgb(57,112,143);
    background: linear-gradient(to right top, #445a85, #848c9b);
    border: none
}

/* PRESENTATION */
.home_cont_presentation {
    padding: 65px 0;
    display: flex;
    justify-content: center;
    background-color: #111111;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 20.5V18H0v-2h20v-2H0v-2h20v-2H0V8h20V6H0V4h20V2H0V0h22v20h2V0h2v20h2V0h2v20h2V0h2v20h2V0h2v20h2v2H20v-1.5zM0 20h2v20H0V20zm4 0h2v20H4V20zm4 0h2v20H8V20zm4 0h2v20h-2V20zm4 0h2v20h-2V20zm4 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2zm0 4h20v2H20v-2z' fill='%232f2f2f' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.home_cont_presentation p {
    color: #fff;
    padding: 4px 40px 0 40px;
}
.home_cont_presentation .btn-primary {
    background: rgb(57,112,143);
    background: linear-gradient(to right top, #445a85, #848c9b);
    border: none;
}
.home_cont_presentation {   
    background: #fff!important;
    border: none;
}
.home_cont_presentation p{
    color:#ae9a65;
    text-align: left;
}
.home_cont_presentation img{
    width: 80%;
    max-width: 380px;
}
.home_cont_presentation .btn-primary:hover{
    margin-left: 3%;
    /* background: linear-gradient(to right top, #445a85, #848c9b); */
    background: #848c9b;
    border: none; color:#fff;
}
.home_cont_presentation .btn-primary{
    margin-left: 3%;
    background: #ae9a65;
    border: none; color:#fff;
}

/* SELECTION */
.home_cont_selection .fontnews {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #ffffff;
}
.info_titre , .info_ville, #formrecherchevente-bar, span, #formrecherche-bar{
    color: #717171!important;
}
.index .c_chambremin , .index .c_piecemin , .index .c_terrainmin      {
    display: none!important;
}
.home_cont_selection .bububu .btn-primary {
    background: #fff;
    color: #848c9b;
}
.prod_accueil .block_info {
    background: #b0c7ea42;
    border-bottom: 3px solid #879ec3;
}
.prod_accueil .block_info {
    background: #b0c7ea42;
    border-bottom: 3px solid #879ec3;
}

.prod_accueil article{
    border: none;
}

.carousel_nbr_photos {
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
    color: #fff;
    background: rgb(132 155 193);
    padding: 8px 8px;
    z-index: 9;
    font-size: 12px;
}

.prod_accueil .info_prix{
    color: #848c9b;
    font-size: 20px;
    font-weight: 600;
}

/* HOME ALERTE EMAIL */
.home_cont_alertes p{
    color: white;
}
.home_cont_alertes .btn-primary{
    background: white;
    color: #848c9b
}
.home_cont_alertes {
    background: rgb(132 140 155 / 58%);
    border: none;
}



/* CATEGORIES */
.home_cont_categories .cat {
    height: 256px;
    width: 100%;
}
.cat:hover .cat-infos-overlay {
    background: #39476282!important;
    width: 100%;
    height: 100%;
}
.home_cont_categories .cat-infos-overlay {
    background: #4d638e96;
    border: none;
    width: 100%;
}
.cat {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    /* height: 200px; */
    border-radius: 0;
    background: transparent;
    margin-bottom: 0;
}
.home_cont_categories .cat-text::after {
    content: "";
    display: block;
    position: relative;
    height: 2px;
    width: 80px;
    margin: 20px auto 0 auto;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.home_cont_categories .cat-text {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .1em;
}
.home_cont_categories .cat-text {
    margin-top: 0;
}
.agence-cat{
    background-image: url('../images/agence.jpg');
    background-size: cover;
    background-position: center center;
}

.alerte-cat{
    background-image: url('../images/alerte-email.jpg');
    background-size: cover;
    background-position: center center;
}

.estim-cat{
    background-image: url('../images/estimation.html');
    background-size: cover;
    background-position: center center;
}

.contact-cat{
    background-image: url('../images/contact.html');
    background-size: cover;
    background-position: center center;
}

.home_cont_categories .home_heading {
    color: #848c9b;
}

.home_cont_categories .home_heading::after{
    content: "";
    display: block;
    position: relative;
    background: #8d95a4;
    height: 2px;
    width: 181px;
    margin: 15px auto 24px auto;
}


/* TEMOIGNAGES */
.home_cont_temoignages {
    padding: 50px 0;
}
.home_cont_temoignages .carousel-control-next:hover,.home_cont_temoignages  .carousel-control-prev:hover {
    background: rgb(140 95 62 / 100%);
    width: 45px;
}
/* pour la partie avis  */
.home_cont_temoignages .carousel-control-next,.home_cont_temoignages  .carousel-control-prev {
    background: rgb(140 95 62);
    height: 40px;
    width: 40px;
    top: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 30;
}
.home_cont_temoignages .carousel-inner{
    margin: 20px auto;
}
.home_cont_temoignages .carousel-item{
    width: 75%;
    margin: auto;
    text-align: center;
    min-height: 100px;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
}
.home_cont_temoignages .carousel-item .tem-index{
    margin: auto;
    font-size: 18px;
    color: #848c9b;
}
.home_cont_temoignages .carousel-item .tem-index i{
    color: rgb(84 106 148 / 10%);
    margin: 0 15px;
    font-size: 42px;
}

.reponse-tem {
    text-align: center!important;
}
.reponse-tem p {
    text-align: center!important;
    font-family: 'Dancing Script', cursive;
    font-size: 28px;
    font-weight: 600;
}
.reponse-tem .p-signature {
    font-size: 35px;
    font-weight: 500;
}
.reponse-tem img {
    opacity: 0.7;
}
/* ================================================================ */
/*                              LISTING                             */
/* ================================================================ */
#formrecherchevente-bar, #formrecherchelocation-bar {
    display: none;
}

.container.prod_listing {
    margin-top: 2%;
}
.listing .c_cuisine, .listing .c_chambre  , .listing .c_type ,.listing .c_numero , .listing .c_piecemin , .listing .c_piece, .listing .c_etage         {
    display: none;
}

.listing-vente .c_surfacemin {
    display: none;
}
.info_prix {
    color: #ae9a65;
}
.b_exclu, .b_ccoeur, .b_offre_en_cours, .b_prestige, .b_investisseur {
    background-color: #566c95!important;
}

.b_exclu {
    background-color: #215e6d;
}
.ion-ios-location-outline:before {
    content: "\f455";
    color: #b19f6f;
    font-weight: 500;
}
.carousel-control-prev-icon {
    color: #fff!important;
}

.info_type {
    font-size: 20px;
    line-height: 15px;
    color: #ae9a65;
    font-weight: 600;
    text-transform: capitalize;
}
.card_list li > span:after {
    background: #ffffff;
    bottom: -7px;
    content: "";
    height: 1px;
    left: 1px;
    line-height: 0;
    position: absolute;
    width: 10px;
}
.prod_listing > .listing_article article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 2px solid #ae9a65;
}
.info_prix-hai {
    display: none;
}
.val {
    font-size: 20px;
}
.info_ville {
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 10px;
}
/* .listing-vente .container_search , .listing-location .container_search {
    margin: 33px 0px -12px;
} */

.listing-vente .plusdecritere {
    text-align: right;
}
.ion-ios-heart-outline:hover:before, .ion-ios-heart:hover:before {
    color: white!important;
}
.ion-ios-heart-outline.active:before {
    color: #ae9a65!important;
}
.card-fav-absolute {
    position: absolute;
    top: 0px;
    font-size: 25px;
    cursor: pointer;
    left: 6px!important;
}


[class*="listing-"] .container_search,
[class*="listing"] .container_search {
    padding: 30px 0 15px 0;
    margin: 0;
    background: linear-gradient(to right top, #848c9b, #cfd8e5)!important;
}
/* .listing-location .form-group.search__form-item.c_type ,
.listing-location .form-group.search__form-item.c_insee ,
.listing-location .form-group.search__form-item.c_prixmax ,
.listing-location .form-group.search__form-item.c_numero ,
.listing-location .form-group.search__form-item.c_surfacemin  {
    width: calc(100% / 4 - 5px);
}
.listing-location .form-group.search__form-item.c_complement2{
    width: 20%;
}
.listing-location .search__form-item.c_valid {
    margin: auto 5px auto auto;
    width: calc(100% / 4 - 5px);
} */
.listing-location .search__form-item:nth-child(n+2) {
        margin-right: 5px;
        margin-bottom: 5px;
        vertical-align: top;
        width: calc(100% / 6 - 5px);
        height: 38px;
        font-family: sans-serif;
        background: #fff;
}
.listing-location .form-group.search__form-item.c_complement1 {
    width: 10%;
}
.listing-location .form-group.search__form-item.c_numero   {
    width: 14.6%;
}
.listing-courtterme .search__form-item:nth-child(n+2),
.listing-longterme .search__form-item:nth-child(n+2) {
    margin-right: 5px;
    margin-bottom: 5px;
    vertical-align: top;
    width: calc(77% / 4 - 20px);
    height: 38px;
    font-family: sans-serif;
    background: #fff;
}
.listing-courtterme .form-group.search__form-item.c_complement1,
.listing-longterme .form-group.search__form-item.c_complement1 {
    width: 10%;
}
.liste2 {
    display: flex;
    justify-content: flex-start;
}
.liste2 li  {
    font-size: 16px;
    display: flex;
    justify-content: flex-start;
    min-width: 15%!important;
}
.liste2 img {
    width: 25px;
    height: 25px;
    margin-bottom: 5px;
    margin-right: 8px;
    min-height: auto;
    top: -3px;
    opacity: 1;
}
.prod_listing .block_info {
    width: 100%;
}
.prod_listing .info_titre {
    white-space: initial;
    width: 400px;
}
.prod_listing .effect-cms {
    min-height: 180px;
}
.listing .header-item, [class*="listing-"] .header-item {
    padding: 5px 0 0 30px;
}






/* PAGE DETAILS */
.lafficheur li {
    font-size: 18px;
}
.article_logo { width: 20px;}
.detail .article_logo {
    width: 25px;
    margin: 10px 0;
    top: -5px;
}
.detail .val {
    font-size: 16px;
}
#descdetail .info_prix {
    display: none!important;
}
.detail_form_contact .btn-primary {
    background: #ae9a65;
}
#detailinfosdetail img {
    display: none;
}
.detail #detailinfosdetail ul li::after {
    position: absolute;
    z-index: 1;
    bottom: 7px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px dotted #a4976f;
    content: "";
}
.detail_taber .nav-link{
    padding: .5em 1em;
}
.detail_taber li .active{
    background: linear-gradient(to right top, #445a85, #848c9b);
    color: #fff;
}
.info_prix {
    margin: 8px 0 34px 0;
    line-height: 20px;
    padding: 0 5px;
    font-size: 17px;
    color: #ae9a65;
    font-weight: 600;
}

.detail_annexe_nav {
    background: #848c9b;
    color: #fff!important;
    padding: 1px 15px;
    border-bottom: 2px solid;
    font-size: 15px;
}

.detail_annexe_nav a{
    color: #fff!important;
}
#detailpieces {
    display: none;
}
.detail .carousel-item img {
    background-size: cover;
    background-position: center center;
    height: 70vh;
    min-height: 800px;
    object-fit: cover;
    width: 100%;
}

.detail_icone > ul > li {
    padding: 0 5px;
    background: #ab9e77;
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: flex;
}
.detail_icone > ul > li a,
.detail_icone > ul > li .dropdown,
.detail_icone > ul > li i{
    margin: auto;
    color: #fff;

}
.detail_icone  .dropdown-menu {
    background-color: #a69971;
}
.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;
}




/* ITEM LISTING LOCATION */
.listing-longterme  .liste2,
.listing-courtterme  .liste2,
#listing-location .liste2 {
    justify-content: space-around;
    margin-bottom: 0;
}

/* DETAIL BIEN EN LOCATION */
.detail_info_location .photo-seule-header img.img-seule-header {
    background-size: cover;
    background-position: center center;
    height: 75vh!important;
    min-height: 75vh!important;
    object-fit: cover;
    width: 100%;
    opacity: 0.5;
}
.detail_info_location .photo-seule-header  {
    background: #000;
}
.detail_info_location .carousel-item img {
    background-size: cover;
    background-position: center center;
    height: 70vh;
    min-height: 600px;
    object-fit: cover;
    width: 100%;
}
.info_slider {
    z-index: 20;
    position: absolute;
    top: 30%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    -o-transform: translateY(-30%);
    transform: translateY(-30%);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
.info_slider .titre_info_slider {
    color: #fff;
    text-shadow: #000000c7 0.1em 0.1em 0.2em;
    font-size: 30px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    margin: auto;
}
/* .titre_info_slider::after {
    content: "";
    display: block;
    position: relative;
    background: #ae9a65;
    height: 10px;
    width: 200px;
    margin: 30px auto ;
} */
.pictos_info_slider {
    max-width: 800px;
    margin: auto;
    color: #292b2c;
    
}
.pictos_info_slider .bloc-blanc {
    background: #fff;
    padding: 20px 10px;
    min-height: 100px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
}
.pictos_info_slider .liste2 {
    display: flex;
    justify-content: space-around;
    margin: auto;
    width: 100%;
}
.pictos_info_slider .liste2 li {
    font-size: 16px;
    display: flex;
    justify-content: space-around;
    min-width: 20%!important;
}
.pictos_info_slider .article_logo {
    width: 30px;
    margin: 10px 5px;
    top: -5px;
    height: 30px;
}
.pictos_info_slider ul li span{
    color: #848c9b!important;
    font-size: 20px;
    margin-left: 5px;
    font-weight: 600;
    margin: auto auto auto 10px;
}
.pictos_info_slider .prix_slider p {
    color: #848c9b!important;
    font-size: 17px!important;
    margin-left: 5px!important;
    font-weight: 600!important;
    margin: auto 5px!important;
    border-left: 1px solid #848c9b!important;
    text-align: center!important;
}
.pictos_info_slider .btn-primary {
    padding: 1rem;
}

.h2-bien {
    margin: 6% 0 6% 6%;
    width: 100%;
    font-size: 35px;
    display: inline-block;
    box-sizing: border-box;
    display: inline-block;
    line-height: 1;
}
.detail_info_location .p-descriptif p,
.p-descriptif p {
    text-align: justify;
    font-size: 13px!important;
}
.skew {
    position: absolute;
    top: -25px;
}
.bar-skew {
    transform: skewX(-20deg);
    background: #ae9a65;
    height: 110px;
    width: 10px;
    position: absolute;
    left: 20%;
    top: 90%;
    /* bottom: -75px; */
    z-index: 1003;
}

.detail .container_page2 {
    margin: 0px 5%;
}


.infos-bref{
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.infos-bref div:nth-child(1){
    display: inline-block;
    width: 100%;
    line-height: 20px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(74 74 74 / 50%);
    letter-spacing: 2px;
    margin-top: 8px;
    padding: 3% 15px;
}
.infos-bref div:nth-child(2){
    color: #fff !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    font-size: 18px !important;
    padding: 3% 15px;
}

.bg-gris {
    background: linear-gradient(to right top, #848c9b, #cfd8e5)!important;
    height: 450px;
    padding: 15% 6%;
    z-index: 9999;
    position: absolute;
    width: 100%;
}
.soustitre {
    display: inline-block;
    text-transform: none;
    color: #FFF;
    font-style: normal;
    position: relative;
    z-index: 9999;
    font-size: 35px;
    font-weight: bold;
}
.soustitre::after {
    display: block;
    content: '';
    height: 7px;
    margin-left: 50px;
    width: 100px;
    background: #ae9a65;
    position: absolute;
    top: 37px;
    z-index: -1;
}
.detail_info_location .detailinfos ul {
    margin-bottom: 0;
}

.infos-photos .img-detail {
    padding: 3px 5px 3px 5px;
}
.infos-photos .img-detail2 img {
    object-fit: cover;
    width: 100%;
    height: 300px;
    padding: 0;
    margin-bottom: 12px;
}
.infos-photos .img-detail img {
    object-fit: cover;
    width: 100%;
    height: 200px;
    padding: 0 10px 10px 0;
}
.photo-seule {
    margin-top: 30px;
}
.photo-seule img {
    width: 70%;
    height: 680px;
    object-fit: cover;
}
.soustitre2 {
    font-size: 35px;
    font-weight: 600;
    line-height: 1;
    margin: 50px 0;
}
.soustitre2 span {
    font-weight: 400!important;
    text-transform: uppercase!important;
    font-size: 16px;
}
.liste-equipements {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.liste-equipements li {
    position: relative;
    width: calc(19.33% - 1em);
    margin: 0;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    padding: 20px;
}
.liste-equipements li img {
    width: 80px;
}
.bloc_contenu_equipement {
    padding: 80px 0;
}

@media (min-width: 1281px) {
    .detail_info_location .p-descriptif p, .p-descriptif p {
        text-align: justify;
        font-size: 15px!important;
    }
    .bg-gris {
        background: linear-gradient(to right top, #848c9b, #cfd8e5)!important;
        height: 450px;
        padding: 10%;
        z-index: 9999;
        position: absolute;
        width: 100%;
    }
    .detail .container_page2 {
        margin: 0 10%;
    }
}

/* PAGINATION */
.page-link:focus, .page-link:hover {
    color: #fff;
    background-color: #848c9b;
    border-color: #848c9b;
}
.page-item.active .page-link {
    background-color: #ae9a65;
    border-color: #ae9a65;
    color: #fff!important;
}
.page-link:focus, .page-link:hover {
    color: #fff;
    background-color: #938357;
    border-color: #938357;
}
.page-link {
    color: #848c9b;
}

.infos-bref {

}

/* BIENS SIMILAIRES */
.detail .detail_biens_sim .prod_accueil article {
    width: 100%;
}
.detail_biens_sim article .carousel-item img {
    background-size: cover;
    background-position: center center;
    min-height: 100px;
    height: auto;
    object-fit: cover;
    width: 100%;
}
.detail_biens_sim .prod_accueil .block_info {
    background: transparent;
    border-bottom: 0;
    border: 1px solid rgba(0,0,0,0.1);
}
.detail_biens_sim .info_type {
    font-size: 16px;
}
.detail_biens_sim .info_ville {
    font-size: 16px;
    padding-top: 5px;
}
.detail_biens_sim .info_titre,
.detail_biens_sim .header-item a br, .spin5 {
    display: none;
}
.detail_biens_sim .liste2 {
    margin-bottom: 0;
}
.detail_biens_sim .liste2 li span {
    margin: 5px 0 0 5px;
}
.detail_biens_sim .header-item {
    height: 45px;
}


/* ================================================================ */
/*                     FOOTER & COORDONNEES                         */
/* ================================================================ */
.contact address {
    font-family: sans-serif;
    font-size: 18px;
    line-height: 1.5;
    text-align: center;
}
/* BOITE A OUTILS */
#bloc_fixed_bottom {
    background: #848c9b;
}

.bububu{
    color : #fff!important;
    background: rgb(150 95 90);
    background: linear-gradient(to right top, #848c9b, #cfd8e5)!important;
    border: none;
}

.bubutel {
    background: #ffffff;
    color: #848c9b;
    font-size: 15px;
    padding: 1px 8px;
    border-radius: 4px;
    margin-right: 4%;
}
.bubufb {
    background: #ffffff;
    color: #848c9b;
    font-size: 15px;
    padding: 1px 9px;
    border-radius: 4px;
    margin-right: 4%;
}
.bubu{
    background: #ffffff;
    color: #848c9b;
    font-size: 15px;
    padding: 1px 7px;
    border-radius: 4px;
    margin-right: 4%;
}
.home_cont_coordonnees .home_heading {
    font-size: 20px;
}
.telephone-vu {
    color: #215e6d;
    background-color: #ffffff;
    font-weight: 500;
}
.coordonnees_heading {
    color: #ffffff;
    font-size: 20px;
}
.cont_coordonnees {
    padding-bottom: 15px;
    padding-top: 15px;
    background: linear-gradient(to right top, #848c9b, #cfd8e5)!important;
    color: #fff;
    font-size: 16px;
}
footer {
    background-color: #848c9b;
    padding: 0;
}
.home_cont_coordonnees .social_network a:hover {
    color: #215e6d;
}
#bloc_fixed .bloc{
    background: rgb(57,112,143);
    background: linear-gradient(to right top, #445a85, #848c9b);
    border: none; 
}

#bloc_fixed .bloc:hover{
    background: rgb(57,112,143);
    background: linear-gradient(to right top, #445a85, #848c9b);
    border: none; 
}
.hrr {
    box-sizing: content-box;
    height: 0;
    margin-top: 1rem;
    border: 0;
    border-top: 1px solid rgb(255 255 255 / 42%);
}
.boubouu {
    text-align: justify!important;
    color: #21355a!important;
}
footer, address{
    font-family: sans-serif;
}
.footer-col1 img {
    padding: 20px 0;
    width: 75%;
}
.footer-col1 ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}
.footer-col1 ul li .li-footer-col1{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #ffffff;
    display: flex;
    color: #848c9b;
}
.footer-col1 ul li i,
.footer-col2 ul .li-footer-col2 i{
    color: #848c9b;
    font-size: 18px;
    margin: auto;
}
.footer-col1 ul li i{
    font-size: 18px;

}
.footer-col2 {
    border-right: 1px dotted #fff;
    font-size: 12px;
    font-family: sans-serif;
}
.footer-col2 a{

    color: #fff;
}
.li-footer-col2{
    width: 30px;
    height: 30px;
    border-radius: 4px;
    background: #ffffff;
    display: flex;
    color: #848c9b;
    margin: 5px 10px 5px 0!important;
}
.footer-col2 ul li ul {
    display: flex;
}
.footer-col2 ul li ul li{
    margin: auto 0;
}
.contact address .btn-secondary {
   
    display: none;
    border: 1px solid #b19f6f;
    color: #fff!important;
}
.intention_appel_txt {
    color: #717171!important;
 }
 .cont_coordonnees .btn-primary:hover{
    background:  #ae9a65;
    border: none;
    color:#fff;
}

/* ================================================================ */
/*                                AGENCE                            */
/* ================================================================ */
.service-ttl{margin-top:50px;font-weight:600;text-transform: uppercase;color: #848c9b;}
.accroche{font-size:20px;font-weight:600;text-transform: uppercase;padding-bottom:20px;}
.equipe{margin-top: 50px;}
.agence-cat {
    background-image: url(../images/agence.jpg);
    background-size: cover;
    background-position: center center;
}




/* ================================================================ */
/*                         RECHERCHE DETAILLEE                      */
/* ================================================================ */
.recherche-detaillee .triangle_left {
    position: absolute;
    z-index: 1;
    left: -16px;
    top: 70px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 15px 0;
    border-color: transparent #eeeae0 transparent transparent;
    line-height: 0px;
    _border-color: #000 #fff #000 #000;
    _filter: progid: DXImageTransform.Microsoft.Chroma(color="#000000");
}
.recherche-detaillee  .breadcrumb-cms {
    display: none;
}
.recherche-detaillee  .sidebar {
    margin-top: 1px;
}
.recherche-detaillee .txt {
    width: 100%;
    text-align: center;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* ================================================================ */
/*                        ON VOUS RAPPELLE                          */
/* ================================================================ */
.on-vous-rappelle .sidebar {
    margin-top: 10px;
}
/* ================================================================ */
/*                          ALERTE EMAIL                            */
/* ================================================================ */
.alerte-email .sidebar {
    margin-top: -37px;
}
.estimation .dropdown-menu.open.show,
.alerte-email .dropdown-menu.open.show {
    transform: translate3d(0px, 2px, 0px)!important;
}
.alerte-email .form-group.c_insee .status {
    display: none!important;
}


.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
     border: 1px solid #fff; 
    border-radius: 0.25rem;
    transition: all .2s ease-in-out;
}

label {
    color: #717171;
}
/* .input_group_content:first-child label:first-child {
    display: none;
} */

.nb_biens_complexe {
    color: #fff!important;
}

.margin_haut {
    margin-bottom: 22px;
}
/* Custom Slider Style */
.navicons_home{
    top: 55%;
    width: 720px;
}

.navicons_home  .icon-home-global{
    margin: 15px;
}

.navicons_home > .icone-home-location{
    float: left;
}

.navicons_home > .icone-home-search{
    float: left;
    clear: inherit;
    margin: 15px;
}

.navicons_home > .icone-home-vente a div, .navicons_home > .icone-home-location a div, .navicons_home > .icone-home-search a div{
    top: 125px;
}

.navicons_home > .icone-home-vente a img, .navicons_home > .icone-home-location a img, .navicons_home > .icone-home-search a img{
    margin-top: 55px;
}

.icon-home-global img{
    width: 60px;
}




.carousel span {
    color: #fff!important;
}
address span {
    color:#fff!important;
}

.bootstrap-select {
    position: relative;
    border: 1px solid #b19f6f42 !important;
}
.container_search .bootstrap-select {
    border: 0 !important;
}
.form-style {
    font-size: 1rem;
    border: 1px;
    background: #fff;
    border: 1px solid #ebe6da!important;
    color: #717171!important;
}
.form-group.search__form-item.c_prixmax .form-style,
.form-group.search__form-item.c_surfacemin .form-style {
    opacity: 0.7;
}

.champs select {
    background: #ae9a65;
    color: #fff;
    border: #ae9a65;
    FLOAT: RIGHT;
    border-radius: 0;
    z-index: 1;
}

.block_etiquette {
    -webkit-box-shadow: 0 2px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 0 rgb(0 0 0 / 20%);
    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    height: 35px;
    left: -45px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 30px;
    -webkit-transform: scale(1) rotate( -45deg) translate(0px);
    transform: scale(1) rotate( -45deg) translate(0px);
    width: 200px;
    z-index: 1;
    background: #ae9a65!important;
    display: flex;
    justify-content: center;
}
.block_etiquette span {
    margin: auto;
    color: #fff!important;
    line-height: 0.9;
}

.contactmaisoncache  .bg_collapse .btn-content .btn-circle {
    display: none;
}

.search__form-item .btn-primary {
    background: #ae9a65;
    border: none;
    transition: all 0.2s linear;
    height: 39px;
}





.sidebar address {
    padding: 15px;
    margin-top: -12px;
    border-top: 1px solid #b19f6f!important;
    border:1px solid #fff;
}
.ion-clock, .ion-ios-heart, .resettop span{
    color: #b19f6f!important;
    font-size: 13px!important;
}
.ion-code-working    {
    display: none;
}
.input-group-addon , input .form-style {
    color: #b19f6f!important;
}
.c_type  #etage0{
    display: none;
}
.renovationconstdeco .btn-circle {
    display: none;
}
.renovationconstdeco .top_page {
    background-image: url(../images/top_page/top_reno.jpg)!important;
}
.reno-avantapres .home_heading {
    
    font-weight: 400;
    color: #ae9a65;
}
.reno-avantapres img {
    margin: 10px 0;
}
.reno-avantapres  .home_heading::after {
    display: none;
}

.side_contact {
    text-align: center;
}
.side_contact .btn {
    min-width: 200px;
    margin: 5px 0;
}
.bloc-img-right {
    text-align: right;
}
.bloc-img-right2 {
    text-align: left;
}
.bloc-text-left {
    padding: 50px 7%;
    border-left: 1px dotted #ae9a65;
}

.top_link {
    bottom: 30px;
}


.programme-neuf .show ul {
    display: flex;
}
/*.programme-neuf .carousel-control-next, .carousel-control-prev {*/
    /*background: rgba(143,192,51, 1);*/
    /*height: 60px;*/
    /*width: 60px;*/
    /*top: 50%;*/
    /*-webkit-transition: all .3s ease-out;*/
    /*transition: all .3s ease-out;*/
    /*z-index: 30;*/
/*}*/
/*.programme-neuf .carousel-control-next:hover, .carousel-control-prev:hover {*/
    /*background: rgba(143,192,51, 1);*/
    /*width: 60px;*/
/*}*/
.programme-neuf .col-md-12,
.programme-neuf .col-lg-6,
.programme-neuf .col-md-6,
.programme-neuf .col-sm-12,
.programme-neuf .col-xs-12,
.programme-neuf .col-md-12 {
    padding-left: 0;
}
.programme-neuf h3 {
    text-transform: uppercase;
    padding: 20px 0 10px 0;
    margin-bottom: 20px;
}
.programme-neuf h3:after  {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 50px;
    background-color: #938357;
}
.programme-neuf h2 {
    text-transform: uppercase;
    padding: 20px 0 10px 0;
    text-align: center;
}
.programme-neuf h2::after  {
    content: "";
    display: block;
    position: relative;
    background: #938357;
    height: 2px;
    width: 150px;
    margin: 24px auto 0 auto;
}
.detail-bien ul {
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 20px ;
}
.detail-bien ul li {
    margin: 0 20px;
}
.header-bien .like {
    text-align: center;
}
.programme-neuf section {
    margin: 20px 0;
}
.programme-neuf .lots .ion-android-download{
    font-size: 28px;
}
.programme-neuf .detail_pdf .ion-android-download {
    font-size: 20px;
}
.programme-neuf .detail-bien .type-programme {
    font-size: 20px;
}
.programme-neuf .detail-bien .ville {
    font-size: 18px;
}
.programme-neuf .lafficheur li:hover, .programme-neuf .lafficheur li.active {
    background-color: #938357;
    color: #000;
}
.rwd-table {
    background: #ddd;
    overflow: hidden;
    width: 100%;
}
.rwd-table {
    margin: 1em 0;
    min-width: 300px;
}
.rwd-table td:first-child {
    padding-top: .5em;
}
.rwd-table tr:nth-child(1),
.rwd-table tr:nth-child(3),
.rwd-table tr:nth-child(5),
.rwd-table tr:nth-child(7),
.rwd-table tr:nth-child(9),
.rwd-table tr:nth-child(11),
.rwd-table tr:nth-child(13),
.rwd-table tr:nth-child(15),
.rwd-table tr:nth-child(17),
.rwd-table tr:nth-child(19),
.rwd-table tr:nth-child(21),
.rwd-table tr:nth-child(23),
.rwd-table tr:nth-child(25),
.rwd-table tr:nth-child(27),
.rwd-table tr:nth-child(29),
.rwd-table tr:nth-child(31),
.rwd-table tr:nth-child(33),
.rwd-table tr:nth-child(35),
.rwd-table tr:nth-child(39),
.rwd-table tr:nth-child(41),
.rwd-table tr:nth-child(43),
.rwd-table tr:nth-child(45),
.rwd-table tr:nth-child(47),
.rwd-table tr:nth-child(49),
.rwd-table tr:nth-child(51),
.rwd-table tr:nth-child(53) {
    background: #e8e8e8;
}
.rwd-table tr {
    background: 0;
}
.rwd-table tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
}
@media (min-width: 480px) {
    .rwd-table th, .rwd-table td {
        padding: 1em !important;
    }

    .rwd-table th, .rwd-table td {
        margin: .5em 1em;
        text-align: center;
    }

    .rwd-table th, .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }
}

/* RENOVATION */

.slider-page-contenu .carousel-indicators {
    display: flex!important;
}
.slider-page-contenu .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
}
.slider-page-contenu .carousel-indicators .active {
    background-color: #ae9a65;
    border: 4px solid #fff;
}
.reno-avantapres ul {
    display: flex;
    justify-content: space-between;
}
.reno-avantapres ul li p{
    font-size: 25px;
}
.reno-avantapres ul li p i{
    top: 7px;
}
/* ================================================================ */
/*                           RESPONSIVE                             */
/* ================================================================ */

@media (min-width: 992px) {
    .header .menu ul > li > a,
    .header .menu ul > li >.item-nav {
        font-size: 15px;
        padding: 0 0 0 15px;
        color: #848c9b;
        font-weight: 500;
        text-transform: uppercase;
    }
    nav.menu {
        margin: auto 0 0 auto;
    }
    nav.menu-top {
        display: flex;
        justify-content: flex-end;
        margin: 0 0 auto auto;
    }
    nav.menu-top ul{
        display: flex;
        justify-content: flex-end;
    }
    .navigation {
        margin: 20px 0 0 0;
    } 
    nav.menu-top li {
        padding: 0 0 0 30px;
        margin: auto 0;
    }
    nav.menu ul.navigation li {
        display: inline-block;
    }
    .site-pusher {
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
    }
    .header__logo {
        margin: auto auto auto 0;
    }
    .header__logo img {
        width: 250px;
    }
    .index .not-sticking .header__logo img {
        width: 250px;
    }
    .baseline {
        z-index: 20;
        position: absolute;
        top: 45%;
        left: 0%;
        width: 100%;
    }
}
@media (min-width: 1281px) {
    .index .not-sticking .header__logo img {
        width:250px;
    }
    .header .menu ul > li > a,
    .header .menu ul > li > .item-nav {
        font-size: 17px;
        padding: 0 15px;
        color: #848c9b;
        font-weight: 500;
        text-transform: uppercase;
    }
    .baseline {
        top: 60%;
    }
    .info_slider .titre_info_slider {
        font-size: 50px;
    }
    .pictos_info_slider .article_logo {
        width: 35px;
        height: 35px;
    }
}

@media (min-width: 992px) {
    .p-descriptif {
        min-height: 450px;
    }
}
@media (max-width: 991px) {

    .listing .bloc.bloc4, [class*="listing-"] .bloc.bloc4 {
        display: block;
        position: absolute;
        right: -3px;
        top: 10px;
        font-size: 22px;
        background: #848c9b;
        padding: 6px 15px;
        color: #fff;
        border-radius: 5px;
    }
    .menu{
        background-color: rgba(255,255,255,.95);
    }
    .menu-top ul {
        display: flex;
        justify-content: space-around;
    }
    .header__logo {
        display: flex;
        justify-content: center;
        margin: auto 50px auto auto;
    }
    .header__logo img {
        width: 250px;
        padding-top: 10px;
    }
    .menu-top  ul {
        margin-bottom: 0;
    }
    .menu-top a {
        font-size: 10px!important;
    }
    .menu-top i {
        font-size: 23px;
        top: 5px;
        right: 5px;
    }
    .flag {
        height: 20px!important;
        width: 20px!important;
        margin-right: 10px;
    }
    .burger-item, .burger-item::before, .burger-item::after {
        color: #ae9a65;
        background: #ae9a65;
    }
    .menu ul li > a, .menu .item-nav {
        display: block;
        text-align: left;
        color: #848c9b!important;
        text-transform: uppercase;
    }
    nav.menu ul li .dropdown-menu, nav.menu ul li .dropdown-menu .dropdown-item {
        display: block;
        text-align: left;
        color: #848c9b!important;
        text-transform: uppercase;
        padding: 0.5rem 0 0 15px !important;
        font-weight: 500;
    }
    nav.menu ul li .dropdown-menu {
        background-color: #ffffff !important;
        margin-bottom: 10px;
    }
    [class*="listing-"] .container_search, [class*="listing"] .container_search { display: none;}
    .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    .prod_listing .block_img{
        width: 40%;
    }
    .prod_listing .block_info {
        width: 60%;
    }
    .prod_listing .info_titre {
        font-size: 13px;
    }
    .prod_listing .effect-cms {
        min-height: 130px;
    }
    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .info_prix {
        line-height: 10px;
        font-size: 14px;
        margin: 8px 0 15px 0;
        padding: 0;
    }
    article .btn-primary {
        font-size: 11px;
        margin-top: 20px;
    }
    [class*="listing"] .info_type,
    [class*="listing-"] .info_type {
        font-size: 15px;

    }
    [class*="listing"] .info_ville,
    [class*="listing-"] .info_ville {
        font-size: 15px;
        padding-top: 5px;
        padding-bottom: 0;
    }
    .liste2  {
        margin-bottom: 0;
    }
    .liste2 img {
        width: auto;
        top: 0;
        margin-right: 3px;
    }
    .liste2 span { font-size: 12px!important;}
    .liste2 li {
        min-width: 20%!important;
    }
    .info_prix hr {
        margin: 0.5rem;
    }
    [class*="listing-"] .header-item {
        padding: 0 0 0 20px;
    }
    .detail_header {
        margin-bottom: 0;
    }
    .bloc-img-right,
    .bloc-img-right2 {
        text-align: center;
    }
    .bloc-img-right img,
    .bloc-img-right2 img {
        width: 40%!important;
    }
    .bloc-text-left {
        padding: 30px 50px;
        border-left: 0;
    }
    .reno-avantapres {
        margin-left: 0;
        margin-right: 0;
    }
    main#carousel {
        width: 90vw!important;
    }
    .reno-avantapres p {
        font-size: 12px!important;
    }
    .reno-avantapres p.or {
        font-size: 20px!important;
    }
    .reno-avantapres b.or {
        font-size: 26px!important;
    }
    .ordre1 {order: 1;}
    .ordre2 {order: 2;}
    .ordre3 {order: 3;}
    .ordre4 {order: 4;}
    .ordre5 {order: 5;}
    .ordre6 {order: 6;}
    .ordre7 {order: 7;}
    .ordre8 {order: 8;}
    .ordre9 {order: 9;}
    .ordre10 {order: 10;}
    .ordre11 {order: 11;}
    .ordre12 {order: 12;}
    .ordre13 {order: 13;}
    .map {
        margin-top: 120px;
        top: auto;
    }
    .menu-top { display: none;}
    #bloc_fixed_bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: flex-start;
        border-top: 1px solid #fff;
    }
    #bloc_fixed_bottom .bloc1,
    #bloc_fixed_bottom .bloc2,
    #bloc_fixed_bottom .bloc3 {
        width: 20%;
    }
    #bloc_fixed_bottom .bloc5 {
        width: 40%;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang {
        display: flex;
        justify-content: space-between;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang li {
        margin: auto;
        padding: 9px 5px 0 12px;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang li a {
        font-size: 17px!important;
        border: 1px solid #fdfdfd75;
        border-radius: 5px;
        padding: 0 8px;
    }
    #bloc_fixed_bottom .bloc5 i {
        font-size: 2rem;
    }
    #bloc_fixed_bottom .bloc:hover {
        background: transparent;
    }
    .reponse-tem p {
        font-size: 23px;
    }
    .reponse-tem .p-signature {
        font-size: 28px;
    }
}

@media (max-width: 768px){
    .header__logo img {
        width: 250px;
        padding: 10px;
    }
    .menu-top ul.nav-desktop-lang li a {
        font-size: 14px!important;
    }
    nav.menu-top ul.nav-desktop-lang li {
        margin: auto;
        padding: 4px 0px 0 10px;
    }
    .menu-top i {
        font-size: 20px;
        top: 3px;
    }
    .menu-top a {
        font-size: 12px!important;
    }
    .home_cont_presentation img {
        width: 100%;
    }
    .home_heading {
        font-size: 20px!important;
    }
    .fontnews, p {
        font-size: 14px;
    }
    .index .search__form-item:nth-child(n+2) {
        width:calc(85% / 3 - 5px);
    }
    .form-group.search__form-item.c_complement1 {
        width: 15%;
    }
    .index .search__form-item.c_valid {
        margin: auto 5px auto auto;
    }
    .home_cont_presentation p {
        padding: 0;
    }
    .home_cont_presentation .btn-primary {
        margin-left: 0;
    }
    .home_cont_categories .cat {
        height: 235px;
    }
    .home_cont_temoignages .carousel-item .tem-index,
    .cont_coordonnees .coordonnees_heading,
    p.cat-text { 
        font-size:15px!important;
    }
    .home_cont_temoignages .carousel {
        width: 85%!important;
        margin: auto!important;
    }
    .home_cont_temoignages .carousel-item {
        min-height: 140px;
    }
    .home_cont_temoignages .carousel-item .tem-index i {
        color: rgb(84 106 148 / 10%);
        margin: 0 15px;
        font-size: 25px;
    }
    .home_cont_temoignages .carousel-item .tem-index {
        margin: auto;
        font-size: 12px;
    }
    .detail .carousel-item img {
        height: 50vh;
        min-height: 500px;
    }
    .page_heading.or {
        font-size: 16px;
    }
    .detail .ref-det {
        font-size: 16px!important;
    }
    .detail_icone > ul > li {
        width: 30px;
        height: 30px;
        font-size:16px;
    }
    .detail .info_type,
    .detail .info_ville {
        font-size: 12px;
    }
    .detail .val {
        font-size: 14px;
    }
    .detail_form_contact {
        padding: 0;
    }
    .detail_form_contact .groupe_champs > .form-group {
        width: 100%;
    }
    .dropdown-item:focus, .dropdown-item:hover {
        color: #848c9b;
        background-color: transparent;
    }
    .top_page {
        height: 340px;
        margin-top: 115px;
    }
    .modal-dialog .form-group.search__form-item.c_prixmax {
        width: 70%;
    }
    .modal-dialog .form-group.search__form-item.c_complement1 {
        width: 28.5%;
    }
}

@media (max-width: 420px) {
    .titre-carre {
        color: #fff;
        text-transform: uppercase;
        font-size: 1rem;
        margin-left: 0;
        z-index: 0;
        text-align: left;
    }
}

@media (max-width: 320px) {
    
}


/* ================================================================ */
/*                           REFERENCEMENT                          */
/* ================================================================ */
.vente-maison-les-carroz .block_info, .vente-appartement-les-carroz .block_info {
    padding: 15px;
}
.vente-maison-les-carroz .prod_listing.damier .block_info, .vente-appartement-les-carroz .prod_listing.damier .block_info{
    min-height: 215px!important;
}
#produits_vente-maison-les-carroz_seo{
    margin-bottom: 25px;
}
h3.deco {
    border-left: 2px solid #215e6d;
    padding-left: 10px;
    color:#215e6d;
    font-size:22px;
}
.ul-pour {
    margin-top: 20px;
}

.page2ref h2 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.page2ref h3 {
    padding-bottom: 15px;
    padding-top: 15px;
}
.img-pg-rf img{
    width: inherit;
    margin-bottom: 25px;
}

.page_ref .prod_listing .block_img, .page_ref .prod_listing .block_info {
    overflow: hidden;
}





/* ================================= TABLETTE LADSCAPE ================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .index .not-sticking .header__logo img, .header__logo img {
        width: 200px;
    }
    .header .menu ul > li > a, .header .menu ul > li >.item-nav {
        font-size: 14px;
    }
    nav.menu {
        display: flex;
        justify-content: flex-end;
    }
    .menu-top ul.nav-desktop-lang li a, .dropdown-item {
        font-size: 12px!important;
    }
    .menu-top a {
        font-size: 12px!important;
    }
    .menu-top i {
        font-size: 18px;
        top: 2px;
        right: 5px;
    }
    nav.menu-top ul.nav-desktop-lang li {
        margin: auto;
    }
    .fontnews, p {
        font-size: 14px;
    }
    .home_cont_presentation .btn-primary {
        margin-left: 0;
    }
    .home_cont_presentation p {
        padding: 0;
    }
    .home_heading {
        font-size: 20px!important;
    }
    .home_cont_temoignages .carousel-item .tem-index,
    .cont_coordonnees .coordonnees_heading,
    p.cat-text { 
        font-size:15px!important;
    }
    .home_cont_temoignages .carousel {
        width: 75%!important;
        margin: auto!important;
    }
    .home_cont_temoignages .carousel-item {
        min-height: 140px;
    }
    .cont_coordonnees a.white {
        font-size: 14px!important;
    }
    .page_heading {
        font-size: 20px!important;
    }
    .lafficheur li {
        font-size: 14px;
    }
    .prod_listing .block_info {
        width: 60%;
    }
    
}


/* ================================= MOBILE LADSCAPE ================================== */
@media screen and (min-width: 320px) and (max-width: 824px) and (orientation:landscape){

}


@media only screen and (min-device-width: 300px) and (max-device-width: 667px) and (orientation: portrait) {
    #bloc_fixed_bottom .bloc1,
    #bloc_fixed_bottom .bloc2,
    #bloc_fixed_bottom .bloc3 {
        width: 14%;
    }
    #bloc_fixed_bottom .bloc5 {
        width: 58%;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang {
        display: flex;
        justify-content: space-between;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang li {
        margin: auto;
        padding: 9px 0px 0 5px;
    }
    #bloc_fixed_bottom .list-inline.nav-desktop-lang li a {
        font-size: 14px!important;
        border: 1px solid #fdfdfd75;
        border-radius: 5px;
        padding: 5px 10px;;
    }
    #bloc_fixed_bottom .bloc5 i {
        font-size: 2rem;
    }
    #bloc_fixed_bottom .bloc:hover {
        background: transparent;
    }
    #bloc_fixed_bottom .ion-android-globe  {
        display: none;
    }
    .menu ul {
        margin: 0px 20px 0 20px !important;
    }
    .index .search__form-item:nth-child(n+2) {
        width: 100%;
    }
    .moteur {
        top: 31%;
    }
    .home_cont_presentation img {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .fontnews, p {
        font-size: 16px;
    }
    .home_cont_selection .fontnews {
        font-size: 16px;
        text-align: left!important;
    }
    p.cat-text {
        font-size: 18px!important;
    }
    .home_cont_temoignages .carousel-item .tem-index {
        font-size: 16px!important;
    }
    .home_cont_temoignages .carousel-item .tem-index i {
        color: rgb(84 106 148 / 16%);
        margin: 0 7px;
        font-size: 15px;
    }
    .home_cont_temoignages .carousel {
        width: 95%!important;
    }
    .home_cont_temoignages .carousel-item {
        min-height: 180px;
    }
    .photo-tem { width: 100%!important;}
    .footer-col1 img {
        width: 100%;
    }
    .footer-col2 {
        margin: 30px 0;
    }
    .footer-col2 ul {
        margin: 15px 0 0 30px;
    }
    .cont_coordonnees .coordonnees_heading, p.cat-text {
        text-align: center!important;
    }
    .prod_listing > .listing_article article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .prod_listing .block_img {
        width: 100%;
    }
    .info_prix {
        line-height: 14px;
        font-size: 18px;
        margin: 30px 15px 0;
        padding: 0;
    }
    article .btn-primary {
        font-size: 14px;
        margin: 20px 0;
    }
    .liste2 span {
        font-size: 15px!important;
    }
    .liste2 img {
        width: 23px;
        top: 0;
        margin-right: 3px;
    }
    .detail_icone{
        margin: 20px 0!important;
    } 
    .detail_header {
        margin: 0 0 20px 0!important;
    } 
    .detail_icone > ul > li {
        width: 40px;
        height: 40px;
        font-size: 23px;
    }
    .detail .info_type, .detail .info_ville {
        font-size: 16px;
    }
    .detail .val {
        font-size: 18px;
    }
    .lafficheur li {
        width: 48%;
    }
    .lafficheur li {
        font-size: 15px !important;
    }
    .detail .grey .ion-iphone {
        font-size: 20px!important;
        padding-right: 10px!important;
        padding-left: 10px!important;
    }
    .detail .grey .ion-email {
        font-size: 20px!important;
        padding-right: 6px!important;
        padding-left: 6px!important;
    }
    .top_page {
        height: 170px;
        margin-top: 80px;
    }
    .bloc-img-right img, .bloc-img-right2 img {
        width: 95%!important;
    }
    .bloc-img-right, .bloc-img-right2 {
        text-align: center;
        padding: 0 15px!important;
    }
    .bloc-text-left {
        padding: 30px;
        border-left: 0;
    }
    .renovation .ion-ios-arrow-thin-left {
        transform: rotate(45deg);
        color:#ae9a65!important;
    }

}



/* ============================================================================ */
/*                                     COOKIES                                  */
/* ============================================================================ */
.cc-window.cc-banner {
    width: 350px!important;
}
.cc-banner.cc-bottom {
    left: auto!important;
    right: 20px;
    bottom: 20px;
}
.cc-color-override-1247188962.cc-window {
    background-color: rgba(255,255,255,.85)!important;
    border: 1px solid rgba(0,0,0,0.1);
}
#footer-cookie {
    color: #141414!important;
    max-height: 100%!important;
}
#footer-cookie h3 {
    font-size: 1rem!important;
}
#footer-cookie p {
    font-size: 12px!important;
    line-height: 1.5!important;
}
.btncookie {
    margin: 8px auto!important;
    background: #000!important;
    color: #fff!important;
    border: 1px solid #000!important;
    font-size: 12px!important;
    width: 180px!important;
    padding: .6rem .75rem!important;
}
.btncookie:hover {
    background: #141414!important;
    color: #fff!important;
    border: 1px solid #141414!important;
}
#boutoncookie {
    display: grid!important;
}
.cc-color-override-1247188962 .cc-link, .cc-color-override-1247188962 .cc-link:active, .cc-color-override-1247188962 .cc-link:visited {
    color: #000!important;
}
a.cc-link {
    margin: auto!important;
}




/* TITRE SUR IMAGE */
.card-img {
    display: flex;
    justify-content: center;
}
.titre-img {
    position: absolute;
    z-index: 2;
    top: 0;
    background: transparent;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    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;
    border: none;
}
.carre-beige {
    width: 180px;
    height: 180px;
    background-color: #938357;
    margin-left: 25px;
}
.renovationconstdeco .carre-beige {
    width: 130px;
    height: 130px;
    background-color: #938357;
    margin-left: 25px;
}
.titre-carre {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.8rem;
    margin-left: 0;
    z-index: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow: hidden;
    width: 94%;
}
.renovationconstdeco .titre-carre {
    font-size: 27px;
}
.cat {
    border: none;
}
.cat img {
    width: 100%;
}
.renovationconstdeco .cat,
.renovation .cat {
    height: auto;
    border: none;
}

.sidebar .group_btn a {
    width: 100%;
}



@media (max-width: 600px) {
    .titre-carre {
        font-size: 0.8rem;
    }
    .carre-beige {
        width: 80px;
        height: 80px;
        background-color: #938357;
        margin-left: 25px;
    }
    .justify-content-end {
        -ms-flex-pack: center!important;
        justify-content: center!important;
    }
}


/* ------------------------------------------------------------------------------------------------------------------------------- */
/*                                                               REF                                                               */
/* ------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 560px) {
    .listeliens ul li {
        width: 100%!important;
    }
    }
  
  .listeliens ul{
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
      }
      
  .listeliens ul li{
          width: calc(100% / 3);
          /* si 3 colonnes */
      }
  
  @media (max-width: 560px) {
    .listeliens ul li{
    width: 100%;
      }
      }
  
  .listeliens a {
        color:#AE9A65;
    }
    
  .listeliens a:hover {
    text-decoration: underline;
    }
  
  .ref p, .page2ref p {
    text-align:justify;
  }
  
  .page2ref ul {
    text-align:justify;
    font-family: 'Open Sans', sans-serif;
font-size: 17px;
color: #848c9b;
  }

  .ref h2, .page2ref h2 {
    font-size:24px;
    padding:10px 0px 15px 0px;
    }
  
  .chalet-verbier .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }  

  .appartement-verbier .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }

  .chalet-la-tzoumaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }  

  .appartement-la-tzoumaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }

  .chalet-veysonnaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }  

  .appartement-veysonnaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }

  .chalet-haute-nendaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }  

  .appartement-haute-nendaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }

  .terrain-haute-nendaz .top_page {
    background-image: url(../images/top_page/image_top.jpg) !important;
  }

  .ensavoirplus {
    color:black;
  }
  
.lienfoot li:hover {
    text-decoration: underline;
}
  
  .ensavoirplus:hover{
    color:grey;
  }
  
  .agenceref {
    text-align: center;
    background-color: #1E1E1E !important;
    color:white
  }

  .page2ref .liste-seo3 li {
font-size:12px;
color: #717171;
}

.page2ref .description {
padding-left: 40px;
}

.seconde-video embed{
    border: 0;
    margin: 0 auto;
    max-width: 100%;
    width: 800px;
    height: 620px;
}



/* BADGE GOOGLE */
.badge-google-content {
    background: #e9ecef;
    color: #111!important;
    border-radius: 6px;
    width: 60%;
    margin: 0 auto;
    padding: 0.8rem;
 }
 img.badge-google {
   width: 50%;
 }
 .google-stars, .google-stars span {
         background-size: 25px 22px;
         height: 22px;
         top: 1px;
         width: 123px;
     }
  .google-stars {
         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAxUlEQVR42rXUUQuEIAwH8GAQCIcQCIFPcUchCH3/b+f18D+MUdzmUhg9KPttag7K8fm3oJTCQwX4I3Z8uyERSOyJJCCpF+IA/ML1QAJDQg9kY8j2NEJIzIM0iD8iswSmQD5fkVrt+wkAeYh3wg84G6oP0jMZtV1h/dhy8EEIBMvtIiFCFmQSIpMFWYTIYkGyEMmtiL9ItmJr1os534JElmRm8zObjy1IqtXfPuvu1FXSIu5UHQkeT3St+Bmxv69BMbDe3SFf/+tYufyUsgoAAAAASUVORK5CYII=);
         background-repeat: repeat-x;
         display: inline-block;
         overflow: hidden;
         position: relative;
     }
 .google-stars span {
         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAWCAYAAAA1vze2AAAAqUlEQVR4AWLwySwkGv/YzgworgwwAIphGHqJXWgX6nl6q55o/GHxCX4bUx9hMK9JYwucFSmAubW2ZifED8Q7IXEgcmRqVNDsgBhBrAMSBJEiqwAGAaBRhiDvBk1A3mkRyb2CXSYLlmWFnbArffoMIrjS6qy3Sm/Z/068CPEbyKpKhfCDyA0yNE95MKtRGe9LiSz9O3hKclv6Y76ictQzqbmjyhIkyVi+8wCta5MKDP5AeAAAAABJRU5ErkJggg==);
         background-repeat: repeat-x;
         display: block;
     }


/* ============================================================================ */
/*                                     BLOG                                     */
/* ============================================================================ */
.blog__all{
    display: flex;
    flex-wrap: wrap;
    margin: -0.5em;
}
.blog__all article {
    position: relative;
    width: calc(100% / 3 - 30px);
    margin: calc(0.5em * 2) 0.9rem;
    overflow: hidden;
    box-shadow: 6px 12px 9px rgb(0 0 0 / 5%);
}
.adminpersos .blog__all img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}
.blog__all ul li .title-post {
    font-size: 25px;
    font-weight: 500;
    margin: 15px 5px 10px 5px;
}
.blog__all ul li .date-post {
    font-size: 20px;
    margin: 0 5px;
    color: #EB6C01;
}
.blog__all ul li .btn-actus {
    font-size: 20px;
    margin: 5px 5px;
    color: #000;
}

.section-blog {
    width: 100%;
    margin: 60px auto;
  }
  
  .blog__categories {
    margin-bottom: 20px;
    padding-bottom: 30px;
  }
  .blog__categories ul {
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .blog__categories li {
    display: inline-block;
    padding: 0;
    position: relative;
    width: auto;
    margin: 0;
    overflow: inherit;
  }
  .blog__categories li {
    display: inline-block;
    padding: 0;
    position: relative;
    width: auto;
    margin: 0;
    overflow: inherit;
  }
  .blog__categories li .all-link,
  .blog__categories li .category-link {
    font-weight: 400;
    text-decoration: none;
    letter-spacing: 0.05em;
    color: #fff;
    padding: 15px 20px 15px 20px;
    background-color: #938357;
    transition: background-color 750ms;
    border-radius: 25px;
    text-transform: uppercase;
    font-size: 13px;
  }
  .blog__categories li .all-link:hover,
  .blog__categories li .category-link:hover {
    background-color: #666;
  }
  .blog__categories li .active {
    background-color: rgb(175, 175, 175);
  }
  
  .blog__all .blog-item {
    margin-bottom: 20px;
    /* display: block !important; */
  }
  .blog__all .blog-category {
    font-weight: 500;
    font-size: 90%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 4px;
  }

  .blog__all .blog-category a {
    font-weight: 500;
  }
  .adminperso .blog__all .blog-category p {
    margin-bottom: 0;
  }
  .blog__all .blog-category a span:after,
  .adminperso .blog__all .blog-category p span:after {
    content: "|";
    color: #938357;
    margin: 0 5px 0 10px;
    vertical-align: 0px;
  }
  .blog__all .blog-category a span.span-commune:after,
  .adminperso .blog__all .blog-category p span.span-commune:after {
    content: "";
  }

  .blog__all .blog-category a:last-of-type:after,
  .adminperso .blog__all .blog-category p:last-of-type:after {
    content: "";
  }
  .blog__all .blog-title {
    font-size: 130%;
    font-weight: 600;
    line-height: 1;
    color: #333;
    margin: 10px 0;
    min-height: 55px;
  }
  .blog__all .blog-date {
    font-size: 80%;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .blog__all .blog-summary {
    letter-spacing: 0.0125em;
  }
  .blog__all .blog-link {
    font-size: 100%;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    line-height: 2;
  }
  .blog__all .blog-link i{
    margin-left: 5px;
    font-size: 20px;
    top: 2px;
  }
  .blog__all .link-arrow {
    font-size: 110%;
    font-weight: 400;
    margin-left: 2px;
  }
  .blog__all .show-more {
    font-size: 18px;
    color: #fff;
    margin: 20px 0 20px 0;
    padding: 10px 20px;
    background-color: steelblue;
    border: 0;
    outline: 0;
    transition: background-color 750ms;
  }
  .blog__all .show-more:hover {
    background-color: #333;
  }
  .blog__all .top {
    font-size: 80%;
    font-weight: 500;
    letter-spacing: 0.025em;
    text-transform: uppercase;
  }
  .description-post {
    margin: 5px;
    min-height: 75px;
}
.show-more {
    transition: all .15s ease-in-out;
    background: transparent;
    margin-top: 50px;
    color: #000;
    text-transform: uppercase;
    border-radius: 25px!important;
    padding: 5px 20px 5px 10px!important;
    letter-spacing: 0.05em;
    font-weight: 500;
}
.show-more i {
    font-size: 16px;
    top: -1px;
    color: #938357;
}
.adminperso input.btn-header3 {
    text-transform: uppercase;
    margin-left: 0;
    min-height: 40px!important;
    margin-top: 20px;
    min-width: 170px!important;
}
.adminperso .blog__all {
    display: block;
}
.adminperso .blog__all .blog-title {
    font-size: 180%;
    text-align: center;
    margin-top: 50px;
}
.adminperso .btn-retour {
    font-weight: 500;
    font-size: 90%;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 4px;
    border: 0;
    background: transparent;
    padding-left: 0;
    margin-left: 5px;
  }
.adminperso .btn-retour:hover {
    color: #938357;
}
.adminperso .page_contenu h1 {
    text-align: center;
    text-transform: uppercase;
    color: #938357;
    font-size: 35px;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top: 50px;
}
.adminperso .description-post li {
    list-style: initial;
}
.btn-admin.btn-primary {
    border-radius: 25px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 2px;
    min-width: 190px;
    padding: 10px 20px 8px 20px;
    color: #0a1119;
    background-color: transparent;
    border-color: #938357;
}
.btn-admin.btn-primary:hover {
    background: #0a1119;
    color: #fff!important;
    border-color: #0a1119;
}
.btn-admin.btn-primary i{
    font-size: 20px;
    vertical-align: middle;
    margin-right: 5px;
    top: -2px;
}
.adminperso ul.retour {
    display: flex;
    margin-bottom: 0;
}
.adminperso ul.retour i{
    font-size: 20px;
    top: -3px;
    color: #938357;
}
.champ-communes label {
    margin: 0;
}
.btn-communes {
    color: #fff;
    background: #938357;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    transition: background-color 750ms;
}
.btn-communes:hover {
    background-color: #666;
}
.btn-communes i {
    margin: -5px auto auto -1px;
    font-size: 25px;
}
.champ-communes ul {
    display: flex;
    justify-content: space-around;
    margin-bottom: 0;
}
.blog h1 {
    text-transform: capitalize;
}

@media (max-width: 991px) {
    .blog__categories li .all-link, .blog__categories li .category-link {
        padding: 10px;
        font-size: 14px;
    }
    .blog__all article {
        width: calc(100% / 2 - 30px);
    }
    .blog__all .blog-category a {
        font-size: 14px;
    }
    .blog__categories ul {
        text-align: center;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .blog__categories li {
        display: flex;
        margin: 10px 0;
    }
}

@media (max-width: 991px) {
    .blog__all article {
        width: calc(100% / 1 - 30px);
    }
}

.contact .side_contact img {
    margin-bottom: 20px;
}