.node {
    position: relative;
}

.node > .node__content > .field-paragraphes,
.node > .node__content > .field-paragraphs,
.node > .node__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.node.teaser > .node__content {
    border-bottom: 1px solid var(--secondary-grey);
}

.node.teaser > .node__content > .node__fields > .field-introduction {
    display: none;
}

.node .node.teaser > .node__content > .node__fields > .field-introduction {
    display: block;
}

.header .node.teaser > .node__content {
    border-radius: 4px;
    background: var(--primary-blanc);
    position: relative;
    border-bottom: none;
}

/* Node fields */
.node.teaser .node__fields {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 0;
}

.node.teaser.event .node__fields {
    align-items: flex-start;
}

.header .node.teaser .node__fields {
    padding: 24px;
}

/* Node visuel */
.node.teaser .node__visuel {
    width: 100%;
}
.node.teaser .node__visuel img {
    border-radius: 4px;
}

.header .node.teaser .node__visuel img,
.header .node.teaser .node__visuel iframe {
    border-radius: 4px 4px 0 0;
}

/* Node heading and title */
.node.teaser .node__header {
    display: flex;
    gap: 8px;
    flex-direction: column;
}

.node.teaser .node__title a,
.node.teaser .node__title {
    text-decoration: none;
    color: var(--primary-noir);
    font-weight: 600;
    line-height: 21.6px;
    border-bottom: none;
}

.node.teaser.bon-a-savoir .node__title,
.node.teaser.qfq .node__title {
    font-family: var(--title-font-family);
    font-size: 30px;
    font-weight: 700;
    line-height: 115%;
}

.paragraph--type--push-contenu .node__title {
    font-size: 20px;
    line-height: 120%; /* 24px */
}

/**
 * =========================
 * Node full layout.
 * =========================
 */

