body{
  display: flex;
  flex-direction: column;
}

form{
  margin : 2em;
}

.navbar{
  height : auto;
}

#liste_images{
  display: flex;
  flex-wrap: wrap;
}

ul{
  list-style-type: none;
}

.list_link{
  text-decoration: none;
}

.card-header{
  font-size: 1em;
}

.nav-link.active{
  text-transform: uppercase;
}

.nav-link{
  font-weight: bold;
  font-size: 2em;
}

span{
  z-index:999;
}

.range{
  display:flex;
  flex-direction: row;
}

canvas {
  margin: 10px;
  padding: 0;
  border: 1px solid #333;
  display: inline-block;
  background-repeat : no-repeat;
}

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top:0.5em;
  height: 4rem;
  width: 4rem;
  font-size: 4rem;
}

.plus-moins{
  border: solid 0.2em #00000000;
  border-radius: 0.5em;
}

.plus-moins:hover{
  border: solid 0.2em black;
  border-radius: 0.5em;
  background-color: #9fdcf4;
}

.card-link{
  text-decoration: none;
}

.home-zone:hover{
  font-weight: bolder;
}

#dropzone:hover{
  font-weight:bold;
  background-color: lightgrey;
}

#category_chemin_couleur:hover{
  cursor:pointer;
}

#image_chemin_couleur:hover{
  cursor:pointer;
}

#dropzone{
  background-color: #f6f6f6;
}