/* CSS perso */

:root {}

#top #header .av-main-nav>li.av-menu-button>a .avia-menu-text,
#top #header .av-main-nav>li.av-menu-button>a .wemi-menu-content,
#top .avia-button,
.av-social-sharing-box.av-social-sharing-box-buttons .av-share-box ul li a {
    border-radius: 0 !important;
}

@media (min-width: 990px) {
    #top .av-main-nav>li>a {
        padding: 0 6px;
    }

    #top #wrap_all #header.header_color .av-menu-button-colored>a {
        padding: 0 12px;
    }
}

@media (max-width: 1362px) {
    .wemi-menu-icon-slot {
        display: none;
    }
}

@media (max-width: 1231px) {
    #top #wrap_all #header.header_color .av-menu-button-colored>a {
        padding: 0 6px;
    }

    #top .av-main-nav>li>a {

        padding: 0 4px;
        font-size: 13px;
    }
}


#top #wrap_all #header.header_color .av-menu-button-colored.alt-color>a .avia-menu-text {
    color: #ffffff;
    background-color: #e89b0c;
    border-color: #e89b0c;
}




#top h1,
#top h2 {
    letter-spacing: 0;
}


#top .avia-button:hover {
    opacity: 1;
}


#top .img-logo {
    margin-bottom: 30px;
}

#top .avia-button {
    border-bottom-width: 1px;
}



#top .flex_column_table.av-equal-height-column-flextable:has(> .cta-row-start)>.flex_column .avia-button-fullwidth {
    font-size: 1em;
    margin-top: 15px;
}


.img-logo img {
    object-fit: contain;
    height: 126px;
    max-width: 205px;

}

.av-logo-container .logo .av-contains-svg {
    padding: 15px 0;
}

.logo-filigrane {
    background-size: contain;
    background-position: left middle;
    background-repeat: no-repeat;
}

.logo-filigrane.alternate_color {
    background-image: url('/wp-content/uploads/2026/05/bg-logo-alt.svg');

}

.logo-filigrane.main_color {
    background-image: url('/wp-content/uploads/2026/05/bg-logo-light.svg');

}

@media only screen and (max-width: 1850px) {
    .logo-filigrane {
        background-image: none !important;
    }
}

.hero-section.main_color,
.titre-section.main_color,
.light-alt-section {
    background: linear-gradient(135deg, #e8e8e8, rgba(255, 255, 255, 0) 55%), radial-gradient(circle at 80% 25%, var(--enfold-main-color-primary-25), transparent 22%), linear-gradient(180deg, #ffffff 0%, #dedede 100%);
}

.light-alt-section.logo-filigrane {
    background-image:
        url('/wp-content/uploads/2026/05/bg-logo-light.svg'),
        linear-gradient(135deg, var(--enfold-main-color-presta-bg, #f3fbfb), rgba(255, 255, 255, 0) 55%),
        radial-gradient(circle at 80% 25%, var(--enfold-main-color-primary-25), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #e8e8e8 100%);

    background-size: contain, auto, auto, auto;
    background-position: left center, 0 0, 0 0, 0 0;
    background-repeat: no-repeat, repeat, repeat, repeat;
}

#top .main_color .encart.light {
    background-color: #b7dedf;
}

#top .encart.light-soft,
#top .section-light-soft {
    background-color: var(--enfold-main-color-bg2);
}

#top .section-light-soft .encart.light-soft {
    background-color: var(--enfold-main-color-bg);
}


.hero-section:before,
.titre-section:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(color-mix(in srgb, var(--enfold-main-color-primary, #208487) 4%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--enfold-main-color-primary, #208487) 4%, transparent) 1px, transparent 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.85), transparent 80%);
    pointer-events: none;
}



ul.col-2,
ol.col-2 {
    column-count: 2;
    column-gap: 0.5em;
}

ul.col-3,
ol.col-3 {
    column-count: 3;
    column-gap: 0.5em;
}


.col-2 li,
.col-3 li {
    break-inside: avoid-column;
}


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

    #top .col-2,
    #top .col-3 {
        column-count: 2;
    }
}


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

    #top .col-2,
    #top .col-3 {
        column-count: 1;
    }
}


.cta-bg {
    background: linear-gradient(135deg, rgba(32, 132, 135, 0.14), rgba(32, 132, 135, 0.34) 55%), radial-gradient(circle at 93% -3%, var(--enfold-main-color-primary), transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--enfold-main-color-primary, #208487) 46%, #000) 0%, color-mix(in srgb, var(--enfold-main-color-primary, #208487) 34%, #000) 100%);
}

.cta-bg:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgb(255 255 255 / 4%) 1px, #ffffff00 1px), linear-gradient(90deg, rgb(255 255 255 / 4%) 1px, #ffffff0d 1px);
    background-size: 22px 22px;
    mask-image: linear-gradient(180deg, rgb(255 255 255 / 85%), #ffffff00 80%);
    pointer-events: none;
    visibility: visible;
    width: 100%;
    height: 100%;
}


#top .cta-bg .iconbox .iconbox_content h2.iconbox_content_title {
    font-size: var(--enfold-font-size-h2);
}

