.elementor-7188 .elementor-element.elementor-element-292ecdc{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-cacff1c */.ancv-page,
.ancv-page * {
    box-sizing: border-box;
}


/* =========================================================
   VARIABLES / PAGE
   ========================================================= */

.ancv-page {

    --blue: #083366;
    --blue-dark: #06284f;

    --light: #e3eaf2;
    --light-soft: #f4f7fa;

    --white: #ffffff;

    --text: #202830;
    --muted: #5b6670;

    --border: #d8e0e8;

    width: 100%;
    max-width: 1360px;

    margin: 0 auto;

    padding: 25px 20px 60px;

    color: var(--text);

    font-family: inherit;
}


/* =========================================================
   HERO
   ========================================================= */

.ancv-hero {

    display: grid;

    grid-template-columns:
        minmax(0, 1.45fr)
        minmax(300px, .75fr);

    gap: 34px;

    align-items: stretch;

    margin-bottom: 30px;
}


/* =========================================================
   HERO TEXTE
   ========================================================= */

.ancv-hero-content {

    display: flex;

    flex-direction: column;

    justify-content: center;

    min-width: 0;

    padding: 10px 0;
}


.ancv-eyebrow {

    display: inline-block;

    width: fit-content;

    margin-bottom: 9px;

    color: var(--blue);

    font-size: 13px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: .04em;

    text-transform: uppercase;
}


.ancv-hero h1 {

    max-width: 760px;

    margin: 0 0 15px !important;

    color: var(--blue);

    font-size: clamp(38px, 4vw, 48px);

    line-height: 1.08;

    font-weight: 750;

    letter-spacing: -.03em;
}


.ancv-hero-lead {

    max-width: 700px;

    margin: 0 0 10px !important;

    color: var(--text);

    font-size: 16px;

    line-height: 1.65;
}


.ancv-hero-text {

    max-width: 700px;

    margin: 0 !important;

    color: var(--text);

    font-size: 15px;

    line-height: 1.65;
}


.ancv-hero strong {

    color: var(--blue);

    font-weight: 700;
}


/* =========================================================
   HERO BOUTONS
   ========================================================= */

.ancv-hero-actions {

    display: flex;

    flex-wrap: wrap;

    gap: 11px;

    margin-top: 24px;
}


.ancv-primary-btn,
.ancv-secondary-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 9px;

    min-height: 46px;

    padding: 13px 20px;

    border-radius: 4px;

    font-size: 14px;

    line-height: 1;

    font-weight: 700;

    text-decoration: none !important;

    transition:
        background .2s ease,
        color .2s ease,
        transform .2s ease;
}


.ancv-primary-btn {

    background: var(--blue);

    color: #ffffff !important;
}


.ancv-primary-btn:hover {

    background: var(--blue-dark);

    color: #ffffff !important;

    transform: translateY(-1px);
}


.ancv-secondary-btn {

    border: 1px solid var(--blue);

    background: #ffffff;

    color: var(--blue) !important;
}


.ancv-secondary-btn:hover {

    background: var(--light-soft);

    color: var(--blue) !important;
}


.ancv-primary-btn span {

    font-size: 18px;

    line-height: 1;
}


/* =========================================================
   HERO VISUEL
   ========================================================= */

.ancv-hero-visual {

    display: flex;

    align-items: stretch;

    justify-content: center;
}


.ancv-hero-image {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 320px;

    padding: 25px;

    overflow: hidden;

    border-radius: 8px;

    background: var(--light);
}


.ancv-hero-image img {

    display: block;

    width: 100%;

    max-width: 320px;

    height: auto;

    object-fit: contain;
}


/* =========================================================
   CONVERSION CLASSIC > CONNECT
   ========================================================= */

.ancv-conversion {

    display: grid;

    grid-template-columns: auto minmax(0, 1fr) auto;

    gap: 20px;

    align-items: center;

    margin-bottom: 62px;

    padding: 18px 22px;

    border-radius: 9px;

    background: var(--light);
}


.ancv-conversion-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 42px;

    height: 42px;

    flex: 0 0 42px;

    border-radius: 50%;

    background: var(--blue);

    color: #ffffff;

    font-size: 22px;

    line-height: 1;

    font-weight: 700;
}


.ancv-conversion-content {

    min-width: 0;
}


.ancv-conversion-small {

    display: block;

    margin-bottom: 4px;

    color: var(--blue);

    font-size: 11px;

    line-height: 1.3;

    font-weight: 800;

    letter-spacing: .04em;

    text-transform: uppercase;
}


.ancv-conversion h2 {

    margin: 0 0 5px !important;

    color: var(--blue);

    font-size: 20px;

    line-height: 1.25;

    font-weight: 700;
}


.ancv-conversion p {

    margin: 0 !important;

    color: var(--text);

    font-size: 14px;

    line-height: 1.55;
}


.ancv-conversion p strong {

    color: var(--blue);

    font-weight: 700;
}


