@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/

}


@media (min-width: 1025px) { /* Desktop */

}

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {

}

/* Mobile */
@media (max-width: 767px) {
    #splash{ padding: 1em; }
    #splash div{ aspect-ratio: 1/1; border-radius: 2em; background-position: center bottom; }

    .accordeon{ padding: 1rem; }
    .accordeon a{ padding: 1em; }
    .accordeon .panel div{ padding: 1em; font-size: 0.7em; min-height: auto; }
    .accordeon .panel p{ width: auto; font-size: 0.75em; }

    .accordeon > section:first-of-type .lien { display: block; }
    .accordeon > section:first-of-type .panel { display: none; }

    #mat .panel{ background-position: top left; }

}