.conteneur-activation-section {
    width: 60px;
    height: 20px;
    border: 1px solid #666;
    border-radius: 10px;
    background-color: #fff;
    cursor: pointer;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, margin-left 0.25s ease-in-out;
}

.conteneur-activation-section .conteneur-composante-activation {
    user-select: none;
}

.conteneur-activation-section .conteneur-composante-activation div {
    display: inline-block;
}

.conteneur-activation-section .conteneur-texte-activation {
    position: relative;
}

.conteneur-activation-section .conteneur-texte-activation .texte-activation-section {
    position: absolute;
    font-size: 14px;
    top: -16px;
}

.conteneur-activation-section .conteneur-texte-activation .texte-activation-section.libelleOui {
    left: -20px;
    visibility: hidden;
    color: #f5f5f5;
}

.conteneur-activation-section.active .conteneur-texte-activation .texte-activation-section.libelleOui {
    left: 11px;
    margin-left: 1px;
    visibility: visible;
}

.conteneur-activation-section .conteneur-texte-activation .texte-activation-section.libelleNon {
    left: 8px;
    visibility: visible;
}

.conteneur-activation-section.active .conteneur-texte-activation .texte-activation-section.libelleNon {
    left: -20px;
    visibility: hidden;
}

.conteneur-activation-section .boule-activation-section {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #adb5bd;
    margin-left: 1px;
    margin-top: 1px;
}

.conteneur-activation-section.disabled {
    cursor: not-allowed;
    background-color: #e9ecef;
    opacity: 0.7;
}

.conteneur-activation-section.active {
    background-color: #0088cc;
    border-color: #04adff;
}

.conteneur-activation-section.active.disabled {
    background-color: #0088cc;
    border-color: #04adff;
}

.conteneur-activation-section.active .boule-activation-section {
    margin-left: 41px;
    background-color: #fff;
}