body{ font-family: "Poppins", sans-serif;}
.display-5{font-size: 2.0125rem;
    font-weight: 500;
    line-height: 42px;}

.fixed-navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1030;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.Violet {
  color: #851c66
}
.blanc {
  color: #fff
}
.gris {
  color: #666
}
.bleuFonce {
  color: #0082c2
}
.bleuClair {
  color: #afd0ec
}
.fondFonce {
 background-color:  #0082c2
}
.fondGris {
 background-color:  #F7F7F7
}

.bg-success{background-color: #851c66!important }
.t24{font-size: 24px; line-height: 20px}
.t16{font-size: 16px; line-height: 13px}
.t13{font-size: 14px; line-height: 16px}
.t15{font-size: 14px; line-height: 18px}
.tbase{font-size: 1rem;}

.lienNoir, .lenNoir:visited{color:#000; text-decoration: none}
.lienNoir:hover{color:#0082c2; text-decoration: none}

.nav-link{font-weight: 700!important; padding-right: 24px!important}

.nav-link.active{background-color: transparent!important;
border-right: 3px solid #0082c2!important}


.navbar-toggler {
  border: 2px solid #0082c2;      /* couleur de bordure personnalisée */
  border-radius: 8px;             /* arrondi */
  padding: 4px 6px;              /* espace intérieur */
  background-color: transparent;  /* fond transparent */
  transition: all 1s ease;
}

/* Optionnel : changer la couleur au survol */
.navbar-toggler:hover {
  background-color: #afd0ec;      /* fond au hover */
  border-color: #007aa5;          /* bordure au hover */
}

.navbar-toggler:focus {
  outline: none;
  box-shadow: none;
}
.btn-outline-primary {
  color: #0082c2;
  border-color: #0082c2;border-radius: 25px;
	  border:2px solid;
	font-size: 13px;
	padding: 10PX 24px 10px 24px;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
  color: white;
  background-color: #0082c2;
  border-color: #0082c2;
}


.btn-outline-primary2 {
  color: #afd0ec;
  border-color: #afd0ec;border-radius: 25px;
	  border:2px solid;
	font-size: 13px;
	padding: 10PX 24px 10px 24px;
}

.btn-outline-primary2:hover,
.btn-outline-primary2:focus,
.btn-outline-primary2:active {
  color: white;
  background-color: #afd0ec;
  border-color: #afd0ec;
}

.btn-outline-dark {
  color: #002d62;
  border-color: transparent!important;border-radius: 25px;
	  border:0px solid;
	font-size: 13px;
	padding: 10PX 24px 10px 24px;
}

.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark:active {
  color: #002d62;
  background-color: #fff;
	 border:0px solid;
  border-color: transparent!important;
}


.bg-light,.bg-body-tertiary{ background-color: #FFF!important;}

.hero {
  background-image: url('../img/header.jpg'); /* Mets ici le chemin correct */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 75vh; /* tu peux ajuster (60-100vh selon ton design) */
  min-height: 400px;
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* un léger filtre sombre pour lisibilité */
  z-index: 1;
}

.hero .container-fluid {
  position: relative;
  z-index: 2;
}



.hero3 {
  background-image: url('../img/header-suite.jpg'); /* Mets ici le chemin correct */
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 28vh; /* tu peux ajuster (60-100vh selon ton design) */
  min-height: 290px;
  position: relative;
}

.hero3::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* un léger filtre sombre pour lisibilité */
  z-index: 1;
}

.hero3 .container {
  position: relative;
  z-index: 2;
}




.cta {
  background-image: url('../img/cta.jpg'); /* Mets ici le chemin correct */
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  height: 60vh; /* tu peux ajuster (60-100vh selon ton design) */
  min-height: 400px;
  position: relative;
}

.cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0); /* un léger filtre sombre pour lisibilité */
  z-index: 1;
}

.cta .container-fluid {
  position: relative;
  z-index: 2;
}



.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.overlap-top {
  margin-top: -100px; /* remonte sur la section précédente */
  z-index: 3;
  position: relative;
  background: white;
  padding: 2rem;
  border-radius: 0px;

}
.brand-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.brand-track {
  display: flex;
  width: max-content;
}

.brand-item img {
  height: 60px;
  object-fit: contain;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.brand-item img:hover {
  opacity: 1;
}
.btn-decale i {
  transition: transform 0.3s ease;
}

.btn-decale:hover i {
  transform: translateX(6px); /* décale l’icône vers la droite */
}
.nav-item{font-size:14px!important}
.accordion-item {
	margin-bottom: 10px
}

.accordion-button {
	background-color: #F4F4F4
}
    .scroll-container {
      height: 300px;
      overflow: hidden;
      position: relative;
      background-color: #fff;
    }
    .scroll-content {
      position: absolute;
      width: 100%;
    }
    .scroll-item {
      font-size: 0.9rem;
		line-height: 0.7rem;
      padding: 10px 10PX;
      text-align: left;
      color: #212529;
    }
.mini, .mini.visited{
	
	font-size: 13px;
	color: #343434;
	text-decoration: none;
}
a.mini:hover{
	
	

	color: #0082c2;

}

.breadcrumb {
  background-color: transparent;
  font-size: 1.1rem; color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: "›"; /* ou "/" */
  color: #fff;
  padding: 0 0.5rem;
}
.lienBread{ color: #ccc; font-size:14px; text-decoration: none; }

.titrePage{font-size: 2.75em;
    font-weight: 700;
    line-height: 1;}

.fw-bold{    font-size: 56px!important;
    font-weight: 700!important;
    line-height: 84px!important;}

.tata.nav-link{color:#0082c2!important; height:66px; font-size:2rem; border-radius:0px;border-bottom:1px solid #eee;border-right:3px solid #eee; text-align:right; padding-right:15px}



.form-floating > label {
  left: 0.75rem;
}

  .form-check-input:checked {
    background-color: #0082c2; /* vert Bootstrap */
    border-color: #0082c2;
  }

  .form-check-input:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 130, 194, 0.25); /* focus vert */
  }

.word-cloud {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
}

.word {
  background-color: #f0f0f0;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  font-weight: 500;
  color: #333;
  font-size: calc(0.9rem + (1.2 - 0.9) * random(var(--i)));
  animation: popIn 0.4s ease;
  transition: transform 0.2s ease;
}

.word:hover {
  transform: scale(1.1);
  background-color: #dee2e6;
  cursor: pointer;
}

/* Animation légère à l'affichage */
@keyframes popIn {
  from { opacity: 0; transform: scale(0.9); }
  to { opacity: 1; transform: scale(1); }
}