/*
 Theme Name:     Cafe immo 2024
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
#main-content{
    position: relative;
    z-index: 999;
}
.quartiers{
    cursor: pointer;
}
#autre-resultat .grid {
    text-align: center;
  }
#autre-resultat .grid .grid-element {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 10px;
    border-radius: 15px;
    background: white;
    padding: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    transition: 250ms;
}
#autre-resultat .grid .grid-element:hover {
    background: #f7f7f7;
}
#autre-resultat .grid .grid-element .grid-title {
    padding: 15px;
    font-size: 12px;
    text-align: left;
    color: black;
    background: #f7f7f7;
    font-weight: bold;
}
#autre-resultat .grid .grid-element .grid-image img {
    border-radius: 4px;
    max-height: 202px;
  }
  #autre-resultat .grid .grid-element .grid-description {
    font-size: 11px;
    color: black;
    font-weight: bold;
    text-align: left;
    margin: 10px 0;
  }
 .containeracc{
   border:1px dotted #666;
   margin:5px;
   margin-bottom: 0px;
   padding:5px;
   height:200px; 
   width:370px;
   background-repeat:no-repeat;
   background-position:5px 5px;
   background-attachment:scroll;
}
.columnprop-layout {
  display: table;
  width: 100%;
  border-collapse: separate;
}

.columnprop-layout > div {
  display: table-cell;
  width: 20%; /* 100%/5 = 5 colonnes */
  padding: 20px;
  border: 5px #F2F2F2 solid;
  background: #FFF;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
}


.et_pb_slide{
    position:relative
  }
  .et_pb_slide:after{
    content:"";
    position:absolute;
  background-image:url('images/decodroi_header_single.png');
    background-size:cover;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-position: bottom right;
    }
/*-------for home search----*/
.home-right {
margin-bottom: 100px;
}
.home_search input.et-search-field {
background: gray;
padding: 8px;
border: none;
width: 100%;
}
img.home_search_icon {
    width: 27px;
    float: left;
    margin-left: 10px;
}

.home_search form {
    float: left;
width: 88%;
}

/* Recherche */
#search-form{
    text-align: center;
    
}
.custom-select {
    margin-left: 10px; 
    display: inline-block;
    text-transform: uppercase;
    min-width:100px;
  }
.custom-select.ach-lou{
    display: block;
}
.custom-select .select-items{
    background: #fff;
    width:80%;
    left:10%;
    border-radius: 10px;
    margin-top: 10px;
    border: 1px solid #812323;
}
  .select-selected {
    background-color: #fff;
    padding: 10px 20px;
    border-radius:10px;
    border: 1px solid #aaa;
    cursor: pointer;
    
  }
  
  .select-items div,
  .select-selected {
    color: #333;
    text-align: left;
  }
  
  .select-items {
    position: absolute;
    z-index: 99999;
    width: 100%;
    left:0;
    display: flex;
    flex-wrap: wrap;
    
  }
  .select-selected {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

.close-select {
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 14px;
    cursor: pointer;
    color: #999;
}

.close-select:hover {
    color: #333;
}
  .ach-lou label{
    color:#812323;
    font-size: 18px;
    font-weight: bold;
  }
  .ach-lou{
    width:300px;
    margin: 0 auto 20px;
  }
  .ach-lou .select-items{
    position:relative;
    width:auto;
    align-items: center;
    
  }
  .ach-lou .select-items.pas-ca {
    background: none;
    border: none;
  }
  .ach-lou .select-items div{
    flex:1 0 50%;
    max-width:100%
  }
  .select-items div{
    padding:6px 10px;
    flex:1 0 20%;
    max-width:20%;
  }

  .select-hide:not(.pas-ca) ,
  .realSelect {
    display: none;
  }
  
  .et_pb_blog_0 .et_overlay::before {
    font-family: FontAwesome !important;
    font-weight: 900 !important;
  }
.button{
    width: auto;
  padding: 12px 20px;
  margin-left: 20px;
  background-color: #812323;
  color: #fff;
  font-weight: bold;
  border: 1px solid #812323;
  text-transform: uppercase;
  box-shadow: 2px 2px 3px #333;
}
.button_search{
    width: auto;
    border-radius: 10px;
    font-size: 16px;
  padding: 12px 30px;
  margin-left: 20px;
  background-color: #812323;
  color: #fff;
  font-weight: bold;
  border: 1px solid #5A515F;
  text-transform: uppercase;
  cursor:pointer;
}
/* Fin recherche */
.demi {
    width:calc(50% - 20px);
    margin:0 10px;
    float:left
}
/* autres biens */
.autres-biens{
    font-size:32px;
    text-align: center;
}
.cat-bien{
    text-align: center;
    width:100%;
    color:coral;
    font-size: 22px;
}
.autres-resultats {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    width:90%;
    margin:30px auto;
}

.bien-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 32%;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 10px;
    box-shadow: 3px 3px 10px rgba(0,0,0,0.2)
}
.articles-search{
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
}
.articles-search .size-1of3{
    max-width:29.667%;
    flex: 1 1 29.667%;
    box-sizing: border-box;
}

