#menu{
z-index:997;
width:auto;
padding:0;
display:inline-block;
position:relative;
box-sizing:border-box;
text-align:center;
top:22px;
/* border-radius:6px; */
}
#menu li{
font-size:1em;
padding:0 !important;
margin:0!important;
list-style-type:none;
display:inline;
position:relative;
float:left;
background:white;
}
#menu li:first-child,
#menu li:first-child a{
/* border-radius: 6px 0 0 6px;   */
}
#menu li:last-child,
#menu li:last-child a{
/* border-radius: 0 6px 6px 0;   */
}

#menu li a{
float:left;
cursor:pointer;
background:white;
text-decoration:none;
color:var(--noir);
font-size:1.2em;
font-weight:600;
padding:8px 20px !important;
text-transform:uppercase;
transition:background ease 0.5s;
}

#menu li a:hover,
#menu .activated a,
#menu .activated a:hover{
background:var(--rouge);
color:white;
}

#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);
}