/* Pointeur : petit rond chocolat. Ocre sur un fond chocolat.
   L'accueil garde son curseur. */

@media (hover: hover) and (pointer: fine) {
  html body:not(.ah-accueil):not(.et-fb),
  html body:not(.ah-accueil):not(.et-fb) * {
    cursor: none !important;
  }

  html body:not(.ah-accueil):not(.et-fb) #wpadminbar,
  html body:not(.ah-accueil):not(.et-fb) #wpadminbar *,
  html body:not(.ah-accueil):not(.et-fb) input,
  html body:not(.ah-accueil):not(.et-fb) textarea,
  html body:not(.ah-accueil):not(.et-fb) select,
  html body:not(.ah-accueil):not(.et-fb) [contenteditable="true"] {
    cursor: auto !important;
  }

  html body.ah-page-agence.ah-disque-suit .ah-agence-guide,
  html body.ah-page-agence.ah-disque-suit .ah-agence-guide *,
  html body.ah-page-agence.ah-disque-suit .ah-pag-guide,
  html body.ah-page-agence.ah-disque-suit .ah-pag-guide *,
  html body.ah-page-agence.ah-disque-suit .ah-pagence-guide,
  html body.ah-page-agence.ah-disque-suit .ah-pagence-guide * {
    cursor: none !important;
  }
}

.ah-rond {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000000;
  width: calc(11px * 1.3);
  height: calc(11px * 1.3);
  margin: calc(11px * -0.65) 0 0 calc(11px * -0.65);
  border-radius: 50%;
  background: #4c250a;
  pointer-events: none;
  opacity: 0;
  transition: background 0.25s ease, opacity 0.2s ease;
}

.ah-rond.est-visible {
  opacity: 1;
}

.ah-rond.est-ocre {
  background: #c8943a;
}