/* Media query pour les écrans plus grands que 768px (tablettes, ordinateurs de bureau) */
@media (min-width: 768px) {
    .illustration-rdv {
        visibility: visible !important;
    }

    .bottom-buttons {
        position: relative !important;
        top: 0;
        left: 0;
    }

    .rdvgroup-img img {
        width: 160px !important;
        margin-top: inherit !important;
        margin-right: inherit !important;
    }
    
    .new_zone_left,
    .new_zone_right {
        width: 45% !important;
        margin-bottom: 30px;
    }

    .new_zone_left_rdv {
        display: block !important;
        flex-direction: row-reverse;
        width: 55% !important;
        margin-bottom: 30px;
    }

    .new_zone_left_rdv h2 {
        margin-bottom: 25px !important;
        font-size: 32px !important;
        line-height: 46px !important;
        margin-top: 27px !important;
    }

    .new_features {
        background: #99dce22e;
        padding: 14px;
        border-radius: 11px;
        margin-top: 15px;
    }

    .rdvgroup-img p {
        display: block !important;
    }

    #rdv-screen {
        display: flex !important;
        max-width: 80vw !important;
        margin: 0 auto;
        padding: 50px 0;
        max-width: 80vw !important;
        justify-content: space-between;
    }

    #rdv-screen .top-zone-left {
        width: 100% !important;
    }

    #rdv-screen .top-zone-right {
        width: 40% !important;
    }

    .rdvgroup-img {
        display: flex !important;
        justify-content: space-between;
        gap: 20px;
    }

    .left {
        display: flex !important;
    }

    .results-part-3 {
        width: 40% !important;
        padding: 20px 30px !important;
    }

    .zone-middle .zone {
        width: 33%;
    }

    input[type="number"],
    input[type="text"] {
        width: inherit !important;
    }

    #submit-gate input[type="text"],
    #submit-gate input[type="password"],
    #submit-gate input[type="number"],
    #submit-gate input[type="email"],
    #submit-gate input[type="tel"] {
        width: inherit !important;
    }

    .question-container label.checkbox {
        width: inherit !important;
    }

    .logo-partner {
        margin-bottom: 30px !important
    }

    .rdv-container .zone-1 {
        width: 70% !important;
    }

    .zone-1 .cumul-rdv {
        width: 100% !important;
    }

    .question-container button {
        display: block;
        margin-top: 20px;
        position: relative !important;
        width: inherit !important;
        border-radius: 6px !important;
    }
    .rdv-container {
        background: #020033;
        padding: 2rem 3.5rem !important;
        display: flex !important;
        width: 100%;
        z-index: 10;
        gap: 40px;
        border-radius: 70px !important;
        margin-bottom: 100px;
    }

    .header-right {
        display: flex !important;
    }

    .zone-top {
        flex-flow: initial !important;
        gap: 0px !important;
    }

    .results-part-1 {
        width: 55% !important;
        padding-right: 20% !important;
    }

    .offers {
        width: 60% !important;
        margin: 50px auto 100px auto;
        display: flex;
        flex-flow: initial !important;
    }

    .footer-right {
        text-align: right !important;
    }

    .scroll {
        display: none !important;
    }

    .result-body .container,
    .result-footer .container,
    .result-header .container {
        max-width: 80vw !important;
    }

    .result-body {
        top: 130px !important;
    }

    .result-footer .pre-title {
        display: block !important;
    }

    .zone-top-right {
        text-align: right !important;
    }

    .zone-top-left
     {
        flex-flow: initial !important;
    }

    .zone-details {
        gap: 150px !important;
        flex-flow: initial !important;
    }

    .zone-details .details-right,
    .zone-details .details-left {
        width: 50% !important;
    }

    #table {
        width: 100% !important;
    }

    .results-right {
        margin-top: 20px !important;
    }
    .zone-middle .results-part {
        width: 40% !important;
        box-shadow: 0px 7.276952266693115px 29.10780906677246px 0px #02003414;
        border-radius: 43px;
    }

    .results-part-2 {
        width: 20% !important;
    }

    .zone-middle {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        width: 100%;
        gap: 50px;
        flex-flow: initial !important;
    }

    .zone-middle .results-part {
        flex-flow: initial;
    }

    .container {
        display: flex;
        width: 100%;
    }

    .right {
        max-width: 650px;
        width: 70%;
        margin: 0 auto;
        padding-bottom: 70px;
    }

    .left {
        padding: 40px 40px 0 40px;
        width: 30%;
        max-width: 400px;
        background-color: rgb(2, 0, 52);
        box-sizing: border-box;
        color: rgb(224, 224, 235);
        flex-direction: column;
        flex-shrink: 0;
        font-family: "Noto Sans", Arial, sans-serif;
        font-size: 14px;
        line-height: 24px
    }

    .left p {
        color: rgb(224, 224, 235);
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 40px;
    }

    #liveScores,
    #summary-list {
        padding: 20px;
        background: #ffffff1c;
        border-radius: 10px;
        overflow: hidden;
    }

    #liveScores {
        margin-bottom: 30px;
    }

    #summary-list {
        /* display: none; */
        margin-bottom: 90px;
    }

    .question-container select {
        max-width: 310px;
    }

    #summaryList {
        margin-bottom: 0;
    }

    .question-container {
        padding: 20px;
    }

    .input-group {
        display: flex !important;
        justify-content: space-between;
    }

    .results-left {
        width: 60% !important;
        padding: 0rem 3rem !important;
        border-right: 2px solid #f0f0f0;
    }

    .results-container {
        display: flex !important;
        justify-content: space-between;
    }

    .input-group input {
        width: 42% !important;
        margin: 0;
    }

    #summary-list-items {
        list-style: none;
        padding: 0;
    }

    .question-container label,
    .question-container input[type="radio"]+label {
        width: 100px !important;
        margin-right: 15px !important;
        margin-bottom: 15px !important;
    }
}


/* CSS POUR LE PARTNER CHERRY PICK */

.partner-cherrypick .logo-partner {
    width: 188px;
    height: 36.5px;
    margin-bottom: 0;
    background-size: cover;
    background-image: url(https://app.cherry-pick.io/assets/images/cherrypick-logo-WHT.svg);
    display: block;
}

.partner-cherrypick .left {
    background: #045ffb;
}

.partner-cherrypick .summary-sidebar h1 span {
    color: #f74a7b;
}

.partner-cherrypick button {
    background: linear-gradient(90deg, #013ba5, #0360fb);
}

.partner-cherrypick button.inversed {
    background: transparent;
}

.partner-cherrypick .question-container input[type="checkbox"]:checked+label,
.partner-cherrypick .question-container input[type="radio"]:checked+label {
    border: 2px solid #f74a7b;
}

.partner-cherrypick .partnership {
    display: block;
}

.partner-cherrypick .logo-jump {
    display: none;
}

.partner-cherrypick .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-cherrypick .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER COMET */

.partner-malt .logo-partner {
    width: 125px;
    height: 36.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(https://dam.malt.com/cms-front/maltLogo.png);
    filter: brightness(100);
    display: flex;
}

.partner-malt .left {
    background: #fc5757;
}

.partner-malt .left p {
    color: white;
}

.partner-malt .summary-sidebar h1 span {
    color: #333330;
}

.partner-malt button {
    background: #fc5757;
    color: white;
}

.partner-malt #liveScores,
.partner-malt #summary-list {
    background: #ffffff17;
}

.partner-malt button.inversed {
    background: transparent;
}

.partner-malt .question-container input[type="checkbox"]:checked+label,
.partner-malt .question-container input[type="radio"]:checked+label {
    border: 2px solid #ffcece;
}

.partner-malt .line .subline-screen-1.active,
.partner-malt .line .subline-screen-2.active,
.partner-malt .line .subline-screen-3.active {
    background-color: #fc5757;
}

.partner-malt .line .subline-screen-1,
.partner-malt .line .subline-screen-2,
.partner-malt .line .subline-screen-3 {
    background-color: #ffcece;
}

.partner-malt .partnership {
    display: flex;
}

.partner-malt .logo-jump {
    display: none;
}

.partner-malt .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-malt .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER COMET */

.partner-comet .logo-partner {
    width: 151px;
    height: 39.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/comet.svg);
    display: flex;
}

.partner-comet .left {
    background: #000000;
}

.partner-comet .left p {
    color: white;
}

.partner-comet .summary-sidebar h1 span {
    color: #535ffd;
}

.partner-comet button {
    background: #535ffd;
    color: white;
}

.partner-comet #liveScores,
.partner-comet #summary-list {
    background: #1f2937;
}

.partner-comet button.inversed {
    background: transparent;
}

.partner-comet .question-container input[type="checkbox"]:checked+label,
.partner-comet .question-container input[type="radio"]:checked+label {
    border: 2px solid #a8afff;
}

.partner-comet .line .subline-screen-1.active,
.partner-comet .line .subline-screen-2.active,
.partner-comet .line .subline-screen-3.active {
    background-color: #535ffd;
}

.partner-comet .line .subline-screen-1,
.partner-comet .line .subline-screen-2,
.partner-comet .line .subline-screen-3 {
    background-color: #a8afff;
}

.partner-comet .partnership {
    display: flex;
}

.partner-comet .logo-jump {
    display: none;
}

.partner-comet .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-comet .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER KIPDEV */

.partner-kipdev .logo-partner {
    width: 168px;
    height: 51.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/kipdev.png);
    display: flex;
}

.partner-kipdev .left {
    background: #111a28;
}

.partner-kipdev .left p {
    color: white;
}

.partner-kipdev .summary-sidebar h1 span {
    color: #a855f7;
}

.partner-kipdev button {
    background: #a855f7;
    color: white;
}

.partner-kipdev #liveScores,
.partner-kipdev #summary-list {
    background: #1f2937;
}

.partner-kipdev button.inversed {
    background: transparent;
}

.partner-kipdev .question-container input[type="checkbox"]:checked+label,
.partner-kipdev .question-container input[type="radio"]:checked+label {
    border: 2px solid #cdbcff;
}

.partner-kipdev .line .subline-screen-1.active,
.partner-kipdev .line .subline-screen-2.active,
.partner-kipdev .line .subline-screen-3.active {
    background-color: #a855f7;
}

.partner-kipdev .line .subline-screen-1,
.partner-kipdev .line .subline-screen-2,
.partner-kipdev .line .subline-screen-3 {
    background-color: #ead4ff;
}

.partner-kipdev .partnership {
    display: flex;
}

.partner-kipdev .logo-jump {
    display: none;
}

.partner-kipdev .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-kipdev .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER PYLOTE */

.partner-pylote .logo-partner {
    width: 136px;
    height: 36.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(https://uploads-ssl.webflow.com/620d1c5bc8fb7fc0c2d7d973/620d1c5cc8fb7f6719d7d97f_Logo.svg);
    filter: brightness(100);
    display: flex;
}

.partner-pylote .left {
    background-image: url(https://uploads-ssl.webflow.com/620d1c5…/620d1c5…_Group%20120.png);
}

.partner-pylote .left p {
    color: white;
}

.partner-pylote .summary-sidebar h1 span {
    color: #cdbcff;
}

.partner-pylote button {
    background: #cdbcff;
    color: black;
}

.partner-pylote button.inversed {
    background: transparent;
}

.partner-pylote .question-container input[type="checkbox"]:checked+label,
.partner-pylote .question-container input[type="radio"]:checked+label {
    border: 2px solid #cdbcff;
}

.partner-pylote .partnership {
    display: flex;
}

.partner-pylote .logo-jump {
    display: none;
}

.partner-pylote .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-pylote .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER FREE UP */


.partner-freeup #liveScores,
.partner-freeup #summary-list {
    background: #4155cf;
}

.partner-freeup .logo-partner {
    width: 149px;
    height: 37px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/freeup.svg);
    display: block;
}

.partner-freeup .left {
    background: #374ccc;
}

.partner-freeup .left p {
    color: white;
}

.partner-freeup .summary-sidebar h1 span {
    color: #ff8078;
}

.partner-freeup button {
    background: #ff8078;
    color: white;
}