.flex{
    display: flex;
    align-items: center;
}
.flex img{
    margin-right:10px;
}
.pc{display:inline-block; }
    .mobile{display:none}
@media only screen and (max-width: 980px){
    .pc{display:none}
    .mobile{display:block}
    .select-items div{
        padding:6px 10px;
        flex:1 0 50%;
        max-width:50%;
        font-size: 13px;
        
      }
    .custom-select,
    .button{
        width:100%;
        margin:0 0 10px;
    }
    .articles-search .size-1of3{
        max-width: 100%;
        flex:1 1 100%;
    }
    .autres-resultats,
    .bien-grid{
        width:100%;
        display: inline-block;
        margin-bottom: 20px;
    }
}
.grid-image img {
    max-width: 100%;
    height: auto;
}

.grid-title a {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
.grid-description{
    
    margin-top:20px;
}
.grid-description a{
    color:#000;
}
.grid-type-price {
    text-align: center;
    color:coral;
}

.field:hover{
    cursor: pointer;
}

/* formulaire */
.wpcf7 {
    width:80%;
    margin:0 auto;
    font-size: 20px;
}
.wpcf7-form > p {
    
}
.wpcf7-form .wpcf7-form-control-wrap{
    display:block;
    box-sizing: border-box;
}

@media screen and (max-width: 960px) {
    .wpcf7-form .wpcf7-form-control-wrap{
        flex: 1 1 100%;
        margin-right: 0;
    }
   
}
.wpcf7 input,
.wpcf7 textarea{
    width:100%;
    padding: 6px 10px;
    font-size: 16px;
    box-sizing: border-box;
    background-color: rgba(255,255,255,0.8);
}
.wpcf7 input[type="submit"]{
    width:auto;
    padding: 10px 12px;
    margin-left:20px;
    background-color:#812323 ;
    color:#fff;
    font-weight: bold;
    border:none;
    text-transform: uppercase;
}
/*-------------footer widget style-------------------*/

@media only screen and (min-width: 980px){
.footer-widget {
width: 27%;
}

}
#footer-widgets .cat-post-widget ul li {
    border-bottom: none;
padding-left:0;
}
#footer-widgets li.cat-post-item {
    display: inline-block;
}
.cat-post-widget .post-title {
display: none;
}
.cat-post-widget li:before {
border-width: 0 !important;
}
#main-footer {
background-color: #883831;
}
div#footer-bottom {
background: #4d4948;
}
.footer-widget h4.title {
    color: #fff;
    font-weight: bold;
}

/*-----------home third section-----------*/
.home_third_section .et_pb_row {
border-top: 1px solid rgb(205, 202, 202);
}



