.navbar-brand img.logo-img {
  max-height: none;
}
.t4-header .header-block {
  background-color: #078b16;
   height: 60px;
}

.t4-megamenu > .navbar-nav > li > .nav-link, .t4-megamenu > .navbar-nav > li > a {
  color: #fff;
}
.t4-megamenu > .navbar-nav > li > .nav-link .item-caret.item-caret, .t4-megamenu > .navbar-nav > li > a .item-caret.item-caret {
  border-top-color: #fff;
}
.t4-megamenu > .navbar-nav > li.active > .nav-link, .t4-megamenu > .navbar-nav > li.active > a {
  color: #fff;
  text-decoration: underline;
}
.t4-megamenu > .navbar-nav > li.show > .nav-link,
.t4-megamenu > .navbar-nav > li.show > a {
 color: #FFF;
 background-color: #000;
}

.header-wrap {
  height: 60px;
}
.header-block-2 .container-hd {

  height: 60px;
}

.t4-header {

  min-height: 60px;

}

.t4-megamenu > .navbar-nav > li > .nav-link, .t4-megamenu > .navbar-nav > li > a {

  height: 60px;
  line-height: 20px;
 
}
.ic-num-phone {
	direction:ltr
	}
.txt-number
{
	padding:20px;}
	

.t4-megamenu .dropdown-menu li .dropdown-item, .t4-megamenu .dropdown-menu li>.nav-link, .t4-megamenu .dropdown-menu li>a {color: #212121;padding: .5rem 0;white-space: normal;height: auto;line-height: var(--body-line-height); transition-property: padding;
transition-duration: 350ms;
transition-timing-function: ease;
transition-delay: 0s; }

