/* --- bloc-affichage-dossiers-experts.css --- */
.dossiers-experts-list {display: flex; flex-wrap: wrap; gap: 20px;}
.dossiers-experts-list .vignette-dossier {width: 100%; border: 1px solid #F0F0F0; display: flex; flex-direction: column;}
.dossiers-experts-list .vignette-dossier:hover {box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0;}
.dossiers-experts-list .vignette-dossier h3 {font-size: 14px; margin-bottom: 8px; line-height: normal; color: var(--couleur-principale); font-weight: 700;}
.dossiers-experts-list .vignette-dossier .vignette-dossier-text {padding: 0 20px; display: flex; flex-direction: column; flex: 1;}
.dossiers-experts-list .vignette-dossier .dossier-date {font-size: 12px; margin-top: 0;}
.dossiers-experts-list .vignette-dossier .vignette-dossier-img {background-color: rgb(247,247,247); background-size: cover; background-position: center center; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); height: 140px;}
.dossiers-experts-list .vignette-dossier .vignette-dossier-btn { display: block; max-width: max-content; background-color: var(--couleur-principale); padding: 7px 15px; border-radius: 25px; color: var(--couleur-blanc); text-decoration: none;  transition: all 250ms ease-in-out;  margin: auto auto 20px;}
.dossiers-experts-list .vignette-dossier:hover .vignette-dossier-btn {background-color: var(--couleur-gris);}

