section.section-onglet{
}
/*section.section-onglet > ul{
    display: table;
}*/

section.section-onglet li > div{
    font-size: var(--fsMedium);
    line-height: var(--lhMedium);
}
section.section-onglet li > p{
    font-size: var(--fsMedium);
    line-height: var(--lhMedium);
    font-family: 'jannon';
}

ul.onglet-control{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
ul.onglet-control > li{
    padding: 0.56rem;
    font-family: 'muli';
    font-weight: 100;
    font-size: 92%;
    cursor: pointer;
    background-color: var(--colorSecond);
    /*border: 1px solid var(--colorThird);*/
    color: var(--colorFourth);
    border-radius: 2px;
}
ul.onglet-control > li:hover{
    text-decoration: underline;
}
li.onglet > ul.onglet-control > li{
    /*text-transform: uppercase;*/
}
ul.onglet-control > li.active{
    background-color: white;
    /*border-color: var(--colorFourth);*/
    color: var(--colorDark);
}
ul.onglet-control > li.active:hover{
    text-decoration: none;
}

section.section-onglet > div > ul:last-of-type{
    /*background-color: lightpink;*/
}
section.section-onglet > div > ul:last-of-type > li{
    /*background-color: gold;*/
}
li.onglet{
    display: none;
    /*padding: 1rem;*/
}
li.active{
    display: table;
}
li.onglet > div{
    padding-bottom: var(--lhMedium);
    /*margin: 1rem;*/
    /*background-color: deepskyblue;*/
    font-family: 'jannon';
}
li.onglet > div > div.item{
    display: inline-block;
    background-color: white;
    padding: 0 4px 0 8px;
    /*box-shadow: 0 0 1px navy;*/
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 6px;
}

li.onglet > div > div.item > div.info{display: none;}
li.onglet > div > div.item > div.ref{display: inline;}
li.onglet > div > div.item > div.ref{
}
li.onglet > div > div.item > div.ref:after{
/*  content: ", ";
    margin: 0; padding: 0;*/
}
li.onglet > div > div.item:last-of-type > div.ref:after{
    /*content: "";*/
}

li.onglet > div > div.item .counter{display: none;}



body[data-device-width="small"] li.onglet{
    padding: 1rem 0;
}
body[data-device-width="large"] li.onglet{
    padding: 1rem 1rem;
}