base.css 1.5KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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: 0; /* 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. color: black;
  13. /*background-color: #9AE4E8;*/
  14. font: 13.34px helvetica,arial,freesans,clean,sans-serif;
  15. line-height: 1.4;
  16. }
  17. /* Titres */
  18. h1, h2, h3, h4, h5, h6 {
  19. margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
  20. line-height: 1.2;
  21. font-weight: bold; /* Valeur par défaut. (6) */
  22. font-style: normal;
  23. }
  24. h1 {
  25. font-size: 1.75em;
  26. }
  27. h2 {
  28. font-size: 1.5em;
  29. }
  30. h3 {
  31. font-size: 1.25em;
  32. }
  33. h4 {
  34. font-size: 1em;
  35. }
  36. /* Listes */
  37. ul, ol {
  38. margin: .75em 0 .75em 32px;
  39. padding: 0;
  40. }
  41. /* Paragraphes */
  42. p {
  43. margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
  44. }
  45. address {
  46. margin: .75em 0;
  47. font-style: normal;
  48. }
  49. /* Liens */
  50. a {
  51. text-decoration: underline;
  52. }
  53. a:link {
  54. /*color: #11C;*/
  55. }
  56. a:visited {
  57. color: #339;
  58. }
  59. /*a:hover, a:focus, a:active {
  60. color: #00F;
  61. }*/
  62. /* Pas de bordure autour des images dans les liens */
  63. a img {
  64. border: none;
  65. }
  66. /* Divers éléments de type en-ligne (8) */
  67. em {
  68. font-style: italic;
  69. }
  70. strong {
  71. font-weight: bold;
  72. }
  73. /* Formulaires */
  74. form, fieldset {
  75. margin: 0;
  76. padding: 0;
  77. border: none;
  78. }
  79. input, button, select {
  80. vertical-align: middle; /* Solution pb. d'alignement. (9) */
  81. }