/* styles spécifiques à la page centrale */
/* Mise à jour 29/04/2023 09:40:31 */
/* page centrale diaporama */
#diaporama {
	margin:0 auto;
	text-align:center;
	position:relative;
}
#diaporama:before {
	content: '';
	padding-top: 37%;
	display: inline-block;
}
#diaporama img {
	width:100%;
	min-width:100%;
	position:absolute;
	top:0;
	left:0;
}
#pageTitle {
	margin:0.5em auto;
	border: 1px solid #990000;
	border-radius:0.5em;
	padding:0.5em;
	padding-top:0.25em;
}
.centrale .tile {
	border-radius:0.5em;
}

/* la classe "index" distingue les tuiles ne contenant qu'un titre et un sous-titre.
   Les tuiles contenues dans une liste "index" ont le texte centré verticalement */

.tileList > p {display: none;}
.tileList h2 {
  text-align: center;
  color:#900;
  margin-bottom:0.5em;
}
.index > ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:1em;
  font-size: 0.9em;
}
.index > ul  > * {
	flex: 1 0 100%;
}

.index figure.tile {
  display: flex;
  padding:0.5em;
  border:1px solid #900;
  border-radius: 0.5em;
  background: white;
  max-height:6em;
  min-height: 6em;
}
.index .tile img {
  border-radius: 0.25em;
  max-width:4em;
  max-height:4em;
  margin:auto;
}
.index .tile figcaption {
  padding-left:1em;
  text-align: center;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
figure.empty {
  visibility: hidden;
}

#news {
  width:98%;
}

@media (min-width: 705px) {
  .index > ul > * {
    flex-basis: calc(50% - 1em);
  }
}

/* le paragraphe "latestNews" contient un lien vers la page de News la plus récente */
#latestNews {margin-top:0.5em !important;}
/* la section "latestItems" contient des tuiles d'index */
#latestItems div {width:75%;margin:auto;}