/* ************** */
/* CSS responsive global */
/* ************** ************** ************** ************** */
@media screen and (max-width: 500px) {
    .technique main table th:hover span,
    .technique main table td:hover span {
        display: inline;
        position: absolute;
        top: 10px;
        left: 10px;
    }

    .technique main .table-info .info-non-tac {
        display: none;
    }

    .technique main .table-info .info-tactile {
        display: inline-block;
    }
}

@media screen and (max-width: 380px) {
    .technique main .icon-info {
        width: 2rem;
        fill: white;
        margin: 0 10px 15px 0;
    }
}

@media screen and (max-width: 349px){
    html {
        width: 325px;
    }
    .technique main .img-2par-l {
        width: 324px;
    }

    .technique main .img-2par-l .technique1 {
        width: 162px;
        height: 155px;
    }

    .technique main .img-2par-l .technique2 {
        width: 162px;
        height: 155px;
    }

    .technique main figure img {
        width: 300px;
        height: 150px;
    }

    .technique main figure {
        width: 300px;
        height: 185px;
    }
}

@media screen and (max-width: 300px) {
    .language-menu {
        width: 32px;
        height: 20px;
        top: 0;
        right: 0;
    }
}

@media screen and (max-width: 280px) {
    .language-menu {
        width: 32px;
        height: 20px;
        top: 0;
        right: -40px;
    }
}

@media screen and (max-width: 250px) {
    .language-menu {
        width: 32px;
        height: 20px;
        top: 0;
        right: -70px;
    }
}

@media screen and (min-width: 400px) {
    .technique main .img-2par-l {
        width: 90%;
        position: relative;
        z-index: -1;
        padding: 0 5%;
    }
}

@media screen and (min-width: 420px) {
    .language-menu {
        width: 48px;
        height: 30px;
        top: 70px;
        right: 20%;
    }
}


@media screen and (min-width: 500px) {
    .language-menu {
        width: 66px;
        height: 35px;
        top: 50px;
        right: 20%;
    }
}

@media screen and (min-width: 600px) {
    .language-menu {
        width: 74px;
        height: 40px;
        top: 40px;
        right: 20%;
    }
}

@media screen and (max-width: 800px) {
    .technique main .table-info span {
        display: inline-block;
        width: 80%;
    }
}

@media screen and (min-width: 800px) {
    .technique main .table-info span {
        position: absolute;
        top: 8px;
        left: 43px;
    }

    .language-menu {
        width: 74px;
        height: 40px;
        top: 40px;
        right: 25%;
    }
}

@media screen and (min-width: 1000px) {
    .language-menu {
        width: 80px;
        height: 50px;
        top: 40px;
        right: 28%;
    }
}

@media screen and (min-width: 1200px) {
    .language-menu {
        width: 80px;
        height: 50px;
        top: 40px;
        right: 32%;
    }
}

@media screen and (min-width: 1600px) {
    .language-menu {
        right: 35%;
    }
}

@media screen and (min-width: 2000px) {
    .language-menu {
        right: 38%;
    }
}

@media screen and (min-width: 2400px) {
    .language-menu {
        right: 42%;
    }
}