@media handheld and (orientation: portrait), (max-width: 1100px) and (orientation: portrait), screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 3/4), (orientation: portrait) {
    .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: block;
        position: fixed;
        top: 100vh;

        height: 50vh;

        width: auto;

        left: 0.8vw;

        /*background-color:#DDD;*/

        text-align: left;

        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: block;
        position: fixed;

        top: calc(100vh - 18vh - 13vh); /* hauteur totale -2 boutons (5+2vh) - 2vh d'espace -2vh pour borders - 12 vh bouton pdf et 1 vh de marge tout en bas */

        height: 50vh;

        width: auto;

        left: 0.8vw;

        /*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: block;
        height: 5vh;
        margin-top: 2vh;
        padding: 0 4vw 0 4vw;
        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;
    }
}