.illu-hero img {
    aspect-ratio: 5/3;
    width: 100%;
    object-fit: cover;
    border-radius: var(--big-radius);

}


.encart-accreditation {
    display: flex;
    column-gap: 1.5em;
}

.encart-accreditation p {
    font-size: .85em;
    line-height: 1.45em;
    margin-top: 0;
}

.encart-accreditation img {
    object-fit: contain;
    max-width: unset;
    width: auto;
    height: 110px;
    padding: 0;
    margin: 0;
}

.encart-accreditation img.has {
    max-width: 120px;
}

.avia_codeblock.encart-accreditation div:first-child {
    display: flex;
    gap: 1.5em;
    flex-direction: row;
    align-items: center;
}

.avia_codeblock.encart-accreditation div:last-child {
    width: 100%;
}



#top .card-agence .avia-icon-list-container {
    margin-top: calc(var(--space-card) / 2);
}

#top .card-agence .av-iconlist-small li {
    margin-top: 1rem;
}

#top .av-iconlist-small .iconlist_icon {
    font-size: 1.25em;
}


.main_color .ajax_controlls a.avia-svg-icon svg:first-child,
.main_color .avia-svg-icon svg:first-child,
.main_color .av-share-box ul li svg:first-child,
#top .main_color .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    stroke: var(--enfold-main-color-primary);
}

#top #wrap_all .iconbox .iconbox_icon {
    border-radius: 100%;
    font-size: 32px;
    width: 4rem;
    height: 4rem;
    line-height: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0px;

}


#top #wrap_all .iconbox.big-icon .iconbox_icon {
    font-size: 64px;
    width: 6rem;
    height: 6rem;

}


.main_color .alt .iconbox_icon.heading-color.avia-svg-icon svg:first-child {
    fill: var(--enfold-alternate-color-heading);
    stroke: var(--enfold-alternate-color-heading);
}

#top .iconbox.av-no-box.iconbox_top .iconbox_icon {
    margin: 0 auto 1rem auto;
}

#top .align-left.iconbox.av-no-box.iconbox_top .iconbox_icon {
    margin: 0 0 1rem 0;
}


#top #wrap_all .iconbox .iconbox_icon.avia-svg-icon svg:first-child {
    margin-top: 0;
}

/* #top .iconbox_top.av-no-box {
    text-align: left;
}*/


#top .main_color .iconbox_icon {
    background-color: var(--enfold-main-color-primary);
    color: var(--enfold-main-color-bg);
}


#top .alternate_color .iconbox_icon,
#top .main_color .alt .iconbox_icon {
    background-color: var(--enfold-alternate-color-color);
}

#top .main_color .iconbox_icon.heading-color.avia-svg-icon svg:first-child {
    stroke: unset;
    fill: var(--enfold-main-color-bg);
}

.alternate_color .iconbox_icon.heading-color.avia-svg-icon svg:first-child,
.main_color .alt .iconbox_icon.heading-color.avia-svg-icon svg:first-child {
    stroke: var(--enfold-alternate-color-bg);
}



#top .main_color .iconbox_icon.heading-color.avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child,
#top .main_color .iconbox_icon.heading-color.avia-svg-icon[class*="avia-font-svg_heroicons-"][class*="-solid"] svg:first-child,
#top .main_color .iconbox_icon.heading-color.avia-svg-icon svg[data-winsiders-icon-style="solid"]:first-child {
    fill: var(--enfold-main-color-bg, currentColor) !important;
}

#top .alternate_color .iconbox_icon.heading-color.avia-svg-icon.avia-font-svg_entypo-fontello svg:first-child,
#top .alternate_color .iconbox_icon.heading-color.avia-svg-icon[class*="avia-font-svg_heroicons-"][class*="-solid"] svg:first-child,
#top .alternate_color .iconbox_icon.heading-color.avia-svg-icon svg[data-winsiders-icon-style="solid"]:first-child {
    fill: var(--enfold-alternate-color-bg, currentColor) !important;
}


#top .avia-no-number {
    opacity: 1;
    font-size: 1em;
    font-weight: inherit;
}


#top .avia-animated-number-title {
    font-family: var(--enfold-font-family-heading);
}


#top .avia-animated-number-content {
    opacity: .60;
    margin: 15px auto 0;
    width: 80%;
}


#top .encart.alt .avia-button:hover {
    background-color: var(--enfold-alternate-color-secondary);
}




.centered .breadcrumb {
    width: fit-content;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
}

.breadcrumb {
    margin-bottom: 30px;
    display: inline-block;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: bold;
}

#top .breadcrumb a,
#top .breadcrumb .sep {
    color: var(--enfold-main-color-primary);
    transition: 150ms ease-in-out;

}

#top .breadcrumb a:hover {
    color: var(--enfold-main-color-secondary);

}



#top .breadcrumb .sep {
    width: 1.15em;
}

#top h1 small,
#top h2 small,
#top h3 small,
#top h4 small,
#top h5 small,
p.eyebrow {
    margin-bottom: 0.5em;
}


.grid-container {
    max-width: var(--winsiders-mega-menu-width);
    margin: 0 auto 100px;
    position: relative;
    display: block;
    top: 50px;
}


