.sd-element-align-left, .sd-navigation-align-left .sd-body__navigation {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: left
}

.sd-element-align-center, .sd-navigation-align-center .sd-body__navigation {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.sd-element-align-right, .sd-navigation-align-right .sd-body__navigation {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    justify-content: right
}

.sd-element-align-disable {
    display: inherit
}

.checkbox-label .sd-checkbox + .sd-checkbox {
    margin-top: 1rem
}

.checkbox-label p + p {
    margin-top: .5rem
}

.checkbox-label p {
    -webkit-hyphens: none;
    hyphens: none
}

.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator {
    border-color: var(--color-form-radio-border)
}

    .sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
        fill: var(--color-form-radio-bg)
    }

.checkbox-collection, .checkbox-collection .sd-selectbase__item {
    display: grid
}

    .checkbox-collection .sd-checkbox p {
        margin-bottom: .5rem
    }

.checkbox-button .sd-checkbox + .sd-checkbox, .radio-button .sd-radio + .sd-radio {
    margin-top: .75rem
}

@media print,screen and (min-width: 37.5em) {
    .checkbox-button .sd-checkbox + .sd-checkbox, .radio-button .sd-radio + .sd-radio {
        margin-top: 1rem
    }
}

.checkbox-button .sd-selectbase__label, .radio-button .sd-selectbase__label {
    align-items: center;
    background-color: var(--color-form-radio-bg);
    border: 1px solid transparent;
    border-radius: .75rem;
    padding: 1rem;
    width: 100%
}

    .checkbox-button .sd-selectbase__label:hover, .radio-button .sd-selectbase__label:hover {
        border-color: var(--color-form-radio-button-hover-border)
    }

    .checkbox-button .sd-selectbase__label:has(>input:checked), .radio-button .sd-selectbase__label:has(>input:checked) {
        background: var(--color-form-radio-button-checked-bg);
        border-color: var(--color-form-radio-checked)
    }

    .checkbox-button .sd-selectbase__label:hover:has(>input:checked), .radio-button .sd-selectbase__label:hover:has(>input:checked) {
        border-color: var(--color-form-radio-button-hover-checked-border)
    }

    .checkbox-button .sd-selectbase__label:has(>input:focus-visible), .radio-button .sd-selectbase__label:has(>input:focus-visible) {
        outline: .125rem solid var(--color-body-highlight)
    }

        .checkbox-button .sd-selectbase__label:has(>input:focus-visible) .sd-item__decorator, .radio-button .sd-selectbase__label:has(>input:focus-visible) .sd-item__decorator {
            outline: none
        }

.sd-checkbox .sd-item__decorator, .sd-radio .sd-item__decorator {
    align-items: center;
    background: var(--color-form-radio-bg);
    border: 2px solid var(--color-form-radio-border);
    border-radius: 624.9375rem;
    box-shadow: none;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem
}

.sd-checkbox .sd-item__decorator {
    border-radius: .25rem
}

.sd-checkbox .sd-selectbase__label:hover .sd-item__decorator, .sd-radio .sd-selectbase__label:hover .sd-item__decorator {
    border-color: var(--color-form-radio-hover-border);
    box-shadow: 0 0 0 .625rem var(--color-form-radio-hover-shadow)
}

.sd-checkbox--checked .sd-checkbox__decorator, .sd-checkbox--checked .sd-item__control:focus + .sd-item__decorator, .sd-radio--checked .sd-item__control:focus + .sd-item__decorator, .sd-radio--checked .sd-radio__decorator {
    background: var(--color-form-radio-checked);
    border-color: var(--color-form-radio-checked)
}

.sd-checkbox--checked .sd-selectbase__label:hover .sd-item__decorator, .sd-radio--checked .sd-selectbase__label:hover .sd-item__decorator {
    border-color: var(--color-form-radio-checked)
}

.sd-checkbox--checked .sd-selectbase__label:hover.sd-item__control:focus, .sd-radio--checked .sd-selectbase__label:hover .sd-item__control:focus {
    box-shadow: 0 0 0 .625rem var(--color-form-radio-hover-shadow)
}

.sd-checkbox .sd-item__control:focus + .sd-item__decorator, .sd-radio .sd-item__control:focus + .sd-item__decorator {
    border-color: var(--color-form-radio-checked);
    box-shadow: 0 0 0 .625rem var(--color-form-radio-hover-shadow)
}

.sd-checkbox .sd-item__control:focus-visible + .sd-item__decorator, .sd-radio .sd-item__control:focus-visible + .sd-item__decorator {
    outline: .125rem solid var(--color-body-highlight);
    outline-offset: 2px
}

.sd-checkbox .sd-selectbase__label, .sd-radio .sd-selectbase__label {
    gap: .75rem
}

.sd-checkbox .sd-item__control-label, .sd-radio .sd-item__control-label {
    color: var(--color-body);
    font-size: 1rem;
    line-height: 1.4
}

.sd-checkbox .sd-selectbase__label:hover, .sd-radio .sd-selectbase__label:hover {
    cursor: pointer
}

.has-divider-y-if-check:has(input:checked) {
    border-bottom: .0625rem solid var(--color-body-divider);
    padding-bottom: 1rem
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn) {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    box-shadow: none !important;
    color: var(--color-button-content);
    display: inline-block;
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 37.4375em) {
    .sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn) {
        width: 100%
    }
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):not(.link-cover) {
    position: relative
}

    .sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):focus, .sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):hover:not([disabled]):before {
        width: 100%
    }

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):focus-visible {
    --radius-focus: 6.25rem
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):active:not(.link-cover) {
    transform: scale(.96)
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn)[disabled]:hover {
    cursor: not-allowed
}

.sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):not(:disabled) {
    --color-button-border: transparent;
    --color-button-bg: linear-gradient(118deg,#f62000,#cb000e);
    --color-button-bg-darker: #c90000;
    --color-button-content: #fff
}

    .sd-root-modern .sd-body__navigation .sd-btn:not(.sd-navigation__prev-btn):not(:disabled)[type=button]:hover:not([disabled]) {
        background: #cb000e
    }

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    color: var(--color-button-content);
    display: inline-block;
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #374649;
    box-shadow: none !important
}

@media screen and (max-width: 37.4375em) {
    .sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn {
        width: 100%
    }
}

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:not(.link-cover) {
    position: relative
}

    .sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:focus, .sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:hover:not([disabled]):before {
        width: 100%
    }

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:focus-visible {
    --radius-focus: 6.25rem
}

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:active:not(.link-cover) {
    transform: scale(.96)
}

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn[disabled]:hover {
    cursor: not-allowed
}

.sd-root-modern .sd-body__navigation .sd-btn.sd-navigation__prev-btn:hover {
    background: var(--color-button-bg-darker);
    color: var(--color-button-content)
}

.sd-body__navigation .sd-btn:disabled {
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-content: #6c93a4
}

.sd-btn:disabled {
    opacity: 1;
    pointer-events: unset
}

.sd-panel__content .sd-action-bar.sd-panel__footer .sv-action .sv-action__content .sd-action {
    color: var(--color-link-primary);
    font-weight: 700;
    margin-top: 1rem;
    text-decoration: underline
}

    .sd-panel__content .sd-action-bar.sd-panel__footer .sv-action .sv-action__content .sd-action:hover {
        background: none;
        text-decoration: none
    }