.partner-freeup button:hover {
    background: #ff7268;
    color: white;
}

.partner-freeup button.inversed {
    background: transparent;
}

.partner-freeup .question-container input[type="checkbox"]:checked+label,
.partner-freeup .question-container input[type="radio"]:checked+label {
    border: 2px solid #374ccc;
}

.partner-freeup .line .subline-screen-1.active,
.partner-freeup .line .subline-screen-2.active,
.partner-freeup .line .subline-screen-3.active {
    background-color: #374ccc;
}

.partner-freeup .line .subline-screen-1,
.partner-freeup .line .subline-screen-2,
.partner-freeup .line .subline-screen-3 {
    background-color: #8c9bf3;
}

.partner-freeup #liveScores div {
    color: white;
}

.partner-freeup .partnership {
    display: flex;
}

.partner-freeup .logo-jump {
    display: none;
}

.partner-freeup .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-freeup .logo-jump-dark {
    display: block;
    margin-left: 10px;
}



/* CSS POUR LE PARTNER JULIEN EK */


.partner-julienek .logo-partner {
    width: 100px;
    height: 100px;
    margin-bottom: 0px;
    background-size: cover;
    border-radius: 200px;
    background-image: url(img/julienek.png);
    display: block;
}

.partner-julienek .left {
    background: #13aed1;
}

.partner-julienek .left p {
    color: white;
}

.partner-julienek .summary-sidebar h1 span {
    color: #fddd54;
}

.partner-julienek button {
    background: #fddd54;
    color: black;
}

.partner-julienek button:hover {
    background: #e1ba0e;
}

.partner-julienek button.inversed {
    background: transparent;
}

.partner-julienek .question-container input[type="checkbox"]:checked+label,
.partner-julienek .question-container input[type="radio"]:checked+label {
    border: 2px solid #ff4d06;
}

.partner-julienek .line .subline-screen-1.active,
.partner-julienek .line .subline-screen-2.active,
.partner-julienek .line .subline-screen-3.active {
    background-color: rgb(254 215 24);
}

.partner-julienek .line .subline-screen-1,
.partner-julienek .line .subline-screen-2,
.partner-julienek .line .subline-screen-3 {
    background-color: #fff8d3;
}

.partner-julienek #liveScores div {
    color: white;
}

.partner-julienek .partnership {
    display: flex;
}

.partner-julienek .logo-jump {
    display: none;
}

.partner-julienek .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-julienek .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER HUNTEED */


.partner-hunteed .logo-partner {
    width: 230px;
    height: 40px;
    margin-bottom: 0px;
    background-size: cover;
    border-radius: 200px;
    background-image: url(img/hunteed.png);
    display: block;
}

.partner-hunteed .left {
    background: #213163;
}

.partner-hunteed .left p {
    color: white;
}

.partner-hunteed .summary-sidebar h1 span {
    color: #fddd54;
}

.partner-hunteed button {
    background:#2e74ea;
    color: white;
}

.partner-hunteed button:hover {
    background: #e1ba0e;
}

.partner-hunteed button.inversed {
    background: transparent;
}

.partner-hunteed .question-container input[type="checkbox"]:checked+label,
.partner-hunteed .question-container input[type="radio"]:checked+label {
    border: 2px solid #00c4bb;
}

.partner-hunteed .line .subline-screen-1.active,
.partner-hunteed .line .subline-screen-2.active,
.partner-hunteed .line .subline-screen-3.active {
    background-color: #00c4bb;
}

.partner-hunteed .line .subline-screen-1,
.partner-hunteed .line .subline-screen-2,
.partner-hunteed .line .subline-screen-3 {
    background-color: #4ce7e0;
}

.partner-hunteed #liveScores div {
    color: white;
}

.partner-hunteed .partnership {
    display: flex;
}

.partner-hunteed .logo-jump {
    display: none;
}

.partner-hunteed .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-hunteed .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER BOITE A INDES */


.partner-boiteaindes .logo-partner {
    width: 161px;
    height: 68px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/boiteaindes.png);
    display: block;
}

.partner-boiteaindes .left {
    background: #c52253;
}

.partner-boiteaindes .left p {
    color: white;
}

.partner-boiteaindes .summary-sidebar h1 span {
    color: white;
}

.partner-boiteaindes button {
    background: #c52253;
    color: white;
}

.partner-boiteaindes button:hover {
    background: #c52253;
}

.partner-boiteaindes button.inversed {
    background: transparent;
}

.partner-boiteaindes .question-container input[type="checkbox"]:checked+label,
.partner-boiteaindes .question-container input[type="radio"]:checked+label {
    border: 2px solid #c52253;
}

.partner-boiteaindes .line .subline-screen-1.active,
.partner-boiteaindes .line .subline-screen-2.active,
.partner-boiteaindes .line .subline-screen-3.active {
    background-color: #c52253;
}

.partner-boiteaindes .line .subline-screen-1,
.partner-boiteaindes .line .subline-screen-2,
.partner-boiteaindes .line .subline-screen-3 {
    background-color: #dc87a1;
}

.partner-boiteaindes #liveScores div {
    color: white;
}

.partner-boiteaindes .partnership {
    display: flex;
}

.partner-boiteaindes .logo-jump {
    display: none;
}

.partner-boiteaindes .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-boiteaindes .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER LE WAGON */


.partner-lewagon .logo-partner {
    width: 220px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/lewagon.png);
    display: block;
}

.partner-lewagon .left {
    background: white;
}

.partner-lewagon .left p {
    color: black;
}

.partner-lewagon .summary-sidebar h1 span {
    color: #670BFF;
}

.partner-lewagon button {
    background: #670BFF;
    color: white;
}

.partner-lewagon button:hover {
    background: #520fbc;
}


.partner-lewagon button.inversed {
    background: transparent;
}

.partner-lewagon .question-container input[type="checkbox"]:checked+label,
.partner-lewagon .question-container input[type="radio"]:checked+label {
    border: 2px solid #ff4d06;
}

.partner-lewagon .line .subline-screen-1.active,
.partner-lewagon .line .subline-screen-2.active,
.partner-lewagon .line .subline-screen-3.active {
    background-color: #E60F05;
}

.partner-lewagon .line .subline-screen-1,
.partner-lewagon .line .subline-screen-2,
.partner-lewagon .line .subline-screen-3 {
    background-color: #f38d89;
}

.partner-lewagon #liveScores div {
    color: black;
}

.partner-lewagon #liveScores,
.partner-lewagon #summary-list {
    background: #fdf9fa;
}

.partner-lewagon .partnership {
    display: flex;
    color: black;
}

.partner-lewagon #summary-list-items {
    color: black;
}

.partner-lewagon .logo-jump {
    display: none;
}

.partner-lewagon .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-lewagon .summary-sidebar h1 {
    color: black;
}

.partner-lewagon .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER YALINK */

.partner-yalink .logo-partner {
    width: 166px;
    height: 50px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/yalink.png);
    display: block;
}

.partner-yalink .left {
    background: white;
}

.partner-yalink .left p {
    color: black;
}

.partner-yalink .summary-sidebar h1 span {
    color: #22515b;
}

.partner-yalink button {
    background: #22515b;
    color: white;
}

.partner-yalink button:hover {
    background: #22515b;
}


.partner-yalink button.inversed {
    background: transparent;
}

.partner-yalink .question-container input[type="checkbox"]:checked+label,
.partner-yalink .question-container input[type="radio"]:checked+label {
    border: 2px solid #22515b;
}

.partner-yalink .line .subline-screen-1.active,
.partner-yalink .line .subline-screen-2.active,
.partner-yalink .line .subline-screen-3.active {
    background-color: #22515b;
}

.partner-yalink .line .subline-screen-1,
.partner-yalink .line .subline-screen-2,
.partner-yalink .line .subline-screen-3 {
    background-color: #558b97;
}

.partner-yalink #liveScores div {
    color: black;
}

.partner-yalink #liveScores,
.partner-yalink #summary-list {
    background: #fdf9fa;
}

.partner-yalink .partnership {
    display: flex;
    color: black;
}

.partner-yalink #summary-list-items {
    color: black;
}

.partner-yalink .logo-jump {
    display: none;
}

.partner-yalink .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-yalink .summary-sidebar h1 {
    color: black;
}

.partner-yalink .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER PYLOTE */

.partner-pylote .left p {
    color: white;
}

.partner-pylote .summary-sidebar h1 span {
    color: #cdbcff;
}

.partner-pylote button {
    background: #cdbcff;
    color: black;
}

.partner-pylote button.inversed {
    background: transparent;
}

.partner-pylote .question-container input[type="checkbox"]:checked+label,
.partner-pylote .question-container input[type="radio"]:checked+label {
    border: 2px solid #cdbcff;
}

.partner-pylote .partnership {
    display: flex;
}

.partner-pylote .logo-jump {
    display: none;
}

.partner-pylote .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-pylote .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER FREE UP */


.partner-freeup #liveScores,
.partner-freeup #summary-list {
    background: #4155cf;
}

.partner-freeup .logo-partner {
    width: 149px;
    height: 37px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/freeup.svg);
    display: block;
}

.partner-freeup .left {
    background: #374ccc;
}

.partner-freeup .left p {
    color: white;
}

.partner-freeup .summary-sidebar h1 span {
    color: #ff8078;
}

.partner-freeup button {
    background: #ff8078;
    color: white;
}

.partner-freeup button:hover {
    background: #ff7268;
    color: white;
}

.partner-freeup button.inversed {
    background: transparent;
}

.partner-freeup .question-container input[type="checkbox"]:checked+label,
.partner-freeup .question-container input[type="radio"]:checked+label {
    border: 2px solid #374ccc;
}

.partner-freeup .line .subline-screen-1.active,
.partner-freeup .line .subline-screen-2.active,
.partner-freeup .line .subline-screen-3.active {
    background-color: #374ccc;
}

.partner-freeup .line .subline-screen-1,
.partner-freeup .line .subline-screen-2,
.partner-freeup .line .subline-screen-3 {
    background-color: #8c9bf3;
}

.partner-freeup #liveScores div {
    color: white;
}

.partner-freeup .partnership {
    display: flex;
}

.partner-freeup .logo-jump {
    display: none;
}

.partner-freeup .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-freeup .logo-jump-dark {
    display: block;
    margin-left: 10px;
}



/* CSS POUR LE PARTNER JULIEN EK */


.partner-julienek .logo-partner {
    width: 100px;
    height: 100px;
    margin-bottom: 0px;
    background-size: cover;
    border-radius: 200px;
    background-image: url(img/julienek.png);
    display: block;
}

.partner-julienek .left {
    background: #13aed1;
}

.partner-julienek .left p {
    color: white;
}

.partner-julienek .summary-sidebar h1 span {
    color: #fddd54;
}

.partner-julienek button {
    background: #fddd54;
    color: black;
}

.partner-julienek button:hover {
    background: #e1ba0e;
}

.partner-julienek button.inversed {
    background: transparent;
}

.partner-julienek .question-container input[type="checkbox"]:checked+label,
.partner-julienek .question-container input[type="radio"]:checked+label {
    border: 2px solid #ff4d06;
}

.partner-julienek .line .subline-screen-1.active,
.partner-julienek .line .subline-screen-2.active,
.partner-julienek .line .subline-screen-3.active {
    background-color: rgb(254 215 24);
}

.partner-julienek .line .subline-screen-1,
.partner-julienek .line .subline-screen-2,
.partner-julienek .line .subline-screen-3 {
    background-color: #fff8d3;
}

.partner-julienek #liveScores div {
    color: white;
}

.partner-julienek .partnership {
    display: flex;
}

.partner-julienek .logo-jump {
    display: none;
}

.partner-julienek .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-julienek .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER HUNTEED */


.partner-hunteed .logo-partner {
    width: 230px;
    height: 40px;
    margin-bottom: 0px;
    background-size: cover;
    border-radius: 200px;
    background-image: url(img/hunteed.png);
    display: block;
}

.partner-hunteed .left {
    background: #213163;
}

.partner-hunteed .left p {
    color: white;
}

.partner-hunteed .summary-sidebar h1 span {
    color: #fddd54;
}

