.elementor-1348 .elementor-element.elementor-element-059fd58{--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:0px;--padding-right:0px;}.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-1348 .elementor-element.elementor-element-ea7fa43{--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:0px;--padding-right:0px;}.elementor-1348 .elementor-element.elementor-element-f6cb482{color:#F8B133;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-d70e83a *//* ===============================
   HERO – TRAVAUX DE PISTE (style précédent)
================================ */

:root{
  --btsx-accent: #F8B133; /* accent BTS pages */
  --btsx-title-font: "Ethnocentric", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.bts-hero-piste{
  position: relative;
  min-height: 85vh;
  display: flex;
  align-items: center;
  background-image: url("https://www.devbts.if2m-informatique.fr/wp-content/uploads/2025/12/IMG_3632-scaled.jpg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

/* Overlay technique sombre */
.bts-hero-piste .bts-hero-overlay{
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 35% 40%, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.22) 45%, rgba(0,0,0,0.58) 100%),
    linear-gradient(110deg, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.58) 45%, rgba(0,0,0,0.28) 100%);
  z-index: 1;
}

/* Contenu */
.bts-hero-piste .bts-hero-content{
  position: relative;
  z-index: 2;
  max-width: 1200px;
  padding: 0 20px;
  margin: 0 auto;
  color: #fff;
}

/* Kicker */
.bts-hero-piste .bts-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  letter-spacing:.28em;
  text-transform:uppercase;
  font-size:12px;
  opacity:.84;
  margin:0 0 18px;
}
.bts-hero-piste .bts-hero-kicker::before{
  content:"";
  width:46px;
  height:2px;
  background: var(--btsx-accent);
}

/* Titre */
.bts-hero-piste .bts-hero-content h1{
  margin: 0 0 18px;
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  letter-spacing: .03em;
  font-size: clamp(36px, 6vw, 72px);
  font-weight: 900;
  line-height: 1.05;
  text-shadow: 0 18px 55px rgba(0,0,0,.62);
}
.bts-hero-piste .bts-hero-content h1 span{
  display:block;
  font-family: inherit;
  font-size: clamp(16px, 2vw, 22px);
  font-weight: 400;
  margin-top: 12px;
  opacity: .90;
  text-transform: none;
  letter-spacing: 0;
}

/* Texte */
.bts-hero-piste .bts-hero-content p{
  max-width: 760px;
  margin: 0 0 30px;
  font-size: 17px;
  line-height: 1.7;
  opacity: .93;
  text-shadow: 0 14px 40px rgba(0,0,0,.45);
}

/* Boutons */
.bts-hero-piste .bts-hero-actions{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}
.bts-hero-piste .bts-btn-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:16px 34px;
  min-height:54px;
  background: var(--btsx-accent);
  color:#111;
  font-weight: 900;
  text-decoration:none;
  border-radius: 10px;
  border:1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 44px rgba(0,0,0,.35);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.bts-hero-piste .bts-btn-primary:hover{
  transform: translateY(-2px);
  filter: brightness(.98) saturate(1.06);
  box-shadow: 0 24px 60px rgba(0,0,0,.46);
}

/* Reveal */
.bts-hero-piste .bts-reveal{
  opacity:0;
  transform: translateY(18px);
  filter: blur(6px);
  transition: opacity .85s ease, transform .85s ease, filter .85s ease;
}
.bts-hero-piste .bts-reveal.is-in{
  opacity:1;
  transform: translateY(0);
  filter: blur(0);
}

