/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
html{
	overflow-x: hidden;
}
body{
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
  overflow-x: hidden !important;
}
.pp-dual-heading{
	margin-bottom: 0;
}
.specif_titre .pp-dual-heading .pp-second-text{
	position: relative;
}
.specif_titre.left .pp-dual-heading .pp-second-text:before{
	content: "";
	position: absolute;
	width: 200%;
	height: 4px;
	display: block;
	background-color: #6E498E;
	top: 10px;
	right: 101%;
}
.specif_titre.right .pp-dual-heading .pp-second-text:before{
	content: "";
	position: absolute;
	width: 200%;
	height: 4px;
	display: block;
	background-color: #6E498E;
	top: 10px;
	right: -201%;
}
.elementor-price-list li::before {
      content: "\2022";
    color: #6E498E;
    font-weight: bold;
    display: flex;
    font-size: 23px;
    margin-left: -20px;
    height: 24px;
    position: absolute;
    align-items: center;
}

/*NAVIGATION*/
#header .elementor-element.elementor-element-3bd9d36 .pp-advanced-menu--dropdown .pp-sub-item {
	justify-content: flex-start !important;
}

/*LISTE BIENS*/
#biens-liste .elementor-grid-item div.elementor-widget-theme-post-featured-image div.elementor-widget-container img{
	transition: all ease-out 0.5s;	
}
#biens-liste .elementor-grid-item div.elementor-widget-theme-post-featured-image div.elementor-widget-container{
	overflow: hidden;
}
#biens-liste .elementor-grid-item div.elementor-widget-theme-post-featured-image:hover div.elementor-widget-container{
	overflow: hidden;
}
#biens-liste .elementor-grid-item div.elementor-widget-theme-post-featured-image:hover div.elementor-widget-container img{
	transition: all ease 0.5s;
	transform: scale(1.2);
} 
span.page-numbers.current{
	font-weight: bolder;
}
/**
 * MOTEUR DE RECHERCHE
 *
 */
 .specif-moteur{
    /* position: absolute; */
    /* width: 400px; */
    height: auto;
	color:#fff;
    /* margin-top: -310px; */
    /* left: 0;
    /* left: 0; */
 }
 .specif-moteur > form{
	flex-wrap: wrap;
	display: flex;    
	gap: 10px;
	align-items: center;
 }
 .specif-moteur > form > div{
    width:100%;
 }
 .specif-moteur h3{
    color:#fff;
	margin:0;
	font-weight:400;
	font-size:1.2rem
 }
 .specif-moteur form input[type=radio]{
	display:none;
 }
 .specif-moteur form input[type=radio]+label{
	background:#3A1C4E;
	text-transform:uppercase;
	padding:15px 15px 15px 20px ;
	font-size:.9rem;
	font-weight:500;
	margin:0;
	cursor:pointer;
 }
 .specif-moteur form input[type=radio]+label:before{
	content:"\f084";
	/* content:"\e065"; */
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	font-size:1.2rem;
	padding-right:10px	
 }
 .specif-moteur form input#specif_cpt_vente+label:before{
	content:"\e065";
 }
 .specif-moteur form input[type=radio]+label:hover,
 .specif-moteur form input[type=radio]:checked+label{
	background:#6E498F;
 }

 
 .specif-moteur form > input[type=text],
 .specif-moteur form > input[type=number],
 .specif-moteur form > select{
	border:0 none;
	background:transparent;
	color:#fff;
	border-bottom:1px solid #7F7A81;
	border-radius:0;
	width:46%;
 }	
 /* .specif-moteur form > input[type=text]{ */
	 /* width:100%; */
 /* }	 */
 .specif-moteur form > input::placeholder{
	  color: #fff;
 }
 
 .specif-moteur form > select > option{
	color:#000;
 }
 .specif-moteur form > input[type=submit]{
	color:#fff;
	border-color:#6E498F;
	background:#6E498F;
 }
 .specif-moteur form > input[type=submit]:hover{
	color:#6E498F;
	background:#fff;
 }
/**
 * DPE
 *
 */

.specif-conso {
	display:flex;
	justify-content: space-between
}
.specif-conso > div {
	width:45%;
}
.specif-conso >  div#energie{
	background: url("/wp-content/uploads/2023/03/DPE-LOGEMENT-ECONOME.jpg") no-repeat;
	background-size: contain;
}
.specif-conso > div#ges{
	background: url("/wp-content/uploads/2023/03/DPE-GES.jpg") no-repeat;
	background-size: contain;
}
.specif-conso > div > div{
/* background: url(../images/images/template/schema-energie.jpg) no-repeat; */
height: 311px;
/* width: 213px; */
position: relative;
/* border-left: 1px solid #cfcfcb; */
/* border-right: 1px solid #cfcfcb; */
/* border-bottom: 1px solid #cfcfcb; */
}
.specif-conso > div > div > span{
	position: absolute;
	color: #000;
	display: block;
	text-transform: uppercase;
	border:3px solid #000;
	/* padding: 3px; */
	right: 3px;
	width:41px;
	height:34px;

	display: flex;
	align-items: center;
	justify-content: center;
}
.specif-conso > div > div > span::before{
content: "";
border-right: 19px solid #000;
border-left: 19px solid transparent;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
position: absolute;
left: -41px;
width: 38px;
top: -3px;
}
/* https://georisques.gouv.fr/ */
 