.partner-hunteed button {
    background:#2e74ea;
    color: white;
}

.partner-hunteed button:hover {
    background: #e1ba0e;
}

.partner-hunteed button.inversed {
    background: transparent;
}

.partner-hunteed .question-container input[type="checkbox"]:checked+label,
.partner-hunteed .question-container input[type="radio"]:checked+label {
    border: 2px solid #00c4bb;
}

.partner-hunteed .line .subline-screen-1.active,
.partner-hunteed .line .subline-screen-2.active,
.partner-hunteed .line .subline-screen-3.active {
    background-color: #00c4bb;
}

.partner-hunteed .line .subline-screen-1,
.partner-hunteed .line .subline-screen-2,
.partner-hunteed .line .subline-screen-3 {
    background-color: #4ce7e0;
}

.partner-hunteed #liveScores div {
    color: white;
}

.partner-hunteed .partnership {
    display: flex;
}

.partner-hunteed .logo-jump {
    display: none;
}

.partner-hunteed .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-hunteed .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER BOITE A INDES */


.partner-boiteaindes .logo-partner {
    width: 161px;
    height: 68px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/boiteaindes.png);
    display: block;
}

.partner-boiteaindes .left {
    background: #c52253;
}

.partner-boiteaindes .left p {
    color: white;
}

.partner-boiteaindes .summary-sidebar h1 span {
    color: white;
}

.partner-boiteaindes button {
    background: #c52253;
    color: white;
}

.partner-boiteaindes button:hover {
    background: #c52253;
}

.partner-boiteaindes button.inversed {
    background: transparent;
}

.partner-boiteaindes .question-container input[type="checkbox"]:checked+label,
.partner-boiteaindes .question-container input[type="radio"]:checked+label {
    border: 2px solid #c52253;
}

.partner-boiteaindes .line .subline-screen-1.active,
.partner-boiteaindes .line .subline-screen-2.active,
.partner-boiteaindes .line .subline-screen-3.active {
    background-color: #c52253;
}

.partner-boiteaindes .line .subline-screen-1,
.partner-boiteaindes .line .subline-screen-2,
.partner-boiteaindes .line .subline-screen-3 {
    background-color: #dc87a1;
}

.partner-boiteaindes #liveScores div {
    color: white;
}

.partner-boiteaindes .partnership {
    display: flex;
}

.partner-boiteaindes .logo-jump {
    display: none;
}

.partner-boiteaindes .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-boiteaindes .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER SALON */


.partner-salon .logo-partner {
    width: 220px;
    height: 50px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/soloandco.png);
    display: block;
}

.partner-salon .left {
    background: #ffe7f4;
}

.partner-salon .left p {
    color: black;
}

.partner-salon .summary-sidebar h1 span {
    color: #e5007d;
}

.partner-salon button {
    background: #e5007d;
    color: white;
}

.partner-salon button:hover {
    background: #af156a;
}


.partner-salon button.inversed {
    background: transparent;
}

.partner-salon .question-container input[type="checkbox"]:checked+label,
.partner-salon .question-container input[type="radio"]:checked+label {
    border: 2px solid #e5007d;
}

.partner-salon .line .subline-screen-1.active,
.partner-salon .line .subline-screen-2.active,
.partner-salon .line .subline-screen-3.active {
    background-color: #e5007d;
}

.partner-salon .line .subline-screen-1,
.partner-salon .line .subline-screen-2,
.partner-salon .line .subline-screen-3 {
    background-color: #ffa0d4;
}

.partner-salon #liveScores div {
    color: black;
}

.partner-salon #liveScores,
.partner-salon #summary-list {
    background: #fdf9fa;
}

.partner-salon .partnership {
    display: flex;
    color: black;
}

.partner-salon #summary-list-items {
    color: black;
}

.partner-salon .logo-jump {
    display: none;
}

.partner-salon .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-salon .summary-sidebar h1 {
    color: black;
}

.partner-salon .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER FREEWORK */

.partner-freework .logo-partner {
    width: 106px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/freework.png);
    display: block;
}

.partner-freework .left {
    background: white;
}

.partner-freework .left p {
    color: black;
}

.partner-freework .summary-sidebar h1 span {
    color: #00c98d;
}

.partner-freework button {
    background: #00c98d;
    color: white;
}

.partner-freework button:hover {
    background: #0d8e67;
}

.partner-freework .white-ball {
    background-color: #f7e4c8;
}

.partner-freework button.inversed {
    background: transparent;
}

.partner-freework .question-container input[type="checkbox"]:checked+label,
.partner-freework .question-container input[type="radio"]:checked+label {
    border: 2px solid #fe6a00;
}

.partner-freework .line .subline-screen-1.active,
.partner-freework .line .subline-screen-2.active,
.partner-freework .line .subline-screen-3.active {
    background-color: #fe6a00;
}

.partner-freework .line .subline-screen-1,
.partner-freework .line .subline-screen-2,
.partner-freework .line .subline-screen-3 {
    background-color: #f79f5f;
}

.partner-freework #liveScores div {
    color: black;
}

.partner-freework #liveScores,
.partner-freework #summary-list {
    background: #fdf9fa;
}

.partner-freework .partnership {
    display: flex;
    color: black;
}

.partner-freework #summary-list-items {
    color: black;
}

.partner-freework .logo-jump {
    display: none;
}

.partner-freework .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-freework .summary-sidebar h1 {
    color: black;
}

.partner-freework .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER MONCONSULTANTINDEPENDANT */

.partner-mci .logo-partner {
    width: 174px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/monconsultantindependant.png);
    display: block;
}

.partner-mci .left {
    background: white;
}

.partner-mci .left p {
    color: black;
}

.partner-mci .summary-sidebar h1 span {
    color: #48c0d8;
}

.partner-mci button {
    background: #48c0d8;
    color: white;
}

.partner-mci button:hover {
    background: #1b606e;
}

.partner-mci .white-ball {
    background-color: #f7e4c8;
}

.partner-mci button.inversed {
    background: transparent;
}

.partner-mci .question-container input[type="checkbox"]:checked+label,
.partner-mci .question-container input[type="radio"]:checked+label {
    border: 2px solid #48c0d8;
}

.partner-mci .line .subline-screen-1.active,
.partner-mci .line .subline-screen-2.active,
.partner-mci .line .subline-screen-3.active {
    background-color: #48c0d8;
}

.partner-mci .line .subline-screen-1,
.partner-mci .line .subline-screen-2,
.partner-mci .line .subline-screen-3 {
    background-color: #146879;
}

.partner-mci #liveScores div {
    color: black;
}

.partner-mci #liveScores,
.partner-mci #summary-list {
    background: #fdf9fa;
}

.partner-mci .partnership {
    display: flex;
    color: black;
}

.partner-mci #summary-list-items {
    color: black;
}

.partner-mci .logo-jump {
    display: none;
}

.partner-mci .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-mci .summary-sidebar h1 {
    color: black;
}

.partner-mci .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER ODYSSEE RH */


.partner-odysseerh .logo-partner {
    width: 130px;
    height: 103px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/odysseerh.png);
    display: block;
}
p
.partner-odysseerh .left {
    background: white;
}

.partner-odysseerh .left p {
    color: black;
}

.partner-odysseerh .summary-sidebar h1 span {
    color: #FFB93F;
}

.partner-odysseerh button {
    background: #FFB93F;
    color: white;
}

.partner-odysseerh button:hover {
    background: #cb9332;
}


.partner-odysseerh button.inversed {
    background: transparent;
}

.partner-odysseerh .question-container input[type="checkbox"]:checked+label,
.partner-odysseerh .question-container input[type="radio"]:checked+label {
    border: 2px solid #FFB93F;
}

.partner-odysseerh .line .subline-screen-1.active,
.partner-odysseerh .line .subline-screen-2.active,
.partner-odysseerh .line .subline-screen-3.active {
    background-color: #FFB93F;
}

.partner-odysseerh .line .subline-screen-1,
.partner-odysseerh .line .subline-screen-2,
.partner-odysseerh .line .subline-screen-3 {
    background-color: #ffdc9f;
}

.partner-odysseerh #liveScores div {
    color: black;
}

.partner-odysseerh #liveScores,
.partner-odysseerh #summary-list {
    background: #fdf9fa;
}

.partner-odysseerh .partnership {
    display: flex;
    color: black;
}

.partner-odysseerh #summary-list-items {
    color: black;
}

.partner-odysseerh .logo-jump {
    display: none;
}

.partner-odysseerh .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-odysseerh .summary-sidebar h1 {
    color: black;
}

.partner-odysseerh .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER FOLIWEB */


.partner-foliweb .logo-partner {
    width: 160px;
    height: 66px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/foliweb.png);
    display: block;
}

.partner-foliweb .left {
    background: white;
}

.partner-foliweb .left p {
    color: black;
}

.partner-foliweb .summary-sidebar h1 span {
    color: #ee695f;
}

.partner-foliweb button {
    background: #ee695f;
    color: white;
}

.partner-foliweb button:hover {
    background: #ee695f;
}


.partner-foliweb button.inversed {
    background: transparent;
}

.partner-foliweb .question-container input[type="checkbox"]:checked+label,
.partner-foliweb .question-container input[type="radio"]:checked+label {
    border: 2px solid #ee695f;
}

.partner-foliweb .line .subline-screen-1.active,
.partner-foliweb .line .subline-screen-2.active,
.partner-foliweb .line .subline-screen-3.active {
    background-color: #ee695f;
}

.partner-foliweb .line .subline-screen-1,
.partner-foliweb .line .subline-screen-2,
.partner-foliweb .line .subline-screen-3 {
    background-color: #ffb1ab;
}

.partner-foliweb #liveScores div {
    color: black;
}

.partner-foliweb #liveScores,
.partner-foliweb #summary-list {
    background: #fdf9fa;
}

.partner-foliweb .partnership {
    display: flex;
    color: black;
}

.partner-foliweb #summary-list-items {
    color: black;
}

.partner-foliweb .logo-jump {
    display: none;
}

.partner-foliweb .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-foliweb .summary-sidebar h1 {
    color: black;
}

.partner-foliweb .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER WEBMYDAY */


.partner-webmyday .logo-partner {
    width: 210px;
    height: 66px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/webmyday.webp);
    display: block;
}

.partner-webmyday .left {
    background: white;
}

.partner-webmyday .left p {
    color: black;
}

.partner-webmyday .summary-sidebar h1 span {
    color: #285ff7;
}

.partner-webmyday button {
    background: #285ff7;
    color: white;
}

.partner-webmyday button:hover {
    background: #1139a7;
}


.partner-webmyday button.inversed {
    background: transparent;
}

.partner-webmyday .question-container input[type="checkbox"]:checked+label,
.partner-webmyday .question-container input[type="radio"]:checked+label {
    border: 2px solid #285ff7;
}

.partner-webmyday .line .subline-screen-1.active,
.partner-webmyday .line .subline-screen-2.active,
.partner-webmyday .line .subline-screen-3.active {
    background-color: #285ff7;
}

.partner-webmyday .line .subline-screen-1,
.partner-webmyday .line .subline-screen-2,
.partner-webmyday .line .subline-screen-3 {
    background-color: #6e91f1;
}

.partner-webmyday #liveScores div {
    color: black;
}

.partner-webmyday #liveScores,
.partner-webmyday #summary-list {
    background: #fdf9fa;
}

.partner-webmyday .partnership {
    display: flex;
    color: black;
}

.partner-webmyday #summary-list-items {
    color: black;
}

.partner-webmyday .logo-jump {
    display: none;
}

.partner-webmyday .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-webmyday .summary-sidebar h1 {
    color: black;
}

.partner-webmyday .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER SIXIEME HOMME */


.partner-sixiemehomme .logo-partner {
    width: 220px;
    height: 31px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/sixiemehomme.png);
    display: block;
}

.partner-sixiemehomme .left {
    background: white;
}

.partner-sixiemehomme .left p {
    color: black;
}

.partner-sixiemehomme .summary-sidebar h1 span {
    color: #5830FF;
}

.partner-sixiemehomme button {
    background: #5830FF;
    color: white;
}

