/* Bouton téléphone/tablette Menu */
    #webapp_cover {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 39px;
        transform: translateY(-50%) scale(1);
    }
    
    #menu_button {
        width: 39px;
        overflow: hidden;
        margin: 16px 10px 15px;

    }
    
    #menu_checkbox {
        display: none;
    }
    
    #menu_label {
        position: relative;
        display: block;
        height: 29px;
        cursor: pointer;
    }
    
    #menu_label:before,
    #menu_label:after,
    #menu_text_bar {
        position: absolute;
        left: 0;
        width: 100%;
        height: 5px;
    }
    
    #menu_label:before,
    #menu_label:after {
        content: "";
        transition: 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) left;
    }
    
    #menu_label:before {
        top: 0;
    }
    
    #menu_label:after {
        top: 12px;
    }
    
    #menu_text_bar {
        top: 24px;
    }
    
    #menu_text_bar:before {
        content: "MENU";
        position: absolute;
        top: 5px;
        right: 0;
        left: 0;
        font-size: 12px;
        font-weight: bold;
        font-family: "Montserrat", Arial, Helvetica, sans-serif;
        text-align: center;
    }
    
    #menu_checkbox:checked + #menu_label:before {
        left: -39px;
    }
    
    #menu_checkbox:checked + #menu_label:after {
        left: 39px;
    }
    
    #menu_checkbox:checked + #menu_label #menu_text_bar:before {
        animation: moveUpThenDown 0.8s ease 0.2s forwards,
        shakeWhileMovingUp 0.8s ease 0.2s forwards,
        shakeWhileMovingDown 0.2s ease 0.8s forwards;
    }
    
    @keyframes moveUpThenDown {
        0% {
            top: 0;
        }
        50% {
            top: -27px;
        }
        100% {
            top: -14px;
        }
    }
    
    @keyframes shakeWhileMovingUp {
        0% {
            transform: rotateZ(0);
        }
        25% {
            transform: rotateZ(-10deg);
        }
        50% {
            transform: rotateZ(0deg);
        }
        75% {
            transform: rotateZ(10deg);
        }
        100% {
            transform: rotateZ(0);
        }
    }
    
    @keyframes shakeWhileMovingDown {
        0% {
        transform: rotateZ(0);
        }
        80% {
        transform: rotateZ(3deg);
        }
        90% {
        transform: rotateZ(-3deg);
        }
        100% {
        transform: rotateZ(0);
        }
    }