#top .av-border-cells .flex_cell {
    border-left-width: 0;
}


#top .av-border-cells .flex_cell:last-child {
    border-left-style: solid;
    border-left-width: 1px;
}

.wemi-has-icon>a .avia-menu-text {
    vertical-align: unset;
}

.av-image-caption-overlay,
.avia-image-container-inner,
.avia_image {
    border-radius: 0
}

.titre-section .av-image-caption-overlay,
.titre-section .avia-image-container-inner,
.titre-section .avia_image {
    border-radius: var(--big-radius)
}




/* Correction responsive menu */
@media only screen and (max-width: 1245px) {
    .av-main-nav>li>a {
        padding: 0 7px;
    }

}

@media only screen and (max-width: 1155px) {
    .av-main-nav>li>a {
        padding: 0 6px;
    }

    #top #header .av-main-nav>li>a {
        font-size: 14px;
    }

}

@media only screen and (max-width: 1053px) {
    .av-main-nav>li>a {
        padding: 0 4px;
    }

    #top #header .av-main-nav>li>a {
        font-size: 13px;
    }

}


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

    .responsive .logo img,
    .responsive .logo svg {
        max-height: 50px;
    }
}


#top .iconbox_top {
    margin-top: 0;
}



.with-intro.grid :first-child {
    flex: 0 0 100% !important;
}



.av_multi_colums li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
}



/* Page Devis */




#top .main_color .iconbox_icon {
    color: var(--enfold-main-color-primary);
}

#top .alternate_color .iconbox_icon {
    color: var(--enfold-alternate-color-primary);
}










/* BEGIN Hermes BPCR legacy article visual parity */
/* === BPCR legacy article visual parity (Hermes local pass, no Anthropic) === */
#top.single-post #main .bpcr-article,
#top.single-post #main .bpcr-article-header,
#top.single-post #main .bpcr-article-section,
#top.single-post #main .bpcr-article-experts {
    background-color: #fff;
}

#top.single-post #main .bpcr-article-header .container {
    width: calc(100% - 150px);
    max-width: 1840px;
    padding-top: 70px;
    padding-bottom: 34px;
}

#top.single-post #main .bpcr-article-section .container {
    width: calc(100% - 250px);
    max-width: 1740px;
    padding-top: 54px;
    padding-bottom: 88px;
}

#top.single-post #main .bpcr-article-section.alternate_color,
#top.single-post #main .bpcr-article-section.alternate_color .container {
    background-color: #f7f7f7;
}

#top.single-post #main .bpcr-article-experts .container {
    max-width: 1420px;
    padding-top: 120px;
    padding-bottom: 118px;
}

#top.single-post #main .bpcr-article .bpcr-article-main-title {
    max-width: 1280px;
    margin: 0 auto 66px;
    color: #111;
    text-align: center;
    text-transform: uppercase;
    font-size: clamp(2.55rem, 3.15vw, 4.05rem);
    line-height: 1.08;
    font-weight: 300;
    letter-spacing: .01em;
}

#top.single-post #main .bpcr-article-header .bpcr-article-image,
#top.single-post #main .bpcr-article-header .avia-image-container {
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

#top.single-post #main .bpcr-article-header .bpcr-article-image img,
#top.single-post #main .bpcr-article-header .avia-image-container img {
    display: block;
    width: 100%;
    max-width: 1740px;
    height: auto;
    margin: 0 auto;
    border-radius: 0;
    box-shadow: none;
}

#top.single-post #main .bpcr-article .bpcr-article-heading,
#top.single-post #main .bpcr-article .bpcr-article-subheading {
    margin: 0 0 30px;
    color: var(--enfold-main-color-primary, #208487) !important;
    text-transform: none;
    font-size: clamp(1.85rem, 2vw, 2.45rem);
    line-height: 1.16;
    font-weight: 700;
    letter-spacing: 0;
}

#top.single-post #main .bpcr-article .bpcr-article-subheading {
    text-align: center;
    font-size: clamp(1.95rem, 2.2vw, 2.65rem);
    margin-bottom: 62px;
}

#top.single-post #main .bpcr-article .bpcr-article-text,
#top.single-post #main .bpcr-article .bpcr-article-intro {
    color: #111;
    font-size: clamp(1.05rem, .98vw, 1.28rem);
    line-height: 1.68;
    font-weight: 400;
}

#top.single-post #main .bpcr-article .bpcr-article-text p,
#top.single-post #main .bpcr-article .bpcr-article-intro p {
    margin: 0 0 1.22em;
}

#top.single-post #main .bpcr-article .bpcr-article-text strong {
    font-weight: 700;
}

#top.single-post #main .bpcr-article .bpcr-article-copy-column {
    padding-top: 6px !important;
}

#top.single-post #main .bpcr-article .bpcr-article-media-column {
    text-align: center;
}

#top.single-post #main .bpcr-article .bpcr-article-media-column .avia-image-container,
#top.single-post #main .bpcr-article .bpcr-article-image {
    margin: 0 auto 34px;
    text-align: center;
}

