.elementor-64781 .elementor-element.elementor-element-489324c.elementor-element{--align-self:center;}.elementor-64781 .elementor-element.elementor-element-01e18a6{width:100%;max-width:100%;}.elementor-64781 .elementor-element.elementor-element-01e18a6.elementor-element{--align-self:center;}.elementor-64781 .elementor-element.elementor-element-b7b086e{width:100%;max-width:100%;}.elementor-64781 .elementor-element.elementor-element-b7b086e.elementor-element{--align-self:center;}.elementor-64781 .elementor-element.elementor-element-2f40321{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-64781 .elementor-element.elementor-element-ee0240e{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-64781 .elementor-element.elementor-element-ee0240e:after{content:"0.66";}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__thumbnail__link{width:100%;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__meta-data span + span:before{content:"•";}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__text{margin-top:20px;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__badge{right:0;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__title, .elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__title a{color:#234F84;font-family:"Libre Baskerville", Sans-serif;font-size:27px;font-weight:600;}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__read-more{color:#D4B15A;}.elementor-64781 .elementor-element.elementor-element-ee0240e a.elementor-post__read-more{font-family:"Courier Prime", Sans-serif;font-weight:600;}@media(max-width:1024px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-posts .elementor-post__meta-data{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .elementor-post__excerpt p{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-posts .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-posts .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-64781 .elementor-element.elementor-element-ee0240e:after{content:"0.5";}.elementor-64781 .elementor-element.elementor-element-ee0240e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-01e18a6 *//* =========================================================
   VIA LE MONDE — ATELIER DOCUMENTAIRE
   Dossier vedette + billet de Catherine Viau
   ========================================================= */

.vlm-atelier-featured {
  --vlm-af-navy: #0f2d4d;
  --vlm-af-navy-dark: #081d31;
  --vlm-af-gold: #d4b15a;
  --vlm-af-gold-dark: #86671f;
  --vlm-af-ivory: #f7f2e9;
  --vlm-af-cream: #fffdf8;
  --vlm-af-white: #ffffff;
  --vlm-af-text: #292826;
  --vlm-af-muted: #68645e;
  --vlm-af-border: #ded6c9;
  --vlm-af-shadow: 0 22px 55px rgba(15, 45, 77, 0.14);

  width: 100%;
  padding: clamp(3rem, 6vw, 5.5rem) 1rem;
  color: var(--vlm-af-text);
  background:
    linear-gradient(
      180deg,
      var(--vlm-af-white) 0%,
      var(--vlm-af-ivory) 100%
    );
  font-family: inherit;
  line-height: 1.65;
}

.vlm-atelier-featured *,
.vlm-atelier-featured *::before,
.vlm-atelier-featured *::after {
  box-sizing: border-box;
}

.vlm-atelier-featured-inner {
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}


/* =========================================================
   EN-TÊTE DE LA SECTION
   ========================================================= */

.vlm-atelier-featured-header {
  max-width: 820px;
  margin: 0 0 clamp(2rem, 4vw, 3.2rem);
}

.vlm-atelier-featured-eyebrow {
  display: inline-block;
  margin: 0 0 0.65rem;
  color: var(--vlm-af-gold-dark);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.vlm-atelier-featured-header h2 {
  margin: 0;
  color: var(--vlm-af-navy);
  font-family: inherit;
  font-size: clamp(2rem, 4.2vw, 3.4rem);
  font-weight: 700;
  line-height: 1.08;
  letter-spacing: -0.025em;
}

.vlm-atelier-featured-header p {
  max-width: 760px;
  margin: 1.05rem 0 0;
  color: var(--vlm-af-muted);
  font-size: clamp(1rem, 1.6vw, 1.1rem);
  line-height: 1.75;
}

.vlm-atelier-featured-rule {
  width: 76px;
  height: 3px;
  margin-top: 1.4rem;
  border-radius: 999px;
  background: var(--vlm-af-gold);
}


/* =========================================================
   GRILLE PRINCIPALE
   ========================================================= */

.vlm-atelier-featured-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 0.82fr);
  gap: clamp(1.2rem, 2.5vw, 1.8rem);
  align-items: stretch;
}


/* =========================================================
   DOSSIER PRINCIPAL
   ========================================================= */

.vlm-atelier-main-story {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--vlm-af-border);
  border-radius: 26px;
  background: var(--vlm-af-white);
  box-shadow: 0 12px 38px rgba(15, 45, 77, 0.09);
  transition:
    transform 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.vlm-atelier-main-story:hover,
.vlm-atelier-main-story:focus-within {
  transform: translateY(-5px);
  border-color: var(--vlm-af-gold);
  box-shadow: var(--vlm-af-shadow);
}

.vlm-atelier-main-link {
  display: grid;
  height: 100%;
  color: inherit;
  text-decoration: none;
  grid-template-rows: auto 1fr;
}

.vlm-atelier-main-image {
  position: relative;
  min-height: clamp(300px, 42vw, 510px);
  overflow: hidden;
  background: var(--vlm-af-navy);
}

.vlm-atelier-main-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: clamp(300px, 42vw, 510px);
  object-fit: cover;
  object-position: center center;
  filter: contrast(1.03);
  transition: transform 450ms ease;
}

.vlm-atelier-main-story:hover .vlm-atelier-main-image img,
.vlm-atelier-main-story:focus-within .vlm-atelier-main-image img {
  transform: scale(1.025);
}

.vlm-atelier-main-image-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      rgba(8, 29, 49, 0.04) 42%,
      rgba(8, 29, 49, 0.62) 100%
    );
  pointer-events: none;
}

.vlm-atelier-main-badge {
  position: absolute;
  top: 1.2rem;
  left: 1.2rem;
  display: inline-flex;
  max-width: calc(100% - 2.4rem);
  padding: 0.48rem 0.78rem;
  border: 1px solid rgba(255, 255, 255, 0.62);
  border-radius: 999px;
  background: rgba(8, 29, 49, 0.78);
  color: var(--vlm-af-white);
  font-size: 0.71rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  backdrop-filter: blur(7px);
}

.vlm-atelier-main-content {
  display: flex;
  padding: clamp(1.55rem, 3.5vw, 2.5rem);
  flex-direction: column;
  align-items: flex-start;
}

.vlm-atelier-main-kicker {
  display: inline-block;
  margin: 0 0 0.55rem;
  color: var(--vlm-af-gold-dark);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.vlm-atelier-main-content h3 {
  margin: 0;
  color: var(--vlm-af-navy);
  font-family: inherit;
  font-size: clamp(2rem, 4.4vw, 3.5rem);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.035em;
}

.vlm-atelier-main-subtitle {
  max-width: 720px;
  margin: 0.8rem 0 0;
  color: var(--vlm-af-navy);
  font-size: clamp(1.08rem, 2vw, 1.35rem);
  font-weight: 600;
  line-height: 1.45;
}

.vlm-atelier-main-description {
  max-width: 760px;
  margin: 1rem 0 0;
  color: var(--vlm-af-muted);
  font-size: 0.98rem;
  line-height: 1.75;
}

.vlm-atelier-main-action {
  display: inline-flex;
  margin-top: 1.5rem;
  padding: 0.82rem 1.2rem;
  border: 1px solid var(--vlm-af-navy);
  border-radius: 999px;
  background: var(--vlm-af-navy);
  color: var(--vlm-af-white);
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  align-items: center;
  gap: 0.5rem;
  transition:
    background-color 180ms ease,
    color 180ms ease,
    transform 180ms ease;
}

.vlm-atelier-main-action > span {
  transition: transform 180ms ease;
}

.vlm-atelier-main-story:hover .vlm-atelier-main-action,
.vlm-atelier-main-story:focus-within .vlm-atelier-main-action {
  background: var(--vlm-af-white);
  color: var(--vlm-af-navy);
}

.vlm-atelier-main-story:hover .vlm-atelier-main-action > span,
.vlm-atelier-main-story:focus-within .vlm-atelier-main-action > span {
  transform: translateX(4px);
}


/* =========================================================
   BILLET DE CATHERINE — CARTE SECONDAIRE
   ========================================================= */

.vlm-atelier-side-story {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--vlm-af-border);
  border-radius: 26px;
  background: var(--vlm-af-navy);
  box-shadow: 0 12px 38px rgba(15, 45, 77, 0.11);
  transition:
    transform 200ms ease,
    border-color 200ms ease,
    box-shadow 200ms ease;
}

.vlm-atelier-side-story:hover,
.vlm-atelier-side-story:focus-within {
  transform: translateY(-5px);
  border-color: var(--vlm-af-gold);
  box-shadow: var(--vlm-af-shadow);
}

.vlm-atelier-side-link {
  display: flex;
  height: 100%;
  color: inherit;
  text-decoration: none;
  flex-direction: column;
}

.vlm-atelier-side-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--vlm-af-navy-dark);
}