/* Responsive */
@media (max-width: 768px){
  .bts-hero-piste{ min-height: 75vh; }
  .bts-hero-piste .bts-btn-primary{ width:100%; }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f6cb482 *//* ==========================================
   BTS — TRAVAUX DE PISTE (CONTENU COMPLET)
   Accent : #F8B133
========================================== */

:root{
  --btsx-accent:#F8B133;
  --btsx-border: rgba(255,255,255,.18);
  --btsx-shadow: 0 20px 60px rgba(0,0,0,.18);
  --btsx-radius: 18px;
  --btsx-title-font: "Ethnocentric", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* ===== BASE ===== */
.bts-piste, .bts-atouts, .bts-process{
  color:#fff;
}

/* ===== CONTENU (fond fixe) ===== */
.bts-piste.bts-piste--bgfixed{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  --bts-bg-shift:0px;
}
.bts-piste.bts-piste--bgfixed::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:url("https://www.devbts.if2m-informatique.fr/wp-content/uploads/2025/12/fond-site-scaled.png");
  background-size:cover;
  background-position:center calc(50% + var(--bts-bg-shift));
  background-attachment:fixed;
  background-repeat:no-repeat;
  filter:saturate(1.05) contrast(1.02);
}
.bts-piste.bts-piste--bgfixed::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,0,0,.20), rgba(0,0,0,.55) 70%),
    linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.65));
}

.bts-piste-wrap{
  max-width:1200px;
  margin:0 auto;
  padding:80px 18px;
}

.bts-title{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  letter-spacing:.03em;
  font-size: clamp(30px, 4.2vw, 52px);
  margin:0 0 10px;
  text-shadow: 0 22px 60px rgba(0,0,0,.55);
}
.bts-lead{ margin:0 0 6px; opacity:.92; line-height:1.75; }
.bts-sublead{ margin:0; opacity:.86; line-height:1.75; max-width: 900px; }

/* ===== ICON GRID ===== */
.bts-icon-grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 14px;
}

.bts-icon-card{
  border: 1px solid var(--btsx-border);
  border-radius: var(--btsx-radius);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--btsx-shadow);
  padding: 16px 12px;
  text-align:center;
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
}

.bts-icon{
  width: 56px;
  height: 56px;
  margin: 0 auto 10px;
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.28);
  background: rgba(0,0,0,.18);
  display:flex;
  align-items:center;
  justify-content:center;
}

/* ✅ FIX SVG (thèmes WP agressifs) */
.bts-piste svg,
.bts-atouts svg,
.bts-process svg{
  display:block !important;
  width: 64% !important;
  height: 64% !important;
  fill: none !important;
  stroke: var(--btsx-accent) !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  overflow: visible !important;
}

.bts-icon-label{
  font-weight: 950;
  letter-spacing:.02em;
  line-height:1.15;
}

/* ===== SPLIT ===== */
.bts-piste-split{
  margin-top: 16px;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
}

.bts-photo{
  border: 1px solid var(--btsx-border);
  border-radius: var(--btsx-radius);
  box-shadow: var(--btsx-shadow);
  overflow:hidden;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
}
.bts-photo img{
  width:100%;
  height: 420px;
  object-fit: cover;
  display:block;
}

.bts-card{
  border: 1px solid var(--btsx-border);
  border-radius: var(--btsx-radius);
  box-shadow: var(--btsx-shadow);
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 18px;
  margin-bottom: 14px;
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
}
.bts-card h3{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  font-size: 16px;
  margin:0 0 10px;
}
.bts-bullets{ margin:0; padding-left: 18px; }
.bts-bullets li{ margin: 8px 0; line-height:1.6; }
.bts-bullets li::marker{ color: var(--btsx-accent); }

.bts-tags{ line-height: 1.9; font-weight: 850; opacity:.92; }

.bts-cta{
  display:inline-flex;
  margin-top: 12px;
  padding: 14px 18px;
  border-radius: 10px;
  background: var(--btsx-accent);
  color:#111;
  font-weight: 950;
  text-decoration:none;
  border:1px solid rgba(0,0,0,.10);
  box-shadow: 0 18px 44px rgba(0,0,0,.25);
  transition: transform .25s ease, box-shadow .25s ease;
}
.bts-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 24px 60px rgba(0,0,0,.35);
}