.sd-body__navigation .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) {
    margin: unset
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    color: var(--color-button-content);
    display: inline-block;
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #374649
}

@media screen and (max-width: 37.4375em) {
    .sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action {
        width: 100%
    }
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:not(.link-cover) {
    position: relative
}

    .sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:focus, .sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:hover:not([disabled]):before {
        width: 100%
    }

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:focus-visible {
    --radius-focus: 6.25rem
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action:active:not(.link-cover) {
    transform: scale(.96)
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action[disabled]:hover {
    cursor: not-allowed
}

.sd-question__content .sd-file .sd-file__wrapper .sd-action-bar .sd-action .sv-svg-icon {
    display: none
}

.sd-root-modern .sd-body__navigation .sd-btn, .sd-root-modern .sd-body__navigation .sv-action:not(.sv-action--hidden) {
    flex-grow: 0
}

@media screen and (max-width: 37.4375em) {
    .sv-action {
        width: 100%
    }
}

.sv-action--hidden {
    display: none
}

.sd-body .sd-action-bar {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding: 0 !important;
    width: auto
}

@media screen and (max-width: 37.4375em) {
    .sd-body .sd-action-bar {
        flex-direction: column-reverse
    }
}

.sd-paneldynamic__buttons-container .sd-action-bar {
    margin: 0
}

.button-fixed {
    position: relative
}

    .button-fixed .sd-root-modern, .button-fixed .sd-root-modern form, .button-fixed .sd-root-modern__wrapper {
        position: static
    }

    .button-fixed .wrap-navigation {
        background-color: var(--color-bg-cadre);
        border-top: 1px solid var(--color-body-border);
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 1rem 0 !important;
        position: fixed;
        right: 0;
        z-index: 2
    }

    .button-fixed .sd-action-bar.sd-body__navigation {
        flex-direction: row;
        justify-content: flex-end;
        margin: 0 auto;
        max-width: calc(var(--count-gutter)*(var(--size-col) + var(--size-gutter)) + var(--size-col))
    }

@media screen and (max-width: 37.4375em) {
    .button-fixed .sd-body__navigation .sv-action:not(.sv-action--hidden) {
        flex-grow: 1
    }

    .button-fixed .sv-action:not(.sv-action--hidden) {
        flex: 1 1 0px
    }
}

@media print,screen and (min-width: 37.5em) {
    .button-fixed .sv-action:not(.sv-action--hidden) {
        flex-grow: 0 !important
    }
}

main:has(>.button-fixed .js--survey-render:not(.hide)) ~ footer {
    margin-bottom: var(--form-action-container-height)
}

main:has(>.button-fixed .js--survey-render .js--survey-fisrt-loading) ~ footer {
    margin-bottom: 0
}

.sd-html button .link {
    font-weight: 700;
    text-decoration: underline
}

.sd-input.sd-input--error {
    border-color: var(--color-body-critical);
    border-width: .125rem
}

.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question {
    margin-top: 0
}

.sd-element--with-frame > .sd-element__erbox {
    margin: 0;
    padding: .5rem 0 0;
    width: auto
}

.sd-error {
    background-color: transparent;
    color: var(--color-body-critical);
    font-family: Nunito,Arial,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    padding: 0
}

    .sd-error > div {
        display: flex;
        gap: .5rem
    }

    .sd-error [aria-hidden] {
        background-image: url(../Icons/Css/info-circle.svg);
        background-size: 1rem 1rem;
        display: block;
        flex-shrink: 0;
        height: 1rem;
        width: 1rem
    }

.sd-file__decorator {
    border-color: var(--color-input-border)
}

.sd-imagepicker__item .sd-imagepicker__label {
    background-color: var(--color-input-bg);
    border: 1px solid transparent;
    border-radius: .75rem;
    height: 100%;
    padding: 1rem
}

    .sd-imagepicker__item .sd-imagepicker__label:hover {
        border-color: var(--color-input-border);
        cursor: pointer
    }

    .sd-imagepicker__item .sd-imagepicker__label:has(input:focus-visible) {
        outline: .125rem solid var(--color-body-highlight);
        outline-offset: -.125rem
    }

.sd-question--error .sd-imagepicker__item .sd-imagepicker__label {
    border-color: var(--color-body-critical)
}

.sd-imagepicker__item.sd-imagepicker__item--checked .sd-imagepicker__label {
    background-color: var(--color-selecteur-selected-bg);
    border-color: var(--color-body-highlight)
}

    .sd-imagepicker__item.sd-imagepicker__item--checked .sd-imagepicker__label:hover {
        border-color: var(--color-input-text)
    }

.sd-imagepicker__item .sd-imagepicker__text {
    width: 100%
}

.sd-row__question .sd-imagepicker__text {
    white-space: normal
}

.sd-imagepicker__item .sd-imagepicker__image-container {
    flex-shrink: 0
}

.sd-imagepicker__item .sd-imagepicker__image {
    background-color: transparent;
    border-radius: 0
}

.sd-imagepicker .sd-imagepicker__item .sd-imagepicker__image:hover {
    opacity: 1
}

.sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__check-decorator {
    display: none
}

.sd-imagepicker__text {
    margin-top: 0;
    padding-left: 2rem;
    position: relative;
    word-break: break-word
}

.sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:after, .sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:after {
    left: .4375rem
}

.sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
    align-items: center;
    background: var(--color-form-radio-bg);
    border: 2px solid var(--color-form-radio-border);
    border-radius: 624.9375rem;
    box-shadow: none;
    content: "";
    display: block;
    display: flex;
    height: 1.25rem;
    justify-content: center;
    width: 1.25rem
}

.sd-imagepicker__item .sd-imagepicker__label:hover .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
    border-color: var(--color-form-radio-hover-border);
    box-shadow: 0 0 0 .625rem var(--color-form-radio-hover-shadow)
}

.sd-imagepicker__item.sd-imagepicker__item--checked .sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
    background: var(--color-form-radio-checked);
    border-color: var(--color-form-radio-checked)
}

input[type=radio].sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:after {
    background-color: var(--color-form-radio-bg);
    border-radius: 624.9375rem;
    content: "";
    display: block;
    height: .375rem;
    width: .375rem
}

input[type=checkbox].sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
    border-radius: .25rem
}

input[type=checkbox].sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.7 10.09'%3E%3Cpath fill='%23fff' d='M5.27 10.09.23 4.77a.85.85 0 0 1 .03-1.2c.34-.32.88-.31 1.2.03l3.8 4.01L12.23.27c.32-.34.86-.35 1.2-.03s.35.86.03 1.2z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 1rem;
    left: .125rem;
    width: 1rem
}

.sd-imagepicker {
    gap: .75rem
}

    .sd-imagepicker .sd-imagepicker__item {
        width: 100%
    }

    .sd-imagepicker .sd-imagepicker__item-decorator {
        display: flex;
        flex-direction: row-reverse;
        gap: .75rem
    }

    .sd-imagepicker .sd-imagepicker__text {
        flex-grow: 1
    }

    .sd-imagepicker .sd-imagepicker__image {
        height: 54px;
        width: 54px
    }

