/* Modification UI/UX */

body {
    font-family: var(--fgv-font-family);
}

.fr-header__tools-links .fr-btn {
    margin: 0;
}


.accessibilite-card-list{
    margin-left: 1rem;
}

.accessibilite-card-subtitle{
    font-weight: bold;
}

.fr-card__date {
    bottom: 1.5rem;
    margin: 0;
    position: absolute;
}

.q-table__control .q-select {
    min-width: initial;
}

.q-select.min-width, .q-field.min-width {
    min-width: 16rem;
}

.q-select.min-width-lg, .q-field.min-width-lg {
    min-width: 32rem;
}

/* Général */
:root {
    --primary-color: #a11a55;
    --secondary-color: #c5e8fb;
    --fgv-text-color: #005CA9;
    --fgv-gray-text: #596978;
    --fgv-font-family: "Century Gothic";
    --gray-inactive: #c0c0c0;
    --fgv-bouton-confirmation-color: #046BAF;

    --fgv-dark-violet: #290035;
    --fgv-light-pink: #f6e6f4;

    --underline-fgv-text-color: linear-gradient(0deg, var(--fgv-text-color), var(--fgv-text-color));
    --bg-form-color:#f1f1f1;

    --q-box-shadow-small: 1px 1px 5px 0px #000010;
    --q-box-shadow-small-active: 0px 3px 20px 0px #000010;
    --q-box-shadow-normal: 0px 3px 10px 0px #000015;
    --q-border-radius: 5px;
    --q-border-radius-lg: 5px;
    --q-border-radius-sm: 5px;
    --q-border-radius-xs: 3px;
    --q-color-body-background: rgba(250, 250, 250, 1);

    --q-border: 1px;
    --q-border-lg: 2px;

    --q-color-primary: #0069B4;
    --q-color-secondary: #93D5F6;
    --q-color-accent: #A3195B;
    --q-color-positive: #A3CD39;
    --q-color-negative: #E0543F;
    --q-color-warning: #F6CF5D;
    --q-color-dark: #1D1D1B;
    --focus: #2A7FFE;

    --q-color-grey: #CECECE;
    --q-color-dark-grey: #9C9C9C;
    --q-color-darker-grey: #6A6A6A;

    --q-color-primary-invert: rgba(255, 255, 255, 1);
    --q-color-secondary-invert: rgba(255, 255, 255, 1);
    --q-color-accent-invert: rgba(255, 255, 255, 1);

    --underline-img-invert: linear-gradient(0deg, var(--q-color-secondary-invert), var(--q-color-secondary-invert));
    --underline-img: linear-gradient(0deg, var(--q-color-primary), var(--q-color-primary));
    --underline-grey-img: linear-gradient(0deg, var(--q-color-darker-grey), var(--q-color-darker-grey));
}

.primary-color {
    color: var(--primary-color)
}

.secondary-color {
    color: var(--secondary-color)
}

.bg-primary-color {
    background-color: var(--primary-color)
}

.bg-secondary-color {
    background-color: var(--secondary-color)
}

.icon-primary-color i {
    color: var(--primary-color)
}

.fgv-card-section {
    background-color: var(--bg-form-color);
    padding: 1em 3em;
}

.information-text-gray {
    color: var(--fgv-gray-text);
}

.small-text-italic {
    font-style: italic;
    font-size: 14px;
    padding-bottom: 2em;
}

.button-div {
    margin: 1em 0;
    display: flex;
    gap: 1em;
}

.button-div-center {
    margin: 2em 0;
    display: flex;
    justify-content: center;
    gap: 1em;
}

.button-div-right {
    margin: 2em 0;
    display: flex;
    justify-content: flex-end;
    gap: 1em;
}

.margin-top-2em {
    margin-top: 2em;
}

.margin-bottom-1em {
    margin-bottom: 1em !important;
}

.card-block {
    margin: 1rem 2rem;
}

.primary-button {
    color: white;
    background-color: var(--primary-color);
}

.secondary-button {
    border: 1px solid;
    border-color: var(--q-primary)!important;
    color: var(--q-primary)!important;
    background-color: white!important;
}

.secondary-red-button {
    border: 1px solid;
    border-color: var(--primary-color)!important;
    color: var(--primary-color)!important;
    background-color: white!important;
}

.bg-primary-invert {
    background-color: var(--q-color-primary-invert);
}

.bg-secondary-invert {
    background-color: var(--q-color-secondary-invert);
}

.bg-accent-invert {
    background-color: var(--q-color-accent-invert);
}

.text-primary-invert {
    color: var(--q-color-primary-invert);
}

.text-secondary-invert {
    color: var(--q-color-secondary-invert);
}

.text-accent-invert {
    color: var(--q-color-accent-invert);
}

.bg-none {
    background-color: unset !important;
}

body {
    font-family: "Century Gothic";
    font-size: 1rem;
    color: var(--q-color-dark);
}

.q-toggle__inner--truthy {
    color: var(--primary-color);
}

.q-table__bottom--nodata {
    justify-content: center;
}

.q-icon > img {
    width:90%;
    height:90%;
}

.q-card {
    border-radius: var(--q-border-radius);
    box-shadow: var(--q-box-shadow-small);
}

.q-table__card {
    border-radius: var(--q-border-radius);
    box-shadow: none;
}

.table-secondary thead {
    background:#f5f8fa !important;
}
.table-secondary th {
    color:black !important;
}

.title {
    border-left: 4px solid;
    padding-left: 10px;
    margin: 0;
    font-size: 1.375rem;
    line-height: 2rem;
}

.subtitle {
    font-size: 1.2rem;
    line-height: 2rem;
    font-weight: 400;
    padding-left: 14px;
}

.fgv-text-font{
    font-family: var(--fgv-font-family) !important;
}

.div-header {
    margin: 1em 0 4em 0;
}

.div-title {
    display: flex;
    align-items: center;
    gap: 1em;
}

.dossiers-header-tableau {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1em;
}

.dossiers-header-tableau .dossier-search-input {
    width: 350px;
    margin: 0 5px;
    border: 1px solid #AAAAAA;
    padding: 5px;
    border-radius: 10px;
}

.dossiers-header-tableau .dossier-toggle-div {
    margin: 0 5px;
}

.header-admin-compte .admin-toggle-div {
    margin: 0 5px;
}

.buttons-mon-espace-personnel {
    display: flex;
    justify-content: right;
    margin: 40px 0;
    row-gap: 10px;
    flex-wrap: wrap;
}

.buttons-mon-espace-personnel > div {
    display: flex;
    gap: 10px;
    align-items: center;
}

