@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{ flex-direction: column; padding: 1em;  }
    #splash .pic{ width: 100%; aspect-ratio: 1/1; border-radius: 2em; background-position: calc( 50% + -2.5em) center; }
    #splash .pic gradient{ background-image: none; }
    #splash .texte{ width: 100%; margin-left: 0; margin-top: 1em; font-size: 1.75em; }

    #slideMid slide{ aspect-ratio: 4/3; }
    #slideMid .slidetext{ font-size: 1.33em; padding: 1em; text-align: center; }
    #slideMid .slidetext br{ display: none; }
    #slideMid .slidetext h3{ font-size: 1.5em; margin: 0.25em 0 0.5em; }
    #slideMid nav.onglets a{ font-size: 1em; }

    #chiffrescle{ padding: 1em; font-size: 0.66em; }
    #chiffrescle .figures article{ width: 50%; }
    #chiffrescle .logos{ padding: 6em 1em; }
    #chiffrescle .logos span img{ height: 4.25em; }

    #apropos{ font-size: 0.75em; }
    #apropos .background span{ width: 100%; }
    #apropos .background .left{ margin-left: -35%; margin-top: -10em; }
    #apropos .background .right{ margin-right: -79%; margin-top: 8em; }
    #apropos .foreground{ padding: 0.5em 2em; }
    #apropos .foreground br{ display: none; }
    #apropos .foreground div h2{ font-size: 1.75em; }

    #contactForm{ flex-direction: column; padding: 1.5em 1.5em 3em; }
    #contactForm .texte{ width: 100%; margin-bottom: 1em; }
    #contactForm .form{ width: 100%; }

}