/* ===== ATOUTS ===== */
.bts-atouts{ background:#0b0b0f; }
.bts-atouts-wrap{
  max-width:1200px;
  margin:0 auto;
  padding: 80px 18px;
}
.bts-atouts-title{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  letter-spacing:.03em;
  font-size: clamp(26px, 3.6vw, 44px);
  margin:0 0 10px;
}
.bts-atouts-intro{ margin:0; opacity:.9; line-height:1.75; max-width: 900px; }

.bts-panel--glass,
.bts-commit--glass{
  margin-top: 16px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--btsx-radius);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 22px 70px rgba(0,0,0,.30);
  padding: 18px;
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
}
.bts-subtitle{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  font-size: 16px;
  margin:0 0 10px;
}
.bts-list{ margin:0; padding-left: 18px; }
.bts-list li{ margin: 8px 0; }
.bts-list li::marker{ color: var(--btsx-accent); }

.bts-hex-grid{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.bts-hex{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.22);
  background: rgba(0,0,0,.12);
}
.bts-hex img{
  width:100%;
  height: 240px;
  object-fit: cover;
  display:block;
}

.bts-commit-title{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  font-size: 16px;
  margin:0 0 10px;
}
.bts-commit-text{ margin:0 0 12px; opacity:.9; line-height:1.75; }
.bts-commit-badges{ display:flex; gap:10px; flex-wrap:wrap; }
.bts-commit-badges span{
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px dashed rgba(255,255,255,.22);
  background: rgba(0,0,0,.12);
  font-weight: 950;
}

/* ===== PROCESSUS ===== */
.bts-process{ background:#0b0b0f; }
.bts-process-wrap{
  max-width:1200px;
  margin:0 auto;
  padding: 80px 18px;
}
.bts-process-title{
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  letter-spacing:.03em;
  font-size: clamp(26px, 3.6vw, 44px);
  margin:0 0 10px;
}
.bts-process-intro{ margin:0; opacity:.9; line-height:1.75; max-width: 900px; }

.bts-process-grid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}
.bts-step{
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--btsx-radius);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 22px 70px rgba(0,0,0,.30);
  padding: 16px;
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
}
.bts-step-top{ display:flex; align-items:center; gap:10px; margin-bottom: 10px; }
.bts-step-num{
  width: 34px; height: 34px; border-radius: 999px;
  display:flex; align-items:center; justify-content:center;
  background: var(--btsx-accent); color:#111; font-weight: 1000;
}
.bts-step h3{
  margin:0 0 8px;
  font-family: var(--btsx-title-font);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing:.04em;
}
.bts-step ul{ margin:0; padding-left: 18px; opacity:.92; line-height:1.7; }
.bts-step li{ margin: 6px 0; }
.bts-step li::marker{ color: var(--btsx-accent); }

/* ===== REVEAL ===== */
.bts-reveal{
  opacity:0;
  transform: translateY(18px) scale(.985);
  filter: blur(6px);
  transition: opacity .8s ease, transform .8s ease, filter .8s ease;
}
.bts-reveal.is-in{
  opacity:1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

/* Hover boost */
@media (hover:hover){
  .bts-icon-card:hover,
  .bts-card:hover,
  .bts-photo:hover,
  .bts-panel--glass:hover,
  .bts-commit--glass:hover,
  .bts-step:hover{
    box-shadow: 0 26px 90px rgba(0,0,0,.45);
  }
}

/* Responsive */
@media (max-width: 980px){
  .bts-icon-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
  .bts-piste-split{ grid-template-columns: 1fr; }
  .bts-photo img{ height: 320px; }
  .bts-hex-grid{ grid-template-columns: 1fr; }
  .bts-hex img{ height: 260px; }
  .bts-process-grid{ grid-template-columns: 1fr; }
}
@media (max-width: 768px){
  .bts-piste.bts-piste--bgfixed::before{ background-attachment: scroll; }
}/* End custom CSS */