@import url('https://fonts.googleapis.com/css2?family=Mohave:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: Mohave, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0%;
}

h3 {
    font-size: 48px;
    line-height: 100%;
}

p {
    font-family: Manrope, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0%;
}

a {
    font-family: Manrope, sans-serif;
    font-weight: 700;
}

.row-fluid.row {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

.logo-section {
    padding:0px!important;
}

.first-logo-section {
    padding-top:0px!important;
}

.section-maillots {
    padding-right:60px!important;
}

.section-margin-top {
    margin-top:80px!important;
}

.ca-section {
    margin:0px 4%;
  padding-top: 0 !important;
}

body {
  padding: 0 !important;
}

/* ===== Importer la police Mohave ===== */
@import url('https://fonts.googleapis.com/css2?family=Mohave:wght@400;500;600;700&display=swap');

/* Barre de navigation - fond blanc */
.navbar,
.navbar-default {
  background-color: #FFFFFF !important;
  border: none !important;
}

/* Liens du menu - gris */
.navbar-default .navbar-nav > li > a {
  color: #888888 !important;
  font-family: 'Mohave', 'Arial', sans-serif !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

/* Survol - noir */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #0A0A0A !important;
  background-color: transparent !important;
}

/* Lien actif - noir */
.navbar-default .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a:hover,
.navbar-default .navbar-nav > li.active > a:focus {
  color: #0A0A0A !important;
  background-color: transparent !important;
  border-bottom: none !important;
}

/* Flèche dropdown - grise */
.navbar-default .navbar-nav > li > a .caret {
  border-top-color: #888888 !important;
  border-bottom-color: #888888 !important;
  margin-left: 3px !important;
}

/* Flèche noire au survol et actif */
.navbar-default .navbar-nav > li > a:hover .caret,
.navbar-default .navbar-nav > li.active > a .caret {
  border-top-color: #0A0A0A !important;
  border-bottom-color: #0A0A0A !important;
}

/* Sous-menu (dropdown) */
.navbar-default .navbar-nav .dropdown-menu {
  background-color: #FFFFFF !important;
  border: none !important;
  border-top: 2px solid #C6F135 !important;
  border-radius: 0 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
}

/* Liens du sous-menu - gris */
.navbar-default .navbar-nav .dropdown-menu > li > a {
  color: #888888 !important;
  font-family: 'Mohave', 'Arial', sans-serif !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  font-size: 15px !important;
}

/* Survol sous-menu - noir */
.navbar-default .navbar-nav .dropdown-menu > li > a:hover {
  color: #0A0A0A !important;
  background-color: #F5F5F5 !important;
}

/* Bouton hamburger (mobile) */
.navbar-default .navbar-toggle {
  border-color: #0A0A0A !important;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #0A0A0A !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: transparent !important;
}

/* Supprimer les paddings haut/bas du header */
.header-rav {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.header-rav .row,
.header-rav [class*="col-"] {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.header-rav .row-fluid {
  display: flex !important;
  align-items: center !important;
}

/* Fond blanc forcé sur le dropdown */
.navbar-default .navbar-nav .open .dropdown-menu {
  background-color: #FFFFFF !important;
  opacity: 1 !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  background-color: #FFFFFF !important;
  color: #888888 !important;
}

/* Forcer fond blanc sur tous les niveaux du dropdown */
.dropdown-menu {
  background-color: #FFFFFF !important;
}

.dropdown-menu > li > a {
  background-color: #FFFFFF !important;
}

.navbar-default .navbar-nav > li > a {
  opacity: 1 !important;
}

.evenements-row .row-fluid.row {
  margin-top: 60px !important;
  margin-bottom: 20px !important;
}