/* Sélecteur de langue. Chargé par les pages françaises et par /en/ /de/ /es/. */

.lang-select {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
gap: 0 2px;
margin: 0;
}

.lang-select a {
display: inline-flex;
align-items: center;
gap: 4px;
padding: 2px 2px;
color: inherit;
font-family: var(--texte);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.04em;
line-height: 1;
text-decoration: none;
}

.lang-select a[aria-current="true"] {
text-decoration: underline;
text-underline-offset: 3px;
}

#header .drapeau,
.lang-select .drapeau {
display: inline-block;
width: 18px;
height: 12px;
flex: 0 0 18px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.92);
font-size: 0;
line-height: 0;
}

.drapeau-fr {
background: linear-gradient(90deg, #0055a4 0 33.3%, #fff 33.3% 66.6%, #ef4135 66.6%);
}

.drapeau-en {
background-color: #b22234;
background-image:
linear-gradient(#3c3b6e, #3c3b6e),
linear-gradient(180deg,
#b22234 0 14.3%, #fff 14.3% 28.6%,
#b22234 28.6% 42.9%, #fff 42.9% 57.2%,
#b22234 57.2% 71.5%, #fff 71.5% 85.8%,
#b22234 85.8%);
background-size: 46% 54%, 100% 100%;
background-repeat: no-repeat;
}

.drapeau-de {
background: linear-gradient(#000 0 33.3%, #dd0000 33.3% 66.6%, #ffce00 66.6%);
}

.drapeau-es {
background: linear-gradient(#aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75%);
}

#menu li.choix-langue {
display: inline-block;
}

#menu li.choix-langue .lang-select a {
min-height: 44px;
padding: 8px 7px;
font-size: 0.82rem;
}

#primarycontent,
#menu a,
#secondarycontent a {
overflow-wrap: anywhere;
}

@media (max-width: 919px) {
#menu li.choix-langue .lang-select a {
width: auto;
flex: 0 0 auto;
}
}