:root {
  /* --base-color: #7B1FA2; */
  --base-color: #762372;
  --medium-gray: #878898;
  --dark-gray: #242E45;
  --dark-purple: #242E45;
  /* --light-red: #F2F1FC; */
  --light-red: #FFED00;
  --alt-font: 'Plus Jakarta Sans', sans-serif;
  --primary-font: 'Plus Jakarta Sans', sans-serif;
}

header .navbar-brand img {
  max-height: 48px;
}

.btn-custom {
  background-color: var(--base-color);
  color: white;
}

.btn-custom:hover {
  background-color: #6A1B9A;
  /* Couleur légèrement plus sombre au survol */
}

.bg-altis {

  background-color: #6D2077;
}

.color-altis {

  color: #6D2077;
}

.navbar .navbar-nav .dropdown .dropdown-menu {

  background-color: #6D2077;
}

.border-img-altis {

  border-bottom: 10px solid #6D2077;
}

.nav-tabs .nav-link:hover {
  border-top: 2px solid #6D2077;
  /* Couleur pour l'état hover */
}

.nav-tabs .nav-link.active {
  border-top: 2px solid #6D2077;
  /* Couleur pour l'état actif */
}

.tab-style-08 ul .nav-item .nav-link.active,
.tab-style-08 ul .nav-item .nav-link.show,
.tab-style-08 ul .nav-item .nav-link:hover {

  color: #6D2077;
}

footer .footer-logo img {
  max-height: 60px;
}

.navbar .navbar-nav .nav-link {
  font-weight: normal;
  font-size: 0.95623rem;
}

header .navbar [class*=col-] .navbar-nav .nav-item a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px transparent solid;
}

/* header .navbar [class*=col-] .navbar-nav .nav-item>a:hover {
  border-top: var(--base-color) solid;
} */

header .navbar [class*=col-] .navbar-nav .nav-item.active>a {
  /* align-self: auto; */
  border-top: var(--base-color) solid;
}

.tp-bannertimer {
  /* height: 10px; */
  background-color: #6D2077;
  background-color: var(--bs-purple);
  background-color: #ffff51;
  background-color: #FFED00;
  z-index: 98;
}

header {
  position: fixed;
  width: 100%;
  height: 100px;
  z-index: 10000000;
  top: 0;
  right: 0;
}

.swiper {
  width: 100%;
  height: 500px;
}

.swiper-pagination {
  left: 50% !important;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* swiper-container {
  width: 100%;
  height: 100%;
}

swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

.swiper {
  width: 100%;
  /* height: 100vh; */
  height: 720px;
  position: relative;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  background: #fff;
}

.progress-bar-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 5px;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 10;
}

.progress-bar-fill {
  height: 100%;
  width: 0%;
  background: #007bff;
  background-color: #FFED00;
  transition: width 0s linear;
}

/* .pub_img {
  position: absolute;
  top: 15%;
  right: 8%;
  width: 32%;
} */

.pub_img h3 {
  border-radius: 5px;
  font-size: 2.2em;
  font-weight: 900;
  text-shadow: 0px 1px 1px #333;
  text-align: right;

  color: #fff !important;
}

.pub_img h3 span {
  /* background: #d61c1d; */
  /* background: var(--base-color); */
  /* padding: 2px 10px 4px 10px; */
  text-transform: uppercase;
}

.pub_img .comment {
  font-size: 0.45em;
  margin-top: 10px;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: 900;
  font-family: sans-serif;
}

h3.text-dark-gray,
h1,
h2,
h3,
h4 {
  color: var(--base-color) !important;
}

h3.text-dark-gray {
  color: var(--base-color);
  /* text-align: center !important; */
}

.comment strong {
  font-size: 1.456789em;
  color: var(--light-red);
}

.first-letter+strong {
  color: var(--base-color) !important;
}

strong {
  color: var(--base-color);
}

.tab-style-04 .nav-tabs .nav-item .nav-link.active,
.tab-style-04 .nav-tabs .nav-item .nav-link.show,
.tab-style-04 .nav-tabs .nav-item .nav-link:hover {
  color: var(--base-color);
  font-weight: bold;
}

/* Par défaut : pour xs et sm (moins de 768px), le bloc est en position relative */
.mon-block {
  position: absolute;
  top: 0;
  left: 0
}

/* À partir de md (≥768px) jusqu'à xl (≥1200px), position absolute */
@media (min-width: 768px) {
  .mon-block {
    position: absolute;
    top: 20px;
    left: 280px;
  }
}

@media (max-width: 1199px) {
  .mon-block {
    position: absolute;
    top: 0;
    left: 0;
  }
}

.mon-block-bg {
  background-image: url(images/new2/fond_demande_900x600.jpg);
  background-size: cover;
  background-position: -100px 100px;
  /* background-repeat: no-repeat; */
}

.petitetgrand {
  height: 400px;
}


.pub_img {
  position: absolute;
  top: 15%;
  right: 5%;
  width: 100%;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .mon-block-bg {
    background-position: 0px 40px;
  }

  /* .pub_img {
    position: absolute;
    top: 15%;
    right: 8%;
    width: 32%;
  } */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .mon-block-bg {
    background-position: 0px -20px;
  }

  .petitetgrand {
    height: 580px;
  }

  .pub_img {
    position: absolute;
    top: 15%;
    right: 8%;
    width: 42%;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .mon-block-bg {
    background-position: 0px -30px;
  }

  .petitetgrand {
    height: 580px;
  }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {}

.modal-content {
  border-radius: 0%;
}

.hover-box.dark-hover:hover i.fa-arrow-right {
  color: var(--dark-gray) !important;
  -webkit-text-stroke-color: var(--dark-gray);
}

.text-justify {
  text-align: justify !important;
}

p {
  margin-bottom: 25px;
  margin-bottom: 10px;
}

footer a:hover {
  text-decoration: underline !important;
  color: rgba(255, 255, 255, 0.72) !important;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}