.edit-tuile {
  display: block;
  padding: .3rem .8rem;
  width: 100%;
  background-color: #f6f6f6;
  text-align: center;
  font-size: .9rem;
}

.alias-suggestion,
.alias-message {
  position: absolute;
  z-index: 999;
  padding: 1rem;
  width: 155px;
  border: solid 1px #7b7b7b;
  background-color: #fbfbfb;
}

.alias-info .fa-exclamation-circle,
.alias-info .fa-globe {
  margin-left: 1rem;
  color: #7b7b7b;
  font-size: 1.1rem;
}

.alias-info .fa-globe.alert {
  color: #f0b122;
}

.alias-info .fa-exclamation-circle.alert {
  color: #f01d14;
}

.alias-info .fa-check {
  margin-left: 1rem;
  color: #15a811;
  font-size: 1.1rem;
}

.alias-info .fa-external-link {
  margin-left: 1rem;
  color: #0d90c5;
  font-size: 1.1rem;
}

.block-views-block-tuiles-block-1 .views-row {
  margin-bottom: 20px;
}

.tuile {
  margin-bottom: 4rem;
}

.page-node-type-navigation-par-tuile li,
.liste-tuiles li {
  /* .liste-tuiles rajouté dans les paramètres de la vue */
  list-style-type: none;
}

.tuile__titre {
  display: block;
  margin-top: .5rem;
  color: #00558a;
  text-align: center;
  text-transform: uppercase;
}

.tuile__sous-titre {
  display: block;
  color: #000;
  text-align: center;
  line-height: 1.25;
}

.tuile__illustration {
  overflow: hidden;
  background: #a1a1a1;
}

.tuile__illustration img {
  transition: all .3s ease;
}

.tuile:hover img {
  opacity: .5;
  transform: scale(1.2, 1.2); /* (120% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

@media print, screen and (min-width: 64em) {
  .grid-margin-x > .display-5 {
    width: calc(20% - 1.875rem);
  }
}