.partner-sixiemehomme button:hover {
    background: #5830FF;
}


.partner-sixiemehomme button.inversed {
    background: transparent;
}

.partner-sixiemehomme .question-container input[type="checkbox"]:checked+label,
.partner-sixiemehomme .question-container input[type="radio"]:checked+label {
    border: 2px solid #5830FF;
}

.partner-sixiemehomme .line .subline-screen-1.active,
.partner-sixiemehomme .line .subline-screen-2.active,
.partner-sixiemehomme .line .subline-screen-3.active {
    background-color: #5830FF;
}

.partner-sixiemehomme .line .subline-screen-1,
.partner-sixiemehomme .line .subline-screen-2,
.partner-sixiemehomme .line .subline-screen-3 {
    background-color: #c1b3ff;
}

.partner-sixiemehomme #liveScores div {
    color: black;
}

.partner-sixiemehomme #liveScores,
.partner-sixiemehomme #summary-list {
    background: #fdf9fa;
}

.partner-sixiemehomme .partnership {
    display: flex;
    color: black;
}

.partner-sixiemehomme #summary-list-items {
    color: black;
}

.partner-sixiemehomme .logo-jump {
    display: none;
}

.partner-sixiemehomme .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-sixiemehomme .summary-sidebar h1 {
    color: black;
}

.partner-sixiemehomme .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER TALENT */

.partner-talent .logo-partner {
    width: 180px;
    height: 42px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/talent.png);
    display: block;
}

.partner-talent .left {
    background: #fdfcfa;
}

.partner-talent .left p {
    color: black;
}

.partner-talent .summary-sidebar h1 span {
    color: #fbce70;
}

.partner-talent button {
    background: #fbce70;
    color: black;
}

.partner-talent button:hover {
    background: #0a84d6;
}


.partner-talent button.inversed {
    background: transparent;
}

.partner-talent .question-container input[type="checkbox"]:checked+label,
.partner-talent .question-container input[type="radio"]:checked+label {
    border: 2px solid #fbce70;
}

.partner-talent .line .subline-screen-1.active,
.partner-talent .line .subline-screen-2.active,
.partner-talent .line .subline-screen-3.active {
    background-color: #fbce70;
}

.partner-talent .line .subline-screen-1,
.partner-talent .line .subline-screen-2,
.partner-talent .line .subline-screen-3 {
    background-color: #ffe8b6;
}

.partner-talent #liveScores div {
    color: black;
}

.partner-talent #liveScores,
.partner-talent #summary-list {
    background: #00000005;
}

.partner-talent .partnership {
    display: flex;
    color: black;
}

.partner-talent #summary-list-items {
    color: black;
}

.partner-talent .logo-jump {
    display: none;
}

.partner-talent .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-talent .summary-sidebar h1 {
    color: black;
}

.partner-talent .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER FREELANCE REPUBLIK */

.partner-freelancerepublik .logo-partner {
    width: 220px;
    height: 53px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/freelance-republik.png);
    display: block;
}

.partner-freelancerepublik .left {
    background: #f8f8f8;
}

.partner-freelancerepublik .left p {
    color: black;
}

.partner-freelancerepublik .summary-sidebar h1 span {
    color: #138dce;
}

.partner-freelancerepublik button {
    background: #138dce;
    color:white;
}

.partner-freelancerepublik button:hover {
    background: #138dce;
}


.partner-freelancerepublik button.inversed {
    background: transparent;
}

.partner-freelancerepublik .question-container input[type="checkbox"]:checked+label,
.partner-freelancerepublik .question-container input[type="radio"]:checked+label {
    border: 2px solid #138dce;
}

.partner-freelancerepublik .line .subline-screen-1.active,
.partner-freelancerepublik .line .subline-screen-2.active,
.partner-freelancerepublik .line .subline-screen-3.active {
    background-color: #138dce;
}

.partner-freelancerepublik .line .subline-screen-1,
.partner-freelancerepublik .line .subline-screen-2,
.partner-freelancerepublik .line .subline-screen-3 {
    background-color: #67c1f2;
}

.partner-freelancerepublik #liveScores div {
    color: black;
}

.partner-freelancerepublik #liveScores,
.partner-freelancerepublik #summary-list {
    background: #00000005;
}

.partner-freelancerepublik .partnership {
    display: flex;
    color: black;
}

.partner-freelancerepublik #summary-list-items {
    color: black;
}

.partner-freelancerepublik .logo-jump {
    display: none;
}

.partner-freelancerepublik .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-freelancerepublik .summary-sidebar h1 {
    color: black;
}

.partner-freelancerepublik .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER OFFICELAB */

.partner-officelab .logo-partner {
    width: 80px;
    height: 80px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/officelab.jpeg);
    display: block;
}

.partner-officelab .left {
    background: white;
}

.partner-officelab .left p {
    color: black;
}

.partner-officelab .summary-sidebar h1 span {
    color: #a8e3d9;
}

.partner-officelab button {
    background: #a8e3d9;
    color: white;
}

.partner-officelab button:hover {
    background: #a8e3d9;
}


.partner-officelab button.inversed {
    background: transparent;
}

.partner-officelab .question-container input[type="checkbox"]:checked+label,
.partner-officelab .question-container input[type="radio"]:checked+label {
    border: 2px solid #a8e3d9;
}

.partner-officelab .line .subline-screen-1.active,
.partner-officelab .line .subline-screen-2.active,
.partner-officelab .line .subline-screen-3.active {
    background-color: #a8e3d9;
}

.partner-officelab .line .subline-screen-1,
.partner-officelab .line .subline-screen-2,
.partner-officelab .line .subline-screen-3 {
    background-color: #cdf0ea;
}

.partner-officelab #liveScores div {
    color: black;
}

.partner-officelab #liveScores,
.partner-officelab #summary-list {
    background: #fdf9fa;
}

.partner-officelab .partnership {
    display: flex;
    color: black;
}

.partner-officelab #summary-list-items {
    color: black;
}

.partner-officelab .logo-jump {
    display: none;
}

.partner-officelab .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-officelab .summary-sidebar h1 {
    color: black;
}

.partner-officelab .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER TRAIT D UNION */

.partner-traitdunion .logo-partner {
    width: 211px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/traitdunion.png);
    display: block;
}

.partner-traitdunion .left {
    background: white;
}

.partner-traitdunion .left p {
    color: black;
}

.partner-traitdunion .summary-sidebar h1 span {
    color: #009BFF;
}

.partner-traitdunion button {
    background: #009BFF;
    color: white;
}

.partner-traitdunion button:hover {
    background: #0a84d6;
}


.partner-traitdunion button.inversed {
    background: transparent;
}

.partner-traitdunion .question-container input[type="checkbox"]:checked+label,
.partner-traitdunion .question-container input[type="radio"]:checked+label {
    border: 2px solid #009BFF;
}

.partner-traitdunion .line .subline-screen-1.active,
.partner-traitdunion .line .subline-screen-2.active,
.partner-traitdunion .line .subline-screen-3.active {
    background-color: #009BFF;
}

.partner-traitdunion .line .subline-screen-1,
.partner-traitdunion .line .subline-screen-2,
.partner-traitdunion .line .subline-screen-3 {
    background-color: #a3dbff;
}

.partner-traitdunion #liveScores div {
    color: black;
}

.partner-traitdunion #liveScores,
.partner-traitdunion #summary-list {
    background: #fdf9fa;
}

.partner-traitdunion .partnership {
    display: flex;
    color: black;
}

.partner-traitdunion #summary-list-items {
    color: black;
}

.partner-traitdunion .logo-jump {
    display: none;
}

.partner-traitdunion .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-traitdunion .summary-sidebar h1 {
    color: black;
}

.partner-traitdunion .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER ACHIL */

.partner-achil .logo-partner {
    width: 161px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/achil.png);
    display: block;
}

.partner-achil .left {
    background: white;
}

.partner-achil .left p {
    color: black;
}

.partner-achil .summary-sidebar h1 span {
    color: #000b8b;
}

.partner-achil button {
    background: #2acb8b;
    color: white;
}

.partner-achil button:hover {
    background: #2eac79;
}


.partner-achil button.inversed {
    background: transparent;
}

.partner-achil .question-container input[type="checkbox"]:checked+label,
.partner-achil .question-container input[type="radio"]:checked+label {
    border: 2px solid #2acb8b;
}

.partner-achil .line .subline-screen-1.active,
.partner-achil .line .subline-screen-2.active,
.partner-achil .line .subline-screen-3.active {
    background-color: #2acb8b;
}

.partner-achil .line .subline-screen-1,
.partner-achil .line .subline-screen-2,
.partner-achil .line .subline-screen-3 {
    background-color: #96efcc;
}

.partner-achil #liveScores div {
    color: black;
}

.partner-achil #liveScores,
.partner-achil #summary-list {
    background: #fdf9fa;
}

.partner-achil .partnership {
    display: flex;
    color: black;
}

.partner-achil #summary-list-items {
    color: black;
}

.partner-achil .logo-jump {
    display: none;
}

.partner-achil .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-achil .summary-sidebar h1 {
    color: black;
}

.partner-achil .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER MUXBERRY */

.partner-muxberry .logo-partner {
    width: 190px;
    height: 59px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/muxberry.png);
    display: block;
}

.partner-muxberry .left {
    background: white;
}

.partner-muxberry .left p {
    color: black;
}

.partner-muxberry .summary-sidebar h1 span {
    color: #4E36A6;
}

.partner-muxberry button {
    background: #4E36A6;
    color: white;
}

.partner-muxberry button:hover {
    background: #312363;
}


.partner-muxberry button.inversed {
    background: transparent;
}

.partner-muxberry .question-container input[type="checkbox"]:checked+label,
.partner-muxberry .question-container input[type="radio"]:checked+label {
    border: 2px solid #4E36A6;
}

.partner-muxberry .line .subline-screen-1.active,
.partner-muxberry .line .subline-screen-2.active,
.partner-muxberry .line .subline-screen-3.active {
    background-color: #4E36A6;
}

.partner-muxberry .line .subline-screen-1,
.partner-muxberry .line .subline-screen-2,
.partner-muxberry .line .subline-screen-3 {
    background-color: #8f78df;
}

.partner-muxberry #liveScores div {
    color: black;
}

.partner-muxberry #liveScores,
.partner-muxberry #summary-list {
    background: #fdf9fa;
}

.partner-muxberry .partnership {
    display: flex;
    color: black;
}

.partner-muxberry #summary-list-items {
    color: black;
}

.partner-muxberry .logo-jump {
    display: none;
}

.partner-muxberry .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-muxberry .summary-sidebar h1 {
    color: black;
}

.partner-muxberry .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER YOU LOVE WORDS */

.partner-youlovewords .logo-partner {
    width: 190px;
    height: 35px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/youlovewords.svg);
    display: block;
}

.partner-youlovewords .left {
    background: white;
}

.partner-youlovewords .left p {
    color: black;
}

.partner-youlovewords .summary-sidebar h1 span {
    color: #4E36A6;
}

.partner-youlovewords button {
    background: #3ad3c8;
    color: white;
}

.partner-youlovewords button:hover {
    background: #2f807a;
}

.partner-youlovewords button.inversed {
    background: transparent;
}

.partner-youlovewords .question-container input[type="checkbox"]:checked+label,
.partner-youlovewords .question-container input[type="radio"]:checked+label {
    border: 2px solid #ffd855;
}

.partner-youlovewords .line .subline-screen-1.active,
.partner-youlovewords .line .subline-screen-2.active,
.partner-youlovewords .line .subline-screen-3.active {
    background-color: #ffd855;
}

.partner-youlovewords .line .subline-screen-1,
.partner-youlovewords .line .subline-screen-2,
.partner-youlovewords .line .subline-screen-3 {
    background-color: #c5b379;
}

.partner-youlovewords #liveScores div {
    color: black;
}

.partner-youlovewords #liveScores,
.partner-youlovewords #summary-list {
    background: #fdf9fa;
}

.partner-youlovewords .partnership {
    display: flex;
    color: black;
}

