:root {
    --dt-color-error-700: #ab050d;
    --dt-color-error-100: #fdf3f3;
    --dt-color-primary-100: #f1f9f1;
    --dt-color-primary-700: #246107;
    --dt-color-primary: #bad50c;
    --dt-color-primary-light: #d6f221;
    --dt-color-secondary: #066db4;
    --dt-color-secondary-dark: #055790;
    --dt-color-danger: #d60610;
    --dt-color-danger-dark: #ab050d;
    --dt-body-background_color: #fff;
    --dt-background_color-grey_light: #f6f5f5;
    --dt-background_color-grey: #ecebeb;
    --dt-background_color-grey_dark: #e2dfdf;
    --dt-font-color_main: #342929;
    --dt-font-color_main-ligth: #554545;
    --dt-font-color_main-very_light: #706565;
    --dt-font_family-main: "Open Sans", sans-serif;
    --dt-font_family-secondary: "Montserrat", "Open Sans", sans-serif;
    --dt-font_weight-default: 300;
    --dt-font_weight-semi_bold-default: 600;
    --dt-font_weight-bold-default: 700;
    --dt-font_size-base: 16px;
    --dt-font_size-base-calc: 16;
    --dt-font_size-default: var(--dt-font_size-base);
    --dt-font_size-default-calc: var(--dt-font_size-base-calc);
    --dt-font-line_height-default: 160%;
    --dt-type-of-quotes: "« " " »" "< " " >";
}

:root {
    --dt-base-grid: 8px;
    --dt-base-grid-calc: 8;
    --dt-space-00: 4px;
    --dt-space-01: 8px;
    --dt-space-02: 16px;
    --dt-space-03: 24px;
    --dt-space-04: 32px;
    --dt-space-05: 40px;
    --dt-space-06: 64px;
    --dt-space-07: 80px;
    --dt-space-08: 96px;
    --dt-space-09: 112px;
    --dt-spacing-mobile-level-00: var(--dt-space-02);
    --dt-spacing-mobile-level-01: var(--dt-space-03);
    --dt-spacing-mobile-level-02: var(--dt-space-04);
    --dt-spacing-mobile-level-03: var(--dt-spacing-mobile-level-02);
    --dt-spacing-desktop-level-00: var(--dt-space-02);
    --dt-spacing-desktop-level-01: var(--dt-space-04);
    --dt-spacing-desktop-level-02: var(--dt-space-05);
    --dt-spacing-desktop-level-03: var(--dt-space-06);
}

:root {
    --dt-control_bar-margin-desktop_large: var(--dt-space-03) 0;
    --dt-control_bar-margin-between-mobile_and_main_container: var(--dt-space-03) var(--dt-space-01);
    --dt-control_bar-margin-mobile: var(--dt-space-02) var(--dt-space-01);
    --dt-control_bar-space_between_button: var(--dt-space-02);
    --dt-control_bar-space_between_container: var(--dt-space-02);
    --dt-control_bar-divider-background_color: var(--dt-background_color-grey_light);
    --dt-control_bar-separator-margin: var(--dt-space-01) auto;
}

:root {
    --dt-step_bar-line-size: 3px;
    --dt-step_bar-line-color: var(--dt-color-primary);
    --dt-step_bar-item_index-square: 48px;
    --dt-step_bar-item_index-font_family: var(--dt-font_family-secondary);
    --dt-step_bar-item_index-font_weight: var(--dt-font_weight-semi_bold-default);
    --dt-step_bar-item_index-font-color: var(--dt-font-color_main);
    --dt-step_bar-item_index-font_size: 1.5rem;
    --dt-step_bar-item_index-border: var(--dt-step_bar-line-size) solid var(--dt-step_bar-line-color);
    --dt-step_bar-item_index-background: var(--dt-body-background_color);
    --dt-step_bar-item_index-background-current: var(--dt-color-primary);
    --dt-step_bar-item_index-background-checked: var(--dt-color-primary);
    --dt-step_bar-item_index-background-checked-hover: var(--dt-color-primary-light);
    --dt-step_bar-item_index-border_color-checked-hover: var(--dt-step_bar-item_index-background-checked-hover);
    --dt-step_bar-item_name-font_weight: var(--dt-font_weight-bold-default);
    --dt-step_bar-item_name-padding: var(--dt-space-01) 0 0 0;
    --dt-step_bar-item_name-font_size: var(--dt-font_size-base);
}

:root {
    --dt-button-font_size-default: var(--dt-font_size-base);
    --dt-button-font_weight-default: var(--dt-font_weight-semi_bold-default);
    --dt-button-padding: 0.75rem var(--dt-space-03);
    --dt-button-line_height: 1.5rem;
    --dt-button-button_text-padding-side: 0px;
    --dt-button-border_radius-default: 4px;
    --dt-button-border_width-default: 1px;
    --dt-button-border_style-default: solid;
    --dt-button-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    --dt-button-shadow-hover: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    --dt-button_primary-text-color-default: var(--dt-font-color_main);
    --dt-button_primary-border_color-default: var(--dt-color-primary);
    --dt-button_primary-background_color-default: var(--dt-color-primary);
    --dt-button_primary-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    --dt-button_primary-text-color-hover: var(--dt-button_primary-text-color-default);
    --dt-button_primary-border_color-hover: var(--dt-color-primary-light);
    --dt-button_primary-background_color-hover: var(--dt-color-primary-light);
    --dt-button_primary-shadow-hover: 0 0 4px 0 rgba(0, 0, 0, 0.25);
    --dt-button_secondary-text-color-default: var(--dt-font-color_main);
    --dt-button_secondary-border_color-default: var(--dt-color-primary);
    --dt-button_secondary-background_color-default: var(--dt-body-background_color);
    --dt-button_secondary-text-color-hover: var(--dt-button_secondary-text-color-default);
    --dt-button_secondary-border_color-hover: var(--dt-color-primary-light);
    --dt-button_secondary-background_color-hover: var(--dt-color-primary-light);
    --dt-button_tertiary-text-color-default: var(--dt-color-secondary);
    --dt-button_tertiary-border_color-default: var(--dt-color-secondary);
    --dt-button_tertiary-background_color-default: var(--dt-body-background_color);
    --dt-button_tertiary-text-color-hover: var(--dt-button_tertiary-background_color-default);
    --dt-button_tertiary-border_color-hover: var(--dt-color-secondary);
    --dt-button_tertiary-background_color-hover: var(--dt-color-secondary);
    --dt-button_tertiary-button_ghost-text-color-default: var(--dt-color-secondary);
    --dt-button_tertiary-button_ghost-border_color-default: transparent;
    --dt-button_tertiary-button_ghost-background_color-default: transparent;
    --dt-button_tertiary-button_ghost-text-color-hover: var(--dt-color-secondary);
    --dt-button_tertiary-button_ghost-border_color-hover: var(--dt-button_tertiary-button_ghost-border_color-default);
    --dt-button_tertiary-button_ghost-background_color-hover: var(--dt-button_tertiary-button_ghost-background_color-default);
    --dt-button_tertiary-button_ghost-text_decoration-hover: underline;
    --dt-button_tertiary-button_color_danger-button_ghost-text-color-default: var(--dt-color-danger);
    --dt-button_tertiary-button_color_danger-button_ghost-text-color-hover: var(--dt-color-danger);
}

:root {
    --dt-main_container-max_width: 60.01em;
    --dt-main_container-margin_top-mobile: var(--dt-space-04);
    --dt-main_container-margin_top-desktop: var(--dt-space-06);
    --dt-section-background_color: var(--dt-background_color-grey);
    --dt-section_content-background_color: var(--dt-body-background_color);
    --dt-section-padding-mobile: var(--dt-space-02);
    --dt-section-padding-desktop: var(--dt-space-05);
    --dt-section-fieldset-margin_top: var(--dt-space-04);
    --dt-section-title-padding-desktop: var(--dt-space-01) 0;
    --dt-section-title-padding-mobile: var(--dt-space-01) var(--dt-space-00);
    --dt-section-title-background_color: var(--dt-color-primary);
    --dt-section-title_underline-width: calc(var(--dt-base-grid) * 10);
    --dt-section-title_underline-background_color: var(--dt-color-primary);
    --dt-subsection-title-padding: var(--dt-space-04) 0 0;
    --dt-subsection-title-border_size: 1px;
    --dt-footer-background_color: var(--dt-color-very_ligth);
    --dt-list-margin_left: var(--dt-space-03);
    --dt-information-color: var(--dt-color_main-lighten);
    --dt-information-background_color: var(--dt-background_color-grey_light);
    --dt-information-font_weight: bold;
    --dt-information-in_section-margin_top: var(--dt-space-03);
    --dt-information-more_spacing-margin_top: var(--dt-space-05);
    --dt-information-padding-desktop: var(--dt-space-02);
    --dt-information-padding-mobile: var(--dt-space-02);
    --dt-information-icon-height: var(--dt-space-04);
    --dt-information-icon-margin-right: var(--dt-space-02);
}

:root {
    --dt-outline-width-default: 2px;
    --dt-outline-color-default: var(--dt-color-secondary);
    --dt-outline-border_style-default: dashed;
    --dt-outline-offset-default: 1px;
    --dt-outline-width-keyboard: 2px;
    --dt-outline-color-keyboard: var(--dt-color-secondary);
    --dt-outline-border_style-keyboard: dashed;
    --dt-outline-offset-keyboard: 2px;
    --dt-selection-color: var(--dt-background_color-grey_light);
    --dt-selection-background_color: var(--dt-color-secondary);
}

:root {
    --dt-header-margin-default: 0;
    --dt-header-weight_bold: var(--dt-font_weight-bold-default);
    --dt-header-h1-font_size-desktop: 1.6875rem;
    --dt-header-h1-font_size-mobile: 1.375rem;
    --dt-header-h1-line_height: 110%;
    --dt-header-h1-font_family: var(--dt-font_family-secondary);
    --dt-header-h2-font_size: 1.125rem;
    --dt-header-h2-line_height: 110%;
    --dt-header-h2-font_family: var(--dt-font_family-secondary);
    --dt-header-h3-font_size: 1.125rem;
    --dt-header-h3-line_height: 110%;
    --dt-header-h3-font_family: var(--dt-font_family-main);
    --dt-header-h4-font_size: 1.125rem;
    --dt-header-h4-line_height: 110%;
    --dt-header-h4-font_family: var(--dt-font_family-main);
    --dt-header-h5-font_size: 1.125rem;
    --dt-header-h5-line_height: 110%;
    --dt-header-h5-font_family: var(--dt-font_family-main);
    --dt-header-h6-font_size: 1.125rem;
    --dt-header-h6-line_height: 110%;
    --dt-header-h6-font_family: var(--dt-font_family-main);
    --dt-paragraph-font_size: 1rem;
    --dt-paragraph-line_height: var(--dt-font-line_height-default);
    --dt-paragraph-beetween-margin_top: var(--dt-space-01);
    --dt-small-font_size: 0.75rem;
    --dt-small-line_height: 133%;
    --dt-link-color-default: var(--dt-color-secondary);
    --dt-link-text_decoration-default: underline;
    --dt-link-color-hover: var(--dt-color-secondary-dark);
    --dt-link-text_decoration-hover: none;
}

