.elementor-1025 .elementor-element.elementor-element-abfa583{width:100%;max-width:100%;}.elementor-1025 .elementor-element.elementor-element-40a2a8a:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-40a2a8a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C69A9923;}.elementor-1025 .elementor-element.elementor-element-40a2a8a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-40a2a8a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-ecb8e14 > .elementor-widget-container{padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-ecd1ef0{margin-top:0px;margin-bottom:0px;}.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-1025 .elementor-element.elementor-element-968d801 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-1025 .elementor-element.elementor-element-968d801 .elementor-heading-title{font-family:var( --e-global-typography-04d2b58-font-family ), Sans-serif;font-size:var( --e-global-typography-04d2b58-font-size );color:#004645;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1025 .elementor-element.elementor-element-9d45376{--divider-border-style:solid;--divider-color:#004645;--divider-border-width:5px;}.elementor-1025 .elementor-element.elementor-element-9d45376 > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-1025 .elementor-element.elementor-element-9d45376 .elementor-divider-separator{width:7%;}.elementor-1025 .elementor-element.elementor-element-9d45376 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.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-1025 .elementor-element.elementor-element-714446d > .elementor-widget-container{padding:0px 0px 0px 30px;}.elementor-1025 .elementor-element.elementor-element-714446d{font-family:var( --e-global-typography-c15d65d-font-family ), Sans-serif;}.elementor-1025 .elementor-element.elementor-element-12af87a{margin-top:50px;margin-bottom:50px;}.elementor-1025 .elementor-element.elementor-element-42a3357 > .elementor-background-overlay{background-color:#C6A99230;opacity:0.5;}.elementor-1025 .elementor-element.elementor-element-42a3357{margin-top:50px;margin-bottom:50px;}.elementor-1025 .elementor-element.elementor-element-04ba9a1 > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-1025 .elementor-element.elementor-element-04ba9a1 .elementor-heading-title{font-family:"Marvin Vision", Sans-serif;font-size:39px;color:var( --e-global-color-deada68 );}.elementor-bc-flex-widget .elementor-1025 .elementor-element.elementor-element-747867a.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1025 .elementor-element.elementor-element-747867a.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1025 .elementor-element.elementor-element-747867a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-1025 .elementor-element.elementor-element-5b4cfef > .elementor-widget-container{padding:30px 30px 30px 30px;}.elementor-1025 .elementor-element.elementor-element-aa21fa4{margin-top:50px;margin-bottom:50px;}.elementor-bc-flex-widget .elementor-1025 .elementor-element.elementor-element-348282b.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1025 .elementor-element.elementor-element-348282b.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1025 .elementor-element.elementor-element-8c7ba94:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-8c7ba94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6A99230;}.elementor-1025 .elementor-element.elementor-element-8c7ba94{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-8c7ba94 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-d491c3e .elementor-heading-title{font-family:var( --e-global-typography-04d2b58-font-family ), Sans-serif;font-size:var( --e-global-typography-04d2b58-font-size );color:#004645;}.elementor-1025 .elementor-element.elementor-element-c03c2a6:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-c03c2a6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6A99230;}.elementor-1025 .elementor-element.elementor-element-c03c2a6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1025 .elementor-element.elementor-element-c03c2a6 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-d686bcb:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-d686bcb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C6A99230;}.elementor-1025 .elementor-element.elementor-element-d686bcb{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-d686bcb > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-47833d1:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-47833d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF30;}.elementor-1025 .elementor-element.elementor-element-47833d1{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-47833d1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-a7cf7e0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1025 .elementor-element.elementor-element-a7cf7e0 .elementor-heading-title{font-family:var( --e-global-typography-04d2b58-font-family ), Sans-serif;font-size:var( --e-global-typography-04d2b58-font-size );color:#004645;}.elementor-1025 .elementor-element.elementor-element-7bfbc8c > .elementor-widget-container{margin:30px 30px 30px 30px;}.elementor-1025 .elementor-element.elementor-element-814a958:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-814a958 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c591556 );}.elementor-1025 .elementor-element.elementor-element-814a958{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 50px 50px 50px;}.elementor-1025 .elementor-element.elementor-element-814a958 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-1f14de4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-1025 .elementor-element.elementor-element-1f14de4 .elementor-heading-title{font-family:var( --e-global-typography-04d2b58-font-family ), Sans-serif;font-size:var( --e-global-typography-04d2b58-font-size );color:#004645;}.elementor-1025 .elementor-element.elementor-element-5a382bc:not(.elementor-motion-effects-element-type-background), .elementor-1025 .elementor-element.elementor-element-5a382bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c591556 );}.elementor-1025 .elementor-element.elementor-element-5a382bc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1025 .elementor-element.elementor-element-5a382bc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-25971cd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://orcieresparapente.fr/wp-content/uploads/2026/02/5c7edb6c3459662fdb51392bcf93ff1338edebc4c2fec03db4b614544fc55cbc-24c436749a_v0_w0xh640_rDEF.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-bc-flex-widget .elementor-1025 .elementor-element.elementor-element-25971cd.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-1025 .elementor-element.elementor-element-25971cd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-element-populated, .elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-element-populated > .elementor-background-overlay, .elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-background-slideshow{border-radius:20px 20px 20px 20px;}.elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:30px 30px 30px 30px;}.elementor-1025 .elementor-element.elementor-element-25971cd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1025 .elementor-element.elementor-element-13dbf61{font-family:var( --e-global-typography-c15d65d-font-family ), Sans-serif;color:#FFFFFF;}.elementor-1025 .elementor-element.elementor-element-acbc98a{padding:50px 0px 050px 0px;}@media(max-width:1024px){.elementor-1025 .elementor-element.elementor-element-968d801 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-d491c3e .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-a7cf7e0 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-1f14de4 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}}@media(max-width:767px){.elementor-1025 .elementor-element.elementor-element-abfa583{width:var( --container-widget-width, 384px );max-width:384px;--container-widget-width:384px;--container-widget-flex-grow:0;}.elementor-1025 .elementor-element.elementor-element-40a2a8a{padding:10px 10px 10px 10px;}.elementor-1025 .elementor-element.elementor-element-968d801 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-d491c3e .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-d686bcb{padding:0px 0px 0px 0px;}.elementor-1025 .elementor-element.elementor-element-a7cf7e0 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}.elementor-1025 .elementor-element.elementor-element-1f14de4 .elementor-heading-title{font-size:var( --e-global-typography-04d2b58-font-size );}}/* Start custom CSS for html, class: .elementor-element-abfa583 */.hero-outdoors {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  min-height: 80vh;
  max-height: 820px;
  display: flex;
  align-items: flex-end;
  padding: 80px;
}

/* BACKGROUND IMAGE */
.hero-outdoors__bg {
  position: absolute;
  inset: 0;
  background-image: url("https://cdn01.eviivo.media/images/d/5c3d7f297736e270fd49a45cf0f408dd7af9240d85896033024e8fe7eeeddd29-24c436749a_v0.jpg");
  background-size: cover;
  background-position: 50% -200%;
  transform: scale(1.15);
  transform-origin: center;
}

/* OVERLAY */
.hero-outdoors__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,.2) 0%,
    rgba(0,0,0,.4) 50%,
    rgba(0,0,0,.85) 200%
  );
}