@media print,screen and (min-width: 60em) {
    .sd-imagepicker.var--2col-large {
        display: grid;
        gap: .75rem;
        grid-template-columns: repeat(2,1fr) !important
    }
}

.sd-imagepicker__column .sd-imagepicker__text {
    overflow: unset;
    text-align: left
}

.sd-imagepicker .sd-imagepicker__label:has(input[disabled]) {
    background-color: var(--color-disabled-bg);
    cursor: not-allowed
}

    .sd-imagepicker .sd-imagepicker__label:has(input[disabled]):hover {
        border-color: transparent
    }

    .sd-imagepicker .sd-imagepicker__label:has(input[disabled]) .sd-imagepicker__text {
        color: #486b79
    }

    .sd-imagepicker .sd-imagepicker__label:has(input[disabled]) .sd-imagepicker__control + .sd-imagepicker__item-decorator .sd-imagepicker__text:before {
        background-color: #fff;
        border-color: #b7cbd3
    }

    .sd-imagepicker .sd-imagepicker__label:has(input[disabled]) .sd-imagepicker__image-container {
        background-color: #5b7e8f;
        border-radius: 50%;
        -webkit-mask-image: radial-gradient(circle,#000 99%,transparent 100%);
        mask-image: radial-gradient(circle,#000 99%,transparent 100%)
    }

    .sd-imagepicker .sd-imagepicker__label:has(input[disabled]) .sd-imagepicker__image {
        filter: grayscale(100%) brightness(1.05) contrast(.9) sepia(10%) hue-rotate(180deg) opacity(.8)
    }

.sd-item {
    padding: 0
}

.sd-input {
    background-color: var(--color-input-bg);
    border: 1px solid var(--color-input-border);
    border-radius: .75rem;
    box-shadow: none;
    color: var(--color-input-text);
    line-height: 1.15;
    min-height: 3rem;
    padding: .75rem 1rem
}

    .sd-input::-moz-placeholder {
        color: var(--color-input-placeholder)
    }

    .sd-input::placeholder {
        color: var(--color-input-placeholder)
    }

    .sd-input:hover {
        border-color: var(--color-input-hover-border)
    }

.sd-question--answered .sd-input.var--success:not(:focus):not(.sd-input--error) {
    --color-input-border: #009d6c;
    background-image: url(/typo3conf/ext/de_site_package/Resources/Public/Dist/Icons/Interface/input-success-check.svg);
    background-position: center right 1rem;
    background-repeat: no-repeat;
    border-width: .125rem;
    padding-right: 3.25rem
}

.sd-input[type=color], .sd-input[type=date], .sd-input[type=datetime-local], .sd-input[type=email], .sd-input[type=month], .sd-input[type=password], .sd-input[type=range], .sd-input[type=tel], .sd-input[type=time], .sd-input[type=url], .sd-input[type=week] {
    box-sizing: border-box;
    width: 100%
}

.sd-input.sd-comment:focus-visible, .sd-input.sd-text:focus-visible {
    outline: .125rem solid var(--color-body-highlight);
    outline-offset: -.125rem
}

.sd-input:focus {
    border-color: inherit;
    box-shadow: none
}

.sd-question__content .sd-file {
    background-color: var(--color-input-bg)
}

    .sd-question__content .sd-file .sd-file__drag-area-placeholder .sv-string-viewer {
        color: var(--color-input-text);
        font-size: 1rem;
        font-weight: 700
    }

.sd-file__list {
    max-height: 100%
}

.sd-file .sd-file__decorator {
    flex-direction: column-reverse;
    justify-content: space-evenly
}

.sd-file__drag-area .sd-file__preview {
    height: 100%
}

.sd-action-bar.sd-file__actions-container .sv-action .sv-action__content .sd-context-btn.sd-context-btn--negative svg.sv-svg-icon, .sd-action-bar.sd-file__actions-container .sv-action .sv-action__content .sd-file__choose-btn.sd-context-btn.sd-file__choose-btn--icon svg.sv-svg-icon {
    filter: brightness(0) saturate(100%) invert(41%) sepia(14%) saturate(986%) hue-rotate(152deg) brightness(89%) contrast(88%)
}

    .sd-action-bar.sd-file__actions-container .sv-action .sv-action__content .sd-context-btn.sd-context-btn--negative svg.sv-svg-icon:hover, .sd-action-bar.sd-file__actions-container .sv-action .sv-action__content .sd-file__choose-btn.sd-context-btn.sd-file__choose-btn--icon svg.sv-svg-icon:hover {
        filter: brightness(0) saturate(100%) invert(25%) sepia(31%) saturate(282%) hue-rotate(142deg) brightness(87%)
    }

.sd-file__preview .sd-context-btn--negative.sd-file__remove-file-button.sd-context-btn svg.sv-svg-icon, .sd-file__preview svg.sv-svg-icon.sd-file__default-image {
    filter: brightness(0) saturate(100%) invert(41%) sepia(14%) saturate(986%) hue-rotate(152deg) brightness(89%) contrast(88%)
}

    .sd-file__preview .sd-context-btn--negative.sd-file__remove-file-button.sd-context-btn svg.sv-svg-icon:hover {
        filter: brightness(0) saturate(100%) invert(25%) sepia(31%) saturate(282%) hue-rotate(142deg) brightness(87%)
    }

.sd-file__sign a {
    color: var(--color-link-primary);
    font-weight: 700
}

.sd-input.sd-text.sd-input--disabled {
    background-color: #b7cbd3
}

.js--surveyJsRenderOnComplete.hauteur-total {
    height: auto
}

body #surveyElement {
    --primary: #374649;
    --secondary: #374649;
    --background: #fff;
    --background-dim-light: #374649
}

:not(.svc-row--ghost) > .sd-row > div {
    min-width: auto !important
}

.sd-root-modern {
    background: transparent
}

.sd-item__control-label, .sd-root-modern {
    font-family: Nunito,Arial,sans-serif;
    font-style: normal;
    font-weight: 400
}

.sd-body .sd-body__page {
    min-width: auto;
    padding: 0
}

.sd-element--with-frame:not(.sd-element--collapsed), .svc-logic-question-value {
    background: transparent;
    box-shadow: none;
    padding: 0
}

.sd-row:not(:first-child) {
    margin-top: 4rem
}

.sd-selectbase__column {
    flex: initial
}

.sd-body.sd-body--responsive .sd-row:not(:first-child) {
    margin-top: 1rem
}

.sd-body--responsive .sd-page__row.sd-row--multiple, .svc-row > .sd-row--multiple {
    background-color: #fff;
    border-color: #e2eaed;
    border-radius: .625rem
}

.sd-body--responsive .sd-row--multiple:not(.sd-page__row) {
    gap: 1rem
}

.sd-panel:not(.sd-panel--as-page) .sd-row.sd-clearfix.sd-row--multiple > * {
    flex: 1 1 0 !important
}

.sd-body--responsive .sd-row--multiple.sd-page__row {
    flex-direction: column
}

:not(.svc-row--ghost) > .sd-row {
    min-height: auto
}

.sd-body.sd-body--static {
    max-width: 100%
}

.sd-root-modern--mobile .sd-body.sd-body--static {
    padding: 0
}

.sd-body.sd-body--static, .sd-page.sd-body__page.sd-page__empty-header {
    padding-top: 0
}

.sd-row.sd-clearfix.sd-page__row:first-child:not(.sd-row--multiple) {
    margin-top: 0
}

.sd-page__row.sd-row--multiple, .sd-row--multiple {
    margin-left: 0;
    width: 100%
}

.sd-body.sd-body--responsive {
    padding: 0 !important
}

.sv-components-column {
    display: block
}

.sd-root-modern.sd-root-modern--full-container {
    overflow: visible
}

.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {
    margin-bottom: 0
}

.sd-paneldynamic .sd-paneldynamic__panels-container {
    margin-inline: 0;
    padding-inline: 0
}

.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
    width: 100%
}