.t4-megamenu .dropdown-menu li .dropdown-item:active, .t4-megamenu .dropdown-menu li .dropdown-item:focus, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .t4-megamenu .dropdown-menu li>.nav-link:active, .t4-megamenu .dropdown-menu li>.nav-link:focus, .t4-megamenu .dropdown-menu li>.nav-link:hover, .t4-megamenu .dropdown-menu li>a:active, .t4-megamenu .dropdown-menu li>a:focus, .t4-megamenu .dropdown-menu li>a:hover {color: var(--color-primary); background-color:#f5f5f5; padding-left:13px;}

.mod-languages {
	padding-top:10px;}
	
.header-block-2 .finder .awesomplete input.js-finder-search-query, .header-block-2 .finder .awesomplete input.search-query, .header-block-2 .finder .form-search input.js-finder-search-query, .header-block-2 .finder .form-search input.search-query, .header-block-2 .mod-finder .awesomplete input.js-finder-search-query, .header-block-2 .mod-finder .awesomplete input.search-query, .header-block-2 .mod-finder .form-search input.js-finder-search-query, .header-block-2 .mod-finder .form-search input.search-query {
  height: 2.745rem;
}
.header-block-2 .finder, .header-block-2 .mod-finder {
  height: 40px;  
}

.acm-hero.style-3 .features-desc .main-heading {
  font-size: 1.5rem;
}

.acm-hero.style-3 .features-desc .mod-desc {
    font-size: 32px;
}

.acm-hero.style-3 .features-desc .mod-desc {   
    line-height: 1;
}

.acm-hero.style-3 .features-desc .main-heading .hight-light:after {
   background-image: none;    
}
@media (min-width: 992px) and (max-width: 1599.98px){
.acm-hero.style-3 .features-desc .wrap-inner .inner {
  max-width: 700px;
}
}
.section-title-wrap {
  max-width: 700px;
}

@media (max-width: 1770px) {
.t4-megamenu > .navbar-nav > li > .nav-link, .t4-megamenu > .navbar-nav > li > a {
  padding: 20px .4rem; 
}
}

@media (max-width: 1210px){
.t4-megamenu > .navbar-nav > li > .nav-link, .t4-megamenu > .navbar-nav > li > a {
  padding: 20px .7rem; 
}
}
@media (max-width: 1131px){
.header-block-2 .t4-navbar .t4-megamenu > ul > li > a {
  font-size: .8rem;
}
.t4-megamenu > .navbar-nav > li > .nav-link, .t4-megamenu > .navbar-nav > li > a {
  padding: 20px .5rem;
}
}

.imgbor {
  border: 5px solid white;
  box-shadow: 0 0 5px hsla(0,0%,0%,.5);
  float:right;
  max-width:500px;
  margin-left:20px;
}
.t4-apresmenu {padding:10px 0px 10px 0px;}
.t4-apresmenu .container {max-width: 100%;}
.fc {
  font-size: 10px !important;
  background-color: #fdfdfd;
}
.fc a {
	color: var(--body-link-color);
}
div.mod-languages li {
  margin: 0;
}
.item-image img {
  border-radius: 50px;
}


/* =====================================================================
   IESS Kairouan — Nouveau style de la page d'accueil (v2)
   Ciblé sur le code réel du template JA Ego (T4).
   Aucun suffixe de classe nécessaire.

   À AJOUTER À LA FIN de : /templates/ja_ego/local/css/custom.css
   (via FileZilla, ou T4 > Template Style > onglet "Custom CSS")
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Instrument+Sans:wght@400;500;600&display=swap");

/* ---------- 0. Palette & typographie ---------- */
:root {
  --iess-forest: #123B2C;
  --iess-forest-dark: #0F3125;
  --iess-green: #1E6B45;
  --iess-sand: #F2EBDD;
  --iess-paper: #FBF8F2;
  --iess-line: #E6DECF;
  --iess-gold: #C9A86A;
  --iess-clay: #B4552D;
  --iess-ink: #1C2621;
  --iess-muted: #4F5B55;
  --iess-radius: 20px;
  /* Almarai reste en secours pour les caractères arabes */
  --iess-serif: "Fraunces", "Almarai", Georgia, serif;
  --iess-sans: "Instrument Sans", "Almarai", system-ui, sans-serif;
}

body.site-home-4fr,
body.site-home-4fr .t4-content {
  font-family: var(--iess-sans);
  color: var(--iess-ink);
  background: var(--iess-paper);
  -webkit-font-smoothing: antialiased;
}

/* ---------- 1. Barre du haut : ticker + Facebook + FR/AR ---------- */
#t4-top-bar {
  background: var(--iess-forest) !important;
  color: #E9E2D2;
  padding: 8px 24px;
  font-size: 14px;
  border: 0;
}
#t4-top-bar .t4-row { align-items: center; }
#t4-top-bar .jmp-ticker { background: transparent !important; border: 0 !important; }
#t4-top-bar .jmp-ticker::before {
  content: "À la une";
  float: inline-start;
  margin-inline-end: 14px;
  background: var(--iess-clay);
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
}
#t4-top-bar .jmp-ticker a,
#t4-top-bar .jmp-ticker span { color: #F6F1E7 !important; text-decoration: none; font-family: var(--iess-sans); }
#t4-top-bar .jmp-ticker a:hover span { color: var(--iess-gold) !important; }
#t4-top-bar .topbar-r { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
#t4-top-bar .acm-social a { color: #E9E2D2 !important; }
#t4-top-bar .acm-social a:hover { color: var(--iess-gold) !important; }
#t4-top-bar .mod-languages__list { margin: 0; }
#t4-top-bar .mod-languages a {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 6px;
  color: #E9E2D2 !important;
  font-weight: 600;
  text-decoration: none;
}
#t4-top-bar .mod-languages .lang-active a { background: rgba(255, 255, 255, .14); color: #fff !important; }

/* ---------- 2. Bannière : titre + logo ---------- */
#t4-banner {
  background: var(--iess-paper) !important;
  padding: 22px 0 18px;
  border: 0;
}
#t4-banner .row { margin-top: 0 !important; align-items: center; }
#t4-banner .custom div[style*="font-size"],
#t4-banner .custom span,
#t4-banner .custom strong {
  font-family: var(--iess-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(20px, 2.2vw, 30px) !important;
  line-height: 1.25 !important;
  color: var(--iess-forest) !important;
  padding-top: 0 !important;
}
#t4-banner .imgbanner { max-height: 92px; width: auto; }