#top.single-post #main .bpcr-article .bpcr-article-image img,
#top.single-post #main .bpcr-article .avia-image-container img {
    max-width: 100%;
    height: auto;
    border-radius: 0;
    box-shadow: none;
}

#top.single-post #main .bpcr-article-section .bpcr-article-media-column img {
    width: auto;
    max-height: 720px;
}

#top.single-post #main .bpcr-article-section:nth-of-type(3) .bpcr-article-media-column img,
#top.single-post #main .bpcr-article-section:nth-of-type(4) .bpcr-article-media-column img,
#top.single-post #main .bpcr-article-section:nth-of-type(5) .bpcr-article-media-column img {
    max-width: 100%;
}

#top.single-post #main .bpcr-article .avia-button.bpcr-article-button,
#top.single-post #main .bpcr-article .bpcr-article-button .avia-button {
    margin-top: 22px;
    background: var(--enfold-main-color-primary, #208487) !important;
    border-color: var(--enfold-main-color-primary, #208487) !important;
    color: #fff !important;
    border-radius: 4px;
    font-size: 1.12rem;
    font-weight: 700;
    letter-spacing: .01em;
    padding: 12px 18px;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: none;
}

#top.single-post #main .bpcr-article .avia-button.bpcr-article-button:hover,
#top.single-post #main .bpcr-article .bpcr-article-button .avia-button:hover {
    background: var(--enfold-main-color-button-border, color-mix(in srgb, var(--enfold-main-color-primary, #208487) 78%, #000)) !important;
    border-color: var(--enfold-main-color-button-border, color-mix(in srgb, var(--enfold-main-color-primary, #208487) 78%, #000)) !important;
    color: #fff !important;
}

#top.single-post #main .bpcr-experts-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 62px;
    align-items: stretch;
}

#top.single-post #main .bpcr-expert-card {
    min-height: 250px;
    padding: 36px 28px 32px;
    border: 2px solid var(--enfold-main-color-secondary, #FFE79B);
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(0, 0, 0, .05);
    text-align: center;
    color: #111;
}

#top.single-post #main .bpcr-expert-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    border-radius: 50%;
    background: var(--enfold-main-color-primary, #208487);
    color: #fff;
}

#top.single-post #main .bpcr-expert-icon svg {
    width: 30px;
    height: 30px;
}

#top.single-post #main .bpcr-expert-card h4 {
    margin: 0 0 22px;
    color: #111;
    font-size: clamp(1.22rem, 1.15vw, 1.55rem);
    line-height: 1.22;
    font-weight: 500;
}

#top.single-post #main .bpcr-expert-card p {
    margin: 0;
    color: #111;
    font-size: clamp(.98rem, .92vw, 1.16rem);
    line-height: 1.55;
}

@media (max-width: 989px) {

    #top.single-post #main .bpcr-article-header .container,
    #top.single-post #main .bpcr-article-section .container,
    #top.single-post #main .bpcr-article-experts .container {
        width: auto;
        max-width: calc(100% - 48px);
        padding-top: 54px;
        padding-bottom: 54px;
    }

    #top.single-post #main .bpcr-article .flex_column.av_one_half {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #top.single-post #main .bpcr-article .bpcr-article-media-first {
        margin-bottom: 32px !important;
    }

    #top.single-post #main .bpcr-experts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }
}

@media (max-width: 640px) {
    #top.single-post #main .bpcr-article .bpcr-article-main-title {
        text-align: left;
        font-size: 2.1rem;
        margin-bottom: 34px;
    }

    #top.single-post #main .bpcr-experts-grid {
        grid-template-columns: 1fr;
    }
}

/* END Hermes BPCR legacy article visual parity */

/* BPCR placeholder cleanup: certification logos and stats grids */
.bpcr-cert-logo {
    margin: 1.25rem 0 0;
    display: flex;
    align-items: center;
}

.bpcr-cert-logo img {
    max-width: 180px;
    width: auto;
    height: auto;
    display: block;
}

