/* =====================================
   TITRE + LOGO PLATEFORME
   ===================================== */

.entete-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 45px 0 35px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 25px !important;

    box-sizing: border-box !important;
}


/* Neutraliser les contraintes Gutenberg */
.entete-plateforme > * {
    width: auto !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* Titre */
.entete-plateforme > h1 {
    margin: 0 !important;
    padding: 0 !important;

    color: #80b827 !important;

    font-size: 38px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
}


/* Logo */
.entete-plateforme > figure {
    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    flex-shrink: 0 !important;
}

.entete-plateforme > figure img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 150px !important;
    max-height: 85px !important;

    object-fit: contain !important;
}


/* =====================================
   NEWS
   ===================================== */

.news-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 25px 0 70px !important;

    box-sizing: border-box !important;
}


/* Titre News */
.news-plateforme > h2 {
    margin: 0 0 30px !important;

    color: #000000 !important;

    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


.news-plateforme-liste {
    display: flex !important;
    flex-direction: column !important;

    gap: 30px !important;
}


/* Une news */
.news-item {
    width: 100% !important;

    margin: 0 !important;
    padding: 30px 34px !important;

    background-color: #f5f7fa !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;

    display: grid !important;
    grid-template-columns: 1.2fr 0.8fr !important;

    gap: 45px !important;

    align-items: center !important;
}


/* Texte */
.news-item-texte {
    min-width: 0 !important;
}

.news-item-texte h3 {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.news-item-contenu {
    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}

.news-item-contenu > *:first-child {
    margin-top: 0 !important;
}

.news-item-contenu > *:last-child {
    margin-bottom: 0 !important;
}


/* Image */
.news-item-image {
    margin: 0 !important;

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

.news-item-image img {
    display: block !important;

    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;

    border-radius: 10px !important;

    object-fit: contain !important;
}


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

@media (max-width: 800px) {

    .entete-plateforme,
    .news-plateforme {
        width: calc(100% - 40px) !important;

        left: auto !important;
        transform: none !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }


    .entete-plateforme {
        padding: 35px 0 30px !important;

        gap: 18px !important;
    }


    .entete-plateforme > h1 {
        font-size: 30px !important;

        white-space: normal !important;
    }


    .entete-plateforme > figure img {
        max-width: 100px !important;
        max-height: 65px !important;
    }


    .news-item {
        display: flex !important;
        flex-direction: column !important;

        gap: 25px !important;

        padding: 25px !important;
    }


    .news-item-texte,
    .news-item-image {
        width: 100% !important;
    }


    .news-item-image img {
        max-width: 100% !important;
    }
}

/* =====================================
   PRÉSENTATION PLATEFORME
   ===================================== */

.presentation-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 45px 0 70px !important;

    box-sizing: border-box !important;
}


/* Titre */
.presentation-plateforme > h2 {
    margin: 0 0 30px !important;

    color: #159447 !important;

    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* =====================================
   TEXTE + IMAGE
   ===================================== */

.presentation-plateforme-contenu {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: 1.3fr 0.7fr !important;

    gap: 50px !important;
    align-items: center !important;

    margin: 0 0 30px !important;
    padding: 30px 34px !important;

    background-color: #f5f7fa !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;
}

/* Colonne texte */
.presentation-plateforme-texte {
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.presentation-plateforme-texte p {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}

.presentation-plateforme-texte p:last-child {
    margin-bottom: 0 !important;
}

/* Image toujours à droite */
.presentation-plateforme-contenu > figure {
    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;
    align-self: center !important;
    justify-self: center !important;
}

.presentation-plateforme-contenu > figure img {
    display: block !important;

    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;

    object-fit: cover !important;

    border-radius: 16px !important;
}


/* =====================================
   EN SAVOIR PLUS - PRÉSENTATION
   ===================================== */

.lien-en-savoir-plus {
    margin-left: 6px !important;

    color: #80b827 !important;

    font-weight: 600 !important;

    text-decoration: none !important;

    cursor: pointer !important;
}

.lien-en-savoir-plus:hover {
    color: #6fa020 !important;
    text-decoration: underline !important;
}


/* Contenu masqué au départ */
.contenu-en-savoir-plus {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 28px 34px !important;

    background-color: #f5f7fa !important;

    border-radius: 18px !important;

    box-sizing: border-box !important;

    display: none !important;
}


/* Affiché après clic */
.contenu-en-savoir-plus.est-visible {
    display: block !important;
}


/* Paragraphes */
.contenu-en-savoir-plus p {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}

.contenu-en-savoir-plus p:last-child {
    margin-bottom: 0 !important;
}

/* =====================================
   CONTENU "EN SAVOIR PLUS" - LARGEUR
   ===================================== */

.presentation-plateforme > .contenu-en-savoir-plus {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
}

/* Neutralise les contraintes Gutenberg à l'intérieur */
.presentation-plateforme > .contenu-en-savoir-plus > * {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


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

@media (max-width: 800px) {

    .presentation-plateforme {
        width: calc(100% - 40px) !important;

        left: auto !important;
        transform: none !important;

        margin: 0 auto !important;
    }

    .presentation-plateforme-contenu {
        display: flex !important;
        flex-direction: column !important;

        gap: 25px !important;

        padding: 25px !important;
    }

    .presentation-plateforme-contenu figure,
    .presentation-plateforme-contenu img {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* =====================================
   QUALITÉ PLATEFORME
   ===================================== */

.qualite-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 30px 34px 40px !important;

    background-color: #ffffff !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;
}


/* Titre */
.qualite-plateforme > h2 {
    margin: 0 0 28px !important;

    color: #159447 !important;

    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* Texte */
.qualite-plateforme-texte {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 35px !important;
    padding: 0 !important;
}

.qualite-plateforme-texte p {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}

.qualite-plateforme-texte p:last-child {
    margin-bottom: 0 !important;
}


/* =====================================
   LOGOS QUALITÉ
   ===================================== */

.qualite-plateforme-logos {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 10px 30px 0 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 60px !important;

    align-items: center !important;

    box-sizing: border-box !important;
}

.qualite-plateforme-logos figure {
    margin: 0 !important;

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

.qualite-plateforme-logos img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: 220px !important;
    max-height: 130px !important;

    object-fit: contain !important;
}


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

@media (max-width: 800px) {

    .qualite-plateforme {
        width: calc(100% - 40px) !important;

        left: auto !important;
        transform: none !important;

        margin: 0 auto !important;

        padding: 25px !important;
    }

    .qualite-plateforme > h2 {
        font-size: 28px !important;
    }

    .qualite-plateforme-logos {
        grid-template-columns: 1fr !important;

        gap: 30px !important;

        padding: 10px 0 0 !important;
    }

    .qualite-plateforme-logos img {
        max-width: 180px !important;
        max-height: 110px !important;
    }
}

/* =====================================
   ACTIVITÉS
   ===================================== */

.activites-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 45px 0 70px !important;

    box-sizing: border-box !important;
}

.activites-plateforme > h2 {
    margin: 0 0 30px !important;

    color: #159447 !important;

    font-size: 32px !important;
    font-weight: 600 !important;
}



/* =====================================
   ONGLETS ACTIVITÉS
   ===================================== */

.activites-onglets {
    width: 100% !important;
    max-width: none !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 20px !important;

    margin: 0 0 35px !important;
    padding: 18px !important;

    background-color: #80b827 !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;
}


/* Neutralise les groupes "Boutons" Gutenberg */
.activites-onglets .wp-block-buttons {
    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
}


/* Neutralise le bloc bouton */
.activites-onglets .wp-block-button {
    margin: 0 !important;
}


/* Le vrai bouton visible */
.activites-onglets .wp-block-button__link {
    display: block !important;

    min-width: 190px !important;

    padding: 12px 24px !important;

    background-color: #ffffff !important;
    color: #254150 !important;

    border: none !important;
    border-radius: 25px !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    text-decoration: none !important;

    cursor: pointer !important;
}


/* Onglet actif */
.activite-tab.actif .wp-block-button__link,
.wp-block-button.activite-tab.actif .wp-block-button__link {
    background-color: #254150 !important;
    color: #ffffff !important;
}


/* Survol */
.activites-onglets .wp-block-button__link:hover {
    background-color: #f5f7fa !important;
    color: #159447 !important;
}

.activite-tab {
    margin: 0 !important;
    padding: 12px 24px !important;

    background-color: #ffffff !important;
    color: #254150 !important;

    border-radius: 24px !important;

    font-size: 16px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

.activite-tab.actif {
    background-color: #254150 !important;
    color: #ffffff !important;
}


/* Contenus */
.activite-contenu {
    display: none !important;

    width: 100% !important;
    max-width: none !important;

    grid-template-columns: 1.3fr 0.7fr !important;
    gap: 50px !important;
    align-items: center !important;

    padding: 30px 34px !important;

    background-color: #f5f7fa !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;
}

.activite-contenu.actif {
    display: grid !important;
}

.activite-texte h3 {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 22px !important;
    font-weight: 600 !important;
}

.activite-texte p {
    margin: 0 0 18px !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.65 !important;
}

.activite-contenu figure {
    margin: 0 !important;

    display: flex !important;
    justify-content: center !important;
}

.activite-contenu img {
    width: 100% !important;
    max-width: 320px !important;
    height: auto !important;

    border-radius: 16px !important;

    object-fit: cover !important;
}

@media (max-width: 800px) {

    .activites-plateforme {
        width: calc(100% - 40px) !important;
        left: auto !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    .activites-onglets {
        flex-direction: column !important;
    }

    .activite-contenu.actif {
        display: flex !important;
        flex-direction: column !important;
        gap: 25px !important;
    }
}

/* =====================================
   CONTACT PLATEFORME
   ===================================== */

.contact-plateforme {
    position: relative !important;

    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    left: 50% !important;
    transform: translateX(-50%) !important;

    margin: 0 !important;
    padding: 45px 0 70px !important;

    box-sizing: border-box !important;
}


/* Le cadre gris bleuté */

.contact-plateforme-contenu {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: 1fr 220px !important;
    gap: 50px !important;

    align-items: center !important;

    padding: 35px 45px !important;

    background-color: #f5f7fa !important;
    border-radius: 18px !important;

    box-sizing: border-box !important;
}


/* Texte à gauche */

.contact-plateforme-texte {
    min-width: 0 !important;
}


/* Image enveloppe à droite */

.contact-plateforme-contenu > figure {
    margin: 0 !important;

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

.contact-plateforme-contenu > figure img {
    display: block !important;

    width: 150px !important;
    height: auto !important;

    object-fit: contain !important;
}

/* =====================================
   CORRECTIONS CONTACT
   ===================================== */

/* Titre Contacts en vert */
.contact-plateforme > h2 {
    margin: 0 0 30px !important;
    color: #159447 !important;
    font-size: 32px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}


/* Cadre : contenu moins centré */
.contact-plateforme-contenu {
    align-items: start !important;

    padding: 30px 45px 40px !important;

    grid-template-columns: 1fr 220px !important;
}


/* Texte bien calé à gauche et en haut */
.contact-plateforme-texte {
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
}

.contact-plateforme-texte p {
    margin: 0 0 20px !important;
    text-align: left !important;
}

.contact-plateforme-texte p:last-child {
    margin-bottom: 0 !important;
}


/* Enveloppe légèrement descendue pour équilibrer le bloc */
.contact-plateforme-contenu > figure {
    align-self: center !important;
}


/* Responsive */

@media (max-width: 800px) {

    .contact-plateforme {
        width: calc(100% - 40px) !important;

        left: auto !important;
        transform: none !important;

        margin: 0 auto !important;
    }

    .contact-plateforme-contenu {
        grid-template-columns: 1fr !important;
        gap: 25px !important;

        padding: 25px !important;
    }

    .contact-plateforme-contenu > figure {
        justify-content: flex-start !important;
    }

    .contact-plateforme-contenu > figure img {
        width: 110px !important;
    }
}

/* =========================================================
   COMMUNICATIONS
   Publications / Brevets / Licences
   ========================================================= */

.communications-section {
    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;
    margin: 0 auto 70px !important;
    padding: 45px 55px 55px !important;

    background: #ffffff !important;
    border-radius: 28px !important;

    box-sizing: border-box !important;
}


/* TITRE */

.communications-section > h2 {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    color: #159447 !important;

    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


/* =========================================================
   ONGLETS COMMUNICATIONS
   ========================================================= */

.communications-onglets {
    width: fit-content !important;
    max-width: 100% !important;

    margin: 0 auto 45px !important;
    padding: 6px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 6px !important;

    background: #f5f7fa !important;
    border-radius: 30px !important;

    box-sizing: border-box !important;
}


/* Si Gutenberg ajoute un conteneur wp-block-buttons */
* Les deux groupes Gutenberg qui contiennent chacun un bouton */

.communications-onglets > .wp-block-buttons {
    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex: 0 0 auto !important;

    justify-content: center !important;
    align-items: center !important;
}




/* Bloc individuel */

.communications-tab {
    width: auto !important;
    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Le vrai bouton Gutenberg */

.communications-tab .wp-block-button__link {
    display: block !important;

    width: auto !important;

    margin: 0 !important;
    padding: 12px 24px !important;

    background: transparent !important;
    color: #254150 !important;

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

    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    cursor: pointer !important;
}

.communications-tab.actif .wp-block-button__link {
    background: #159447 !important;
    color: #ffffff !important;
}





/* =========================================================
   CONTENU DES ONGLETS
   ========================================================= */

.communications-contenu {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   FRISE PUBLICATIONS
   ========================================================= */

.communications-section .publications-frise {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding-left: 100px !important;

    box-sizing: border-box !important;
}


/* Ligne verticale */

.communications-section .publications-frise::before {
    content: "";

    position: absolute !important;

    left: 25px !important;
    top: 34px !important;
    bottom: 20px !important;

    width: 2px !important;

    background-color: #cfd6da !important;

    transform: translateX(-50%) !important;

    z-index: 0 !important;
}

.communications-onglets > .wp-block-buttons {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.communications-onglets .wp-block-button {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.communications-tab .wp-block-button__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    box-sizing: border-box !important;
}


/* =========================================================
   UNE PUBLICATION
   ========================================================= */

.communications-section .publication-item {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 0 35px !important;

    display: grid !important;

    grid-template-columns: 1fr !important;

    box-sizing: border-box !important;
}


/* Petit rond année */

.communications-section .publication-annee {
    position: absolute !important;

    left: -100px !important;
    top: -2px !important;

    width: 54px !important;
    height: 54px !important;

    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background-color: #ffffff !important;

    border: 2px solid #cfd6da !important;
    border-radius: 50% !important;

    color: #254150 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    box-sizing: border-box !important;

    z-index: 2 !important;
}


/* Référence */

.communications-section .publication-reference {
    margin: 0 !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.6 !important;
}


/* Lien */

.communications-section .publication-lien {
    margin-top: 10px !important;
}


.communications-section .publication-lien a {
    color: #159447 !important;

    font-size: 15px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


.communications-section .publication-lien a:hover {
    text-decoration: underline !important;
}


/* =========================================================
   PUBLICATIONS MASQUÉES
   ========================================================= */

.communications-section .publication-cachee {
    display: none !important;
}


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

.communications-section .publications-plus {
    position: relative !important;

    width: 54px !important;
    height: 54px !important;

    margin: 0 0 0 -100px !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;
    color: #254150 !important;

    border: 2px solid #cfd6da !important;
    border-radius: 50% !important;

    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    cursor: pointer !important;

    box-sizing: border-box !important;
    z-index: 2 !important;
}


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

@media (max-width: 900px) {

    .communications-section {
        width: calc(100vw - 40px) !important;

        padding: 35px 30px 45px !important;
    }

}


@media (max-width: 650px) {

    .communications-onglets {
        width: 100% !important;
        max-width: 100% !important;

        flex-direction: column !important;
        align-items: stretch !important;

        gap: 8px !important;

        border-radius: 22px !important;
    }

    .communications-onglets > .wp-block-buttons {
        width: 100% !important;
        max-width: 100% !important;

        display: block !important;
    }

    .communications-tab {
        width: 100% !important;
        max-width: 100% !important;
    }

    .communications-tab .wp-block-button__link {
        width: 100% !important;
        max-width: 100% !important;

        white-space: normal !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }
}

/* =====================================
   RESSOURCES
   ===================================== */

.ressources-section {
    width: min(1500px, calc(100vw - 80px)) !important;
    max-width: none !important;

    margin: 0 auto 70px !important;
    padding: 45px 55px 50px !important;

    background-color: #ffffff !important;
    border-radius: 28px !important;

    box-sizing: border-box !important;
}


/* Titre */

.ressources-section h2 {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 30px !important;
    padding: 0 !important;

    color: #159447 !important;

    font-size: 32px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;

    text-align: left !important;
}


/* =====================================
   CARD RESSOURCES
   ===================================== */

.ressources-contenu {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 40px !important;

    background-color: #f5f7fa !important;
    border-radius: 20px !important;

    box-sizing: border-box !important;
}


/* Paragraphes et image :
   exactement la même largeur */

.ressources-contenu > p,
.ressources-contenu > .ressources-image {
    width: min(750px, 100%) !important;
    max-width: 750px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* Paragraphes */

.ressources-contenu > p {
    margin-top: 0 !important;
    margin-bottom: 20px !important;

    color: #254150 !important;

    font-size: 16px !important;
    line-height: 1.6 !important;
}


/* Image */

.ressources-contenu > .ressources-image {
    margin-top: 35px !important;
    margin-bottom: 0 !important;
}

.ressources-contenu .ressources-image img {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
}