.intro-horaires {
  width: 100%;
  height: 160px;
  padding-top: 20px;
  background: url("../img/img-bg-intro-schedule.jpg") no-repeat center;
  background-size: cover;
  margin-top: 85px;
  text-align: center;
}

.intro-horaires h1 {
  font-size: 48px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  /* letter-spacing: .1em; */
  /* line-height: 60px; */
}

.intro-horaires p {
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
}

.horaires-interne {  
  text-align: center;
  padding: 40px 0 0 0;
}

/* TABLE HORAIRES */
#schedule-table {
  width: 40%;
  border-collapse: collapse;
  margin: 20px auto;
}

#schedule-table th,
#schedule-table td {
  border: 4px solid #fff;
  padding: 8px;
  text-align: center;
  width: 200px;
}

#schedule-table td p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

#schedule-table span {
  font-size: 20px;
  font-weight: bold;
  color: red
} 


.legenda ul li {
  display: inline-block;
  margin-left: 25px;
  margin-top: 10px;
}

.legenda span.loft::before {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  background: #FBE79F;
  margin: 14px auto 10px auto;
  border-radius: 3px;
}

.legenda span.centre::before {
  content: "";
  display: block;
  width: 20px;
  height: 12px;
  background: #9DCDAF;
  margin: 14px auto 10px auto;
  border-radius: 3px;
}


/* Custom background colors */
.loft-forte {
  background: #FBE79F;
  width: 44px;
  height: 44px;
  padding: 20px;

}

.centre-spin {
  background: #9DCDAF;
  width: 44px;
  height: 44px;
  padding: 20px;
}

.blanc {
  color: #fff;
}


.legenda {
  display: inline-block;
  
}


.color-box {
  display: inline-block;
  width: 20px;
  height: 10px;
  margin-right: 5px;
}

.color1 {
  background-color: #FBE79F;
}

.color2 {
  background-color: #9DCDAF;
}

/* LOCAUX */


.locaux {
  width: 100%;
  padding: 60px 0;
}

.academie-item {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.academie-content {
  display: grid;
  grid-template-columns: 1fr;
  padding: 20px;
}

.academie-content h3 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.academie-content p,
.academie-tempo {
  display: flex;
  margin-bottom: 10px;
}

.academie-content img {
  padding-right: 8px;
}

.map-contact {
  width: 460px;
  height: 260px;
}