#menu{
width:auto;
right:0;
bottom:0;
display:inline-block;
position:absolute;
box-sizing:border-box;
text-align:center;
}
#menu li{
font-size:1em;
padding:0 !important;
margin:0!important;
list-style-type:none;
display:inline;
position:relative;
float:left;
}
#menu li:first-child,
#menu li:first-child a{
}
#menu li:last-child,
#menu li:last-child a{
}

#menu li a{
float:left;
cursor:pointer;
text-decoration:none;
color:var(--text);
font-size:1.3em;
font-weight:700;
margin:0px 10px !important;
padding-bottom:2px;
transition:all ease 0.2s;
border-bottom:10px solid transparent;
}
#menu li a:hover{
border-bottom:10px solid var(--orange);
}
#menu .activated a,
#menu .activated a:hover{
color:var(--orange);
border-bottom:10px solid var(--orange);
}

#social {
position:fixed;
display:block; 
margin-bottom:20px;
z-index:999;
right:30px;
}
#social .recrutement{
background:black;
line-height:40px;
padding:0 16px;color:white;
text-decoration:none;    
display:inline-block;
text-transform:uppercase;
font-weight:600;
vertical-align:top;
transition:all ease 0.3s;
}
#social .recrutement:hover{
background:var(--rouge);    
}
#social a{
display:inline-block;
margin-right:5px;    
}

#social svg{
height:40px;
width:40px; 
transition:all ease 0.3s;
}
#social svg .fillMe2{
transition:fill ease 0.3s;
fill:white;
}
#social svg .fillMe{
transition:fill ease 0.3s;
fill:#403c3c;
}
#social svg:hover .fillMe{
fill:var(--rouge);
}