/* ICMAAE Vision page — live docH 4110 → frame 4060 (y = live − 50) */

#frame { height: 4060px; }
#site-footer { top: 3752px; }
#quote-mark { left: 938px; top: 1740px; width: 44px; height: 39px; }

/* ---------- L'institut band ---------- */
#band-institut { left: 0; top: 320px; width: 1920px; height: 452px; background: #E6DECA; }
#inst-title {
  left: 725px; top: 407px; margin: 0; width: 470px;
  font-family: 'Didot', 'Playfair Display', serif; font-weight: 400;
  font-size: 38px; line-height: 44px; color: #1A1A1A; text-align: center;
}
#inst-sub {
  left: 833px; top: 457px; margin: 0; width: 253px;
  font-family: 'Didot', 'Playfair Display', serif; font-style: italic; font-weight: 400;
  font-size: 19px; line-height: 24px; color: #000; text-align: center;
}
#inst-p {
  left: 639px; top: 565px; margin: 0; width: 642px;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; line-height: 24px; color: #000; text-align: justify;
}

/* ---------- globe image ---------- */
#img-globe { left: 80px; top: 772px; width: 1760px; height: 786px; }

/* ---------- card 1 ---------- */
#card1 { left: 903px; top: 1107px; width: 600px; height: 603px; background: #E6DECA; border-radius: 15px; }
#c1-kicker {
  position: absolute; left: 96px; top: 77px; margin: 0;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  font-size: 23px; line-height: 24px; color: #000;
}
#c1-title {
  position: absolute; left: 96px; top: 108px; margin: 0; width: 400px;
  font-family: 'Didot', 'Playfair Display', serif; font-weight: 400;
  font-size: 38px; line-height: 44px; color: #000; text-align: left;
}
.c1-p {
  position: absolute; left: 96px; margin: 0; width: 394px;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; line-height: 16px; color: #000; text-align: justify;
}
#c1-p1 { top: 233px; }
#c1-p2 { top: 281px; }
#c1-p3 { top: 329px; }
#c1-p4 { top: 377px; }

/* ---------- quote ---------- */
#quote-text {
  left: 650px; top: 1796px; margin: 0; width: 620px;
  font-family: 'Didot', 'Playfair Display', serif; font-weight: 400;
  font-size: 25px; line-height: 33px; color: #000; text-align: center;
}

/* ---------- video ---------- */
#vision-video { left: 473px; top: 1935px; width: 973px; height: 548px; object-fit: cover; background: #000; }

/* ---------- Nos Valeurs ---------- */
#valeurs {
  left: 872px; top: 2550px; margin: 0; width: 175px;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif; font-weight: 400;
  font-size: 31px; line-height: 32px; color: #000; text-align: center;
}

/* ---------- hands image ---------- */
#img-hands { left: 80px; top: 2893px; width: 1760px; height: 709px; }

/* ---------- card 2 (slider slide 1) ---------- */
#card2 { left: 470px; top: 2660px; width: 600px; height: 530px; background: #E6DECA; }
.c2-slide { position: absolute; left: 0; top: 0; width: 600px; height: 530px; opacity: 0; transition: opacity 0.6s ease; pointer-events: none; }
.c2-slide.on { opacity: 1; }
#c2-prev { position: absolute; left: 18px; top: 249px; width: 14px; height: 29px; }
#c2-next { position: absolute; left: 568px; top: 249px; width: 15px; height: 29px; }
.c2-arrow { cursor: pointer; }
.c2-title {
  position: absolute; margin: 0;
  font-family: 'Didot', 'Playfair Display', serif; font-weight: 400;
  font-size: 38px; line-height: 44px; color: #000; text-align: left;
}
.c2-p {
  position: absolute; margin: 0; width: 450px;
  font-family: 'Source Sans 3', 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px; color: #000;
}
.c2-dot { position: absolute; top: 490.5px; width: 6px; height: 6px; border-radius: 50%; background: #0285CE; cursor: pointer; }
.c2-dot.on { background: #FFF; }
#c2-d1 { left: 275px; }
#c2-d2 { left: 297px; }
#c2-d3 { left: 318.5px; }