.vlm-atelier-side-image::after {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      180deg,
      transparent 55%,
      rgba(8, 29, 49, 0.45) 100%
    );
  content: "";
  pointer-events: none;
}

.vlm-atelier-side-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: transform 400ms ease;
}

.vlm-atelier-side-story:hover .vlm-atelier-side-image img,
.vlm-atelier-side-story:focus-within .vlm-atelier-side-image img {
  transform: scale(1.035);
}

.vlm-atelier-side-content {
  display: flex;
  height: 100%;
  padding: clamp(1.35rem, 3vw, 1.85rem);
  flex-direction: column;
  align-items: flex-start;
}

.vlm-atelier-side-kicker {
  display: inline-block;
  margin: 0 0 0.65rem;
  color: var(--vlm-af-gold);
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.11em;
  text-transform: uppercase;
}

.vlm-atelier-side-content h3 {
  margin: 0;
  color: var(--vlm-af-white);
  font-family: inherit;
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.vlm-atelier-side-content p {
  margin: 0.9rem 0 0;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.94rem;
  line-height: 1.68;
}

.vlm-atelier-side-action {
  display: inline-flex;
  margin-top: auto;
  padding-top: 1.5rem;
  color: var(--vlm-af-gold);
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  align-items: center;
  gap: 0.45rem;
}

.vlm-atelier-side-action > span {
  transition: transform 180ms ease;
}

.vlm-atelier-side-story:hover .vlm-atelier-side-action > span,
.vlm-atelier-side-story:focus-within .vlm-atelier-side-action > span {
  transform: translateX(4px);
}


/* =========================================================
   ACCESSIBILITÉ
   ========================================================= */

.vlm-atelier-main-link:focus-visible,
.vlm-atelier-side-link:focus-visible {
  outline: 3px solid rgba(212, 177, 90, 0.75);
  outline-offset: -5px;
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {
  .vlm-atelier-featured-grid {
    grid-template-columns: minmax(0, 1.55fr) minmax(250px, 0.85fr);
  }

  .vlm-atelier-main-image,
  .vlm-atelier-main-image img {
    min-height: 360px;
  }
}


/* =========================================================
   MOBILE ET PETITE TABLETTE
   ========================================================= */

@media (max-width: 740px) {
  .vlm-atelier-featured-grid {
    grid-template-columns: 1fr;
  }

  .vlm-atelier-main-image,
  .vlm-atelier-main-image img {
    min-height: 300px;
  }

  .vlm-atelier-side-link {
    display: grid;
    grid-template-columns: minmax(130px, 0.85fr) minmax(0, 1.15fr);
  }

  .vlm-atelier-side-image {
    height: 100%;
    min-height: 280px;
    aspect-ratio: auto;
  }
}


/* =========================================================
   TÉLÉPHONE
   ========================================================= */

@media (max-width: 520px) {
  .vlm-atelier-featured {
    padding-right: 0.85rem;
    padding-left: 0.85rem;
  }

  .vlm-atelier-main-story,
  .vlm-atelier-side-story {
    border-radius: 20px;
  }

  .vlm-atelier-main-image,
  .vlm-atelier-main-image img {
    min-height: 245px;
  }

  .vlm-atelier-main-content {
    padding: 1.35rem;
  }

  .vlm-atelier-main-content h3 {
    font-size: 2.15rem;
  }

  .vlm-atelier-main-badge {
    top: 0.85rem;
    left: 0.85rem;
    max-width: calc(100% - 1.7rem);
  }

  .vlm-atelier-side-link {
    display: flex;
  }

  .vlm-atelier-side-image {
    min-height: 0;
    aspect-ratio: 16 / 10;
  }

  .vlm-atelier-side-content {
    padding: 1.35rem;
  }
}


/* =========================================================
   RÉDUCTION DES ANIMATIONS
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .vlm-atelier-main-story,
  .vlm-atelier-main-image img,
  .vlm-atelier-main-action,
  .vlm-atelier-main-action > span,
  .vlm-atelier-side-story,
  .vlm-atelier-side-image img,
  .vlm-atelier-side-action > span {
    transition: none;
  }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-ee0240e *//* =========================================================
   VIA LE MONDE — CARTES « AU JOUR LE JOUR »
   Ajouter la classe vlm-aj-grid au widget Loop Grid
   VERSION RESPONSIVE COMPLÈTE
   ========================================================= */

.vlm-aj-grid {
  --vlm-aj-navy: #0f2d4d;
  --vlm-aj-gold: #d4b15a;
  --vlm-aj-gold-dark: #85661f;
  --vlm-aj-ivory: #f7f2e9;
  --vlm-aj-white: #ffffff;
  --vlm-aj-text: #5f5b55;
  --vlm-aj-border: #ded6c9;

  width: 100%;
  padding: 0 1rem clamp(3rem, 6vw, 5rem);
  background: var(--vlm-aj-ivory);
}

.vlm-aj-grid,
.vlm-aj-grid *,
.vlm-aj-grid *::before,
.vlm-aj-grid *::after {
  box-sizing: border-box;
}


/* =========================================================
   GRILLE
   ========================================================= */

.vlm-aj-grid .elementor-loop-container,
.vlm-aj-grid .elementor-grid {
  max-width: 1180px;
  margin: 0 auto;
  gap: clamp(1.1rem, 2.3vw, 1.7rem) !important;
}


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

.vlm-aj-grid .e-loop-item,
.vlm-aj-grid .elementor-loop-item {
  min-width: 0;
  overflow: hidden;

  border: 1px solid var(--vlm-aj-border);
  border-radius: 20px;

  background: var(--vlm-aj-white);

  box-shadow: 0 8px 26px rgba(15, 45, 77, 0.08);

  transition:
    transform 180ms ease,
    border-color 180ms ease,
    box-shadow 180ms ease;
}

.vlm-aj-grid .e-loop-item:hover,
.vlm-aj-grid .e-loop-item:focus-within,
.vlm-aj-grid .elementor-loop-item:hover,
.vlm-aj-grid .elementor-loop-item:focus-within {
  transform: translateY(-5px);
  border-color: var(--vlm-aj-gold);
  box-shadow: 0 18px 42px rgba(15, 45, 77, 0.14);
}


/* Supprime les fonds ou ombres Elementor internes */

.vlm-aj-grid .e-loop-item > .elementor-element,
.vlm-aj-grid .e-loop-item > .e-con,
.vlm-aj-grid .elementor-loop-item > .elementor-element,
.vlm-aj-grid .elementor-loop-item > .e-con {
  height: 100%;
  margin: 0 !important;

  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================================
   IMAGE
   ========================================================= */

.vlm-aj-grid .elementor-widget-theme-post-featured-image {
  margin: 0 !important;
  overflow: hidden;
  background: var(--vlm-aj-navy);
}

.vlm-aj-grid .elementor-widget-theme-post-featured-image a {
  display: block;
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.vlm-aj-grid .elementor-widget-theme-post-featured-image img {
  display: block;

  width: 100%;
  height: 100% !important;
  min-height: 0 !important;

  object-fit: cover;
  object-position: center;

  transition: transform 400ms ease;
}

.vlm-aj-grid .e-loop-item:hover
.elementor-widget-theme-post-featured-image img,
.vlm-aj-grid .e-loop-item:focus-within
.elementor-widget-theme-post-featured-image img,
.vlm-aj-grid .elementor-loop-item:hover
.elementor-widget-theme-post-featured-image img,
.vlm-aj-grid .elementor-loop-item:focus-within
.elementor-widget-theme-post-featured-image img {
  transform: scale(1.035);
}


/* =========================================================
   CONTENU DE LA CARTE
   ========================================================= */

.vlm-aj-grid .elementor-widget-theme-post-title,
.vlm-aj-grid .elementor-widget-theme-post-excerpt,
.vlm-aj-grid .elementor-widget-post-info,
.vlm-aj-grid .elementor-widget-button {
  padding-right: 1.35rem;
  padding-left: 1.35rem;
}

.vlm-aj-grid .elementor-widget-theme-post-title {
  margin-top: 1.35rem;
  margin-bottom: 0 !important;
}

.vlm-aj-grid .elementor-widget-theme-post-title h1,
.vlm-aj-grid .elementor-widget-theme-post-title h2,
.vlm-aj-grid .elementor-widget-theme-post-title h3,
.vlm-aj-grid .elementor-widget-theme-post-title h4,
.vlm-aj-grid .elementor-widget-theme-post-title h5,
.vlm-aj-grid .elementor-widget-theme-post-title h6 {
  margin: 0 !important;

  color: var(--vlm-aj-navy) !important;

  font-family: inherit;
  font-size: clamp(1.3rem, 2.1vw, 1.75rem) !important;
  font-weight: 700;
  line-height: 1.2 !important;
  letter-spacing: -0.02em;

  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: auto;
}

.vlm-aj-grid .elementor-widget-theme-post-title a {
  color: inherit !important;
  text-decoration: none !important;
}

.vlm-aj-grid .elementor-widget-theme-post-title a:hover,
.vlm-aj-grid .elementor-widget-theme-post-title a:focus-visible {
  color: var(--vlm-aj-gold-dark) !important;
}


/* =========================================================
   EXTRAIT
   ========================================================= */

.vlm-aj-grid .elementor-widget-theme-post-excerpt {
  margin-top: 0.85rem !important;
  margin-bottom: 0 !important;
}

.vlm-aj-grid .elementor-widget-theme-post-excerpt p {
  margin: 0 !important;

  color: var(--vlm-aj-text) !important;

  font-size: 0.94rem !important;
  line-height: 1.65 !important;
}


/* =========================================================
   CATÉGORIE OU ÉTIQUETTE
   ========================================================= */

.vlm-aj-grid .elementor-post-info__terms-list,
.vlm-aj-grid .elementor-post-info__item--type-terms,
.vlm-aj-grid .elementor-widget-post-info a {
  display: inline-flex;
  width: auto;

  padding: 0.35rem 0.7rem;

  border-radius: 999px;

  background: var(--vlm-aj-gold);
  color: var(--vlm-aj-navy) !important;

  font-size: 0.69rem !important;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.09em;

  text-decoration: none !important;
  text-transform: uppercase;
}


/* =========================================================
   BOUTON
   ========================================================= */

.vlm-aj-grid .elementor-widget-button {
  margin-top: auto;

  padding-top: 1.25rem;
  padding-bottom: 1.4rem;
}

.vlm-aj-grid .elementor-button {
  padding: 0 !important;
  border: 0 !important;

  background: transparent !important;
  color: var(--vlm-aj-navy) !important;

  font-size: 0.76rem !important;
  font-weight: 700 !important;
  line-height: 1.4;
  letter-spacing: 0.07em;

  text-transform: uppercase;

  box-shadow: none !important;
}

.vlm-aj-grid .elementor-button:hover,
.vlm-aj-grid .elementor-button:focus-visible {
  color: var(--vlm-aj-gold-dark) !important;
}


/* =========================================================
   ESPACEMENTS INTERNES
   ========================================================= */

.vlm-aj-grid .e-loop-item .e-con-inner,
.vlm-aj-grid .elementor-loop-item .e-con-inner {
  height: 100%;
}

.vlm-aj-grid .e-loop-item .e-con,
.vlm-aj-grid .elementor-loop-item .e-con {
  display: flex;
  height: 100%;
  flex-direction: column;
}


/* =========================================================
   PAGINATION
   ========================================================= */

.vlm-aj-grid .elementor-pagination {
  margin-top: 2.5rem;
}

.vlm-aj-grid .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 42px;
  min-height: 42px;
  margin: 0 0.2rem;
  padding: 0.5rem 0.75rem;

  border: 1px solid var(--vlm-aj-border);
  border-radius: 999px;

  background: var(--vlm-aj-white);
  color: var(--vlm-aj-navy) !important;

  font-weight: 700;
  text-decoration: none !important;
}

.vlm-aj-grid .page-numbers.current,
.vlm-aj-grid .page-numbers:hover,
.vlm-aj-grid .page-numbers:focus-visible {
  border-color: var(--vlm-aj-navy);

  background: var(--vlm-aj-navy);
  color: #ffffff !important;
}


/* =========================================================
   TABLETTES
   ========================================================= */

@media screen and (max-width: 900px) {

  .vlm-aj-grid {
    padding-right: 0.9rem;
    padding-left: 0.9rem;
  }

  .vlm-aj-grid .elementor-loop-container,
  .vlm-aj-grid .elementor-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title,
  .vlm-aj-grid .elementor-widget-theme-post-excerpt,
  .vlm-aj-grid .elementor-widget-post-info,
  .vlm-aj-grid .elementor-widget-button {
    padding-right: 1.15rem;
    padding-left: 1.15rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title {
    margin-top: 1.15rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title h1,
  .vlm-aj-grid .elementor-widget-theme-post-title h2,
  .vlm-aj-grid .elementor-widget-theme-post-title h3,
  .vlm-aj-grid .elementor-widget-theme-post-title h4,
  .vlm-aj-grid .elementor-widget-theme-post-title h5,
  .vlm-aj-grid .elementor-widget-theme-post-title h6 {
    font-size: 1.22rem !important;
    line-height: 1.22 !important;
  }

  .vlm-aj-grid .elementor-widget-theme-post-excerpt p {
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
  }
}


/* =========================================================
   TÉLÉPHONES
   ========================================================= */

@media screen and (max-width: 600px) {

  .vlm-aj-grid {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-bottom: 3rem;
  }

  .vlm-aj-grid .elementor-loop-container,
  .vlm-aj-grid .elementor-grid {
    grid-template-columns: 1fr !important;
    gap: 1.15rem !important;
  }

  .vlm-aj-grid .e-loop-item,
  .vlm-aj-grid .elementor-loop-item {
    border-radius: 17px;
  }

  .vlm-aj-grid .elementor-widget-theme-post-featured-image a {
    aspect-ratio: 16 / 10;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title,
  .vlm-aj-grid .elementor-widget-theme-post-excerpt,
  .vlm-aj-grid .elementor-widget-post-info,
  .vlm-aj-grid .elementor-widget-button {
    padding-right: 1.05rem;
    padding-left: 1.05rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title {
    margin-top: 1rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title h1,
  .vlm-aj-grid .elementor-widget-theme-post-title h2,
  .vlm-aj-grid .elementor-widget-theme-post-title h3,
  .vlm-aj-grid .elementor-widget-theme-post-title h4,
  .vlm-aj-grid .elementor-widget-theme-post-title h5,
  .vlm-aj-grid .elementor-widget-theme-post-title h6 {
    font-size: 1rem !important;
    line-height: 1.22 !important;
    letter-spacing: -0.01em;
  }

  .vlm-aj-grid .elementor-widget-theme-post-excerpt {
    margin-top: 0.7rem !important;
  }

  .vlm-aj-grid .elementor-widget-theme-post-excerpt p {
    font-size: 0.91rem !important;
    line-height: 1.58 !important;
  }

  .vlm-aj-grid .elementor-widget-button {
    padding-top: 1rem;
    padding-bottom: 1.2rem;
  }

  .vlm-aj-grid .elementor-button {
    font-size: 0.72rem !important;
  }

  .vlm-aj-grid .elementor-pagination {
    margin-top: 2rem;
  }
}


/* =========================================================
   PETITS TÉLÉPHONES
   ========================================================= */

@media screen and (max-width: 380px) {

  .vlm-aj-grid {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title,
  .vlm-aj-grid .elementor-widget-theme-post-excerpt,
  .vlm-aj-grid .elementor-widget-post-info,
  .vlm-aj-grid .elementor-widget-button {
    padding-right: 0.95rem;
    padding-left: 0.95rem;
  }

  .vlm-aj-grid .elementor-widget-theme-post-title h1,
  .vlm-aj-grid .elementor-widget-theme-post-title h2,
  .vlm-aj-grid .elementor-widget-theme-post-title h3,
  .vlm-aj-grid .elementor-widget-theme-post-title h4,
  .vlm-aj-grid .elementor-widget-theme-post-title h5,
  .vlm-aj-grid .elementor-widget-theme-post-title h6 {
    font-size: 0.96rem !important;
    line-height: 1.22 !important;
  }

  .vlm-aj-grid .elementor-widget-theme-post-excerpt p {
    font-size: 0.89rem !important;
  }
}


/* =========================================================
   RÉDUCTION DES ANIMATIONS
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .vlm-aj-grid .e-loop-item,
  .vlm-aj-grid .elementor-loop-item,
  .vlm-aj-grid .elementor-widget-theme-post-featured-image img {
    transition: none;
  }
}/* End custom CSS */