:root {
    --dt-section-form_content-max_width: 640px;
    --dt-choice_button-display-default: flex;
    --dt-choice_button-ul-display-default: flex;
    --dt-choice_button-button-box-shadow: 0 0 0 1px var(--dt-choice_button-button-border-color-hover) inset;
    --dt-choice_button-button-border-radius-default: 0;
    --dt-choice_button-button-check-border-bottom-default: var(--dt-choice_button-button-check-line-width-default) solid var(--dt-choice_button-button-check-color-default);
    --dt-choice_button-button-check-border-left-default: var(--dt-choice_button-button-check-line-width-default) solid var(--dt-choice_button-button-check-color-default);
    --dt-choice_button-button-check-border-top-default: none;
    --dt-choice_button-button-check-border-right-default: none;
    --dt-choice_button-button-check-border-radius-default: 0;
    --dt-choice_button-button-check-line-width-checked: 2px;
    --dt-choice_button-button-check-border-bottom-checked: var(--dt-choice_button-button-check-line-width-checked) solid var(--dt-choice_button-button-check-color-default);
    --dt-choice_button-button-check-border-left-checked: var(--dt-choice_button-button-check-line-width-checked) solid var(--dt-choice_button-button-check-color-default);
    --dt-choice_button-button-check-border-top-checked: none;
    --dt-choice_button-button-check-border-right-checked: none;
    --dt-choice_button-button-check-background-color-checked: var(--dt-choice_button-button-check-background-color-default);
    --dt-choice_button-button-check-transform-default: rotateZ(-45deg);
    --dt-form_field_wrapper-margin_top: var(--dt-space-03);
    --dt-form_field_wrapper-label-font_size: var(--dt-font_size-base);
    --dt-form_field_wrapper-label-line_height: 125%;
    --dt-form_field_wrapper-label-line_height-factor: 1.25;
    --dt-form_field_wrapper-label_complement-color: var(--dt-font-color_main-very_light);
    --dt-form_field_wrapper-label-space_with_complement_label: var(--dt-space-01);
    --dt-textarea-max_height: 10em;
    --dt-input-max_width-default: 20rem;
    --dt-input-width-full: 100%;
    --dt-input-padding: var(--dt-space-01);
    --dt-input-margin: var(--dt-space-01) 0 0;
    --dt-input-background_color-default: var(--dt-body-background_color);
    --dt-input-text-font_size: var(--dt-font_size-default);
    --dt-input-text-font_family: var(--dt-font_family-main);
    --dt-input-color-default: var(--dt-font-color_main);
    --dt-input-border: none;
    --dt-input-border_color-default: var(--dt-font-color_main-ligth);
    --dt-input-border_width-default: 1px;
    --dt-input-outline: none;
    --dt-input-color-hover: var(--dt-input-border_color-hover);
    --dt-input-border_width-hover: 2px;
    --dt-input-border_width-focus: 2px;
    --dt-input-border_color-hover: var(--dt-color-secondary);
    --dt-input-border_color-focus: var(--dt-color-secondary);
    --dt-input-symbol-background_color: var(--dt-background_color-grey);
    --dt-input_select-padding: 0 0.5rem 0 0;
    --dt-input_role_groupe-margin: var(--dt-space-01) 0 0;
    --dt-input_checkbox-space_between_checkbox_and_label_plus_checkbox: calc(var(--dt-font_size-base) + var(--dt-space-01));
    --dt-input_checkbox-border_width: 1px;
    --dt-input_checkbox-label-padding_top_bottom-desktop: var(--dt-space-01);
    --dt-input_checkbox-label-padding_top_bottom-mobile: var(--dt-space-02);
    --dt-input_checkbox-label-padding-desktop: var(--dt-input_checkbox-label-padding_top_bottom-desktop) 0 var(--dt-input_checkbox-label-padding_top_bottom-desktop) var(--dt-input_checkbox-space_between_checkbox_and_label_plus_checkbox);
    --dt-input_checkbox-label-padding-mobile: var(--dt-input_checkbox-label-padding_top_bottom-mobile) 0 var(--dt-input_checkbox-label-padding_top_bottom-mobile) var(--dt-input_checkbox-space_between_checkbox_and_label_plus_checkbox);
    --dt-input_checkbox-square: var(--dt-font_size-base);
    --dt-input_checkbox-background_color: var(--dt-input-background_color-default);
    --dt-input_checkbox-border_color-default: var(--dt-input-border_color-default);
    --dt-input_checkbox-fond-distance_top-desktop: calc((var(--dt-font_size-base) * var(--dt-form_field_wrapper-label-line_height-factor) + (var(--dt-input_checkbox-label-padding_top_bottom-desktop) * 2)) / 2 - (var(--dt-input_checkbox-square) / 2));
    --dt-input_checkbox-fond-distance_top-mobile: calc((var(--dt-font_size-base) * var(--dt-form_field_wrapper-label-line_height-factor) + (var(--dt-input_checkbox-label-padding_top_bottom-mobile) * 2)) / 2 - (var(--dt-input_checkbox-square) / 2));
    --dt-input_checkbox-fond-distance_left: 0px;
    --dt-input_checkbox-check-distance_top-desktop: calc(var(--dt-input_checkbox-fond-distance_top-desktop) + var(--dt-input_radio-space_between_border_and_point));
    --dt-input_checkbox-check-distance_top-mobile: calc(var(--dt-input_checkbox-fond-distance_top-mobile) + var(--dt-input_radio-space_between_border_and_point));
    --dt-input_checkbox-check-distance_left: var(--dt-input_checkbox-border_width);
    --dt-input_checkbox-check-color-default: var(--dt-input_checkbox-border_color-hover);
    --dt-input_checkbox-check-line_width-default: 2px;
    --dt-input_checkbox-check-line_left-default: calc((var(--dt-input_checkbox-square) - (var(--dt-input_checkbox-border_width) * 2)) / 3);
    --dt-input_checkbox-check-line_right-default: calc(var(--dt-input_checkbox-square) - (var(--dt-input_checkbox-border_width) * 2));
    --dt-input_checkbox-check-line_width-hover: 2px;
    --dt-input_checkbox-border_color-hover: var(--dt-input-border_color-hover);
    --dt-input_checkbox-opacity-hover: 0;
    --dt-input_checkbox-border_color-checked: var(--dt-input-border_color-hover);
    --dt-input_radio-space_between_button_and_label_plus_button: calc(var(--dt-input_radio-fond-square) + var(--dt-space-01));
    --dt-input_radio-padding_top_bottom-desktop: var(--dt-space-01);
    --dt-input_radio-padding_top_bottom-mobile: var(--dt-space-02);
    --dt-input_radio-padding-desktop: var(--dt-input_radio-padding_top_bottom-desktop) 0 var(--dt-input_radio-padding_top_bottom-desktop) var(--dt-input_radio-space_between_button_and_label_plus_button);
    --dt-input_radio-padding-mobile: var(--dt-input_radio-padding_top_bottom-mobile) 0 var(--dt-input_radio-padding_top_bottom-mobile) var(--dt-input_radio-space_between_button_and_label_plus_button);
    --dt-input_radio-fond-distance_top-desktop: calc((var(--dt-font_size-base) * var(--dt-form_field_wrapper-label-line_height-factor) + (var(--dt-input_radio-padding_top_bottom-desktop) * 2)) / 2 - (var(--dt-input_radio-fond-square) / 2));
    --dt-input_radio-fond-distance_top-mobile: calc((var(--dt-font_size-base) * var(--dt-form_field_wrapper-label-line_height-factor) + (var(--dt-input_radio-padding_top_bottom-mobile) * 2)) / 2 - (var(--dt-input_radio-fond-square) / 2));
    --dt-input_radio-fond-distance_left: 0px;
    --dt-input_radio-fond-square: var(--dt-font_size-base);
    --dt-input_radio-fond-background_color-default: var(--dt-input-background_color-default);
    --dt-input_radio-fond-border_color-default: var(--dt-input-border_color-default);
    --dt-input_radio-fond-border_width-default: var(--dt-input-border_width-default);
    --dt-input_radio-fond-border_color-hover: var(--dt-color-secondary);
    --dt-input_radio-fond-background_color-hover: var(--dt-input-background_color-default);
    --dt-input_radio-fond-border_width-hover: 2px;
    --dt-input_radio-fond-border_color-selected: var(--dt-color-secondary);
    --dt-input_radio-point-square: calc(var(--dt-input_radio-fond-square) / 2);
    --dt-input_radio-space_between_border_and_point: calc(var(--dt-input_radio-point-square) / 2);
    --dt-input_radio-point-distance_top-desktop: calc(var(--dt-input_radio-fond-distance_top-desktop) + var(--dt-input_radio-space_between_border_and_point));
    --dt-input_radio-point-distance_top-mobile: calc(var(--dt-input_radio-fond-distance_top-mobile) + var(--dt-input_radio-space_between_border_and_point));
    --dt-input_radio-point-distance_left: calc(var(--dt-input_radio-fond-distance_left) + var(--dt-input_radio-space_between_border_and_point));
    --dt-input_radio-point-background_color-hover: transparent;
    --dt-input_radio-point-background_color-selected: var(--dt-color-secondary);
    --dt-choice_radio-li-padding: var(--dt-space-01) 0;
    --dt-choice_button-space-beetween-buttons: var(--dt-space-02);
    --dt-choice_button-space-beetween-check-and-text: var(--dt-space-01);
    --dt-choice_button-button-check-color-default: var(--dt-choice_button-button-text-color-checked);
    --dt-choice_button-button-check-line-width-default: 2px;
    --dt-choice_button-button-check-line-right-default: calc(var(--dt-form_field_wrapper-label-font_size) * var(--dt-form_field_wrapper-label-line_height-factor));
    --dt-choice_button-button-check-line-left-default: calc(var(--dt-choice_button-button-check-line-right-default) / 2);
    --dt-choice_button-button-check-line-trick-for-alignement: 3px;
    --dt-choice-button-button-display-default: none;
    --dt-choice-button-button-visibility-default: hidden;
    --dt-choice_button-button-check-background-color-default: var(--dt-choice_button-button-background-color-checked);
    --dt-choice_button-button-check-border-color-default: transparent;
    --dt-choice_button-button-check-border-color-checked: transparent;
    --dt-choice_button-button-padding-top-bottom-default: var(--dt-space-01);
    --dt-choice_button-button-padding-side-default: var(--dt-space-03);
    --dt-choice_button-button-text-color-default: var(--dt-font-color_main);
    --dt-choice_button-button-border-color-default: var(--dt-font-color_main);
    --dt-choice_button-button-background-color-default: var(--dt-input-background_color-default);
    --dt-choice_button-button-text-color-hover: var(--dt-input-background_color-default);
    --dt-choice_button-button-border-color-hover: var(--dt-color-secondary);
    --dt-choice_button-button-background-color-hover: var(--dt-color-secondary);
    --dt-choice_button-button-padding-top-bottom-checked: var(--dt-space-01);
    --dt-choice_button-button-padding-side-checked: var(--dt-space-02);
    --dt-choice_button-button-text-color-checked: var(--dt-choice_button-button-background-color-default);
    --dt-choice_button-button-border-color-checked: var(--dt-choice_button-button-border-color-hover);
    --dt-choice_button-button-background-color-checked: var(--dt-choice_button-button-background-color-hover);
    --dt-form_field_wrapper-ng_error-font_size: 0.875rem;
    --dt-form_field_wrapper-ng_error-line_height: 1rem;
    --dt-form_field_wrapper-ng_error-error_before-icone_fa-font-size: var(--dt-form_field_wrapper-ng_error-font_size);
    --dt-form_field_wrapper-ng_error-color: var(--dt-color-danger);
    --dt-form_field_wrapper-ng_error-margin: var(--dt-space-01) 0 var(--dt-space-00) 0;
    --dt-input-border_color-error_default: var(--dt-color-danger);
    --dt-input-border_width-error_default: 2px;
    --dt-input-border_color-error_hover: var(--dt-color-secondary);
    --dt-input-border_width-error_hover: 4px;
    --dt-input_date-jour-width: calc(((8 * 2 + 40) / var(--dt-font_size-default-calc)) * 1rem);
    --dt-input_date-mois-width: calc(((8 * 2 + 40) / var(--dt-font_size-default-calc)) * 1rem);
    --dt-input_date-annee-width: calc(((8 * 4 + 40) / var(--dt-font_size-default-calc)) * 1rem);
    --dt-form-space-between-label-input: var(--dt-space-01);
}

