/*!
 * DSFR v1.11.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

.fr-label {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    color: #161616;
}

.fr-label + .fr-input,
.fr-label + .fr-input-wrap,
.fr-label + .fr-select {
    margin-top: 0.5rem;
}

.fr-hint-text {
    display: block;
    font-size: 0.75rem;
    line-height: 1.25rem;

    --text-spacing: 0 0 1rem;
}

.fr-hint-text + .fr-hint-text {
    margin-top: 0.25rem;
}

.fr-fieldset {
    position: relative;
    margin: 0 -0.75rem 1rem;
    padding: 0 0.25rem;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    border: 0;
}

.fr-fieldset__legend {
    padding-bottom: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-weight: 700;
    width: 100%;
    color: var(--text-label-grey);
}

.fr-fieldset__legend--regular {
    font-weight: 400;
}

.fr-fieldset__legend .fr-hint-text {
    margin-top: 0.5rem;
    font-weight: 400;
}

.fr-fieldset--valid,
.fr-fieldset--error,
.fr-fieldset--info {
    background-repeat: no-repeat;
    background-position: 0 -2.25rem;
    background-size: 2px calc(100% + 1.25rem);
}

.fr-fieldset--valid .fr-fieldset__legend,
.fr-fieldset--error .fr-fieldset__legend,
.fr-fieldset--info .fr-fieldset__legend {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 2px 100%;
}

.fr-fieldset__element {
    flex: 1 1 100%;
    max-width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 2rem;
}

.fr-fieldset__element--inline {
    flex: 0 0 auto;
}

.fr-fieldset__element--inline-grow,
.fr-fieldset__element--inline\@md.fr-fieldset__element--inline-grow {
    flex-grow: 1;
}

.fr-fieldset__element--year {
    flex: 0 0 8rem;
}

.fr-fieldset__element--year:not(.fr-fieldset__element--inline) {
    margin-right: calc(100% - 8rem);
}

.fr-fieldset__element--postal {
    flex: 0 0 16rem;
}

.fr-fieldset__element--postal:not(.fr-fieldset__element--inline) {
    margin-right: calc(100% - 16rem);
}

.fr-fieldset__element--number {
    flex: 0 0 6rem;
}

.fr-fieldset__element--number:not(.fr-fieldset__element--inline) {
    margin-right: calc(100% - 6rem);
}

.fr-fieldset__legend > h1:last-child::after,
.fr-fieldset__legend > h2:last-child::after,
.fr-fieldset__legend > h3:last-child::after,
.fr-fieldset__legend > h4:last-child::after,
.fr-fieldset__legend > h5:last-child::after,
.fr-fieldset__legend > h6:last-child::after,
.fr-fieldset__legend > p:last-child::after,
.fr-fieldset__legend > .fr-fieldset:last-child::after,
.fr-fieldset__element > h1:last-child::after,
.fr-fieldset__element > h2:last-child::after,
.fr-fieldset__element > h3:last-child::after,
.fr-fieldset__element > h4:last-child::after,
.fr-fieldset__element > h5:last-child::after,
.fr-fieldset__element > h6:last-child::after,
.fr-fieldset__element > p:last-child::after,
.fr-fieldset__element > .fr-fieldset:last-child::after {
    content: "";
    display: block;
    margin-bottom: -1rem;
}

.fr-fieldset > .fr-messages-group {
    flex: 1 1 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.fr-fieldset > .fr-messages-group > .fr-message:last-child {
    margin-bottom: 1rem;
}

.fr-message {
    --comma: ", ";
    --content: var(--comma);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin: 0 0 0.25rem 0;
}

.fr-message::after {
    content: var(--content);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap; /* added line */
    border: 0;
    display: block;
}

.fr-message:last-child {
    --comma: ". ";
    margin-bottom: 0;
}

.fr-message--error::before,
.fr-message--valid::before,
.fr-message--info::before {
    flex: 0 0 auto;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --icon-size: 1rem;
    content: "";
    display: inline-block;
    margin-right: 0.25rem;
    margin-top: 0.125rem;
}

.fr-message--error::before {
    -webkit-mask-image: url("../../icons/system/fr--error-fill.svg");
    mask-image: url("../../icons/system/fr--error-fill.svg");
}

.fr-message--valid::before {
    -webkit-mask-image: url("../../icons/system/fr--success-fill.svg");
    mask-image: url("../../icons/system/fr--success-fill.svg");
}

.fr-message--info::before {
    -webkit-mask-image: url("../../icons/system/fr--info-fill.svg");
    mask-image: url("../../icons/system/fr--info-fill.svg");
}

.fr-select-group--valid label,
.fr-input-group--valid label,
.fr-range-group--valid label,
.fr-upload-group--valid label {
    color: var(--text-default-success);
}

.fr-select-group--error label,
.fr-input-group--error label,
.fr-range-group--error label,
.fr-upload-group--error label {
    color: var(--text-default-error);
}

.fr-select-group--info label,
.fr-input-group--info label,
.fr-range-group--info label,
.fr-upload-group--info label {
    color: var(--text-default-info);
}

.fr-select-group--disabled label,
.fr-select-group--disabled .fr-hint-text,
.fr-input-group--disabled label,
.fr-input-group--disabled .fr-hint-text,
.fr-range-group--disabled label,
.fr-range-group--disabled .fr-hint-text,
.fr-upload-group--disabled label,
.fr-upload-group--disabled .fr-hint-text {
    color: var(--text-disabled-grey);
}

.fr-label--error {
    color: var(--text-default-error);
}

.fr-label--success {
    color: var(--text-default-success);
}

.fr-label--info {
    color: var(--text-default-info);
}

.fr-label--disabled,
.fr-label--disabled .fr-hint-text {
    color: var(--text-disabled-grey);
}

