body {
   background-color : #000000;
}

.entete {
   background-image: url("index.jpg");
   background-repeat: no-repeat;
   background-size: contain;
   background-position: center;
   background-color : #000000;
   height: 50%;
}

.button_slide {
  color: #FFF;
  border-radius: 0px;
  padding: 18px 36px;
  display: inline-block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 40px;
  letter-spacing: 1px;
  cursor: pointer;
  width : 300px;
  -webkit-transition: ease-out 0.3s;
  -moz-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

.slide_down:hover {
  box-shadow: inset 0 100px 0 0 #fdb812;
  color: #000;
}

.slide_up:hover {
  box-shadow: inset 0 100px 0 0 #e6212a;
  color: #000;
}

.col_jaune{
  border: 2px solid rgb(253, 184, 18);
  box-shadow: inset 0 0 0 0 #fdb812;
}
.col_rouge{
  border: 2px solid rgb(230, 33, 42);
  box-shadow: inset 0 0 0 0 #e6212a;
}

#outer {
  text-align: center;
}