/* ---------- 3. Menu principal + recherche ---------- */
#t4-header {
  background: #fff !important;
  border-top: 1px solid var(--iess-line);
  border-bottom: 1px solid var(--iess-line);
  box-shadow: none !important;
}
#t4-header .header-wrap { min-height: 64px; }
#t4-header .navbar-nav.level0 > li > .nav-link {
  color: #2C3A33 !important;
  font-family: var(--iess-sans);
  font-weight: 500;
  font-size: 15px;
  text-transform: none;
  padding: 20px 12px !important;
  border-bottom: 2px solid transparent;
  background: transparent !important;
}
#t4-header .navbar-nav.level0 > li > .nav-link:hover,
#t4-header .navbar-nav.level0 > li.active > .nav-link,
#t4-header .navbar-nav.level0 > li.show > .nav-link {
  color: var(--iess-forest) !important;
  border-bottom-color: var(--iess-clay);
}
/* sous-menus (simples et méga-menu) */
#t4-header .dropdown-menu {
  border: 1px solid var(--iess-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(18, 59, 44, .14) !important;
  padding: 8px !important;
  background: #fff !important;
}
#t4-header .dropdown-menu ul { margin: 0; padding: 0; }
#t4-header .dropdown-menu .dropdown-item,
#t4-header .mega-nav .nav-link {
  color: #2C3A33 !important;
  font-size: 14px;
  padding: 10px 12px !important;
  border-radius: 8px;
  background: transparent !important;
}
#t4-header .dropdown-menu .dropdown-item:hover,
#t4-header .mega-nav .nav-link:hover {
  background: var(--iess-sand) !important;
  color: var(--iess-forest) !important;
}
/* recherche */
#t4-header .mod-finder label.finder { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
#t4-header .mod-finder .form-control {
  background: var(--iess-sand) !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  padding: 10px 18px !important;
  min-height: 44px;
  font-size: 14px;
  color: var(--iess-ink);
  width: 200px;
}
#t4-header .mod-finder .form-control:focus { border-color: var(--iess-green) !important; box-shadow: none; background: #fff !important; }

/* ---------- 4. Zone slider + flipbook ---------- */
#t4-apresmenu { background: var(--iess-paper); padding: 40px 0 24px; }
#t4-apresmenu .t4-row { align-items: stretch; row-gap: 24px; }

/* Slider DJ-ImageSlider */
#djslider-loader297 { border-radius: var(--iess-radius); overflow: hidden; }
#djslider297 { max-width: 100% !important; border-radius: var(--iess-radius); background: var(--iess-forest); }
#djslider297 .djslider-in > li { background: var(--iess-forest); }   /* slide sans image : fond vert au lieu de blanc */
#djslider297 .dj-image { height: 100% !important; object-fit: cover; }
#djslider297 .slide-text { display: none !important; }               /* doublon du titre */
#djslider297 .slide-desc { left: 0 !important; width: 100% !important; bottom: 0 !important; }
#djslider297 .slide-desc-bg {
  background: linear-gradient(to top, rgba(12, 42, 31, .95), rgba(12, 42, 31, 0)) !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}
#djslider297 .slide-desc-text { padding: 56px 32px 28px !important; background: none !important; }
#djslider297 .slide-title a {
  font-family: var(--iess-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(18px, 1.8vw, 26px) !important;
  line-height: 1.25 !important;
  color: #fff !important;
  text-decoration: none !important;
}
#djslider297 .slide-title a:hover { color: var(--iess-gold) !important; }
#djslider297 .navigation-container img {
  width: 44px !important;
  height: 44px !important;
  padding: 13px;
  border-radius: 999px;
  background: rgba(246, 241, 231, .92);
  box-shadow: 0 6px 16px rgba(0, 0, 0, .18);
}

/* Flipbook GALS (module 336) */
#Mod336 .module-inner {
  background: #fff;
  border: 1px solid var(--iess-line);
  border-radius: var(--iess-radius);
  padding: 16px;
  height: 100%;
}
#Mod336 .module-inner::before {
  content: "Publication à la une";
  display: block;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--iess-clay);
  margin: 4px 4px 12px;
}
#Mod336 iframe { border-radius: 12px; }

/* ---------- 5. But du projet ---------- */
#t4-section-1 { background: transparent !important; padding: 72px 0 !important; }
#t4-section-1 .acm-features,
#t4-section-1 .features-desc,
#t4-section-1 .features-desc .inner,
#t4-section-1 .section-title-wrap {
  background: transparent !important;      /* retire l'aplat saumon */
  box-shadow: none !important;
}
#t4-section-1 .row { align-items: center !important; row-gap: 32px; }
#t4-section-1 .features-intro { order: -1; }            /* photo à gauche */