.fr-hint-text,
.fr-message {
    color: var(--text-mention-grey);
}

.fr-message--error {
    color: var(--text-default-error);
}

.fr-message--valid {
    color: var(--text-default-success);
}

.fr-message--info {
    color: var(--text-default-info);
}

.fr-fieldset:disabled .fr-label,
.fr-fieldset:disabled .fr-hint-text,
.fr-fieldset:disabled .fr-fieldset__legend {
    color: var(--text-disabled-grey);
}

.fr-fieldset input:disabled + label,
.fr-fieldset input:disabled + label .fr-hint-text,
.fr-fieldset input:disabled + label + .fr-hint-text {
    color: var(--text-disabled-grey);
}

.fr-fieldset--error,
.fr-fieldset--error .fr-fieldset__legend {
    background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.fr-fieldset--error .fr-fieldset__legend,
.fr-fieldset--error .fr-label {
    color: var(--text-default-error);
}

.fr-fieldset--valid,
.fr-fieldset--valid .fr-fieldset__legend {
    background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.fr-fieldset--valid .fr-fieldset__legend,
.fr-fieldset--valid .fr-label {
    color: var(--text-default-success);
}

.fr-fieldset--info,
.fr-fieldset--info .fr-fieldset__legend {
    background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

.fr-fieldset--info .fr-fieldset__legend,
.fr-fieldset--info .fr-label {
    color: var(--text-default-info);
}

.fr-select-group:not(:last-child),
.fr-input-group:not(:last-child) {
    margin-bottom: 1.5rem;
}

.fr-select-group .fr-label .fr-hint-text,
.fr-input-group .fr-label .fr-hint-text {
    margin-top: 0.25rem;
}

.fr-fieldset--inline .fr-fieldset__content {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -0.75rem 0.5rem 0 0.5rem;
}

.fr-checkbox-group {
    display: flex;
}

.fr-fieldset--inline .fr-checkbox-group {
    display: inline-flex;
    margin-bottom: 0;
}

.fr-fieldset--inline .fr-checkbox-group:first-child {
    margin-top: 0;
}

.fr-fieldset--inline .fr-checkbox-group:not(:last-child) {
    margin-right: 1.25rem;
}

.fr-fieldset--inline .fr-checkbox-group:last-child {
    margin-bottom: 0;
}

.fr-fieldset--inline .fr-radio-group {
    display: inline-flex;
}

.fr-fieldset--inline .fr-radio-group:not(:last-child) {
    margin-right: 1.75rem;
}

.fr-fieldset--inline .fr-radio-group:first-child {
    margin-top: 0;
}

.fr-fieldset--inline .fr-radio-group:last-child {
    margin-bottom: 0;
}

.fr-fieldset__content {
    position: relative;
    margin: 0 0.5rem;
    width: 100%;
}

.fr-fieldset__content .fr-radio-group:first-child,
.fr-fieldset__content .fr-checkbox-group:first-child {
    margin-top: -0.75rem;
}

.fr-fieldset__content .fr-radio-group label,
.fr-fieldset__content .fr-checkbox-group label {
    padding: 0.75rem 0;
}

.fr-fieldset__content .fr-radio-group:not(.fr-radio-rich) input[type=radio] + label::before,
.fr-fieldset__content .fr-checkbox-group input[type=checkbox] + label::before {
    top: 0.75rem;
}

.fr-fieldset__content + .fr-error-text,
.fr-fieldset__content + .fr-valid-text,
.fr-fieldset__content + .fr-info-text {
    margin-top: 0;
    margin-left: 0.5rem;
    margin-bottom: 1rem;
}

.fr-error-text,
.fr-valid-text,
.fr-info-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-top: 1rem;
    margin-bottom: 0;
}

.fr-error-text::before,
.fr-valid-text::before,
.fr-info-text::before {
    flex: 0 0 auto;
    vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
    background-color: currentColor;
    width: var(--icon-size);
    height: var(--icon-size);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --icon-size: 1rem;
    content: "";
    display: inline-block;
    margin-right: 0.25rem;
}

.fr-error-text + .fr-error-text,
.fr-error-text + .fr-valid-text,
.fr-error-text + .fr-info-text,
.fr-valid-text + .fr-error-text,
.fr-valid-text + .fr-valid-text,
.fr-valid-text + .fr-info-text,
.fr-info-text + .fr-error-text,
.fr-info-text + .fr-valid-text,
.fr-info-text + .fr-info-text {
    margin-top: 0.25rem;
}

.fr-error-text::before {
    -webkit-mask-image: url("../../icons/system/fr--error-fill.svg");
    mask-image: url("../../icons/system/fr--error-fill.svg");
}

.fr-valid-text::before {
    -webkit-mask-image: url("../../icons/system/fr--success-fill.svg");
    mask-image: url("../../icons/system/fr--success-fill.svg");
}

.fr-info-text::before {
    -webkit-mask-image: url("../../icons/system/fr--info-fill.svg");
    mask-image: url("../../icons/system/fr--info-fill.svg");
}

.fr-error-text {
    color: var(--text-default-error);
}

.fr-valid-text {
    color: var(--text-default-success);
}

.fr-info-text {
    color: var(--text-default-info);
}

.fr-fieldset--valid .fr-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 var(--border-plain-success);
}

.fr-fieldset--error .fr-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 var(--border-plain-error);
}

.fr-fieldset--info .fr-fieldset__content::before {
    box-shadow: inset 2px 0 0 0 var(--border-plain-info);
}

@media (min-width: 36em) {
    /*! media sm */
    /*! media sm */
}

@media (min-width: 48em) {
    /*! media md */
    .fr-fieldset__element--inline\@md {
        flex: 0 0 auto;
    }

    /*! media md */
}