.partner-youlovewords #summary-list-items {
    color: black;
}

.partner-youlovewords .logo-jump {
    display: none;
}

.partner-youlovewords .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-youlovewords .summary-sidebar h1 {
    color: black;
}

.partner-youlovewords .logo-jump-dark {
    display: none;
    margin-left: 10px;
}



/* CSS POUR LE PARTNER SME */

.partner-sme .logo-partner {
    width: 127px;
    height: 63.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(https://www.salonsme.com/images/salon-sme.png);
    display: block;
}

.partner-sme .left {
    background: #000000;
}

.partner-sme .left p {
    color: white;
}

.partner-sme .summary-sidebar h1 span {
    color: #fed718;
}

.partner-sme button {
    background: #fed718;
    color: black;
}

.partner-sme button:hover {
    background: #c3a40a;
}

.partner-sme button.inversed {
    background: transparent;
}

.partner-sme .question-container input[type="checkbox"]:checked+label,
.partner-sme .question-container input[type="radio"]:checked+label {
    border: 2px solid #ff4d06;
}

.partner-sme .line .subline-screen-1.active,
.partner-sme .line .subline-screen-2.active,
.partner-sme .line .subline-screen-3.active {
    background-color: rgb(254 215 24);
}

.partner-sme .line .subline-screen-1,
.partner-sme .line .subline-screen-2,
.partner-sme .line .subline-screen-3 {
    background-color: #fff8d3;
}

.partner-sme .partnership {
    display: flex;
}

.partner-sme .logo-jump {
    display: none;
}

.partner-sme .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-sme .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER BLUEBIRDS */

.partner-bluebirds .logo-partner {
    width: 187px;
    height: 41.5px;
    background-size: cover;
    background-image: url(img/bluebirds.svg);
    filter: brightness(13);
    display: block;
}

.partner-bluebirds .left {
    background: #241e47;
}

.partner-bluebirds .left p {
    color: white;
}

.partner-bluebirds .summary-sidebar h1 span {
    color: #e6268c;
}

.partner-bluebirds button {
    background: #e6268c;
    color: white;
}

.partner-bluebirds button:hover {
    background: #e6268c;
}

.partner-bluebirds button.inversed {
    background: transparent;
}

.partner-bluebirds .question-container input[type="checkbox"]:checked+label,
.partner-bluebirds .question-container input[type="radio"]:checked+label {
    border: 2px solid #e6268c;
}

.partner-bluebirds .line .subline-screen-1.active,
.partner-bluebirds .line .subline-screen-2.active,
.partner-bluebirds .line .subline-screen-3.active {
    background-color: #e6268c;
}

.partner-bluebirds .line .subline-screen-1,
.partner-bluebirds .line .subline-screen-2,
.partner-bluebirds .line .subline-screen-3 {
    background-color: #ffc8e6;
}

.partner-bluebirds .partnership {
    display: flex;
}

.partner-bluebirds .logo-jump {
    display: none;
}

.partner-bluebirds .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-bluebirds .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER CLUB DES RH */

.partner-clubdesrh .logo-partner {
    width: 94px;
    height: 51px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/clubdesrh.png);
    display: block;
}

.partner-clubdesrh .left {
    background: #000000;
}

.partner-clubdesrh .left p {
    color: white;
}

.partner-clubdesrh .summary-sidebar h1 span {
    color: #95b6e5;
}

.partner-clubdesrh button {
    background: #5f17ec;
    color: white;
}

.partner-clubdesrh button:hover {
    background: #5f17ec;
}

.partner-clubdesrh button.inversed {
    background: transparent;
}

.partner-clubdesrh .question-container input[type="checkbox"]:checked+label,
.partner-clubdesrh .question-container input[type="radio"]:checked+label {
    border: 2px solid #95b6e5;
}

.partner-clubdesrh .line .subline-screen-1.active,
.partner-clubdesrh .line .subline-screen-2.active,
.partner-clubdesrh .line .subline-screen-3.active {
    background-color: #5f17ec;
}

.partner-clubdesrh .line .subline-screen-1,
.partner-clubdesrh .line .subline-screen-2,
.partner-clubdesrh .line .subline-screen-3 {
    background-color: #95b6e5;
}

.partner-clubdesrh .partnership {
    display: flex;
}

.partner-clubdesrh .logo-jump {
    display: none;
}

.partner-clubdesrh .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-clubdesrh .logo-jump-dark {
    display: block;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER DEFI BRIQUES */


.partner-defibriques .logo-partner {
    width: 127px;
    height: 123.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/defibriques.png);
    display: block;
}

.partner-defibriques .left,
.partner-defibriques .right,
.partner-defibriques .container {
    background: #fffdf9;
    color: #302e26;
}

.partner-defibriques .left p,
.partner-defibriques .summary-sidebar h1 {
    color: #302e26;
}

.partner-defibriques .summary-sidebar h1 span {
    color: #e83434;
}

.partner-defibriques button {
    background: #e83434;
    color: white;
}

.partner-defibriques button:hover {
    background: #b31616;
}

.partner-defibriques button.inversed {
    background: transparent;
}

.partner-defibriques #liveScores,
.partner-defibriques #summary-list {
    background: #fbf4e6;
}

.partner-defibriques .question-container input[type="checkbox"]:checked+label,
.partner-defibriques .question-container input[type="radio"]:checked+label {
    border: 2px solid #e83434;
}

.partner-defibriques .line .subline-screen-1.active,
.partner-defibriques .line .subline-screen-2.active,
.partner-defibriques .line .subline-screen-3.active {
    background-color: #e83434;
}

.partner-defibriques .line .subline-screen-1,
.partner-defibriques .line .subline-screen-2,
.partner-defibriques .line .subline-screen-3 {
    background-color: #ffc8c8;
}

.partner-defibriques .partnership {
    display: flex;
}

.partner-defibriques .logo-jump {
    display: none;
}

.partner-defibriques .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-defibriques .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER ACRACY */

.partner-acracy .logo-partner {
    width: 182px;
    height: 44px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/acracy.svg);
    display: block;
}

.partner-acracy .left {
    background: #162217
}

.partner-acracy .right,
.partner-acracy .container {
    background: white;
    color: #302e26;
}

.partner-acracy .left p,
.partner-acracy .summary-sidebar h1 {
    color: #302e26;
}

.partner-acracy .summary-sidebar h1 span {
    color: #ecf808;
}

.partner-acracy button {
    background: #ecf808;
    color: #1f2006;
}

.partner-acracy button:hover {
    background: #939924;
}


.partner-acracy button.inversed {
    background: transparent;
}

.partner-acracy #liveScores,
.partner-acracy #summary-list {
    background: #353f37;
}

.partner-acracy #liveScores h3,
.partner-acracy #summary-list h3,
.partner-acracy #liveScores p,
.partner-acracy #summary-list p{
    color: white !important;
}


.partner-acracy .question-container input[type="checkbox"]:checked+label,
.partner-acracy .question-container input[type="radio"]:checked+label {
    border: 2px solid #1f2006;
}

.partner-acracy .line .subline-screen-1.active,
.partner-acracy .line .subline-screen-2.active,
.partner-acracy .line .subline-screen-3.active {
    background-color: #ecf808;
}

.partner-acracy .line .subline-screen-1,
.partner-acracy .line .subline-screen-2,
.partner-acracy .line .subline-screen-3 {
    background-color: #fbffb5;
}

.partner-acracy .partnership {
    display: flex;
}

.partner-acracy .logo-jump {
    display: none;
}

.partner-acracy .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-acracy .logo-jump-dark {
    display: block;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER OMS */


.partner-oms .logo-partner {
    width: 176px;
    height: 60px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/oms.png);
    display: block;
}

.partner-oms .left , .partner-oms .result-header {
    background: #18362e;
}


.partner-oms .right,
.partner-oms .container {
    background: white;
    color: #302e26;
}

.partner-oms .result-header .container {
    background: #18362e;
}

.partner-oms .left p,
.partner-oms .summary-sidebar h1 {
    color: #302e26;
}

.partner-oms .summary-sidebar h1 span {
    color: #f25a18;
}

.partner-oms button {
    background: #f25a18;
    color: white;
}

.partner-oms button:hover {
    background: #be4009;
}


.partner-oms button.inversed {
    background: transparent;
}

.partner-oms #liveScores,
.partner-oms #summary-list {
    background: #f4efeb;
}

.partner-oms #summary-list-items li {
    color: rgb(48, 46, 38) !important;
}

.partner-oms .question-container input[type="checkbox"]:checked+label,
.partner-oms .question-container input[type="radio"]:checked+label {
    border: 2px solid #70a7b5;
}

.partner-oms .line .subline-screen-1.active,
.partner-oms .line .subline-screen-2.active,
.partner-oms .line .subline-screen-3.active {
    background-color: #f25a18;
}

.partner-oms .line .subline-screen-1,
.partner-oms .line .subline-screen-2,
.partner-oms .line .subline-screen-3 {
    background-color: #ffab86;
}

.partner-oms .partnership {
    display: flex;
}

.partner-oms .logo-jump {
    display: none;
}

.partner-oms .logo-jump-light {
    display: none;
    margin-left: 10px;
}

.partner-oms .logo-jump-dark {
    display: block;
    margin-left: 10px;
}



/* CSS POUR LE PARTNER SUPER FREELANCE */

.partner-superfreelance .logo-partner {
    width: 51px;
    height: 33.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/superfreelance.jpeg);
    display: block;
}

.partner-superfreelance .left,
.partner-superfreelance .right,
.partner-superfreelance .container {
    background: white;
    color: #302e26;
}

.partner-superfreelance .left {
    border-right: 1px solid #dedede;
}

.partner-superfreelance .left p,
.partner-superfreelance .summary-sidebar h1 {
    color: #302e26;
}

.partner-superfreelance .summary-sidebar h1 span {
    color: #008866;
}

.partner-superfreelance button {
    background: #008866;
    color: white;
}

.partner-superfreelance button.inversed {
    background: transparent;
}

.partner-superfreelance #liveScores,
.partner-superfreelance #summary-list {
    background: #fbf4e6;
}

.partner-superfreelance .question-container input[type="checkbox"]:checked+label,
.partner-superfreelance .question-container input[type="radio"]:checked+label {
    border: 2px solid #008866;
}

.partner-superfreelance .line .subline-screen-1.active,
.partner-superfreelance .line .subline-screen-2.active,
.partner-superfreelance .line .subline-screen-3.active {
    background-color: #008866;
}

.partner-superfreelance .line .subline-screen-1,
.partner-superfreelance .line .subline-screen-2,
.partner-superfreelance .line .subline-screen-3 {
    background-color: #a4f5e1;
}

.partner-superfreelance .partnership {
    display: flex;
}

.partner-superfreelance .logo-jump {
    display: none;
}

.partner-superfreelance .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-superfreelance .logo-jump-dark {
    display: none;
    margin-left: 10px;
}


/* CSS POUR LE PARTNER GOODVEST */

.partner-goodvest .logo-partner {
    width: 190px;
    height: 33.5px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/goodvest.svg);
    display: block;
}

.partner-goodvest .left,
.partner-goodvest .right,
.partner-goodvest .container {
    background: #fffbf8;
    color: #302e26;
}

.partner-goodvest .left {
    border-right: 1px solid #dedede;
}

.partner-goodvest .left p,
.partner-goodvest .summary-sidebar h1 {
    color: #302e26;
}

.partner-goodvest .summary-sidebar h1 span {
    color: #016f6c;
}

.partner-goodvest button {
    background: #016f6c;
    color: white;
}

.partner-goodvest button:hover {
    background: #043c3b;
    color: white;
}

.partner-goodvest button.inversed {
    background: transparent;
}

.partner-goodvest #liveScores,
.partner-goodvest #summary-list {
    background: #fbf4e6;
}

.partner-goodvest .question-container input[type="checkbox"]:checked+label,
.partner-goodvest .question-container input[type="radio"]:checked+label {
    border: 2px solid #016f6c;
}

.partner-goodvest .line .subline-screen-1.active,
.partner-goodvest .line .subline-screen-2.active,
.partner-goodvest .line .subline-screen-3.active {
    background-color: #016f6c;
}

