.o-langue{
  position:relative;
  display:inline-flex;align-items:center;
  flex:none;min-width:0;line-height:1;
}

.o-langue__item{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  box-sizing:border-box;padding:4px 8px;
  border:1px solid var(--o-filet,rgba(35,31,32,.13));border-radius:0;
  background:transparent;color:var(--o-gris,rgba(35,31,32,.64));
  font-family:var(--o-sans,"Public Sans",-apple-system,system-ui,sans-serif);
  font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  text-decoration:none;white-space:nowrap;
  transition:color .55s var(--o-ease-doux,cubic-bezier(.4,0,.2,1)),
             border-color .55s var(--o-ease-doux,cubic-bezier(.4,0,.2,1)),
             background-color .55s var(--o-ease-doux,cubic-bezier(.4,0,.2,1));
}
.o-langue__code{
  
  margin-right:-.2em;
}

a.o-langue__item:hover,
a.o-langue__item:focus-visible{
  color:var(--o-encre,#231F20);
  border-color:var(--o-filet-fort,#C7B7A0);
}
.o-langue__item:focus-visible{
  outline:2px solid var(--o-azur,#4D6E86);outline-offset:3px;
}

.o-langue__actuel{
  background:var(--o-encre,#231F20);
  border-color:var(--o-encre,#231F20);
  color:var(--o-fond,#F6F3EC);
  cursor:pointer;
}
.o-langue__chevron{
  display:block;flex:none;margin-left:-1px;opacity:.8;
  transition:transform .4s var(--o-ease-doux,cubic-bezier(.4,0,.2,1));
}
.o-langue.est-ouvert .o-langue__chevron{transform:rotate(180deg)}
.o-langue__actuel:hover,.o-langue__actuel:focus-visible{
  color:var(--o-fond,#F6F3EC);
  border-color:var(--o-encre,#231F20);
}

.o-langue__autres{
  position:absolute;top:calc(100% + 6px);right:0;z-index:140;
  display:flex;flex-direction:column;gap:0;
  background:var(--o-fond,#F6F3EC);
  border:1px solid var(--o-filet-fort,#C7B7A0);
  padding:4px;
}
.o-langue__autres[hidden]{display:none}
.o-langue__autres .o-langue__item{border-color:transparent;width:100%}
.o-langue__autres .o-langue__item:hover,
.o-langue__autres .o-langue__item:focus-visible{
  background:var(--o-surface,#E9DFCB);border-color:transparent;
}

.o-langue__point{
  display:block;flex:none;width:5px;height:5px;margin-left:1px;
  background:var(--o-accent,#7A8468);border-radius:50%;
}
.o-langue.a-proposer .o-langue__actuel{position:relative}
.o-langue.a-proposer .o-langue__actuel::after{
  content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;
  background:var(--o-accent,#7A8468);border-radius:50%;
}

@media(max-width:900px){
  .o-langue__actuel{min-height:38px}
  .o-langue__autres .o-langue__item{min-height:40px}
}

.o-langue__drapeau{
  display:block;flex:none;box-sizing:content-box;
  width:18px;height:12px;
  border:1px solid var(--o-filet-fort,#C7B7A0);border-radius:0;
  background:var(--o-blanc,#FFFFFF);
}
.o-langue__svg{display:block;width:18px;height:12px}

@media(max-width:900px){
  .o-langue__item{min-height:32px;min-width:32px;padding:4px 9px}
}
@media(max-width:400px){
  .o-langue{gap:5px}
  .o-langue__item{padding:4px 7px;gap:5px}
}

@media(prefers-reduced-motion:reduce){
  .o-langue__item{transition:none}
}