@media (min-width: 62em) {
    /*! media lg */
    /*! media lg */
}

@media (min-width: 78em) {
    /*! media xl */
    /*! media xl */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fr-fieldset__legend {
        max-width: 100%;
        color: #161616;
    }

    .fr-message--error::before,
    .fr-message--error::after {
        background-color: transparent;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../../icons/system/fr--error-fill.svg");
        width: 1rem;
        height: 1rem;
    }

    .fr-message--valid::before,
    .fr-message--valid::after {
        background-color: transparent;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../../icons/system/fr--success-fill.svg");
        width: 1rem;
        height: 1rem;
    }

    .fr-message--info::before,
    .fr-message--info::after {
        background-color: transparent;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../../icons/system/fr--info-fill.svg");
        width: 1rem;
        height: 1rem;
    }

    .fr-select-group--valid label,
    .fr-input-group--valid label,
    .fr-range-group--valid label,
    .fr-upload-group--valid label {
        color: #18753c;
    }

    .fr-select-group--error label,
    .fr-input-group--error label,
    .fr-range-group--error label,
    .fr-upload-group--error label {
        color: #ce0500;
    }

    .fr-select-group--info label,
    .fr-input-group--info label,
    .fr-range-group--info label,
    .fr-upload-group--info label {
        color: #0063cb;
    }

    .fr-select-group--disabled label,
    .fr-select-group--disabled .fr-hint-text,
    .fr-input-group--disabled label,
    .fr-input-group--disabled .fr-hint-text,
    .fr-range-group--disabled label,
    .fr-range-group--disabled .fr-hint-text,
    .fr-upload-group--disabled label,
    .fr-upload-group--disabled .fr-hint-text {
        color: #929292;
    }

    .fr-label {
        color: #161616;
    }

    .fr-label--error {
        color: #ce0500;
    }

    .fr-label--success {
        color: #18753c;
    }

    .fr-label--info {
        color: #0063cb;
    }

    .fr-label--disabled,
    .fr-label--disabled .fr-hint-text {
        color: #929292;
    }

    .fr-hint-text,
    .fr-message {
        color: #666;
    }

    .fr-message--error {
        color: #ce0500;
    }

    .fr-message--valid {
        color: #18753c;
    }

    .fr-message--info {
        color: #0063cb;
    }

    .fr-fieldset:disabled .fr-label,
    .fr-fieldset:disabled .fr-hint-text,
    .fr-fieldset:disabled .fr-fieldset__legend {
        color: #929292;
    }

    .fr-fieldset input:disabled + label,
    .fr-fieldset input:disabled + label .fr-hint-text,
    .fr-fieldset input:disabled + label + .fr-hint-text {
        color: #929292;
    }

    .fr-fieldset--error,
    .fr-fieldset--error .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-fieldset--error .fr-fieldset__legend,
    .fr-fieldset--error .fr-label {
        color: #ce0500;
    }

    .fr-fieldset--valid,
    .fr-fieldset--valid .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-fieldset--valid .fr-fieldset__legend,
    .fr-fieldset--valid .fr-label {
        color: #18753c;
    }

    .fr-fieldset--info,
    .fr-fieldset--info .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }

    .fr-fieldset--info .fr-fieldset__legend,
    .fr-fieldset--info .fr-label {
        color: #0063cb;
    }

    .fr-error-text::before,
    .fr-error-text::after {
        background-color: transparent;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../../icons/system/fr--error-fill.svg");
        width: 1rem;
        height: 1rem;
    }

    .fr-valid-text::before,
    .fr-valid-text::after {
        background-color: transparent;
        background-size: 100%;
        background-repeat: no-repeat;
        background-image: url("../../icons/system/fr--success-fill.svg");
        width: 1rem;
        height: 1rem;
    }

    .fr-error-text {
        color: #ce0500;
    }

    .fr-valid-text {
        color: #18753c;
    }

    .fr-info-text {
        color: #0063cb;
    }

    .fr-fieldset--valid .fr-fieldset__content::before {
        box-shadow: inset 2px 0 0 0 #18753c;
    }

    .fr-fieldset--error .fr-fieldset__content::before {
        box-shadow: inset 2px 0 0 0 #ce0500;
    }

    .fr-fieldset--info .fr-fieldset__content::before {
        box-shadow: inset 2px 0 0 0 #0063cb;
    }
}