/*! minireset.css v0.0.5 | MIT License | github.com/jgthms/minireset.css */
blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
    margin: 0;
    padding: 0;
}

button,
input,
select,
textarea {
    margin: 0;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}

*,
:after,
:before {
    box-sizing: inherit;
}

img,
video {
    height: auto;
    max-width: 100%;
}

iframe {
    border: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
    text-align: left;
}

svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    min-height: 100vh;
    background: var(--dt-body-background_color);
    font-family: var(--dt-font_family-main);
    font-size: var(--dt-font_size-default);
    line-height: var(--dt-font-line_height-default);
    font-weight: var(--dt-font_weight-default);
    color: var(--dt-font-color_main);
    quotes: var(--dt-type-of-quotes);
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.--h1,
.--h2,
.--h3,
.--h4,
.--h5,
.--h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: var(--dt-header-weight_bold);
    margin: var(--dt-header-margin-default);
}

.--h1,
h1 {
    font-family: var(--dt-header-h1-font_family);
    line-height: var(--dt-header-h1-line_height);
    font-size: var(--dt-header-h1-font_size-mobile);
}

@media (min-width: 48em) {

    .--h1,
    h1 {
        font-size: var(--dt-header-h1-font_size-desktop);
    }
}

.--h2,
h2 {
    font-family: var(--dt-header-h2-font_family);
    font-size: var(--dt-header-h2-font_size);
    line-height: var(--dt-header-h2-line_height);
}

.--h3,
h3 {
    font-family: var(--dt-header-h3-font_family);
    font-size: var(--dt-header-h3-font_size);
    line-height: var(--dt-header-h3-line_height);
}

.--h4,
h4 {
    font-family: var(--dt-header-h4-font_family);
    font-size: var(--dt-header-h4-font_size);
    line-height: var(--dt-header-h4-line_height);
}

.--h5,
h5 {
    font-family: var(--dt-header-h5-font_family);
    font-size: var(--dt-header-h5-font_size);
    line-height: var(--dt-header-h5-line_height);
}

.--h6,
h6 {
    font-family: var(--dt-header-h6-font_family);
    font-size: var(--dt-header-h6-font_size);
    line-height: var(--dt-header-h6-line_height);
}

.--paragraph,
p {
    font-family: var(--dt-font_family-main);
    font-weight: 400;
    font-size: var(--dt-font_size-default);
    line-height: var(--dt-paragraph-line_height);
    margin: 0;
    padding: 0;
}

.--paragraph~.--paragraph,
.--paragraph~p,
p~.--paragraph,
p~p {
    margin-top: var(--dt-paragraph-beetween-margin_top);
}

.--small,
small {
    font-style: normal;
    font-size: var(--dt-small-font_size);
    font-weight: 400;
}

.--strong,
b,
strong {
    font-weight: var(--dt-font_weight-bold-default);
}

.--italic,
em,
i {
    font-style: italic;
}

a {
    text-decoration: var(--dt-link-text_decoration-default);
    color: var(--dt-link-color-default);
}

a:focus,
a:hover {
    cursor: pointer;
    text-decoration: var(--dt-link-text_decoration-hover);
    color: var(--dt-link-color-hover);
}

ul {
    margin-left: var(--dt-list-margin_left);
    list-style: disc;
}

ul.--list_no_list_style {
    list-style: none;
}

.button,
button,
a.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    padding: var(--dt-button-padding);
    line-height: var(--dt-button-line_height);
    overflow: visible;
    appearance: none;
    text-align: left;
    text-decoration: none;
    user-select: none;
    font-size: var(--dt-button-font_size-default);
    font-weight: var(--dt-button-font_weight-default);
    border-radius: var(--dt-button-border_radius-default);
    border-style: var(--dt-button-border_style-default);
    border-width: var(--dt-button-border_width-default);
    font-family: var(--dt-font_family-main);
    color: inherit;
    margin: var(--dt-space-00);
}

.button:focus,
.button:hover,
button:focus,
button:hover,
a.button:focus,
a.button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
    text-decoration: none;
    cursor: pointer;
}

.button:active,
button:active,
a.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    opacity: 1;
}

.button:disabled,
button:disabled,
a.button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.button img,
.button svg,
button img,
button svg,
a.button img,
a.button svg,
input[type="button"] img,
input[type="button"] svg,
input[type="reset"] img,
input[type="reset"] svg,
input[type="submit"] img,
input[type="submit"] svg {
    padding: 0;
    width: auto;
    margin-right: var(--dt-space-02);
}

.button.--button_icon_right img,
.button.--button_icon_right svg,
button.--button_icon_right img,
button.--button_icon_right svg,
a.button.--button_icon_right img,
a.button.--button_icon_right svg,
input[type="button"].--button_icon_right img,
input[type="button"].--button_icon_right svg,
input[type="reset"].--button_icon_right img,
input[type="reset"].--button_icon_right svg,
input[type="submit"].--button_icon_right img,
input[type="submit"].--button_icon_right svg {
    margin-right: 0;
    margin-left: var(--dt-space-02);
}

.button {
    box-sizing: border-box;
    min-height: var(--dt-button-min_height-default);
    min-width: var(--dt-button-min_width-default);
}

.button.--button_primary {
    color: var(--dt-button_primary-text-color-default);
    border-color: var(--dt-button_primary-border_color-default);
    background: var(--dt-button_primary-background_color-default);
    box-shadow: var(--dt-button_primary-shadow);
}

.button.--button_primary:focus,
.button.--button_primary:hover {
    color: var(--dt-button_primary-text-color-hover);
    border-color: var(--dt-button_primary-border_color-hover);
    background: var(--dt-button_primary-background_color-hover);
    box-shadow: var(--dt-button_primary-shadow-hover);
}

.button.--button_secondary {
    color: var(--dt-button_secondary-text-color-default);
    border-color: var(--dt-button_secondary-border_color-default);
    background: var(--dt-button_secondary-background_color-default);
}

.button.--button_secondary:focus,
.button.--button_secondary:hover {
    color: var(--dt-button_secondary-text-color-hover);
    border-color: var(--dt-button_secondary-border_color-hover);
    background: var(--dt-button_secondary-background_color-hover);
}

.button.--button_tertiary {
    color: var(--dt-button_tertiary-text-color-default);
    border-color: var(--dt-button_tertiary-border_color-default);
    background: var(--dt-button_tertiary-background_color-default);
}

.button.--button_tertiary:focus,
.button.--button_tertiary:hover {
    color: var(--dt-button_tertiary-text-color-hover);
    border-color: var(--dt-button_tertiary-border_color-hover);
    background: var(--dt-button_tertiary-background_color-hover);
}

.button.--button_tertiary.--button_ghost {
    color: var(--dt-button_tertiary-button_ghost-text-color-default);
    border-color: var(--dt-button_tertiary-button_ghost-border_color-default);
    background: var(--dt-button_tertiary-button_ghost-background_color-default);
}

.button.--button_tertiary.--button_ghost:focus,
.button.--button_tertiary.--button_ghost:hover {
    color: var(--dt-button_tertiary-button_ghost-text-color-hover);
    border-color: var(--dt-button_tertiary-button_ghost-border_color-hover);
    background: var(--dt-button_tertiary-button_ghost-background_color-hover);
}

.button.--button_tertiary.--button_ghost.--button_color_danger {
    color: var(--dt-button_tertiary-button_color_danger-button_ghost-text-color-default);
}

.button.--button_tertiary.--button_ghost.--button_color_danger:focus,
.button.--button_tertiary.--button_ghost.--button_color_danger:hover {
    color: var(--dt-button_tertiary-button_color_danger-button_ghost-text-color-hover);
}

.button.--button_ghost {
    user-select: text;
    padding-right: var(--dt-button-button_text-padding-side);
    padding-left: var(--dt-button-button_text-padding-side);
    font-weight: 400;
}

