.flow {
  --flow-space: 1rem;
}

.flow > * + * {
  margin-top: 1rem;
  margin-top: var(--flow-space);
}

@font-face {
  font-family: "Circe";
  font-weight: 400;
  font-style: normal;
  src: local("Circe"), url("../fonts/Circe.woff2") format("woff2");
}
@font-face {
  font-family: "Circe";
  font-weight: 700;
  font-style: normal;
  src: local("Circe-bold"), url("../fonts/Circe-Bold.woff2") format("woff2");
}
h1 {
  font: 35px Circe, sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0;
}

.menu_accueil {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(250px, 1fr))[auto-fit];
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.menu_accueil a {
  display: -ms-grid;
  display: grid;
  place-items: center;
  background-color: #fff;
  border-right: 1px dashed #000;
  padding: 60px 0;
  text-align: center;
  text-decoration: none;
  color: #000;
  font: 27px Circe, sans-serif;
  font-weight: 400;
  box-shadow: 0px 6px 8px rgba(102, 119, 136, 0.2), 0px 8px 2px rgba(102, 119, 136, 0.4);
  text-wrap: balance;
}
.menu_accueil a span {
  font-size: 22px;
  color: #898787;
}
.menu_accueil a:first-child {
  border-radius: 10px 0px 0 10px;
}
.menu_accueil a:last-child {
  border-right: none;
  border-radius: 0px 10px 10px 0px;
}
.menu_accueil a:visited {
  color: #000;
}
.menu_accueil a:hover {
  background-color: var(--color-darker);
  color: #fff;
  text-decoration: none;
}
.menu_accueil a:hover span {
  color: #fff;
}

.blocslider_container {
  border: solid 12px #fff;
  outline: solid 1px #ccc;
}