/*========================
* 
* 				PAGE SUPP
* 
* ======================*/

/*==========  Page Supp CSS ==========*/

/*==========  Page Actualités ==========*/

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper {
	text-align: center;
	margin-bottom: 100px; 
	margin-top: -32px;
}

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters {
	padding: 0px 0px; 
	border-radius: 50px; 
	display: inline-flex;
	justify-content: center;
	flex-wrap: nowrap;
}


.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li {
	list-style:  none !important; 
}

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li a {
	font-size: 16px;
    font-weight: 600;
	color: var(--noir); 
	margin: 0 !important;
	padding: 24px 32px; 
	background-color: var(--blanc); 
		transition: all linear 300ms; 
	list-style:  none !important; 
	text-decoration: none; 
}

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li:first-of-type a {
	padding-left: 60px; 
	border-bottom-left-radius: 50px;
	border-top-left-radius: 50px;
		transition: all linear 300ms; 
} 

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li:last-of-type a {
	padding-right: 60px; 
	border-bottom-right-radius: 50px;
	border-top-right-radius: 50px;
		transition: all linear 300ms; 
}

.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li.uabb-masonary-current a:focus,
.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li.uabb-masonary-current a:hover {
	text-decoration: none; 
	cursor: pointer; 
}


.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li.uabb-masonary-current a {
	background-color: var(--couleur-secondaire); 
	transition: all linear 300ms; 
	color: var(--blanc); 
}


/* Style  View Actualite */


.toolset-actu-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 32px;
	position: static !important;
	height: auto !important;
}

.toolset-actu-grid .uabb-post-wrapper {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	margin: 0 !important;
}

.toolset-actu-grid .uabb-blog-posts-shadow {
	height: 100%;
}

.toolset-pagination {
	margin-top: 40px;
	text-align: center;
}
.toolset-pagination ul {
   justify-content: center;
	align-items: center
}
.toolset-pagination a,
.toolset-pagination span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	margin: 0 4px;
	border-radius: 999px;
	text-decoration: none;
	background: var(--couleur-principale);
	color: var(--blanc);
	font-weight: 600;
}

.toolset-pagination .wpv_page_current span,
.toolset-pagination span {
	background: var(--couleur-secondaire);
	color: var(--blanc);
}


.toolset-pagination .wpv_page_current,
.toolset-pagination .wpv-page-current-nav {

}

@media (max-width: 1024px) {
	.toolset-actu-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.toolset-actu-grid {
		grid-template-columns: 1fr;
	}
}


.toolset-filters .uabb-masonary-filters li {
	cursor: pointer;
}


