/* .interface{
    display: none;
} */

/* .pagedjs_pages:not(.onsheetrolled){
    width: calc(var(--pagedjs-width)*4);
} */


@media screen and (min-width: 1801px) {
    .pagedjs_pages{
        width: calc(var(--pagedjs-width)*4);
    }

    .pagedjs_page{
        margin: 0;
    }

    .pagedjs_first_page {
        margin-left: 0;
    } 
    /*passer la dernière page en première pour l'affichage à l'écran*/  
    /* #page-8{ 
        order:-1;
    }   */
}

/* affichage du site à l'écran quand écran pas large*/
@media screen and (max-width: 1800px) {
    .pagedjs_pages:not(.onsheetrolled){
        width: calc(var(--pagedjs-width)*2);
    }
   
}


@media print{
    .interface{
        display: none;
    }
}

@media screen {
    .interface{
        color:black;
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        background: cyan;
        z-index: 999;
        padding: 1rem;
    }

    

    .pagedjs_pages .pagedjs_page{
        transition: rotate 1s,translate 1s;
        rotate:0deg;
    }
}
@media screen and (min-width:1800px) {
    .interface{
        display: block;
    }

    .inside-iframe .interface{
        display: none!important;
    }

    .pagedjs_pages.onsheetrolled #page-8{
        /* order: 1; */
        translate: calc(-3 * var(--pagedjs-width)) calc(-1 * var(--pagedjs-height));
    }

    .pagedjs_pages.onsheetrolled #page-1{
        /* order: 2; */
        translate: calc(1 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
    }
    .pagedjs_pages.onsheetrolled #page-2{
        translate: calc(1 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
        /* order: 3; */
    }
    .pagedjs_pages.onsheetrolled #page-3{
        translate: calc(1 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
        /* order: 4; */
    }

    .pagedjs_pages.onsheetrolled #page-4{
        translate: calc(0 * var(--pagedjs-width)) calc(1 * var(--pagedjs-height));
        /* order: 8; */
        rotate: 180deg;
    }
    .pagedjs_pages.onsheetrolled #page-5{
        translate: calc(2 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
        /* order: 7; */
        rotate: 180deg;
    }
    .pagedjs_pages.onsheetrolled #page-6{
        translate: calc(0 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
        /* order: 6; */
        rotate: 180deg;
    }
    .pagedjs_pages.onsheetrolled #page-7{
        translate: calc(-2 * var(--pagedjs-width)) calc(0 * var(--pagedjs-height));
        /* order: 5; */
        rotate: 180deg;
    }

    /*interaction*/
    .pagedjs_pages.onsheetrolled .action_rotated{
        rotate:180deg;
    }
    /* .antirotate1, .antirotate2{
        transition-property: translate;
        transition-duration: 1s;
        transition-delay: 1s;
    }
    .pagedjs_page:not(.action_rotated) .antirotate1{
        translate: calc(var(--pagedjs-width) * -1) 0;
    }
    .pagedjs_page:not(.action_rotated) .antirotate2{
        translate: calc(var(--pagedjs-width) * 1) 0;
        z-index: 10;
    }
    .pagedjs_sheet{
        overflow: visible;
    } */
}