@font-face { /* police utilisé pour le site */
  font-family: 'RING';
  src: url('../font/RING.TTF') format('truetype');
}

@font-face { /* police utilisé pour le site */
  font-family: 'calisto';
  src: url('../font/Calisto.ttf') format('truetype');
}

@font-face { /* police utilisé pour le site */
  font-family: 'neo';
  src: url('../font/Neo_Sans_Ultra.ttf') format('truetype');
}

@font-face { /* police utilisé pour le site */
  font-family: 'neoRegular';
  src: url('../font/NeoSansStd-Regular.otf') format('truetype');
}

html, body {
  font-family: neoRegular, Arial, serif;
  height: 100%;
  margin: 0;
  padding: 0;
}

.titre {
  font-family: neo, Arial, serif;
}
  
body {
  display: flex;
  flex-direction: column;
  background-image: url('<?php echo CONST_SRC."FondEcran.png";?>') fixed;
  background-size: 100%;
  font-size: 1.2rem;
}

footer {
  margin-top: auto;
}

.block-appli {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;

  background-color: rgba(255, 255, 255, 0.8);

  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
  
.fixed-right-bot {
  position: fixed;
  bottom:10px;
  right:10px;
  z-index: 1030;
}

.image-container {
  overflow: hidden;
  border-radius: 10px;
  touch-action: none;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.image-container img.zoomed {
  transform: scale(3); /* Agrandissement */
}