/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* =============================================================================
   TABLE DES MATIÈRES
   =============================================================================
   1. Polices (Fonts) - Geomanist, Nohemi
   2. Utilitaires (scroll, CTA, utility, components)
   3. Bannière avis utiles / Accordeon
   4. Menu
   5. Accueil / Hero
   6. Vous informer / En savoir plus
   7. Article
   8. Recherche simplifiée
   9. Styles "En vidéo" / CTA mention
  10. Hero (détails)
  11. Glossaire (tooltips)
  12. Infographie / Autres (transmission, hérédité, parcours)
  13. Infographie ADN / Chromosome (depuis adn-chromosome)
   ============================================================================= */

/* =============================================================================
   1. POLICES (FONTS)
   ============================================================================= */

/* GEOMANIST / FONT AGENCE DE BIOMEDECINE */

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-BookItalic.eot');
    src: url('fonts/geomanist/Geomanist-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-BookItalic.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-BookItalic.woff') format('woff'),
        url('fonts/geomanist/Geomanist-BookItalic.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-BookItalic.svg#Geomanist-BookItalic') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-Bold.eot');
    src: url('fonts/geomanist/Geomanist-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-Bold.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-Bold.woff') format('woff'),
        url('fonts/geomanist/Geomanist-Bold.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-Bold.svg#Geomanist-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-Book.eot');
    src: url('fonts/geomanist/Geomanist-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-Book.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-Book.woff') format('woff'),
        url('fonts/geomanist/Geomanist-Book.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-Book.svg#Geomanist-Book') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist.eot');
    src: url('fonts/geomanist/Geomanist.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist.woff') format('woff'),
        url('fonts/geomanist/Geomanist.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist.svg#Geomanist') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-MediumItalic.eot');
    src: url('fonts/geomanist/Geomanist-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-MediumItalic.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-MediumItalic.woff') format('woff'),
        url('fonts/geomanist/Geomanist-MediumItalic.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-MediumItalic.svg#Geomanist-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-Medium.eot');
    src: url('fonts/geomanist/Geomanist-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-Medium.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-Medium.woff') format('woff'),
        url('fonts/geomanist/Geomanist-Medium.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-Medium.svg#Geomanist-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-Italic.eot');
    src: url('fonts/geomanist/Geomanist-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-Italic.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-Italic.woff') format('woff'),
        url('fonts/geomanist/Geomanist-Italic.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-Italic.svg#Geomanist-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Geomanist';
    src: url('fonts/geomanist/Geomanist-BoldItalic.eot');
    src: url('fonts/geomanist/Geomanist-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/geomanist/Geomanist-BoldItalic.woff2') format('woff2'),
        url('fonts/geomanist/Geomanist-BoldItalic.woff') format('woff'),
        url('fonts/geomanist/Geomanist-BoldItalic.ttf') format('truetype'),
        url('fonts/geomanist/Geomanist-BoldItalic.svg#Geomanist-BoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

/* --- Nohemi --- */
/* NOHEMI / FONT CHIFFRES & NOMBRE */

@font-face {
    font-family: 'Nohemi';
    src: url('fonts/nohemi/Nohemi-Bold.eot');
    src: url('fonts/nohemi/Nohemi-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/nohemi/Nohemi-Bold.woff2') format('woff2'),
        url('fonts/nohemi/Nohemi-Bold.woff') format('woff'),
        url('fonts/nohemi/Nohemi-Bold.ttf') format('truetype'),
        url('fonts/nohemi/Nohemi-Bold.svg#Nohemi-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.font-nohemi {
    font-family: 'Nohemi', sans-serif !important;
}

.font-bigger-highlight-texte {
    font-size: 1.5rem;
}

.font-bigger-highlight {
    font-size: 2.5rem;
}

@media screen and (min-width: 959px) {
    .font-bigger-highlight {
        font-size: 58px;
    }
}

/* =============================================================================
   2. UTILITAIRES
   ============================================================================= */

/* classe qui bloque le scroll */
body.no-scroll {
    overflow: hidden !important;
    height: 100vh !important;
}

/* --- CTA --- */

.padding-0 {
    padding: 0 !important;
}

.padding-0 .row.limit-width.row-parent {
    padding: 0 !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-section {
    padding: 0 20px 20px !important;
}

.padding-20 .row.limit-width.row-parent {
    padding: 0 !important;
}

.padding-block-0 {
    padding-block: 0 !important;
}

.padding-i-20 {
    padding-inline: 20px;
}

.margin-b-20 {
    margin-bottom: 20px;
}

.margin-b-0 {
    margin-bottom: 0 !important;
}

.header-banner .margin-b-0 .heading-text.el-text h1.geomanist-123793.fontsize-181940 {
    margin-bottom: 0 !important;
}

.margin-t-20-only-m {
    margin-top: 20px;
}

.padding-block-0 .row.limit-width.row-parent {
    padding-block: 0 !important;
}

.padding-i-20 .row.limit-width.row-parent {
    padding: 0 !important;
}

.padding-i-general {
    padding-inline: 20px;
}

.padding-i-general .row.limit-width.row-parent {
    padding: 0;
}

.margin-i-general {
    margin-inline: 20px;
}

.margin-i-general .row.limit-width.row-parent {
    margin: 0;
}

.flex-start-20-only-m {
    justify-content: flex-start !important;
    padding-left: 20px;
}

.menu-smart a span {
    display: flex !important;
    line-height: normal !important;
}

.padding-t-20-only-d {
    padding-top: 0;
}

.padding-t-20-only-m {
    padding-top: 20px;
}

@media screen and (min-width: 959px) {
    .padding-section {
        padding: 0 50px 50px !important;
    }

    .margin-t-20-only-m {
        margin-top: 0;
    }

    .padding-t-20-only-d {
        padding-top: 20px !important;
    }

    .flex-start-20-only-m {
        justify-content: center !important;
    }

    .padding-l-20-only-d {
        padding-left: 20px !important;
    }
}

.height-100 .youtube-video {
    height: 100%;
}

.btn-primary {
    padding: .5rem 1rem !important;
    border-radius: 1.5rem !important;
    margin: 0 auto;
}

.btn-secondary {
    padding: .5rem 1rem !important;
    border-radius: 1.5rem !important;
    border: solid 1px #2F3772 !important;
    color: #2F3772 !important;
    transition: all .3s ease-out;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0 !important;
}

.text-initial.no-letterspace.border-width-0.btn-secondary:hover {
    color: #6fa9e1 !important;
    border: 1px solid #6fa9e1 !important;
    background-color: inherit !important;
}

.text-initial.no-letterspace.border-width-0.btn-primary:hover {
    background-color: #2F3772 !important;
    border: 1px solid #2F3772 !important;
}

.btn-primary .fa,
.btn-secondary .fa,
.pour-aller-plus-loin-container .wpb_wrapper:after,
.general-button .wpb_wrapper:after {
    transition: margin-left .3s ease-out;
}

.btn-primary:hover .fa,
.btn-secondary:hover .fa {
    margin-left: 1.5rem;
}

.site-footer .btn-container a:focus {
    color: #fff;
}

.t-entry-readmore.btn-container .home-thumbnail-button {
    transition: all .3s ease-out !important;
}

.t-entry-readmore.btn-container .home-thumbnail-button::after {
    transition: all .3s ease-out !important;
}

.t-entry-readmore.btn-container:hover .home-thumbnail-button::after {
    margin-left: .75rem;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.17236 6.28579H12.8277M12.8277 6.28579L7.97131 1.21875M12.8277 6.28579L7.97131 11.3528' stroke='%236FA9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.t-entry-readmore.btn-container:hover .home-thumbnail-button {
    color: #6fa9e1 !important;
}

/* --- Utility --- */

html.contraste {
    background-color: #000 !important;
    color: #fff !important;
}

html.contraste *,
html.contraste *:before,
html.contraste *:after {
    color: #fff !important;
}

html.contraste *,
html.contraste *:before,
html.contraste *:after {
    border-color: #fff !important;
}

html.contraste * {
    background: none !important;
    background-image: none !important;
    background-color: #000 !important;
}

html.contraste img,
html.contraste video,
html.contraste iframe,
html.contraste picture,
html.contraste figure img {
    filter: grayscale(100%) !important;
}

html.contraste svg {
    fill: #fff !important;
    stroke: #fff !important;
}

html.contraste i,
html.contraste .fa,
html.contraste [class*="fa-"] {
    color: #fff !important;
}

html.contraste .menu__tab-title::after,
html.contraste .menu__header-title::after,
html.contraste .resultat-item__titre::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M12.8103 6.91114C12.9322 6.78287 13.0003 6.61255 13.0003 6.43555C13.0003 6.25855 12.9322 6.08823 12.8103 5.95996L7.43926 0.395021C7.32088 0.270295 7.17837 0.170903 7.02037 0.103029C6.86238 0.0351542 6.69222 0 6.52027 0C6.34831 0 6.17815 0.0351541 6.02016 0.103028C5.86217 0.170903 5.71964 0.270294 5.60126 0.395021L0.190265 5.99902C0.0693019 6.1262 0.0012569 6.29471 -4.31889e-05 6.47021C-0.00134328 6.64572 0.0641951 6.8149 0.183261 6.94385C0.242019 7.00776 0.313282 7.05899 0.392626 7.09424C0.471971 7.12948 0.557716 7.14818 0.644534 7.14893C0.731351 7.14968 0.817384 7.1325 0.897326 7.09863C0.977268 7.06476 1.0494 7.01504 1.10926 6.95215L6.06026 1.8208C6.11949 1.7585 6.19076 1.70919 6.26975 1.67529C6.34874 1.6414 6.43381 1.62402 6.51976 1.62402C6.60572 1.62402 6.69079 1.6414 6.76978 1.67529C6.84877 1.70919 6.92004 1.7585 6.97927 1.8208L11.8913 6.91016C11.9503 6.97272 12.0216 7.02258 12.1006 7.05664C12.1796 7.0907 12.2647 7.10791 12.3508 7.10791C12.4368 7.10791 12.5219 7.0907 12.601 7.05664C12.68 7.02258 12.7512 6.97369 12.8103 6.91114Z' fill='%23ffffff'/></svg>") !important;
}

html.contraste .cta__mention--images::before {
    background-image: url("data:image/svg+xml,<svg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.61111 10.5H9.38889C10.0025 10.5 10.5 10.0025 10.5 9.38889V1.61111C10.5 0.997461 10.0025 0.5 9.38889 0.5H1.61111C0.997461 0.5 0.5 0.997461 0.5 1.61111V9.38889C0.5 10.0025 0.997461 10.5 1.61111 10.5ZM1.61111 10.5L7.72222 4.38889L10.5 7.10667M4.38889 3.55556C4.38889 4.01579 4.01579 4.38889 3.55556 4.38889C3.09532 4.38889 2.72222 4.01579 2.72222 3.55556C2.72222 3.09532 3.09532 2.72222 3.55556 2.72222C4.01579 2.72222 4.38889 3.09532 4.38889 3.55556Z' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

html.contraste .home-thumbnail-button:after {
    background-image: url("data:image/svg+xml,<svg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M1.17236 6.28579H12.8277M12.8277 6.28579L7.97131 1.21875M12.8277 6.28579L7.97131 11.3528' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>") !important;
}

p::selection,
p::-moz-selection,
span::selection,
span::-moz-selection {
    background: #2F3772 !important;
    color: #fff !important;
}


.color-white {
    color: #fff !important;
}

.color-white strong {
    color: #fff !important;
}

.color-white .glossary-term {
    color: #fff !important;
}

.border-radius {
    border-radius: 1.5rem
}

.border-radius-1 {
    border-radius: 1rem
}

/* --- Components --- */
.home-thumbnail-button {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 4px;
}

.home-thumbnail-button:after {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.17236 6.28579H12.8277M12.8277 6.28579L7.97131 1.21875M12.8277 6.28579L7.97131 11.3528' stroke='%232F3772' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
    height: 15px;
    width: 15px;
}

.home-thumbnail {
    margin: 0 auto;
}

.home-thumbnail .tmb .t-inside {
    border: 1px solid #B0CAEB;
    border-radius: 1rem;
    align-items: stretch !important;

    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
}

.home-thumbnail .tmb-no-bg.tmb-content-lateral-responsive.tmb .t-entry-text .t-entry-text-tc {
    padding-top: 0 !important;
}

.home-thumbnail .t-entry {
    padding: 15px !important;
}

.home-thumbnail :not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry>*:not(hr):not(.spacer),
.home-thumbnail-second :not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry>*:not(hr):not(.spacer) {
    margin: 0;
}

.home-thumbnail-second .tmb .t-inside {
    border: 1px solid #B0CAEB;
    border-radius: 1rem;
    padding: 15px;
    height: 100%;
}


.home-thumbnail .tmb .t-entry-visual {
    margin-inline: auto;
}

.home-thumbnail .tmb .t-inside,
.home-thumbnail .tmb .t-inside .t-entry-text-tc,
.home-thumbnail-second .tmb .t-inside .t-entry-text {
    height: 100%;
}

.home-thumbnail .tmb .t-inside .t-entry-text .t-entry-text-tc .t-entry,
.home-thumbnail-second .tmb .t-inside .t-entry-text .t-entry-text-tc .t-entry {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 20px;
}

.home-thumbnail .t-entry-category,
.home-thumbnail-second .t-entry-category {
    background: #6FA9E1;
    font-size: 14px;
    line-height: 20px;
    padding: .25rem 15px;
    color: #ffffff !important;
    border-radius: 1.5rem;
}

.home-thumbnail .t-entry-category a,
.home-thumbnail-second .t-entry-category a {
    color: #ffffff !important;
    margin-left: .25rem;
    letter-spacing: .7px;
}

.home-thumbnail-second .t-entry-readmore,
.home-thumbnail .t-entry-readmore {
    display: flex;
    align-items: flex-end;
}

.menu-item {
    letter-spacing: 0 !important;
    padding: 12px 14px !important;
    border-radius: 1.5rem !important;
}

#menu-item-13:hover a .menu-btn-table .menu-btn-cell .menu-item {
    background-color: #2F3772;
    color: #fff;
}

#menu-item-13:hover a .menu-btn-table .menu-btn-cell .menu-item .menu-icon {
    color: #fff;
}

#menu-item-12 a .menu-btn-table .menu-btn-cell .menu-item {
    border: 0;
    padding-right: 0 !important;
}

.menu-item span {
    font-family: 'Geomanist' !important;
    font-weight: 400;
}

/* =============================================================================
   3. BANNIÈRE AVIS / ACCORDEON
   ============================================================================= */

/* BANNIERE AVIS UTILES OU NON */

.wpb_wrapper #was-this-helpful,
#was-this-helpful {
    background-color: #E5E7EB;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    border-radius: 1rem;
}

.wpb_wrapper #wthf-title,
#wthf-title {
    font-family: 'Geomanist';
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    padding-right: 0;
}

.wpb_wrapper #wthf-yes-no,
#wthf-yes-no {
    display: flex;
    gap: .75rem;
}

.wpb_wrapper #wthf-yes-no span,
#wthf-yes-no span {
    background-color: inherit;
    box-shadow: none;
    padding: 0
}

.wpb_wrapper #wthf-yes-no span:hover,
#wthf-yes-no span:hover {
    background-color: inherit;
    box-shadow: none;
}

.wpb_wrapper #wthf-yes-no span:first-child,
#wthf-yes-no span:first-child {
    margin-right: 0
}

.wpb_wrapper #wthf-yes-no span:last-child,
#wthf-yes-no span:last-child {
    margin-left: 0
}

.svg-hover:hover {
    fill: #2F3772;
}

/* --- Accordeon --- */

.accordeon-primary .panel,
.accordeon-secondary .panel,
.accordeon-tercery .panel {
    border: 0;
    border-radius: 1rem;
    transition: none !important;
}

.accordeon-primary a,
.accordeon-secondary a,
.accordeon-tercery a {
    color: #1e2a5a !important;
}

.accordeon-primary .panel:not(:last-child),
.accordeon-secondary .panel:not(:last-child),
.accordeon-tercery .panel:not(:last-child) {
    margin-bottom: 2rem;
}

.accordeon-primary .panel-collapse,
.accordeon-secondary .panel-collapse,
.accordeon-tercery .panel-collapse {
    position: relative;
}

