/*
Theme Name: Starter Theme
Theme URI: https://underscores.me/
Author: Cyberscope
Author URI: http://www.cyberscope.fr
Description: Un super thème optimisé par les meilleurs intés du monde.
Version: 4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: starter-theme
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Starter Theme is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/

/* Fonts */
/* @import url("https://use.typekit.net/oia3xcs.css"); */
/* @import url("https://use.typekit.net/gqy3lpn.css"); */
@import url('https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap');
@import url("https://use.typekit.net/gqy3lpn.css");
@import url("https://use.typekit.net/gqy3lpn.css");

/* Variables */
:root {
    /* fonts */
    --font-family-primary: "archivo", sans-serif;
    --font-family-title: "archivo", sans-serif;
    --font-family-fantaisy: "Ms Madi", cursive;
    --font-family-area: "area-extended", sans-serif;
    --font-family-roboto: "roboto", sans-serif;

    /* font weights */
    --fw-200: 200;
    --fw-300: 300;
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;
    --fw-800: 800;
    --fw-900: 900;

    /* font size */
    --fs-12: 12px;
    --fs-14: 14px;
    --fs-15: 15px;
    --fs-16: 16px;
    --fs-18: 18px;
    --fs-20: 20px;
    --fs-22: 22px;
    --fs-24: 24px;
    --fs-25: 25px;
    --fs-26: 26px;
    --fs-30: 30px;
    --fs-32: 32px;
    --fs-34: 34px;
    --fs-35: 35px;
    --fs-36: 36px;
    --fs-38: 38px;
    --fs-40: 40px;
    --fs-45: 45px;
    --fs-50: 50px;
    --fs-55: 55px;
    --fs-57: 57px;
    --fs-60: 60px;
    --fs-64: 64px;
    --fs-67: 67px;
    --fs-70: 70px;
    --fs-72: 72px;
    --fs-80: 80px;
    --fs-90: 90px;
    --fs-100: 100px;
    --fs-110: 110px;
    --fs-120: 120px;
    --fs-150: 150px;
    --fs-196: 196px;

    /* line height */
    --lh-100: 100%;
    --lh-110: 110%;
    --lh-120: 120%;
    --lh-130: 130%;
    --lh-140: 140%;
    --lh-150: 150%;
    --lh-160: 160%;

    /* z-index */
    --z-high: 3000;
    --z-medium: 50;
    --z-low: 2;

    /* letter space */
    --lsp-2: 2%;
    --lsp-3: 3%;
    --lsp-4: 4%;
    --lsp-5: 5%;
    --lsp-6: 6%;
    --lsp-15: 15%;

    /* radius */
    --radius-5: 5px;
    --radius-10: 10px;
    --radius-30: 30px;

    /* colors */
    --full-white-clr: #FFFFFF;
    --base-clr: #0D1838;
    --primary-clr: #927D64;
    --secondary-clr: #96A6AF;
    --tertiary-clr: #E6DDD3;
    --support-clr: #F5F7F8;

    /* global styling */
    --container-width: min(1410px, 100%);
    --container-fullwidth: min(1920px, 100%);
    --container-margin-size: calc((100vw - min(100%, 1410px)) / 2);
    --mega-header-height: 110px;

}

html {
    scroll-behavior: smooth;
}

body,
p,
a,
div,
th,
tr,
td,
li,
span,
label,
input,
button,
textarea,
legend {
    font-family: var(--font-family-primary);
    color: var(--base-clr);
}

body {
    font-size: clamp(var(--fs-18), 1.8vw, var(--fs-20));
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-family-title);
}

h2 {
    font-size: clamp(var(--fs-40), 7vw, var(--fs-80));
    line-height: var(--lh-110);
}

h3 {
    font-size: clamp(var(--fs-35), 3.5vw, var(--fs-50));
    line-height: var(--lh-110);
}

h4 {
    font-size: clamp(var(--fs-22), 2vw, var(--fs-30));
    line-height: var(--lh-110);
}

h5 {
    font-size: var(--fs-20);
    line-height: var(--lh-110);
}

a,
button,
input[type="submit"] {
    cursor: pointer;
}

/* form reset */

.al__float_left {
    float: left;
}

.al__float_right {
    float: right;
}

.al__img_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.al__dib {
    display: inline-block;
}

.al__dflex {
    display: flex;
}

.al__gap-10 {
    gap: 10px;
}

.al__gap-20 {
    gap: 20px;
}

.al__align-center {
    align-items: center;
}

.al__justify-center {
    justify-content: center;

}

.al__max-content-w {
    width: max-content;
    max-width: 100%;
    padding-inline: 20px;
}

.al__lsp-2 {
    letter-spacing: var(--lsp-2);
}

.al__lsp-3 {
    letter-spacing: var(--lsp-3);
}

.al__lsp-4 {
    letter-spacing: var(--lsp-4);
}

.al__lsp-5 {
    letter-spacing: var(--lsp-5);
}

.al__lsp-6 {
    letter-spacing: var(--lsp-6);
}

.al__lsp-15 {
    letter-spacing: var(--lsp-15);
}

.al__f-primary {
    font-family: var(--font-family-primary);
}

.al__f-title {
    font-family: var(--font-family-title);
}

.al__f-area {
    font-family: var(--font-family-area);
}

.al__f-roboto {
    font-family: var(--font-family-roboto);
}

.al__f-fantaisy,
.alt_font {
    font-family: var(--font-family-fantaisy);
}

.al__uppercase {
    text-transform: uppercase;
}

.al__lowercase {
    text-transform: lowercase;
}

.al__primary-bg {
    background-color: var(--primary-clr);
}

.al__secondary-bg {
    background-color: var(--secondary-clr);
}

.al__white-bg {
    background-color: var(--full-white-clr);
}


.al__base-bg {
    background-color: var(--base-clr);
}


.al__txt-center {
    text-align: center;
}

.al__p {

    p,
    span {
        font-size: inherit;
        line-height: inherit;
        color: inherit;

        strong {
            font-weight: 700;
        }
    }

    strong {
        font-weight: 700;
    }
}

.al__list-none {
    list-style: none;
    padding: 0;
}

.al__fs-12 {
    font-size: var(--fs-12);
}


.al__fs-14 {
    font-size: var(--fs-14);
}


.al__fs-15 {
    font-size: var(--fs-15);
}

.al__fs-16 {
    font-size: var(--fs-16);
}

.al__fs-16-mini {
    font-size: clamp(var(--fs-14), 1vw, var(--fs-16));
}


.al__fs-18 {
    font-size: clamp(var(--fs-16), 1.2vw, var(--fs-18));
}

.al__fs-20 {
    font-size: clamp(var(--fs-18), 1.8vw, var(--fs-20));
}

.al__fs-20-h5 {
    font-size: var(--fs-20);
}

.al__fs-22 {
    font-size: clamp(var(--fs-18), 1.6vw, var(--fs-22));
}

.al__fs-25 {
    font-size: clamp(var(--fs-20), 1.8vw, var(--fs-25));
}

.al__fs-26 {
    font-size: clamp(var(--fs-20), 1.8vw, var(--fs-26));
}

.al__fs-30 {
    font-size: clamp(var(--fs-22), 2vw, var(--fs-30));
}

.al__fs-32 {
    font-size: clamp(var(--fs-20), 2vw, var(--fs-32));
}

.al__fs-34 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-34));
}

.al__fs-35 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-35));
}

.al__fs-36 {
    font-size: clamp(var(--fs-22), 2.5vw, var(--fs-36));
}

.al__fs-38 {
    font-size: clamp(var(--fs-30), 2.5vw, var(--fs-38));
}

.al__fs-40 {
    font-size: clamp(var(--fs-30), 2.8vw, var(--fs-40));
}

.al__fs-45 {
    font-size: clamp(var(--fs-35), 3vw, var(--fs-45));
}


.al__fs-50 {
    font-size: clamp(var(--fs-35), 3.5vw, var(--fs-50));
}

.al__fs-60 {
    font-size: clamp(var(--fs-45), 4vw, var(--fs-60));
}

.al__fs-64 {
    font-size: clamp(var(--fs-34), 4.4vw, var(--fs-64));
}

.al__fs-72 {
    font-size: clamp(var(--fs-30), 4.4vw, var(--fs-72));
}

.al__fs-80 {
    font-size: clamp(var(--fs-40), 4.6vw, var(--fs-80));
}

.al__fs-90 {
    font-size: clamp(var(--fs-40), 5vw, var(--fs-90));
}

.al__fs-100 {
    font-size: clamp(var(--fs-60), 5.5vw, var(--fs-100));
}

.al__fs-120 {
    font-size: clamp(var(--fs-70), 8vw, var(--fs-120));
}

.al__fs-150 {
    font-size: clamp(var(--fs-60), 9vw, var(--fs-150));
}

.al__fs-196 {
    font-size: clamp(var(--fs-60), 12vw, var(--fs-196));
}

.al__base-clr {
    color: var(--base-clr);
}

.al__primary-clr {
    color: var(--primary-clr);
}

.al__secondary-clr {
    color: var(--secondary-clr);
}

.al__white-clr {
    color: var(--full-white-clr);
}



.al__fw__200 {
    font-weight: var(--fw-200);
}

.al__fw__300 {
    font-weight: var(--fw-300);
}

.al__fw__400 {
    font-weight: var(--fw-400);
}

.al__fw__500 {
    font-weight: var(--fw-500);
}

.al__fw__600 {
    font-weight: var(--fw-600);
}

.al__fw__700 {
    font-weight: var(--fw-700);
}

.al__fw__800 {
    font-weight: var(--fw-800);
}

.al__fw__900 {
    font-weight: var(--fw-900);
}

.lh__100 {
    line-height: var(--lh-100);
}

.lh__110 {
    line-height: var(--lh-110);
}

.lh__120 {
    line-height: var(--lh-120);
}


.lh__130 {
    line-height: var(--lh-130);
}

.lh__140 {
    line-height: var(--lh-140);
}

.lh__150 {
    line-height: var(--lh-150);
}

.lh__160 {
    line-height: var(--lh-160);
}


.al__text-center {
    text-align: center;

    p {
        text-align: center;
    }
}

.al__text-right {
    text-align: right;
}

.al__italic {
    font-style: italic;
}

/* custom reset */
.al__container,
.conteneur {
    margin: 0 auto;
    position: relative;
    width: var(--container-width);
    max-width: 100%;
}

.al__container_full {
    width: var(--container-fullwidth);
    margin-inline: auto;
    padding-inline: 20px;
}

.al__btn {
    font-size: var(--fs-14);
    padding: 12px 10px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    font-weight: var(--fw-700);
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: var(--lsp-5);
    line-height: var(--lh-100);
    transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);

    &.btn_mini {
        text-transform: none;
    }

    &.btn-primary {
        background-color: var(--primary-clr);
    }

    &.btn-secondary {
        background-color: var(--secondary-clr);
    }

    &:hover {
        transform: translateY(-3px) scale(1.03);
    }

    &.has_arrow {
        gap: 10px;

        &::after {
            content: '';
            position: relative;
            width: 16px;
            height: 16px;
            mask-repeat: no-repeat;
            mask-position: center;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-position: center;
            -webkit-mask-size: contain;
            background-color: var(--full-white-clr);
            mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
            -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
        }
    }


    &.is_ic_white {
        &::after {
            background-color: var(--full-white-clr);
        }

        &:hover {
            &::after {
                background-color: var(--base-clr);
            }
        }
    }

    &.btn-white {
        background-color: var(--full-white-clr);
        color: var(--base-clr);

        &.has_arrow::after {
            background-color: var(--base-clr);
        }
    }

    &.btn-outlined-white {
        background-color: transparent;
        color: var(--full-white-clr);
        border: 1px solid var(--full-white-clr);
        overflow: hidden;
        transition: color .3s ease;
        position: relative;
        isolation: isolate;

        &::before {
            content: '';
            background-color: var(--full-white-clr);
            display: block;
            height: 100%;
            width: 102%;
            position: absolute;
            left: 0;
            top: 0;
            transform: translate(-100%, 0) rotate(10deg);
            transform-origin: top left;
            transition: 0.2s transform ease-out;
            will-change: transform;
            z-index: -1;
        }

        &:hover {
            color: var(--base-clr);

            &::before {
                transform: translate(0, 0);
            }
        }

        &.al__base-clr {
            color: var(--base-clr);

            &::after {
                background-color: var(--base-clr);
            }
        }
    }

    &.btn-outlined-primary {
        background-color: transparent;
        color: var(--base-clr);
        border: 1px solid var(--primary-clr);
        position: relative;
        overflow: hidden;
        transition: color .3s ease;
        isolation: isolate;

        &.has_arrow::after {
            background-color: var(--base-clr);
            transition: background-color .3s ease;
        }

        &::before {
            content: '';
            background-color: var(--primary-clr);
            display: block;
            height: 100%;
            width: 102%;
            position: absolute;
            left: 0;
            top: 0;
            transform: translate(-100%, 0) rotate(10deg);
            transform-origin: top left;
            transition: 0.2s transform ease-out;
            will-change: transform;
            z-index: -1;
        }

        &:hover {
            color: var(--full-white-clr);

            &::before {
                transform: translate(0, 0);
            }

            &::after {
                background-color: var(--full-white-clr);
            }
        }
    }

    &.btn-outlined-base {
        background-color: transparent;
        color: var(--base-clr);
        border: 1px solid var(--base-clr);

        &.has_arrow::after {
            background-color: var(--base-clr);
        }
    }
}


.btn,
#main a.fl-button,
#main .gform_footer input[type="submit"],
#main .gform_page_footer input[type="submit"],
#main .gform_footer input[type="button"],
#main .gform_page_footer input[type="button"] {
    font-size: var(--fs-14);
    padding: 12px 36px 12px 10px;
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    font-weight: var(--fw-700);
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: var(--lsp-5);
    line-height: var(--lh-100);
    transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
    background-color: var(--primary-clr);
    color: var(--full-white-clr);
    outline: none;
    border: none;

    background-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 16px 16px;

    &:hover {
        background-color: var(--primary-clr);
        color: var(--full-white-clr);
        transform: translateY(-3px) scale(1.03);
    }
}

.al_go_back_actus_btn .btn {
    padding: 12px 10px 12px 36px;
    background-position: left 10px center;
    background-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(180 8.5 6.5)"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></g></svg>');
}

.pp-button:hover {
    transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
    transform: translateY(-3px) scale(1.03);
}

.al__f-primary {
    font-family: var(--font-family-primary);
}

.al__f-title {
    font-family: var(--font-family-title);
}

.al__f-fantaisy {
    font-family: var(--font-family-fantaisy);
}

.title-2 {
    font-size: clamp(var(--fs-40), 7vw, var(--fs-80));
    line-height: var(--lh-110);

    span.alt_font {
        font-family: var(--font-family-fantaisy);
        color: var(--primary-clr);
        font-weight: var(--fw-400);
        line-height: var(--lh-110);
        font-size: clamp(var(--fs-60), 10vw, var(--fs-110));
    }

    &:is([data-cr-ready="true"]) {

        span {
            color: var(--base-clr);
        }

        span.alt_font {
            color: var(--primary-clr);

            span {
                color: inherit;
                font: inherit;
            }
        }
    }

    &:not([data-cr-ready="true"], .h2-white-col) {
        span:first-child {
            color: var(--primary-clr);
            font-family: var(--font-family-fantaisy);
        }
    }

    strong {
        font-weight: var(--fw-500);
    }

    &.h2-white-col {
        display: flex;
        flex-direction: column;
        align-items: center;

        &>span {
            color: var(--full-white-clr);

            &:first-child {
                font-family: var(--font-family-fantaisy);
                font-size: clamp(var(--fs-60), 10vw, 150px);
                line-height: 90%;
            }

            &:last-child {
                font-family: var(--font-family-title);
                font-weight: var(--fw-900);
                font-size: clamp(var(--fs-40), 10vw, var(--fs-110));
            }
        }
    }
}

.title-2-alt {
    font-family: var(--font-family-fantaisy);
    font-weight: var(--fw-400);
    line-height: var(--lh-110);
    font-size: clamp(var(--fs-60), 6vw, var(--fs-110));

    &:is([data-cr-ready="true"]) {
        span {
            color: inherit;
            font: inherit;
        }
    }
}

.title-3 {
    font-size: clamp(var(--fs-35), 4.6vw, var(--fs-50));
    line-height: var(--lh-110);

    .alt_font {
        font-family: var(--font-family-fantaisy);
        color: var(--primary-clr);
        font-weight: var(--fw-400);
        line-height: var(--lh-110);
        font-size: clamp(var(--fs-60), 6.4vw, var(--fs-90));
    }
}

.up-title {
    font-size: var(--fs-20);
    font-weight: var(--fw-500);
    text-transform: uppercase;
    letter-spacing: var(--lsp-15);
    line-height: var(--lh-100);
    font-family: var(--font-family-title);
    padding-block-end: 40px;
    width: 100%;
    max-width: 100%;
    position: relative;
    display: inline-flex;
    margin-block-end: clamp(20px, 2.5vw, 40px);

    &::after {
        content: '';
        position: absolute;
        top: auto;
        left: 0;
        width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-right: 120px solid var(--primary-clr);
        bottom: 0;
    }
}

