@media screen and (max-width: 1599px) {
    button.toolbar_rond {
    width: 60px;
    height: 60px;
    }

    div#icon-cdrom {
    width: 150px;
    }

    button.toolbar_rond.btn_co {
    left: 16%;
    }
    button.toolbar_rond.btn_fr {
    left: 16%;
    }

    button.toolbar_rond.btn_grdpet {
        left: 22.9%;
    }

    button.toolbar_rond.btn_info {
        right: 2%;
    }

    .cell-number {
    width: 60px;
    height: 50px;
    font: bold 30px Arial;
    }

    .cell-title {
    font-size: 21px;
            height: 28px;
            vertical-align: middle;
    }
    button.toolbar_square {
    width: 60px;
    height: 60px;
    }

    button.toolbar_rond.btn_sommaire {
        right: 9%;
    }
    
    h1 {
        font-size: 30px;
    }

    .panneau64gaucheText {
        font-size: 15px;
    }

    p {
        line-height: 21px;
    }
    
     #fenetre{
        height:576px;
        width: 1024px;
    }
    
    .ui-slider > label {
        margin-top: 18px;

        font-size: 24px;
    }
    .ui-slider > label:hover {
    font-size: 29px;
    }
    .slider-decorator {
        height: 7px;
    }
    
    .ui-slider .ui-slider-handle {
        top: -35px;
        width: 50px;
        height: 53px;
    }
    
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    /* border: 1px solid #d3d3d3; */
        background: url("../images/cursor_slider.png");
        font-weight: normal;
        background-repeat: no-repeat;
        background-size: 75%;
        color: #555;
    }
    
    .qcm{
            font-size: 19px;
    }
    .qcm > label::before{content:'';display:block;position:absolute;top:7px;bottom:10px;left:10px;width:15px;height:15px;border:3px solid #fff;border-radius:139px;transition:background-color .2s}
span.consigne{font-size:19px}
    .saisTuWindow {
    width: 70%;
    background-color: #B28656;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5%;
    padding: 15px;
    font-size: 15px;
}

.pagination {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 44px;
    font-size: 18px;
    color: white;
}

  img.cerf_game_bulle {
        position: absolute;
        bottom: -100%;
        transition: all 1s ease;
            margin-left: 21%;
    width: 23%;
    }
    img.cerf_game_bulle.displayed {
        bottom: 0%;
    }
    
    span#consigne{font-size:19px;}
    
    .vraiFauxQuestion > input:checked + label {
        background-color: #43B0E0;
        line-height: inherit;
    }
    .vraiFaux{width:63%;font-size:14px}
.vraiFauxQuestion{height:76px}
.vraiFauxQuestion > label{padding:4px 13px 5px 42px;width:30px; font-size: 20px;line-height: inherit;}
.successQUESTIONQCM{margin-top:19px;font-size:15px}
.missingQuestionVraiFaux{float:left;margin-top:18px;margin-left:20px;position:relative;font-style:italic;font-size:15px}
.errorQUESTIONQCM{margin-top:19px;font-size:15px}
.vraiFauxQuestion > span{float:left;padding:0 15px;width:100%;font-weight:700;font-size:20px}
.vraiFauxQuestion > label::before{    content: '';
    display: block;
    position: absolute;
    top: 5px;
    bottom: 10px;
    left: 7px;
    height: 15px;
    width: 15px;
    border: 3px solid #fff;
    border-radius: 50%;
    transition: background-color .2s;}
.validvraiFauxQuestion{margin-top:14px}

b.subTitle{
    font-size: 18px;
}
div#ressource {
    background: url('../images/Ressources.png') repeat-x;
    background-size: 100%;
    width: 90px;
    height: 90px;
    position: absolute;
    right: 2.5%;
    top: 47%;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.23),-1px 2px 8px rgba(0,0,0,0.1) inset;
}
div#ressourceco {
    background: url('../images/risorse.png') repeat-x;
    background-size: 100%;
    width: 90px;
    height: 90px;
    position: absolute;
    right: 2.5%;
    top: 47%;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.23),-1px 2px 8px rgba(0,0,0,0.1) inset;
}

}