.next-survey-bg + .js--survey-container, .next-survey-bg + .main-grid__s-full .js--survey-container {
    background: #fff
}

.sd-multipletext__item-container.sd-input:focus-within {
    box-shadow: none
}

.sd-multipletext__content .sd-multipletext tbody, .sd-multipletext__content .sd-multipletext--mobile tbody {
    background-color: transparent;
    border: 0
}

.sd-multipletext__content .sd-multipletext .sd-multipletext__item-container, .sd-multipletext__content .sd-multipletext--mobile .sd-multipletext__item-container {
    align-items: center;
    border: 1px solid var(--color-input-border);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0
}

    .sd-multipletext__content .sd-multipletext .sd-multipletext__item-container:hover, .sd-multipletext__content .sd-multipletext--mobile .sd-multipletext__item-container:hover {
        border-color: var(--color-input-hover-border)
    }

    .sd-multipletext__content .sd-multipletext .sd-multipletext__item-container:focus-within, .sd-multipletext__content .sd-multipletext--mobile .sd-multipletext__item-container:focus-within {
        outline: .125rem solid var(--color-body-highlight);
        outline-offset: -.125rem
    }

    .sd-multipletext__content .sd-multipletext .sd-multipletext__item-container .sd-multipletext__item-title, .sd-multipletext__content .sd-multipletext--mobile .sd-multipletext__item-container .sd-multipletext__item-title {
        flex-shrink: 0;
        width: auto
    }

    .sd-multipletext__content .sd-multipletext .sd-multipletext__item-container .sd-multipletext__item, .sd-multipletext__content .sd-multipletext--mobile .sd-multipletext__item-container .sd-multipletext__item {
        flex-grow: 1
    }

.sd-multipletext__content .sd-multipletext__item .sd-input {
    border: 0;
    margin-block: 0;
    padding-inline: 1rem
}

    .sd-multipletext__content .sd-multipletext__item .sd-input:focus-visible {
        outline: none
    }

.sd-multipletext__content .sd-multipletext__item-title {
    align-items: center;
    border-right: 0;
    color: var(--color-input-placeholder);
    display: flex;
    margin-block: 0;
    min-height: 3rem;
    padding: 0 1rem !important
}

.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span, .sd-multipletext__item-container.sd-input:focus-within .sd-multipletext__item-title span {
    font-size: var(--sjs-mobile-font-editorfont-size,var(--sjs-font-editorfont-size,var(--sjs-font-size,16px)));
    line-height: calc(1.5*(var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)))))
}

.sd-multipletext__content .sd-multipletext--mobile.var--inverted .sd-multipletext__item-container, .sd-multipletext__content .sd-multipletext.var--inverted .sd-multipletext__item-container {
    flex-direction: row-reverse
}

.sd-multipletext__content .sd-multipletext--mobile.var--inverted .sd-multipletext__item-title, .sd-multipletext__content .sd-multipletext.var--inverted .sd-multipletext__item-title {
    border-right: 0
}

.main-grid--form.var--offcanvas .sv-components-container-contentBottom .sv-action, .main-grid--form.var--offcanvas .sv-components-container-contentBottom .sv-action .sd-btn {
    width: 100%
}

    .main-grid--form.var--offcanvas .sv-components-container-contentBottom .sv-action .button, .main-grid--form.var--offcanvas .sv-components-container-contentBottom .sv-action .sd-btn {
        --button-padding: 0.625rem 1.125rem;
        --button-size: 1rem;
        --button-padding-inline: 1.25rem
    }

.main-grid__s-full.var--offcanvas .sv-components-row {
    display: block
}

.main-grid__s-full.var--offcanvas .main-grid--form {
    padding-block: 0
}

.main-grid__s-full.var--offcanvas.couleur-fond--1 {
    background-color: var(--color-body-frame)
}

.main-grid__s-full.var--offcanvas .main-grid__form__left__metadata {
    margin-bottom: 0
}

.main-grid__s-full.var--offcanvas .main-grid__form__left__metadata__title {
    display: none
}

.main-grid__s-full.var--offcanvas .sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
    margin-top: 0
}

.sd-panel__content .tabs-panel.is-active {
    display: block
}

.sd-paneldynamic__panels-container {
    overflow: visible
}

.sd-panel__content {
    --animation-padding-top: 1rem;
    padding-top: 0
}

@media print,screen and (min-width: 37.5em) {
    .sd-panel__content {
        --animation-padding-top: 1.5rem
    }
}

.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {
    padding-left: 0
}

.sd-element--collapsed.sd-element--nested-with-borders, .sd-element--collapsed.sd-element--with-frame, .sd-element--expandable.sd-element--nested-with-borders, .sd-element--expandable.sd-element--with-frame {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    text-align: center
}

.sd-element--collapsed.sd-element--nested-with-borders, .sd-element--expandable.sd-element--nested-with-borders {
    border: 0;
    border-radius: 0
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    color: var(--color-button-content);
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #374649;
    display: inline-block;
    margin-inline: auto;
    width: auto
}

