a {
  text-decoration: none;
  /*text-transform: uppercase;*/
  color: var(--bs-gray-800);
  font-weight: bold;
  /*font-size: small;*/
  /*font-family: 'Share';*/
}

.bloc-aide ul li:before {
  /*font-family: "Font Awesome 5 Free";*/
  padding-right: 6px;
  font-weight: 900;
  font-size: small;
  /*content: "\f061";*/
}

.bloc-aide ul {
  padding-left: 10px;
}

.bloc-aide ul li {
  /*list-style: none;*/
}

@media (min-width: 1400px) {
  .nav-link {
    font-family: 'Share';
    font-size: 1.1em;
    font-weight: 600;
  }
}

h2, h4, h5 {
  text-transform: initial;
  font-family: 'Share';
  font-weight: bold;
}

h4 span, h2 span, p.my-3 span {
  background-color: white!important;
}

.badge.bg-primary {
  background-color: #ffffff !important;
}

.badge {
  font-weight: initial;
  color: var(--bs-gray-500);
}

.my-2 .btn:before {
  font-family: "Font Awesome 5 Free";
  padding-right: 6px;
  font-weight: 900;
  font-size: x-large;
  content: "\f061";
}

/*.badge:before {*/
/*  font-family: "Font Awesome 5 Free";*/
/*  padding-right: 6px;*/
/*  font-weight: 900;*/
/*  content: "\f041";*/
/*}*/

.bg-agent {
  background-color: #39b0c8!important;
}

.bg-secondary, .btn-agent {
  background-color: #34495E;
}

.btn-vacances-carre {
  color: #00ade3;
  border: 3px solid #00ade3;
}

.btn-billetterie-carre {
  color: #cd408c;
  border: 3px solid #cd408c;
}

.btn-vacances {
  background-color: #00ade3;
}

.btn-direct a {
  color: #00ade3;
}

.btn-billetterie {
  background-color: #cd408c;
}

.btn-avantages {
  background-color: #54a525;
}

.btn-loisirs {
  background-color: #a83664;
}

.btn-servicesplus {
  background-color: #007b3c;
}

.btn-crh {
  background-color: #6610f2;
}

.btn-direct h5 a {
  color: white;
  font-size: 1em;
}

.btn-direct {
  border-bottom: 1px solid #34495e;
  margin-top: 0px;
}

.btn-action {
  font-family: 'Share';
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
}

.btn-action {
  background-color: #efefef;
}

.first-actu {
  border-bottom: 1px solid grey;
}

.actus div:not(:last-child) {
  /*border-right: grey 1px solid!important;*/
}

.mag-title {
  font-family: 'Raleway';
  font-size: 3em;
  color: #ffffff;
  padding-left: 7px;
}

.bloc-mag {
  background-color: #c2001a;
}

.btn-txt {
  line-height: 0.5rem !important;
}

.btn-avantages-conso-carre {
  color: #54a525;
  border: 3px solid #54a525;
}

.btn-servicesplus-carre {
  /*color: #007b3c;*/
  border: 3px solid #007b3c;
}

.txt-vacances {
  color: #00ade3;
}

.txt-billetterie {
  color: #cd408c;
}

.txt-loisirs {
  color: #a83664;
}

.txt-avantages-conso {
  color: #54a525;
}

.txt-servicesplus {
  color: #007b3c;
}

.txt-crh {
  color: #6610f2;
}

.inter-titre-prestation {
  color: rgb(252, 125, 0);
  text-transform: uppercase;
}

.titre-demande-prestation {
  color: #00ade3;
}

.inter-titre-actualite {
  color: #00ade3;
  text-transform: uppercase;
}

.titre-action-actualite {
  color: rgb(252, 125, 0);
}

.article-title.article-up {
  border-left: 4px solid #000;
  font-size: 1.3rem;
}

.article-title.article-basic {
  font-size: 1.2rem;
}

.bg-actu-list {
  background-color: #fbfbfb;
}

.badge-actu-title {
}