.specif-conso > div > div > span.A{
	top: 7px;
}
.specif-conso > div > div > span.B{
	top: 37px;
}
.specif-conso > div > div > span.C{
	top: 60px;
}
.specif-conso > div > div > span.D{
	top: 86px;
}
.specif-conso > div > div > span.E{
	top: 113px;
}
.specif-conso > div > div > span.F{
	top: 138px;
}
.specif-conso > div > div > span.G{
	top: 164px;
}
 
/**
 * DPE New
 *
 */

.__conso {
	display:flex;
	justify-content: space-between
}
.__conso > div {
	width:49%;
	border: 1px solid #000;
    padding: 5px;
	gap:1px;
	display: flex;
	flex-direction: column;
}
.__conso > div > div{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
	align-items: center;
}
.__conso > div > div > div{
	display: flex;
    justify-content: space-between;
	align-items: center;
	padding:0 2px;
	position:relative;
	border:1px solid #fff;
}
.__conso > div#energie > div > div::after{
	content: "";
    border-left: 12px solid #000;
    border-right: 19px solid transparent;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    right: -38px;
    width: 38px;
    top: 0;
}
.__conso > div > div.A > div{
	width:50px;
}
.__conso > div > div.B > div{
	width:70px;
}
.__conso > div > div.C > div{
	width:90px;
}
.__conso > div > div.D > div{
	width:110px;
}
.__conso > div > div.E > div{
	width:130px;
}
.__conso > div > div.F > div{
	width:150px;
}
.__conso > div > div.G > div{
	width:170px;
}


.__conso > div#energie > div.A > div{
	background:#329A33;
}
.__conso > div#energie > div.A > div::after{
	 border-left-color: #329A33;
}
.__conso > div#energie > div.B > div{
	background:#32CC33;
}
.__conso > div#energie > div.B > div::after{
	 border-left-color: #32CC33;
}
.__conso > div#energie > div.C > div{
	background:#CCFF34;
}
.__conso > div#energie > div.C > div::after{
	 border-left-color: #CCFF34;
}
.__conso > div#energie > div.D > div{
	background:#FFFF01;
}
.__conso > div#energie > div.D > div::after{
	 border-left-color: #FFFF01;
}
.__conso > div#energie > div.E > div{
	background:#FFCC00;
}
.__conso > div#energie > div.E > div::after{
	 border-left-color: #FFCC00;
}
.__conso > div#energie > div.F > div{
	background:#FF9A35;
}
.__conso > div#energie > div.F > div::after{
	 border-left-color: #FF9A35;
}
.__conso > div#energie > div.G > div{
	background:#FE0000;
}
.__conso > div#energie > div.G > div::after{
	 border-left-color: #FE0000;
}



.__conso > div#ges > div > div{
	border:1px solid #000;
	padding:0 4px 0 2px;
}
.__conso > div#ges > div.A > div{
	background:#F5EDFC;
}
.__conso > div#ges > div.B > div{
	background:#E0C2F8;
}
.__conso > div#ges > div.C > div{
	background:#D4AAF6;
}
.__conso > div#ges > div.D > div{
	background:#CB95F3;
}
.__conso > div#ges > div.E > div{
	background:#BA72F0;
}
.__conso > div#ges > div.F > div{
	background:#A74DEB;
}
.__conso > div#ges > div.G > div{
	background:#8919DF;
}


.__conso > div > div.G > div *{
	color:#fff;
}
.__conso span.valeur{
	font-size:10px;
	font-weight:bold;
}
.__conso  span.letter{
	
	font-weight:bold;
}
.__conso > div > div > span.marker{
	position: relative;
	color: #000;
	display: block;
	text-transform: uppercase;
	border:3px solid #000;
	/* padding: 3px; */
	right: 3px;
	width:41px;
	height:34px;

	display: flex;
	align-items: center;
	justify-content: center;
}
.__conso > div > div > span.marker::before{
	content: "";
	border-right: 19px solid #000;
	border-left: 19px solid transparent;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	position: absolute;
	left: -41px;
	width: 38px;
	top: -3px;
}
/* https://georisques.gouv.fr/ */
 
