
:root{--red:#e32229;--red-dark:#bd171d;--green:#064748;--ink:#121826;--muted:#5f6b7a;--line:#e6e9ee;--soft:#f6f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}.container{width:min(1180px,92%);margin:auto}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo img{width:196px;display:block}.main-nav{display:flex;align-items:center;gap:4px}.main-nav a{text-decoration:none;padding:27px 16px 24px;border-bottom:3px solid transparent;color:#273142;font-size:15px;font-weight:600}.main-nav a:hover,.main-nav a.active{border-color:var(--red);color:var(--red)}.menu-toggle{display:none;background:transparent;border:0;font-size:28px}.hero{padding:88px 0;background:linear-gradient(120deg,#f7f9fc 0%,#fff 54%,#f3f6f9 100%);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--red);margin:0 0 14px}h1{font-size:clamp(40px,5vw,66px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}h2{font-size:clamp(30px,3.5vw,45px);line-height:1.1;letter-spacing:-.03em;margin:0 0 18px}h3{font-size:22px;line-height:1.2;margin:0 0 10px}p{font-size:17px;color:var(--muted);margin:0 0 18px}.hero-text{font-size:21px;max-width:680px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:3px;padding:13px 20px;font-weight:700;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--red);color:#fff}.btn.primary:hover{background:var(--red-dark)}.btn.secondary{background:#fff;color:var(--ink);border-color:#cfd6df}.btn.secondary:hover{border-color:var(--red);color:var(--red)}.hero-img,.image{width:100%;height:430px;object-fit:cover;display:block;background:#dde4ec}.hero-img{height:520px;box-shadow:0 24px 60px rgba(15,23,42,.14)}.rounded{border-radius:14px}.image-fallback{background:linear-gradient(135deg,#e7ebf0,#b9c4ce)}.section{padding:86px 0}.section.light{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-title{max-width:800px;margin-bottom:36px}.center{text-align:center}.narrow{max-width:920px}.cards{display:grid;gap:24px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid var(--line);padding:28px;min-height:260px;transition:.2s}.card:hover{box-shadow:0 16px 40px rgba(15,23,42,.08);transform:translateY(-3px)}.card-img{width:calc(100% + 56px);height:190px;margin:-28px -28px 24px;object-fit:cover;display:block}.wide-img{width:100%;height:310px;object-fit:cover;border-radius:12px;margin-top:30px}.link{display:inline-flex;margin-top:8px;color:var(--red);font-weight:800;text-decoration:none}.link:after{content:" →"}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.quotes blockquote{background:#fff;border:1px solid var(--line);padding:28px;margin:0;font-size:18px;color:#283344}.quotes strong{display:block;margin-top:24px;color:#111827;font-size:15px}.checklist{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.checklist li{position:relative;padding-left:28px;color:#374151}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--red);font-weight:900}.page-hero{padding:78px 0;background:linear-gradient(120deg,#f6f8fb,#fff);border-bottom:1px solid var(--line)}.page-hero h1{max-width:900px}.page-hero p{font-size:20px;max-width:900px}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.contact-card{background:var(--soft);border:1px solid var(--line);padding:34px}.contact-card a{color:var(--red)}.info-block{margin-top:24px}.form{background:#fff;border:1px solid var(--line);padding:34px;display:grid;gap:16px}.form label{font-weight:700;color:#253143}.form input,.form textarea{width:100%;display:block;margin-top:7px;border:1px solid #cfd6df;padding:13px;font:inherit}.footer{background:#111827;color:#fff;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:38px}.footer-logo{width:190px;background:#fff;border-radius:8px;padding:6px}.footer p,.footer a{display:block;color:#c8d0da;text-decoration:none;font-size:14px;margin:7px 0}.footer h4{margin:0 0 14px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding-top:18px;color:#aeb8c5;font-size:13px}@media(max-width:900px){.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:12px 4%;box-shadow:0 10px 30px rgba(0,0,0,.08)}.menu-open .main-nav{display:grid}.main-nav a{padding:12px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards.four,.cards.three,.quotes,.footer-grid{grid-template-columns:1fr 1fr}.hero-img,.image{height:330px}}@media(max-width:560px){.logo img{width:160px}.nav-wrap{height:68px}.hero{padding:58px 0}.section{padding:58px 0}.cards.four,.cards.three,.quotes,.footer-grid{grid-template-columns:1fr}.actions{flex-direction:column}.btn{width:100%}h1{font-size:38px}}


/* Mise à jour ARAMA : calques d'activité et photos thématiques */
.activity-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.activity-card{position:relative;min-height:250px;border-radius:12px;overflow:hidden;background:#111827;box-shadow:0 16px 38px rgba(15,23,42,.12)}
.activity-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s ease}
.activity-card:hover img{transform:scale(1.04)}
.activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.75));z-index:1}
.activity-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.activity-card span{color:#fff;background:var(--red,#e32229);padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.activity-card h3{color:#fff;font-size:20px;margin:10px 0 6px}
.activity-card p{color:#f1f5f9;font-size:14px;margin:0}
.page-summary{background:#fff;border:1px solid var(--line,#e6e9ee);box-shadow:0 12px 30px rgba(15,23,42,.08);border-left:5px solid var(--red,#e32229);padding:22px 24px;margin-top:28px;max-width:920px}
.page-summary strong{display:block;color:var(--ink,#121826);font-size:18px;margin-bottom:6px}
.page-summary p{margin:0;color:var(--muted,#5f6b7a)}
.section.compact{padding:42px 0}
@media(max-width:900px){.activity-strip{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.activity-strip{grid-template-columns:1fr}}


/* --- ARAMA update: user-provided photos, no video background --- */
.video-hero{background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.70)),url('assets/images/user_hero_it_background.png') center/cover no-repeat !important;color:var(--ink,#121826) !important}
.video-hero:after,.hero-video-bg{display:none !important}
.video-hero h1,.video-hero .hero-text{color:var(--ink,#121826) !important}
.video-hero .eyebrow{color:var(--red,#e32229) !important}
.hero.static-photo-hero{background:linear-gradient(90deg,rgba(255,255,255,.90),rgba(255,255,255,.70)),url('assets/images/user_hero_it_background.png') center/cover no-repeat !important}
.user-photo-cover{object-fit:cover}



  .contact-hero-overlay{padding:80px 0}
  .contact-simple-grid{grid-template-columns:1fr}
}


.contact-image-side img{
width:100%;
height:100%;
min-height:420px;
object-fit:cover;
border-radius:18px;
box-shadow:0 18px 40px rgba(0,0,0,.12)
}
.contact-simple-grid{
align-items:stretch
}


/* Contact simplifié sans redondance */
.contact-clean-hero{padding:86px 0;background:linear-gradient(120deg,#f6f8fb,#fff)}
.contact-clean-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.contact-clean-text h1{max-width:640px}
.contact-details-clean{display:grid;gap:18px;margin:30px 0}
.contact-details-clean div{background:#fff;border:1px solid var(--line,#e6e9ee);padding:18px 20px;border-left:4px solid var(--red,#e32229)}
.contact-details-clean span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--red,#e32229);margin-bottom:6px}
.contact-details-clean a{font-size:20px;font-weight:700;color:var(--ink,#121826);text-decoration:none}
.contact-details-clean p{margin:0;color:var(--ink,#121826);font-weight:700}
.contact-clean-image img{width:100%;height:430px;object-fit:cover;border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.14)}
@media(max-width:850px){.contact-clean-grid{grid-template-columns:1fr}.contact-clean-image img{height:320px}}


/* Complete multilingual selector and layout safeguards */
.language-dropdown{position:relative;margin-left:18px;display:inline-flex;align-items:center;z-index:200}
.language-current{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line,#e6e9ee);border-radius:999px;padding:7px 11px;cursor:pointer;font-weight:800;color:var(--ink,#121826);font-size:13px;line-height:1}
.language-current img,.language-menu img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid var(--line,#e6e9ee);border-radius:12px;box-shadow:0 18px 45px rgba(15,23,42,.16);padding:8px;display:none;z-index:300}
.language-dropdown:hover .language-menu,.language-dropdown.open .language-menu{display:block}
.language-menu a{display:flex!important;align-items:center;gap:9px;padding:9px 10px!important;border:0!important;border-radius:8px;text-decoration:none!important;color:var(--ink,#121826)!important;font-size:14px!important;font-weight:700!important;background:#fff!important}
.language-menu a:hover{background:#f6f8fb!important;color:var(--red,#e32229)!important}
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .nav-wrap,html[dir="rtl"] .main-nav{direction:rtl}
html[dir="rtl"] .language-dropdown{margin-left:0;margin-right:18px}
html[dir="rtl"] .language-menu{right:auto;left:0}
.activity-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.activity-card{position:relative;min-height:250px;border-radius:12px;overflow:hidden;background:#111827;box-shadow:0 16px 38px rgba(15,23,42,.12)}
.activity-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .35s ease}
.activity-card:hover img{transform:scale(1.04)}
.activity-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.75));z-index:1}
.activity-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}
.activity-card span{color:#fff;background:var(--red,#e32229);padding:4px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.activity-card h3{color:#fff;font-size:20px;margin:10px 0 6px}
.activity-card p{color:#f1f5f9;font-size:14px;margin:0}
.page-summary{background:#fff;border:1px solid var(--line,#e6e9ee);box-shadow:0 12px 30px rgba(15,23,42,.08);border-left:5px solid var(--red,#e32229);padding:22px 24px;margin-top:28px;max-width:920px}
.page-summary strong{display:block;color:var(--ink,#121826);font-size:18px;margin-bottom:6px}
.page-summary p{margin:0;color:var(--muted,#5f6b7a)}
.section.compact{padding:42px 0}
.contact-clean-hero{padding:86px 0;background:linear-gradient(120deg,#f6f8fb,#fff)}
.contact-clean-grid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.contact-details-clean{display:grid;gap:18px;margin:30px 0}
.contact-details-clean div{background:#fff;border:1px solid var(--line,#e6e9ee);padding:18px 20px;border-left:4px solid var(--red,#e32229)}
.contact-details-clean span{display:block;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--red,#e32229);margin-bottom:6px}
.contact-details-clean a{font-size:20px;font-weight:700;color:var(--ink,#121826);text-decoration:none}
.contact-details-clean p{margin:0;color:var(--ink,#121826);font-weight:700}
.contact-clean-image img{width:100%;height:430px;object-fit:cover;border-radius:18px;box-shadow:0 18px 40px rgba(15,23,42,.14)}
@media(max-width:900px){.language-dropdown{margin:10px 0 0 0}.language-menu{position:static;box-shadow:none;margin-top:8px}.activity-strip{grid-template-columns:1fr 1fr}.contact-clean-grid{grid-template-columns:1fr}}
@media(max-width:560px){.activity-strip{grid-template-columns:1fr}.contact-clean-image img{height:320px}}


/* FINAL OVERRIDE — compact Nielsen-inspired language selector */
.language-dropdown{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-left:14px!important;
  z-index:999!important;
}
.language-current{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  height:32px!important;
  min-width:50px!important;
  padding:0 10px!important;
  border:1px solid rgba(17,24,39,.16)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  cursor:pointer!important;
}
.language-current:before{
  content:"🌐";
  font-size:13px;
  line-height:1;
}
.language-current:after{
  content:"▾";
  font-size:9px;
  margin-left:2px;
  color:#6b7280;
}
.language-current img{
  display:none!important;
}
.language-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  min-width:180px!important;
  padding:8px!important;
  border:1px solid rgba(17,24,39,.12)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(15,23,42,.16)!important;
  display:none!important;
  z-index:1000!important;
}
.language-dropdown:hover .language-menu,
.language-dropdown.open .language-menu{
  display:block!important;
}
.language-menu a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
.language-menu a:hover{
  background:#f4f6f8!important;
  color:var(--red,#e32229)!important;
}
.language-menu img{
  width:14px!important;
  height:10px!important;
  min-width:14px!important;
  max-width:14px!important;
  object-fit:cover!important;
  border-radius:1px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.08)!important;
}
html[dir="rtl"] .language-dropdown{
  margin-left:0!important;
  margin-right:14px!important;
}
html[dir="rtl"] .language-menu{
  right:auto!important;
  left:0!important;
}
@media(max-width:900px){
  .language-dropdown{margin:10px 0 0 0!important}
  .language-menu{position:static!important;box-shadow:none!important;margin-top:8px!important}
}


/* FINAL LANGUAGE SELECTOR — compact flags style similar to /test2/ */
.language-dropdown{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  margin-left:14px!important;
  z-index:999!important;
}
.language-current{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  height:30px!important;
  padding:0 9px!important;
  border:1px solid rgba(17,24,39,.14)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111827!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  cursor:pointer!important;
}
.language-current:before{content:none!important}
.language-current:after{
  content:"▾"!important;
  font-size:9px!important;
  margin-left:1px!important;
  color:#6b7280!important;
}
.language-current img{
  display:inline-block!important;
  width:18px!important;
  height:12px!important;
  min-width:18px!important;
  max-width:18px!important;
  object-fit:cover!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.10)!important;
}
.language-menu{
  position:absolute!important;
  right:0!important;
  top:calc(100% + 8px)!important;
  min-width:165px!important;
  padding:7px!important;
  border:1px solid rgba(17,24,39,.12)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(15,23,42,.16)!important;
  display:none!important;
  z-index:1000!important;
}
.language-dropdown:hover .language-menu,
.language-dropdown.open .language-menu{
  display:block!important;
}
.language-menu a{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:8px 9px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#111827!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.language-menu a:hover{
  background:#f4f6f8!important;
  color:var(--red,#e32229)!important;
}
.language-menu img{
  display:inline-block!important;
  width:18px!important;
  height:12px!important;
  min-width:18px!important;
  max-width:18px!important;
  object-fit:cover!important;
  border-radius:2px!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.10)!important;
}
html[dir="rtl"] .language-dropdown{
  margin-left:0!important;
  margin-right:14px!important;
}
html[dir="rtl"] .language-menu{
  right:auto!important;
  left:0!important;
}
/* Contact details readability, including Arabic RTL pages */
.contact-details-clean div{
  text-align:left!important;
  direction:ltr!important;
}
html[dir="rtl"] .contact-details-clean div{
  text-align:left!important;
  direction:ltr!important;
}
.contact-details-clean span{
  display:block!important;
  margin-bottom:6px!important;
}
.contact-details-clean a,
.contact-details-clean p{
  display:block!important;
  line-height:1.45!important;
}
@media(max-width:900px){
  .language-dropdown{margin:10px 0 0 0!important}
  .language-menu{position:static!important;box-shadow:none!important;margin-top:8px!important}
}


/* Arabic contact coordinate fixes */
html[dir="rtl"] .contact-details-clean a,
html[dir="rtl"] .contact-details-clean p,
html[dir="rtl"] .footer a,
html[dir="rtl"] .footer p{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
html[dir="rtl"] .contact-details-clean span{
  direction:rtl!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
}


/* Updated ARAMA logo integration */
.logo img{max-height:54px;width:auto;object-fit:contain}
.footer-logo{max-width:220px;height:auto;object-fit:contain}
@media(max-width:700px){.logo img{max-height:42px}.footer-logo{max-width:180px}}


/* Activity cards photo visibility fix */
.activity-card:before{
  background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.52))!important;
}
.activity-card img{
  opacity:1!important;
  filter:none!important;
}
