.grid_real_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 30px;
}

.grid_real_list.related {
	display: flex;
	flex-wrap: wrap;
	gap: 30;
	justify-content: center;
}

.grid_real_list.related .grid_real_item {
	width: calc(25% - 23px);
}

.grid_real_item {
    border: 2px solid var(--color_bleu1);
    border-radius: 0;
    overflow: hidden;
    position: relative;
	min-height: 330px;
	display: flex;
    flex-direction: column;
}

.grid_real_item .img_title_real img {
    max-height: 100px;
    padding: 10px;
    max-width: 80%;
    margin: 15px 10%;
	filter: grayscale(1);
	transition: filter .3s;
}
.grid_real_item:hover .img_title_real img{
	filter:none;
	
}

.grid_real_item .adv_real_text {
    padding: 0 20px;
	margin-top: 40px;
	margin-bottom: 10px;
	flex: 1;
}

.grid_real_item .adv_real_text p{
   margin: 0;
}

.grid_real_item .adv_real_text p {
	padding: 0;
}

.grid_real_item .img_title_real {
    text-align: center;
    height: 150px;
	position: relative;
	align-items: center;
	justify-content: center;
    display: flex;
}

.grid_real_item .img_title_real::after {
    content: "";
	background-image: url(/wp-content/uploads/2023/04/COMPO-13-Multicolor-VERT.svg);
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	width: 100%;
	height: 15px;
	position: absolute;
    bottom: 0;
}

.adv_real_readmore {
    text-transform: uppercase;
    font-weight: bold;
    text-align: right;
    margin-right: 15px;
    margin-bottom: 10px;
	font-weight: 600;
	font-family: 'Oswald' !important;
	font-size: 0.9rem;
	text-align: right;
	transition: 0.2s;

}
.grid_real_item:hover .adv_real_readmore {
	color: var(--color_vert1);
}

.grid_real_image {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--color_beige2);
}

.grid_real_image.grid_real_no_illus {
	background-size: 60%;
}

.grid_real_title {
	background-color: var(--color_bleu1);
	background-image: linear-gradient(90deg,#0044c3,#002399);
	color: white;
	padding: 10px 20px;
	text-align: center;
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translate(0, 100%);
	transition: 0.3s;
	display: flex;
  
}
.grid_real_title .adv_real_btn {
	margin-top: 20px;
}

.grid_real_title .adv_real_btn {
	padding: 0;
    background: none;
    text-align: right;
	font-size: 0.9rem;
	color: var(--color_vert1);
}

.grid_real_title .adv_real_btn:hover {
	background-color: transparent !important;
}

.grid_real_title .main_btn.adv_real_btn::before, 
.grid_real_title .main_btn.adv_real_btn::after {
	display: none;
}

/* 
Permet de réactiver le volet d'information au survol des cartes

.grid_real_item:hover .grid_real_title {
	opacity: 1;
	transform: translate(0, 0%);
} */

.adv_real_list_advanced {
	max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .3s;
	margin-bottom: 50px;
}

.adv_real_list_advanced.adv_real_list_open {
    max-height: 600px;
    opacity: 1;
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
	background-color:var(--color_bleu1);
	padding: 44px 25px 0;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top: -10px;
}

.adv_real_main_filter {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.adv_real_list_advanced .wpgb-select {
    background: #FFF;
}

.adv_real_desc {
	display: flex;
	flex: 1;
	margin-top: 50px;
	text-align: left;
}

/*body .wpgb-search-facet input[name="real_moteur_de_recherche"] {
	border: 2px solid var(--color_bleu1) !important;
}*/

.adv_real_list_filters_more {
	background-color: var(--color_bleu1) !important;
	color: white !important;
}

.wpgb-facet button.wpgb-button.wpgb-reset[disabled] {
	display: none;
}

.wpgb-facet button.wpgb-button.wpgb-reset {
	display: block;
	background-color: transparent;
    border: none !important;
    padding: 0 !important;
    font-family: 'Gilroy' !important;
    text-transform: none !important;
    font-weight: 400 !important;
    font-size: 1rem;
    text-decoration: underline;
}

.adv_real_list_filters_more.btn_plus:before,
.adv_real_list_filters_more.btn_plus:after {
	display: none;
}


.adv_real_list_filters_more {
	cursor:pointer ;
}

.adv_real_filter_less {
	background-color: var(--color_bleu1) !important ;
    color: #fff !important;
}

.adv_real_list_advanced .wpgb-select-search input {
	border: none !important;
}

@media screen and (max-width: 1100px) {

	.grid_real_list {
		grid-template-columns: 1fr 1fr 1fr;
	}

}

@media screen and (max-width: 991px) {

	.grid_real_list.related .grid_real_item {
		width: calc(50% - 15px);
	}
	.grid_real_list {
		max-width: 90%;
		margin: auto;
	}

}

@media screen and (max-width: 767px) {

	.grid_real_list {
		grid-template-columns: 1fr 1fr;
	}
	.adv_real_list_advanced.adv_real_list_open {
		grid-template-columns: 1fr 1fr;
	}
	.adv_real_main_filter {
		grid-template-columns: 1fr;
	}

	.grid_real_list.related {
		gap: 20px
	}

	.grid_real_list.related .grid_real_item {
		width: calc(50% - 10px);
	}

}

@media screen and (max-width: 480px) {

	.grid_real_list, .grid_real_list.related {
		grid-template-columns: 1fr;
	}

	.grid_real_list.related .grid_real_item {
		width: 100%;
	}

	.grid_real_list {
		max-width: 80%;
		
	}

}