.wrapped{position:relative;overflow:hidden;padding:50px 100px}
footer.flex{position:relative;background:#344746;padding:40px 100px 30px;color:#FFF;align-items:stretch;align-content:stretch}
footer a{color:#FFF}
footer a:hover{color:red}
footer .title{width:100%;text-transform:uppercase;display:block;margin-bottom:20px;letter-spacing:0.05rem;color:#FFF}
#sitemap{width:32%}
#sitemap li{margin-bottom:5px}
#sitemap li::before{background:#be884d!important}
#footer_contact{width:32%;text-align:center;font-size:1.2rem;line-height:1.4rem}
#footer_contact a:hover{color:#FFF}
#social_networks{width:32%;text-align:right}
#social_networks a{color:#344746;display:inline-block;margin-left:60%;margin-bottom:10px}
#social_networks a span{width:30px;height:30px;padding-top:3px;border-radius:50%;font-size:1.1rem;background:#FFF}
#legals{min-height:160px;width:-webkit-calc(15% + 30px);width:calc(15% + 30px)}
#copyright{text-align:center;width:100%;font-size:0.875rem;letter-spacing:0.05rem}
@media screen and (max-width:1050px){.wrapped{padding:80px 50px}}
@media screen and (max-width:900px){.wrapped{padding:80px 20px}}
@media screen and (max-width:450px){footer.flex{padding-left:20px;padding-right:20px}
#sitemap,#social_networks{width:50%}
#sitemap{order:2;margin-bottom:30px}
#social_networks{order:3}
#footer_contact{order:1;margin-bottom:40px;width:100%}
#copyright{order:4}}.soustitre{font-family:'kyiv_light',sans-serif;;color:#be884d;font-size:1.125rem;line-height:1.5rem;margin-bottom:20px}
@media screen and (max-width:450px){.soustitre{font-size:1.25rem;line-height:1.6rem}}#who{text-align:center}
#who .chapo{font-size:1.375rem;line-height:1.7rem;margin-bottom:45px}
.member{width:380px;margin:45px 5vw}
.member .top{width:100%;height:380px;position:relative}
.member .top::before,.member .top::after{content:'';width:1px;height:0;background:red;position:absolute;-webkit-transition:height 800ms;-o-transition:height 800ms;transition:height 800ms}
.member .top::before{top:0;left:0}
.member .top::after{bottom:0;right:0}
.member.start .top::before,.member.start .top::after{height:100%}
.member svg{position:absolute;z-index:-1;top:0;left:0}
.member picture,.member img{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:15px;display:block;object-fit:cover;object-position:center center}
.member h2{width:100%;font-size:2.1rem;line-height:2.7rem;color:#71898c}
.member h3{width:100%;font-size:1.125rem;line-height:1.4rem;color:#344746}
.member .prez{width:100%;overflow:hidden;font-size:1.125rem;line-height:1.3rem;margin-top:30px;padding:0 30px}
#half_who .chapo{margin-bottom:80px}
#pictos{width:100%}
.valeur{display:block;white-space:nowrap;margin:0 5%;text-align:center;font-size:1.125rem;text-transform:uppercase;color:#fffbf1}
#pictos img{width:50px;height:50px;object-fit:contain;display:block;margin:0 auto 10px}
@media screen and (min-width:1550px){.member{margin:45px 10vw}}
@media screen and (max-width:900px){.member{width:280px;margin:45px 20px}
.member .top{align-content:flex-start;padding:15px 50px 0;height:280px;margin-bottom:20px}
.member picture,.member img{width:120px;height:120px;margin-bottom:10px}
.member h2{font-size:1.75rem;line-height:1.9rem;margin-bottom:5px}}
@media screen and (max-width:450px){.member{margin:45px 0}
.valeur{width:100%;margin-bottom:50px}
.valeur:last-child,.valeur:last-of-type{margin-bottom:0}}