.bpcr-cert-list,
.bpcr-funding-list {
    color: var(--enfold-main-color-heading, var(--enfold-main-color-primary, #208487));
    font-weight: 700;
}

.bpcr-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(1rem, 2vw, 1.5rem);
    margin: 1.5rem 0 0;
}

.bpcr-stat {
    padding: 1.25rem;
    border-radius: 16px;
    background: color-mix(in srgb, var(--enfold-main-color-primary, #208487) 8%, #fff);
    border: 1px solid color-mix(in srgb, var(--enfold-main-color-primary, #208487) 20%, transparent);
}

.bpcr-stat strong {
    display: block;
    color: var(--enfold-main-color-primary, #208487);
    font-family: 'Josefin Sans', sans-serif;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    line-height: 1;
}

.bpcr-stat span {
    display: block;
    margin-top: .5rem;
    color: var(--enfold-main-color-body, #111);
}

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

/* Hermes BPCR mobile socket cleanup — 2026-07-03 */
@media (max-width: 767px) {

    #top #socket .sub_menu_socket,
    #top #socket .avia-menu,
    #top #socket nav,
    #top #socket .menu {
        display: none !important;
    }

    #top #socket .copyright {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        display: block !important;
    }
}

/* Axe B — Mise en page des formulaires devis sectoriels (classes existantes) */
.full-form .wpcf7 form {
    max-width: 1120px;
    margin: 0 auto;
}

.full-form .row-infos,
.full-form .row-message {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 16px 22px;
    align-items: end;
    margin: 0 0 18px;
}

.full-form .col-md-1 {
    grid-column: span 1;
}

.full-form .col-md-2 {
    grid-column: span 2;
}

.full-form .col-md-3 {
    grid-column: span 3;
}

.full-form .col-md-4 {
    grid-column: span 4;
}

.full-form .col-md-6 {
    grid-column: span 6;
}

.full-form .col-xs-12,
.full-form .row-message>div {
    grid-column: 1 / -1;
}

.full-form label {
    display: block;
    font-weight: 700;
    margin: 0 0 7px;
    color: var(--enfold-main-color-heading, #153f41);
}

.full-form .required-input,
.full-form .petit-text {
    display: inline;
    margin-left: 3px;
}

.full-form .petit-text {
    font-weight: 400;
    opacity: .72;
    font-size: .88em;
}

.full-form .wpcf7-form-control-wrap {
    display: block;
}

.full-form textarea {
    min-height: 180px;
}

.full-form .inline-content {
    display: flex;
    gap: 10px;
    align-items: center;
}

.full-form .add-equipement,
.full-form .delete-equipement,
.full-form .add-lieu-intervention {
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--enfold-main-color-primary, #208487);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

/* Reset du <p> interne (le "+" / "-" est dans un <p> legacy CF7).
   Marges et padding reset + line-height serré + compensation optique.
   Le glyphe "+" en font-weight 800 a son centre visuel légèrement
   au-dessus du centre de sa line-box ; on descend le <p> de 0.5px pour
   aligner le glyphe sur le centre optique du bouton circulaire. */
.full-form .add-equipement p,
.full-form .delete-equipement p,
.full-form .add-lieu-intervention p {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: inherit;
    font-weight: inherit;
    line-height: 0.85;
    transform: translateY(0.5px);
}

.full-form .delete-equipement {
    background: color-mix(in srgb, var(--enfold-main-color-primary, #208487) 35%, #333);
}

.full-form .form-bottom .checkbox,
.full-form .form-bottom .recaptcha {
    margin-bottom: 14px;
}

.full-form .line-btn {
    text-align: center;
    margin-top: 24px;
}

.full-form input[type="submit"],
.full-form .btn.btn-1-style {
    min-height: 50px;
    border-radius: 10px !important;
    padding: 0 32px !important;
    background: var(--enfold-main-color-primary, #208487) !important;
    color: #fff !important;
    font-weight: 800 !important;
    border: 0 !important;
}

@media (max-width: 900px) {

    .full-form .col-md-1,
    .full-form .col-md-2,
    .full-form .col-md-3,
    .full-form .col-md-4,
    .full-form .col-md-6 {
        grid-column: 1 / -1;
    }
}

/* Respect des lignes conditionnelles/ajoutables legacy CF7 */
.full-form [hidden],
.full-form .row-infos[hidden],
.full-form .delete-equipement[hidden] {
    display: none !important;
}


/* Correction alignement boutons +/- avec les champs équipements (2026-07-07) */
/* La 3ème colonne des lignes équipements contient un <p><label></label></p> vide
   au-dessus des boutons. On aligne la grille sur le haut (start) et on masque
   complètement ce <p> vide pour que les boutons commencent au même niveau que
   les selects/inputs des autres colonnes. */
.full-form .row-infos.type-equipements {
    align-items: start;
}

.full-form .row-infos.type-equipements>div:last-child>p:first-child {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* Respect des lignes conditionnelles/ajoutables legacy CF7 */
.full-form [hidden],
.full-form .row-infos[hidden],
.full-form .delete-equipement[hidden] {
    display: none !important;
}

/* ============================================================ */


@media (max-width: 540px) {
    .qsn-valeurs-grid {
        grid-template-columns: 1fr;
    }
}

/* --- Ce qui nous différencie : grille 2 colonnes --- */
.qsn-diff-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.qsn-diff-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 22px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid color-mix(in srgb, var(--enfold-main-color-primary, #208487) 12%, transparent);
    box-shadow: 0 8px 24px rgba(23, 63, 65, .05);
    transition: transform .25s ease, box-shadow .25s ease;
}

.qsn-diff-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 36px rgba(23, 63, 65, .10);
}

.qsn-diff-card__icon {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 12px;
    background: color-mix(in srgb, var(--enfold-main-color-primary, #208487) 10%, #fff);
}

.qsn-diff-card__icon img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(26%) sepia(38%) saturate(514%) hue-rotate(139deg) brightness(95%) contrast(91%);
}

.qsn-diff-card__body h3 {
    font-size: 1.05rem;
    font-family: 'Josefin Sans', sans-serif;
    color: #2a2a2a;
    margin: 0 0 8px;
}

.qsn-diff-card__body p {
    font-size: .92rem;
    line-height: 1.55;
    color: #555;
    margin: 0;
}

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

/* --- Logos certifications : grille 4 colonnes --- */
.qsn-logos-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    align-items: center;
    justify-items: center;
    margin: 2rem 0;
}

.qsn-logos-grid img {
    max-width: 100%;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter: grayscale(0);
    transition: transform .25s ease;
}

.qsn-logos-grid img:hover {
    transform: scale(1.05);
}

@media (max-width: 767px) {
    .qsn-logos-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    .qsn-logos-grid img {
        max-height: 90px;
    }
}



/* Icon grid */

#top .avia-icongrid {
    justify-content: space-around;
    row-gap: 15px;
}

li.av-icon-cell-item.av-row-with-4-cells {
    flex-basis: calc(25% - 15px);
}

.avia-icon-grid-container,
.wfc-carousel {
    margin-top: 30px;
}

.avia-icongrid-front,
.avia-icongrid-flipback {
    border-radius: var(--big-radius);
    border: 1px solid;
}

#top .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner,
#top .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner {
    padding: 1.5em 2em;
}

#top .avia-icongrid-front {
    border-color: var(--enfold-alternate-color-primary);
}

#top .avia-icongrid-flipback {
    border-color: var(--enfold-main-color-primary);
}


span.icongrid-char {
    padding: 5px;
    border-radius: 100px;
    background: var(--enfold-main-color-primary);
    color: var(--enfold-main-color-bg);
    width: 64px !important;
    height: 64px !important;
    display: inline-block;
    line-height: 64px;
}





/* Correction timeline */
#top .wce-timeline__label {
    font-weight: bold;
    text-transform: uppercase;
    color: var(--enfold-main-color-primary);
    margin-bottom: 0;
    font-size: .9em;
}

@media (min-width: 990px) {
    #top .wce-timeline__body {
        width: 450px;
    }
}

/* Boutons pleine largeur (av_button_fullwidth) */
#top .avia-button-fullwidth {
    font-size: 1em;
    margin-top: 15px;
}

/* ═══ BPCR — FAQ secteurs : questions plus visibles (retour client, ex-mu-plugin relogé) ═══ */
/* Plugin winsiders-faq : aucune option panel Enfold → child_add.css (canal fallback Marc).
   Style validé visuellement : bordure teal à gauche, fond clair, +/- teal, contenu encadré. */

#top .winsiders-faq .toggler {
    border: 1px solid #cfe3e4 !important;
    border-left: 4px solid #208487 !important;
    background: #f4f9f9 !important;
    padding: 12px 44px 12px 16px !important;
    border-radius: 6px;
    margin-bottom: 8px;
    font-weight: 600;
}

#top .winsiders-faq .toggler:hover {
    background: #e8f2f2 !important;
}

#top .winsiders-faq .toggle_content {
    border: 1px solid #cfe3e4 !important;
    border-left: 4px solid #208487 !important;
    background: #ffffff;
    padding: 16px;
    border-radius: 0 0 6px 6px;
    margin-top: -8px;
    margin-bottom: 8px;
}

/* chevron +/- : teal pour renforcer la visibilite */
#top .winsiders-faq .toggle_icon,
#top .winsiders-faq .toggle_icon>span {
    border-color: #208487 !important;
}

