.section-about {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
.bg-linear-gradient {
  display: flex;
  align-items: center;
  padding: 30px 15px 30px 0;
}
.cardinfo {
  padding: 0 15px;
}
.cardinfo .bgwhite-accompagne .download-link {
  font-weight: 600;
  text-transform: uppercase;
}
.bgwhite-accompagne {
  position: relative;
  overflow: hidden;
  background: var(--white);
  border-radius: 10px;
  padding: 40px;
  text-align: center;
}

.bgwhite-accompagne h3 {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 15px;
}

.bgwhite-accompagne .description-field p {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-light);
  margin: 0;
}

.bgwhite-accompagne .description-field p a {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  margin: 15px 0 0;
  display: inline-block;
  color: var(--blue-light);
}

/* .bgwhite-accompagne .description-field p a:before {
  content: "\f019";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  color: var(--orange);
  margin-right: 10px;
} */
.download-link svg {
  margin-right: 10px;
}
.bgwhite-accompagne .description-field p a:hover {
  color: var(--orange);
}

.cardinfo:hover .bgwhite-accompagne h3 {
  color: var(--orange);
}
.cardinfo:hover .bgwhite-accompagne p a:hover {
  color: var(--orange);
}

.cardinfo:nth-child(1) .bgwhite-accompagne {
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}
.bg-about {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* min-height: 300px; */
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.bg-linear-gradient-info {
  top: 0;
  bottom: 0;
  z-index: 2;
  left: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
}
.bg-about:before {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 41.58%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.box-accompagne-bourse {
  padding-right: 60px;
  position: relative;
}

.box-accompagne-bourse h2 {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-light);
  font-size: 32px;
  font-weight: 700;
}

.box-accompagne-bourse span {
  display: block;
  color: var(--blue-medium);
  font-weight: 400;
  margin: 5px;
}
.box-infos-bourse {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.bg-info {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px;
  overflow: hidden;
  padding: 50px 40px;
  background-color: #f2f2f2 !important;
}
.section-autre .info.bg-info:before {
  display: none;
}
.section-infos {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background: #fafafa;
}

.bourse .titre-section {
  text-align: center;
  margin: 0 auto;
  color: var(--blue-medium);
  margin: 0 0 30px;
}
.info.bg-info:before {
  content: "";
  background: rgb(9 36 75 / 60%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.event-slick-carousel .slide {
  position: relative;
  overflow: hidden;
}

.event-slick-carousel .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-slick-carousel .slide-content {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
}
.about-img {
  position: relative;
  overflow: hidden;
  padding-right: 20px;
}

.bourse {
  position: relative;
  overflow: hidden;
  padding: 40px 0;
  background: rgb(243 243 243 / 40%);
}

.imgabout {
  width: 100%;
  height: 460px;
  object-fit: cover;
  border-radius: 10px;
}

.about-description {
  padding-left: 20px;
  position: relative;
  overflow: hidden;
}

.about-description p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
}

.about-description ul li {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
}
.bg-avantage {
  overflow: hidden;
  padding: 50px 30px;
  border-radius: 10px;
  height: 470px;
  background-size: cover;
}
.bg-partenaire {
  height: 100px;
  border-radius: 7px;
  border: 1px solid #ddd;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-card {
  padding: 0 15px 20px;
  border-radius: 5px;
  text-align: center;
}

.partner-card img {
  max-width: 100%;
  height: 100%;
  object-fit: contain; /* Appliqué aux images à l'intérieur de .partner-card */
}
.bg-capital {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  border-radius: 10px;
}

.img-date-cle img {
  width: 100%;
  height: 185px;
  object-fit: cover; /* Évite la déformation */
}

.bg-rapports {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: auto;
  border-radius: 10px;
  padding: 30px 0;
}

.bg-banner {
  height: 135px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.bg-banner:before {
  content: "";
  background: rgb(9 36 75 / 60%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.banner-interne {
  position: relative;
  overflow: hidden;
  padding: 30px 0 0;
}

.titre-banner {
  color: var(--white);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "DM Sans", sans-serif;
  font-size: 36px;
  font-weight: 600;
}
.bg-img-desc {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.boxcontact .bg-img-desc {
    padding: 35px 0;
}
.paragraph-container {
  display: flex;
  align-items: center;
  padding: 20px;
}

.paragraph-container.image-right {
  flex-direction: row-reverse; /* Image à droite */
}

.paragraph-container.image-left {
  flex-direction: row; /* Image à gauche */
}

.paragraph-image {
  flex: 0 0 517px; /* Largeur fixe de l'image */
  height: 500px; /* Hauteur fixe de l'image */
  padding: 0 20px;
  display: none;
}
.box-info-emetteur {
  position: relative;
}

.box-info-emetteur .filed-logo {
  position: relative;
  max-width: 100%;
  height: 81px;
  object-fit: contain;
}

.box-info-emetteur .info-titre {
  position: relative;
  font-size: 30px;
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  margin: 220px 0 0;
}

.box-info-emetteur p {
  position: relative;
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  font-weight: 400;
  margin: 10px 0 0;
}

.box-info-emetteur .btn-discover {
  position: relative;
  margin: 15px 0 0;
}

.box-info-emetteur .btn-discover a {
  color: var(--white);
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.box-info-emetteur .btn-discover a:hover {
  color: var(--orange);
  text-decoration: none;
}
.box-publication {
  position: relative;
  overflow: hidden;
  margin: 30px 0 0;
  padding: 0 15px;
}

.box-info-pub {
  background: var(--white);
  border-radius: 8px;
  overflow: hidden;
  border-top: 3px solid var(--orange);
  padding: 40px 30px;
}

.box-info-pub h2 {
  font-size: 21px;
  margin: 0 0 15px;
}
.section-pub .box-info-pub {
  background: #fafafa;
}

.section-pub .box-info-pub .views-row {
  padding: 1rem 0 0;
  width: 100%;
}
.box-infos {
  position: relative;
  overflow: hidden;
  padding: 30px 15px 0 0;
}
.box-info-pub .download-link a {
  color: var(--blue-medium);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
}

.box-info-pub .download-link a:hover {
  color: var(--orange);
  text-decoration: none;
}
.box-loin {
  padding: 0 15px;
  overflow: hidden;
  margin: 30px 0 0;
}

/* .box-loin:nth-child(1) .bloc-loin {
  background: #F38D02;
} */
.box-loin:nth-child(2) .bg-info:before {
  content: "";
  background: linear-gradient(
    to left,
    rgb(180 180 180 / 0%),
    rgb(173 176 184 / 40%),
    rgb(173 176 184 / 50%),
    rgb(173 176 184 / 50%),
    rgb(173 176 184 / 100%),
    rgb(129 132 139)
  );
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.box-loin .bloc-loin .bg-info {
  padding: 75px 40px;
}
.box-loin:nth-child(3) .bg-info {
  padding: 88px 40px !important;
}
.bloc-loin {
  overflow: hidden;
  border-radius: 10px;
}
.flexbox-loin {
  display: flex;
  flex-wrap: wrap;
}

.boximg-loin {
  width: 100%;
}

.section-autre .boxdetails-loin {
  width: 75%;
  position: relative;
}

.boximg-loin img {
  max-width: 100%;
  height: auto;
  display: block;
}

.box-loin:nth-child(1) .bloc-loin .boximg-loin {
  order: 0;
}

.box-loin:nth-child(1) .bloc-loin .boxdetails-loin {
  margin: 15px 0 0;
}

.info-titre {
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  font-size: 26px;
  font-weight: 700;
}

.boxdetails-loin p {
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  font-size: 16px;
  margin: 0;
}

.boxdetails-loin a {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  margin: 20px 0 0;
  display: inline-block;
}

.box-loin:nth-child(2) .bloc-loin .boximg-loin {
  width: 25%;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.box-loin:nth-child(2) .bloc-loin .boxdetails-loin {
  width: 100%;
}

.box-loin:nth-child(3) .bloc-loin {
  background: #f2f2f2;
}

.box-loin:nth-child(3) .boximg-loin {
  display: none;
}
.box-loin:nth-child(3) .boxdetails-loin {
  width: 40%;
}
.box-loin:nth-child(4) .bloc-loin {
  background: #d9e2f3;
}

.box-loin:nth-child(4) .info-titre {
  color: var(--blue-medium);
}
.box-loin:nth-child(4) .boxdetails-loin p {
  color: var(--blue-medium);
}
.box-loin:nth-child(4) .boxdetails-loin a {
  color: var(--blue-medium);
}
.box-loin:nth-child(4) .boximg-loin {
  order: 0;
}
.box-loin:nth-child(1) .bloc-loin h3 {
  display: none;
}

.box-loin:nth-child(4) .bloc-loin h3 {
  display: none;
}

.box-loin:nth-child(1) .boxdetails-loin p {
  color: var(--blue-medium);
}

.box-loin:nth-child(1) .boxdetails-loin a {
  color: var(--blue-medium);
}

.box-loin:nth-child(4) .bloc-loin .boxdetails-loin {
  margin: 15px 0 0;
}

.box-loin:nth-child(2) .bloc-loin .boxdetails-loin p {
  width: 75%;
}

.boxdetails-loin a:hover {
  color: var(--orange) !important;
  text-decoration: none;
}
.card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}
.tabs-about {
  position: relative;
  overflow: hidden;
  margin: 30px 0 0;
}
.tabs-about.section-bourse {
  margin: 0;
}
.tabs-about .advantages-tabs__nav .nav-item {
  padding: 5px 0 0;
}
.tabs-about .nav {
  display: flex;
  justify-content: center;
}
.tabs-about .nav li a {
  color: var(--blue-medium);
  font-weight: 500;
  font-size: 18px;
  border: 0;
  font-weight: 400;
  border-bottom: 5px solid transparent;
  font-family: Helvetica;
}
.tabs-about .nav li a.active {
  color: var(--orange);
  border-bottom: 5px solid var(--orange);
}
.tabs-about .nav li a:hover {
  color: var(--orange);
  border-bottom: 5px solid var(--orange);
}
.marche {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}
.boxmarche {
  text-align: center;
  position: relative;
  margin: 0 0 40px;
}
.tab-content {
  margin-top: 50px;
}
.titre-section {
  color: var(--blue-medium);
  margin: 0 0 15px;
  text-align: center;
}

.boxmarche p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  width: 55%;
  margin: 0 auto;
}
.boxcard-marche {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
  margin-bottom: 30px;
}

.border-marche {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
  min-height: 190px;
}

.flexbox-marche {
  display: flex;
  align-items: center;
}

.marche-icon {
  position: relative;
  overflow: hidden;
}

.marche-icon img {
  max-width: 100%;
  height: 30px;
  object-fit: contain;
}

.marche-title {
  margin-left: 15px;
}

.marche-title h3 {
  color: var(--blue-medium);
  font-size: 18px;
}

.marche-content {
  margin: 15px 0 0;
}

.marche-content p {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}
.box-avantages {
  margin: 30px 0 0;
  padding: 0 15px;
}

.positive {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background: rgb(243 243 243 / 40%);
}

.bg-avantage:before {
  content: "";
  background: rgb(9 36 75 / 60%);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.description {
  position: relative;
  color: var(--white);
}

.description h6 {
  font-size: 24px;
  padding: 15px 0 0;
  font-weight: 600;
}

.description p {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  line-height: 30px;
  font-weight: 400;
}
.description li {
  font-family: "DM Sans", sans-serif;
  margin: 0;
  line-height: 30px;
  font-weight: 400;
}
.icon-avantage {
  position: relative;
}

.icon-avantage img {
  max-width: 100%;
  height: 40px;
  object-fit: contain;
}
.cooperation {
  position: relative;
  overflow: hidden;
  padding: 100px 0 0;
}

.cooperation .titre-section {
  text-align: left;
}

.box-cooperation {
  padding: 0 15px;
  position: relative;
}

.box-cooperation p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}

.boxlogo-cooperation {
  padding: 0;
}

.box-partenaires {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.strategie {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
  margin: 50px 0 0;
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
}

.strategie .titre-section {
  color: var(--white);
}

.boxcard-strategie {
  margin: 20px 0 10px;
  padding: 0 15px;
}

.boxcard-strategie .marche-content p {
  color: var(--white);
}
.gouvernance {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.gouvernance .titre-section {
  text-align: left;
}

.governances {
  position: relative;
  padding: 0 15px;
}

.list-personne {
  position: relative;
  overflow: hidden;
}

.boxcard-gouvernance {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  margin: 0 0 20px;
}

.box-gouvernance h5 {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-medium);
  font-size: 18px;
}
.box-gouvernance span {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-medium);
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.dates-cles {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.dates-cles .titre-section {
  text-align: left;
}
.slider-dates-cles h3 {
  color: var(--blue-medium);
  font-size: 26px;
  font-weight: 700;
  margin: 20px 0 0;
}

.slider-dates-cles .parag-cle {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 10px 0 0;
  padding-right: 15px;
}
.carousel-certif .slick-arrow {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 20%;
  display: block;
  width: 45px;
  height: 45px;
  padding: 0;
  color: transparent;
  outline: 0;
  background: var(--orange);
  border-radius: 50%;
  z-index: 2;
  border: 0;
}

.carousel-certif .slick-next {
  right: -30px;
}

.carousel-certif .slick-prev {
  left: -30px;
}
.carousel-certif .slick-prev i:before,
.carousel-certif .slick-next i:before {
  font-size: 18px;
  color: var(--white);
}
.section-capital-humain {
  position: relative;
  overflow: hidden;
  padding: 70px 0 0;
}

.bg-capital:before {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 41.58%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.box-capital-humain {
  position: relative;
  padding: 40px 80px 40px 0;
}

.box-capital-humain .titre-section {
  text-align: left;
}

.description-capital-humain p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}
.border-certifications {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
  min-height: 430px;
}

.certifications {
  padding: 0 15px;
}

.border-certifications h3 {
  font-size: 26px;
  color: var(--orange);
  font-weight: 600;
}

.description-certifications {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
  min-height: 235px;
  overflow: hidden;
  white-space: normal;
}

.link-certifications a {
  color: var(--blue-medium);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  margin: 15px 0 0;
  display: inline-block;
}

.link-certifications a:hover {
  color: var(--orange);
}

.section-certifications {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}
.boxcard-certifications {
  padding: 30px 0;
}
.rapports-bourse {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}

.bg-rapports:before {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 41.58%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.rapports-bourse h2 {
  position: relative;
  padding: 0 15px;
}

.box-rapports {
  position: relative;
  margin: 50px auto;
  justify-content: center;
}
.bgwhite-rapport {
  position: relative;
  overflow: hidden;
  background: var(--white);
  border-radius: 10px;
  padding: 40px 20px;
  text-align: center;
  border: 1px solid #e6e6e6;
}

.rapports {
  padding: 0 15px;
}

.bgwhite-rapport h5,
.bgwhite-rapport h3 {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin: 0 0 15px;
}
.bgwhite-rapport h3 {
  min-height: 52px;
}
.bgwhite-rapport .description-savoir {
  display: none;
}
.bgwhite-rapport .download-link a {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  margin: 15px 0 0;
  display: inline-block;
  color: var(--blue-light);
}

.bgwhite-rapport .download-link a:hover {
  color: var(--orange);
}

.bgwhite-rapport .download-link a i:before {
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  color: var(--orange);
  margin-right: 10px;
}
.flexcenter {
  justify-content: center;
}
.bgwhite-rapport a {
  color: var(--blue-medium);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  margin: 15px 0 0;
  display: inline-block;
}

.bgwhite-rapport a:hover {
  color: var(--orange);
  text-decoration: none;
}
.bgwhite-rapport p {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}
.border-savoir-plus {
  position: relative;
  overflow: hidden;
}

.box-savoir-plus {
  text-align: left;
  padding: 0 15px;
}

.box-savoir-plus p {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: Helvetica;
  margin: 0;
}

.box-savoir-plus .titre-section {
  font-size: 40px;
  text-align: left;
}

.flexbox-savoir {
  display: flex;
  flex-wrap: wrap;
}

.savoir-plus {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}

.border-savoir {
  max-height: 340px;
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 20px;
  background: var(--white);
}

.border-savoir h3 {
  font-size: 23px;
  color: var(--blue-medium);
  font-weight: 700;
  font-family: "Lato", sans-serif;
    line-height: 30px;
    min-height: 65px;
}
.box-presentation h3 {
  font-size: 26px;
  color: var(--blue-medium);
  font-weight: 700;
}
.border-savoir p {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}

.border-savoir a {
  color: var(--blue-medium);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: underline;
  margin: 30px 0 0;
  display: inline-block;
}

.border-savoir a:hover {
  color: var(--orange);
  text-decoration: none;
}
.listes-gouvernance {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px;
}

.taxo-title {
  font-size: 14px;
  color: var(--orange);
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0 10px;
}

.boxcard-gouvernance h5 {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 17px;
  margin: 0;
}
.boxcard-gouvernance .p {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 14px;
  margin: 10px 0 0;
}
#edit-field-date-avis-et-decision-value-min,
#edit-field-date-avis-et-decision-value-max,
#edit-field-date-publication-value-min,
#edit-field-date-publication-value-max,
#edit-field-date-actualites-value-min,
#edit-field-date-actualites-value-max {
  display: none !important;
}

label[for="edit-field-date-avis-et-decision-value-min"],
label[for="edit-field-date-avis-et-decision-value-max"],
label[for="edit-field-date-publication-value-min"],
label[for="edit-field-date-publication-value-max"],
label[for="edit-field-date-actualites-value-min"],
label[for="edit-field-date-actualites-value-max"] {
  display: none !important;
}
.section-savoir-plus {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}
.contenu-interne {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}
.bg-img-desc:before {
  background: linear-gradient(
    90deg,
    #ffffff 0%,
    #ffffff 41.58%,
    rgba(255, 255, 255, 0) 100%
  );
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.box-description-interne {
  position: relative;
  padding: 40px 0;
}

.box-description-interne p {
  color: var(--blue-medium);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 26px;
}

.box-description-interne ul li {
  line-height: 26px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}

.box-description-interne ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.box-description-interne ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.description-savoir {
  min-height: 130px;
}
.description-savoir p {
  margin: 0;
}
.description-savoir div {
  display: -webkit-box;
  -webkit-line-clamp: 5; /* Limite à 5 lignes */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.presentation {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.box-presentation {
  text-align: center;
}

.box-presentation div {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0 auto 10px;
  width: 80%;
}

.box-presentation table {
  margin: 35px auto 0;
  width: 100%;
}

.box-presentation table tr {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  text-align: center;
}

.box-presentation table tr td img {
  height: 25px;
  width: auto;
  object-fit: cover;
  margin: 0 auto;
}

.box-presentation table tr td {
  width: 100%;
  padding: 0 70px;
  border-right: 3px solid #e8e6e6;
}
.box-presentation table tr td:last-child {
  border-right: 0;
}

.box-presentation table tr td p {
  margin: 0;
}
.box-presentation table tr td span {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0 0 10px;
  white-space: nowrap;
  padding: 10px 0 0;
  display: block;
}
.distributeur {
  position: relative;
  padding: 50px 0 0;
}
.border-distributeur {
  height: 135px;
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.boxslider-distributeur {
  padding: 0 10px;
  width: 25%;
}
.border-distributeur {
  position: relative;
  overflow: hidden;
  border-radius: 7px;
}

/* Superposition noire sur hover */
.border-distributeur::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #09244b99;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
  border-radius: 7px;
}

/* Icône flèche au centre */
/* .border-distributeur::after {
  content: '\2197';
  font-size: 2rem;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease;
  pointer-events: none;
} */

/* Hover actif individuellement */
.border-distributeur:hover::before,
.border-distributeur:hover::after {
  opacity: 1;
}

.border-distributeur img {
  max-width: 100%;
  max-height: -webkit-fill-available;
  display: block;
}

.slider-distributeur {
  position: relative;
  padding: 30px 0 0;
}
.carousel-distrib .slick-dots {
  display: flex;
  justify-content: center;
  margin: 30px 0 0;
  list-style: none;
}

.carousel-distrib .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e4e4e4;
  margin-left: 5px;
}

.carousel-distrib .slick-dots li button {
  font-size: 0;
  border: 0;
  background: none;
}

.carousel-distrib .slick-dots li:first-child {
  margin-left: 0;
}

.carousel-distrib .slick-dots li.slick-active {
  background: var(--orange);
  width: 25px;
  border-radius: 33px;
}
.liste-produits {
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
  position: relative;
  padding: 50px 0;
  margin: 50px 0 0;
}

.liste-produits .titre-section {
  color: var(--white);
}

.liste-produits .box-description {
  color: var(--white);
  text-align: center;
  line-height: 30px;
  font-family: "DM Sans", sans-serif;
  margin: 0 0 10px;
}
.boxlisting-produit {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
  margin: 30px 0 0;
}
.boxlisting-produit .box-guide-tarification ul li {
  color: var(--white);
}
.bgproduit {
  background: rgb(229 229 229 / 20%);
  padding: 25px;
  border-radius: 10px;
  min-height: 485px;
}

.bgproduit h3 {
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}
.bgproduit ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange); /* orange triangle */
}
.bgproduit ul li {
  line-height: 30px;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  font-size: 14px;
}
.bgproduit ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.contact {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.boxcontact .box-description-interne {
  margin: 0 auto;
  text-align: center;
}

.box-description-interne table {
  width: 100%;
}

.box-description-interne table td {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
}

.box-description-interne table tr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0 0;
}

.contact .box-description-interne > div {
  background: var(--white);
  border-radius: 10px;
  padding: 25px;
  border: 1px solid #e6e6e6;
}

.contact .box-description-interne p a {
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
  display: inline-block;
  padding: 10px 20px;
  margin: 30px;
  border-radius: 10px;
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
}
.contact .box-description-interne table p a {
  background-image: none;
  display: inline-block;
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-family: "DM Sans", sans-serif;
  color: var(--blue-medium);
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 20px;
  text-transform: lowercase;
}
.contact .box-description-interne p a:hover {
  background: var(--orange);
}

.box-description-interne table tr span {
  padding-left: 15px;
}
/*********** Table commission emetteurs *********/
.box-commission h3 {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 28x;
  font-weight: 700;
  margin: 35px 0 20px;
}
#tarification_em .box-commission h3 {
  text-align: center;
}
.box-commission p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0 0 15px;
  text-align: left;
}

.box-commission table {
  width: 100%;
  border-top: 3px solid var(--orange);
}
.tabs-commission-inv .box-commission table {
  border-top: 0;
}
.tabs-commission-inv .box-commission table thead tr th {
  border-top: 3px solid var(--orange);
}
.tabs-commission-inv .box-commission table thead tr th:first-child {
  border-top: 0;
}
.box-commission.box-tarifs table p {
  text-align: left;
  margin: 0;
}

/* .box-commission table tr:first-child {
    border-top: 3px solid var(--orange)!important;
} */
#commission_inv .box-commission table tr:first-child {
  border-top: 0 !important;
}
.box-commission table tr {
  display: flex;
  /* align-items: center; */
}

.box-commission table tr td {
  width: 50%;
  padding: 15px 20px;
  border-bottom: 1px solid #bbc2c6;
  border-top: 0 !important;
}

.box-commission table tr td.color-table {
  color: var(--orange);
  font-weight: 500;
}
.box-commission table tr td.bold {
  font-weight: 700;
}
.box-commission table tr td {
  color: var(--blue-light);
  display: flex;
  align-items: center;
}
.img-service img {
  width: 100%;
  height: 495px;
  object-fit: cover;
  border-radius: 10px;
}
.paragraph-container.image-left .img-service img {
  height: 495px;
}
.img-service {
  padding-left: 20px;
}

.boxservice-description {
  padding-right: 20px;
}
.box-commission .accordion-item h2 button {
  font-size: 18px;
  font-weight: 600;
  color: var(--blue-light);
  font-family: Helvetica;
}
.boxservice-description .link-service a {
  color: #bbc2c6;
}
.box-commission .accordion-button {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.box-commission .accordion-item {
  border: 0;
  border-bottom: 1px solid #d6d6d6;
  border-radius: 0;
  background: transparent;
}

.box-commission .accordion-item ul li {
  /* line-height: 13px; */
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}
.box-commission .accordion-item ul {
  list-style-type: none;
  padding: 0;
}

.box-commission .accordion-item ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange); /* orange triangle */
}
.box-commission .box-commission .accordion-item ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.box-commission .accordion-button::after {
  content: "+";
  background-image: none;
  font-size: 30px;
  color: var(--orange);
  font-weight: 200;
}

.box-commission .accordion-button:not(.collapsed)::after {
  content: "-";
  background-image: none;
}
#tarification_em .box-commission table tr {
  border-top: 0;
  padding: 0;
}
#tarification_em .box-commission table tr td {
  border-top: 1px solid #bbc2c6;
  padding: 12px 17px;
}
#tarification_em .box-commission table tr td ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}
#tarification_em .box-presentation table tr td {
  text-align: left;
  padding: 0 35px;
}
#tarification_em .box-commission table tr:nth-child(4) td:nth-child(3) {
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(5) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(6) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(7) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(8) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(9) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
#tarification_em .box-commission table tr:nth-child(10) td:nth-child(3) {
  border-top: 0;
  border-left: 1px solid #bbc2c6;
}
.box-commission table tr th {
  width: 50%;
  padding: 15px 30px;
  background: #f3f3f3;
  color: var(--blue-medium);
  font-weight: 700;
}
#commission_inv .box-commission table tr th:first-child {
  background: transparent;
}
.box-commission table tr td.prix {
  color: var(--orange);
  text-align: center;
}
.box-commission table tr td.color-orange {
  color: var(--orange);
}
.box-commission table tr td.color-orange p {
  color: var(--orange);
}
#tarification_em .box-guide-tarification p {
  text-align: center;
}
#tarification_em .box-guide-tarification p.width {
  text-align: left;
}
#tarification_em .box-guide-tarification p.text-left {
  text-align: left;
  font-weight: 600;
}
#tarification_em .box-guide-tarification p span.color-orange {
  color: var(--orange);
}
.box-tarifs {
  margin: 40px 0 0;
}
.box-avantages.box-cea .bg-avantage {
  height: 285px;
}