.accordeon-primary .panel-body,
.accordeon-secondary .panel-body,
.accordeon-tercery .panel-body {
    padding: 20px;
    border: 1px #E5E7EB solid;
    border-radius: 0 0 1rem 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.accordeon-primary .panel-title,
.accordeon-secondary .panel-title,
.accordeon-tercery .panel-title {
    background-color: #E5E7EB;
    font-size: 18px;
    line-height: 22px;
    border-radius: 1rem;
    padding: 20px 20px 18px;
    border-radius: 1rem;
}

.accordeon-primary .active-group .panel-title,
.accordeon-secondary .active-group .panel-title,
.accordeon-tercery .active-group .panel-title {
    border-radius: 1rem 1rem 0 0
}

.accordeon-primary .panel:not(.has-padding) .panel-title>a,
.accordeon-secondary .panel:not(.has-padding) .panel-title>a,
.accordeon-tercery .panel:not(.has-padding) .panel-title>a {
    padding-block: 0;
}

.panel-group .panel:last-child {
    border: 0;
}

.panel-group .panel-heading+.panel-collapse:before {
    border-bottom-width: 0;
}

.accordeon-primary .panel-title.active a,
.accordeon-primary .panel-title.active a span::after,
.accordeon-secondary .panel-title.active,
.accordeon-tercery .panel-title.active a,
.accordeon-secondary .panel-title.active a span::after,
.accordeon-tercery .panel-title.active a span::after {
    color: inherit !important;
}

.panel-title a span:after {
    transform: translateY(-60%) rotate(0deg) !important;
}

.panel-title.accordeon-active a span:after {
    transform: translateY(-50%) rotate(-90deg) !important;
}

.accordeon-primary-container .row.limit-width.row-parent,
.accordeon-secondary-container .row.limit-width.row-parent,
.accordeon-tercery-container .row.limit-width.row-parent {
    padding-block: 0;
    padding-inline: 20px;
}

.accordeon-primary-container:not(:last-child),
.accordeon-secondary-container:not(:last-child),
.accordeon-tercery-container:not(:last-child) {
    margin-bottom: 20px
}

.accordeon-primary-container .panel-title>a>span {
    padding-right: 2em !important;
}

.accordeon-primary .uncode_text_column,
.accordeon-secondary .uncode_text_column,
.accordeon-tercery .uncode_text_column {
    margin-top: 0
}

.accordeon-media-type-1.uncode-single-media,
.accordeon-media-type-2.uncode-single-media,
.accordeon-media-type-3.uncode-single-media {
    display: flex;
    justify-content: center;
    align-items: center;
}

.accordeon-media-type-4.uncode-single-media {
    justify-content: flex-start;
}

.accordeon-media-type-1.uncode-single-media,
.accordeon-media-type-4.uncode-single-media {
    margin-block: 20px !important;
}

.accordeon-media-type-1 .single-wrapper,
.accordeon-media-type-4 .single-wrapper {
    width: 150px;
    height: 150px;
}

/* Variante : taille 150px uniquement sur mobile, aucune taille fixe sur desktop */
.accordeon-media-type-1-mobile .single-wrapper {
    width: 150px;
    height: 150px;
}

/* Autre variante : même principe (200px mobile, auto desktop) */
.accordeon-media-type-mobile-250 .single-wrapper {
    width: 250px;
    height: auto
}

/* 100px sur mobile, 200px sur desktop */
.accordeon-media-type-mobile-100 .single-wrapper {
    width: 100px;
    height: 100px;
}

/* 100px sur mobile, auto sur desktop */
.accordeon-media-type-mobile-100-auto .single-wrapper {
    width: 100px;
    height: 100px;
}

/* 150px sur mobile, auto sur desktop */
.accordeon-media-type-mobile-150-auto .single-wrapper {
    width: 150px;
    height: auto;
}

/* 150px en hauteur sur mobile (width auto), auto sur desktop */
.accordeon-media-type-mobile-150-auto-height .single-wrapper {
    width: auto;
    height: 150px;
}

.accordeon-media-type-2~.article-paragraph-small {
    margin-top: 20px !important;
}

.article-paragraph-small p,
.article-paragraph-small ul li {
    font-size: 16px;
    line-height: 22px !important;
}

.article-paragraph p a,
.article-paragraph-small p a {
    text-decoration: underline;
}

.article-paragraph p a:hover,
.article-paragraph-small p a:hover {
    text-decoration: none;
}

.accordeon-media-type-2 .single-wrapper {
    width: 65px;
    height: auto;
}

.accordeon-media-type-3 .single-wrapper {
    width: 200px;
    height: auto;
}

.accordeon-media-type-1 .t-entry-visual-tc .uncode-single-media-wrapper img,
.accordeon-media-type-2 .t-entry-visual-tc .uncode-single-media-wrapper img,
.accordeon-media-type-3 .t-entry-visual-tc .uncode-single-media-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* Variante de accordeon-media-type-2 sans centrage */
.accordeon-media-type-2-no-center.uncode-single-media {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordeon-media-type-2-no-center~.article-paragraph-small {
    margin-top: 20px !important;
}

.accordeon-media-type-2-no-center .single-wrapper {
    width: 65px;
    height: auto;
}

.accordeon-media-type-2-no-center .t-entry-visual-tc .uncode-single-media-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* =============================================================================
   4. MENU
   ============================================================================= */

.menu-container {
    display: none;
}

.menu__header {
    display: none;
    justify-content: center;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #DFE5F5;
}

.menu__header-title {
    font-size: 1rem !important;
    font-weight: 400;
    padding: 25px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-block: 0;
}

.menu__header-title span {
    margin-right: 10px;
}

.menu__header-title.menu__header-title--active {
    background-color: #DFE5F5;
}

.menu__tab.menu__tab--active .menu__tab-title::after {
    transform: rotate(0);
}

.menu__tab-title {
    display: flex;
    justify-content: space-between;
    border-radius: 1rem;
    margin-block: 0;
    font-weight: 500;
}

.menu__tab-title.menu__tab-title--active {
    border-radius: 1rem 1rem 0 0;
}

.menu__tab-title::after,
.menu__header-title::after,
.resultat-item__titre::after {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    height: 13px;
    width: 13px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M12.8103 6.91114C12.9322 6.78287 13.0003 6.61255 13.0003 6.43555C13.0003 6.25855 12.9322 6.08823 12.8103 5.95996L7.43926 0.395021C7.32088 0.270295 7.17837 0.170903 7.02037 0.103029C6.86238 0.0351542 6.69222 0 6.52027 0C6.34831 0 6.17815 0.0351541 6.02016 0.103028C5.86217 0.170903 5.71964 0.270294 5.60126 0.395021L0.190265 5.99902C0.0693019 6.1262 0.0012569 6.29471 -4.31889e-05 6.47021C-0.00134328 6.64572 0.0641951 6.8149 0.183261 6.94385C0.242019 7.00776 0.313282 7.05899 0.392626 7.09424C0.471971 7.12948 0.557716 7.14818 0.644534 7.14893C0.731351 7.14968 0.817384 7.1325 0.897326 7.09863C0.977268 7.06476 1.0494 7.01504 1.10926 6.95215L6.06026 1.8208C6.11949 1.7585 6.19076 1.70919 6.26975 1.67529C6.34874 1.6414 6.43381 1.62402 6.51976 1.62402C6.60572 1.62402 6.69079 1.6414 6.76978 1.67529C6.84877 1.70919 6.92004 1.7585 6.97927 1.8208L11.8913 6.91016C11.9503 6.97272 12.0216 7.02258 12.1006 7.05664C12.1796 7.0907 12.2647 7.10791 12.3508 7.10791C12.4368 7.10791 12.5219 7.0907 12.601 7.05664C12.68 7.02258 12.7512 6.97369 12.8103 6.91114Z' fill='%232F3772'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

    transform: rotate(180deg);
}

.menu__section {
    padding: 20px 20px 0;
}

.menu__section-title {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-block: 0;
    margin-bottom: 1rem;
    font-weight: 600;
}

.menu__container {
    margin-top: 72px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
    padding: 20px;
    gap: 20px;
}

.menu__tab-title {
    font-size: 1rem !important;
    line-height: 1rem;
    font-weight: 500;
    background-color: #E5E7EB;
    padding: 20px;
    display: flex;
    cursor: pointer;
}

.menu__section-container {
    display: none;
    flex-direction: column;
    gap: 26px;
    border: 1px solid #E5E7EB;
}

.menu__section-container.menu__section-container--active {
    display: flex;
}

.menu__subsection {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.menu__section-article {
    font-size: 1rem !important;
    line-height: 125%;
    margin-block: 0;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
    justify-content: space-between;
}

.menu__link {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90%;
}

.menu__section-article:hover .menu__link .menu__title {
    text-decoration: underline;
}

.menu__section-article .cta__mention {
    margin-left: 0;
    cursor: auto;
}

/* .article-pour_aller_plus_loin .cta__mention~.fa.fa-arrow-right2 {
    margin-left: auto;
} */

.menu__section-article span {
    width: fit-content;
}

.menu__section-article::after,
.pour-aller-plus-loin-container .wpb_wrapper::after {
    content: '';
    height: 15px;
    width: 35px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'><path d='M1 6.06704H12.6553M12.6553 6.06704L7.79895 1M12.6553 6.06704L7.79895 11.1341' stroke='%232F3772' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.general-button .wpb_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.general-button .wpb_wrapper::after {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 21.655px;
    height: 20.134px;
    flex-shrink: 0;
    aspect-ratio: 21.66/20.13;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'><path d='M1 6.06704H12.6553M12.6553 6.06704L7.79895 1M12.6553 6.06704L7.79895 11.1341' stroke='%232F3772' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.general-button:hover .wpb_wrapper::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'><path d='M1 6.06704H12.6553M12.6553 6.06704L7.79895 1M12.6553 6.06704L7.79895 11.1341' stroke='%236FA9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    margin-left: 1.5rem;
}

.pour-aller-plus-loin-container .wpb_wrapper:hover {
    border: 1px solid #6FA9E1;
}


.general-button:hover .wpb_wrapper .btn-mention-titre,
amazon.pour-aller-plus-loin-container .wpb_wrapper:hover .btn-mention-titre {
    color: #6FA9E1;
}

.pour-aller-plus-loin-container .wpb_wrapper:hover:after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'><path d='M1 6.06704H12.6553M12.6553 6.06704L7.79895 1M12.6553 6.06704L7.79895 11.1341' stroke='%236FA9E1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    margin-left: 1.5rem;
}

.menu__section:last-child {
    padding-bottom: 20px;
}

.menu__wrapper .row {
    padding: 0 !important;
}

/* =============================================================================
   5. ACCUEIL / HERO
   ============================================================================= */

.accueil-hero-deskm .accueil-hero-mob {
    margin-block: 20px;
}

.accueil-hero-desk {
    height: calc(100dvh - 70px - 104px);
}

.accueil-hero-desk .row.full-width.row-parent,
.accueil-hero-desk .row.full-width.row-parent .column-parent,
#accueil-hero-mob .row.full-width.row-parent,
#accueil-hero-mob .wpb_row.row-inner,
#accueil-hero-mob .row.full-width.row-parent .column-parent,
.accueil-hero-mob-container {
    height: 100% !important;
}

.accueil-hero-mob {
    height: calc(80dvh - 72px - 24px);
    margin: 20px;
}

.accueil-hero-text-container {
    padding-top: 0;
}

.accueil-hero-mob .background-inner {
    background-size: 95% 100% !important;
}

.accueil-hero-desk .row.full-width.row-parent,
.accueil-hero-mob .row.full-width.row-parent {
    padding: 0;
}

.accueil-hero-desk .background-inner {
    background-size: 95% 100% !important;
}

.accueil-title h2 {
    font-size: 28px;
    line-height: 36px;
    margin-top: 0;
}

.hero-souris {
    position: absolute !important;
    bottom: -5%;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
    left: 50%;
}

.accueil-title-desk .h1 {
    font-size: 5.5vw !important;
    line-height: 5.75vw !important;
}

.accueil-title-mob .h1 {
    font-size: 40px !important;
    line-height: 44px !important;
}

.hero-text-mob {
    margin-top: 20px !important;
}

.hero-text-mob p {
    font-size: 1rem;
    line-height: 22px;
}

/* =============================================================================
   6. VOUS INFORMER / EN SAVOIR PLUS
   ============================================================================= */

.vous-informer {
    padding-block-start: 30px;
}

.en-savoir-plus {
    padding-block: 50px;
}

.vous-informer .owl-dots-outside .owl-dots .owl-dot span,
.en-savoir-plus .owl-dots-outside .owl-dots .owl-dot span {
    border-radius: 25px;
    width: 35px;
    transform: scale(1);
}

/* .vous-informer .owl-dots-outside.owl-carousel[data-dotsmobile="true"],
.en-savoir-plus .owl-dots-outside.owl-carousel[data-dotsmobile="true"] {
    margin-bottom: 20px;
}
.vous-informer .owl-dots-outside .owl-dots,
.en-savoir-plus .owl-dots-outside .owl-dots {
    bottom: -20px;
} */

.vous-informer .owl-dots .owl-dot.active span,
.vous-informer .owl-dots .owl-dot:hover span,
.en-savoir-plus .owl-dots .owl-dot.active span,
.en-savoir-plus .owl-dots .owl-dot:hover span {
    background-color: #2F3772;
    opacity: 1;
}

.vous-informer .row.limit-width.row-parent,
.en-savoir-plus .row.limit-width.row-parent {
    padding-block: 0;
    padding-inline: 20px;
}

/* =============================================================================
   7. ARTICLE
   ============================================================================= */

.header-banner {
    margin: 0;
    padding: 20px;
    max-width: 1920px;
}

.header-banner .row.full-width.row-parent {
    margin: 0;
    padding: 0;
}

.header-banner .article-paragraph-small {
    margin-top: .5rem
}

.header-banner-media-mobile {
    margin-block: 0;
}

.header-banner-media-desktop {
    padding: 0 !important;
}

/* @media screen and (min-height: 920px) {
    .header-banner {
        max-height: 600px;
    }
}
@media screen and (min-height: 1200px) {
    .header-banner {
        max-height: 620px;
    }
} */

.article-header-paragraph p,
.article-paragraph p,
.article-paragraph ul li {
    font-size: 18px;
    line-height: 26px !important;
}

.article-header-paragraph p strong,
.article-paragraph p strong,
.article-paragraph-small p strong,
.article-paragraph ul li strong {
    font-weight: 500;
}

.article-paragraph p:first-child {
    margin-top: 0 !important;
}

.article-paragraph {
    margin-bottom: 0 !important;
}

.article-header-title .heading-text.el-text h1 {
    font-size: 28px;
    line-height: 36px !important;
    margin-block: 10px 10px !important;
    font-weight: 500;
}

.article-heading-title-h2 .heading-text .h2 {
    font-size: 28px;
    line-height: 36px;
    font-weight: 500;
}

.article-section-interrogation .article-heading-title-h2 .heading-text .h2 {
    font-size: 26px;
    line-height: 32px;
    font-weight: 500;
}


.article-paragraph ul {
    margin-top: .15rem;
}

.article-paragraph-small ul {
    margin-top: .5rem;
}

.article-section,
.article-section-2,
.hero-after-section-container .row.limit-width.row-parent,
.article-section-1 {
    padding: 20px
}

.article-section .row.limit-width.row-parent,
.article-section-1 .row.limit-width.row-parent,
.article-section-2 .row.limit-width.row-parent,
.article-section-number .row.limit-width.row-parent {
    padding: 0
}

.article-section-number {
    border: 1px solid #B0CAEB !important;
    padding: 20px;
}

.article-section-number.padding-30 {
    padding: 20px;
}

.hero-after-section-container-mob,
.hero-after-section-container-desk {
    border-radius: 15px;
}

.hero-after-section-container-mob {
    padding: 25px 20px !important;
}

.hero-after-section-container-mob h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
}

.hero-after-section-container-mob .uncode_text_column p {
    font-size: 1rem;
    line-height: 22px;
}

.article-border {
    border-radius: 15px;
    border: 1px solid #B0CAEB;
}

.article-border .uncont {
    padding: 40px;
}

.article-number p {
    font-weight: 700;
    font-family: 'Nohemi';

    font-size: 40px;
    line-height: 32px;
}

.panel-title a span:after {
    transform: translateY(-50%) rotate(90deg) !important;
    transition: none;
}


@media screen and (min-width: 959px) {

    .header-banner.single-page {
        padding: 20px 50px;
    }

    .header-banner .uncol,
    .header-banner .uncont,
    .header-banner .single-wrapper,
    .header-banner .tmb,
    .header-banner .t-inside,
    .header-banner .t-entry-visual,
    .header-banner .t-entry-visual-tc,
    .header-banner .uncode-single-media-wrapper {
        height: 100%;
    }

    .header-banner .uncode-single-media-wrapper img {
        margin: auto;
        max-height: 550px;
        object-fit: contain;
    }

    .article-header-paragraph {
        width: 90%;
    }

    .article-header-paragraph p {
        font-size: 22px;
        line-height: 30px !important;
    }

    .header-banner-media-desktop {
        padding-left: 30px !important;
    }

    .article-heading-h2 {
        font-size: 36px;
        line-height: 44px
    }

    .article-section {
        padding: 50px 20px;
    }

    .article-section-1 {
        padding: 50px 20px 60px
    }

    .article-section-2 {
        padding: 50px 20px 0px
    }

    .accordeon-primary .panel-body,
    .accordeon-secondary .panel-body {
        display: flex;
        gap: 20px;
        padding: 40px;
    }

    .accordeon-tercery .panel-body {
        display: flex;
        gap: 0;
        padding: 40px;
    }

    .accordeon-primary .panel-body {
        flex-wrap: nowrap;
    }

    .accordeon-secondary .panel-body,
    .accordeon-tercery .panel-body {
        flex-wrap: wrap;
    }

    .article-heading-title-h2 .heading-text .h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .article-paragraph p {
        font-size: 18px;
        line-height: 26px;
    }

    .max-width-1180,
    .accordeon-secondary-containe,
    .accordeon-tercery-container,
    .accordeon-primary-container,
    .article-divider-container,
    .article-divider-container-1,
    .article-divider-container-2,
    .article-divider-container-3,
    .article-section,
    .article-section-1,
    .article-section-2,
    .article-section-number,
    .before-divider {
        max-width: 1180px;
        margin: 0 auto;
    }

    .article-section-interrogation .uncont {
        display: flex;
    }

    .article-section-number {
        padding: 40px;
    }

    .article-section-number-gap>.uncol>.uncoltable>.uncell>.uncont {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .vc_row.display-flex.row-internal.row-container>.row.row-child>.wpb_row.row-inner>.wpb_column.column_child.single-internal-gutter>.uncol>.uncoltable>.uncell.no-block-padding>.uncont {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }

    .article-section-nombre-title p {
        font-size: 26px;
        line-height: 32px;
        font-weight: 500;
    }

    .article-subsection-interrogation .uncont {
        display: flex;
        flex-direction: column;
    }

    .article-media-interrogation-desktop {
        margin-right: 40px;
    }

    .article-media-interrogation-desktop .single-wrapper {
        width: 100px;
    }

    .hero-after-section-container-desk h2 {
        font-size: 36px;
        line-height: 44px;
        font-weight: 500;
    }

    .hero-after-section-container-desk .background-inner {
        background-position: 6% center !important;
    }

    .hero-souris .row.limit-width.row-parent {
        top: -38px;
    }

    .accueil-title h2 {
        font-size: 36px;
        line-height: 44px;
    }

    .home-thumbnail .tmb .t-inside {
        padding: 30px 0 0 30px;
    }


    .home-thumbnail .tmb .t-entry-visual-cont a img {
        position: absolute;
        right: 0;
        top: 15%;
    }

    .home-thumbnail-second .tmb .t-inside {
        padding: 30px;
    }

    .home-thumbnail-button {
        padding-bottom: 22px;
    }

    .home-thumbnail .tmb .t-inside {
        flex-direction: row-reverse;
    }

    .owl-carousel .owl-stage-outer {
        height: auto !important;
    }

    /* Forcer la stage à rester en flex row */
    .owl-carousel .owl-stage {
        display: flex;
        /* row horizontal */
        align-items: stretch;
        /* étire les enfants verticalement */
    }

    /* Forcer les items à prendre toute la hauteur et garder leur largeur */
    .owl-carousel .owl-stage .owl-item {
        flex: 0 0 auto;
        /* largeur fixée par Owl */
        height: 100%;
        display: block;
    }

    .owl-carousel .owl-stage .owl-item .tmb {
        height: 100%;
    }

    .owl-stage-outer {
        display: flex !important;
    }

    .pour-aller-plus-loin-container .wpb_wrapper {
        width: fit-content !important;
    }

    .pour-aller-plus-loin-container .wpb_wrapper::after {
        background-position: right center;
        padding-left: 1.5rem;
    }

    .btn-mention {
        flex-direction: row;
        flex-wrap: nowrap !important;
        align-items: center;
    }

    .article-section-number {
        margin: 20px 20px 0
    }

    .accordeon-media-type-1 .single-wrapper,
    .accordeon-media-type-4 .single-wrapper {
        width: 200px;
        height: 200px;
    }

    .accordeon-media-type-1-mobile .single-wrapper,
    .accordeon-media-type-mobile-250 .single-wrapper,
    .accordeon-media-type-mobile-100-auto .single-wrapper,
    .accordeon-media-type-mobile-150-auto .single-wrapper,
    .accordeon-media-type-mobile-150-auto-height .single-wrapper {
        width: auto;
        height: auto;
    }

    .accordeon-media-type-mobile-100 .single-wrapper {
        width: 200px;
        height: 200px;
    }

    .accordeon-media-type-2 .single-wrapper {
        width: 100px;
        height: auto;
    }

    .accordeon-media-type-2-no-center .single-wrapper {
        width: 100px;
        height: auto;
    }

    .article-number p {
        font-size: 58px;
        line-height: 60px;
    }

}

/* =============================================================================
   8. RECHERCHE SIMPLIFIÉE
   ============================================================================= */

.recherche__section .row .row-container .row-parent {
    padding: 0;
}

.recherche__parent {
    padding-inline: 50px;
}

.recherche__parent .recherche__container {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 20px 50px;
}

.recherche__parent .recherche__liste {
    margin: 0;
    background-color: #DFE5F5;
    padding: 42px 20px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    /* max-width: 1180px; */
    width: 100%;
}

.recherche__parent .recherche__liste-titre {
    margin: 0;
    font-family: 'Geomanist';
    font-weight: 700;
    font-size: 1rem;
    text-align: center;
}

.recherche__subcontainer {
    display: flex;
    gap: 12px;
    justify-content: center;
    align-items: center;
}

.recherche__parent .recherche__titre {
    font-size: 28px;
    margin-block: 0;
    font-family: 'Geomanist';
    font-weight: 500;
}

.recherche__parent .recherche__description {
    font-size: 1rem;
    font-weight: 400;
    margin-block: 20px;
    letter-spacing: -0.4px;
}

.recherche__item-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .5rem;
}

.recherche__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 24px;
    background-color: #fff;
    color: #1e2a5a;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    font-family: 'Geomanist';
    font-weight: 500;
}