.button.--button_ghost:hover,
.button.--button_ghost:focus {
    text-decoration: var(--dt-button_tertiary-button_ghost-text_decoration-hover);
}

.button.--button_ghost img,
.button.--button_ghost svg {
    padding: 0;
    width: auto;
    margin-right: var(--dt-space-01);
}

.button.--button_ghost.--button_icon_right img,
.button.--button_ghost.--button_icon_right svg {
    margin-right: 0;
    margin-left: var(--dt-space-01);
}

.button img,
.button svg,
button img,
button svg,
a.button img,
a.button svg,
input[type="button"] img,
input[type="button"] svg,
input[type="reset"] img,
input[type="reset"] svg,
input[type="submit"] img,
input[type="submit"] svg {
    padding: 0;
    width: auto;
    margin-right: var(--dt-base-grid);
}

.button.--button_icon_right img,
.button.--button_icon_right svg,
button.--button_icon_right img,
button.--button_icon_right svg,
a.button.--button_icon_right img,
a.button.--button_icon_right svg,
input[type="button"].--button_icon_right img,
input[type="button"].--button_icon_right svg,
input[type="reset"].--button_icon_right img,
input[type="reset"].--button_icon_right svg,
input[type="submit"].--button_icon_right img,
input[type="submit"].--button_icon_right svg {
    margin-right: 0;
    margin-left: var(--dt-base-grid);
}

.main-container {
    width: 100%;
    max-width: var(--dt-main_container-max_width);
    padding: 0;
    margin: var(--dt-main_container-margin_top-mobile) auto auto;
}

@media (min-width: 48em) {
    .main-container {
        margin: var(--dt-main_container-margin_top-desktop) auto auto;
    }
}

.section {
    background: var(--dt-section-background_color);
    padding: var(--dt-section-padding-mobile);
}

@media (min-width: 48em) {
    .section {
        padding: var(--dt-section-padding-desktop);
    }
}

.section.--section_no_background {
    background: var(--dt-section_content-background_color);
}

.section.--section_no_padding {
    padding: 0;
}

.section~.section {
    margin-top: var(--dt-base-grid);
}

.section fieldset {
    margin-top: var(--dt-section-fieldset-margin_top);
}

.section fieldset:first-child {
    margin-top: 0;
}

.title-section {
    margin: 0;
    position: relative;
    padding: var(--dt-section-title-padding-mobile);
}

@media (min-width: 48em) {
    .title-section {
        padding: var(--dt-section-title-padding-desktop);
    }
}

.title-section:after {
    content: "";
    position: absolute;
    width: var(--dt-section-title_underline-width);
    height: calc(var(--dt-base-grid, 8px) / 2);
    left: 0;
    bottom: 0;
    background-color: var(--dt-section-title_underline-background_color);
}

.title-subsection {
    padding: var(--dt-subsection-title-padding);
    border-bottom: solid var(--dt-subsection-title-border_size) var(--dt-font-color_main);
}

.information {
    display: flex;
    flex-direction: row;
    font-weight: bold;
    color: var(--dt-information-color);
    background: var(--dt-information-background_color);
    font-size: var(--dt-font_size-default);
    padding: var(--dt-information-padding-mobile);
}

@media (min-width: 48em) {
    .information {
        padding: var(--dt-information-padding-desktop);
    }
}

.section .information {
    padding: var(--dt-section-padding-mobile);
    margin: var(--dt-information-in_section-margin_top) calc(-1 * var(--dt-section-padding-mobile)) 0;
}

@media (min-width: 48em) {
    .section .information {
        margin: var(--dt-information-in_section-margin_top) calc(-1 * var(--dt-section-padding-desktop)) 0;
        padding: var(--dt-section-padding-desktop);
    }
}

.information.--more_spacing {
    margin-top: var(--dt-information-more_spacing-margin_top);
}

.information>svg:first-child {
    font-size: var(--dt-information-icon-height);
    margin-right: var(--dt-information-icon-margin-right);
}

.control_bar {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: var(--dt-control_bar-margin-mobile);
}

@media (min-width: 48em) {
    .control_bar {
        margin: var(--dt-control_bar-margin-between-mobile_and_main_container);
        flex-direction: row-reverse;
    }
}

@media (min-width: 60.01em) {
    .control_bar {
        margin: var(--dt-control_bar-margin-desktop_large);
    }
}

.control_bar>*:first-child {
    margin: 0 auto;
}

@media (min-width: 48em) {
    .control_bar>*:first-child {
        margin: 0;
    }
}

.control_bar>* {
    margin: var(--dt-control_bar-space_between_button) auto 0;
}

@media (min-width: 48em) {
    .control_bar>* {
        margin: 0;
    }
}

.control_bar.--column {
    flex-direction: column;
}

.control_bar.--column>*:first-child {
    margin: 0 auto;
}

.control_bar.--column>* {
    margin: var(--dt-control_bar-space_between_button) auto 0;
}

.control_bar.--custom {
    display: block;
}

.control_bar .control_bar-container_validation {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    margin: 0;
}

.control_bar .control_bar-container_validation>button {
    margin: 0;
}

@media (min-width: 48em) {
    .control_bar .control_bar-container_validation.--element_alone {
        margin-left: auto;
    }
}

.control_bar .control_bar-container_validation.--contains_one {
    justify-content: center;
}

@media (min-width: 48em) {
    .control_bar .control_bar-container_validation:not(.--contains_one) button:first-child {
        margin: auto 0 auto var(--dt-control_bar-space_between_button);
    }
}

.control_bar-container_abandon {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

@media (min-width: 48em) {
    .control_bar-container_abandon {
        flex-direction: row-reverse;
    }
}

.control_bar-container_abandon button,
.control_bar-container_abandon a {
    margin: 0 auto;
}

@media (min-width: 48em) {

    .control_bar-container_abandon button,
    .control_bar-container_abandon a {
        margin: 0;
    }
}

@media (min-width: 48em) {
    .control_bar-container_abandon button:first-child {
        margin-left: var(--dt-control_bar-space_between_button);
    }
}

.control_bar-container_abandon .separator {
    display: block;
    height: 1px;
    width: 100%;
    margin: var(--dt-control_bar-separator-margin);
    background: var(--dt-control_bar-divider-background_color);
}

@media (min-width: 48em) {
    .control_bar-container_abandon .separator {
        display: none;
    }
}

.section form p,
.section form .form_field_wrapper,
form.section p,
form.section .form_field_wrapper,
form .section p,
form .section .form_field_wrapper {
    max-width: var(--dt-section-form_content-max_width);
}

.form_field_wrapper {
    display: block;
    position: relative;
    margin-top: var(--dt-form_field_wrapper-margin_top);
}

.form_field_wrapper textarea,
.form_field_wrapper input {
    display: block;
    margin: 0;
}

.form_field_wrapper label~.label_complement {
    display: inline-block;
    font-weight: 400;
    width: auto;
    color: var(--dt-form_field_wrapper-label_complement-color);
}

.form_field_wrapper label {
    font-size: var(--dt-form_field_wrapper-label-font_size);
    line-height: var(--dt-form_field_wrapper-label-line_height);
    font-weight: 400;
    margin: 0;
    width: auto;
    padding-right: var(--dt-form_field_wrapper-label-space_with_complement_label);
}

.form_field_wrapper label[for] {
    cursor: pointer;
}

.form_field_wrapper .field_error {
    color: var(--dt-form_field_wrapper-field_error-color);
    margin-top: var(--dt-form_field_wrapper-field_error-margin_top);
}

.form_field_wrapper ul {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    margin: 0;
    list-style: none;
}

.form_field_wrapper li {
    padding: 0;
}

:root {
    --input-border-color-error: var(--dt-input-border_color-error_default);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea,
.input_select,
input,
.input {
    padding: var(--dt-input-padding);
    margin: var(--dt-input-margin);
    border: none;
    outline: none;
    color: var(--dt-font-color_main);
    background: var(--dt-input-background_color-default);
    font-family: var(--dt-input-text-font_family);
    font-size: var(--dt-input-text-font_size);
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-default) 0 0 0 var(--dt-input-border_width-default) inset;
    width: var(--dt-input-max_width-default);
}

textarea:hover,
.input_select:hover,
input:hover,
.input:hover {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-hover) 0 0 0 var(--dt-input-border_width-hover) inset;
}

textarea:focus,
.input_select:focus,
input:focus,
.input:focus {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-focus) 0 0 0 var(--dt-input-border_width-focus) inset;
}

textarea:disabled,
.input_select:disabled,
input:disabled,
.input:disabled {
    cursor: not-allowed;
}

textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::-ms-input-placeholder,
textarea::placeholder,
.input_select::-webkit-input-placeholder,
.input_select::-moz-placeholder,
.input_select:-ms-input-placeholder,
.input_select::-ms-input-placeholder,
.input_select::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-ms-input-placeholder,
input::placeholder,
.input::-webkit-input-placeholder,
.input::-moz-placeholder,
.input:-ms-input-placeholder,
.input::-ms-input-placeholder,
.input::placeholder {
    color: var(--dt-input-color-default);
}

textarea.--input_full,
.input_select.--input_full,
input.--input_full,
.input.--input_full {
    width: var(--dt-input-width-full);
}

textarea {
    max-height: var(--dt-textarea-max_height);
    resize: vertical;
}

.symbol-container {
    display: flex;
    flex-direction: row;
    align-self: stretch;
}

.symbol-container input {
    text-align: right;
}

.symbol-container[data-symbol]::after {
    padding: 0 var(--dt-input-padding);
    content: attr(data-symbol);
    display: flex;
    align-items: center;
    border: var(--dt-input-border_color-default) var(--dt-input-border_width-default) solid;
    border-left: none;
    background-color: var(--dt-input-symbol-background_color);
}

input[data-character-limit] {
    width: calc(((8 * var(--dt-input-width-custom) + 40) / var(--dt-font_size-default-calc)) * 1rem);
}

input[data-character-limit="2"] {
    --dt-input-width-custom: 2;
    text-align: center;
}

input[data-character-limit="3"] {
    --dt-input-width-custom: 3;
    text-align: center;
}

input[data-character-limit="4"] {
    --dt-input-width-custom: 4;
    text-align: center;
}

input[data-character-limit="5"] {
    --dt-input-width-custom: 5;
    text-align: center;
}

input[data-character-limit="6"] {
    --dt-input-width-custom: 6;
    text-align: center;
}

