.pagetitle {
  font-size: 40px;
  color: #eb5937ff;
}

.pageintro {
  font-size: 15px;
  color: #4d4d4dff;
}

a.nav-link.active {
  background-color: rgb(255,141,76);
}

a.nav-link {
  background-color: rgb(255,129,57);
}

a.nav-link:hover {
  background-color: rgb(255,97,6);
}

.nav-link.btn-skew, .btn-skew {
  border-radius: 0;
  border: 0;
  margin-left: 5px;
  margin-right: 12px;
  transform: skewX(-12deg);
}

.nav-link.btn-skew:before, .btn-skew:before {
  content: "";
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 0%;
  top: 0;
  left: 0px;
  transition-timing-function: ease-in-out;
  z-index: -1;
}

.nav-link.btn-skew:after, .btn-skew:after {
  content: "";
  position: absolute;
  background-color: inherit;
  height: 100%;
  width: 7px;
  right: -12px;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}

.text-primary {
  color: #ff8139 !important;
}

:root {
  --font-family-base: Poppins, sans-serif;
  --font-family-title: Poppins, sans-serif;
  --primary: #FF8139;
  --bs-priary: #FF8139;
  --primary-hover: #ff6106;
  --bs-primary-hover: #ff6106;
  --primary-dark: #ed5600;
  --rgba-primary-1: rgba(255, 129, 57, 0.1);
  --rgba-primary-2: rgba(255, 129, 57, 0.2);
  --rgba-primary-3: rgba(255, 129, 57, 0.3);
  --rgba-primary-4: rgba(255, 129, 57, 0.4);
  --rgba-primary-5: rgba(255, 129, 57, 0.5);
  --rgba-primary-05: rgba(255, 129, 57, 0.05);
  --rgba-primary-6: rgba(255, 129, 57, 0.6);
  --rgba-primary-7: rgba(255, 129, 57, 0.7);
  --rgba-primary-8: rgba(255, 129, 57, 0.8);
  --rgba-primary-9: rgba(255, 129, 57, 0.9);
  --secondary: #232323;
  --theme-text-color: #fff;
  --title: #222222;
  --gradient: linear-gradient(89deg, #FF3C11 1.12%, #FF8139 44%);
  --gradient-1: linear-gradient(90deg, #FF3F13 47.55%, #FF7F38 100.15%);
  --gradient-2: linear-gradient(90deg, #FF8039 0%, #FF3F13 100%);
  --gradient-3: linear-gradient(180deg, var(--primary) 0%, #FF0000 100%);
  --primary-shadow: linear-gradient(90deg, #fcde3b 47.55%, #ebc600 100.15%);
  --theme2-bg-pattern1: url(../images/pattern/theme/bg-pattern1.svg);
  --theme3-bg-color: #201916;
  --theme3-secondary: #301f18;
  --theme3-secondary2: #ffdd39;
}

h1, h2, h3, .title {
  font-family: var(--font-family-title);
  color: var(--title);
}

.horaires td {
  background: transparent;
  font-family: sans-serif;
  color: #f2f2f2ff;
}

.horaires tr {
  border-bottom: #ccccccff;
}

.description {
  font-family: var(--font-family-title);
  font-size: 14px;
  text-align: justify;
}

.description-icon {
  background-color: white;
  color: black;
  margin: 10px;
  padding: 20px;
  border-radius: 40px;
  font-size: x-large;
}

a.btn-primary {
  background-color: var(--bs-priary);
}

a.btn-primary:hover {
  background-color: var(--bs-primary-hover);
}