.support_box h3 {
   background: #01415b !important;
   color: #ffffff !important;
   font-size: 1.1em !important;
}
}

.support_box a {
   color: #01415b !important;
}

/** HEADER **/
.confTitleBox {
   background: #01415b !important;
   background-image: url('/event/55/images/53-bandeau-events-2.jpg') !important;
   background-repeat: no-repeat !important;
   background-position: center !important; 
   min-height: 150px;
}

.conference-title-link>span {
   display:none;
}

/** HOMEPAGE CARDS **/
.home-blocks{
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:30px;
   max-width:1100px;
   margin:35px auto 10px;
}

.home-blocks>a.home-card, .home-blocks>a.home-card:hover {
   text-decoration: none !important;
}

.home-card{
   display:flex;
   flex-direction:column;
   background:#ffffff;
   border:1px solid #e3e8e6;
   border-radius:12px;
   text-decoration:none;
   box-shadow:0 6px 18px rgba(0,0,0,0.06);
   transition:transform .2s ease, box-shadow .2s ease;
   overflow:hidden;
   position:relative;
   color:inherit;
   padding-top:20px; /* espace au-dessus de l'image */
}

/* hover */
.home-card:hover{
   transform:scale(1.05);
   box-shadow:0 8px 18px rgba(0,0,0,0.06);
}

/* barre verte hover */
.home-card::after{
   content:"";
   position:absolute;
   left:0;
   bottom:0;
   width:100%;
   height:0;
   background:#009587;
   transition:height .2s ease;
}

.home-card:hover::after{
   height:4px;
}

/* image */
.home-card-image{
   aspect-ratio:16/9;
   overflow:hidden;
}

.home-card-image img{
   width:100%;
   height:100%;
   object-fit:cover;
   display:block;
   transition: transform .35s ease;
}

/* zoom image */
.home-card:hover .home-card-image img{
   transform:scale(1.05);
}

/* contenu */
.home-card-content{
   padding:22px 24px 24px;
   display:flex;
   flex-direction:column;
   flex-grow:1;
}

.home-card h3{
   margin:0 0 10px;
   font-size:1.4rem;
   line-height:1.25;
   color:#282929;
}

.home-card p{
   margin:0 0 18px;
   line-height:1.55;
   color:#4d5854;
   flex-grow:1;
}

/* lien final */
.home-link{
   font-weight:700;
   color:#009587;
   text-decoration:underline;
}

/* responsive */
@media (max-width:800px){

.home-blocks{
   grid-template-columns:1fr;
}

}
/** END HOMEPAGE CARDS **/

/** MENU **/
/* Left Menu */
.conf_leftMenu {
   background: #fff;
   border: 1px solid #e8e8e8;
   border-radius: 14px;
   padding: 0 0 16px 0;
   box-shadow: 0 2px 8px rgba(0,0,0,0.04);
   overflow: hidden;
}

.conf_leftMenu #outer {
   list-style: none;
   padding: 0;
   margin: 0;
}

/* Main menu items */
.conf_leftMenu .menuConfTitle {
   margin: 0;
   padding: 0;
}