.specif-conso > div > div > span.A{
	top: 7px;
}
.specif-conso > div > div > span.B{
	top: 37px;
}
.specif-conso > div > div > span.C{
	top: 60px;
}
.specif-conso > div > div > span.D{
	top: 86px;
}
.specif-conso > div > div > span.E{
	top: 113px;
}
.specif-conso > div > div > span.F{
	top: 138px;
}
.specif-conso > div > div > span.G{
	top: 164px;
}
 
 .__clique_galerie{
	 cursor:pointer;
 }
 
 
/**
 * POPUP RGPD
 */
div#cookie-container-bar{
	display: flex;
	vertical-align: middle;
	justify-content: center;
}
div#cookie-container-bar div#cookie-img-bar{
	display: flex;
	vertical-align: middle;
	align-items: center;
}
div#cookie-container-bar div#cookie-img-bar img{
	width: 150px;
	height: 150px;
}
div#cookie-container-bar div#cookie-text-bar{
	padding: 10px;
	width: 75%;
}
div#cookie-container-bar div.cookie-ss-text-bar{
	font-size:0.8em;
	text-align:center
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message{
	text-align: center;
	font-size:16px
}
div#cookie-container-bar div#cookie-text-bar .cli-bar-message strong{
	font-size:1.2em
}
div#cookie-container-bar div#cookie-buttons-bar{
	justify-content:center;
	display: flex;
}
#cookie-law-info-bar{
	text-align: left !important; 
	padding: 15px 15px !important; 
	border-color: rgb(51, 51, 51) !important; 
	border-radius: 15px !important; 
	background-color: rgba(255, 255, 255, 0.97) !important; 
	color: rgb(51, 51, 51); font-family: inherit !important; 
	position: fixed !important; 
	width: 630px !important; 
	height: auto !important; 
	max-height: 500px !important; 
	top: calc(50% - 150px) !important; 
	left: calc(50% - 315px) !important; 
	/* transform: translate(-50%, -50%) !important;  */
	overflow: auto !important; 
	margin-left:0!important;
	margin-top:0!important;
}
#adresse-rouault-print, #baseline-print{
	display: none;
}
@media print {
	body{
		overflow:hidden;
	}
	.e-con{
		--content-width:100% ;
	}
  #header-nav-container, #single-main-pic, #back-to-result, #share-buttons, #main-gallerie, #renseignement-bloc, #cross-sell, #breadcrumb-bien{
  	display: none;
  }
  header{
  	background-color: #ffffff !important;
  	margin-top: 15px !important;
  }
  header .e-con-inner{
  	justify-content: space-evenly !important;
  	padding-top: 0px !important;
  }
  footer{
  	display: none;
  }
  #info-generale{
  	/* margin-top: 50px !important; */
  }
  #caracteristiques-bien{
  	page-break-after:always;
  }
  #caracteristiques-bien div.e-con-inner div.e-con-full.e-con{
  	display: inline-block !important;
  }
  #baseline-print{
  	display: flex;
  }
  #baseline-print p{
  	color: #ffffff !important;
  }
  #adresse-rouault-print{
  	display: flex;
  	width: 75%;
  }
  #adresse-rouault-print div#contact-print{
  	display: flex;
  	width: 60%;
  }
  #adresse-rouault-print div#adresse-print{
  	display: flex;
  	width: 35%;
  }
  #header-logo{
  	width: 20%;
  	margin: 0;
  }
  #header-logo img{
  	width: 300px;
  }
  a[href]:after {
    content: none !important;
  }
  
	.specif-conso >  div#energie{
		background: url("/wp-content/uploads/2023/03/DPE-LOGEMENT-ECONOME.jpg") no-repeat!important;
		background-size: contain;
	}
	.specif-conso > div#ges{
		background: url("/wp-content/uploads/2023/03/DPE-GES.jpg") no-repeat!important;
		background-size: contain;
	}
}

@media screen and (max-width: 640px) {
	#cookie-law-info-bar{
		padding: 5px 5px !important; 
		width: calc(100% - 20px) !important; 
		max-height: 600px !important;
		/* position:relative!important; */
		left:0!important;
		top:calc(50% - 250px) !important; 
		margin:10px!important;
	}
	
	div#cookie-container-bar div#cookie-text-bar{
		padding: 10px;
		width: 100%;
	}
	#wt-cli-accept-all-btn,
	#wt-cli-reject-btn,
	#wt-cli-settings-btn{
		padding:8px 15px!important;
	}
	div#cookie-container-bar{
		flex-wrap: wrap;
	}
	div#cookie-container-bar div#cookie-text-bar{
		font-size: 12px;
	}
	
		
	.specif-moteur form > input[type=text],
	.specif-moteur form > input[type=number],
	.specif-moteur form > select{
		width: 43%
	}
}

@media screen and (max-width: 750px) {
	
	.__conso,
	.specif-conso{
		flex-direction: column;
		gap: 5px;
	}
	.__conso > div {
		width: 100%;
	}
	
	.specif-conso > div {
		width:311px;
	}


}