/* CONTENT */
.hero-outdoors__content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #fff;
}

/* LEFT TITLE */
.hero-outdoors__title {
  margin: 0;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 72px);
  line-height: 1.05;
}
.hero-outdoors__title {
  margin: 0;
  font-weight: 700;
  font-size: clamp(32px, 5vw, 72px);
  line-height: 1.05;
  color: #ffffff;   /* <-- AJOUTE ÇA */
}

.hero-outdoors__title span {
  color: #FFFFFF;
}

/* RIGHT TEXT */
.hero-outdoors__right {
  max-width: 420px;
}

.hero-outdoors__subtitle {
  font-size: 18px;
  line-height: 1.6;
  margin-bottom: 24px;
}

/* BUTTON */
.btn-main {
  background: #fff;
  color: #004645;
  padding: 12px 28px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
}

/* MOBILE */
@media (max-width: 768px) {

  .hero-outdoors {
    min-height: 400px;
    padding: 30px;
  }

  .hero-outdoors__content {
    flex-direction: column;
    gap: 24px;
  }

  .hero-outdoors__bg {
    transform: scale(1.4);
    background-position: 50% 35%;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f2971aa *//* ============================================
   SECTION ACTIVITÉS – Orcières O²Area
   ============================================ */

.activities-grid {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 230px 230px;
  gap: 24px;
}

/* --- Cards --- */
.activity-card {
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  text-decoration: none;
  display: block;
  color: white;
}

.activity-card--large  { grid-row: span 2; }
.activity-card--jouer  { grid-column: 2; grid-row: 1; }
.activity-card--rouler { grid-column: 3; grid-row: 1; }
.activity-card--marcher{ grid-column: 2; grid-row: 2; }
.activity-card--eau    { grid-column: 3; grid-row: 2; }

/* --- Image --- */
.activity-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

/* --- Overlay --- */
.activity-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.55));
  transition: background 0.4s ease;
}