@media print {
    .fr-select-group--valid label,
    .fr-input-group--valid label,
    .fr-range-group--valid label,
    .fr-upload-group--valid label {
        color: #18753c;
    }

    .fr-select-group--error label,
    .fr-input-group--error label,
    .fr-range-group--error label,
    .fr-upload-group--error label {
        color: #ce0500;
    }

    .fr-select-group--info label,
    .fr-input-group--info label,
    .fr-range-group--info label,
    .fr-upload-group--info label {
        color: #0063cb;
    }

    .fr-select-group--disabled label,
    .fr-select-group--disabled .fr-hint-text,
    .fr-input-group--disabled label,
    .fr-input-group--disabled .fr-hint-text,
    .fr-range-group--disabled label,
    .fr-range-group--disabled .fr-hint-text,
    .fr-upload-group--disabled label,
    .fr-upload-group--disabled .fr-hint-text {
        color: #929292;
    }

    .fr-label {
        color: #161616;
    }

    .fr-label--error {
        color: #ce0500;
    }

    .fr-label--success {
        color: #18753c;
    }

    .fr-label--info {
        color: #0063cb;
    }

    .fr-label--disabled,
    .fr-label--disabled .fr-hint-text {
        color: #929292;
    }

    .fr-hint-text,
    .fr-message {
        color: #666;
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .fr-message--error {
        color: #ce0500;
    }

    .fr-message--valid {
        color: #18753c;
    }

    .fr-message--info {
        color: #0063cb;
    }

    .fr-fieldset:disabled .fr-label,
    .fr-fieldset:disabled .fr-hint-text,
    .fr-fieldset:disabled .fr-fieldset__legend {
        color: #929292;
    }

    .fr-fieldset input:disabled + label,
    .fr-fieldset input:disabled + label .fr-hint-text,
    .fr-fieldset input:disabled + label + .fr-hint-text {
        color: #929292;
    }

    .fr-fieldset__legend {
        color: #161616;
    }

    .fr-fieldset--error,
    .fr-fieldset--error .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-fieldset--error .fr-fieldset__legend,
    .fr-fieldset--error .fr-label {
        color: #ce0500;
    }

    .fr-fieldset--valid,
    .fr-fieldset--valid .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-fieldset--valid .fr-fieldset__legend,
    .fr-fieldset--valid .fr-label {
        color: #18753c;
    }

    .fr-fieldset--info,
    .fr-fieldset--info .fr-fieldset__legend {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }

    .fr-fieldset--info .fr-fieldset__legend,
    .fr-fieldset--info .fr-label {
        color: #0063cb;
    }
}

.flex-custom-radios .fr-radio-group {
    display: flex;
}

.flex-custom-radios .fr-radio-group .label {
    width: 100%;
    text-align: center;
}

.flex-custom-radios .fr-radio-group .form-radio {
    width: 100%;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  INPUT
\* ˍˍˍˍˍˍˍˍˍ */
.fr-input {
    display: block;
    width: 100%;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 1.5rem;
    line-height: 2rem;
    padding: 2rem 1.5rem;
    color: #242424;
    background-color: #eee;
    border: 0;

    --idle: transparent;
    --hover: #d2d2d2;
    --active: #c1c1c1;
    box-shadow: inset 0 -2px 0 0 #3a3a3a;
}

.fr-input:not(textarea) {
    max-height: 2.5rem;
}

.fr-input::placeholder {
    opacity: 1;
    font-style: italic;
    color: var(--text-mention-grey);
}

.fr-input::-webkit-contacts-auto-fill-button {
    cursor: pointer;
    background-color: var(--text-label-grey);

    --idle: transparent;
    --hover: var(--text-label-grey-hover);
    --active: var(--text-label-grey-active);
}

.fr-input[type=date] {
    min-height: 2.5rem;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  UPLOAD
\* ˍˍˍˍˍˍˍˍˍ */
.fr-upload-group .fr-label .fr-hint-text {
  margin-top: 0.75rem;
}

.fr-upload-group .fr-label + .fr-upload {
  margin-top: 1rem;
}

.fr-upload-group .fr-message:first-child {
  margin-top: 0.5rem;
}

.fr-upload {
  font-size: 0.875rem;
  line-height: 1.5rem;
  width: 100%;
  display: inline-flex;
  margin: 0;
}

.fr-upload:disabled::-webkit-file-upload-button {
  outline-style: none;
  cursor: not-allowed;
}

.fr-upload::-webkit-file-upload-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  font: inherit;
  cursor: pointer;
  margin-right: 0.5rem;
}

@supports selector(::-webkit-calendar-picker-indicator) {
    .fr-input[type=date] {
        background-repeat: no-repeat;
        background-position: calc(100% - 1rem) 50%;
        background-size: 1rem 1rem;
        padding-right: 3rem;
        --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23161616' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
        background-image: var(--data-uri-svg);
    }

    .fr-input[type=date]::-webkit-calendar-picker-indicator {
        display: block;
        padding: 1rem;
        margin-right: -2.5rem;
        opacity: 0;
    }
}

.fr-input-wrap {
    position: relative;
    display: block;
}

.fr-input-wrap[class^=fr-icon-] .fr-input,
.fr-input-wrap[class*=" fr-icon-"] .fr-input,
.fr-input-wrap[class^=fr-fi-] .fr-input,
.fr-input-wrap[class*=" fr-fi-"] .fr-input {
    padding-right: 3rem;
}

.fr-input-wrap[class^=fr-icon-]::before,
.fr-input-wrap[class*=" fr-icon-"]::before,
.fr-input-wrap[class^=fr-fi-]::before,
.fr-input-wrap[class*=" fr-fi-"]::before {
    --icon-size: 1rem;
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    bottom: 0.75rem;
    margin: auto;
    pointer-events: none;
}

.fr-input-wrap--addon,
.fr-input-wrap--action {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.fr-input-wrap--addon > *:first-child:not(:last-child) {
    border-radius: 0.25rem 0 0 0;
}

.fr-input-wrap--addon > *:last-child:not(:first-child) {
    border-radius: 0 0.25rem 0 0;
}

.fr-input-wrap--action .fr-btn {
    margin-left: 1rem;
}

.fr-input-wrap + .fr-hint-text {
    margin-top: 1rem;
}

.fr-input-group {
    position: relative;
}

.fr-input-group .fr-message:first-child {
    margin-top: 1rem;
}

.fr-input-group--valid::before,
.fr-input-group--error::before,
.fr-input-group--info::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: -0.75rem;
    bottom: 0;
    left: -0.75rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0.125rem 100%;
}

textarea.fr-input {
    min-height: 3.75rem;
}

.fr-input:disabled {
    color: var(--text-disabled-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
}

.fr-input:autofill,
.fr-input:autofill:hover,
.fr-input:autofill:focus,
.fr-input:-webkit-autofill,
.fr-input:-webkit-autofill:hover,
.fr-input:-webkit-autofill:focus {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), inset 0 0 0 1000px var(--background-contrast-info);
    -webkit-text-fill-color: var(--text-label-grey);
}

@supports selector(::-webkit-calendar-picker-indicator) {

    :root[data-fr-theme=dark] .fr-input[type=date] {
        --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23fff' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
    }

    .fr-input[type=date]:disabled {
        color: var(--text-disabled-grey);
        box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);

        --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23929292' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
        background-image: var(--data-uri-svg);
    }

    :root[data-fr-theme=dark] .fr-input[type=date]:disabled {
        --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24'><path fill='%23666' d='M17 3h4c.55 0 1 .45 1 1v16c0 .55-.45 1-1 1H3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h4V1h2v2h6V1h2v2zm-2 2H9v2H7V5H4v4h16V5h-3v2h-2V5zm5 6H4v8h16v-8z'/></svg>");
    }
}

.fr-input-wrap--addon > .fr-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 var(--border-action-high-blue-france);
}

