/*******************************************************************************
Gestion des appareils à largeur supérieure à 1200px
On fige la page à 1200px de large avec un gradient bleu vers blanc de haut en bas 
en guise de fond
*******************************************************************************/

@media only screen and (min-width: 1201px) {
    html {
        font-size: 14px;
        background: rgb(0,87,166);
        background: linear-gradient(180deg, rgba(0,87,166,1) 9%, rgba(143,181,216,1) 40%, rgba(255,255,255,1) 75%);
    }
    body, #modalResultats {
        background-color: white;
        width: 1200px;
        margin: 0 auto;
    }
    
    /* Boutons de sélection de choix */
    .btn-animaux .btn-large, 
    .btn-alim .btn-large, 
    .btn-type-alim .btn-large, 
    .btn-mobilite .btn-large, 
    .btn-piquet .btn-large, 
    .btn-vegetation .btn-large, 
    .btn-perimetre .btn-large {
        line-height: 17.5px !important;
        font-size: 15px !important;
        padding: 10px 0 5px !important;
    }
    .btn-animaux .btn-large {
        padding: 5px !important;
    }
    .btn-animaux label .btn-large span, 
    .btn-alim label .btn-large span, 
    .btn-type-alim label .btn-large span, 
    .btn-mobilite label .btn-large span, 
    .btn-piquet label .btn-large span, 
    .btn-vegetation label .btn-large span, 
    .btn-perimetre label .btn-large span {
        font-size: 11px !important;
        margin-top: 5px;
    }
    
    .slider-container h2 {
        font-size: 32px !important;
    }
    
    #btnFermerResultats {
        right: 20px;
    }
    
    #modalTimeout {
        width: 35%;
    }
}