#t4-section-1 .features-desc .inner { padding: 0 0 0 24px !important; }
#t4-section-1 .main-heading {
  font-family: var(--iess-serif) !important;
  font-weight: 500 !important;
  font-size: clamp(34px, 4vw, 52px) !important;
  line-height: 1.08 !important;
  color: var(--iess-forest) !important;
  margin-bottom: 22px !important;
}
#t4-section-1 .main-heading::before {
  content: "Notre mission";
  display: block;
  font-family: var(--iess-sans);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--iess-clay);
  margin-bottom: 12px;
}
#t4-section-1 .mod-desc {
  font-family: var(--iess-serif) !important;
  font-size: clamp(18px, 1.7vw, 23px) !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  color: #2C3A33 !important;
}
#t4-section-1 .intro-img img {
  width: 100%;
  max-height: 540px;
  object-fit: cover;
  border-radius: var(--iess-radius);
  box-shadow: -16px 16px 0 -1px var(--iess-paper), -16px 16px 0 0 var(--iess-gold);
}

/* ---------- 6. Les 3 blocs ---------- */
#t4-section-2 { background: var(--iess-sand) !important; padding: 80px 0 !important; }
#t4-section-2 .features-item {
  background: #fff !important;
  border: 0 !important;
  border-radius: var(--iess-radius);
  padding: 32px !important;
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease;
}
#t4-section-2 .features-item:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(18, 59, 44, .10); }
#t4-section-2 .item-inner { display: flex; flex-direction: column; height: 100%; }
#t4-section-2 .img-icon img {
  width: 56px; height: 56px;
  padding: 12px;
  border-radius: 16px;
  background: #E4EFE7;
  object-fit: contain;
}
#t4-section-2 .col-lg-4:nth-child(2) .img-icon img { background: #F6E6DC; }
#t4-section-2 .col-lg-4:nth-child(3) .img-icon img { background: #EEE8D6; }
#t4-section-2 .main-heading h4 { margin: 22px 0 12px; }
#t4-section-2 .main-heading h4 a {
  font-family: var(--iess-serif) !important;
  font-weight: 500 !important;
  font-size: 23px;
  line-height: 1.25;
  color: var(--iess-forest) !important;
  text-decoration: none;
}
#t4-section-2 .main-heading h4 a::first-letter { text-transform: uppercase; }
#t4-section-2 .item-inner p { color: var(--iess-muted) !important; font-size: 15px; line-height: 1.65; }
#t4-section-2 .btn.btn-normal {
  margin-top: auto !important;
  padding: 18px 0 0 !important;
  color: var(--iess-green) !important;
  font-weight: 600;
  font-size: 15px;
  text-align: start;
  background: none !important;
  border: 0 !important;
}
#t4-section-2 .btn.btn-normal:hover { color: var(--iess-forest) !important; }

/* ---------- 7. Newsletter (AcyMailing)
   Les règles ci-dessous annulent le <style> placé dans le titre du module 328 ---------- */
#t4-section-10 { background: var(--iess-paper) !important; padding: 72px 0 !important; }
#t4-section-10 .section-title-wrap { margin: 0 !important; padding: 0 !important; }
#t4-section-10 #formAcym14131 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 48px;
  background: var(--iess-forest);
  border-radius: 24px;
  padding: 48px;
}
#t4-section-10 .acym_posttext {
  order: -1;
  position: static !important;
  flex: 1 1 320px;
  margin: 0 !important;
  padding: 0 !important;
  max-width: none !important;
  font-family: var(--iess-serif);
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 500 !important;
  line-height: 1.15;
  color: #fff !important;
}
#t4-section-10 .acym_module_form {
  flex: 1 1 420px;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
}
#t4-section-10 .acym_form { flex: 1 1 240px; }
#t4-section-10 .acym_form label { display: block; margin: 0 !important; }
#t4-section-10 .acym__users__creation__fields__title {
  position: static !important;
  display: block;
  margin: 0 0 6px 4px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #CFD9D2 !important;
}
#t4-section-10 .cell.acym__user__edit__email {
  position: static !important;
  width: 100% !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  font-size: 16px;
  color: var(--iess-ink);
}
#t4-section-10 .acysubbuttons { margin: 0 !important; }
#t4-section-10 .acysubbuttons .btn.btn-primary {
  position: static !important;
  height: 54px !important;
  margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--iess-gold) !important;
  color: var(--iess-forest) !important;
  font-weight: 600 !important;
  font-size: 16px;
}
#t4-section-10 .acysubbuttons .btn.btn-primary:hover { background: #D9BD86 !important; }