input[data-character-limit="7"] {
    --dt-input-width-custom: 7;
}

input[data-character-limit="8"] {
    --dt-input-width-custom: 8;
}

input[data-character-limit="9"] {
    --dt-input-width-custom: 9;
}

input[data-character-limit="10"] {
    --dt-input-width-custom: 10;
}

input[data-character-limit="11"] {
    --dt-input-width-custom: 11;
}

input[data-character-limit="12"] {
    --dt-input-width-custom: 12;
}

input[data-character-limit="13"] {
    --dt-input-width-custom: 13;
}

input[data-character-limit="14"] {
    --dt-input-width-custom: 14;
}

input[data-character-limit="15"] {
    --dt-input-width-custom: 15;
}

input[data-character-limit="16"] {
    --dt-input-width-custom: 16;
}

input[data-character-limit="17"] {
    --dt-input-width-custom: 17;
}

input[data-character-limit="18"] {
    --dt-input-width-custom: 18;
}

input[data-character-limit="19"] {
    --dt-input-width-custom: 19;
}

input[data-character-limit="20"] {
    --dt-input-width-custom: 20;
}

input[data-character-limit="21"] {
    --dt-input-width-custom: 21;
}

input[data-character-limit="22"] {
    --dt-input-width-custom: 22;
}

input[data-character-limit="23"] {
    --dt-input-width-custom: 23;
}

input[data-character-limit="24"] {
    --dt-input-width-custom: 24;
}

input[data-character-limit="25"] {
    --dt-input-width-custom: 25;
}

input[data-character-limit="26"] {
    --dt-input-width-custom: 26;
}

input[data-character-limit="27"] {
    --dt-input-width-custom: 27;
}

input[data-character-limit="28"] {
    --dt-input-width-custom: 28;
}

input[data-character-limit="29"] {
    --dt-input-width-custom: 29;
}

input[data-character-limit="30"] {
    --dt-input-width-custom: 30;
}

input[type="checkbox"] {
    display: block;
    position: absolute;
    cursor: default;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
}

input[type="checkbox"]~.label_complement {
    display: block;
    padding-left: var(--dt-input_checkbox-space_between_checkbox_and_label_plus_checkbox);
    margin-top: calc(var(--dt-font_size-base-calc) / 2 * -1px);
}

@media (min-width: 48em) {
    input[type="checkbox"]~.label_complement {
        margin-top: calc(var(--dt-font_size-base-calc) / 2 * -1px);
    }
}

input[type="checkbox"]+label {
    cursor: pointer;
    position: relative;
    width: 100%;
    display: block;
    padding: var(--dt-input_checkbox-label-padding-mobile);
}

@media (min-width: 48em) {
    input[type="checkbox"]+label {
        padding: var(--dt-input_checkbox-label-padding-desktop);
    }
}

input[type="checkbox"]+label:hover {
    color: var(--dt-input-color-hover);
}

input[type="checkbox"]+label::before,
input[type="checkbox"]+label::after {
    content: "";
    display: block;
    position: absolute;
}

input[type="checkbox"]+label::before {
    top: var(--dt-input_checkbox-fond-distance_top-mobile);
    left: var(--dt-input_checkbox-fond-distance_left);
    border: var(--dt-input_checkbox-border_color-default) var(--dt-input_checkbox-border_width) solid;
    width: var(--dt-input_checkbox-square);
    height: var(--dt-input_checkbox-square);
    appearance: none;
    background-color: var(--dt-input_checkbox-background_color);
}

@media (min-width: 48em) {
    input[type="checkbox"]+label::before {
        top: var(--dt-input_checkbox-fond-distance_top-desktop);
    }
}

input[type="checkbox"]+label::after {
    top: var(--dt-input_checkbox-check-distance_top-mobile);
    left: var(--dt-input_checkbox-check-distance_left);
    display: none;
    visibility: hidden;
    content: "";
    width: var(--dt-input_checkbox-check-line_right-default);
    height: var(--dt-input_checkbox-check-line_left-default);
    border-bottom: var(--dt-input_checkbox-check-line_width-default) solid var(--dt-input_checkbox-check-color-default);
    border-left: var(--dt-input_checkbox-check-line_width-default) solid var(--dt-input_checkbox-check-color-default);
    transform: rotateZ(-45deg);
}

@media (min-width: 48em) {
    input[type="checkbox"]+label::after {
        top: var(--dt-input_checkbox-check-distance_top-desktop);
    }
}

input[type="checkbox"]+label:hover::before {
    border-width: var(--dt-input_checkbox-check-line_width-hover);
    border-color: var(--dt-input_checkbox-border_color-hover);
}

input[type="checkbox"]+label:hover::after {
    display: block;
    visibility: visible;
    opacity: var(--dt-input_checkbox-opacity-hover);
}

input[type="checkbox"]:hover:checked+label::before,
input[type="checkbox"]:checked+label::before {
    border-color: var(--dt-input_checkbox-border_color-checked);
}

input[type="checkbox"]:hover:checked+label::after,
input[type="checkbox"]:checked+label::after {
    opacity: 1;
    display: block;
    visibility: visible;
    border-left-color: var(--dt-input_checkbox-border_color-checked);
    border-right-color: var(--dt-input_checkbox-border_color-checked);
}

[role="radiogroup"] {
    position: relative;
    margin: var(--dt-input_role_groupe-margin);
    list-style: none;
}

input[type="radio"] {
    display: block;
    position: absolute;
    cursor: default;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
}

input[type="radio"]+label {
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    padding: var(--dt-input_radio-padding-mobile);
}

@media (min-width: 48em) {
    input[type="radio"]+label {
        padding: var(--dt-input_radio-padding-desktop);
    }
}

input[type="radio"]+label:hover {
    color: var(--dt-input-color-hover);
}

input[type="radio"]+label::before,
input[type="radio"]+label::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 100%;
}

input[type="radio"]+label::before {
    top: var(--dt-input_radio-fond-distance_top-mobile);
    left: var(--dt-input_radio-fond-distance_left);
    border: var(--dt-input_radio-fond-border_color-default) var(--dt-input_radio-fond-border_width-default) solid;
    background-color: var(--dt-input_radio-fond-background_color-default);
    width: var(--dt-input_radio-fond-square);
    height: var(--dt-input_radio-fond-square);
}

@media (min-width: 48em) {
    input[type="radio"]+label::before {
        top: var(--dt-input_radio-fond-distance_top-desktop);
    }
}

input[type="radio"]+label::after {
    top: var(--dt-input_radio-point-distance_top-mobile);
    left: var(--dt-input_radio-point-distance_left);
    width: var(--dt-input_radio-point-square);
    height: var(--dt-input_radio-point-square);
}

@media (min-width: 48em) {
    input[type="radio"]+label::after {
        top: var(--dt-input_radio-point-distance_top-desktop);
    }
}

input[type="radio"]:focus+label {
    outline: var(--dt-outline-color-default) var(--dt-outline-border_style-default) var(--dt-outline-width-default);
    outline-offset: var(--dt-outline-offset-default);
}

input[type="radio"]+label:hover::before {
    border-width: var(--dt-input_radio-fond-border_width-hover);
    border-color: var(--dt-input_radio-fond-border_color-hover);
}

input[type="radio"]+label:hover::after {
    background-color: var(--dt-input_radio-point-background_color-hover);
}

input[type="radio"]:checked+label::before {
    border-color: var(--dt-input_radio-fond-border_color-selected);
}

input[type="radio"]:checked+label::after {
    background-color: var(--dt-input_radio-point-background_color-selected);
}

.choice_button {
    display: var(--dt-choice_button-display-default);
    width: auto;
    flex-direction: column;
}

.choice_button ul {
    align-items: flex-start;
}

.choice_button.--choice_button_alignement_horizontal ul {
    flex-direction: row;
}

.choice_button li {
    margin-right: var(--dt-choice_button-space-beetween-buttons);
    padding: var(--dt-choice_radio-li-padding);
}

.choice_button input[type="checkbox"],
.choice_button input[type="radio"] {
    display: block;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
}

.choice_button input[type="checkbox"]+label,
.choice_button input[type="radio"]+label {
    position: relative;
    display: flex;
    flex-direction: row;
    user-select: none;
    cursor: pointer;
    padding: var(--dt-choice_button-button-padding-top-bottom-default) var(--dt-choice_button-button-padding-side-default);
    background-color: var(--dt-choice_button-button-background-color-default);
    border: 1px var(--dt-choice_button-button-border-color-default) solid;
    border-radius: var(--dt-choice_button-button-border-radius-default);
    color: var(--dt-choice_button-button-text-color-default);
    font-size: var(--dt-form_field_wrapper-label-font_size);
    line-height: inherit;
}

.choice_button input[type="checkbox"]+label:before,
.choice_button input[type="checkbox"]+label:after,
.choice_button input[type="radio"]+label:before,
.choice_button input[type="radio"]+label:after {
    position: relative;
    border-radius: 0;
    visibility: hidden;
    display: none;
}

.choice_button input[type="checkbox"]+label.--error,
.choice_button input[type="radio"]+label.--error {
    border: var(--dt-input-border_width-error) solid var(--dt-color-danger-input);
}

.choice_button input[type="checkbox"]+label.--error:before,
.choice_button input[type="radio"]+label.--error:before {
    border-color: var(--dt-color-danger-input) !important;
}

.choice_button input[type="checkbox"]+label:before,
.choice_button input[type="radio"]+label:before {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: var(--dt-choice-button-button-display-default);
    visibility: var(--dt-choice-button-button-visibility-default);
    content: "";
    margin-right: var(--dt-choice_button-space-beetween-check-and-text);
    width: var(--dt-choice_button-button-check-line-right-default);
    height: var(--dt-choice_button-button-check-line-left-default);
    background-color: var(--dt-choice_button-button-check-background-color-default);
    border-bottom: var(--dt-choice_button-button-check-border-bottom-default);
    border-left: var(--dt-choice_button-button-check-border-left-default);
    border-top: var(--dt-choice_button-button-check-border-top-default);
    border-right: var(--dt-choice_button-button-check-border-right-default);
    transform: var(--dt-choice_button-button-check-transform-default);
    border-radius: var(--dt-choice_button-button-check-border-radius-default);
    margin-top: var(--dt-choice_button-button-check-line-trick-for-alignement);
}

.choice_button input[type="checkbox"]+label:hover,
.choice_button input[type="radio"]+label:hover {
    color: var(--dt-choice_button-button-text-color-hover);
    border-color: var(--dt-choice_button-button-border-color-hover);
    box-shadow: var(--dt-choice_button-button-box-shadow);
    background-color: var(--dt-choice_button-button-background-color-hover);
}

