a:hover {
  text-decoration: none !important; /* hover:none important */
}
/* *style général */
.link_not_blue {
  font-weight: bold; /* font-bold */
}
/* * article card h1 */
.article_card_h1 {
  margin-bottom: 0.5rem; /* mb-2 */
  font-size: 1.125rem; /* text-lg = 18px */
  line-height: 1.75rem; /* line-height de text-lg */
  font-weight: 700; /* font-bold */
  letter-spacing: -0.01562em; /* tracking-tight (resserre légèrement) */
}

/* Media query : sm:text-2xl */
@media (min-width: 640px) {
  .article_card_h1 {
    font-size: 1.5rem; /* text-2xl = 24px */
    line-height: 2rem; /* line-height de text-2xl */
  }
}

/* * h2 */
.h2 {
  color: #e76f51; /* text-[#E76F51] */
  font-size: 1.875rem; /* text-3xl = 30px */
  line-height: 2.25rem; /* line-height de text-3xl */
  text-align: center; /* text-center */
  text-transform: capitalize; /* capitalize */
  font-weight: bold; /* font-bold */
}

/* Responsive : sm:text-5xl */
@media (min-width: 640px) {
  .h2 {
    font-size: 3rem; /* text-5xl = 48px */
    line-height: 1; /* line-height de text-5xl */
  }
}

/* *text white pour fond vert */
.text_white {
  font-size: 1rem; /* text-base = 16px */
  line-height: 1.5rem; /* line-height text-base */
  text-align: center; /* text-center */
  color: white; /* text-white */
}

/* Media query : sm (min-width: 640px) */
@media (min-width: 640px) {
  .text_white {
    font-size: 1.125rem; /* text-lg = 18px */
    line-height: 1.75rem; /* line-height text-lg */
  }
}

/* *section principale */
.main_section {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  padding: 1rem; /* p-4 = 16px */
  padding-left: 0.5rem; /* px-2 = 8px */
  padding-right: 0.5rem; /* px-2 = 8px */
  height: 100%; /* h-[100%] */
  gap: 5rem; /* gap-20 = 80px */
  align-items: center; /* items-center */
  position: relative; /* relative */
}

/* min-[1200px]:px-20 */
@media (min-width: 1200px) {
  .main_section {
    padding-left: 5rem; /* px-20 = 80px */
    padding-right: 5rem;
  }
}

/* min-[1480px]:px-40 */
@media (min-width: 1480px) {
  .main_section {
    padding-left: 10rem; /* px-40 = 160px */
    padding-right: 10rem;
  }
}

/* * section info verte */
.section_info_green {
  padding: 1rem; /* p-4 */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  gap: 1.5rem; /* gap-6 */
  border-radius: 0.5rem; /* rounded-lg */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
  background-color: #264653; /* bg-[#264653] */
}

/* Responsive sm:... (>=640px) */
@media (min-width: 640px) {
  .section_info_green {
    padding: 2.5rem; /* sm:p-10 */
    gap: 2.5rem; /* sm:gap-10 */
  }
}

/* * article adherer */
.article_adherer {
  margin-top: 2.5rem; /* mt-10 = 40px */
  padding: 1rem; /* p-4 = 16px */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  gap: 1.5rem; /* gap-6 = 24px */
  border-radius: 0.5rem; /* rounded-lg = 8px */
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); /* shadow-sm */
  background-color: #264653; /* bg-[#264653] */
}

/* Responsive (sm = 640px et +) */
@media (min-width: 640px) {
  .article_adherer {
    margin-top: 5rem; /* sm:mt-20 = 80px */
    padding: 2.5rem; /* sm:p-10 = 40px */
    gap: 2.5rem; /* sm:gap-10 = 40px */
  }
}

/* * contenu de l'article adherer */
.article_adherer_content {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  align-items: center; /* items-center */
  gap: 0.75rem; /* gap-3 = 0.75rem (12px) */
  text-align: center; /* text-center */
}

/* Media query : sm:gap-5 */
@media (min-width: 640px) {
  .article_adherer_content {
    gap: 1.25rem; /* gap-5 = 1.25rem (20px) */
  }
}

