.accordeon {
    position:relative;
    overflow:hidden;
}
.accordeon [type="checkbox"].leaccordeon:not(:checked).leaccordeon,
.accordeon [type="checkbox"].leaccordeon:checked.leaccordeon {
    display:none;
}


.accordeon [type="checkbox"].leaccordeon  + label .accordeon.titre {
    display:inline;
}

.accordeon  [type="checkbox"].leaccordeon + label:after,
.accordeon  [type="checkbox"].leaccordeon + label:before {
    display:inline;
    font-size:larger;
    font-weight:bold;
    font-style:normal;
}


.accordeon  [type="checkbox"].leaccordeon + label:after {
    content:"";
    display: inline-block;
    /* transition:0.5s linear; */
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    cursor: pointer;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid var(--bg-contrast);
    vertical-align: inherit;
}

.accordeon  [type="checkbox"].leaccordeon:checked + label:after {
    transform: rotate(90deg);
    vertical-align: bottom;

}

.accordeon [type="checkbox"].leaccordeon + label .accordeon.titre:hover {
    cursor: pointer;
}

.accordeon .accordeon.contenu {
    opacity:0;
    height:0;
}

.accordeon [type="checkbox"].leaccordeon:checked ~ .accordeon.contenu {
    opacity:1;
    height:auto;
    transition:all 1s ease .1s;
}