@charset "UTF-8";
.fr-btns-group--md {
  --ul-type: none;
}

/* barre de progression pour l'étape de la csrd */
.progression-csrd {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
}

/* IE10 */
.progression-csrd {
  color: var(--background-contrast-yellow-moutarde);
}

/* Firefox */
.progression-csrd::-moz-progress-bar {
  background: var(--background-contrast-yellow-moutarde);
}

.progression-csrd[value="5"]::-moz-progress-bar {
  background-color: var(--background-contrast-green-emeraude);
}

/* Chrome */
/* The filled part */
.progression-csrd::-webkit-progress-value {
  background: var(--background-contrast-yellow-moutarde);
}

.progression-csrd[value="5"]::-webkit-progress-value {
  background-color: var(--background-contrast-green-emeraude);
}

/* The empty part */
.progression-csrd::-webkit-progress-bar {
  background: gray;
}

/* htmx */
/* https://htmx.org/docs/#indicators */
.htmx-indicator {
  display: none;
}

.htmx-request .htmx-indicator {
  display: inline;
}

.htmx-request.htmx-indicator {
  display: inline;
}

/* color themes */
:root {
  --background-dark-blue: var(--blue-ecume-inverted);
  --blue-ecume-inverted: #171d2f;
  --btn-text-inverted: #000091;
  --btn-inverted: var(--blue-france-sun-113-625-inverted);
  --btn-inverted-hover: var(--blue-france-sun-113-625-hover-inverted);
  --btn-inverted-active: var(--blue-france-sun-113-625-active-inverted);
  --blue-france-sun-113-625-inverted: #8585f6;
  --blue-france-sun-113-625-hover-inverted: #b1b1f9;
  --blue-france-sun-113-625-active-inverted: #c6c6fb;
}

:root[data-fr-theme=dark] {
  --blue-ecume-inverted: #f4f6fe;
  --blue-france-sun-113-625-inverted: #000091;
  --blue-france-sun-113-625-hover-inverted: #1212ff;
  --blue-france-sun-113-625-active-inverted: #2323ff;
  --btn-text-inverted: #fff;
}

/* imitation graphique de zone cliquable */
.clickable {
  cursor: pointer;
}

/* Texte d'erreur, sans l'icône d'erreur à gauche */
.text-error-color-no-decoration {
  color: var(--text-default-error);
}

/* custom nav */
.header-collapse {
  position: relative;
}

#menu-header {
  right: 0.5em;
}
#menu-header .fr-menu__list {
  width: auto;
  white-space: nowrap;
}

/* background coloré */
.background-light-grey {
  background-color: var(--grey-975-75);
}

.background-blue {
  background-color: var(--background-alt-blue-france);
}

.background-green {
  background-color: var(--background-alt-green-bourgeon);
}

/* texte coloré */
.text-blue {
  color: var(--text-title-blue-france);
}

/* utilisé dans la création, simulation, etc. */
.fr-responsive-img {
  height: 100%;
  object-fit: contain;
}

/* Dénomination de l'entreprise trouvée par une recherche SIREN */
.denomination .denomination-label {
  font-size: 1.25rem;
  line-height: 2.5rem;
  font-weight: 700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  color: var(--background-flat-info);
  background-color: var(--background-contrast-blue-ecume);
}