/* * titre de l'article adherer */
.article_adherer_title {
  font-size: 1.25rem; /* text-xl = 20px */
  line-height: 1.75rem; /* line-height de text-xl */
  margin-bottom: 0.25rem; /* mb-1 = 4px */
  color: white; /* text-white */
}

/* Responsive : sm:text-3xl */
@media (min-width: 640px) {
  .article_adherer_title {
    font-size: 1.875rem; /* text-3xl = 30px */
    line-height: 2.25rem; /* line-height de text-3xl */
  }
}

/* * bouton pour fond vert */

.btn_orange {
  cursor: pointer; /* cursor-pointer */
  width: fit-content; /* w-fit */
  height: fit-content; /* h-fit */
  color: black; /* text-black */
  background-color: white; /* bg-white */
  border: 2px solid #e76f51; /* border border-2 border-[#E76F51] */
  font-weight: 500; /* font-medium */
  border-radius: 0.5rem; /* rounded-lg = 8px */
  font-size: 0.75rem; /* text-xs = 12px */
  line-height: 1rem; /* line-height de text-xs */
  padding-left: 0.75rem; /* px-3 */
  padding-right: 0.75rem; /* px-3 */
  padding-top: 0.625rem; /* py-2.5 */
  padding-bottom: 0.625rem; /* py-2.5 */
}

/* Effet hover */
.btn_orange:hover {
  text-decoration: underline; /* hover:underline */
}

/* Responsive : sm:text-sm et sm:px-5 */
@media (min-width: 640px) {
  .btn_orange {
    font-size: 0.875rem; /* sm:text-sm = 14px */
    line-height: 1.25rem;
    padding-left: 1.25rem; /* sm:px-5 */
    padding-right: 1.25rem; /* sm:px-5 */
  }
}

/* ** style planning (une/évènement) */

/* * planning section */
.planning_section {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 2rem; /* gap-8 = 2rem */
  width: 100%; /* w-full */
  min-height: 385px; /* min-h-[385px] */
}

/* Media query sm (640px) : sm:gap-15 → 3.75rem */
@media (min-width: 640px) {
  .planning_section {
    gap: 3.75rem; /* gap-15 = 3.75rem */
  }
}

/* * planning title */
.planning_title {
  font-size: 1.125rem; /* text-lg = 18px */
  line-height: 1.75rem; /* line-height de text-lg */
  font-weight: 700; /* font-bold */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  justify-content: space-between; /* justify-between */
}

/* sm:text-2xl → à partir de 640px */
@media (min-width: 640px) {
  .planning_title {
    font-size: 1.5rem; /* text-2xl = 24px */
    line-height: 2rem;
  }
}

/* min-[1200px]:flex-row */
@media (min-width: 1200px) {
  .planning_title {
    flex-direction: row;
  }
}

/* *planning article */
.planning_article {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1rem; /* gap-4 = 1rem */
}

/* Media query sm (min-width: 640px) */
@media (min-width: 640px) {
  .planning_article {
    gap: 1.25rem; /* sm:gap-5 = 1.25rem */
  }
}

/* * planning date & sous-titre */
.planning_date,
.planning_subtitle {
  font-weight: 400; /* font-normal */
  font-size: 1rem; /* text-base = 16px */
  line-height: 1.5rem; /* line-height par défaut pour text-base */
}

/* Media query : sm (640px) */
@media (min-width: 640px) {
  .planning_date,
  .planning_subtitle {
    font-size: 1.25rem; /* text-xl = 20px */
    line-height: 1.75rem; /* line-height par défaut pour text-xl */
  }
}

/* * planning content */
.planning_content {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1rem; /* gap-4 = 1rem */
  border-top: 4px solid; /* border-t-4 border-[#ffbe46] */
  border-top-left-radius: 0.5rem; /* rounded-l-lg */
  border-bottom-left-radius: 0.5rem; /* rounded-l-lg applique le bas aussi */
  justify-content: space-between; /* justify-between */
}

/* Media query : min-width 1200px */
@media (min-width: 1200px) {
  .planning_content {
    flex-direction: row; /* min-[1200px]:flex-row */
  }
}