.conf_leftMenu .menuConfTitle > a {
   display: block;
   padding: 12px 24px;
   color: #1a1a1a;
   text-decoration: none;
   font-weight: 700;
   font-size: 0.95rem;
   border-left: 3px solid transparent;
   transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.conf_leftMenu .menuConfTitle > a:hover {
   background: #f9f9f7;
   border-left-color: #efc71f;
   color: #d4a800;
}

/* Sub-menu */
.conf_leftMenu .inner {
   list-style: none;
   padding: 0;
   margin: 0;
   background: #f9f9f7;
}

.conf_leftMenu .menuConfMiddleCell {
   margin: 0;
   padding: 0;
}

.conf_leftMenu .menuConfMiddleCell > a {
   display: block;
   padding: 8px 24px 8px 40px;
   color: #555;
   text-decoration: none;
   font-weight: 500;
   font-size: 0.88rem;
   border-left: 3px solid transparent;
   transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.conf_leftMenu .menuConfMiddleCell > a:hover {
   background: #f0f0ec;
   border-left-color: #01415b;
   color: #1a1a1a;
}

/* Active / selected state */
.conf_leftMenu .menuConfMiddleCell.selected > a {
   border-left-color: #efc71f;
   color: #1a1a1a;
   font-weight: 700;
   background: #fff3cd;
}

.conf_leftMenu .menuConfMiddleCell.menuConfSelected > a {
   border-left-color: #a6bc19;
   color: #1a1a1a;
   font-weight: 700;
   background: #a6bc19;
}

.menuConfSelected, .menuConfMiddleCellSelected {
	border-left-color: #a6bc19;
    background: #a6bc19 !important;
}

/* Separator between sections */
.conf_leftMenu .menuConfTitle + .menuConfTitle {
   border-top: 1px solid #eee;
}

/* Contact box */
.conf_leftMenu .support_box {
   margin: 16px 0 0;
   padding: 16px 24px;
   background: #f9f9f7;
   border: none;
   border-top: 1px solid #eee;
   border-radius: 0 0 14px 14px;
}

.conf_leftMenu .support_box h3 {
   font-size: 0.78rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: #999;
   margin: 0 0 8px;
}

.conf_leftMenu .support_box ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.conf_leftMenu .support_box li {
   display: flex;
   align-items: center;
   gap: 8px;
}

.conf_leftMenu .support_box a {
   color: #1a1a1a;
   text-decoration: none;
   font-size: 0.88rem;
   font-weight: 600;
   word-break: break-all;
   transition: color 0.2s ease;
}

.conf_leftMenu .support_box a:hover {
   color: #d4a800;
}
/** END MENU **/

/** HOMEPAGE INFOGRID **/
.infogrid {
   border-radius: 14px;
   overflow: hidden;
   border: 1px solid #e8e8e8;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.infogrid .infoline {
   padding: 16px 20px;
   transition: background 0.2s ease;
}

.infogrid .infoline:hover {
   background: #fafaf8;
}

.infogrid .infoline.date .text {
   font-size: 1rem;
   line-height: 1.7;
}

.infogrid .infoline.date .label {
   font-weight: 700;
   color: #1a1a1a;
}

.infogrid .infoline.date time {
   font-weight: 600;
}

.infogrid .infoline.date .timezone {
   font-size: 0.82rem;
   color: #999;
   margin-top: 4px;
}

.infogrid .infoline.location .place {
   font-size: 1.05rem;
   font-weight: 700;
   color: #1a1a1a;
}

.infogrid .infoline.location .address {
   margin: 4px 0 8px;
}

.infogrid .infoline.location a {
   display: inline-block;
   background: rgba(239, 199, 31, 0.15);
   color: #1a1a1a;
   font-weight: 700;
   font-size: 0.88rem;
   text-decoration: none;
   padding: 5px 14px;
   border-radius: 8px;
   transition: background 0.2s ease;
}

.infogrid .infoline.location a:hover {
   background: #efc71f;
}

.infogrid:after {
   content:"";
   display: block;
   height: 5px;
   background: #009587;
}
/** END HOMEPAGE INFOGRID **/

/** BUTTON **/
.i-button.highlight {
  border-radius: 10px;
  padding: 14px 32px;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.3s ease;
  border-color: none;
}

.i-button.highlight:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
/** END BUTTON **/

/** ACTION BOX  **/
.action-box.highlight {
   border-radius: 14px;
   overflow: hidden;
   border: 1px solid #e8e8e8;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.action-box.highlight:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
}

.action-box.highlight .section {
   border-radius: 14px;
}

.action-box.highlight .label {
   font-size: 1.15rem;
   font-weight: 700;
}
/** END ACTION BOX  **/

/** THEME CARDS **/
.themes-section {
   background: #f6f8f7;
   padding: 48px 20px;
}

.themes-container {
   max-width: 1200px;
   margin: 0 auto;
}

.themes-header {
   max-width: 800px;
   margin-bottom: 32px;
}

.themes-header h2 {
   margin: 0 0 12px;
   font-size: 2rem;
   line-height: 1.2;
   color: #282929;
}

.themes-intro {
   margin: 0;
   line-height: 1.7;
   color: #4d5854;
}

.themes-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 28px;
}

.theme-card {
   position: relative;
   background: #fff;
   border: 1px solid #e1e7e4;
   border-radius: 14px;
   padding: 24px 24px 24px 28px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.theme-card::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   width: 6px;
   border-radius: 14px 0 0 14px;
}

/* Nuances */
.theme1::before { background: #009587; }
.theme2::before { background: #1aa89c; }
.theme3::before { background: #007e73; }
.theme4::before { background: #3bb4a9; }
.theme5::before { background: #00665c; }
.theme6::before { background: #4cc4ba; }

.theme-number {
   margin: 0 0 8px;
   font-size: 0.8rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.04em;
}

.theme1 .theme-number,
.theme1 h3 { color: #009587; }

.theme2 .theme-number,
.theme2 h3 { color: #1aa89c; }

.theme3 .theme-number,
.theme3 h3 { color: #007e73; }

.theme4 .theme-number,
.theme4 h3 { color: #3bb4a9; }

.theme5 .theme-number,
.theme5 h3 { color: #00665c; }

.theme6 .theme-number,
.theme6 h3 { color: #4cc4ba; }

.theme-card h3 {
   margin: 0 0 8px;
   font-size: 1.2rem;
   line-height: 1.35;
}

.theme-subtitle {
   margin: 0 0 14px;
   font-weight: 600;
   color: #4f605a;
   line-height: 1.5;
}

.theme-list {
   margin: 0 !important;
   padding: 0;
   list-style: none;
}

.theme-list li {
   position: relative;
   padding-left: 16px;
   margin-bottom: 9px;
   line-height: 1.55;
   color: #333;
}

.theme-list li:last-child {
   margin-bottom: 0;
}

.theme-list li::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0.72em;
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #009587;
   transform: translateY(-50%);
}

@media (max-width: 900px) {
  .themes-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .themes-section {
    padding: 36px 16px;
  }

  .themes-header h2 {
    font-size: 1.7rem;
  }

  .theme-card {
    padding: 20px 18px 20px 24px;
  }
}
/** END THEME CARDS **/

/** PARTNERS CARDS **/
.partners{
   max-width:1200px;
   margin:auto;
   padding:0;
}

.partners-section{
   margin-top:40px;
}

.partners h2{
   font-size:1.3rem;
   color:#009587;
   margin-bottom:25px;
}

/* organisateurs */
.partners-organizers{
   display:flex;
   justify-content:center;
   gap:60px;
   flex-wrap:wrap;
}

.partner-logo img{
   max-height:90px;
}

/* partenaires et soutien*/
.partners-grid,
.partners-support{
   display:grid;
   grid-template-columns:repeat(4,1fr);
   gap:24px;
   max-width:900px;
   margin:auto;
}

/* cards */
.partner-card{
   background:white;
   border:1px solid #e3e8e6;
   border-radius:10px;
   padding:18px;
   display:flex;
   align-items:center;
   justify-content:center;
   transition:all .2s ease;
   position:relative;
   overflow:hidden;
}

.partner-card:hover{
   transform:translateY(-3px);
   box-shadow:0 8px 18px rgba(0,0,0,0.06);
}

.partner-card::after{
   content:"";
   position:absolute;
   left:0;
   bottom:0;
   width:100%;
   height:0;
   background:#009587;
   transition:height .2s ease;
}

.partner-card:hover::after{
   height:5px;
}

.partner-card img{
   max-width:100%;
   height:auto;
   filter:grayscale(100%);
   opacity:.8;
   transition:all .2s ease;
}

.partner-card:hover img{
   filter:none;
   opacity:1;
}

/* responsive */
@media (max-width:900px){

.partners-grid,
.partners-support{
   grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:500px){

.partners-grid,
.partners-support{
   grid-template-columns:1fr;
}

}
/** END PARTNERS CARDS **/

/** PREVIOUS EDITIONS CARDS **/
.past-editions {
   max-width: 1200px;
   margin: auto;
   padding: 60px 20px;
}

.past-editions-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 24px;
   margin-top: 30px;
}

.edition-card {
   background: #ffffff;
   border: 1px solid #e3e8e6;
   border-left: 6px solid #009587;
   border-radius: 12px;
   padding: 24px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
   display: flex;
   flex-direction: column;
}

.edition-badge {
   display: inline-block;
   width: fit-content;
   font-size: 0.75rem;
   font-weight: 700;
   padding: 4px 8px;
   border-radius: 4px;
   margin-bottom: 10px;
   letter-spacing: 0.03em;
}

.edition-badge.pdf {
   background: #e9f6f4;
   color: #009587;
}

.edition-badge.video {
   background:#fdecef;
   color:#ed6979;
}

.edition-number{
   font-size:.85rem;
   font-weight:700;
   color:#009587;
   text-transform:uppercase;
   margin-bottom:4px;
}

.edition-date{
   font-size:1.1rem;
   font-weight:700;
   color:#282929;
   margin-bottom:14px;
}

.edition-label{
   font-size:.75rem;
   text-transform:uppercase;
   letter-spacing:.04em;
   color:#8a9491;
   margin-bottom:4px;
}

.edition-theme{
   font-size:.95rem;
   line-height:1.5;
   color:#4d5854;
   margin-bottom:20px;
}

.edition-link{
   margin-top:auto;
   font-weight:700;
   color:#009587;
   text-decoration:none;
}

.edition-link:hover{
   text-decoration:underline;
}

.edition-link:hover{
   text-decoration:underline;
}
/** END EDITIONS CARDS **/

/** TEXT **/
#confSectionsBox h2, h1 {
   font-family: 'CocoSharp ExtraBold',sans-serif !important;
}
#confSectionsBox h3 {
   font-family: 'CocoSharp Bold',sans-serif !important;
   font-size: 1.3em;
}

.cfa-announcement ul {
   margin-left: 15px;
}
/** END TEXT **/
/** COLUMNS **/
.blocs {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.bloc {
  width: 100%;
}

@media (min-width: 768px) {
  .blocs {
    flex-direction: row;
  }

  .bloc {
    width: 50%;
  }
}
/** END COLUMNS **/

/** ASSOCIATED EVENTS **/
.associated-event {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 24px;
  align-items: center;

  margin: 24px 0;
  padding: 24px 28px;

  background: #fff;
  border: 1px solid #009587;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.associated-event__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00a889;
}

.associated-event__icon svg {
  width: 76px;
  height: 76px;

  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.associated-event__content {
  min-width: 0;
}

.associated-event__label {
  margin: 0 0 6px;

  color: #555;
  font-size: 0.875rem;
  line-height: 1.35;
}

.associated-event__title {
  margin: 0 0 8px;

  color: #111;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
}

.associated-event__text {
  margin: 0 0 12px;

  color: #333;
  font-size: 1rem;
  line-height: 1.45;
}

.associated-event__link {
  color: #008f79;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.associated-event__link:hover {
  color: #006f5e;
  text-decoration-thickness: 2px;
}

.associated-event__link:focus-visible {
  color: #006f5e;
  outline: 3px solid #ffbf47;
  outline-offset: 4px;
  text-decoration-thickness: 2px;
}

@media (max-width: 640px) {
  .associated-event {
    grid-template-columns: 1fr;
    gap: 14px;

    padding: 20px;
  }

  .associated-event__icon {
    justify-content: flex-start;
  }

  .associated-event__icon svg {
    width: 60px;
    height: 60px;
  }

  .associated-event__title {
    font-size: 1.125rem;
  }
}
/** END ASSOCIATED EVENTS **/
/* =========================
   PROGRAMME R'VÉGÉTAL
   ========================= */

.rv-programme,
.rv-programme * {
  box-sizing: border-box;
}

.rv-programme {
  --rv-teal: #007589;
  --rv-teal-dark: #005d70;
  --rv-green: #8abb18;
  --rv-green-dark: #659900;
  --rv-light-green: #55ba65;
  --rv-orange: #ed5b43;
  --rv-blue: #438bd0;
  --rv-grey: #707b82;
  --rv-line: #ccd9d7;

  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;

  margin: 26px 0;
  font-family: inherit;
}


/* =========================
   CARTE JOUR
   ========================= */

.rv-day {
  overflow: hidden;

  background: #fff;
  border: 1px solid #d9e1df;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 50, 55, 0.08);
}

.rv-day__title {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;

  margin: 0;
  padding: 12px 16px;

  color: #fff !important;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-transform: uppercase;
}

.rv-day--tuesday .rv-day__title {
  background: linear-gradient(135deg, var(--rv-teal-dark), var(--rv-teal));
}

.rv-day--wednesday .rv-day__title {
  background: linear-gradient(135deg, var(--rv-green-dark), var(--rv-green));
}

.rv-day__calendar {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 24px;
  height: 24px;

  border: 2px solid currentColor;
  border-radius: 4px;

  color: inherit;
  font-size: 0;
}

.rv-day__calendar::before {
  content: "";
  width: 11px;
  height: 8px;

  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}


/* =========================
   CHRONOLOGIE
   ========================= */

.rv-timeline {
  position: relative;
  padding: 18px 20px 20px;
}

.rv-timeline::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 30px;
  left: 103px;

  width: 2px;
  background: var(--rv-line);
}

.rv-slot {
  position: relative;

  display: grid;
  grid-template-columns: 76px 18px minmax(0, 1fr);
  gap: 10px;
  align-items: center;

  min-height: 58px;
  margin-bottom: 7px;
}

.rv-slot:last-child {
  margin-bottom: 0;
}

.rv-slot__time {
  color: #314f52;
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.2;
  text-align: right;
}

.rv-slot__marker {
  position: relative;
  z-index: 2;

  width: 13px;
  height: 13px;

  background: #fff;
  border: 3px solid var(--rv-teal);
  border-radius: 50%;
}

.rv-day--wednesday .rv-slot__marker {
  border-color: var(--rv-green);
}


/* =========================
   BLOCS DE CONTENU
   ========================= */

.rv-slot__content {
  min-width: 0;
  padding: 13px 16px;

  border-radius: 8px;

  color: #fff;
  font-size: 0.95rem;
  line-height: 1.2;
}

.rv-slot__content strong,
.rv-slot__content span {
  display: block;
}

.rv-slot--plenary .rv-slot__content {
  background: linear-gradient(135deg, #006377, #00849a);
}

.rv-slot--session .rv-slot__content {
  background: linear-gradient(135deg, #72a900, #9aca28);
}

.rv-slot--posters .rv-slot__content {
  background: linear-gradient(135deg, #42a958, #69c774);
}

.rv-slot--workshop .rv-slot__content {
  background: linear-gradient(135deg, #007f88, #009da4);
}

.rv-slot--roundtable .rv-slot__content {
  background: linear-gradient(135deg, #e94f3b, #f0704c);
}

.rv-slot--visits .rv-slot__content {
  display: flex;
  flex-direction: column;
  justify-content: center;

  min-height: 98px;

  background: linear-gradient(135deg, #3479bd, #559bdc);
}


/* =========================
   ACCUEIL, PAUSES, DÉJEUNER
   ========================= */

.rv-slot--simple .rv-slot__content,
.rv-slot--break .rv-slot__content {
  padding: 7px 10px;

  color: var(--rv-grey);
  background: transparent;
  border-radius: 0;
}

.rv-slot--simple .rv-slot__content {
  color: #273c3e;
  font-weight: 600;
}

.rv-slot--break .rv-slot__content {
  display: flex;
  gap: 8px;
  align-items: center;

  font-size: 0.88rem;
  font-style: italic;
}

.rv-slot--break .rv-slot__content::after {
  content: "";
  flex: 1;

  height: 1px;
  margin-left: 6px;

  border-top: 1px dashed #c9d1d0;
}

.rv-slot--break .rv-slot__marker {
  background: #c8d1cf;
  border-color: #c8d1cf;
}


/* =========================
   COULEUR DES REPÈRES
   ========================= */

.rv-slot--plenary .rv-slot__marker {
  border-color: var(--rv-teal);
}

.rv-slot--session .rv-slot__marker {
  border-color: var(--rv-green);
}

.rv-slot--posters .rv-slot__marker {
  border-color: var(--rv-light-green);
}

.rv-slot--workshop .rv-slot__marker {
  border-color: #008e96;
}

.rv-slot--roundtable .rv-slot__marker {
  border-color: var(--rv-orange);
}

.rv-slot--visits .rv-slot__marker {
  border-color: var(--rv-blue);
}


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

@media (max-width: 760px) {
  .rv-programme {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media (max-width: 460px) {
  .rv-day__title {
    font-size: 1rem;
  }

  .rv-timeline {
    padding: 16px 12px 18px;
  }

  .rv-timeline::before {
    left: 84px;
  }

  .rv-slot {
    grid-template-columns: 61px 16px minmax(0, 1fr);
    gap: 7px;
  }

  .rv-slot__time {
    font-size: 0.75rem;
  }

  .rv-slot__content {
    padding: 11px 12px;
    font-size: 0.88rem;
  }
}
/*END PROGRAMME*/
/*BLOC EVENEMENT ASSOCIE PAGE PROGRAMME*/
.associated-event,
.associated-event * {
  box-sizing: border-box;
}

.associated-event {
  display: grid;
  grid-template-columns: 120px minmax(0, 1fr);
  grid-template-areas:
    "icon content"
    "icon action";
  column-gap: 28px;
  row-gap: 12px;
  align-items: center;

  margin: 28px 0;
  padding: 22px 28px;

  background: #fff;
  border: 1px solid #009587;
  border-radius: 9px;
  box-shadow: 0 1px 4px rgba(0, 70, 50, 0.05);
}

/* Icône */

.associated-event__icon {
  grid-area: icon;

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

.associated-event__icon img {
  display: block;
  width: 92px;
  height: 92px;
  object-fit: contain;
}

/* Contenu */

.associated-event__content {
  grid-area: content;
  min-width: 0;
}

.associated-event__eyebrow {
  margin: 0 0 4px;

  color: #23731e;
  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
}

.associated-event__meta {
  margin: 0 0 7px;

  color: #34475b;
  font-size: 0.86rem;
  line-height: 1.4;
}

.associated-event__meta span {
  display: inline-block;
  margin: 0 6px;
  color: #7a878c;
}

.associated-event__title {
  margin: 0 0 6px;

  color: #101c3d;
  font-size: 1.08rem;
  font-weight: 700;
  line-height: 1.3;
}

.associated-event__description {
  margin: 0 0 12px;

  color: #3c4653;
  font-size: 0.92rem;
  line-height: 1.45;
}

.associated-event__partners {
  margin: 0;

  color: #44516a;
  font-size: 0.84rem;
  line-height: 1.4;
}

/* Bouton */

.associated-event__action {
  grid-area: action;

  display: flex;
  justify-content: center;
}

.associated-event__button {
  display: inline-flex;
  align-items: center;
  justify-content: start;

  width: auto;
  min-height: 44px;
  padding: 10px 20px;

  color: #fff !important;
  background: #005148;
  border-radius: 6px;

  font-size: 0.88rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
}

.associated-event__button:hover {
  color: #fff !important;
  background: #006055;
  text-decoration: none;
}

.associated-event__button:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}

/* Mobile */

@media (max-width: 620px) {
  .associated-event {
    grid-template-columns: 1fr;
    grid-template-areas:
      "icon"
      "content"
      "action";
    gap: 14px;

    padding: 18px;
  }

  .associated-event__icon {
    justify-content: flex-start;
  }

  .associated-event__icon img {
    width: 68px;
    height: 68px;
  }

  .associated-event__action {
    justify-content: stretch;
  }

  .associated-event__button {
    width: 100%;
  }

  .associated-event__title {
    font-size: 1rem;
  }
}
/*END BLOC EVENEMENT ASSOCIE PAGE PROGRAMME*/