body {
  scroll-behavior: smooth;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #f9f9f9;
  margin: 0;
  padding-top: 0px;
  padding-bottom: 20px;
  background-image: url("images/background.jpg");
  background-repeat: repeat;
}

/* BLOQUE LE ZOOM */
:root {
  touch-action: pan-x pan-y;
  height: 100%
}
body {
  touch-action: manipulation;
}
.disable-dbl-tap-zoom {
  touch-action: manipulation;
}
/* Bloquer le zoom par double click  */
* {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  touch-action: manipulation;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

/* Ajuster la page à l’écran */
@viewport {
  height: device-height, auto;
  width: device-width;
  zoom: 1.0
}

a:link, a:visited, a:hover, a:active, a:focus
{
  color: #0E34DA;
  background-color: none;
  text-decoration: none;
  outline: none;
  blink: none;
}

textarea {
  background-color: #FBF7E8;
  font-size:16px;
  border-color: grey;
  border-radius: 10px;
  outline: none;
  resize: none;
  padding: 10px;
  margin-bottom: 30px;
  white-space: nowrap;
  margin-left: 50px;
  font-size: 15px;
  height: 250px;
  width: 90%;
  cursor: not-allowed;
  /* Bloquer la sélection des textes */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* hide scroll bars and keep then actives */
  scrollbar-width: none;
  -ms-overflow-style: none;
  ::-webkit-scrollbar;
}

button {
  font-size: 15px;
  background-color: #FBF7E8;
  border-radius: 5px;
  margin-top:-3px;
}

textarea, button {
  background-image: url("images/textarea.png");
  background-repeat: repeat;
}

hr {
  width: 95%;
  background-color: #945E07;
  color: #945E07;
  height: 1px;
  border-radius: 1px;
  opacity: 30%;
}

#footer {
  font-size: 18px;
}


.blink {
  animation: blinker 2.5s linear infinite alternate;
}

@keyframes blinker {
  0% { opacity: 1; }
  100% { opacity: 0.5; }
}