.partner-goodvest .line .subline-screen-1,
.partner-goodvest .line .subline-screen-2,
.partner-goodvest .line .subline-screen-3 {
    background-color: #42d7d2;
}

.partner-superfreelance .partnership {
    display: flex;
}

.partner-goodvest .logo-jump {
    display: none;
}

.partner-goodvest .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-goodvest .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER KEVIN POTTIER */

.partner-kevin-pottier .logo-partner {
    width: 80px;
    height: 80px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/kevin-pottier.png);
    display: block;
    border-radius: 50px;
}

.partner-kevin-pottier .left,
.partner-kevin-pottier .right,
.partner-kevin-pottier .container {
    background: white;
    color: #302e26;
}

.partner-kevin-pottier .left {
    border-right: 1px solid #dedede;
}

.partner-kevin-pottier .left p,
.partner-kevin-pottier .summary-sidebar h1 {
    color: #302e26;
}

.partner-kevin-pottier .summary-sidebar h1 span {
    color: #008866;
}

.partner-kevin-pottier button {
    background: #008866;
    color: white;
}

.partner-kevin-pottier button.inversed {
    background: transparent;
}

.partner-kevin-pottier #liveScores,
.partner-kevin-pottier #summary-list {
    background: #fbf4e6;
}

.partner-kevin-pottier .question-container input[type="checkbox"]:checked+label,
.partner-kevin-pottier .question-container input[type="radio"]:checked+label {
    border: 2px solid #008866;
}

.partner-kevin-pottier .line .subline-screen-1.active,
.partner-kevin-pottier .line .subline-screen-2.active,
.partner-kevin-pottier .line .subline-screen-3.active {
    background-color: #008866;
}

.partner-kevin-pottier .line .subline-screen-1,
.partner-kevin-pottier .line .subline-screen-2,
.partner-kevin-pottier .line .subline-screen-3 {
    background-color: #a4f5e1;
}

.partner-kevin-pottier .partnership {
    display: flex;
}

.partner-kevin-pottier .logo-jump {
    display: none;
}

.partner-kevin-pottier .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-kevin-pottier .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

/* CSS POUR LE PARTNER YEETS */

.partner-yeets .logo-partner {
    width: 120px;
    height: 49px;
    margin-bottom: 0px;
    background-size: cover;
    background-image: url(img/yeets_new.png);
    display: block;
}

.partner-yeets .left,
.partner-yeets .right,
.partner-yeets .container {
    background: white;
    color: #302e26;
}

.partner-yeets .left {
    border-right: 1px solid #dedede;
}

.partner-yeets .left p,
.partner-yeets .summary-sidebar h1 {
    color: black;
}

.partner-yeets .summary-sidebar h1 span {
    color: #6221ec;
}

.partner-yeets button {
    background: #6221ec;
    color: white;
}

.partner-yeets button:hover {
    background: #3f149c;
    color: white;
}

.partner-yeets button.inversed {
    background: transparent;
}

.partner-yeets #liveScores,
.partner-yeets #summary-list {
    background: #ebe1ff;
}

.partner-yeets .question-container input[type="checkbox"]:checked+label,
.superfreelance-yeets .question-container input[type="radio"]:checked+label {
    border: 2px solid #6221ec;
}

.partner-yeets .line .subline-screen-1.active,
.partner-yeets .line .subline-screen-2.active,
.partner-yeets .line .subline-screen-3.active {
    background-color: #6221ec;
}

.partner-yeets .line .subline-screen-1,
.partner-yeets .line .subline-screen-2,
.partner-yeets .line .subline-screen-3 {
    background-color: #a482ec;
}

.partner-yeets .partnership {
    display: flex;
}

.partner-yeets .logo-jump {
    display: none;
}

.partner-yeets .logo-jump-light {
    display: block;
    margin-left: 10px;
}

.partner-yeets .logo-jump-dark {
    display: none;
    margin-left: 10px;
}

body,
html {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    color: rgb(2, 0, 52);
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
}

.partnership {
    display: none;
    position: absolute;
    bottom: 30px;
}

/* Styles pour checkbox et radiobutton */
.question-container input[type="checkbox"],
.question-container input[type="radio"] {
    display: none;
}

.question-container .small label,
.question-container .small input[type="radio"]+label {
    width: 30px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.question-container label,
.question-container input[type="radio"]+label {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 7px;
    width: 100%;
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    /* Ce style donnera une apparence carrée */
    text-align: center;
    padding-bottom: 12px;
    padding-top: 12px;
    cursor: pointer;
}

.question-container .additional-question.medium label,
.question-container .additional-question.medium input[type="radio"]+label {
    width: 65px !important;
    padding-bottom: 10px;
    padding-top: 10px;
}

.question-container input[type="checkbox"]:hover+label,
.question-container input[type="radio"]:hover+label {
    background: #f0f0f0;
}

.question-container input[type="checkbox"]:checked+label,
.question-container input[type="radio"]:checked+label,
.question-container .additional-question.medium input[type="radio"]:checked+label {
    border: 2px solid rgb(28, 211, 223);
}

.summary-sidebar {
    background-color: rgb(2, 0, 52);
    ;
    padding: 20px;
    overflow-y: auto;
}

.summary-sidebar h1 {
    margin-top: 0;
    font-size: 24px;
    color: white;
    font-weight: 700;

}

p {
    margin-block-start: 1.3em;
    margin-block-end: 0.7em;
}

.summary-sidebar p {
    color: rgb(224, 224, 235);
}


.summary-sidebar h1 span {
    color: rgb(28, 211, 223);
}

.logo-jump {
    width: 101px;
    height: 35.7px;
    margin-bottom: 30px;
    background-size: cover;
    background-image: url(https://global-uploads.webflow.com/611c0ab3e0906bd87b5f26d5/612170a24f585431050bdfb4_logo%20jump-2.svg);
}

.logo-partner {
    display: none;
}

.container-global {
    height: 100%;
}

.container {
    display: flex;
    /* Pour afficher les éléments verticalement sur mobile */
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto;
}

.question-container label,
.question-container input[type="radio"]+label {
    width: 100%;
    /* Pour que les labels prennent toute la largeur sur mobile */
    margin-right: 0;
}

.cta-1 .cta-2 {
    width: 50%;
}

.tooltip {
    padding: 16px;
    border-radius: 8px;
    background-color: #E4FAFB;
    color: rgb(5, 5, 5);
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    margin-top: 10px;
    margin-bottom: 20px;
}

.results-parent {
    padding: 1rem 2rem;
}

.results-part-3 {
    width: 100%;
    box-shadow: 0px 7.276952266693115px 29.10780906677246px 0px #02003414;
    border-radius: 43px;
    padding: 0;
    z-index: 0;
    background: white;
}

.illustration-rdv {
    position: absolute;
    width: 330px;
    visibility: hidden;
    margin-top: -10rem;
    right: 31%;
}

.results-part-1 {
    width: 100% !important;
    padding-right: 0%;
}

.results-part-1 li {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
}

ul.baseline {
    list-style-type: none;
    padding-left: 45px;
    margin-top: 40px;
}

ul.baseline li:first-child:before {
    margin-top: -1px;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(img/icon_star.png);
    position: absolute;
    margin-left: -45px;
    display: block;
    background-size: cover;
}

ul.baseline li:nth-child(2):before {
    margin-top: -1px;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(img/icon_pig.png);
    position: absolute;
    margin-left: -45px;
    display: block;
    background-size: cover;
}

ul.baseline li:nth-child(3):before {
    margin-top: -1px;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(img/icon_cool.png);
    position: absolute;
    margin-left: -45px;
    display: block;
    background-size: cover;
}


ul.baseline li:nth-child(4):before {
    margin-top: -1px;
    content: '';
    width: 30px;
    height: 30px;
    background-image: url(img/icon_heart.png);
    position: absolute;
    margin-left: -45px;
    display: block;
    background-size: cover;
}


.border {
    border-bottom: 2px solid #f0f0f0;
}

button:disabled {
    opacity: 0.5;
}

.results-cta,
.results-cta-later {
    background-color: #e4fafb !important;
    padding: 1rem 2rem 2rem;
}

.tooltip.reco p {
    color: white;
}

.results-questions {
    display: flex;
}

.results-questions-zone-1,
.results-questions-zone-2 {
    width: 50%;
    padding: 0.5rem 2rem;
}

.results-left {
    width: 100%;
    padding: 0;
}



/* breadcrumb is a line of 5px height with three dive on the same line */

.breadcrumb {
    width: 220px;
    margin: 40px auto 20px;
}

.breadcrumb h4 {
    margin-bottom: 8px;
    color: rgb(141, 154, 167);
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 1.1px;
    text-align: center;
}

.line {
    display: flex;
    align-items: center;
    height: 5px;
    margin-bottom: 20px;
}

.line .subline-screen-1,
.line .subline-screen-2,
.line .subline-screen-3 {
    height: 5px;
    width: 70px;
    background-color: rgb(228, 250, 251);
    margin-right: 5px;
}

.line .subline-screen-1.active,
.line .subline-screen-2.active,
.line .subline-screen-3.active {
    background-color: rgb(28, 211, 223);
}

.question-container {
    display: none;
    width: 100%;
    max-width: 650px;
    padding: 20px 0;
}

.question-container.active {
    display: block;
    box-sizing: border-box;
}

.question-container input[type="checkbox"] {
    display: none;
    /* Cache la checkbox */
}

.label-nodesign, 
.label-nodesign:checked+label {
    width: 100px !important;
    margin-right: 10px !important;
    border: none !important;
    padding: 0 !important;
    display: inline-block !important;
    background: none !important;
}

.checkbox-nodesign {
    top: 1px;
    position: relative !important;
    margin-left: 30px;
    display: inline-block !important;
}

.question-container label {
    display: inline-block;
    margin-right: 10px;
    width: 100px;
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    cursor: pointer;
}

.question-container label.checkbox {
    padding: 12px;
    width: calc(100% - 24px);
}

#summary-list .badge {
    background: #484588;
    padding: 1px 5px;
    border-radius: 3px;
}

#summary-list h4 {
    margin: 0 0 10px;
    font-size: 18px;
    color: white;
}

#submit-gate button {
    display: block;
    margin-top: 20px;
}

#submit-gate input[type="text"],
#submit-gate input[type="password"],
#submit-gate input[type="number"],
#submit-gate input[type="email"],
#submit-gate input[type="tel"] {
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.phone-input span {
    border: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
.question-container select {
    border-width: 2px;
    border-style: solid;
    font-size: 16px;
    width: 100%;
    border-color: #e0e0ec;
    outline-color: rgb(2, 0, 52);
    padding: 12px;
    border-radius: 8px;
}


input[type="number"] {
    border-width: 2px;
    border-style: solid;
    font-size: 16px;
    width: calc(100% - 24px);
    border-color: #e0e0ec;
    outline-color: rgb(2, 0, 52);
    padding: 12px;
    border-radius: 8px;
}

.question-container input[type="checkbox"]:hover+label {
    background: #f0f0f0;
}

.question-container input[type="checkbox"]:checked+label {
    border: 2px solid rgb(28, 211, 223);
}

h2 {
    color: rgb(2, 0, 52);
    font-family: "Noto Sans", Arial, sans-serif;
    line-height: 40px;
    text-align: left;
    font-size: 30px;
    font-weight: 700;
}

h2.resultats {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

p {
    color: #22204E;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 16px;
}

#loader-container {
    display: none;
}

.loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.question-container button {
    display: block;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    background-color: #1da64d;
}


button.inversed {
    background-color: white;
    color: rgb(2, 0, 52);
}

button:hover {
    background-color: #5ee38c;
    cursor: pointer;
}

button.inversed:hover {
    background-color: white;
    color: rgb(2, 0, 52);
}


.input-group {
    display: block;
}

.input-group input {
    width: calc(100% - 30px);
    margin: 0;
}

.lead-gen-form {
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
}

.lead-gen-form input[type='checkbox'] {
    width: initial !important;
}

.lead-gen-form label.legal {
    text-align: left;
}

.lead-gen-form img {
    max-width: 100%;
}

.lead-gen-form button {
    width: 100%;
    margin-top: 5px;
}

.lead-gen-form input {
    margin: 0;
}

.tag-button {
    border: 2px solid rgb(224 224 236);
    padding: 5px 10px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 15px;
    font-size: 14px;
}

.tag-button.active {
    background-color: rgb(2 0 51);
    color: white;
    border-color: rgb(2 0 51);
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #FFC759;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fade-in-out {
    animation: fadeInOut 5s linear;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.recommendation-section {
    display: none;
    /* Initially hide all sections */
    /* Add more styles if needed */
}

/* Styles pour les boutons de l'échelle 1 à 10 */
.scale-button {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    margin: 5px;
    background-color: white;
    display: inline-block;
    text-align: center;
}

.scale-button:hover {
    background-color: #f0f0f0;
}

.scale-button.active {
    border: 2px solid rgb(28, 211, 223);
    background-color: rgb(28, 211, 223);
    color: white;
}

.question-container input[type="checkbox"]:hover+label {
    background: #f0f0f0;
}

.question-container input[type="checkbox"]:checked+label {
    border: 2px solid rgb(28, 211, 223);
}

h2 {
    color: rgb(2, 0, 52);
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 30px;
    font-weight: 700;
}

h2.resultats {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

p {
    color: #020034;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 32px;;
}

#loader-container {
    display: none;
}

.loader-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 1);
    z-index: 1000;
    align-items: center;
    justify-content: center;
}