/* Media query : small screens (sm) pour gap-5 */
@media (min-width: 640px) {
  .planning_content {
    gap: 1.25rem; /* sm:gap-5 = 1.25rem */
  }
}

.planning_content_yellow {
  border-top-color: #ffbe46; /* border-[#ffbe46] */
}

.planning_content_blue {
  border-top-color: #1f847b; /* border-[#1F847B] */
}

/* * planning content container */
.planning_content_container {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1rem; /* gap-4 = 1rem */
}

/* Media query pour les petits écrans (sm) */
@media (min-width: 640px) {
  /* sm = 640px en Tailwind par défaut */
  .planning_content_container {
    gap: 1.25rem; /* sm:gap-5 = 1.25rem */
  }
}

/* Media query pour min-[1200px] */
@media (min-width: 1200px) {
  .planning_content_container {
    flex-direction: row; /* min-[1200px]:flex-row */
  }
}

/* * planning img */
.planning_img {
  width: 100%; /* w-full */
  height: 100%; /* h-full */
  object-fit: cover; /* object-cover */
  border-radius: 0.5rem; /* rounded-lg = 8px */
  border-top-right-radius: 0; /* rounded-r-none */
  border-bottom-right-radius: 0; /* rounded-r-none */
}

/* Media query : min-[1200px] */
@media (min-width: 1200px) {
  .planning_img {
    width: 400px; /* min-[1200px]:w-[400px] */
  }
}

/* * planning text */
.planning_text {
  font-size: 1rem; /* text-base = 16px */
}

/* Media query pour sm (≥640px) */
@media (min-width: 640px) {
  .planning_text {
    font-size: 1.125rem; /* text-lg = 18px */
  }
}

/** planning_content_text_container */
.planning_content_text_container {
  padding: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
}

/* * planning link */
.planning_link {
  align-self: end; /* self-end */
  width: fit-content; /* w-fit */
  height: fit-content; /* h-fit */
  color: black; /* text-black */
  background-color: white; /* bg-white */
  border: 2px solid #ffbe46; /* border border-2 border-[#ffbe46] */
  font-weight: 500; /* font-medium */
  border-radius: 0.5rem; /* rounded-lg */
  font-size: 0.75rem; /* text-xs */
  padding-left: 0.75rem; /* px-3 */
  padding-right: 0.75rem; /* px-3 */
  padding-top: 0.625rem; /* py-2.5 */
  padding-bottom: 0.625rem; /* py-2.5 */
  margin-right: 0.5rem; /* me-2 */
  margin-bottom: 0.5rem; /* mb-2 */
  cursor: pointer; /* ajout pour interactivité */
}

/* Hover */
.planning_link:hover {
  text-decoration: underline; /* hover:underline */
}

/* Media query pour sm:text-sm et sm:px-5 */
@media (min-width: 640px) {
  .planning_link {
    font-size: 0.875rem; /* sm:text-sm */
    padding-left: 1.25rem; /* sm:px-5 */
    padding-right: 1.25rem; /* sm:px-5 */
  }
}

/* * planning no event */
.planning_no_event {
  font-size: 1.125rem; /* text-lg = 18px */
  line-height: 1.75rem; /* line-height par défaut de text-lg */
  text-align: center; /* text-center */
}

/** style pour le header */

/** header */
.header {
  background-color: white; /* bg-white */
  border-bottom: 3px solid #ffbe46; /* border-b-3 border-[#ffbe46] */
  display: flex; /* flex */
  flex-direction: row; /* flex-row */
  justify-content: center; /* justify-between */
  align-items: center; /* items-center (corrige item-center) */
  padding-left: 2rem; /* px-8 = 2rem */
  padding-right: 2rem; /* px-8 */
  padding-top: 1rem; /* py-4 = 1rem */
  padding-bottom: 1rem; /* py-4 */
  position: sticky; /* sticky */
  top: 0; /* top-0 */
  z-index: 99; /* z-99 */
  width: 100%; /* w-full */
  overflow: auto; /* overflow-auto */
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .header {
    overflow: visible; /* min-[1741px]:overflow-visible */
  }
}