.choice_button input[type="checkbox"]:focus+label,
.choice_button input[type="radio"]:focus+label {
    box-shadow: var(--dt-choice_button-button-box-shadow);
}

.choice_button input[type="checkbox"]:checked+label,
.choice_button input[type="radio"]:checked+label {
    padding: var(--dt-choice_button-button-padding-top-bottom-checked) var(--dt-choice_button-button-padding-side-checked);
    color: var(--dt-choice_button-button-text-color-checked);
    background-color: var(--dt-choice_button-button-background-color-checked);
    border: 1px solid var(--dt-choice_button-button-border-color-checked);
    box-shadow: 0 0 0 1px var(--dt-choice_button-button-border-color-checked) inset;
}

.choice_button input[type="checkbox"]:checked+label:hover::before,
.choice_button input[type="checkbox"]:checked+label:before,
.choice_button input[type="radio"]:checked+label:hover::before,
.choice_button input[type="radio"]:checked+label:before {
    display: block;
    visibility: visible;
    width: var(--dt-choice_button-button-check-line-right-default);
    height: var(--dt-choice_button-button-check-line-left-default);
    background-color: var(--dt-choice_button-button-check-background-color-checked);
    border-color: var(--dt-choice_button-button-check-border-color-checked);
    border-bottom: var(--dt-choice_button-button-check-border-bottom-checked);
    border-left: var(--dt-choice_button-button-check-border-left-checked);
    border-top: var(--dt-choice_button-button-check-border-top-checked);
    border-right: var(--dt-choice_button-button-check-border-right-checked);
    border-radius: var(--dt-choice_button-button-check-border-radius-default);
}

.choice_button input[type="checkbox"]:checked+label:after,
.choice_button input[type="radio"]:checked+label:after {
    display: none;
    visibility: hidden;
}

.choice_button input[type="checkbox"] {
    display: block;
    opacity: 0;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    z-index: -1;
}

.choice_button input[type="checkbox"]+label {
    position: relative;
    display: flex;
    flex-direction: row;
    user-select: none;
    cursor: pointer;
    padding: var(--dt-choice_button-button-padding-top-bottom-default) var(--dt-choice_button-button-padding-side-default);
    background-color: var(--dt-choice_button-button-background-color-default);
    border: 1px var(--dt-choice_button-button-border-color-default) solid;
    border-radius: var(--dt-choice_button-button-border-radius-default);
    color: var(--dt-choice_button-button-text-color-default);
    font-size: var(--dt-form_field_wrapper-label-font_size);
    line-height: inherit;
}

.choice_button input[type="checkbox"]+label:before,
.choice_button input[type="checkbox"]+label:after {
    position: relative;
    border-radius: 0;
    visibility: hidden;
    display: none;
}

.choice_button input[type="checkbox"]+label.--error {
    border: var(--dt-input-border_width-error) solid var(--dt-color-danger-input);
}

.choice_button input[type="checkbox"]+label.--error:before {
    border-color: var(--dt-color-danger-input) !important;
}

.choice_button input[type="checkbox"]+label:before {
    top: auto;
    bottom: auto;
    right: auto;
    left: auto;
    display: var(--dt-choice-button-button-display-default);
    visibility: var(--dt-choice-button-button-visibility-default);
    content: "";
    margin-right: var(--dt-choice_button-space-beetween-check-and-text);
    width: var(--dt-choice_button-button-check-line-right-default);
    height: var(--dt-choice_button-button-check-line-left-default);
    background-color: var(--dt-choice_button-button-check-background-color-default);
    border-bottom: var(--dt-choice_button-button-check-border-bottom-default);
    border-left: var(--dt-choice_button-button-check-border-left-default);
    border-top: var(--dt-choice_button-button-check-border-top-default);
    border-right: var(--dt-choice_button-button-check-border-right-default);
    transform: var(--dt-choice_button-button-check-transform-default);
    border-radius: var(--dt-choice_button-button-check-border-checkbox-radius-default);
    margin-top: var(--dt-choice_button-button-check-line-trick-for-alignement);
}

.choice_button input[type="checkbox"]+label:hover {
    color: var(--dt-choice_button-button-text-color-hover);
    border-color: var(--dt-choice_button-button-border-color-hover);
    box-shadow: var(--dt-choice_button-button-box-shadow);
    background-color: var(--dt-choice_button-button-background-color-hover);
}

.choice_button input[type="checkbox"]:focus+label {
    box-shadow: var(--dt-choice_button-button-box-shadow);
}

.choice_button input[type="checkbox"]:checked+label {
    padding: var(--dt-choice_button-button-padding-top-bottom-checked) var(--dt-choice_button-button-padding-side-checked);
    color: var(--dt-choice_button-button-text-color-checked);
    background-color: var(--dt-choice_button-button-background-color-checked);
    border: 1px solid var(--dt-choice_button-button-border-color-checked);
    box-shadow: 0 0 0 1px var(--dt-choice_button-button-border-color-checked) inset;
}

.choice_button input[type="checkbox"]:checked+label:hover::before,
.choice_button input[type="checkbox"]:checked+label:before {
    display: block;
    visibility: visible;
    width: var(--dt-choice_button-button-check-line-right-default);
    height: var(--dt-choice_button-button-check-line-left-default);
    background-color: var(--dt-choice_button-button-check-checkbox-background-color-checked);
    border-color: var(--dt-choice_button-button-check-border-color-checked);
    border-bottom: var(--dt-choice_button-button-check-border-bottom-checked);
    border-left: var(--dt-choice_button-button-check-border-left-checked);
    border-top: var(--dt-choice_button-button-check-border-top-checked);
    border-right: var(--dt-choice_button-button-check-border-right-checked);
    border-radius: var(--dt-choice_button-button-check-border-checkbox-radius-default);
}

.choice_button input[type="checkbox"]:checked+label:after {
    display: flex;
    border-color: var(--dt-choice_button-button-check--checkbox-border-color-checked);
}

.choice_button input[type="checkbox"],
.choice_button input[type="radio"]:disabled+label {
    background-color: var(--dt-color-disabled-light);
    border-color: var(--dt-color-disabled-dark);
}

.choice_button input[type="checkbox"]:before,
.choice_button input[type="radio"]:disabled+label:before {
    border-color: var(--dt-color-disabled-dark);
}

legend {
    padding: 0;
    margin: 0;
}

fieldset {
    border: none;
    padding: 0 0 0 0;
    margin: 0;
    min-width: 0;
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell;
}

.date3 {
    display: block;
    padding: 0 0 0 0;
}

.date3 input {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0;
}

.date3 label {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    margin: 0;
    width: 100%;
}

.date3 span {
    display: inline-block;
    width: 1rem;
    text-align: center;
    vertical-align: 2rem;
}

.date3 div {
    position: relative;
    display: inline-block;
    width: auto;
}

.date3 .container-input-jj {
    width: var(--dt-input_date-jour-width);
}

.date3 .container-input-mm {
    width: var(--dt-input_date-mois-width);
}

.date3 .container-input-ssaa {
    width: var(--dt-input_date-annee-width);
}

