body {
  background-color: #A2F47F;
  color: black;
  width: 99%;
}

.Header {
  border: 2px outset rgb(228, 227, 227);
  background-color: rgba(255, 255, 255, 0.478);
  color: rgb(0, 0, 0);
  text-align: center;
  border-radius: 20px;
}

/*Menu principal*/

.Menu {
  border: 2px outset rgba(1, 0, 0, 0.452);
  background-color: #13D97A;
  text-align: center;
  margin-block-start: 15px;
  margin-block-end: 15px;
  width: 100%;
  padding: 12px;
  display: inline-block;

}

.tableau td {
  width: 25%;
}
.tableau div {
  border-radius: 10px;
  width: 90%;
  margin-inline-start: 15px;
  margin-inline-end: 15px;
}

.tableau {
  width: 99%;
}

.lien {
  text-decoration: none;
  color: black;
}

.titre {
  font-size: 18px;
  width: 100%;
  text-align: center;
  display: block;
}

a {
  text-decoration: none;
  color: white;
}

a:hover {
  opacity: 0.7;
}

.menu_selectionne {
  border: 2px outset rgba(1, 0, 0, 0.452);
  background-color: #81AE6E;
  text-align: center;
  margin-block-start: 15px;
  margin-block-end: 15px;
  width: 100%;
  padding: 12px;
  display: inline-block;

}

/*je ne sais pas à quoi ça correspond*/

.container {
  margin: 50px auto;
  max-width: 960px;
}

.slider {
  width: 100%;
  margin: 50px auto;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}


.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}

.slick-active {
  opacity: .5;
}

.slick-current {
  opacity: 1;
}


@media screen and (max-width: 600px) {
  /* For mobile phones: dimensions : 430 x 932 - Iphone 14 pro max */

  .Header {
    width: 99%;
  }

  .Menu {
    margin-block-start: 7px;
    margin-block-end: 7px;
    width: 99%;
    padding: 3px;
  }
  
  .tableau {
    width: 99%;
  }

  .titre {
    font-size: 9px;
    width: 100%;
  }

  .menu_selectionne {
    margin-block-start: 3px;
    margin-block-end:3px;
    width: 99%;
    padding: 3px;
    
  }
}