.al__swipper_navs_wrapper {
    display: flex;
    justify-content: space-between;

    .al__nav-wrapper {
        width: max-content;
    }

    .swiper-pagination {
        all: unset;
        position: relative;
    }
}


.al__nav-wrapper {
    all: unset;
    position: relative !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding-block: 10px;


    .al__nav-btn {
        all: unset;
        cursor: pointer;
        border: 1px solid var(--primary-clr);
        width: clamp(32px, 2.5vw, 50px);
        height: clamp(32px, 2.5vw, 50px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;

        &.swiper-button-disabled {
            opacity: .5;
            pointer-events: none;
        }

        &::after,
        &::before {
            display: none;
        }

        &.al__white-border {
            border: 1px solid var(--full-white-clr);
        }

        svg {
            width: clamp(16px, 1.6vw, 22px);
            height: auto;
            margin: auto;
            display: block;
            /* rotate: 180deg; */
        }
    }
}

.wpml-ls-statics-footer {
    display: none !important;
}

/* header */
header#masthead {
    --_logo-width: 300px;
    --_header-gap: 82px;
    --_header-height: 100px;

    position: fixed;
    inset: 0 0 auto;
    background-color: transparent;
    z-index: var(--z-high);
    padding: 10px 20px;
    transition: background-color .3s;

    .header__mob-right {
        display: none;
    }

    .al_mob-contact {
        display: none;
    }

    &.mobile {
        --_logo-width: 150px;

        background: transparent;
        position: fixed;
        box-shadow: none;

        .header__mob-right {
            display: flex;
            align-items: center;
            gap: 20px;

            a[aria-label="language"] {

                width: 30px;
                aspect-ratio: 1;
                border-radius: 50%;
                display: grid;
                position: relative;
                z-index: var(--z-high);

                svg {
                    width: 100%;
                    height: 100%;
                }
            }

            .al__lang-current {
                position: relative;
                z-index: var(--z-high);
            }
        }

        &.scroll {
            --_logo-width: 170px;
        }

        .menu-top-aside {
            display: none;

            a[aria-label="language"] {
                display: none;
            }
        }

        #logo {
            position: relative;
            z-index: var(--z-high);
        }

        .btn_toggle {
            height: 30px;
            width: 30px;
            display: flex;
            flex-flow: column;
            justify-content: center;
            position: relative;
            z-index: var(--z-high);

            span {
                width: 22px;
                height: 2px;
                background-color: var(--full-white-clr);
                margin: 3px auto;
            }
        }

        &:has(.sidebar.open) {
            .btn_toggle {
                &>span:nth-child(2) {
                    opacity: 0;
                    visibility: hidden;
                }

                &>span:first-child {
                    rotate: 45deg;
                    translate: 0 10px;
                }

                &>span:last-child {
                    rotate: -45deg;
                    translate: 0 -6px;
                }
            }
        }

        .al__contact {
            display: none;
        }

        #site-navigation {
            position: relative;
            overflow: hidden;
            width: 100%;
            height: 100%;

            ul li>*::before {
                display: none;
            }

            &>.al_mob-contact {
                padding-inline: 20px;
                margin-block-start: 20px;
                display: block;

                .al__contact {
                    display: inline-flex;

                }
            }


            .menu-menu-principal-container {
                padding-block-start: var(--_header-height);

                &>ul.menu {
                    display: flex;
                    flex-direction: column;
                    width: 100%;
                    height: 100%;
                    overflow-y: auto;
                    padding-inline: 20px;

                    li {
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        width: 100%;

                        &:not(:last-child)::after {
                            content: '';
                            width: 100%;
                            height: 1px;
                            background-color: hsl(from var(--full-white-clr) h s l / 0.3);
                            inset: auto 0 -10px 0;
                            position: absolute;
                            display: block;
                        }

                        &>.sc__menu-link {
                            flex: 1;
                            padding: 4px 0;
                            color: var(--full-white-clr);
                            text-transform: uppercase;
                            font-size: var(--fs-16);
                            letter-spacing: var(--lsp-6);
                        }

                        &>.sc__menu-toggle {
                            width: 30px;
                            height: 30px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: none;
                            border: none;
                            padding: 0;
                            cursor: pointer;
                            color: var(--full-white-clr);

                            svg {
                                width: 20px;
                                height: 20px;
                            }
                        }
                    }
                }
            }

            /* panneau de sous-menu en drill-down */
            .sc__submenu {
                position: fixed;
                inset: 0;
                background-color: var(--base-clr);
                transform: translateX(100%);
                transition: transform .35s ease;
                z-index: 2;
                display: flex;
                flex-direction: column;
                overflow-y: auto;
                padding-inline: 20px;
                padding-block-start: var(--_header-height);

                /* &.is-open {
                    transform: translateX(0);
                } */

                .sub-menu {
                    display: flex;
                    flex-direction: column;
                    gap: 30px;
                    padding-block-start: 20px;

                    &>li {
                        display: flex;
                        align-items: flex-start;
                        justify-content: flex-start;
                        width: 100%;

                        &::after {
                            display: none !important;
                        }

                        .sc__menu-link {
                            display: flex;
                            flex-direction: column;

                            .sc__menu-title {
                                font-size: var(--fs-25);
                                font-weight: 100;
                                text-transform: uppercase;
                                letter-spacing: var(--lsp-6);
                                color: var(--full-white-clr);
                                line-height: var(--lh-100);
                            }

                            .sc__menu-subtitle {
                                font-size: var(--fs-22) !important;
                                line-height: var(--lh-100);
                                font-weight: var(--fw-300);
                                color: var(--primary-clr);
                                text-transform: initial !important;
                            }
                        }
                    }
                }

                .sc__submenu-header {
                    position: sticky;
                    top: 0;
                    display: flex;
                    align-items: center;
                    gap: 12px;
                    padding: 20px 0;
                    background-color: var(--base-clr);
                    border-bottom: 1px solid rgba(255, 255, 255, .15);
                    z-index: 1;

                    .sc__submenu-back {
                        background: none;
                        border: none;
                        padding: 0;
                        cursor: pointer;
                        color: var(--full-white-clr);
                        display: flex;

                        svg {
                            width: 20px;
                            height: 20px;
                            rotate: 180deg;
                        }
                    }

                    .sc__submenu-title {
                        color: var(--full-white-clr);
                        text-transform: uppercase;
                        font-size: var(--fs-18);
                        letter-spacing: var(--lsp-6);
                        font-weight: var(--fw-700);
                    }
                }

                /* .sub-menu li {
                    border-bottom: 1px dashed rgba(255, 255, 255, .15);

                    .sc__menu-link--split {
                        display: flex;
                        flex-direction: column;
                        gap: 4px;
                        padding: 16px 0;

                        .sc__menu-title {
                            color: var(--full-white-clr);
                            text-transform: uppercase;
                            font-size: var(--fs-15);
                            letter-spacing: var(--lsp-4);
                        }

                        .sc__menu-subtitle {
                            color: var(--accent-clr, #6fa8dc);
                            font-size: var(--fs-13);
                            text-transform: none;
                        }
                    }
                } */
            }
        }

        .sidebar {
            position: fixed;
            top: 0;
            bottom: 0;
            right: -100%;
            z-index: 100;
            width: 100%;
            background-color: var(--base-clr);
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            -ms-transition: all 0.2s;
            -o-transition: all 0.2s;

            &::before {
                content: '';
                height: var(--_header-height);
                background-color: var(--base-clr);
                width: 100%;
                position: fixed;
                display: block;
                z-index: var(--z-high);
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s, visibility .3s;
                inset: 0 0 auto;
            }

            &.open {
                right: 0;

                &::before {
                    opacity: 1;
                    visibility: visible;
                }


                .sc__submenu.is-open {
                    transform: translateX(0) !important;


                }
            }
        }
    }

    #logo {
        width: var(--_logo-width);
        transition: width .3s;
    }

    #header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .sidebar {
        display: flex;
        align-items: center;
        width: calc((100% - var(--_logo-width)) - var(--_header-gap));
        justify-content: space-between;

        .top {
            display: none;
        }
    }

    #site-navigation {
        ul {
            display: flex;
            align-items: center;
            gap: 20px;

            li>*:is(a, span) {
                color: var(--full-white-clr);
                text-transform: uppercase;
                font-size: var(--fs-14);
                line-height: var(--lh-100);
                letter-spacing: var(--lsp-6);
                cursor: pointer;

                position: relative;

                &::before {
                    content: "";
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 3px;
                    background-color: var(--full-white-clr);
                    transition: width .3s;
                    inset: auto 0 -10px;
                }

                &:hover::before {
                    width: 75%;
                }
            }
        }
    }

    .menu-top-aside {
        display: flex;
        align-items: center;
        gap: 20px;

        &>a {
            color: var(--base-clr);
            text-transform: uppercase;
            font-size: var(--fs-14);
            line-height: var(--lh-100);
            letter-spacing: var(--lsp-5);
        }
    }

    &.scroll {
        --_logo-width: 200px;

        background-color: var(--base-clr);
    }

    /* Mega menu desktop */
    #site-navigation {
        .sc__mega-panel {
            /* --mega-header-height: 150px; */

            position: absolute !important;
            top: 0 !important;
            left: 0;
            right: 0;
            bottom: auto;
            display: flex;
            /* background-color: var(--base-clr); */
            opacity: 0;
            visibility: hidden;
            transform: translateY(-8px);
            transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
            z-index: calc(var(--z-high) - 10);
            width: calc((100vw - var(--_logo-width)) - var(--_header-gap));
            height: calc(100vh - var(--mega-header-height) - 60px);
            padding-block-start: calc(var(--mega-header-height) / 1.5);
            /* 
            &::before {
                content: "";
                position: absolute;
                inset: 0 0 auto;
                width: 100%;
                height: calc(var(--mega-header-height) / 1.5);
                background-color: var(--base-clr);
                opacity: 0;
                visibility: hidden;
                transition: opacity .3s, visibility .3s;
            } */

            &.is-open {
                opacity: 1;
                visibility: visible;
                transform: translateY(0);
                transition-delay: 0s;

                &::before {
                    opacity: 1;
                    visibility: visible;
                }
            }
        }

        .sc__mega-panel-main {
            width: 40%;
            flex-shrink: 0;
            padding: 60px 0;
            display: flex;
            flex-direction: column;
            gap: 20px;
            align-items: start;
            background-color: var(--base-clr);

            .sc__mega-panel-main-item {
                width: 100%;

                a {
                    display: block;
                    padding-inline: 10%;
                    color: var(--full-white-clr);
                    text-transform: none;
                    font-size: var(--fs-50);
                    transition: color .2s;
                    position: relative;
                    line-height: var(--lh-110);
                    font-weight: var(--fw-200);

                    &::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        bottom: 4px;
                        width: 100%;
                        height: 1px;
                        background-color: hsl(from var(--full-white-clr) h s l / 0.3);
                        ;
                        transition: width .3s;
                    }
                }

                &:hover a,
                &.is-current a {
                    color: var(--primary-clr);
                }
            }
        }

        .sc__mega-panel-list {
            width: 30%;
            flex-shrink: 0;
            /* padding: 60px 20px 60px min(100px, 10%); */
            padding: 0 20px 40px 0;
            display: flex;
            flex-direction: column;
            gap: 4px;
            background: #091127;
            align-items: start;


            li {
                width: 100%;
            }

            .sc__mega-link {
                display: flex;
                flex-direction: column;
                gap: 4px;
                padding: 18px 0;
                width: 100%;

                &::before {
                    display: none;
                }

                &:hover {
                    .sc__mega-title {
                        color: var(--primary-clr);
                    }
                }
            }

            .sc__mega-title {
                color: var(--full-white-clr);
                text-transform: uppercase;
                font-size: var(--fs-30);
                letter-spacing: var(--lsp-4);
                font-weight: var(--fw-200);
                transition: color .2s;
                line-height: var(--lh-100);
            }

            .sc__mega-subtitle {
                color: var(--primary-clr);
                font-size: var(--fs-22);
                font-weight: var(--fw-300);
                line-height: var(--lh-100);
                transition: color .2s;
                text-transform: none;
            }
        }

        .sc__mega-panel-visual {
            flex: 1;
            position: relative;
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .sc__mega-panel--empty {
            .sc__mega-panel-list {
                display: none;
            }

            .sc__mega-panel-visual {
                padding-inline-start: min(100px, 10%);

                margin-left: 0;
                width: 60%;
            }
        }

        &::after {
            content: "";
            position: fixed;
            /* inset: 0 0 0 calc(var(--container-margin-size) - 40px); */
            inset: 0;
            background-color: #091127;
            display: block;
            opacity: 0;
            visibility: hidden;
            transition: visibility .5s, opacity .5s;
            z-index: var(--z-medium);
        }

        /* &::before {
            content: "";
            position: fixed;
            inset: 0 0 auto;
            background-color: #091127;
            display: block;
            opacity: 0;
            visibility: hidden;
            height: 130px;
            width: 100%;
            transition: visibility .3s, opacity .3s;
            z-index: var(--z-medium);
        } */

        &:has(.sc__mega-panel.is-open) {

            &::after,
            &::before {
                opacity: 1;
                visibility: visible;
            }
        }
    }

    /* Language switcher */
    .al__lang-switcher {
        position: relative;
    }

    .al__lang-dropdown {
        display: none;
        position: absolute;
        top: calc(100% + 5px);
        right: auto;
        background: var(--full-white-clr);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        padding: 8px 0;
        margin: 0;
        list-style: none;
        min-width: 60px;
        align-items: center;
        justify-content: center;
        left: 50%;
        transform: translateX(-50%);
        z-index: var(--z-high);

        li {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    .al__lang-dropdown.is-open {
        display: flex;
    }

    .al__lang-dropdown li a {
        display: grid;
        text-decoration: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        place-items: center;
        place-content: center;
        overflow: hidden;
    }

    .al__lang-current {
        background-color: transparent;
        outline: none;
        border: none;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        display: grid;
        place-content: center;
        overflow: hidden;
    }
}

html:has(.sidebar.open, .sc__mega-panel.is-open) {
    overflow: hidden;
}

.al__reassurance {
    --_reassurance-list-cols: 2;
    --_reassurance-list-gap: 30px;
    --_reassurace-icon-w: 110px;

    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 40px var(--_reassurance-list-gap);
    width: min(1366px, 100%);
    margin-inline: auto;

    .item {
        width: calc((100% - (var(--_reassurance-list-cols) - 1) * var(--_reassurance-list-gap)) / var(--_reassurance-list-cols));

        .inner_item {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
        }

        .icon {
            width: var(--_reassurace-icon-w);
            height: var(--_reassurace-icon-w);
            border-radius: 50%;
            border: 2px solid var(--primary-clr);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: clamp(20px, 2vw, 28px);
        }

        .title {
            font-size: clamp(var(--fs-18), 1.4vw, var(--fs-20));
            color: var(--full-white-clr);
            font-weight: var(--fw-700);
            text-align: center;
            line-height: var(--lh-110);
            margin-block: 30px 20px;

            br {
                display: none;
            }
        }

        .desc {
            font-size: clamp(var(--fs-14), 1.2vw, var(--fs-16));
            font-weight: var(--fw-300);
            line-height: var(--lh-150);
            text-align: center;
            color: var(--full-white-clr);

            br {
                display: none;
            }
        }
    }
}

#main {
    overflow: clip;

    #bandeau-home {
        --_home-bandeau-height: auto;
        --_home-bandeau-text-w: min(100%, 440px);
        --_home-bandeau-pic-h: 330px;

        height: var(--_home-bandeau-height);
        background-color: var(--base-clr);

        picture {
            display: block;
            width: 100%;
            /* height: 100%; */
            height: var(--_home-bandeau-pic-h);

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .al__bandeau-home-content {
            position: relative;
            padding-inline: 0;
            height: 100%;
        }

        .al__text-content {
            padding: 30px 20px;
        }

        .al__ctas {
            margin-block-start: clamp(20px, 2vw, 40px);

            a>span {
                display: none;
            }
        }

        &.separated {
            .picture_canvas {
                display: grid;

                picture,
                .picture_text {
                    grid-area: 1 / 1;
                    position: relative;

                    &[data-content="boat"] {
                        --anim-distance: clamp(104px, 12vw, 224px);

                        z-index: 4;
                    }
                }

                .picture_text {
                    z-index: 2;
                    display: grid;
                    place-content: center;

                    .title-2 {
                        margin-block-start: 0;

                        &.h2-white-col {
                            &>span {

                                &:first-child {
                                    --anim-delay: 0.5s;

                                    font-family: var(--font-family-fantaisy);
                                    font-size: clamp(var(--fs-60), 12vw, 200px);
                                    line-height: 100%;

                                    span {
                                        color: inherit;
                                        font: inherit;
                                    }
                                }

                                &:last-child {
                                    --anim-delay: 0.5s;

                                    font-family: var(--font-family-title);
                                    font-weight: var(--fw-900);
                                    font-size: clamp(var(--fs-40), 10vw, 170px);
                                    line-height: 100%;

                                    span {
                                        color: inherit;
                                        font: inherit;
                                    }
                                }
                            }
                        }
                    }
                }
            }

        }
    }

    .al__home_s2 {
        --_home-s2-number-h: auto;

        padding-block: clamp(40px, 8vw, 100px) clamp(40px, 10vw, 150px);

        .al__container {
            position: relative;
        }

        .s2__content {
            --anim-duration: 2s;
            --anim-delay: .5s;
            --anim-distance: clamp(24px, 4vw, 64px);
            --anim-ease: cubic-bezier(0.16, 1, 0.3, 1);

            width: min(100%, 730px);
            margin-inline: 0 auto;

            .s2__title {
                margin-block-end: clamp(20px, 2.2vw, 40px);
            }
        }

        .al__home_s2_number {
            --zoom-scale-down: 0.8;
            /* échelle de départ quand on arrive en scrollant vers le bas */
            --zoom-scale-up: 1.1;
            /* échelle de départ quand on arrive en scrollant vers le haut */
            --zoom-duration: 1.2s;
            --zoom-easing: cubic-bezier(0.16, 1, 0.3, 1);
            --zoom-opacity-duration: 0.6s;

            width: min(780px, 100%);
            height: var(--_home-s2-number-h);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
            padding: 50px 25px;
            background-image:
                linear-gradient(hsl(from var(--base-clr) h s l / 0.5),
                    hsl(from var(--base-clr) h s l / 0.5)),
                url('/wp-content/uploads/2026/08/38befd4ce50d5d4747f743f2898b31d4a805f5cc.webp');
            background-size: cover;
            background-blend-mode: multiply;
            overflow: hidden;
            margin-block-start: 40px;

            .number span {
                font: inherit;
                color: inherit;
            }

            .home__s2_number_list:not(.swiper-initialized) {

                .swiper-wrapper {
                    flex-direction: column;
                    gap: 30px;

                    .number-title {
                        margin-block: 10px;
                    }

                    .number-item:not(:first-child) {
                        position: relative;

                        &::before {
                            content: '';
                            width: 100%;
                            height: 1px;
                            background-color: hsl(from var(--full-white-clr) h s l / 0.4);
                            inset: -15px 0 auto 0;
                            position: absolute;
                            display: block;
                        }
                    }
                }
            }
        }
    }

    .al__home_s3 {
        padding-block: clamp(40px, 15vw, 220px) clamp(40px, 10vw, 86px);
        background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 30.17%),
            linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 26.12%);


        .home__s3_content {
            width: min(1280px, 100%);

            .s3__title {
                text-align: center;
            }
        }

        .home__s3-desc {
            padding-block: 40px;
        }

        .al__s3-navigation-wrapper {
            display: none;
        }

        .home__s3_slider_wrapper {

            .swiper:not(.swiper-initialized),
            .home__s3_swiperswiper:not(.swiper-initialized) {
                .home__s3_slider {
                    flex-direction: column;
                    gap: 10px;
                }

                @media screen and (max-width: 1200px) {
                    .swiper-wrapper {
                        transform: none !important;
                    }
                }
            }

            .inner_item {
                position: relative;
                display: grid;
                padding-block-end: 10px;
                display: grid;
                grid-template-rows: auto 0fr;
                padding-block-end: 10px;
                transition: grid-template-rows .6s cubic-bezier(.4, 0, .2, 1);

                .deco {
                    position: relative;
                    background-color: var(--base-clr);
                    overflow: hidden;
                    min-width: 50px;
                    display: flex;
                    padding: 0;
                    align-items: center;
                    justify-content: space-between;
                    padding-inline: 20px;
                    height: 50px;
                    z-index: 2;
                    margin-inline: auto;
                    width: 100%;
                    transition: width .3s ease, margin-top .3s ease;
                    margin-top: 0;
                }

                .deco_txt {
                    font-size: clamp(20px, 1.8vw, 26px);
                    color: var(--full-white-clr);
                    font-weight: var(--fw-500);
                    letter-spacing: var(--lsp-6);
                    line-height: var(--lh-110);
                    text-transform: uppercase;
                    white-space: nowrap;
                }

                .deco_img {
                    position: relative;
                    width: 45px;


                    img {
                        width: 100%;
                        height: auto;
                    }
                }

                &.is-active {
                    grid-template-rows: auto 1fr;

                    .deco {
                        margin-top: 10px;
                        width: calc(100% - 20px);
                    }

                    .inner_item_content picture {
                        opacity: 1;
                    }

                    .item_text {
                        opacity: 1;
                        transform: translateY(0);
                    }
                }
            }

            .inner_item_content {
                overflow: hidden;
                min-height: 0;
                cursor: pointer;

                picture {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    inset: 0;
                    z-index: -1;
                    opacity: 0;
                    transition: opacity .3s ease;

                    img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                    }
                }
            }

            .item_text {
                position: relative;
                background-color: var(--full-white-clr);
                width: min(calc(100% - 10px), 500px);
                padding: 20px 20px 20px 30px;
                margin-inline: auto;
                margin-block-start: 240px;
                opacity: 0;
                transform: translateY(20px);
                transition: opacity .5s ease .15s, transform .5s ease .15s;

                .text_deco {
                    display: none;
                }

                .title {
                    margin-block-end: 20px;
                    z-index: 2;
                    position: relative;
                }
            }
        }
    }

    .al__home_s4 {
        --anim-duration: 1.8s;
        --anim-delay: .3s;
        --anim-distance: clamp(24px, 4vw, 64px);
        --anim-ease: cubic-bezier(0.16, 1, 0.3, 1);

        background-color: hsl(from var(--secondary-clr) h s l / 0.6);
        padding: 40px 20px 40px 20px;

        .al__home_s4_content {
            display: flex;
            flex-direction: column;
        }

        .s4_cta {
            gap: 20px;
            margin-block-start: clamp(20px, 2.5vw, 40px);
            flex-direction: column;
        }

        .al__container_full {
            padding: 0;
        }

        picture {
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-content {

            .hide_xl {
                margin-block-end: 40px;
            }

            .title {
                display: flex;
                flex-direction: column;
                text-align: left;
                /* margin-block-end: clamp(40px, 8vw, 60px); */
                margin-block-end: 40px;

                .t1-out-2 {
                    font-size: clamp(50px, 11vw, 180px);
                    color: var(--base-clr);
                    font-weight: var(--fw-700);
                    line-height: var(--lh-100);
                    text-align: left;
                }
            }
        }
    }

    .al__home__s5 {
        --_first-item-img-h: 350px;
        --_item-img-h: 350px;

        padding-block: clamp(40px, 10vw, 98px);

        .al__home_s5_desc {
            width: min(1400px, 100%);
            margin-inline: auto;
            margin-block: clamp(20px, 2.4vw, 60px);
        }

        .al__home__s5_items {
            display: grid;
            gap: 30px;
        }

        .right_layout {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        .item {
            .img_wrapper {
                height: var(--_item-img-h);
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .inner_item {
                display: flex;
                flex-direction: column;
                gap: 20px;

                .desc {
                    display: flex;
                    gap: 20px;
                    flex-direction: column;
                }
            }

            &.first {

                .inner_item {
                    flex-direction: column;
                }

                .img_wrapper {
                    height: var(--_first-item-img-h);
                    width: 100%;
                }
            }

            .s5_desc_text {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                line-clamp: 1;
                -webkit-box-orient: vertical;
            }
        }

        .s5_cta {
            margin-block-start: clamp(40px, 10vw, 120px);
        }
    }

    .al__home__s6 {
        background-color: var(--support-clr);
        padding-block: clamp(40px, 4vw, 60px);

        .deco {
            margin-block-end: clamp(20px, 2.2vw, 40px);

            svg {
                width: 100%;
                height: 100%;
            }
        }

        .title_wrapper>div:last-child {
            margin-block-start: 20px;
        }

        .review_container {
            display: flex;
            flex-direction: column;
            gap: clamp(40px, 8vw, 90px);
            position: relative;
            z-index: 5;

            &>.review {
                position: relative;

                &::before {
                    content: '';
                    top: calc((clamp(40px, 8vw, 90px) / 2) * -1);
                    height: 1px;
                    width: 100%;
                    position: absolute;
                    display: block;
                    left: 50%;
                    transform: translateX(-50%);
                    background-color: var(--primary-clr);
                }
            }
        }

        .home__s6_desc {
            margin-block-start: clamp(20px, 2.2vw, 40px);
        }

        .star {
            display: flex;
            align-items: center;
            gap: 4px;

            &>img {
                width: 27px;
                height: auto;
            }
        }

        .review {
            font-size: var(--fs-18);
            line-height: var(--lh-150);
            color: var(--base-clr);
            font-weight: var(--fw-300);
        }

        .inner-item {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .account {
            display: flex;
            align-items: center;
            gap: 15px;

            .profile {
                width: 65px;
                height: 65px;
                border-radius: 50%;
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }

            .name {
                color: var(--primary-clr);
                font-weight: var(--fw-400);
                text-transform: uppercase;
                letter-spacing: var(--lsp-5);
                font-size: var(--fs-18);
            }
        }
    }

    .al__home_s7 {

        /* 
        padding-block: 240px 40px;
        background-image: url('/wp-content/uploads/2026/08/e0b2e87e70fe8925cb76f1b7e37806646f91f111.webp');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; */
        position: relative;
        background-image: var(--image-desktop_s7);

        @media screen and (max-width: 1200px) {
            background-image: none;
        }

        &::before {
            content: "";
            inset: 0;
            position: absolute;
            display: block;
            background-image: var(--image2);
            background-position: center top;
            background-size: cover;
            background-repeat: no-repeat;
            will-change: transform;
            transform: var(--s-transform, none);

            @media screen and (max-width: 1200px) {
                display: none;
            }

        }

        .al__container_full {
            padding-inline: 0;
        }

        .al__container {
            position: relative;
            z-index: var(--z-low);
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: clamp(40px, 8vw, 80px);
            background-color: var(--base-clr);
            padding-block-end: 40px;

            &>.title {
                text-align: center;
                width: 100%;


                @media screen and (max-width: 1200px) {
                    background-image: var(--img_s7_mobile, url('/wp-content/uploads/2026/09/hero-mer-scaled.webp'));
                    background-size: cover;
                    background-repeat: no-repeat;
                    background-position: center top;
                    padding-block: 240px 40px;
                    position: relative;
                    background-color: var(--base-clr);


                    &::before {
                        content: "";
                        inset: 0;
                        position: absolute;
                        display: block;
                        background-image: var(--img_s7_mobile_2_anim, url('/wp-content/uploads/2026/09/hero-bateau-seul-scaled.webp'));
                        background-position: center top;
                        background-size: cover;
                        background-repeat: no-repeat;
                        will-change: transform;
                        transform: var(--s-transform, none);
                    }
                }
            }
        }

        .s7__desc,
        .al__reassurance,
        .s7_cta {
            padding-inline: 20px;
        }

        .s7__desc {
            position: relative;


            @media screen and (max-width: 1200px) {
                isolation: isolate;
                padding-block-start: clamp(40px, 8vw, 80px);
                margin-block-start: calc(clamp(40px, 8vw, 80px) * -1);

                &::after {
                    content: '';
                    position: absolute;
                    inset: 0 0;
                    display: block;
                    background: linear-gradient(360deg, #0D1838 63.4%, rgba(13, 24, 56, 0) 79.57%);
                    z-index: -1;
                }
            }
        }
    }

    .al__home_s8 {
        --_slider-item-h: 400px;

        padding-block: clamp(40px, 5.2vw, 96px);

        .al__home_s8_content {
            display: flex;
            flex-direction: column;
            gap: 40px;

            .text-content {
                display: flex;
                flex-direction: column;
                gap: clamp(20px, 2.2vw, 40px);
            }
        }

        .al__s8-navigation-wrapper {
            margin-block-start: clamp(40px, 4vw, 60px);
        }

        .s8_slide_wrapper {

            .up__title {
                display: flex;
                justify-content: space-between;
                border-bottom: 1px solid var(--primary-clr);
                padding-block-end: 6px;
                margin-block-end: 20px;

                &>div {
                    display: flex;
                    align-items: center;
                    gap: 10px;

                    &::before {
                        content: '';
                        position: relative;
                        width: 16px;
                        height: 22px;
                        mask-repeat: no-repeat;
                        mask-position: center;
                        mask-size: contain;
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                        background-color: var(--primary-clr);
                        mask-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 2.25V7.125C1.5 7.34375 1.59375 7.53125 1.71875 7.65625L8.21875 14.1562C8.53125 14.4688 9 14.4688 9.28125 14.1562L14.1562 9.28125C14.4688 9 14.4688 8.5 14.1562 8.21875L7.65625 1.71875C7.53125 1.59375 7.34375 1.5 7.125 1.5H2.25C1.84375 1.5 1.5 1.84375 1.5 2.25ZM2.25 0H7.125C7.71875 0 8.3125 0.25 8.71875 0.65625L15.2188 7.15625C16.0938 8.03125 16.0938 9.46875 15.2188 10.3438L10.3438 15.2188C9.46875 16.0938 8.03125 16.0938 7.15625 15.2188L0.65625 8.71875C0.25 8.3125 0 7.71875 0 7.125V2.25C0 1 1 0 2.25 0ZM4 5C3.4375 5 3 4.5625 3 4C3 3.4375 3.4375 3 4 3C4.5625 3 5 3.4375 5 4C5 4.5625 4.5625 5 4 5Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 2.25V7.125C1.5 7.34375 1.59375 7.53125 1.71875 7.65625L8.21875 14.1562C8.53125 14.4688 9 14.4688 9.28125 14.1562L14.1562 9.28125C14.4688 9 14.4688 8.5 14.1562 8.21875L7.65625 1.71875C7.53125 1.59375 7.34375 1.5 7.125 1.5H2.25C1.84375 1.5 1.5 1.84375 1.5 2.25ZM2.25 0H7.125C7.71875 0 8.3125 0.25 8.71875 0.65625L15.2188 7.15625C16.0938 8.03125 16.0938 9.46875 15.2188 10.3438L10.3438 15.2188C9.46875 16.0938 8.03125 16.0938 7.15625 15.2188L0.65625 8.71875C0.25 8.3125 0 7.71875 0 7.125V2.25C0 1 1 0 2.25 0ZM4 5C3.4375 5 3 4.5625 3 4C3 3.4375 3.4375 3 4 3C4.5625 3 5 3.4375 5 4C5 4.5625 4.5625 5 4 5Z" fill="white"/></svg>');
                    }

                    &.up__nav_duration::before {
                        background-color: var(--base-clr);
                        mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 0.75C7.25 0.34375 7.59375 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4062 12.4062 16 8 16C3.59375 16 0 12.4062 0 8C0 6.8125 0.25 5.6875 0.71875 4.6875C0.90625 4.28125 1.125 3.875 1.375 3.5C1.65625 3.09375 2 2.6875 2.34375 2.34375C2.625 2.0625 3.125 2.0625 3.40625 2.34375C3.6875 2.625 3.6875 3.125 3.40625 3.40625C3.125 3.6875 2.84375 4 2.625 4.34375C1.96875 5.3125 1.5625 6.5 1.5 7.75C1.5 7.84375 1.5 7.90625 1.5 8C1.5 11.5938 4.40625 14.5 8 14.5C11.5938 14.5 14.5 11.5938 14.5 8C14.5 4.65625 12 1.90625 8.75 1.53125V3.25C8.75 3.65625 8.40625 4 8 4C7.59375 4 7.25 3.65625 7.25 3.25V0.75ZM4.96875 4.96875C5.25 4.6875 5.75 4.6875 6.03125 4.96875L8.53125 7.46875C8.8125 7.75 8.8125 8.25 8.53125 8.53125C8.25 8.8125 7.75 8.8125 7.46875 8.53125L4.96875 6.03125C4.6875 5.75 4.6875 5.25 4.96875 4.96875Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.25 0.75C7.25 0.34375 7.59375 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4062 12.4062 16 8 16C3.59375 16 0 12.4062 0 8C0 6.8125 0.25 5.6875 0.71875 4.6875C0.90625 4.28125 1.125 3.875 1.375 3.5C1.65625 3.09375 2 2.6875 2.34375 2.34375C2.625 2.0625 3.125 2.0625 3.40625 2.34375C3.6875 2.625 3.6875 3.125 3.40625 3.40625C3.125 3.6875 2.84375 4 2.625 4.34375C1.96875 5.3125 1.5625 6.5 1.5 7.75C1.5 7.84375 1.5 7.90625 1.5 8C1.5 11.5938 4.40625 14.5 8 14.5C11.5938 14.5 14.5 11.5938 14.5 8C14.5 4.65625 12 1.90625 8.75 1.53125V3.25C8.75 3.65625 8.40625 4 8 4C7.59375 4 7.25 3.65625 7.25 3.25V0.75ZM4.96875 4.96875C5.25 4.6875 5.75 4.6875 6.03125 4.96875L8.53125 7.46875C8.8125 7.75 8.8125 8.25 8.53125 8.53125C8.25 8.8125 7.75 8.8125 7.46875 8.53125L4.96875 6.03125C4.6875 5.75 4.6875 5.25 4.96875 4.96875Z" fill="white"/></svg>');
                    }
                }
            }

            .item {

                .item_text {
                    opacity: 0;
                    visibility: hidden;
                    transform: translateY(50px);
                    transition: transform .4s, visibility .3s, opacity .3s;
                }

                &.swiper-slide-next,
                &.swiper-slide-prev {
                    picture img {
                        filter: grayscale(1);
                    }
                }

                &.swiper-slide-active {
                    picture img {
                        filter: grayscale(0);
                    }

                    .item_text {
                        opacity: 1;
                        visibility: visible;
                        transform: translateY(0);
                    }
                }
            }

            .inner_item {
                position: relative;
                display: grid;
                height: var(--_slider-item-h);
                overflow: hidden;

                picture {
                    width: 100%;
                    height: 100%;

                    img {
                        width: 100%;
                        height: 100%;
                        transition: filter .3s;
                        transition-delay: .5s;
                        object-fit: cover;
                    }
                }

                .deco {
                    position: absolute;
                    inset: 10px auto 10px 10px;
                    background-color: var(--base-clr);
                    overflow: hidden;
                    min-width: 50px;
                    display: flex;
                    padding: 0;
                    align-items: center;
                    justify-content: space-between;
                    flex-direction: column;
                    max-width: 50px;
                    padding-block: 20px;
                }

                .deco_txt {
                    font-size: clamp(20px, 1.8vw, 26px);
                    color: var(--full-white-clr);
                    font-weight: var(--fw-500);
                    letter-spacing: var(--lsp-6);
                    line-height: var(--lh-110);
                    text-transform: uppercase;
                    transform-origin: center;
                    white-space: nowrap;
                    writing-mode: vertical-rl;
                    transform: rotate(180deg);
                }

                .deco_img {
                    position: relative;
                    width: 100%;


                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }

            .item_text {
                position: absolute;
                inset: auto auto 20px 20px;
                background-color: var(--full-white-clr);
                width: min(calc(100% - 40px), 350px);
                padding: 20px 20px 20px 30px;

                .text_deco {
                    font-size: 160px;
                    position: absolute;
                    line-height: 100px;
                    color: var(--secondary-clr);
                    font-weight: var(--fw-400);
                    font-family: var(--font-family-fantaisy);
                    inset-block-start: -44px;
                    inset-inline-start: 8px;
                    opacity: .3;

                    @media screen and (max-width: 1200px) {
                        display: none;
                    }
                }

                .title {
                    margin-block-end: 20px;
                    z-index: 2;
                    position: relative;
                }
            }
        }

    }

    .al__home_s9 {
        --_s9-padd: clamp(40px, 5.5vw, 100px) 20px;
        --_s9-question-padd: 15px 10px;
        --_s9-question-gap: 20px;
        --_s9-ans-padd: 20px;
        --_s9-faq-gap: 20px;


        padding: var(--_s9-padd);
        background-color: var(--tertiary-clr);

        .s9_cta {
            margin-block-start: clamp(40px, 4.6vw, 80px);
        }

        .al__s9-content {
            display: flex;
            flex-direction: column;
            gap: var(--_s9-faq-gap);

            .faq-accordion-group {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
                align-items: flex-start;
                margin-block-start: clamp(40px, 4.6vw, 80px);

                .faq_col {
                    display: flex;
                    flex-direction: column;
                    gap: 20px;
                }
            }

            .al__faq-item {
                background-color: var(--full-white-clr);

                .c_faq-question {
                    padding: var(--_s9-question-padd);
                    cursor: pointer;

                    .q-text {
                        display: flex;
                        align-items: center;
                        gap: var(--_s9-question-gap);
                        justify-content: space-between;

                        &::after {
                            content: "";
                            width: 32px;
                            height: 32px;
                            background-color: transparent;
                            background-image: url("/wp-content/uploads/2026/08/arrow-right.svg");
                            background-position: center;
                            background-size: 12px 22px;
                            background-repeat: no-repeat;
                            padding: 5px 10px;
                            border-radius: 50%;
                            box-sizing: border-box;
                            flex-shrink: 0;
                            flex-grow: 0;
                            border: 1px solid var(--secondary-clr);
                            transition: rotate .3s;
                            rotate: 0;
                        }
                    }
                }

                .al__faq-answer {
                    border: 1px solid #F1F1F1;
                    height: 0;
                    transition: height .3s;
                    overflow: hidden;

                    .al__faq-answer-inner {
                        padding: var(--_s9-ans-padd);
                        color: #1D1D1D;
                    }
                }

                &.active {
                    box-shadow: 0 0 0 0 hsl(from #000000 h s l / 0.1);

                    .al__faq-answer {
                        height: auto;
                    }

                    .c_faq-question {
                        background-color: var(--blue-clr);

                        .q-text {
                            /* color: var(--full-white-clr); */

                            &::after {
                                background-image: url("/wp-content/uploads/2026/08/arrow-right-1.svg");
                            }
                        }
                    }
                }
            }
        }
    }

    .al__home_s10 {
        padding-block: clamp(40px, 5.5vw, 100px);

        .subtitle {
            font-weight: var(--fw-200);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .s10__desc {
            width: min(100%, 634px);
            margin-inline: auto;
            margin-block: clamp(40px, 4vw, 60px);
            font-size: var(--fs-26);
        }
    }
}

/* Page CMS */
#primary {
    padding: 0;
}

#bandeau {
    --bandeau_cms-h: 568px;
    --bandeau_pic-h: 350px;

    position: relative;
    margin-top: 0;
    transition: margin-top .2s ease;

    picture {
        height: var(--bandeau_pic-h);
        overflow: hidden;
        display: block;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }


    .al__container_full {
        padding-inline: 0;
    }

    .al__container {
        position: relative;
        padding: 0;
        background-color: var(--full-white-clr);

        h1 {
            padding: 30px 20px;
            position: relative;
            text-align: left;
        }
    }

    &.actus {
        .inner_title {
            padding: 30px 20px;

            h1 {
                padding: 15px 0 0;
                color: var(--base-clr);
            }
        }
    }
}

.show_xl {
    display: none;
}

.hide_xl {
    display: block;
}

/* .section_deco {
    display: flex;
    gap: 10px;
    margin-block-end: clamp(20px, 7vw, 80px);
    align-content: center;
    justify-content: center;
    width: min(100%, 1410px);
    margin-inline: auto;

    &::before,
    &::after {
        content: '';
        position: relative;
        width: 0;
        height: 0;
        border-top: 3px solid transparent;
        border-bottom: 3px solid transparent;
        border-right: 40vw solid var(--secondary-clr);
    }

    &::after {
        border-right: none;
        border-left: 40vw solid var(--secondary-clr);
    }
} */

.section_deco {
    display: flex;
    gap: 10px;
    margin-block-end: clamp(20px, 7vw, 80px);
    align-content: center;
    justify-content: center;
    width: min(100%, 1410px);
    margin-inline: auto;

    &::before,
    &::after {
        content: '';
        display: block;
        position: relative;
        height: 6px;
        width: calc(50% - 5px);
        background-color: var(--secondary-clr);
    }

    &::before {
        clip-path: polygon(0 50%, 100% 0%, 100% 100%);
    }

    &::after {
        clip-path: polygon(100% 50%, 0% 0%, 0% 100%);
    }
}

/* Page template ovni */
#main {
    #bandeau-page_ovni {
        --_ovni-bandeau-height: auto;
        --_ovni-bandeau-text-w: min(100%, 930px);
        --_ovni-bandeau-pic-h: 330px;
        --_ovni-bandeau-deco-w: 200px;

        height: var(--_ovni-bandeau-height);
        background-color: var(--base-clr);

        picture {
            display: block;
            width: 100%;
            height: 100%;
            overflow: hidden;
            grid-area: 1/-1;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .al__ovni_bandeau_deco {
            width: var(--_ovni-bandeau-deco-w);

            img {
                width: 100%;
                height: auto;
                margin-block-end: 20px;
            }
        }

        .al__bandeau-ovni-content {
            position: relative;
            padding-inline: 0;
            height: 100%;
            display: grid;
            min-width: 0;

            &>* {
                min-width: 0;
                min-height: 0;
            }
        }

        .al__text-content {
            padding: var(--_ovni-bandeau-pic-h) 20px 30px;
            grid-area: 1/-1;
            position: relative;
            z-index: var(--z-low);
        }

        .text_2 {
            margin-block-start: clamp(20px, 2vw, 45px);
        }

        .al__ctas {
            margin-block-start: clamp(20px, 2vw, 40px);
            display: flex;
            flex-direction: column;
            align-items: flex-start;

            a>span {
                display: none;
            }
        }
    }

    .al__ovni_s2 {
        --_ovni_s2-padd-bl: 40px;
        --_ovni_s2-visual1-h: 320px;
        --_ovni_s2-visual2-h: 320px;

        padding-block: var(--_ovni_s2-padd-bl);
        background-image: url('https://alubat.cyberscope.dev/wp-content/uploads/2026/09/fdf5f7db6ded829a86c6caf1aac2e45aa5a4f438-1-scaled.webp');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;

        .al__ovni_s2_content {
            display: flex;
            flex-direction: column;
            gap: clamp(20px, 2.5vw, 30px);

            .ovni_s2_text {
                display: flex;
                flex-direction: column;
                gap: clamp(20px, 2.5vw, 40px);
            }

            .up-title {
                margin-block-end: 0;
            }
        }

        .ovni_s2_visuals {
            display: flex;
            gap: 20px;
            flex-direction: column;
            margin-block-start: 20px;

            .ovni_s2_visuals_pic {
                width: 100%;
                height: var(--_ovni_s2-visual1-h);
                overflow: hidden;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
    }

    .al__ovni_s3 {
        --_ovni_s3-container-w: 100%;
        --_ovni_s3-container-padd-is: 20px;
        --_ovni_s3-container-padd-bs: 40px;
        --_ovni_s3-container-padd-be: clamp(40px, 3.5vw, 55px);
        --_ovni_s3-container-padd-ie: clamp(20px, 5.4vw, 90px);

        background-color: var(--full-white-clr);

        .al__container_full {
            padding-inline: 0;
        }

        .al__container {
            width: var(--_ovni_s3-container-w);
            margin-inline: 0 auto;
            padding-inline-start: var(--_ovni_s3-container-padd-is);
            padding-inline-end: var(--_ovni_s3-container-padd-ie);
            padding-block-start: var(--_ovni_s3-container-padd-bs);
            padding-block-end: var(--_ovni_s3-container-padd-be);
        }

        .ovni_s3__title .alt_font {
            display: block;
            margin-block-start: 40px;
        }

        .al__ovni_s3_content {
            display: flex;
            gap: 40px;
            flex-direction: column;
        }

        .ovni_s3_title_n_description {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        .ovni_s3_details {
            display: flex;
            flex-direction: column;
            gap: 32px;
        }

        .al_row {
            display: flex;
            align-items: center;
            gap: 36px;
            position: relative;

            .icon {
                width: 40px;
                height: 50px;
                display: flex;
                flex-shrink: 0;
                justify-content: center;
                align-items: center;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                }
            }

            .al__detail_desc {
                display: flex;
                gap: clamp(10px, 1.8vw, 16px);
                flex-direction: column;

                &>p {
                    display: flex;
                    flex-direction: column;
                    width: max-content;
                    max-width: 100%;
                }
            }

            &:not(:last-child) {
                &::after {
                    content: '';
                    position: absolute;
                    inset: auto 0 -16px 0;
                    width: 100%;
                    height: 1px;
                    background-color: hsl(from var(--full-white-clr) h s l / 0.3);
                }
            }

        }

    }

    .al__ovni_s4 {
        --anim-duration: 1.8s;
        --anim-delay: .3s;
        --anim-distance: clamp(24px, 4vw, 64px);
        --anim-ease: cubic-bezier(0.16, 1, 0.3, 1);

        background-color: hsl(from var(--secondary-clr) h s l / 0.6);
        padding: 40px 20px 40px 20px;

        .al__ovni_s4_content {
            display: flex;
            flex-direction: column;
        }

        .ovni__s4_desc {
            margin-block: 40px;
        }

        .s4_cta {
            gap: 20px;
            margin-block-start: clamp(20px, 2.5vw, 40px);
            flex-direction: column;
        }

        .al__container_full {
            padding: 0;
        }

        picture {
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .text-content {

            .hide_xl {
                margin-block: 40px;
            }

            .up-title {
                margin-block-end: 20px;
            }

            .title {
                display: flex;
                flex-direction: column;
                text-align: left;

                .t1-out-2 {
                    font-size: clamp(50px, 11vw, 180px);
                    color: var(--base-clr);
                    font-weight: var(--fw-700);
                    line-height: var(--lh-100);
                    text-align: left;
                }
            }
        }

        .al__ovni_s4_xtra_content {
            display: flex;
            gap: 40px;
            flex-direction: column;

            .item {
                position: relative;

                .item_title {
                    margin-block-end: 16px;
                }

                &:not(:last-child) {
                    &::after {
                        content: '';
                        position: absolute;
                        inset: auto 0 -20px 0;
                        width: 100%;
                        height: 1px;
                        background-color: #96A6AF;
                    }
                }
            }
        }
    }

    .al__ovni_s5 {
        /* padding-block-start: 103px; */

        .al__container_full {
            padding-inline: 0;
        }

        .stage {
            overflow: clip;
            position: relative;
            z-index: var(--z-medium);

            .fan__item {
                /* position: absolute;
                top: 50%;
                left: 50%;
                width: 300px;
                height: 400px;
                border-radius: 6px;
                overflow: hidden;
                transition: transform .6s cubic-bezier(.22, .68, .2, 1), z-index 0s .3s, filter .6s ease, opacity .6s ease;
                cursor: pointer; */
                overflow: hidden;
                height: 400px;

                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                }
            }

            .nav {
                display: flex;
                gap: 20px;
                align-items: center;
                justify-content: center;
                background-color: var(--tertiary-clr);
                padding-block-start: 40px;
            }

            .nav__btn {
                all: unset;
                cursor: pointer;
                border: 1px solid var(--primary-clr);
                width: clamp(32px, 2.5vw, 50px);
                height: clamp(32px, 2.5vw, 50px);
                display: inline-flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;

                &.swiper-button-disabled {
                    opacity: .5;
                    pointer-events: none;
                }

                svg {
                    width: clamp(16px, 1.6vw, 22px);
                    height: auto;
                    margin: auto;
                    display: block;
                }
            }
        }

        .al__ovni_s5_content {
            .al__container {
                padding: 40px 20px 40px;
                display: flex;
                gap: 20px;
                flex-direction: column;
                background: radial-gradient(42.95% 43.16% at 50.02% 50.01%, #FFFFFF 0%, #E6DDD3 100%);
            }

            .al__ovni_s5_tabs {
                .tabs_header {
                    display: none;

                    .tabhead {
                        display: inline-block;
                        padding: 12px 10px;
                        font-size: var(--fs-14);
                        letter-spacing: var(--lsp-5);
                        line-height: var(--lh-100);
                        color: var(--full-white-clr);
                        cursor: pointer;
                        background-color: var(--secondary-clr);
                        text-transform: uppercase;
                        font-weight: var(--fw-700);
                        transition: background-color .3s, border-radius .3s;

                        &.active,
                        &:hover {
                            background-color: var(--base-clr);
                            border-top-left-radius: 5px;
                        }
                    }
                }

                .tabtitle {
                    width: 100%;
                    display: block;
                    padding: 8px 10px;
                    font-size: var(--fs-14);
                    letter-spacing: var(--lsp-5);
                    line-height: var(--lh-100);
                    color: var(--full-white-clr);
                    cursor: pointer;
                    background-color: var(--secondary-clr);
                    text-transform: uppercase;
                    font-weight: var(--fw-700);
                    transition: background-color .3s, border-radius .3s;

                    &.active,
                    &:hover {
                        background-color: var(--base-clr);
                        border-top-left-radius: 5px;
                    }

                }

                .tab_body {
                    display: grid;
                    grid-template-rows: 0fr;
                    overflow: hidden;
                    padding: 0;
                    transition: grid-template-rows 0.4s ease, padding 0.4s ease;

                    &.tab_body>* {
                        min-height: 0;
                    }
                }

                .tabs_content {
                    display: block;

                    .accordion-open {
                        .tabtitle {
                            background-color: var(--base-clr);
                            border-top-left-radius: 5px;
                        }

                        .tab_body {
                            grid-template-rows: 1fr;
                            padding: 20px;
                        }
                    }

                    @media screen and (max-width: 1200px) {
                        iframe {
                            height: 0px;
                            transition: height .3s ease;
                        }

                        .accordion-open {
                            iframe {
                                height: 600px;
                            }
                        }
                    }
                }

                /* .tabs_content {
                    display: grid;

                    .tabcontent {
                        grid-area: 1/-1;
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity .3s, visibility .3s;
                        position: relative;
                        display: none;

                        &.active {
                            z-index: var(--z-medium);
                            display: block;
                        }

                        &.fade-in {
                            visibility: visible;
                            opacity: 1;
                        }

                        a {
                            display: grid;
                            height: 100%;

                            img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                            }
                        }
                    } */
            }
        }
    }
}


.al__ovni_s6 {
    --_ovni_s6-padd-bl: 40px;
    --_ovni_s6-visual-h: 250px;

    padding-block: var(--_ovni_s6-padd-bl);
    background-color: var(--full-white-clr);

    .al__container {
        width: 100%;
    }

    .al__ovni_s6_content {
        display: flex;
        flex-direction: column;
        gap: 40px;

        .ovni_s6_text {
            display: flex;
            flex-direction: column;
            gap: clamp(20px, 2.5vw, 40px);
        }

        .up-title {
            margin-block-end: 0;
        }

        .al__ovni_s6_xtra_content {
            display: flex;
            gap: 40px;
            flex-direction: column;
            margin-block-start: 20px;

            .item {
                position: relative;

                .item_title {
                    margin-block-end: 16px;
                }

                &:not(:last-child) {
                    &::after {
                        content: '';
                        position: absolute;
                        inset: auto 0 -20px 0;
                        width: 100%;
                        height: 1px;
                        background-color: #96A6AF;
                    }
                }
            }
        }
    }

    .ovni_s6_visuals {
        display: flex;
        gap: 30px;

        .ovni_s6_visuals_pic {
            width: calc(50% - 15px);
            height: var(--_ovni_s6-visual-h);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }

    .al__ovni_s6_cta {
        margin-block-start: 20px;
        flex-direction: column;
    }
}


.al__ovni_s7 {
    --_ovni_s7-padd-bl: 40px;
    --_ovni_s7-visual-h: 460px;

    padding-block: var(--_ovni_s7-padd-bl);
    background-color: var(--support-clr);

    .al__container {
        width: 100%;
    }

    .al__ovni_s7_content {
        display: flex;
        flex-direction: column;
        gap: 40px;

        .ovni_s7_text {
            display: flex;
            flex-direction: column;
            gap: clamp(20px, 2.5vw, 40px);
        }

        .up-title {
            margin-block-end: 0;
        }

        .al__ovni_s7_xtra_content {
            display: flex;
            gap: 40px;
            flex-direction: column;
            margin-block-start: 20px;

            .item {
                position: relative;

                .item_title {
                    margin-block-end: 16px;
                }

                &:not(:last-child) {
                    &::after {
                        content: '';
                        position: absolute;
                        inset: auto 0 -20px 0;
                        width: 100%;
                        height: 1px;
                        background-color: #96A6AF;
                    }
                }
            }
        }
    }

    .ovni_s7_visuals {
        display: flex;
        gap: 30px;
        flex-direction: column;

        .ovni_s7_visuals_pic {
            width: 100%;
            height: var(--_ovni_s7-visual-h);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

.al__ovni_s8 {


    padding-block: clamp(300px, 20vw, 700px) 40px;
    background-image: var(--al-ovni-s8-bg-mobile, var(--al-ovni-s8-bg));
    background-size: 150%;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: var(--base-clr);

    .al__container_full {
        padding-inline: 0;
    }

    .al__container {
        position: relative;
        z-index: var(--z-low);
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 40px;
        background-color: transparent;
        padding-inline: 20px;

        &>.title {
            text-align: center;
            /* background-image: url('/wp-content/uploads/2026/08/e0b2e87e70fe8925cb76f1b7e37806646f91f111.webp');
                background-size: cover;
                background-repeat: no-repeat;
                background-position: top center; */
            /* padding-block: 240px 40px; */
            width: 100%;
        }

        .title-2 {
            &.h2-white-col {
                &>span {
                    &:last-child {
                        font-size: clamp(var(--fs-40), 10vw, 95px);
                    }
                }
            }
        }
    }

    /* .ovni_s8__desc,
        .al__reassurance_ovni,
        .ovni_s8_cta {
            padding-inline: 20px;
        } */

    .ovni_s8_quote {
        font-size: clamp(37px, 4vw, var(--fs-55));

    }

    .avni_s8_text_2_col {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 40px;

        .col {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 0 30px;

            &:not(:first-child) {
                position: relative;

                &::before {
                    content: "";
                    width: 100%;
                    height: 1px;
                    inset: -20px 0 auto;
                    position: absolute;
                    display: block;
                    background-color: var(--full-white-clr);
                }
            }
        }
    }
}

.al__ovni_s9 {
    --_ovni_s9-item-h: 320px;

    .al__container_full {
        display: flex;
        flex-direction: column;
        gap: 40px;
        padding-block: clamp(40px, 8vw, 100px) clamp(40px, 10vw, 122px);
    }

    .al__ovni_s9_content {
        width: min(100%, var(--container-width));
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .al__ovni_s9_video_gallery {
        .inner_item {
            height: var(--_ovni_s9-item-h);
            display: grid;
            position: relative;
            overflow: hidden;

            video,
            .youtube_wrapper,
            .thumb {
                height: 100%;
                grid-area: 1/-1;
                position: relative;
                display: grid;
                width: 100%;
            }

            .thumb {
                z-index: 2;
                visibility: visible;
                opacity: 1;
                transition: visibility .3s, opacity .3s;

                img {
                    height: 100%;
                    width: 100%;
                    object-fit: cover;
                }

                &.is-hidden {
                    opacity: 0;
                    visibility: hidden;
                }
            }
        }

        .play_button {
            position: absolute;
            inset: 50% auto auto 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            aspect-ratio: 1;
            z-index: var(--z-medium);
            cursor: pointer;

            visibility: visible;
            opacity: 1;
            transition: visibility .3s, opacity .3s;

            &.is-hidden {
                opacity: 0;
                visibility: hidden;
            }
        }
    }

    .al__swipper_navs_wrapper {
        margin-block-start: 48px;
        justify-content: center;

        .swiper-pagination {
            display: none;
            align-items: center;
            gap: 10px;
            position: relative;
            inset: initial;

            [class*="swiper-pagination-bullet"] {
                width: 30px;
                height: 8px;
                border: 1px solid var(--primary-clr);
                border-radius: 500px !important;
                outline: none !important;
                margin: 0 !important;
                background-color: transparent !important;
                transition: background-color .3s;

                &.swiper-pagination-bullet-active,
                &:hover {
                    background-color: var(--base-clr) !important;
                    border-color: var(--base-clr);
                }
            }
        }
    }
}

.al__ovni_s10 {
    --_ovni_s10_img-h: 560px;

    padding-block: clamp(40px, 8vw, 100px);
    background-color: var(--tertiary-clr);

    .up-title {
        margin: 0;
    }

    .title-2 {
        margin-block: 20px;
    }


    .ovni_s10_items_wrapper {
        margin-block-start: 80px;

        .ovni_s10_items {
            display: flex;
            flex-direction: column;
            gap: 32px;
            justify-content: space-between;
        }

        .item {
            width: 100%;
            flex-shrink: 0;
        }

        .item__inner {
            width: 100%;
            position: relative;
            max-width: 100%;
        }

        .img_wrapper {
            height: var(--_ovni_s10_img-h);
            position: relative;
            overflow: hidden;

            img {
                height: 100%;
                width: 100%;
                object-fit: cover;
            }
        }

        .desc_content {
            position: absolute;
            inset: auto 20px 20px 20px;
            width: calc(100% - 40px);
            background-color: var(--full-white-clr);
            padding: 20px 20px 20px 30px;
            display: flex;
            flex-direction: column;
            gap: 20px;

            .uptitle {
                width: 100%;
                display: flex;
                gap: 10px;
                padding-block-end: 4px;
                border-bottom: 1px solid var(--primary-clr);

                .icon {
                    width: 12px;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }
            }
        }

        .item.al__xl {
            --_ovni_s10_img-h: 350px;

            width: 100%;


            .item__inner {
                width: 100%;
                max-width: 100%;
                display: grid;
                grid-template-columns: 1fr;
            }

            .desc_content {
                position: relative;
                inset: initial;
                padding: 24px;
                justify-content: center;
                width: 100%;
            }
        }
    }
}

.al__ovni_s11 {
    --_first-item-img-h: 350px;
    --_item-img-h: 350px;

    padding-block: clamp(40px, 10vw, 98px);

    .al__ovni_s11_desc {
        width: min(820px, 100%);
        margin-inline: auto;
        margin-block: clamp(20px, 2.4vw, 60px) clamp(40px, 3vw, 60px);
    }

    .al__ovni_s11_items {
        display: grid;
        gap: 30px;
    }

    .right_layout {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .item {
        .img_wrapper {
            height: var(--_item-img-h);
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .inner_item {
            display: flex;
            flex-direction: column;
            gap: 20px;

            .desc {
                display: flex;
                gap: 20px;
                flex-direction: column;
            }
        }

        &.first {

            .inner_item {
                flex-direction: column !important;
            }

            .img_wrapper {
                height: var(--_first-item-img-h) !important;
                width: 100% !important;
            }
        }
    }

    .al__ovni_s11_cta {
        margin-block-start: clamp(40px, 10vw, 120px);
    }
}

.al__ovni_s12 {
    --_ovni_s12_cols: 1;
    --_ovni_s12_gap: 30px;
    --_ovni_s12_visual-h: 350px;

    background-color: var(--support-clr);
    padding-block: 60px 100px;


    .section_deco {
        margin-block-end: clamp(20px, 6vw, 60px);
    }

    .ovni_s12_items_wrapper {
        margin-block-start: 60px;
    }

    .ovni_s12_items {
        display: flex;
        flex-wrap: wrap;
        gap: var(--_ovni_s12_gap);
    }

    .item {
        width: calc((100% - (var(--_ovni_s12_cols) - 1) * var(--_ovni_s12_gap)) / var(--_ovni_s12_cols));
    }

    .visual {
        height: var(--_ovni_s12_visual-h);
        overflow: hidden;
        display: grid;

        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    .inner_item {
        .ovni_s12_item_desc {
            background-color: var(--full-white-clr);
            display: flex;
            flex-direction: column;
            gap: 24px;
            padding: 20px;
        }
    }

    .al__ovni_s12_cta {
        margin-block-start: 60px;
    }
}

.al__ovni_s13 {
    --_ovni_s13_item_logo-w: 200px;

    padding-block: clamp(40px, 5.5vw, 100px);

    .ovni_s13_list_wrapper {
        display: flex;
        gap: 20px;
        flex-direction: column;
        margin-block-start: 40px;

        .inner_item {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;
        }

        .logo {
            width: min(var(--_ovni_s13_item_logo-w), 100%);

            img {
                width: 100%;
                height: auto;
            }
        }

        .item_cta {
            margin-block-start: 20px;
        }
    }

    .ovni_s13_specs_value {
        font-family: var(--font-family-roboto);
    }

    .ovni_s13_text {
        display: flex;
        flex-direction: column;
        gap: 20px;

        &>* {
            margin: 0;
        }
    }

    .ovni_s13_specs_wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        background-color: var(--tertiary-clr);
        margin-block-start: 40px;
        padding: 40px 20px;

        .ovni_s13_specs_row {
            display: grid;
            grid-template-columns: 1fr;
            grid-column: 1 / -1;
            padding-block: 10px;

            &:not(:last-child) {
                border-bottom: 1px solid var(--primary-clr);
            }

            &:first-child {
                padding-block-start: 0;
            }

            &:last-child {
                padding-block-end: 0;
            }
        }

        .ovni_s13_specs_label,
        .ovni_s13_specs_value {
            padding: 4px;
            display: flex;
            align-items: center;
        }

        .ovni_s13_specs_label {
            justify-content: flex-start;
            text-align: left;
            padding-bottom: 4px;
        }

        .ovni_s13_specs_value {
            justify-content: flex-start;
            text-align: left;
            padding-top: 0;
        }

        /* @media (min-width: 769px) {
                .ovni_s13_specs_row {
                    grid-template-columns: subgrid;
                }

                .ovni_s13_specs_value {
                    justify-content: center;
                }
            } */
    }

    .ovni_s13_cta {
        flex-direction: column;
        margin-block-start: 60px;
        gap: 10px;
    }
}

.al__ovni_s14 {
    --_s14-padd: clamp(40px, 5.5vw, 100px) 20px;
    --_s14-question-padd: 15px 10px;
    --_s14-question-gap: 40px;
    --_s14-ans-padd: 20px;
    --_s14-faq-gap: 20px;


    padding: var(--_s14-padd);
    background-color: var(--tertiary-clr);

    .s14_cta {
        margin-block-start: clamp(40px, 4.6vw, 80px);
    }

    .al__ovni_s14-content {
        display: flex;
        flex-direction: column;
        gap: var(--_s14-faq-gap);

        .faq-accordion-group {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            align-items: flex-start;
            margin-block-start: clamp(40px, 4.6vw, 80px);

            .faq_col {
                display: flex;
                flex-direction: column;
                gap: 20px;
            }
        }

        .al__faq-item {
            background-color: var(--full-white-clr);

            .c_faq-question {
                padding: var(--_s14-question-padd);
                cursor: pointer;

                .q-text {
                    display: flex;
                    align-items: center;
                    gap: var(--_s14-question-gap);
                    justify-content: space-between;

                    &::after {
                        content: "";
                        width: 32px;
                        height: 32px;
                        background-color: transparent;
                        background-image: url("/wp-content/uploads/2026/08/arrow-right.svg");
                        background-position: center;
                        background-size: 12px 22px;
                        background-repeat: no-repeat;
                        padding: 5px 10px;
                        border-radius: 50%;
                        box-sizing: border-box;
                        flex-shrink: 0;
                        flex-grow: 0;
                        border: 1px solid var(--secondary-clr);
                        transition: rotate .3s;
                        rotate: 0;
                    }
                }
            }

            .al__faq-answer {
                border: 1px solid #F1F1F1;
                height: 0;
                transition: height .3s;
                overflow: hidden;

                .al__faq-answer-inner {
                    padding: var(--_s14-ans-padd);
                    color: #1D1D1D;
                }
            }

            &.active {
                box-shadow: 0 0 0 0 hsl(from #000000 h s l / 0.1);

                .al__faq-answer {
                    height: auto;
                }

                .c_faq-question {
                    background-color: var(--blue-clr);

                    .q-text {
                        /* color: var(--full-white-clr); */

                        &::after {
                            background-image: url("/wp-content/uploads/2026/08/arrow-right-1.svg");
                        }
                    }
                }
            }
        }
    }
}

.al__ovni_s15 {
    padding-block: clamp(40px, 5.5vw, 100px);

    .subtitle {
        font-weight: var(--fw-200);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .al__ovni__s15__desc {
        width: min(100%, 634px);
        margin-inline: auto;
        margin-block: clamp(40px, 4vw, 60px);
        font-size: var(--fs-26);
    }
}

.al__ovni_s16 {
    .al__container_full {
        padding: 0;
    }

    .ovni_s16_content {
        .visual {
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .content_text {
            background-color: var(--tertiary-clr);
            padding: 40px 20px;
        }

        .ovni_s16_cta {
            margin-block-start: 40px;
        }
    }
}

/* Footer */

footer {
    --_footer-logo-w: min(270px, 80%);

    background-color: var(--base-clr);

    #footer_haut {
        padding-inline: 20px;

        .conteneur {
            display: flex;
            padding-block: clamp(40px, 8vw, 100px);
            flex-direction: column;
            gap: 40px;
        }

        .left {
            display: flex;
            flex-direction: column;
            gap: clamp(20px, 1.8vw, 40px);
        }

        #logo {
            width: var(--_footer-logo-w);

            img {
                width: 100%;
                height: auto;
                display: block;
            }
        }

        #footer_adresse {
            &>div {
                display: flex;
                align-items: center;
                gap: 20px;

                div[class*="icon"] {
                    width: 50px;
                    height: 50px;
                    display: grid;

                    svg {
                        width: 100%;
                        height: 100%;
                    }
                }
            }

            .al__address_content {
                &>* {
                    color: var(--full-white-clr);
                    font-weight: var(--fw-300);
                    font-size: var(--fs-16);
                    line-height: var(--lh-150);
                }
            }

            .al__phone {
                margin-block-start: 40px;
                position: relative;

                &::before {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background-color: hsl(from var(--full-white-clr) h s l / 0.3);
                    inset: -20px 0 auto 0;
                    position: absolute;
                    display: block;
                }

                a {
                    line-height: var(--lh-150);
                    color: var(--full-white-clr);
                    font-size: var(--fs-20);
                    font-weight: var(--fw-700);
                }

                span {
                    font-size: var(--fs-14);
                    line-height: var(--lh-150);
                    font-weight: var(--fw-300);
                    color: var(--full-white-clr);
                }
            }
        }

        .right {
            display: flex;
            gap: 30px;
            flex-direction: column;
        }

        .al__footer-col {
            display: flex;
            flex-direction: column;
            gap: 40px;

            .footer_col_title {
                color: var(--full-white-clr);
                font-weight: var(--fw-700);
                text-transform: uppercase;
                font-size: var(--fs-20);
                position: relative;

                &::after {
                    content: '';
                    width: 100%;
                    height: 1px;
                    background-color: hsl(from var(--full-white-clr) h s l / 0.3);
                    inset: auto 0 -20px 0;
                    position: absolute;
                    display: block;
                }
            }

            .footer__col_content {
                ul {
                    display: flex;
                    flex-direction: column;
                    gap: 10px;

                    &>li>* {
                        font-size: clamp(var(--fs-14), 1.2vw, var(--fs-16));
                        color: var(--full-white-clr);
                        font-weight: var(--fw-300);
                        line-height: var(--lh-150);
                    }
                }
            }

            @media screen and (max-width: 1200px) {
                .footer_col_title {
                    cursor: pointer;
                    user-select: none;
                    color: var(--full-white-clr);
                    font-weight: var(--fw-700);
                    text-transform: uppercase;
                    font-size: var(--fs-20);
                    position: relative;
                    display: flex;
                    align-items: center;
                    flex-direction: row-reverse;
                    justify-content: space-between;

                    &::before {
                        content: '';
                        position: relative;
                        width: 16px;
                        height: 16px;
                        mask-repeat: no-repeat;
                        mask-position: center;
                        mask-size: contain;
                        -webkit-mask-repeat: no-repeat;
                        -webkit-mask-position: center;
                        -webkit-mask-size: contain;
                        background-color: var(--full-white-clr);
                        mask-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.48438 0.234375C6.71875 0 7.10938 0 7.34375 0.234375L13.5938 6.48438C13.8672 6.71875 13.8672 7.10938 13.5938 7.34375C13.3594 7.61719 12.9688 7.61719 12.7344 7.34375L6.91406 1.5625L1.09375 7.34375C0.859375 7.61719 0.46875 7.61719 0.234375 7.34375C0 7.10938 0 6.71875 0.234375 6.48438L6.48438 0.234375Z" fill="white"/></svg>');
                        -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="8" viewBox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.48438 0.234375C6.71875 0 7.10938 0 7.34375 0.234375L13.5938 6.48438C13.8672 6.71875 13.8672 7.10938 13.5938 7.34375C13.3594 7.61719 12.9688 7.61719 12.7344 7.34375L6.91406 1.5625L1.09375 7.34375C0.859375 7.61719 0.46875 7.61719 0.234375 7.34375C0 7.10938 0 6.71875 0.234375 6.48438L6.48438 0.234375Z" fill="white"/></svg>');
                        rotate: 180deg;
                        transition: rotate 0.35s ease;
                    }
                }

                .footer__col_content {
                    height: 0;
                    overflow: hidden;
                    transition: height 0.35s ease;

                    .footer__col_content-inner {
                        min-height: 0;
                        padding-top: 20px;

                        ul {
                            display: flex;
                            flex-direction: column;
                            gap: 10px;

                            &>li>* {
                                font-size: clamp(var(--fs-14), 1.2vw, var(--fs-16));
                                color: var(--full-white-clr);
                                font-weight: var(--fw-300);
                                line-height: var(--lh-150);
                            }
                        }
                    }
                }

                &.is-open .footer_col_title::before {
                    rotate: 0deg;
                }

                &.is-open .footer__col_content {
                    grid-template-rows: 1fr;
                }

                &.follow_us {
                    margin-block-start: -20px;

                    .footer_col_title {
                        display: none;
                    }

                    .footer__col_content {
                        height: auto;
                    }

                    #reseaux_sociaux {
                        flex-direction: row;

                        a>span:last-child {
                            display: none;
                        }
                    }
                }
            }
        }
    }


    .scrolltop {
        padding: 10px;
        position: fixed;
        bottom: 20px;
        right: 20px;
        display: none;
        background-color: var(--primary-clr);
        border-radius: 2px;
        z-index: var(--z-high);
    }

    .scrolltop p {
        color: var(--full-white-clr);
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        letter-spacing: 2px;
        display: flex;
        align-items: center;
    }

    .scrolltop p:before {
        content: '';
        width: 0;
        height: 0;
        margin-right: 10px;
        border-style: solid;
        border-width: 0px 4px 6px 4px;
        border-color: transparent transparent var(--full-white-clr) transparent;
    }

    #reseaux_sociaux {
        display: flex;
        flex-direction: column;
        gap: 10px;

        a {
            display: flex;
            align-items: center;
            gap: 10px;

            span:has(svg) {
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: center;
                border-radius: 50%;
                border: 1px solid var(--primary-clr);
                padding: 6px;

                svg {
                    width: 100%;
                    height: 100%;
                }
            }

            span {
                font-size: var(--fs-14);
                line-height: var(--lh-150);
                letter-spacing: var(--lsp-6);
                font-weight: var(--fw-300);
                text-transform: uppercase;
                color: var(--full-white-clr);
            }
        }
    }

    #footer_bas {
        background-color: var(--full-white-clr);
        padding: 30px 20px;

        .conteneur {
            display: flex;
            flex-direction: column;
            gap: 12px;

            ul {
                display: flex;
                flex-wrap: wrap;
                gap: 12px 20px;
            }

            p,
            li>* {
                font-size: var(--fs-16);
                line-height: var(--lh-150);
                color: var(--base-clr);
                font-weight: var(--fw-300);
            }

            li>* {
                text-decoration: underline;
            }
        }
    }
}


/* formulaire */
#main div[id*="gform_wrapper"].gform_wrapper {
    .gform_body {
        .gform_fields {

            .gfield_label {
                font-size: var(--fs-16);
                line-height: var(--lh-110);
                color: var(--base-clr);
                font-weight: var(--fw-700);
                text-align: left;
                margin-block-end: 7px;
            }

            .gfield_required_text {
                font-size: var(--fs-14);
                color: var(--primary-clr);
                font-weight: var(--fw-400);
            }

            input[type="text"],
            input[type="number"],
            input[type="tel"],
            input[type="email"],
            input[type="url"],
            input[type="file"],
            textarea,
            select {
                border: 1px solid var(--primary-clr);
                padding: 13px 20px;
                color: var(--base-clr);
                font-size: var(--fs-16);
                line-height: var(--lh-150);
                font-weight: var(--fw-300);
                outline: 1px solid transparent;
                transition: outline-color .3s;
                background-color: var(--full-white-clr);
                border-radius: unset;

                &:hover,
                &:focus-visible,
                &:active {
                    outline-color: var(--primary-clr);
                }

                &::placeholder {
                    color: #d0d0d0;
                    font-size: var(--fs-16);
                    line-height: var(--lh-150);
                    font-weight: var(--fw-300);
                }

                &.datepicker::placeholder {
                    text-transform: uppercase;
                    color: var(--base-clr);

                }
            }

            .ginput_container_date {
                position: relative;
                width: max-content;
                max-width: 100%;

                input {
                    padding-inline-end: 40px;
                }

                .ui-datepicker-trigger {
                    position: absolute;
                    right: 14px;
                    margin: 0;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }

            .hour_minute_colon {
                display: none;
            }

            .ginput_container:has(.gfield_time_minute) {
                display: flex;
                gap: 20px;
            }

            .gfield_time_minute,
            .gfield_time_hour,
            .gfield_time_ampm {
                margin: 0;
                max-width: max-content;
                min-width: initial;

                input,
                select {
                    padding: 5px 10px;
                    min-width: 75px;
                }
            }

            .gchoice {

                input[type="radio"],
                input[type="checkbox"] {
                    display: none;
                }

                label {
                    display: flex;
                    align-items: center;
                    padding-inline-start: 35px;
                    position: relative;
                    font-size: clamp(var(--fs-16), 2vw, var(--fs-20));
                    line-height: var(--lh-150);
                    color: var(--base-clr);
                    font-weight: var(--fw-300);
                    text-align: left;
                    margin-block-end: 7px;
                    width: max-content;
                    max-width: 100%;
                    cursor: pointer;

                    &::before {
                        content: "";
                        display: block;
                        position: absolute;
                        inset: 50% auto auto 0;
                        transform: translateY(-50%);
                        width: 20px;
                        height: 20px;
                        border: 1px solid var(--clr-black, #000000);
                        border-radius: 3px;
                    }

                    &::after {
                        content: "";
                        display: block;
                        position: absolute;
                        inset: 50% auto auto 0;
                        transform: translateY(-50%);
                        width: 20px;
                        height: 20px;
                        border: 1px solid var(--clr-black, #000000);
                        border-radius: 3px;
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity .3s, visibility .3s;
                    }
                }

                input[type="radio"] {
                    &+label {
                        &::before {
                            border-radius: 50%;
                        }

                        &::after {
                            border-radius: 50%;
                            width: 12px;
                            height: 12px;
                            background-color: var(--secondary-clr);
                            left: 4px;
                            border-color: var(--secondary-clr);
                        }
                    }

                    &:checked+label {
                        &::after {
                            opacity: 1;
                            visibility: visible;
                        }
                    }
                }

                input[type="checkbox"] {

                    &+label {

                        &::after {
                            background-color: var(--secondary-clr);
                            background-image: url('data:image/svg+xml,<svg width="11" height="10" viewBox="0 0 11 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2656 0.234375C10.5938 0.492188 10.6641 0.960938 10.4297 1.28906L4.42969 9.53906C4.28906 9.70312 4.10156 9.82031 3.89062 9.84375C3.65625 9.86719 3.44531 9.77344 3.28125 9.63281L0.28125 6.63281C0 6.32812 0 5.85938 0.28125 5.55469C0.585938 5.27344 1.05469 5.27344 1.35938 5.55469L3.72656 7.94531L9.21094 0.398438C9.46875 0.0703125 9.9375 0 10.2656 0.234375Z" fill="white"/></svg>');
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: 11px 10px;
                        }
                    }

                    &:checked+label {
                        &::after {
                            opacity: 1;
                            visibility: visible;
                            border-color: var(--secondary-clr);
                        }

                        &::before {
                            border-color: var(--secondary-clr);
                        }
                    }

                }
            }
        }
    }

    .gform_footer {

        input[type="submit"],
        button[type="submit"] {
            font-size: var(--fs-14);
            padding: 12px 36px 12px 10px;
            display: inline-flex;
            align-items: center;
            width: max-content;
            max-width: 100%;
            font-weight: var(--fw-700);
            border-radius: 2px;
            text-transform: uppercase;
            letter-spacing: var(--lsp-5);
            line-height: var(--lh-100);
            transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);
            background-color: var(--primary-clr);
            color: var(--full-white-clr);
            outline: none;
            border: none;

            background-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 16px 16px;

            &:hover {
                transform: translateY(-3px) scale(1.03);
            }
        }
    }
}


header#masthead #logo {

    .logo_black {
        visibility: hidden;
        opacity: 0;
        height: 0;
    }

    img {
        transition: visibility .2s ease, opacity .2s ease;
    }

}

body:not(.home) {
    header#masthead:not(:has(.sc__mega-panel.is-open), .scroll) {

        #logo {
            img {
                opacity: 0;
                visibility: hidden;
                height: 0;
                width: 100%;
            }

            img.logo_black {
                opacity: 1;
                visibility: visible;
                height: auto;
            }
        }

        &.mobile {
            .btn_toggle {
                span {
                    background-color: var(--base-clr);
                }
            }

            &:has(.sidebar.open) {
                .btn_toggle {
                    span {
                        background-color: var(--full-white-clr);
                    }
                }

                #logo {
                    img {
                        opacity: 1;
                        visibility: visible;
                        height: auto;
                    }

                    img.logo_black {
                        opacity: 0;
                        visibility: hidden;
                        height: 0;
                    }
                }
            }
        }

        #site-navigation {
            ul {
                li> :is(a, span) {
                    color: var(--base-clr);
                }
            }
        }
    }

    &:not(:has(header#masthead.scroll)) {
        #bandeau {
            margin-top: var(--mega-header-height);
        }
    }
}

/* beaver posts */
.al__bb__articles_list {

    .fl-post-grid-post {
        background-color: var(--full-white-clr);
        border: none;
        position: relative;

        .fl-post-grid-meta-terms {
            position: absolute;
            top: 212px;
            left: 0;
            z-index: var(--z-medium);

            .fl-post-grid-terms>a {
                color: var(--full-white-clr);
                font-size: 10px;
                line-height: var(--lh-150);
                text-transform: uppercase;
                letter-spacing: 1px;
                font-weight: var(--fw-700);
                padding: 5px 12px;
                background-color: var(--primary-clr);
            }
        }
    }

    .fl-post-grid-text {
        padding: 24px 28px;
        border-top: 2px solid var(--primary-clr);

        .fl-post-grid-title,
        .fl-post-grid-title>a {
            font-size: var(--fs-20);
            color: var(--base-clr);
            font-weight: var(--fw-700);
            line-height: var(--lh-140);
            font-family: var(--font-family-title);
        }

        .fl-post-grid-title {
            margin-block-end: 12px;
        }

        .fl-post-grid-content>p {
            font-family: var(--fs-16);
            line-height: var(--lh-150);
            color: #0D183880;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            line-clamp: 3;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

        .fl-post-grid-content .fl-post-grid-more {
            display: inline-flex;
            font-size: var(--fs-12);
            text-transform: uppercase;
            color: var(--primary-clr);
            font-weight: var(--fw-700);
            letter-spacing: var(--lsp-6);
            gap: 10px;
            align-items: center;
            margin-block-start: 40px;

            &::after {
                content: '';
                position: relative;
                width: 16px;
                height: 16px;
                mask-repeat: no-repeat;
                mask-position: center;
                mask-size: contain;
                -webkit-mask-repeat: no-repeat;
                -webkit-mask-position: center;
                -webkit-mask-size: contain;
                background-color: var(--primary-clr);
                mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
                -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
            }
        }
    }
}

.al__archives {
    --_post_img-h: 240px;

    background-color: #f5f7f8;
    padding-block: clamp(40px, 7vw, 80px) !important;
    padding-inline: 20px !important;

    .les_articles {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(min(454px, 100%), 1fr));
        gap: 24px;

        .al_inner_post {
            background-color: var(--full-white-clr);
            border: none;
            position: relative;

            .visuel {
                display: grid;
                position: relative;
                height: var(--_post_img-h);
                overflow: hidden;

                img {
                    height: auto;
                    width: 100%;
                }
            }

            .top_image_infos {
                position: absolute;
                inset-block: auto 0;
                inset-inline: 0;
                z-index: var(--z-medium);
                display: flex;
                align-items: center;

                &:has(.price) {
                    justify-content: space-between;
                    gap: 12px;
                    align-items: end;
                }

                .term>a,
                .price {
                    color: var(--full-white-clr);
                    font-size: var(--fs-15);
                    line-height: var(--lh-150);
                    text-transform: uppercase;
                    letter-spacing: 1px;
                    font-weight: var(--fw-700);
                    padding: 5px 12px;
                    background-color: var(--primary-clr);
                    display: inline-flex;
                }

                .term>a {
                    transition: transform 0.4s cubic-bezier(0.6, 0, 0.2, 1);

                    &:hover {
                        transform: scale(1.02);
                    }
                }

                .price {
                    font-size: clamp(var(--fs-22), 2vw, var(--fs-30));
                }
            }
        }

        .contenu {
            padding: 24px 28px;
            border-top: 2px solid var(--primary-clr);

            .titre,
            .titre>a {
                font-size: var(--fs-20);
                color: var(--base-clr);
                font-weight: var(--fw-700);
                line-height: var(--lh-140);
                font-family: var(--font-family-title);
            }

            .titre {
                margin-block-end: 12px;
            }

            .resume {
                font-size: var(--fs-16);
                line-height: var(--lh-150);
                font-weight: var(--fw-300);
                color: #0D183880;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                line-clamp: 3;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }

            .read_more {
                display: inline-flex;
                font-size: var(--fs-12);
                text-transform: uppercase;
                color: var(--primary-clr);
                font-weight: var(--fw-700);
                letter-spacing: var(--lsp-6);
                gap: 10px;
                align-items: center;
                margin-block-start: 40px;

                &::after {
                    content: '';
                    position: relative;
                    width: 16px;
                    height: 16px;
                    mask-repeat: no-repeat;
                    mask-position: center;
                    mask-size: contain;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: var(--primary-clr);
                    mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="17" height="13" viewBox="0 0 17 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.7812 6.59375L10.5312 11.8438C10.25 12.125 9.78125 12.125 9.46875 11.8438C9.1875 11.5625 9.1875 11.0625 9.46875 10.7812L13.4375 6.8125H0.75C0.34375 6.8125 0 6.46875 0 6.0625C0 5.65625 0.34375 5.3125 0.75 5.3125H13.4375L9.46875 1.34375C9.1875 1.0625 9.1875 0.5625 9.46875 0.28125C9.75 0 10.25 0 10.5312 0.28125L15.7812 5.53125C16.0625 5.8125 16.0625 6.3125 15.7812 6.59375Z" fill="white"/></svg>');
                }
            }
        }
    }

    .pagination {
        padding-block-start: 72px;

        .screen-reader-text {
            display: none;
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 8px;
            justify-content: center;

            .page-numbers {
                width: 40px;
                height: 40px;
                border: 1px solid #0D183820;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 10px;
                font-size: var(--fs-14);
                line-height: var(--lh-140);
                font-weight: var(--fw-700);
                color: #0D183860;
                border-radius: 50%;
                overflow: hidden;
                transition: color .3s ease, background-color .2s ease;
                flex-shrink: 0;
                flex-grow: 0;

                &.current,
                &:hover {
                    background-color: var(--primary-clr);
                    color: var(--full-white-clr);
                }

            }

            .prev,
            .next {
                font-size: 0;
                border-color: #927D64;

                &::before {
                    content: '';
                    position: relative;
                    width: 8px;
                    height: 12px;
                    mask-repeat: no-repeat;
                    mask-position: center;
                    mask-size: contain;
                    -webkit-mask-repeat: no-repeat;
                    -webkit-mask-position: center;
                    -webkit-mask-size: contain;
                    background-color: var(--primary-clr);
                    mask-image: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L6.75 6.75L0.75 12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    -webkit-mask-image: url('data:image/svg+xml,<svg width="8" height="14" viewBox="0 0 8 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.75 0.75L6.75 6.75L0.75 12.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
                    transition: background-color .2s ease;
                }

                &:hover::before {
                    background-color: var(--full-white-clr);
                }
            }

            .prev::before {
                rotate: 180deg;
            }
        }
    }
}

#breadcrumbs,
#breadcrumbs a,
#breadcrumbs span {
    color: var(--base-clr);
    font-size: 13px;
    line-height: var(--lh-130);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: var(--fw-300);
}

body.single-post #main {
    margin-top: var(--mega-header-height);
}

/* beaver posts */

/* Version 768 */
@media (min-width: 768px) {
    #main {
        .al__ovni_s13 {
            .ovni_s13_specs_wrapper {
                .ovni_s13_specs_row {
                    grid-template-columns: subgrid;
                }

                .ovni_s13_specs_value {
                    justify-content: center;
                }
            }
        }
    }
}

/* Version > 1024 */
@media (min-width: 1024px) {}

/* Version > 1200 */
@media (min-width: 1200px) {
    .hide_xl {
        display: none;
    }

    .show_xl {
        display: block;
    }

    header#masthead {
        .top {
            display: none;
        }

        .sc__submenu {
            display: none;
        }

        .menu-item .sc__menu-toggle {
            display: none;
        }

        .menu-top-aside,
        ul#primary-menu-desktop,
        #logo {
            position: relative;
            z-index: var(--z-high);
        }

        #site-navigation {
            & ul {
                & li> :is(a, span) {
                    position: relative;
                    z-index: calc(var(--z-high) * 2);
                }
            }
        }
    }

    .al__reassurance {
        --_reassurance-list-cols: 4;
        --_reassurance-list-gap: 90px;
    }

    .al__home_s8_slider .al__s8-navigation-wrapper {
        justify-content: flex-end;
        padding-inline-end: calc((var(--container-margin-size) / 2) + 68px);
    }

    #breadcrumbs,
    #breadcrumbs a,
    #breadcrumbs span {
        color: var(--full-white-clr);
    }

    #bandeau {

        picture {
            height: var(--bandeau_cms-h);

            /*  img {
                height: auto;
            } */
        }

        .al__container {
            position: relative;
            padding: 0;
            background-color: transparent;

            h1 {
                background-color: var(--full-white-clr);
                padding: 10px;
                width: min(100%, 828px);
                top: -105px;
                position: absolute;
                z-index: var(--z-low);
            }
        }

        &.actus {
            --bandeau_cms-h: 420px;

            position: relative;

            &::after {
                content: '';
                inset: 0;
                display: block;
                position: absolute;
                z-index: 1;
                background: linear-gradient(180deg, rgba(13, 24, 56, 0.816) 0%, rgba(13, 24, 56, 0.6) 60%, rgba(13, 24, 56, 0.88) 100%);

            }

            .al__container {
                position: initial;
            }

            .inner_title {
                position: absolute;
                width: min(100%, 828px);
                bottom: 73px;
                z-index: var(--z-medium);
                isolation: isolate;
                padding: 0;

                &::after,
                &::before {
                    content: "";
                    position: absolute;
                    inset: auto auto -10px 0;
                    width: 220px;
                    height: 3px;
                    display: block;
                    background-color: var(--support-clr);
                    z-index: -1;
                }

                &::before {
                    z-index: 1;
                    width: 160px;
                    background-color: var(--primary-clr);
                }

                h1 {
                    position: relative;
                    inset: initial;
                    background-color: transparent;
                    padding: 0;
                    color: var(--full-white-clr);
                }
            }

            #breadcrumbs {
                opacity: 0.5;
                margin-block-end: 16px;
            }
        }
    }

    #main {
        #bandeau-home {
            --_home-bandeau-height: 940px;
            --_home-bandeau-pic-h: 100%;

            .al__bandeau-home-content {
                display: flex;
                flex-direction: column;
            }

            .al__text-content {
                padding: 0 !important;

                .inner {
                    position: absolute;
                    inset: auto 0 clamp(100px, 7vw, 146px) clamp(130px, 12vw, 187px);
                    z-index: var(--z-medium);
                    width: var(--_home-bandeau-text-w);

                    .al__btn {
                        gap: 5px;
                    }
                }
            }

            .al__ctas {
                a>span {
                    display: block;
                    color: inherit;
                    font: inherit;
                }
            }

            /* &.opt-2 {
                .al__text-content .inner {
                    inset: auto clamp(130px, 12vw, 187px) clamp(100px, 7vw, 146px) auto;
                }
            } */

            &.separated {
                .picture_canvas {
                    .picture_text {
                        .title-2 {
                            margin-block-start: -10rem;
                        }
                    }
                }
            }

        }

        .al__home_s2 {
            --_home-s2-number-h: 830px;
            position: relative;

            &::after {
                content: "";
                position: absolute;
                inset: -70px 84px auto auto;
                width: 800px;
                height: 800px;
                display: block;
                background-image: url('/wp-content/uploads/2026/08/Boussole.svg');
                background-repeat: no-repeat;
                background-size: 100%;
                background-position: center;
            }

            .al__container {
                z-index: 2;
            }

            .s2__content {
                position: relative;
                z-index: var(--z-low);
            }

            .home_s2_desc {
                padding-inline-end: 215px;
            }

            .al__home_s2_number {
                position: absolute;
                inset: auto 85px -300px auto;
                background-position: 3.5px top;
                background-image: url('/wp-content/uploads/2026/08/38befd4ce50d5d4747f743f2898b31d4a805f5cc.webp');
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
                margin-block-start: 0;

                &::before {
                    content: "";
                    inset: auto auto 0 0;
                    width: 7px;
                    height: 274px;
                    background-color: var(--primary-clr);
                    position: absolute;
                    display: block;
                }

                .number-item>*:not(.number) {
                    color: var(--base-clr);
                }
            }
        }

        .al__home_s3 {
            --_s3-gap: 8px;
            /* --_s3_item-h: 650px; */
            /* to remove for swiper uses */
            --_s3_item-h: 710px;
            --_s3_item-w: 500px;
            --_s3_item-gap: 20px;

            position: relative;
            overflow: hidden;
            /* for the pin */
            /* clip-path: inset(0); */

            &::after {
                content: "";
                position: absolute;
                z-index: -1;
                inset: 0;
                background-image: url('/wp-content/uploads/2026/08/b6f50f1c66e526d6a463c08fa8c9ff8087a7c4df.webp');
                background-size: 1060px;
                background-position-y: -25%;
                background-position-x: -10%;
                background-repeat: no-repeat;
                opacity: .5;
            }

            .home__s3_content {
                .s3__title {
                    text-align: left;
                }
            }

            .swiper {
                overflow: visible;
            }

            .al__s3-navigation-wrapper {
                display: flex;
                /* display: none; */
                justify-content: flex-end;
                padding-inline-end: max(var(--container-margin-size), 40px);
                margin-block-start: 40px;
            }

            .home__s3_slider_wrapper {
                overflow: hidden;
                width: calc(100% + var(--container-margin-size));

                .swiper-wrapper {
                    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
                }

                .home__s3_slider:not(.swiper-wrapper) {
                    flex-wrap: nowrap;
                    flex-direction: row;
                    gap: var(--_s3_item-gap);

                    .slider_item {
                        width: var(--_s3_item-w);
                    }
                }

                .inner_item {
                    picture {
                        width: 100%;
                        height: 100%;

                        img {
                            width: 100%;
                            height: auto;
                        }
                    }

                    .deco {
                        position: absolute;
                        inset: 10px auto 10px 10px;
                        background-color: var(--base-clr);
                        overflow: hidden;
                        min-width: 50px;
                        display: flex;
                        padding: 0;
                        align-items: center;
                        justify-content: space-between;
                        flex-direction: column;
                        max-width: 50px;
                        padding-block: 20px;
                        margin: 0;
                        transition: none;
                    }

                    .deco_txt {
                        font-size: clamp(20px, 1.8vw, 26px);
                        color: var(--full-white-clr);
                        font-weight: var(--fw-500);
                        letter-spacing: var(--lsp-6);
                        line-height: var(--lh-110);
                        text-transform: uppercase;
                        transform-origin: center;
                        white-space: nowrap;
                        writing-mode: vertical-rl;
                        transform: rotate(180deg);
                    }

                    .deco_img {
                        position: relative;
                        width: 100%;


                        img {
                            width: 100%;
                            height: auto;
                        }
                    }

                    .item_text {
                        position: absolute;
                        inset: auto auto 10px 70px;
                        background-color: var(--full-white-clr);
                        width: min(100%, 375px);
                        padding: 20px 20px 20px 30px;
                        margin: 0 !important;
                        transform: initial !important;

                        .text_deco {
                            font-size: 160px;
                            position: absolute;
                            line-height: 100px;
                            color: var(--secondary-clr);
                            font-weight: var(--fw-400);
                            font-family: var(--font-family-fantaisy);
                            inset-block-start: -10px;
                            inset-inline-start: 5px;
                            opacity: .3;
                        }

                        .title {
                            margin-block-end: 20px;
                            z-index: 2;
                            position: relative;
                        }
                    }
                }
            }

            .slider_item {
                flex-shrink: 0;
                transition: width .5s cubic-bezier(.4, 0, .2, 1);

                width: 180px;

                &.swiper-slide-active {
                    width: calc(100% - (180px * 3) - (var(--_s3-gap, 4px) * 3));
                }

                &:not(.swiper-slide-active) {
                    cursor: pointer;
                }

                .inner_item {
                    position: relative;
                    display: grid;
                    overflow: hidden;
                    height: var(--_s3_item-h);
                    transition: inherit;
                    padding-block-end: 0;
                    grid-template-rows: initial;

                    &::after {
                        content: "";
                        position: absolute;
                        inset: 0;
                        background: #0D1838B2;
                        opacity: 1;
                        transition: opacity .4s ease;
                        z-index: 1;
                        pointer-events: none;
                    }

                    picture {
                        position: relative;
                        inset: initial;
                        width: 100%;
                        height: 100%;
                        opacity: 1;

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .deco {
                        position: absolute;
                        inset: 0;
                        background-color: transparent;
                        max-width: none;
                        min-width: 0;
                        display: flex;
                        padding-block-end: 30px;
                        align-items: center;
                        /* justify-content: flex-end; */
                        flex-direction: column;
                        z-index: 2;
                        transition: inset .4s ease, background-color .4s ease, max-width .4s ease;
                        height: auto;
                    }

                    .deco_txt {
                        font-size: clamp(22px, 2.2vw, 34px);
                        color: var(--full-white-clr);
                        font-weight: var(--fw-500);
                        letter-spacing: var(--lsp-6);
                        line-height: var(--lh-110);
                        text-transform: uppercase;
                        white-space: nowrap;
                        writing-mode: vertical-rl;
                        transform: rotate(180deg);
                    }

                    .deco_img {
                        position: relative;
                        width: 100%;
                        opacity: 1;
                        transition: opacity .3s ease, padding-inline-end .3s ease, margin-block-start .3s ease;
                        padding-inline-end: 0%;
                        margin-block-start: -20%;
                        margin-inline-start: -50%;

                        img {
                            width: 100%;
                            height: auto;
                        }
                    }

                    /* to delete if the using swiper */
                    /* &::after {
                        opacity: 0;
                    }

                    .item_text {
                        opacity: 1;
                        visibility: visible;
                        pointer-events: auto;
                    }

                    .deco {
                        inset: 10px auto 10px 10px;
                        background-color: var(--base-clr);
                        max-width: 50px;
                        min-width: 50px;
                        justify-content: space-between;
                        padding-block: 20px;
                        height: auto;
                        padding-inline: 0;
                    }

                    .deco_img {
                        opacity: 1;
                        width: 100%;
                        padding-inline-end: 0;
                        margin-block-start: 0;
                    }

                    .deco_txt {
                        font-size: clamp(20px, 1.8vw, 26px);
                    } */
                }

                .item_text {
                    position: absolute;
                    inset: auto auto 10px 70px;
                    background-color: var(--full-white-clr);
                    width: min(100%, 375px);
                    padding: 20px 20px 20px 30px;
                    z-index: 3;
                    opacity: 0;
                    visibility: hidden;
                    pointer-events: none;
                    transition: opacity .3s ease, visibility .3s ease;

                    .text_deco {
                        display: block;
                        font-size: 160px;
                        position: absolute;
                        line-height: 100px;
                        color: var(--secondary-clr);
                        font-weight: var(--fw-400);
                        font-family: var(--font-family-fantaisy);
                        inset-block-start: -10px;
                        inset-inline-start: 5px;
                        opacity: .3;
                    }

                    .title {
                        margin-block-end: 20px;
                        z-index: 2;
                        position: relative;
                    }
                }

                &.swiper-slide-active {

                    .inner_item::after {
                        opacity: 0;
                    }

                    .item_text {
                        opacity: 1;
                        visibility: visible;
                        pointer-events: auto;
                    }

                    .deco {
                        inset: 10px auto 10px 10px;
                        background-color: var(--base-clr);
                        max-width: 50px;
                        min-width: 50px;
                        justify-content: space-between;
                        padding-block: 20px;
                        height: auto;
                        padding-inline: 0;
                    }

                    .deco_img {
                        opacity: 1;
                        width: 100%;
                        padding-inline-end: 0;
                        margin-block-start: 0;
                    }

                    .deco_txt {
                        font-size: clamp(20px, 1.8vw, 26px);
                    }
                }
            }

            /* --- structure attendue par ScrollCoverflow --- */
            /* [data-coverflow-wrapper] {
                position: relative !important;
            }

            [data-coverflow-section] {
                display: flex !important;
                flex-direction: column !important;
                align-items: center !important;
                justify-content: center !important;
                height: 100vh !important;
                padding: 0 !important;
                position: sticky !important;
                top: 0 !important;
                overflow: hidden !important;
            }

            [data-coverflow-viewport] {
                width: 100% !important;
                height: 100% !important;
                display: flex !important;
                align-items: center !important;
                overflow: hidden !important;
            }

            [data-coverflow-track] {
                display: flex !important;
                align-items: center !important;
                gap: 3rem !important;
                padding: 0 calc(50vw - 175px) !important;
            } */
        }

        .al__home_s4 {
            padding-inline: 40px max(var(--container-margin-size), 40px);

            .s4_cta {
                flex-direction: row;
            }

            .al__home_s4_content {
                flex-direction: row;
                gap: clamp(60px, 12vw, 88px);
                align-items: center;

                &>picture {
                    width: 55%;
                }

                &>.text-content {
                    width: 45%;

                    .title {
                        text-align: center;

                        span {
                            width: 100%;
                            display: block;
                        }

                        .t2-out-2 {
                            text-align: left;
                        }
                    }
                }

                picture {
                    min-height: 980px;

                    &.show_xl {
                        display: grid;
                    }
                }
            }

            .text-content {
                .title {
                    .t1-out-2 {
                        margin-inline-start: calc((var(--container-margin-size) / 1.2) * -1);
                    }
                }
            }
        }

        .al__home__s5 {
            --_item-img-h: 362px;
            --_first-item-img-h: 475px;

            background-image: url("/wp-content/uploads/2026/08/Frame-27.svg");
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 40%;

            .al__home__s5_items {
                grid-template-columns: min(45%, 570px) calc(100% - min(50%, 570px) - 30px);
                padding-inline-start: 90px;

            }

            .item {
                .img_wrapper {
                    width: 375px;
                    flex-shrink: 0;

                    img {
                        scale: 1;
                        transition: scale .3s ease;
                    }
                }

                .desc {
                    width: calc((100% - 375px) - clamp(20px, 2.4vw, 30px));
                }

                .inner_item {
                    flex-direction: row;
                    gap: clamp(20px, 2.4vw, 30px);

                    &:hover {
                        .img_wrapper img {
                            scale: 1.2;
                        }
                    }

                    &>*:not(img) {
                        cursor: initial;
                    }

                    img {
                        cursor: pointer;
                    }
                }

                &:not(.first) {
                    .inner_item {
                        align-items: center;
                    }
                }

                &.first {
                    .inner_item {
                        height: 100%;
                        justify-content: flex-end;
                    }

                    .title {
                        width: 80%;
                    }

                    .desc {
                        width: 100%;
                    }
                }
            }
        }

        .al__home__s6 {
            position: relative;
            padding-block: clamp(40px, 4vw, 60px) 220px;

            .title_wrapper>div:last-child {
                margin-block-start: 0;
            }

            .review_container {
                flex-direction: row;
                justify-content: space-between;

                &>.review {
                    display: flex;
                    align-items: center;

                    &::before {
                        content: '';
                        left: calc((clamp(40px, 8vw, 90px) / 2) * -1);
                        width: 1px;
                        height: 90%;
                        position: absolute;
                        display: block;
                        top: 50%;
                        transform: translateY(-50%);
                        background-color: var(--primary-clr);
                    }
                }

                &>* {
                    width: calc(50% - (clamp(40px, 8vw, 90px) / 2));
                }
            }

            .al__s6-navigation-wrapper {
                justify-content: flex-end;
            }
        }

        .al__home_s7 {
            padding-block: 620px 120px;
            /* background-image: url('/wp-content/uploads/2026/08/e0b2e87e70fe8925cb76f1b7e37806646f91f1111.webp'); */
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                inset: 0;
                display: block;
                background: linear-gradient(360deg, #0D1838 17.34%, rgba(13, 24, 56, 0) 38.74%);
            }

            &>* {
                z-index: 2;
                position: relative;
            }

            .al__container {
                background-color: transparent;
                padding-block-end: 0;

                &>.title {
                    padding: 0;
                    background-image: none;
                }
            }

            .s7__desc,
            .al__reassurance,
            .s7_cta {
                padding-inline: 0;
            }

            .s7__desc {
                width: min(1170px, 100%);
            }

        }

        .al__home_s8 {
            --_home_s8-text-w: min(456px, 45%);
            --_slider-item-h: 630px;

            .al__container_full {
                padding-inline-end: 0;
            }

            .al__home_s8_content {
                flex-direction: row;
                padding-inline-start: calc(var(--container-margin-size) - clamp(50px, 4vw, 70px) - 20px);
                gap: 0;

                .text-content {
                    width: var(--_home_s8-text-w);
                    position: relative;
                    z-index: var(--z-low);
                    /* margin-inline-end: calc(clamp(50px, 4vw, 70px) * -1); */
                    flex-shrink: 0;

                    .home__s8-desc {
                        padding-inline-end: clamp(60px, 4.3vw, 80px);
                    }
                }

                .al__home_s8_slider {
                    /* width: calc((100% - var(--_home_s8-text-w)) + clamp(50px, 4vw, 70px)); */
                    width: calc((100% - var(--_home_s8-text-w)) + 44px);
                    margin-inline-start: -42px;

                    .s8_slide_wrapper {
                        .inner_item {
                            overflow: hidden;
                        }
                    }
                }
            }
        }

        .al__home_s9 {
            position: relative;

            &::after {
                content: "";
                width: 452px;
                height: 458px;
                position: absolute;
                inset: auto auto -45px -20px;
                background-image: url('/wp-content/uploads/2026/08/Vector2.svg');
                background-repeat: no-repeat;
                background-size: 100%;
                background-position: center;
            }

            .al__s9-content {

                .faq-accordion-group {
                    flex-direction: row;

                    .faq_col {
                        width: calc(50% - 10px);
                    }
                }

                .al__faq-item {
                    width: 100%;
                }
            }
        }

        .al__home_s10 {
            .subtitle {
                gap: 20px;

                &::before,
                &::after {
                    content: '';
                    position: relative;
                    width: 0;
                    height: 0;
                    border-top: 3px solid transparent;
                    border-bottom: 3px solid transparent;
                    border-right: 300px solid var(--secondary-clr);
                }

                &::after {
                    border-right: none;
                    border-left: 300px solid var(--secondary-clr);
                }
            }
        }

        /* page ovni template */

        #bandeau-page_ovni {
            --_ovni-bandeau-height: 940px;
            --_ovni-bandeau-pic-h: 100%;
            --_ovni-bandeau-deco-w: 380px;

            .al__bandeau-ovni-content {
                display: flex;
                flex-direction: column;
            }

            .al__text-content {
                padding: 0 !important;

                .inner {
                    position: absolute;
                    inset: auto 0 clamp(100px, 7vw, 146px) 0;
                    z-index: var(--z-medium);
                    width: var(--_ovni-bandeau-text-w);

                    .al__btn {
                        gap: 5px;
                    }
                }
            }

            .al__ctas {
                flex-direction: row;
                align-items: center;

                a>span {
                    display: block;
                    color: inherit;
                    font: inherit;
                }
            }

            &.opt-2 {
                .al__text-content .inner {
                    inset: auto clamp(130px, 12vw, 187px) clamp(100px, 7vw, 146px) auto;
                }
            }

        }

        .al__ovni_s2 {
            --_ovni_s2-padd-bl: 100px 240px;
            --_ovni_s2-visual1-h: 450px;
            --_ovni_s2-visual2-h: 370px;

            .al__ovni_s2_content {
                flex-direction: row;
                align-items: center;
            }

            .ovni_s2_text {
                width: 57%;
            }

            .ovni_s2_visuals {
                width: calc(43% - clamp(20px, 2.5vw, 30px));
                gap: 0px;
                margin-block-start: initial;

                .ovni_s2_visuals_pic {
                    width: 74%;

                    &:nth-child(2) {
                        height: var(--_ovni_s2-visual2-h);
                        margin-inline-start: auto;
                        margin-block-start: calc((var(--_ovni_s2-visual1-h) / 4) * -1);
                    }
                }
            }
        }

        .al__ovni_s3 {
            --_ovni_s3-container-w: min(1665px, 88%);
            --_ovni_s3-container-padd-is: calc((100vw - min(100%, 1410px)) / 2);
            --_ovni_s3-container-padd-bs: 140px;

            position: relative;

            &::after {
                content: "";
                display: block;
                position: absolute;
                inset: -240px 0px auto auto;
                width: 700px;
                height: 1035px;
                background-image: url('/wp-content/uploads/2026/09/Bateau-blanc.svg');
                background-repeat: no-repeat;
                background-size: 100%;
                background-position: center;
                filter: invert(.5);
            }

            .al__container {
                position: relative;
                top: -140px;
            }

            .ovni_s3__title .alt_font {
                margin-block-start: 0;
            }

            .al__ovni_s3_content {
                flex-direction: row;
                gap: clamp(80px, 8vw, 123px);
                align-items: center;
                position: relative;
                z-index: var(--z-low);
            }

            .ovni_s3_title_n_description {
                width: 55%;
            }

            .ovni_s3_details {
                width: calc(45% - clamp(80px, 8vw, 123px));
            }

            .al_row {
                .al__detail_desc {
                    flex-direction: row;
                    align-items: center;

                    &>span {
                        width: max-content;
                        flex-shrink: 0;
                    }
                }
            }

            .ovni_s3__title {
                .alt_font {
                    font-size: clamp(110px, 8vw, 130px);
                }
            }

        }

        .al__ovni_s4 {
            padding-inline: max(var(--container-margin-size), 40px) 40px;

            .s4_cta {
                flex-direction: row;
            }

            .al__ovni_s4_content {
                flex-direction: row;
                gap: clamp(50px, 10vw, 70px);
                align-items: center;

                &>picture {
                    width: 55%;
                }

                &>.text-content {
                    width: 45%;

                    .up-title {
                        margin-block-end: 0;
                    }

                    .title {
                        text-align: center;
                        position: relative;
                        z-index: 2;

                        span {
                            width: 100%;
                            display: block;
                            white-space: nowrap;
                        }

                        .t2-out-2 {
                            text-align: left;
                        }
                    }
                }

                picture {
                    min-height: 1130px;

                    &.show_xl {
                        display: grid;
                    }
                }
            }

            /* .text-content {
                .title {
                    .t1-out-2 {
                        margin-inline-end: calc((var(--container-margin-size) / 1.2) * -1);
                    }
                }
            } */
        }

        .al__ovni_s5 {


            .stage {

                .fan {
                    height: 800px;
                    display: flex;
                    align-items: flex-end;
                    justify-content: center;
                    position: relative;
                }

                .fan__item {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    width: 300px;
                    height: 400px;
                    border-radius: 6px;
                    overflow: hidden;
                    transition: transform .6s cubic-bezier(.22, .68, .2, 1), z-index 0s .3s, filter .6s ease, opacity .6s ease;
                    cursor: pointer;
                }

                .nav {
                    display: flex;
                    gap: 20px;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    inset: auto 0 80px;
                    z-index: var(--z-high);
                    background-color: transparent;
                    padding: 0 !important;
                }
            }

            .al__ovni_s5_content {
                .al__container {
                    padding: 378px 120px 64px;
                    gap: 40px;
                    margin-top: -445px;
                }

                .al__ovni_s5_tabs {
                    .tabs_header {
                        display: flex;
                        gap: 1px;
                    }

                    .tabtitle {
                        display: none;
                    }

                    .tabs_content {
                        display: grid;

                        .tabcontent {
                            grid-area: 1/-1;
                            opacity: 0;
                            visibility: hidden;
                            transition: opacity .3s, visibility .3s;
                            position: relative;
                            display: none;

                            &.active {
                                z-index: var(--z-medium);
                                display: block;
                            }

                            &.fade-in {
                                visibility: visible;
                                opacity: 1;
                            }

                            a {
                                display: grid;
                                height: 100%;

                                img {
                                    width: 100%;
                                    height: 100%;
                                    object-fit: cover;
                                }
                            }

                            .tab_body {
                                display: block !important;
                            }
                        }
                    }
                }
            }
        }

        .al__ovni_s6 {
            --_ovni_s6-padd-bl: 100px;
            --_ovni_s6-visual-h: 645px;

            .al__container_full {
                padding-inline: calc((100vw - min(100%, 1410px)) / 2) 0;
            }

            .al__ovni_s6_content {
                flex-direction: row;
                align-items: flex-end;
                gap: 30px;
            }

            .al__ovni_s6_xtra_content {
                margin-block-start: 0 !important;
            }

            .ovni_s6_text {
                width: calc(50% - 15px);
            }

            .ovni_s6_visuals {
                width: calc(50% - 15px);
                flex-direction: row;

                .ovni_s6_visuals_pic {
                    width: 55%;

                    &:nth-child(2) {
                        width: calc(45% - 30px);
                    }
                }
            }

            .al__ovni_s6_cta {
                flex-direction: row;
            }
        }

        .al__ovni_s7 {
            --_ovni_s7-visual-h: 1010px;

            .al__container_full {
                padding-inline: 40px max(var(--container-margin-size), 40px);
            }

            .al__ovni_s7_content {
                flex-direction: row;
                align-items: center;
                gap: 30px;
            }

            .al__ovni_s7_xtra_content {
                margin-block-start: 0px !important;
            }

            .ovni_s7_text {
                width: calc(52% - 15px);
            }

            .ovni_s7_visuals {
                width: calc(48% - 15px);
                flex-direction: row;

                .ovni_s7_visuals_pic {
                    width: 100%;
                }
            }
        }

        .al__ovni_s8 {
            padding-block: 620px 120px;
            background-image: var(--al-ovni-s8-bg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center top;
            position: relative;

            &::after {
                content: '';
                position: absolute;
                inset: 0;
                display: block;
                background: linear-gradient(360deg, #0D1838 17.34%, rgba(13, 24, 56, 0) 38.74%);
            }

            &>* {
                z-index: 2;
                position: relative;
            }

            .al__container {
                background-color: transparent;
                padding-block-end: 0;
                padding-inline: 0;

                &>.title {
                    padding: 0;
                    background-image: none;
                }
            }

            .ovni_s8__desc,
            .al__reassurance_ovni,
            .ovni_s8_cta {
                padding-inline: 0;
            }

            .ovni_s8__desc {
                width: min(1170px, 100%);
            }

            .ovni_s8_quote {
                margin-block: 100px 50px;
            }

            .avni_s8_text_2_col {
                flex-direction: row;
                align-items: flex-start;

                .col {
                    padding: 20px 30px;

                    &:not(:first-child) {
                        &:nth-child(2n) {

                            &::before {
                                content: "";
                                width: 1px;
                                height: 100%;
                                inset: 0 auto 0 -20px;
                                position: absolute;
                                display: block;
                                background-color: var(--full-white-clr);
                            }
                        }
                    }
                }
            }

        }

        .al__ovni_s9 {
            --_ovni_s9-item-h: 725px;

            .al__container_full {
                padding-inline: max(var(--container-margin-size), 40px) 0;
                gap: 80px;
            }

            .al__swipper_navs_wrapper {
                justify-content: space-between;
                align-items: center;
                width: 768px;

                .swiper-pagination {
                    display: flex;
                }
            }
        }

        .al__ovni_s10 {

            .ovni_s10_items_wrapper {

                .ovni_s10_items {
                    flex-direction: row;
                }

                .item {
                    width: 25%;
                }

                .item.al__xl {
                    --_ovni_s10_img-h: 560px;

                    width: 45%;
                    flex-shrink: 1;

                    .item__inner {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
            }
        }

        .al__ovni_s11 {
            --_item-img-h: 362px;
            --_first-item-img-h: 475px;

            background-image: url("/wp-content/uploads/2026/08/Frame-27.svg");
            background-repeat: no-repeat;
            background-position: center left;
            background-size: 40%;

            .al__ovni_s11_items {
                grid-template-columns: min(45%, 570px) calc(100% - min(50%, 570px) - 30px);
                padding-inline-start: 90px;

            }

            .item {
                .img_wrapper {
                    width: 375px;
                    flex-shrink: 0;

                    img {
                        scale: 1;
                        transition: scale .3s ease;
                    }
                }

                .desc {
                    width: calc((100% - 375px) - clamp(20px, 2.4vw, 30px));
                }

                .inner_item {
                    flex-direction: row;
                    gap: clamp(20px, 2.4vw, 30px);

                    &:hover {
                        .img_wrapper img {
                            scale: 1.2;
                        }
                    }

                    &>*:not(img) {
                        cursor: initial;
                    }

                    img {
                        cursor: pointer;
                    }
                }

                &:not(.first) {
                    .inner_item {
                        align-items: center;
                    }
                }

                &.first {
                    .inner_item {
                        height: 100%;
                        justify-content: flex-end;
                    }

                    .title {
                        width: 100%;
                    }

                    .desc {
                        width: 100%;
                    }
                }
            }
        }

        .al__ovni_s12 {
            --_ovni_s12_cols: 4;


            .inner_item {
                .cta {
                    display: grid;
                    grid-template-rows: 0fr;
                    overflow: hidden;
                    transition: grid-template-rows 0.3s ease;
                }

                .ovni_s12_item_desc {
                    padding: 40px;
                }
            }

            .item:hover {
                .inner_item {
                    .cta {
                        grid-template-rows: 1fr;
                    }
                }
            }
        }


        .al__ovni_s13 {
            --_ovni_s13_cols: 3;
            --_ovni_s13_gap: 30px;

            .ovni_s13_list_wrapper {
                flex-direction: row;
                padding-inline-start: 25%;
                margin-block-start: 80px;

                .item {
                    width: calc((100% - (var(--_ovni_s13_cols) - 1) * var(--_ovni_s13_gap)) / var(--_ovni_s13_cols));
                }
            }

            .ovni_s13_specs_wrapper {
                grid-template-columns: var(--grid-t--col);
            }

            .ovni_s13_cta {
                justify-content: space-around;
                padding-inline-start: 25%;
                flex-direction: row;
            }
        }

        .al__ovni_s14 {
            position: relative;
            isolation: isolate;

            &::after {
                content: "";
                width: 452px;
                height: 458px;
                position: absolute;
                inset: auto auto -45px -20px;
                background-image: url('/wp-content/uploads/2026/08/Vector2.svg');
                background-repeat: no-repeat;
                background-size: 100%;
                background-position: center;
                z-index: -1;
            }

            .al__ovni_s14-content {

                .faq-accordion-group {
                    flex-direction: row;

                    .faq_col {
                        width: calc(50% - 10px);
                    }
                }

                .al__faq-item {
                    width: 100%;
                }
            }
        }

        .al__ovni_s15 {

            .subtitle {
                gap: 20px;

                &::before,
                &::after {
                    content: '';
                    position: relative;
                    width: 0;
                    height: 0;
                    border-top: 3px solid transparent;
                    border-bottom: 3px solid transparent;
                    border-right: 300px solid var(--secondary-clr);
                }

                &::after {
                    border-right: none;
                    border-left: 300px solid var(--secondary-clr);
                }
            }
        }

        .al__ovni_s16 {
            .ovni_s16_content {
                display: flex;
                align-items: center;
                background-image: linear-gradient(90deg, var(--base-clr), var(--base-clr));
                background-size: 100% 30%;
                background-position: bottom;
                background-repeat: no-repeat;

                .visual {
                    width: 50%;
                    height: 760px;
                }

                .content_text {
                    width: calc(50% + 64px);
                    position: relative;
                    margin-inline-start: -64px;
                    padding-inline: 64px 250px;
                    padding-block: 140px;
                    background-image: url('/wp-content/uploads/2026/09/Frame-128.svg');
                    background-position: center right;
                    background-size: contain;
                    background-repeat: no-repeat;
                }
            }
        }
    }

    footer {
        --_footer-logo-w: 300px;

        #footer_haut {
            .conteneur {
                justify-content: space-between;
                flex-direction: row;
            }

            .al__footer-col {
                min-width: 245px;
            }
        }

        #footer_haut {
            .right {
                flex-direction: row !important;
            }
        }

        #footer_bas {
            .conteneur {
                flex-direction: row;
                justify-content: space-between;
            }
        }
    }
}

@media (min-width: 1550px) {
    #main {
        .al__home_s4 {
            .text-content {
                .title {
                    .t1-out-2 {
                        margin-inline-start: calc((var(--container-margin-size) / 1.8) * -1);
                    }
                }
            }
        }

        .al__home__s5 {
            .al__home__s5_items {
                grid-template-columns: 570px 690px;
                padding-inline-start: 120px;
            }
        }

        .al__ovni_s11 {
            .al__ovni_s11_items {
                grid-template-columns: 570px 690px;
                padding-inline-start: 120px;
            }
        }

        /* .al__ovni_s4 {
            .text-content {
                .title {
                    .t1-out-2 {
                        margin-inline-end: calc((var(--container-margin-size) / 1.8) * -1);
                    }
                }
            }
        } */
    }
}