.input_select {
    width: max-content;
    min-width: var(--dt-input-max_width-default);
    padding: var(--dt-input_select-padding);
    cursor: pointer;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.input_select select {
    appearance: none;
    background-color: transparent;
    border: none;
    padding: var(--dt-input-padding);
    margin: 0;
    width: 110%;
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input_select:focus-within {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-focus) 0 0 0 var(--dt-input-border_width-focus) inset;
}

.--error-set .ng-control.ng-invalid.ng-touched.ng-dirty,
.--error-set textarea.ng-invalid.ng-touched.ng-dirty,
.--error-set input:not([input="radio"]):not([input="checkbox"]).ng-invalid.ng-touched.ng-dirty {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set .ng-control:hover.ng-invalid.ng-touched.ng-dirty,
.--error-set .ng-control:focus.ng-invalid.ng-touched.ng-dirty,
.--error-set textarea:hover.ng-invalid.ng-touched.ng-dirty,
.--error-set textarea:focus.ng-invalid.ng-touched.ng-dirty,
.--error-set input:not([input="radio"]):not([input="checkbox"]):hover.ng-invalid.ng-touched.ng-dirty,
.--error-set input:not([input="radio"]):not([input="checkbox"]):focus.ng-invalid.ng-touched.ng-dirty {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .ng-control.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty textarea.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]).ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .ng-control.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty textarea.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]).ng-invalid {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .ng-control:hover.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .ng-control:focus.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty textarea:hover.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty textarea:focus.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]):hover.ng-invalid,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]):focus.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .ng-control:hover.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .ng-control:focus.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty textarea:hover.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty textarea:focus.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]):hover.ng-invalid,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:not([input="radio"]):not([input="checkbox"]):focus.ng-invalid {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set .choice_button.ng-invalid.ng-touched.ng-dirty label {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set .choice_button.ng-invalid.ng-touched.ng-dirty label:hover {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .choice_button.ng-invalid label,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .choice_button.ng-invalid label {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .choice_button.ng-invalid label:hover,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .choice_button.ng-invalid label:hover {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set [role="radiogroup"].ng-invalid.ng-touched.ng-dirty label:before,
.--error-set [role="group"].ng-invalid.ng-touched.ng-dirty label:before {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set [role="radiogroup"].ng-invalid.ng-touched.ng-dirty label:hover:before,
.--error-set [role="group"].ng-invalid.ng-touched.ng-dirty label:hover:before {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty [role="radiogroup"].ng-invalid label:before,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty [role="group"].ng-invalid label:before,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty [role="radiogroup"].ng-invalid label:before,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty [role="group"].ng-invalid label:before {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty [role="radiogroup"].ng-invalid label:hover:before,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty [role="group"].ng-invalid label:hover:before,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty [role="radiogroup"].ng-invalid label:hover:before,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty [role="group"].ng-invalid label:hover:before {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.ng-control.ng-invalid.ng-touched.ng-dirty .--error-set input,
.date2.ng-invalid.ng-touched.ng-dirty .--error-set input,
.date3.ng-invalid.ng-touched.ng-dirty .--error-set input {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.date2.ng-invalid.ng-touched.ng-dirty .--error-set input:hover,
.date2.ng-invalid.ng-touched.ng-dirty .--error-set input:focus,
.date3.ng-invalid.ng-touched.ng-dirty .--error-set input:hover,
.date3.ng-invalid.ng-touched.ng-dirty .--error-set input:focus {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.ng-control .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input,
.date2 .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input,
.date3 .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input,
.ng-control .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input,
.date2 .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input,
.date3 .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.date2.ng-invalid .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:hover,
.date2.ng-invalid .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:focus,
.date3.ng-invalid .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:hover,
.date3.ng-invalid .--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty input:focus,
.date2.ng-invalid .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:hover,
.date2.ng-invalid .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:focus,
.date3.ng-invalid .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:hover,
.date3.ng-invalid .--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty input:focus {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.--error-set .date2.ng-invalid.ng-touched.ng-dirty label,
.--error-set .date3.ng-invalid.ng-touched.ng-dirty label {
    color: var(--dt-input-border_color-error_default);
}

.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .date2.ng-invalid label,
.--error-set [formgroupname].ng-invalid.ng-touched.ng-dirty .date3.ng-invalid label,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .date2.ng-invalid label,
.--error-set [ngmodelgroup].ng-invalid.ng-touched.ng-dirty .date3.ng-invalid label {
    color: var(--dt-input-border_color-error_default);
}

.--error-set .input_select.ng-invalid.ng-touched.ng-dirty {
    border: var(--dt-input-border);
    box-shadow: var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset;
}

.--error-set .input_select:focus-within.ng-invalid.ng-touched.ng-dirty {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-error_default) 0 0 0 var(--dt-input-border_width-error_default) inset,
        var(--dt-input-border_color-error_hover) 0 0 0 var(--dt-input-border_width-error_hover) inset;
}

.ng-error {
    color: var(--dt-form_field_wrapper-ng_error-color);
    margin: var(--dt-form_field_wrapper-ng_error-margin);
    line-height: var(--dt-form_field_wrapper-ng_error-line_height);
}

.ng-error.error .error-before .svg-inline--fa {
    margin-right: var(--dt-form_field_wrapper-ng_error-error_before-icone_fa-font-size);
    font-size: var(--dt-error_before-icone_fa-font-size);
}

.ng-error .error-message {
    font-size: var(--dt-form_field_wrapper-ng_error-font_size);
    display: inline-block;
}

div::selection,
::-moz-selection,
::selection {
    color: var(--dt-selection-color);
    background-color: var(--dt-selection-background_color);
}

[tabindex="-1"] {
    outline: none;
}

[tabindex="0"]:focus,
select:focus,
textarea:focus,
input:not([type="radio"]):focus,
a:focus,
button:focus {
    outline: var(--dt-outline-width-default) var(--dt-outline-border_style-default) var(--dt-outline-color-default);
    outline-offset: var(--dt-outline-offset-default);
}

.sr-only {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.sr-only-focusable:focus,
.sr-only-focusable:active {
    clip: auto !important;
    -webkit-clip-path: none !important;
    clip-path: none !important;
    height: auto !important;
    margin: auto !important;
    overflow: visible !important;
    width: auto !important;
    white-space: normal !important;
}

[data-whatinput] body {
    --dt-outline-width-default: 0;
    --dt-outline-color-default: transparent;
    --dt-outline-border_style-default: none;
    --dt-outline-offset-default: 0;
}

[data-whatinput="keyboard"] [tabindex="0"]:focus,
[data-whatinput="keyboard"] a:focus,
[data-whatinput="keyboard"] input:focus,
[data-whatinput="keyboard"] button:focus,
[data-whatinput="keyboard"] input[type="radio"]:focus+label,
[data-whatinput="keyboard"] input[type="checkbox"]:focus+label,
[data-whatinput="keyboard"] .input_select:focus-within,
[data-whatinput="keyboard"] div:not(.input_select)>select:focus,
[data-whatinput="keyboard"] textarea:focus {
    outline: var(--dt-outline-width-keyboard) var(--dt-outline-border_style-keyboard) var(--dt-outline-color-keyboard);
    outline-offset: var(--dt-outline-offset-keyboard);
    transition: outline 100ms ease-in;
}

.--center {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
}

.--row {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline;
}

.--column {
    display: flex !important;
    flex-direction: column !important;
}

.--space_between {
    justify-content: space-between !important;
}

.--inline_block {
    display: inline-block !important;
}

.--half_width {
    width: 50% !important;
}

.--center_content {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.--flex_column {
    flex-direction: column;
}

.--flex_row {
    flex-direction: row;
    align-items: baseline;
}

.--flex_column,
.--flex_row {
    display: flex;
}

.--flex_column.--flex_cross_axis_center,
.--flex_row.--flex_cross_axis_center {
    align-items: center;
}

.--flex_column.--flex_cross_axis_start,
.--flex_row.--flex_cross_axis_start {
    align-items: flex-start;
}

.--flex_column.--flex_cross_axis_end,
.--flex_row.--flex_cross_axis_end {
    align-items: flex-end;
}

.--flex_column.--flex_main_axis_center,
.--flex_row.--flex_main_axis_center {
    justify-content: center;
}

.--flex_column.--flex_main_axis_start,
.--flex_row.--flex_main_axis_start {
    justify-content: flex-start;
}

.--flex_column.--flex_main_axis_end,
.--flex_row.--flex_main_axis_end {
    justify-content: flex-end;
}

.--flex_column.--flex_main_axis_space_beetween,
.--flex_row.--flex_main_axis_space_beetween {
    justify-content: space-between;
}

:root {
    --dt-input_date-jour-width: 3.125rem;
    --dt-input_date-mois-width: 3.125rem;
    --dt-input_date-annee-width: 5rem;
    --dt-input_date-container-padding-bottom: var(--dt-input_date-input-text_under-height);
    --dt-input_date-container-item-margin-right: var(--space-02, 16px);
    --dt-input_date-input-text_under-font-size: var(--font-size-base, 16px);
    --dt-input_date-input-text_under-height: 1.6em;
    --dt-input_date-input-text_right-font-size: var(--font-size-base, 16px);
    --dt-input_date-input-text_right-height: var(--space-05, 40px);
    --dt-input_date-input-text_right-width: var(--space-02, 16px);
    --dt-input_date-text-color-default: var(--txt-primary, hsl(0, 10.39%, 30.2%));
    --dt-input_date-border-color-default: var(--txt-primary, hsl(0, 10.39%, 30.2%));
    --dt-input_date-text-color-hover: var(--txt-primary, hsl(0, 10.39%, 30.2%));
    --dt-input_date-border-color-hover: var(--color-secondary, hsl(204.48, 93.55%, 36.47%));
    --dt-input_date-text-color-error: var(--txt-primary, hsl(0, 10.39%, 30.2%));
    --dt-input_date-border-color-error: var(--error, hsl(357.12, 94.55%, 43.14%));
    --dt-input_date-text-color-error-hover: var(--error, hsl(357.12, 94.55%, 43.14%));
    --dt-input_date-border-color-error-hover: var(--error, hsl(357.12, 94.55%, 43.14%));
}

.date2 {
    display: block;
    padding: 0 0 var(--dt-input_date-container-padding-bottom) 0;
}

.date2 input {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0;
}

.date2 div {
    margin-right: var(--dt-input_date-container-item-margin-right);
    position: relative;
    display: inline-block;
    width: auto;
}

.date2 div:after {
    position: absolute;
    top: 100%;
    font-size: var(--dt-input_date-input-text_under-font-size);
    font-weight: 400;
    text-align: center;
    left: 0;
    height: var(--dt-input_date-input-text_under-height);
}

.date2 div:before {
    position: absolute;
    top: 0;
    left: 100%;
    font-size: var(--dt-input_date-input-text_right-font-size);
    font-weight: 400;
    line-height: var(--dt-input_date-input-text_right-height);
    width: var(--dt-input_date-input-text_right-width);
    text-align: center;
}

.date2 .container-input-jj {
    width: var(--dt-input_date-jour-width);
}

.date2 .container-input-jj:before {
    content: "/";
}

.date2 .container-input-jj:after {
    content: "jour";
    width: var(--dt-input_date-jour-width);
}

.date2 .container-input-mm {
    width: var(--dt-input_date-mois-width);
}

.date2 .container-input-mm:before {
    content: "/";
}

.date2 .container-input-mm:after {
    content: "mois";
    width: var(--dt-input_date-mois-width);
}

.date2 .container-input-ssaa {
    width: var(--dt-input_date-annee-width);
}

.date2 .container-input-ssaa:after {
    content: "année";
    width: var(--dt-input_date-annee-width);
}

.--error-set .date2.ng-invalid.ng-touched.ng-dirty input {
    border-color: var(--dt-input_date-border-color-error);
    color: var(--dt-input_date-text-color-error);
}

.--error-set .date2.ng-invalid.ng-touched.ng-dirty input:hover,
.--error-set .date2.ng-invalid.ng-touched.ng-dirty input:focus {
    border-color: var(--dt-input_date-border-color-error);
    color: var(--dt-input_date-text-color-error);
}

.--error-set .date2.ng-invalid.ng-touched.ng-dirty div:after {
    color: var(--dt-input_date-border-color-error);
}

:root {
    --dt-know_more-height: 2.5rem;
    --dt-know_more-line-height: 2.5rem;
    --dt-know_more-color: #066db4;
    --dt-know_more-bg-color: transparent;
    --dt-know_more-text-decoration: none;
    --dt-know_more-text-decoration-hover: underline;
    --dt-know_more-icon-margin: 0.5rem;
    --dt-know_more-content-padding: 1rem;
}

.know_more {
    width: fit-content;
}

.know_more .know_more-title {
    margin: 0;
    padding: 0;
    border: none;
    font-size: inherit;
    font-weight: 400;
    display: flex;
    align-items: baseline;
    height: auto;
    min-height: 2.5rem;
    width: 100%;
    line-height: initial;
    color: var(--dt-know_more-color);
    background-color: var(--dt-know_more-bg-color);
    cursor: pointer;
    align-content: space-around;
}

.know_more .know_more-title .know_more-title-text {
    text-decoration: var(--dt-know_more-text-decoration);
}

.know_more .know_more-title:hover .know_more-title-text {
    text-decoration: var(--dt-know_more-text-decoration-hover);
}

.know_more .know_more-title.--know_more-icon-left {
    flex-direction: row;
    justify-content: flex-start;
}

.know_more .know_more-title.--know_more-icon-left svg {
    margin-right: var(--dt-know_more-icon-margin);
}

.know_more .know_more-title.--know_more-icon-right {
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.know_more .know_more-title.--know_more-icon-right svg {
    margin-left: var(--dt-know_more-icon-margin);
}

.know_more .know_more-content {
    padding: var(--dt-know_more-content-padding);
    background-color: var(--dt-background_color-grey_light);
}

.step-bar-container .step-bar-list:after {
    z-index: 1;
    position: absolute;
    left: calc(var(--dt-step_bar-item_index-square));
    right: calc(var(--dt-step_bar-item_index-square));
    top: calc(((var(--dt-step_bar-item_index-square) / 2) - (var(--dt-step_bar-line-size) / 2)));
    content: "";
    height: var(--dt-step_bar-line-size);
    background: var(--dt-step_bar-line-color);
}

.step-bar-container .step-bar-list .step-bar-item-index {
    border-radius: 50%;
    width: var(--dt-step_bar-item_index-square);
    height: var(--dt-step_bar-item_index-square);
    border: var(--dt-step_bar-item_index-border);
    background: var(--dt-step_bar-item_index-background);
}

.step-bar-container .step-bar-list .step-bar-item-index:before {
    font-weight: var(--dt-step_bar-item_index-font_weight);
    font-size: var(--dt-step_bar-item_index-font_size);
    font-family: var(--dt-step_bar-item_index-font_family);
    color: var(--dt-step_bar-item_index-font-color);
}

.step-bar-container .step-bar-list .step-bar-item-index.current {
    background: var(--dt-step_bar-item_index-background-current);
}

.step-bar-container .step-bar-list .step-bar-item-index.checked {
    background: var(--dt-step_bar-item_index-background-checked);
}

.step-bar-container .step-bar-list .step-bar-item-index.checked:hover {
    border-color: var(--dt-step_bar-item_index-border_color-checked-hover);
    background: var(--dt-step_bar-item_index-background-checked-hover);
}

.step-bar-container .step-bar-item-name {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    padding: var(--dt-step_bar-item_name-padding);
}

.step-bar-container svg.svg-inline--fa.fa-check {
    width: 24px;
    height: 24px;
}

:root {
    --dt-card-background_color: var(--dt-body-background_color);
    --dt-card-border-radius: calc((var(--dt-font_size-base-calc) / 4) * 1px);
}

.card {
    margin: 1rem 0;
    padding: 1rem;
    background-color: var(--dt-card-background_color);
    position: relative;
    border-radius: var(--dt-card-border-radius);
}

.card.--shadow {
    box-shadow: var(--dt-button_primary-shadow);
}

.card.--actionnable {
    box-shadow: var(--dt-button_primary-shadow);
}

.card:hover.--actionnable {
    cursor: pointer;
    box-shadow: var(--dt-button_primary-shadow-hover);
    top: 3px;
    transition: all 250ms linear;
}

.accordion-item-header {
    color: var(--dt-color-secondary);
    border-bottom: 1px solid var(--dt-background_color-grey_dark);
    padding: 0.5rem;
}

.accordion-item-header:hover {
    cursor: pointer;
}

.accordion-item-body {
    color: var(--dt-font-color_main);
    padding: 1rem;
}

.accordion-item {
    position: relative;
}

.accordion-item.--expanded {
    background-color: var(--dt-background_color-grey_light);
}

.accordion-item .accordion-item-header-icon {
    float: right;
}

.accordion-item-description {
    visibility: hidden;
}

.combobox.autocomplete,
.combobox.select {
    display: block;
    width: fit-content;
    position: relative;
}

.combobox.autocomplete .combobox-input-container,
.combobox.select .combobox-input-container {
    position: relative;
    width: min-content;
}

.combobox.autocomplete .combobox-input-container [role="input"],
.combobox.select .combobox-input-container [role="input"] {
    box-sizing: border-box;
    display: inline-block;
}

.combobox.autocomplete .combobox-input-container [role="input"][aria-expanded="true"],
.combobox.select .combobox-input-container [role="input"][aria-expanded="true"] {
    border: var(--dt-input-border);
    box-shadow:
        var(--dt-input-border_color-hover) 0 0 0 var(--dt-input-border_width-default) inset,
        var(--dt-input-border_color-hover) 0 0 0 var(--dt-input-border_width-hover) inset;
}

.combobox.autocomplete .combobox-input-container .autocomplete-input-icon,
.combobox.autocomplete .combobox-input-container .select-input-icon,
.combobox.select .combobox-input-container .autocomplete-input-icon,
.combobox.select .combobox-input-container .select-input-icon {
    position: absolute;
    right: 0.5rem;
    top: calc(var(--dt-font_size-base-calc) * 0.45px);
    z-index: 1;
    cursor: pointer;
    color: var(--dt-color-secondary);
    padding-left: 4px !important;
    background-color: var(--dt-body-background_color) !important;
}

.combobox.autocomplete .combobox-input-container .autocomplete-input-icon .--search,
.combobox.autocomplete .combobox-input-container .select-input-icon .--search,
.combobox.select .combobox-input-container .autocomplete-input-icon .--search,
.combobox.select .combobox-input-container .select-input-icon .--search {
    pointer-events: none;
}

.combobox.autocomplete .combobox-input-container .autocomplete-input-icon .--erase,
.combobox.autocomplete .combobox-input-container .select-input-icon .--erase,
.combobox.select .combobox-input-container .autocomplete-input-icon .--erase,
.combobox.select .combobox-input-container .select-input-icon .--erase {
    font-size: 1.3rem;
}

.combobox.autocomplete .combobox-list-container,
.combobox.select .combobox-list-container {
    box-sizing: border-box;
    width: min-content;
    min-width: var(--dt-input-max_width-default);
    box-shadow: var(--dt-button_primary-shadow);
    position: absolute;
    top: 2.5rem;
    z-index: 100;
}

.combobox.autocomplete .combobox-list-container .combobox-list-container-message,
.combobox.select .combobox-list-container .combobox-list-container-message {
    background-color: var(--dt-body-background_color);
}

.combobox.autocomplete .combobox-list-container .combobox-list,
.combobox.select .combobox-list-container .combobox-list {
    display: block;
    position: relative;
    overflow-y: auto;
    background-color: var(--dt-body-background_color);
}

.combobox.autocomplete .combobox-list-container .combobox-list li,
.combobox.select .combobox-list-container .combobox-list li {
    display: block;
    overflow-x: hidden;
    text-indent: 0.25rem;
    white-space: break-spaces;
    text-overflow: unset;
    cursor: pointer;
    width: 100%;
    max-width: var(--dt-input-max_width-default);
    padding-left: var(--dt-space-01);
}

.combobox.autocomplete .combobox-list-container .combobox-list li:hover,
.combobox.select .combobox-list-container .combobox-list li:hover {
    color: var(--dt-button_primary-text-color-default);
    background-color: var(--dt-background_color-grey_dark);
}

.combobox.autocomplete .combobox-list-container .combobox-list li.active,
.combobox.autocomplete .combobox-list-container .combobox-list li.selected,
.combobox.select .combobox-list-container .combobox-list li.active,
.combobox.select .combobox-list-container .combobox-list li.selected {
    color: var(--dt-button_tertiary-text-color-hover);
    background-color: var(--dt-button_tertiary-background_color-hover);
}

.combobox-list-content {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.combobox-list-bottom {
    margin-top: 0.5rem;
    border-top: 1px solid var(--dt-background_color-grey_dark);
    padding: 0;
    background-color: #fff;
}

:root {
    --dt-input_date-heure-width: 3.125rem;
    --dt-input_date-minute-width: 3.125rem;
}

.hour {
    display: block;
    padding: 0 0 0 0;
}

.hour input {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0;
}

.hour label {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    margin: 0;
    width: 100%;
}

.hour span {
    display: inline-block;
    width: 1rem;
    text-align: center;
    vertical-align: 2rem;
}

.hour div {
    position: relative;
    display: inline-block;
    width: auto;
}

.hour .container-input-hh {
    width: var(--dt-input_date-heure-width);
}

.hour .container-input-mm {
    width: var(--dt-input_date-minute-width);
}

table {
    width: 100%;
}

table th,
table tr,
table td {
    position: relative;
}

table th {
    border-bottom: 1px solid #000;
}

table tr {
    border-bottom: 1px solid var(--dt-background_color-grey_dark);
}

table tbody tr:hover {
    background: var(--dt-background_color-grey_light);
}

table th,
table td {
    font-weight: 400;
    padding: var(--dt-space-01) var(--dt-space-02);
    min-height: 40px;
    text-align: left;
    min-width: var(--dt-space-06);
}

table th.--align_center,
table td.--align_center {
    text-align: center;
}

:root {
    --dt-table-paginator-nope-color-background: rgba(214, 214, 214, 1);
}

.paginator .paginator-container {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.paginator .paginator-container .paginator-page_size_option,
.paginator .paginator-container .paginator-page_number {
    margin: 0 1rem;
}

.paginator .paginator-container .paginator-page_icons {
    margin: 0 0 0 1rem;
}

.paginator .paginator-container .paginator-page_icons .button {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
}

.paginator .paginator-container .paginator-page_size_option-select {
    display: inline-block;
}

.paginator .paginator-container .paginator-page_size_option-select input {
    max-width: 4rem;
}

.paginator .paginator-container .paginator-page_size_option-select .combobox-list-container {
    min-width: 4rem;
}

.paginator:not(.--has-next-page) .--to_next_page,
.paginator:not(.--has-next-page) .--to_last_page,
.paginator:not(.--has-next-page) .--to_next_page:hover,
.paginator:not(.--has-next-page) .--to_last_page:hover {
    color: var(--dt-table-paginator-nope-color-background) !important;
    cursor: auto;
}

.paginator:not(.--has-previous-page) .--to_previous_page,
.paginator:not(.--has-previous-page) .--to_first_page,
.paginator:not(.--has-previous-page) .--to_previous_page:hover,
.paginator:not(.--has-previous-page) .--to_first_page:hover {
    color: var(--dt-table-paginator-nope-color-background) !important;
    cursor: auto;
}

.sort_header .sort_header-action {
    color: inherit;
    background-color: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    border: none;
    padding: 0;
    margin: 0;
}

.sort_header .sort_header-action .sort_header-content {
    display: inline-block;
}

.sort_header .zac-icon {
    color: #212121;
    margin-left: 0.25rem;
}

.sort_header:not(.--sorted) .zac-icon {
    visibility: hidden;
}

.sort_header:not(.--sorted) .sort_header-action:focus .zac-icon,
.sort_header:not(.--sorted):hover .zac-icon {
    display: inline-block;
    visibility: visible;
    color: #757575;
}