#splash {
    display: flex; align-items: center; justify-content: center;
    padding: 1em 3em;
}
#splash div { display: flex;
    width: 100%; aspect-ratio: 2.75/1;
    background: url(images/splash.jpg) center center no-repeat; background-size: cover; border-radius: 4em; 
}

.mainBlock { padding: 0 24em; }
#hist h2, #orga h2, #sites h2 { padding: 0 0.5em;}
.mainBlock .border-section { padding: 0 0 6em 2em; border-left: 3px solid var(--main-color); }

#hist { color: var(--main-color); padding: 0 8em 0 24em; }
#hist h2 { margin: 0 0 1.5em 0; }
#hist-content {
    display: flex; flex-direction: column; gap: 2em;
}
#hist p { width: 33em; text-align: justify; }
#hist .citation { display: flex; flex: none; align-items: center; margin: 2em 0 2em -5em; }
#hist .citation .pic { width: 45%; }
#hist .citation .pic div { width: 100%; aspect-ratio: 1.88/1; background: url(images/hist_pic.jpg) center center no-repeat; background-size: cover; border-radius: 1em; }
#hist .citation .texte { flex: 1; text-align: center; font-style: italic; margin-left: -1.5em; }
#hist a { text-decoration: none; font-weight: bold; color: inherit; }
#hist a:hover { text-decoration: underline; text-decoration-thickness: 3px; font-weight: bold; color: inherit; }
#hist #bt_moins { display: none; }
#hist a:before { display: inline-block; margin-right: 0.25em; }
#hist #bt_plus a:before { content: '+'; }
#hist #bt_moins a:before { content: '-'; }
#hist #block4, #hist #block5, #hist #block6 { display:none; }



#orga { background: var(--fourth-color); padding: 0 2em 0 24em; }
#orga h2 { margin: 1em 0 1.5em; }
#orga-content { display:flex; flex-direction:column; gap:3em; }
#orga article { display: flex; flex: none; gap: 1em; margin-bottom: 6em; }
#orga article .num { width: 16em;; }
#orga article .num img { width: 100%; }
#orga article .logo { width: 20em; }
#orga article .logo img { width: 16em; filter: grayscale(0.3); opacity: 0.7;}
#orga article .texte { width: 24em; font-weight: 500; padding-left: 4em; }
#orga article:last-child { margin-bottom: 2em; }



#team { padding: 10em 2em 0 24em;}
#team section { margin-top: 6em; }
#team h2 { color: var(--main-color); margin-bottom:0.5em; }
#team slider { height:32em; }
#team slidect { gap:1em; }
#team slide {
    width: 14em; transition: 0.2s ease;
}
#team slide:hover {
    width: 15em; transition: 0.2s ease; margin-right: 1em;
}
#team slide in { width: 100%; overflow-x: visible; display:flex; flex-direction:column; gap:1em; }
#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;
    transition: 0.2s ease; transform-origin: top left;
}
#team slide:hover .pic {
    transform: scale(1.05); transition: 0.2s ease;
    border-radius: 20px;
}
#team slide .slidetext { white-space: nowrap;  margin-top: 0.75em;  }
#team slide .slidetext .member-name { margin: 0; font-weight:bold; }
#team nav.fleches a { width: 1.75em; aspect-ratio: 1/1; font-weight: bold; color: var(--sec-color-grad); border: 2px solid var(--sec-color-grad); background: var(--sec-color); border-radius: 100%; }

#team slider.no_mobile .slidetext { display: none; }
#team slider.no_mobile .pic { filter: brightness(0.66); }
#team slider.no_mobile in:hover .pic { filter: none; }
#team slider.no_mobile in:hover .slidetext { display: flex; flex-direction:column; }

#team slider.no_desktop slider { font-size: 0.88e; }
#team slider.no_desktop slide { width: 9.75em; }
#team slider.no_desktop .slidetext { width: 200%; white-space: normal; display: flex; flex-direction:column; }
#team slider.no_desktop slidect slide:nth-child(n+2) .slidetext { display: none; }





#sites { background: var(--sec-color-grad2); padding: 8em 12em 0 24em; }
#sites h2 { margin-bottom: 1.5em;}
#sites .mapmonde { 
    display: flex; flex: none; height: 72em; width: calc( 100% + 10em ); margin-left: -15em; transform: translateY(-5em); 
    background: url(images/mapmonde/terre.png) left center no-repeat; background-size: contain; 
}
#sites .mapmonde .pins { flex: 1; position: relative; }
#sites .mapmonde .pins a { display: inline-block; width: 8em; aspect-ratio: 563/809; position: absolute; }
#sites .mapmonde .pins a img {
    content: url("images/mapmonde/pin_dark.svg");
    width: 100%; transform-origin:bottom center;
}
#sites .mapmonde .pins a img:hover {
    transform:scale(1.2);
    transition:0.2s ease;
}
#sites .mapmonde .pins a.clicked {
    content: url("images/mapmonde/pin_white.svg");
    transform:scale(1.2); transform-origin: bottom center;
}
#sites .mapmonde .pins a#france { top: 2.5em;  left: 27em; }
#sites .mapmonde .pins a#afrique { top: 22em; left: 23em; }
#sites .mapmonde .nfo { width: 40%; position: relative; }
#sites .mapmonde .nfo article { display: none; width: 100%; position: absolute; }
#sites .mapmonde .nfo article in {
    display: flex; flex: none; align-items: stretch;
    padding: 2em;
    background: var(--reverse-text);
    border-radius: 1em; gap: 4em;
}
#sites .mapmonde .nfo article .map { width: 17em; padding-left:1em; }
#sites .mapmonde .nfo article .map img { width: 100%; }
#sites .mapmonde .nfo article .texte { flex: 1; display: flex; flex-direction: column; gap: 1.5em; }
#sites .mapmonde .nfo article .hide { display: none; }
#sites .mapmonde .nfo #site_france { top: 2.5em; }
#sites .mapmonde .nfo .pays, #sites .mapmonde .nfo .ville { font-weight:bold; }
#sites .mapmonde .nfo #site_afrique { top: 15em; }
#sites .mapmonde .nfo .close { text-align: right; width: 3em; padding-left: 0.5em; }
#sites .mapmonde .nfo .close a { display: inline-block; width: 1.5em; }
#sites .mapmonde .nfo .close img { width: 100%; }





#partners { padding: 6em 2em 0 24em; background: var(--main-color); color: var(--reverse-text); }
#partners h2 { margin-bottom: 1em; }
#partners .logos { display: flex; flex: none; align-items: center; justify-content: space-between;  }
#partners .logos img { height: 3.5em; max-width: 10em; object-fit: scale-down; }