/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
:root {
    font-family: "Outfit", sans-serif;
    font-weight: 500;
    font-size: 16px;

    --brand-color-primary: 123, 129, 199;
    --brand-color-secondary: 89, 100, 214;
    --brand-color-tertiary: 55, 60, 124;
    --brand-color-quaternary: 20, 27, 101;

    --color-prioritaire: 188, 30, 30;
    --color-defaut: 238, 148, 0;
    --color-finalisation: 111, 172, 236;
    --color-finalise: 19, 170, 10;
}

body {
    margin: 0;
    padding: 0;
    border: 0;
}

a {
    color: white;
    text-decoration: none;
}

#mainDiv {
    /* margin-left: 305px; */
    padding: 30px 50px 100px 50px;
}

#menu-mobile {
    display: flex;
}

#logoNav {
    position: relative;
    display: flex;
    align-items: center;
    top: 13px;
    left: 110px;
    width: 30px;
    height: 30px;
    padding: 13px;
    font-size: 1rem;
    cursor: pointer;
    background: #F0F2FF;
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: inherit;
    font-weight: 600;
    color: rgb(var(--brand-color-tertiary));
}

#bouton-retour, #boutonTest {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    top: 13px;
    /* left: 325px; */
    left: 50px;
    padding: 13px;
    font-size: 1rem;
    cursor: pointer;
    background: rgba(var(--brand-color-primary), 0.1);
    border-radius: 5px;
    border: none;
    outline: none;
    font-family: inherit;
    font-weight: 600;
    color: rgb(var(--brand-color-tertiary));
    height: unset;
    width: fit-content;
}

#bouton-retour .bouton-retour-logo {
    width: 18px;
    height: 18px;
    color: rgb(var(--brand-color-tertiary));
}

#logoNav {
    display: none;
}
@media (max-width: 1200px) {
    #mainDiv {
        margin-left: 90px;
        padding: 30px 20px 50px 20px;
    }

    #bouton-retour {
        left: 120px;
    }
}

@media (max-width: 850px) {
    #mainDiv {
        margin-left: 0;
        padding: 30px 20px 30px 20px;
    }

    #logoNav {
        display: block;
        left: 15px;
    }

    #bouton-retour {
        left: 25px;
    }

    #docs-questions .choixButton.docsCategorie {
        flex-direction: column;
    }

    #docs-questions .choixButton.docsCategorie label {
        width: 100%;
    }
}

::-webkit-scrollbar {
    width: 15px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.6);;
}