/* ---------- 8. Pied de page ---------- */
#t4-footer-info {
  background: var(--iess-forest-dark) !important;
  color: #CFD9D2;
  padding: 72px 0 40px !important;
}
#t4-footer-info p { color: #CFD9D2; font-size: 15px; line-height: 1.7; }
#t4-footer-info a { color: #fff; }
#t4-footer-info a:hover { color: var(--iess-gold); }
#t4-footer-info .acm-social .social-inner a {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px;
  margin-inline-end: 8px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .25);
  color: #fff !important;
}
#t4-footer-info .module-title {
  font-family: var(--iess-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--iess-gold) !important;
  margin-bottom: 18px;
}
#Mod265 ul { list-style: none; padding: 0; margin: 0; }
#Mod265 li { margin-bottom: 12px; }
#Mod265 a { color: #fff !important; text-decoration: none; font-size: 15px; border: 0 !important; }
#Mod265 a i { color: var(--iess-gold); width: 22px; }

#t4-footer {
  background: var(--iess-forest-dark) !important;
  border-top: 1px solid rgba(255, 255, 255, .12);
  color: #A9B8AF;
  font-size: 14px;
}
#t4-footer a { color: #fff !important; }

/* ---------- 9. Agenda (FullCalendar, module 341) ---------- */
#calendar.fc {
  background: var(--iess-paper) !important;
  color: var(--iess-ink);
  border-radius: var(--iess-radius);
  padding: 20px;
}
#calendar.fc .fc-toolbar-title {
  font-family: var(--iess-serif);
  font-size: 22px !important;
  font-weight: 500;
  color: var(--iess-forest);
  text-transform: capitalize;
}
#calendar.fc .fc-button {
  background: #fff !important;
  border: 1px solid #D9D0BE !important;
  color: var(--iess-forest) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 13px;
  font-weight: 600;
  opacity: 1 !important;
}
#calendar.fc .fc-button:hover { background: var(--iess-sand) !important; }
#calendar.fc .fc-button-group { gap: 6px; }
#calendar.fc .fc-col-header-cell-cushion { color: #5B6660 !important; font-size: 12px; font-weight: 600; text-decoration: none; }
#calendar.fc .fc-daygrid-day-number { color: var(--iess-ink) !important; text-decoration: none; font-size: 14px; }
#calendar.fc .fc-day-other .fc-daygrid-day-number { color: #A39B8B !important; }
#calendar.fc .fc-scrollgrid,
#calendar.fc td, #calendar.fc th { border-color: var(--iess-line) !important; }
#calendar.fc .fc-day-today { background: transparent !important; }
#calendar.fc .fc-day-today .fc-daygrid-day-number {
  background: var(--iess-forest);
  color: #fff !important;
  border-radius: 999px;
  width: 28px; height: 28px;
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0;
  margin: 2px;
}
#calendar.fc .fc-event { background: var(--iess-clay); border-color: var(--iess-clay); border-radius: 6px; }

/* ---------- 10. Tablette & mobile ---------- */
@media (max-width: 991.98px) {
  #t4-section-1 .features-desc .inner { padding: 0 !important; }
  #t4-section-1 .intro-img img { box-shadow: none; }
}
@media (max-width: 767.98px) {
  #t4-top-bar .jmp-ticker::before { display: none; }
  #t4-header .mod-finder .form-control { width: 150px; }
  #djslider297 .slide-desc-text { padding: 40px 18px 18px !important; }
  #t4-section-1, #t4-section-2, #t4-section-10 { padding: 48px 0 !important; }
  #t4-section-10 #formAcym14131 { padding: 28px 22px; border-radius: 18px; }
  #t4-section-10 .acysubbuttons, #t4-section-10 .acysubbuttons .btn.btn-primary { width: 100%; }
}





/* =====================================================================
   IESS — Retouches (à coller À LA FIN de local/css/custom.css,
   après le bloc précédent)
   ===================================================================== */

/* ---- 1. Barre du haut : pastille sur une ligne, texte aligné, FR lisible ---- */
#t4-top-bar { padding: 6px 24px !important; }
#t4-top-bar .jmp-ticker {
  display: flex !important;
  align-items: center;
  gap: 14px;
  overflow: hidden;
}
#t4-top-bar .jmp-ticker::before {
  float: none;
  flex: 0 0 auto;
  white-space: nowrap;
  margin: 0;
  line-height: 1.4;
}
#t4-top-bar .jmp-ticker-c {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  text-align: start !important;
}
#t4-top-bar .jmp-ticker-c li { text-align: start !important; }
#t4-top-bar .jmp-ticker-c span { font-size: 15px !important; }
#t4-top-bar .mod-languages a {
  background: transparent !important;
  color: #E9E2D2 !important;
}
#t4-top-bar .mod-languages .lang-active a {
  background: var(--iess-gold) !important;
  color: var(--iess-forest) !important;
}

