base.css 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* --- STYLES DE BASE --- */
  2. /* Page */
  3. html {
  4. font-size: 100%; /* Évite un bug d'IE 6-7. (1) */
  5. }
  6. body {
  7. margin: 0;
  8. padding: 1em; /* Remettre à zéro si nécessaire. */
  9. /* Pensez à utiliser une collection de polices (2), par ex:
  10. font-family: Arial, Helvetica, FreeSans, sans-serif; */
  11. font-size: .8em; /* À adapter pour la police choisie. (3) */
  12. line-height: 1.4; /* À adapter au design. (4) */
  13. color: black;
  14. background: white;
  15. }
  16. /* Titres */
  17. h1, h2, h3, h4, h5, h6 {
  18. margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  19. line-height: 1.2;
  20. font-weight: bold; /* Valeur par défaut. (6) */
  21. font-style: normal;
  22. }
  23. h1 {
  24. font-size: 1.75em;
  25. }
  26. h2 {
  27. font-size: 1.5em;
  28. }
  29. h3 {
  30. font-size: 1.25em;
  31. }
  32. h4 {
  33. font-size: 1em;
  34. }
  35. /* Listes */
  36. ul, ol {
  37. margin: .75em 0 .75em 32px;
  38. padding: 0;
  39. }
  40. /* Paragraphes */
  41. p {
  42. margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
  43. }
  44. address {
  45. margin: .75em 0;
  46. font-style: normal;
  47. }
  48. /* Liens */
  49. a {
  50. text-decoration: underline;
  51. }
  52. a:link {
  53. color: #11C;
  54. }
  55. a:visited {
  56. color: #339;
  57. }
  58. a:hover, a:focus, a:active {
  59. color: #00F;
  60. }
  61. /* Pas de bordure autour des images dans les liens */
  62. a img {
  63. border: none;
  64. }
  65. /* Divers éléments de type en-ligne (8) */
  66. em {
  67. font-style: italic;
  68. }
  69. strong {
  70. font-weight: bold;
  71. }
  72. /* Formulaires */
  73. form, fieldset {
  74. margin: 0;
  75. padding: 0;
  76. border: none;
  77. }
  78. input, button, select {
  79. vertical-align: middle; /* Solution pb. d'alignement. (9) */
  80. }