.elementor-17 .elementor-element.elementor-element-24f3832{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.6;}.elementor-17 .elementor-element.elementor-element-24f3832:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://xavierbories.fr/wp-content/uploads/2025/09/IMG_4433-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-17 .elementor-element.elementor-element-24f3832::before, .elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-24f3832 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-24f3832 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-kadence3 );--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-shape-bottom .elementor-shape-fill, .elementor-17 .elementor-element.elementor-element-24f3832 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-kadence9 );}.elementor-17 .elementor-element.elementor-element-24f3832 > .elementor-shape-bottom svg, .elementor-17 .elementor-element.elementor-element-24f3832 > .e-con-inner > .elementor-shape-bottom svg{height:150px;transform:translateX(-50%) rotateY(180deg);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-1e204eab{text-align:center;}.elementor-17 .elementor-element.elementor-element-1e204eab .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:60px;font-weight:500;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-81edc72{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--padding-top:050px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-5086611{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-95049e1{text-align:center;}.elementor-17 .elementor-element.elementor-element-95049e1 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-kadence2 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-17 .elementor-element.elementor-element-886508b{font-family:"Poppins", Sans-serif;font-weight:400;line-height:30px;letter-spacing:0.2px;color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-886508b p{margin-block-end:10px;}.elementor-17 .elementor-element.elementor-element-2659bbe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{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-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group > label, .elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-subgroup label{color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group .elementor-field{color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-button{border-style:solid;border-width:1px 1px 1px 1px;}.elementor-17 .elementor-element.elementor-element-fcf0378 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-button[type="submit"]{background-color:var( --e-global-color-kadence9 );color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .e-form__buttons__wrapper__button-previous{background-color:#61CE7000;color:#ffffff;}.elementor-17 .elementor-element.elementor-element-fcf0378 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-kadence1 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-kadence1 );color:var( --e-global-color-kadence9 );border-color:var( --e-global-color-kadence1 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-kadence9 );}.elementor-17 .elementor-element.elementor-element-fcf0378 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-17 .elementor-element.elementor-element-fcf0378{--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(max-width:767px){.elementor-17 .elementor-element.elementor-element-81edc72{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-886508b{padding:15px 15px 15px 15px;}.elementor-17 .elementor-element.elementor-element-2659bbe{--width:100%;}}@media(min-width:768px){.elementor-17 .elementor-element.elementor-element-81edc72{--content-width:1200px;}.elementor-17 .elementor-element.elementor-element-5086611{--width:33.3333%;}.elementor-17 .elementor-element.elementor-element-2659bbe{--width:66.6666%;}}/* Start custom CSS for form, class: .elementor-element-fcf0378 */<!-- Formulaire de contact -->
<div class="form-container">
  <h2>Contactez l’équipe de Xavier Bories</h2>
  <form action="#" method="post" class="contact-form">
    <div class="form-group">
      <label for="name">Nom et prénom</label>
      <input type="text" id="name" name="name" placeholder="Votre nom complet" required>
    </div>
    <div class="form-group">
      <label for="email">Adresse e-mail</label>
      <input type="email" id="email" name="email" placeholder="Votre adresse e-mail" required>
    </div>
    <div class="form-group">
      <label for="subject">Sujet</label>
      <input type="text" id="subject" name="subject" placeholder="Sujet de votre message" required>
    </div>
    <div class="form-group">
      <label for="message">Votre message</label>
      <textarea id="message" name="message" rows="5" placeholder="Écrivez votre message..." required></textarea>
    </div>
    <button type="submit" class="btn-submit">Envoyer</button>
  </form>
</div>

<style>
.form-container {
  max-width: 600px;
  margin: 0 auto;
  background: #ffffff;
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0px 4px 15px rgba(0,0,0,0.08);
  font-family: 'Arial', sans-serif;
  color: #2B2A5C;
}

.form-container h2 {
  font-size: 1.6rem;
  margin-bottom: 25px;
  color: #2B2A5C;
  text-align: center;
}

.contact-form .form-group {
  margin-bottom: 18px;
}

.contact-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  color: #2B2A5C;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 12px 15px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  background: #f5f5f5;
  transition: all 0.3s;
  color: #2B2A5C;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #999;
}

.contact-form input:focus,
.contact-form textarea:focus {
  background: #fff;
  box-shadow: 0 0 8px rgba(236, 150, 38, 0.6);
  outline: none;
}

.btn-submit {
  display: block;
  width: 100%;
  padding: 14px;
  background: #2B2A5C;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}

.btn-submit:hover {
  background: #EC9626;
}
</style>/* End custom CSS */