#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:var(--gris);
}

#entete .jaune{
/* padding:2px 0; */
height:26px;
align-content:center;
padding-top:2px;
}
#entete .barre{
width:100%;
max-width:1280px;
text-align:right; 
margin:auto;  
position:relative;    
}
#entete .bGauche,
#entete .bDroite{
text-align:left;
display:block;
font-size:.8em;
position:absolute;
top:50%;
transform:translateY(-50%);
}
#entete .bGauche{left:10px;}
#entete .bDroite{right:10px;}
#entete .barre * p{margin:0;text-transform:uppercase;font-weight:600;
}

#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:var(--jaune);
}
#entete .social a:hover svg{    
fill:white;
}

.entete{
max-width:1280px;
margin:auto;
height:100px;
display:flex;
align-items:end;
/* justify-content:space-between; */
position:relative;
}
.entete .logo{
position:absolute;
left:10px; 
top:10px;
display:flex;
align-items:center;
}
.entete .logo span{
color:var(--gris2);
font-weight:800;
font-size:2em;   
margin-left:15px; 
}
.entete .logo svg{
height:60px;
max-width:300px;
object-fit:contain;
}
.entete .tel_social{
position:absolute;
right:10px; 
top:10px;
}
.entete .tel_social span{
color:var(--jaune);
font-weight:500; 
font-size:1.2em;   
}




.entete .menu{
box-sizing:border-box;
transition:all ease 0.5s;
position:relative;
z-index:999;
width:auto;
margin-left:auto;
}
.menu ul{
list-style:none;
padding:0;
margin:0;
display:flex;
align-items:center;
}
.menu li{
padding:8px;
}
.menu li a{
color:var(--jaune);
text-transform:uppercase;
font-weight:500;
font-size:clamp(.9rem, 1vw, 1rem);
text-decoration:none;
white-space:nowrap; /* évite que "Infos pratiques" passe sur 2 lignes */
transition:color 0.3s ease;
line-height:30px;
display:inline-block;
}

.menu li a:hover{
color:white;    
}

@media (max-width: 980px){
#entete .bDroite{display:none;}
#entete .bGauche{left:0;text-align:center;width:100%;}
#entete .tel_social{width:100%;right:0;}
#entete .logo{bottom:0;}
#entete .logo span{font-size:1.4em;}   
.entete .tel_social span{font-size:1.1em;}   
#entete .barre * p{font-size:.9em;} 
}