.elementor-29 .elementor-element.elementor-element-3c57978{margin:60px 0px calc(var(--kit-widget-spacing, 0px) + -65px) 40px;top:0px;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-3c57978{left:0px;}body.rtl .elementor-29 .elementor-element.elementor-element-3c57978{right:0px;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-29 .elementor-element.elementor-element-147a8ac{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 83px;top:-13px;}body:not(.rtl) .elementor-29 .elementor-element.elementor-element-147a8ac{left:0px;}body.rtl .elementor-29 .elementor-element.elementor-element-147a8ac{right:0px;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-44750bc .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}body.elementor-page-29{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-147a8ac{width:var( --container-widget-width, 124px );max-width:124px;margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 52px;--container-widget-width:124px;--container-widget-flex-grow:0;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-44750bc *//* =========================================================
   SKOOM × FLUENT FORMS
   FORMULAIRE CONTACT — DA GLASSMORPHISM
   ISOLÉ AVEC .skoom-contact-fluent
========================================================= */


/* =========================================================
   01 — CONTENEUR GÉNÉRAL
========================================================= */

.skoom-contact-fluent {

    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding: 60px;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

    border-radius: 30px;

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

    background:
        linear-gradient(
            145deg,
            rgba(135,3,179,.42) 0%,
            rgba(135,3,179,.27) 45%,
            rgba(91,0,125,.20) 100%
        );

    backdrop-filter:
        blur(28px)
        saturate(145%);

    -webkit-backdrop-filter:
        blur(28px)
        saturate(145%);

    box-shadow:
        0 35px 90px
        rgba(35,0,55,.32),

        inset 0 1px 0
        rgba(255,255,255,.18),

        inset 0 -1px 0
        rgba(255,255,255,.05);
}


/* =========================================================
   02 — HALO VIOLET
========================================================= */

.skoom-contact-fluent::before {

    content: "";

    position: absolute;

    width: 550px;
    height: 550px;

    left: -220px;
    top: -250px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(196,95,255,.34) 0%,
            rgba(135,3,179,.14) 42%,
            transparent 70%
        );

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   03 — REFLET SUPÉRIEUR
========================================================= */

.skoom-contact-fluent::after {

    content: "";

    position: absolute;

    top: 0;
    left: 8%;

    width: 55%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.55),
            transparent
        );

    opacity: .75;

    pointer-events: none;

    z-index: 0;
}


/* =========================================================
   04 — FORMULAIRE AU-DESSUS DU GLASS
========================================================= */

.skoom-contact-fluent
.fluentform {

    position: relative;

    z-index: 2;
}


/* =========================================================
   05 — RESET FORMULAIRE
========================================================= */

.skoom-contact-fluent
.fluentform,
.skoom-contact-fluent
.fluentform * {

    box-sizing: border-box;

    font-family:
        "Poppins",
        sans-serif;
}


/* =========================================================
   06 — ESPACEMENT DES CHAMPS
========================================================= */

.skoom-contact-fluent
.ff-el-group {

    margin-bottom: 20px !important;
}


/* =========================================================
   07 — LABELS
========================================================= */

.skoom-contact-fluent
.ff-el-input--label {

    margin-bottom: 8px !important;
}


.skoom-contact-fluent
.ff-el-input--label label {

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

    font-size:
        12px !important;

    font-weight:
        500 !important;

    letter-spacing:
        .02em !important;

    line-height:
        1.4 !important;
}


/* =========================================================
   08 — ASTÉRISQUES
========================================================= */

.skoom-contact-fluent
.ff-el-input--label label
.ff-el-required {

    color:
        #D246FF !important;
}


/* =========================================================
   09 — INPUTS / SELECT / TEXTAREA
========================================================= */

.skoom-contact-fluent
.fluentform
input[type="text"],

.skoom-contact-fluent
.fluentform
input[type="email"],

.skoom-contact-fluent
.fluentform
input[type="tel"],

.skoom-contact-fluent
.fluentform
input[type="number"],

.skoom-contact-fluent
.fluentform
input[type="url"],

.skoom-contact-fluent
.fluentform
select,

.skoom-contact-fluent
.fluentform
textarea {

    display: block !important;

    width: 100% !important;

    min-height: 54px !important;

    margin: 0 !important;

    padding:
        15px 18px !important;

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

    border-radius:
        15px !important;

    background:
        rgba(255,255,255,.075) !important;

    color:
        #FFFFFF !important;

    font-family:
        "Poppins",
        sans-serif !important;

    font-size:
        14px !important;

    font-weight:
        400 !important;

    line-height:
        1.5 !important;

    outline:
        none !important;

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.04) !important;

    backdrop-filter:
        blur(10px);

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

    transition:
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}


/* =========================================================
   10 — PLACEHOLDERS
========================================================= */

.skoom-contact-fluent
.fluentform
input::placeholder,

.skoom-contact-fluent
.fluentform
textarea::placeholder {

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

    opacity:
        1 !important;
}


/* =========================================================
   11 — HOVER CHAMPS
========================================================= */

.skoom-contact-fluent
.fluentform
input:hover,

.skoom-contact-fluent
.fluentform
textarea:hover,

.skoom-contact-fluent
.fluentform
select:hover {

    background:
        rgba(255,255,255,.11) !important;

    border-color:
        rgba(255,255,255,.27) !important;
}


/* =========================================================
   12 — FOCUS
========================================================= */

.skoom-contact-fluent
.fluentform
input:focus,

.skoom-contact-fluent
.fluentform
textarea:focus,

.skoom-contact-fluent
.fluentform
select:focus {

    background:
        rgba(255,255,255,.13) !important;

    border-color:
        rgba(255,255,255,.58) !important;

    box-shadow:
        0 0 0 3px
        rgba(255,255,255,.07),

        0 10px 30px
        rgba(50,0,75,.20)

        !important;
}


/* =========================================================
   13 — TEXTAREA
========================================================= */

.skoom-contact-fluent
.fluentform
textarea {

    min-height:
        140px !important;

    resize:
        vertical !important;
}


/* =========================================================
   14 — SELECT
========================================================= */

.skoom-contact-fluent
.fluentform
select {

    cursor:
        pointer !important;

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    padding-right:
        45px !important;

    background-image:

        linear-gradient(
            45deg,
            transparent 50%,
            rgba(255,255,255,.65) 50%
        ),

        linear-gradient(
            135deg,
            rgba(255,255,255,.65) 50%,
            transparent 50%
        )

        !important;

    background-position:

        calc(100% - 21px) 50%,

        calc(100% - 16px) 50%

        !important;

    background-size:
        5px 5px,
        5px 5px
        !important;

    background-repeat:
        no-repeat !important;
}


.skoom-contact-fluent
.fluentform
select option {

    color:
        #222222 !important;

    background:
        #FFFFFF !important;
}


/* =========================================================
   15 — CHECKBOX
========================================================= */

.skoom-contact-fluent
.fluentform
input[type="checkbox"] {

    accent-color:
        #A000E5;
}


/* =========================================================
   16 — TEXTE CHECKBOX / CONSENTEMENT
========================================================= */

.skoom-contact-fluent
.ff-el-form-check-label {

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

    font-size:
        11px !important;

    line-height:
        1.55 !important;
}


/* =========================================================
   17 — TEXTE D'AIDE
========================================================= */

.skoom-contact-fluent
.ff-el-help-message {

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

    font-size:
        10px !important;
}


/* =========================================================
   18 — BOUTON ENVOYER
========================================================= */

.skoom-contact-fluent
.fluentform
.ff-btn-submit {

    position:
        relative !important;

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        52px !important;

    padding:
        15px 28px !important;

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

    border-radius:
        14px !important;

    background:
        linear-gradient(
            115deg,
            #8703B3 0%,
            #9D2BC7 45%,
            #6657FF 100%
        ) !important;

    color:
        #FFFFFF !important;

    font-family:
        "Poppins",
        sans-serif !important;

    font-size:
        13px !important;

    font-weight:
        600 !important;

    line-height:
        1.3 !important;

    text-transform:
        none !important;

    cursor:
        pointer !important;

    box-shadow:
        0 12px 32px
        rgba(83,0,120,.35),

        inset 0 1px 0
        rgba(255,255,255,.20)

        !important;

    transition:
        transform .30s ease,
        box-shadow .30s ease,
        filter .30s ease
        !important;
}


/* =========================================================
   19 — HOVER BOUTON
========================================================= */

.skoom-contact-fluent
.fluentform
.ff-btn-submit:hover {

    transform:
        translateY(-3px)
        scale(1.025) !important;

    filter:
        brightness(1.10) !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0 18px 45px
        rgba(83,0,120,.45),

        inset 0 1px 0
        rgba(255,255,255,.25)

        !important;
}


/* =========================================================
   20 — BOUTON PLEINE LARGEUR
   SI TU LE VEUX
========================================================= */

.skoom-contact-fluent
.fluentform
.ff_submit_btn_wrapper {

    margin-top:
        6px !important;
}


/* =========================================================
   21 — MESSAGE SUCCÈS
========================================================= */

.skoom-contact-fluent
.fluentform
.ff-message-success {

    margin:
        0 0 22px !important;

    padding:
        16px 18px !important;

    border:
        1px solid
        rgba(105,235,175,.32) !important;

    border-radius:
        14px !important;

    background:
        rgba(32,180,115,.16) !important;

    color:
        #D7FFEC !important;

    font-family:
        "Poppins",
        sans-serif !important;
}


/* =========================================================
   22 — ERREURS
========================================================= */

.skoom-contact-fluent
.fluentform
.text-danger,

.skoom-contact-fluent
.fluentform
.error {

    color:
        #FFB5C2 !important;

    font-size:
        11px !important;
}


/* =========================================================
   23 — CHAMP EN ERREUR
========================================================= */

.skoom-contact-fluent
.fluentform
.ff-el-is-error
.ff-el-form-control {

    border-color:
        rgba(255,110,135,.70) !important;

    box-shadow:
        0 0 0 3px
        rgba(255,110,135,.08) !important;
}


/* =========================================================
   24 — TABLETTE
========================================================= */

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

    .skoom-contact-fluent {

        padding:
            45px 35px;

        border-radius:
            26px;
    }

}