.box-avantages.box-cea .icon-avantage img {
  height: auto;
}
.box-avantages.box-cea ul li {
  line-height: 30px;
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
}

.box-avantages.box-cea ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange); /* orange triangle */
}

.box-avantages.box-cea ul {
  position: relative;
  list-style: none;
  padding: 0;
}
.box-mode-gestion {
  position: relative;
  margin: 60px 0;
  padding: 0 15px;
}
.box-mode-gestion > div {
  display: flex;
  flex-wrap: wrap;
}
.box-mode-gestion a {
  color: var(--blue-medium);
}
.box-mode-gestion p:last-child a {
  color: var(--blue-medium);
  text-transform: uppercase;
  font-weight: 500;
}
.advantages-tabs {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
  padding: 50px 0;
}

.advantages-tabs__nav {
  list-style: none;
  padding-left: 0;
  border-left: 1px solid rgb(195 195 195 / 60%);
  margin: 20px 0 0;
}

.tabs-about .advantages-tabs__nav .advantages-tabs__link {
  display: block;
  padding: 2px 20px;
  color: rgb(255 255 255 / 40%);
  border-left: 3px solid transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  border-bottom: 0;
  font-size: 16px;
}

.advantages-tabs__link:hover {
  color: #fff;
}

.advantages-tabs__link.active {
  color: #fff;
  font-weight: 600;
  border-left: 3px solid orange;
  background-color: transparent;
}
.advantages-tabs__content {
  width: 75%;
  padding-left: 105px;
  margin: 0;
}
.advantages-tabs .tab-pane {
  display: none;
}
.advantages-tabs .tab-pane.active.show {
  display: block;
}
.flexbox-tabs {
  display: flex;
  flex-wrap: wrap;
}