.ancv-conversion-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    min-height: 42px;

    padding: 11px 17px;

    border-radius: 4px;

    background: var(--blue);

    color: #ffffff !important;

    font-size: 13px;

    line-height: 1.2;

    font-weight: 700;

    text-align: center;

    text-decoration: none !important;

    white-space: nowrap;

    transition:
        background .2s ease,
        transform .2s ease;
}


.ancv-conversion-btn:hover {

    background: var(--blue-dark);

    color: #ffffff !important;

    transform: translateY(-1px);
}


/* =========================================================
   SECTIONS
   ========================================================= */

.ancv-section {

    width: 100%;

    margin-bottom: 62px;
}


/* =========================================================
   TITRES DE SECTIONS
   ========================================================= */

.ancv-section-heading {

    display: grid;

    grid-template-columns: minmax(0, 1fr) minmax(280px, .75fr);

    gap: 40px;

    align-items: end;

    margin-bottom: 28px;
}


.ancv-section-heading > div {

    position: relative;
}


.ancv-section-kicker {

    display: block;

    margin-bottom: 7px;

    color: var(--blue);

    font-size: 12px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: .05em;

    text-transform: uppercase;
}


.ancv-section-heading h2,
.ancv-process-intro h2 {

    position: relative;

    margin: 0 !important;

    padding-bottom: 14px;

    color: var(--blue);

    font-size: 31px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -.02em;
}


.ancv-section-heading h2::after,
.ancv-process-intro h2::after {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 42px;

    height: 3px;

    border-radius: 10px;

    background: var(--blue);
}


.ancv-section-heading > p {

    margin: 0 !important;

    color: var(--text);

    font-size: 15px;

    line-height: 1.65;
}


/* =========================================================
   AVANTAGES
   ========================================================= */

.ancv-benefits-grid {

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 16px;
}


.ancv-benefit-card {

    position: relative;

    min-height: 205px;

    padding: 22px 20px;

    overflow: hidden;

    border-radius: 9px;

    background: var(--light);
}


.ancv-benefit-number {

    position: absolute;

    top: 15px;

    right: 17px;

    color: rgba(8, 51, 102, .22);

    font-size: 14px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: .04em;
}


.ancv-benefit-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 32px;

    height: 32px;

    margin-bottom: 14px;

    border-radius: 50%;

    background: var(--blue);

    color: #ffffff;

    font-size: 14px;

    line-height: 1;

    font-weight: 800;
}


.ancv-benefit-card h3 {

    margin: 0 0 8px !important;

    color: var(--blue);

    font-size: 16px;

    line-height: 1.35;

    font-weight: 700;
}


.ancv-benefit-card p {

    margin: 0 !important;

    color: var(--text);

    font-size: 14px;

    line-height: 1.55;
}


/* =========================================================
   COMMENT ÇA MARCHE
   ========================================================= */

.ancv-process-section {

    margin-bottom: 55px;
}


.ancv-process-intro {

    max-width: 760px;

    margin-bottom: 28px;
}


.ancv-process-intro h2 {

    margin-bottom: 15px !important;
}


.ancv-process-intro p {

    max-width: 700px;

    margin: 0 !important;

    color: var(--text);

    font-size: 15px;

    line-height: 1.65;
}


/* =========================================================
   GRILLE ÉTAPES
   ========================================================= */

.ancv-process {

    display: grid;

    grid-template-columns: repeat(3, minmax(0, 1fr));

    gap: 16px;
}


.ancv-step {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    min-height: 155px;

    padding: 20px 18px;

    border-radius: 9px;

    background: var(--light);
}


.ancv-step-number {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 31px;

    height: 31px;

    flex: 0 0 31px;

    border-radius: 50%;

    background: var(--blue);

    color: #ffffff;

    font-size: 13px;

    line-height: 1;

    font-weight: 800;
}


.ancv-step > div {

    min-width: 0;
}


.ancv-step h3 {

    margin: 2px 0 7px !important;

    color: var(--blue);

    font-size: 15px;

    line-height: 1.35;

    font-weight: 700;
}


.ancv-step p {

    margin: 0 !important;

    color: var(--text);

    font-size: 13px;

    line-height: 1.55;
}


.ancv-step p strong {

    color: var(--blue);

    font-weight: 700;
}


/* =========================================================
   BON À SAVOIR
   ========================================================= */

.ancv-info-note {

    display: flex;

    align-items: center;

    gap: 12px;

    max-width: 760px;

    margin-top: 18px;

    padding: 14px 16px;

    border-radius: 8px;

    background: var(--light-soft);

    border: 1px solid var(--border);
}


.ancv-info-note-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 25px;

    height: 25px;

    flex: 0 0 25px;

    border-radius: 50%;

    background: var(--blue);

    color: #ffffff;

    font-family: Georgia, serif;

    font-size: 13px;

    line-height: 1;

    font-style: italic;
}


.ancv-info-note strong {

    display: block;

    margin-bottom: 2px;

    color: var(--blue);

    font-size: 14px;

    line-height: 1.3;

    font-weight: 700;
}


.ancv-info-note p {

    margin: 0 !important;

    color: var(--text);

    font-size: 13px;

    line-height: 1.5;
}