/* Sélection des enjeux */
.selection-enjeu {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.selection-enjeu_label {
  grid-column: 1/3;
  grid-row: 1;
}

.selection-enjeu_actions {
  grid-column: 3;
  grid-row: 1;
  text-align: right;
}

.selection-enjeu_description {
  grid-column: 1/4;
  grid-row: 2;
}

.selection-enjeu_ajout {
  grid-row: 3;
}

/* Résultat de simulation */
/* Bloc couleurs inversées */
.fr-container--inverted {
  border-radius: 1em;
  background: var(--blue-ecume-inverted);
  color: var(--text-inverted-blue-france);
}
.fr-container--inverted h3 {
  color: var(--text-inverted-blue-france);
}
.fr-container--inverted .fr-btn {
  background-color: var(--btn-inverted);
  color: var(--btn-text-inverted);
}
.fr-container--inverted .fr-btn:hover {
  background-color: var(--btn-inverted-hover);
}
.fr-container--inverted .fr-btn:active {
  background-color: var(--btn-inverted-active);
}

/* cartes réglementations */
@media (min-width: 48em) {
  .fr-card--horizontal-tier.fr-card.fr-card--simulation .fr-card__header {
    flex: 0 0 25%;
    width: 25%;
  }
}
.fr-card.fr-card--simulation {
  border-radius: 1em;
  overflow: hidden;
}
.fr-card.fr-card--simulation .fr-card__content {
  padding: 1rem;
  padding-left: 0rem;
}
.fr-card.fr-card--simulation .fr-card__header {
  padding: 1em;
  overflow: hidden;
  border-radius: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fr-card.fr-card--simulation .fr-card__header .fr-card__img {
  overflow: hidden;
  border-radius: 1em;
  aspect-ratio: 1;
  height: fit-content;
  max-height: 180px;
}

/* espace CSRD */
.fr-accordion__btn span {
  margin-right: 0.5rem;
}

.csrd-list {
  padding: 0px;
  width: 100%;
}
.csrd-list.csrd-list--bold {
  font-weight: bold;
}
.csrd-list li {
  list-style: none;
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1rem;
}
.csrd-list li a {
  color: var(--text-active-blue-france);
}
.csrd-list li::before {
  position: absolute;
  background-image: url("../dsfr/artwork/pictograms/system/success.svg");
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0px;
  content: " ";
  display: inline-block;
}

.csrd-action {
  position: sticky;
  z-index: 40;
  bottom: 0px;
  width: 100%;
  background-color: var(--background-default-grey);
}

/* ESRS */
.esrs-organizer--container {
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  padding-bottom: 1rem;
  background-color: var(--background-alt-grey);
}

.esrs-organizer--container.esrs-organizer--no-badge .esrs-organizer--card-title {
  grid-column-gap: 0.5rem;
  align-items: center;
}
.esrs-organizer--container.esrs-organizer--no-badge .esrs-organizer--card-title b {
  display: block;
  grid-column: 1/2;
  grid-row: 1;
}

.esrs-organizer--gov {
  background-color: var(--background-contrast-info);
}
.esrs-organizer--gov .esrs-organizer--title {
  color: var(--text-default-info);
}
.esrs-organizer--gov .esrs-organizer--title::before {
  background: center no-repeat url("../img/espace_csrd/picto-gov.png");
}

.esrs-organizer--env {
  background-color: var(--background-contrast-green-emeraude);
}
.esrs-organizer--env .esrs-organizer--title {
  color: var(--text-label-green-emeraude);
}
.esrs-organizer--env .esrs-organizer--title::before {
  background: center no-repeat url("../img/espace_csrd/picto-env.png");
}

.esrs-organizer--social {
  background-color: var(--background-contrast-purple-glycine);
}
.esrs-organizer--social .esrs-organizer--title {
  color: var(--text-label-purple-glycine);
}
.esrs-organizer--social .esrs-organizer--title::before {
  background: center no-repeat url("../img/espace_csrd/picto-social.png");
}

.esrs-organizer--title {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5rem;
  margin-bottom: 0.5rem;
  color: var(--text-mention-grey);
  display: inline-flex;
}

.esrs-organizer--title:not(.esrs-organizer--general):before {
  content: " ";
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-right: 0.5rem;
}

.esrs-organizer--content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.esrs-organizer--card {
  background-color: var(--background-default-grey);
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  text-decoration: none;
  background-image: none;
  text-align: left;
  font-size: 1rem;
  width: 100%;
}

.esrs-organizer--card:hover {
  background-color: var(--background-default-grey-hover);
  background-image: none;
}

.esrs-organizer--card-title {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
}
.esrs-organizer--card-title .fr-badge {
  grid-column: 1/2;
  grid-row: 1/2;
  height: min-content;
}
.esrs-organizer--card-title b {
  display: block;
  grid-column: 1/2;
  grid-row: 2;
}
.esrs-organizer--card-title .fr-btn {
  grid-column: 2/3;
  grid-row: 1;
  margin-top: 0px !important;
}

/* pseudo tableau dans les cartes esrs-organizer */
/* utilisé à la place des fr-col car provoque un affichage des blocs E,S et G
   les uns en dessous des autres
*/
.esrs-organizer--table {
  display: table;
  width: 100%;
}

.esrs-organizer--table-cell {
  display: table-cell;
}

/* modal des ESRS */
.fr-modal--esrs {
  border-radius: 0.5rem;
}
.fr-modal--esrs .fr-container--fluid li {
  margin: 0.5rem 0px;
}
.fr-modal--esrs .fr-container--fluid .fr-text--sm {
  margin: 0px 0px;
}
.fr-modal--esrs .fr-container--fluid h6 {
  margin-bottom: 0px;
  margin-top: 1rem;
}
.fr-modal--esrs .fr-tag {
  padding: 4px 6px !important;
  color: var(--purple-glycine-main-494);
  background-color: var(--background-alt-grey) !important;
  font-weight: 500;
}
.fr-modal--esrs h4 {
  color: var(--text-default-info);
}
.fr-modal--esrs .fr-tabs {
  box-shadow: none;
  border: none;
}
.fr-modal--esrs .fr-tabs::before {
  box-shadow: none;
}
.fr-modal--esrs .fr-tabs__panel {
  padding: 0px;
  padding-top: 1rem;
}
.fr-modal--esrs .fr-tabs__panel ul li {
  padding-bottom: 1rem;
}
.fr-modal--esrs .fr-tabs__panel a {
  color: var(--text-active-blue-france);
  text-decoration: underline;
}
.fr-modal--esrs .fr-tabs__list {
  margin: auto;
  padding: 0px;
  min-height: auto;
  border-bottom: 1px solid var(--border-default-grey);
}
.fr-modal--esrs .fr-tabs__list .fr-tabs__tab {
  margin: 0px;
  background-image: none;
  background-color: var(--background-alt-grey);
  font-weight: 400;
  font-size: 0.825em;
  border-bottom: 2px solid var(--background-alt-grey);
}
.fr-modal--esrs .fr-tabs__list .fr-tabs__tab[aria-selected=true]:not(:disabled) {
  border-bottom: 2px solid var(--background-action-high-blue-france);
}
.fr-modal--esrs .esrs-incidences {
  width: 100%;
}
.fr-modal--esrs .esrs-incidences li {
  list-style: none;
  display: flex;
  width: 100%;
}
.fr-modal--esrs .esrs-incidences .fr-icon--sm, .fr-modal--esrs .esrs-incidences .fr-icon {
  color: var(--background-action-high-blue-france);
  margin-right: 0.5rem;
}
.fr-modal--esrs .esrs-incidences .theme {
  display: block;
  flex-grow: 1;
}

.fr-icon--blue {
  color: var(--text-active-blue-france);
}

/* dashboard */
.dashboard-sidemenu .fr-badge {
  padding: 0.5rem;
  width: 100%;
  justify-content: center;
}
.dashboard-sidemenu .fr-btn {
  width: 100%;
  justify-content: center;
}
.dashboard-sidemenu a:not([href]) {
  color: var(--text-disabled-grey);
}

.dashboard .fr-card__img {
  padding: 0.5rem;
}

.dashboard-category {
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  padding-bottom: 1rem;
}
.dashboard-category h2 {
  text-transform: uppercase;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.dashboard-list {
  background-color: var(--background-default-grey);
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  padding-bottom: 0rem;
}
.dashboard-list h6 {
  font-size: 1.2em;
}

.dashboard--a-actualiser {
  background-color: var(--background-contrast-error);
}
.dashboard--a-actualiser h2 {
  color: var(--text-default-error);
}

.dashboard--en-cours {
  background-color: var(--background-contrast-warning);
}
.dashboard--en-cours h2 {
  color: var(--text-default-warning);
}

.dashboard--a-jour {
  background-color: var(--background-contrast-green-emeraude);
}
.dashboard--a-jour h2 {
  color: var(--text-label-green-emeraude);
}

/* VSME */
.desc-exigence-publication {
  width: 100%;
}

.progression-exigence-publication {
  width: 0;
  min-width: 100%;
}

.progression-vsme--general {
  background-color: var(--background-contrast-yellow-moutarde);
}
.progression-vsme--general .progression-vsme--title {
  color: var(--text-label-yellow-moutarde);
}

.progression-vsme--gov {
  background-color: var(--background-contrast-info);
}
.progression-vsme--gov .progression-vsme--title {
  color: var(--text-default-info);
}

.progression-vsme--env {
  background-color: var(--background-contrast-green-emeraude);
}
.progression-vsme--env .progression-vsme--title {
  color: var(--text-label-green-emeraude);
}

.progression-vsme--social {
  background-color: var(--background-contrast-purple-glycine);
}
.progression-vsme--social .progression-vsme--title {
  color: var(--text-label-purple-glycine);
}

.progression-vsme--title {
  text-transform: uppercase;
}

/* Indicateurs */
.indicateur-tableau caption {
  text-align: left;
}

.indicateur-cellule {
  vertical-align: top;
  text-align: center;
}

.indicateur-cellule--geolocalisation {
  display: flex;
}

.indicateur-cellule--flex-container > div {
  display: flex;
  justify-content: center;
  gap: 0.5em;
}

/* fr-col aligné à droite */
.col-right {
  text-align: right;
}

/* media queries */
@media screen and (min-width: 992px) {
  #account-mobile {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .fr-card.fr-card--simulation .fr-card__content {
    padding: 1rem;
    padding-left: 1rem;
  }
}
.rse-list {
  padding: 0px;
  width: 100%;
}
.rse-list.csrd-list--bold {
  font-weight: bold;
}
.rse-list li {
  list-style: none;
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1rem;
}
.rse-list li a {
  color: var(--text-active-blue-france);
}
.rse-list li::before {
  position: absolute;
  background-image: url("../dsfr/artwork/pictograms/system/success.svg");
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  left: 0px;
  content: " ";
  display: inline-block;
}

/* progression en forme de cercle */
/* basé sur https://nosmoking.developpez.com/demos/css/gauge_circulaire.html
  - simplifié car inutile de gérer les décimales
  - modifié pour s'adapter aux couleurs du portail
*/
.progress-circle-wrapper {
  order: 3;
}

.progress-circle {
  position: relative; /* pour servir de référent */
  box-sizing: border-box; /* prise en compte bordure dans la dimension */
  font-size: 6em; /* pour définir les dimensions */
  width: 1em; /* fixe la largeur */
  height: 1em; /* fixe la hauteur */
  border-radius: 50%; /* rendu aspect circulaire */
  border: 0.15em solid rgb(220, 220, 220); /* couleur de fond de l'anneau */
  font-size: 7em;
}

.progress-masque {
  position: absolute;
  width: 1em; /* 100% de la largeur */
  height: 1em; /* 100% de la hauteur */
  left: -0.15em; /* décalage de la largeur bordure de la gauge */
  top: -0.15em; /* décalage de la largeur bordure de la gauge */
  clip: rect(0, 1em, 1em, 0.5em); /* par défaut seule la partie droite est visible */
}

.progress-circle[data-value^="5"]:not([data-value="5"]) .progress-masque,
.progress-circle[data-value^="6"]:not([data-value="6"]) .progress-masque,
.progress-circle[data-value^="7"]:not([data-value="7"]) .progress-masque,
.progress-circle[data-value^="8"]:not([data-value="8"]) .progress-masque,
.progress-circle[data-value^="9"]:not([data-value="9"]) .progress-masque,
.progress-circle[data-value^="100"] .progress-masque {
  clip: rect(auto, auto, auto, auto);
}

.progress-barre,
.progress-sup50 {
  position: absolute;
  box-sizing: border-box; /* prise en compte bordure dans la dimension */
  border-width: 0.15em; /* largeur bordure de la gauge */
  border-style: solid;
  border-radius: 50%; /* rendu aspect circulaire */
  width: 1em; /* largeur à 100% */
  height: 1em; /* hauteur à 100% */
  clip: rect(0, 0.5em, 1em, 0); /* on ne garde que la partie gauche */
}

.progress-barre--general,
.progress-sup50--general {
  border-color: var(--text-label-yellow-moutarde);
}

.progress-barre--environnement,
.progress-sup50--environnement {
  border-color: var(--text-label-green-emeraude);
}

.progress-barre--social,
.progress-sup50--social {
  border-color: var(--text-label-purple-glycine);
}

.progress-barre--gouvernance,
.progress-sup50--gouvernance {
  border-color: var(--text-default-info);
}

.progress-circle[data-value="0"] .progress-barre {
  transform: rotate(0deg);
}

.progress-circle[data-value="1"] .progress-barre {
  transform: rotate(3.6deg);
}

.progress-circle[data-value="2"] .progress-barre {
  transform: rotate(7.2deg);
}

.progress-circle[data-value="3"] .progress-barre {
  transform: rotate(10.8deg);
}

.progress-circle[data-value="4"] .progress-barre {
  transform: rotate(14.4deg);
}

.progress-circle[data-value="5"] .progress-barre {
  transform: rotate(18deg);
}

.progress-circle[data-value="6"] .progress-barre {
  transform: rotate(21.6deg);
}

.progress-circle[data-value="7"] .progress-barre {
  transform: rotate(25.2deg);
}

.progress-circle[data-value="8"] .progress-barre {
  transform: rotate(28.8deg);
}

.progress-circle[data-value="9"] .progress-barre {
  transform: rotate(32.4deg);
}

.progress-circle[data-value="10"] .progress-barre {
  transform: rotate(36deg);
}

.progress-circle[data-value="11"] .progress-barre {
  transform: rotate(39.6deg);
}

.progress-circle[data-value="12"] .progress-barre {
  transform: rotate(43.2deg);
}

.progress-circle[data-value="13"] .progress-barre {
  transform: rotate(46.8deg);
}

.progress-circle[data-value="14"] .progress-barre {
  transform: rotate(50.4deg);
}

.progress-circle[data-value="15"] .progress-barre {
  transform: rotate(54deg);
}

.progress-circle[data-value="16"] .progress-barre {
  transform: rotate(57.6deg);
}

.progress-circle[data-value="17"] .progress-barre {
  transform: rotate(61.2deg);
}

.progress-circle[data-value="18"] .progress-barre {
  transform: rotate(64.8deg);
}

.progress-circle[data-value="19"] .progress-barre {
  transform: rotate(68.4deg);
}

.progress-circle[data-value="20"] .progress-barre {
  transform: rotate(72deg);
}

.progress-circle[data-value="21"] .progress-barre {
  transform: rotate(75.6deg);
}

.progress-circle[data-value="22"] .progress-barre {
  transform: rotate(79.2deg);
}

.progress-circle[data-value="23"] .progress-barre {
  transform: rotate(82.8deg);
}

.progress-circle[data-value="24"] .progress-barre {
  transform: rotate(86.76deg);
}

.progress-circle[data-value="25"] .progress-barre {
  transform: rotate(90deg);
}

.progress-circle[data-value="26"] .progress-barre {
  transform: rotate(93.6deg);
}

.progress-circle[data-value="27"] .progress-barre {
  transform: rotate(97.2deg);
}

.progress-circle[data-value="28"] .progress-barre {
  transform: rotate(100.8deg);
}

.progress-circle[data-value="29"] .progress-barre {
  transform: rotate(104.4deg);
}

.progress-circle[data-value="30"] .progress-barre {
  transform: rotate(108deg);
}

.progress-circle[data-value="31"] .progress-barre {
  transform: rotate(111.6deg);
}

.progress-circle[data-value="32"] .progress-barre {
  transform: rotate(115.2deg);
}

.progress-circle[data-value="33"] .progress-barre {
  transform: rotate(118.8deg);
}

.progress-circle[data-value="34"] .progress-barre {
  transform: rotate(122.4deg);
}

.progress-circle[data-value="35"] .progress-barre {
  transform: rotate(126deg);
}

.progress-circle[data-value="36"] .progress-barre {
  transform: rotate(129.6deg);
}

.progress-circle[data-value="37"] .progress-barre {
  transform: rotate(133.2deg);
}

.progress-circle[data-value="38"] .progress-barre {
  transform: rotate(136.8deg);
}

.progress-circle[data-value="39"] .progress-barre {
  transform: rotate(140.4deg);
}

.progress-circle[data-value="40"] .progress-barre {
  transform: rotate(144deg);
}

.progress-circle[data-value="41"] .progress-barre {
  transform: rotate(147.6deg);
}

.progress-circle[data-value="42"] .progress-barre {
  transform: rotate(151.2deg);
}

.progress-circle[data-value="43"] .progress-barre {
  transform: rotate(154.8deg);
}

.progress-circle[data-value="44"] .progress-barre {
  transform: rotate(158.4deg);
}

.progress-circle[data-value="45"] .progress-barre {
  transform: rotate(162deg);
}

.progress-circle[data-value="46"] .progress-barre {
  transform: rotate(165.6deg);
}

.progress-circle[data-value="47"] .progress-barre {
  transform: rotate(169.2deg);
}

.progress-circle[data-value="48"] .progress-barre {
  transform: rotate(172.8deg);
}

.progress-circle[data-value="49"] .progress-barre {
  transform: rotate(176.4deg);
}

.progress-circle[data-value="50"] .progress-barre {
  transform: rotate(180deg);
}

.progress-circle[data-value="51"] .progress-barre {
  transform: rotate(183.6deg);
}

.progress-circle[data-value="52"] .progress-barre {
  transform: rotate(187.2deg);
}

.progress-circle[data-value="53"] .progress-barre {
  transform: rotate(190.8deg);
}

.progress-circle[data-value="54"] .progress-barre {
  transform: rotate(194.4deg);
}

.progress-circle[data-value="55"] .progress-barre {
  transform: rotate(198deg);
}

.progress-circle[data-value="56"] .progress-barre {
  transform: rotate(201.6deg);
}

.progress-circle[data-value="57"] .progress-barre {
  transform: rotate(205.2deg);
}

.progress-circle[data-value="58"] .progress-barre {
  transform: rotate(208.8deg);
}

.progress-circle[data-value="59"] .progress-barre {
  transform: rotate(212.4deg);
}

.progress-circle[data-value="60"] .progress-barre {
  transform: rotate(216deg);
}

.progress-circle[data-value="61"] .progress-barre {
  transform: rotate(219.6deg);
}

.progress-circle[data-value="62"] .progress-barre {
  transform: rotate(223.2deg);
}

.progress-circle[data-value="63"] .progress-barre {
  transform: rotate(226.8deg);
}

.progress-circle[data-value="64"] .progress-barre {
  transform: rotate(230.4deg);
}

.progress-circle[data-value="65"] .progress-barre {
  transform: rotate(234deg);
}

.progress-circle[data-value="66"] .progress-barre {
  transform: rotate(237.6deg);
}

.progress-circle[data-value="67"] .progress-barre {
  transform: rotate(241.2deg);
}

.progress-circle[data-value="68"] .progress-barre {
  transform: rotate(244.8deg);
}

.progress-circle[data-value="69"] .progress-barre {
  transform: rotate(248.4deg);
}

.progress-circle[data-value="70"] .progress-barre {
  transform: rotate(252deg);
}

.progress-circle[data-value="71"] .progress-barre {
  transform: rotate(255.6deg);
}

.progress-circle[data-value="72"] .progress-barre {
  transform: rotate(259.2deg);
}

.progress-circle[data-value="73"] .progress-barre {
  transform: rotate(262.8deg);
}

.progress-circle[data-value="74"] .progress-barre {
  transform: rotate(266.4deg);
}

.progress-circle[data-value="75"] .progress-barre {
  transform: rotate(270deg);
}

.progress-circle[data-value="76"] .progress-barre {
  transform: rotate(273.6deg);
}

.progress-circle[data-value="77"] .progress-barre {
  transform: rotate(277.2deg);
}

.progress-circle[data-value="78"] .progress-barre {
  transform: rotate(280.8deg);
}

.progress-circle[data-value="79"] .progress-barre {
  transform: rotate(284.4deg);
}

.progress-circle[data-value="80"] .progress-barre {
  transform: rotate(288deg);
}

.progress-circle[data-value="81"] .progress-barre {
  transform: rotate(291.6deg);
}

.progress-circle[data-value="82"] .progress-barre {
  transform: rotate(295.2deg);
}

.progress-circle[data-value="83"] .progress-barre {
  transform: rotate(298.8deg);
}

.progress-circle[data-value="84"] .progress-barre {
  transform: rotate(302.4deg);
}

.progress-circle[data-value="85"] .progress-barre {
  transform: rotate(306deg);
}

.progress-circle[data-value="86"] .progress-barre {
  transform: rotate(309.6deg);
}

.progress-circle[data-value="87"] .progress-barre {
  transform: rotate(313.2deg);
}

.progress-circle[data-value="88"] .progress-barre {
  transform: rotate(316.8deg);
}

.progress-circle[data-value="89"] .progress-barre {
  transform: rotate(320.4deg);
}

.progress-circle[data-value="90"] .progress-barre {
  transform: rotate(324deg);
}

.progress-circle[data-value="91"] .progress-barre {
  transform: rotate(327.6deg);
}

.progress-circle[data-value="92"] .progress-barre {
  transform: rotate(331.2deg);
}

.progress-circle[data-value="93"] .progress-barre {
  transform: rotate(334.8deg);
}

.progress-circle[data-value="94"] .progress-barre {
  transform: rotate(338.4deg);
}

.progress-circle[data-value="95"] .progress-barre {
  transform: rotate(342deg);
}

.progress-circle[data-value="96"] .progress-barre {
  transform: rotate(345.6deg);
}

.progress-circle[data-value="97"] .progress-barre {
  transform: rotate(349.2deg);
}

.progress-circle[data-value="98"] .progress-barre {
  transform: rotate(352.8deg);
}

.progress-circle[data-value="99"] .progress-barre {
  transform: rotate(356.4deg);
}

.progress-circle[data-value="100"] .progress-barre {
  transform: rotate(360deg);
}

.progress-sup50 {
  display: none;
  clip: rect(0, 1em, 1em, 0.5em);
}

.progress-circle[data-value^="5"]:not([data-value="5"]):not([data-value^="5."]) .progress-sup50,
.progress-circle[data-value^="6"]:not([data-value="6"]):not([data-value^="6."]) .progress-sup50,
.progress-circle[data-value^="7"]:not([data-value="7"]):not([data-value^="7."]) .progress-sup50,
.progress-circle[data-value^="8"]:not([data-value="8"]):not([data-value^="8."]) .progress-sup50,
.progress-circle[data-value^="9"]:not([data-value="9"]):not([data-value^="9."]) .progress-sup50,
.progress-circle[data-value^="100"] .progress-sup50 {
  display: block;
}

.progress-circle:after {
  content: attr(data-value) " %"; /* récup. valeur de progression */
  font-size: 0.15em; /* taille de la font en % du parent */
  height: 100%; /* centrage dans le parent */
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  /* &--general {
       @extend .progress-circle;
       color: var(--text-label-yellow-moutarde);
   }*/
  /*-- pour effet shadow intérieur --*/
  border-radius: 50%;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5) inset;
}

.progress-circle--general:after {
  color: var(--text-label-yellow-moutarde);
}

.progress-circle--environnement:after {
  color: var(--text-label-green-emeraude);
}

.progress-circle--social:after {
  color: var(--text-label-purple-glycine);
}

.progress-circle--gouvernance:after {
  color: var(--text-default-info);
}

/*# sourceMappingURL=styles.css.map */