/** nav */
.nav {
  display: flex; /* flex */
  flex-wrap: wrap; /* flex-wrap */
  justify-content: space-between; /* justify-between */
  align-items: center; /* items-center */
  width: 100%; /* w-full */
  height: 100%; /* h-full */
}

/** a du logo et titre */

.logo_title_link {
  display: flex; /* flex */
  align-items: center; /* items-center */
  gap: 1.25rem; /* gap-5 = 20px */
  text-decoration: none !important; /* no-underline! */
}

/* Effet hover */
.logo_title_link:hover {
  text-decoration: none !important; /* hover:no-underline! */
}

/** titre h1 */
.main_title {
  font-size: 2.25rem; /* text-4xl = 36px */
  line-height: 2.5rem; /* line-height associé */
  text-transform: capitalize; /* capitalize */
  width: max-content; /* w-max */
  color: black !important; /* text-black! */
}

/* Hover */
.main_title:hover {
  color: black !important; /* hover:text-black! */
}

/** menu burger */
.menu_burger {
  display: inline-flex; /* inline-flex */
  align-items: center; /* items-center */
  justify-content: center; /* justify-center */
  padding: 0.5rem; /* p-2 */
  width: 2.5rem; /* w-10 */
  height: 2.5rem; /* h-10 */
  font-size: 0.875rem; /* text-sm = 14px */
  line-height: 1.25rem; /* line-height de text-sm */
  color: black !important; /* text-black! */
  transform: translateZ(0); /* transform (oblige une base, sinon inutile) */
  transition: all 1000ms ease-in-out; /* transition-all duration-[1000ms] ease-in-out */
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .menu_burger {
    display: none; /* min-[1741px]:hidden */
  }
}

/** modale */
.modal_menu {
  width: 100%; /* w-full */
  min-height: 100%;
  overflow: auto;
}
/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .modal_menu {
    width: fit-content; /* min-[1741px]:w-fit */
  }
}

/** mega menu de la liste pour le menu */
.mega_menu_for_li {
  display: none;
  align-items: center; /* items-center */
  justify-content: space-between; /* justify-between */
  padding-top: 2rem; /* py-[2rem] */
  padding-bottom: 6rem; /* py-[6rem] */
  width: 100%; /* w-full */
}

/* min-[1741px] */
@media (min-width: 1741px) {
  .mega_menu_for_li {
    display: flex !important; /* min-[1741px]:flex */
    width: auto; /* min-[1741px]:w-auto */
    padding-bottom: 2rem;
  }
}

/* min-[1480px] */
@media (min-width: 1480px) {
  .mega_menu_for_li {
    order: 1; /* min-[1480px]:order-1 */
    height: 100%; /* min-[1480px]:h-full */
    padding-bottom: 2rem;
  }
}

/** ul du menu */
.nav_ul {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 1.25rem; /* gap-5 = 1.25rem */
  width: 100%; /* w-full */
}

/* RTL : équivalent de rtl:space-x-reverse */
[dir="rtl"] .nav_ul {
  direction: rtl; /* applique l’inversion d’ordre */
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .nav_ul {
    margin-top: 0; /* min-[1741px]:mt-0 */
    flex-direction: row; /* min-[1741px]:flex-row */
    gap: 2rem; /* min-[1741px]:gap-10 = 2.5rem */
  }

  /* si tu veux garder aussi mt-4 avant d’annuler */
  .nav_ul {
    margin-top: 1rem; /* mt-4 = 1rem (sera écrasé par mt-0 ci-dessus) */
  }

  /* min-[1741px]:space-x-8 → écart horizontal uniquement en row */
  .nav_ul > * + * {
    margin-left: 2rem; /* space-x-8 = 2rem */
  }

  /* rtl:space-x-reverse */
  [dir="rtl"] .nav_ul > * + * {
    margin-right: 2rem;
    margin-left: 0;
  }
}

