/* tableau dans l'onglet Codde_source !! */

.cd_src_YT_installv1_3_1 {
    width: 430px;
    height: 500px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-120%, -30%);

    z-index: 999;
    opacity: 0;

    max-height: 45vh;
    overflow-y: auto;
    overflow-x: hidden;
}

        .cd_src_YT_installv1_3_2 {
            width: 430px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(20%, -30%);

            z-index: 999;
            opacity: 0;

            max-height: 45vh;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .cd_src_YT_installv1_3_3 {
            width: 430px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, 80%);

            z-index: 999;
            opacity: 0;

            max-height: 45vh;
            overflow-y: auto;
            overflow-x: hidden;
        }

        #cd_src_YT_installv1_3_1::-webkit-scrollbar,
        #cd_src_YT_installv1_3_2::-webkit-scrollbar,
        #cd_src_YT_installv1_3_3::-webkit-scrollbar,
        #cd_src_OutSondv1_1_1::-webkit-scrollbar,
        #cd_src_OutSondv1_1_2::-webkit-scrollbar,
        #cd_src_OutSondv1_1_3::-webkit-scrollbar,
        #cd_src_OutSondv1_1_4::-webkit-scrollbar,
        #cd_src_OutSondv1_1_5::-webkit-scrollbar,
        #cd_src_OutSondv1_1_6::-webkit-scrollbar,
        #cd_src_OutSondv1_1_7::-webkit-scrollbar,
        #cd_src_OutSondv1_1_8::-webkit-scrollbar {
            width: 5px;
        }

        #cd_src_YT_installv1_3_1::-webkit-scrollbar-thumb,
        #cd_src_YT_installv1_3_2::-webkit-scrollbar-thumb,
        #cd_src_YT_installv1_3_3::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_1::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_2::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_3::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_4::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_5::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_6::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_7::-webkit-scrollbar-thumb,
        #cd_src_OutSondv1_1_8::-webkit-scrollbar-thumb {
            background: white;
            border-radius: 5px;
        }

.cd_src_OutSondv1_1_1 {
    width: 330px;
    height: 500px;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 10px;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-175%, -30%);

    z-index: 998;
    opacity: 0;
    max-height: 45vh;
    overflow-y: auto;
    overflow-x: auto;
}

        .cd_src_OutSondv1_1_2 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-55%, -30%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

        .cd_src_OutSondv1_1_3 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(65%, -30%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

        .cd_src_OutSondv1_1_4 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-175%, 75%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

        .cd_src_OutSondv1_1_5 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-55%, 75%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

        .cd_src_OutSondv1_1_6 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(65%, 75%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .cd_src_OutSondv1_1_7 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-130%, 180%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

        .cd_src_OutSondv1_1_8 {
            width: 330px;
            height: 500px;
            background: rgba(255, 255, 255, 0.4);
            border-radius: 10px;

            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(20%, 180%);

            z-index: 998;
            opacity: 0;
            max-height: 45vh;
            overflow-y: auto;
            overflow-x: auto;
        }

#licence {
    width: 550px;
    height: 250px;
    background: white;
    border: 5px solid black;
    color: black;

    position: fixed;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    z-index: 0;
    display: block;
    overflow: auto;
    text-align: left;
    white-space: pre-wrap;
}

    #licence::-webkit-scrollbar {
            width: 10px;
    }

    #licence::-webkit-scrollbar-thumb {
        background: linear-gradient(#c2e5f1, #3c453c, #a19d9d, #091315, #c2e5f1, #091315);
        border-radius: 20px;
    }