.boxleft-avantages .titre-section {
  color: var(--white);
  text-align: left;
}
.boxleft-avantages {
  width: 25%;
}
.advantages-tabs__content h3 {
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  font-size: 30px;
  font-weight: 700;
}

.advantages-tabs__content p {
  line-height: 30px;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  position: relative;
  margin-top: 10px;
}
.advantages-tabs__content ul li {
  line-height: 30px;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}

.advantages-tabs__content ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.advantages-tabs__content ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.tabs-about .advantages-tabs__nav .advantages-tabs__link.active {
  color: var(--white);
  border-bottom: 0;
  border-left: 1px solid var(--orange);
}
.tabs-about .advantages-tabs__nav .advantages-tabs__link:hover {
  color: var(--white);
  border-bottom: 0;
  border-left: 1px solid var(--orange);
}
.section-cadre-juridique {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.section-obligations {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}
.boxcontainer-bourse {
  position: relative;
  width: 75%;
  margin: 0 auto;
}

.boxcontainer-bourse h3 {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-light);
  font-size: 32px;
  font-weight: 700;
  text-align: center;
}
.boxcontainer-bourse p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}

.boxcontainer-bourse ul li {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
}

.boxcontainer-bourse ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.boxcontainer-bourse ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.section-glassaire {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
  background: #fafafa;
  margin: 50px 0;
}
.section-simulation {
  position: relative;
  margin: 50px 0 0;
}
.section-simulation .bg-img-desc {
  overflow: hidden;
  padding: 70px 50px;
  text-align: center;
}
.section-simulation .bg-img-desc:before {
  background: #09244bb2;
}

.section-simulation .boxcontainer-bourse p {
  color: var(--white);
  z-index: 2;
  position: relative;
  font-size: 22px;
  font-weight: 500;
}
.section-simulation .boxcontainer-bourse a {
  color: var(--blue-medium);
  background: var(--white);
  font-size: 16px;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  margin: 15px 0 0;
}
.section-simulation .boxcontainer-bourse a:hover {
  background: var(--blue-medium);
  color: var(--white);
}
.section-simulateur .webform-element--title-inline {
  display: flex;
  align-items: center;
  margin: 0 0 20px !important;
}

.section-simulateur legend {
  width: auto;
  padding: 0;
  margin: 0 35px 0 0px !important;
  font-size: 18px;
  font-weight: 500;
  color: var(--blue-medium);
}
.section-simulateur label {
  color: var(--blue-medium);
}

.resultats-simulation p strong {
  color: var(--blue-medium);
  font-weight: 500;
  margin: 0 0 10px;
  display: block;
}
.resultats-simulation input {
  background: rgb(229 234 237 / 40%);
  border-radius: 5px;
  border: 1px solid #f3f3f3;
  padding: 8px 15px;
}
.section-glassaire.nobg {
  background: transparent;
  margin: 0;
}

input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  position: relative;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle;
  transition: border-color 0.3s;
}

input[type="radio"]:checked {
  border-color: var(--orange);
}
input[type="radio"]:checked::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: var(--orange);
  border-radius: 50%;
  position: absolute;
  top: 3.5px;
  left: 3.5px;
}

input[type="radio"]:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(230, 74, 25, 0.4);
}
/********* Fiche Emetteur **************/
.nav-emetteur {
  display: flex;
  justify-content: center;
  align-items: center;
}
.profile-emetteur {
  position: relative;
  overflow: hidden;
}
.fiche-emetteur {
  position: relative;
  overflow: hidden;
  padding: 15px 0 0;
  h2 {
    font-weight: 700;
    font-size: 26px;
    line-height: 37px;
    color: var(--blue-medium);
  }
  h2.titre-banner {
    color: var(--white);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "DM Sans", sans-serif;
    font-size: 36px;
    font-weight: 600;
  }
}

.nav-emetteur .nav-item a {
  border: 0;
  color: var(--blue-medium);
  border-radius: 5px;
}

.nav-emetteur .nav-item a:hover {
  color: var(--white);
  background: var(--blue-medium);
}