.fr-fieldset--valid .fr-input,
.fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--valid .fr-input,
.fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}

.fr-fieldset--error .fr-input,
.fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
.fr-input-group--error .fr-input,
.fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}

.fr-input-group--error::before {
    background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.fr-input-group--valid::before {
    background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.fr-input-group--info::before {
    background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

@media (min-width: 36em) {
    /*! media sm */
    /*! media sm */
    /*! media sm */
    /*! media sm */
}

@media (min-width: 48em) {
    /*! media md */
    /*! media md */
    /*! media md */
    /*! media md */
}

@media (min-width: 62em) {
    /*! media lg */
    /*! media lg */
    /*! media lg */
    /*! media lg */
}

@media (min-width: 78em) {
    /*! media xl */
    /*! media xl */
    /*! media xl */
    /*! media xl */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .fr-input-wrap--addon .fr-btn {
        flex-shrink: 0;
    }

    .fr-input {
        color: #3a3a3a;
        background-color: #eee;
        box-shadow: inset 0 -2px 0 0 #3a3a3a;
    }

    .fr-input::placeholder {
        color: #666;
    }

    .fr-input::-webkit-contacts-auto-fill-button {
        background-color: #161616;
    }

    .fr-input::-webkit-contacts-auto-fill-button:hover {
        background-color: #343434;
    }

    .fr-input::-webkit-contacts-auto-fill-button:active {
        background-color: #474747;
    }

    .fr-input:autofill,
    .fr-input:autofill:hover,
    .fr-input:autofill:focus,
    .fr-input:-webkit-autofill,
    .fr-input:-webkit-autofill:hover,
    .fr-input:-webkit-autofill:focus {
        box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;
        -webkit-text-fill-color: #161616;
    }

    .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #000091;
    }

    .fr-fieldset--valid .fr-input,
    .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
    .fr-input-group--valid .fr-input,
    .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #18753c;
    }

    .fr-fieldset--error .fr-input,
    .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
    .fr-input-group--error .fr-input,
    .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #ce0500;
    }

    .fr-input-group--error::before {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-input-group--valid::before {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-input-group--info::before {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }
}

@media print {
    .fr-input {
        color: #3a3a3a;
        background-color: #eee;
        box-shadow: inset 0 -2px 0 0 #3a3a3a;
    }

    .fr-input::placeholder {
        color: #666;
    }

    .fr-input::-webkit-contacts-auto-fill-button {
        background-color: #161616;
    }

    .fr-input::-webkit-contacts-auto-fill-button:hover {
        background-color: #343434;
    }

    .fr-input::-webkit-contacts-auto-fill-button:active {
        background-color: #474747;
    }

    .fr-input:disabled {
        color: var(--text-disabled-grey);
        box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);
    }

    .fr-input:autofill,
    .fr-input:autofill:hover,
    .fr-input:autofill:focus,
    .fr-input:-webkit-autofill,
    .fr-input:-webkit-autofill:hover,
    .fr-input:-webkit-autofill:focus {
        box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #e8edff;
        -webkit-text-fill-color: #161616;
    }

    .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #000091;
    }

    .fr-fieldset--valid .fr-input,
    .fr-fieldset--valid .fr-input-wrap--addon > .fr-input:not(:last-child),
    .fr-input-group--valid .fr-input,
    .fr-input-group--valid .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #18753c;
    }

    .fr-fieldset--error .fr-input,
    .fr-fieldset--error .fr-input-wrap--addon > .fr-input:not(:last-child),
    .fr-input-group--error .fr-input,
    .fr-input-group--error .fr-input-wrap--addon > .fr-input:not(:last-child) {
        box-shadow: inset 0 -2px 0 0 #ce0500;
    }

    .fr-input-group--error::before {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-input-group--valid::before {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-input-group--info::before {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }
}

.webform-dsfr-tmp {
    max-width: 540px;
}

.flex-custom-radios .fr-fieldset__legend {
    padding-left: 1.4rem;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 500;

}

.fr-fieldset__element strong {
    font-weight: 500;
}

.flex-custom-radios label {
    font-size: 1.5rem;
}

.fr-checkbox-group input {
    margin-right: 1rem;
}

.webform-dsfr-tmp .description {
    margin: 1rem 0;
}

.webform-dsfr-tmp .fr-hint-text {
    font-size: 1.25rem;
}

input:focus {
    outline-color: #004e70;
}

.fr-select {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1.5rem 2.5rem 1.5rem 1rem;
    background-repeat: no-repeat;
    background-position: calc(100% - 1rem) 50%;
    background-size: 1rem 1rem;
    color: var(--text-default-grey);
    background-color: #eee;

    --idle: transparent;
    --hover: var(--background-contrast-grey-hover);
    --active: var(--background-contrast-grey-active);
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);

    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
    background-image: var(--data-uri-svg);

    /**
    * Mixin pour gérer l'état disabled
    */

    /**
    * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
    * sur les navigateurs webkit.
    */
    /**
    * Mixin pour gérer l'état disabled
    */

    /**
    * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
    * sur les navigateurs webkit.
    */
}