/* =========================================================
   25 — MOBILE
========================================================= */

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

    .skoom-contact-fluent {

        padding:
            32px 22px;

        border-radius:
            22px;
    }


    .skoom-contact-fluent
    .fluentform
    input[type="text"],

    .skoom-contact-fluent
    .fluentform
    input[type="email"],

    .skoom-contact-fluent
    .fluentform
    input[type="tel"],

    .skoom-contact-fluent
    .fluentform
    select {

        min-height:
            50px !important;

        font-size:
            13px !important;
    }


    .skoom-contact-fluent
    .fluentform
    textarea {

        min-height:
            115px !important;

        font-size:
            13px !important;
    }


    .skoom-contact-fluent
    .fluentform
    .ff-btn-submit {

        width:
            100% !important;

        min-height:
            52px !important;
    }

}


/* =========================================================
   26 — ACCESSIBILITÉ
========================================================= */

@media (prefers-reduced-motion: reduce) {

    .skoom-contact-fluent
    .fluentform
    input,

    .skoom-contact-fluent
    .fluentform
    textarea,

    .skoom-contact-fluent
    .fluentform
    select,

    .skoom-contact-fluent
    .fluentform
    .ff-btn-submit {

        transition:
            none !important;
    }

}/* End custom CSS */
/* Start custom CSS *//* =========================================
   SKOOM — HEADER PLEINE LARGEUR
   Supprime les espaces extérieurs
========================================= */

html,
body {
    margin: 0 !important;
    padding: 0 !important;
}


/* HEADER SKOOM */

.skoom-header-full {
    width: 100vw !important;
    max-width: none !important;

    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    position: relative;

    left: 50%;
    right: 50%;

    margin-left: -50vw !important;
    margin-right: -50vw !important;
}


/* CONTENEURS ELEMENTOR À L'INTÉRIEUR */

.skoom-header-full > .e-con-inner {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* IMAGE DU HEADER */

.skoom-header-full img {
    width: 100%;

    max-width: none;

    display: block;
}/* End custom CSS */