.paginaton-dosssier {gap: 15px; list-style: none; margin: auto !important; flex-wrap: wrap; justify-content: center;}
.paginaton-dosssier li {display: block; background: rgba(0, 0, 0, .1); border-radius: 3px; padding: 0; transition: all 200ms ease-in-out; border: none; cursor: pointer; text-align: center; width: 27px; height: 27px;}
.paginaton-dosssier li a {width: 100%; height: 100%; justify-content: center; align-items: center; color: rgba(0, 0, 0, .6);}
.paginaton-dosssier li.active {background-color: var(--couleur-principale); }
.paginaton-dosssier li.active a {color: #fff; }
.paginaton-dosssier li:hover {background-color: var(--couleur-gris); color: #fff;}
.paginaton-dosssier li:hover a {color: #fff;}

.dossiers-experts-list ul.paginaton-dosssier li::before {display: none;}

@media screen and (min-width: 768px) {
    .dossiers-experts-list .vignette-dossier {width: calc(50% - 10px);}
    .dossiers-experts-list .vignette-dossier .vignette-dossier-img {height: 160px;}
}


@media screen and (min-width: 1000px) {
    .dossiers-experts-list .vignette-dossier {width: calc(33% - 31px);}
    .dossiers-experts-list .vignette-dossier .vignette-dossier-img {height: 200px;}
    .dossiers-experts-list {gap: 50px;}

}

/* --- bloc-affichage-realisation.css --- */
.realisation-avant-apres {
    height: 800px;
    max-height: 800px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 1000px) {
    .realisation-avant-apres {
        height: 800px;
        max-height: 800px;
    }
}

/* --- bloc-boutons-autres-pretsations.css --- */
.autres_presta{
	width: 450px;
	border-radius: 20px;
	padding: 5px 10px;
	border-left: 25px solid var(--couleur-principale);
	filter: drop-shadow(0px 3px 6px #00000045);
	background: #F2F2F2;
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	position: fixed;
	left: calc(50% - 225px);
	bottom: -200px;
	transition: ease;
	z-index: 1000000;
}

.autres_presta.active{
	bottom: 75px; 
	transition: all 500ms ease;
}
.autres_presta div{
	position: relative;
	padding: 15px;
	flex: 1 1 0;
}
.autres_presta div a{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	text-align: center;
	font-weight: 700;
	color: var(--dark);
	line-height: 1.6rem !important;
}
.autres_presta div a .notooltip{
	margin-top:8px;
}
.autres_presta div:first-child{
	color: var(--couleur-principale);
	font-weight: 700;
}

.autres_presta div:nth-child(2):after{
	width: 1px;
	background: #CFCFCF;
	content:" ";
	height: 60%;
	position: absolute;
	top: 20%;
	right: 0;
	
}

.autres_presta div img{
	max-width: 65px;
}

@media (max-width: 892px) {
	.autres_presta{
		width: 80%;
		left: 7%;
	}
	.autres_presta div{
		font-size: 1.1rem !important;
		padding: 8px;
	}
	.autres_presta div a{
		font-size: 1.1rem !important;
		line-height: 1.4rem !important;
	}
	.autres_presta div img{
		max-width: 45px;
	}
}


/* --- bloc-contenu-dossier-expert.css --- */
.dossier-expert-article {column-gap: 5rem; flex-wrap: wrap; padding-bottom: 40px;}
.dossier-expert-article aside {order: 1;}
.dossier-expert-article #stickyarticle {background-color: var(--couleur-fond); padding: 25px; margin-top: 30px; }
.dossier-expert-article #stickyarticle h3 {color: var(--couleur-principale); margin-bottom: 20px;}
.dossier-expert-article #stickyarticle a {padding-left: 35px; position: relative; display: block; margin: 1.5rem 0; color: var(--couleur-noir);}
.dossier-expert-article #stickyarticle a:last-of-type {margin-bottom: 0;}
.dossier-expert-article #stickyarticle a:hover {color: var(--couleur-principale);}
/*.dossier-expert-article #stickyarticle a::before {content: url(/wp-content/uploads/icons/icon-fleche.svg); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.dossier-expert-article #stickyarticle a:hover::before {content: url(/wp-content/uploads/icons/icon-fleche-full.svg); }*/


.dossier-expert-article #stickyarticle a::before {content: ''; width: 25px; min-width: 25px; height: 25px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; background-size: contain; transition: all 150ms ease-in-out; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.dossier-expert-article #stickyarticle a:hover::before  { background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain; }

#sticky_fixed.dossier-applicateur-info {align-items: center;}
#sticky_fixed.dossier-applicateur-info .photoapplicateur {width: 50px; height: 50px; background-size: cover; background-position: center; border-radius: 50%;}
#sticky_fixed.dossier-applicateur-info .mois-rea {flex-direction: column;}
#sticky_fixed.dossier-applicateur-info .small-link {font-size: 13px;}
#sticky_fixed.dossier-applicateur-info .small-link::before {margin-right: 8px;}

.dossier-expert-article .container-dossier {width: auto; max-width: 100%;}
.dossier-expert-article .container-dossier img {max-width: 100%; width: 100%; object-fit: cover; max-height: 400px; margin-top: 30px;}
.dossier-expert-article .container-dossier h2 {color: var(--couleur-principale); margin-top: 3rem;}
.dossier-expert-article .container-dossier h3 {margin-top: 2rem;}
.dossier-expert-article .container-dossier table {border: 1px solid #e5e5e5; border-collapse: collapse; border-spacing: 0;}
.dossier-expert-article .container-dossier table td {border-top: 1px solid #e5e5e5; padding: 10px;}
.dossier-expert-article .container-dossier table td * {font-size: 13px; text-align: left;}

.dossier-applicateur-info .group-row .social img {height: 25px; width: auto;}

.dossier-expert-article .wp-block-columns {column-gap: 40px;}

@media (min-width: 768px) {
#sticky_fixed.dossier-applicateur-info {padding: 15px 30px;}

}
@media (min-width: 1024px) {
    .dossier-expert-article aside { order: initial; width: calc(35% - 2.5rem); order: 1; position: relative; margin-top: 0;}
    .dossier-expert-article .container-dossier {width: calc(65% - 2.5rem);}
    .dossier-expert-article #stickyarticle {position: sticky; top: 12rem; margin-top: 0; }
    .dossier-expert-article .container-dossier h2 {margin-top: 4rem;}
    .dossier-expert-article .container-dossier .et_pb_row:first-of-type h2 {margin-top: 0;}
    #sticky_fixed.dossier-applicateur-info .btnclose {display: none;}
    .dossier-expert-article .container-dossier h3 {margin-top: 2.5rem;}
}

@media (min-width: 1400px) {
.dossier-expert-article {padding-bottom: 70px;}
.dossier-expert-article #stickyarticle {padding: 30px;}
.dossier-expert-article .container-dossier img {max-height: 600px;}
}

/* --- bloc-defilement-videos.css --- */
.container-bloc-defilement-videos .video-slide {aspect-ratio: 16/9;background-size: cover; width: 100%; margin: 1rem; display: flex;background-color: var(--couleur-principale);}
.container-bloc-defilement-videos .video-slide iframe { position: absolute;  top: 0; left: 0; width: 100%; height: 100%;  border: 0;}
.container-bloc-defilement-videos .video-thumbnail {margin: .6rem; cursor: pointer;  width: 100%;  position: relative; height: auto; flex-direction: column; row-gap: 2rem;  transition: all 300ms ease-in-out;}
.container-bloc-defilement-videos .video-thumbnail .video-img {height: auto; background-size: cover; width: 100%; aspect-ratio: 16/9; background-position: center; background-repeat: no-repeat; position: relative;; }
.container-bloc-defilement-videos .video-thumbnail .video-img::after {content: ''; background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 250ms ease-in-out;}
.container-bloc-defilement-videos h3 {text-align: left; font-size: 14px; margin: .8rem 0 0; font-weight: 500; transition: inherit;}
.container-bloc-defilement-videos .video-thumbnail:hover {transform: scale(1.05);}
.container-bloc-defilement-videos .video-thumbnail:hover .video-img::after { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));}

.container-bloc-defilement-videos .bloc-nav-thmbnail{position: relative;}
.container-bloc-defilement-videos .bloc-nav-thmbnail button { width: 40px; height: 40px; margin: auto; color: white; cursor: pointer;font-size: 1.8rem; border: 0; position: initial; opacity: .7; transform: none; padding: 0 !important;position: absolute;top: 30%; transition: all 300ms ease-in-out;}
.container-bloc-defilement-videos  .bloc-nav-thmbnail button::before { content: url(/wp-content/uploads/icons/icon-fleche.svg); }
.container-bloc-defilement-videos .bloc-nav-thmbnail button:last-child::before { content: url(/wp-content/uploads/icons/icon-fleche.svg);}
.container-bloc-defilement-videos .bloc-nav-thmbnail .slick-prev, .container-bloc-defilement-videos .bloc-nav-thmbnail .slick-next {display: none;}
.container-bloc-defilement-videos .bloc-nav-thmbnail .slick-prev{left: -40px; transform: rotate(180deg);}
.container-bloc-defilement-videos .bloc-nav-thmbnail .slick-next{right: -40px;}
.container-bloc-defilement-videos .bloc-nav-thmbnail button:hover{opacity: 1;}


.container-bloc-defilement-videos {
    position: relative;
}

.container-bloc-defilement-videos .video-slider-for {height: 0; overflow: hidden; transition: all 500ms ease-in-out;}
.container-bloc-defilement-videos .video-slider-for.active {height: 100%;}

/* ========================================
   PLACEHOLDER DE CHARGEMENT INITIAL
   ======================================== */

.video-slider-placeholder {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}

.placeholder-content {
    text-align: center;
    color: var(--couleur-principale, #333);
}

.placeholder-spinner {
    width: 50px;
    height: 50px;
    border: 4px solid #e3e3e3;
    border-top: 4px solid var(--couleur-principale, #333);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}


/* ========================================
   PLACEHOLDERS DES VIDEOS INDIVIDUELLES
   ======================================== */

.video-slide {
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
}

.video-placeholder {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa;
    border-radius: 8px;
    overflow: hidden;
}

.video-thumbnail-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.3s ease;
}

.video-slide:hover .video-thumbnail-preview {
    transform: scale(1.05);
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all 0.3s ease;
}

.video-slide:hover .play-button {
    transform: translate(-50%, -50%) scale(1.1);
}

.video-placeholder h4 {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    margin: 0;
    color: white;
    font-size: 16px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
    z-index: 2;
}

.video-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.video-content.loaded {
    opacity: 1;
}

.video-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Animation du spinner */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Transitions pour l'affichage du slider */
.video-slider-for {
    transition: opacity 0.5s ease, visibility 0.5s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}

.video-slider-for.loaded {
    opacity: 1 !important;
    visibility: visible !important;
    position: relative;
}





/* Responsive pour les placeholders */
@media (max-width: 768px) {
    .video-slider-placeholder {
        height: 300px;
        margin: 0.5rem 0;
    }
    
    .placeholder-spinner {
        width: 40px;
        height: 40px;
        border-width: 3px;
    }
    
    
    .video-placeholder h4 {
        font-size: 14px;
        bottom: 15px;
        left: 15px;
        right: 15px;
    }
    
    .play-button svg {
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 768px) {
.container-bloc-defilement-videos .video-thumbnail {margin: 1rem 2rem; width: 100%;  position: relative; height: auto; flex-direction: column; row-gap: 2rem;  transition: all 300ms ease-in-out;}
.container-bloc-defilement-videos .bloc-nav-thmbnail .slick-prev, .container-bloc-defilement-videos .bloc-nav-thmbnail .slick-next {display: block;}
.container-bloc-defilement-videos h3 {font-size: 15px; margin: 1rem 0 0; font-weight: 600;}

}

/* --- bloc-section-actualite-mois.css --- */
.section-actualite {background-color: var(--couleur-fond);}
.section-actualite-img {background-size: cover; width: 100%; height: 250px; background-position: center;}
.section-actualite>.main-container {padding: 20px 0; column-gap: 40px;}

.section-actualite-content {flex: 1;}
.section-actualite-content h3 {color: var(--couleur-principale); font-size: 23px; font-weight: 800; margin: 0;}
.section-actualite-content h4 {margin-top: 5px; font-size: 25px; color: var(--couleur-texte); font-weight: 800;}
.section-actualite-content a {color: var(--couleur-texte); text-decoration: none; display: block; margin: 15px 0;}
.section-actualite-content a:hover {color: var(--couleur-principale);}

a.section-actualite-link::before {content: ''; width: 35px; height: 35px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; margin-right: 10px; background-size: contain; transition: all 200ms ease-out;}
.section-actualite-content a:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}



/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/

@media screen and (min-width: 600px) {
  .section-actualite-img {width: 100%; flex: 1; height: inherit;}
  .section-actualite>.main-container {padding: 0;}
  .section-actualite-content {padding-top: 20px; padding-bottom: 20px;}
}

@media screen and (min-width: 768px) {   
    .section-actualite>.main-container {justify-content: space-between; column-gap: 60px;}
    .section-actualite-content {width: 50%;}
    .section-actualite-img {width: 30%; flex: none; }
  }

  @media screen and (min-width: 1000px) {
    .section-actualite-content {flex: none;}
    .section-actualite-content a {margin-top: 30px;}
    .section-actualite-content {padding-top: 40px; padding-bottom: 40px;}
    .section-actualite-img {max-width: 450px; }
  }

    @media screen and (min-width: 1800px) {
    .section-actualite-img {width: 30%; }
  }

/* --- bloc-section-affichage-prestation.css --- */
.section-prestation {justify-content: center; row-gap: 15px; padding-bottom: 40px; padding-top: 40px; flex-direction: column; }
.bloc-prestation {flex-direction: column; }
.bloc-prestation img {height: 50px; margin: auto;}
.bloc-prestation h3 {text-align: center;}
.bloc-prestation a {text-align: center;}
.bloc-prestation p {color: var(--couleur-noir); font-size: 13px; margin: 0 auto;}
.bloc-prestation p:hover {color: var(--couleur-principale);}
.bloc-prestation p::before {content: ''; width: 20px; height: 20px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; margin-right: 10px; transition: all 150ms ease-in-out;}
.bloc-prestation:hover p::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}
/*.section-prestation-h2 {padding-top: 40px; padding-left: 15px; padding-right: 15px; margin-top: 0 !important;}*/

.section-presentation-presta {padding-top: 10px; padding-bottom: 10px; margin: 40px auto; padding-left: 20px; padding-right: 20px;}
.section-presentation-presta h2 {margin-bottom: 45px; width: 100%; color: var(--couleur-principale);}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    .section-prestation {flex-direction: row; column-gap: 35px;}
    .section-prestation-h2 {padding-left: 0; padding-right: 0;}
    .section-presentation-presta {margin: 100px auto; padding-left: 0; padding-right: 0;}
}


@media screen and (min-width: 1200px) {
    .bloc-prestation {justify-content: center;}
    .bloc-prestation p::before {width: 40px; height: 40px;}
    .section-prestation {justify-content: center; padding-bottom: 40px; column-gap: 75px; }
    .bloc-prestation img {width: 100px; height: 100%; }
    .bloc-prestation p {font-size: 14px;}
    .section-presentation-presta {padding-top: 30px; padding-bottom: 30px;}

}

@media screen and (min-width: 1600px) {
    .section-prestation {column-gap: 110px; }
}

/* --- bloc-section-avis-eldo.css --- */
.section-avis-eldo h2 {text-align: center; font-weight: 500; }
.section-avis-eldo iframe {border: none;}

.container-eldo {column-gap: 50px; justify-content: center; max-height: 400px; overflow-y: scroll; flex-wrap: wrap;}
.container-eldo .container-eldo-left {width: 100%;}
.container-eldo .bloc-avis-left .bloc-avis-total {background-color: #0B5351; border-radius: 10px; color: #fff;  width: 100%; flex: none; flex-direction: column; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 20px;}
.container-eldo .bloc-avis-left .bloc-avis-total .note-globale {font-size: 25px; font-weight: 600; color: #fff; line-height: normal;}
.container-eldo .bloc-avis-left .note-moyenne-etoiles span::before, .bloc-avis-top .note i::before {color: #fb0; font-family: 'FontAwesome'; font-style: normal; font-size: 14px;}
.container-eldo .bloc-avis-left .nombre-globale {color: var(--couleur-blanc); font-size: 12px; margin-top: 0; }
.container-eldo .bloc-avis-left .bloc-avis-total .logo-eldo {margin-top: 15px; height: 25px;}
.container-eldo .bloc-avis-right {flex: 1; max-width: 100%;}
.container-eldo h2 {margin-bottom: 50px; margin-top: 0; width: 100%;}

.bloc-btn-eldo {justify-content: center; align-items: center; order: 2; margin: 20px 0; column-gap: 50px; flex-wrap: wrap;}
.bloc-btn-eldo h3 {font-weight: 600; margin-top: 0;}
.bloc-avis-right .bloc-avis {  background: #FFFFFF; border: 1px solid #D1D1D1; box-sizing: border-box;  border-radius: 10px; padding: 20px 15px; margin: 20px 0 0; flex-grow: 1; flex-basis: 0;}

.btn-eldo {padding: 12px 20px; font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 0.5px;  color: #4ECF89; border: 1px solid #4ECF89;  box-sizing: border-box; border-radius: 110px;  background-color: transparent; width: max-content; transition: all 200ms ease-in-out;}
.btn-eldo:hover {color: var(--couleur-noir); border-color: var(--couleur-noir);}


.bloc-avis-top {justify-content: space-between; align-items: center; margin-bottom: 10px;}
.bloc-avis-top p.date  {font-style: italic; color: var(--couleur-texte);}

.bloc-avis p {color: var(--couleur-noir); margin: 1px 0;}
.bloc-avis p.pseudo {font-weight: 600;}

.container-eldo-title {margin-top: 70px;}

.container-eldo .bloc-avis-left .note-moyenne-etoiles {margin-top: 10px;}
.container-eldo .bloc-avis-left .note-moyenne-etoiles i {color: #fb0; font-family: 'FontAwesome'; font-style: normal; font-size: 16px; }


/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/





@media screen and (min-width: 768px) {
    .container-eldo-title {margin-top: 100px;}
    .container-eldo {overflow: hidden;}
    .bloc-btn-eldo {margin: 0;}
    .container-eldo .bloc-avis-right {height: 100%; max-height: 500px; overflow-y: scroll;}
    .container-eldo .bloc-avis-left .bloc-avis-total {width: 270px;}
    .container-eldo .container-eldo-left {width: auto;}
    .bloc-avis-right .bloc-avis {min-width: 340px; padding: 30px;}

}


@media screen and (min-width: 1200px) {
    .container-eldo {max-height: 500px; column-gap: 60px; }
    .bloc-btn-eldo {order: inherit; justify-content: space-between;}
    .bloc-btn-eldo h3 {display: inline-block; flex: 1; font-size: 23px;}
    .container-eldo .bloc-avis-left .bloc-avis-total {width: 335px;  height: 310px; padding: 0;}
    .container-eldo .bloc-avis-left .note-moyenne-etoiles i {font-size: 22px; }
    .container-eldo .bloc-avis-left .bloc-avis-total .note-globale {font-size: 40px;}
    .container-eldo .bloc-avis-left .bloc-avis-total .logo-eldo {height: 40px;}
    .container-eldo .bloc-avis-right {padding-right: 30px;}
    .container-eldo h2 {margin-bottom: 60px;}
    .btn-eldo {margin-left: auto;}
}

/* --- bloc-section-dernieres-realisations-reseau.css --- */
.section-dernieres-realisations {gap: 20px; margin-bottom: 90px !important; margin-top: 15px !important;}
.home .section-dernieres-realisations, .realisation-colonnes .section-dernieres-realisations {margin-bottom: 30px !important;}
.section-dernieres-realisations h2 {width: 100%; text-align: center; font-weight: 400; margin-bottom: 30px;}
.section-dernieres-realisations .derniere-rea {border: 1px solid #F0F0F0; transition: all 200ms ease-in-out; width: 100%; display: flex; flex-direction: column; cursor: pointer; flex-wrap: wrap;}
.home .section-dernieres-realisations .derniere-rea, .realisation-colonnes .section-dernieres-realisations .derniere-rea {width: 100%;}
.section-dernieres-realisations .derniere-rea:hover {box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;}

.section-dernieres-realisations .derniere-rea-detail {padding: 10px 10px 5px; flex: 1;}
.home .section-dernieres-realisations .derniere-rea-detail, .realisation-colonnes .section-dernieres-realisations .derniere-rea-detail {display: flex; flex-direction: column;}
.section-dernieres-realisations .derniere-rea-detail .table-rea {max-width: max-content;}
.home .derniere-rea-detail .table-rea, .realisation-colonnes .section-dernieres-realisations .table-rea {margin-bottom: 15px; } 
.home .derniere-rea-detail .table-rea *, .realisation-colonnes .section-dernieres-realisations .table-rea * {line-height: normal;}
.realisation-row .derniere-rea-detail .table-rea .row {margin: 0; padding: 0;}
.home .derniere-rea-detail .table-rea .row, .realisation-colonnes .section-dernieres-realisations .table-rea .row {margin: 0; border: none; padding: 4px 0;}
.derniere-rea .cell {font-size: 12px; color: var(--couleur-noir);}
.derniere-rea .row .cell:first-of-type {min-width: 130px; text-transform: uppercase; font-weight: 700;}
.derniere-rea-detail h3 {color: var(--couleur-principale); font-size: 14px; font-weight: 800;}
.section-dernieres-realisations .derniere-rea .derniere-rea-btn {display: none; max-width: max-content; background-color: var(--couleur-principale); padding: 10px 20px; border-radius: 25px; color: var(--couleur-blanc); text-decoration: none; transition: all 250ms ease-in-out; margin-top: auto; }
.home .section-dernieres-realisations .derniere-rea .derniere-rea-btn, .realisation-colonnes .section-dernieres-realisations .derniere-rea .derniere-rea-btn {margin-left: auto; margin-right: auto;}
.section-dernieres-realisations .derniere-rea .derniere-rea-btn:hover {background-color: var(--couleur-gris);}
.btn-all-realisations a {background-color: transparent; color: var(--couleur-noir); font-size: 14px;}
.btn-all-realisations a:hover {color: var(--couleur-principale);}
.btn-all-realisations a::before {content: ''; width: 35px; height: 35px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; margin-right: 10px; transition: all 150ms ease-in-out;}
.btn-all-realisations a:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}
.section-dernieres-realisations .derniere-rea .titleline {color: var(--couleur-noir);}

.realisation-row .derniere-rea .img-rea, .home .derniere-rea .img-rea  {clip-path: polygon(0 0,100% 0%,100% 85%,50% 100%,0 85%); height: 130px; background-size: cover; background-position: center; width: 100%;}
.realisation-row .derniere-rea-detail .table-rea .row * {line-height: normal;}
.realisation-row .section-dernieres-realisations .derniere-rea-detail .table-rea {margin-bottom: 2rem;}


/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    /*.section-dernieres-realisations .derniere-rea {width: calc(33% - 13px);}*/
    .section-dernieres-realisations .derniere-rea{flex-direction: row; column-gap: 60px; flex: 1;}
    .home .section-dernieres-realisations .derniere-rea-detail .table-rea .row, .realisation-colonnes .section-dernieres-realisations .derniere-rea-detail .table-rea .row {flex-direction: column;}
    .home .derniere-rea .img-rea,  .realisation-colonnes .derniere-rea .img-rea {width: 100%;}



}

@media screen and (min-width: 1200px) {
    .section-dernieres-realisations .derniere-rea{column-gap: 110px;}
    .section-dernieres-realisations .derniere-rea-detail { padding: 30px 70px 30px 10px;}
    .home .section-dernieres-realisations .derniere-rea-detail {padding: 20px 30px 10px;}
     .realisation-row .section-dernieres-realisations .derniere-rea-detail {padding: 20px 70px 20px 10px;}
    .home .section-dernieres-realisations .derniere-rea, .realisation-colonnes .section-dernieres-realisations .derniere-rea {width: calc(33% - 10px);}
    .home .section-dernieres-realisations .derniere-rea-detail .table-rea .row, .realisation-colonnes .section-dernieres-realisations .derniere-rea-detail .table-rea .row {flex-direction: row; align-items: center;}
    .realisation-row .derniere-rea .img-rea { height: 100%; clip-path: polygon(85% 0, 100% 50%, 85% 100%, 0 100%, 0 0); width: 40%;}
    .home .derniere-rea .img-rea, .realisation-colonnes .derniere-rea .img-rea {height: 220px; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); background-size: cover; background-position: center;}
    .section-dernieres-realisations .derniere-rea .derniere-rea-btn {display: block;}
    .realisation-row .section-dernieres-realisations .derniere-rea {flex: none; width: 100%;}
    .realisation-row .derniere-rea-detail .table-rea .row {border-bottom: 1px solid #F0F0F0; padding: 12px 0;}
    .home .derniere-rea-detail .table-rea .row, .realisation-colonnes .section-dernieres-realisations .table-rea .row {padding: 2px 0;}
}

/* --- bloc-section-liste-actualités.css --- */
.section-actualites { row-gap: 20px; column-gap: 20px;}
.section-actualites .article {width: calc(50% - 10px); border: 1px solid #F0F0F0; transition: all 200ms ease-in-out;  cursor: pointer; flex-direction: column;}
.section-actualites .article:hover {box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;}
.section-actualites .article img {width: 100%; height: 140px; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); object-fit: cover; }
.section-actualites .article .article-text {padding: 5px 20px 20px; height: 100%; flex-direction: column; flex: 1;}
.section-actualites .article .article-text h2 {color: var(--couleur-principale); font-size: 14px !important; line-height: normal; font-weight: 700; margin: 5px 0;}
.section-actualites .article .article-text p:not(.button) {margin: 5px 0 15px;}
.section-actualites .article .article-text p.button { display: none; color: var(--couleur-blanc); margin: auto auto 0; text-transform: uppercase; background-color: var(--couleur-principale); font-size: 13px; padding: 6px 15px; border-radius: 20px;max-width: max-content; transition: all 180ms ease-in-out;}
.section-actualites .article .article-text p.button:hover {background-color: var(--couleur-noir);}
.section-actualites .article .article-no-thumbnail {width: 100%; height: 140px; clip-path: polygon(0 0, 100% 0%, 100% 85%, 50% 100%, 0 85%); background-color: var(--couleur-fond);     background-image: url(/wp-content/uploads/sites/65/2023/11/vertikal-logo-1.svg); background-size: 100px; background-position: center; background-repeat: no-repeat;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    .section-actualites .article {width: calc(33% - 12px);}

}


@media screen and (min-width: 1060px) {
    .section-actualites .article {width: calc(25% - 30px);}
    .section-actualites { row-gap: 40px; column-gap: 40px;}
    .section-actualites .article .article-text p.button {display: block;}
}

/* --- bloc-section-liste-applicateurs.css --- */
.section-liste-applicateur { background-color: var(--couleur-fond); padding: 40px 0;}
.section-liste-applicateur h2 { font-weight: 400; font-size: 20px; text-align: center; margin-bottom: 50px;}
.section-vignette-applicateur { width: 90%; max-width: 1220px; margin: 20px auto;}
.section-vignette-applicateur .vignette-applicateur { width: 100%; background-color: #fff; margin: 10px; padding: 20px; border-radius: 20px; flex-direction: column;}
.section-vignette-applicateur .vignette-applicateur .entete-vignette p { margin-top: 5px !important;  text-align: center; font-size: 13px;}
.section-vignette-applicateur .vignette-applicateur h3 { font-size: 18px; padding-bottom: 0; text-align: center; margin: 0;}
.section-vignette-applicateur .vignette-applicateur h3.info-departement { color: var(--couleur-noir); font-weight: 400; margin-bottom: 5px; }
.section-vignette-applicateur .vignette-applicateur h3.info-entreprise {text-transform: uppercase; color: var(--couleur-principale); font-weight: 700;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur { column-gap: 20px; justify-content: center; margin-bottom: 15px; margin-top: 8px;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur .photo-applicateur { width: 90px; height: 90px; border-radius: 50px; overflow: hidden; margin: 0;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur .photo-applicateur img { width: 100%; height: 100%; object-fit: cover;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur-details {flex: 1;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur-details h4 {font-size: 16px; margin: 0 0 5px; font-weight: 500;}
.section-vignette-applicateur .vignette-applicateur .infos-applicateur-details p { margin: 0; text-align: left; color: var(--couleur-noir); font-size: 13px; line-height: normal;}
.section-vignette-applicateur .vignette-applicateur .link-btn-orange { margin: auto auto 0; text-transform: none; padding: 5px 18px;}
.section-vignette-applicateur .vignette-applicateur .link-btn-orange:hover {background-color: var(--couleur-noir); color: #fff;}


@media screen and (min-width: 768px) {
.section-vignette-applicateur .vignette-applicateur { width: calc(50% - 20px); }
.section-liste-applicateur h2 { font-size: 25px;}
}

@media screen and (min-width: 1200px){
.section-vignette-applicateur .vignette-applicateur {width: calc(33% - 20px); }
.section-vignette-applicateur .vignette-applicateur .infos-applicateur { justify-content: flex-start;}
}

@media screen and (min-width: 1400px){
.section-vignette-applicateur .vignette-applicateur .link-btn-orange {
    font-size: 14px;
}
}

/* --- bloc-section-liste-produits.css --- */
/****** Fiche produits accordeon  ******/


.produits-assoc-container {
  padding: 1.5em 0.5em;
}

.produits-assoc {
  width: 100%;
}

.blocnosproduits {
  margin-top: -185px !important;
  padding-top: 40px;
}

.vertikal-produit-container .wpb_wrapper {
  position: relative;
}



.vertikal-produit-column {
  display: flex;
  flex-direction: column;
  align-self: center;
}


.vertikal-liste-container-row.active {
  background-color: white;
}

.unproduit img {
  width: 150px;
  margin: 0 auto;
}

.vertikal-liste-container-row.active {
  display: flex !important;
  flex-direction: column;
}



.unproduit:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 50%;
  left: 25%;
  height: 1px;
  background-color: var(--gray);
}

.unproduit:last-child:after {
  display: none;
}

.vertikal-liste-container-row.active { flex-direction: column; min-width: 0 !important; margin-bottom: 20px; margin-top: 15px;}

.lineproduct {margin: 40px auto 0; padding-bottom: 50px; padding-left: 20px; padding-right: 20px;}

.liste-cat { list-style: none; margin-left: 0;}
.lineproduct ul.liste-cat li { padding: 12px 20px; font-weight: 700; width: 100%; min-width: 200px; cursor: pointer;}
.lineproduct ul.liste-cat li.white {background-color: #fff;}
.lineproduct ul.liste-cat li::before {display: none;}


.listproduct .unproduit {width: 100%; column-gap: 30px; padding: 30px 20px;}
.listproduct .vertikal-liste-container-row { position: relative;}

.vertikal-produit-column {width: 100%;}

.vertikal-produit-column .label { color: var(--couleur-principale); font-weight: 800; text-align: left; }
.vertikal-produit-column .before-link {color: var(--couleur-texte);}
.vertikal-produit-column .before-link:hover {color: var(--couleur-principale);}
.vertikal-produit-column .before-link::before { content: ''; width: 20px; min-width: 20px; height: 20px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; padding-right: 10px; transition: all 150ms ease-in-out;}
.vertikal-produit-column .before-link:hover::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}

.vertikal-produit-column.cadre-gris { background-color: var(--couleur-fond); padding: 10px 20px; width: 100%;}
.vertikal-produit-column.cadre-gris h5 {color: var(--couleur-principale); margin-top: 0; margin-bottom: 0;}
.vertikal-liste-container-row iframe {width: 100%; max-width: 100%; margin-top: 30px;}


.vertikal-liste-container-row.active .unproduit {flex-wrap: wrap; row-gap: 25px;}

div.liste-sous-cat {background-color: var(--couleur-fond);}

p.intro-liste-produit {padding-left: 20px; padding-right: 20px;}


@media (max-width: 768px) {
  .lineproduct {
    flex-direction: column;
  }

  .liste-cat, .unproduit { display: none; }

  .vertikal-liste-container-row.active .unproduit { display: flex;}

  div.liste-sous-cat {
    text-align: center;
    font-weight: 700;
  }

  div.liste-sous-cat span {
    padding: 10px 20px;
    display: inline-block;
  }

  .active div.liste-sous-cat span {
    background-color: white;
  }
}



@media (min-width: 768px) {

.vertikal-liste-container-row.active {margin-bottom: 0; margin-top: 0;}
.listproduct {width: calc(100% - 250px);}
.listproduct .unproduit {padding: 30px 40px;}
.vertikal-produit-column.col-right {flex: 1;}
.vertikal-produit-column.cadre-gris {padding: 30px;}
.list-onglet {width: 250px;}
.liste-cat { width: 250px;}
.liste-cat.sticky {position: sticky; top: 50px; }
div.liste-sous-cat { display: none;}

.liste-cat.endsticky {
    position: absolute;
    bottom: 30px; }

  .liste-cat.endsticky+.listproduct,
  .liste-cat.sticky+.listproduct {
    margin-left: 200px;
  }

  .vertikal-liste-container-row {
    display: none !important;
  }

  .unproduit {
    display: flex !important;
  }

}


@media (min-width: 1200px) {
.lineproduct {padding-left: 0; padding-right: 0;}
.vertikal-produit-column.col-left {width: 40%;}
.vertikal-produit-column.cadre-gris {width: calc(60% - 30px);}
.listproduct .unproduit {padding: 30px 70px;}
}

@media (min-width: 1400px) {
.listproduct .unproduit {column-gap: 50px;}
.vertikal-produit-column.cadre-gris {width: calc(60% - 50px);}
}

/* --- bloc-section-liste-realisations.css --- */
.section-liste-realisations {margin-top: 20px !important; margin-bottom: 0 !important;}
.section-liste-realisations .total-liste-realisations, 
.section-liste-realisations .total-liste-rea-departement {gap: 30px; justify-content: space-evenly;}
.section-liste-realisations .total-liste-realisations a.area {border: 1px solid #F0F0F0; transition: all 200ms ease-in-out;}
.section-liste-realisations .total-liste-realisations a.area:hover {box-shadow: rgba(99,99,99,.2) 0 2px 8px 0;}
.section-liste-realisations .total-liste-realisations a.area h3 {font-size: 14px !important; color: var(--couleur-principale); font-weight: 800;}
.section-liste-realisations .total-liste-realisations a.area .imgrea {height: 150px; width: 150px; background-size: cover; background-repeat: no-repeat;}

.section-liste-realisations .total-liste-realisations .bloctext {display: none; padding: 0 20px 20px; flex: 1;}
.section-liste-realisations .total-liste-realisations .table-rea {max-width: max-content;}
.section-liste-realisations .total-liste-realisations .table-rea .row {display: flex; margin: 16px 0; border-bottom: 1px solid #F0F0F0; padding: 15px 0;}
.section-liste-realisations .total-liste-realisations .cell {font-size: 12px; color: var(--couleur-noir);}
.section-liste-realisations .total-liste-realisations .row .cell:first-of-type {min-width: 130px; text-transform: uppercase; font-weight: 700;}

.section-liste-realisations .filter-liste-rea {margin-bottom: 30px; position: relative;}
/*.section-liste-realisations .filter-liste-rea::after { content: "\f078"; font-weight: 900; font-family: "FontAwesome"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--couleur-principale);}*/
.section-liste-realisations .filter-liste-rea select[name="categoryfilter"] {border-radius: 3px; width: 100%; background-image: url(/wp-content/uploads/2025/09/chevron-bas.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 13px;}



.section-liste-realisations #preloader{display: none;text-align: center;}
.section-liste-realisations #preloader img{width: 100px; height: auto;}

/* CSS pour la pagination avec votre style existant */
.section-liste-realisations .pagination { display: flex; gap: 15px; list-style: none; margin: auto !important; flex-wrap: wrap; justify-content: center; }
.section-liste-realisations .pagination-btn { display: block; background: rgba(0, 0, 0, .1); border-radius: 3px; color: rgba(0, 0, 0, .6); padding: 0 !important; transition: all 200ms ease-in-out; border: none; cursor: pointer; text-align: center; width: 27px; height: 27px; line-height: 27px; }
.section-liste-realisations .pagination-btn:hover { background-color: var(--couleur-gris); color: #fff; }
.section-liste-realisations .pagination-btn.active { background-color: var(--couleur-principale); color: #fff; }
.section-liste-realisations .pagination-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.section-liste-realisations .pagination-ellipsis { display: block; background: rgba(0, 0, 0, .1); border-radius: 3px; color: rgba(0, 0, 0, .6); padding: 0 !important; width: 27px; height: 27px; line-height: 27px; text-align: center; }
.section-liste-realisations .pagination-nav { display: block; background: rgba(0, 0, 0, .1); border-radius: 3px; color: rgba(0, 0, 0, .6); padding: 5px 10px !important; transition: all 200ms ease-in-out; border: none; cursor: pointer; text-align: center; min-width: auto; height: 27px; line-height: 17px; }
.section-liste-realisations .pagination-nav:hover { background-color: var(--couleur-gris); color: #fff; }

.section-liste-realisations .pagination-container{text-align: center; margin-top: 30px;margin: auto;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    .section-liste-realisations .section-liste-realisation .derniere-rea-detail .table-rea .row {flex-direction: column;}
    .section-liste-realisations {margin-bottom: 50px !important;}
    
}

@media screen and (min-width: 850px) {
    .section-liste-realisations .derniere-rea-detail .table-rea .row {flex-direction: row;}
    .section-liste-realisations .total-liste-realisations, 
    .section-liste-realisations .total-liste-rea-departement {justify-content: left;}
    .section-liste-realisations .total-liste-realisations .bloctext {display: block;}
    .section-liste-realisations .total-liste-realisations a.area {width: calc(50% - 15px);}
    .section-liste-realisations .total-liste-realisations a.area .imgrea {height: 100%; width: 150px;}
    .section-liste-realisations .filter-liste-rea {margin-left: 0; max-width: max-content;}
    .section-liste-realisations .filter-liste-rea select[name="categoryfilter"] {width: 350px;}
}

/* --- bloc-section-principale-vertikal.css --- */
/*.section-principale {background-color: var(--couleur-fond); grid-template-columns: 30% 70%; grid-template-rows: auto; row-gap: 20px;}*/
.section-principale {background-color: var(--couleur-fond); flex-direction: column; row-gap: 20px; }
.section-principale-img {grid-column: 1 / 2; grid-row: 1 / 2;}
.section-principale-prestations {grid-column: 1 / 3; grid-row: 2;  margin-bottom: 30px; margin: auto; padding-bottom: 20px; flex-wrap: wrap; }
.section-principale-content {grid-column: 2 / 3; grid-row: 1 / 2; margin-top: 20px; padding-left: 20px; padding-right: 20px;}



.section-principale h1 {color: var(--couleur-principale); font-weight: 900; margin: 0; font-size: 22px; line-height: 1.2; min-height: 1.2em;}
.section-principale h3 {margin-top: 5px; font-size: 15px; font-weight: bold; color: var(--couleur-noir); line-height: 1.3; min-height: 1.3em;}
.section-principale h1, .section-principale h3 {text-align: center;}
.section-principale h2 {color: var(--couleur-principale); text-align: center; font-weight: 800; margin-top: 30px; width: 100%; line-height: 1.2; min-height: 1.2em;}

.section-principale-img {min-height: 200px; overflow: hidden; contain: layout style paint; position: relative;}
.section-principale-img img {
    object-fit: cover; 
    object-position: right; 
    width: 100%; 
    height: 100%; 
    max-height: 400px; 
    display: block; 
    will-change: transform;
    /* Optimisations LCP */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    transform: translateZ(0);
    backface-visibility: hidden;
}
.section-principale-prestations a {text-decoration: none; display: block; padding: 20px 0; width: 100%;}

.section-principale-prestations h3 {color: var(--couleur-noir); margin-bottom: 5px; transition: all 150ms ease-in-out; font-weight: bold; line-height: 1.3; min-height: 1.3em;}
.section-principale-prestations .section-principale-presta {gap: 15px; align-items: center;  flex-direction: column;}
.section-principale-prestations .section-principale-presta h3, .section-principale-prestations .section-principale-presta p {text-align: center;}
.section-principale-prestations .section-principale-presta:hover h3 {color: var(--couleur-principale);}

.section-principale-presta .section-principale-presta-detail {position: relative;  padding: 0;}
.section-principale-presta img {width: 60px; height: 60px; flex-shrink: 0;}

.section-principale-presta-btn {background-color: var(--couleur-principale); border-radius: 25px; max-width: max-content; padding: 6px 20px; color: var(--couleur-blanc); font-size: 14px; margin: 0 auto; min-height: 32px; display: flex; align-items: center; justify-content: center;}



/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/

/* Styles pour éviter les décalages sur mobile */
@media screen and (max-width: 767px) {
    .section-principale-img {
        min-height: 250px;
        /* Optimisations LCP mobile */
        aspect-ratio: 16/9;
        contain: layout style paint;
    }
    .section-principale-img img {
        /* Optimisations spécifiques mobile */
        height: auto;
        min-height: 250px;
        max-height: 300px;
        object-fit: cover;
        object-position: center;
    }
    .section-principale-presta {min-height: 120px;}
    .section-principale-presta-detail {min-height: 80px;}
}

/* Optimisation LCP - Image prioritaire */
.section-principale-img img[fetchpriority="high"] {
    content-visibility: auto;
    contain-intrinsic-size: 300px 200px;
}

@media screen and (min-width: 768px) {
    .section-principale h3 { font-size: 20px;}
    .section-principale-prestations {column-gap: 30px;}
    .section-principale-prestations .section-principale-presta:hover .section-principale-presta-detail::before {background: url(/wp-content/uploads/icons/icon-fleche-full.svg) no-repeat; background-size: contain;}
    .section-principale-presta img {margin: 0 auto;}
    .section-principale-prestations .section-principale-presta {align-items: flex-start; gap: 20px; }
    .section-principale-presta-btn {display: none;}
    .section-principale-prestations a {flex: 1; width: auto;}
    .section-principale-content {margin-top: 30px;}

}


@media screen and (min-width: 1100px) {
    /*.section-principale {grid-template-columns: calc(45% - 10px) calc(55% - 10px); row-gap: 0; column-gap: 20px; padding-right: 20px; }*/
    .section-principale {row-gap: 0; column-gap: 20px; padding-right: 20px; flex-direction: row;}
    .section-principale h2 {text-align: left; width: auto; font-size: 25px;}
    /*.section-principale-img {grid-column: 1 / 2; grid-row: 1 / 3;}*/
    .section-principale-img {width: 35%;}
    .section-principale-prestations {grid-column: 2 / 3; grid-row: 2;  margin-bottom: 60px; margin: 0; padding: 0; padding-bottom: 20px; flex-direction: column;}
    .section-principale-content {grid-column: 2 / 3; grid-row: 1 / 2; margin-top: 60px;}
    .section-principale-prestations .section-principale-presta {flex-direction: row;}
    .section-principale-presta img {margin: 0; width: 90px; }
    .section-principale-prestations .section-principale-presta h3, .section-principale-prestations .section-principale-presta p {text-align: left;}
    .section-principale-prestations a:nth-child(-n+3) { border-bottom: 1px solid var(--couleur-gris-light);}
    /*.section-principale-content, .section-principale-prestations {max-width: calc(1280px - 50%);}*/
    .section-principale h1, .section-principale h3 {text-align: left;}
    .section-principale-img img {max-height: 100%;}
    .section-principale h1 {font-size: 30px;}

}

@media screen and (min-width: 1600px) {
    .section-principale-prestations a {width: 90%;}
    .section-principale {column-gap: 40px;}
    .section-principale-presta .section-principale-presta-detail::before {content: ''; width: 35px; height: 35px; background: url(/wp-content/uploads/icons/icon-fleche.svg) no-repeat; display: inline-block; vertical-align: middle; background-size: contain; position: absolute; left: 0; top: calc(50% - 20px); transition: all 200ms ease-in; }
    .section-principale-presta .section-principale-presta-detail {padding: 0 0 0 65px;}
    .section-principale-img {width: 40%;}
}

@media screen and (min-width: 1800px) {
    .section-principale-presta .section-principale-presta-detail::before {width: 40px; height: 40px;}
    .section-principale-presta img {width: 100px;}
    .section-principale h2 {margin-top: 40px;}
    .section-principale-img {width: 45%;}

}

@media screen and (min-width: 2000px) {
.section-principale-content {margin-top: auto; margin-bottom: auto;}
.section-principale-prestations {padding-bottom: 0;}
}

/* --- bloc-section-recherche-applicateur.css --- */
.home .section-recherche-applicateur {background-color: var(--couleur-principale);}
.recherche-applicateur-container {flex-direction: column;}
.home .recherche-applicateur-container {margin: 70px auto 70px; flex-direction: row;}
.section-recherche-applicateur>.flex-container {column-gap: 50px; row-gap: 15px; padding: 20px 20px;}
.section-recherche-applicateur p, .section-recherche-applicateur h2 {color: var(--couleur-blanc);}
.section-recherche-applicateur-txt h2, .section-recherche-applicateur-txt p {display: none;}
.home .section-recherche-applicateur-txt h2, .home .section-recherche-applicateur-txt p {display: block;}
.home .section-recherche-applicateur-txt {width: 100%; flex-direction: column; justify-content: center; display: flex;}
.section-recherche-applicateur-txt h2 {font-weight: 400;}
.section-recherche-applicateur .exp{color: white;}


#searchForm {display: flex; justify-content: center;gap: 0; margin-left: 0; margin-right: 0; flex-wrap: nowrap;}
.home #searchForm {justify-content: left;}
#searchForm button[type="submit"], #searchForm input[type="text"] {border: none;}
#searchForm button[type="submit"] {background-color: var(--couleur-principale); color: var(--couleur-blanc); border-radius: 0 8px 8px 0;}
.home #searchForm button[type="submit"] {background-color: var(--couleur-noir);}
#searchForm button[type="submit"]:hover {background-color: var(--couleur-gris);}
#searchForm input[type="text"] {border-radius: 8px 0 0 8px; flex: 1; flex: 1;}



/*.vignette-applicateur-carte {gap: 20px; flex-direction: column;  justify-content: space-between; margin: 20px 0; align-items: center;}*/
.vignette-applicateur-carte {column-gap: 30px; align-items: center; max-width: 700px; margin: 30px auto; border-bottom: 1px solid #F5F5F5; padding-bottom: 30px; flex-direction: column;}
.home .vignette-applicateur-carte {background-color: var(--couleur-blanc); border-radius: 20px; padding: 18px 30px; margin: 20px auto;}
.photo-applicateur {width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.photo-applicateur img {object-fit: cover; height: 100%; width: 100%;}

.home #applicateurInfo {margin-top: 30px !important;}
.vignette-applicateur-detail {text-align: center; flex: 1;}
.vignette-applicateur-detail h3 {color: var(--couleur-principale); font-size: 23px; font-weight: 800;}
.vignette-applicateur-detail h3, .vignette-applicateur-detail p {margin: 0;}
.vignette-applicateur-detail h4 {margin-bottom: 0; margin-top: 10px;}
.vignette-applicateur-detail .localisation-applicateur {color: var(--couleur-principale);}
.vignette-applicateur-detail p {color: var(--couleur-noir); display: block; text-align: center;} 

.section-recherche-applicateur #map {min-height: 500px; z-index: 1;}
.home .section-recherche-applicateur #map {aspect-ratio: 1/1; z-index: 0; height: inherit; min-height: auto; max-height: 400px;}

/* Styles pour le placeholder de chargement de la carte */
.map-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    background-color: #f5f5f5;
    border-radius: 8px;
}

.map-loading {
    text-align: center;
    color: var(--couleur-principale);
}

.spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #e0e0e0;
    border-top: 4px solid var(--couleur-principale);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.map-loading p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.map-error {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    background-color: #ffebee;
    border-radius: 8px;
    color: #d32f2f;
}

.map-error p {
    margin: 0;
    font-size: 16px;
}

.vignette-applicateur-btn {align-items: end; margin-top: 15px;}
.vignette-applicateur-btn a {display: block; background-color: var(--couleur-principale); text-decoration: none; color: var(--couleur-blanc); padding: 6px 20px; border-radius: 20px;}
.vignette-applicateur-btn a:hover {background-color: var(--couleur-noir);}

button.hideApplicateurInfo {background-color: var(--couleur-noir); border: none; border-radius: 50%; height: 25px; width: 25px; margin-left: calc(50% - 20px); margin-top: 40px; margin-bottom: 20px;}
.home button.hideApplicateurInfo {margin-top: 10px;}
button.hideApplicateurInfo i::before {color: var(--couleur-blanc); font-size: 15px;}

.no-applicateur-message {background-color: var(--couleur-blanc); padding: 20px; margin-top: 30px; max-width: 700px; margin: auto; border-top: 1px solid #F5F5F5;}
.home .no-applicateur-message {border-radius: 20px;}
.no-applicateur-message p, .no-applicateur-message .nf-form-fields-required {color: var(--couleur-noir) !important; font-size: 14px; display: block;}
.no-applicateur-message nf-fields-wrap {display: flex; flex-wrap: wrap; column-gap: 40px; margin-top: 10px;}
.no-applicateur-message nf-field {width: 100%;}
.no-applicateur-message nf-field:nth-last-child(2) {width: 100%;}
.no-applicateur-message nf-field:last-of-type {margin: auto; text-align: center;}
.no-applicateur-message nf-field:last-of-type input {padding: 15px 25px;}
.no-applicateur-message nf-field:last-of-type input:hover {background-color: var(--couleur-gris); color: var(--couleur-blanc);}

.no-applicateur-message .contact-applicateur, .no-applicateur-message .contact-applicateur input, .no-applicateur-message .contact-applicateur select {width: 100%;}
.no-applicateur-message .contact-applicateur>p {margin-top: 10px; margin-bottom: 10px;}
.no-applicateur-message .contact-applicateur.section-select p {position: relative;}
.no-applicateur-message .contact-applicateur.section-select p::after {content: "\f078"; font-weight: 900; font-family: "FontAwesome"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--couleur-principale);}

.leaflet-popup-content .vignette-applicateur-carte {max-width: 100%; border: none; padding-bottom: 0; flex-wrap: wrap; margin: 20px 0;}
.home .leaflet-popup-content .vignette-applicateur-carte {padding: 0; flex-direction: column;}
.leaflet-popup-content .vignette-applicateur-carte .vignette-applicateur-btn {width: 100%; margin-top: 15px; width: 100% !important;}
.leaflet-popup-content .vignette-applicateur-detail p, .leaflet-popup-content .vignette-applicateur-detail h4 {text-align: left;}

#map .leaflet-popup-close-button {display: none;}
#map .leaflet-marker-icon:focus-visible {outline: none !important;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {

    .home .section-recherche-applicateur-txt {width: 58%; padding: 25px 0;}
    .home .section-recherche-applicateur #map {flex: 1; height: inherit; aspect-ratio: auto; max-height: 100%;}
    .vignette-applicateur-carte {flex-direction: row;}
    .vignette-applicateur-detail {text-align: left;}
    .vignette-applicateur-img {width: max-content; align-items: center;}
    .no-applicateur-message nf-field {width: calc(50% - 20px); display: inline-block;}
    .vignette-applicateur-detail p {text-align: left;}
    .vignette-applicateur-btn {margin-top: 0;}
    #map .leaflet-popup-content {min-width: 500px;}
    .home #map .leaflet-popup-content {min-width: auto;}
    .leaflet-popup-content .vignette-applicateur-carte .vignette-applicateur-btn {margin-left: 130px;}
    .home .leaflet-popup-content .vignette-applicateur-carte .vignette-applicateur-btn {margin-left: 0;}
    #searchForm input[type="text"] {max-width: 300px;}
    .section-recherche-applicateur.page-recherche-applicateur #searchForm {margin-left: auto; margin-right: auto;}
}


@media screen and (min-width: 1000px) {
.no-applicateur-message .contact-applicateur:not(.section-select) {width: calc(50% - 10px);}
}

@media screen and (min-width: 1200px) {
    .section-recherche-applicateur>.flex-container {padding: 0;}
    .section-recherche-applicateur-txt h2 strong {display: block;}
    .home .recherche-applicateur-container {width: 90%; max-width: 1180px; margin: 70px auto 70px;}
}

/* --- bloc-section-recherche-applicateur-sans-carte.css --- */
.section-recherche-applicateur-light {background-color: var(--couleur-principale);}
.section-recherche-applicateur-light>.flex-container {gap: 30px; padding: 20px 0;}
.section-recherche-applicateur-light p, .section-recherche-applicateur-light h2 {color: var(--couleur-blanc);}
.section-recherche-applicateur-light.section-no-map .section-recherche-applicateur-light-txt {width: 100%; flex-direction: column; justify-content: center; align-items: center;}
.section-recherche-applicateur-light h2 {font-weight: 400;}
.section-recherche-applicateur-light h2 strong {display: block;}

.section-recherche-applicateur-light.section-no-map #searchForm {display: flex; height: 50px; margin-top: 15px;}

.section-recherche-applicateur-light.section-no-map #searchForm button[type="submit"] {background-color: var(--couleur-noir); color: var(--couleur-blanc); border-radius: 0 8px 8px 0;}
.section-recherche-applicateur-light #searchForm button[type="submit"]:hover {background-color: var(--couleur-gris);}
.section-recherche-applicateur-light #searchForm  input[type="text"] {border-radius: 8px 0 0 8px;}
.section-recherche-applicateur-light #searchForm button[type="submit"], #searchForm  input[type="text"] {border: none;}
.section-recherche-applicateur-light .photo-applicateur {width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
.section-recherche-applicateur-light .photo-applicateur img {object-fit: cover; height: 100%; width: 100%;}

.section-recherche-applicateur-light.section-no-map .vignette-applicateur-carte {gap: 20px; flex-direction: column; background-color: var(--couleur-blanc); border-radius: 20px; padding: 18px 30px; justify-content: space-between; margin: 20px auto; align-items: center;}

.section-recherche-applicateur-light.section-no-map #applicateurInfo { width: 100%; margin-top: 20px ; padding-left: 20px; padding-right: 20px;}
.section-recherche-applicateur-light .vignette-applicateur-detail {text-align: center;}
.section-recherche-applicateur-light .vignette-applicateur-detail h3 {color: var(--couleur-principale); font-size: 23px; font-weight: 800;}
.section-recherche-applicateur-light .vignette-applicateur-detail h3, .vignette-applicateur-detail p {margin: 0;}
.section-recherche-applicateur-light .vignette-applicateur-detail h4 {margin-bottom: 0;}
.section-recherche-applicateur-light .vignette-applicateur-detail p {color: var(--couleur-noir);}*/
.section-recherche-applicateur-light.section-no-map .vignette-applicateur-detail .localisation-applicateur {color: var(--couleur-principale);}


.section-recherche-applicateur-light #map {aspect-ratio: 1/1;}

.section-recherche-applicateur-light .vignette-applicateur-btn {align-items: end;}
.section-recherche-applicateur-light .vignette-applicateur-btn a {display: block; background-color: var(--couleur-principale); text-decoration: none; color: var(--couleur-blanc); padding: 6px 20px; border-radius: 20px;}
.section-recherche-applicateur-light .vignette-applicateur-btn a:hover {background-color: var(--couleur-noir);}
.section-recherche-applicateur-light button.hideApplicateurInfo i::before {color: var(--couleur-blanc); font-size: 25px;}

.section-recherche-applicateur-light.section-no-map button.hideApplicateurInfo {background-color: var(--couleur-noir); border: none; border-radius: 50%; height: 40px; width: 40px; margin-left: calc(50% - 20px); margin-top: 0; }
.section-recherche-light-txt {align-items: center; column-gap: 65px; margin: auto; justify-content: center; padding: 10px 0;}
.section-recherche-applicateur-light.section-no-map .no-applicateur-message {border-radius: 25px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;}


.section-recherche-applicateur-light form {column-gap: 0;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {

    .section-recherche-applicateur-light>.flex-container {padding: 0;}
    .section-recherche-applicateur-light #map {flex: 1; height: inherit; aspect-ratio: auto;}
    .section-recherche-applicateur-light.section-no-map .vignette-applicateur-carte {flex-direction: row; align-items: stretch; gap: 0;}
    .section-recherche-applicateur-light .vignette-applicateur-detail {text-align: left;}
    .section-recherche-applicateur-light .vignette-applicateur-img {width: 20%; align-items: center;}
    .section-recherche-applicateur-light.section-no-map .section-recherche-applicateur-light-txt {flex-direction: row; padding: 25px 0; column-gap: 80px;}
    .section-recherche-applicateur-light.section-no-map #applicateurInfo { margin-top: 0; padding-left: 0; padding-right: 0;}
    .section-recherche-applicateur-light.section-no-map #searchForm {margin-top: 0;}
    .section-recherche-applicateur-light.section-no-map .no-applicateur-message {margin-left: 0; margin-right: 0;}

 
}


@media screen and (min-width: 950px) {
    .section-recherche-applicateur-light.section-no-map .vignette-applicateur-carte {width: 50%; margin-left: auto ; margin-right: auto;}
    .section-recherche-applicateur-light.section-no-map button.hideApplicateurInfo {margin-left: calc(100% - 40px); margin-top: 0; }
    .section-recherche-light-txt {padding: 30px 0;}

}


/* --- bloc-section-revetements-qualite.css --- */
.section-revetement-qualite {gap: 20px;}
.section-revetement-qualite h2 {width: 100%; text-align: center; color: var(--couleur-principale); font-weight: 800;}
.section-revetement-qualite h2 span {color: var(--couleur-noir); font-weight: 400; display: block;}
.section-revetement-qualite-col {width: 100%;}
.section-revetement-qualite-col video {width: 100%; height: 150px;}
.section-revetement-qualite-col h4 {text-align: center; font-weight: 600; font-size: 16px;}

/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {
    .section-revetement-qualite-col {width: calc(33% - 12px);}
}

@media screen and (min-width: 1400px) {
    .section-revetement-qualite-col h4 {font-size: 20px;}
    .section-revetement-qualite-col video {height: 200px;}
}

@media screen and (min-width: 1800px) {
    .section-revetement-qualite-col video {height: 250px;}
}

   


/* --- bloc-sitemap.css --- */
.section-sitemap h2 {color:  var(--couleur-noir); margin: 10px 0;}
.section-sitemap ul li { margin: 5px 0;}
.section-sitemap ul.ul-col-2 {padding-left: 15px;}



@media screen and (min-width: 768px) {
.section-sitemap ul.ul-col-2 {columns: 2;}
}

/* --- bloc-timeline.css --- */
.section-timeline .timeline {display: flex;flex-direction: column; align-items: center;justify-content: space-between; width: 100%; position: relative; margin-top: 0 !important;}
.section-timeline .ligne-timeline {display: flex;align-items: center;width: 100%; position: relative; padding: 10px 0; flex-direction: column; }
.section-timeline .ligne-timeline .texte {width: 100%;}
.section-timeline .ligne-timeline .texte ul {padding: 0 1em;}
.section-timeline .ligne-timeline .texte ul li {color: var(--couleur-texte); font-size: 14px; padding: 4px 0;}
.section-timeline .ligne-timeline .texte ul li::before { content: "\2022"; color: var(--couleur-principale); font-weight: bold; display: inline-block;  width: 1em;  margin-left: -1em; }
.section-timeline .ligne-timeline p a {display: inline;}

.section-timeline .ligne-timeline .image {width: 100%;}
.section-timeline .ligne-timeline .image img {object-fit: cover; width: 100%; height: 100%;}
.section-timeline .timeline-item {display: none; flex-direction: column; align-items: center; margin: 0 20px; width: 100%; position: relative; margin-bottom: 30px;}
.section-timeline .timeline-item::before {content: ''; width: 100%; height: 1px; background-color: var(--couleur-texte); position: absolute; left: 0; top: 50%;}
.section-timeline .ligne-timeline .numero { width: 40px;height: 40px;background-color: var(--couleur-principale); color: white; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-weight: bold; z-index: 2; font-size: 18px;}
.section-timeline .ligne-timeline .line {display: none; flex: 1;border-left: 1px solid var(--couleur-gris); height: 100%; position: absolute;top: 15px;z-index: 0;}

.section-timeline .last .line:after{ width: 30px;height: 30px; background-color: var(--couleur-principale); color: white; display: flex;align-items: center;justify-content: center; border-radius: 50%; font-weight: bold;z-index: 2;content: ''; position: absolute;bottom: 0;left: -15px;}

.section-timeline .ligne-timeline  p strong.texteorange {color: var(--couleur-principale);}
.section-timeline .ligne-timeline p strong:not(.texteorange) {font-weight: 600;}
.section-timeline .fin-chantier {text-align: center;}
.section-timeline .fin-chantier p {color: var(--couleur-principale); font-weight: 400;}

.section-timeline .introduction-bloc {margin-bottom: 40px;}
.section-timeline .introduction-bloc h2 strong {color: var(--couleur-principale);}




/************************************************/
/**                                            **/
/**                  Responsive                **/
/**                                            **/
/************************************************/


@media screen and (min-width: 768px) {

    .section-timeline .ligne-timeline {padding: 20px 0;}
    .section-timeline .ligne-timeline .image {width: 35%;}
    .section-timeline .ligne-timeline {flex-direction: row;}
    .section-timeline .ligne-timeline .line {display: block;}
    .section-timeline .timeline-item {width: auto; margin-bottom: 0; position: static; display: flex;}
    .section-timeline .timeline-item::before {display: none;}
    .section-timeline .fin-chantier {position: absolute; right: calc(35% - 20px); bottom: -70px;  margin-top: 20px;}
    .section-timeline .ligne-timeline .texte {flex: 1;}
}

@media screen and (min-width: 1200px) {
    .section-timeline .ligne-timeline .image {width: 35%;}
    .section-timeline .timeline-item {margin: 0 50px;}
    .section-timeline .introduction-bloc {margin-bottom: 60px;}
    .section-timeline.timeline-min .introduction-bloc , .section-timeline.timeline-min .timeline {width: 70%; margin-left: auto; margin-right: auto;}
}