.elementor-560 .elementor-element.elementor-element-fe3f672{--display:grid;--min-height:calc(90vh - 90px);--e-con-grid-template-columns:50% auto;--e-con-grid-template-rows:auto;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--grid-auto-flow:row;--grid-align-content:space-between;--padding-top:4rem;--padding-bottom:2rem;--padding-left:4rem;--padding-right:4rem;}.elementor-560 .elementor-element.elementor-element-fe3f672:not(.elementor-motion-effects-element-type-background), .elementor-560 .elementor-element.elementor-element-fe3f672 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-560 .elementor-element.elementor-element-2d5eda6{grid-column:1/2;grid-row:1/3;}.elementor-560 .elementor-element.elementor-element-2d5eda6 .elementor-heading-title{font-family:var( --e-global-typography-853bc7b-font-family ), Sans-serif;font-size:var( --e-global-typography-853bc7b-font-size );font-weight:var( --e-global-typography-853bc7b-font-weight );text-transform:var( --e-global-typography-853bc7b-text-transform );line-height:var( --e-global-typography-853bc7b-line-height );letter-spacing:var( --e-global-typography-853bc7b-letter-spacing );color:#2F2F2F;}.elementor-560 .elementor-element.elementor-element-a143aa9 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-560 .elementor-element.elementor-element-a143aa9{text-align:start;}.elementor-560 .elementor-element.elementor-element-a143aa9 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );-webkit-text-stroke-color:#000000;stroke:#000000;color:var( --e-global-color-secondary );}.elementor-560 .elementor-element.elementor-element-9e8ff1e > .elementor-widget-container{padding:2rem 0rem 0rem 0rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group{padding-right:calc( 3rem/2 );padding-left:calc( 3rem/2 );margin-bottom:1.5rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-form-fields-wrapper{margin-left:calc( -3rem/2 );margin-right:calc( -3rem/2 );margin-bottom:-1.5rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-labels-inline .elementor-field-group > label{padding-left:1rem;}body:not(.rtl) .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-labels-inline .elementor-field-group > label{padding-right:1rem;}body .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-labels-above .elementor-field-group > label{padding-bottom:1rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group > label, .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-subgroup label{color:var( --e-global-color-secondary );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group > label{font-family:"Helvetica Neue LTsD", Sans-serif;font-size:1.5rem;font-weight:700;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-type-html{padding-bottom:0.1rem;color:var( --e-global-color-secondary );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group .elementor-field{color:#2F2F2F;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group .elementor-field, .elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-subgroup label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-primary );border-width:0px 0px 3px 0px;border-radius:0rem 0rem 0rem 0rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-primary );border-width:0px 0px 3px 0px;border-radius:0rem 0rem 0rem 0rem;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button span{justify-content:center;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-51ad9de );color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button[type="submit"]{background-color:var( --e-global-color-51ad9de );color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-message{font-family:var( --e-global-typography-893f709-font-family ), Sans-serif;font-size:var( --e-global-typography-893f709-font-size );font-weight:var( --e-global-typography-893f709-font-weight );}.elementor-560 .elementor-element.elementor-element-9e8ff1e{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}@media(min-width:2400px){.elementor-560 .elementor-element.elementor-element-fe3f672{--grid-auto-flow:row;}.elementor-560 .elementor-element.elementor-element-2d5eda6 .elementor-heading-title{font-size:var( --e-global-typography-853bc7b-font-size );line-height:var( --e-global-typography-853bc7b-line-height );letter-spacing:var( --e-global-typography-853bc7b-letter-spacing );}.elementor-560 .elementor-element.elementor-element-a143aa9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-message{font-size:var( --e-global-typography-893f709-font-size );}}@media(max-width:1366px){.elementor-560 .elementor-element.elementor-element-fe3f672{--grid-auto-flow:row;}.elementor-560 .elementor-element.elementor-element-2d5eda6 .elementor-heading-title{font-size:var( --e-global-typography-853bc7b-font-size );line-height:var( --e-global-typography-853bc7b-line-height );letter-spacing:var( --e-global-typography-853bc7b-letter-spacing );}.elementor-560 .elementor-element.elementor-element-a143aa9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-message{font-size:var( --e-global-typography-893f709-font-size );}}@media(max-width:1200px){.elementor-560 .elementor-element.elementor-element-fe3f672{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-560 .elementor-element.elementor-element-fe3f672{--grid-auto-flow:row;}.elementor-560 .elementor-element.elementor-element-2d5eda6 .elementor-heading-title{font-size:var( --e-global-typography-853bc7b-font-size );line-height:var( --e-global-typography-853bc7b-line-height );letter-spacing:var( --e-global-typography-853bc7b-letter-spacing );}.elementor-560 .elementor-element.elementor-element-a143aa9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-message{font-size:var( --e-global-typography-893f709-font-size );}}@media(max-width:880px){.elementor-560 .elementor-element.elementor-element-fe3f672{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-560 .elementor-element.elementor-element-fe3f672{--e-con-grid-template-columns:1;--e-con-grid-template-rows:1;--grid-auto-flow:row;}.elementor-560 .elementor-element.elementor-element-2d5eda6 .elementor-heading-title{font-size:var( --e-global-typography-853bc7b-font-size );line-height:var( --e-global-typography-853bc7b-line-height );letter-spacing:var( --e-global-typography-853bc7b-letter-spacing );}.elementor-560 .elementor-element.elementor-element-a143aa9 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-560 .elementor-element.elementor-element-9e8ff1e .elementor-message{font-size:var( --e-global-typography-893f709-font-size );}}/* Start custom CSS for form, class: .elementor-element-9e8ff1e *//* Le champ doit avoir l'ID "message" dans Elementor */
.contact-flight .elementor-field-group-message .elementor-field-label::after {
    ccontent: "Promis, pas besoin d’un roman : projet, besoin, délai. On garde les détails pour le café.";

    display: block;
    max-height: 0;
    margin-top: 0;

    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.35;
    color: #262626;

    opacity: 0;
    overflow: hidden;
    transform: translateY(-3px);

    transition:
        opacity 180ms ease,
        transform 180ms ease,
        max-height 250ms ease,
        margin-top 180ms ease;
}

/* Apparition lorsque le champ Message est actif */
.contact-flight
.elementor-field-group-message:focus-within
.elementor-field-label::after {
    max-height: 3rem;
    margin-top: 0.35rem;

    opacity: 0.5;
    transform: translateY(0);
}

/* Placeholder général */
.contact-flight .elementor-field::placeholder {
    color: #262626;
    opacity: 0.5 !important;
    transition: opacity 180ms ease;
}

/* Placeholder légèrement plus discret au focus */
.contact-flight .elementor-field:focus::placeholder {
    opacity: 0.3 !important;
}

/* Animation des labels : Nom, Prénom, E-mail... */
.contact-flight .elementor-field-label {
    opacity: 1;
    transition:
        opacity 180ms ease,
        transform 180ms ease,
        color 180ms ease;
}

/* Label atténué lorsque son champ est actif */
.contact-flight .elementor-field-group:focus-within
.elementor-field-label {
    opacity: 0.5 !important;
    transform: translateY(-1px);
}

/* Ligne rose quand le champ est actif */
.contact-flight input.elementor-field:focus,
.contact-flight textarea.elementor-field:focus,
.contact-flight select.elementor-field:focus {
    border-color: #FF6ABA !important;
    border-bottom-color: #FF6ABA !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Espace avant le bouton */
.contact-flight button[type="submit"] {
    margin-top: 1.5rem !important;
}


/* ==================================================
   BOUTON
   ================================================== */

.contact-flight .elementor-button[type="submit"] {
    --button-blue: #4F80E8;
    --accent-color: #FF6ABA;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    min-height: 48px;
    border: 0;
    cursor: pointer;

    /*
     * Important :
     * on conserve le bleu sur tous les états.
     */
    background-color: var(--button-blue) !important;
    background-image: none !important;
}

/* Empêche Elementor de mettre son propre rose au hover */
.contact-flight .elementor-button[type="submit"]:hover,
.contact-flight .elementor-button[type="submit"]:focus,
.contact-flight .elementor-button[type="submit"]:focus-visible,
.contact-flight .elementor-button[type="submit"]:active {
    background-color: var(--button-blue) !important;
    background-image: none !important;
}

/* Barre rose */
.contact-flight .elementor-button[type="submit"]::before {
    content: "";
    position: absolute;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;

    width: 0;
    background-color: var(--accent-color);

    pointer-events: none;

    transition:
        width 800ms cubic-bezier(.22, 1, .36, 1);
}

/* Remplissage à 90 % au hover */
.contact-flight .elementor-button[type="submit"]:hover::before,
.contact-flight .elementor-button[type="submit"]:focus-visible::before {
    width: 90%;
}

/* Remplissage complet pendant le clic */
.contact-flight .elementor-button[type="submit"]:active::before {
    width: 100%;
    transition-duration: 180ms;
}

/* Texte toujours au-dessus de la barre */
.contact-flight .elementor-button-content-wrapper,
.contact-flight .elementor-button-text {
    position: relative;
    z-index: 2;
}


/* ==================================================
   ACCESSIBILITÉ
   ================================================== */

@media (prefers-reduced-motion: reduce) {
    .contact-flight .elementor-button[type="submit"]::before,
    .contact-flight .elementor-field-label,
    .contact-flight .elementor-field::placeholder {
        transition: none !important;
    }
}

/* Groupe du champ Message */
.contact-flight .elementor-field-group-message {
  display: flex;
  flex-wrap: wrap;
}

/* Label "Message" */
.contact-flight .elementor-field-group-message .elementor-field-label {
  width: 100%;
  order: 1;
}

/* Message d'aide caché par défaut */
.contact-flight .elementor-field-group-message::after {
  content: "Promis, pas besoin d’un roman : projet, besoin, délai. On garde les détails pour le café.";

  display: block;
  width: 100%;
  order: 2;

  max-height: 0;
  margin: 0;

  color: #262626;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.4;

  opacity: 0;
  overflow: hidden;
  transform: translateY(-4px);

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    max-height 250ms ease,
    margin 180ms ease;
}

//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Helvetica Neue LTsD';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://jb-studio.fr/wp-content/uploads/2025/03/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
		url('https://jb-studio.fr/wp-content/uploads/2025/03/HelveticaNeueLTStd-Lt.woff') format('woff');
}
@font-face {
	font-family: 'Helvetica Neue LTsD';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://jb.aylaetc.fr/wp-content/uploads/2025/03/HelveticaNeueLTStd-BdCn.woff') format('woff');
}
/* End Custom Fonts CSS */