.fr-select-group {
    position: relative;
}

.fr-select-group .fr-message:first-child {
    margin-top: 1rem;
}

.fr-select-group--valid::before,
.fr-select-group--error::before,
.fr-select-group--info::before {
    content: "";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: -0.75rem;
    bottom: 0;
    left: -0.75rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 0.125rem 100%;
}

:root[data-fr-theme=dark] .fr-select {
    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23fff' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
}

.fr-fieldset--valid .fr-select,
.fr-select-group--valid .fr-select {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-success);
}

.fr-fieldset--error .fr-select,
.fr-select-group--error .fr-select {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-error);
}

.fr-select-group--error::before {
    background-image: linear-gradient(0deg, var(--border-plain-error), var(--border-plain-error));
}

.fr-select-group--valid::before {
    background-image: linear-gradient(0deg, var(--border-plain-success), var(--border-plain-success));
}

.fr-select-group--info::before {
    background-image: linear-gradient(0deg, var(--border-plain-info), var(--border-plain-info));
}

.fr-select:disabled {
    color: var(--text-disabled-grey);
    box-shadow: inset 0 -2px 0 0 var(--border-disabled-grey);

    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
    background-image: var(--data-uri-svg);
}

:root[data-fr-theme=dark] .fr-select:disabled {
    --data-uri-svg: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' ><path fill='%23666' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/></svg>");
}

.fr-select:-webkit-autofill,
.fr-select:-webkit-autofill:hover,
.fr-select:-webkit-autofill:focus {
    box-shadow: inset 0 -2px 0 0 var(--border-plain-grey), inset 0 0 0 1000px var(--background-contrast-blue-france);
    -webkit-text-fill-color: var(--text-label-grey);
}

@media (min-width: 36em) {
    /*! media sm */
    /*! media sm */
}

@media (min-width: 48em) {
    /*! media md */
    /*! media md */
}

@media (min-width: 62em) {
    /*! media lg */
    /*! media lg */
}