@media screen and (max-width: 37.4375em) {
    .sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header {
        width: 100%
    }
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:not(.link-cover), .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:not(.link-cover), .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:not(.link-cover), .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:not(.link-cover) {
    position: relative
}

    .sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:not(.link-cover):before, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:not(.link-cover):before, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:not(.link-cover):before, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:focus, .sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover:not([disabled]), .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:focus, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:hover:not([disabled]), .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:focus, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover:not([disabled]), .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:focus, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover:not([disabled]):before, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:hover:not([disabled]):before, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover:not([disabled]):before, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:hover:not([disabled]):before {
        width: 100%
    }

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover.link-cover, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:hover.link-cover, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:hover.link-cover, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:focus-visible, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:focus-visible, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:focus-visible, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:focus-visible {
    --radius-focus: 6.25rem
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:active:not(.link-cover), .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:active:not(.link-cover), .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:active:not(.link-cover), .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:active:not(.link-cover) {
    transform: scale(.96)
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header[disabled]:hover, .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header[disabled]:hover, .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header[disabled]:hover, .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header[disabled]:hover {
    cursor: not-allowed
}

.sd-element--collapsed.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:has(.sd-element__title:focus-visible), .sd-element--collapsed.sd-element--complex.sd-element--with-frame > .sd-element__header:has(.sd-element__title:focus-visible), .sd-element--expandable.sd-element--complex.sd-element--nested-with-borders > .sd-element__header:has(.sd-element__title:focus-visible), .sd-element--expandable.sd-element--complex.sd-element--with-frame > .sd-element__header:has(.sd-element__title:focus-visible) {
    outline: .125rem solid var(--color-body-highlight)
}

.sd-element--collapsed > .sd-element__header {
    margin-inline-start: auto
}

.sd-element--collapsed.sd-element--nested-with-borders > .sd-element__header span, .sd-element--collapsed.sd-element--with-frame > .sd-element__header span, .sd-element--expandable.sd-element--nested-with-borders > .sd-element__header span, .sd-element--expandable.sd-element--with-frame > .sd-element__header span {
    font-size: 1rem;
    line-height: 1
}

.sd-element--collapsed.sd-element--nested-with-borders > .sd-element__header .sd-element__title, .sd-element--collapsed.sd-element--with-frame > .sd-element__header .sd-element__title, .sd-element--expandable.sd-element--nested-with-borders > .sd-element__header .sd-element__title, .sd-element--expandable.sd-element--with-frame > .sd-element__header .sd-element__title {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: .5rem;
    justify-content: center;
    margin-inline: auto;
    padding-right: calc(var(--button-taille-svg) + var(--button-gap));
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.sd-element__title-expandable-svg {
    height: var(--button-taille-svg);
    left: 100%;
    margin-left: var(--button-gap);
    position: absolute;
    top: 50%;
    transform: translate3d(0,-50%,0);
    width: var(--button-taille-svg);
    fill: var(--color-button-content);
    left: auto;
    right: 0
}

.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {
    inset-inline-start: unset
}

.sd-element__title-expandable-svg use {
    fill: var(--color-button-content)
}

.sd-element__title--expandable:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23374649' d='M21.5 11.16h-8.65V2.5a.85.85 0 1 0-1.7 0v8.65H2.5c-.47-.01-.85.37-.85.84s.38.85.85.85h8.65v8.66a.85.85 0 1 0 1.7 0v-8.65h8.65c.47 0 .85-.37.85-.84s-.38-.85-.85-.85'/%3E%3C/svg%3E");
    flex-shrink: 0;
    height: 1rem;
    left: auto;
    position: relative;
    top: auto;
    width: 1rem
}

.sd-element__title--expandable.sd-element__title--expanded:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23374649' d='M21 12.85H3a.85.85 0 1 1 0-1.7h18a.85.85 0 1 1 0 1.7'/%3E%3C/svg%3E");
    transform: rotate(0deg)
}

.sd-root-modern.sd-root-modern--mobile .sd-element__title--expandable:before {
    inset-inline-start: inherit
}

.sd-element--expandable.sd-element--complex .sd-element--nested-with-borders {
    border: 0;
    padding: 0
}

.sd-title.sd-element__title.sd-panel__title:not(.sd-element__title--expandable) .sv-string-viewer {
    font-size: 1.25rem;
    font-weight: 700
}

@media print,screen and (min-width: 37.5em) {
    .sd-title.sd-element__title.sd-panel__title:not(.sd-element__title--expandable) .sv-string-viewer {
        font-size: 1.5rem
    }
}

.panel-reset .sd-element--nested-with-borders {
    border: 0;
    padding: 0
}

.offcanvas-btn-link .sjs-offcanvas-btn {
    font-size: 1rem;
    font-weight: 700
}

.sd-element--complex.sd-element--with-frame > .sd-element__header {
    padding-block: 0
}

.sd-element--complex .sd-paneldynamic__footer .sd-paneldynamic__separator, .sd-element--complex .sd-paneldynamic__header, .sd-element--complex .sd-paneldynamic__panel-wrapper--list:before, .sd-element--complex > .sd-element__header:after {
    display: none
}

.sd-element--complex .sd-panel__content {
    padding-top: 1rem
}

.sd-element--complex .sd-panel__header + .sd-panel__content .sd-panel__content:not(.p-20), .sd-element--complex .sd-paneldynamic__panels-container .sd-paneldynamic__panel-wrapper--list:first-child .sd-panel__content {
    padding-top: 0
}

.sd-element--complex .sd-paneldynamic__panel-wrapper--list.sd-paneldynamic__panel-wrapper {
    padding-bottom: 0
}

.sd-element--complex .sd-action.sd-paneldynamic__remove-btn .sv-string-viewer {
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    clip: rect(0,0,0,0)
}

.sd-element--complex .sd-action.sd-paneldynamic__remove-btn {
    align-items: center;
    background-color: var(--color-btn-icon-bg);
    background-image: url(../Icons/Css/bin.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    border: 1px solid var(--color-btn-icon-border);
    border-radius: 624.9375rem;
    display: flex;
    flex-shrink: 0;
    height: 3rem;
    justify-content: center;
    margin-top: 1.9rem;
    padding: 0;
    width: 3rem
}

@media (hover: hover) {
    .sd-element--complex .sd-action.sd-paneldynamic__remove-btn:hover {
        background-color: var(--color-btn-icon-hover-bg)
    }
}

.sd-element--complex .sd-action.sd-paneldynamic__remove-btn:focus-visible {
    background-color: #fff;
    outline-offset: 0
}

.sd-element--complex .sd-action.sd-paneldynamic__remove-btn:focus:active, .sd-element--complex .sd-action.sd-paneldynamic__remove-btn:hover {
    opacity: 1
}

.sd-element--complex .sd-action.sd-paneldynamic__remove-btn:focus {
    background-color: var(--color-btn-icon-hover-bg)
}

.sd-paneldynamic__panels-container .sd-paneldynamic__panel-wrapper--list:first-child .sd-paneldynamic__remove-btn {
    display: none
}

.sd-element--complex .sd-paneldynamic__panel-wrapper--list .sd-element__content {
    align-items: flex-start;
    display: flex;
    gap: .5rem
}

.sd-element--complex .sd-paneldynamic__panel-wrapper--list .sd-action-bar {
    margin-top: 0
}

.sd-element--complex .sd-paneldynamic__panel-wrapper--list .sd-paneldynamic__panel-footer {
    margin-right: 0;
    top: auto
}

    .sd-element--complex .sd-paneldynamic__panel-wrapper--list .sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
        margin-bottom: 0
    }

.sd-element--complex .sd-action.sd-paneldynamic__add-btn {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    color: var(--color-button-content);
    display: inline-block;
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content;
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #374649
}

@media screen and (max-width: 37.4375em) {
    .sd-element--complex .sd-action.sd-paneldynamic__add-btn {
        width: 100%
    }
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:not(.link-cover) {
    position: relative
}

    .sd-element--complex .sd-action.sd-paneldynamic__add-btn:not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:focus, .sd-element--complex .sd-action.sd-paneldynamic__add-btn:hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-element--complex .sd-action.sd-paneldynamic__add-btn:hover:not([disabled]):before {
        width: 100%
    }

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:focus-visible {
    --radius-focus: 6.25rem
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:active:not(.link-cover) {
    transform: scale(.96)
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn[disabled]:hover {
    cursor: not-allowed
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:hover {
    background: var(--color-button-bg-darker);
    color: var(--color-button-content)
}

.sd-element--complex .sd-action.sd-paneldynamic__add-btn:focus:active, .sd-element--complex .sd-action.sd-paneldynamic__add-btn:hover {
    opacity: 1
}

.sd-element--complex .sd-paneldynamic__buttons-container {
    justify-content: flex-end;
    padding-bottom: 0
}

.sd-element--complex.sd-question--empty.sd-question--paneldynamic .sd-question__content {
    padding-bottom: 0
}

.sd-element--complex.sd-question--empty.sd-question--paneldynamic .sd-question__placeholder {
    color: var(--color-body);
    display: flex;
    flex-direction: row;
    font-family: Nunito,Arial,sans-serif;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    gap: .5rem;
    justify-content: space-between;
    min-height: auto;
    text-align: left
}

.radio-label .sd-radio + .sd-radio {
    margin-top: 1rem
}

.radio-label p + p {
    margin-top: .5rem
}

.radio-label p {
    -webkit-hyphens: none;
    hyphens: none
}

.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after, .sd-radio--checked .sd-radio__decorator:after {
    background-color: var(--color-form-radio-bg);
    border-radius: 624.9375rem;
    content: "";
    display: block;
    height: .375rem;
    width: .375rem
}

.sd-radio .sd-item__control:focus + .sd-item__decorator {
    border-color: var(--color-form-radio-checked);
    box-shadow: 0 0 0 .625rem var(--color-form-radio-hover-shadow)
}

.sd-input.sd-dropdown:focus-within {
    box-shadow: none;
    outline: .125rem solid var(--color-body-highlight);
    outline-offset: -.125rem
}

.sd-input.sd-dropdown .sd-dropdown__value {
    align-items: center;
    color: var(--color-input-text);
    display: flex
}

.sd-input.sd-dropdown input {
    background-color: transparent;
    border: 0;
    min-height: 100%;
    outline: none;
    padding: 0
}

.sd-input.sd-dropdown .sd-dropdown_clean-button {
    display: none
}

.sd-input.sd-dropdown input::-moz-placeholder {
    color: var(--color-input-placeholder)
}

.sd-input.sd-dropdown input::placeholder {
    color: var(--color-input-placeholder)
}

.sv-dropdown_select-wrapper .sv-list__item.sv-list__item--selected .sv-list__item-body {
    background-color: transparent;
    color: inherit;
    font-weight: inherit
}

.sv-dropdown_select-wrapper .sv-list__item:not(.sv-list__item--disabled).sv-list__item--focused .sv-list__item-body, .sv-dropdown_select-wrapper .sv-list__item:not(.sv-list__item--disabled):focus .sv-list__item-body, .sv-dropdown_select-wrapper .sv-list__item:not(.sv-list__item--disabled):hover .sv-list__item-body {
    background-color: var(--color-select-selected-bg);
    border-radius: 0;
    color: var(--color-select-selected-text)
}

.sv-dropdown_select-wrapper .sv-list__item.sv-list__item--focused .sv-list__item-body {
    border: 0
}

.sd-input.sd-dropdown[aria-expanded=true] {
    border-color: var(--color-input-hover-border)
}

.sv-popup--dropdown .sv-popup__container {
    background-color: transparent
}

    .sv-popup--dropdown .sv-popup__container .sv-popup__shadow {
        border-color: var(--color-input-hover-border);
        border-radius: .75rem;
        border-style: solid;
        border-width: 1px;
        box-shadow: none
    }

    .sv-popup--dropdown .sv-popup__container .sv-popup__body-content {
        border-radius: .75rem;
        overflow: hidden;
        padding: 0
    }

    .sv-popup--dropdown .sv-popup__container .sd-list {
        padding: 0
    }

.sv-dropdown_select-wrapper .sv-list__item--hovered.sv-list__item--disabled > .sv-list__item-body {
    background-color: var(--color-disabled-bg);
    cursor: not-allowed
}

.sv-list__item.sv-list__item--disabled .sv-list__item-body {
    color: var(--color-disabled-text)
}

.sd-html, .sd-html div, .sd-title {
    --sjs-font-pagetitle-color: var(--color-body);
    --sjs-font-questiontitle-color: var(--color-body);
    --sjs-general-forecolor: var(--color-body);
    --sjs-general-dim-forecolor: var(--color-body);
    --foreground: var(--color-body);
    --sjs-font-family: Nunito,Arial,sans-serif;
    --font-family: Nunito,Arial,sans-serif;
    --sjs-default-font-family: Nunito,Arial,sans-serif;
    --sjs-article-font-default-lineHeight: 1.4
}

    .sd-html a {
        color: inherit
    }

    .sd-html p, .sd-html span {
        font-size: inherit;
        font-weight: inherit
    }

        .sd-html span.link:hover {
            text-decoration: inherit
        }

    .sd-html .text--clair, .sd-html .text--clair p {
        color: var(--color-body-light)
    }

    .sd-html .text-subtitle {
        font-size: .875rem;
        font-weight: 700;
        text-transform: uppercase
    }

@media print,screen and (min-width: 37.5em) {
    .sd-html .text-subtitle {
        font-size: 1rem
    }
}

.sd-html .text-utility {
    font-size: .875rem
}

.sd-html .text-headline-m, .sd-html .text-headline-s {
    font-weight: 700;
    line-height: 1.3
}

.sd-html .text-headline-s {
    font-size: 1.125rem
}

.sd-html .text-headline-m {
    font-size: 1.25rem
}

@media print,screen and (min-width: 37.5em) {
    .sd-html .text-headline-m {
        font-size: 1.5rem
    }
}

.sd-html .text-chapo {
    font-size: 1.25rem;
    line-height: 1.5
}

.sd-html .text-legal p, .sd-html p.text-legal {
    font-size: .75rem
}

.sd-html .text--exergue {
    --sjs-font-questiontitle-color: var(--color-body-highlight)
}

.sd-html .text--alerte {
    --sjs-font-questiontitle-color: var(--color-body-critical)
}

.sd-html .callout {
    font-size: inherit
}

.sd-html .btn-nav-nivo1 {
    --sjs-primary-backcolor: var(--color-nav1-text);
    color: var(--color-nav1-text)
}

.sd-html .font-700 {
    font-family: Nunito,Arial,sans-serif;
    font-style: normal;
    font-weight: 700
}

.sd-row.sd-clearfix.sd-page__row.sd-row--multiple {
    padding: 2rem 2rem 2rem 1rem
}

.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
    margin-top: 1rem
}

@media print,screen and (min-width: 37.5em) {
    .sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
        margin-top: 1.5rem
    }
}

.sd-panel.sd-element--nested > .sd-panel__content {
    padding-bottom: 0
}

    .sd-panel.sd-element--nested > .sd-panel__content.p-20 {
        padding-bottom: 1.25rem
    }

    .sd-panel.sd-element--nested > .sd-panel__content.pb-16 {
        padding-bottom: 1rem
    }

.sd-html button {
    align-items: unset;
    background: unset;
    border: unset;
    border-radius: unset;
    box-shadow: unset;
    color: unset;
    display: unset;
    font-family: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
    padding: unset;
    text-align: unset;
    transition: unset;
    vertical-align: unset
}

.sd-html .offcanvas .btn-icon {
    align-items: center;
    display: flex
}

.sd-html button.link {
    font-weight: 700
}

.sd-html button:hover {
    background: unset
}

.sd-html button:focus {
    box-shadow: unset
}

.sd-html button:has(>.link) {
    background: none;
    border-radius: unset;
    box-shadow: unset;
    color: unset;
    display: unset;
    font-weight: unset;
    padding: unset;
    transition: unset
}

.sd-html .button.var--primary, .sd-html .button.var--secondary, .sd-html .button.var--tertiary {
    --button-padding: 0.9375rem 1.5rem;
    --button-size: 1rem;
    --button-padding-inline: 1.5rem;
    background: var(--color-button-bg);
    border: 1px solid var(--color-button-border);
    border-radius: 6.25rem;
    box-shadow: none !important;
    color: var(--color-button-content);
    display: inline-block;
    font-family: inherit;
    font-size: var(--button-size);
    font-weight: 700;
    line-height: 1;
    overflow: hidden;
    padding: var(--button-padding);
    text-align: center;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (max-width: 37.4375em) {
    .sd-html .button.var--primary, .sd-html .button.var--secondary, .sd-html .button.var--tertiary {
        width: 100%
    }
}

.sd-html .button.var--primary:not(.link-cover), .sd-html .button.var--secondary:not(.link-cover), .sd-html .button.var--tertiary:not(.link-cover) {
    position: relative
}

    .sd-html .button.var--primary:not(.link-cover):before, .sd-html .button.var--secondary:not(.link-cover):before, .sd-html .button.var--tertiary:not(.link-cover):before {
        aspect-ratio: 1/1;
        background: radial-gradient(rgba(55,70,73,.16),rgba(55,70,73,0));
        border-radius: 100px;
        content: "";
        height: auto;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate3d(-50%,-50%,0);
        transition: all .2s ease-in-out;
        width: 0
    }

.sd-html .button.var--primary:focus, .sd-html .button.var--primary:hover:not([disabled]), .sd-html .button.var--secondary:focus, .sd-html .button.var--secondary:hover:not([disabled]), .sd-html .button.var--tertiary:focus, .sd-html .button.var--tertiary:hover:not([disabled]) {
    color: var(--color-button-content)
}

    .sd-html .button.var--primary:hover:not([disabled]):before, .sd-html .button.var--secondary:hover:not([disabled]):before, .sd-html .button.var--tertiary:hover:not([disabled]):before {
        width: 100%
    }

.sd-html .button.var--primary:hover.link-cover, .sd-html .button.var--secondary:hover.link-cover, .sd-html .button.var--tertiary:hover.link-cover {
    background: var(--color-button-bg-darker,var(--color-button-bg))
}

.sd-html .button.var--primary:focus-visible, .sd-html .button.var--secondary:focus-visible, .sd-html .button.var--tertiary:focus-visible {
    --radius-focus: 6.25rem
}

.sd-html .button.var--primary:active:not(.link-cover), .sd-html .button.var--secondary:active:not(.link-cover), .sd-html .button.var--tertiary:active:not(.link-cover) {
    transform: scale(.96)
}

.sd-html .button.var--primary[disabled]:hover, .sd-html .button.var--secondary[disabled]:hover, .sd-html .button.var--tertiary[disabled]:hover {
    cursor: not-allowed
}

.sd-html .button.var--primary {
    --color-button-border: transparent;
    --color-button-bg: linear-gradient(118deg,#f62000,#cb000e);
    --color-button-bg-darker: #c90000;
    --color-button-content: #fff
}

    .sd-html .button.var--primary[type=button]:hover:not([disabled]) {
        background: #cb000e
    }

.sd-html .button.var--secondary {
    --color-button-border: #e20000;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #e20000
}

    .sd-html .button.var--secondary[type=button]:hover:not([disabled]) {
        background: #e2eaed
    }

.sd-html .button.var--tertiary {
    --color-button-border: #b7cbd3;
    --color-button-bg: #fff;
    --color-button-bg-darker: #f2f2f2;
    --color-button-content: #374649
}

    .sd-html .button.var--primary.largeur-total, .sd-html .button.var--secondary.largeur-total, .sd-html .button.var--tertiary.largeur-total {
        width: 100%
    }

.sd-html .button.btn-icon {
    padding: 0
}

    .sd-html .button.btn-icon.var--ghost {
        background-color: var(--color-btn-icon-ghost-bg);
        box-shadow: none !important
    }

.sd-html .rounded-circle {
    border-radius: 624.9375rem
}

.sd-html button span.show-for-expanded-false, .sd-html button span.show-for-expanded-true {
    display: none
}

.sd-html button[aria-expanded=false] span.show-for-expanded-false, .sd-html button[aria-expanded=true] span.show-for-expanded-true {
    display: block
}

.sd-html button.flex-container {
    display: flex
}

.sd-html button.align-middle {
    align-items: center
}

.sd-html button.align-center {
    justify-content: center
}

.main-grid--form {
    --padding-top-formulaire-survey: 0;
    --padding-bottom-formulaire-survey: 1.5rem;
    padding-block: var(--padding-top-formulaire-survey) var(--padding-bottom-formulaire-survey)
}

@media print,screen and (min-width: 37.5em) {
    .main-grid--form {
        --padding-bottom-formulaire-survey: 2rem
    }
}

@media print,screen and (min-width: 60em) {
    .main-grid--form {
        --padding-top-formulaire-survey: 2.5rem;
        --padding-bottom-formulaire-survey: 2.5rem
    }
}

.main-grid--form.var--survey-event {
    --padding-top-formulaire-survey: var(--padding-bottom-formulaire-survey)
}

.sv-components-row {
    align-content: flex-start;
    display: grid;
    grid-template-columns: minmax(var(--marge),1fr) repeat(var(--count-gutter),var(--size-col) var(--size-gutter)) var(--size-col) minmax(var(--marge),1fr)
}

    .sv-components-row > .sv-components-column--expandable, .sv-components-row > .sv-components-container-left, .sv-components-row > .sv-components-container-right {
        width: 100%
    }

.sv-components-column--expandable, .sv-components-container-left, .sv-components-container-right {
    grid-column: 2/-2
}

@media print,screen and (min-width: 37.5em) {
    .sv-components-column--expandable, .sv-components-container-left, .sv-components-container-right {
        grid-column: 4/-4
    }
}

.main-grid__form__left__metadata, .main-grid__s-full.var--offcanvas .main-grid__form__left__metadata__description:not(:empty) {
    margin-bottom: 1rem
}

@media print,screen and (min-width: 60em) {
    .main-grid__form__left__metadata, .main-grid__s-full.var--offcanvas .main-grid__form__left__metadata__description:not(:empty) {
        margin-bottom: 1.5rem
    }
}

.main-grid--form.var--nestedStepperMode .main-grid__form__left__required, .main-grid--form.var--stepperMode .main-grid__form__left__required {
    grid-column: 2/-2
}

@media print,screen and (min-width: 37.5em) {
    .main-grid--form.var--nestedStepperMode .main-grid__form__left__required, .main-grid--form.var--stepperMode .main-grid__form__left__required {
        grid-column: 4/-4
    }
}

@media screen and (max-width: 59.9375em) {
    .main-grid--form.var--nestedStepperMode .sv-components-row, .main-grid--form.var--stepperMode .sv-components-row {
        grid-template-rows: var(--form-left-height,auto) 1fr
    }

    .main-grid--form.var--nestedStepperMode .main-grid__form__left__cart, .main-grid--form.var--nestedStepperMode .main-grid__form__left__stepper, .main-grid--form.var--nestedStepperMode .sv-components-container-left, .main-grid--form.var--stepperMode .main-grid__form__left__cart, .main-grid--form.var--stepperMode .main-grid__form__left__stepper, .main-grid--form.var--stepperMode .sv-components-container-left {
        grid-column: 1/-1
    }

    .main-grid--form.var--nestedStepperMode .sv-components-container-left, .main-grid--form.var--stepperMode .sv-components-container-left {
        align-content: flex-start;
        display: grid;
        grid-row: 1/3;
        grid-template-columns: minmax(var(--marge),1fr) repeat(var(--count-gutter),var(--size-col) var(--size-gutter)) var(--size-col) minmax(var(--marge),1fr)
    }

    .main-grid--form.var--nestedStepperMode .sv-components-container-right, .main-grid--form.var--stepperMode .sv-components-container-right {
        display: none
    }

    .main-grid--form.var--nestedStepperMode .sv-components-column--expandable, .main-grid--form.var--stepperMode .sv-components-column--expandable {
        grid-row: 2/3
    }

    .main-grid--form.var--nestedStepperMode .main-grid__form__left__stepper, .main-grid--form.var--stepperMode .main-grid__form__left__stepper {
        position: sticky;
        top: var(--header-sticky-height,0);
        z-index: 2
    }

    .main-grid--form.var--nestedStepperMode .main-grid__form__left__cart, .main-grid--form.var--stepperMode .main-grid__form__left__cart {
        border-bottom: .0625rem solid var(--color_border-tertiary);
        border-radius: 0;
        position: sticky;
        top: calc(var(--header-sticky-height, 0px) + var(--form-left-stepper-height, 0px));
        z-index: 2
    }

        .main-grid--form.var--nestedStepperMode .main-grid__form__left__cart:has([data-bs-toggle][aria-expanded=true]) + .main-grid__form__left__required, .main-grid--form.var--stepperMode .main-grid__form__left__cart:has([data-bs-toggle][aria-expanded=true]) + .main-grid__form__left__required {
            display: none
        }
}

@media print,screen and (min-width: 60em) {
    .main-grid--form.var--nestedStepperMode .sv-components-row, .main-grid--form.var--stepperMode .sv-components-row {
        grid-template-rows: var(--form-left-height,auto) 1fr
    }

    .main-grid--form.var--nestedStepperMode .sv-components-container-left, .main-grid--form.var--stepperMode .sv-components-container-left {
        grid-column: 2/9;
        grid-row: 1/2;
        position: sticky;
        top: calc(var(--padding-top-formulaire-survey) + var(--header-sticky-height, 0px));
        z-index: 2
    }

    .main-grid--form.var--nestedStepperMode .sv-components-container-right, .main-grid--form.var--stepperMode .sv-components-container-right {
        grid-column: 9/12;
        grid-row: 1/3
    }

    .main-grid--form.var--nestedStepperMode .sv-components-column--expandable, .main-grid--form.var--stepperMode .sv-components-column--expandable {
        grid-column: 12/25;
        grid-row: 1/3
    }
}

@media screen and (max-width: 59.9375em) {
    .main-grid--form.var--nestedStepperMode .main-grid__form__left__metadata, .main-grid--form.var--stepperMode .main-grid__form__left__metadata {
        display: none
    }
}

.main-grid--form.var--nestedStepperMode .main-grid__form__left__required, .main-grid--form.var--stepperMode .main-grid__form__left__required {
    margin-top: 1rem
}

@media print,screen and (min-width: 60em) {
    .main-grid--form.var--simpleMode .sv-components-column--expandable, .main-grid--form.var--simpleMode .sv-components-container-left {
        grid-column: 6/-6
    }
}

.main-grid--form.var--show-required .main-grid--form__optional, .main-grid--form:not(.var--show-required) .sd-question__required-text {
    display: none
}

.tabs-content .sd-element--nested-with-borders {
    border: 0;
    padding: 0
}

.tabs-4 + .tabs-content .sd-element--nested-with-borders {
    padding: 1.25rem
}

    .tabs-4 + .tabs-content .sd-element--nested-with-borders .sd-panel__content {
        padding: 0
    }

.sd-page .sd-page__title, .sd-title {
    color: #374649;
    font-family: Nunito,Arial,sans-serif;
    font-style: normal;
    font-weight: 400
}

.hide-page-title .sd-page__title {
    display: none
}

    .hide-page-title .sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact) {
        margin-top: 0
    }

.sd-title.sd-container-modern__title {
    box-shadow: none
}

.sd-title:not(.sd-question__title) {
    font-size: 1.25rem;
    font-weight: 700;
    width: 100%
}

@media print,screen and (min-width: 37.5em) {
    .sd-title:not(.sd-question__title) {
        font-size: 1.5rem
    }
}

.sd-title .sv-title-actions {
    width: auto
}

.sd-element__title .sv-string-viewer {
    font-family: Nunito,Arial,sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700
}

.sd-element__title .text-utility {
    font-size: .875rem
}

.sd-question__header:has(+.sd-element__content .title-is-text-headline-m) .sd-element__title .text-utility {
    display: block
}

.sd-question__header:has(+.sd-element__content .title-is-text-headline-m) .sd-element__title .sv-string-viewer {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.3
}

@media print,screen and (min-width: 37.5em) {
    .sd-question__header:has(+.sd-element__content .title-is-text-headline-m) .sd-element__title .sv-string-viewer {
        font-size: 1.5rem
    }
}

.sd-question__header:has(+.sd-element__content .title-is-text-headline-m) {
    margin-bottom: 1.5rem
}

.sd-description {
    color: var(--color-body);
    font-family: Nunito,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    width: 100%
}

.sd-question__header {
    margin-bottom: .5rem;
    padding: 0
}

.sd-question__description {
    color: var(--color-body);
    font-size: .875rem;
    margin-bottom: .5rem;
    text-align: left
}

.sd-description.sd-question__description--under-input {
    margin-bottom: 0;
    padding-top: .5rem
}

.sd-question__required-text {
    color: var(--color-body-light)
}

.sd-root-modern:not(.svc-tab-designer) .sd-container-modern__title {
    background-color: transparent
}

.sd-element__title {
    color: #374649;
    font-weight: 700
}

    .sd-element__title span {
        line-height: 1.4
    }

    .sd-element__title .sd-question__required-text {
        font-size: .875rem
    }

.sd-header__text h3 {
    color: #374649
}

.sd-title-align-center .sv-title-actions, .sd-title-align-left .sv-title-actions, .sd-title-align-right .sv-title-actions {
    display: inline-block
}

.sd-title-align-center .sd-action-bar--empty, .sd-title-align-left .sd-action-bar--empty, .sd-title-align-right .sd-action-bar--empty {
    display: contents
}

.sd-title-align-left {
    text-align: left
}

.sd-title-align-right {
    text-align: right
}

.sd-title-align-center {
    text-align: center
}

.sd-element--with-frame .sd-title.sd-element__title.sd-element__title--disabled {
    opacity: inherit
}