/** li avec sous menu*/
.li_group {
  text-transform: capitalize; /* capitalize */
  color: black !important; /* text-black! */
  font-size: 1.5rem; /* text-2xl = 24px */
  line-height: 2rem; /* line-height de text-2xl */
  cursor: pointer; /* cursor-pointer */
  border-bottom: 2px solid #ffbe45; /* border-b-2 border-[#ffbe45] */
  padding-bottom: 1.25rem; /* pb-5 */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  justify-content: space-between; /* justify-between */
  gap: 0.5rem; /* gap-2 */
}

/* Effets hover */
.li_group:hover {
  text-decoration: underline !important; /* hover:underline! */
  color: #e76f51 !important; /* hover:text-[#E76F51]! */
  .group_drop {
    max-height: 1000px; /* max-h-[1000px] */
    opacity: 1; /* opacity-100 */
    transform: scaleY(1); /* scale-y-100 */
  }
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .li_group {
    cursor: default; /* min-[1741px]:cursor-default */
    border: none; /* min-[1741px]:border-none */
  }
}

/** li seule */
.li_normal {
  text-transform: capitalize; /* capitalize */
  color: black !important; /* text-black! */
  font-size: 1.5rem; /* text-2xl = 24px */
  line-height: 2rem; /* line-height de text-2xl */
  cursor: pointer; /* cursor-pointer */
  border-bottom: 2px solid #ffbe45; /* border-b-2 border-[#ffbe45] */
  padding-bottom: 1.25rem; /* pb-5 */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  justify-content: space-between; /* justify-between */
  gap: 0.5rem; /* gap-2 */
}

/* Hover */
.li_normal:hover {
  text-decoration: underline !important; /* hover:underline! */
  color: #e76f51 !important; /* hover:text-[#E76F51]! */
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .li_normal {
    cursor: default; /* min-[1741px]:cursor-default */
    border: none; /* min-[1741px]:border-none */
  }
}

/* *nom des items du menu */
.menu_item_name_group {
  display: flex; /* flex */
  justify-content: space-between; /* justify-between */
  gap: 0.25rem; /* gap-1 = 4px */
  align-items: baseline; /* items-baseline */
}

/* *fleche vers le bas */
.fa-angle-down {
  text-decoration: none !important; /* no-underline! */
}
.fa-angle-down:hover {
  text-decoration: none !important; /* no-underline! */
}
/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .fa-angle-down {
    display: none; /* min-[1741px]:hidden */
  }
}

/* *group drop ul */
.group_drop {
  display: none; /* hidden */
  flex-direction: column; /* flex-col */
  gap: 1.5rem; /* gap-6 = 24px */
  padding: 1.25rem; /* p-5 = 20px */
  background-color: white; /* bg-white */
  transform: scaleY(1); /* transform */
  transition: all 1000ms ease-in-out; /* transition-all duration-[1000ms] ease-in-out */
  transform-origin: top; /* origin-top */
}

/* Media query : min-[1741px] */
@media (min-width: 1741px) {
  .group_drop {
    display: flex; /* min-[1741px]:flex */
    padding-left: 1.25rem; /* min-[1741px]:pl-5 = 20px */
    padding: 2.5rem; /* min-[1741px]:p-10 = 40px (prend le dessus sur p-5) */
    box-shadow:
      0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -4px rgba(0, 0, 0, 0.1); /* shadow-lg */
    border-radius: 0.5rem; /* rounded-lg */
    position: absolute; /* absolute */
    top: 66%; /* top-[66%] */
    max-height: 0; /* max-h-0 */
    opacity: 0; /* opacity-0 */
    transform: scaleY(0.75); /* scale-y-75 */
    overflow: hidden; /* overflow-hidden */
  }
}

/* *li des group drop */
.li_drop {
  text-transform: capitalize; /* capitalize */
  color: black !important; /* text-black! */
  font-size: 1.125rem; /* text-lg = 18px */
}

/* Hover */
.li_drop:hover {
  text-decoration: underline !important; /* hover:underline! */
  color: #e76f51 !important; /* hover:text-[#E76F51]! */
}

/* ** style de la page d'accueil */

/* * visiteur */

