:root {
    --dt-header-height-default: 3rem;
    --dt-header-text_align-default: left;
    --dt-header-font_family-default: "Roboto", "Open Sans";

    // block
    --dt-header-block-margin-default: 0.1em;
    --dt-header-block-padding_top: 4px;

    // block --- h1 h4
    --dt-header-block-h1-padding: 0;

    // block navigation ------
    --dt-header-block-navigation-width-default: 82px;
    --dt-header-block-navigation-padding-default: 5px;
    --dt-header-block-navigation-text_align: center;
    // link
    --dt-header-block-navigation-a-flex_direction: column;
    --dt-header-block-navigation-a-text-decoration: none;
    --dt-header-block-navigation-span-font_size: 10px;
    --dt-header-block-navigation-span-line_height: 12px;
    --dt-header-block-navigation-a-text_decoration: underline;

    // block title ------
    --dt-header-block-title-padding_left: 19px;
    --dt-header-block-title-h1-padding: 0px;
    --dt-header-block-title-flex_grow: 1;

    // block right ------
    --dt-header-block-context-margin: 0;
    --dt-header-block-context-padding: 0;
    --dt-header-block-context-width: 260px;
    // info contexte
    --dt-header-block-info-contexte-display: flex;
    --dt-header-block-info-contexte-align_items: center;
    --dt-header-block-info-contexte-height: 100%;

    --dt-header-block-info-contexte-icon-padding_left: 11px;
    --dt-header-block-info-contexte-icon-padding_right: 11px;
    --dt-header-block-info-contexte-icon-copy_margin: 20px;

    --dt-header-block-info-contexte-flex_direction: row;
    --dt-header-block-info-contexte-icon-copy_cursor: pointer;

    // fil d'ariane
   --dt-header-padding_bottom: 8px;
}