.fleche,
.fleche-cote {
    position: relative;
}

.fleche::after,
.fleche-cote::after {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.fleche::after {
    background-image: url('/wp-content/uploads/2025/04/fleche-armorique.webp');
}

.fleche-cote::after {
    background-image: url('/wp-content/uploads/2025/04/fleche-cote-armorique.webp');
}

.banner-page {
    position: relative;
}

.banner-page .h1,
.banner-page p,
.banner-page a {
    z-index: 49;
    position: relative;
}

.banner-page::after {
    background: linear-gradient(90deg, rgba(0, 0, 0, .71) 0, rgba(0, 0, 0, .71) 36%, transparent);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.references .slick-dots li.slick-active button {
    background-color: var(--color-primary);
}

div[style*="background:#2654A1"] .text-block a,
div[style*="background:#1EA96C"] .text-block a,
.banner-page .text-block a {
    color: var(--color-light)!important;
    font-style: italic;
}

div[style*="background:#2654A1"] .text-block a:hover,
.banner-page .text-block a:hover {
    color: var(--color-secondary)!important;
}

div[style*="background:#1EA96C"] .text-block a:hover {
    color: var(--color-primary)!important;
}

.svg-info-bloc .text-block {
    width: max-content;
}

.slick-dots li.slick-active button {
    background-color: var(--color-primary)!important;
}

.fleche-fond {
    position: absolute;
    top: 1000px;
    opacity: 0.1;
    left: 5%;
    z-index: -1;
}

.page-id-18 .fleche-fond {
    display: none;
}


/*Responsive*/

@media screen and (max-width: 768px) {
    .fleche-fond {
        display: none;
    }
}