#splash_english{ background: url(images/splash.jpg) no-repeat center center; background-size: cover; }
#splash_english .in{ align-items: center; justify-content: center; height: 27em; padding: 2em; background: #15409782;  }
#splash_english .in div{ font-size: 1.2em; color: #fff; font-weight: 900; text-align: center; /*text-shadow: 0px 0px 0.2em #000, 0px 0px 0.2em #000, 0px 0px 0.2em #000; */ }
#splash_english .in div h1{ font-size: 3.5em; margin: 0.1em 0; padding: 0; font-weight: inherit; }

#enFooter{ display: flex; flex: none; align-items: center; justify-content: center; font-size: 1.5em; padding: 2em; }
#enFooter a{ display: inline-block; margin: 0 2em }

#bulle{ display: flex; flex: none; align-items: stretch; justify-content: space-between; padding: 4em 0; }
#bulle .left{ width: 25em; background: url(images/bulle_pic.png) no-repeat left center; background-size: contain; }
#bulle .right{ width: 12em; margin-right: 7em; background: url(images/foulard_ronarad.png) no-repeat top right; background-size: contain; }
#bulle .main{ flex: 1; padding: 0 1em; }

.vimeo{ width: 100%; text-align: center; margin: 0 0 4em; }
.vimeo iframe{ /*height: 36em;*/ width: 50%; aspect-ratio: 16/9; /*margin-right: 2em;*/ }


#activity{ 
    padding: 2em 5%; color: var(--reverse-text);  
    background: radial-gradient(circle, var(--main-color) 0%, var(--main-color-grad) 100%) var(--main-color); 
}
#activity .mainp{ opacity: 0.75; }
#activity in{ display: flex; flex: none; align-items: stretch; flex-wrap: wrap; }
#activity article{ 
    display: flex; flex: none; align-items: center; flex-direction: column; width: 46%; margin: 2%; padding: 2em 8em;
    background: #fff1; border-radius: 1em;  
}
#activity article h2{ text-align: center; height:2em; color: var(--sec-color); }


#contact{ padding: 2em 5%; }
#contact span:not(.material-icons){ width: 33%; }
#contact h2, #contact h3{ display: flex; flex: none; align-items: center; }
#contact h2 .material-icons, #contact h3 .material-icons{ margin-right: 0.5em; }
#contact lab{ display: inline-block; width: 6em; color: var(--sec-color); }
#contact dom{ display: inline-block; }
#contact .ou{ color: var(--sec-color); margin-top: 3em; }
#contact ul{ display: flex; flex: none; align-items: stretch; justify-content: space-between; margin: 0; padding: 0; }
#contact ul li{ width: 25%; margin: 0 0 4em 0; }
#contact ul li lab{ width: 8.5em; }


#faire in{ display: flex; flex: none; align-items: stretch; color: var(--reverse-text); margin-top: 0.66em; }
#faire in span{ 
    display: flex; flex: none; align-items: center; justify-content: center; 
    width: 34.5%; height: 22em; padding: 1em; margin-right: -1.5%;
    background: center center no-repeat; background-size: cover; 
    mask: url(images/faire/mask_center.svg) center center no-repeat; mask-size: 100% 100%;
}
#faire in span:first-child{ mask-image: url(images/faire/mask_left.svg) }
#faire in span:last-child{ mask-image: url(images/faire/mask_right.svg) }

#faire in span div{ text-align: center; font-size: 1.5em; text-shadow: 0 0 0.25em #000, 0 0 0.33em #000, 0 0 0.5em #000, 0 0 0.75em #000; }
#faire in span div h2{ font-weight: 900; }
#faire in span div h3{ font-weight: 800; margin: 0.33em 0; padding: 0; }
#faire in .camps{ background-image: url(images/faire/camps.jpg); }
#faire in .activites{ background-image: url(images/faire/activites.jpg); }
#faire in .activites h3{ width: 16em; }
#faire in .decouvrir{ background-image: url(images/faire/decouvrir.jpg); }
#faire .faireBas{ width: 100%; aspect-ratio: 1900/334; margin-top: 0.66em; background: url(images/faire/faire_bas.jpg) center center no-repeat; background-size: cover;  }
#faire nav{ text-align: center; margin: 1.5em 0 0; font-size: 1.5em; }
#faire nav .inscr{ background-image: linear-gradient(to bottom right, var(--sec-color), var(--sec-color-grad) ); }