@media handheld and (orientation: landscape), (max-width: 1100px) and (orientation: landscape),(max-height: 600px) and (orientation: landscape), screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 3/4) {
    .zone-pdf {
        z-index: 200000;
    }

    .pdf {

        display: inline-block;
        position: fixed;
        left: 0.8vw;
        bottom: 1vh;
        height: 12vh;

        z-index: 200001;

        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;
    }

    .pdf:hover {

        display: inline-block;
        position: fixed;
        left: 0.8vw;
        bottom: 1vh;
        height: 12vh;

        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);

        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;

    }

    .zone-pdf-bande-boutons {

        display: inline-block;
        position: fixed;
        bottom: 3.5vh;
        height: 7vh;

        left: -110%;

        width: 75vw;
        /* background-color:#DDD; */

        text-align: right;

        z-index: 200000;

        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;

    }

    .zone-pdf:hover .zone-pdf-bande-boutons {

        display: inline-block;
        position: fixed;
        bottom: 3.5vh;
        height: 7vh;

        left: calc(0.8vw + 12vh); /* coté droit de la loupe + largeur de la loupe */

        width: 75vw;
        /* background-color:#DDD; */

        text-align: left;

        -webkit-transition: all 0.4s linear;
        -moz-transition: all 0.4s linear;
        -ms-transition: all 0.4s linear;
        -o-transition: all 0.4s linear;
        transition: all 0.4s linear;

    }

    .zpbb-bt {

        display: inline-block;
        height: 5vh;
        margin-top: 1vh;
        padding: 0 2vw 0 2vw;
        margin-left: 1vw;

        text-align: center;

        color: #e21418;
        font-family: 'Open_sansregular', Arial, sans-serif;
        font-size: 2vh;
        line-height: 5vh;
        letter-spacing: 1px;

        text-transform: uppercase;

        background-color: #FFF;
        border: 2px solid;

        -moz-border-radius: 90px 90px 90px 90px;
        -ms-border-radius: 90px 90px 90px 90px;
        -o-border-radius: 90px 90px 90px 90px;
        -webkit-border-radius: 90px 90px 90px 90px;
        border-radius: 90px 90px 90px 90px;

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }

    .zpbb-bt:hover {

        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(0.96);
        -moz-transform: scale(0.96);
        -ms-transform: scale(0.96);
        -o-transform: scale(0.96);
        transform: scale(0.96);

        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
}