/* Tablet */
@media (max-width: 1200px) {
	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper {
		margin-bottom: 64px;
		margin-top: 0;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		text-align: left;
		padding-bottom: 8px;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper::-webkit-scrollbar {
		display: none;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper {
		scrollbar-width: none;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters {
		display: inline-flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
		min-width: max-content;
		width: max-content;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li a {
		padding: 20px 24px;
		font-size: 15px;
		white-space: nowrap;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li:first-of-type a {
		padding-left: 32px;
	}

	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper ul.uabb-masonary-filters li:last-of-type a {
		padding-right: 32px;
	}
}

/* Mobile */
/* Par défaut : select caché */
.toolset-filters-select {
	display: none;
}

/* < 1100px → switch */
@media (max-width: 1100px) {

	/* cache le menu */
	.col-post-actu .advanced-post-actu .uabb-masonary-filters-wrapper {
		display: none;
	}

	/* affiche le select */
	.toolset-filters-select {
		display: block;
		margin-bottom: 40px;
	}

	.toolset-filters-select select {
		width: 100%;
		padding: 14px 16px;
		border-radius: 8px;
		border: 1px solid #ddd;
		font-size: 15px;
		font-weight: 600;
		background: #fff;
		margin-top: 32px; 
	}
}

/* Pattern rs */

.col-rs {
	overflow: hidden; 
}

.col-rs .html-pattern-rs {
	position: relative; 
}


.col-rs .html-pattern-rs .pattern {
	position: absolute;
    z-index: 1;
    height: 100px;
    width: 300px;
    border-radius: 120px;
    transform: rotate(-45deg);
    background: rgba(255, 255, 255, 0.4);
	 left: 10px;
    bottom: -65px;
}



.col-rs .html-pattern-rs .pattern.b {
    left: -170px;
    bottom: -25px;
}


/* ####### DEVIS ET CONTACT ##########*/


.vue-implantations .card {
    border: 1.5px solid #E3EDFF;
    border-radius: 15px;
    padding: 30px;
    color: #000000;
		transition: all linear 300ms; 
	  width: 100%;
    margin: 16px;
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
	    justify-items: center;
  gap: 20px;
}


@media (max-width: 1000px) {
  .cards-grid {
    grid-template-columns: repeat(2, 1fr);
	      justify-items: center;
  }
}


@media (max-width: 768px) {
  .cards-grid {
    grid-template-columns: repeat(1, 1fr);
	      justify-items: center;
  }
}


.vue-implantations .card:hover {
    background: #046BB0;
    color: #ffffff;
		transition: all linear 300ms; 
}

.vue-implantations .card__title {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
}

.vue-implantations .card__adress {

font-size: 14px;
  line-height: 24px;
	
}

.vue-implantations .card__about {
	border: 1px solid #E3EDFF;
		transition: all linear 300ms; 
}


.vue-implantations .card:hover .card__about {
	border: 1px solid #fff;
		transition: all linear 300ms; 
}


.vue-implantations .card .card__contact {
	background: var(--couleur-principale);
	border-radius: 50px; 
	padding: 24px 16px;
	width: fit-content;
	height: 24px; 
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
	margin-top: 32px;
		transition: all linear 300ms; 
}

.vue-implantations .card .card__contact .card__tel a {
	color: var(--blanc);
	width: fit-content;
	height: 24px; 
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
		transition: all linear 300ms; 
	
}

.vue-implantations .card .card__contact .card__tel a svg {
	width: 12px; 
	margin-right: 8px; 
	color: var(--blanc);
	fill: currentColor;
	transition: all linear 300ms; 
}

.vue-implantations .card:hover .card__contact {
		background: var(--blanc);
		transition: all linear 300ms; 
}

.vue-implantations .card:hover .card__contact .card__tel a svg,
.vue-implantations .card:hover .card__contact .card__tel a {
		color: var(--couleur-principale);
		transition: all linear 300ms; 
}
.vue-implantations .card:hover .card__contact .card__tel a:hover svg,
.vue-implantations .card:hover .card__contact .card__tel a:hover {
	text-decoration: none ; 
	color: var(--couleur-hover-principale);
	transition: all linear 300ms; 
}

/* filtres implantations */ 




.filters {
    display: flex;
    justify-content: flex-end;
    gap: 32px;
    flex-wrap: wrap;
	margin-bottom: 32px;
}

.filter {
    position: relative;
}

.filter select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

	min-width: 255px;
    width: 100%;
   height: 100%;

    padding: 8px 16px 8px 12px;

    border: 2px solid var(--couleur-principale);
    border-radius: 10px;

    background-color: #fff;

    font-size: 14px;
    font-weight: 700;
    color: #0068b3;

    cursor: pointer;

    transition: all 0.25s ease;
}

/* hover */
.filter select:hover {
    border-color: #b8d2ea;
}

/* focus */
.filter select:focus {
    outline: none;
    border-color: #0068b3;
    box-shadow: 0 0 0 4px rgba(0, 104, 179, 0.08);
}

/* flèche custom */
.filter::after {
    content: "";

    position: absolute;
    top: 50%;
    right: 28px;

    width: 12px;
    height: 12px;

    border-right: 3px solid #0068b3;
    border-bottom: 3px solid #0068b3;

    transform: translateY(-60%) rotate(45deg);

    pointer-events: none;
}

/* responsive */
@media (max-width: 1000px) {

    .filters {
        gap: 24px;
		justify-content: center;
    }

    .filter select {
        width: 100%;
        min-width: 320px;
    }
}



@media (max-width: 1000px) {
	.cta-principal.left-responsive .fl-module-content .uabb-module-content {
		text-align: left; 
	}
}

/* ####### Mentions légales ##########*/


.contenu-3.fl-rich-text.mentions strong {
	color: var(--couleur-secondaire) !important; 
	font-weight: var(--bold) !important;
}