/* ────────────────────────────────────────────────────────────── Curseur bécasse — Bécassiers de France ────────────────────────────────────────────────────────────── Le curseur personnalisé remplace la flèche par défaut. Il est DÉSACTIVÉ dès que l'élément porte la classe .curseur-classique (voir becasse-curseur.js). Point actif : 0 25 = la pointe du bec. Le repli « , auto » / « , pointer » est obligatoire : sans lui, la règle entière est invalidée si l'image ne charge pas. Chemin de l'image : /becasse_curseur_32.png, à la racine du docroot de rdv.becassiersdefrance.com (qui EST ~/bdf_rdv). ────────────────────────────────────────────────────────────── */ html:not(.curseur-classique) body { cursor: url('/becasse_curseur_32.png') 0 25, auto; } /* Les éléments cliquables gardent la main : sans ça, plus rien ne distingue visuellement ce sur quoi on peut cliquer. */ html:not(.curseur-classique) a, html:not(.curseur-classique) button, html:not(.curseur-classique) label, html:not(.curseur-classique) summary, html:not(.curseur-classique) [role="button"], html:not(.curseur-classique) [onclick], html:not(.curseur-classique) .btn, html:not(.curseur-classique) input[type="submit"], html:not(.curseur-classique) input[type="button"], html:not(.curseur-classique) input[type="checkbox"], html:not(.curseur-classique) input[type="radio"] { cursor: pointer; } /* Les champs de saisie gardent le curseur texte : le remplacer empêcherait de viser précisément entre deux caractères. */ html:not(.curseur-classique) input[type="text"], html:not(.curseur-classique) input[type="number"], html:not(.curseur-classique) input[type="email"], html:not(.curseur-classique) input[type="password"], html:not(.curseur-classique) input[type="search"], html:not(.curseur-classique) input[type="date"], html:not(.curseur-classique) textarea { cursor: text; } html:not(.curseur-classique) select { cursor: pointer; } /* États désactivés et attente : on ne masque jamais une information d'état par une décoration. */ html:not(.curseur-classique) [disabled], html:not(.curseur-classique) .disabled { cursor: not-allowed; } /* Écrans tactiles : aucun pointeur, la règle est inutile et consommerait un téléchargement d'image pour rien. */ @media (pointer: coarse) { html body { cursor: auto; } }