.liseuse-panel-block12 {
    vertical-align: top;
    width: 100%;
    box-sizing: border-box;
    height: 400px;
    height: 348px;
}

/* large */
@media (min-width: 1020px) {
    .liseuse-panel-block1 {
        display: table;
    }
    .liseuse-panel-block11 {
        display: table-cell;
        width: 320px;
        vertical-align: top;
        padding: 10px;
        box-sizing: border-box;
    }
    .liseuse-panel-block111 {
        display: block;
    }
    .liseuse-panel-block111 INPUT[TYPE="TEXT"] {
        width: 240px;
        width: 100%;
        box-sizing: border-box;
    }
    .liseuse-panel-block112 {
        display: block;
    }
    .liseuse-panel-block12 {
        display: table-cell;
    }
}
/* moyen */
@media (min-width: 500px) and (max-width: 1020px) {
    .liseuse-panel-block1 {
        display: block;
    }
    BODY.page-player .liseuse-panel-block11 {
        display: table;
        width: 100%;
        vertical-align: top; padding: 10px; box-sizing: border-box;
    }
    BODY.page-folder-page .liseuse-panel-block11 {
        display: block;
    }
    BODY.page-player .liseuse-panel-block111 {
        display: table-cell;
        width: 50%;
        border-right: 1px dashed #4d4d4d;
        padding: 20px;
    }
    BODY.page-folder-page .liseuse-panel-block111 {
        display: block;
    }
    .liseuse-panel-block111 INPUT[TYPE="TEXT"] {
        width: 100%;
        box-sizing: border-box;
    }
    BODY.page-player .liseuse-panel-block112 {
        display: table-cell;
        width: 50%;
        padding: 20px;
    }
    BODY.page-folder-page .liseuse-panel-block112 {
        display: block;
    }
    .liseuse-panel-block12 {
        display: block;
        height: 270px; height: 238px;
    }
}
/* petit */
@media (max-width: 500px) {
    .liseuse-panel-block1 {
        display: block;
    }
    .liseuse-panel-block11 {
        display: block;
        width: auto;
        vertical-align: top;
        padding: 0px;
        box-sizing: border-box;
        margin-bottom: 0px;
    }
    .liseuse-panel-block111 {
        display: block;
    }
    .liseuse-panel-block111 INPUT[TYPE="TEXT"] {
        width: 100%;
        box-sizing: border-box;
    }
    .liseuse-panel-block112 {
        display: block;
    }
    .liseuse-panel-block12 {
        display: block;
        height: 240px;
    }
}