.recherche__item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.recherche__item:has(input[type="checkbox"]:checked) {
    background-color: #79B089;
    color: #fff;
}

.recherche__label {
    font-size: 1rem;
    font-family: 'Geomanist';
    font-weight: 500;
}

.recherche__item:has(input[type="checkbox"]:checked) .recherche__label-svg path {
    fill: #fff;
}

.recherche__item:hover {
    background-color: #2F3772;
    color: #fff !important;
}

.recherche__item:hover .recherche__label-svg svg path {
    fill: #fff;
}

.recherche__label-svg {
    display: flex;
    align-items: center;
    transition: transform 0.3s ease, fill 0.3s ease;
    transform-origin: center;
}

.recherche__item:has(input[type="checkbox"]:checked) .recherche__label-svg {
    transform: rotate(45deg);
}

.recherche__bouton {
    margin: 0 auto;
    transform: scale(1) !important;
    font-size: 1rem !important;
    padding: .5rem 12px !important;
}

.resultats__parent .row .row-container .row-parent {
    padding: 0;
}

.resultats__wrapper .row.row-parent {
    padding: 0;
}

.resultats__parent {
    margin: 0;
}

.resultats {
    padding-top: 20px;
}

/* Marge en bas du bloc quand il n'y a pas de section "Pour aller plus loin" */
.resultats--sans-plus-loin {
    padding-bottom: 40px;
}

.resultats__parent .resultats__header {
    display: flex;
    flex-direction: column;
    margin: 20px;
}

.resultats__parent .resultats__header-title {
    margin-block: 10px 30px;
    font-family: 'Geomanist';
    font-weight: 500;
    font-size: 36px;
}

.resultats__parent .resultats__filtres {
    display: flex;
    flex-direction: column;
}

.resultats__parent .resultats__filtres-container,
.resultats__filtres-modifier {
    display: flex;
    gap: 10px;
}

.resultats__filtres-container {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    width: 70%;
    flex-wrap: wrap;
}

