|
1 body{ |
|
2 background-color: #e9ecf0; |
|
3 } |
|
4 a{color:#000;} |
|
5 div.wrap{ |
|
6 background-color: #FFF; |
|
7 width: 960px; |
|
8 margin: 0 auto; |
|
9 font-family: "Times New Roman"; |
|
10 font-size: 13px; |
|
11 -moz-box-shadow: 0 0 14px 5px #888; |
|
12 -webkit-box-shadow: 0 0 14px 5px #888; |
|
13 box-shadow: 0 0 14px 5px #888; |
|
14 padding-bottom: 16px; |
|
15 } |
|
16 /*header*/ |
|
17 div.header{ |
|
18 position: relative; |
|
19 height: 128px; |
|
20 background: url(../img/header-bg.jpg) no-repeat 0 0 #FFF; |
|
21 margin-bottom: 1px; |
|
22 } |
|
23 div.recherche-wrap{ |
|
24 position: absolute; |
|
25 left: 324px; |
|
26 padding-top: 10px; |
|
27 } |
|
28 div.recherche-wrap h1{ |
|
29 margin-bottom: 4px; |
|
30 } |
|
31 |
|
32 div.recherche-wrap input.input-recherche{ |
|
33 width: 238px; |
|
34 height: 24px; |
|
35 padding: 0 6px; |
|
36 border: 1px solid black; |
|
37 margin-right: 2px; |
|
38 } |
|
39 div.recherche-wrap form p input, div.recherche-wrap form p a{ |
|
40 float: left; |
|
41 } |
|
42 div.recherche-wrap input.recherche-submit{ |
|
43 width: 54px; |
|
44 height: 26px; |
|
45 cursor: pointer; |
|
46 border: none; |
|
47 margin-right: 6px; |
|
48 background: url(../img/zoom-button.jpg) no-repeat 0 0; |
|
49 } |
|
50 ul.header-menu{ |
|
51 position: absolute; |
|
52 height: 34px; |
|
53 top: 96px; |
|
54 } |
|
55 ul.header-menu li{ |
|
56 float: left; |
|
57 line-height: 30px; |
|
58 padding: 0 10px; |
|
59 } |
|
60 ul.header-menu li a{ |
|
61 font-size: 16px; |
|
62 color: #e4e36e; |
|
63 text-decoration: none; |
|
64 } |
|
65 div.login-wrap{ |
|
66 padding-top: 10px; |
|
67 position: absolute; |
|
68 left: 727px; |
|
69 } |
|
70 div.login-wrap form p, div.login-wrap h2{ |
|
71 margin-bottom: 4px; |
|
72 } |
|
73 div.login-wrap form input{ |
|
74 width: 160px; |
|
75 height: 19px; |
|
76 border: 1px solid #656565; |
|
77 line-height: 19px; |
|
78 padding: 0 3px; |
|
79 } |
|
80 div.login-wrap form p.submit-wrap input{ |
|
81 float: left; |
|
82 } |
|
83 div.login-wrap form input.password{ |
|
84 width: 134px; |
|
85 } |
|
86 div.login-wrap form input.submit-button{ |
|
87 background-color: #000; |
|
88 color: #FFF; |
|
89 height: 21px; |
|
90 width: 26px; |
|
91 cursor: pointer; |
|
92 border: none; |
|
93 } |
|
94 p.password-lost{ |
|
95 padding-left: 18px; |
|
96 } |
|
97 p.password-lost a { |
|
98 color: #000; |
|
99 text-decoration: none; |
|
100 font-size: 10px; |
|
101 } |
|
102 a.dossier-button{ |
|
103 |
|
104 padding-left: 40px; |
|
105 background: url(../img/dossier-icon.jpg) no-repeat 6px 5px; |
|
106 color: #FFF; |
|
107 text-decoration: none; |
|
108 line-height: 27px; |
|
109 left: 717px; |
|
110 top:100px; |
|
111 position: absolute; |
|
112 width:205px; |
|
113 height: 27px; |
|
114 } |
|
115 div.content-wrap{ |
|
116 width:950px; |
|
117 margin: 0 auto; |
|
118 } |
|
119 /*frise*/ |
|
120 div.frise{ |
|
121 background: #333; |
|
122 height: 114px; |
|
123 } |
|
124 /*cluster*/ |
|
125 div.cluster-wrap{ |
|
126 position: relative; |
|
127 height: 22px; |
|
128 border-top: 1px solid #313131; |
|
129 border-bottom: 1px solid #313131; |
|
130 } |
|
131 div.cluster-visible{ |
|
132 width: 912px; |
|
133 margin: 0 auto; |
|
134 height: 22px; |
|
135 overflow: hidden; |
|
136 } |
|
137 ul.cluster{ |
|
138 |
|
139 } |
|
140 ul.cluster li:first-child{ |
|
141 background: none; |
|
142 } |
|
143 ul.cluster li{ |
|
144 padding-top: 4px; |
|
145 float: left; |
|
146 padding: 2px 4px 0 6px; |
|
147 line-height: 22px; |
|
148 background: url(../img/cluster-item-bar.jpg) no-repeat 0 6px; |
|
149 } |
|
150 ul.cluster li a{ |
|
151 padding: 0 16px; |
|
152 text-decoration: none; |
|
153 color: #000; |
|
154 font-style: italic; |
|
155 height: 18px; |
|
156 line-height: 18px; |
|
157 display: block; |
|
158 } |
|
159 ul.cluster li a:hover{ |
|
160 background-color: #c51810; |
|
161 color: #FFF; |
|
162 } |
|
163 |
|
164 a.cluster-arrow{ |
|
165 position: absolute; |
|
166 width: 19px; |
|
167 height: 22px; |
|
168 display: block; |
|
169 background: url(../img/cluster-arrows.jpg) no-repeat; |
|
170 } |
|
171 a.cluster-arrow.arrow-right{ |
|
172 right: 0; |
|
173 background: url(../img/cluster-arrows.jpg) no-repeat -19px 0; |
|
174 } |
|
175 /*content*/ |
|
176 div.content{ |
|
177 border-top:2px solid #c51810; |
|
178 border-bottom:2px solid #c51810; |
|
179 } |
|
180 div.content-left,div.content-right{ |
|
181 float: left; |
|
182 } |
|
183 /*left*/ |
|
184 div.content-left{ |
|
185 width: 190px; |
|
186 } |
|
187 div.content-left h2{ |
|
188 padding: 10px 0 10px 10px; |
|
189 font-size: 26px; |
|
190 line-height: 26px; |
|
191 border-bottom: 1px solid #c51810; |
|
192 margin-bottom: 1px; |
|
193 } |
|
194 div.content-left div.widget-wrap{ |
|
195 padding-top: 8px; |
|
196 background-color: #eeeeee; |
|
197 } |
|
198 div.content-left div.widget-wrap div.widget{ |
|
199 width: 160px; |
|
200 margin: 0 auto; |
|
201 } |
|
202 div.content-left div.widget-wrap div.widget h3{ |
|
203 padding: 2px 0; |
|
204 border-bottom: 1px solid #c51810; |
|
205 margin-bottom: 4px; |
|
206 } |
|
207 div.content-left div.widget-wrap div.widget h3 a{ |
|
208 font-size: 16px; |
|
209 text-decoration: none; |
|
210 color : #c51810; |
|
211 padding-left: 12px; |
|
212 background-position: 0px 8px; |
|
213 background-repeat: no-repeat; |
|
214 background-image: url(../img/dossier-title-arrow-show.jpg); |
|
215 |
|
216 } |
|
217 .widget-inner{ |
|
218 padding: 8px 0 8px 16px; |
|
219 } |
|
220 .widget-inner h4{ |
|
221 color: #c51810; |
|
222 padding: 5px 0; |
|
223 } |
|
224 .widget-inner form p{ |
|
225 margin-bottom: 4px; |
|
226 } |
|
227 .widget-inner form.filtre-date label{ |
|
228 color: #c51810; |
|
229 width:26px; |
|
230 display: inline-block; |
|
231 } |
|
232 .widget-inner form.filtre-date input[type=text]{ |
|
233 width: 90px; |
|
234 height: 12px; |
|
235 border: 1px solid #828282; |
|
236 } |
|
237 .widget-inner form.filtre-categorie p{ |
|
238 margin-bottom: 8px; |
|
239 } |
|
240 .widget-inner form.filtre-categorie input[type=checkbox]{ |
|
241 margin: 0 10px 0 0; |
|
242 } |
|
243 .widget.links .widget-inner a{ |
|
244 color: #000; |
|
245 } |
|
246 .widget.links .widget-inner ul{ |
|
247 padding-left: 16px; |
|
248 } |
|
249 .widget.links .widget-inner ul li{ |
|
250 margin-bottom: 4px; |
|
251 list-style-image: url(../img/widget-list-item.jpg); |
|
252 } |
|
253 /*right*/ |
|
254 div.content-right{ |
|
255 width: 760px; |
|
256 } |
|
257 div.articles{ |
|
258 padding-left: 1px; |
|
259 } |
|
260 |
|
261 div.articles div.article{ |
|
262 |
|
263 padding: 12px 0 6px 0; |
|
264 float: left; |
|
265 border-bottom: 1px solid #e0dde0; |
|
266 |
|
267 } |
|
268 div.article div.inner-article{ |
|
269 width: 177px; |
|
270 padding-left: 12px; |
|
271 border-right: 1px solid #e0dde0; |
|
272 min-height: 170px; |
|
273 } |
|
274 div.article:nth-child(4n+4) div.inner-article{ |
|
275 border-right: none; |
|
276 } |
|
277 div.articles div.article h2{ |
|
278 font-size: 22px; |
|
279 margin-bottom: 6px; |
|
280 } |
|
281 div.articles div.article p.author{ |
|
282 margin-bottom: 20px; |
|
283 } |
|
284 div.articles div.article p.author, div.articles div.article p.author a{ |
|
285 color: #c51810; |
|
286 } |
|
287 div.article div.article-content{ |
|
288 width: 168px; |
|
289 } |
|
290 div.article div.article-content img.article-visuel{ |
|
291 float: right; |
|
292 } |
|
293 div.article div.article-content p.resume{ |
|
294 float: left; |
|
295 width: 112px; |
|
296 } |
|
297 /*footer*/ |
|
298 div.footer{ |
|
299 padding-top: 16px; |
|
300 font-size: 12px; |
|
301 } |
|
302 div.footer h2{ |
|
303 font-size: 20px; |
|
304 margin-bottom: 10px; |
|
305 } |
|
306 div.footer-information, div.footer-raccourci{ |
|
307 float: left; |
|
308 } |
|
309 div.footer-information { |
|
310 width: 190px; |
|
311 padding-left: 6px; |
|
312 } |
|
313 div.footer-information ul li a{ |
|
314 |
|
315 } |
|
316 div.footer ul li{ |
|
317 margin-bottom: 4px; |
|
318 } |
|
319 |
|
320 div.copyright{ |
|
321 background-color: #eeeeee; |
|
322 height: 18px; |
|
323 width: 100%; |
|
324 line-height: 18px; |
|
325 text-align: center; |
|
326 } |
|
327 div.copyright a{ |
|
328 text-decoration: none; |
|
329 } |