/* *section activites */
.section_activites {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  align-items: center; /* items-center */
  justify-content: space-between; /* justify-between */
  gap: 2.5rem; /* gap-10 = 2.5rem */
  margin-top: 2.5rem; /* mt-10 = 2.5rem */
}

/* Responsive sm: ≥640px */
@media (min-width: 640px) {
  .section_activites {
    gap: 5rem; /* sm:gap-20 = 5rem */
    margin-top: 5rem; /* sm:mt-20 = 5rem */
  }
}

/* * activites container */
.activites_container {
  display: grid; /* grid */
  grid-template-columns: 1fr; /* grid-cols-1 */
  gap: 1.5rem; /* gap-6 = 24px */
  width: 100%; /* w-full */
}

/* sm:gap-30 → gap: 7.5rem à partir de 640px (taille sm en Tailwind) */
@media (min-width: 640px) {
  .activites_container {
    gap: 7.5rem; /* 120px */
  }
}

/* min-[1480px]:grid-cols-2 */
@media (min-width: 1480px) {
  .activites_container {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* * articles activites */
.articles_acti {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  border: 4px solid; /* border border-4 */
  border-radius: 0.5rem; /* rounded-lg */
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1); /* shadow-lg */
  background-color: white; /* bg-white */
  height: auto; /* h-auto */
  width: 100%; /* w-full */
}

/* Gestion des couleurs de bordure pair/impair */
.articles_acti:nth-child(even) {
  border-color: #ffbe46; /* even:border-[#ffbe46] */
}

.articles_acti:nth-child(odd) {
  border-color: #1f847b; /* odd:border-[#1F847B] */
}

/* Responsive : min 800px */
@media (min-width: 800px) {
  .articles_acti {
    flex-direction: row; /* min-[800px]:flex-row */
    height: 25rem; /* min-[800px]:h-100 (≈ 400px → 25rem) */
  }
}

/* Responsive : min 1480px */
@media (min-width: 1480px) {
  .articles_acti {
    width: 37.5rem; /* min-[1480px]:w-150 (150 * 0.25rem = 37.5rem = 600px) */
  }
}

/* * image container activites */
.img_container_acti {
  width: 100%; /* w-full */
  height: 10rem; /* h-40 = 160px */
}

/* Media query : min-[800px] */
@media (min-width: 800px) {
  .img_container_acti {
    width: 48%; /* min-[800px]:w-[48%] */
    height: 100%; /* min-[800px]:h-full */
  }
}

/* * image activites */
.img_acti {
  object-fit: cover; /* object-cover */
  width: 100%; /* w-full */
  height: 100%; /* h-full */
  border-top-left-radius: 0.5rem; /* rounded-t-lg */
  border-top-right-radius: 0.5rem; /* rounded-t-lg */
}

/* Responsive (>= 640px : sm:) */
@media (min-width: 640px) {
  .img_acti {
    border-radius: 0; /* sm:rounded-none */
    border-start-start-radius: 0.5rem; /* sm:rounded-s-lg → arrondi côté gauche */
    border-end-start-radius: 0.5rem; /* sm:rounded-s-lg → arrondi côté gauche */
  }
}

/* * description activites */
.article_card_description {
  margin-bottom: 0.75rem; /* mb-3 */
  font-weight: 400; /* font-normal */
  color: #264653; /* text-[#264653] */
  font-size: 1rem; /* text-base = 16px */
  line-height: 1.5rem; /* line-height de text-base */
}

/* Responsive : sm:text-lg */
@media (min-width: 640px) {
  .article_card_description {
    font-size: 1.125rem; /* text-lg = 18px */
    line-height: 1.75rem; /* line-height de text-lg */
  }
}

/* * container des boutons activites */
.button_acti_container {
  display: flex; /* flex */
  flex-wrap: wrap; /* flex-wrap */
  gap: 0.5rem; /* gap-2 = 8px */
}

/* Responsive : sm:gap-4 */
@media (min-width: 640px) {
  .button_acti_container {
    gap: 1rem; /* gap-4 = 16px */
  }
}

/* * bouton activites */
.btn_acti {
  cursor: pointer; /* cursor-pointer */
  align-self: flex-end; /* self-end */
  width: fit-content; /* w-fit */
  height: fit-content; /* h-fit */
  color: black; /* text-black */
  background-color: white; /* bg-white */
  border: 2px solid; /* border border-2 border-[#1F847B] */
  font-weight: 500; /* font-medium */
  border-radius: 0.5rem; /* rounded-lg */
  font-size: 0.75rem; /* text-xs = 12px */
  line-height: 1rem; /* line-height text-xs */
  padding-left: 0.75rem; /* px-3 */
  padding-right: 0.75rem; /* px-3 */
  padding-top: 0.625rem; /* py-2.5 = 10px */
  padding-bottom: 0.625rem; /* py-2.5 */
  margin-inline-end: 0.5rem; /* me-2 */
  margin-bottom: 0.5rem; /* mb-2 */
}

/* Hover */
.btn_acti:hover {
  text-decoration: underline; /* hover:underline */
}

/* Responsive : sm: */
@media (min-width: 640px) {
  .btn_acti {
    font-size: 0.875rem; /* sm:text-sm = 14px */
    line-height: 1.25rem; /* sm:text-sm */
    padding-left: 1.25rem; /* sm:px-5 */
    padding-right: 1.25rem;
  }
}

.btn_acti_blue {
  border-color: #1f847b; /* border-[#1F847B] */
}
.btn_acti_yellow {
  border-color: #ffbe46; /* border-[#ffbe46] */
}

/* * indexActivité & gap gav */

/* *section */
.activite_section {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 3.75rem; /* gap-15 = 15 * 0.25rem = 3.75rem */
  width: 100%; /* w-full */
  z-index: 3; /* z-3 */
}

/* * titre section */
.activite_section_title {
  text-transform: capitalize; /* capitalize */
  font-weight: bold; /* font-bold */
  font-size: 1.5rem; /* text-2xl = 24px par défaut */
  line-height: 2rem; /* line-height associé à text-2xl */
}

/* Media query pour sm:text-3xl (640px) */
@media (min-width: 640px) {
  .activite_section_title {
    font-size: 1.875rem; /* text-3xl = 30px */
    line-height: 2.25rem; /* line-height associé à text-3xl */
  }
}

/* * div container  */
.activite_section_container {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 2.5rem; /* gap-10 = 2.5rem */
}

/* *article */
.activite_section_container_article {
  border: 4px solid; /* border border-4 */
  border-radius: 0.5rem; /* rounded-lg = 8px */
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); /* shadow-sm */
  background-color: white; /* bg-white */
  padding: 2.5rem; /* p-10 = 40px */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 0.75rem; /* gap-3 = 12px */
  justify-content: center; /* justify-center */
  width: 100%; /* w-full */
}

