body.elementor-page-1760 h1.entry-title{margin-top:1px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d37f4cf *//* ==========================================================
   HERO PRACTICE
========================================================== */

.practice-hero,
.practice-hero * {
    box-sizing: border-box;
}

.practice-hero {
    --practice-green: #123f31;
    --practice-dark: #082b21;
    --practice-gold: #d7aa52;
    --practice-cream: #f7f4ec;

    width: 100%;
    margin: 0;
    padding: 22px 28px 36px;

    background: #ffffff;
}


/* ==========================================================
   CONTENEUR
========================================================== */

.practice-hero__inner {
    width: min(1180px, 100%);
    margin: 0 auto;
}


/* ==========================================================
   BLOC VISUEL
========================================================== */

.practice-hero__media {
    position: relative !important;

    width: 100% !important;
    height: 760px !important;
    min-height: 760px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: var(--practice-dark) !important;
}


/* ==========================================================
   IMAGE
========================================================== */

.practice-hero__image {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center center !important;

    transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}

.practice-hero__media:hover .practice-hero__image {
    transform: scale(1.012);
}


/* ==========================================================
   VOILE
========================================================== */

.practice-hero__overlay {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background:
        linear-gradient(
            to top,
            rgba(5, 31, 23, .76) 0%,
            rgba(5, 31, 23, .46) 23%,
            rgba(5, 31, 23, .18) 47%,
            rgba(5, 31, 23, .04) 72%,
            rgba(5, 31, 23, 0) 100%
        ) !important;

    pointer-events: none;
}


/* ==========================================================
   CADRE INTÉRIEUR
========================================================== */

.practice-hero__border {
    position: absolute !important;
    inset: 20px !important;
    z-index: 4 !important;

    border: 1px solid rgba(255, 255, 255, .30) !important;

    background: transparent !important;
    pointer-events: none;
}


/* ==========================================================
   CONTENU
========================================================== */

.practice-hero__content {
    position: absolute !important;
    left: 50px !important;
    bottom: 68px !important;
    z-index: 3 !important;

    width: min(700px, calc(100% - 130px)) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

.practice-hero__content,
.practice-hero__actions {
    background: transparent !important;
}


/* ==========================================================
   SURTITRE
========================================================== */

.practice-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 0 0 22px;
    padding: 0;

    color: var(--practice-gold);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.practice-hero__eyebrow::before {
    content: "";

    display: block;

    width: 36px;
    height: 1px;
    flex: 0 0 36px;

    background: var(--practice-gold);
}


/* ==========================================================
   TITRE
========================================================== */

.practice-hero__title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(70px, 7vw, 105px);
    font-weight: 500;
    line-height: .88;
    letter-spacing: -.045em;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.practice-hero__description {
    max-width: 640px;

    margin: 28px 0 0 !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, .84) !important;

    font-family: "Manrope", Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
}


/* ==========================================================
   ACTIONS
========================================================== */

.practice-hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;

    margin: 34px 0 0 !important;
    padding: 0 !important;
}


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

.practice-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    width: auto;
    min-height: 55px;

    margin: 0;
    padding: 7px 8px 7px 22px;

    border-radius: 100px;

    font-family: "Manrope", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;

    transition:
        transform .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        color .3s ease;
}

.practice-hero__button:hover {
    transform: translateY(-2px);
}

.practice-hero__button:focus-visible {
    outline: 2px solid var(--practice-gold);
    outline-offset: 4px;
}


/* BOUTON PRINCIPAL */

.practice-hero__button--primary {
    border: 0;

    background: #ffffff;
    color: var(--practice-green);
}

.practice-hero__button--primary:hover {
    background: var(--practice-cream);
    color: var(--practice-green);
}


/* BOUTON SECONDAIRE */

.practice-hero__button--secondary {
    border: 1px solid rgba(255, 255, 255, .80);

    background: rgba(255, 255, 255, .04);
    color: #ffffff;

    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.practice-hero__button--secondary:hover {
    border-color: #ffffff;

    background: rgba(255, 255, 255, .12);
    color: #ffffff;
}


/* ==========================================================
   ICÔNES
========================================================== */

.practice-hero__button-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 50%;

    font-size: 16px;
    line-height: 1;

    transition: transform .3s ease;
}

.practice-hero__button--primary .practice-hero__button-icon {
    background: var(--practice-green);
    color: #ffffff;
}

.practice-hero__button--secondary .practice-hero__button-icon {
    background: #ffffff;
    color: var(--practice-green);
}

.practice-hero__button--primary:hover .practice-hero__button-icon {
    transform: translateY(3px);
}

.practice-hero__button--secondary:hover .practice-hero__button-icon {
    transform: translateX(2px);
}


/* ==========================================================
   INDICATION VERTICALE
========================================================== */

.practice-hero__discover {
    position: absolute !important;
    right: 45px;
    bottom: 60px;
    z-index: 5 !important;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;

    color: rgba(255, 255, 255, .72);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 8px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .24em;
    text-transform: uppercase;
    writing-mode: vertical-rl;

    transform: rotate(180deg);
}

.practice-hero__discover i {
    display: block;

    width: 1px;
    height: 44px;

    background: var(--practice-gold);
}


/* ==========================================================
   POSITION DU DÉFILEMENT
========================================================== */

