/* Themification */

.fr-callout {
    background-color: var(--blue-france-950-100);
}

.fr-bg--blue-france-950-100 {
    background-color: var(--blue-france-950-100);
}

.fr-bg--blue-france-975-75 {
    background-color: var(--blue-france-975-75);
}

.fr-color--error-425 {
    color: var(--error-425-625);
}

.fr-color--success-main-425 {
    color: var(--success-425-625)
}

.fr-background-alt--grey {
    background-color: var(--background-alt-grey);
}

.fr-text--italic {
    font-style: italic;
}

.fr-text--color-action{
    color: var(--text-action-high-blue-france);
}

/* Tag custom */
.fr-tag--phase-en-cours {
    color: var(--purple-glycine-sun-319-moon-630);
    background-color: var(--purple-glycine-925-125);
}

/* Tag custom */
.fr-tag--analyse {
    color: var(--blue-ecume-sun-247-moon-675);
    background-color: var(--blue-ecume-975-75-hover);
}

/* ** */
.fr-button-link {
    --hover-tint: transparent !important;
    --active-tint: transparent !important;
}

.fr-button-link:hover {
    --underline-hover-width: var(--underline-max-width);
    background-color: var(--hover-tint);
}

.fr-button-link-href {
    background-image: var(--underline-img),var(--underline-img);
    background-position: var(--underline-x) 100%,var(--underline-x) calc(100% - var(--underline-thickness));
    background-repeat: no-repeat,no-repeat;
    background-size: var(--underline-hover-width) calc(var(--underline-thickness)*2),var(--underline-idle-width) var(--underline-thickness);
    transition: background-size 0s;
}

/* Utils */

.ul-type-none {
    --ul-type: none;
}

.no-underline {
    background-image: none;
}

.grid {
    display: grid;
}

.grid--1 {
    grid-template-columns: 1fr;
}

.grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

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

.fr-label-readonly {
    color: var(--text-action-high-grey);
    font-weight: 500;
    padding-bottom: .5rem;
}

/* ** */

/* Facets */

.adesi-facets {
}

/* ** */

/* Label hide */

.text-right {
    text-align: right;
}

.hide-label > label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ** */
/* Fake active tabs */

.fr-tabs__tab--active:not(:disabled) {
    --idle: transparent;
    --hover: var(--background-default-grey-hover);
    --active: var(--background-default-grey-active);
    background-color: var(--background-default-grey);
    background-image: linear-gradient(0deg, var(--border-active-blue-france), var(--border-active-blue-france)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey)), linear-gradient(0deg, var(--border-default-grey), var(--border-default-grey));
    color: var(--text-active-blue-france);
}

.fr-tabs__tab--active {
    background-size: 100% 2px, 1px calc(100% - 1px), 1px calc(100% - 1px), 0 1px;
}

.text-disabled-grey-important {
	color: var(--text-disabled-grey)!important;
}

/**/

.fr-fluid-container {
    --scrollbar-width: 8px;
    width: calc(100vw - var(--scrollbar-width)); /* Le bandeau fait la largeur de l’écran */
    position: relative; /* La position du bandeau est relative à sa position initiale */
    left: 50%;
    right: 50%; /* On aligne horizontalement */
    margin-left: -50vw;
    margin-right: -50vw; /* Les marges négatives permettent « d’annuler » les gutters posé par la classe `.fr-container` */
}

.text-uppercase {
    text-transform: uppercase;
}

/* QNotify */
.q-notify,#q-notify {
    display: none;
}

/* */
@media screen and (max-width: 768px) {
    .flex-column-md {
        flex-direction: column;
    }
}

/*
Accueil
*/
.border-bottom-xs-grey-625-425 {
    border-bottom: 1px solid var(--grey-625-425);
}

.fr-row-6 {
    flex: 0 0 50%;
    height: 50%;
    min-height: 50%
}

.direction-header {
    display: flex;
    align-items: center;
	gap: 1rem;
}

.direction-header h6 {
	margin: 0;
}

.perimetre-block {
	border: 0.1px solid var(--grey-625-425);
	margin-top: 10px;
	padding: 18px;
}

.fieldset-container {
	position: relative;
	padding-top: 2rem;
}

.btn-cocher-services {
	position: absolute;
	top: 0;
	right: 1rem;
	margin-top: -45px;
}

.service-item {
	margin-bottom: auto;
}

.justify-content-between {
    justify-content: space-between
}

.fr-header__operator .fr-responsive-img {
	width: 8rem !important;
	margin-top: 18px ;
}

@media (min-width: 48em) {
  .fr-footer__brand.fr-enlarge-link {
    padding-top: 0.5rem;
  }
}

.fr-footer__brand-link .fr-footer__logo {  
	height: 10rem;
	padding-top: 30px;
}

.no-selectable-header thead tr th:first-child div {
  display: none;
}

.poste-item {
	margin-bottom: auto;
}

.border-xs-grey-625-425 {
    border: 1px solid var(--grey-900-175);
}

/* Calendrier */
/* Pris de la classe .my-event*/
.event-creneau {
  width: 98%;
  position: absolute;
  font-size: 12px;
  align-items: center;
  min-width: 70px;
  box-shadow: inset -1px 0 0 #000, inset 0 -1px 0 #000, inset 1px 0 0 #000, inset 0 1px 0 #000;
}

/* Pris du fr-badge--success */
.creneau-libre {
   --idle: transparent;
   --hover: var(--background-contrast-success-hover);
   --active: var(--background-contrast-success-active);
   background-color: var(--background-contrast-success);
   color: var(--text-default-success);
}
/* Pris du fr-badge--new */
.creneau-reserve {
  --idle: transparent;
  --hover: var(--background-contrast-yellow-moutarde-hover);
  --active: var(--background-contrast-yellow-moutarde-active);
  background-color: var(--background-contrast-yellow-moutarde);
  color: var(--text-action-high-yellow-moutarde);
}

.creneau-icone {
    position: absolute;
    left: 5px;
}

.creneau-text {
    margin-top: 2px;
}

.white-space-pre-line {
	white-space: pre-line;
}

/* Ajout responsive */
@media (min-width: 768px) {
    .fr-grid-row-md {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      padding: 0;
    }
}

@media (min-width: 576px) {
    .fr-grid-row-sm {
      display: flex;
      flex-wrap: wrap;
      margin: 0;
      padding: 0;
    }
}