.nav-emetteur li {
  margin-bottom: 10px;
}
.profile-emetteur h2 {
  margin: 20px 0 0;
  font-weight: 700;
  font-style: Bold;
  font-size: 26px;
  line-height: 37px;
}

.img-societe img {
  width: 100%;
  height: 75px;
  object-fit: contain;
}

.img-societe {
  display: flex;
  justify-content: flex-start;
}

.img-societe img {
  width: 100%;
  height: 75px;
  object-fit: contain;
}

.img-societe {
  display: flex;
  justify-content: flex-start;
}

.profile-emetteur table {
  margin: 20px 0;
  width: 100%;
}

.profile-emetteur table tr {
  border-style: solid;
  border-color: #bbc2c6;
  border-width: 1px 0px 1px 0px;
}

.profile-emetteur table tr:nth-child(even) {
  background: #fafafa;
}
.profile-emetteur table tr td {
  padding: 10px;
  font-family: "DM Sans", sans-serif;
  color: var(--blue-medium);
}
.profile-emetteur table tr td a {
  color: var(--blue-medium);
  text-decoration: none;
}
.box-direction {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  margin-right: 15px;
}
.flexbox-direction {
  display: flex;
  flex-wrap: wrap;
}
.box-direction .card {
  background: #f9f9f9;
  border: 1px solid #e3e3e3;
  padding: 20px;
  border-radius: 10px;
}
.box-direction .card .function {
  display: block;
  color: var(--blue-medium);
}

.box-direction .card .name {
  color: var(--orange);
}
.profile-emetteur table {
  width: 100%;
  border-top: 3px solid var(--orange);
}
.profile-emetteur table tr th {
  border-top: 1px solid #bbc2c6;
  padding: 15px 30px;
  background: #f3f3f3;
  color: var(--blue-medium);
  font-weight: 700;
  border: 0;
}
.profile-emetteur table tr td {
  padding: 15px 30px;
  border: 0;
  min-width: 250px;
}
.profile-emetteur .informations-societe table {
  border: 0;
}
.profile-emetteur h3 {
  margin: 20px 0 0;
  color: var(--blue-light);
  font-weight: 700;
  font-style: Bold;
  font-size: 24px;
  line-height: 100%;
}
.profile-emetteur h3.color-orange {
  color: var(--orange);
  font-size: 18px;
  font-weight: 500;
}
.direction,
.principaux,
.indicateurs,
.capital {
  position: relative;
  overflow: hidden;
  padding: 25px 0 0;
}
.profile-emetteur table tr.bgorange-emetteur td {
  background: #fff2ec;
}
.profile-emetteur table tr th:empty {
  background: #fff;
}
.image-right .boxservice-description {
  padding-right: 0;
  padding-left: 20px;
}
.image-right .img-service {
  padding-right: 20px;
  padding-left: 0;
}
.image-left .img-service {
  /* padding-right: 10%; */
  padding-left: 20px;
  padding-right: 0;
}
.section-savoir {
  position: relative;
  overflow: hidden;
  background: #fafafa;
  padding: 40px 0;
}
.bloc-faq h2 div {
  font-size: 25px;
  text-align: center;
  margin: 40px 0 0;
}
.bloc-liens-utiles {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}

.bloc-liens-utiles .box-commission ul li {
  position: relative;
}
.bloc-liens-utiles .box-commission ul li a {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  text-decoration: none;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  display: block;
}
.bloc-liens-utiles .box-commission ul {
  list-style-type: none;
  padding: 0;
}

.bloc-liens-utiles .box-commission ul li a:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}
.bloc-liens-utiles .box-commission ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
}
.bloc-tarifs .box-commission table {
  max-width: 65%;
  margin: 0 auto;
}
.bloc-tarifs .box-commission h4 {
  margin-bottom: 25px;
}
.flexbox-commission {
  display: flex;
  flex-wrap: wrap;
}
.bloc-tarifs .box-commission .boxtable table {
  max-width: 100%;
  margin: 0;
}

.boxtable {
  padding-right: 35px;
}
.bloc-faq {
  position: relative;
  overflow: hidden;
  padding: 30px 0;
}
.box-commission table ul li {
  line-height: 23px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 20px;
  text-align: left;
}
.box-commission table ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.box-commission table ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange); /* orange triangle */
}
.boxservice-description a {
  color: var(--blue-light);
  text-transform: uppercase;
  font-weight: 500;
  margin: 10px 0 0;
  display: block;
}

.boxservice-description a:hover {
  text-decoration: none;
}
/******************** Calendrier *********************/
.list-events {
  position: relative;
  overflow: hidden;
  padding: 40px 0 30px;
}
.card-events {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  border: 2px solid #f3f3f3;
  border-radius: 5.5px;
  padding: 15px 30px;
  margin: 15px 0 0;
}

.col-info-events {
  position: relative;
  overflow: hidden;
}

.title-event{
font-family: Helvetica;
font-weight: 700;
font-style: Bold;
font-size: 20px;
}
.societe-event {
  font-family: Helvetica;
font-weight: 400;
font-style: Regular;
font-size: 18px;
 color: var(--blue-medium);
}