#practice-installations {
    scroll-margin-top: 100px;
}


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

@media (max-width: 1024px) {

    .practice-hero {
        padding: 18px 22px 30px;
    }

    .practice-hero__media {
        height: 680px !important;
        min-height: 680px !important;
    }

    .practice-hero__content {
        left: 44px !important;
        bottom: 55px !important;

        width: min(650px, calc(100% - 110px)) !important;
    }

    .practice-hero__title {
        font-size: 72px;
    }
}


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

@media (max-width: 767px) {

    .practice-hero {
        padding: 10px 12px 24px;
    }

    .practice-hero__media {
        height: 650px !important;
        min-height: 650px !important;
    }

    .practice-hero__overlay {
        background:
            linear-gradient(
                to top,
                rgba(5, 31, 23, .84) 0%,
                rgba(5, 31, 23, .56) 26%,
                rgba(5, 31, 23, .22) 52%,
                rgba(5, 31, 23, .04) 77%,
                rgba(5, 31, 23, 0) 100%
            ) !important;
    }

    .practice-hero__border {
        inset: 10px !important;
    }

    .practice-hero__content {
        left: 27px !important;
        right: 27px !important;
        bottom: 29px !important;

        width: auto !important;
    }

    .practice-hero__eyebrow {
        gap: 9px;

        margin-bottom: 15px;

        font-size: 8px;
        letter-spacing: .15em;
    }

    .practice-hero__eyebrow::before {
        width: 22px;
        flex-basis: 22px;
    }

    .practice-hero__title {
        font-size: 52px;
        line-height: .9;
    }

    .practice-hero__description {
        max-width: 310px;

        margin-top: 18px !important;

        font-size: 13.5px;
        line-height: 1.55;
    }

    .practice-hero__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;

        width: 100%;

        margin-top: 22px !important;
    }

    .practice-hero__button {
        justify-content: space-between;

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

        padding: 6px 6px 6px 18px;

        font-size: 12px;
    }

    .practice-hero__button-icon {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .practice-hero__discover {
        display: none;
    }
}


/* ==========================================================
   PETITS MOBILES
========================================================== */

@media (max-width: 390px) {

    .practice-hero {
        padding-right: 8px;
        padding-left: 8px;
    }

    .practice-hero__media {
        height: 625px !important;
        min-height: 625px !important;
    }

    .practice-hero__border {
        inset: 8px !important;
    }

    .practice-hero__content {
        left: 22px !important;
        right: 22px !important;
        bottom: 24px !important;
    }

    .practice-hero__title {
        font-size: 46px;
    }

    .practice-hero__description {
        max-width: 285px;
        font-size: 12.5px;
    }

    .practice-hero__button {
        font-size: 11.5px;
    }
}


/* ==========================================================
   TRÈS PETITS MOBILES
========================================================== */

@media (max-width: 350px) {

    .practice-hero__media {
        height: 600px !important;
        min-height: 600px !important;
    }

    .practice-hero__title {
        font-size: 42px;
    }

    .practice-hero__description {
        font-size: 12px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9bf8e8a *//* ==========================================================
   POPUP CONTACT JULIEN
========================================================== */

.julien-contact-modal,
.julien-contact-modal * {
    box-sizing: border-box;
}


/* SÉCURITÉ : LE POPUP MASQUÉ NE PREND AUCUNE PLACE */

.julien-contact-modal[hidden] {
    display: none !important;
}


/* CONTENEUR PLEIN ÉCRAN */

.julien-contact-modal {
    --julien-green: #123f31;
    --julien-dark: #082b21;
    --julien-gold: #d7aa52;
    --julien-cream: #f7f4ec;

    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100vw !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 26px !important;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    background: transparent !important;

    transition:
        opacity .35s ease,
        visibility .35s ease;
}


/* POPUP OUVERT */

.julien-contact-modal.is-open {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}


/* ARRIÈRE-PLAN */

.julien-contact-modal__backdrop {
    position: absolute;
    inset: 0;
    z-index: 0;

    width: 100%;
    height: 100%;

    background: rgba(5, 31, 42, .84);

    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);

    cursor: pointer;
}


/* FENÊTRE */

.julien-contact-modal__dialog {
    position: relative;
    z-index: 2;

    width: min(660px, 100%);
    max-height: calc(100vh - 52px);

    margin: 0;
    padding: 20px;

    overflow-y: auto;
    overscroll-behavior: contain;

    border-radius: 30px;

    background:
        linear-gradient(
            145deg,
            var(--julien-green) 0%,
            var(--julien-dark) 100%
        );

    box-shadow:
        0 35px 90px rgba(0, 0, 0, .38),
        inset 0 1px 0 rgba(255, 255, 255, .08);

    transform: translateY(28px) scale(.97);

    transition: transform .42s cubic-bezier(.2, .7, .2, 1);

    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .35) transparent;
}


/* ANIMATION D’OUVERTURE */

.julien-contact-modal.is-open .julien-contact-modal__dialog {
    transform: translateY(0) scale(1);
}


/* CADRE INTÉRIEUR */

.julien-contact-modal__dialog::before {
    content: "";

    position: absolute;
    inset: 18px;
    z-index: 0;

    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 22px;

    pointer-events: none;
}


/* BARRE DE DÉFILEMENT */

