#menu{
width:100%;
max-width:1360px;
display:block;
position:relative;
box-sizing:border-box;
position:absolute;
top:250px;
left:50%;
transform:translateX(-50%);
transition:all ease 0.5s;
}
#menu ul{
display:inline-block;
width:auto !important;
margin:auto;
padding:0;
text-align:center;
position:relative;
}
#menu li{
padding:0 !important;
margin:0!important;
list-style-type:none;
display:inline;
position:relative;
}
#menu li:first-child,
#menu li:first-child a{
}
#menu li:last-child,
#menu li:last-child a{
}

#menu li a{
cursor:pointer;
text-decoration:none;
color:var(--text);
font-size:1.1em;
font-weight:600;
padding:0px 18px;
transition:all ease 0.2s;
text-transform:uppercase;
}
#menu li.shortlink a{
position:relative;
margin:0 px;
display:inline-block;
width:48px !important;
height:48px !important;
top:16px;
text-align:center;
cursor:pointer;
}

#menu li.shortlink img{
/*top:50%;
transform:translateY(-50%) translateX(-50%);
*/
transition:all linear 0.3s;
width:100% !important;
height:100% !important;
}

#entete .logo{
position:absolute;
width:100%;
max-width:1000px;
top:50px;
left:50%;
transform:translateX(-50%);
margin:auto;
transition:all ease 0.5s;
}
#entete .logo img{
float:left; 
transition:all ease 0.5s;   
}

#menu li.shortlink img:hover{
transform:scale(1.2);
}



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

@media screen and (max-width: 1280px) {
#menu{width:95%;}
#menu li a{
font-size:1em;
margin:0 4px;
padding:0 4px;
}
#menu li.logo a,
#menu li.shortlink a{
position:relative;
margin:0px;
padding:0 8px;
}
}
@media screen and (max-width: 1180px) {
#menu{width:98%;}    
#menu li a{
font-size:.9em;
margin:0 4px;
padding:0 0px;
}
}