.cordonnee-event {
  font-family: Helvetica;
font-weight: 400;
font-style: Regular;
font-size: 14px;
 color: var(--blue-medium);
}
.col-info-events .body-events svg {
  margin-right: 15px;
}
.col-info-events .body-events img {
  display: none;
}
.col-buttons-events {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.col-buttons-events svg {
  color: var(--blue-medium);
  margin-left: 15px;
}

.col-buttons-events a:hover svg path {
  fill: var(--orange);
}
.form-item.calendar input {
  display: none;
}
.form-item.calendar {
  margin: 15px 0 0;
}
.results-info {
  font-family: Inter;
font-weight: 700;
font-style: Bold;
font-size: 16px;
padding: 1rem;
}
/************ Details Event ****************/

.details-events {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}

.flexbox-partage-retour {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.btn-retour {
  background: transparent;
  border: 0;
  color: var(--blue-medium);
  font-size: 20px;
}

.box-partage {
  display: flex;
  align-items: center;
  color: var(--blue-medium);
  font-size: 17px;
}

.a2a_kit {
  margin-left: 5px;
}

.bloc-details-events {
  position: relative;
  overflow: hidden;
  margin: 35px 0 0;
}

.boximg-event {
  position: relative;
  width: 240px;
  height: 250px;
  overflow: hidden; /* pour couper le dépassement de l'overlay arrondi */
  border-radius: 10px;
}

.boximg-event img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

.boximg-event a {
  position: absolute;
    padding: 0 5px;
    top: 0;
    left: 10px;
    width: 91%;
      height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

  font-family: Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: 1%;
  text-align: center;
  color: #fff;
  text-decoration: underline;

  background: rgba(9, 36, 75, 0.41); /* couvre toute l'image */
  border-radius: 10px;
}

.bloc-details-events h2 {
  color: var(--blue-medium);
  font-size: 28px;
  font-weight: 600;
}

.download-link {
  color: var(--blue-medium);
  font-size: 17px;
  text-decoration: none;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.download-link:hover {
  color: var(--orange);
}
/***************** Avis et décesion ************/
.flexbox-card-avis {
  display: flex;
  flex-wrap: wrap;
}
.views-row {
  padding: 1rem;
}

.card.card-avis {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 15px 30px;
  min-height: 197px;
}

.boxcard-avis a {
  display: block;
}

.boxcard-avis {
  position: relative;
  overflow: hidden;
}

.card-avis .date > div div:nth-child(1) {
  display: none;
}

.card-avis .date {
  color: #6d6d6d;
  font-weight: 500;
  font-style: italic;
  font-size: 13px;
}

.card-avis h3 span {
  color: var(--blue-medium);
  font-size: 20px;
  font-weight: 700;
}

.card-avis .details-avis {
  padding: 5px 0;
  color: var(--blue-medium);
  font-size: 16px;
  line-height: 32px;
  text-align: justify;
}
.pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 25px 0 0;
}

.pager ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  list-style: none;
}

.pager li.pager__item {
  border: 0.65px solid #6d6d6d;
  padding: 7px 15px;
  margin-left: 10px;
  border-radius: 3.75px;
}

.pager li.pager__item a {
  color: #6d6d6d;
  text-decoration: none;
}

.pager li.pager__item:nth-child(1) {
  margin-left: 0;
}

.pager li.pager__item.is-active {
  background: var(--orange);
  border: 1px solid var(--orange);
}

.pager li.pager__item.is-active a {
  color: #fff;
}
.boxdetails-avis {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.boxcard-avis a:hover .card-avis {
  border: 1px solid var(--blue-medium);
}
/************* Responsive ***************/
@media (max-width: 1440px) {
  .bgwhite-accompagne {
    padding: 40px 25px;
  }
  .box-info-pub h2 {
    font-size: 20px;
  }
  .box-loin:nth-child(2) .bloc-loin .boxdetails-loin {
    padding-bottom: 22px;
  }
  .box-loin:nth-child(3) .boximg-loin {
    width: 35%;
  }
  .box-loin:nth-child(3) .boxdetails-loin {
    width: 65%;
  }
}
@media (max-width: 1366px) {
  .bgwhite-accompagne {
    padding: 40px 15px;
  }
  .box-info-pub {
    padding: 35px 20px;
  }
}
@media (max-width: 1280px) {
  .box-info-pub h2 {
    font-size: 18px;
  }
  .bgwhite-accompagne .description-field p a {
    font-size: 14px;
  }
  .bgwhite-accompagne h3 {
    font-size: 22px;
  }
  .bgwhite-accompagne {
    padding: 30px 15px;
  }
  .bgwhite-accompagne .description-field p {
    font-size: 15px;
  }
  .box-accompagne-bourse h2 {
    font-size: 26px;
  }
  .box-info-emetteur .info-titre {
    font-size: 25px;
  }
  h2 {
    font-size: 26px;
  }
  .border-marche {
    min-height: 215px;
  }
  .partner-card {
    padding: 0 10px 20px;
  }
  .slider-dates-cles h3 {
    font-size: 20px;
  }
  .border-certifications {
    min-height: 432px;
  }
  .border-savoir h3 {
    font-size: 20px;
  }
  .box-savoir-plus .titre-section {
    font-size: 30px;
  }
  .box-commission .accordion-body,
  .box-guide-tarification {
    overflow-x: auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .box-accompagne-bourse {
    padding: 30px 15px 0;
    width: 100%;
    flex: auto;
  }
  .bg-linear-gradient {
    display: flex;
    align-items: center;
    padding: 30px 15px 30px 0;
    flex-wrap: wrap;
  }
  .box-infos-bourse {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 30px 0 0;
  }
  .about-img {
    padding-right: 0;
    width: 100%;
    order: 2;
  }
  .about-description {
    padding-left: 0;
    width: 100%;
  }
  .boxmarche p {
    width: 100%;
  }
  .boxcard-marche {
    width: 50%;
  }
  .box-avantages {
    width: 100%;
  }
  .bg-avantage {
    height: auto;
  }
  .box-cooperation {
    width: 100%;
  }
  .partner-card {
    width: 25%;
  }
  .boxlogo-cooperation {
    width: 100%;
    margin: 30px 0 0;
  }
  .cooperation {
    padding: 50px 0 0;
  }
  .boxcard-strategie {
    width: 50%;
  }
  .rapports {
    width: 50%;
  }
  .box-savoir-plus {
    width: 100%;
  }
  .flexbox-savoir {
    width: 100%;
    margin: 20px 0;
  }
  .border-certifications {
    min-height: auto;
  }
  .section-certifications .carousel-certif .slick-arrow {
    top: 50%;
  }
  .titre-banner {
    font-size: 26px;
  }
  .gouvernance .titre-section {
    width: 100%;
  }
  .governances {
    padding: 0;
    width: 100%;
  }
  .boxservice-description {
    width: 100%;
    padding: 0;
  }
  .img-service {
    width: 100%;
    padding: 0;
    margin: 30px 0;
  }
  .boxleft-avantages {
    width: 100%;
  }
  .advantages-tabs__content {
    width: 100%;
    padding-left: 0;
    margin: 20px 0 0;
  }
  .box-description-interne {
    padding: 40px 20px;
    width: 100%;
  }
  .boxcontainer-bourse {
    width: 100%;
    padding: 0 15px;
  }
  .boxcontainer-bourse h3 {
    font-size: 22px;
  }
  .paragraph-container.image-left {
    flex-wrap: wrap;
  }
  .box-avantages.box-cea .bg-avantage {
    height: auto;
    padding: 30px 15px;
  }
  .box-mode-gestion {
    margin: 0;
    padding: 0;
  }
  .section-simulateur .webform-element--title-inline {
    align-items: flex-start;
    flex-direction: column;
  }
  .paragraph-container.image-right {
    flex-wrap: wrap;
    padding: 0;
  }
}
@media (max-width: 768px) {
  .box-infos-bourse {
    margin: 0;
  }
  .cardinfo {
    padding: 30px 0 0;
    width: 100%;
  }
  .bg-linear-gradient {
    padding: 30px 15px;
  }
  .box-accompagne-bourse {
    padding: 0 15px;
  }
  .titre-banner {
    font-size: 22px;
    padding: 0 15px;
    text-align: center;
  }
  .box-avantages {
    padding: 0;
  }
  .section-simulation .bg-img-desc {
    padding: 30px 15px;
  }
  .section-simulation .boxcontainer-bourse p {
    font-size: 16px;
  }
  .boxcontainer-bourse {
    padding: 0;
  }
}
.card-cea {
  border: rgba(216, 216, 216, 1) 1px solid;
  border-radius: 10px;
  padding: 20px;
  background: rgba(252, 252, 252, 1);
  margin: 25px 0 0;
}
div.btn-cea input {
  color: white;
  background-color: #09244b;
  text-transform: uppercase;
  padding: 10px 60px;
  border-radius: 10px;
  display: flex;
  justify-self: center;
  border: 0;
}
/* Conteneur des onglets */
.tabs.tabs-local-task {
  background-color: #f9f9f9; /* Couleur de fond douce */
  padding: 15px;
  margin: 20px 0;
}

/* Liste des onglets */
.tabs.tabs-local-task ul {
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* Onglets individuels */
.tabs.tabs-local-task li {
  margin-right: 20px;
}

/* Liens des onglets */
.tabs.tabs-local-task a {
  text-decoration: none;
  color: #09244bff;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 16px;
  display: inline-block;
  transition: background-color 0.3s, color 0.3s;
}

/* Onglet actif */
.tabs.tabs-local-task .is-active {
  background-color: #e9500eff;
  color: white; /* Texte blanc sur l'onglet actif */
}

/* Onglet au survol */
.tabs.tabs-local-task a:hover {
  background-color: #09244bff; /* Bleu au survol */
  color: white;
}

/* Espacement sous les onglets */
.tabs.tabs-local-task li:last-child {
  margin-right: 0;
}

/* mini table de historique Indicateurs & Activité des marchés  Tunindex Tunindex20 */
.index-box {
  display: flex;
  justify-content: space-between;
  background-color: #f4f4f4;
  padding: 1rem;
  border-top: 4px solid #e74c3c; /* ligne rouge */
  font-family: sans-serif;
}

.index-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 1rem;
  min-width: 180px;
}

.index-item strong {
  font-size: 1rem;
  color: #001533;
}

.index-value {
  font-weight: bold;
  font-size: 1.1rem;
  color: #001533;
}

.label {
  font-size: 0.9rem;
  color: #333;
}
.date {
  font-size: 0.8rem;
  color: #666;
}
/* fin  mini table de historique Indicateurs & Activité des marchés  Tunindex Tunindex20 */
fieldset#edit-avis-decisions-date-wrapper {
  display: none;
}
span.event-badge {
  background: #e65c00;;
  color: white;
  border-radius: 10px;
  padding: 0 4px;
}
.toggle-content,
.toggle-content-capital {
  max-height: 20em;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.toggle-content.expanded,
.toggle-content-capital.expanded {
  max-height: 1000em;
}
.toggle-button {
  margin-top: 10px;
  background: none;
  border: none;
  color: var(--Blue-text, rgba(9, 36, 75, 1));
  cursor: pointer;
  font-family: Helvetica;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 1%;
  text-transform: uppercase;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0%;
}
.bgwhite-rapport {
  .download-link {
    color: var(--blue-medium);
    font-size: 14px !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    display: inline-flex !important;
    align-items: center;
    text-transform: capitalize !important;
  }
}
.box-description-interne h3 {
  font-family: "DM Sans", sans-serif;
  color: var(--blue-light);
  font-size: 32px;
  font-weight: 700;
}
.box-guide-tarification ol {
  border-radius: 10px;
  padding: 10px;
  background-color: rgb(166 52 4 / 5%) !important;
}
p.bgorange {
  width: 950;
  height: 140;
  gap: 5px;
  border-radius: 10px;
  padding: 10px;
  background: rgba(233, 80, 14, 0.05);
}
.bgorange-emetteur strong,
.bgorange strong {
  color: var(--orange);
  position: relative;
  padding-left: 32px; /* espace pour le SVG */
}

.bgorange strong::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D'25'%20height%3D'25'%20viewBox%3D'0%200%2025%2025'%20fill%3D'none'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpath%20d%3D'M11.7187%207.8125V13.2812C11.7187%2013.7127%2012.0685%2014.0625%2012.5%2014.0625C12.9315%2014.0625%2013.2812%2013.7127%2013.2812%2013.2812V7.8125C13.2812%207.38103%2012.9315%207.03125%2012.5%207.03125C12.0685%207.03125%2011.7187%207.38103%2011.7187%207.8125Z'%20fill%3D'%23E9500E'/%3E%3Cpath%20fill-rule%3D'evenodd'%20clip-rule%3D'evenodd'%20d%3D'M16.6571%202.46017C16.3723%202.34319%2016.0645%202.34375%2016.0645%202.34375L16.0633%202.34375L8.93829%202.34376C8.62902%202.34267%208.34293%202.46017%208.34293%202.46017C8.05685%202.57767%207.83625%202.79718%207.83625%202.79718L2.79582%207.83762C2.57767%208.05685%202.46017%208.34293%202.46017%208.34293C2.34267%208.62902%202.34375%208.93555%202.34375%208.93555L2.34376%2016.0617C2.34267%2016.371%202.46017%2016.6571%202.46017%2016.6571C2.57767%2016.9432%202.79718%2017.1638%202.79718%2017.1638L7.83762%2022.2042C8.05685%2022.4223%208.34293%2022.5398%208.34293%2022.5398C8.62902%2022.6573%208.93555%2022.6563%208.93555%2022.6563L16.0617%2022.6562C16.371%2022.6573%2016.6571%2022.5398%2016.6571%2022.5398C16.9432%2022.4223%2017.1638%2022.2028%2017.1638%2022.2028L22.2042%2017.1624C22.4223%2016.9432%2022.5398%2016.6571%2022.5398%2016.6571C22.6573%2016.371%2022.6563%2016.0645%2022.6563%2016.0645L22.6562%208.93829C22.6573%208.62902%2022.5398%208.34293%2022.5398%208.34293C22.4223%208.05685%2022.2028%207.83625%2022.2028%207.83625L17.1624%202.79582C16.9432%202.57767%2016.6571%202.46017%2016.6571%202.46017ZM16.0645%203.125V3.90587L16.0661%203.90618L16.0672%203.90625L16.0645%203.125ZM8.93689%203.90625L16.0631%203.90625L21.0938%208.93689L21.0938%2016.0631L16.0631%2021.0938L8.93688%2021.0938L3.90625%2016.0631L3.90625%208.93689L8.93689%203.90625Z'%20fill%3D'%23E9500E'/%3E%3Cpath%20d%3D'M13.6719%2016.7969C13.6719%2017.4441%2013.1472%2017.9687%2012.5%2017.9687C11.8528%2017.9687%2011.3281%2017.4441%2011.3281%2016.7969C11.3281%2016.1497%2011.8528%2015.625%2012.5%2015.625C13.1472%2015.625%2013.6719%2016.1497%2013.6719%2016.7969Z'%20fill%3D'%23E9500E'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}
/*************** Btn Scroll top ***************/
#scrollToTopBtn {
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 100;
  background-color: #ff6600; /* couleur orange pour matcher ton thème */
  color: white;
  border: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: none; /* caché par défaut */
  transition: opacity 0.3s ease-in-out;
}

#scrollToTopBtn:hover {
  background-color: #e65c00;
}
.box-info-pub .views-row {
  padding: 1rem 0 0;
}

/******************** S'indroduire bourse **********************/
.conditions-bourse {
  position: relative;
  overflow: hidden;
  padding: 50px 0 0;
}

.card-conditions {
  position: relative;
  overflow: hidden;
  padding: 0 15px;
}

.boxcard-condition {
  border: 1px solid #d8d8d8;
  border-radius: 10px;
  padding: 30px 20px;
  min-height: 74git0px;
}

.boxcard-condition h3 {
  font-size: 26px;
  color: var(--blue-medium);
  font-weight: 600;
  font-family: "DM Sans", sans-serif;
}
.boxcard-condition p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0;
}

.boxcard-condition ul li {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 5px;
}