.header-admin-compte {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.admin-user-role{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 1rem;
}

.list-buttons-admin-tableau {
    display: flex;
    gap: 10px;
}

.admin-search-input {
    width: 350px;
    margin: 0 5px;
}

.blue-border-left {
    border-left-color: var(--fgv-text-color);
}

.red-border-left {
    border-left-color: var(--primary-color);
}

td.biseau {
    z-index: 1;
    position: relative;
}
td.biseau::before {
    content: " ";
    z-index: -1;
    position: absolute;
    top:0;
    left:-1.46em !important;
    right:1.46em !important;
    bottom:0;
    transform: skewX(-40deg);
    border-left: 1px solid rgba(0, 0, 0, 0.12);
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
td.bg-status-white, td.bg-status-white::before {
    background-color: white!important;
}
td.bg-status-gray, td.bg-status-gray::before {
    background-color: #f5f8fa!important;
}
td.bg-status-green, td.bg-status-green::before {
    background-color: #dcf4e7!important;
}

@media screen and (max-width: 599px) {
    .bg-status-white > .q-table__grid-item-value {
        border: 1px solid var(--q-color-darker-grey);
        background-color: white!important;
        padding: 0 5px;
        border-radius: 4px;
    }
    .bg-status-gray > .q-table__grid-item-value {
        background-color: #f5f8fa !important;
        padding: 0 5px;
        border-radius: 4px;
    }
    .bg-status-green > .q-table__grid-item-value {
        background-color: #dcf4e7 !important;
        padding: 0 5px;
        border-radius: 4px;
    }
}

.border-primary {
    border: var(--q-border) var(--q-color-primary) solid;
}

.panel-formulaire {
    border: var(--q-border) var(--q-color-grey) solid;
    border-radius: 1px;
    min-height: 562px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.panel-formulaire-inner {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
}

.panel-formulaire-inner > div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.panel-formulaire h2 {
        color: var(--primary-color);
        font-size: 1.3rem;
    }

.panel-formulaire .buttons-formulaire {
        display: flex;
        justify-content: center;
        gap: 10px;
    }

.fr-header {
    position: absolute;
}

@media (min-width: 62em) {
    .fr-nav__list {
        margin: 0 5em;
        justify-content: space-between;
    }

    .fr-nav__link:before {
        content : "";
        position: absolute;
        left    : 10%;
        bottom  : 0;
        height  : 3px;
        width   : 80%;  /* or 100px */
        border-bottom:1px solid;
    }

    .nav__link_active {
        font-weight: bold !important;
        &:before {
            border-bottom: 3px solid var(--fgv-text-color);
        }
    }
}

/* --- */

/* Banner */

.q-banner__content {
    font-weight: 400;
}

.q-banner__avatar {
    align-self: center;
}

.q-banner--floating {
    position: fixed;
    bottom: 0;
    z-index: 3000;
}

@media screen and (max-width: 1024px) {
    body:not(.within-iframe) .ui-message > .q-banner {
        margin-left: unset !important;
    }
}

/* --- */

/* Typography typo typographie texte */

.no-decoration {
    text-decoration: none;
}

.text-subtitle2 {
    font-weight: 700;
}

.text-body1 {
    letter-spacing: unset;
}


/* force l’ajout d’un * hors des champs */
div.v-field__required::after, span.v-field__required::after, p.v-field__required::after {
    content: " *";
    color: var(--q-color-negative);
}
div.v-field__required.q-checkbox::after { /* Sauf sur le label des checkbox de confirmation qui utilise une div */
    content: "";
}

/* --- */

/* Header */

.logo-min {
    width: 10.85184rem;
    height: 6.633792rem;
}

.q-menu .q-list--dense .q-item:first-child {
    margin-top: 4px;
}

.q-menu .q-list--dense .q-item:last-child {
    margin-bottom: 4px;
}

.dsfr-header-title {
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-decoration: none;
    color: var(--q-color-dark)
}

.toolbar .q-btn--outline:not(.q-btn--round), .toolbar .q-btn--rectangle {
    padding: 4px 6px;
}

.q-toolbar__title {
    white-space: normal;
}

/* Pages title */
.page-title-img {
    width: 100%;
    filter: brightness(60%);
}
.page-title-text-div {
    display: flex;
    align-items: center;
    position: absolute;
    width: 50%;
    height: 70%;
    left: 0;
    top: 15%;
    background: white;
    opacity:80%;
}

.page-title-text{
    width: 100%;
}
.page-title-text-p {
    color:var(--fgv-text-color);
    font-size: 30px;
    font-weight: bold;
    padding-left: 10%;
}

/* --- */

/* Utils utils util */

.absolute-top-center {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.flex-auto {
    flex: auto;
}

.flex-break {
    flex-basis: 100%;
}

.flex-1-0-0 {
    flex: 1 0 0;
}

.flex-full-center {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.flex-column-reverse {
    flex-flow: column-reverse;
}

.flex-column {
    flex-flow: column;
}

.flex-row {
    flex-flow: row;
}

.min-h-140 {
    min-height: 140px;
}

.float-right > *:last-child {
    margin-right: unset;
}

.float-left > *:last-child {
    margin-left: unset;
}

.on-left {
    margin-right: 8px;
}

.on-right {
    margin-left: 8px;
}

.min-full-height {
    min-height: 100%;
}

@media screen and (max-width: 599px) {
    .float-right > *, .float-left > * {
        margin-top: 4px;
    }
}

.fr-container {
    padding-left: 0px;
    padding-right: 0px;
}

.fr-header__body-row {
    margin: 0;
}

.q-separator--horizontal {
    height: 1px;
    padding: 0;
}

.q-n-mx-md {
    margin-left: -16px;
    margin-right: -16px;
}

.q-n-mx-sm {
    margin-left: -8px;
    margin-right: -8px;
}

.q-n-mx-lg {
    margin-left: -24px;
    margin-right: -24px;
}

.borderless--bottom {
    border-bottom: none !important;
}

.borderless {
    border: none;
}

/* Permet le retour à la ligne dans les tables quand cette classe est ajoutée */
.white-space {
    white-space: normal !important;
}

.col-ellipsis {
    max-width: fit-content;
    text-overflow: ellipsis;
    overflow: hidden;
}

.col-15 {
    max-width: 15vw;
}

.width-30 {
    width: 30%;
    max-width: unset !important;
}

.width-40 {
    width: 40%;
    max-width: unset !important;
}

.width-50 {
    width: 50%;
    max-width: unset !important;
}

.width-75 {
    width: 75%;
    max-width: unset !important;
}

/* --- */

/* Hacks */
/* Cache la fleche du select de la page d’accueil (demande) */
.hide-append .q-field__append.q-field__marginal.row.no-wrap.items-center.q-anchor--skip {
    display: none;
}

/* --- */

/* Navigation */

.customDrawer {
    border-top-right-radius: var(--q-border-radius-lg);
}

.customDrawer aside {
    margin-top: 24px;
    border-top-right-radius: var(--q-border-radius-lg);
    border: 0;
    width: unset;
    box-shadow: var(--q-box-shadow-normal);
}

.text-primary .q-item__section--side {
    color: var(--q-color-primary);
}

.q-drawer .q-item:not(.drawer-header) {
    text-transform: none;
    padding: 1rem 1.5rem;
}

.q-drawer .q-expansion-item__container > div > div:last-child {
    color: unset;
}

.drawer-header {
    padding: 1rem 0.75rem;
}

.footer-spacer {
    flex: 0.6;
}

.q-footer a[href] {
    margin: 4px 8px;
}

@media screen and (max-width: 1024px) {
    .q-footer .footer--sm > a {
        flex-basis: 100%;
    }

    .footer--sm {
        flex-flow: column;
    }
}

.q-stepper {
    background: inherit;
}

.stepper-container {
    flex: 0.2;
}

@media screen and (max-width: 1439px) {
    .stepper-container {
        flex: 0.3;
    }
}

.stepper-container--mini {
    flex: none;
    width: 72px !important;
}

@media screen and (max-width: 1024px) {
    .stepper-container, .stepper-container--mini, .page-container {
        flex: unset !important;
    }
}

.stepper-container--mini .q-stepper--vertical .q-stepper__step-inner {
    padding-right: 0;
}

.stepper-container--mini .q-btn {
    border-radius: 0;
}

.q-stepper__tab--active {
    font-weight: 500;
    color: var(--q-color-secondary);
}

.q-stepper__tab--active.q-stepper__tab--error .q-stepper__title {
    background: var(--q-color-warning) !important;
}

.q-stepper--vertical {
    padding: 0;
}

.page-container {
    flex: 1 1;
    min-width: 0;
    max-width: 100%;
    min-height: 40vh;
}

.page-sub-container > div {
    padding-right: unset;
    padding-top: unset;
}

/* >>> Tabs tab tabs*/

.border-primary--tabs .non-active-tab {
    border-top-right-radius: var(--q-border-radius);
    border-top-left-radius: var(--q-border-radius);
    border-bottom: var(--q-border) var(--q-color-primary) solid;
    border-right: var(--q-border) var(--q-color-primary) solid;
    border-left: var(--q-border) var(--q-color-primary) solid;
    border-top: var(--q-border) var(--q-color-primary) solid !important;
    margin-right: -1px;
}

.border-primary--tabs .non-active-tab:first-child {
    border-left: var(--q-border) var(--q-color-primary) solid;
    border-top-left-radius: var(--q-border-radius);
}

.border-primary--tabs .non-active-tab:last-child {
    border-right: var(--q-border) var(--q-color-primary) solid;
    margin-right: 0;
}

.border-primary--tabs .active-tab {
    background-color: white;
    border-top-right-radius: var(--q-border-radius);
    border-top-left-radius: var(--q-border-radius);
    border-right: var(--q-border) var(--q-color-primary) solid;
    border-left: var(--q-border) var(--q-color-primary) solid;
    border-bottom: 0;
}

/*.q-tab__label {
    color: var(--q-color-dark);
    text-transform: none;
    font-weight: bold;
}

.q-tab__label.lt-md {
    font-weight: unset;
}*/

.tabs--not-connected .q-tab__label {
    font-size: 1em;
    padding: 6px 12px;
    color: var(--q-color-secondary);
}

.tabs--not-connected .q-tab {
    margin: 0 12px;
}

.tabs--not-connected .q-tab--active .q-tab__label {
    border-bottom: var(--q-border-lg) var(--q-color-primary) solid;
}

.border-primary--tabs .q-tab-panels {
    border-right: var(--q-border) var(--q-color-primary) solid;
    border-left: var(--q-border) var(--q-color-primary) solid;
    border-bottom: var(--q-border) var(--q-color-primary) solid !important;
}

/* Classes nécessaires pour la partie mobile */
.q-tab__content[data-done="true"] {
    background: var(--q-color-grey);
    border-radius: var(--q-border-radius);
    padding: 6px 12px;
}

.q-tab__content[data-error="true"] {
    background: var(--q-color-warning);
    border-radius: var(--q-border-radius);
    padding: 6px 12px;
}

/* >>> Lists */

.q-list--gap > .q-item {
    margin-bottom: 8px;
    background-color: var(--q-color-grey);
    border-radius: var(--q-border-radius-sm);
}

.q-list--gap > .q-item:last-child {
    margin-bottom: 0;
}

/* --- */

/* Modal */

.modal-card {
    border: var(--q-border-lg) var(--q-color-primary) solid;
}

.no-boder {
    border: none !important;
}

@media screen and (max-width: 1024px) {
    .q-card__actions > * {
        margin-top: 4px;
    }

    .q-card__section--vert {
        padding: 12px;
    }

    .page-sub-container > div {
        padding: 0;
    }
}

@media (min-width: 600px) {
.q-dialog__inner--minimized > div {
    max-width: 1000px !important;
}
}

.q-dialog__inner > div {
    box-shadow: none;
}

.button-submit-dialog {
    width: 700px;
    max-width: 80vw !important;
}

button.q-field__focusable-action:hover {
	background-color: inherit;
}
button.q-field__focusable-action:active {
	background-color: inherit;
}

.iframe-wrapper {
    position: relative;
    padding-bottom: 54%;
    min-width: 100%;
    width: 50vw;
}

@media screen and (max-width: 1024px) {
    .iframe-wrapper {
        padding-bottom: 70vh !important;
    }
}

@media screen and (max-width: 599px) {
    .iframe-wrapper {
        padding-bottom: 75vh !important;
    }
}

.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.q-dialog__inner--maximized .iframe-wrapper {
    width: 100%;
    padding-bottom: 54.6%;
}

.q-dialog__inner--maximized {
    overflow: hidden !important;
}

.within-iframe .absolute.full-width {
    height: 100% !important;
}

.width-800-px {
    min-width: 800px;
}

@media screen and (max-width: 599px) {
    .width-800-px {
        min-width: unset;
    }
}

.max-height-70-vh {
    max-height: 70vh;
}

.max-height-75-vh {
    max-height: 75vh;
}

.max-height-80-vh {
    max-height: 80vh;
}

.modal-card:not(.modal-dialog) {
    max-width: unset !important;
}

/* --- */

.alert-carousel {
    border: var(--q-border-lg) var(--q-color-negative) solid;
}

.q-carousel__navigation--bottom {
    bottom: 4px;
}

.q-carousel--navigation-bottom.q-carousel--with-padding .q-carousel__slide {
    padding-bottom: 16px;
}

/* Masonry TBD grid masonry */

.tbd--masonry {
    display: grid;
    grid-template-columns: 2fr 1fr;
    justify-content: center;
    grid-gap: 1.28rem;
}

.grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(100px, 1fr));
    grid-gap: 1.28rem;
}

.grid.grid--4 {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.grid.grid--3 {
    grid-template-columns: repeat(3, minmax(100px, 1fr));
}

.grid.grid--1 {
    grid-template-columns: repeat(1, minmax(100px, 1fr));
}

.grid .grid--full-row {
    grid-column: 1 / -1;
}

.grid.grid--form {
    row-gap: 0;
    column-gap: 0.8rem;
}

.grid.grid--form-gap {
    row-gap: 0.8rem;
    column-gap: 0.8rem
}

.grid.grid--form .q-field--readonly {
    padding-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .tbd--masonry {
        grid-template-columns: 1fr;
    }

    .grid:not(.grid--sm) {
        grid-template-columns: 1fr;
    }

    .grid.grid--form > .q-field--readonly:nth-last-child(2) {
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 599px) {
    .grid {
        grid-template-columns: 1fr !important;
    }
}

.tbd--full-row {
    grid-column: 1/-1;
}

.tbd--masonry > div {
    align-self: start;
    position: relative;
}

/* --- */

/* Table table */

.tr--negative td {
    border-top: thin var(--q-color-negative) solid;
    border-bottom: thin var(--q-color-negative) solid;
}

.tr--negative td:first-child {
    border-left: thin var(--q-color-negative) solid;
}

.tr--negative td:last-child {
    border-right: thin var(--q-color-negative) solid;
}

.tr--positive td {
    border-top: thin var(--q-color-positive) solid !important;
    border-bottom: thin var(--q-color-positive) solid !important;
}

.tr--positive td:first-child {
    border-left: thin var(--q-color-positive) solid !important;
}

.tr--positive td:last-child {
    border-right: thin var(--q-color-positive) solid !important;
}

.tr--negative__underline td {
    color: var(--q-color-negative);
    text-decoration: var(--q-color-negative) underline;
}

.tr--negative__color td {
    color: var(--q-color-negative);
}

.tr--primary__color td {
    color: var(--q-color-primary);
}

.tr--primary td {
    border-top: thin var(--q-color-primary) solid !important;
    border-bottom: thin var(--q-color-primary) solid !important;
}

.tr--primary td:first-child {
    border-left: thin var(--q-color-primary) solid !important;
}

.tr--primary td:last-child {
    border-right: thin var(--q-color-primary) solid !important;
}

.tr--dimmed td {
    filter: opacity(65%);
}

.tr--bold td {
    font-weight: bold;
}

/*.q-table {
    border-spacing: 0 8px;
}*/

q-table__bottom--nodata {
    display: flex;
    justify-content: center;
}

.q-table th, .q-table td {
    padding: 7px 10px;
    background-color: inherit;
}

.q-table .q-btn--rectangle {
    padding: 5px !important;
}

.q-table th {
    line-height: 1.2rem;
}

.q-table th.sortable {
    color: var(--q-color-secondary);
}

.q-table thead th {
    font-size: medium;
    color: var(--q-color-darker-grey);
    font-weight: 500;
}

.pceList thead th {
padding: 3px 6px !important;
}

.q-table td.bg-none {
    background: none;
}

.q-table tbody tr.tr-info td {
    background: var(--q-color-dark-grey);
}

.q-table tbody tr.tr-primary td {
    background: var(--q-color-primary);
    color: white;
}

/*.q-table__bottom {
    border-top: none;
    color: var(--q-color-darker-grey);
}*/

.q-table-sticky th:first-child {
    background: white;
}

.q-table-sticky th:first-child, .q-table-sticky td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
}

/* --- */

/* expansion-item q-expansion-item */

/* --- */

/* Boutons & Links q-btn */

.q-btn--rectangle {
    border-radius: var(--q-border-radius-sm);
}

.q-btn--square {
    padding: 4px 0 !important;
}

.q-date__calendar-item > .q-btn {
    padding: unset;
}

.q-btn__wrapper {
    padding: 0.5rem 1rem;
}

.q-btn {
    text-transform: none;
}

@media screen and (max-width: 599px) {
    .q-btn--outline:not(.q-btn--round), .q-btn--rectangle {
        padding: 4px 6px;
    }
}

.q-btn--actionable.q-btn--standard:active .q-btn__wrapper::before {
    box-shadow: none;
}

a.btn[href]:visited {
    color: unset;
}

a.btn[href] {
    font-weight: 600;
    text-decoration: none;
}

a[href]:not(.q-item):not(.link):not(.link-invert):hover {
    background-size: 100% 0.0625em, 100% 0.1em !important;
    /*color: var(--q-color-primary);*/
    text-decoration: none;
}

.q-breadcrumbs--last span {
    color: var(--q-color-dark) !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.q-breadcrumbs__el[href]:hover, .q-breadcrumbs__el[tag="a"]:hover {
    background-size: 100% 0.0625em, 100% 0.1em !important;
    color: var(--q-color-dark);
    text-decoration: none;
    cursor: pointer;
}

.q-breadcrumbs__el {
    color: var(--q-color-darker-grey);
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: unset;
}

.link {
    color: var(--q-color-primary);
    text-decoration: none;
    cursor: pointer;
    --text-spacing: 0;
    --title-spacing: 0;
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0;
    z-index: 1;
    font-weight: 500;
    white-space: nowrap;
}

.link-invert {
    color: var(--q-color-secondary-invert);
    text-decoration: none;
    cursor: pointer;
    --text-spacing: 0;
    --title-spacing: 0;
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0;
    z-index: 1;
    font-weight: 500;
    white-space: nowrap;
}

.q-breadcrumbs__el[href], .q-breadcrumbs__el[tag="a"] {
    background-image: var(--underline-grey-img), var(--underline-grey-img) !important;
}

.link-invert[href], .q-breadcrumbs__el[href], .q-breadcrumbs__el[tag="a"] {
    background-image: var(--underline-img-invert), var(--underline-img-invert);
    background-position: 50% calc(50% + .71875em), 50% calc(50% + .65625em);
    background-repeat: no-repeat, no-repeat;
    background-size: 0 .0625em, 100% .0625em;
    transition: background-size 0s;
}

.link[href], .q-breadcrumbs__el[href], .q-breadcrumbs__el[tag="a"] {
    background-image: var(--underline-img), var(--underline-img);
    background-position: 50% calc(50% + .71875em), 50% calc(50% + .65625em);
    background-repeat: no-repeat, no-repeat;
    background-size: 0 .0625em, 100% .0625em;
    transition: background-size 0s;
}

[href]:active, [href]:hover {
    background-size: 100% .0625em, 100% .1em;
}

.q-btn-group {
    box-shadow: none;
    border-radius: 0;
}

.q-btn-group .text-primary .q-btn__content {
    border-bottom: var(--q-border-lg) var(--q-color-primary) solid;
}

/* --- */

.q-date {
    border-radius: var(--q-border-radius-lg);
    box-shadow: var(--q-box-shadow-small);
}

.q-menu:not(.q-position-engine) {
    border-radius: var(--q-border-radius-lg);
    box-shadow: var(--q-box-shadow-small);
}

.q-menu.q-position-engine {
    border-radius: var(--q-border-radius);
    box-shadow: var(--q-box-shadow-small);
    /*border: 1px solid var(--q-color-primary);*/

    /*  On défini une largeur fixe pour l'ouverture de la pop-in
        afin qu'elle ne prenne pas toute la place dans le cas d'une description
        trop grande */
    max-width: 600px;
}

.q-btn__wrapper::before {
    box-shadow: none;
}

.q-expansion-item__content > .q-card {
    border-radius: var(--q-border-radius);
}

.small-shadow {
    box-shadow: var(--q-box-shadow-normal);
}

.q-card__actions .q-btn__wrapper {
    padding: 4px 16px;
}

.rounded-borders {
    border-radius: var(--q-border-radius);
}

.rounded-borders-lg {
    border-radius: var(--q-border-radius-lg);
}

.rounded-borders-sm {
    border-radius: var(--q-border-radius-sm);
}

.rounded-borders-xs {
    border-radius: var(--q-border-radius-xs);
}

/*****/

/* Formulaires */

.q-placeholder::placeholder {
    color: var(--q-color-dark-grey);
}

.hide-label .q-field__label {
    display: none;
}

.hide-label .q-field__control-container {
    padding-top: 0 !important;
}

.q-field__bottom {
    padding: 2px 4px 0;
    position: relative;
}
.q-field__bottom--animated {
    transform: none;
}

.q-field__control::before, .q-field--outlined .q-field__control::after {
    border-radius: var(--q-border-radius-sm);
}

.q-field--outlined .q-field__control::after {
    border-radius: var(--q-border-radius-sm);
}

.q-uploader.minifiable {
    width: unset;
}

.q-uploader {
    box-shadow: none;
    max-width: none;
    width: unset;
}

.q-uploader__list {
    padding-left: unset;
    padding-right: unset;
}

.q-uploader__file-header {
    white-space: normal;
}

/* ## Uploader minifiable */

.q-upload__minimize {
    max-width: 320px;
    width: unset
}

.q-upload__minimize .q-field__after {
    padding-left: unset;
}

.q-upload__inline {
    max-width: unset;
    width: unset;
    border-radius: unset;
    border: none;
    margin: 0 0 8px 0;
}

.q-upload__inline > .q-uploader__list {
    min-height: unset;
    padding: unset;
}


/* --- */

/* Recherche */

.facetValues big {
    font-size: 115% !important;
}

.facetValues .q-item__label--header {
    color: var(--q-color-primary);
}

.facetValues .q-item {
    font-size: 0.88rem;
    white-space: normal;
    word-break: break-word;
}

.facetValues .q-btn {
    padding: 0;
    margin-top: 16px;
    margin-left: 8px;
}

.facetValues .q-btn__wrapper::before {
    border: 1px solid;
}

.facets .facetValues .facetValue span {
    width: unset;
    height: unset;
}

.facets .facetValues .facetValue .q-item__section--avatar {
    flex: auto;
}

.facets .q-chip {
    font-size: 0.88rem;
    background-color: var(--q-color-dark-grey);
}

.facets .q-chip__content {
    white-space: normal !important;
    word-break: break-word;
}

.facets .q-chip {
    height: fit-content;
}

/* --- */

/* Chips q-chip tooltip q-tooltip */

.q-chip {
    border-radius: 1rem;
}

body.desktop .q-chip--clickable:focus {
    box-shadow: none;
}

.q-tooltip--style {
    font-size: .85rem;
}

.q-chip.bg-negative {
    color: white;
}

/* --- */

.q-dialog--seamless > .q-dialog__inner--bottom.fixed-bottom {
    left: auto;
}

.q-message pre {
    font-family: inherit;
    margin: 0;
    white-space: break-spaces;
    width: fit-content;
}

.q-message-text--received {
    color: var(--q-color-grey);
}

.q-message-text--sent {
    color: var(--q-color-primary);
}

.q-message-text-content--sent {
    color: white;
}

/* --- */

/* Autres other */

.z-1 {
    z-index: 1;
}

.q-tr {
    cursor: pointer;
}

.q-tr.z-1 {
    z-index: 1;
    position: relative;
}

.z-1000 {
    z-index: 1000;
}

.embed-pdf {
    height: 75vh;
    width: 60vw;
}

@media screen and (max-width: 599px) {
    .embed-pdf {
        width: 100%;
    }
}

/* --- DSFR --- */

.q-table [href] {
    background-image: var(--underline-img), var(--underline-img);
    background-position: var(--underline-x) calc(100% - 0.0625em), var(--underline-x) calc(100% - 0.0625em);
    background-repeat: no-repeat, no-repeat;
    background-size: var(--underline-hover-width) 0.125em, var(--underline-idle-width) 0.0625em;
    transition: background-size 0s;
}

a {
    --hover-tint: transparent;
    --active-tint: var(--active);
    color: inherit;
    text-decoration: none;
    text-decoration-thickness: initial;
    text-decoration-style: initial;
    text-decoration-color: initial;
}

a.q-btn {
    background-image: none;
}

:root {
    --underline-max-width: 100%;
    --underline-hover-width: 0;
    --underline-idle-width: var(--underline-max-width);
    --underline-x: calc(var(--underline-max-width) * 0.5);
    --underline-img: linear-gradient(0deg, var(--q-color-primary), var(--q-color-primary));


    --bf500: #000091;
    --bf500-plain: #000091;
    --w-bf500: #fff;
    --bf300-plain: #9a9aff;
    --bf200-bf300: #ececff;
    --bf100-g750: #f5f5ff;
    --t-plain: transparent;
    --t-w: transparent;
    --g800: #1e1e1e;
    --g700: #383838;
    --g600: #6a6a6a;
    --g500: #9c9c9c;
    --g400: #cecece;
    --g300: #e7e7e7;
    --g200: #f0f0f0;
    --g100: #f8f8f8;
    --w: #fff;
    --beige: #f9f8f6;
    --g800-plain: #1e1e1e;
    --g600-g400: #6a6a6a;
    --g400-t: #cecece;
    --g100-g800: #f8f8f8;
    --w-g750: #fff;
    --focus: #2a7ffe;
    --info: #0762c8;
    --success: #008941;
    --error: #e10600;
    --rm300: #f7bfc3;
    --rm500: #e1000f;
    --scroll-shadow: rgba(30, 30, 30, 0.16);
    --overlay: rgba(156, 156, 156, 0.32);

    --grey-1000-75: #fff;
    --grey-1000-75-hover: #f6f6f6;
    --grey-1000-75-active: #ededed;
    --background-elevated-grey: var(--grey-1000-75);
    --background-elevated-grey-hover: var(--grey-1000-75-hover);
    --background-elevated-grey-active: var(--grey-1000-75-active);
}

/* ------------------------------------ *\
  HEADER
\* ------------------------------------ */
.fr-header {
    --underline-img: none;
    --ul-type: none;
    --ol-type: none;
    --ul-start: 0;
    --ol-start: 0;
    --xl-block: 0;
    --li-bottom: 0;
    --ol-content: none;
    --text-spacing: 0;
    --title-spacing: 0;
    --hover: var(--background-elevated-grey-hover);
    --active: var(--background-elevated-grey-active);
    background-color: var(--background-elevated-grey);
    width: 100%;
}

.fr-header__logo {
    flex: 0 0 auto;
    order: 1;
    padding: 0.75rem;
}

@media (min-width: 62em) {
    .fr-header__logo, .fr-header__operator, .fr-header__service {

    }
}

/* ------------------------------------ *\
  LOGO
\* ------------------------------------ */

.fr-logo-fgv {
    width: 2.64em;
    height: 4em;
}

.fr-logo {
    --is-link: false;
    display: inline-block;
    padding: 1em;
    font-weight: 700;
    line-height: 1.03175em;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    vertical-align: middle;
    text-indent: -0.1em;
    color: var(--g800);
    font-size: 1.05rem;
    margin-bottom: 0;
}

.fr-logo::before {
    width: 2.75rem;
    height: 1rem;
    margin-bottom: 0.33333rem;
    background-size: 2.75rem 1.125rem, 2.75rem 1rem, 0;
    background-position: 0 -0.0625rem, 0 0, 0 0;
}

:root[data-fr-mourning] .fr-logo::before {
    background-size: 2.75rem 1.125rem, 0, 2.75rem 1rem;
}

.fr-logo::after {
    min-width: 2.625rem;
    background-size: 5.25rem 3.75rem;
    background-position: 0 calc(100% + 1.875rem);
    padding-top: 2.20833rem;
}

:root[data-fr-theme="dark" i] .fr-logo::after {
    background-position: -2.625rem 100%;
}

.fr-logo::before {
    display: block;
    content: "";
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 18"><path fill="%23fff" d="M11.3 10.2c-.9.6-1.7 1.3-2.3 2.1v-.1c.4-.5.7-1 1-1.5.4-.2.7-.5 1-.8.5-.5 1-1 1.7-1.3.3-.1.5-.1.8 0-.1.1-.2.1-.4.2H13v-.1c-.3.3-.7.5-1 .9-.1.2-.2.6-.7.6 0 .1.1 0 0 0zm1.6 4.6c0-.1-.1 0-.2 0l-.1.1-.1.1-.2.2s.1.1.2 0l.1-.1c.1 0 .2-.1.2-.2.1 0 .1 0 .1-.1 0 .1 0 0 0 0zm-1.6-4.3c.1 0 .2 0 .2-.1s.1-.1.1-.1v-.1c-.2.1-.3.2-.3.3zm2.4 1.9s0-.1 0 0c.1-.1.2-.1.3-.1.7-.1 1.4-.3 2.1-.6-.8-.5-1.7-.9-2.6-1h.1c-.1-.1-.3-.1-.5-.2h.1c-.2-.1-.5-.1-.7-.2.1 0 .2-.2.2-.3h-.1c-.4.2-.6.5-.8.9.2.1.5 0 .7.1h-.3c-.1 0-.2.1-.2.2h.1c-.1 0-.1.1-.2.1.1.1.2 0 .4 0 0 .1.1.1.1.1-.1 0-.2.1-.3.3-.1.2-.2.2-.3.3v.1c-.3.2-.6.5-.9.8v.1c-.1.1-.2.1-.2.2v.1c.4-.1.6-.4 1-.5l.6-.3c.2 0 .3-.1.5-.1v.1h.2c0 .1-.2 0-.1.1s.3.1.4 0c.2-.2.3-.2.4-.2zM12.4 14c-.4.2-.9.2-1.2.4 0 0 0 .1-.1.1 0 0-.1 0-.1.1-.1 0-.1.1-.2.2l-.1.1s0 .1.1 0l.1-.1s-.1.1-.1.2V15.3l-.1.1s0 .1-.1.1l-.1.1.2-.2.1-.1h.2s0-.1.1-.1c.1-.1.2-.2.3-.2h.1c.1-.1.3-.1.4-.2.1-.1.2-.2.3-.2.2-.2.5-.3.8-.5-.1 0-.2-.1-.3-.1 0 .1-.2 0-.3 0zM30 9.7c-.1.2-.4.2-.6.3-.2.2 0 .4.1.5.1.3-.2.5-.4.5.1.1.2.1.2.1 0 .2.2.2.1.4s-.5.3-.3.5c.1.2.1.5 0 .7-.1.2-.3.4-.5.5-.2.1-.4.1-.6 0-.1 0-.1-.1-.2-.1-.5-.1-1-.2-1.5-.2-.1 0-.3.1-.4.1-.1.1-.3.2-.4.3l-.1.1c-.1.1-.2.2-.2.3-.1.2-.2.4-.2.6-.2.5-.2 1 0 1.4 0 0 1 .3 1.7.6.2.1.5.2.7.4l1.7 1H13.2l1.6-1c.6-.4 1.3-.7 2-1 .5-.2 1.1-.5 1.5-.9.2-.2.3-.4.5-.5.3-.4.6-.7 1-1l.3-.3s0-.1.1-.1c-.2.1-.2.2-.4.2 0 0-.1 0 0-.1s.2-.2.3-.2v-.1c-.4 0-.7.2-1 .5h-.2c-.5.2-.8.5-1.2.7v-.1c-.2.1-.4.2-.5.2-.2 0-.5.1-.8 0-.4 0-.7.1-1.1.2-.2.1-.4.1-.6.2v.1l-.2.2c-.2.1-.3.2-.5.4l-.5.5h-.1l.1-.1.1-.1c0-.1.1-.1.1-.2.2-.1.3-.3.5-.4 0 0-.1 0 0 0 0 0 0-.1.1-.1l-.1.1c-.1.1-.1.2-.2.2v-.1-.1l.2-.2c.1-.1.2-.1.3-.2h.1c-.2.1-.3.1-.5.2H14h-.1c0-.1.1-.1.2-.2h.1c1-.8 2.3-.6 3.4-1 .1-.1.2-.1.3-.2.1-.1.3-.2.5-.3.2-.2.4-.4.5-.7v-.1c-.4.4-.8.7-1.3 1-.6.2-1.3.4-2 .4 0-.1.1-.1.1-.1 0-.1.1-.1.1-.2h.1s0-.1.1-.1h.1c-.1-.1-.3.1-.4 0 .1-.1 0-.2.1-.2h.1s0-.1.1-.1c.5-.3.9-.5 1.3-.7-.1 0-.1.1-.2 0 .1 0 0-.1.1-.1.3-.1.6-.3.9-.4-.1 0-.2.1-.3 0 .1 0 .1-.1.2-.1v-.1h0c0-.1.1 0 .2-.1h-.1c.1-.1.2-.2.4-.2 0-.1-.1 0-.1-.1h.1-.5c-.1 0 0-.1 0-.1.1-.2.2-.5.3-.7h-.1c-.3.3-.8.5-1.2.6h-.2c-.2.1-.4.1-.5 0-.1-.1-.2-.2-.3-.2-.2-.1-.5-.3-.8-.4-.7-.2-1.5-.4-2.3-.3.3-.1.7-.2 1.1-.3.5-.2 1-.3 1.5-.3h-.3c-.4 0-.9.1-1.3.2-.3.1-.6.2-.9.2-.2.1-.3.2-.5.2v-.1c.3-.4.7-.7 1.1-.8.5-.1 1.1 0 1.6.1.4 0 .8.1 1.1.2.1 0 .2.2.3.3.2.1.4 0 .5.1v-.2c.1-.1.3 0 .4 0 .2-.2-.2-.4-.3-.6v-.1c.2.2.5.4.7.6.1.1.5.2.5 0-.2-.3-.4-.6-.7-.9v-.2c-.1 0-.1 0-.1-.1-.1-.1-.1-.2-.1-.3-.1-.2 0-.4-.1-.5-.1-.2-.1-.3-.1-.5-.1-.5-.2-1-.3-1.4-.1-.6.3-1 .6-1.5.2-.4.5-.7.8-1 .1-.4.3-.7.6-1 .3-.3.6-.5.9-.6.3-.1.5-.2.8-.3l2.5-.4H25l1.8.3c.1 0 .2 0 .2.1.1.1.3.2.4.2.2.1.4.3.6.5.1.1.2.3.1.4-.1.1-.1.4-.2.4-.2.1-.4.1-.6.1-.1 0-.2 0-.4-.1.5.2.9.4 1.2.8 0 .1.2.1.3.1v.1c-.1.1-.1.1-.1.2h.1c.1-.1.1-.4.3-.3.2.1.2.3.1.4-.1.1-.2.2-.4.3v.2c.1.1.1.2.2.4s.1.5.2.7c.1.5.2.9.2 1.4 0 .2-.1.5 0 .7l.3.6c.1.2.2.3.3.5.2.3.6.6.4 1zm-15.6 5.2c-.1 0-.1.1-.1.1s.1 0 .1-.1zm5.8-1.8c-.1.1 0 0 0 0zm-6.7-.2c0 .1.1 0 .1 0 .2-.1.5 0 .6-.2-.1-.1-.2 0-.2-.1-.1 0-.2 0-.2.1-.1.1-.3.1-.3.2z"/><path fill="gray" d="M27.9 6.8c.1 0 .3 0 .3.1-.1.2-.4.3-.6.5h-.1c-.1.1-.1.2-.1.2h-.3c.1.1.3.2.5.2l.1.1h.2V8c-.1.1-.2.1-.4.1.2.1.5.1.7 0 .2-.1 0-.4.1-.5-.1 0 0-.1-.1-.1.1-.1.1-.2.2-.2s.1 0 .2-.1c0-.1-.1-.1-.1-.2.2-.1.3-.3.3-.5 0-.1-.3-.1-.4-.2h-.5c-.2 0-.3.1-.5.1l-.6.3c.2-.1.4-.1.7-.2 0 .3.2.3.4.3"/></svg>'),
    linear-gradient(90deg, #000091 0%, #000091 50%, #e1000f 50%, #e1000f 100%),
    linear-gradient(90deg, black 0%, black 100%);
}

:root[data-fr-mourning] .fr-logo::before {
    box-shadow: 0 0 0 1px var(--t-w);
}

.fr-logo::after {
    display: block;
    content: "";
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 180"><defs><symbol id="a" viewBox="0 0 11 15.5"><path d="M10.4 5.3C11.9 1.5 10.1 0 7.9 0 4.2 0 0 6.5 0 11.7c0 2.5 1.2 3.8 3 3.8 2.1 0 4.3-2 6.2-5.5h-1c-1.2 1.5-2.6 2.6-3.9 2.6-1.3 0-2-.8-2-2.6a10.7 10.7 0 01.3-2.2zm-4-3.1c1.1 0 2 .8 1.5 2.6L3.1 6.1c.8-2.2 2.2-4 3.4-4z"/></symbol><symbol id="b" viewBox="0 0 12.4 21.8"><use width="11" height="15.5" y="6.4" href="%23a"/><path d="M7.9 4.7L12.4.6V0h-3L6.7 4.7H8z"/></symbol><symbol id="c" viewBox="0 0 11.5 19"><path d="M1.7 5.7h2.6L.1 17.1a1.3 1.3 0 001.2 2c3 0 6.4-2.6 7.8-6.2h-.7a9.4 9.4 0 01-5.1 3.5L7 5.7H11l.5-1.6H7.7L9 0H7.6L4.9 4.1l-3.2.4v1.2z"/></symbol><symbol id="d" viewBox="0 0 9.8 21.9"><path d="M7.6 8c.3-1-.4-1.6-1-1.6-2.2 0-5 2.1-6 5h.7A5.6 5.6 0 014.4 9L.1 20.3a1.1 1.1 0 001 1.6c2.2 0 4.7-2 5.8-5H6A5.6 5.6 0 013 19.5zM8 3.7a1.8 1.8 0 001.8-1.8A1.8 1.8 0 008 0a1.8 1.8 0 00-1.8 1.8A1.8 1.8 0 008 3.6"/></symbol><symbol id="e" viewBox="0 0 14.8 15.5"><path d="M3.3 3.1c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.2 1.2 2.2a1.3 1.3 0 001.5-1l3-8C7.4 4.8 10 3 11 3s.8.6.3 1.6l-4.6 9a1.3 1.3 0 001.1 1.9c2.3 0 5-2 6-5h-.6A5.6 5.6 0 0110 13l4-8a6.1 6.1 0 00.8-2.8A2 2 0 0012.6 0c-2 0-3.6 2.2-6 5V2.8C6.6 1.4 6.1 0 4.8 0 3.2 0 1.8 2.5.7 4.9h.7c.7-1.1 1.3-1.8 2-1.8"/></symbol><symbol id="f" viewBox="0 0 12 15.5"><path d="M11.8 3.5c.5-1.9.2-3.5-1.2-3.5-1.8 0-2.3 1.2-4 5V2.8C6.5 1.3 6 0 4.6 0 3.1 0 1.7 2.5.5 5h.8C2 3.7 2.8 3 3.3 3c.7 0 1 1 0 3.4l-3 6.8c-.7 1.3 0 2.1 1.2 2.1a1.3 1.3 0 001.5-1l3-8a50.3 50.3 0 012.6-3h3.2z"/></symbol><symbol id="g" viewBox="0 0 14.7 16.2"><path d="M10.5 13.1c-.6 0-1-1 0-3.4L14.6.1 13.4 0l-1.3 1.3h-.3C6.1 1.3 0 8.6 0 14.2a2 2 0 002.1 2.1c1.7 0 3.3-2.4 5.2-5l-.1 1c-.3 2.6.6 4 2 4 1.5 0 3-2.4 4-4.9h-.7c-.7 1.1-1.5 1.8-2 1.8zM7.9 9.8c-1.3 1.6-3.4 3.5-4.3 3.5-.5 0-.9-.5-.9-1.6 0-3.5 4-8.2 6-8.2a4.2 4.2 0 011.4.2z"/></symbol><symbol id="h" viewBox="0 0 21.9 19.8"><path d="M11.2 19.8l.3-.9c-3.8-.7-4.3-.7-2.7-4.8l1.4-3.9h3c1.9 0 1.9.9 1.6 3h1l2.6-6.9h-1c-1 1.6-1.8 2.9-3.8 2.9h-3l2-5.6c.8-2 1.1-2.4 3.7-2.4h.7c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3L7 .9c3 .6 3.3.9 2 4.8L5.7 14c-1.5 3.9-2 4.2-5.5 4.8l-.3.9z"/></symbol><symbol id="i" viewBox="0 0 10.1 21.9"><path d="M2.9 19.4L10.1.3 9.8 0l-5 .6v.6l1 .7c.9.7.6 1.3-.2 3.4L.2 19.9a1.3 1.3 0 001.1 2c2.3 0 4.7-2.1 5.8-5h-.7a6.5 6.5 0 01-3.5 2.5"/></symbol><symbol id="j" viewBox="0 0 18 22"><path d="M18 .6h-4.3a3.8 3.8 0 00-2.1-.6A6.6 6.6 0 005 6.5a3.3 3.3 0 003 3.6c-1.9.8-3 1.8-3 2.9a1.7 1.7 0 00.9 1.5c-4.3 1.3-6 2.8-6 4.7 0 2 2.6 2.8 5.6 2.8 5.3 0 9.6-2.7 9.6-5.1 0-1.8-1.6-2.5-4.3-3.3-2.2-.7-3.2-.8-3.2-1.6A2.4 2.4 0 019 10.2a6.6 6.6 0 006.1-6.5 4.5 4.5 0 00-.2-1.5h2.5zM9.8 16.2c2.1.7 3 1 3 1.6 0 1.4-2 2.5-5.6 2.5-2.7 0-4-.6-4-2 0-1.5 1.4-2.5 3.5-3.3a21.5 21.5 0 003 1.2zM9 9c-1 0-1.3-.8-1.3-1.7 0-2.8 1.4-6.2 3.5-6.2 1 0 1.3.8 1.3 1.6 0 2.9-1.4 6.3-3.5 6.3z"/></symbol><symbol id="k" viewBox="0 0 23 25.1"><path d="M14.3 15.6c1.9 0 2 .8 1.6 2.8H17l2.5-6.8h-1c-1 1.6-1.7 2.9-3.8 2.9h-4.1l2-5.6c.7-2 1-2.4 3.7-2.4H18c2.6 0 3 .7 3 3.5h1l.9-4.7H7.3l-.3.9c3 .6 3.3.9 2 4.8l-3.2 8.4c-1.5 3.9-2 4.2-5.6 4.8l-.2 1h17.4l3.2-5h-1.2c-2 2-4 3.8-8 3.8-4.7 0-4.3-.3-2.7-4.6l1.4-3.8h4.2zm2.3-11.8L21 .6V0h-3l-2.6 3.9h1.2v-.1z"/></symbol><symbol id="l" viewBox="0 0 13.6 21.8"><path d="M11.4 6.4c-2 0-4 2.2-5.8 4.8L9.6.3 9.4 0l-5 .6V1l1 .8c.9.7.6 1.3-.2 3.4L.8 16.8A13.9 13.9 0 000 19c0 1.4 1.8 2.7 3.5 2.7 3.8 0 10-6.9 10-12.2 0-2.3-.5-3.2-2.1-3.2zM4.8 19.5c-.8 0-1.9-.7-1.9-1.3a15.5 15.5 0 01.8-2.2L5 12.7C6.3 11 8.4 9.3 9.6 9.3c.7 0 1.2.4 1.2 1.5 0 3.1-2.9 8.7-6 8.7z"/></symbol><symbol id="m" viewBox="0 0 19.2 19.9"><path d="M17.6 0H7.3L7 .9c3 .6 3.3.9 2 4.8l-3.2 8.5c-1.5 3.9-2 4.2-5.5 4.8L0 20h15.7l3.5-6H18c-2 2-4.2 4.8-7.7 4.8-2.7 0-3-.5-1.6-4.5l3.1-8.5c1.4-3.9 2-4.2 5.5-4.8z"/></symbol><symbol id="n" viewBox="0 0 126 90"><use width="12.4" height="21.8" x="112.7" y="66.1" href="%23b"/><use width="11.5" height="19" x="102.2" y="69" href="%23c"/><use width="9.8" height="21.9" x="93.6" y="66.1" href="%23d"/><use width="14.8" height="15.5" x="77.2" y="72.5" href="%23e"/><use width="12" height="15.5" x="65.7" y="72.5" href="%23f"/><use width="11" height="15.5" x="54.3" y="72.5" href="%23a"/><use width="11.5" height="19" x="43.7" y="69" href="%23c"/><use width="14.7" height="16.2" x="28.9" y="71.8" href="%23g"/><use width="12" height="15.5" x="19.6" y="72.5" href="%23f"/><use width="21.9" height="19.8" y="67.6" href="%23h"/><use width="12.4" height="21.8" x="77.3" y="33.1" href="%23b"/><use width="11.5" height="19" x="66.8" y="36" href="%23c"/><use width="9.8" height="21.9" x="58.2" y="33" href="%23d"/><use width="10.1" height="21.9" x="49.4" y="33.1" href="%23i"/><use width="14.7" height="16.2" x="34.9" y="38.8" href="%23g"/><use width="18" height="22" x="18.6" y="39.4" href="%23j"/><use width="23" height="25.1" y="29.3" href="%23k"/><use width="12.4" height="21.8" x="76.8" y=".1" href="%23b"/><use width="11.5" height="19" x="66.2" y="2.9" href="%23c"/><use width="12" height="15.5" x="54.8" y="6.5" href="%23f"/><use width="11" height="15.5" x="43.4" y="6.4" href="%23a"/><use width="13.6" height="21.8" x="29.4" y=".1" href="%23l"/><use width="9.8" height="21.9" x="20.6" href="%23d"/><use width="19.2" height="19.9" y="1.4" href="%23m"/></symbol></defs><use fill="%231e1e1e" width="126" height="90" x="0" y="0" href="%23n"/><use fill="%23fff" width="126" height="90" x="126" y="90" href="%23n"/></svg>');
}

.fr-logo--sm {
    font-size: 0.7875rem;
}

.fr-logo--sm::before {
    width: 2.0625rem;
    height: 0.75rem;
    margin-bottom: 0.25rem;
    background-size: 2.0625rem 0.84375rem, 2.0625rem 0.75rem, 0;
    background-position: 0 -0.04688rem, 0 0, 0 0;
}

:root[data-fr-mourning] .fr-logo--sm::before {
    background-size: 2.0625rem 0.84375rem, 0, 2.0625rem 0.75rem;
}

.fr-logo--sm::after {
    min-width: 1.96875rem;
    background-size: 3.9375rem 2.8125rem;
    background-position: 0 calc(100% + 1.40625rem);
    padding-top: 1.65625rem;
}

:root[data-fr-theme="dark" i] .fr-logo--sm::after {
    background-position: -1.96875rem 100%;
}

.fr-logo--lg {
    font-size: 1.3125rem;
}

.fr-logo--lg::before {
    width: 3.4375rem;
    height: 1.25rem;
    margin-bottom: 0.41667rem;
    background-size: 3.4375rem 1.40625rem, 3.4375rem 1.25rem, 0;
    background-position: 0 -0.07812rem, 0 0, 0 0;
}

:root[data-fr-mourning] .fr-logo--lg::before {
    background-size: 3.4375rem 1.40625rem, 0, 3.4375rem 1.25rem;
}

.fr-logo--lg::after {
    min-width: 3.28125rem;
    background-size: 6.5625rem 4.6875rem;
    background-position: 0 calc(100% + 2.34375rem);
    padding-top: 2.76042rem;
}

:root[data-fr-theme="dark" i] .fr-logo--lg::after {
    background-position: -3.28125rem 100%;
}

@media (min-width: 62em) {
    .fr-header__logo:not(:last-child), .fr-header__operator:not(:last-child), .fr-header__service:not(:last-child) {
        margin-right: 0.5rem;
    }
}

.fr-header__service-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
}

@media (min-width: 48em) {
    .fr-header__service-title {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}

/* corrige l'affichage du sous-menu, quand on est dans la popin "mobile" mais après avoir ré-agrandit l'écran */
.fr-nav__item {
    position: relative !important;
}

.fr-footer__content {
    flex-basis: 60%;
}

/* Classes specifiques formulaire declaration des consommations */
.motif-td-width {
    max-width: 200px;
    min-width: 200px;
}

.first-row-left-border {
    border-left: 1px !important;
    border-left-color: rgba(0,0,0,0.12) !important;
    border-style: solid !important;
}

.non-first-row-motif-border {
    border-top-style: solid !important;
    border-top: 1px !important;
    border-top-color: rgba(0,0,0,0.12) !important;
}

.non-first-row-value-border {
    border-left: 1px !important;
    border-color: rgba(0,0,0,0.12) !important;
    border-style: solid !important;
}

.non-first-row-percentage-border {
    border-left: 1px !important;
    border-left-color: rgba(0,0,0,0.12) !important;
    border-style: solid !important;
}

.footer-logo{
    margin-top: 1.5rem;
}
#portail-info-connexion-version{
    width: 100%;
    display: flex;
}

.info-connexion{
    width: 50%;
    font-style: italic;
    font-size: 10px;
    margin:0;
}

.info-version{
    width: 50%;
    text-align: right;
    font-size: 10px;
}

.info-version-accueil{
    width: 100%;
    text-align: right;
    font-size: 10px;
    margin:0;
}
.bordure-footer{
    height: 1px;
    width: 69%;
    background-color: var(--border-default-grey);
    position: absolute;;
    position: absolute;
    bottom: -33rem;
}

.q-table {
    border-spacing: 1px !important;
}
.bottom-toolbar {
    position: sticky;
    bottom: 0px;
    width: 100%;
    background-color: #DCF4E7;
    padding: 5px 12px;
}

@media screen and (max-width: 599px) {
    .bouton-bandeau-container-right, .bouton-bandeau-container-left {
        display: flex;
        width: 100%;
        flex-direction: column;
        row-gap: 1px;
        padding-top: 1px;
    }
}

@media screen and (min-width: 599px) {
    .bouton-bandeau-container-right, .bouton-bandeau-container-left {
        display: flex;
        gap: 3px;
    }
}

.bouton-bandeau {
    border-radius: 5px;
    font-family: "Century Gothic" !important;
}

.bouton-bandeau-container-right .bouton-bandeau {
    background-color: white !important;
    color: var(--fgv-bouton-confirmation-color) !important;
}
.bouton-bandeau-container-right .bouton-bandeau:last-child {
    background-color: var(--fgv-bouton-confirmation-color) !important;
    color:white !important;
}
.bouton-bandeau-annuler {
    color: #ee0000 !important;
    background-color: white !important;
}

.card_shadow {
    background-color: white;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 1rem;
    margin: 1rem 0 1rem 0;
    border-radius: 8px;
    font-family: var(--fgv-font-family) !important;
    overflow: auto;
}

.header-formulaire-version.buttons, .header-formulaire-version.title {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 10px 0;
    align-items: flex-start;
    flex-grow: 1;
}

.header-formulaire-version.buttons {
    justify-content: flex-end;
}

.header-formulaire-version.status {
    justify-content: flex-start;
}

.header-formulaire-version.title h5 {
    margin: 0 10px 0 0;
}

.bouton-etapes-primary {
    background-color: var(--fgv-bouton-confirmation-color) !important;
    color:white !important;
}

.bouton-etapes-primary .q-icon {
    color: white !important;
}

.header-formulaire-version .bg-status-white,
.header-formulaire-version .bg-status-green,
.header-formulaire-version .bg-status-gray {
    border-radius: 10px;
    padding: 5px 20px;
    font-size: 0.8rem;
    color: var(--q-color-darker-grey);
}

.header-formulaire-version .bg-status-white {
    border: 1px solid var(--q-color-darker-grey);
    background-color: white!important;
}
.header-formulaire-version .bg-status-gray {
    background-color: #f5f8fa!important;
}
.header-formulaire-version .bg-status-green {
    background-color: #dcf4e7!important;
}

.header-formulaire-version .q-icon {
    color: white !important;
}

.header-formulaire-version-right{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-grow: 10;
    row-gap: 10px;
}

.fr-btns-group {
    margin-left: 0;
    margin-right: 0;
}

.row > div > .q-card:active {
    transform: translateY(-5px);
    box-shadow: 4px 4px 10px 0px #cecece;
    background-color: #e0e0e0;
}

.title-referentiel-sujet-contact {
    font-weight: bold;
    border: none !important;
}
.title-referentiel-sujet-contact span {
    text-align: center;
}

.valeurs-referentiels-sujet-contact{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.valeur-referentiel-sujet-contact {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border: 1px solid grey;
    padding: 10px;
    align-items: center;
    border-radius: 5px;
    gap: 5px;
}
.valeur-referentiel-sujet-contact span {
    flex: 1;
}
.detail-sujet-contact {
    border: 1px solid grey;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.03);
    margin: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}
.sous-detail-sujet-contact {
    display: flex;
    gap: 10px;
}
.sous-detail-sujet-contact > * {
    flex: 1;
}

.valeurs-referentiels {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px 20px;
    gap: 10px;
}
.valeur-referentiel {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
}
.sous-valeurs-referentiels {
    margin: 0 30px 10px 50px;
    padding-left: 10px;
    border-left: 1px solid darkgray;
}
.sous-valeur-referentiel {
    height: 52px;
}
.sous-valeurs-referentiels th, .sous-valeurs-referentiels td {
    padding: 0 0.5rem;
    text-align: start;
    vertical-align: baseline;
}
.valeurs-referentiels .q-field {
    flex-grow: 1;
}
.valeurs-referentiels .text-negative {
    align-self: baseline;
}
.valeurs-referentiels .q-field__label {
    display: none;
}
.valeurs-referentiels .q-field__native {
    padding-top: 0;
    padding-bottom: 0;
}
.valeurs-referentiels .q-field__control {
    height: 2rem;
    width: 100%;
}
.buttons-referentiels {
    height: 52px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
}
.buttons-referentiel {
    display: flex;
    flex-direction: row;
    gap: 5px;
}

.card-body {
    width: 100%;
    background: #F9F9F9;
    align-content: center;
    max-height: fit-content;
}

.card-header {
    color: #a11a55;
    font-weight: 600;
    font-size: 0.84rem;
    font-family: var(--fgv-font-family);
    margin-top: 1.5rem;
}

.card-header-big {
    color: #a11a55;
    font-weight: 600;
    font-size: 1rem;
    font-family: var(--fgv-font-family);
    margin-top: 1.5rem;
}

.card-list {
    margin: 1rem 10% 1rem 10%;
}

table {
    width: 100%;
    background-color: white;
}

th, td {
    padding: 0.5em;
}

.q-col-gutter-md {
    margin-top: 0;
}

.button-menu-utilisateur .q-btn__content {
    flex-wrap: nowrap;
}
.button-menu-utilisateur .block {
    width: max-content;
}

.point-rouge::after {
    content: '';
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px; /* Taille du point rouge */
    height: 10px; /* Taille du point rouge */
    background-color: #ee0000;
    border-radius: 50%;
}

.button-notification {
    flex-grow: 1;
}
.button-notification > span {
    align-self: flex-start;
}
.button-notification:hover {
    box-shadow: inset -1px 0 0 var(--q-primary), inset 0 -1px 0 var(--q-primary), inset 1px 0 0 var(--q-primary), inset 0 1px 0 var(--q-primary);
}
.notification-button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: max-content;
}
.notification-button span:first-child {
    font-size: 0.7rem;
}
.notification-button span:last-child {
    text-align: start;
}

.button-div-modify-profil {
    margin: 2em 0;
    display: flex;
    gap: 1em;
    flex-direction: column;
    align-items: flex-start;
}
.button-div-modify-profil p {
    margin: 0;
    font-weight: bold;
}

.fr-footer__bottom-list {
    display: flex;
    align-items: flex-start;
}
.reinitotp-modal-content{
    padding: 1rem 2rem 1rem 2rem;
}

.reinitotp-boutons{
    margin-bottom: 1rem;
    display:flex;
    width: 50%;
    justify-content: space-around;
}

.link-faq{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 10px 30px;
    padding: 10px 20px;
    /*background-color: var(--q-color-primary-invert);*/
    background: rgba(0, 0, 0, 0.03);
}

.link-faq > [target=_blank]:after {
    content: none;
    background: white;
}

.title_faq {
    margin: 25px 0 10px 0;
}

.bouton-telechargement {
    font-size: medium;
    font-weight: bold;
    font-family: var(--fgv-font-family) !important;
    color: var(--primary-color);
    border: solid;
    border: solid 1px;

}