/* Colors */
/* Bleu : #3c87ff - Orange : #fe694a */

:root {
  --main-color: #3c87ff;
  --dropdown-text-color: #fe694a;
  --main-text-color: #fe694a;
  --title-color: #fe694a;
  --nav-text-color: #fe694a;
  --btn-color: #fe694a;
  --footer-color: #fe694a;
  --footer-border-color: #3c87ff;
  --nav-slider-color: #3c87ff;
}

/* Elements */

/* .bg-home {
  background: url(../images/charte-aerial/bg-home.jpg) no-repeat center;
}

.bg-slider {
  background: url(../images/charte-aerial/bg-slider.jpg) no-repeat center;
} */

body {
  color: var(--main-text-color);
}

.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-text {
  color: var(--nav-text-color);
}

.navbar-nav>li>a::after {
  background-color: var(--main-color);
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>li>a:hover {
  color: var(--nav-text-color);
}

.maxi-best-of_container a,
.maxi-best-of_container a:hover,
.maxi-best-of_container a:active,
.maxi-best-of_container a:focus {
  color: var(--dropdown-text-color);
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--title-color);
}

.btn-primary,
.cd-top,
.btn-success,
.btn-info,
.btn-default,
.btn-primary:hover,
.cd-top:hover,
.btn-success:hover,
.btn-info:hover,
.btn-default:hover,
.btn-primary:active,
.cd-top:active,
.btn-success:active,
.btn-info:active,
.btn-default:active,
.btn-primary:focus,
.cd-top:focus,
.btn-success:focus,
.btn-info:focus,
.btn-default:focus {
  background-color: var(--btn-color);
  border-color: var(--btn-color);
}

.header_baseline {
  color: var(--main-text-color);
}

a {
  color: var(--main-text-color);
}

a:hover,
a:active,
a:focus {
  color: var(--main-text-color);
}

.slider-header__btn {
  background-color: var(--main-text-color);
  border-color: var(--main-text-color);
}
.slider-header__btn:hover {
  background-color: var(--nav-slider-color);
  border-color: var(--nav-slider-color);
}

.slick-dots li {
  background-color: var(--nav-slider-color);
}

.slick-next:before,
.slick-prev:before {
  color: var(--nav-slider-color);
}

.form-control,
output {
  color: var(--main-text-color);
}

.footer {
  background-color: var(--footer-color);
  border-color: var(--footer-border-color);
}

.footer_address {
  color: white;
}

.btn-header {
  border: solid 1px var(--main-color);
}