@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) {


    .accordeon a {
      padding: 1em 3em;
    }

    .accordeon .panel .flex-container {
      padding: 4em 9em;
      min-height: 11em;
    }

    .hidden-panel { padding-top: 4em; }

}

/* 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 { border-radius: 2em; }
    .accordeon .panel .flex-container { padding: 2em 1em; /*min-height: auto;*/ min-height: 5em; max-height: 9em; }
    .accordeon .panel p { width: auto; }

    .hidden-panel { padding-top: 3em; }

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

}