/* ---- 2. Bannière : moins haute, titre plus compact ---- */
#t4-banner { padding: 14px 0 !important; }
#t4-banner .custom > div { min-height: 0 !important; }
#t4-banner .row > div { padding-top: 0 !important; padding-bottom: 0 !important; }
#t4-banner .custom div[style*="font-size"],
#t4-banner .custom span,
#t4-banner .custom strong {
  font-size: clamp(18px, 1.9vw, 27px) !important;
  text-align: center;
}
#t4-banner .imgbanner { max-height: 84px; }

/* ---- 3. Menu : fond blanc partout, texte foncé ---- */
#t4-header,
#t4-header .header-block,
#t4-header .container-hd,
#t4-header .header-wrap,
#t4-header .main-menu,
#t4-header .t4-navbar,
#t4-header .navbar,
#t4-header .t4-megamenu {
  background: #fff !important;
  background-color: #fff !important;
}
#t4-header .navbar-nav.level0 > li > .nav-link,
#t4-header .navbar-nav.level0 > li > .nav-link .item-caret {
  color: #2C3A33 !important;
  border-color: #2C3A33;
}
#t4-header .navbar-nav.level0 > li > .nav-link:hover,
#t4-header .navbar-nav.level0 > li.active > .nav-link { color: var(--iess-forest) !important; }

/* ---- 4. Slider : bandeau de titre lisible quelle que soit l'image ---- */
#djslider297 .slide-desc-bg { display: none !important; }
#djslider297 .slide-desc-text {
  background: rgba(18, 59, 44, .92) !important;
  padding: 18px 26px !important;
  backdrop-filter: blur(2px);
}
#djslider297 .slide-title a {
  font-size: clamp(16px, 1.4vw, 21px) !important;
  line-height: 1.35 !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;           /* 2 lignes maximum */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#djslider297 .navigation-container { z-index: 5; }

/* ---- 5. Newsletter : l'identifiant du formulaire change à chaque chargement,
         on cible donc n'importe quel formulaire AcyMailing de la section ---- */
#t4-section-10 .acym_fulldiv > form {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px 48px;
  background: var(--iess-forest) !important;
  border-radius: 24px;
  padding: 48px !important;
}
#t4-section-10 .acym_fulldiv > form .acym_posttext { order: -1; }
#t4-section-10 .acym_module_form { align-items: flex-end !important; }
@media (max-width: 767.98px) {
  #t4-section-10 .acym_fulldiv > form { padding: 28px 22px !important; border-radius: 18px; }
}
/* ---- Barre du haut : boutons Facebook + FR/AR ---- */
#t4-top-bar .topbar-r,
#t4-top-bar .topbar-r .acm-social,
#t4-top-bar .topbar-r .social-follow-wrap,
#t4-top-bar .topbar-r .social-follow,
#t4-top-bar .topbar-r .mod-languages {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}
#t4-top-bar .topbar-r::before,
#t4-top-bar .topbar-r::after,
#t4-top-bar .acm-social::before,
#t4-top-bar .acm-social::after { display: none !important; }

#t4-top-bar .topbar-r {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

/* Facebook : bouton rond */
#t4-top-bar .social-inner { margin: 0 !important; padding: 0 !important; border: 0 !important; }
#t4-top-bar .social-inner a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .28);
  color: #F6F1E7 !important;
  font-size: 15px;
  transition: background .2s ease, color .2s ease;
}
#t4-top-bar .social-inner a:hover {
  background: var(--iess-gold);
  border-color: var(--iess-gold);
  color: var(--iess-forest) !important;
}

/* FR / AR : sélecteur en pilule */
#t4-top-bar .mod-languages__list {
  display: inline-flex !important;
  align-items: center;
  gap: 2px;
  margin: 0 !important;
  padding: 3px !important;
  list-style: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, .10) !important;
}
#t4-top-bar .mod-languages__list li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
}
#t4-top-bar .mod-languages__list a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  height: 28px;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 600;
  line-height: 1 !important;
  color: #E9E2D2 !important;
  background: transparent !important;
  border: 0 !important;
}
#t4-top-bar .mod-languages__list a:hover { color: #fff !important; }
#t4-top-bar .mod-languages__list .lang-active a {
  background: var(--iess-gold) !important;
  color: var(--iess-forest) !important;
}