/* packs secteur : compacite au-dessus du bouton Deplier */
#top .encart.light.card .av_textblock_section {
    margin-bottom: 0;
}

/* ═══ BPCR — icônes featured accueil v7.3 (2026-09-28, règle Marc : child_add.css) ═══ */
/* v7.3 (spec Marc) : icônes 120px via --wce-pl-icon-size déclarée pour .featured-icons ;
   cercle teal Ø 120%, DÉPLACÉ : centre à top: 20% (haut du cercle à −48px
   au-dessus de la boîte 120px) ; glyphe blanc dedans, racines noires en bas ;
   hover cercle + titre jaune #e89b0c.
   Clone noir = span .fi-clone injecté par JS (custom_win.php) DANS .wce-post-list__box-icon :
   cloneNode du SVG inline → suit automatiquement tout changement d'icône dans l'ALB.
   Cercle (::before) et clone (inset 0) ancrés sur le MÊME élément, MÊMES pourcentages
   (50% / 20%) → uniformité garantie par construction. */

/* icônes de la grille .featured-icons en 120px (variable native WCE) */
#top .wce-post-list--boxes.featured-icons,
#top .wce-post-list--boxes.featured-icons .wce-post-list__box-icon {
    --wce-pl-icon-size: 120px;
}

#top .wce-post-list--boxes.featured-icons .wce-post-list__box-icon {
    --fi-size: var(--wce-pl-icon-size, 64px);
    position: relative;
    width: var(--fi-size);
    height: var(--fi-size);
    overflow: visible;
    background: transparent !important;
    padding: 0 !important;
}

/* cercle teal — Ø 120%, centre déplacé à top: 20% */
#top .wce-post-list--boxes.featured-icons .wce-post-list__box-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: calc(var(--fi-size) * 1.2);
    height: calc(var(--fi-size) * 1.2);
    border-radius: 50%;
    background-color: #208487;
    z-index: 0;
    transition: background-color 0.25s ease;
}