.article_blue {
  border-color: #1f847b; /* border-[#1F847B] */
}
.article_yellow {
  border-color: #ffbe46; /* border-[#ffbe46] */
}

/* Media query : min-[850px] */
@media (min-width: 850px) {
  .activite_section_container_article {
    width: 800px; /* min-[850px]:w-[800px] */
  }
}

/* Styles pour sm:odd et sm:even */
@media (min-width: 640px) {
  /* sm = min-width 640px */
  .article_multi:nth-child(odd) {
    align-items: flex-start; /* sm:odd:items-start */
    align-self: flex-start; /* sm:odd:self-start */
    text-align: left; /* sm:odd:text-left */
  }

  .article_multi:nth-child(even) {
    align-items: flex-end; /* sm:even:items-end */
    align-self: flex-end; /* sm:even:self-end */
    text-align: right; /* sm:even:text-right */
  }
}

/* * article_card_content */
.article_card_content {
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  align-items: stretch; /* items-stretch */
  gap: 1rem; /* gap-4 = 16px */
  width: 100%; /* w-full */
}

/* * description */
.article_card_description {
  font-size: 1rem !important; /* text-base! = 16px */
  line-height: 1.5rem; /* line-height de text-base */
  display: flex; /* flex */
  flex-direction: column; /* flex-col */
  gap: 0.25rem; /* gap-1 */
}

