/*******************************************************************************
Gestion des appareils à largeur entre 601px et 1200px
On fait une cassure à 992px
*******************************************************************************/

@media only screen and (min-width: 601px) { 
    /* Boutons contextuels au carousel vertical.
    En bas à droite sur smartphone, en haut séparés gauche/droite sur tablette */
    a#btnHelp {
        position: absolute;
        top: 25px;
        right: 65px;
        z-index: 10;
    }

    a#btnReset {
        position: absolute;
        top: 25px;
        left: 65px;
        z-index: 10;
    }
    
    #btnReset i.large,
    #btnHelp i.large {
        font-size: 2rem;
    }
    
    /* Fenêtre modale de résultats */
    #modalResultats blockquote {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    #modalResultats blockquote#blockquote-essentiel-accessoires {
        width: 500px !important;
    }
    #ctrl-tension .material-placeholder {
        float: left;
    }
    
    .slider-container h2 {
        font-size: 42px !important;
    }
    
    #modalTimeout {
        width: 60%;
    }
}

@media only screen and (min-width: 992px) {
    html {
        font-size: 15.5px;
    }
    #modalResultats blockquote:not(#blockquote-essentiel-accessoires) {
        width: 90%;
    }
}

@media only screen and (max-width: 992px) {
    /* Affichage de la chip d'informations des zones cliquable en mode tablette et smartphone */
    .chip-infos-display {
        color: #000000;
        display: block;
        width: 65%;
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }
}