/* =========================================
   AGENDA – base + P2N (futurs événements)
   ========================================= */

.path-agenda .view-agenda { margin-block: 2rem; }

/* Container agenda */
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev{
  position: relative;
  container: agenda / inline-size;
  container-name: agenda;
  container-type: inline-size;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .view-content{
  display:flex; flex-wrap:wrap; gap:1rem; margin:0 auto;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row{
  --underline-img:none;
  display:flex; flex-direction:column; gap:1rem;
  color: var(--medium-blue);
  width:100%;
  padding-block-end:.5rem;
  background:#fff; border:.5rem solid #fff;
  border-radius:1rem;
  transition:.2s cubic-bezier(.4,0,.2,1);
}

@container agenda (width < 500px){
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row:not(:last-of-type){ margin-block-end:1rem; }
}
@container agenda (width >= 500px){
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row{ display:inline-flex; }
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .dv{ position:relative; }

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev
  .views-row:has(.views-field-title a:hover, .views-field-field-visuel:hover, .views-field-view-node a:hover){
  background-color: var(--light-grey);
  border-color: var(--light-grey);
  cursor: pointer;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row .views-field:not(.views-field-field-visuel){ padding-inline:.5rem; }
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row .views-field.views-field-view-node{ margin-block-start:auto; }

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-visuel{
  position:relative; overflow:hidden; border-radius:1rem; aspect-ratio:16/9;
  background-color: var(--lighter-grey);
  box-shadow: rgba(0,0,0,.04) 0 6px 24px 0, rgba(0,0,0,.06) 0 0 0 1px;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-visuel img{
  width:100%; height:100%; object-fit:cover; transition:.2s ease-in-out;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev
  .views-row:has(.views-field-title a:hover, .views-field-view-node a:hover) .views-field-field-visuel img,
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-visuel img:hover{
  transform: scale(1.05);
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-date{
  position:absolute; top:0; left:0; width:30%; height:100%;
  margin-inline-end:13px; z-index:2;
  border-radius:1rem 0 0 1rem;
  background-color: #083651d9;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-date .field-content{
  width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;
  color: var(--yellow); /* manu(--white); */
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-date .evt-j{
  font-size:3.5rem; line-height:1; font-weight:700;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-date .evt-mois{
  text-transform:uppercase; font-size:.9rem;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-categorie .field-content{
  font-size:.9rem; display:flex; gap:1rem; align-items:center; font-weight:600;
}
.view-agenda-p2n .ville-tag::before{
  font-family: icomoon; content:'\E90D'; margin-right:.25rem; vertical-align:bottom;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-field-categorie .field-content span:not(.ville-tag){
  font-size:.7rem; line-height:.7rem; font-weight:500; padding:.35rem .5rem; border-radius:1rem;
  color: var(--red); background-color:#fdeef0; text-transform:uppercase;
  box-shadow: rgba(0,0,0,.025) 0 6px 24px 0, rgba(0,0,0,.05) 0 0 0 1px;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev h3,
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-title{ margin:0; font-family:"Raleway", sans-serif; }

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-title a{
  color: var(--medium-blue);
  font-size:1.1rem; line-height:1.1; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-body{ font-size:.9rem; line-height:1.5; }
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-body .field-content{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-view-node a{
  display:inline-block; width:fit-content; border-radius:2rem; padding:.5rem 1.25rem; gap:.5rem;
  background-color: var(--light-grey); color: var(--dark-blue);
  font-weight:600; font-size:.9rem; transition:.2s cubic-bezier(.4,0,.2,1);
}
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev
  .views-row:has(.views-field-title a:hover, .views-field-field-visuel:hover) .views-field-view-node a,
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-view-node a:hover{
  background-color: var(--medium-blue); color:#fff;
}

@media (min-width:500px){
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .view-content{ padding:1rem; }
}
@media (min-width:768px){
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .view-content{ justify-content:center; }
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-field-title a{ font-size:1.2rem; }
  .view-agenda-p2n.view-display-id-p_agenda_futurs_ev .views-row{ max-width:400px; min-width:250px; }
}


/* ===========================
   AGENDA – styles communs
   =========================== */

:is(.view-agenda, .view-agenda-p2n){
  position:relative;
  --agenda-text-color: var(--medium-blue);
  --agenda-accent-color: var(--blue);
  --agenda-secondary-color: var(--blue);
  color: var(--agenda-text-color);
}

/* Titres principaux */
:is(.view-agenda, .view-agenda-p2n) :is(header h2, .view-header h2){
  text-transform:uppercase; font-weight:700; color: var(--agenda-text-color); line-height:1; margin:0;
}

/* Sous-titres (span dans H2) — typo commune */
:is(.view-agenda, .view-agenda-p2n, .view-actu) :is(header h2 span, .view-header h2 span){
  color: var(--agenda-secondary-color);
  font-size: 1.5rem;
  line-height: 1;
  font-weight: 600;
  margin-block-end: 2rem;
  display: block;
  text-transform: initial;
}

/* Agenda = bleu (toutes variantes d’affichage de la vue agenda_p2n) */
.view-agenda,
.view-agenda-p2n,
.view-agenda-p2n.view-display-id-eva_partenaire_agenda,
.view-agenda-p2n.view-display-id-p_agenda_futurs_ev{
  --agenda-secondary-color: var(--blue);
}

/* Actu = rouge */
.view-actu{ --agenda-secondary-color: var(--red); }

/* (optionnel) sections wrapper si le <h2> est en dehors de .view-* */
#formation-agenda h2 span{ color: var(--blue); }
/*:is(#formation-actu, .partenaire-actu-agenda) h2 span{ color: var(--red); }*/


/* More-link (jaune par défaut) */
:is(.view-agenda, .view-agenda-p2n) .more-link a{ position:absolute; top:.25rem; right:0; color: var(--agenda-text-color); }
:is(.view-agenda, .view-agenda-p2n) .more-link a::after{
  content:""; display:inline-block; width:1rem; height:.7rem; margin-inline-start:.25rem;
  background-image:url("/themes/custom/cnam/img/icons/arrow-yellow.svg");
  background-size:contain; background-repeat:no-repeat; background-position:center;
}
:is(.view-agenda, .view-agenda-p2n) .more-link a:hover{ color: var(--agenda-accent-color); }

/* Rows + champs communs */
:is(.view-agenda, .view-agenda-p2n) .views-row{
  --underline-img:none;
  position:relative; display:flex; flex-direction:column; gap:.75rem; margin-block-end:2rem;
}

.view-agenda .views-field-field-date-evt,
.view-agenda-p2n .views-field-field-date{
  position:absolute; top:0; left:0; width:90px; height:100%;
  border-right:1px solid var(--agenda-accent-color);
  margin-inline-end:13px;
}
.view-agenda .views-field-field-date-evt .field-content,
.view-agenda-p2n .views-field-field-date .field-content{
  width:100%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;
  color: var(--agenda-accent-color);
}
.view-agenda .views-field-field-date-evt .field-content .evt-j,
.view-agenda-p2n .views-field-field-date .field-content .evt-j{
  font-size:3.5rem; line-height:1; font-weight:700;
}
.view-agenda .views-field-field-date-evt .field-content .evt-mois,
.view-agenda-p2n .views-field-field-date .field-content .evt-mois{
  text-transform:uppercase; font-size:.9rem; font-weight: 600;
  }
}

.view-agenda-p2n .views-row .views-field-field-visuel{ min-width:100px; }

:is(.view-agenda, .view-agenda-p2n) .views-field-title a{
  color: var(--agenda-text-color);
  font-size:1.15rem; line-height:1.1; font-weight:500;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
:is(.view-agenda, .view-agenda-p2n) .views-field-title a:hover{ color: var(--agenda-accent-color); }

:is(.view-agenda, .view-agenda-p2n) .views-field-body{ font-size:.85rem; line-height:1.5; }
:is(.view-agenda, .view-agenda-p2n) .views-field-body p{ margin:0; }

.view-agenda-p2n .views-field-field-date span.ville-tag{
  color:#fff; display:inline-block; margin-top:.5rem; font-size:.9rem;
}
.view-agenda .views-field-field-ville:has(.field-content *),
.view-agenda-p2n .views-field-field-ville:has(.field-content *){ display:block; }

/* Variantes de couleurs – Accueil */
#block-cnam-views-block-agenda-block-home .view-agenda,
#block-cnam-views-block-agenda-p2n-block-home .view-agenda-p2n{
  --agenda-text-color:#fff;
  --agenda-accent-color: var(--yellow);
  --agenda-secondary-color: var(--light-blue);
}

/* Titres + flèches bleues pour sections formation/partenaire */
:is(#formation-agenda, #formation-actu, .partenaire-actu-agenda) .views-element-container > h2{
  text-transform:uppercase; font-weight:700; color: var(--agenda-text-color); line-height:1; margin:0;
}
:is(#formation-agenda, #formation-actu, .partenaire-actu-agenda) .view-agenda .more-link a::after,
:is(#formation-agenda, #formation-actu, .partenaire-actu-agenda) .view-agenda-p2n .more-link a::after{
  background-image:url("/themes/custom/cnam/img/icons/arrow-blue.svg");
}


/* ===========================
   BLOCS .in-aa (agenda)
   =========================== */

.in-aa{
  margin-block-start:2rem; background: var(--light-grey); padding:2rem; border-radius:1rem;
}
.in-aa > .field__label{
  font-size:2rem; text-transform:uppercase; color: var(--medium-blue); font-weight:700 !important;
}
.in-aa > .field__label::after{ content:none !important; }
.in-aa > ul{ margin-block-end:0; }
.in-aa > ul > li{ display:flex; flex-direction:row; gap:1rem; }
.in-aa .fieldname--field-visuel{ min-width:140px; }

.in-aa.in-agenda .dhv-list{ display:flex; flex-wrap:wrap; gap:.5rem; margin-block-start:.5rem; }
.in-aa.in-agenda .dhv-list li{
  flex-basis:100px; text-align:center; border:1px solid var(--light-blue); color:#fff;
  font-size:.9rem; font-weight:500; line-height:2; border-radius:5px; overflow:hidden;
}
.in-aa.in-agenda .dhv-list li .field--name-field-date{ background-color: var(--light-blue); color: var(--medium-blue); }
.in-aa.in-agenda .dhv-list li .field--name-field-ville{
  line-height:1; padding-block:.5rem; background-color: var(--medium-blue); height:100%;
}


/* =====================================
   ACTU / RP / TEMOIGNAGES (grille & UI)
   ===================================== */

:is(.view-actu, .view-rp, .view-temoignages){ position:relative; }

/* Container actu */
:is(.view-actu, .view-rp, .view-temoignages){
  container: actu / inline-size;
  container-name: actu;
  container-type: inline-size;
}
:is(.view-actu, .view-rp, .view-temoignages) .view-content{
  display:flex; flex-wrap:wrap; gap:1rem; margin:0 auto;padding: 1rem;
}

:is(.view-actu, .view-rp) .views-row,
.view-temoignages .item-list > ul > li{
  --underline-img:none;
  display:flex; flex-direction:column; gap:1rem;
  color: var(--medium-blue);
  width:100%;
  padding-block-end:.5rem;
  background-color:#fff; border:.5rem solid #fff; border-radius:1rem;
  transition:.2s cubic-bezier(.4,0,.2,1);
}
.view-temoignages .item-list > ul > li{ background-color: var(--lighter-grey); padding:1rem; }

@container actu (width < 500px){
  :is(.view-actu, .view-rp) .views-row:not(:last-of-type),
  .view-temoignages .item-list > ul > li:not(:last-of-type){ margin-block-end:1rem; }
  :is(.view-actu, .view-rp, .view-temoignages) .view-content{padding: 0;}

}
@container actu (width >= 500px){
  :is(.view-actu, .view-rp) .views-row,
  .view-temoignages .item-list > ul > li{ display:inline-flex; }
}

:is(.view-actu, .view-rp)
  .views-row:has(.views-field-title a:hover, .views-field-field-visuel:hover, .views-field-view-node a:hover),
.view-temoignages .item-list > ul > li:has(.views-field-title a:hover, .views-field-field-visuel:hover, .views-field-view-node a:hover){
  background-color: var(--light-grey); border-color: var(--light-grey); cursor:pointer;
}

:is(.view-actu, .view-rp, .view-temoignages) .views-field:not(.views-field-field-visuel){ padding-inline:.5rem; }
:is(.view-actu, .view-rp, .view-temoignages) .views-field.views-field-view-node{ margin-block-start:auto; }

:is(.view-actu, .view-rp, .view-temoignages) .views-field-field-visuel{
  position:relative; overflow:hidden; border-radius:1rem; aspect-ratio:16/9;
  background-color: var(--lighter-grey);
  box-shadow: rgba(0,0,0,.04) 0 6px 24px 0, rgba(0,0,0,.06) 0 0 0 1px;
}
:is(.view-actu, .view-rp, .view-temoignages) .views-field-field-visuel img{
  width:100%; height:100%; object-fit:cover; transition:.2s ease-in-out;
}
:is(.view-actu, .view-rp)
  .views-row:has(.views-field-title a:hover, .views-field-view-node a:hover) .views-field-field-visuel img,
:is(.view-actu, .view-rp, .view-temoignages) .views-field-field-visuel img:hover,
.view-temoignages .item-list > ul > li:has(.views-field-title a:hover, .views-field-view-node a:hover) .views-field-field-visuel{
  transform: scale(1.05);
}

.view-rp .views-field-nothing .field-content,
.view-actu .views-field-field-categorie .field-content{
  font-size:.9rem; display:flex; gap:1rem; align-items:center;
}
.view-rp .views-field-nothing .field-content span,
.view-actu .views-field-field-categorie span{
  font-size:.7rem; line-height:.7rem; font-weight:500; padding:.35rem .5rem; border-radius:1rem;
  color: var(--red); background-color:#fdeef0;
  text-transform:uppercase;
  box-shadow: rgba(0,0,0,.025) 0 6px 24px 0, rgba(0,0,0,.05) 0 0 0 1px;
}
.view-rp .views-field-nothing .field-content span{ background-color:#a1d6df63; color: var(--medium-blue); }

:is(.view-actu, .view-rp) .views-field-field-categorie time{ font-weight:600; }

:is(.view-actu, .view-rp, .view-temoignages) h3,
:is(.view-actu, .view-rp, .view-temoignages) .views-field-title{ margin:0; font-family:"Raleway", sans-serif; }

:is(.view-actu, .view-rp, .view-temoignages) .views-field-title a{
  color: var(--medium-blue); font-size:1.1rem; line-height:1.1; font-weight:700;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}

:is(.view-actu, .view-rp) .views-field-body{ font-size:.9rem; line-height:1.5; }
:is(.view-actu, .view-rp) .views-field-body .field-content{
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

:is(.view-actu, .view-rp, .view-temoignages) .more-link a{
  display:inline-block; padding:.5rem 1.5rem; color:#fff; background-color: var(--red);
  border-radius:2rem; font-weight:500; margin-block:1rem; text-decoration:none;
  transition:.25s cubic-bezier(.4,0,.2,1);
}
:is(.view-actu, .view-rp, .view-temoignages) .more-link a.more-link-blue{ background-color: var(--medium-blue); }
:is(.view-actu, .view-rp, .view-temoignages) .more-link a.more-link-blue:hover{ background-color: var(--dark-blue); }
:is(.view-actu, .view-rp, .view-temoignages) .more-link a:hover{ background-color: var(--dark-red); }

:is(.view-actu, .view-rp, .view-temoignages) .views-field-view-node a{
  display:inline-block; width:fit-content; border-radius:2rem; padding:.5rem 1.25rem; gap:.5rem;
  background-color: var(--light-grey); color: var(--dark-blue);
  font-weight:600; font-size:.9rem; transition:.2s cubic-bezier(.4,0,.2,1);
}
#block-cnam-views-block-actu-block-home-une .view-actu .views-field-view-node a{ border:2px solid var(--medium-blue); }
:is(.view-actu, .view-rp) .views-row:has(.views-field-title a:hover, .views-field-field-visuel:hover) .views-field-view-node a,
:is(.view-actu, .view-rp, .view-temoignages) .views-field-view-node a:hover,
.view-temoignages .item-list > ul > li:has(.views-field-title a:hover, .views-field-field-visuel:hover) .views-field-view-node a{
  background-color: var(--medium-blue); color:#fff;
}

/* Titres + more-link (sections formation/partenaire) */
:is(#formation-actu, .partenaire-actu-agenda) .view-actu header h2{
  text-transform:uppercase; font-weight:700; color: var(--medium-blue); line-height:1; margin:0;
}
:is(#formation-actu, .partenaire-actu-agenda) .view-actu .more-link a{
  position:absolute; top:.25rem; right:0; color: var(--medium-blue);
  background:unset; padding:unset; margin:unset; border-radius:unset; font-weight:unset;
}
:is(#formation-actu, .partenaire-actu-agenda) .view-actu .more-link a::after{
  content:""; display:inline-block; width:1rem; height:.7rem; margin-inline-start:.25rem;
  background-image:url("/themes/custom/cnam/img/icons/arrow-red.svg");
  background-size:contain; background-repeat:no-repeat; background-position:center;
}
:is(#formation-actu, .partenaire-actu-agenda) .view-actu .more-link a:hover{ color: var(--red); }


/* ==================================================
   PARTENAIRES / FORMATION – agenda compact (liste)
   ================================================== */

:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .views-row{ flex-direction:row; }

:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .views-field-field-visuel{
  background-color: var(--dark-blue);
  width:100px; border-radius:1rem; overflow:hidden;
}
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .views-field-field-visuel img{
  width:100px; height:100%; object-fit:cover;
}
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .field-content .evt-j{
  font-size:2rem; line-height:.75;
}
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .field-content .evt-mois{ font-weight:600; }
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .views-field-field-date .field-content{
  color: var(--yellow); justify-content:end;
}
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .views-field-field-date{
  width:100px; border-right:none;
}
:is(.view-agenda-p2n.view-display-id-eva_partenaire_agenda, #formation-agenda) .evt-txt {
	width: calc(100% - 100px);
}

/* ===========================
   Page Article (layout)
   =========================== */

.page-node-type-article #block-cnam-content{display:flex; flex-direction:column; flex-wrap:wrap; gap: 2rem 4rem; margin:1rem;}
.page-node-type-article #block-cnam-content .fieldname--node-post-date { width: 100%; }
.field.fieldname--node-post-date {display: flex; display: inline-flex; gap: 1rem;}
.field.fieldname--node-post-date .field__item{font-weight: 600;}

.page-node-type-article #block-cnam-content .sidebar{
  height:fit-content; padding:2.5rem 2rem; margin-block-end:1rem; border-radius:1rem; background-color: var(--light-grey);
}
.page-node-type-article #block-cnam-content .sidebar .field:not(:last-of-type){ margin-block-end:1.5rem; }
.page-node-type-article #block-cnam-content .sidebar .field__label{
  font-size: clamp(1.15rem, 3.5vw, 1.5rem);
  line-height: clamp(1.35rem, 3.5vw, 1.75rem);
  font-weight:700; text-transform:uppercase; margin-block-end:1rem;
}

@media (min-width:990px){
  .view-actu > .more-link .view-actu .view-content{
    justify-content:space-between; max-width:1280px; margin:2rem auto; padding-block:0 2rem;
  }
}
@media (min-width:1024px){
  .page-node-type-article #block-cnam-content{ flex-direction:row; max-width:1110px; margin:4rem; margin-inline:auto; }
  .page-node-type-article #block-cnam-content .fieldname--body { width: calc(100% - 300px - 4rem); }
  .page-node-type-article #block-cnam-content .sidebar{ width: 300px; }
}


/* ===========================
   Divers (EP / fields / images)
   =========================== */

.view-display-id-block_home_cnam_ep h3{ color: var(--medium-blue); text-transform:uppercase; }
.view-display-id-block_home_cnam_ep li{
  list-style-position:inside; list-style-image:url(/themes/custom/cnam/img/icons/rss.svg);
  padding-block:0 1rem;
}
.view-display-id-block_home_cnam_ep li a{ background:none !important; color: var(--medium-blue); }
.view-display-id-block_home_cnam_ep li a:hover{ text-decoration:underline; }

.node--type-revue-presse .group-right .fieldname--field-source img{ height:50px; width:fit-content; }

div.aa-txt strong a{ font-size:1.2rem; line-height:1rem; font-weight:500; }

/* Responsable (icône + texte, SVG en ::before via background-image) */
.fieldname--field-nom-responsable.field__item{
  font-weight:700; display:inline-flex; align-items:center; gap:.4rem;
}
.fieldname--field-nom-responsable.field__item::before{
  content:""; width:1em; height:1em; flex:0 0 auto;
  background-image:url("/themes/custom/cnam/img/user.svg");
  background-repeat:no-repeat; background-position:center; background-size:contain;
}

/* Témoignages – images */
.view-temoignages .item-list img{
  border-radius:1rem; object-fit:cover; height:200px;
}


/* ===========================
   Responsive (padding/typos)
   =========================== */

@media (min-width:500px){
  :is(.view-actu, .view-rp, .view-temoignages) .view-content{ padding:1rem; }
}
@media (min-width:768px){
  :is(.view-actu, .view-rp, .view-temoignages) .view-content{ justify-content:center; }
  :is(.view-actu, .view-rp, .view-temoignages) .views-field-title a{ font-size:1.15rem; }
  :is(.view-actu, .view-rp) .views-row, .view-temoignages .item-list > ul > li{ max-width:400px; min-width:250px; }
}