/*-----------For category page -------------------------*/
.cat_header_image  {
    width: 100%;
    height: 400px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
 .category .et_pb_post>a img {
    /*width: 200px;*/
    float: left;
    margin-right: 20px;
}

 .category .et_pb_post {
    /*width: 355px;*/
    float: left;
    font-size: 13px;
    margin-right: 20px;
    border: 1px solid gray;
    padding: 10px;
    min-height: 245px;
	position:relative;
}
@media only screen and (min-width: 479px){
 .category .et_pb_post {
    width: 355px;
min-height: 312px;
}
 .category .et_pb_post>a img {
    width: 200px;
}
}

 .category .et_pb_post h2 {
    margin-top: 0;
    font-size: 18px;
}

 .category #left-area .post-meta {
    font-size: 12px;
padding-bottom: 0;
margin-bottom: 0;
}

 .category .et_pb_post p.excerpt {
    clear: both;
}
h3.cat_name {
color: #000080;

background-repeat: no-repeat;
padding: 10px 0 10px 37px;
margin-bottom: 20px;
}
 #main-content .container:before {
    top: 34px;
    height: 88%;
    width: 6px;
}
.category #main-content .container {
padding-top: 30px;
}
/*-----------fil ariane *** -------------------------*//*-----------fil ariane *** -------------------------*/
/*-----------fil ariane *** -------------------------*/
.breadcrumbs-conteneur{
	
	background:#883831;

}
.breadcrumbs a{
    color: #fff;
}
.breadcrumbs{
	color: #fff;
	
	max-width:1080px;
	padding: 2px 10px 2px 10px;
	
}
.home .breadcrumbs {
display: none;
}

.et_right_sidebar #main-content .container {
    
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: right top;
}
a.more-link {
    padding: 5px;
    background-color: #00456F;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    float: right;
}

a.more-link:hover {
    background: transparent;
    border: 1px solid #000080;
    color: #000080;
}

.price span {
    color: #00456F;
    font-weight: bold;
}
p.price {
font-weight: bold;
}
/*------------footer bottom style----------------------*/
#footer-bottom h2.widgettitle {
    color: #fff;
   
    background-repeat: no-repeat;
    padding: 10px 0 10px 37px;
    margin-bottom: 20px;
}
#footer-bottom{color:#2EA3F2 ;}
div#footer-bottom {
padding-bottom: 30px;
}
/*----------------------Sidebar styling------------------------------*/
#sidebar .home_search form {
    width: 80%;
}
#sidebar h4.widgettitle {
    color: #008bb1;
    font-weight: bold;
}
/*--------------------------Single post page slider-------------------------------*/
.slider{
   margin: 0 auto;
   width: 400px;
   height: 345px;
   border: 8px solid #FFFFFF;
   border-radius:5px;
   box-shadow: 2px 2px 4px #333333;
   position: relative;
}
.slider_next{
   width: 57px;
   height: 57px;
   background: #f8f8f8;
   border-radius: 65px;
   position: absolute;
   z-index: 99;
   top: 136px;
   left: 592px;
   padding: 5px; 
   cursor: pointer;
}
.slider_prev{
   width: 57px;
   height: 57px;
   background: #f8f8f8;
   border-radius: 65px;
   position: absolute;
   z-index: 99;
   top: 136px;
   left: -35px;
   padding: 5px; 
   cursor: pointer;
}
#thumb { 
  width: 100%; 
  height: 80px; 
  margin: 20px 5px; 
}
#thumb li { 
  width: 60px; 
  float: left; 
  margin: 12px; 
  list-style: none 
}
#thumb a { 
  width: 60px; 
  padding: 3px; 
  display: block; 
  border: 3px solid #FFFFFF;
  border-radius:3px;
  box-shadow: 1px 1px 3px #333333;
}
#thumb li.activeSlide a { 
  border: 3px solid #0a526f;
  border-radius:3px;
  box-shadow: 1px 1px 3px #333333;
}
#thumb a:focus { 
  outline: none; 
}
#thumb img { 
  border: none; 
  display: block;
}
/*--------------------------------------------------------------------------------------*/
/*-------------------single post page styling----------------------------*/
.single_post_section>img {
    width: 400px;
    float: left;
    margin-right: 30px;
}

.single-post .et_pb_post .entry-content {
    width: 360px;
    display: inline-block;
}

.single-post .et_pb_post .entry-content {
    padding-top: 0;
}

.single_post_section {
    margin-bottom: 50px;
}

.single_post_section h1 {
    margin-bottom: 20px;
}

div#slider1 ,.single_post_slider{
width: 400px !important;
 float: left;
