@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-loupe {
        z-index: 200000;
    }

    .loupe {

        display: inline-block;
        position: fixed;
        right: 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;
    }

    .loupe:hover {

        display: inline-block;
        position: fixed;
        right: 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-loupe-bande-boutons {

        display: block;
        position: fixed;
        top: 100vh;

        height: 50vh;

        width: auto;

        right: 0.8vw;

        /*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-loupe:hover .zone-loupe-bande-boutons {

        display: block;
        position: fixed;
        top: calc(100vh - 25vh - 13vh); /* hauteur totale -3 boutons (5+2vh) - 2vh d'espace -2vh pour borders - 12 vh bouton loupe et 1 vh de marge tout en bas */

        height: 50vh;

        width: auto;

        right: 0.8vw;

        /*background-color:#DDD;*/

        text-align: right;

        -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;

    }

    .zlbb-bt {

        display: block;
        height: 5vh;
        margin-top: 2vh;
        padding: 0 4vw 0 4vw;
        margin-right: 1vw;

        text-align: center;

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

        text-transform: uppercase;

        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.1s linear;
        -moz-transition: all 0.1s linear;
        -ms-transition: all 0.1s linear;
        -o-transition: all 0.1s linear;
        transition: all 0.1s linear;
    }

    .zlbb-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;

    }

    .petite-bulle {
        color: #427D6F !important;
    }

    .racine-row {
        text-align: left;
    }

    .ucd-list {
        margin-left: 10%;
    }
}
