body {
    background: url(/Images/Background_Quiz.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#div_content {
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 14vh;
    z-index: 5;
    overflow: auto;
    background-color: rgba(232, 40, 40, 0);
    /*height: 85vh;*/
}

@media (max-width: 1560px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 900px) {
}

    #historique_choix {
        margin-top: 0vh;
        width: 30vh;
        background-color: rgba(46, 203, 194, 0.70);
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 6;
        display: none;
        padding-top: 20vh;
        text-align: center;
    }

    #img_logo {
        z-index: 8;
    }

    #visu_choix {
        margin-top: 1vh;
    }

    .blocChoix, .blocActivite {
        display: inline-block;
        margin-left: 3vh;
        margin-right: 3vh;
        cursor: pointer;
        width: 27.3vh;
        height: 41.6vh;
        vertical-align: top;
        position: relative;
        padding: 6px 6px 3px 6px;
        border: 2px solid rgba(255, 255, 255, 0.00);
        border-radius: 10px;
    }

        .blocChoix .previewImg, .blocActivite .previewImg {
            width: 19.8vh;
            height: 31vh;
            background-color: #FFFFFF;
            border-radius: 6px;
            -webkit-box-shadow: -4px 5px 6px 1px #8E8E8E;
            box-shadow: -4px 5px 6px 1px #8E8E8E;
            margin-left: auto;
            margin-right: auto;
        }

            .blocChoix .previewImg img, .blocActivite .previewImg img {
                width: 100%;
            }

        .blocChoix .imgCocher, .blocActivite .imgCocher {
            position: absolute;
            height: 5vh;
            top: 17vh;
            right: 0px;
            visibility: hidden;
            cursor: pointer;
        }

        .blocChoix .imgHautParleur, .blocActivite .imgHautParleur {
            position: absolute;
            height: 5vh;
            top: 22vh;
            right: 0px;
            visibility: hidden;
            cursor: pointer;
        }

        .blocChoix .titreChoix, .blocActivite .titreActivite {
            margin-top: 3vh;
            height: 7.15vh;
            overflow: hidden;
        }

        .blocChoix .descriptifChoix, .blocActivite .descriptifActivite {
            height: 18vh;
            overflow: auto;
            display: none;
        }

        .blocChoix:hover .imgCocher, .blocChoix:hover .imgHautParleur, .blocActivite:hover .imgCocher, .blocActivite:hover .imgHautParleur {
            visibility: visible;
        }

        .blocChoix:hover, .blocActivite:hover {
            border: 2px solid white;
            border-radius: 10px;
        }

    #sp_nbr_choix {
        background-color: #ffdd57;
        color: #e04e71;
        margin-left: 6px;
        border-radius: 25px;
        border: 2px solid #ffdd57;
        display: inline-block;
        padding: 1px 8px;
        display: none;
    }

    #div_separateur {
        height: 0.5vh;
        width: 60%;
        background-color: #FFFFFF;
        margin-left: auto;
        margin-right: auto;
        margin-top: 4vh;
        display: none;
    }

    #sp_new_activ {
        display: none;
    }

    #div_liste_choix {
    }

        #div_liste_choix div.choix {
            background-color: #1c9c9d;
            color: #ffffff;
            border-radius: 6px;
            width: 70%;
            margin-top: 1vh;
            margin-bottom: 1vh;
            margin-left: auto;
            margin-right: auto;
            padding-top: 0.2vh;
            padding-bottom: 0.2vh;
        }

    #div_histo_bloc_choix {
    }

        #div_histo_bloc_choix .previewImg {
            width: 11.4vh;
            height: 17.87vh;
            background-color: #FFFFFF;
            border-radius: 6px;
            -webkit-box-shadow: -4px 5px 6px 1px #8E8E8E;
            box-shadow: -4px 5px 6px 1px #8E8E8E;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2vh;
        }

        #div_histo_bloc_choix .img_prev {
            position: absolute;
            height: 5vh;
            top: 32vh;
            right: 56px;
            cursor: pointer;
            z-index: 9;
        }



        #div_histo_bloc_choix .previewImg img {
            width: 100%;
        }

        #div_histo_bloc_choix .boules {
            margin-top: 3vh;
        }

            #div_histo_bloc_choix .boules div {
                width: 2vh;
                height: 2vh;
                margin-left: 0.3vh;
                margin-right: 0.3vh;
                cursor: pointer;
                display: inline-block;
            }

                #div_histo_bloc_choix .boules div[data-active="true"] {
                    background-image: url('/Images/Historique/FullBubble.png');
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                #div_histo_bloc_choix .boules div[data-active="false"] {
                    background-image: url('/Images/Historique/EmptyBubble.png');
                    background-repeat: no-repeat;
                    background-size: cover;
                }

                    #div_histo_bloc_choix .boules div[data-active="false"]:hover {
                        background-image: url('/Images/Historique/FullBubble.png');
                        background-repeat: no-repeat;
                        background-size: cover;
                    }

        #div_histo_bloc_choix .titreLastChoix {
            margin-top: 3vh;
            text-align: center;
        }

    button.cta_btn {
        width: 40vh;
        height: 6vh;
        text-align: left;
        margin-top: 1vh;
        margin-bottom: 1vh;
    }

    .tab_resume_choix {
        margin-left: auto;
        margin-right: auto;
    }

        .tab_resume_choix tr td {
            vertical-align: top;
        }

    #td_detail {
        width: 25vh;
        padding-left: 2vh;
        padding-right: 8vh;
    }

        #td_detail div.paragraph_white {
            height: 35vh;
            overflow: auto;
            margin-top: 6vh;
            font-size: 2vh;
        }

    #div_validation {
        background-image: url(/Images/Bulle.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 50vh;
        height: 35vh;
        padding-top: 15vh;
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

    div.div_btn_av_final {
        text-align: left;
    }

        div.div_btn_av_final img {
            cursor: pointer;
        }
@media (max-width: 1560px) {
}

@media (max-width: 800px) {
    .blocActivite {
        height: 175px;
        width: 120px;
    }

        .blocActivite .previewImg {
            height: 124px;
            width: 79.2px;
        }

        .blocActivite .imgCocher {
            top: 70px;
        }

        .blocActivite .imgHautParleur {
            top: 100px;
        }
    #div_histo_bloc_choix .img_prev {
        right: 25px;
    }
    div.div_btn_av_final {
    }

        div.div_btn_av_final img {
            width: 70%;
        }
}