margin-right: 30px;
}
/*.home .cat_header_image {
display: none;
}*/
.single h3.price {
color: #883831;
font-weight: 600 !important;
}
/*-----------------------Search result page----------------------------------*/
 .search-results .et_pb_post>a img {
    /*width: 200px;*/
    float: left;
    margin-right: 20px;
}

 .search-results .et_pb_post {
    /*width: 355px;*/
    float: left;
    font-size: 13px;
    margin-right: 20px;
    border: 1px solid gray;
    padding: 10px;
    min-height: 245px;
}
@media only screen and (min-width: 479px){
 .search-results .et_pb_post {
    width: 355px;
min-height: 312px;
}
 .search-results .et_pb_post>a img {
    width: 200px;
}
}

 .search-results .et_pb_post h2 {
    margin-top: 0;
    font-size: 18px;
}

 .search-results #left-area .post-meta {
    font-size: 12px;
padding-bottom: 0;
margin-bottom: 0;
}

 .search-results .et_pb_post p.excerpt {
    clear: both;
}
/*----------------------new single page slider css------------------------------*/
.cycle-carousel-wrap {
    position: relative ;
}

img.cycle-slide,.cycle {
    width: 100px;
}

#show {
    width: 50%;
    float: left;
}

.cycle {
    float: left ;
    height: 298px !important ;
}

div#next3 {
    float: left;
    width: 100%;
}

/*-----------------------------------------*/
/*----------------Category page shorting---------------*/
.shorting_submit {
    padding: 3px;
    background-color: #00456F;
    color: #fff;
    font-weight: bold;
}

.shorting_form .label {
    float: none;
    color: #000080;
    font-weight: bold;
    margin-bottom: 2px;
    font-size: 13px;
    width: 100%;
}

.shorting_form {
    margin: 5px 0 30px 0;
}
/*-------------------------------------------------------*/
/*----------------Image size issue--------------------*/
span.chpcsb_img img {
    width: 320px !important;
    height: 230px !important;
}

.chpcs_foo_content img {
    width: 176px !important;
    height: 131px !important;
}

.stroke {
    height: 121px !important;
}
/*-----------css for sold out--------------*/
img.sold_image {
    position: absolute;
    top: 20px;
    float: left;
    left: 5px;
    width: 100px;
height:auto;
    transform: rotate(-34deg);
}
img.single_sold_image {
  position: absolute;
  left: 0;
  width: 200px;
}
/*--for cat plugin soldout tag-*/
span.chpcsb_img .slide_sold_image {
    left: 108px ;
    position: relative;
    top: -184px;
    width: 100px !important;
    height: auto !important;
}
/*---for post carousel soldout-*/

img.chpcs_sold_image {
    position: relative;
    top: -139px;
    left: 0;
    width: 100px !important;
    height: auto !important ;
    float: left !important;
}

/* TLARTAUD Fixes */
img.single_sold_image {
z-index: 20;
}

.moitie{
	width:calc(50% - 40px);
	float:left;
}
.full-footer{max-width:1080px; width:100%}
@media only screen and (max-width: 960px) {
	.moitie{
	width:100%	
	}
	
    #autre-resultat .grid .grid-element {
        width: 100%;
    }
}
.et_fullwidth_nav  #main-header.et-fixed-header .container{
	width:80%;
}
.et_header_style_left .et-fixed-header #et-top-navigation{
	padding-left:0!important;
	float:right;
}
.appelez-nous a{
    font-weight: 300;
}
.appelez-nous a:after{
    display: none;
}
.appelez-nous a:before{
    font-family: 'FontAwesome' !important;
    content: "\f095";

    margin-right:10px;
}
.et-l--header{
    position: relative;
    z-index:99999;
}
.nav .appelez-nous li ul{
    padding: 0;
    margin: 0px;
    
}
.nav li ul{
    border: none;
}
header .appelez-nous{
    background: #883831;
    padding: 16px 20px 7px;
    margin-top: -10px!important;
    border-radius:5px;
  }
  .et_pb_menu_0_tb_header.et_pb_menu ul li.appelez-nous a{
    color:#fff!important;
  }
  .et_pb_menu_0_tb_header.et_pb_menu ul li.appelez-nous .call a{
    color:#000!important;
  }
  header .et_pb_menu_0_tb_header.et_pb_menu ul li{
    margin-right:50px;
  }
  
  header .et_pb_menu_0_tb_header.et_pb_menu ul ul li{
    margin-right:0px;
  }
  header .et_pb_menu_0_tb_header.et_pb_menu ul ul:before{
    content: '';
  position: absolute;
  top: 10px;
  right: 20px;
  border: 1px solid #812323;
    border-right-color: rgb(129, 35, 35);
    border-bottom-color: rgb(129, 35, 35);
  transform: rotate(45deg);
  width: 20px;
  height: 20px;
  z-index: 11;
  border-right-color: transparent;
  border-bottom-color: transparent;
  background: #fff;
  }
  header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul li{
    border:1px solid!important;
    color:#883831;
    width: 100%;
  }
  header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul li a{
    color:#fff;
    background:#883831;
    width: 100%;
    font-size: 14px;
  }
  header .et_pb_menu_0_tb_header.et_pb_menu .nav li ul li.call a{
    color:#000;
    background:#fff!important;

  }
  .et_pb_menu .et-menu-nav > ul ul{
    padding-bottom:0 ;
  }
  .nav li li{
    padding: 0;
  }


  /*make the parts of the blog post flexible*/

