/* Feuille de style pour déficients visuels. Navigateurs supportés : - Internet Explorer 4 et suivants - Netscape 6 - Opera 5 Le spécificateur "! important" n'est pas indispensable partout mais ne semble pas poser de problèmes. Tous les blocs de texte ont ici les mêmes propriétés mais rien n'empêche de redéfinir les titres (h1 à h6) avec d'autres polices. */ BODY, P, TR, TD, th, div, span, pre, dd, dl, dt, h1, h2, h3, h4, h5, h6, ol, ul, li, input, small { background: black ! important; /* couleur fond */ color: white ! important; /* couleur texte */ font-family: Arial, Helvetica, sans-serif ! important; font-size: medium ! important; /* ou large, x-large, 12pt, 14pt etc ... */ } A:link /* liens normaux (non visités) */ { /* fond noir hérité */ color: yellow ! important; /* couleur texte */ text-decoration: underline ! important; /* force soulignement quand désactivé */ font-weight: bold; /* en gras pour les repérer + vite dans le texte */ } A:visited /* liens visités */ { color: cyan ! important; /* couleur texte */ background: rgb(64,64,64) ! important; /* couleur fond */ text-decoration: underline ! important; /* force soulignement quand désactivé */ /* pas en gras pour les distinguer des liens normaux */ } A:active /* liens actifs */ { color: blue ! important; background: yellow ! important; } A:hover /* liens quand souris passe dessus */ { color: red ! important; background: cyan ! important; font-size: 14pt ! important; /* grossissement */ text-decoration: underline ! important; /* force soulignement quand désactivé */ } /* TABLEAUX Le spécificateur "! important" est ici indispensable en Internet Explorer (4 et suivants) et en Netscape 6. Les propriétés "border" de TABLE et TD ajoutent de fines bordures grises aux tableaux et cellules. Cela améliore la lisibilité des tableaux simples sans trop nuire à la lisibilité des pages des moteurs de recherche. */ TABLE /* tableaux */ { table-layout: auto ! important; /* dimensionnement auto */ width: auto ! important; /* largeur auto */ border-style: solid ! important; border-width: 2pt ! important; border-color: grey ! important; border-spacing: 0pt ! important; border-collapse: collapse ! important; /* separate */ } TD /* Cellules tableaux */ { width: auto ! important; /* largeur auto */ font-size: 12pt ! important; /* facultatif */ border-style: solid ! important; border-width: 1pt ! important; border-color: grey ! important; /* marges internes. Cf Aussi : padding-left, padding-right, padding-top,padding-bottom */ padding: 3pt ! important; } input /* zones d'entrée */ { font-weight : bold ! important; } /* test input[type="text"] { border: 2px inset ! important; padding: 1px 0 0 0; background: red; color: yellow; font-weight : bold; } */