.boxcard-condition ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.boxcard-condition ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.flexbox-guide {
  overflow: hidden;
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
  padding: 40px 30px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.guide-introduire {
  position: relative;
  overflow: hidden;
  padding: 30px 15px 0;
}

.titre-guide {
  font-family: "DM Sans", sans-serif;
  color: var(--white);
  font-size: 23px;
  font-weight: 700;
}

.button-guide {
  color: var(--blue-medium);
  background: var(--white);
  font-size: 15px;
  padding: 8px 20px;
  display: inline-block;
  border-radius: 5px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
}
.processus {
  position: relative;
  overflow: hidden;
  background-image: linear-gradient(
    to bottom,
    #09244b,
    #0d2952,
    #112e58,
    #14335f,
    #183866
  );
  margin: 50px 0;
  padding: 50px 0;
}

.processus .titre-section {
  color: var(--white);
}
.etapes-bourse {
  display: flex;
  gap: 30px;
  border-radius: 10px;
  color: #fff;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 35px 0 0;
}

.etape {
  background: var(--white);
  padding: 20px;
  border-radius: 10px;
  flex: 1 1 30%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
  position: relative;
}
.etape:after {
  content: "▶";
  position: absolute;
  right: -32px;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 0 15px 30px;
  border-color: transparent transparent transparent #ff4532;
  transform: rotate(0deg);
}
.etape:last-child:after {
  display: none;
}
.etape img {
  width: 38px;
  height: auto;
  margin-bottom: 10px;
}

.etape h3 {
  font-size: 22px;
  text-align: center;
  color: #173764;
  font-family: "DM Sans", sans-serif;
  letter-spacing: -1px;
  font-weight: 600;
  margin-bottom: 25px;
}

.etape ul {
  list-style: none;
  padding-left: 0;
  line-height: 1.5;
}

.etape ul ul {
  margin-top: 5px;
  margin-left: 15px;
  list-style-type: disc;
  color: #ddd;
}

.icon-small {
  vertical-align: middle;
  height: 20px;
  margin-left: 5px;
}

.note {
  background: rgb(255 255 255 / 5%);
  color: var(--white);
  padding: 10px 15px;
  border-radius: 10px;
  font-family: "DM Sans", sans-serif;
  display: flex;
  align-items: flex-start;
  width: 65%;
  font-size: 16px;
  margin: 20px 0 0;
}
.etape img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

.box-etape {
  background: #163562;
  border-radius: 10px;
  padding: 15px;
  margin: 0 0 15px;
  min-height: 151px;
}
.box-etape ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.box-etape ul li {
  line-height: 24px;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 20px;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
}
.box-etape ul li strong {
  font-weight: 900;
}
.box-etape ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.box-etape p {
  line-height: 24px;
  color: var(--white);
  font-family: "DM Sans", sans-serif;
  margin: 0;
  font-size: 14px;
  font-weight: 300;
}
.box-etape p strong {
  font-weight: 900;
}

.boxleft-etape {
  width: 50%;
}

.note svg {
  margin-right: 10px;
}
.dlfex-box-etape {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.slider-temoignage {
  position: relative;
  overflow: hidden;
  padding: 30px 0 0;
}

.carousel-video {
  position: relative;
  padding: 35px 0 0;
}

.video-container .boximg-temoignage:before {
  content: "";
  background: rgb(9 36 75 / 40%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.video-container .boximg-temoignage {
  position: relative;
  height: 250px;
  border-radius: 10px;
  overflow: hidden;
}
.video-container .boximg-temoignage img {
  max-width: 100%;
  height: 250px;
  display: block;
  object-fit: cover;
}

.testimonial-details .testimonial-name {
  font-size: 20px;
  color: var(--blue-light);
  font-weight: 400;
}

.testimonial-details .testimonial-position {
  font-size: 16px;
  color: var(--blue-medium);
  font-weight: 400;
}
.carousel-video .slick-dots,
.carousel .slick-dots {
  display: flex;
  justify-content: center;
  margin: 30px 0 0;
  list-style: none;
}

.carousel-video .slick-dots li,
.carousel .slick-dots li {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e4e4e4;
  margin-left: 5px;
}

.carousel-video .slick-dots li button,
.carousel .slick-dots li button {
  font-size: 0;
  border: 0;
  background: none;
}

.carousel-video .slick-dots li:first-child,
.carousel .slick-dots li:first-child {
  margin-left: 0;
}

.carousel-video .slick-dots li.slick-active,
.carousel .slick-dots li.slick-active {
  background: var(--orange);
  width: 25px;
  border-radius: 33px;
}
.section-content {
  position: relative;
  overflow: hidden;
  background: #fafafa;
  padding: 50px 0;
}

.title-link {
  color: var(--blue-light);
  text-decoration: none;
}
.title-link:hover {
  color: var(--orange) !important;
}
.box-guide-tarification h4 {
  color: #09244b;
  font-size: 20px;
  margin: 20px 0;
  font-weight: 700;
  font-family: "DM Sans", sans-serif;
}
.flexbox-table {
  display: flex;
  flex-wrap: wrap;
}
table tr td.bg-gris {
  background: #f3f3f3;
  font-family: Helvetica;
  font-size: 18px;
  display: block;
}
.tabs-tarification-emetteur table tr td.bg-gris {
  text-align: left;
}
.box-commission table tr td.fusionner {
  width: 100%;
  text-align: center;
  display: block;
}
.box-commission table tr td.fusionner p {
  margin: 0;
}
.advantages-tabs .box-guide-tarification ul li {
    color: var(--white);
}
.details-interne {
    position: relative;
    overflow: hidden;
    padding: 50px 0;
}
.box-guide-tarification ul li {
  line-height: 30px;
  font-family: "DM Sans", sans-serif;
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  font-size: 16px;
}

.box-guide-tarification ul li:before {
  content: "▶";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.8em;
  color: var(--orange);
}

.box-guide-tarification ul {
  position: relative;
  list-style: none;
  margin-bottom: 10px;
  padding: 0;
}
.box-bgfiltre {
  background: #fafafa;
  border-radius: 10px;
  margin: 50px 0 0;
}
.icon-search {
  display: flex;
  align-items: center;
  margin-right: 25px;
  color: var(--blue-medium);
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 0;
}
.liste-emetteur table tr th {
  width: 50%;
}
.profile-emetteur.liste-emetteur table tr:nth-child(even) {
  background: transparent;
}
.profile-emetteur.liste-emetteur table tr:hover {
  background: #fff2ec;
  cursor: pointer;
}

.title-link {
  color: var(--blue-light);
  text-decoration: none;
}
.title-link:hover {
  color: var(--orange) !important;
}
.tabs-container {
  overflow-x: auto;
  scroll-behavior: smooth;
}
.tabs-scrollable .nav-link {
  padding: 0.5rem 1rem;
  min-width: max-content;
}
.tabs-scrollable {
  display: inline-flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 1rem;
  padding: 0;
  margin: 0;
  list-style: none;
}
.page-listing {
  padding: 60px 0 20px;
}
.form-actions.form-wrapper {
  display: flex;
  align-items: center;
}
.description-card {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  vertical-align: middle;
  color: var(--Blue-text, rgba(9, 36, 75, 1));
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  max-height: 32px;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
h5.hover-underline:hover {
  text-decoration: underline;
}

.section-reporting .img-service img {
  object-fit: contain;
}
.section-reporting .img-service img {
  object-fit: contain;
}
.carousel-distribution {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}

.slider-distributeur .views-element-container {
  width: 100%;
}
.carousel-distribution a {
  width: 25%;
}
.box-commission p.width {
  width: 75%;
  margin: 15px 0;
}
.box-commission td.width {
  width: 100%;
  text-align: center;
}
.box-commission table.width {
  width: 85%;
  text-align: center;
  margin: 0;
}
@media (max-width: 992px) {
  .carousel-distribution a {
    width: 50%;
  }
  .box-commission p.width {
    width: 100%;
  }
  .box-presentation div {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .carousel-distribution a {
    width: 100%;
    margin: 0 0 15px;
  }
}
.tbm-subnav > .tbm-item > .tbm-link-container > .tbm-link.no-link {
  color: var(--blue-medium) !important;
  font-family: "DM Sans", sans-serif;
}
.desc-conseil {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  color: var(--Blue-text, rgba(9, 36, 75, 1));
  margin: 20px 0 0 20px;
}

.accordion-item:last-child {
  border: 0 !important;
}

.border-custom-end {
  border-right: 3px solid rgba(232, 230, 230, 1);
}

.partenaire_academique .box-guide-tarification {
  font-family: Helvetica;
  font-weight: 400;
  font-style: Regular;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: 1%;
  text-align: center;
  color: rgba(9, 36, 75, 1);
}
.partenaire_academique h3 {
  color: rgba(9, 36, 75, 1);
  font-family: DM Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 32px;
  line-height: 37px;
  text-align: center;
}
.box-presentation div.market-content p {
  font-family: Helvetica;
}
.bg-img-desc .box-description-interne p {
  margin: 0;
}
.flexbox-data span {
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.contact .box-description-interne table tr p a:hover {
  background: transparent;
}

.sub-title-live {
  font-family: Helvetica;
  font-weight: 700;
  font-style: Bold;
  font-size: 15px;
  line-height: 100%;
  letter-spacing: 1%;
  text-align: center;
  text-transform: lowercase;
  color: rgba(9, 36, 75, 1);
}

@media (max-width: 768px) {
  .exposed-filter.w-75 {
    width: 100% !important;
  }

  .custom-exposed-form.w-50 {
    width: 100% !important;
  }
}
.box-commission.box-description-interne ol.bg-orange {
  border-radius: 10px;
  padding: 10px;
  background: rgba(233, 80, 14, 0.05);
  color: var(--blue-medium);
}
.box-commission.box-description-interne ol {
  counter-reset: bloc;
  list-style: none;
}
.box-commission.box-description-interne ol ul {
  margin-left: -20px;
}
.box-commission.box-description-interne ol > li {
  counter-increment: bloc;
  position: relative;
  margin-bottom: 1rem;
  padding-left: 45px;
}
.box-commission.box-description-interne ol > li::before {
  content: "(" counter(bloc) ")";
  position: absolute;
  left: 0;
  font-weight: bold;
  color: var(--orange);
  font-family: "DM Sans", sans-serif;
  top: 2px;
}
.box-commission.box-description-interne ol > li::after {
  content: "▶";
  position: absolute;
  left: 25px;
  top: 5px;
  font-size: 0.8em;
  color: var(--orange);
  font-family: "DM Sans", sans-serif;
}
.flexboxtable {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.box-table {
  padding: 0 15px;
}

.box-description-table {
  padding: 0 15px;
}
.box-commission p.text-align-center {
  text-align: center;
}
.bg-savoir-plus {
  background: #fafafa;
  padding-bottom: 50px;
}

.table-style {
  min-width: 1200px; /* Force le scroll horizontal */
  white-space: nowrap; /* Empêche le retour à la ligne */
}

.table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #6c757d #e9ecef;
}

.table-responsive::-webkit-scrollbar {
  height: 8px;
}

.table-responsive::-webkit-scrollbar-thumb {
  background: #6c757d;
  border-radius: 4px;
}
.custom-bg {
  position: relative;
  overflow: hidden;
  background: #f6f6f6;
  width: 390px;
  height: 390px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 35px;
}

.custom-bg img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 0;
  width: auto;
}

.box-description-interne p a {
  display: inline-block;
}
.introduction .img-service {
  display: flex;
}
.dlex-intro {
  display: flex;
  align-items: center;
}
.introduction {
  position: relative;
  overflow: hidden;
  padding: 50px 0;
}
.boxslider-distributeur.boxslider-distributeur-width {
  width: auto;
}
.boxslider-distributeur.boxslider-distributeur-width .border-distributeur {
  background: var(--white);
}

.boxslider-distributeur.boxslider-distributeur-width
  .border-distributeur::after {
  content: "\2197";
  font-size: 2rem;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 2;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.table-custom {
  margin-bottom: 0;
  font-size: 12px;
}

.table-custom th {
  background: rgba(249, 249, 249, 1);
  color: rgba(9, 36, 75, 1);
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  padding: 15px 8px;
  font-size: 14px;
  border: none;
  position: relative;
}

.table-custom td {
  vertical-align: middle;
  text-align: center;
  padding: 12px 8px;
  color: var(--Blue-text, rgba(9, 36, 75, 1)) !important;
  font-family: DM Sans;
  font-weight: 500;
  border-color: #e9ecef;
}
td.market-section.market-header {
  color: var(--Blue-text, rgba(9, 36, 75, 1)) !important;
  font-family: DM Sans;
  font-weight: 700;
  font-style: Bold;
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1%;
  vertical-align: middle;
}

.seuil-statique::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 5px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.5%200C10.0899%200%2013%202.91015%2013%206.5C13%2010.0899%2010.0899%2013%206.5%2013C2.91015%2013%200%2010.0899%200%206.5C0%202.91015%202.91015%200%206.5%200ZM6.75%205.09961C6.33579%205.09961%206%205.4354%206%205.84961V8.84961C6%209.26382%206.33579%209.59961%206.75%209.59961C7.16421%209.59961%207.5%209.26382%207.5%208.84961V5.84961C7.5%205.4354%207.16421%205.09961%206.75%205.09961ZM6.75%203C6.33579%203%206%203.33579%206%203.75C6%204.16421%206.33579%204.5%206.75%204.5C7.16421%204.5%207.5%204.16421%207.5%203.75C7.5%203.33579%207.16421%203%206.75%203Z%22%20fill%3D%22%2309244B%22/%3E%3C/svg%3E");
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .table-custom {
    font-size: 10px;
  }

  .table-custom th,
  .table-custom td {
    padding: 8px 4px;
  }
}

/* Header avec icônes */
.header-with-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}

.header-icon {
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.badge-info,
.time-cell,
.percentage-cell,
.badge-warning,
.badge-success {
  color: var(--Blue-text, rgba(9, 36, 75, 1));
  font-family: DM Sans;
  font-weight: 500;
  font-style: Medium;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 1%;
  vertical-align: middle;
}

.highlight-row {
  background-color: #fff3cd !important;
}

.table-horaire table {
  width: 100%;
  border-top: 3px solid var(--orange);
}
.tooltip-event {
  position: absolute;
  background: rgba(9, 36, 75, 0.1);
  color:var(--Blue-text, rgba(9, 36, 75, 1));
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 9999;
  pointer-events: none;
}
.tooltip-custom {
  position: absolute;
  background-color: #09244b; /* Bleu */
  color: #fff; /* Texte blanc */
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 13px;
  white-space: nowrap;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: 9999;
  pointer-events: none;
}
#frais-courtage .box-commission .box-guide-tarification table tr {
  display: flex !important;
}

.box-commission table.tbody-tarifs tr td {
  display: revert;
  text-align: left;
}
.box-commission table.tbody-tarifs tbody tr {
  display: revert;
  border-top: 1px solid #bbc2c6 !important;
}
.box-commission table.width.tbody-tarifs tr:first-child {
  border-top: 1px solid #bbc2c6 !important;
}
.box-commission table.tbody-tarifs tr {
  display: revert;
}
.box-commission table.tbody-tarifs tr th {
  width: 33.3333%;
  text-align: left;
}
.box-commission table.tbody-tarifs tr td {
  width: 33.3333%;
}
#tarification_em .box-commission table.tbody-tarifs tr td {
  padding: 12px 30px;
}
.tabs-tarification-emetteur .box-content-interne {
  width: 85%;
  margin: 0 auto;
}
.tabs-tarification-inv .box-commission table thead tr {
  display: revert;
  padding: 0;
}
.tabs-tarification-inv .box-commission table tbody tr {
  display: revert;
}
.tabs-tarification-inv .box-commission table th {
  width: 40%;
  padding: 8px 20px;
}
.tabs-tarification-inv .box-commission table th:nth-child(2) {
  width: 25%;
}

.tabs-tarification-inv .box-commission table tbody tr td {
  display: revert;
  width: 25%;
  padding: 12px 20px;
}

.tabs-tarification-inv .box-commission table.tarifs col.col-service {
  width: 46%;
}
.tabs-tarification-inv .box-commission table .tarifs col.col-demandeur {
  width: 22%;
}
.tabs-tarification-inv .box-commission table .tarifs col.col-suppapier {
  width: 16%;
}
.tabs-tarification-inv .box-commission table.tarifs col.col-supnum {
  width: 16%;
}
.tabs-tarification-inv .box-commission table.tarifs th,
.tabs-tarification-inv .box-commission table.tarifs td {
  vertical-align: middle;
}
.tabs-tarification-inv .box-commission table.tarifs th:nth-child(3),
.tabs-tarification-inv .box-commission table.tarifs th:nth-child(4),
.tabs-tarification-inv .box-commission table.tarifs td:nth-child(3),
.tabs-tarification-inv .box-commission table.tarifs td:nth-child(4) {
  text-align: left;
}
.tabs-tarification-inv .box-commission table.tarifs td:nth-child(4) {
  white-space: normal;
  word-break: break-word;
}

.tabs-tarification-inv .box-commission table tr.second-tr th {
  border-top: 1px solid #BBC2C6;
}
.tabs-tarification-inv .box-commission table.tarifs thead {
  border-bottom: 1px solid #BBC2C6;
}
.tabs-tarification-inv .box-commission h3 {
  text-align: center;
  width: 40%;
  margin: 0 auto 20px;
}
.tabs-tarification-inv .box-commission .savoir-plus h3 {
  text-align: left;
  width: 100%;
  margin: 0 0 .5rem; 
}
.tabs-tarification-inv .box-commission table.tarifs {
  margin: 20px 0 0;
}
.tabs-tarification-inv table.tarifs ul.listes-tarifs li:before {
    content: ".";
    font-size: 30px;
    color: var(--blue-medium);
    top: -10px;
    font-weight: 500;
}
.table-container {
  margin-bottom: 30px;
}

.table-primary-indice {
  background-color: rgb(243 243 243);
  border-top: 1px solid rgba(187, 194, 198, 1);
}

.table-primary-indice td {
  color: rgba(247, 77, 64, 1) !important;
  font-family: Helvetica;
  font-weight: 400;
  font-size: 16px;
}

.table-secondary-indice {
  background-color: #e2e3e5 !important;
  border-top: 1px solid rgba(187, 194, 198, 1);
}

.table-secondary-indice td {
  font-family: Helvetica;
  font-weight: 500;
  font-size: 14px;
  color: var(--blue-medium);
}

#indices-sectoriels .box-commission table tr th {
  width: 50%;
  padding: 15px 30px;
  background-color: rgba(249, 249, 249, 1) !important;
  color: var(--blue-medium);
  font-weight: 700;
}

.table-striped > tbody > tr:nth-of-type(odd) > td {
  background-color: #f8f9fa;
}

/* Style pour les liens des sociétés */
.box-commission table td a.lien-tunindex {
     color: rgba(9, 36, 75, 1);
    text-decoration: underline;
  transition: color 0.2s ease;
}

.box-commission table td a.lien-tunindex:hover {
 font-weight: 700;
 color:rgba(19, 67, 136, 1);
}

/* Style pour les liens des sociétés */
.box-grouped-instruments table td a.lien-tunindex {
     color: rgba(9, 36, 75, 1);
    text-decoration: underline;
  transition: color 0.2s ease;
}

.box-grouped-instruments table td a.lien-tunindex:hover {
 font-weight: 700;
 color:rgba(19, 67, 136, 1);
}
.box-grouped-instruments table tr th {
  width: 50%;
  padding: 15px 30px;
  background: #f3f3f3;
  color: var(--blue-medium);
  font-weight: 700;
}

.box-grouped-instruments table tr td.prix {
  color: var(--orange);
  text-align: center;
}
.box-grouped-instruments table tr td.color-orange {
  color: var(--orange);
}
.box-grouped-instruments table tr td.color-orange p {
  color: var(--orange);
}

.box-grouped-instruments p {
  line-height: 30px;
  color: var(--blue-medium);
  font-family: "DM Sans", sans-serif;
  margin: 0 0 15px;
  text-align: left;
}

.box-grouped-instruments table {
  table-layout: fixed; /* Force une largeur fixe pour toutes les colonnes */
  width: 100%;
  border-top: 3px solid var(--orange);
}

.box-grouped-instruments table thead tr th {
  border-top: 3px solid var(--orange);
}

.box-grouped-instruments table p {
  text-align: left;
  margin: 0;
}

.publication_recente .exposed-filter {
  display: none;
}

.page-composition .box-commission table tr th, .page-composition .box-grouped-instruments table tr th, .table-primary-indice td, .table-secondary-indice td, .page-composition .box-commission table tr td {
    padding: 15px 10px;
    font-size: 15px;
}
.page-composition .table-secondary-indice {
  background-color: transparent !important;
}

.sector-border-right {
  border-right: 3px solid #BBC2C6;
  box-sizing: border-box;
}

.sector-border-right {
  border-right: 1px solid #BBC2C6;
  box-sizing: border-box;
}
.table-primary-indice .sector-border-right {
  border-right: 0;
}
.border-table td {
    border-bottom: 1px solid #BBC2C6;
    padding: 8px 10px;
    color: var(--blue-medium);
}
.border-table {
    border-bottom: 1px solid #BBC2C6;
}
.event-image-thumb {
  border-radius: 10px;
}

.discover-link {
  color: var(--blue-medium);
  text-decoration: underline;
  margin: 30px 0 0;
  display: inline-block;
}
.img-reporting-esg {
  border-radius: 10px; 
  height: 244px;
}
.img-esg-bourse {
   object-fit:cover;   
     height: 183px;
}
.img-w50{
width: 50px; height: 50px; object-fit: cover;}
.p-7 {
  padding: 0px 7%;
}
.bg-brown {
  background: #FFD2A740;
}

.box-commission table.table-indice-devise tr.first-thead th {
    border-right: 1px solid #bbc2c6;
    padding: 15px;
    font-size: 14px;
}

.box-commission table.table-indice-devise tr.second-thead th {
    padding: 15px;
    font-size: 14px;
}
.box-commission table.table-indice-devise tr.second-thead th.first-tr {
    border-left: 1px solid #bbc2c6;
}
.box-commission table.table-indice-devise tr.first-thead th:first-child {
    width: 15.6%;
}

.box-commission table.table-indice-devise tr.first-thead th:last-child {
    border-right: 0;
}
.box-description-interne p a {
    color: #0d2952;
    margin: 7px 0;
    padding: 0;
}
.boxcontact .box-description-interne table {
    text-align: center;
    display: flex;
    justify-content: center;
}

/******* filtre market watch ********/
.dlfex-tabs-market {
    display: inline-flex;
    justify-content: center;
    width: 100%;
}

.dlfex-tabs-market .nav-tabs-market {
    background: #F6F6F6;
    border-radius: 5px;
    border: 0;
    overflow: hidden;
}

.dlfex-tabs-market .nav-tabs-market .nav-link.active {
    color: var(--white);
    background: #09244B;
}

.dlfex-tabs-market .nav-tabs-market .nav-link {color: #09244B;padding: 10px 50px;margin: 0;border: 0;border-radius: 0;}

.dlfex-tabs-market .nav-tabs-market .nav-link:hover {
    color: var(--white);
    background: #09244B;
}

.page-listing .custom-event-card {
    max-height: max-content;
    min-height: 200px;
}
.hp-views .custom-event-card {
  min-height:150px;
}
.iframe-container span.text-bg-blue {
    margin-top: 5px;
}
.iframe-container .col-gauche {
    padding-right: 0;
}
.iframe-container .col-droite {
    padding-left: 0;
}

.feedback-button {
  position: fixed;
  top: 40%;
  right: 0;
  background: linear-gradient(180deg, #0d2a56, #153d7a);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  padding: 12px 8px;
  border-radius: 10px 0 0 10px;
  font-family: "DM Sans", sans-serif;
  transition: background 0.3s ease;
  z-index: 11;
}

.feedback-button:hover {
  background: linear-gradient(180deg, #153d7a, #1e4d99);
}

.feedback-text {
  writing-mode: vertical-rl; /* Texte vertical */
  transform: rotate(180deg); /* Inverser l’orientation */
  font-size: 16px;
  margin-bottom: 10px;
}

.feedback-icon svg {
  display: block;
  width: 24px;
  height: auto;
}


/****************** Modal Feedback *********************/
.ui-dialog {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
  border: none !important;
}

.ui-dialog .ui-dialog-titlebar {
  color: #1F2937;
  border: none;
  padding: 15px 20px;
  font-weight: 700;
  font-size: 24px;
  background-color: transparent;
  text-align: center;
  font-family: Helvetica;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  color: white;
  width: 28px;
  height: 28px;
  border: 2px solid #D1D5DB;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
  background: rgba(255, 255, 255, 0.3);
}

.ui-dialog .ui-dialog-content {
  padding: 0 !important;
}

/* Style pour le formulaire */
.ui-dialog .webform-submission-feedback-form {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.ui-dialog .webform-required {
  margin-bottom: 20px;
  font-size: 12px;
  color: #09244B;
}

.ui-dialog .form-required::after {
  content: "*";
  color: #e74c3c;
  margin-left: 3px;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 30px !important;
    height: 30px !important;
}
/* Style pour les champs de formulaire */
.ui-dialog .form-item {
  margin-bottom: 20px;
  display: flex;
}

.ui-dialog .form-item label {
  display: block;
  margin-bottom: 8px;
  font-weight: 500;
  color: #2c3e50;
  font-size: 14px;
}

.ui-dialog .form-text,
.ui-dialog .form-email,
.ui-dialog .form-textarea {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

.ui-dialog .form-text:focus,
.ui-dialog .form-email:focus,
.ui-dialog .form-textarea:focus {
  border-color: #3498db;
  box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
  outline: none;
}

.ui-dialog .form-textarea {
  min-height: 120px;
  resize: vertical;
}

/* Style pour les boutons radio */
.ui-dialog .radios--wrapper {margin-bottom: 15px;}

.modal-feedback .radios--wrapper legend {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2c3e50;
    font-size: 14px;
}


.modal-feedback .webform-options-display-two-columns {
  display: flex;
  gap: 50px;
  max-width: fit-content;
  margin-top: 0 !important;
}

.ui-dialog .webform-options-display-two-columns .form-item {
  flex: 1;
  margin-bottom: 0;
}

.ui-dialog .webform-options-display-two-columns .form-item label {
  display: flex;
  align-items: center;
  font-weight: normal;
  cursor: pointer;
}

.ui-dialog .webform-options-display-two-columns input[type="radio"] {
  margin-right: 8px;
}

/* Style pour le système d'évaluation */
.ui-dialog .webform-element--title-inline {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
}

.rateit-large {
  margin-top: 5px;
}

.rateit-large .rateit-range {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23ddd" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

.rateit-large .rateit-hover {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23FFD700" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

.rateit-large .rateit-selected {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="%23FFA500" d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>');
}

/* Style pour le bouton d'envoi */
.ui-dialog .ui-dialog-buttonpane {
  padding: 0 20px !important;
  border: none !important;
  background: transparent !important;
}

.ui-dialog .webform-button--submit {
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-image: linear-gradient(to bottom, #09244b, #0d2952, #112e58, #14335f, #183866);
  margin: 0 !important;
  cursor: pointer;
  width: 100%;
  font-family: Helvetica !important;
}
.webform-confirmation-success {
    padding: .4em 1em;
    position: relative;
    display: block;
    font-weight: 500;
    color: rgb(44, 62, 80);
    font-size: 14px;
} 
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons .ui-dialog-content {
    padding: .4em 1em !important;
    position: relative;
}
.webform-confirmation-success {
    padding: .4em 1em;
    position: relative;
    display: block;
    font-weight: 500;
    color: rgb(44, 62, 80);
    font-size: 14px;
} 
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons .ui-dialog-content {
    padding: .4em 1em !important;
    position: relative;
}
.modal-feedback .webform-button--submit:hover {
  color: white;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: #09244b;
  margin: 0 !important;
  cursor: pointer;
  width: 100%;
  font-family: Helvetica !important;
}
.webform-confirmation-success {
    padding: .4em 1em;
    position: relative;
    display: block;
    font-weight: 500;
    color: rgb(44, 62, 80);
    font-size: 14px;
} 

.ui-widget.ui-widget-content {
    padding: 20px;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons .ui-dialog-content {
    padding: .4em 1em !important;
    position: relative;
}
/* Responsive */
@media (max-width: 600px) {
  .modal-feedback.ui-dialog {
    width: 95% !important;
    left: 2.5% !important;
  }
  
  .webform-options-display-two-columns {
    flex-direction: column;
    gap: 10px;
  }
}

.ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
    color: #1F2937 !important;
    border: none;
    font-weight: 700;
    font-size: 24px;
    background-color: transparent;
    text-align: center;
    font-family: Helvetica;
    width: 100%;
    margin: 0 auto;
    text-overflow: inherit !important;
    display: block;
    white-space: normal;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: none;
    margin-bottom: 20px;
}

.section-description-interne {
    padding: 60px 0;
}

.section-description-interne h2 {
    margin: 20px 0;
}

.section-description-interne p {
    line-height: 30px;
    color: var(--blue-medium);
    font-family: "DM Sans", sans-serif;
    margin: 0;
}

.section-description-interne li {
    line-height: 30px;
    color: var(--blue-medium);
    font-family: "DM Sans", sans-serif;
    margin: 0;
}
.box-commission .accordion-item .bg-gris {
    border-radius: 0 !important; 
}
#presentation .box-presentation table tr td {
    padding: 0 15px;
}
.tabs-about .nav.border-top {
    padding: 10px 0 0;
    margin: 0;
}
.tab-content.tab-content-margin {
    margin-top: 30px;
}
.button-marketwatch {
    background-color: rgba(10, 9, 75, 1);
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24"><path d="M10.4993 2C9.14387 2.00012 7.80814 2.32436 6.60353 2.94569C5.39893 3.56702 4.36037 4.46742 3.57451 5.57175C2.78866 6.67609 2.27829 7.95235 2.08599 9.29404C1.89368 10.6357 2.02503 12.004 2.46906 13.2846C2.91308 14.5652 3.65692 15.7211 4.63851 16.6557C5.6201 17.5904 6.81098 18.2768 8.11179 18.6576C9.4126 19.0384 10.7856 19.1026 12.1163 18.8449C13.447 18.5872 14.6967 18.015 15.7613 17.176L19.4133 20.828C19.6019 21.0102 19.8545 21.111 20.1167 21.1087C20.3789 21.1064 20.6297 21.0012 20.8151 20.8158C21.0005 20.6304 21.1057 20.3796 21.108 20.1174C21.1102 19.8552 21.0094 19.6026 20.8273 19.414L17.1753 15.762C18.1633 14.5086 18.7784 13.0024 18.9504 11.4157C19.1223 9.82905 18.8441 8.22602 18.1475 6.79009C17.4509 5.35417 16.3642 4.14336 15.0116 3.29623C13.659 2.44911 12.0952 1.99989 10.4993 2ZM3.99928 10.5C3.99928 8.77609 4.6841 7.12279 5.90308 5.90381C7.12207 4.68482 8.77537 4 10.4993 4C12.2232 4 13.8765 4.68482 15.0955 5.90381C16.3145 7.12279 16.9993 8.77609 16.9993 10.5C16.9993 12.2239 16.3145 13.8772 15.0955 15.0962C13.8765 16.3152 12.2232 17 10.4993 17C8.77537 17 7.12207 16.3152 5.90308 15.0962C4.6841 13.8772 3.99928 12.2239 3.99928 10.5Z"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    color: transparent;
    border: none;
    cursor: pointer;
    background-size: 1rem !important;
    width: 45px !important;
    height: 35px !important;
    border-radius: 5px !important;
    margin-top: 33px;
}
.boxfiltre-marketwatch {
  margin: 50px 0 0;
}