/* occurrence blanche : le SVG inline original, au-dessus du cercle */
#top .wce-post-list--boxes.featured-icons .av-icon-char {
    position: relative;
    z-index: 1;
}

#top .wce-post-list--boxes.featured-icons .av-icon-char svg {
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* clone noir : inset 0 = même boîte, masque radial aux MÊMES coordonnées que le cercle
   (50% 20%), rayon 60% → seule la zone hors cercle (racines en bas) reste noire.
   Suit automatiquement tout changement d'icône (cloneNode du SVG inline par JS). */
#top .wce-post-list--boxes.featured-icons .wce-post-list__box-icon .fi-clone {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle at 50% 20%, transparent calc(var(--fi-size) * 0.6 - 2.5px), #000 calc(var(--fi-size) * 0.6 - 0.5px));
    mask-image: radial-gradient(circle at 50% 20%, transparent calc(var(--fi-size) * 0.6 - 2.5px), #000 calc(var(--fi-size) * 0.6 - 0.5px));
}

#top .wce-post-list--boxes.featured-icons .wce-post-list__box-icon .fi-clone svg {
    display: block;
    width: var(--fi-size) !important;
    height: var(--fi-size) !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* hover : cercle + titre jaunes oldbpcr */
#top .wce-post-list--boxes.featured-icons .wce-post-list__box:hover .wce-post-list__box-icon::before,
#top .wce-post-list--boxes.featured-icons .wce-post-list__box-link:focus-visible .wce-post-list__box-icon::before {
    background-color: #e89b0c;
}

#top .wce-post-list--boxes.featured-icons .wce-post-list__box:hover .wce-post-list__box-title,
#top .wce-post-list--boxes.featured-icons .wce-post-list__box:hover .wce-post-list__box-title a {
    color: #e89b0c;
}

/* v7.3 espacement : le cercle déborde de 48px au-dessus de la boîte (120px × 40%).
   Chaque carte reçoit une marge haute ≥ au débord pour que le cercle déborde dans SA
   propre marge sans recouvrir le titre de la rangée du dessus ; la grille compense
   en négatif pour ne pas pousser la section vers le bas. */
@media only screen and (min-width: 768px) {
    #top .wce-post-list--boxes.featured-icons .wce-post-list__box {
        margin-top: 24px;
    }

    #top .wce-post-list--boxes.featured-icons {
        margin-top: -24px;
    }
}

@media only screen and (max-width: 767px) {
    #top .wce-post-list--boxes.featured-icons .wce-post-list__box {
        margin-top: 52px;
    }

    #top .wce-post-list--boxes.featured-icons {
        margin-top: -52px;
    }
}

/* ═══ BPCR — v8 : boîtes avec icône (av_icon_box) des colonnes .featured-icons (2026-09-29) ═══ */
/* Même mise en forme que la grille accueil v7.4 : icône 120px (--wce-pl-icon-size), cercle teal
   Ø 120% centre top 20%, glyphe blanc, clone noir masqué radial rayon 0.6 (racines en bas),
   hover #e89b0c. Cible : colonnes Enfold .featured-icons (layout bloc-prestations-ponctuelles,
   inséré sur les pages secteur). Les .iconbox HORS .featured-icons restent natifs (pastille).
   Préfixe #top #wrap_all pour dominer les règles iconbox natives du thème (2 ids). */

#top #wrap_all .flex_column.featured-icons {
    --wce-pl-icon-size: 90px;
    --fi-size: var(--wce-pl-icon-size, 64px);
}

#top #wrap_all .flex_column.featured-icons .iconbox .iconbox_icon {
    position: relative;
    width: var(--fi-size);
    height: var(--fi-size);
    font-size: var(--fi-size);
    /* SVG Enfold dimensionné en 1em → 120px */
    line-height: 1;
    background: transparent !important;
    /* neutralise la pastille native */
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

/* cercle teal — Ø 120%, centre déplacé à top: 20% (identique grille accueil) */
#top #wrap_all .flex_column.featured-icons .iconbox .iconbox_icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: calc(var(--fi-size) * 1.2);
    height: calc(var(--fi-size) * 1.2);
    border-radius: 50%;
    background-color: #208487;
    z-index: 0;
    transition: background-color 0.25s ease;
}

/* occurrence blanche : SVG inline au-dessus du cercle */
#top #wrap_all .flex_column.featured-icons .iconbox .iconbox_icon svg {
    position: relative;
    z-index: 1;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}

/* clone noir : span .fi-clone injecté par JS DANS .iconbox_icon (mêmes coordonnées que
   le cercle, rayon 0.6) → suit automatiquement tout changement d'icône dans l'ALB. */
#top #wrap_all .flex_column.featured-icons .iconbox .iconbox_icon .fi-clone {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    -webkit-mask-image: radial-gradient(circle at 50% 20%, transparent calc(var(--fi-size) * 0.6 - 2.5px), #000 calc(var(--fi-size) * 0.6 - 0.5px));
    mask-image: radial-gradient(circle at 50% 20%, transparent calc(var(--fi-size) * 0.6 - 2.5px), #000 calc(var(--fi-size) * 0.6 - 0.5px));
}

