@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

body {
  font-family: 'Cairo', sans-serif;
  font-size: 0.9rem;
}
a {
  color: hsl(213.1, 50.2%, 59%); 
}
a:hover {
  color: #586067; 
}
.btn-primary {
  background-color: #343a40;
  border-color: #586067;
}
.btn-primary:hover {
  background-color: #586067;
  border-color: #343a40;
}



.col_gauche {
  padding: .75rem;
  background-color: #fef7e6;
  border: 1px solid rgba(39,41,43,0.1);
}
.col_droite {
  padding: .75rem;
}


.col_gauche input[type=text],
.col_gauche input[type=password] {
  width: 100%;
  max-width: 200px;
}

.col_gauche h2 {
  font-size: 1.4rem;
}

.input_petit,
.input_moyen,
.input_large {
  height: 32px;
  width: 100%;
}
.input_petit {
  max-width: 150px;
}
.input_moyen {
  max-width: 225px;
}
.input_large {
  max-width: 350px;
}





nav .onglet_top {
  height: 100%;
}
nav .item_jardin,
nav .item_festival,
nav .item_parc {
  border-top: 10px solid transparent;
}
nav .item_jardin:hover,
nav .item_festival:hover,
nav .item_parc:hover {
  color: #fff;
}
nav .item_jardin {
  border-color: hsl(213.1, 50.2%, 59%);
}
nav .item_festival {
  border-color: hsla(42,76%,46%,1.00);
}
nav .item_parc {
  border-color: hsla(70,37%,36%,1.00);
}
nav .item_jardin:hover {
  background-color: hsl(213.1, 50.2%, 59%);
}
nav .item_festival:hover {
  background-color: hsl(42,76%,46%);
}
nav .item_parc:hover {
  background-color: hsl(70,37%,36%);
}


nav a,
.navbar-light .navbar-nav .nav-link {
  color: #fff;
  line-height: 29px;
}
nav a:hover {
  color: #9e9e9e;
}
nav.bg-dark {
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.bg-orange {
  background: hsla(42,76%,46%,1.00);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 5px rgba(0,0,0,.075);
  margin-bottom: 30px;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(255,255,255,.75);
}

/* Social network */
nav a.navbar-network {
  width:32px;
  height: 28px;
  border-radius:5px;
  font-size:19px;
  color: hsla(0,0%,100%,1.00);
  background:hsla(0,0%,62%,1.00);
}
nav a.navbar-facebook:hover {
  background: hsla(221,44%,41%,1.00)
}
nav a.navbar-instagram:hover {
  background: hsla(310,67%,62%,1.00)
}