.elementor-5934 .elementor-element.elementor-element-51e7d30{--display:flex;--min-height:582px;--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;--align-items:center;--gap:50px 0px;--row-gap:50px;--column-gap:0px;--overlay-opacity:0.6;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-5934 .elementor-element.elementor-element-51e7d30:not(.elementor-motion-effects-element-type-background), .elementor-5934 .elementor-element.elementor-element-51e7d30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.alpixi.com/wp-content/uploads/texture-gravel.jpg");background-position:center center;background-repeat:repeat;background-size:125px auto;}.elementor-5934 .elementor-element.elementor-element-51e7d30::before, .elementor-5934 .elementor-element.elementor-element-51e7d30 > .elementor-background-video-container::before, .elementor-5934 .elementor-element.elementor-element-51e7d30 > .e-con-inner > .elementor-background-video-container::before, .elementor-5934 .elementor-element.elementor-element-51e7d30 > .elementor-background-slideshow::before, .elementor-5934 .elementor-element.elementor-element-51e7d30 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5934 .elementor-element.elementor-element-51e7d30 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-5934 .elementor-element.elementor-element-bfdc3ef > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-5934 .elementor-element.elementor-element-bfdc3ef{text-align:center;}.elementor-5934 .elementor-element.elementor-element-bfdc3ef .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:50px;font-weight:bold;line-height:1.1em;color:#272933;}.elementor-5934 .elementor-element.elementor-element-05e7f3d{--display:flex;--border-radius:20px 20px 20px 20px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-5934 .elementor-element.elementor-element-05e7f3d:not(.elementor-motion-effects-element-type-background), .elementor-5934 .elementor-element.elementor-element-05e7f3d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:767px){.elementor-5934 .elementor-element.elementor-element-51e7d30{--content-width:90%;--gap:30px 0px;--row-gap:30px;--column-gap:0px;}.elementor-5934 .elementor-element.elementor-element-bfdc3ef .elementor-heading-title{font-size:30px;}}@media(min-width:768px){.elementor-5934 .elementor-element.elementor-element-51e7d30{--content-width:900px;}}@media(max-width:1024px) and (min-width:768px){.elementor-5934 .elementor-element.elementor-element-51e7d30{--content-width:95%;}}/* Start custom CSS for html, class: .elementor-element-64f0d96 *//* ==============================
   Layout & cartes
   ============================== */
.alpx-wrap {
  display: grid;
  gap: 16px;
}

.alpx-card {
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));
  border: 1px solid #1e2a3a;
  border-radius: 16px;
  padding: 16px;
}

/* ==============================
   Uploader (drag & drop)
   ============================== */
.alpx-uploader {
  border: 1.5px dashed #2b3b53;
  border-radius: 16px;
  padding: 40px;
  text-align: center;
  cursor: pointer;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  transition: .2s border-color, .2s background;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.alpx-uploader.drag {
  border-color: #59c4a8;
  background: rgba(89,196,168,.06);
}

.alpx-cta {
  font-weight: 600;
}

.alpx-hint,
.alpx-meta {
  font-size: 14px;
  color: #9fb0c3;
}

/* Masquer l'input de l'uploader */
.alpx-uploader input {
  display: none;
}

/* ==============================
   Grille des contrôles
   ============================== */
.alpx-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}

@media (max-width:740px) {
  .alpx-controls {
    grid-template-columns: 1fr;
  }
}

/* ==============================
   Champs & formulaires
   ============================== */
.alpx-field {
  display: grid;
  gap: 6px;
}

.alpx-field label {
  font-size: 13px;
  color: #333333; /* gris foncé */
}

.alpx-field input[type="number"],
.alpx-field select {
  background: #0f1520;
  color: #e9f0f7;
  border: 1px solid #1e2a3a;
  border-radius: 10px;
  padding: 10px 12px;
  font: inherit;
}

/* Texte "Aucun fichier" */
#alpx-before {
  color: #333333;
}

/* ==============================
   Slider (range)
   ============================== */
#alpx-quality,
.alpx-field input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 6px;
  border-radius: 5px;
  background: #2b3b53; /* fallback */
  outline: none;

  /* Dégradé dynamique piloté par --fill */
  background-image: linear-gradient(to right, #e83d5c var(--fill, 0%), #2b3b53 var(--fill, 0%)) !important;
  background-repeat: no-repeat;
}

/* Track Chrome/Safari */
#alpx-quality::-webkit-slider-runnable-track,
.alpx-field input[type="range"]::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 5px;
  background: linear-gradient(to right, #e83d5c var(--fill, 0%), #2b3b53 var(--fill, 0%)) !important;
}

/* Track Firefox */
#alpx-quality::-moz-range-track,
.alpx-field input[type="range"]::-moz-range-track {
  height: 6px;
  border-radius: 5px;
  background: linear-gradient(to right, #e83d5c var(--fill, 0%), #2b3b53 var(--fill, 0%)) !important;
}

/* Thumb */
#alpx-quality::-webkit-slider-thumb,
.alpx-field input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e83d5c;
  cursor: pointer;
  border: none;
  margin-top: -5px; /* centre le thumb */
}

#alpx-quality::-moz-range-thumb,
.alpx-field input[type="range"]::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #e83d5c;
  cursor: pointer;
  border: none;
}

/* ==============================
   Boutons
   ============================== */
.alpx-row {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.alpx-btn {
  appearance: none;
  border: 1px solid #e83d5c;
  background: transparent;
  color: #e83d5c;
  padding: 10px 14px;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 600;
  transition: .15s transform, .15s border-color, .15s background;
}

/* Hover générique : conserve les couleurs */
.alpx-btn:hover {
  transform: translateY(-1px);
  border-color: inherit;
  background-color: inherit;
  color: inherit;
}

/* Bouton primaire */
.alpx-primary {
  background-color: #e83d5c;
  color: #f5f5f5 !important;
  border: 1px solid #e83d5c;
}

/* Hover primaire : couleurs inchangées */
.alpx-primary:hover {
  background-color: #e83d5c;
  border-color: #e83d5c;
  color: #f5f5f5 !important;
}

/* Bouton ghost */
.alpx-ghost {
  background: transparent;
}
.alpx-ghost:hover {
  background: transparent;
  border-color: #e83d5c;
  color: #e83d5c;
}

/* Disabled */
.alpx-btn[disabled] {
  cursor: not-allowed;
  border-color: #e83d5c;
  color: #e83d5c;
  opacity: 0.6;
}

/* Gain estimé */
.alpx-save {
  color: #a1e6d6;
}

/* ==============================
   Progress bar
   ============================== */
progress {
  appearance: none;
  width: 100%;
  height: 8px;
  border-radius: 5px;
  overflow: hidden;
  background: #2b3b53;
  border: none;
}

progress::-webkit-progress-bar {
  background: #2b3b53;
}

progress::-webkit-progress-value {
  background: #e83d5c;
}

progress::-moz-progress-bar {
  background: #e83d5c;
}/* End custom CSS */