/* --- Content --- */
.activity-content {
  position: absolute;
  inset: 0;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 2;
}

/* --- Title --- */
.activity-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
}
.activity-title svg {
  width: 20px;
  height: 20px;
  stroke: white;
}

/* --- Hover text --- */
.activity-hover {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.4s ease;
  font-size: 15px;
  color: rgba(255,255,255,.92);
}

/* --- Flèche --- */
.activity-arrow {
  position: absolute;
  bottom: 18px;
  right: 18px;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,.18);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(6px);
  z-index: 3;
  overflow: hidden;
  transition: background 0.3s ease;
}
.activity-arrow svg {
  width: 18px;
  height: 18px;
  stroke: white;
  flex-shrink: 0;
}

/* Flèche principale */
.activity-arrow svg:first-child {
  position: relative;
  transition: transform 0.25s ease;
  transform: translateX(0);
}

/* Flèche clone – cachée à gauche */
.activity-arrow svg:last-child {
  position: absolute;
  transform: translateX(-200%);
  transition: transform 0.25s ease;
}

/* Animation au hover */
.activity-card:hover .activity-arrow svg:first-child {
  transform: translateX(200%);
}
.activity-card:hover .activity-arrow svg:last-child {
  transform: translateX(0);
}

/* --- Hover --- */
.activity-card:hover img {
  transform: scale(1.02);
}
.activity-card:hover .activity-overlay {
  background: rgba(0,0,0,.65);
}
.activity-card:hover .activity-hover {
  opacity: 1;
}
.activity-card:hover .activity-arrow {
  background: rgba(255,255,255,.3);
}
.activity-card:hover .activity-arrow i:first-child {
  transform: translateX(200%);
}
.activity-card:hover .activity-arrow i:last-child {
  transform: translateX(0);
}

/* ============================================
   RESPONSIVE TABLETTE
   ============================================ */
@media (max-width: 768px) {
  .activities-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 12px;
  }

  /* Grand bloc pleine largeur */
  .activity-card--large {
    grid-column: 1 / -1;
    grid-row: auto;
    aspect-ratio: 16 / 9;
  }

  /* Les 4 autres en 2x2 */
  .activity-card--jouer,
  .activity-card--rouler,
  .activity-card--marcher,
  .activity-card--eau {
    grid-column: auto;
    grid-row: auto;
    aspect-ratio: 4 / 3;
    height: auto;
  }

  .activity-hover {
    display: none;
  }
}

/* ============================================
   RESPONSIVE MOBILE
   ============================================ */