.julien-contact-modal__dialog::-webkit-scrollbar {
    width: 6px;
}

.julien-contact-modal__dialog::-webkit-scrollbar-track {
    background: transparent;
}

.julien-contact-modal__dialog::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(255, 255, 255, .35);
}


/* CONTENU INTÉRIEUR */

.julien-contact-modal__inner {
    position: relative;
    z-index: 1;

    width: 100%;

    margin: 0;
    padding: 48px 34px 24px;

    text-align: center;
}


/* BOUTON FERMER */

.julien-contact-modal__close {
    position: absolute;
    top: 26px;
    right: 26px;
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 50px;
    height: 50px;

    margin: 0;
    padding: 0;

    border: 0;
    border-radius: 50%;

    color: #ffffff;
    background: rgba(255, 255, 255, .10);

    font-family: Arial, sans-serif;
    font-size: 34px;
    font-weight: 200;
    line-height: 1;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;

    transition:
        background-color .25s ease,
        transform .25s ease;
}

.julien-contact-modal__close:hover {
    background: rgba(255, 255, 255, .18);
    transform: rotate(5deg);
}

.julien-contact-modal__close:focus-visible {
    outline: 2px solid var(--julien-gold);
    outline-offset: 4px;
}


/* LOGO */

.julien-contact-modal__logo-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 135px;
    height: 135px;

    margin: 0 auto 32px;
    padding: 10px;

    border-radius: 50%;

    background: #ffffff;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
}

.julien-contact-modal__logo {
    display: block;

    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    object-fit: contain;
}


/* SURTITRE */

.julien-contact-modal__eyebrow {
    display: block;

    margin: 0 0 18px;

    color: var(--julien-gold);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .22em;
    text-transform: uppercase;
}


/* TITRE */

.julien-contact-modal__title {
    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(60px, 7vw, 74px);
    font-weight: 500;
    line-height: .92;
    letter-spacing: -.04em;
}


/* DESCRIPTION */

.julien-contact-modal__description {
    margin: 12px 0 34px !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, .72) !important;

    font-family: "Manrope", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.6;
}


/* COORDONNÉES */

.julien-contact-modal__details {
    display: grid;
    gap: 18px;

    width: 100%;
}


/* LIENS */

.julien-contact-modal__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

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

    margin: 0;
    padding: 12px 14px 12px 28px;

    border-radius: 999px;

    background: #ffffff;
    text-decoration: none;

    transition:
        transform .30s ease,
        background-color .30s ease,
        box-shadow .30s ease;
}

.julien-contact-modal__item:hover {
    transform: translateY(-3px);

    background: var(--julien-cream);

    box-shadow: 0 16px 34px rgba(0, 0, 0, .14);
}

.julien-contact-modal__item:focus-visible {
    outline: 2px solid var(--julien-gold);
    outline-offset: 4px;
}


/* VALEURS */

.julien-contact-modal__item-value {
    color: var(--julien-green);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;

    overflow-wrap: anywhere;
}


/* FLÈCHES */

.julien-contact-modal__item-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 56px;
    height: 56px;
    flex: 0 0 56px;

    border-radius: 50%;

    background: var(--julien-green);
    color: #ffffff;

    font-size: 22px;

    transition:
        transform .30s ease,
        background-color .30s ease,
        color .30s ease;
}

.julien-contact-modal__item:hover
.julien-contact-modal__item-arrow {
    transform: translate(2px, -2px);

    background: var(--julien-gold);
    color: var(--julien-dark);
}


/* EMPÊCHE LA PAGE DE DÉFILER QUAND LE POPUP EST OUVERT */

body.julien-contact-modal-open {
    overflow: hidden !important;
}


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

@media (max-width: 1024px) {

    .julien-contact-modal {
        padding: 22px !important;
    }

    .julien-contact-modal__dialog {
        width: min(620px, 100%);
        max-height: calc(100vh - 44px);
    }

    .julien-contact-modal__inner {
        padding: 46px 30px 24px;
    }

    .julien-contact-modal__logo-wrapper {
        width: 125px;
        height: 125px;

        margin-bottom: 28px;
    }

    .julien-contact-modal__title {
        font-size: 62px;
    }
}


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