.actu-date {
  font-family: Share, serif;
  color: #53799f;
}

p {
  font-size: 1rem;
}

#accordion-1 .accordion-item {
  overflow: hidden;
  border: 1px solid #ccc!important;
  border-radius: 15px!important;
}

.active {
  color: #00ade3!important;
}

.blue-title {
  font-weight: bolder;
  color: #13a3e4;
  font-family: arial;
  font-size: 1.1rem;
}

#accordion-demarches .accordion-item {
  border: 0px!important;
}

#accordion-demarches .title {
  font-weight: bolder;
  color: #13a3e4;
  font-size: 1.1rem;
}

li {
}

.badge-etape {
  color: #225d99;
  font-weight: 700;
}

.badge-step {
  background-color: #34495E!important;
}

.step-nouvel-agent {
  background-color: white;
  color: #34495E;
  padding: 5px 8px;
  border-radius: 50px;
  font-size: .75rem;
}

.bg-gray {
}

#themes .nav-link {
  padding: 0px;
}

.titre-cat-prestation {
  margin-bottom: 0px!important;
  background-color: #225d99;
  color: #fff;
  font-size: 1.5rem;
  padding-top: 15px;
  padding-bottom: 15px;
}

#themes .nav-tabs {
  --bs-nav-tabs-link-active-border-color: #ffffff #ffffff #fff;
  --bs-nav-tabs-border-color: rgba(222,226,230,0);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
  --bs-nav-tabs-border-width: 0px;
}

#themes .nav-link {
  opacity: .4;
}

#themes .nav-link.active {
  opacity: 1!important;
}

#themes .tab-pane {
  border-top: 3px solid #00ade3!important;
}

.btn-decouvrir:hover {
  background-color: rgba(0,173,227,0.59);
  color: white;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: #f2f2f2; /* Couleur de fond pour les lignes impaires */
}

/* Styles supplémentaires pour les lignes */
.table-striped tbody tr:nth-child(odd) td {
  color: black; /* Couleur du texte pour les lignes impaires */
}
.table-striped tbody tr:hover {
  background-color: #cfd7f2;
  cursor: pointer;
}

.table-striped thead th {
  background-color: #e7f1ff;color:#13a3e4!important;
}




.variants {

  justify-content: center;
  align-items: center;
}

.variants > div {
  margin-right: 5px;
}

.variants > div:last-of-type {
  margin-right: 0;
}

.file {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file > input[type='file'] {
  display: none;
}

.file > label {
  font-size: 1rem;
  font-weight: 300;
  cursor: pointer;
  outline: 0;
  user-select: none;
  border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
  border-style: solid;
  border-radius: 4px;
  border-width: 1px;
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 29%);
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file > label:hover {
  border-color: hsl(0, 0%, 21%);
}

.file > label:active {
  background-color: hsl(0, 0%, 96%);
}

.file > label > i {
  padding-right: 5px;
}

.file--upload > label {
  color: hsl(204, 86%, 53%);
  border-color: hsl(204, 86%, 53%);
}

.file--upload > label:hover {
  border-color: hsl(204, 86%, 53%);
  background-color: hsl(204, 86%, 96%);
}

.file--upload > label:active {
  background-color: hsl(204, 86%, 91%);
}

.file--uploading > label {
  color: hsl(48, 100%, 67%);
  border-color: hsl(48, 100%, 67%);
}

.file--uploading > label > i {
  animation: pulse 5s infinite;
}

.file--uploading > label:hover {
  border-color: hsl(48, 100%, 67%);
  background-color: hsl(48, 100%, 96%);
}

.file--uploading > label:active {
  background-color: hsl(48, 100%, 91%);
}

.file--dragging {
  border-color: hsl(48, 100%, 67%);
  background-color: hsl(48, 100%, 96%);
}
.bg-file-name{
  background-color: #a3b4d2!important;
}


@media (max-width: 991px)
{
  .reverse-col {
    display: flex;
    flex-direction: column-reverse;
  }
}