/* Node intro */
.node__intro {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.field-paragraphes,
.field-paragraphs,
.node.full > .node__content {
    gap: 40px;
}

.node.full > .node__content {
    padding-top: 24px;
    padding-bottom: 24px;
}

@media screen and (min-width: 1280px) {
    .node.full.col-container > .node__content {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.node__sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (min-width: 1280px) {
    .node__sidebar {
        gap: 32px;
    }
}

.paragraph,
.node.full > .node__sidebar > *,
.node.full > .node__content > * {
    margin: 0 24px;
    width: calc(100% - 48px);
}

.node.full > .node__content > .field-paragraphes,
.node.full > .node__content > .field-paragraphs,
.field-paragraphes > .field__item,
.field-paragraphs > .field__item,
.paragraph--type--push-custom {
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 1280px) {
    .col-container .paragraph {
        width: 100%;
        margin: 0;
    }

    .node.full > .node__content > .field-paragraphs,
    .field-paragraphs > .field__item,
    .field-paragraphes > .field__item {
        margin: 0;
    }

    .paragraph,
    .node.full > .node__sidebar > *,
    .node.full > .node__content > * {
        width: 100%;
        margin: 0 auto;
        max-width: 734px;
        box-sizing: border-box;
    }

    .node.full > .node__content {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .node.full > .node__content > .banniere-info-contenu-obsolete,
    .node.full > .node__content > .node__intro {
        max-width: 1060px;
    }

    .node.full > .node__content .paragraph--type--deux-colonnes,
    .node.full > .node__content .paragraph.image--layout--pleine-largeur,
    .node.full > .node__content .paragraph--type--grid,
    .node.full > .node__content .paragraph--type--grid-video,
    .node.full > .node__content .paragraph.video--layout--pleine-largeur {
        max-width: 1280px;
    } 

    .field-paragraphs > .field__item > .bloc-chiffres-cles,
    .field-paragraphs > .field__item > .bloc-atouts,
    .field-paragraphes > .field__item > .bloc-chiffres-cles,
    .field-paragraphes > .field__item > .bloc-atouts,
    .node.full > .node__content > .field-paragraphs,
    .node.full > .node__content > .field-paragraphes {
        max-width: 100%;
    }
}

/* Node content */
.node.full.node--avec-visuel > .node__content {
    margin-top: -200px;
}

/**
 * ============================
 * Node full 2 columns layout.
 * ============================
 */
.node__sidebar {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 1280px) {
    /* 2 columns container */
    .node.full.expertises,
    .node.full.event,
    .node.full.formation {
        position: relative;
        padding: 40px 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .node.full.expertises > .node__content,
    .node.full.event > .node__content,
    .node.full.formation > .node__content {
        width: 734px;
    }

    .node__sidebar {
        margin-top: 40px;
        position: absolute;
        top: 0;
        right: 0;
        width: 405px;
    }
}

/**
 * =========================
 * NODE FULL
 * =========================
 */

/* Node visuel @todo remove */
.node.full > .node__content > .field-visuel {
    display: none;
    /*order: -1;*/
}
.node.full > .node__content > .node__intro > .field-visuel img {
    border-radius: 4px;
}

/* Chapo / Introduction */
.node.full > .node__content > .field-chapo,
.node.full > .node__content > .field-introduction {
    font-weight: 600;
}

@media screen and (min-width: 1280px) {
    .node.full > .node__content > .field-chapo,
    .node.full > .node__content > .field-introduction {
        font-size: 18px;
    }
}

/**
 * =========================
 * Publication metadata
 * =========================
 */

.node.full .publication-metadata {
    display: flex;
    color: var(--secondary-grey);
    font-size: 16px;
    font-weight: 600;
    line-height: 165%; /* 26.4px */
    flex-direction: column;
}

.node.full .publication-metadata .separator {
    display: none;
}

@media screen and (min-width: 1280px) {
    .node.full .publication-metadata {
        flex-direction: row;
        gap: 8px;
    }
    .node.full .publication-metadata .separator {
        display: block;
    }
}

/**
 * ==============================
 * Bannière info contenu obsolète
 * ==============================
 */

.node.full .banniere-info-contenu-obsolete {
    display: flex;
    padding: 12px 16px;
    align-items: center;
    gap: 12px;
    background: var(--secondary-jaune-formation);
    border-radius: 4px;
    background: var(--secondary-gris-perle);
}

/**
 * ======================
 * EMBEDDED NODES
 * ======================
 */

.paragraph--type--push-contenu .field-tags {
    display: none;
}

.paragraph--type--ressource .node .node__content,
.paragraph--type--push-contenu .node .node__content {
    border-radius: 4px;
    background: var(--secondary-gris-perle);
    padding: 24px;
    flex-direction: column;
    gap: 24px;
    border-bottom: none;
    align-items: flex-start;
}

.paragraph--type--push-contenu .node.teaser.bon-a-savoir .node__content,
.paragraph--type--push-contenu .node.teaser.qfq .node__content {
    gap: 0px; /* should be 16px but there is a margin at the bottom of the image */
}

@media screen and (min-width: 1280px) {
    .paragraph--type--ressource .node .node__content,
    .paragraph--type--push-contenu .node.teaser .node__content {
        /*margin: 16px 0;*/
        flex-direction: row;
    }
    .paragraph--type--push-contenu .node.teaser.bon-a-savoir .node__content,
    .paragraph--type--push-contenu .node.teaser.qfq .node__content {
        gap: 24px;
    }
}

.paragraph--type--push-contenu .node.teaser.bon-a-savoir .node__content {
    background: var(--secondary-rose);
}

.paragraph--type--push-contenu .node.teaser.qfq .node__content {
    background: var(--secondary-bleu-ciel);
}
.paragraph--type--push-contenu .node.teaser.bon-a-savoir .node__content .node__title,
.paragraph--type--push-contenu .node.teaser.qfq .node__content .node__title {
    background: transparent;
    font-size: 20px;
    line-height: 120%; /* 24px */
    margin-bottom: 8px;
}

.paragraph--type--push-contenu .node.teaser.qfq .node__content .preview-answer-link {
    display: none;
}

.paragraph--type--push-contenu .node.teaser.qfq .node__content .node__answer__preview {
    margin: 16px 0;
}

@media screen and (min-width: 1280px) {
    .paragraph--type--push-contenu .node.teaser .node__visuel {
        width: 183px;
    }
}

.paragraph--type--push-contenu .node.teaser .node__fields {
    padding: 0;
}

.paragraph--type--push-contenu .node .node__title a,
.paragraph--type--ressource .node .node__title a {
    color: var(--primary-noir);
    text-decoration: none;
    border-bottom: none;
    font-family: var(--title-font-family);
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
}

/* Event teaser */
.paragraph--type--push-contenu .node.teaser.event .node__content {
    background: var(--secondary-vert-pomme);
    padding: 0;
    gap: 0;
}

.paragraph--type--push-contenu .node.teaser.event .node__content .node__visuel {
    flex: 0 0 186px;
    height: 100%;
}

.paragraph--type--push-contenu .node.teaser.event .node__content .node__fields {
    padding: 24px;
}

.paragraph--type--push-contenu .node.teaser.event .node__content .field-visuel img {
    object-fit: cover;
    display: block;
    line-height: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 4px;
}

.paragraph--type--push-contenu .node.teaser.event .surtitre {
    color: var(--primary-noir);
}

@media screen and (min-width: 1280px) {
    .document-ressource {
        display: flex;
        justify-content: space-between;
    }
    .document-ressource .btn {
        margin-bottom: 16px;
    }
}

/**
 * =========================
 * GRID VIDEO & PHOTO
 * =========================
 */
.paragraph--type--grid-video > .field__items,
.paragraph--type--grid > .field__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
}

/**
 * =========================
 * VOS QUESTIONS
 * =========================
 */
.vos-questions .newsroom-content {
    background: var(--secondary-gris-perle);
    padding: 48px 0;
}

@media screen and (min-width: 1280px) {
    .vos-questions .newsroom-content {
        padding: 64px 0;
    }
}

.vos-questions .node.teaser.qfq .node__illustration {
    display: none;
}

.vos-questions .node.teaser.qfq .node__content,
.newsroom .nodes .node.teaser.qfq .node__content {
    border-bottom: none;
}

.vos-questions .node.teaser.qfq .node__content__inner,
.newsroom .nodes .node.teaser.qfq .node__content__inner  {
    height: 100%;
    width: 100%;
}

.newsroom .nodes .node.teaser.qfq .node__answer,
.vos-questions .node.teaser.qfq .node__answer,
.vos-questions .node.teaser.qfq .node__fields,
.newsroom .nodes .node.teaser.qfq .node__fields {
    background: #fff;
    padding: 24px;
    box-sizing: border-box;
    height: 100%;
}

.vos-questions .node.teaser.qfq .node__answer,
.newsroom .nodes .node.teaser.qfq .node__answer {
    background: var(--secondary-bleu-ciel);
}

.vos-questions .node.teaser.qfq .node__answer,
.newsroom .nodes .node.teaser.qfq .node__answer,
.vos-questions .node.teaser.qfq .node__header,
.newsroom .nodes .node.teaser.qfq .node__header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-height: calc(270px - 48px);
    height: 100%;
}

.vos-questions .node.teaser.qfq .node__answer,
.newsroom .nodes .node.teaser.qfq .node__answer {
    min-height: 270px;
}

.answer-link {
    margin-top: auto;
    color: var(--primary-rouge-framboise) !important;
    font-size: 13px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-bottom: none!important;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.answer-link:hover {
    color: var(--primary-rouge-framboise);
    border-bottom: none!important;
    background: transparent;
    text-decoration: underline;
}

.answer-link.full-answer-link {
    color: var(--primary-noir) !important;
}


/**
 * =========================
 * Événements
 * =========================
 */
.date-et-heure {
    display: flex;
    align-items: center;
    gap: 8px;
}

/**
 * =========================
 * SYNDEX EVENT BLOCK
 * =========================
 */
.syndex-event-block .node.teaser .node__content {
    background: var(--secondary-vert-pomme);
    border-bottom: none;
}

.syndex-event-block .node.teaser .node__content .node__visuel {
    height: 100%;
}

@media screen and (min-width: 1280px) {
    .syndex-event-block .node.teaser .node__content .node__visuel {
        flex: 0 0 545px;
    }
}

.syndex-event-block .node.teaser .node__content img {
    border-radius: 4px 4px 0 0;
    object-fit: cover;
}

.syndex-event-block .node.teaser .node__content .node__fields {
    padding: 24px;
}

.syndex-event-block .node.teaser .surtitre {
    color: var(--primary-noir);
}

.syndex-event-block .node.teaser .node__title {
    font-family: var(--title-font-family);
    font-size: 24px;
    font-weight: 700;
    line-height: 115%;
}

@media screen and (min-width: 1280px) {
    .syndex-event-block .node.teaser .node__content {
        flex-direction: row;
    }

    .syndex-event-block .node.teaser .node__content .node__fields {
        padding: 40px;
    }

    .syndex-event-block .node.teaser .node__content img {
        border-radius: 4px 0 0 4px;
    }

    .syndex-event-block .node.teaser .node__title {
        font-size: 30px;
    }
}

/**
 * =========================
 * Prose
 * =========================
 */

.paragraph--type--wysiwyg > .field-title,
.paragraph--type--wysiwyg h2 {
    margin-bottom: 16px;
}

/**
 * =========================
 * Images
 * =========================
 */

.field-visuel img,
.paragraph--type--grid img,
.paragraph--type--image img,
.paragraph--type--wysiwyg img {
    width: 100%;
    height: auto;
}

.node__visuel img {
    display: block;
}

.image-legend {
    margin-top: 16px;
    color: var(--primary-noir);
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.112px;
}

.node.teaser .image-legend {
    display: none;
}

/**
 * =========================
 * NEWSROOM
 * =========================
 */

.newsroom-content {
    padding: 8px 0;
}

@media screen and (min-width: 1280px) {
    .newsroom-content {
        padding: 0;
    }
}

.newsroom {
    padding: 0;
}

.list-grid,
.nodes {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vos-questions .nodes {
    gap: 16px;
}

.list-grid,
.nodes .node.teaser {
    align-self: stretch;
}

@media screen and (min-width: 1280px) {
    .list-grid,
    .nodes {
        display: grid;
        gap: 32px;
        grid-template-columns: repeat(4, 1fr);
    }
    .list-grid .node.teaser,
    .list-grid .node.teaser .node__content,
    .nodes .node.teaser .node__content {
        height: 100%;
    }
}

.no-results {
    width: 100%;
    grid-column: span 4;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 150%;
    color: var(--secondary-grey);
}

/**
 * =========================
 * NEWSROOM : filters form
 * =========================
 */

form.filters-form {
    width: 100%;
}

form.filters-form {
    border: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 0 32px;
    font-size: 14px;
    font-weight: 600;
}

@media screen and (min-width: 1280px) {
    form.filters-form {
        padding: 56px 0 64px;
    }
    .page--vos-questions form.filters-form {
        padding: 56px 0 80px;
    }
}

.paywall-enabled .field-paragraphes {
    display: none !important;
}

.paywall-enabled .--disabled.field-paragraphes::after {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 90%;
  bottom: 0;
  background: linear-gradient(to bottom,transparent, transparent 300px, #fff 1000px);
}

.espace-presse .field-files {
    width: 100%;
}