.resultats__filtres-modifier {
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.resultats__filtres-item,
.resultats__filtres-modifier p {
    margin: 0;
}

.resultats__filtres-modifier-svg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.resultats__filtres-text {
    margin-block: 20px;
    font-size: 1rem;
}

.resultats__filtres-item {
    background-color: #79B089;
    color: #fff;
    font-weight: 500;
    font-family: 'Geomanist';
    font-size: 18px;
    padding: 4px 20px;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
}

.block__cta {
    margin: 0 auto;
    padding: 50px 0;
}

.resultats__liste,
.block__cta {
    max-width: 1180px;
}

.resultats__liste {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.resultats__liste-titre {
    font-family: 'Geomanist';
    font-weight: 500;
    font-size: 1.5rem !important;
}

.resultat-item__titre {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    background-color: #E5E7EB;
    font-size: 18px !important;
    font-weight: 700;
    font-family: 'Geomanist';
    padding: 20px;
    border-radius: 1rem;
    font-weight: 700 !important;
}

.resultat-item__content {
    padding: 40px;
    border-left: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    border-right: 1px solid #E5E7EB;
    border-radius: 0 0 1rem 1rem;
}

.resultat-item__excerpt {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 12px;
}

.resultat-item__lien {
    font-weight: 500;
    font-family: 'Geomanist';
    display: flex;
    align-items: center;
}

.resultat-item__lien-texte {
    margin-right: 10px;
}

.resultat-item__lien-texte,
.resultat-item__lien:hover span,
.resultat-item__lien:hover span svg path {
    transition: margin-right .3s ease-out, color 0.3s ease-out, stroke 0.3s ease-out;
}

.resultat-item__lien:hover .resultat-item__lien-texte {
    margin-right: 20px;
}

.resultat-item__lien:hover span {
    color: #6FA9E1;
}

.resultat-item__lien:hover span svg path {
    stroke: #6FA9E1;
}

.resultat-item__titre--accordeon {
    cursor: pointer;
    text-align: left;
    font-size: inherit;
    font-weight: inherit;
}

.resultat-item__icon {
    transition: transform 0.3s ease;
}

.resultat-item__titre--accordeon[aria-expanded="true"] {
    border-radius: 1rem 1rem 0 0;
}

.resultat-item__titre--accordeon[aria-expanded="true"] .resultat-item__icon {
    transform: rotate(180deg);
}

.resultat-item__content {
    display: none;
}

.resultat-item__content--active {
    display: block;
}

.resultats__liste-boutons .btn-secondary {
    width: 100%;
    justify-content: space-between;
}

.cta__mention {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    height: 22px;
}

.cta__mention--images,
.cta__mention--video {
    padding: 8px 15px 6px !important;
    border-radius: 1.5rem;
    font-size: 12px;
    line-height: 10px;
    font-weight: 500;
    margin-left: 10px;
    width: fit-content;
}

.cta__mention--images {
    background: #F7BF62;
    color: #2F3772 !important;
}

/* =============================================================================
   9. STYLES "EN VIDÉO" / CTA MENTION
   ============================================================================= */

/* Style pour "En video" (vert) */
.cta__mention--video {
    background: #79B089;
    color: #fff !important;
}

.cta__mention--images::before {
    content: '';
    display: block;
    margin-top: -3px;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%2211%22%20viewBox%3D%220%200%2011%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M1.61111%2010.5H9.38889C10.0025%2010.5%2010.5%2010.0025%2010.5%209.38889V1.61111C10.5%200.997461%2010.0025%200.5%209.38889%200.5H1.61111C0.997461%200.5%200.5%200.997461%200.5%201.61111V9.38889C0.5%2010.0025%200.997461%2010.5%201.61111%2010.5ZM1.61111%2010.5L7.72222%204.38889L10.5%207.10667M4.38889%203.55556C4.38889%204.01579%204.01579%204.38889%203.55556%204.38889C3.09532%204.38889%202.72222%204.01579%202.72222%203.55556C2.72222%203.09532%203.09532%202.72222%203.55556%202.72222C4.01579%202.72222%204.38889%203.09532%204.38889%203.55556Z%22%20stroke%3D%22%232F3772%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cta__mention--video::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    margin-top: -2px;
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2211%22%20height%3D%227%22%20viewBox%3D%220%200%2011%207%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.5%201.35714L7.31818%203.5L10.5%205.64286V1.35714Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M6.40909%200.5H1.40909C0.907014%200.5%200.5%200.883756%200.5%201.35714V5.64286C0.5%206.11624%200.907014%206.5%201.40909%206.5H6.40909C6.91117%206.5%207.31818%206.11624%207.31818%205.64286V1.35714C7.31818%200.883756%206.91117%200.5%206.40909%200.5Z%22%20stroke%3D%22white%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.header-banner-subwrapper .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
}

.header-banner-subwrapper .cta__mention {
    margin-left: 0;
}

.btn-secondary.btn-mention {
    padding-block: 4px !important;
    width: 100%;
}

.pour-aller-plus-loin-container .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 500;
    padding: 8px 12px;
    border-radius: 18px;
    border: 1px solid #2F3772;
}

.pour-aller-plus-loin-container .wpb_wrapper .cta__mention {
    margin-left: 0;
}

.pour-aller-plus-loin-container .wpb_wrapper:hover {
    border: 1px solid #6FA9E1;
}

.pour-aller-plus-loin-container .wpb_wrapper a.btn-mention,
.pour-aller-plus-loin-container .wpb_wrapper:hover a.btn-mention span {
    transition: color .3s ease !important;
}

.pour-aller-plus-loin-container .wpb_wrapper:hover a.btn-mention,
.pour-aller-plus-loin-container .wpb_wrapper:hover a.btn-mention span {
    color: #6FA9E1;
}

.btn-mention {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.btn-mention--images-ou-video {
    /* padding: 2px 0 8px; */
}

.btn-mention-titre {
    font-size: 1rem !important;
    line-height: normal !important;
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-right: 10px;
}

.btn-mention-titre.btn-mention-titre--fs-18 {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
    /* 144.444% */
}

.article-pour_aller_plus_loin .uncont {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.vc_row.article-pour_aller_plus_loin.row-internal.row-container {
    margin-block: 20px !important;
}

.article-pour_aller_plus_loin .wpb_raw_code.wpb_raw_html {
    margin-top: 0 !important;
}


.article-section-number .uncont .article-section-nombre-title {
    margin-top: 0 !important;
}

.article-section-nombre-title p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.resultats__divider {
    height: 2px;
    background-color: #b0caeb;
}

.resultats__divider hr {
    margin-block: 50px 30px;
    width: 100%;
}

.resultats__liste--autres {
    padding-top: 40px;
}

.resultats__liste-boutons {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1rem;
}

.article__categorie {
    display: flex;
    border-radius: 1rem;
    border: 1px solid #2F3772;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.article__categorie-parent,
.article__categorie-enfant {
    font-size: 8px;
    line-height: normal;
    font-weight: 400;
    margin-top: 0;
    font-family: 'Geomanist';
}

.article__categorie-parent {
    padding: 6px 10px 6px 15px;
}

.article__categorie-enfant {
    padding: 6px 15px 6px 9px;
}

.article__categorie-parent {
    border-right: 1px solid #2F3772;
}

.article-divider-container {
    padding-block: 60px 0;
    padding-inline: 20px;
}

.article-divider-container-1,
.article-divider-container-2,
.article-divider-container-3 {
    padding-block: 0;
    padding-inline: 20px;
}

.article-divider-container .row.limit-width.row-parent,
.article-divider-container-1 .row.limit-width.row-parent,
.article-divider-container-2 .row.limit-width.row-parent,
.article-divider-container-3 .row.limit-width.row-parent {
    padding: 0;
}

.accordeon-media-type-1~.article-paragraph-small {
    margin-top: 0 !important;
}

.article-conclusion,
.article-conclusion-paragraph-container {
    margin-top: 0;
    padding-top: 0;
}

.article-conclusion {
    margin-top: 0;
    display: flex;
    gap: 1rem;
}

.article-conclusion .icon-box-content p span a {
    text-decoration: underline;
}

.article-conclusion .icon-box-content p span a:hover {
    text-decoration: none;
}

.article-conclusion.article-conclusion--small .icon-box-content p {
    font-size: 18px;
    line-height: 26px;
}

.article-conclusion.article-conclusion--middle .icon-box-content p {
    font-size: 18px;
    line-height: 26px;
}

.article-conclusion .icon-box-content p {
    margin-top: 0;
    font-size: 18px;
    line-height: 26px;
}

.article-conclusion .icon-box-content p strong {
    color: #6FA9E1 !important;
    font-weight: 500;
}

.article-conclusion--t-none p {
    font-weight: 400;
    margin-top: 20px;
}

.article-media-interrogation {
    margin-bottom: 20px;
}

.article-section-interrogation {
    margin-block: 20px;
    border-radius: 1rem;
}

.article-section-number {
    border-radius: 1rem;
}


.article-pour_aller_plus_loin {
    width: 100%;
    margin-top: 0 !important;
}

.margin-t-08 {
    margin-top: .5rem !important;
}

.margin-t-20 {
    margin-top: 20px !important;
}

.page-body {
    padding-top: 68px;
    display: block;
}

/* Navbar WordPress masquée partout ; la nôtre est injectée (visible desktop uniquement) */
.menu-wrapper,
.row-menu {
    display: none !important;
}

@media screen and (max-width: 959px) {
    .menu--desktop {
        display: none;
    }

    .menu--mobile {
        width: 100%;
    }

    .navbar-mobile__burger {
        cursor: pointer;
    }

    /* NAVBAR MOBILE */
    .navbar-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        background: #dfe5f5;
        padding: 20px;
        z-index: 20;
        position: fixed;
        top: 0;
    }

    /* Deux logos mobile, ratio 50:37 (référence --logo-h, plus petit sur mobile) */
    .navbar-mobile__logos {
        --logo-h: 28px;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        flex-shrink: 0;
    }

    .navbar-mobile__logo-link {
        display: block;
        line-height: 0;
    }

    .navbar-mobile__logo-link:hover {
        opacity: 0.9;
    }

    .navbar-mobile__logo-img {
        height: var(--logo-h);
        width: auto;
        max-height: var(--logo-h);
        object-fit: contain;
        object-position: left center;
        display: block;
    }

    .navbar-mobile__logo-img--secondary {
        height: calc(var(--logo-h) * 37 / 50);
        max-height: calc(var(--logo-h) * 37 / 50);
    }

    .navbar-mobile__burger {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        background: none;
        border: none;
        padding: 0;
        transition: all 0.3s ease;
    }

    .fa-bars {
        color: #2F3772;
    }

    .navbar-mobile__burger-text {
        display: none;
        font-family: 'Geomanist';
        font-weight: 500;
        font-size: 16px;
        color: #2F3772;
        text-transform: uppercase;
        white-space: nowrap;
    }

    .navbar-mobile__burger--open .navbar-mobile__burger-icon {
        display: none;
    }

    .navbar-mobile__burger--open .navbar-mobile__burger-text {
        display: block;
    }

    .menu__search {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 23px 20px;
        background-color: #E7F1FA;
        border-radius: 1rem;
    }

    .menu__search-container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .menu__search-text,
    .menu__contraste-text {
        margin-top: 0;
    }

    .menu__search-text {
        font-weight: 500;
    }

    .menu__contraste-text {
        font-size: 400;
    }

    .menu__search-text {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1rem;
        line-height: 1rem;
    }

    .menu__contraste {
        background: inherit;
        display: flex;
        align-items: center;
        gap: .5rem;
        font-size: 14px;
        font-weight: 400;
        padding-left: 14px;
    }

    .menu__item-mob {
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding-inline: 20px;
    }

    .menu__item-mob p {
        margin-top: 0;
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
    }

    .navbar-mobile-contenu {
        height: calc(100vh - 72px);
        overflow: auto;
    }

    .navbar-mobile-contenu.navbar-mobile-contenu--hidden {
        display: none;
    }

    .navbar-mobile-contenu.navbar-mobile-contenu--visible {
        display: flex;
    }

    .menu--mobile .menu__tab-title {
        scroll-margin-top: 88px;
    }

    /* Ancien HTML encore servi par cache : lien retiré du PHP mais parfois présent dans le transient. */
    .menu--mobile a.menu__scroll-top {
        display: none !important;
    }

    /* Conteneur commun navbar-desktop + menu--desktop : masqué sur mobile (un seul ancrage) */
    .menu-desktop-container {
        display: none !important;
    }

    /* (Navbar WP déjà masquée globalement ci-dessus) */

    .home-thumbnail .tmb-content-size-7.tmb-content-lateral.tmb>.t-inside .t-entry-text {
        width: 100% !important;
    }

    .btn-mention--images-ou-videos {
        padding: 0;
    }
}

@media screen and (min-width: 584px) {
    .owl-stage-outer.owl-height {
        display: flex;
        align-items: stretch;
    }

    .owl-stage {
        display: flex;
    }
}

@media screen and (min-width: 959px) {

    .pour-aller-plus-loin-container .wpb_wrapper {
        padding: 3px 12px;
    }

    .padding-t-20-only-m {
        padding-top: 0;
    }

    .page-body {
        padding-top: calc(76px + 70.19px);
    }

    .resultats {
        padding-top: 50px;
    }

    .resultats--sans-plus-loin {
        padding-bottom: 50px;
    }

    /* Conteneur commun : visible sur desktop (ancrage unique pour navbar + menu) */
    .menu-desktop-container {
        position: fixed;
        z-index: 20;
        display: block !important;
        width: 100%;
    }

    .navbar-desktop {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: 100;
        background: #dfe5f5;
        min-height: 60px;
        box-sizing: border-box;
    }

    .navbar-desktop__inner {
        width: 100%;
    }

    .navbar-desktop__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        padding: 15px 0;
        min-height: 60px;
        box-sizing: border-box;
        max-width: 1180px;
        margin-inline: auto;
    }

    /* Référence 50px pour le 1er logo ; 2e = 37px (ratio 37/50 conservé en responsive) */
    .navbar-desktop__logos {
        --logo-h: 50px;
        display: flex;
        align-items: center;
        gap: 1rem;
        flex-shrink: 0;
    }

    .navbar-desktop__logo-link {
        display: block;
        line-height: 0;
    }

    .navbar-desktop__logo-link:hover {
        opacity: 0.9;
    }

    .navbar-desktop__logo-img {
        height: var(--logo-h);
        width: auto;
        max-height: var(--logo-h);
        object-fit: contain;
        object-position: left center;
        display: block;
    }

    .navbar-desktop__logo-img--secondary {
        height: calc(var(--logo-h) * 37 / 50);
        max-height: calc(var(--logo-h) * 37 / 50);
    }

    /* Réduction proportionnelle (ratio 50:37) quand l’espace se réduit */
    @media screen and (max-width: 1100px) {
        .navbar-desktop__logos {
            --logo-h: 40px;
        }
    }

    @media screen and (max-width: 1000px) {
        .navbar-desktop__logos {
            --logo-h: 36px;
        }
    }

    .navbar-desktop__nav {
        flex-shrink: 0;
    }

    .navbar-desktop__list {
        display: flex;
        align-items: center;
        gap: 1rem;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .navbar-desktop__item {
        margin: 0;
    }

    .navbar-desktop__item--search {
        border-radius: 1.5rem;
        border: 1px solid #1E2A5A;
    }

    .navbar-desktop__item a {
        transition: none;
    }

    .navbar-desktop__item--search:hover {
        background: #1E2A5A;
    }

    .navbar-desktop__item--search:hover a {
        color: #fff !important;
    }

    .navbar-desktop__link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        border: none;
        background: transparent;
    }

    .navbar-desktop__link:hover {
        opacity: 0.85;
    }

    .navbar-desktop__icon {
        margin-right: 0.25rem;
    }


    .resultats__parent .resultats__header {
        margin: 50px;
    }

    .menu__container {
        padding: 0;
        margin-top: 0;
    }

    .menu--desktop {
        display: block;
        width: 100%;
    }

    .navbar-mobile,
    .navbar-mobile-contenu {
        display: none;
    }

    .menu__header {
        display: flex;
        z-index: 2;
        position: relative;
        background-color: #fff;
    }

    .menu__header-title {
        cursor: pointer;
    }

    .menu__section-article::after,
    .menu__tab-title {
        display: none;
    }

    .menu__section-title {
        font-size: 20px !important;
        font-weight: 700 !important;
        padding-block: 20px 12px;
        border-bottom: 1px solid #DFE5F5;
    }

    .menu__subsection {
        gap: 0;
    }

    .menu__section-article {
        padding-block: 12px;
        font-size: 18px;
        line-height: 16px;
    }

    .menu__section-container {
        border: none;
        gap: 0;
    }

    .menu__container--active {
        padding: 0 50px 20px;
        height: calc(100dvh - 70px - 80px);
        overflow-y: auto;
        gap: 20px;
        background-color: #fff;
    }

    .menu__tab {
        display: none;
    }

    .menu__tab.menu__tab--active {
        display: flex;
    }

    .menu__section-container {
        width: 100%;
    }

    .menu__link {
        flex-direction: row;
        align-items: center;
    }

    .recherche__parent .recherche__container {
        padding: 50px 50px 100px;
    }

    .recherche__parent .recherche__description {
        font-size: 22px;
    }

    .recherche__parent .recherche__liste {
        padding: 42px;
        background-color: #E7F1FA;
        gap: 40px;
        margin: 0 auto;
    }

    .recherche__parent .recherche__liste-titre {
        font-size: 1.5rem;
        font-family: 'Geomanist';
        font-weight: 500;
    }

    .recherche__item {
        padding: 4px 20px;
    }

    .recherche__item-container {
        width: 70%;
        max-width: 1180px;
        gap: 1.5rem;
    }

    .resultats__parent .resultats__header {
        background-color: #E7F1FA;
        /* couleur de fond */

        /* background SVG par-dessus */
        background-image: url("data:image/svg+xml,%3Csvg width='166' height='176' viewBox='0 0 166 176' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.4'%3E%3Cpath d='M88.0674 156.257C45.0965 156.257 10.1348 121.207 10.1348 78.1283C10.1348 35.0496 45.0965 0 88.0674 0C131.038 0 166 35.0496 166 78.1283C166 121.207 131.038 156.257 88.0674 156.257ZM88.0674 16.9317C54.4188 16.9317 27.0371 44.3822 27.0371 78.1153C27.0371 111.848 54.4188 139.299 88.0674 139.299C121.716 139.299 149.098 111.848 149.098 78.1153C149.098 44.3822 121.716 16.9317 88.0674 16.9317Z' fill='%23B0CAEB'/%3E%3Cpath d='M37.8411 126.082L0 164.018L11.9517 176L49.7928 138.064L37.8411 126.082Z' fill='%23B0CAEB'/%3E%3Cpath d='M123.328 79.8878H106.426C106.426 68.8607 97.4805 59.893 86.481 59.893V42.9482C106.803 42.9482 123.328 59.515 123.328 79.8878Z' fill='%23B0CAEB'/%3E%3C/g%3E%3C/svg%3E");

        background-repeat: no-repeat;
        background-position: right center;
        /* positionné à droite et centré verticalement */
        background-size: 20% 65%;
        border-radius: 1rem;
        padding: 50px;
        display: flex;
        flex-direction: column;
    }

    .resultats__parent {
        margin: 50px;
    }

    .resultats__parent .resultats__header-title {
        margin-block: 40px 20px;
        font-size: 56px;
    }

    .resultats__filtres-text {
        font-size: 18px;
    }

    .resultats__liste {
        padding-top: 50px;
    }

    .resultats__divider {
        margin: 50px auto 0;
        max-width: 1180px;
    }

    .resultats__liste-titre {
        margin-top: 20px;
    }

    .resultats__liste-boutons .btn-secondary {
        width: fit-content;
        justify-content: flex-start;
    }

    .resultats__liste--autres {
        padding-top: 40px;
    }

    .resultats__liste--autres .resultats__liste-titre {
        margin-top: 0;
    }

    .wpb_wrapper #was-this-helpful,
    #was-this-helpful {
        padding: 50px 20px;
    }

    /* .article__categorie {
        margin-bottom: 12px;
    } */

    .article__categorie-enfant {
        padding: 5px 15px 5px 10px;
    }

    .cta__mention {
        height: 29px;
    }

    .cta__mention--images,
    .cta__mention--video {
        padding: 5px 15px;
        font-size: 13px;
        line-height: 14px;
    }

    .header-banner-subwrapper .wpb_wrapper {
        display: flex;
        flex-direction: row;
        gap: .75rem;
    }

    .btn-mention {
        width: fit-content;
        padding: 0 !important;
    }

    .article-divider-container {
        padding-block: 50px;
    }

    .article-divider-container-1 {
        padding-block: 0;
    }

    .article-divider-container-2 {
        padding-block: 50px 60px;
    }

    .article-divider-container-3 {
        padding-block: 60px 20px;
    }

    .article-divider-container~.vc_section.before-divider .article-section,
    .article-divider-container-1~.vc_section.before-divider .article-section,
    .article-divider-container-3~.vc_section.before-divider .article-section,
    .article-divider-container-2~.vc_section.before-divider .article-section {
        padding-top: 0;
    }

    .vc_row.article-pour_aller_plus_loin.row-internal.row-container {
        margin-block: 40px !important;
    }

    .article-paragraph-small-container,
    .accordeon-media-type-2-container {
        padding-left: 20px !important;
    }

    .accordeon-type-3-container-start {
        padding-left: 20px;
    }

    .accordeon-type-3-container-end {
        padding-left: 20px !important;
        padding-right: 0 !important;
    }

    .accordeon-secondary .panel-body .vc_row,
    .accordeon-tercery .panel-body .vc_row {
        padding: 0 !important;
    }

    .btn-mention:hover span {
        color: #6FA9E1;
    }

    .btn-mention:hover {
        border-color: #6FA9E1;
    }

    .btn-mention:hover .fa.fa-arrow-right2 {
        margin-left: 1.5rem;
        color: #6FA9E1;
    }

    .vous-informer .owl-carousel-wrapper,
    .en-savoir-plus .owl-carousel-wrapper {
        overflow: visible
    }

    .home-thumbnail .t-entry {
        padding: 0 !important;
    }

    .accordeon-media-type-3 .single-wrapper {
        width: 300px;
        height: 300px;
    }

    .article-paragraph-container .article-conclusion {
        margin-top: 20px !important;
    }

    .btn-mention-titre,
    .article__categorie-parent,
    .article__categorie-enfant {
        line-height: normal;
    }

    .article-section-number.padding-30 {
        padding: 30px;
    }

    .article__categorie-parent,
    .article__categorie-enfant {
        font-size: 14px;
    }
}

.souris {
    position: relative;
    width: 30px;
    height: 44px;
    padding: 0 7px 12px;
    border-radius: 1rem;
    border: 1.5px solid #2F3772;
    overflow: hidden;
    cursor: pointer;
    margin: 0 auto;
}

.souris-container .row.row-parent .vc_row.row-container .row.limit-width.row-parent {
    padding: 0;
}

.souris-container {
    margin-top: 20px;
    padding: 0;
}

.souris__avant,
.souris__apres {
    position: absolute;
    padding-inline: 7px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: .3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
}

.souris__apres {
    top: 0;
}

.souris__avant {
    top: -65px;
}

.souris__avant img,
.souris__apres img {
    width: 14px;
    height: 42px;
    object-fit: contain;
    object-position: center;
}

.souris:hover .souris__avant {
    top: 0;
}

.souris:hover .souris__apres {
    bottom: -65px;
}


@media screen and (min-width: 959px) {
    .souris__container {
        margin-block: 50px
    }
}

/* =============================================================================
   10. HERO (détails)
   ============================================================================= */

.hero-container {
    position: relative;
}

.hero-container .row.full-width.row-parent {
    padding: 0 !important;
}

.hero {
    position: relative;
    height: calc(90dvh - 40px - 72px);
    min-height: 478px;
    width: 100%;
    font-family: 'Geomanist';
    font-style: normal;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3rem;
}

.hero__container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 80%;
    width: 100%;
    background: radial-gradient(123.81% 124.4% at 94.05% 84.25%, #B7C9E9 0%, #E7F1FA 100%);
    padding: 20px;
    border-radius: 30px;
}

.hero__title {
    margin-top: 0;
    font-weight: 700;
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 20px;
}

.hero__title,
.hero__description {
    text-align: center;
    color: #2F3772;
}

.hero__description {
    font-size: 1rem;
    line-height: 22px;
    margin-block: 0;
}

.hero__silhouette1 {
    top: -18%;
    left: -2%;
    width: 12%;
}

.hero__silhouette2 {
    top: -19%;
    right: 11%;
    width: 22%;
    z-index: 1;
}

.hero__silhouette3 {
    width: 35%;
    bottom: -29%;
    left: -2%;
    z-index: 1;
}

.hero__silhouette4 {
    width: 22%;
    bottom: -20%;
    left: 27%;
    z-index: 0;
}

.hero__silhouette5 {
    width: 20%;
    bottom: -17%;
    right: 29%;
}

.hero__silhouette6 {
    width: 35%;
    bottom: -17%;
    right: -3%;
}

.hero__silhouette7 {
    width: 14%;
    top: 2%;
    left: 15%;
    z-index: 0;
}

.hero__silhouette8 {
    width: 12%;
    top: 4%;
    left: 25%;
}

.hero__silhouette9 {
    width: 11%;
    top: 2%;
    right: 51%;
}

.hero__silhouette10 {
    top: 1%;
    width: 12%;
    right: 38%;

}

.hero__silhouette11 {
    width: 13%;
    top: -20%;
    right: 3%;
}

.hero__silhouette1,
.hero__silhouette2,
.hero__silhouette3,
.hero__silhouette4,
.hero__silhouette5,
.hero__silhouette6,
.hero__silhouette7,
.hero__silhouette8,
.hero__silhouette9,
.hero__silhouette10,
.hero__silhouette11 {
    position: absolute;
}

.hero__silhouette1 img,
.hero__silhouette2 img,
.hero__silhouette3 img,
.hero__silhouette4 img,
.hero__silhouette5 img,
.hero__silhouette6 img,
.hero__silhouette7 img,
.hero__silhouette8 img,
.hero__silhouette9 img,
.hero__silhouette10 img,
.hero__silhouette11 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.header-banner-media-desktop-image {
    display: none;
}

@media screen and (max-width: 390px) {
    .hero {
        padding-top: 2rem;
        height: calc(60dvh - 40px - 72px);
    }
}

@media screen and (min-width: 390px) {
    .hero {
        padding-top: 2rem;
        height: calc(65dvh - 40px);
        max-height: 672px;
    }

    .hero__title {
        margin-top: 0;
    }
}

@media screen and (min-width: 540px) {

    .header-banner-media-mobile {
        max-width: 65%;
        margin: 0 auto;
    }

    .hero__silhouette1 {
        width: 15%;
    }

    .hero__silhouette2 {
        top: -19%;
        right: 6%;
        width: 20%;
    }

    .hero__silhouette3 {
        width: 30%;
    }

    .hero__silhouette4 {
        left: 20%;
    }

    .hero__silhouette5 {
        width: 15%;
        bottom: -21%;
        right: 20%;
    }

    .hero__silhouette6 {
        width: 27%;
        bottom: -22%;
    }

    .hero__silhouette7 {
        left: 18%;
    }

    .hero__silhouette8 {
        top: 3%;
        left: 31%;
    }

    .hero__silhouette9 {
        right: 42%;
    }

    .hero__silhouette10 {
        right: 29%;
    }

    .hero__title {
        margin-top: 0;
    }

    .btn-mention-titre {
        margin-right: 0;
    }
}

@media screen and (min-width: 710px) {
    .hero__silhouette1 {
        width: 13%;
    }

    .hero__silhouette2 {
        width: 17%;
    }

    .hero__silhouette3 {
        width: 27%;
    }

    .hero__silhouette6 {
        width: 25%;
    }
}

@media screen and (min-width: 768px) {
    .hero {
        padding-top: 102px;
        height: calc(85vh - 40px);
        margin-bottom: calc(2.75rem + 20px);
        max-height: 356px;
    }

    .hero__container {
        min-height: 340px;
    }

    .hero-souris {
        bottom: -2%;
    }

    .hero__title {
        font-size: 56px !important;
    }

    .hero__container {
        height: 45%;
    }

    .hero__silhouette1 {
        width: 10%;
        left: 6%;
        top: -27%;
    }

    .hero__silhouette7 {
        top: 4%;
        left: 25%;
        width: 12%;
    }

    .hero__silhouette8 {
        top: 5%;
        left: 36%;
    }

    .hero__silhouette9 {
        width: 10%;
        top: 5%;
        right: 36%;
    }

    .hero__silhouette10 {
        top: 4%;
        width: 12%;
        right: 26%;
    }

    .hero__silhouette2 {
        width: 13%;
        top: -30%;
        right: 8%;
    }

    .hero__silhouette3 {
        width: 21%;
        left: 1%;
        bottom: -20%;
    }

    .hero__silhouette4 {
        width: 15%;
        left: 18%;
    }

    .hero__silhouette11 {
        top: -30%;
    }

    .hero__silhouette5 {
        right: 19%;
        width: 11%;
    }

    .hero__silhouette6 {
        width: 21%;
        right: -1%;
    }

    .hero__silhouette8,
    .hero__silhouette11 {
        width: 10%;
    }

    .pour-aller-plus-loin-container .wpb_wrapper::after {
        width: 17px;
    }

    .article__categorie-parent,
    .article__categorie-enfant {
        font-size: 12px;
    }

    .cta__mention {
        height: 27px;
    }

}

@media screen and (min-width: 844px) {
    .hero {
        max-height: 560px;
    }

    .hero__container {
        height: 90%;
        min-height: fit-content;
    }
}

@media screen and (min-width: 1024px) {
    .header-banner-subwrapper .wpb_wrapper {
        align-items: center;
        justify-content: flex-start;
    }

    .header-banner-media-mobile {
        max-width: 35%;
    }

    .padding-i-general {
        padding-inline: 0;
    }

    .hero {
        padding-top: 75px;
        height: calc(72dvh - 40px - 70px);
        max-height: 505px;
    }

    .hero-souris {
        bottom: -1%;
    }

    .hero__container {
        height: 85%;
    }

    .hero__title {
        font-size: 64px !important;
    }

    .hero__description {
        font-size: 18px;
        line-height: 26px;
    }

    .hero__silhouette1 {
        width: 7%;
        left: 8%;
        aspect-ratio: 104.74/328.47;
    }

    .hero__silhouette7 {
        width: 8%;
        aspect-ratio: 128.95/207.48;
    }

    .hero__silhouette8 {
        width: 7%;
        left: 32%;
        aspect-ratio: 128.95/207.48;
    }

    .hero__silhouette9 {
        width: 7%;
        top: 6%;
        right: 36%;
        aspect-ratio: 107.50/308.43;
    }

    .hero__silhouette10 {
        width: 7%;
        right: 29%;
        aspect-ratio: 112.04/202.96;
    }

    .hero__silhouette2 {
        width: 9%;
        top: -27%;
        right: 13%;
    }

    .hero__silhouette3 {
        width: 14%;
        left: 1%;
        bottom: -25%;
        aspect-ratio: 235.46/408.07;
    }

    .hero__silhouette4 {
        width: 13%;
        left: 16%;
        bottom: -18%;
    }

    .hero__silhouette11 {
        right: 3%;
        width: 7%;
        top: -24%;
    }

    .hero__silhouette5 {
        right: 15%;
        width: 9%;
        bottom: -18%;
        aspect-ratio: 122.41/225.23;
    }

    .hero__silhouette6 {
        width: 17%;
        right: -1%;
        bottom: -18%;
        aspect-ratio: 234.24/283.43;
    }

    .pour-aller-plus-loin-container .wpb_wrapper::after {
        margin-left: 5px;
    }
}

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

    .header-banner-media-desktop {
        display: block;
    }

    .header-banner-section {
        width: 100%;
    }
}

@media screen and (min-width: 1200px) {
    .header-banner {
        margin: 50px 50px 0 !important;
        padding: 50px;
        border-radius: 1rem;
        max-height: 790px;
    }

    .header-banner-media-mobile {
        display: none;
    }

    .header-banner-media-desktop-image {
        display: flex;
    }
    

    .hide-desktop {
        display: none !important;
    }
}

@media screen and (min-width: 1440px) {
    .hero {
        padding-inline: 50px;
        height: 588px;
        padding-top: 75px;
        margin-bottom: 3rem !important;
    }

    .hero__container {
        min-height: 307px;
    }

    .hero-souris {
        bottom: 0;
    }

    .hero__title {
        font-size: 72px !important;
    }

    .article-header-title .heading-text.el-text h1 {
        font-size: 3rem;
        line-height: 115% !important;
        font-size: 56px;
        line-height: 64px !important;
        margin-block: 40px 20px !important;
    }


    .article-header-title .heading-text.el-text h1 {
        font-size: 3rem;
        line-height: 115% !important;
        margin-block: 40px 20px !important;
    }

    .article__categorie-parent {
        padding: 5px 10px 5px 15px;
    }


    .recherche__parent .recherche__titre {
        font-size: 56px;
        margin-block: 40px 20px;
    }

}

@media screen and (min-width: 1600px) {
    .hero {
        max-height: none;
        height: 610px;
    }

    .hero__container {
        height: 400px;
    }

    .hero__title {
        font-size: 97px !important;
    }
}

@media screen and (min-width: 1920px) {
    .hero {
        height: calc(85dvh - 40px - 70px);
        min-height: 730px;
        max-height: 730px;
        /* padding-top: 163px; */
        max-width: 1920px;
        margin: 0 auto;
    }

    .hero__container {
        height: 454px;
    }

    .hero-souris {
        bottom: 4%;
    }

}

@media screen and (min-width: 2120px) {
    .hero__container {
        height: 72%;
    }

    .hero {
        padding-inline: 50px;
        height: 588px;
        padding-top: 50px;
    }

    .header-banner {
        margin: 50px auto 20px !important;
    }
}

.tag.icon-box.icon-box-left.icon-box-space-reduced {
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: fit-content !important;
    background-color: #6FA9E1;
    padding: 5px 15px 2px 10px !important;
    border-radius: 1.5rem;
}

.tag .icon-box-icon {
    margin: 0 !important;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
}

.tag .icon-box-icon.fa-container .text-color-xsdn-color i.fa.fa-1x {
    line-height: normal !important;
}

.tag p {
    margin: 0;
    line-height: 19px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.tag .icon-box-content {
    padding-left: 0 !important;
}


.margin-0 {
    margin: 0;
}

.margin-t-0 {
    margin-top: 0 !important;
}

.style-dark a:not(.btn-text-skin):hover {
    color: #fff !important;
    text-decoration: underline;
}

@media (min-width: 1027px) {
    .owl-dots-outside.owl-carousel[data-dots="true"] {
        margin-bottom: 0 !important;
    }
}

.text-hover-underline {
    text-decoration: underline !important;
}

.text-hover-underline:hover {
    text-decoration: none !important;
}

.footer-column .uncode_text_column p {
    line-height: normal;
}

.footer-text p {
    font-size: 1rem;
    line-height: 22px;
}

.padding-b-50-20 {
    padding: 20px;
}

.padding-b-50-20 .row.limit-width.row-parent {
    padding: 0;
}

.padding-b-50-0 {
    padding: 20px 20px 0;
}

.padding-b-50-0 .row.limit-width.row-parent {
    padding: 0;
}

@media (min-width: 1024px) {
    .padding-b-50-20 {
        padding-block: 50px 20px;
        padding-inline: 0;
    }

    .padding-b-50-0 {
        padding-block: 50px 0;
        padding-inline: 0;
    }

    .footer-text p {
        font-size: 18px;
        line-height: 26px;
    }
}

.padding-b-60-50-divider {
    padding: 60px 20px;
    max-width: 1180px;
    margin: 0 auto;
    padding-inline: 20px;
}

.padding-b-60-50-divider .row.limit-width.row-parent {
    padding: 0;
}

.padding-b-20 {
    padding-block: 20px;
}

.padding-b-40-l {
    padding-block: 40px;
}

.padding-b-e-20-l .row.limit-width.row-parent,
.padding-b-e-40-l .row.limit-width.row-parent {
    padding: 0;
}

@media (max-width: 1023px) {
    .margin-b-e-20 {
        margin-block-end: 20px;
        padding-inline: 20px;
    }

    .margin-i-20 {
        margin-inline: 20px;
    }
}

@media (min-width: 1024px) {
    .padding-b-60-50-divider {
        padding-block: 60px 50px;
        padding-inline: 0px;
    }

    .margin-b-e-40-l {
        margin-block-end: 40px;
    }

    .margin-i-20-l {
        margin-inline: 20px;
    }
}

@media (min-width: 1220px) {
    .margin-i-20-l {
        margin-inline: auto;
    }
}

.padding-b-50-40-divider {
    padding-block: 50px 30px;
    padding-inline: 20px;
    max-width: 1180px;
    margin: 0 auto;
}

.padding-b-50-40-divider .row.limit-width.row-parent {
    padding: 0;
}

.padding-b-60-20-divider {
    padding-block: 40px 20px;
    padding-inline: 20px;
    max-width: 1180px;
    margin: 0 auto;
}

.padding-b-60-50-divider.padding-i-0,
.padding-b-60-20-divider.padding-i-0,
.padding-b-0-20-divider.padding-i-0,
.padding-b-50-0.padding-i-0,
.padding-b-50-40-divider.padding-i-0 {
    padding-inline: 0px;
}

.padding-b-60-20-divider .row.limit-width.row-parent {
    padding: 0;
}

@media (min-width: 1024px) {
    .padding-b-60-20-divider {
        padding-block: 60px 20px;
        padding-inline: 0px;
    }

    .padding-b-50-40-divider {
        padding-block: 50px 40px;
        padding-inline: 0px;
    }
}

.padding-b-0-20 {
    padding-block: 0 20px;
    padding-inline: 20px;
}

.padding-b-0-20 .row.limit-width.row-parent {
    padding: 0;
}

.article-paragraph.row-desktop-column-mobile p {
    flex-direction: column;
}

.personalized-highlight-number {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .padding-b-0-20 {
        padding-inline: 0px;
    }

    .accordeon-primary-container .row.limit-width.row-parent,
    .accordeon-secondary-container .row.limit-width.row-parent,
    .accordeon-tercery-container .row.limit-width.row-parent {
        padding-inline: 0;
    }

    .article-paragraph.row-desktop-column-mobile p {
        flex-direction: row;
    }

    .personalized-highlight-number {
        gap: .75rem;
        flex-direction: row;
    }
}

/* =============================================================================
   11. GLOSSAIRE (TOOLTIPS)
   ============================================================================= */

/* Liens / termes de glossaire */

.infographie-parcours__p-highlight strong,
.infographie-parcours__p.infographie-parcours__p-highlight strong span .glossary-term {
    color: #fff !important;
}

.glossary-term {
    color: #2F3772;
    /* Fallback pour Safari iOS < 12 */
    text-decoration: underline !important;
    /* Longhands pour compatibilité iPad */
    text-decoration-line: underline !important;
    text-decoration-style: dotted !important;
    text-decoration-color: #2F3772 !important;
    text-decoration-skip-ink: auto;
    text-underline-offset: 2px;
    cursor: help;
    position: relative;
}

.glossary-term:hover {
    color: #2F3772;
}

/* Forcer le soulignement dans .article-paragraph et strong (ex. "hérédité" dans un paragraphe en gras) */
.article-paragraph .glossary-term,
.article-paragraph strong .glossary-term,
strong .glossary-term {
    text-decoration: underline dotted #2F3772 !important;
}

/* Bulle tooltip au survol */
#glossary-tooltip {
    position: absolute;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 12px 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 300px;
    z-index: 9999;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

#glossary-tooltip::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 20px;
    width: 12px;
    height: 12px;
    background: white;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    transform: rotate(45deg);
}

.flex-column p {
    display: flex;
    flex-direction: column;
}

.text-decoration-hover:hover {
    text-decoration: underline;
}

.flex-column-center {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.flex-column-fs {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.flex-column-center.flex-column-center--gap-0 {
    gap: 0;
}

@media screen and (min-width: 1024px) {
    .flex-column-center--w360 {
        width: 360px;
    }
    .flex-column-center.flex-column-center--gap24 {
        gap: 1.5rem;
    }
}

.flex-column-center .infographie__image--full {
    width: 45%;
}

@media screen and (min-width: 1024px) {
    .flex-column-center .infographie__image--full {
        width: 60%;
        max-width: 500px;
    }
}

.flex-column-center .infographie__image--full img {
    width: 100%;
    height: 100%;
}

.t-center {
    text-align: center;
}

.p-40 {
    padding: 0;
}

.max-width-911 {
    max-width: 911px;
    margin: 0 auto;
}

.color-white {
    color: #fff;
}


.hide-mobile {
    display: none !important;
}

.fz-22 {
    font-size: 22px;
}

.fz-36 {
    font-size: 36px;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-column-center .infographie__image--full {
    width: 70%;
}

@media screen and (min-width: 768px) {
    .flex-column-center .infographie__image--full {
        width: 45%;
    }
}

@media screen and (min-width: 1024px) {
    .flex-column-center .infographie__image--full {
        width: 60%;
    }

    .infographie-heredite__image--genes {
        width: 25%;
    }
}

.flex-column-center .infographie__image--full img {
    width: 100%;
    height: 100%;
}

.t-center {
    text-align: center;
}

.p-40 {
    padding: 0;
}

.max-width-911 {
    max-width: 911px;
    margin: 0 auto;
}

.fz-22 {
    font-size: 22px;
}

.fz-36 {
    font-size: 36px;
}

.t-none {
    text-transform: none !important;
}

.t-uppercase {
    text-transform: uppercase;
}

.t-bold {
    font-weight: 500 !important;
}

.t-serif {
    font-family: "Times New Roman", Times, serif;
    font-style: italic;
}

.max-w569 {
    max-width: 569px;
    padding-block: 20px;
}

@media screen and (min-width: 1024px) {
    .max-w569 {
        padding-block: 40px;
    }
}

/* =============================================================================
   12. INFOGRAPHIE / AUTRES COMPOSANTS
   ============================================================================= */

.container-infographie {
    overflow: hidden;
    position: relative;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.infographie__prefooter {
    max-width: 1080px;
    width: 100%;
    margin-inline: auto;
}

@media screen and (min-width: 1024px) {
    .infographie__prefooter {
        width: 75%;
    }
}

.infographie__prefooter img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-heredite {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px;
    min-height: 400px;
    gap: 20px;
}

.infographie-heredite--last-box {
    min-height: auto;
}

.infographie-heredite--pair {
    margin-right: auto;
}

.infographie-heredite--impair {
    margin-left: auto;
    flex-direction: column-reverse;
}

.infographie-heredite__highlight {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url("/wp-content/uploads/2026/02/bg_highlight.svg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    min-height: 300px;
    padding-top: 40px;
    z-index: 1;
}

.infographie-heredite__highlight-image {
    width: 180px;
    height: auto;
}

.infographie-heredite__highlight-image img {
    width: 100%;
    height: 100%;
}

.infographie-heredite__highlight .infographie-heredite__textuel {
    background-color: transparent;
    text-align: center;
}

.infographie-heredite__bg {
    width: 100%;
    height: auto;
    z-index: 0;
    min-width: 980px;
}

.infographie-heredite__bg path {
    transition: fill 0.3s ease, opacity 0.3s ease;
}

.infographie-heredite__image,
.infographie-heredite__textuel {
    position: relative;
    z-index: 1;
}

.infographie-heredite__image {
    flex-shrink: 0;
    width: 45%;
    max-width: 95px;
}

.infographie-heredite__image--wbigger {
    max-width: 426px;
}

.infographie-heredite__image--hbigger {
    width: 262px;
    width: fit-content;
}

.infographie-heredite__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-heredite__textuel {
    background: #fff;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 1rem;
    color: #2F3772;
}

.infographie-heredite__textuel.w284 {
    width: auto;
}

.infographie-heredite__textuel.w378 {
    width: auto;
}

.infographie-heredite__textuel.w415 {
    width: auto;
}

.infographie-heredite__date {
    font-family: "Nohemi";
    font-size: clamp(32px, 4vw, 42px);
    font-weight: 700;
    line-height: 1;
    margin: 0;
}

.infographie-heredite__titre {
    font-family: "Geomanist";
    font-size: clamp(16px, 3vw, 18px) !important;
    line-height: clamp(20px, 3.6vw, 22px) !important;
    font-weight: 500;
    margin: 0;
}

.infographie-heredite__titre.infographie-heredite__titre--highlight {
    background-color: #2F3772;
    border-radius: 32px;
    padding: 20px;
    margin-top: 20px;
}

.infographie-heredite__texte {
    font-family: "Geomanist";
    font-size: clamp(16px, 4vw, 18px);
    line-height: clamp(24px, 5vw, 22px);
    font-weight: 400;
    margin: 0;
}

.infographie-heredite__bas-de-page {
    margin-top: -90px;
    position: relative;
    z-index: 0;
    background: url("/wp-content/uploads/2026/02/forme-12.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-block: 75px 50px;
    margin-inline: auto;
}

.infographie-heredite__bas-de-page-textuel {
    margin-inline: 20px;
}

.infographie-heredite__bas-de-page .infographie-heredite {
    padding: 20px 40px 32px;
}

.infographie-heredite--bleu {
    background-color: #E9EDF8;
}

.infographie-heredite--jaune {
    background-color: #FFF2DE;
}

.infographie-heredite--vert {
    background-color: #E5F1EA;
}

.infographie-heredite--bleu:hover .infographie-heredite__bg path {
    fill: #C5D4F7;
}

.infographie-heredite--jaune:hover .infographie-heredite__bg path {
    fill: #fac776;
}

.infographie-heredite--vert:hover .infographie-heredite__bg path {
    fill: rgb(200, 230, 213);
}

.infographie-heredite--1,
.infographie-heredite--2,
.infographie-heredite--3,
.infographie-heredite--4,
.infographie-heredite--5,
.infographie-heredite--6,
.infographie-heredite--7,
.infographie-heredite--8,
.infographie-heredite--9,
.infographie-heredite--10,
.infographie-heredite--11,
.infographie-heredite--12 {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.infographie-heredite--1 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-1.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-1.svg");
}

.infographie-heredite--2 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-2.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-2.svg");
}

.infographie-heredite--3 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-3.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-3.svg");
}

.infographie-heredite--4 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-4.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-4.svg");
}

.infographie-heredite--5 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-5.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-5.svg");
}

.infographie-heredite--6 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-6.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-6.svg");
}

.infographie-heredite--7 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-7.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-7.svg");
}

.infographie-heredite--8 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-8.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-8.svg");
}

.infographie-heredite--9 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-9.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-9.svg");
}

.infographie-heredite--10 {
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-10.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-10.svg");
}

@media screen and (min-width: 375px) {
    .infographie-heredite {
        padding: 20px;
        min-height: auto;
    }
}

@media screen and (min-width: 768px) {
    .infographie-heredite {
        padding: 40px;
        max-width: 64%;
    }

    .infographie-heredite__image {
        max-width: 135px;
    }

    .infographie-heredite__image--hbigger {
        max-width: 250px;
    }

    .infographie-heredite__highlight {
        width: 70%;
        margin-inline: auto;
        min-height: auto;
        padding-bottom: 1rem;
    }

    .infographie-heredite__bas-de-page {
        margin-top: -100px;
    }
}

@media screen and (min-width: 1024px) {

    

    .p-40 {
        padding: 40px;
    }

    .container-infographie {
        /* padding-inline: 50px; */
        gap: 32px;
    }

    .infographie-heredite {
        flex-direction: row;
        min-height: 200px;
        max-width: 700px;
    }

    .infographie-heredite--impair {
        flex-direction: row-reverse;
    }

    .infographie-heredite__highlight {
        background-size: 70% 90%;
        width: 100%;
    }

    .infographie-heredite__textuel {
        margin-top: 20px;
    }

    .infographie-heredite__textuel.w284 {
        width: 284px;
    }

    .infographie-heredite__textuel.w378 {
        width: 378px;
    }

    .infographie-heredite__textuel.w415 {
        width: 415px;
    }

    .infographie-heredite__image {
        max-width: 165px;
    }

    .infographie-heredite__image.infographie-heredite__image--genes {
        width: 20%;
        max-width: none;
    }

    .infographie-heredite__image--wbigger {
        max-width: 426px;
    }

    .infographie-heredite__image--hbigger {
        aspect-ratio: 241/284;
        width: -moz-fit-content;
        width: fit-content;
        width: 30%;
    }

    .infographie-heredite__bas-de-page {
        padding-block: 116px 75px;
    }

    .infographie-heredite__titre.infographie-heredite__titre--highlight {
        padding: 40px;
    }

    .infographie-heredite__bas-de-page-textuel {
        margin-inline: 60px;
    }

    .infographie-heredite__highlight-image {
        width: 25%;
    }

    .infographie-heredite__bas-de-page {
        margin-top: -160px;
    }

}

@media screen and (min-width: 1440px) {

    .infographie-heredite__highlight-image {
        width: 36%;
    }

    .infographie-heredite__image--hbigger {
        max-width: none;
        width: 50%;
    }

    .infographie-heredite__highlight {
        min-height: 350px;
        background-size: 100% 90%;
        width: 470px;
    }

    .infographie-heredite__titre.infographie-heredite__titre--highlight {
        margin-top: 32px;
    }
}

@media screen and (min-width: 1600px) {
    .infographie-heredite {
        width: 680px;
        max-width: none;
    }
}

@media screen and (min-width: 1920px) {
    .infographie-heredite__highlight {
        min-height: 370px;
        width: 560px;
    }
}


.flex-row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

@media screen and (min-width: 1024px) {
    .flex-row {
        gap: 20px;
    }
}

.flex-row__image {
    width: 75%;
}

.flex-row__image.flex-row__image--w50 {
    width: 50%;
}

@media screen and (min-width: 768px) {
    .flex-row__image {
        margin-top: 20px;
        width: 230px;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image {
        flex-shrink: 0;
    }

    .flex-row__image.flex-row__image--w50 {
        width: 40%;
        margin-inline: auto;
    }
}

/* @media screen and (min-width: 1440px) {
    .flex-row__image {
        width: 470px;
    }
} */

.flex-row__image--small {
    width: 30%;
}

.flex-row__image--discussion {
    width: 50%;
}

@media screen and (min-width: 768px) {
    .flex-row__image--discussion {
        width: 30%;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image--small {
        width: 25%;
    }
    
    .flex-row__image.flex-row__image--accord {
        width: 25%
    }

    .flex-row__image--discussion {
        width: 25%;
    }
}

.flex-row__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-parcours__p {
    font-family: "Geomanist";

    font-size: clamp(16px, 3vw, 18px);
    line-height: clamp(20px, 3.6vw, 22px) !important;
    font-weight: 400;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__p--w470 {
        width: 470px;
    }


    .flex-row__image--accord {
        width: 30%
    }

}

@media screen and (min-width: 1024px) {
    .infographie-parcours__p--w390 {
        width: 390px;
    }
}

.infographie-parcours__p--bigger {
    font-size: clamp(18px, 4.5vw, 20px);
    line-height: clamp(22px, 3.6vw, 32px)
}

.infographie-parcours__p--rouge {
    color: #C33E4C;
}

.infographie-parcours__p-highlight {
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    background-color: #2F3772;
}

.flex-row__image--accord {
    width: 35%;
    /* flex-shrink: 0; */
}

/* @media screen and (min-width: 1440px) {
    .infographie-parcours__p-highlight~.flex-row__image {
        width: 470px;
    }
} */

@media screen and (min-width: 1440px) {
    .infographie-parcours__p-highlight {
        width: 390px;
    }
}

.infographie-parcours__p-highlight--vert {
    background-color: #79B089;
}

.infographie-parcours__etape {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 20px;
}

.flex-row__image--carte {
    width: 30%;
}

@media screen and (min-width: 768px) {
    .infographie-parcours__etape {
        padding: 40px;
        gap: 1.5rem;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image--carte {
        width: 20%;
    }

}

.infographie-parcours__etape-description {
    text-align: center;
}

.infographie-parcours__etape-titre {
    display: flex;
    align-items: center;
    gap: 16px;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__etape-titre {
        gap: 30px;
    }
}

.infographie-parcours__etape-titre-image {
    max-width: 35px;
    height: auto;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__etape-titre-image {
        max-width: 50px;
    }
}

.infographie-parcours__etape-titre-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-parcours__etape-titre-texte {
    font-family: "Geomanist";
    font-weight: 700;
    font-size: clamp(24px, 4vw, 36px) !important;
    line-height: 1.3;
    text-transform: uppercase;
    margin-top: 0;
}

.infographie-parcours__etape-titre-texte--small {
    font-size: clamp(18px, 3.75vw, 28px) !important;
    text-transform: none;
    margin-top: -3px;
}

.infographie-parcours__etape-titre-texte--medium {
    font-size: clamp(24px, 5vw, 34px);
    text-transform: none;
    margin-top: -3px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.infographie-parcours__etape-titre-texte--bigger {
    font-size: clamp(28px, 8vw, 72px) !important;
}

.infographie-parcours__etape--2 {
    background: url("/wp-content/uploads/2026/02/biologiste-infographie.svg");
    background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 90% 350%;
}

@media screen and (min-width: 768px) {
    .infographie-parcours__etape--2 {
        background-size: auto 110%;
        background-position: 90% -8%;
    }

    .infographie-parcours__etape-image {
        width: 35%;
        margin-inline: auto;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__etape--2 {
        background-size: auto 140%;
        background-position: 85% 0%;
    }
    .infographie-parcours__etape-image {
        width: 100%;
    }
}

.infographie-parcours__etape--2 .infographie-parcours__p {
    width: 55%;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__etape--2 .infographie-parcours__p {
        width: 75%;
    }
}
@media screen and (min-width: 1440px) {
    .infographie-parcours__etape--2 .infographie-parcours__p {
        width: 550px;
    }
}


@media screen and (min-width: 1440px) {
    .infographie-parcours__etape-image {
        max-width: 820px;
        margin-inline: auto;
    }
}

.infographie-parcours__etape-image-container--multiple {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__etape-image-container--multiple {
        gap: 40px;
    }
}

.infographie-parcours__etape-image-container-element {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.infographie-parcours__etape-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-parcours__element-image {
    width: 40%;
}

@media screen and (min-width: 768px) {

    /* .infographie-parcours__element-image {
        width: 20%;
    } */
    .infographie-parcours__etape-image-container {
        flex-direction: row;
    }

    .infographie-parcours__etape-image-container-element {
        width: 30%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__element-image {
        width: 180px;
    }

    .infographie-parcours__etape-image-container-element {
        width: 20%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__element-image {
        width: 246px;
    }
}

.infographie-parcours__element-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-parcours__highlight {
    margin-top: -5rem;
    width: 75%;
    margin-inline: auto;
    z-index: 1;
    background-color: #2F3772;
    border-radius: 20px;
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .infographie-parcours__highlight {
        margin-top: -3.5rem;
        width: auto;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-parcours__highlight {
        margin-top: -7rem;
        align-items: center;
    }

    .infographie-parcours__highlight .infographie-parcours__p {
        width: 470px;
    }
}

.infographie-parcours__highlight h3,
.infographie-parcours__highlight p {
    color: #fff;
}

.infographie-parcours--13,
.infographie-parcours--14,
.infographie-parcours--15,
.infographie-parcours--16,
.infographie-parcours--17 {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.infographie-parcours--13 {
    background-color: #EFF2FA;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-13.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-13.svg");
}

.infographie-parcours--14 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-14.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-14.svg");
}

.infographie-parcours--15 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-15.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-15.svg");
}

.infographie-parcours--16 {
    background-color: #EFF2FA;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-16.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-16.svg");
}

.infographie-parcours--17 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-17.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-17.svg");
    padding-bottom: 4rem;
}

@media screen and (min-width: 1024px) {
    .infographie-parcours--17 {
        padding-bottom: 7rem;
    }
}

@media screen and (min-width: 1024px) {
    .p-40 {
        padding: 40px;
    }

    .container-infographie {
        padding-inline: 50px;
    }

    .flex-row {
        flex-direction: row;
    }

    .flex-row-reverse {
        flex-direction: row-reverse;
    }

    .flex-row-fs {
        align-items: flex-start;
        justify-content: space-evenly;
    }
}

@media screen and (min-width: 1600px) {
    .container-infographie {
        gap: 20px;
    }
}

.infographie-transmission__p {
    margin-top: 0 !important;
    font-family: "Geomanist";
    font-size: clamp(16px, 4vw, 18px);
    line-height: clamp(24px, 5vw, 28px);
    font-weight: 400;
}

.infographie-transmission__p strong {
    font-weight: 500;
}


@media screen and (min-width: 768px) {
    .infographie-transmission__p--w600 {
        width: 600px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-transmission__p--w470 {
        width: 470px;
        flex-shrink: 0;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-transmission__p--w388 {
        width: 388px;
    }
}

.infographie-transmission__p--bigger {
    font-size: clamp(20px, 4.5vw, 28px);
    line-height: clamp(24px, 5vw, 32px);
}

.infographie-transmission__p--rouge {
    color: #C33E4C;
}

.infographie-transmission__p-highlight {
    padding: 20px;
    border-radius: 20px;
    background-color: #2F3772;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .infographie-transmission__p-highlight {
        padding: 24px;
    }
}

.infographie-transmission__p-highlight--blanc {
    background-color: #fff;
    color: #2F3772;
}

.infographie-transmission__p-highlight--blanc .glossary-term {
    color: #2F3772 !important;
}

.infographie-transmission__p-highlight~.flex-row__image {
    width: 50%;
    flex-shrink: 0;
}

@media screen and (min-width: 1440px) {
    .infographie-transmission__p-highlight~.flex-row__image {
        width: 470px;
    }
}

.infographie-transmission__p-highlight--vert {
    background-color: #79B089;
}

.infographie-transmission__p-highlight strong {
    color: #fff;
}

.infographie-transmission__image {
    display: flex;
}

.infographie-transmission__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-transmission__titre-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (min-width: 1440px) {
    .infographie-transmission__titre-container {
        gap: 40px;
    }
}

.infographie-transmission__titre-texte {
    font-family: "Geomanist";
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
    .infographie-transmission__titre-texte {
        line-height: 100%;
    }
}

.infographie-transmission__titre-texte--small {
    font-size: clamp(20px, 3.75vw, 32px);
    margin-top: -3px;
}

@media screen and (min-width: 1024px) {
    .infographie-transmission__titre-texte--small {
        margin-top: 0.5rem;
    }
}

.infographie-transmission__titre-texte--medium {
    font-size: clamp(24px, 5vw, 34px);
    text-transform: none;
    margin-top: -3px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.infographie-transmission__titre-texte--bigger {
    font-size: clamp(28px, 8vw, 72px) !important;
}

.infographie-transmission__highlight {
    margin-top: -5rem;
    width: 75%;
    margin-inline: auto;
    z-index: 1;
    background-color: #2F3772;
    color: #fff !important;
    border-radius: 20px;
    padding: 20px;
}

.infographie-transmission__p-highlight strong {
    color: #fff !important;
    font-weight: 500;
}

.infographie-transmission__p-highlight .glossary-term {
    color: #fff;
}

.infographie-transmission__highlight-container .infographie-transmission__p--bigger {
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .infographie-transmission__highlight {
        margin-top: -3.5rem;
        width: 75%;
        padding: 50px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-transmission__highlight {
        margin-top: -7rem;
        align-items: center;
    }

    .infographie-transmission__highlight .infographie-parcours__p {
        width: 470px;
    }
}

.infographie-transmission__highlight h3,
.infographie-transmission__highlight p {
    color: #fff;
}

.infographie-transmission--18,
.infographie-transmission--19,
.infographie-transmission--20,
.infographie-transmission--21 {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 40px;
}

.infographie-transmission--18 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-18.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-18.svg");
}

.infographie-transmission--19 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-19.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-19.svg");
}

.infographie-transmission--20 {
    background-color: #D2DDF0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-20.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-20.svg");
}

.infographie-transmission--21 {
    background: url("/wp-content/uploads/2026/02/bordure-coin2.svg") no-repeat center 50%, #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-21.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-21.svg");
    height: 310px;
    background-size: 95% 85%;
    margin-inline: auto;
}

@media screen and (min-width: 768px) {
    .infographie-transmission--21 {
        width: 100%;
        height: 300px;
        background-size: 95% 80%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-transmission--21 {
        height: 335px;
        width: 50%;
        background-size: 90% 70%;
    }

    .infographie-transmission--20 {
        width: 80%;
        margin-inline: auto;
    }

    .infographie-transmission__image--adn {
        width: 50%;
    }
}

.flex-row__image--w440 {
    max-width: 260px;
    width: 45%;
}

.infographie-transmission__image--parents {
    width: 70%;
}

@media screen and (min-width: 768px) {
    .infographie-transmission__image--parents {
        width: 40%;
    }

    .flex-row__image--w440 {
        width: 23%;
    }

    .flex-row__image--jumeaux {
        width: 30%;
    }

}

@media screen and (min-width: 1024px) {
    .infographie-transmission__image--parents {
        width: 40%;
    }

    .flex-row__image--w440 {
        width: 20%;
    }
}

.flex-row__image--caryotype {
    width: 50%;
}
.flex-row__image--info {
    margin-inline: auto !important;
}

@media screen and (min-width: 768px) {
    .flex-row__image--caryotype {
        width: 30%;
    }

    .infographie-transmission__image--adn {
        width: 50%;
    }

    .flex-row__image--info {
        width: 40%;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image--caryotype {
        width: 26%;
    }
    .flex-row__image--info {
        margin-inline: 0;
    }
}

/* =============================================================================
   13. INFOGRAPHIE ADN / CHROMOSOME (depuis adn-chromosome)
   ============================================================================= */

/* Modificateurs flex-column-center */
.flex-column-center--gap {
    gap: 0;
}

.flex-column-center--gap-05rem {
    gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
    .flex-column-center--gap-05rem {
        gap: 0.5rem;
    }
}

.flex-column-center--chromosome {
    padding-left: 3.5rem;
}

@media screen and (min-width: 768px) {
    .flex-column-center--chromosome {
        width: 44%;
    }
}

@media screen and (min-width: 1024px) {
    .flex-column-center--chromosome {
        padding-left: 0;
        width: auto;
    }
}

.flex-column-center--w100 {
    width: 100%;
}

@media screen and (min-width: 1024px) {
    .flex-column-center--w100 {
        width: -moz-fit-content;
        width: fit-content;
    }
}

/* Flex column */
.flex-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
}

@media screen and (min-width: 1024px) {
    .flex-column--w360 {
        width: 360px;
    }
}

@media screen and (min-width: 1024px) {
    .w50 {
        width: 50%;
        justify-content: flex-start !important;
    }
}

@media screen and (min-width: 1024px) {
    .container-infographie {
        gap: 20px;
    }

    .container-infographie {
        padding-inline: 50px;
    }
}

.container-infographie.container-infographie--gap {
    gap: 15px;
}

@media screen and (min-width: 1024px) {
    .container-infographie.container-infographie--gap {
        gap: 20px;
    }
}

/* Flex row – compléments */
.flex-row--gap-05rem {
    gap: 0.5rem;
}

.flex-row-row {
    flex-direction: row;
}

.flex-row-stretch {
    margin-top: 20px;
    align-items: center;
}

@media screen and (min-width: 1024px) {
    .flex-row--w100 {
        width: 100%;
    }

    .flex-row--flex-1-0-0 {
        flex: 1 0 0;
        align-items: stretch;
    }

    .flex-row-stretch {
        align-items: stretch;
    }

    .flex-row-sb {
        justify-content: space-between;
    }

    .flex-row-m-auto {
        margin-inline: auto;
    }
}

.flex-row__image--w552 {
    max-width: 552px;
}

.flex-row__image--w305 {
    max-width: 305px;
}

.flex-row__image--w360 {
    width: 200px;
}

.flex-row__image--w428 {
    max-width: 220px;
}

.flex-row__image--w766 {
    margin-top: -1.5rem;
    width: 100%;
}

.flex-row__image--w110 {
    width: 110px;
}

.flex-row__image--w230 {
    width: 130px;
}

@media screen and (min-width: 1440px) {

    .flex-row__image--w230 {
        width: 15%;
    }

    .flex-row__image--w766 {
        width: 55%;
    }
}

@media screen and (min-width: 768px) {

    .flex-row__image--h250 {
        width: 200px;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image--h250 {
        width: 35%;
    }

    .flex-row__image--w360 {
        width: 35%;
    }

    .flex-row__image--w766 {
        margin-top: -3.5rem;
    }

    .flex-row__image--absolute {
        width: 400px;
        margin-right: -3rem;
        z-index: 2;
    }
}

@media screen and (min-width: 1440px) {
    .flex-row__image--absolute {
        width: 600px;
        margin-right: -6rem;
        z-index: 2;
    }
}

/* Infographie ADN */
.infographie-adn__p {
    font-family: "Geomanist";
    font-size: clamp(16px, 4vw, 18px);
    line-height: clamp(24px, 5vw, 22px);
    font-weight: 400;
    margin-top: 0;
}

@media screen and (min-width: 768px) {
    .infographie-adn__p--w600 {
        width: 600px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__p--w470 {
        width: 470px;
    }

    .infographie-adn__p--w388 {
        width: 388px;
    }

    .infographie-adn__p--w331 {
        width: 331px !important;
        margin-inline: 32px;
    }

    .infographie-adn__image--22-texte {
        width: 70%;
    }

    .infographie-adn__image--1-paire-texte {
        width: 40%;
    }

    .infographie-adn__image--plus-texte {
        width: 10%;
    }

    .flex-row__image--livre {
        width: 70%;
        margin-inline: auto;
    }
}

.infographie-adn__p--bigger {
    font-size: clamp(20px, 4.5vw, 24px);
    /* Interpole entre 30px et 42px selon la largeur du viewport */
    line-height: clamp(30px, 2.5vw + 21px, 32px);
}

.infographie-adn__p--bigger-bigger {
    font-size: clamp(32px, 6vw, 42px);
    line-height: clamp(40px, 6vw, 48px);
}

.infographie-adn__p--rouge {
    color: #C33E4C;
}

.infographie-adn__p-highlight {
    padding: 20px;
    border-radius: 20px;
    background-color: #2F3772;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .infographie-adn__p-highlight {
        padding: 40px;
    }
}

.infographie-adn__p-highlight--blanc {
    background-color: #fff;
    color: #2F3772;
}

.infographie-adn__p-highlight~.flex-row__image {
    width: 50%;
    flex-shrink: 0;
}

@media screen and (min-width: 1440px) {
    .infographie-adn__p-highlight~.flex-row__image {
        width: 470px;
    }
}

.infographie-adn__p-highlight strong {
    color: #fff;
}

.infographie-adn__image {
    display: flex;
}

.infographie-adn__image.infographie-adn__image--w50 {
    width: 50%;
}

.infographie-adn__image--caryotype {
    width: 65%;
}

@media screen and (min-width: 768px) {
    .infographie-adn__image--caryotype {
        width: 55%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__image--caryotype {
        margin-right: -2.5rem;
        width: 35%;
    }
}

.infographie-adn__image--chromosome {
    width: 80%;
    max-width: 170px;
}

@media screen and (min-width: 768px) {
    .infographie-adn__image--chromosome {
        width: 35%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__image--chromosome {
        width: 70%;
    }
}

.infographie-adn__image-absolute--fleche1 {
    position: absolute;
    bottom: 92%;
    left: 15% !important;
    height: 132px;
}

.infographie-adn__image-absolute--fleche1 img {
    object-position: left;
}

@media screen and (min-width: 335px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 91.5%;
    }
}

@media screen and (min-width: 390px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 91%;
    }
}

@media screen and (min-width: 500px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 90.5%;
    }
}

@media screen and (min-width: 600px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 89.25%;

    }
}

@media screen and (min-width: 700px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 90%;

    }
}

@media screen and (min-width: 768px) {
    .infographie-adn__image--noyau {
        width: 44%;
    }
}

/* @media screen and (min-width: 959px) {
    .infographie-adn__image-absolute--fleche1 {
        bottom: 91.5%;
    }
} */

@media screen and (min-width: 1024px) {
    .infographie-adn__image-absolute--fleche1 {
        left: auto !important;
        right: 53%;
        bottom: auto;
        top: 3.75%;
        height: 2.5%;
    }

    .infographie-adn__image--noyau {
        width: 50%;
    }
}


@media screen and (min-width: 1160px) {
    .infographie-adn__image-absolute--fleche1 {
        top: 4.25%;
    }
}
@media screen and (min-width: 1200px) {
    .infographie-adn__image-absolute--fleche1 {
        top: 3.75%;
        right: 51%;
    }
}

@media screen and (max-width: 1024px) {
    .w100-mobile {
        width: 100%;
    }
}


.infographie-adn__image-absolute--fleche1 img,
.infographie-adn__image-absolute--fleche2 img,
.infographie-adn__image-absolute--fleche3 img,
.infographie-adn__image-absolute--fleche4 img,
.infographie-adn__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-adn__image-absolute--fleche2 {
    position: absolute;
    top: 11%;
    left: 0.5%;
    width: 15%;
    z-index: 2;
}


@media screen and (min-width: 400px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 12%;
    }
}

@media screen and (min-width: 550px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 13%;
    }
}

@media screen and (min-width: 633px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 10.4%;
    }
}


@media screen and (min-width: 633px) {
    .infographie-adn__image-absolute--fleche2 {
        height: 6%;
        width: auto;
    }
}

@media screen and (min-width: 768px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 12.5%;
        left: 7%;
    }
}

@media screen and (min-width: 822px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 13%;
    }
}


@media screen and (min-width: 915px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 14%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__image-absolute--fleche2 {
        left: 8%;
        top: 9%;
        height: 5.5%;
    }
}

@media screen and (min-width: 1030px) {
    .infographie-adn__image-absolute--fleche2 {
        left: 15%;
        top: 8%;
    }
}

@media screen and (min-width: 1072px) {
    .infographie-adn__image-absolute--fleche2 {
        top: 7.5%;
        height: 6%;
    }
}


@media screen and (min-width: 1200px) {
    .infographie-adn__image-absolute--fleche2 {
        left: 18%;
        top: 8%;
    }
    .hide-mobile {
        display: block !important;
    }
}

.infographie-adn__image-absolute--fleche3 {
    position: absolute;
    /* top: 9%;
    left: 15%; */
    z-index: 5;
}

@media screen and (min-width: 1024px) {
    .infographie-adn__image-absolute--fleche3 {
        top: 40%;
        left: 14%;
        height: 7%;
    }
}

@media screen and (min-width: 1049px) {
    .infographie-adn__image-absolute--fleche3 {
        top: 40.5%;
        left: 15%;
    }
}

@media screen and (min-width: 1111px) {
    .infographie-adn__image-absolute--fleche3 {
        left: 17%;
        top: 40.75%;
    }
}

@media screen and (min-width: 1165px) {
    .infographie-adn__image-absolute--fleche3 {
        left: 18%;
        top: 41%;
    }
}

@media screen and (min-width: 1200px) {
    .infographie-adn__image-absolute--fleche3 {
        left: 19%;
        top: 41.2%;
    }
}

/* 

@media screen and (min-width: 1280px) {
    .infographie-adn__image-absolute--fleche3 {
        top: 41.35%;
    }
}

@media screen and (min-width: 1433px) {
    .infographie-adn__image-absolute--fleche3 {
        top: 41%;
        left: 17%;
    }
}

@media screen and (min-width: 1440px) {
    .infographie-adn__image-absolute--fleche3 {
        top: 39%;
        left: 12%;
    }
} */


@media screen and (min-width: 768px) {
    .infographie-adn__parents {
        width: 50%;
    }

}

.position-relative {
    position: relative;
}

.infographie-adn__image-absolute--fleche4 {
    position: absolute;
    top: 7%;
    right: 6%;
    z-index: 5;
    transform: rotate(85deg) scaleY(-1);
}

@media screen and (min-width: 768px) {
    .infographie-adn__image-absolute--fleche4 {
        top: 5%;
        right: -10%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__image-absolute--fleche4 {
        top: 55%;
        left: 5%;
        right: auto;
        width: 52px;
        height: auto;
        transform: rotate(0deg) scaleY(1);
    }
}

@media screen and (min-width: 1440px) {
    .infographie-adn__image-absolute--fleche4 {
        top: 53%;
    }
}

.infographie-adn__titre-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2.infographie-adn__titre-texte {
    font-family: "Geomanist";
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 42px);
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
    .infographie-adn__titre-texte {
        line-height: 100%;
    }
}

.infographie-adn__titre-texte--small {
    font-size: clamp(20px, 3.75vw, 32px);
    margin-top: -3px;
}

@media screen and (min-width: 1024px) {
    .infographie-adn__titre-texte--small {
        margin-top: 0.5rem;
    }
}

.infographie-adn__titre-texte--medium {
    font-size: clamp(24px, 5vw, 34px);
    text-transform: uppercase;
    margin-top: -3px;
    margin-bottom: 1rem;
}

.infographie-adn__titre-texte--bigger {
    font-size: clamp(28px, 8vw, 72px) !important;
}

.infographie-adn__highlight {
    width: 75%;
    margin-inline: auto;
    z-index: 1;
    background-color: #2F3772;
    border-radius: 20px;
    padding: 20px;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 10;
}

.infographie-adn__highlight.infographie-adn__highlight--m-i-0 {
    margin-inline: 0;
}

.infographie-adn__highlight--bleu-clair {
    width: -moz-fit-content !important;
    width: fit-content !important;
    background-color: #B0CAEB;
}

.infographie-adn__highlight--bleu-clair .infographie-adn__p {
    color: #2F3772;
}

.infographie-adn__highlight--vert {
    background-color: #79B089;
}

.infographie-adn__highlight--blanc {
    background-color: #fff;
    color: #2F3772;
}

.infographie-adn__highlight-container .infographie-transmission__p--bigger {
    margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
    .infographie-adn__highlight--w-100 {
        width: 85%;
        margin-right: 1.5rem;
    }

    .infographie-adn__highlight {
        padding: 32px;
    }
}

.infographie-adn__highlight--small {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .infographie-adn__highlight--small {
        padding: 25px !important;
        width: 400px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__highlight--margin-t-40 {
        margin-top: 40px;
    }

    .infographie-adn__highlight {
        align-items: center;
    }

    .infographie-adn__highlight.width-fit-content {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.infographie-adn__highlight h3,
.infographie-adn__highlight p {
    color: #fff;
}

.infographie-adn__highlight h3 strong,
.infographie-adn__highlight p strong {
    color: white;
}

.infographie-adn__titre {
    font-family: Geomanist;
    font-size: clamp(28px, 5.25vw, 38px) !important;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}

.infographie-adn__sous-titre {
    font-family: Geomanist;
    font-size: clamp(16px, 3vw, 18px);
    font-weight: 700;
    line-height: clamp(20px, 3.6vw, 22px);
    margin-top: 0;
}

.infographie-adn__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media screen and (min-width: 500px) {
    .infographie-adn__container {
        max-width: 500px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__container {
        max-width: 820px;
        gap: 40px;
    }
}

.infographie-adn__container-image {
    width: 100%;
}

.infographie-adn__container-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-adn__container-element {
    width: 19%;
    max-width: 120px;
}

@media screen and (min-width: 500px) {
    .infographie-adn__container-element {
        width: 22%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-adn__container-element {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.infographie-adn--22,
.infographie-adn--23,
.infographie-adn--24,
.infographie-adn--25,
.infographie-adn--26 {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 40px;
}

.infographie-adn--22 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-22.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-22.svg");
    padding: 40px 0 70px;
}

@media screen and (min-width: 1024px) {
    .infographie-adn--22 {
        padding: 40px 80px;
    }
}

.infographie-adn--23 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-23.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-23.svg");
}

.infographie-adn--24 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-24.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-24.svg");
    padding: 40px 0;
    margin-inline: auto;
}

.infographie-adn--25 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-25.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-25.svg");
    padding: 40px;
}

.infographie-adn--26 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-26.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-26.svg");
    padding: 80px 40px;
}

.infographie-adn__regeneration {
    background-color: #E8F5E9;
    border-radius: 24px;
    padding: 32px 24px;
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .infographie-adn__regeneration {
        padding: 48px 56px;
    }
}

.infographie-adn__image--regeneration {
    width: 45%;
    max-width: 517px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infographie-adn__image--regeneration img {
    width: 100%;
    height: auto;
    max-width: 517px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

@media screen and (min-width: 768px) {
    .infographie-adn__image--regeneration {
        width: 30%;
    }
}

/* =============================================================================
   14. INFOGRAPHIE EXOME / SÉQUENCER L'EXOME (accélérer l'avancée des connaissances)
   ============================================================================= */

.infographie-exome__p {
    font-family: "Geomanist";
    font-size: clamp(16px, 3vw, 18px);
    line-height: clamp(20px, 3.6vw, 22px) !important;
    font-weight: 400;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__p {
        line-height: 34px;
    }
}

/* .infographie-exome__p--small {
    font-size: clamp(14px, 2.5vw, 22px);
    line-height: clamp(18px, 2.75vw, 28px) !important;
} */

@media screen and (min-width: 768px) {
    .infographie-exome__p--w600 {
        width: 600px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__p--flex-1-0-0 {
        flex: 1 0 0;
    }

    .infographie-exome__p--w470 {
        width: 470px;
    }

    .infographie-exome__p--w388 {
        width: 388px;
    }

    .infographie-exome__p--w331 {
        width: 331px !important;
    }
}

.infographie-exome__p--bigger {
    font-size: clamp(20px, 4.5vw, 34px);
}

@media screen and (min-width: 1024px) {
    .infographie-exome__p--bigger {
        line-height: 42px;
    }
}

.infographie-exome__p--bigger-bigger {
    font-size: clamp(32px, 5vw, 52px);
}

.infographie-exome__p--rouge {
    color: #C33E4C;
}

.infographie-exome__p-highlight {
    padding: 20px;
    border-radius: 20px;
    background-color: #2F3772;
    color: #fff;
}

@media screen and (min-width: 1440px) {
    .infographie-exome__p-highlight {
        padding: 40px;
    }
}

.infographie-exome__p-highlight--blanc {
    background-color: #fff;
    color: #2F3772;
}

.infographie-exome__p-highlight~.flex-row__image {
    width: 50%;
    flex-shrink: 0;
}

@media screen and (min-width: 1440px) {
    .infographie-exome__p-highlight~.flex-row__image {
        width: 470px;
    }
}

.infographie-exome__p-highlight strong {
    color: #fff;
}

.infographie-exome__p strong {
    font-weight: 500;
}

.infographie-exome__p--mb05 {
    margin-bottom: 0.5rem;
}

.infographie-exome__image {
    display: flex;
}

.infographie-exome__image--caryotype {
    margin-bottom: -2rem;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image--caryotype {
        margin-right: -2.5rem;
    }
}

.infographie-exome__image--chromosome {
    width: 80%;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image--chromosome {
        width: 100%;
    }
}

.infographie-exome__image-absolute--fleche1 {
    position: absolute;
    bottom: 5%;
    left: 15%;
    height: 25%;
}

@media screen and (min-width: 400px) {
    .infographie-exome__image-absolute--fleche1 {
        bottom: 2%;
        left: 20%;
    }
}

@media screen and (min-width: 600px) {
    .infographie-exome__image-absolute--fleche1 {
        height: 20%;
        left: 30%;
    }
}

@media screen and (min-width: 768px) {
    .infographie-exome__image-absolute--fleche1 {
        height: 25%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image-absolute--fleche1 {
        left: auto;
        right: 16.5%;
        bottom: auto;
        top: 53%;
        height: 40%;
    }
}

.infographie-exome__image-absolute--fleche1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-exome__image-absolute--fleche2 {
    position: absolute;
    top: 17%;
    left: 0.5%;
    height: 110%;
    z-index: 2;
}

@media screen and (min-width: 600px) {
    .infographie-exome__image-absolute--fleche2 {
        top: 28%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image-absolute--fleche2 {
        padding-left: 0;
        left: -10%;
    }
}

.infographie-exome__image-absolute--fleche2 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-exome__image-absolute--fleche3 {
    position: absolute;
    top: 39%;
    left: 6%;
    height: 100%;
    z-index: 5;
}

.infographie-exome__image-absolute--fleche3 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-exome__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-exome__titre-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.infographie-exome__titre-texte {
    font-family: "Geomanist";
    font-weight: 700;
    font-size: clamp(24px, 2.5vw, 42px);
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__titre-texte {
        line-height: 100%;
    }
}

.infographie-exome__titre-texte--small {
    font-size: clamp(20px, 3.75vw, 32px);
    margin-top: -3px;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__titre-texte--small {
        margin-top: 0.5rem;
    }
}

.infographie-exome__titre-texte--medium {
    font-size: clamp(24px, 5vw, 34px);
    text-transform: none;
    margin-top: -3px;
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.infographie-exome__titre-texte--bigger {
    font-size: clamp(28px, 8vw, 72px) !important;
}

.infographie-exome__highlight {
    width: 75%;
    margin-inline: auto;
    z-index: 1;
    background-color: #2F3772;
    border-radius: 20px;
    padding: 20px;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 10;
}

.infographie-exome__highlight.infographie-exome__highlight--small-padding {
    padding: 25px;
}

.infographie-exome__highlight--bleu-clair {
    width: -moz-fit-content !important;
    width: fit-content !important;
    background-color: #B0CAEB;
}

.infographie-exome__highlight--bleu-clair .infographie-adn__p {
    color: #2F3772;
}

.infographie-exome__highlight--vert {
    background-color: #79B089;
}

.infographie-exome__highlight--blanc {
    background-color: #fff;
    color: #2F3772;
    flex: 1;
}

.infographie-exome__highlight-container .infographie-transmission__p--bigger {
    margin-bottom: 16px;
}

.footer-scroll-top {
    border: 1px solid #ffffff;
}

@media screen and (min-width: 768px) {
    .infographie-exome__highlight--w-100 {
        width: 85%;
        margin-right: 1.5rem;
    }
}

.infographie-exome__highlight--small {
    width: 75%;
}

@media screen and (min-width: 768px) {
    .infographie-exome__highlight--small {
        padding: 25px !important;
        width: 485px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__highlight--margin-t-40 {
        margin-top: 40px;
    }
}

.infographie-exome__highlight--stetoscope {
    margin-top: -5rem;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__highlight--stetoscope {
        width: 75%;
        margin-top: -3rem;
    }
}

.infographie-exome__highlight--sequencage {
    margin-top: -5.25rem;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__highlight--sequencage {
        width: 70%;
    }
}

@media screen and (min-width: 768px) {
    .infographie-exome__highlight {
        padding: 24px;
    }

    .flex-row__image--element {
        width: 30%;
    }

    .infographie-exome__highlight--stetoscope {
        width: 85%;
        padding: 32px;
    }

    .infographie-exome__highlight--stetoscope .flex-row__image {
        width: 10%;
    }
}

@media screen and (min-width: 1024px) {
    .flex-row__image--element {
        width: 20%;
    }
    .infographie-exome__highlight {
        align-items: center;
    }

    .infographie-exome__highlight.width-fit-content {
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media screen and (min-width: 1200px) {
    .infographie-exome__highlight {
        align-items: center;
    }

    .infographie-exome__highlight.width-fit-content {
        width: -moz-fit-content;
        width: fit-content;
    }
    .flex-row--limit {
        width: 80%;
    }
}

.infographie-exome__titre {
    font-family: Geomanist;
    font-size: clamp(32px, 5vw, 42px);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase;
}

.infographie-exome__titre--number {
    line-height: 80%;
}

.infographie-exome__sous-titre {
    font-family: Geomanist;
    font-size: clamp(16px, 3vw, 28px);
    font-weight: 700;
    line-height: clamp(20px, 3.6vw, 34px);
}

.infographie-exome__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media screen and (min-width: 500px) {
    .infographie-exome__container {
        max-width: 500px;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__container {
        max-width: 820px;
        gap: 40px;
    }
}

.infographie-exome__container-image {
    width: 100%;
}

.infographie-exome__container-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.infographie-exome__container-element {
    width: 30%;
    max-width: 166px;
}

@media screen and (min-width: 500px) {
    .infographie-exome__container-element {
        width: 35%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__container-element {
        width: -moz-fit-content;
        width: fit-content;
    }

    .flex-row--box {
        width: 80%;
        margin-inline: auto;
    }
}

.infographie-exome--27,
.infographie-exome--28,
.infographie-exome--29,
.infographie-exome--30,
.infographie-exome--31 {
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    padding: 40px;
}

.infographie-exome--27 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-27.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-27.svg");
}

@media screen and (min-width: 1024px) {
    .infographie-exome--27 {
        padding: 20px 40px 20px 0
    }
}

.infographie-exome--28 {
    background-color: #E4EFE7;
    padding: 160px 40px 40px 40px;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-28.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-28.svg");
    margin-top: -10rem;
}

@media screen and (min-width: 1024px) {
    .infographie-exome--28 {
        padding: 150px 40px 80px 40px;
    }
}

.infographie-exome--29 {
    padding: 40px 40px 80px;
    background-color: #E9ECF4;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-29.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-29.svg");
}

@media screen and (min-width: 1024px) {
    .infographie-exome--29 {
        padding: 40px 80px;
    }
}


.infographie-exome--30 {
    background-color: #FDF2E0;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-30.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-30.svg");
    padding: 40px 40px 120px 40px;
}

.infographie-exome--31 {
    background-color: #E4EFE7;
    -webkit-mask-image: url("/wp-content/uploads/2026/02/forme-31.svg");
    mask-image: url("/wp-content/uploads/2026/02/forme-31.svg");
}

@media screen and (min-width: 1024px) {
    .infographie-exome--31 {
        padding: 40px;
    }
}

.infographie-exome__regeneration {
    background-color: #E8F5E9;
    border-radius: 24px;
    padding: 32px 24px;
    width: 100%;
    max-width: 900px;
    margin-inline: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 1024px) {
    .infographie-exome__regeneration {
        padding: 48px 56px;
    }
}

.infographie-exome__image--regeneration {
    width: 85%;
    max-width: 517px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.infographie-exome__image--regeneration img {
    width: 100%;
    height: auto;
    max-width: 517px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
}

.t-vert {
    color: #79B089 !important;
}

.infographie-exome__image-absolute--fleche-5 {
    position: absolute;
    width: 25px;
    top: 16.15%;
    left: 10%;
}

@media screen and (min-width: 375px) {
    .infographie-exome__image-absolute--fleche-5 {
        top: 17.15%;
    }
}

@media screen and (min-width: 462px) {
    .infographie-exome__image-absolute--fleche-5 {
        left: 2%;
    }
}

@media screen and (min-width: 545px) {
    .infographie-exome__image-absolute--fleche-5 {
        width: 5%;
        left: 5%;
    }
}

@media screen and (min-width: 768px) {
    .infographie-exome__image-absolute--fleche-5 {
        top: 19%;
        left: 2%;
    }

    .flex-row__image--noyau {
        width: 30%;
    }

    .flex-row__image--warning {
        width: 30%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image-absolute--fleche-5 {
        width: 6%;
        top: 10%;
        left: 9%;
    }

    .flex-row__image--atcg {
        width: 50%;
    }

    .flex-row__image--warning {
        width: 30%;
    }
}

@media screen and (min-width: 1075px) {
    .infographie-exome__image-absolute--fleche-5 {
        left: 9%;
    }
}
@media screen and (min-width: 1100px) {
    .infographie-exome__image-absolute--fleche-5 {
        left: 13%;
    }
}

@media screen and (min-width: 1440px) {
    .infographie-exome__image-absolute--fleche-5 {
        top: 9.6%;
    }

    .flex-row__image--warning {
        width: 30%;
    }

    .flex-row__image--atcg {
        width: 45%;
    }
}

.infographie-exome__image-absolute--fleche-6 {
    position: absolute;
    top: 61%;
    right: 0;
    width: 14%;
    z-index: 10;
}

.infographie-exome__image-absolute--fleche-7 {
    display: none;
}

@media screen and (min-width: 335px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 55%;
    }
}

@media screen and (min-width: 359px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 51%;
    }
}

@media screen and (min-width: 400px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 43%;
    }
}

@media screen and (min-width: 500px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 38%;
        width: 13%;
    }
}

@media screen and (min-width: 550px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 30%;
        width: 13%;
    }
}

@media screen and (min-width: 664px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 28%;
    }
}

@media screen and (min-width: 704px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 26%;
        width: 12%;
    }
}

@media screen and (min-width: 770px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 31%;
        width: 10%;
    }
}

@media screen and (min-width: 830px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 28;
    }
}

@media screen and (min-width: 872px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 27%;
        right: 2%;
        width: 9%;
    }
}

@media screen and (min-width: 1000px) {
    .infographie-exome__image-absolute--fleche-6 {
        width: 8%;
    }
}

@media screen and (min-width: 1024px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 28%;
        right: -2%;
        width: 9%;
    }

    .infographie-exome__image-absolute--fleche-7 {
        display: none;
    }
}


@media screen and (min-width: 1150px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 23%;
        right: -2%;
        width: 9%;
    }

}

@media screen and (min-width: 1170px) {
    .infographie-exome__image-absolute--fleche-6 {
        top: 22%;
    }
}

@media screen and (min-width: 1440px) {
    .infographie-exome__image-absolute--fleche-6 {
        right: 0%;
        width: 8%;
        top: 24%;
    }

    .infographie-exome__image-absolute--fleche-7 {
        margin-top: 0;
        position: absolute;
        display: block;

        z-index: 15;
        top: 11%;
        left: -3%;
        width: 11%;
    }

    .flex-row__image--element {
        width: 20%;
    }
}

.resultats-vide {
    font-weight: 500;
    padding-top: 40px;
}

.contact .wpb_wrapper,
.contact form {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.contact .wpb_wrapper,
.contact form p:nth-child(6) {
    margin: 20px auto;
    width: fit-content;
}

.contact .wpb_wrapper .wpcf7 {
    padding: 20px;
}

.contact__label {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    font-weight: 500;
    gap: 0;
    max-width: 300px;
}
.contact__label:not(:last-child) {
    max-height: 130px;
}

.contact__label input,
.contact__label textarea {
    border-radius: 1.5rem;
    width: 100%;
}

.contact__button {
    margin-inline: auto;
    padding: .5rem 1rem !important;
    border-radius: 1.5rem !important;
    background-color: #6FA9E1 !important;
    font-family: 'Geomanist' !important;
    color: #fff;
    letter-spacing: 0 !important;
    border: none !important;
}

.contact__button:hover {
    background-color: #598BC4 !important;
}

@media screen and (min-width: 768px) {

    .contact__label,
    .contact__label textarea {
        max-width: none;
    }
}

@media screen and (min-width: 1024px) {
    .contact__label {
        flex-direction: row;
        gap: 1rem;
        max-height: none;
        margin-bottom: 1rem;
    }

    .contact .wpb_wrapper,
    .contact form {
        margin-inline: auto;
        max-width: 700px;
    }

}

@media screen and (min-width: 1440px) {

    .contact .wpb_wrapper,
    .contact form {
        max-width: 1024px;
    }
}

.wpcf7-response-output {
    text-align: center;
    font-size: 1.25rem !important
}

.contact__label input::placeholder,
.contact__label textarea::placeholder {
    color: #999999;
}

.contact__span {
    margin-top: .5rem
}

@media screen and (min-width: 1024px) {
    .contact__span {
        width: 50%;
    }
}

.t-align-center {
    text-align: center !important;
}

.tarteaucitronDisclaimerAlert {
    font-family: 'Geomanist' !important;
}