@media (min-width: 78em) {
    /*! media xl */
    /*! media xl */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /**
    * Cache l'icone native du select sur IE
    */
    .fr-select::-ms-expand {
        display: none;
    }

    .fr-select {
        color: #3a3a3a;
        background-color: #eee;
        box-shadow: inset 0 -2px 0 0 #3a3a3a;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
    }

    .fr-fieldset--valid .fr-select,
    .fr-select-group--valid .fr-select {
        box-shadow: inset 0 -2px 0 0 #18753c;
    }

    .fr-fieldset--error .fr-select,
    .fr-select-group--error .fr-select {
        box-shadow: inset 0 -2px 0 0 #ce0500;
    }

    .fr-select-group--error::before {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-select-group--valid::before {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-select-group--info::before {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }

    .fr-select:disabled {
        color: #929292;
        box-shadow: inset 0 -2px 0 0 #e5e5e5;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
    }

    .fr-select:-webkit-autofill,
    .fr-select:-webkit-autofill:hover,
    .fr-select:-webkit-autofill:focus {
        box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #ececfe;
        -webkit-text-fill-color: #161616;
    }
}

@media print {
    .fr-select {
        color: #3a3a3a;
        background-color: #eee;
        box-shadow: inset 0 -2px 0 0 #3a3a3a;

        /**
        * Mixin pour gérer l'état disabled
        */

        /**
        * On applique un style lorsque la valeur est automatiquement remplie par le navigateur
        * sur les navigateurs webkit.
        */
    }

    .fr-fieldset--valid .fr-select,
    .fr-select-group--valid .fr-select {
        box-shadow: inset 0 -2px 0 0 #18753c;
    }

    .fr-fieldset--error .fr-select,
    .fr-select-group--error .fr-select {
        box-shadow: inset 0 -2px 0 0 #ce0500;
    }

    .fr-select-group--error::before {
        background-image: linear-gradient(0deg, #ce0500, #ce0500);
    }

    .fr-select-group--valid::before {
        background-image: linear-gradient(0deg, #18753c, #18753c);
    }

    .fr-select-group--info::before {
        background-image: linear-gradient(0deg, #0063cb, #0063cb);
    }

    .fr-select:disabled {
        color: #929292;
        box-shadow: inset 0 -2px 0 0 #e5e5e5;
    }

    .fr-select:-webkit-autofill,
    .fr-select:-webkit-autofill:hover,
    .fr-select:-webkit-autofill:focus {
        box-shadow: inset 0 -2px 0 0 #3a3a3a, inset 0 0 0 1000px #ececfe;
        -webkit-text-fill-color: #161616;
    }
}

@media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) {
    .fr-select {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23161616' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
    }

    .fr-select:disabled {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' %3E%3Cpath fill='%23929292' d='M12,13.1l5-4.9l1.4,1.4L12,15.9L5.6,9.5l1.4-1.4L12,13.1z'/%3E%3C/svg%3E");
    }
}

.fr-btn {
    --text-spacing: 0;
    --title-spacing: 0;
    --underline-img: none;
    --hover-tint: var(--hover);
    --idle: transparent;
    align-items: center;
    border: none;
    background-color: #004e70;
    color: #fff;
    display: inline-flex;
    flex-direction: row;
    font-size: 2rem;
    font-weight: 500;
    line-height: 0.5rem;
    min-height: 2.5rem;
    padding: .5rem 1rem;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    left: 175px;
}

.fr-btn:focus {
    outline-color: #0a76f6;
    outline-offset: 2px;
    outline-style: solid;
    outline-width: 2px;
}

.webform-dsfr-tmp > .label .fr-label {
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.webform-dsfr-tmp .fr-label {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.webform-dsfr-tmp .option.fr-label {
    margin-bottom: 0;
}

.webform-dsfr-tmp .form-managed-file .fr-fieldset__content {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1rem;
}

.webform-dsfr-tmp .form-managed-file .fr-fieldset__content .fr-fieldset__element {
    margin-bottom: 0;
    padding: 0;
}

.webform-dsfr-tmp .flex-custom-radios .fr-radio-group .fr-fieldset__element {
    display: flex;
    align-content: center;
}

.webform-dsfr-tmp .flex-custom-radios .fr-fieldset__content {
    width: auto;
}

.webform-dsfr-tmp .flex-custom-radios .fr-fieldset__element {
    margin-bottom: 0;
    width: auto;
}

.webform-dsfr-tmp .flex-custom-radios .fr-radio-group {
    flex-wrap: wrap;
}

.webform-dsfr-tmp .flex-custom-radios input[type=radio] {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    position: absolute;
    left: .5rem;
    top: .3rem;
}

.webform-dsfr-tmp .flex-custom-radios input[type=radio]:not(:checked) {
    -webkit-appearance: none;
    border: .1rem solid #000091;
    border-radius: 50%;
}

.webform-dsfr-tmp .flex-custom-radios .fr-label {
    padding-left: 3.4rem;
}

.webform-dsfr-tmp .flex-custom-radios .fr-fieldset__content .fr-radio-group:first-child, .fr-fieldset__content .fr-checkbox-group:first-child {
    margin-top: 0;
}

.webform-dsfr-tmp input[type=checkbox] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: .4rem;
    margin-top: .3rem;
    flex: 0 0 auto;
}

.webform-dsfr-tmp input[type=checkbox]:not(:checked) {
    -webkit-appearance: none;
    border: .1rem solid #000091;
}

.webform-dsfr-tmp .form-item--error-message {
    color: #ce0500;
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 1.2rem;
    margin-bottom: 0;
    margin-top: 1.6rem;
}

.webform-dsfr-tmp .form-item--error-message:before {
    background-color: currentColor;
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    height: 1.6rem;
    margin-right: .4rem;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    vertical-align: -4rem;
    width: 1.6rem;;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3LjUgMi41aC0xMUwxIDEybDUuNSA5LjVoMTFMMjMgMTJsLTUuNS05LjV6bS0xLjMgMTIuMy0xLjQgMS40LTIuOC0yLjgtMi44IDIuOC0xLjQtMS40IDIuOC0yLjgtMi44LTIuOCAxLjQtMS40IDIuOCAyLjggMi44LTIuOCAxLjQgMS40LTIuOCAyLjggMi44IDIuOHoiLz48L3N2Zz4=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+PHBhdGggZD0iTTE3LjUgMi41aC0xMUwxIDEybDUuNSA5LjVoMTFMMjMgMTJsLTUuNS05LjV6bS0xLjMgMTIuMy0xLjQgMS40LTIuOC0yLjgtMi44IDIuOC0xLjQtMS40IDIuOC0yLjgtMi44LTIuOCAxLjQtMS40IDIuOCAyLjggMi44LTIuOCAxLjQgMS40LTIuOCAyLjggMi44IDIuOHoiLz48L3N2Zz4=);
}

.webform-dsfr-tmp .form-item--error .fr-label {
    color: #ce0500;
}

.webform-dsfr-tmp .form-item--error .fr-input,
.webform-dsfr-tmp .form-item--error .fr-select {
    box-shadow: inset 0 -.2rem 0 0 #ce0500;
}

/*.webform-dsfr-tmp .fr-select {*/
/*    border: 0;*/
/*    box-shadow: inset 0 -.2rem 0 0 #3a3a3a;*/
/*    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns= 'http://www.w3.org/2000/svg' viewBox= '0 0 24 24' %3E%3Cpath fill= '%23161616' d= 'm12 13.1 5-4.9 1.4 1.4-6.4 6.3-6.4-6.4L7 8.1l5 5z' /%3E%3C/svg%3E);*/
/*    background-position: calc(100% - 1.6rem) 50%;*/
/*    background-repeat: no-repeat;*/
/*    background-size: 1.6rem 1.6rem;*/
/*}*/

.webform-dsfr-tmp .fr-form-group > fieldset.error > .fieldset-wrapper > div:first-child:not(.form-item) {
    color: #ce0500;
    margin: 0 1rem 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.webform-dsfr-tmp .fr-form-group > .error .fr-label {
    color: #ce0500;
}

.webform-dsfr-tmp .fr-form-group > .error .fr-input,
.webform-dsfr-tmp .fr-form-group > .error .fr-select {
    box-shadow: inset 0 -.2rem 0 0 #ce0500;
}

.webform-dsfr-tmp .form-item--error .fr-checkbox-group {
    flex-wrap: wrap;
}

.webform-dsfr-tmp .form-item--error .fr-checkbox-group input {
    order: 1;
}

.webform-dsfr-tmp .form-item--error .fr-checkbox-group .description {
    order: 2;
}

.webform-dsfr-tmp .form-item--error .fr-checkbox-group .form-item--error-message {
    order: 3;
    margin-top: .5rem;
}

.webform-dsfr-tmp .button {
    cursor: pointer;
    font-weight: 300;
    font-size: 1.6rem;
    padding: 2rem 4rem;
}

.webform-dsfr-tmp .edit-ajouter-une-piece-jointe-upload,
.webform-dsfr-tmp .fr-icon-download-line {
    display: none;
}

@media (max-width: 767px) {
    .webform-dsfr-tmp .flex-custom-radios .fr-radio-group {
        flex-direction: column;
    }

    .webform-dsfr-tmp .flex-custom-radios .fr-label {
        text-align: left;
    }
}

fieldset.error:before, .form-item--error:before {
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: .250rem 100%;
    bottom: 0;
    content: "";
    display: block;
    left: -.75rem;
    pointer-events: none;
    position: absolute;
    right: -.75rem;
    top: 0;
    background-image: linear-gradient(0deg, #ce0500, #ce0500);
}

.fieldset-wrapper .form-item--error-message {
    padding-left: 1rem;
}

.form-item--error:before {
    left: -1.90rem;
}

fieldset {
    border: none;
    display: flex;
    justify-content: center;
}

.fr-fieldset__content .fr-radio-group label, .fr-fieldset__content .fr-checkbox-group label {
    display: inline-block;
}

.submit-button:hover {
    background-color: #228bcc;
}

.webform-submission-sve-form {
    max-width: 588px;
    margin-left: auto;
    margin-right: auto;
}

.webform-submission-sve-form .fr-fieldset__content {
    margin: 0;
}

.webform-submission-sve-form .fr-fieldset__element {
    padding: 0;
    margin-bottom: 3rem;
}

.webform-submission-sve-form [for*="edit-objet"] {
    color: #929292;
}

.webform-submission-sve-form [readonly="readonly"] {
    box-shadow: inset 0 -2px 0 0 #e5e5e5;
    background: #e5e5e5;
    color: #929292 !important;
}

.webform-submission-sve-form [readonly="readonly"]:focus {
    outline: 0;
}

.webform-submission-sve-form .radios--wrapper {
    margin-bottom: 1.8rem;
}

.webform-submission-sve-form .radios--wrapper .fr-fieldset__legend {
    font-size: 1.6rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #161616;
    margin-bottom: 1.3rem;
}

.webform-submission-sve-form .radios--wrapper .fr-fieldset__element {
    margin-bottom: 0;
}

.webform-submission-sve-form .radios--wrapper input[type=radio] {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0;
    position: absolute;
    left: .5rem;
    top: .3rem;
    opacity: 0;
}

.webform-submission-sve-form .radios--wrapper .fr-label {
    padding-left: 3.9rem;
    cursor: pointer;
}

.webform-submission-sve-form .radios--wrapper input[type=radio] + label:before {
    content: "";
    position: absolute;
    left: .5rem;
    top: .3rem !important;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    border: .1rem solid #000091;
}

.webform-submission-sve-form .radios--wrapper input[type=radio]:checked + label:before {
    background-image: radial-gradient(transparent 10px, #000091 11px, transparent 12px), radial-gradient(#000091 5px, transparent 6px);
    background-repeat: no-repeat;
    background-position: center;
}

.webform-submission-sve-form .radios--wrapper .fr-fieldset__content {
    margin-bottom: .9rem;
}

.webform-submission-sve-form .fr-fieldset:not(.radios--wrapper) {
    margin: 0;
    padding: 0;
}

.webform-submission-sve-form .fr-fieldset:not(.radios--wrapper) .fr-fieldset__legend {
    margin: 0;
    padding: 0;
}

.webform-submission-sve-form .fr-fieldset:not(.radios--wrapper) > .fr-fieldset__content {
    margin-bottom: 3rem;
}

.webform-submission-sve-form .fr-fieldset .fr-fieldset__element {
    margin-bottom: 0;
}

.webform-submission-sve-form .fr-fieldset.webform-email-confirm--wrapper > .fr-fieldset__content > div:first-child {
    margin-bottom: 3rem;
}

.webform-submission-sve-form .form-item-nom.form-item--error:before {
    content: none;
}

.webform-submission-sve-form .webform-email-confirm--wrapper:before {
    left: -19px;
}

@media (min-width: 768px) {
    .webform-submission-sve-form .fr-fieldset:not(.radios--wrapper):not(.webform-email-confirm--wrapper) > .fr-fieldset__content {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2.4rem;
    }

    .webform-submission-sve-form .fr-fieldset:not(.radios--wrapper):not(.webform-email-confirm--wrapper) .fr-fieldset__content > div {
        flex: 0 0 auto;
        width: 28.2rem;
    }

    .webform-submission-sve-form .fr-input.half-field {
        width: 28.2rem;
    }
}

.form-item-piece-jointe .form-item--error-message {
    flex-wrap: wrap;
}

.form-item-piece-jointe .form-item--error-message ul {
    flex: 100%;
}

.form-item-piece-jointe .fr-fieldset__element {
    display: flex;
    flex-direction: column;
}

.form-item-piece-jointe .fr-fieldset__element > strong {
    order: 1;
}

.form-item-piece-jointe .fr-fieldset__element > .description {
    order: 2;
}

.form-item-piece-jointe .fr-fieldset__element > .form-managed-file {
    order: 3;
}

.form-item-piece-jointe .fr-fieldset__element > .form-item--error-message {
    order: 4;
}

.form-item-piece-jointe .fr-fieldset__element input::-webkit-file-upload-button {
    background: #eee;
    border: 0;
    color: #3a3a3a;
    font-size: 1.4rem;
    padding: .4rem .8rem;
    border-radius: .4rem;
}

.webform-submission-sve-form .fr-btn {
    background-color: #000091;
    padding: 1.75rem 2rem;
}

.webform-submission-sve-form .fr-btn:hover {
    background-color: #0063cb;
}

.webform-submission-sve-form .fr-btn.webform-button--submit {
    padding-right: 3.8rem;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7812 7.33336L7.20517 3.75736L8.14784 2.8147L13.3332 8.00003L8.14784 13.1854L7.20517 12.2427L10.7812 8.6667H2.6665V7.33336H10.7812Z" fill="%23F5F5FE"/></svg>');
    background-position: center right 1.3rem;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .webform-submission-sve-form .fr-fieldset > .fr-fieldset__content > div:first-child {
        margin-bottom: 3rem;
    }
}
