/* Lisibilité et corrections d’affichage des textes */

body {
  line-height: 1.5;
}

p,
li,
a {
  overflow-wrap: anywhere;
}

.topbar {
  position: relative;
  z-index: 10;
}

.topbar ul {
  justify-content: center;
  gap: clamp(16px, 4vw, 52px);
}

.topbar ul li,
.topbar ul li a {
  white-space: nowrap;
}

.hero-info h1,
h1.title,
.programdetail h2 {
  overflow-wrap: anywhere;
}

body .main-title {
  text-transform: none !important;
}

.objectif-info p,
.objectif-info li,
.programdetail p,
.programdetail li,
.pedagogie-info p,
.condition-info p,
.condition-info li,
.experience-info p,
.suivi-info p,
.suivi-info li,
.certification-info p,
.accessibilite-info p,
.responsable-info p {
  line-height: 1.65;
}

.btn-orange,
ul.instruction-boxes a {
  color: #2e2e2e;
  text-transform: none;
}

.btn-orange:hover {
  color: #2e2e2e;
  background: #f4b87e;
  border-color: #f4b87e;
}

.representative-details h1,
.representative-details ul li,
.representative-details ul li a,
.representative-details ul li i {
  margin: 0 0 9px;
  color: #2e2e2e;
}

.representative-details h1 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.27;
}

.advantages-content h1 {
  color: #9b5514;
  font-family: "Nunito Sans", sans-serif;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.27;
}

.accreditations-text h2.main-title {
  margin-top: 42px;
  color: #9b5514;
}

.quick-guide-box,
.quick-guide-box h3,
.quick-guide-box p {
  color: #2e2e2e;
}

.quick-guide-box .btn-border-white {
  color: #2e2e2e;
  border-color: #2e2e2e;
}

.quick-guide-box .btn-border-white:hover {
  color: #fff;
  background: #2e2e2e;
  border-color: #2e2e2e;
}

.contract-box h3 {
  text-transform: none;
}

.certification-info a {
  display: inline;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 767px) {
  .topbar ul {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 12px;
    padding-inline: 8px;
  }

  .topbar ul li {
    padding-block: 8px;
    font-size: 12px;
  }
}

@media (max-width: 479px) {
  .topbar ul {
    gap: 8px;
    padding-inline: 4px;
  }

  .topbar ul li {
    font-size: 10.5px;
  }
}