#top #wrap_all .flex_column.featured-icons .iconbox .iconbox_icon .fi-clone svg {
    display: block;
    width: var(--fi-size) !important;
    height: var(--fi-size) !important;
    fill: #000000 !important;
    stroke: #000000 !important;
}

/* v8.3 hover : cercle + titre jaunes UNIQUEMENT sur les boîtes AVEC lien — classe
   .fi-has-link posée par JS (icône <a> OU titre lien). RGPD (sans lien) reste teal. */
#top #wrap_all .flex_column.featured-icons .iconbox.fi-has-link:hover .iconbox_icon::before,
#top #wrap_all .flex_column.featured-icons .iconbox.fi-has-link .iconbox_icon:focus-visible::before {
    background-color: #e89b0c;
}

#top #wrap_all .flex_column.featured-icons .iconbox.fi-has-link:hover .iconbox_content_title,
#top #wrap_all .flex_column.featured-icons .iconbox.fi-has-link:hover .iconbox_content_title a {
    color: #e89b0c;
}

/* v8.1 : AUCUNE compensation de marge — la colonne iconbox a une marge haute NATIVE de
   50px (classe column-top-margin) qui laisse 32px de clearance au cercle (débord 28px
   au-dessus de la carte) ; les gaps natifs entre rangées (32.4px desktop, 16px mobile +
   padding bas 20px) absorbent le débord. Toute règle margin-top ici écraserait la marge
   native et ferait remonter le cercle sur le H2 (constaté à −18px avant correction). */
/* v8.2 compensation mobile/tablette : en 1 colonne (mobile) le gap natif de 16px est
   inférieur au débord 28px du cercle → cercle remonte sur le texte de la carte du
   dessus (constaté −8px) ; H2 touché (−6px) car la marge haute native de la colonne
   retombe à 0 sous le breakpoint. Remède : +12px sur chaque carte sauf la première
   (28 − 16), +10px sur la colonne pour le H2. Ne s'applique QUE sous 989px ; au-dessus,
   les gaps natifs 32px et la marge colonne 50px suffisent (mesuré : +32px H2, +45px titres). */
@media only screen and (max-width: 989px) {
    #top #wrap_all .flex_column.featured-icons .iconbox+.iconbox {
        margin-top: 12px;
    }

    #top #wrap_all .flex_column.featured-icons {
        margin-top: 10px !important;
    }
}

/* ═══ fin v8 ═══ */

/* ═══ fin BPCR icônes featured v7.3 ═══ */
/* ═══ BPCR — Toggles natifs Enfold : même mise en forme que la FAQ secteurs ═══ */
/* Extension du style FAQ validé (bloc « FAQ secteurs » ci-dessus) aux accordéons
   natifs Enfold (élément Toggle, variante « Elegant »). Le :not(.winsiders-faq)
   exclut les conteneurs du plugin FAQ, déjà couverts par leur propre bloc —
   chaque source reste unique. Cibles actuelles : formations 666 / 667.
   Style identique au bloc FAQ : bordure teal à gauche, fond clair, +/- teal,
   contenu encadré. */

#top .av-elegant-toggle:not(.winsiders-faq) .toggler {
    border: 1px solid #cfe3e4 !important;
    border-left: 4px solid #208487 !important;
    background: #f4f9f9 !important;
    padding: 12px 44px 12px 16px !important;
    border-radius: 6px;
    margin-bottom: 8px;
    font-weight: 600;
}

#top .av-elegant-toggle:not(.winsiders-faq) .toggler:hover {
    background: #e8f2f2 !important;
}

#top .av-elegant-toggle:not(.winsiders-faq) .toggle_content {
    border: 1px solid #cfe3e4 !important;
    border-left: 4px solid #208487 !important;
    background: #ffffff;
    padding: 16px;
    border-radius: 0 0 6px 6px;
    margin-top: -8px;
    margin-bottom: 8px;
}

/* chevron +/- : teal pour renforcer la visibilite (piege mega-selecteur de zone :
   .main_color span impose border-color quasi invisible sur fond clair) */
#top .av-elegant-toggle:not(.winsiders-faq) .toggle_icon,
#top .av-elegant-toggle:not(.winsiders-faq) .toggle_icon>span {
    border-color: #208487 !important;
}




/* Correction checklist */
.checklist.more>li {
    padding-left: 2rem;
}


.encart.alt .checklist.check>li::before {
    background-color: var(--enfold-main-color-bg);
    color: var(--enfold-main-color-primary);
}


.encart.alt .checklist.more>li:before {
    color: var(--enfold-main-color-bg);
    border: 2px solid var(--enfold-main-color-bg);
}


/* Correction fold unfold texte */
#top .avia-fold-unfold-section .av-fold-button-container {
    margin-bottom: 0;
    float: unset;
    text-align: center;
    display: block;
}


/* Correction Pack */
#top .pack .iconbox,
#top .pack .iconbox_content_title {
    margin-bottom: 0;
}

#top .pack .avia-fold-unfold-section .av-fold-unfold-container.folded {
    max-height: 0 !important;
}