.question-container button {
    display: block;
    margin-top: 20px;
}

.btn-link-start,
.btn-link-callback,
.btn-link-questions {
    color: #0bb9c4;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}

button,
.button {
    background-color: #1da64d;
    color: white;
    padding: 15px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    text-decoration: none;
}

button:hover,
.button:hover {
    background-color: #5ee38c;
    cursor: pointer;
}

#submit-gate,
#results {
    display: none;
    align-items: center;
    /* Centrage vertical */
    justify-content: center;
    /* Centrage horizontal */
    min-height: 100vh;
    /* Hauteur minimale pour occuper tout l'écran */
    background-color: white;
    /* Fond blanc légèrement transparent */
    z-index: 1001;
    /* Au-dessus du loader */
    align-items: center;
    justify-content: center;
}

#submit-gate {
    /* background-image: url(img/rapport-blurred.jpg); */
    background-size: cover;
    background-color: white;
    padding-bottom: 50px;
}

.calendly-inline-widget {
    height: 600px !important
}

#results.question-container {
    max-width: initial;
    box-sizing: border-box;
    padding: 0;
}

#submit-gate.active {
    display: block;
    opacity: 1;
    ;
}

.calendly-inline-widget {
    margin-top: 10px;
}

.lead-gen-form {
    width: 80%;
    max-width: 450px;
    margin: 0 auto;
    text-align: center;
    box-shadow: 0px 0px 100px 100px white, inset 0px 0px 100px 100px white;
}

.lead-gen-form img {
    max-width: 100%;
}

.lead-gen-form button {
    width: 100%;
    margin-top: 5px;
}

.lead-gen-form input {
    margin: 0;
}

.tag-button {
    border: 2px solid rgb(224 224 236);
    padding: 5px 10px;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 15px;
    font-size: 14px;
}

.tag-button.active {
    background-color: rgb(2 0 51);
    color: white;
    border-color: rgb(2 0 51);
}

.loader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #FFC759;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fade-in-out {
    animation: fadeInOut 5s linear;
}

@keyframes fadeInOut {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.recommendation-section {
    display: none;
    /* Initially hide all sections */
    /* Add more styles if needed */
}

/* Styles pour les boutons de l'échelle 1 à 10 */
.scale-button {
    border: 2px solid #f0f0f0;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    margin: 5px;
    background-color: white;
    display: inline-block;
    text-align: center;
}

.scale-button:hover {
    background-color: #f0f0f0;
}

.scale-button.active {
    border: 2px solid rgb(28, 211, 223);
    background-color: rgb(28, 211, 223);
    color: white;
}


.back-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: rgb(2, 0, 52);
    padding: 15px 24px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid rgb(2, 0, 52);
    background-color: transparent;
    margin-right: 10px;
    /* Espacement entre "Précédent" et "Suivant" */
}

.arrow-left {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid rgb(2, 0, 52);
    margin-right: 8px;
}

.back-link:hover {
    color: white;
    background-color: rgb(2, 0, 52);
}

.phone-input {
    display: flex;
    align-items: center;
}

.phone-input span {
    padding: 5px;
    border: 1px solid #ccc;
    border-right: none;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-out {
    animation: fadeOut 0.5s forwards;
}

.fade-in {
    animation: fadeIn 0.5s forwards;
}

.question-container {
    opacity: 1;
}


@keyframes fadeInSlow {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.input-hidden {
    opacity: 0;
    transition: opacity 0.5s ease;
    display: none;
}

.input-visible {
    animation: fadeInSlow 0.5s forwards;
    display: block;
    opacity: 1;
    max-height: initial;
}

.container {
    display: flex;
    width: 100%;
}

.right {
    width: 70%;
    max-width: 650px;
    margin: 0 auto;
    padding: 0 30px 70px 30px;
}

/* État par défaut pour les questions */
.left {
    width: 100%;
    transition: left 0.5s;
    position: relative;
    left: 0;
}

.right {
    width: 100%;
    transition: left 0.5s, width 0.5s;
    position: relative;
    left: 0;
}

.left {
    padding: 40px 40px 0 40px;
    max-width: 400px;
    background-color: rgb(2, 0, 52);
    box-sizing: border-box;
    color: rgb(224, 224, 235);
    display: none;
    flex-direction: column;
    flex-shrink: 0;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 24px
}

.left p {
    font-weight: 400;
    color: rgb(224, 224, 235);
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 40px;
}

#liveScores,
#summary-list {
    padding: 20px;
    background: #ffffff1c;
    border-radius: 10px;
    margin-bottom: 30px;
}

.question-container select {
    max-width: 310px;
}

#summaryList {
    margin-bottom: 0;
}

p.small {
    margin-top: -10px;
    font-size: 0.9em;
    margin-bottom: 15px;
    color: #3D5266;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

#liveScores div {
    transition: background-color 0.5s ease;
    /* Animation */
}

#liveScores div.highlight {
    background-color: rgba(255, 255, 255, 0.12);
    ;
    /* Couleur de mise en évidence lors d'un changement */
    transition: background-color 0.5s ease;

}


#table {
    display: table;
    width: 300%;
    border-collapse: collapse;
}

.row {
    display: table-row;
}

.cell {
    display: table-cell;
    padding: 8px;
    border: none;
    text-align: center;
    vertical-align: middle;
}

.cell.title {
    text-align: left;
}

#table .row.header .cell {
    font-weight: bold;
    font-size: 15px;
    padding-top: 20px;
    padding-bottom: 30px !important;
    line-height: 20px;
}

.header .cell.recommended {
    border-radius: 1.5rem 1.5rem 0 0;
    overflow: hidden;
}

.footer .cell.recommended {
    border-radius: 0 0 1.5rem 1.5rem;
    overflow: hidden;
    color: #e4fafb;
}

#tableContainer {
    margin-bottom: 50px;
    overflow: scroll;
}

.scroll {
    display: block;
}

#tableContainer .row .cell:first-child {
    text-align: left;
    width: auto;
}

#table .row.stars .cell {
    font-size: 15px;
}


#table .row .cell {
    font-size: 14px;
    line-height: 14px;
}

#table .row.stars .cell {
    font-size: 18px;
}

#table .row.stars .cell:first-child {
    font-size: 14px;
}

#table .row.border {
    border-bottom: 1px solid #E0E0EB;
}

.recommended {
    background-color: #e4fafb !important;
}

.not-recommended {
    opacity: 0.5;
    filter: grayscale(100%);
}

#fade {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    /* Hauteur du dégradé */
    background: linear-gradient(to top, white, transparent);
}

#loadMore {
    cursor: pointer;
    text-align: center;
    padding: 10px;
}


.question-container {
    opacity: 0;
    display: none;
    transition: opacity 0.5s ease;
}

.question-container.active {
    display: block;
    opacity: 1;
}

.bottom-buttons {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 25px;
    left: 10px;
}

.left-in-results {
    left: -calc(100% - 30px);
    /* Cache .left sauf 30px */
    transition: left 0.5s;
    /* Transition douce */
    position: absolute;
    /* Positionnement absolu */
}


.results-container {
    display: block;
}

.left-in-results:hover {
    left: 0;
    /* Déplacez à gauche pour que tout .left soit visible lors du survol */
}

/* Classe pour cacher .left */
.hide-left {
    display: none;
}

/* Classe pour élargir .right à 100% */
.expand-right {
    width: 100%;
    max-width: initial;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}

.more-questions {
    padding: 1rem;
    background: #c7f1f4;
    border-radius: 7px;
    margin-bottom: 0;
}

.rdv-container h2 {
    text-align: left;
    color: white;
}

.rdv-container p {
    text-align: left;
    color: white;
}


.rdv-container {
    display: table-column;
    background: #020033;
    padding: 1rem 1.5rem;
    width: 100%;
    z-index: 10;
    border-radius: 30px;
    margin-bottom: 100px;
    box-sizing: border-box;
}

.rdv-container .zone-1 {
    width: 100%;
    text-align: center;
}

.rdv-container .zone-2 {
    width: 70%;
}


.logo-container {
    display: flex;
    justify-content: space-between;
}



.yellow-ball {
    background-color: #FFC759;
    width: 12px;
    height: 12px;
    display: inline-flex;
    border-radius: 100px;
    margin-left: 5px;
}

.white-ball {
    background-color: white;
    width: 12px;
    height: 12px;
    display: inline-flex;
    margin-left: 5px;
    border-radius: 100px;
}

.grey-ball {
    background-color: white;
    width: 12px;
    height: 12px;
    display: inline-flex;
    margin-left: 5px;
    border-radius: 100px;
    opacity: 50%;
}

.red-ball {
    display: inline-block;
    width: 12px;
    height: 12px;
    display: inline-flex;
    margin-left: 5px;
    border-radius: 100px;
    background-color: #ff4444;
}

.status-score {
    display: flex;
    justify-content: space-between;
    line-height: 19px;
    margin-bottom: 7px;
}

.transparent-white-ball {
    background-color: white;
    opacity: 0.5;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    display: inline-flex;
    border-radius: 100px;
}

.transparent-ball {
    background-color: transparent;
}


/* NEW RESULT PAGE */

.result-header {
    background: #020033;
    padding: 1.6rem 0;
    position: fixed;
    width: 100%;
    z-index: 20;
}

.result-header .logo-jump {
    margin-bottom: 0;
}

.result-header .logo-container {
    padding-top: 8px;
}

.result-footer .container,
.result-body .container,
.result-header .container {
    max-width: 90%;
}

.result-header .container {
    display: flex;
    justify-content: space-between;
}

.result-body {
    position: relative;
    top: 140px;
    width: 100%;
    padding-bottom: 90px;
}

.zone-top {
    justify-content: space-between;
    width: 100%;
    flex-flow: column;
    gap: 30px;
}

.zone-top .title,
.zone-explanation .title,
.zone-more-explanation .title {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
}

.zone-more-explanation .title,
.zone-explanation .title {
    align-self: center;
}

.result-footer .pre-title {
    display: none;
}

.zone-top .pre-title,
.zone-explanation .pre-title,
.zone-more-explanation .pre-title,
.result-header .pre-title,
.result-footer .pre-title,
.zone-middle .zone-middle-left,
.zone-middle {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
}

