@media only screen and (min-width:1024px) {
    #nav_questions {
        margin-top: 30px;
    }

    #nav_questions .B_nav {
        float: left;
        width: auto;
        height: auto;
        margin: 0;
        padding: 5px 5px;
        padding: 0 10px;
        font-size: 24px;
        cursor: pointer;
    }

    #nav_questions .B_nav span {
        margin-right: 10px;
    }

    #nav_questions .B_nav i {
        margin: 9px 0 8px 0;
        font-size: 27px;
    }

    #B_save {
        position: absolute;
        left: 330px;
    }

    #B_valid {
        float: right !important;
    }

    #B_previous {
    }

    #B_previous i {
        float: left;
        margin-right: 10px;
    }

    #B_suite {
        float: right !important;
    }

    .reponses.liste_10 .reponse {
        float: left;
        width: calc((100% - 200px) / 11);
        margin-right: 20px;
        text-align: center;
    }

    .reponses.liste_10 .reponse:last-child {
        margin-right: 0;
    }

    .relecture .reponses.liste_10 .reponse {
        float: left;
        width: 100%;
        margin-right: 0;
        text-align: left;
    }

    .tq_7 #jauge {
        position: absolute;
        width: 100%;
    }

    .tq_7 #jauge img {
        margin-top: -50px;
    }

    .tq_7 #jauge_slider img {
        margin-top: 0;
    }

    .tq_7 .reponses_choix {
        position: absolute;
        width: 65%;
        margin: 37px 17%;
    }

    .tq_7 .reponses.liste_10 .reponse {
        width: calc(100% / 11);
        height: 70px;
        margin-right: 0;
        padding: 0;
        background: transparent;
    }

    .question h3 {
        font-size: 31px !important;
    }

    .question h3 {
        font-size: 26px !important;
    }

    .reponses {
        float: left;
        width: 100%;
    }

    .reponses.liste_10 .reponse {
        float: left;
        width: calc((100% - 200px) / 11);
        margin-right: 20px;
        text-align: center;
    }

    .reponses.liste_10 .reponse:last-child {
        margin-right: 0;
    }

    .relecture .reponses.liste_10 .reponse {
        float: left;
        width: 100%;
        margin-right: 0;
        text-align: left;
    }

    .relecture .question h3 {
        margin-bottom: 0;
        font-size: 24px !important;
    }

    #T_chapitre {
        font-size: 30px;
    }

    #z_titre_page h2 {
        font-size: 24px !important;
    }

    #z_pet .photo {
        z-index: 99999;
        width: 200px;
        height: 200px;
        margin-top: -100px;
        margin-left: -40px;
        border-radius: 200px;
        overflow: hidden;
        background: white;
        transform: scale(0.6);
    }

    #z_pet .photo span {
        display: block;
        width: 200px;
        height: 200px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    #z_pet .nom {
        margin: 0 !important;
        font-size: 18px;
    }

    #z_radar {
        width: 50%;
    }

    #z_radar #a_radar {
        top: 50px;
        left: 40px;
        width: 410px;
        height: 410px;
    }

    #z_radar #f_radar {
        top: 65px;
        left: 55px;
        width: 380px;
        height: 380px;
    }

    #z_radar #c_radar {
        top: 70px;
        left: 60px;
        width: 370px;
        height: 370px;
    }

    #z_jauges {
        width: 48%;
        margin-left: 2%;
        padding: 0;
    }

    #B_previous {
        position: absolute;
    }

    #B_review {
        margin: 0;
    }

    #B_previous span {
        margin-left: 20px;
    }

    #B_review {
        width: auto;
    }

    .t_fin p {
        font-size: 24px;
        line-height: 30px;
    }

    .B_nav_conclusion {
        width: auto;
    }

    #z_give_access .B_nav_conclusion {
        width: auto;
    }

    .complement {
        position: absolute;
        top: 10px;
        right: 10px;
        margin: 0;
        padding: 0 30px;
    }

    .B_yes,
    .B_no {
        z-index: 999999;
        position: absolute;
        top: 10px;
        padding: 0 30px;
        border-radius: 20px;
        color: var(--awb-color5);
        background: white;
        cursor: pointer;
    }

    .B_yes {
        right: 110px;
    }

    .B_no {
        right: 10px;
    }

    #z_timeline .survey .date {
        font-size: 16px;
    }

    .complement div {
        float: left;
        width: auto;
        font-size: 18px;
        font-size: 21px;
    }

    #z_questionnaire #closed:hover {
        position: absolute;
        width: 100%;
        height: 100%;
        background: transparent;
        cursor: not-allowed;
    }

    #z_hello:hover .debug {
        display: block;
    }

    .reponses .reponse:hover {
        color: white;
        background: var(--awb-color3);
    }

    .tq_7 .reponses .reponse:hover {
        color: transparent !important;
        background: transparent !important;
    }

    .tq_7 .reponses .reponse_choix:hover {
        color: transparent !important;
        background: transparent !important;
    }

    #nav_questions .B_nav:hover b {
        background: var(--awb-color8);
    }

    #B_valid:hover {
        color: var(--awb-color8) !important;
        background: var(--awb-color1) !important;
    }

    #B_valid:hover i {
        color: var(--awb-color8) !important;
    }

    #B_previous:hover {
        color: var(--awb-color1) !important;
        background: var(--awb-color3) !important;
    }

    #B_save:hover {
        color: var(--awb-custom_color_1) !important;
        background: transparent !important;
    }

    #B_save:hover i {
        color: var(--awb-custom_color_1) !important;
    }

    .B_nav_conclusion:hover b {
        background: var(--awb-color8);
    }

    #B_save_out:hover {
        color: var(--awb-color8) !important;
        background: transparent !important;
    }

    #B_submit:hover {
        color: var(--awb-custom_color_1) !important;
        background: transparent !important;
    }

    #B_submit:hover svg .st0 {
        fill: var(--awb-color1);
    }

    #z_timeline .survey:hover {
        background: var(--awb-color4);
    }

    #B_submit:hover b {
        background: var(--awb-custom_color_1) !important;
    }

    #B_save_out:hover svg .st0 {
        fill: var(--awb-color1);
    }

    #B_save_out:hover b {
        background: var(--awb-color8) !important;
    }

    #B_review:hover {
        color: var(--awb-color1) !important;
        background: var(--awb-color3) !important;
    }

    #B_review:hover i {
        color: var(--awb-color1) !important;
        background: var(--awb-color3) !important;
    }

    #B_review:hover {
        color: var(--awb-color1) !important;
        background: var(--awb-color3) !important;
    }

    .B_nav_conclusion:hover svg.st0 {
        fill: red;
    }

    .B_nav_conclusion:hover i {
        color: var(--awb-color1);
        background: transparent;
    }

    .B_nav_conclusion:hover {
        color: var(--awb-color3);
        background: var(--awb-color1);
    }

    #B_save:hover b {
        background: var(--awb-custom_color_1) !important;
    }

    #nav_questions #B_previous:hover i {
        color: white !important;
    }

    #nav_questions .B_nav:hover svg .st0 {
        fill: var(--awb-color1);
    }

    #nav_questions .B_nav:hover i {
        color: var(--awb-color3);
        background: transparent;
    }

    #nav_questions .B_nav:hover {
        color: var(--awb-color3);
        background: var(--awb-color1);
    }

    .reponses .reponse.choix:hover {
        background: var(--awb-color3);
    }

    .reponses .sreponse.choix:hover {
        background: var(--awb-color6);
    }

    .fnpi .reponses .reponse:hover {
        color: white;
        background: var(--awb-color4);
    }

    .reponses .sreponse:hover {
        color: white;
        background: var(--awb-color6);
    }

    #z_progress .B_nav:hover {
        color: var(--awb-color2);
        background: transparent;
    }
}