.elementor-8624 .elementor-element.elementor-element-8d1476a{--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-8624 .elementor-element.elementor-element-4c1e2bd > .elementor-widget-container{--e-transform-translateY:98px;}.elementor-8624 .elementor-element.elementor-element-41f7c5f{--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-8624 .elementor-element.elementor-element-8f9d21f{--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-8624 .elementor-element.elementor-element-990e7f9{--display:flex;}.elementor-8624 .elementor-element.elementor-element-c25eefd{--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-8624 .elementor-element.elementor-element-9a894cf{--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;}@media(max-width:767px){.elementor-8624 .elementor-element.elementor-element-4c1e2bd > .elementor-widget-container{--e-transform-translateY:78px;margin:-24px -24px -24px -24px;}.elementor-8624 .elementor-element.elementor-element-a5d7203{width:100%;max-width:100%;}.elementor-8624 .elementor-element.elementor-element-a5d7203 > .elementor-widget-container{margin:-27px -27px -27px -27px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-8624 .elementor-element.elementor-element-a5d7203.elementor-element{--align-self:center;}.elementor-8624 .elementor-element.elementor-element-9968944 > .elementor-widget-container{margin:-21px -21px -21px -21px;}.elementor-8624 .elementor-element.elementor-element-9968944.elementor-element{--align-self:center;}.elementor-8624 .elementor-element.elementor-element-a721149 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-8624 .elementor-element.elementor-element-a721149.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-a5d7203 *//* ====== A PROPOS — aligné au design .svx, stable mobile ====== */
.apropos{
  /* palette & variables locales (mêmes tons que .svx) */
  --bg:#0b0d0f; --bg2:#0f1114;
  --ink:#ffffff;
  --muted:#ffffff;
  --gold:#FFB600; 
  --blue:#049DE1; 
  --line:rgba(255,255,255,.10);

  font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
  color:var(--ink);
  background: linear-gradient(180deg,var(--bg),var(--bg2));
  border:1px solid var(--line);
  border-radius:22px;
  padding:24px;
  box-shadow:0 20px 50px rgba(0,0,0,.18);
  isolation:isolate;
  position:relative;
  scroll-margin-top:80px;
}

.apropos *{ box-sizing: border-box; }

/* Titre – même hiérarchie visuelle que .svx__head h2 */
.apropos .apropos-title{
  margin:0 0 10px;
  font-size:26px;
  letter-spacing:.4px;
  font-weight:900;
  text-transform:uppercase;
  color:var(--ink);
}
.apropos .apropos-title::after{
  content:"";
  display:block;
  width: clamp(70px, 16vw, 120px);
  height: 3px;
  background: var(--gold);
  margin-top: 6px;
}

/* Texte – même corps que .svx__card p */
.apropos .apropos-text{
  max-width:68ch;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}
.apropos .apropos-text p{ margin:0 0 12px; }
.apropos .apropos-text p:last-child{ margin-bottom:0; }

/* Bouton — jamais en pleine largeur + style homogène (outline) */
.apropos > .btn-more,
.apropos a.btn-more{
  display:inline-flex !important;     /* casse les width:100% hérités */
  align-items:center;
  gap:8px;
  width:auto !important;
  max-width:100%;
  margin-top:16px;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1;
  padding:12px 16px;
  border-radius:12px;
  color:#111;                         /* texte sombre comme CTA clair */
  background:#fff;                    /* bouton clair, comme ta capture */
  border:1px solid rgba(0,0,0,.25);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
  z-index:0;
}

/* États */
.apropos > .btn-more:hover{ transform:translateY(-1px); }
.apropos > .btn-more:active{ transform:translateY(0); }
.apropos > .btn-more:focus-visible{
  outline:2px solid var(--blue);
  outline-offset:3px;
}

/* Anti-conflits Elementor/thème (retire les styles “full width”) */
.apropos a.btn,
.apropos .elementor-button,
.apropos .elementor-button-link{
  width:auto !important;
  display:inline-flex !important;
  max-width:100%;
}

/* Option : si tu veux que le bouton soit centré sous le texte */
/*
.apropos{ text-align:left; }                 // ou center si souhaité
.apropos > .btn-more{ margin-left:0; }       // ou auto si center
*/

/* Accessibilité : réduit les anims si demandé */
@media (prefers-reduced-motion: reduce){
  .apropos > .btn-more{ transition:none; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9968944 */<section id="reservation" class="card">
  <!-- … ton formulaire … -->
</section>/* End custom CSS */