.zone-top-left {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.zone-top-left .title {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
}

.title-how {
    padding-top: 10px;
    margin-left: 17px;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: 50px;
    letter-spacing: 0em;
    text-align: left;
}

.zone-explanation {
    align-items: center;
    margin-bottom: 30px;
    width: 100%;
}

.zone-more-explanation {
    margin-bottom: 150px;
    align-items: center;
    width: 100%;
}

.zone-explanation img,
.zone-more-explanation img {
    padding: 10px;
    margin-right: 17px;
}

.zone-top-right {
    text-align: left;
}

.zone-top-right .pre-title {
    margin-bottom: 10px;
}

.badge {
    padding: 5px 16px;
    background: #7458DB;
    color: white;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    margin-left: 10px;
    border-radius: 30px;
    display: inline-flex;
    margin-bottom: 10px;
}

.zone-middle {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    width: 100%;
    gap: 35px;
    flex-flow: column;
}

.zone-middle .zone img {
    margin: 0 auto;
    width: 120px;
    display: block;
}

.zone-middle .zone {
    width: calc(100% - 80px);
    padding: 40px;
    background: #E4FAFB;
    border-radius: 42px;;
}
.zone-middle .zone h3 {
    text-align: center;  
}

.zone-middle .zone ul {
    padding-left: 15px;
}

.zone-top .pre-title {
    margin-bottom: 10px;
}

.zone-middle .zone li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 8px;
}

.zone-middle .results-part {
    width: 100%;
    flex-flow: column;
}

.zone-middle p {
    line-height: 22px;
}

.results-right {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 50px;
}



.zone-details a,
.zone-middle a,
.result-footer .footer-left a,
.result-footer .footer-left .link {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 15.5px;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    align-items: center;
    color: #06B9C4;
    display: flex;
    gap: 10px;
    cursor: pointer;
    text-decoration: none;
}

.zone-middle .zone-middle-left .zone-middle-left-right {
    align-self: center;
}

.zone-bottom {
    width: 100%;
    margin-top: 50px;
}

.zone-bottom #tableContainer .row .cell:first-child {
    text-align: left;
    width: 22%;
}

.zone-bottom #tableContainer .row.border .cell {
    padding-bottom: 20px;
}

.zone-bottom #tableContainer .row .cell:nth-child(2),
.zone-bottom #tableContainer .row .cell:nth-child(3),
.zone-bottom #tableContainer .row .cell:nth-child(4),
.zone-bottom #tableContainer .row .cell:nth-child(5),
.zone-bottom #tableContainer .row .cell:nth-child(6),
.zone-bottom #tableContainer .row .cell:nth-child(7),
.zone-bottom #tableContainer .row .cell:nth-child(8) {
    width: 11.2%;
}

.zone-bottom #tableContainer .row .headline {
    font-weight: bold;
    padding-top: 20px;
    font-size: 17px;
    padding-bottom: 10px;
}

.result-footer {
    box-shadow: 0px -5px 18px rgba(2, 0, 52, 0.08);
    background-color: white;
    width: 100%;
    position: fixed;
    padding: 20px 0;
    bottom: 0;
}

.footer-right {
    display: flex;
    align-items: center;
    gap: 30px;
    text-align: left;
}

.header-right {
    display: none;
    align-items: center;
    gap: 30px;
    text-align: right;
}

.footer-right button,
.header-right button {
    margin-top: 0px;
}

.header-right,
.header-right p {
    color: white;
}

.header-right button,
.header-right .button {
    background: white;
    color: #020033;
}

.not-recommended-text {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.7px;
    font-weight: bold;
    opacity: 0.6;
}

.result-illustration,
.graph {
    width: 100%;
}

.zone-details {
    gap: 0px;
    flex-flow: column;
}

.zone-details .details-right,
.zone-details .details-left {
    width: 100%;
    box-sizing: border-box;
}

.zone-details .details-right {
    background: #E4FAFB;
    padding: 2rem 2.5rem;
    border-radius: 1.5rem;
}

.zone-footer-list {
    position: fixed;
}

#start-screen.question-container {
    padding: 0;
    max-width: initial;
    box-sizing: border-box;
}

.offers {
    width: 100%;
    gap: 50px;
    margin: 50px auto 100px auto;
    display: flex;
    flex-flow: column;
}

.offer-start img,
.offer-jump img {
    width: 100%;
    cursor: pointer;
}

.offer-start.inactive img,
.offer-jump.inactive img {
    cursor: initial;
}

.offer-start.inactive,
.offer-jump.inactive {
    filter: saturate(0);
    opacity: 0.5;
}

#start-screen .result-body {
    top: 140px !important;
}

#start-screen .result-header .logo-container {
    padding-top: 0;
}

.offer-start.inactive:before {
    display: none;
}

.offer-jump.inactive:before {
    display: none;
}

#summary-no-mission,
#summary-mission {
    margin: 0 auto;
    text-align: center;
}

#loadingScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 30vh;
}

.balls-container {
    max-height: 20px;
    overflow: hidden;
}

.cumul {
    color: #1bd3de;
    font-style: italic;
}

.zone-1 .cumul-rdv {
    width: 80%;
}


.loader {
    border: 13px solid #02003421;
    border-radius: 50%;
    border-top: 13px solid rgb(2, 0, 52);
    width: 90px;
    height: 90px;
    animation: spin 2s linear infinite;
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .open-container {
    background: #EEEBFF !important;
    border-radius: 25px;
    padding: 3.5rem 3.5rem 0;
    margin-bottom: 4rem;
    box-sizing: border-box;
    z-index: 21;
    position: relative;
}

.open-container h4 {
    font-size: 2rem;
    margin-top: 0;
    margin-bottom: 1.2rem;
    line-height: 2.5rem;
}

.open-container a {
    color: #5C4BB5;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2rem;
}

.open-container .open-left {
    width: 65%;
    margin-bottom: 3.2rem;
}

.open-container .img-right {
    width: 35%;
    display: flex;
    min-width: 320px;
}

.open-container .img-right img {
    width: 100%;
    align-self: end;
}


.open-container .open-price {
    color: #7458db;
    font-weight: bold;
    text-decoration: underline;
}

.cta-open {
    font-size: 11px;
    background: #020034;
    color: white;
    text-decoration: none;
    padding: 5px 5PX;
    border-radius: 5px;
    font-weight: 100;
    cursor: pointer;
}

.cta-rdv {
    font-size: 11px;
    background: #30c9d7;
    color: white;
    text-decoration: none;
    padding: 5px 5PX;
    border-radius: 5px;
    cursor: pointer;
}

.new {
    position: absolute;
    padding: 0.35rem 0.5rem;
    background: #ffc759;
    text-transform: uppercase;
    font-weight: 900;
    font-family: 'Noto Sans';
    border-radius: 3px;
    color: white;
    margin-left: -61px;
    margin-top: -56px;
    transform: rotate(351deg);
    font-size: 1.1rem;
}

.error input,
.error label,
.error select,
select.error { 
    border-color: #F5504F !important;
}

.error-message {
    color: #E03231;
    font-family: 'Noto Sans';
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    margin-top: 8px;
}

p.big {
    font-size: 1.1em;
    margin-bottom: 15px;
    color: #3D5266;
    line-height: 22px;
    font-weight: 400;
}

.new_description {
    font-size: 16px;
}


.new_zone_left,
.new_zone_right {
    width: 100%;
    margin-bottom: 35px;
}

#rdv-screen {
    display: flex;
}

.new_zone_left .pre_title {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    margin-bottom: 10px;
}

.new_zone_left .title {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 0em;
    text-align: left;
    line-height: 36px;
}

.new_cumul {
    padding-top: 15px;
    border-top: 1px solid #dfeaeb;
    margin-top: 10px;
    margin-bottom: 10px;
}

.new_zone_left .new_salary,
.js_netrevenue,
.new_salary_cumul {
    font-family: "Noto Sans", Arial, sans-serif;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    color: #00959e;
    background-color: #e4fafb;
    display: inline-block;
    border-radius: 100px;
}

.new_zone_left .new_salary, 
.new_rate,
.new_rate_cumul,
.new_salary_cumul {
    font-size: 18px;
    padding: 10px 12px;
}

.with_micro,
.without_micro {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #21969e;
}

.js_netrevenue,
.js_netrate {
    font-size: 15px;
    border-radius: 100px;
    padding: 6px 8px;
}

.new_rate,
.js_netrate,
.new_rate_cumul {
    font-family: "Noto Sans", Arial, sans-serif;
    display: inline-block;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    color: #483a8e;
    background-color: #f1efff;
    border-radius: 100px;
}

.new_zone_left .new_description {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0em;
    margin-top: 25px;
    margin-bottom: 25px;
    font-weight: 300;
}

.new_action_visio_btn,
.new_action_start {
    padding: 12px 17px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 6px;
    width: fit-content;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.new_action_visio_btn {
    background-color: #1da64d;
    border: 2px solid #1da64d;
    color: white;
    margin-bottom: 10px;
    margin-top: 30px;
}

.new_action_visio_btn:hover {
    background-color: #2c8e4e;
}

.new_action_start {
    background-color: white;
    border: 2px solid #1da64e;
    color: #1da64e;
}

.new_action_start:hover {
    background-color: #f2f2f2;
}

.container.flex {
    display: flex;
    gap: 10%
}

.new_reco_top {
    display: flex;
    justify-content: space-between;
}

.new_reco_title {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    margin-bottom: 10px;
}

.new_reco_description {
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0em;
    margin-bottom: 15px;
    margin-top: 5px;
    font-weight: 300;
}

.new_reco_status {
    padding: 20px 25px 20px 25px;
    border: 3px solid #dfdfdf;
    border-radius: 30px;
    margin-bottom: 15px;
    max-height: 22px;
    overflow: hidden;
    transition: max-height 0.3s ease, background-color 0.3s ease;
    cursor: pointer;
}

.new_reco_status:hover {
    background-color: #f7f7f7;
}

.new_reco_status.selected {
    background: #e4fafb;
    border-color: transparent;
}

.new_reco_status.selected:hover, .new_reco_status.selected.expanded:hover {
    background: #d0eff1;
}

.new_reco_status.expanded {
    max-height: 500px;
    cursor: inherit;
}

.new_reco_status.expanded:hover {
    background-color: white;
}

.new_reco_status.expanded .js_netrevenue {
    background-color: #c0f3f5;
}

.new_reco_status .new_reco_description {
    opacity: 0;
    transition: 0.3s opacity ease;
}

.new_reco_status.expanded .new_reco_description {
    opacity: 1;
}

 
.new_feature_1, 
.new_feature_2,
.new_feature_3,
.new_feature_4,
.new_feature_5 {
    display: flex;
    justify-content: space-between;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.new_feature_1, 
.new_feature_2,
.new_feature_3,
.new_feature_4 {
    border-bottom: 1px solid #0000000f;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.new_reco_stars {
    font-size : 22px;
}

.new_action_visio_link,
.new_action_advantages_link {
    margin-top: 15px;
    font-family: "Noto Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}

.mention {
    font-size: 13px;
    margin: 0 auto;
    font-weight: 300;
    line-height: 16px;
}

.new_action_visio_link {
    text-align: right;
}

.new_action_advantages_link {
    margin-top: 15px;
}

#rdv-screen {
    display: block;
    max-width: 80vw !important;
    margin: 0 auto;
    padding: 50px 0;
    max-width: 80vw !important;
}

#rdv-screen .top-zone-left {
    width: 50%;
}

#rdv-screen .top-zone-right {
    width: 40%;
}

.rdvgroup-img {
    display: block;
    justify-content: space-between;
    gap: 20px;
}

.rdvgroup-img img {
    align-self: flex-start;
    width: 90px;
    margin-top: 30px;
    margin-right: 22px;
}

.flex-justify {
    display: flex;
    justify-content: flex-start;
    gap: 30px;
}

.new_turnover, .new_expenses {
    background: #f1f1f1;
    color: #9f9f9f;
    display: inline-block;
    border-radius: 20px;
    padding: 3px 9px;
    font-size: 13px;
    margin-bottom: 20px;
    margin-right: 10px;
}

.new_reco_incomes {
    margin-bottom: 15px;
}

.rdvgroup-img p {
    display: none;
    margin-top: 0;
    font-weight: 400;
}

.new_zone_left_rdv {
    display: flex;
    flex-direction: row-reverse;
    width: inherit;
    margin-bottom: 0px;
}

.new_zone_left_rdv h2 {
    margin-bottom: 0;
    font-size: 20px;
    line-height: 26px;
    margin-top: 30px;
}