@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: calc(100% + 2.5em) center; }
    .mainBlock{ padding: 0 1em; font-size: 0.75em; }
    .mainBlock .section{ padding: 0; }
    .mainBlock section{ border: none; padding: 0 0 4em; }

    #hist{ padding: 0 1em; }
    #hist .section{ margin: 0 0 2em 0; }
    #hist p{width: auto; }
    #hist h2{ flex-direction: column; align-items: center; margin-left: 0; }
    #hist h2 .pic{ width: 100%; margin-right: 0; margin-bottom: 0.25em; }
    #hist h2 .texte{ font-size: 0.88em; margin-bottom: 1em; }
    .en #hist h2 .texte{ font-size: 0.8em; }
    .en #hist h2 .texte br{ display: none; }

    #orga{ padding: 0 3em 0 4em; font-size: 0.66em; }
    #orga .section{ font-size: 1.5em; }
    #orga article{ flex-wrap: wrap; }
    #orga article .num{ width: 36%; margin: 0 1em 0.5em 0; }
    #orga article .logo { width: 40%;  margin-right: 0; font-size: 0.66em; }
    #orga article .logo img{ width: 100%; }
    #orga article .texte{ flex: none; width: 100%; }
    #orga article .texte br{ display: none; }

    #team{ padding: 0 2em;}
    #team section { margin-top: 1em; }
    #team h1 { font-size: 2em; }

    #sites{ padding: 0 2em;}
    #sites .section{ font-size: 1.5em; margin: 2em 0 0; }
    #sites section{ padding: 0; }
    #sites .mapmonde{ flex-direction: column; margin-left: 0; width: 100%; height: 24em; background-position: center center; background-size: 116% auto; transform: none;  }
    #sites .mapmonde .pins{ height: 24em; }
    #sites .mapmonde .pins a{ width: 3em; }
    #sites .mapmonde .pins a#france{ top: 1em;  left: 7em; }
    #sites .mapmonde .pins a#afrique{ top: 7em; left: 5.5em; }
    #sites .mapmonde .nfo{ width: 100%; height: 0; }
    #sites .mapmonde .nfo article .map{ width: 50%; }
    #sites .mapmonde .nfo article .texte{ font-size: 0.75em; }
    #sites .mapmonde .nfo #site_france{ top: -17em; }
    #sites .mapmonde .nfo #site_afrique{ top: -16em; }

    #partners{ padding: 0 2em; font-size: 0.5em; }
    #partners .logos{ flex-wrap: wrap; }
    #partners .logos span{ width: 15%; }
    #partners .logos img{ height: auto; width: 100%; }

}