/* Pages parentes (extension CDI ULB Navigation 2.9.0, Easy On Web, 19/10/2026) : Publications, Ressources documentaires,
   Enseignement, À propos du Centre. Couleurs de la refonte : rouge #c4001a, encre #1c1718, gris #5f5557,
   roses #fdf3f4 / #f1cdd1. Le preset du module Texte pose ses marges, ses listes et la graisse des liens avec
   !important : portée relevée (classe répétée) là où il le faut. */

/* ---------- Bande : même rangée que les sous-pages, illustration sur la moitié de la largeur ---------- */
body .cdi-bande-parent .et_pb_row.et_pb_row { align-items: center !important; }
body .cdi-bande-parent .cdi-bande-illustration--grande img { aspect-ratio: auto !important; height: auto !important; object-fit: contain !important; }
body .cdi-bande-parent .cdi-bande-illustration--grande .et_pb_text { margin-top: 12px !important; }
body .cdi-bande-parent .cdi-bande-illustration--grande .et_pb_text p { padding: 0 !important; font-size: 13px !important; line-height: 1.5 !important; color: #5f5557 !important; text-align: left !important; }
body .cdi-bande-parent .cdi-bande-recherche .cdi-bande-label.cdi-bande-label {
  margin: 28px 0 10px !important; padding: 0 !important; font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0.12em; text-transform: uppercase; color: #1c1718 !important; text-align: left !important;
}
body .cdi-bande-parent .cdi-bande-recherche .cdi-recherche__form { max-width: 560px; }
@media (max-width: 767px) {
  body .cdi-bande-parent .et_pb_row.et_pb_row { flex-wrap: wrap !important; }
  body .cdi-bande-parent .et_pb_row.et_pb_row > .et_pb_column { width: 100% !important; flex: 0 0 100% !important; margin-right: 0 !important; }
  body .cdi-bande-parent .cdi-bande-illustration.cdi-bande-illustration--grande { display: block !important; margin-top: 24px !important; }
}

/* ---------- Publications : une collection = titre, texte d'origine, lien, quatre dernières couvertures ---------- */
.cdi-collection { padding: clamp(40px, 5vw, 64px) 0; border-top: 1px solid #f1cdd1; text-align: left; }
.cdi-collection-module:first-child .cdi-collection { padding-top: 0; border-top: 0; }
.cdi-collection-module:last-child .cdi-collection { padding-bottom: 0; }
.cdi-collection .cdi-collection__tete { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 32px; }
.cdi-collection.cdi-collection h2.cdi-collection__titre {
  margin: 0 !important; padding: 0 !important; font-family: "G06", cursive !important; font-weight: 400 !important;
  font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.4rem) !important; line-height: 1.15 !important; color: #c4001a !important; text-transform: none !important;
}
.cdi-collection.cdi-collection .cdi-collection__titre a { font: inherit !important; color: inherit !important; text-decoration: none !important; }
.cdi-collection.cdi-collection a.cdi-collection__tout {
  font-size: 15px !important; font-weight: 500 !important; color: #c4001a !important; white-space: nowrap;
  text-decoration: underline !important; text-decoration-color: #f1cdd1 !important; text-underline-offset: 4px;
}
.cdi-collection.cdi-collection a.cdi-collection__tout::after { content: " \2192"; }
.cdi-collection.cdi-collection a.cdi-collection__tout:hover { text-decoration-color: #c4001a !important; }
.cdi-collection.cdi-collection .cdi-collection__intro p { max-width: 62ch; margin: 10px 0 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.55 !important; color: #5f5557 !important; text-align: left !important; }
.cdi-collection.cdi-collection ul.cdi-etagere-liste {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px 32px;
  margin: 32px 0 0 !important; padding: 0 !important; list-style: none !important;
}
.cdi-collection.cdi-collection ul.cdi-etagere-liste > li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.cdi-collection.cdi-collection .cdi-etagere__livre a { display: flex; flex-direction: column; gap: 6px; color: #1c1718 !important; font-weight: 400 !important; text-decoration: none !important; }
.cdi-collection .cdi-etagere__couverture { display: flex; align-items: flex-end; height: 280px; margin-bottom: 10px; }
.cdi-collection .cdi-etagere__image {
  display: block; width: auto !important; height: 100% !important; max-width: 100%; object-fit: contain; object-position: left bottom;
  box-shadow: 0 14px 20px -14px rgba(40, 0, 6, 0.5), 0 1px 3px rgba(40, 0, 6, 0.12);
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
.cdi-collection .cdi-etagere__titre { font-size: 16px; font-weight: 500; line-height: 1.4; }
.cdi-collection .cdi-etagere__annee { font-size: 13px; color: #5f5557; }
.cdi-collection .cdi-etagere__livre a:hover .cdi-etagere__titre { color: #c4001a; text-decoration: underline; text-underline-offset: 3px; }
.cdi-collection .cdi-etagere__livre a:hover .cdi-etagere__image { transform: translateY(-4px); }
@media (max-width: 980px) {
  .cdi-collection.cdi-collection ul.cdi-etagere-liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 24px; }
  .cdi-collection .cdi-etagere__couverture { height: 240px; }
}
@media (max-width: 480px) { .cdi-collection .cdi-etagere__couverture { height: 200px; } }
@media (prefers-reduced-motion: reduce) { .cdi-collection .cdi-etagere__image { transition: none; } }

/* ---------- Ressources documentaires : dossiers et leurs sous-pages, deux encarts ---------- */
.cdi-ressources.cdi-ressources > .et_pb_text_inner > p:first-child { max-width: 80ch; }
.cdi-ressources .cdi-dossiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; margin: 40px 0 56px; border-top: 1px solid #f1cdd1; }
.cdi-ressources .cdi-dossier { padding: 28px 0 32px; border-bottom: 1px solid #f1cdd1; text-align: left; }
.cdi-ressources.cdi-ressources h2.cdi-dossier__titre {
  margin: 0 0 14px !important; padding: 0 !important; font-family: "G06", cursive !important; font-weight: 400 !important;
  font-size: clamp(1.5rem, 1.2rem + 0.9vw, 2rem) !important; line-height: 1.15 !important; color: #c4001a !important;
}
.cdi-ressources.cdi-ressources .cdi-dossier__titre a { font: inherit !important; color: inherit !important; text-decoration: none !important; }
.cdi-ressources.cdi-ressources .cdi-dossier__titre a:hover { text-decoration: underline !important; text-underline-offset: 4px; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages:has(> li:nth-child(7)) { columns: 2; column-gap: 32px; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages > li { break-inside: avoid; margin: 0 !important; padding: 5px 0 5px 18px !important; position: relative; list-style: none !important; font-size: 15px; line-height: 1.45; text-align: left; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages > li::before { content: ""; position: absolute; left: 0; top: 0.95em; width: 8px; height: 4px; border-radius: 1px 2px 2px 1px; background: #ee011f; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages a { color: #1c1718 !important; font-weight: 400 !important; text-decoration: none !important; }
.cdi-ressources.cdi-ressources ul.cdi-sous-pages a:hover { color: #c4001a !important; text-decoration: underline !important; text-underline-offset: 3px; }
.cdi-ressources .cdi-ressources-encarts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.cdi-ressources .cdi-ressources-encart { padding: clamp(24px, 3vw, 36px); border-radius: 6px; background: #fdf3f4; }
.cdi-ressources.cdi-ressources .cdi-ressources-encart p { padding: 0 !important; margin: 0 0 12px !important; }
.cdi-ressources.cdi-ressources .cdi-ressources-encart p:last-child { margin-bottom: 0 !important; }
.cdi-ressources.cdi-ressources .cdi-ressources-lien a { font-weight: 500 !important; color: #c4001a !important; text-decoration: underline !important; text-underline-offset: 4px; }
.cdi-ressources.cdi-ressources .cdi-ressources-lien a::after { content: " \2192"; }
@media (max-width: 767px) {
  .cdi-ressources .cdi-dossiers, .cdi-ressources .cdi-ressources-encarts { grid-template-columns: minmax(0, 1fr); }
  .cdi-ressources.cdi-ressources ul.cdi-sous-pages:has(> li:nth-child(7)) { columns: 1; }
}

/* ---------- À propos : cartes des rubriques dans le style des portes de l'accueil ---------- */
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique > .et_pb_row:first-child h2,
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique > .et_pb_row:first-child h3 {
  font-family: "G06", cursive !important; font-weight: 400 !important; font-size: clamp(2rem, 1.5rem + 1.6vw, 2.75rem) !important;
  line-height: 1.1 !important; color: #c4001a !important; text-align: left !important; text-shadow: none !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group {
  display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 48px 32px !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group {
  display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 0 !important;
  width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important;
  background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group > .et_pb_image { order: -1; width: 100% !important; max-width: none !important; margin: 0 0 20px !important; }
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group > .et_pb_image .et_pb_image_wrap { display: block; width: 100% !important; }
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group > .et_pb_image img {
  display: block; width: 100% !important; max-width: none !important; max-height: none !important; height: auto !important; aspect-ratio: 3 / 2; object-fit: cover; object-position: center top; border-radius: 10px !important; box-shadow: none !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group > .et_pb_text h3 {
  margin: 0 0 8px !important; padding: 0 !important; font-family: "G06", cursive !important; font-weight: 400 !important;
  font-size: 24px !important; line-height: 1.2 !important; text-transform: uppercase; color: #c4001a !important; text-align: left !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group > .et_pb_group {
  display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 12px !important;
  width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group > .et_pb_group p { padding: 0 !important; font-size: 16px !important; line-height: 1.6 !important; color: #1c1718 !important; text-align: left !important; }
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_button_module_wrapper { margin: 0 !important; text-align: left !important; }
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique a.et_pb_button {
  display: inline; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important;
  font-family: inherit !important; font-size: 16px !important; font-weight: 400 !important; letter-spacing: normal !important; text-transform: none !important;
  color: #c4001a !important; text-decoration: underline !important; text-underline-offset: 4px;
}
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique a.et_pb_button::after { content: " \2192" !important; position: static !important; display: inline !important; opacity: 1 !important; margin: 0 !important; font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group:has(> .et_pb_group:nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 980px) {
  html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group { grid-template-columns: minmax(0, 1fr); gap: 40px !important; }
}
@media (max-width: 980px) {
  html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group:has(> .et_pb_group:nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
  html body #et-boc .cdi-cartes-rubrique.cdi-cartes-rubrique .et_pb_column > .et_pb_group:has(> .et_pb_group:nth-child(4):last-child) { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- Enseignement : les deux longs libellés (« Découvrez le Master… », « Discover the advanced LL.M… ») sont des liens
   soulignés, plus des boutons (Sébastien, 19/10/2026), comme les liens de Ressources documentaires ---------- */
.cdi-enseignement-lien.cdi-enseignement-lien p { padding: 0 !important; }
.cdi-enseignement-lien.cdi-enseignement-lien a { font-weight: 500 !important; color: #c4001a !important; text-decoration: underline !important; text-decoration-color: #f1cdd1 !important; text-underline-offset: 4px; }
.cdi-enseignement-lien.cdi-enseignement-lien a::after { content: " \2192"; }
.cdi-enseignement-lien.cdi-enseignement-lien a:hover { text-decoration-color: #c4001a !important; }

/* ---------- Image et texte côte à côte (rangées cdi-texte-image : Master de spécialisation 2330, Advanced LL.M 2343,
   Historique 189, Fonds Henri Rolin 202, Collection de droit international 72070, Publications collectives 907, Concours de
   plaidoiries 72144) : la photo se place à droite, en haut de sa rubrique, le texte l'entoure puis reprend toute la largeur ;
   titres alignés sur le reste de la page. Image en hauteur (couverture, portrait) moins large ---------- */
html body #et-boc .et-l .et_pb_row.cdi-texte-image.cdi-texte-image { display: block !important; }
html body #et-boc .et-l .et_pb_row.cdi-texte-image.cdi-texte-image::after { content: ""; display: table; clear: both; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image > .et_pb_column { display: block !important; width: auto !important; max-width: none !important; margin: 0 !important; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image > .et_pb_column:first-child { float: right !important; width: 46% !important; margin: 6px 0 20px 32px !important; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_text,
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_text > .et_pb_text_inner { display: block !important; width: auto !important; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image { display: block !important; width: 100% !important; max-width: none !important; margin: 0 !important; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image .et_pb_image_wrap { display: block !important; width: 100% !important; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image img { display: block; width: 100% !important; height: auto !important; border-radius: 10px; }
html body #et-boc .et-l .cdi-texte-image.cdi-texte-image.cdi-texte-image--portrait > .et_pb_column:first-child { width: 30% !important; max-width: 220px !important; }
/* Couvertures de livres (Fonds Henri Rolin, Collection de droit international, Publications collectives) : coins droits et ombre, comme l'étagère de Publications */
body.page-id-202 #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image img,
body.page-id-907 #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image img,
body.page-id-72070 #et-boc .et-l .cdi-texte-image.cdi-texte-image .et_pb_image img { border-radius: 0; box-shadow: 0 14px 20px -14px rgba(40, 0, 6, 0.5), 0 1px 3px rgba(40, 0, 6, 0.12); }
@media (max-width: 767px) {
  html body #et-boc .et-l .cdi-texte-image.cdi-texte-image > .et_pb_column:first-child { float: none !important; width: 100% !important; margin: 0 0 20px !important; }
  html body #et-boc .et-l .cdi-texte-image.cdi-texte-image.cdi-texte-image--portrait > .et_pb_column:first-child { width: 60% !important; max-width: 240px !important; }
}
/* La liste de « Pourquoi étudier » (2330) suit son paragraphe d'introduction, dans une autre rangée : l'écart de 60 px entre rubriques ramené à celui d'un paragraphe (17 px) */
body.page-id-2330 #et-boc .et-l .et_pb_row.cdi-texte-image.cdi-texte-image:has(.et_pb_text_inner > ul:first-child) { margin-top: -43px !important; }