/* Responsive : sm:text-lg */
@media (min-width: 640px) {
  .article_card_description {
    font-size: 1.125rem !important; /* text-lg = 18px */
    line-height: 1.75rem; /* line-height de text-lg */
  }
}

/* * article h3 */
.article_card_h3 {
  font-size: 1.125rem; /* text-lg = 18px */
  line-height: 1.75rem; /* line-height de text-lg */
  font-weight: 600; /* font-semibold */
}

/* Responsive : sm:text-xl (≥640px) */
@media (min-width: 640px) {
  .article_card_h3 {
    font-size: 1.25rem; /* text-xl = 20px */
    line-height: 1.75rem; /* line-height de text-xl */
  }
}

/* * article_table_container */
.article_table_container {
  position: relative; /* relative */
  overflow-x: auto; /* overflow-x-auto */
}

/* * article table */
.article_table {
  font-size: 0.875rem; /* text-sm = 14px */
  line-height: 1.25rem; /* line-height de text-sm */
  color: #6b7280; /* text-gray-500 */
  width: 100%; /* w-full */
}

/* *article table caption */
.article_table_caption {
  padding: 1.25rem; /* p-5 */
  font-size: 1.125rem; /* text-lg = 18px */
  line-height: 1.75rem; /* line-height de text-lg */
  font-weight: 600; /* font-semibold */
  text-align: left; /* text-left */
  color: #264653; /* text-[#264653] */
  background-color: white; /* bg-white */
}

/* Gestion RTL */
[dir="rtl"] .article_table_caption {
  text-align: right; /* rtl:text-right */
}

/* *article caption text */
.article_caption_text {
  margin-top: 0.25rem; /* mt-1 */
  font-size: 1rem; /* text-base = 16px */
  line-height: 1.5rem; /* line-height de text-base */
  font-weight: 400; /* font-normal */
  color: #000000; /* text-gray-500 */
}

/* *article table head */
.article_table_thead {
  font-size: 0.75rem; /* text-xs = 12px */
  line-height: 1rem; /* line-height de text-xs */
  color: #264653; /* text-[#264653] */
  text-transform: uppercase; /* uppercase */
  background-color: #f9fafb; /* bg-gray-50 */
}

/* *article table th */
.article_table_th {
  padding-left: 0.5rem; /* px-2 = 0.5rem */
  padding-right: 0.5rem; /* px-2 */
  padding-top: 0.75rem; /* py-3 = 0.75rem */
  padding-bottom: 0.75rem; /* py-3 */
}

/* Media query : sm = min-width: 640px */
@media (min-width: 640px) {
  .article_table_th {
    padding-left: 1.5rem; /* sm:px-6 = 1.5rem */
    padding-right: 1.5rem; /* sm:px-6 */
  }
}

/* *article table tr */
.article_table_tr {
  border-bottom: 1px solid #e5e7eb; /* border-b border-gray-200 */
}

/* Ligne impaire */
.article_table_tr:nth-child(odd) {
  background-color: white; /* odd:bg-white */
  color: #264653; /* odd:text-[#264653] */
}

/* Ligne paire */
.article_table_tr:nth-child(even) {
  background-color: #264653; /* even:bg-[#264653] */
  color: white; /* even:text-white */
  text-align: center; /* even:text-center */
}

/* * tr date modifié */
.article_table_modified_tr {
  border: #e76f51 solid;
}

/* *article table td */
.article_table_td {
  padding-left: 0.5rem; /* px-2 = 0.5rem */
  padding-right: 0.5rem; /* px-2 */
  padding-top: 1rem; /* py-4 = 1rem */
  padding-bottom: 1rem; /* py-4 */
}

/* Media query pour sm:px-6 (sm = min-width 640px) */
@media (min-width: 640px) {
  .article_table_td {
    padding-left: 1.5rem; /* px-6 = 1.5rem */
    padding-right: 1.5rem; /* px-6 */
  }
}

/* *article table td annulé */
.article_table_canceled_td {
  color: #ee0000; /* text-red */
  font-weight: bold; /* bold */
  text-transform: uppercase; /* uppercase */
  background-color: white;
  border: solid; /* border */
}