@media (max-width: 480px) {
  .activities-grid {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .activity-card--large {
    grid-column: 1 / -1;
    aspect-ratio: 4 / 3;
  }

  .activity-card--jouer,
  .activity-card--rouler,
  .activity-card--marcher,
  .activity-card--eau {
    aspect-ratio: 3 / 4;
  }

  .activity-title {
    font-size: 14px;
  }

  .activity-title svg {
    width: 16px;
    height: 16px;
  }

  .activity-arrow {
    width: 36px;
    height: 36px;
    bottom: 12px;
    right: 12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5b4cfef *//* ===== Outdoor features block ===== */
.outdoor-features{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:32px 40px;

  font-family:Inter, system-ui, -apple-system, sans-serif;
}

/* item */
.feature-item{
  display:flex;
  align-items:flex-start;
  gap:14px;

  color:#004645; /* ton vert */
  font-size:16px;
  line-height:1.6;
}

/* icon circle */
.feature-item i{
  width:44px;
  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:18px;
  color:#004645;

  background:rgba(0,70,69,.12);
  border-radius:50%;

  flex-shrink:0;
}

/* text */
.feature-item p{
  margin:0;
  font-weight:500;
}

/* mobile */
@media (max-width:768px){
  .outdoor-features{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d8343b7 */.photo-mosaic{
  --radius:18px;
  --gap:16px;
  --max-height:400px;

  width:100%;
  height:var(--max-height);

  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:var(--gap);
}

/* chaque case devient un masque */
.photo-mosaic__big,
.photo-mosaic__small{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius);
}

/* colonne droite */
.photo-mosaic__side{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:var(--gap);
}

/* image = recadrage auto */
.photo-mosaic img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;   /* ← recadrage automatique */
  object-position:center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-162480b *//* ===== Bloc texte ===== */
.local-food {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 720px;
  width: 100%;
  font-family: Inter, system-ui, -apple-system, sans-serif;
  color: #0b1f1f;
}

.local-food__kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #004645;
  opacity: .8;
}

.local-food__title {
  margin: 0 0 16px;
  font-family: Poppins, system-ui, -apple-system, sans-serif;
  font-size: clamp(24px, 3vw, 30px);
  font-weight: 600;
  line-height: 1.25;
  color: #0b1f1f;
}

.local-food__text {
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(11, 31, 31, .75);
  max-width: 600px;
}

.local-food__btn {
  margin-top: 28px;
  align-self: flex-start;
}

/* mobile */
@media (max-width: 768px) {
  .local-food {
    max-width: 100%;
  }

  .local-food__text {
    max-width: 100%;
  }

  .local-food__btn {
    align-self: stretch;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-c03c2a6 */.room-card{
  max-width:640px;
  background:#fff;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
  overflow:hidden;
  font-family:Inter, system-ui, sans-serif;
}

/* IMAGE */

.room-card__image{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

/* CONTENT */

.room-card__content{
  padding:26px 28px 28px;
}

.room-card__title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:700;
  color:#000; /* titre noir */
}

.room-card__description{
  margin:0 0 22px;
  font-size:16px;
  line-height:1.6;
  color:#5f6f75;
}

/* INFOS */

.room-card__infos{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.room-card__info{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  color:#1c2b2b;
}

.room-card__info i{
  width:18px;
  color:#000; /* icones noires */
}

.room-card__info .label{
  font-weight:600;
  margin-right:6px;
}

.room-card__info .value{
  color:#4f5f65;
}

.room-card__info--price{
  flex-wrap:wrap;
}

.room-card__info--price .price{
  margin-left:auto;
  font-weight:700;
  font-size:18px;
  color:#1c2b2b;
}
.room-card{
  max-width:640px;
  background:#fff;
  border-radius:18px;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
  overflow:hidden;
  font-family:Inter, system-ui, sans-serif;
  text-decoration:none;
  display:block;
  transition: transform .25s ease, box-shadow .25s ease;
}

.room-card:hover{
  transform: scale(1.01);
  box-shadow:0 28px 60px rgba(0,0,0,.15);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a6dc177 *//* ===== O2 activity card (classes uniques) ===== */

.o2-activity{
  width:100%;
  max-width:640px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  display:block;
  text-decoration:none;
  font-family:Inter, system-ui, sans-serif;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}

.o2-activity:hover{
  transform:scale(1.01);
  box-shadow:0 28px 60px rgba(0,0,0,.15);
}

/* Media */
.o2-activity__media{
  position:relative;
}

.o2-activity__img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

/* Tag */
.o2-activity__tag{
  position:absolute;
  top:16px;
  left:16px;
  background:#fff;
  color:#000;
  font-size:13px;
  padding:6px 14px;
  border-radius:999px;
  font-weight:600;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

/* Body */
.o2-activity__body{
  padding:26px 28px 28px;
  color:#000;
}

.o2-activity__title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:700;
  color:#000;
}

.o2-activity__desc{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.6;
  color:#555;
}

/* Infos */
.o2-activity__infos{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:24px;
}

.o2-activity__info{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#1c2b2b;
}

.o2-activity__info i{
  width:18px;
  color:#000;
}

.o2-activity__info .label{
  font-weight:600;
  margin-right:6px;
}

.o2-activity__info .value{
  color:#4f5f65;
}

/* Bottom */
.o2-activity__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.o2-activity__price{
  font-size:15px;
  color:#000;
}

.o2-activity__price strong{
  font-size:18px;
  font-weight:700;
  color:#000;
}

/* Arrow */
.o2-activity__arrow{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#f2f2f2;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  transition:transform .2s ease, background .2s ease;
}

.o2-activity:hover .o2-activity__arrow{
  transform:translateX(4px);
  background:#e6e6e6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1e7a4f *//* ===== O2 activity card (classes uniques) ===== */

.o2-activity{
  width:100%;
  max-width:640px;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  display:block;
  text-decoration:none;
  font-family:Inter, system-ui, sans-serif;
  box-shadow:0 20px 40px rgba(0,0,0,.08);
  transition:transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}

.o2-activity:hover{
  transform:scale(1.01);
  box-shadow:0 28px 60px rgba(0,0,0,.15);
}

/* Media */
.o2-activity__media{
  position:relative;
}

.o2-activity__img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  display:block;
}

/* Tag */
.o2-activity__tag{
  position:absolute;
  top:16px;
  left:16px;
  background:#fff;
  color:#000;
  font-size:13px;
  padding:6px 14px;
  border-radius:999px;
  font-weight:600;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

/* Body */
.o2-activity__body{
  padding:26px 28px 28px;
  color:#000;
}

.o2-activity__title{
  margin:0 0 10px;
  font-size:22px;
  font-weight:700;
  color:#000;
}

.o2-activity__desc{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.6;
  color:#555;
}

/* Infos */
.o2-activity__infos{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin-bottom:24px;
}

.o2-activity__info{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:14px;
  color:#1c2b2b;
}

.o2-activity__info i{
  width:18px;
  color:#000;
}

.o2-activity__info .label{
  font-weight:600;
  margin-right:6px;
}

.o2-activity__info .value{
  color:#4f5f65;
}

/* Bottom */
.o2-activity__bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.o2-activity__price{
  font-size:15px;
  color:#000;
}

.o2-activity__price strong{
  font-size:18px;
  font-weight:700;
  color:#000;
}

/* Arrow */
.o2-activity__arrow{
  width:48px;
  height:48px;
  border-radius:50%;
  background:#f2f2f2;
  color:#000;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  transition:transform .2s ease, background .2s ease;
}

.o2-activity:hover .o2-activity__arrow{
  transform:translateX(4px);
  background:#e6e6e6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bfbc8c */.orcieres-btn-dark {
  background-color: #004645;
  color: #ffffff;
  border-color: #004645;
  box-shadow: 0 2px 12px rgba(0, 70, 69, 0.2);
}

.orcieres-btn-dark .orcieres-btn-circle {
  background-color: #ffffff;
  color: #004645;
}

.orcieres-btn-dark:hover {
  background-color: #ffffff;
  color: #004645;
  border-color: #004645;
  box-shadow: 0 4px 20px rgba(0, 70, 69, 0.2);
}

.orcieres-btn-dark:hover .orcieres-btn-circle {
  background-color: #004645;
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-78e4497 */.orcieres-cta-center {
  display: flex;
  justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ef047d7 *//* ============================================
   AGENDA – Orcières O²Area
   ============================================ */

.orcieres-events-left {
  display: flex;
  flex-direction: column;
  padding: 48px 32px;
  background-color: #eef7f6;
  border-radius: 16px;
}

.orcieres-agenda-header {
  margin-bottom: 32px;
}

.orcieres-agenda-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #004645;
  opacity: 0.55;
  margin-bottom: 10px;
}

.orcieres-agenda-title-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

.orcieres-agenda-icon {
  flex-shrink: 0;
  opacity: 0.85;
}

.orcieres-agenda-title {
  font-size: 28px;
  font-weight: 700;
  color: #004645;
  margin: 0;
  line-height: 1.1;
}

.orcieres-agenda-subtitle {
  font-size: 14px;
  color: #004645;
  opacity: 0.6;
  margin: 0;
}

.orcieres-agenda-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
}

.orcieres-agenda-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(0, 70, 69, 0.12);
}

.orcieres-agenda-item:first-child {
  border-top: 1px solid rgba(0, 70, 69, 0.12);
}

.orcieres-agenda-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  text-align: center;
  flex-shrink: 0;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 8px 6px;
  box-shadow: 0 1px 4px rgba(0, 70, 69, 0.1);
}

.orcieres-agenda-day {
  font-size: 20px;
  font-weight: 800;
  color: #004645;
  line-height: 1;
}

.orcieres-agenda-month {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #004645;
  opacity: 0.55;
  margin-top: 3px;
}

.orcieres-agenda-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.orcieres-agenda-name {
  font-size: 15px;
  font-weight: 600;
  color: #004645;
  line-height: 1.3;
}

.orcieres-agenda-desc {
  font-size: 13px;
  color: #004645;
  opacity: 0.6;
}

.orcieres-agenda-footer {
  margin-top: 28px;
  display: flex;
  justify-content: flex-end;
}

/* ============================================
   RESPONSIVE TABLETTE
   ============================================ */

@media (max-width: 768px) {
  .orcieres-events-left {
    padding: 40px 24px;
  }

  .orcieres-agenda-title {
    font-size: 24px;
  }
}

/* ============================================
   RESPONSIVE MOBILE
   ============================================ */

@media (max-width: 480px) {
  .orcieres-events-left {
    padding: 32px 16px;
    border-radius: 10px;
  }

  .orcieres-agenda-title {
    font-size: 22px;
  }

  .orcieres-agenda-item {
    gap: 14px;
    padding: 13px 0;
  }

  .orcieres-agenda-date {
    min-width: 46px;
    padding: 6px 4px;
  }

  .orcieres-agenda-day {
    font-size: 17px;
  }

  .orcieres-agenda-name {
    font-size: 14px;
  }

  .orcieres-agenda-desc {
    font-size: 12px;
  }

  .orcieres-agenda-footer {
    justify-content: center;
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-acbc98a *//* ===== Bloc map O2Area ===== */
.o2-map-block {
  display: block;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  transition: transform 0.4s ease;
}

.o2-map-block:hover {
  transform: scale(1.02);
}

.o2-map-image-wrapper {
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}

.o2-map-image {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s ease;
}

.o2-map-block:hover .o2-map-image {
  transform: scale(1.05);
}

/* ===== Texte ===== */
.o2-map-content {
  font-family: Inter, sans-serif;
  max-width: 520px;
}

.o2-map-kicker {
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #0b6b63;
  margin-bottom: 10px;
  font-weight: 600;
}

.o2-map-title {
  font-family: Poppins, sans-serif;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 18px;
  color: #0b1f1f;
}

.o2-map-text {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 28px;
  color: #3a4f4f;
}

.o2-map-btn {
  align-self: flex-start;
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .o2-map-title {
    font-size: 28px;
  }

  .o2-map-content {
    margin-top: 30px;
  }

  .o2-map-btn {
    width: 100%;
    justify-content: space-between;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================
   SYSTÈME CTA GLOBAL – Orcières O²Area
   ============================================ */

.orcieres-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 13px 16px 13px 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

.orcieres-btn-circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  flex-shrink: 0;
  overflow: hidden;
  transition:
    background-color 0.25s ease,
    color 0.25s ease;
}

.orcieres-btn-circle svg:first-child {
  position: relative;
  transition: transform 0.25s ease;
  transform: translateX(0);
}

.orcieres-btn-circle svg:last-child {
  position: absolute;
  transform: translateX(-200%);
  transition: transform 0.25s ease;
}

.orcieres-btn:hover .orcieres-btn-circle svg:first-child {
  transform: translateX(200%);
}
.orcieres-btn:hover .orcieres-btn-circle svg:last-child {
  transform: translateX(0);
}

/* --- Principal --- */
.orcieres-btn-primary {
  background-color: #ffffff;
  color: #004645;
  border-color: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 70, 69, 0.12);
}
.orcieres-btn-primary .orcieres-btn-circle {
  background-color: #004645;
  color: #ffffff;
}
.orcieres-btn-primary:hover {
  background-color: #004645;
  color: #ffffff;
  border-color: #004645;
  box-shadow: 0 4px 20px rgba(0, 70, 69, 0.3);
}
.orcieres-btn-primary:hover .orcieres-btn-circle {
  background-color: #ffffff;
  color: #004645;
}

/* --- Secondaire --- */
.orcieres-btn-secondary {
  background-color: transparent;
  color: #004645;
  border-color: #004645;
}
.orcieres-btn-secondary .orcieres-btn-circle {
  background-color: #004645;
  color: #ffffff;
}
.orcieres-btn-secondary:hover {
  background-color: #004645;
  color: #ffffff;
  border-color: #004645;
  box-shadow: 0 4px 20px rgba(0, 70, 69, 0.25);
}
.orcieres-btn-secondary:hover .orcieres-btn-circle {
  background-color: #ffffff;
  color: #004645;
}

/* --- On dark (fond vert foncé ou image) --- */
.orcieres-btn-on-dark.orcieres-btn-primary {
  background-color: #ffffff;
  color: #004645;
  border-color: #ffffff;
}
.orcieres-btn-on-dark.orcieres-btn-primary .orcieres-btn-circle {
  background-color: #004645;
  color: #ffffff;
}
.orcieres-btn-on-dark.orcieres-btn-primary:hover {
  background-color: #004645;
  color: #ffffff;
  border-color: #ffffff;
}
.orcieres-btn-on-dark.orcieres-btn-primary:hover .orcieres-btn-circle {
  background-color: #ffffff;
  color: #004645;
}
.orcieres-btn-on-dark.orcieres-btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: #ffffff;
}
.orcieres-btn-on-dark.orcieres-btn-secondary .orcieres-btn-circle {
  background-color: #ffffff;
  color: #004645;
}
.orcieres-btn-on-dark.orcieres-btn-secondary:hover {
  background-color: #ffffff;
  color: #004645;
  border-color: #ffffff;
}
.orcieres-btn-on-dark.orcieres-btn-secondary:hover .orcieres-btn-circle {
  background-color: #004645;
  color: #ffffff;
}

/* --- Mobile --- */
@media (max-width: 480px) {
  .orcieres-btn {
    width: 100%;
    justify-content: space-between;
    padding: 13px 16px 13px 22px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Marvin Vision';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://orcieresparapente.fr/wp-content/uploads/2026/01/MarvinVisionsBig-Bold.eot');
	src: url('https://orcieresparapente.fr/wp-content/uploads/2026/01/MarvinVisionsBig-Bold.eot?#iefix') format('embedded-opentype'),
		url('https://orcieresparapente.fr/wp-content/uploads/2026/01/MarvinVisionsBig-Bold.woff2') format('woff2'),
		url('https://orcieresparapente.fr/wp-content/uploads/2026/01/MarvinVisionsBig-Bold.woff') format('woff'),
		url('https://orcieresparapente.fr/wp-content/uploads/2026/01/MarvinVisionsBig-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */