:root {
    --tooltip-z-index: 3000;
    --tooltip-width: 280px;
    --tooltip-height: auto;
    --tooltip-safe-top: 90px;

    /* Boutons THEMATIQUES */
    --quiz-width: calc(var(--iles-width) / 10);

    --simulateur-epargne-width: calc(var(--iles-width) / 6);
    --simulateur-epargne-top: 16%;
    --simulateur-epargne-left: 41%;

    --quiz-epargne-top: 26%;
    --quiz-epargne-left: 48%;

    --cet-epargne-width: calc(var(--iles-width) / 6.5);
    --cet-epargne-top: 23%;
    --cet-epargne-left: 17%;

    --profil-epargne-width: calc(var(--iles-width) / 6);
    --profil-epargne-top: 12%;
    --profil-epargne-left: 26%;

    --peg-epargne-width: calc(var(--iles-width) / 6);
    --peg-epargne-top: 32.3%;
    --peg-epargne-left: 36%;

    --pero-epargne-width: calc(var(--iles-width) / 6);
    --pero-epargne-top: 41.8%;
    --pero-epargne-left: 52.5%;

    --preparer-retraite-epargne-width: calc(var(--iles-width) / 4.5);
    --preparer-retraite-epargne-top: 24%;
    --preparer-retraite-epargne-left: 57%;

    --parentalite-mes-proches-moi-width: calc(var(--iles-width) / 7);
    --parentalite-mes-proches-moi-top: 23.4%;
    --parentalite-mes-proches-moi-left: 18%;

    --engagement-mes-proches-moi-width: calc(var(--iles-width) / 5.5);
    --engagement-mes-proches-moi-top: 21.7%;
    --engagement-mes-proches-moi-left: 30.5%;

    --flexibilite-mes-proches-moi-width: calc(var(--iles-width) / 10);
    --flexibilite-mes-proches-moi-top: 30%;
    --flexibilite-mes-proches-moi-left: 44%;

    --cancer-mes-proches-moi-width: calc(var(--iles-width) / 5);
    --cancer-mes-proches-moi-top: 37.3%;
    --cancer-mes-proches-moi-left: 53%;

    --violences-mes-proches-moi-width: calc(var(--iles-width) / 6.7);
    --violences-mes-proches-moi-top: 28.3%;
    --violences-mes-proches-moi-left: 66%;

    --rqth-mes-proches-moi-width: calc(var(--iles-width) / 5);
    --rqth-mes-proches-moi-top: 17.5%;
    --rqth-mes-proches-moi-left: 45.5%;

    --aidants-mes-proches-moi-width: calc(var(--iles-width) / 5);
    --aidants-mes-proches-moi-top: 51.7%;
    --aidants-mes-proches-moi-left: 41.2%;

    --quiz-mes-proches-moi-top: 11%;
    --quiz-mes-proches-moi-left: 40.5%;

    --classification-remuneration-width: calc(var(--iles-width) / 5.1);
    --classification-remuneration-top: 22.8%;
    --classification-remuneration-left: 15.6%;

    --ip-remuneration-width: calc(var(--iles-width) / 6);
    --ip-remuneration-top: 18%;
    --ip-remuneration-left: 31.5%;

    --total-cash-ma-remuneration-width: calc(var(--iles-width) / 3.3);
    --total-cash-ma-remuneration-top: 28%;
    --total-cash-ma-remuneration-left: 33%;

    --evolution-remuneration-width: calc(var(--iles-width) / 5.1);
    --evolution-remuneration-top: 17.5%;
    --evolution-remuneration-left: 60.6%;

    --variable-remuneration-width: calc(var(--iles-width) / 3.6);
    --variable-remuneration-top: 15.5%;
    --variable-remuneration-left: 38.6%;

    --transparence-remuneration-width: calc(var(--iles-width) / 8);
    --transparence-remuneration-top: 41%;
    --transparence-remuneration-left: 53.5%;

    --quiz-ma-remuneration-top: 51%;
    --quiz-ma-remuneration-left: 49%;

    --quiz-ma-sante-top: 7.5%;
    --quiz-ma-sante-left: 43%;

    --teleconsultation-ma-sante-width: calc(var(--iles-width) / 5.5);
    --teleconsultation-ma-sante-top: 23.5%;
    --teleconsultation-ma-sante-left: 51%;

    --ma-mutuelle-sante-width: calc(var(--iles-width) / 3);
    --ma-mutuelle-sante-top: calc(var(--iles-width) * 0.16);
    --ma-mutuelle-sante-left: calc(var(--iles-width) * 0.20);

    --prevention-ma-sante-width: calc(var(--iles-width) / 6);
    --prevention-ma-sante-top: 24.5%;
    --prevention-ma-sante-left: 66.5%;

    --prevoyance-ma-sante-width: calc(var(--iles-width) / 4.5);
    --prevoyance-ma-sante-top: 38%;
    --prevoyance-ma-sante-left: 42.5%;

    /* FICHES PRATIQUES */
    --fiche-color-1: #9FCE33;
    --fiche-color-2: rgb(84, 173, 24);
    --fiche-color-3: rgb(226, 241, 216);
    --border-radius-1: 20px;
    --border-radius-2: calc(var(--border-radius-1) + 8px);
    --puce-h4-w: 30px;
    --md-cartouche-w: 100%
}

.fiche-card {
    --fiche-btn-fs: 14px;
}

.fiche-header {
    --fiche-header-h: auto;
    --fiche-header-content-top: 60px;
    --title-h1-fs: 30px;
    --title-fs: 18px;
}

.color-model-w {
    --color: var(--seventh-color);
    --bkg-color: #fff;
}

.color-model-1 {
    --color: rgb(238, 140, 107);
    --bkg-color: rgb(250, 221, 211);
    --bkg-color-cartouche-2: rgb(255, 195, 178);
    --bkg-color-cartouche-light: rgb(255, 243, 238);
    --puce-arrow: url("../assets/puce-arrow-color-model-1.svg");
}

.color-model-2 {
    --color: rgb(84, 173, 43);
    --bkg-color: rgb(203, 230, 185);
    --bkg-color-cartouche-2: rgb(228, 242, 218);
    --puce-arrow: url("../assets/puce-arrow-color-model-2.svg");
}

.color-model-3 {
    --color: rgb(0, 132, 61);
    --bkg-color: rgb(178, 218, 197);
    --puce-arrow: url("../assets/puce-arrow-color-model-3.svg");
}

.color-model-4 {
    --color: rgb(248, 136, 6);
    --bkg-color: rgb(253, 219, 180);
    --bkg-color-cartouche-2: rgb(254, 237, 218);
    --chained-item-color-1: var(--sixth-color);
    --chained-item-color-2: var(--fifth-color);
    --chained-item-color-3: var(--fourth-color-dark);
    --puce-arrow: url("../assets/puce-arrow-color-model-4.svg");
}

.color-model-5 {
    --color: #ef3340;
    --bkg-color: #fcd6d9;
    --puce-arrow: url("../assets/puce-arrow-color-model-5.svg");
}

@media (max-width: 767px) {
    :root {
        --tooltip-safe-top: 120px;
        --diamond-background-size: 200%;
    }
}

@media (max-width: 991.98px) {

    :root {
        --diamond-background-size: 100%;
        --diamond-background-left: 63%;
        --diamond-background-top: 0px;
        --modal-dialog-padding: 50px 25px 40px;
    }
}

@media (min-width: 991.99px) {

    :root {
        --quiz-mes-proches-moi-top: 10%;
        --quiz-mes-proches-moi-left: 40%;
        --quiz-ma-sante-top: 5.5%;
        --quiz-ma-sante-left: 44%;
        --quiz-ma-remuneration-top: 49%;
        --quiz-ma-remuneration-left: 48%;
        --quiz-epargne-top: 25%;
        --quiz-epargne-left: 49%;
        --diamond-background-top: 0px;
        --md-cartouche-w: 70%;
        --diamond-background-size: 50%;
        --diamond-background-left: -13%;
        --modal-dialog-padding: 50px 25px 40px;
    }

    .fiche-header {
        --fiche-header-content-top: 65px;
        --title-h1-fs: 30px;
        --title-fs: 18px;
    }

    .js-modal-body {
        --video-max-width: 72%
    }

    #ThematiqueModal {
        --fiches-list-width: 15%;
        --fiche-content-width: 85%;
    }


}

@media (min-width: 1399.98px) {
    :root {
        --md-cartouche-w: 60%;
        --quiz-ma-sante-top: 4.5%;
        --quiz-ma-sante-left: 43%;
    }

    .fiche-header {
        --title-h1-fs: 40px;
        --title-h2-fs: 24px;
        --title-fs: 16px;
    }

    .js-modal-body {
        --video-max-width: 72%
    }

    #ThematiqueModal {
        --fiches-list-width: 14%;
        --fiche-content-width: 86%;
    }
}

@media (min-width: 1599.98px) {
    :root {
        --diamond-background-top: -15px;
    }

    .fiche-header {
        --title-h1-fs: 44px;
        --title-h2-fs: 28px;
        --title-fs: 18px;
    }

    .fiche-card {
        --fiche-btn-fs: 16px;
    }

    .js-modal-body {
        --video-max-width: 72%
    }

}