:root,
::before,
::after {
    --spacer: 8px;
    --clr-noir: #000;
    --clr-blanc: #FFF;
    --clr-beige: #F8EEEC;
    --clr-jaune: #FFEA2C;
    --clr-active: #2C41FF;
    --border-radius: 6px;
}

.disp-n {
    display: none;
}

#expoTemporaire .contenu .dce__definitions ul {
    list-style-image: inherit;
}

#expoTemporaire .contenu .dce__definitions ul.rte__list--a11y {
    list-style-type: none;
}

.dce__definitions ul.rte__list--a11y li {
    padding-left: 0;
}

.dce__definitions {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * 4);
    margin-block: 0;
    padding-block: 1em;
}

.dce__definitions>div {
    border-bottom: 2px solid #D2D2D2;
    padding-bottom: calc(var(--spacer) * 4);
}

.dce__definitions>div:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.dce__definitions dd {
    margin-left: 0;
}

.dce__definitions dd > div {
    padding-top: calc(var(--spacer) * 2);
}

.dce__definition-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacer) * 2);
    padding: 0;
    border: 0;
    background: none;
    line-height: 3.2rem;
    text-align: left;
    font-family: "A2 Regular Bold", 'Lato Bold', Futura, sans-serif;
    font-size: inherit;
    color: inherit;
    font-weight: normal;
    cursor: pointer;
}

.dce__definition-button:hover,
.dce__definition-button:focus {
    text-decoration: underline;
}

.dce__definition-button > span {
    display: flex;
    align-items: center;
    gap: calc(var(--spacer) * 2);
}

.dce__definition-button[aria-expanded="true"]::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../../Icons/chevron_up.svg);
    background-repeat: no-repeat;
    filter: invert(1);
    flex: none;
}


.dce__definition-button[aria-expanded="false"]::after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 6px;
    background: url(../../Icons/chevron_down.svg);
    background-repeat: no-repeat;
    filter: invert(1);
    flex: none;
}

#app .contenu .dce__definition-link {
    display: block;
    width: fit-content;
    border: 2px solid var(--clr-noir);
    margin-top: calc(var(--spacer) * 5);
    padding: calc(var(--spacer) * 2) calc(var(--spacer) * 5);
    font-family: "A2 Regular Bold", "Lato Bold", Futura, sans-serif;
    text-decoration: none;
}

#app .contenu .dce__definition-link.dce__definition-link--outline-2 {
    background-color: var(--clr-blanc);
}

#app .contenu .dce__definition-link.dce__definition-link--yellow {
    background-color: var(--clr-jaune);
    border: 2px solid var(--clr-jaune);
}

#app .contenu .dce__definition-link:hover,
#app .contenu .dce__definition-link:focus,
#app .contenu .dce__definition-link.dce__definition-link--outline-2:hover,
#app .contenu .dce__definition-link.dce__definition-link--outline-2:focus,
#app .contenu .dce__definition-link.dce__definition-link--yellow:hover,
#app .contenu .dce__definition-link.dce__definition-link--yellow:focus {
    background-color: var(--clr-noir);
    border: 2px solid var(--clr-noir);
    color: var(--clr-blanc);
}

#app .contenu .dce__definition-link:active,
#app .contenu .dce__definition-link:active:hover,
#app .contenu .dce__definition-link:active:focus,
#app .contenu .dce__definition-link.dce__definition-link--outline-2:active,
#app .contenu .dce__definition-link.dce__definition-link--outline-2:active:hover,
#app .contenu .dce__definition-link.dce__definition-link--outline-2:active:focus,
#app .contenu .dce__definition-link.dce__definition-link--yellow:active,
#app .contenu .dce__definition-link.dce__definition-link--yellow:active:hover,
#app .contenu .dce__definition-link.dce__definition-link--yellow:active:focus {
    background-color: var(--clr-active);
    border: 2px solid var(--clr-active);
    color: var(--clr-blanc);
}

.dce__definition-container.dce__definition-container--padding {
    padding-left: calc(calc(var(--spacer) * 2) + 50px);
}

.dce__definition-container p {
    max-width: unset;
}

/* RTE */
.dce__definitions .rte__bkg--beige {
    position: relative;
    padding: calc(var(--spacer) * 2);
    margin-bottom: calc(var(--spacer) * 3);
    background-color: var(--clr-beige);
    border-radius: var(--border-radius);
    width: fit-content;
}

.dce__definitions .rte__bkg--beige-ampoule,
.dce__definitions .rte__bkg--beige-mail,
.dce__definitions .rte__bkg--beige-a11y {
    width: 100%;
    margin-top: calc(var(--spacer) * 5);
    padding: calc(var(--spacer) * 5) calc(var(--spacer) * 3);
}

.dce__definitions .rte__bkg--beige-ampoule::before {
    content: "";
    position: absolute;
    top: -10px;
    left: calc(var(--spacer)* 4);
    display: inline-block;
    height: 0;
    width: 0;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--clr-beige);
    border-left: 10px solid transparent;
}

.dce__definitions .rte__bkg--beige-ampoule::after,
.dce__definitions .rte__bkg--beige-mail::after,
.dce__definitions .rte__bkg--beige-a11y::after {
    content: '';
    background-size: 26px 34px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 56px;
    height: 56px;
    position: absolute;
    top: -30px;
    right: 23px;
    left: auto;
    background-color: var(--clr-active);
    transition: all 0.25s ease-in-out;
    border-radius: 50%;
}

.dce__definitions .rte__bkg--beige-ampoule::after {
    background-image: url('../../Icons/Ttcontent/icon--ampoule.svg');
}

.dce__definitions .rte__bkg--beige-mail::after {
    background-image: url('../../Icons/Ttcontent/icon--mail.svg');
}

.dce__definitions .rte__bkg--beige-a11y::after {
    background-image: url('../../Icons/Ttcontent/icon--bonhomme.svg');
}

ul.rte__list--a11y {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacer) * 1.5);
    padding-left: 0;
    list-style-type: none;
}

.rte__icon {
    display: flex;
    flex-direction: row;
    gap: calc(var(--spacer) * 2);
}

.rte__icon::before {
    flex-shrink: 0;
}

.rte__icon.rte__icon--a11y-deficientsVisuels::before,
.rte__icon.rte__icon--a11y-mobiliteReduite::before,
.rte__icon.rte__icon--a11y-sourdsMalentendants::before,
.rte__icon.rte__icon--a11y-intellectuel::before {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.rte__icon.rte__icon--a11y-deficientsVisuels::before {
    background-image: url('../../Icons/Ttcontent/icon-a11y--deficientVisuels.svg');
}

.rte__icon.rte__icon--a11y-mobiliteReduite::before {
    background-image: url('../../Icons/Ttcontent/icon-a11y--mobiliteReduite.svg');
}

.rte__icon.rte__icon--a11y-sourdsMalentendants::before {
    background-image: url('../../Icons/Ttcontent/icon-a11y--sourdsMalentendants.svg');
}

.rte__icon.rte__icon--a11y-intellectuel::before {
    background-image: url('../../Icons/Ttcontent/icon-a11y--intellectuel.svg');
}