1 | /* largeur des paddings et border compris dans "width" */ |
---|
2 | *, |
---|
3 | *:before, |
---|
4 | *:after { |
---|
5 | box-sizing: border-box; |
---|
6 | } |
---|
7 | html { |
---|
8 | font-size: 100%; |
---|
9 | -ms-text-size-adjust: 100%; |
---|
10 | -webkit-text-size-adjust: 100%; |
---|
11 | margin: 0; |
---|
12 | padding: 0; |
---|
13 | } |
---|
14 | body { |
---|
15 | margin: 0; |
---|
16 | padding: 0; |
---|
17 | } |
---|
18 | a { background: transparent; } |
---|
19 | a:focus { outline: thin dotted; } |
---|
20 | a:active, a:hover { outline: none; } |
---|
21 | a img { border: none; } |
---|
22 | q, cite { |
---|
23 | font-style: italic; |
---|
24 | } |
---|
25 | q:before, q:after { |
---|
26 | content: ""; |
---|
27 | } |
---|
28 | sup, sub { |
---|
29 | font-size: .75em; |
---|
30 | line-height: 0; |
---|
31 | position: relative; |
---|
32 | vertical-align: baseline; |
---|
33 | } |
---|
34 | sup { top: -0.5em; } |
---|
35 | sub { bottom: -0.25em; } |
---|
36 | abbr[title] { |
---|
37 | border-bottom: 1px dotted; |
---|
38 | cursor: help; |
---|
39 | } |
---|
40 | b, strong { |
---|
41 | font-weight: bold; |
---|
42 | font-size: 0.9375em; |
---|
43 | } |
---|
44 | small { |
---|
45 | font-size: 80%; |
---|
46 | } |
---|
47 | dfn { |
---|
48 | font-style: italic; |
---|
49 | } |
---|
50 | hr { |
---|
51 | -moz-box-sizing: content-box; |
---|
52 | box-sizing: content-box; |
---|
53 | height: 0; |
---|
54 | } |
---|
55 | mark { |
---|
56 | background: #ff0; |
---|
57 | color: #000; |
---|
58 | } |
---|
59 | code, kbd, pre, samp { |
---|
60 | font-family: monospace, serif; |
---|
61 | font-size: 1em; |
---|
62 | } |
---|
63 | pre { |
---|
64 | white-space: pre-wrap; |
---|
65 | } |
---|
66 | fieldset { |
---|
67 | margin: 0; |
---|
68 | padding: 0; |
---|
69 | border: none; |
---|
70 | } |
---|
71 | input, button, select { |
---|
72 | vertical-align: middle; |
---|
73 | } |
---|
74 | button, input, select, textarea { |
---|
75 | font-family: inherit; |
---|
76 | font-size: 100%; |
---|
77 | margin: 0; |
---|
78 | } |
---|
79 | button, input { |
---|
80 | line-height: normal; |
---|
81 | } |
---|
82 | button, |
---|
83 | html input[type="button"], |
---|
84 | input[type="reset"], |
---|
85 | input[type="submit"] { |
---|
86 | -webkit-appearance: button; |
---|
87 | cursor: pointer; |
---|
88 | } |
---|
89 | button[disabled], |
---|
90 | html input[disabled] { |
---|
91 | cursor: default; |
---|
92 | } |
---|
93 | input[type="checkbox"], |
---|
94 | input[type="radio"] { |
---|
95 | padding: 0; |
---|
96 | border: none; |
---|
97 | } |
---|
98 | input[type="search"] { |
---|
99 | -webkit-appearance: textfield; |
---|
100 | } |
---|
101 | input[type="search"]::-webkit-search-cancel-button, |
---|
102 | input[type="search"]::-webkit-search-decoration { |
---|
103 | -webkit-appearance: none; |
---|
104 | } |
---|
105 | button::-moz-focus-inner, |
---|
106 | input::-moz-focus-inner { |
---|
107 | border: 0; |
---|
108 | padding: 0; |
---|
109 | } |
---|
110 | textarea { |
---|
111 | overflow: auto; |
---|
112 | vertical-align: top; |
---|
113 | } |
---|
114 | table { |
---|
115 | border-collapse: collapse; |
---|
116 | margin-bottom: 1.5em; |
---|
117 | } |
---|
118 | td, th { |
---|
119 | padding: 1px; |
---|
120 | vertical-align: top; |
---|
121 | text-align: left; |
---|
122 | } |
---|
123 | td:first-child, th:first-child { |
---|
124 | empty-cells: hide; |
---|
125 | } |
---|
126 | /* scripts */ |
---|
127 | body > script {display: none !important;} |
---|
128 | |
---|
129 | /* HTML5 for old browsers */ |
---|
130 | article, aside, details, figcaption, figure, footer, |
---|
131 | header, hgroup, main, nav, section, summary { |
---|
132 | display: block; |
---|
133 | } |
---|
134 | audio, canvas, video { |
---|
135 | display: inline-block; |
---|
136 | } |
---|
137 | audio:not([controls]) { |
---|
138 | display: none; |
---|
139 | height: 0; |
---|
140 | } |
---|
141 | figure { |
---|
142 | margin: 0; |
---|
143 | } |
---|
144 | [hidden], template { |
---|
145 | display: none; |
---|
146 | } |
---|
147 | svg:not(:root) { |
---|
148 | overflow: hidden; |
---|
149 | } |
---|
150 | /* Headings reset */ |
---|
151 | h1, h2, h3, h4, h5, h6 { |
---|
152 | font-size: 1em; |
---|
153 | font-weight: normal; |
---|
154 | margin: 0; |
---|
155 | } |
---|
156 | /* Hide only visually, but have it available for screenreaders: h5bp.com/v */ |
---|
157 | .visually-hidden { |
---|
158 | @include visually-hidden; |
---|
159 | } |
---|