.et_pb_post {
	display: flex;
	flex-direction: column;
}


/*blog post featured image*/

.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 4;
}

/*blog post title*/
.et_pb_post .entry-title {
	order: 1;
}
/*blog post meta*/
.et_pb_post .post-meta {
	order: 2;
}
/*blog post excerpt and button*/
.et_pb_post .post-content {
	order: 4;
}
.custom-blog .post-meta{
    margin-bottom:30px;
}
.custom-blog .et_pb_post .entry-featured-image-url,
.custom-blog  .et_pb_image_container {
    margin-bottom: -10px;
}
.recherche h1{
    color:#883831;
    text-transform: none;
    font-size: 36px;
    margin-bottom: 20px;
}
.recherche {
    overflow: visible!important;
}
.et_pb_button.bt-rounded{
    border-radius:10px!important;
}

.category-location{
    background:#c3e6ea!important;
}
.category-location .fa-money-bill-wave:before{
    color:#812323;
}
.category-vente .fa-money-bill-wave:before{
    color:#4ab2bb;
}

/* DIAPORAMA */
.custom-gallery-slider {
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 800px; /* Vous pouvez ajuster cette largeur */
    margin: auto;
}

.gallery-slide {
    flex: 0 0 100%;
    transition: transform 0.5s ease-in-out;
    text-align: center;
}

.gallery-slide img {
    width: 100%; /* 100% de la largeur */
    max-height: 600px; /* Hauteur maximale de 600px */
    object-fit: cover; /* Ajuste l'image pour qu'elle soit bien cadrée */
}
/* .entry-featured-image-url */
.featured_image img{
    width: 100%;
    max-width: 100%;
    max-height: 600px;
    object-fit: cover; 
}

.swiper-button-next, 
.swiper-button-prev{
    color:#812323!important;
}
.swiper-pagination-bullet-active{
    background-color: #812323!important;
}

#message_min_choix {
    display:none;
    color:#f55
}

.search-chips{
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin:.75rem 0;
}
.search-chip{
    display:inline-flex;
    align-items:center;
    padding:.40rem 1rem;
    border:1px solid #ddd;
    border-radius:999px;
    font-size:.9rem;
    text-decoration:none;
    background:#f7f7f7;
}
.search-chip .close{
    margin-left:.45rem;
    font-weight:700;
    line-height:1;
}
.search-chip:hover{
    background:#eee;
    border-color:#812323}
.chip-clear{
    background:#ffecec;
    border-color:#812323
}
.ligne_deux {
    width:100%
}
.mot-cle{
    display: inline;
}
.demi2 {
    width:50%;
    float:left;
    padding:10px 20px;
}
.demi2.left{text-align: right;}
.demi2.right{text-align: left;}
article {position: relative;}
.status-annonce{
    width:200px;
    text-align: center;
    background-color: #fff;
    padding: 6px;
    
    color: firebrick;
position: absolute;
bottom:30px;
right:-50px;
transform: rotate(-45deg);
z-index: 9;
}