#entete{
top:0;
left: 50%;
position:fixed;
text-align:center;
transform: translateX(-50%);
transition:all ease 0.5s;
width:100%;
height:auto;
display:block;
z-index:998;
background:black;
}

#entete .rose{
background:linear-gradient(To right, var(--violet), var(--rose));
/* padding:2px 0; */
height:36px;
align-content:center;
padding-top:2px;
}
#entete .adresse_social{
width:100%;
max-width:1280px;
text-align:right; 
margin:auto;   
}
#entete .adresse{
color:white;     
text-align:right;
display:inline-block;
font-size:.9em;
font-weight:600;
}
#entete .adresse svg{
display:inline-block;
width:20px;
height:20px; 
vertical-align:middle;
margin-right:3px;
padding-bottom:2px;
}

#entete .social{
display:inline-block; 
vertical-align:middle;
margin:0 10px;  
}
#entete .social a{
display:inline-block;
width:22px;
height:22px;    
}
#entete .social a svg{    
fill:white;
}
#entete .social a:hover svg{    
fill:black;
}

.entete{
max-width:1280px;
margin:auto;
height:80px;
display:flex;
align-items:center;
justify-content:space-between;
}
.entete .logo{
margin-left:10px;    
}
.entete .logo svg{
height:60px;
max-width:300px;
object-fit:contain;
}
.entete .menu{
box-sizing:border-box;
transition:all ease 0.5s;
position:relative;
z-index:999;
width:auto;
}
.menu ul{
list-style:none;
padding:0;
margin:0;
display:flex;
align-items:center;
}
.menu li{
padding:8px;
}
.menu li a{
color:white;
text-transform:uppercase;
font-weight:700;
font-size:clamp(0.75rem, 1.1vw, 1rem);
text-decoration:none;
white-space:nowrap; /* évite que "Infos pratiques" passe sur 2 lignes */
transition:color 0.3s ease;
line-height:80px;
display:inline-block;
}

.menu li a.pink{
background:var(--rose)!important;    
border-radius:8px;
padding:8px 14px;
line-height:1em;
}

.menu li a:hover{
color:var(--rose);    
}
.menu li a.pink:hover{
color:white;    
box-shadow:0 0 50px var(--rose);
}