@media (max-width: 767px) {

    .julien-contact-modal {
        padding: 12px !important;
    }

    .julien-contact-modal__dialog {
        width: 100%;
        max-height: calc(100vh - 24px);

        padding: 14px;

        border-radius: 26px;
    }

    .julien-contact-modal__dialog::before {
        inset: 12px;
        border-radius: 19px;
    }

    .julien-contact-modal__inner {
        padding: 58px 17px 24px;
    }

    .julien-contact-modal__close {
        top: 23px;
        right: 23px;

        width: 44px;
        height: 44px;

        font-size: 30px;
    }

    .julien-contact-modal__logo-wrapper {
        width: 105px;
        height: 105px;

        margin-bottom: 24px;
        padding: 8px;
    }

    .julien-contact-modal__eyebrow {
        max-width: 290px;

        margin: 0 auto 15px;

        font-size: 8.5px;
        letter-spacing: .17em;
    }

    .julien-contact-modal__title {
        font-size: 45px;
    }

    .julien-contact-modal__description {
        margin: 10px 0 25px !important;

        font-size: 15px;
    }

    .julien-contact-modal__details {
        gap: 11px;
    }

    .julien-contact-modal__item {
        min-height: 72px;

        gap: 11px;
        padding: 10px 10px 10px 20px;
    }

    .julien-contact-modal__item-value {
        font-size: 15px;
    }

    .julien-contact-modal__item-arrow {
        width: 48px;
        height: 48px;
        flex-basis: 48px;

        font-size: 19px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b74429b *//*==========================================================
=              PRACTICE — INSTALLATIONS                    =
==========================================================*/

.practice-installations,
.practice-installations *{
    box-sizing:border-box;
}

.practice-installations{
    --pi-green:#123f31;
    --pi-dark:#082b21;
    --pi-gold:#d7aa52;
    --pi-cream:#f7f4ec;
    --pi-text:#6f7c76;
    --pi-border:rgba(18,63,49,.15);

    width:100%;
    padding:110px 30px 120px;

    background:
        radial-gradient(
            circle at 85% 8%,
            rgba(215,170,82,.08),
            transparent 25%
        ),
        var(--pi-cream);
}


/*==========================================================
=                       CONTENEUR                          =
==========================================================*/

.practice-installations__container{
    width:min(1180px,100%);
    margin:0 auto;
}


/*==========================================================
=                         HEADER                           =
==========================================================*/

.practice-installations__header{
    display:grid;
    grid-template-columns:1.25fr .75fr;
    align-items:end;

    gap:80px;

    margin-bottom:85px;
}

.practice-installations__eyebrow{
    display:flex;
    align-items:center;

    gap:14px;

    margin-bottom:20px;

    color:var(--pi-gold);

    font-size:11px;
    font-weight:700;
    letter-spacing:.22em;

    text-transform:uppercase;
}

.practice-installations__eyebrow::before{
    content:"";

    width:36px;
    height:1px;

    flex:0 0 36px;

    background:var(--pi-gold);
}

.practice-installations__title{
    margin:0;

    color:var(--pi-green);

    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(56px,5.5vw,80px);
    font-weight:500;
    line-height:.9;

    letter-spacing:-.045em;
}

.practice-installations__title em{
    display:block;

    margin-top:8px;

    color:var(--pi-gold);

    font-weight:400;
}

.practice-installations__intro{
    max-width:420px;
}

.practice-installations__intro p{
    margin:0;

    color:var(--pi-text);

    font-size:16px;
    line-height:1.75;
}


/*==========================================================
=                    UNE INSTALLATION                      =
==========================================================*/

.practice-installation{
    display:grid;

    grid-template-columns:
        minmax(0,1.55fr)
        minmax(300px,.65fr);

    align-items:center;

    gap:70px;

    padding:72px 0;

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

.practice-installation:last-child{
    border-bottom:1px solid var(--pi-border);
}


/*==========================================================
=                    VERSION INVERSÉE                      =
==========================================================*/

.practice-installation--reverse{
    grid-template-columns:
        minmax(300px,.65fr)
        minmax(0,1.55fr);
}

.practice-installation--reverse
.practice-installation__visual{
    order:2;
}

.practice-installation--reverse
.practice-installation__content{
    order:1;
}


/*==========================================================
=                       GRANDE IMAGE                       =
==========================================================*/

.practice-installation__visual{
    position:relative;

    width:100%;

    aspect-ratio:16 / 9;

    overflow:hidden;

    border-radius:26px;

    background:var(--pi-dark);

    box-shadow:
        0 25px 60px rgba(8,43,33,.12);
}

.practice-installation__visual img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;

    transition:
        transform 1.1s cubic-bezier(.2,.7,.2,1);
}

.practice-installation:hover
.practice-installation__visual img{
    transform:scale(1.025);
}


/*==========================================================
=                    CADRE SUR PHOTO                       =
==========================================================*/

.practice-installation__image-border{
    position:absolute;

    inset:15px;

    border:
        1px solid
        rgba(255,255,255,.32);

    border-radius:18px;

    pointer-events:none;
}


/*==========================================================
=                    NUMÉRO SUR PHOTO                      =
==========================================================*/

.practice-installation__image-number{
    position:absolute;

    z-index:2;

    left:28px;
    bottom:27px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    border-radius:50%;

    background:rgba(8,43,33,.88);

    color:#fff;

    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:18px;
    font-weight:600;

    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}


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

.practice-installation__content{
    width:100%;
    max-width:370px;
}

.practice-installation__index{
    display:block;

    margin-bottom:38px;

    color:var(--pi-gold);

    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:21px;
    font-weight:600;
}

.practice-installation__label{
    display:block;

    margin-bottom:14px;

    color:var(--pi-gold);

    font-size:10px;
    font-weight:700;

    letter-spacing:.2em;

    text-transform:uppercase;
}


/*==========================================================
=                         TITRE                            =
==========================================================*/

.practice-installation__content h3{
    margin:0;

    color:var(--pi-green);

    font-family:"Cormorant Garamond",Georgia,serif;
    font-size:clamp(46px,4.2vw,61px);
    font-weight:500;
    line-height:.9;

    letter-spacing:-.04em;
}

.practice-installation__content h3 em{
    display:block;

    margin-top:6px;

    color:var(--pi-gold);

    font-weight:400;
}


/*==========================================================
=                      DESCRIPTION                         =
==========================================================*/

.practice-installation__content > p{
    margin:27px 0 0;

    color:var(--pi-text);

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


/*==========================================================
=                         NOTE                             =
==========================================================*/

.practice-installation__note{
    display:grid;

    grid-template-columns:32px 1fr;

    gap:14px;

    align-items:start;

    margin-top:30px;
    padding-top:25px;

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

.practice-installation__note > span{
    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    border:1px solid rgba(18,63,49,.25);
    border-radius:50%;

    color:var(--pi-green);

    font-size:17px;
}

.practice-installation__note p{
    margin:2px 0 0;

    color:var(--pi-green);

    font-size:12px;
    line-height:1.55;
}


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

@media (max-width:1024px){

    .practice-installations{
        padding:
            90px
            24px
            100px;
    }

    .practice-installations__header{
        grid-template-columns:1fr;

        gap:28px;

        margin-bottom:55px;
    }

    .practice-installations__intro{
        max-width:620px;
    }

    .practice-installation,
    .practice-installation--reverse{
        grid-template-columns:
            minmax(0,1.35fr)
            minmax(270px,.65fr);

        gap:42px;

        padding:55px 0;
    }

}


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

@media (max-width:767px){

    .practice-installations{
        padding:
            70px
            14px
            80px;
    }


    /* HEADER */

    .practice-installations__header{
        gap:24px;

        margin-bottom:38px;
    }

    .practice-installations__eyebrow{
        gap:10px;

        margin-bottom:15px;

        font-size:9px;
        letter-spacing:.17em;
    }

    .practice-installations__eyebrow::before{
        width:24px;

        flex-basis:24px;
    }

    .practice-installations__title{
        max-width:350px;

        font-size:46px;
        line-height:.92;
    }

    .practice-installations__intro p{
        max-width:350px;

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


    /* BLOCS */

    .practice-installation,
    .practice-installation--reverse{
        display:flex;
        flex-direction:column;

        gap:30px;

        padding:42px 0;
    }

    .practice-installation--reverse
    .practice-installation__visual,

    .practice-installation--reverse
    .practice-installation__content{
        order:initial;
    }


    /* PHOTO */

    .practice-installation__visual{
        width:100%;

        aspect-ratio:4 / 3;

        border-radius:20px;

        box-shadow:
            0 15px 35px
            rgba(8,43,33,.10);
    }

    .practice-installation__image-border{
        inset:9px;

        border-radius:13px;
    }

    .practice-installation__image-number{
        left:18px;
        bottom:17px;

        width:39px;
        height:39px;

        font-size:15px;
    }


    /* TEXTE */

    .practice-installation__content{
        max-width:none;

        padding:0 5px;
    }

    .practice-installation__index{
        margin-bottom:22px;

        font-size:18px;
    }

    .practice-installation__label{
        margin-bottom:11px;

        font-size:9px;
    }

    .practice-installation__content h3{
        max-width:300px;

        font-size:43px;
    }

    .practice-installation__content > p{
        max-width:340px;

        margin-top:20px;

        font-size:13.5px;
        line-height:1.65;
    }

    .practice-installation__note{
        max-width:350px;

        margin-top:23px;
        padding-top:20px;
    }

}


/*==========================================================
=                    PETITS MOBILES                        =
==========================================================*/

@media (max-width:390px){

    .practice-installations{
        padding-left:10px;
        padding-right:10px;
    }

    .practice-installations__title{
        font-size:41px;
    }

    .practice-installation{
        padding:37px 0;
    }

    .practice-installation__visual{
        aspect-ratio:1.25 / 1;
    }

    .practice-installation__content h3{
        font-size:39px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-47a6340 *//*==========================================================
=                  TARIFS PRACTICE                         =
==========================================================*/

.practice-pricing,
.practice-pricing *{
    box-sizing:border-box;
}

.practice-pricing{
    --pp-green:#123f31;
    --pp-green-dark:#082b21;
    --pp-green-light:#1d5543;

    --pp-gold:#d7aa52;
    --pp-gold-light:#e8c987;

    --pp-white:#ffffff;
    --pp-cream:#f7f4ec;

    width:100%;

    padding:110px 30px 105px;

    color:#fff;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(215,170,82,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 5% 100%,
            rgba(255,255,255,.035),
            transparent 30%
        ),
        var(--pp-green-dark);

    overflow:hidden;
}


/*==========================================================
=                      CONTENEUR                           =
==========================================================*/

.practice-pricing__container{
    width:min(1180px,100%);
    margin:0 auto;
}


/*==========================================================
=                         HEADER                           =
==========================================================*/

.practice-pricing__header{
    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(280px,.65fr);

    align-items:end;

    gap:80px;

    margin-bottom:62px;
}


/*==========================================================
=                        SURTITRE                          =
==========================================================*/

.practice-pricing__eyebrow{
    display:flex;
    align-items:center;

    gap:14px;

    margin-bottom:20px;

    color:var(--pp-gold);

    font-size:11px;
    font-weight:700;

    letter-spacing:.22em;
    text-transform:uppercase;
}

.practice-pricing__eyebrow::before{
    content:"";

    width:36px;
    height:1px;

    flex:0 0 36px;

    background:var(--pp-gold);
}


/*==========================================================
=                         TITRE                            =
==========================================================*/

.practice-pricing__title{
    margin:0;

    color:#fff;

    font-family:"Cormorant Garamond",Georgia,serif;

    font-size:clamp(58px,5.7vw,82px);
    font-weight:500;

    line-height:.9;

    letter-spacing:-.045em;
}

.practice-pricing__title em{
    display:block;

    margin-top:8px;

    color:var(--pp-gold);

    font-weight:400;
}


/*==========================================================
=                     INTRODUCTION                         =
==========================================================*/

.practice-pricing__intro{
    max-width:400px;
}

.practice-pricing__intro p{
    margin:0;

    color:rgba(255,255,255,.66);

    font-size:15px;
    line-height:1.75;
}


/*==========================================================
=                       LES OFFRES                         =
==========================================================*/

.practice-pricing__offers{
    display:grid;

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

    gap:22px;
}


/*==========================================================
=                         CARTE                            =
==========================================================*/

.practice-pricing__card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-height:485px;

    padding:34px;

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:26px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );

    overflow:hidden;

    transition:
        transform .35s ease,
        border-color .35s ease,
        background-color .35s ease;
}

.practice-pricing__card::before{
    content:"";

    position:absolute;

    top:-150px;
    right:-140px;

    width:340px;
    height:340px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(215,170,82,.09),
            transparent 68%
        );

    pointer-events:none;
}

.practice-pricing__card:hover{
    transform:translateY(-4px);

    border-color:rgba(215,170,82,.30);
}


/*==========================================================
=                    CARTE MISE EN AVANT                   =
==========================================================*/

.practice-pricing__card--featured{
    border-color:rgba(215,170,82,.28);

    background:
        linear-gradient(
            145deg,
            rgba(215,170,82,.10),
            rgba(255,255,255,.035)
        );
}


/*==========================================================
=                      HAUT CARTE                          =
==========================================================*/

.practice-pricing__card-top{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding-bottom:25px;

    border-bottom:
        1px solid
        rgba(255,255,255,.10);
}

.practice-pricing__number{
    color:var(--pp-gold);

    font-family:"Cormorant Garamond",Georgia,serif;

    font-size:19px;
    font-weight:600;
}

.practice-pricing__type{
    color:rgba(255,255,255,.58);

    font-size:9px;
    font-weight:700;

    letter-spacing:.18em;
    text-transform:uppercase;
}


/*==========================================================
=                    QUANTITÉ                              =
==========================================================*/

.practice-pricing__card-heading{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    gap:24px;

    padding:35px 0 32px;
}

.practice-pricing__quantity{
    color:#fff;

    font-family:"Cormorant Garamond",Georgia,serif;

    font-size:78px;
    font-weight:500;

    line-height:.7;

    letter-spacing:-.05em;
}

.practice-pricing__quantity-label{
    display:block;

    margin-bottom:8px;

    color:#fff;

    font-size:15px;
    font-weight:700;
}

.practice-pricing__card-heading p{
    max-width:270px;

    margin:0;

    color:rgba(255,255,255,.52);

    font-size:12px;
    line-height:1.55;
}


/*==========================================================
=                         PRIX                             =
==========================================================*/

.practice-pricing__prices{
    position:relative;
    z-index:2;

    display:grid;

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

    gap:10px;

    margin-top:auto;
}

.practice-pricing__price{
    position:relative;

    min-height:132px;

    padding:20px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:18px;

    background:
        rgba(255,255,255,.045);
}


/*==========================================================
=                      TARIF MEMBRE                        =
==========================================================*/

.practice-pricing__price--member{
    border-color:rgba(215,170,82,.30);

    background:
        rgba(215,170,82,.10);
}

.practice-pricing__member-badge{
    position:absolute;

    top:-9px;
    right:14px;

    padding:5px 9px;

    border-radius:100px;

    color:var(--pp-green-dark);

    background:var(--pp-gold);

    font-size:7px;
    font-weight:800;

    letter-spacing:.10em;
    text-transform:uppercase;
}


/*==========================================================
=                     LABEL DU PRIX                        =
==========================================================*/

.practice-pricing__price-label{
    display:block;

    margin-bottom:16px;

    color:rgba(255,255,255,.55);

    font-size:9px;
    font-weight:700;

    letter-spacing:.15em;
    text-transform:uppercase;
}

.practice-pricing__price--member
.practice-pricing__price-label{
    color:var(--pp-gold-light);
}


/*==========================================================
=                      MONTANT                             =
==========================================================*/

.practice-pricing__amount{
    display:flex;
    align-items:flex-start;

    gap:5px;
}

.practice-pricing__amount strong{
    color:#fff;

    font-family:"Cormorant Garamond",Georgia,serif;

    font-size:48px;
    font-weight:500;

    line-height:.8;

    letter-spacing:-.04em;
}

.practice-pricing__amount span{
    margin-top:1px;

    color:var(--pp-gold);

    font-family:"Cormorant Garamond",Georgia,serif;

    font-size:22px;
    font-weight:600;
}


/*==========================================================
=                       ÉCONOMIE                           =
==========================================================*/

.practice-pricing__saving{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;

    gap:11px;

    margin-top:17px;
}

.practice-pricing__saving > span{
    display:flex;
    align-items:center;
    justify-content:center;

    width:26px;
    height:26px;

    flex:0 0 26px;

    border:
        1px solid
        rgba(215,170,82,.35);

    border-radius:50%;

    color:var(--pp-gold);

    font-size:14px;
}

.practice-pricing__saving p{
    margin:0;

    color:rgba(255,255,255,.54);

    font-size:10px;
    line-height:1.5;
}

.practice-pricing__saving strong{
    color:var(--pp-gold-light);

    font-weight:700;
}


/*==========================================================
=                      PIED SECTION                        =
==========================================================*/

.practice-pricing__footer{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:14px;

    max-width:620px;

    margin:38px auto 0;

    text-align:center;
}

.practice-pricing__footer-icon{
    display:flex;
    align-items:center;
    justify-content:center;

    width:30px;
    height:30px;

    flex:0 0 30px;

    border:
        1px solid
        rgba(215,170,82,.35);

    border-radius:50%;

    color:var(--pp-gold);

    font-size:15px;
}

.practice-pricing__footer p{
    margin:0;

    color:rgba(255,255,255,.55);

    font-size:11px;
    line-height:1.55;
}


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

@media (max-width:900px){

    .practice-pricing{
        padding:
            85px
            22px
            85px;
    }

    .practice-pricing__header{
        grid-template-columns:1fr;

        gap:26px;

        margin-bottom:45px;
    }

    .practice-pricing__intro{
        max-width:600px;
    }

    .practice-pricing__card{
        padding:27px;
    }

    .practice-pricing__quantity{
        font-size:67px;
    }

}


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

@media (max-width:767px){

    .practice-pricing{
        padding:
            70px
            14px
            70px;
    }


    /* HEADER */

    .practice-pricing__header{
        gap:22px;

        margin-bottom:35px;
    }

    .practice-pricing__eyebrow{
        gap:10px;

        margin-bottom:15px;

        font-size:9px;
        letter-spacing:.17em;
    }

    .practice-pricing__eyebrow::before{
        width:24px;
        flex-basis:24px;
    }

    .practice-pricing__title{
        max-width:360px;

        font-size:47px;
        line-height:.92;
    }

    .practice-pricing__intro p{
        max-width:350px;

        font-size:13.5px;
        line-height:1.65;
    }


    /* CARTES */

    .practice-pricing__offers{
        grid-template-columns:1fr;

        gap:14px;
    }

    .practice-pricing__card{
        min-height:0;

        padding:24px;

        border-radius:21px;
    }

    .practice-pricing__card:hover{
        transform:none;
    }


    /* QUANTITÉ */

    .practice-pricing__card-heading{
        gap:20px;

        padding:30px 0 27px;
    }

    .practice-pricing__quantity{
        font-size:65px;
    }

    .practice-pricing__quantity-label{
        font-size:14px;
    }


    /* PRIX */

    .practice-pricing__price{
        min-height:120px;

        padding:17px;

        border-radius:15px;
    }

    .practice-pricing__amount strong{
        font-size:43px;
    }

    .practice-pricing__amount span{
        font-size:19px;
    }


    /* FOOTER */

    .practice-pricing__footer{
        align-items:flex-start;

        margin-top:28px;

        text-align:left;
    }

}


/*==========================================================
=                    PETITS MOBILES                        =
==========================================================*/

@media (max-width:390px){

    .practice-pricing{
        padding-left:10px;
        padding-right:10px;
    }

    .practice-pricing__title{
        font-size:42px;
    }

    .practice-pricing__card{
        padding:20px;
    }

    .practice-pricing__card-heading{
        gap:15px;
    }

    .practice-pricing__quantity{
        font-size:58px;
    }

    .practice-pricing__prices{
        gap:7px;
    }

    .practice-pricing__price{
        padding:15px 13px;
    }

    .practice-pricing__amount strong{
        font-size:38px;
    }

    .practice-pricing__member-badge{
        right:8px;

        font-size:6px;
    }

}


/*==========================================================
=                APPAREILS TACTILES                       =
==========================================================*/

@media (hover:none){

    .practice-pricing__card:hover{
        transform:none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-23c052b *//* ==========================================================
   JL ACADEMY
========================================================== */

.jl-academy,
.jl-academy * {
    box-sizing: border-box;
}

.jl-academy {
    --jl-green: #123f31;
    --jl-dark: #082b21;
    --jl-gold: #d7aa52;
    --jl-cream: #f7f4ec;
    --jl-text: #6d7a74;
    --jl-border: rgba(18, 63, 49, .13);

    width: 100%;
    margin: 0;
    padding: 105px 30px;

    background: var(--jl-cream);
}


/* ==========================================================
   CONTENEUR
========================================================== */

.jl-academy__container {
    display: grid;
    grid-template-columns:
        minmax(300px, .72fr)
        minmax(0, 1.28fr);
    align-items: center;
    gap: 90px;

    width: min(1180px, 100%);
    margin: 0 auto;
}


/* ==========================================================
   ZONE DU LOGO
========================================================== */

.jl-academy__brand {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 390px;
    padding: 60px;

    overflow: hidden;

    border: 1px solid var(--jl-border);
    border-radius: 28px;

    background: #ffffff;
}


/* PREMIER CERCLE */

.jl-academy__brand::before {
    content: "";

    position: absolute;

    width: 290px;
    height: 290px;

    border: 1px solid rgba(215, 170, 82, .16);
    border-radius: 50%;
}


/* DEUXIÈME CERCLE */

.jl-academy__brand::after {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    border: 1px solid rgba(18, 63, 49, .07);
    border-radius: 50%;
}


/* ==========================================================
   LOGO
========================================================== */

.jl-academy__logo {
    position: relative;
    z-index: 2;

    display: block;

    width: min(250px, 85%);
    max-width: 100%;
    height: auto;

    margin: 0;

    object-fit: contain;
}


/* ==========================================================
   CONTENU
========================================================== */

.jl-academy__content {
    width: 100%;
    max-width: 610px;
}


/* ==========================================================
   SURTITRE
========================================================== */

.jl-academy__eyebrow {
    display: flex;
    align-items: center;
    gap: 14px;

    margin: 0 0 20px;

    color: var(--jl-gold);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .22em;
    text-transform: uppercase;
}

.jl-academy__eyebrow::before {
    content: "";

    display: block;

    width: 34px;
    height: 1px;
    flex: 0 0 34px;

    background: var(--jl-gold);
}


/* ==========================================================
   TITRE
========================================================== */

.jl-academy__title {
    margin: 0;
    padding: 0;

    color: var(--jl-green);

    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: clamp(58px, 5.6vw, 82px);
    font-weight: 500;
    line-height: .9;
    letter-spacing: -.045em;
}

.jl-academy__title em {
    display: block;

    margin-top: 8px;

    color: var(--jl-gold);

    font-weight: 400;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.jl-academy__description {
    max-width: 540px;

    margin: 30px 0 0;
    padding: 0;

    color: var(--jl-text);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75;
}


/* ==========================================================
   BAS DE LA SECTION
========================================================== */

.jl-academy__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    margin-top: 42px;
    padding-top: 30px;

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


/* ==========================================================
   NOM JL ACADEMY
========================================================== */

.jl-academy__contact {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.jl-academy__contact span {
    color: var(--jl-text);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
}


/* ==========================================================
   BOUTON D’OUVERTURE DU POPUP
========================================================== */

.jl-academy__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    width: auto;
    min-height: 55px;

    margin: 0;
    padding: 7px 8px 7px 23px;

    border: 0;
    border-radius: 100px;

    color: #ffffff;
    background: var(--jl-green);

    font-family: "Manrope", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;

    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;

    transition:
        transform .3s ease,
        background-color .3s ease,
        color .3s ease;
}

.jl-academy__button:hover {
    color: #ffffff;
    background: var(--jl-dark);

    transform: translateY(-2px);
}

.jl-academy__button:focus-visible {
    outline: 2px solid var(--jl-gold);
    outline-offset: 4px;
}


/* ==========================================================
   ICÔNE DU BOUTON
========================================================== */

.jl-academy__button-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border-radius: 50%;

    color: var(--jl-dark);
    background: var(--jl-gold);

    font-size: 16px;
    line-height: 1;

    transition: transform .3s ease;
}

.jl-academy__button:hover
.jl-academy__button-icon {
    transform: translateX(3px);
}


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

@media (max-width: 900px) {

    .jl-academy {
        padding: 85px 24px;
    }

    .jl-academy__container {
        grid-template-columns:
            minmax(250px, .7fr)
            minmax(0, 1.3fr);

        gap: 50px;
    }

    .jl-academy__brand {
        min-height: 340px;
        padding: 40px;
    }
}


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

@media (max-width: 767px) {

    .jl-academy {
        padding: 65px 14px 70px;
    }

    .jl-academy__container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .jl-academy__brand {
        min-height: 280px;

        padding: 45px 30px;

        border-radius: 21px;
    }

    .jl-academy__brand::before {
        width: 220px;
        height: 220px;
    }

    .jl-academy__brand::after {
        width: 165px;
        height: 165px;
    }

    .jl-academy__logo {
        width: min(210px, 75%);
    }

    .jl-academy__eyebrow {
        gap: 10px;

        margin-bottom: 15px;

        font-size: 9px;
        letter-spacing: .17em;
    }

    .jl-academy__eyebrow::before {
        width: 24px;
        flex-basis: 24px;
    }

    .jl-academy__title {
        max-width: 350px;

        font-size: 47px;
        line-height: .92;
    }

    .jl-academy__description {
        max-width: 350px;

        margin-top: 22px;

        font-size: 13.5px;
        line-height: 1.65;
    }

    .jl-academy__bottom {
        flex-direction: column;
        align-items: stretch;
        gap: 25px;

        margin-top: 32px;
        padding-top: 25px;
    }

    .jl-academy__button {
        justify-content: space-between;

        width: 100%;
    }
}


/* ==========================================================
   PETITS MOBILES
========================================================== */

@media (max-width: 390px) {

    .jl-academy {
        padding-right: 10px;
        padding-left: 10px;
    }

    .jl-academy__brand {
        min-height: 250px;
    }

    .jl-academy__logo {
        width: min(190px, 78%);
    }

    .jl-academy__title {
        font-size: 42px;
    }
}


/* ==========================================================
   ÉCRANS TACTILES
========================================================== */

@media (hover: none) {

    .jl-academy__button:hover {
        transform: none;
    }
}/* End custom CSS */