#splash{ display: flex; flex: none; align-items: center; justify-content: center; padding: 1em 3em; }
#splash div{ display: flex; flex: none; 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; }
.mainBlock .section{ font-size: 1.75em; padding: 0 1em; margin: 3em 0; }
.mainBlock .section h1{ font-size: 2.5em; margin: 0 }
.mainBlock section{ font-size: 1.75em; padding: 0 1em 4em; border-left: 3px solid var(--main-color); }

#hist{ color: var(--main-color); padding: 0 8em 0 24em; }
#hist .section{ margin: 0 0 3em 0; }
#hist p{ width: 33em; text-align: justify; }
#hist h2{ display: flex; flex: none; align-items: center; margin-left: -5em; }
#hist h2 .pic{ width: 45%; margin-right: 1em;  }
#hist h2 .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 h2 .texte{ flex: 1; text-align: center; font-size: 1.45em; }
#hist a{ text-decoration: none; font-size: 1.25em; 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 #block3{ display:none; }



#orga{ background: var(--fourth-color); padding: 0 2em 0 24em; }
#orga article{ display: flex; flex: none; margin-bottom: 6em; }
#orga article .num{ width: 11em; margin: 0 1em; }
#orga article .num img{ width: 100%; }
#orga article .logo{ width: 14em; margin-right: 5em; }
#orga article .logo h1{ margin: 0; font-size: 2.75em }
#orga article .logo img{ width: 12em; }
#orga article .texte{ flex: 1; font-weight: 500; }
#orga article:last-child{ margin-bottom: 2em; }

#team{ padding: 0 2em 0 24em;}
#team section{ margin-top: 6em; }
#team  h1{ font-size: 2.5em; margin: 0 0 0.5em; color: var(--main-color); }
#team slide{ width: 8.5em; padding-right: 0.5em; }
#team slide in{ width: 100%; height: 20em; overflow-x: visible; }
#team slide .pic{ width: 100%; aspect-ratio: 1/1.5; background: center center no-repeat var(--sec-color-grad); background-size: cover; border-radius: 1em; }
#team slide .slidetext{ white-space: nowrap;  margin-top: 0.75em; }
#team slide .slidetext h3{ margin: 0; }
#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: block; }

#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; }
#team slider.no_desktop slidect slide:nth-child(n+2) .slidetext{ display: none; }





#sites{ background: var(--sec-color-grad2); padding: 0 12em 0 24em; }
#sites .mapmonde{ 
    display: flex; flex: none; height: 47em; width: calc( 100% + 10em ); margin-left: -10em; 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: 5em; aspect-ratio: 563/809; position: absolute; }
#sites .mapmonde .pins a img{ content: url("images/mapmonde/pin_dark.svg"); width: 100%; }
#sites .mapmonde .pins a.clicked{ content: url("images/mapmonde/pin_white.svg"); }
#sites .mapmonde .pins a#france{ top: 2.5em;  left: 18em; }
#sites .mapmonde .pins a#afrique{ top: 15em; left: 15em; }
#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: 1em; background: var(--reverse-text); border-radius: 1em; }
#sites .mapmonde .nfo article .map{ width: 13em; }
#sites .mapmonde .nfo article .map img{ width: 75%; }
#sites .mapmonde .nfo article .texte{ flex: 1; }
#sites .mapmonde .nfo article .texte h2{ margin-top: 0; }
#sites .mapmonde .nfo article .texte h3{ margin-bottom: 0; }
#sites .mapmonde .nfo article .hide{ display: none; }
#sites .mapmonde .nfo #site_france{ top: 2.5em; }
#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: 0 2em 0 24em; background: var(--main-color); color: var(--reverse-text); }
#partners h1{ font-size: 2.5em; }
#partners .logos{ display: flex; flex: none; align-items: center; justify-content: space-between;  }
#partners .logos img{ height: 1.75em; }