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

    #hist { padding: 0 8em 0 8em; }
    #orga { padding: 0 2em 0 8em; }

    #orga article .texte {
      padding-left: 2em;
    }


    #team { padding: 10em 2em 0 8em;}


    #team section {
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .team-slider {
        display: flex;
        overflow-x: auto;
        gap: 1em;
        padding-right: 85%;
        height: 24em;
        scrollbar-width: none;
    }

    .team-slider .slidetext {
        display: none;
        width: 200%;
        margin: 0;
        white-space: normal;
    }

    .team-slide {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 9.75em;
        gap: 1em;
    }

    .team-slide .slidetext .member-name {
      margin: 0;
      font-weight: bold;
    }

    .team-slide.active .slidetext {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .team-slide .pic {
        width: 100%; aspect-ratio: 1/1.5;
        background: center center no-repeat var(--sec-color-grad); background-size: cover;
        border-radius: 20px;
    }





    #sites { padding: 8em 12em 0 8em; }
    #sites .mapmonde {
        height: 65em;
        margin-left: -10em;
    }


    #partners { padding: 6em 2em 0 8em; }
    #partners .logos {
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 4em;
        row-gap: 1em;
    }

}

/* 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 .border-section { padding: 0 0 2em 0; border: none; }
    .mainBlock { padding: 0 1em; /*font-size: 0.75em;*/ }
    .mainBlock section { border: none; min-height: 25em; }

    #hist { padding: 0 1em; }
    #hist-content { gap: 1em; }
    #hist p { width: auto; }
    #hist h2, #orga h2 { padding: 0; margin: 0 0 1em 0; }
    #hist .citation { flex-direction: column; margin: 1em 0; gap:0.5em; }
    #hist .citation .pic { width: 80%; }
    #hist .citation .texte { margin-left: 0; }
    .en #hist h2 .texte br { display: none; }

    #orga { padding: 1em 1em; }
    #orga-content { gap:2em; }
    #orga article { flex-wrap: wrap; padding:0 1em; margin-bottom:0; gap:1em; }
    #orga article .num { width: 34%; margin: 0; }
    #orga article .logo { width: 46%;  margin-right: 0; }
    #orga article .logo img { width: 100%; }
    #orga article .texte { flex: none; width: 100%; padding: 0; }

    #team { padding: 0 1em;}
    #team h2 { margin: 1em 0 0.5em; }
    #team section { margin-top: 1em; }
    #team slide .slidetext { margin: 0; flex-direction:column; }




    .team-slider {
        display: flex;
        overflow-x: auto;
        gap: 1em;
        padding-right: 10em;
        height: 24em;
        scrollbar-width: none;
    }

    .team-slider .slidetext {
        display: none;
        width: 200%;
        margin: 0;
        white-space: normal;
    }

    .team-slide {
        flex: 0 0 auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 9.75em;
        gap: 1em;
    }

    .team-slide .slidetext .member-name {
      margin: 0;
      font-weight: bold;
    }

    .team-slide.active .slidetext {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .team-slide .pic {
        width: 100%; aspect-ratio: 1/1.5;
        background: center center no-repeat var(--sec-color-grad); background-size: cover;
        border-radius: 20px;
    }






    #sites { padding: 0 1em;}
    #sites h2 { padding: 0; margin:0.5em 0 1em; }
    #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: 0em;  left: 8em; }
    #sites .mapmonde .pins a#afrique { top: 7em; left: 6.5em; }
    #sites .mapmonde .nfo { width: 100%; height: 0; }
    #sites .mapmonde .nfo article in { padding: 1em 0.5em; gap: 1em; }
    #sites .mapmonde .nfo article .map { padding:1em 0; }
    #sites .mapmonde .nfo article .texte { flex: unset; width: 100%; }

    #sites .mapmonde .nfo #site_france { top: -17em; }
    #sites .mapmonde .nfo #site_afrique { top: -16em; }

    #partners { padding: 0 1em; }
    #partners h2 { margin: 0.5em 0; }
    #partners .logos { flex-wrap: wrap; }
    #partners .logos span { width: 15%; }
    #partners .logos img { height: auto; width: 100%; max-height: 4em; }

}