/* =========================================================
   BLOC FINAL
   ========================================================= */

.ancv-footer-card {

    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;

    gap: 35px;

    align-items: center;

    padding: 25px 27px;

    border-radius: 9px;

    background: var(--light);
}


.ancv-footer-content {

    min-width: 0;
}


.ancv-footer-card h2 {

    margin: 0 0 10px !important;

    color: var(--blue);

    font-size: 24px;

    line-height: 1.2;

    font-weight: 700;

    letter-spacing: -.015em;
}


.ancv-footer-card p {

    max-width: 790px;

    margin: 0 0 8px !important;

    color: var(--text);

    font-size: 14px;

    line-height: 1.55;
}


.ancv-text-link {

    display: inline-flex;

    margin-top: 3px;

    color: var(--blue) !important;

    font-size: 13px;

    line-height: 1.4;

    font-weight: 700;

    text-decoration: underline !important;

    text-underline-offset: 3px;
}


.ancv-text-link:hover {

    color: var(--blue-dark) !important;
}


.ancv-footer-action {

    display: flex;

    align-items: center;

    justify-content: flex-end;
}


.ancv-primary-btn-large {

    min-height: 48px;

    padding: 14px 22px;

    font-size: 14px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1024px) {

    .ancv-page {

        padding-left: 18px;

        padding-right: 18px;
    }


    .ancv-hero {

        grid-template-columns:
            minmax(0, 1fr)
            300px;

        gap: 25px;
    }


    .ancv-hero h1 {

        font-size: 40px;
    }


    .ancv-benefits-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    .ancv-process {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

}


/* =========================================================
   TABLETTE PORTRAIT
   ========================================================= */

@media (max-width: 800px) {

    .ancv-page {

        padding-top: 20px;

        padding-bottom: 45px;
    }


    .ancv-hero {

        grid-template-columns: 1fr;

        gap: 22px;

        margin-bottom: 24px;
    }


    .ancv-hero-image {

        min-height: 280px;
    }


    .ancv-conversion {

        grid-template-columns: auto 1fr;

        margin-bottom: 45px;
    }


    .ancv-conversion-action {

        grid-column: 1 / -1;
    }


    .ancv-conversion-btn {

        width: 100%;
    }


    .ancv-section-heading {

        grid-template-columns: 1fr;

        gap: 14px;
    }


    .ancv-footer-card {

        grid-template-columns: 1fr;

        gap: 18px;
    }


    .ancv-footer-action {

        justify-content: flex-start;
    }


    .ancv-primary-btn-large {

        width: 100%;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .ancv-page {

        padding:
            18px
            15px
            40px;
    }


    .ancv-eyebrow {

        font-size: 12px;
    }


    .ancv-hero h1 {

        font-size: 34px;

        line-height: 1.1;
    }


    .ancv-hero-lead {

        font-size: 15px;
    }


    .ancv-hero-text {

        font-size: 14px;
    }


    .ancv-hero-actions {

        flex-direction: column;
    }


    .ancv-primary-btn,
    .ancv-secondary-btn {

        width: 100%;
    }


    .ancv-hero-image {

        min-height: auto;

        padding: 22px;
    }


    .ancv-conversion {

        grid-template-columns: 1fr;

        gap: 13px;

        padding: 18px;

        margin-bottom: 38px;
    }


    .ancv-conversion-icon {

        width: 36px;

        height: 36px;

        flex-basis: 36px;
    }


    .ancv-conversion h2 {

        font-size: 19px;
    }


    .ancv-conversion p {

        font-size: 13px;
    }


    .ancv-section {

        margin-bottom: 45px;
    }


    .ancv-section-heading h2,
    .ancv-process-intro h2 {

        font-size: 27px;
    }


    .ancv-section-heading > p,
    .ancv-process-intro p {

        font-size: 14px;
    }


    .ancv-benefits-grid,
    .ancv-process {

        grid-template-columns: 1fr;

        gap: 12px;
    }


    .ancv-benefit-card {

        min-height: auto;

        padding: 20px 18px;
    }


    .ancv-benefit-card h3 {

        font-size: 15px;
    }


    .ancv-benefit-card p {

        font-size: 13px;
    }


    .ancv-step {

        min-height: auto;

        padding: 18px;
    }


    .ancv-step h3 {

        font-size: 15px;
    }


    .ancv-step p {

        font-size: 13px;
    }


    .ancv-info-note {

        align-items: flex-start;
    }


    .ancv-footer-card {

        padding: 21px 18px;
    }


    .ancv-footer-card h2 {

        font-size: 22px;
    }


    .ancv-footer-card p {

        font-size: 13px;
    }

}


/* =========================================================
   PETIT MOBILE
   ========================================================= */

@media (max-width: 420px) {

    .ancv-hero h1 {

        font-size: 31px;
    }


    .ancv-section-heading h2,
    .ancv-process-intro h2 {

        font-size: 25px;
    }


    .ancv-footer-card h2 {

        font-size: 21px;
    }

}/* End custom CSS */