Improve CSS
[sfd.git] / themes / sfd / style.css
1 @charset "utf-8";\r
2 \r
3 /* RESET CSS */\r
4 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}\r
5 \r
6 /* ============== Polices ============== */\r
7 \r
8 \r
9 body, body div, body p, body th, body td, body li, body dd { \r
10    font-size: 10px; \r
11    voice-family: "\"}\""; \r
12    voice-family: inherit; \r
13    font-size: 12px; }\r
14 html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd { font-size: 12px; }\r
15 \r
16 @font-face {\r
17         font-family: 'Adelon';\r
18         src: url('police/adelon-webfont.eot');\r
19         src: local('☺'), url('police/adelon-webfont.woff') format('woff'), url('police/adelon-webfont.ttf') format('truetype'), url('police/adelon-webfont.svg#webfontD449q4uS') format('svg');\r
20         font-weight: normal;\r
21         font-style: normal;\r
22 }\r
23 \r
24 \r
25 @font-face {\r
26         font-family: 'Adelon';\r
27         src: url('police/adeldb_-webfont.eot');\r
28         src: local('☺'), url('police/adeldb_-webfont.woff') format('woff'), url('police/adeldb_-webfont.ttf') format('truetype'), url('police/adeldb_-webfont.svg#webfontAIpi8emK') format('svg');\r
29         font-weight: bold;\r
30         font-style: normal;\r
31 }\r
32 \r
33 \r
34 \r
35 /* ============== General ============== */\r
36 \r
37 html {font-size:100%;height:100%;}\r
38 body {\r
39         color:#1A1A1A;\r
40         font:normal 0.75em/1.4 Arial,Tahoma,sans-serif;\r
41         height:100%;\r
42         background:url('images/bg.png') repeat top left;\r
43         \r
44 }\r
45 button {cursor:pointer;}\r
46 p, .node ul, .node ol, .node table {margin:0.5em 0 1em;}\r
47 a {color:#2B3F47;text-decoration:none;}\r
48 a:hover {text-decoration:underline;}\r
49 \r
50 /* ============== Mise en page par défaut ============== */\r
51 \r
52 #container {\r
53         background:url('images/bg2.png') repeat-y 67px top;\r
54         overflow: hidden;\r
55 }\r
56 #center {\r
57         width: 720px;\r
58         padding: 0 3px 0 0;\r
59         border-right: 1px solid #DDCACD;\r
60         overflow:visible;\r
61         margin: 40px auto 7px;\r
62 }\r
63 \r
64 .fixe{\r
65   margin:auto;\r
66   position:relative;\r
67   width:1043px;\r
68   left: -43px;\r
69 }\r
70 \r
71 .recentrage {\r
72         width: 1000px;\r
73         display:block;\r
74         margin: 0 auto;\r
75 }\r
76 \r
77 /* ==============  BARRE D'OUTILS ============== */\r
78 \r
79 .barre_outils {\r
80         background: #E0DBD9;\r
81         text-align:center;\r
82         padding: 0 ;\r
83         margin: 0 0 20px;\r
84 }\r
85 \r
86 .barre_outils div {\r
87         width: 1000px;\r
88         margin:auto;\r
89         text-align:right;}\r
90 .barre_outils form input {margin: 0 7px 0 0;}\r
91 \r
92 .barre_outils input {\r
93     vertical-align: middle;\r
94 }\r
95 \r
96 .barre_outils a {\r
97         color: #574C4C;\r
98         font: bold 12px Arial, Helvetica, sans-serif;\r
99         padding: 4px 0 0;\r
100         margin: 0 10px 0 0;}\r
101 .barre_outils .recherche { padding: 7px 0 0;}\r
102 input.texte, input.login, input.mdp {\r
103         height:19px; *height:19px;\r
104         height /*\**/: 13px\9;\r
105         border: 1px solid #9C9C9C; \r
106         color: #574C4C;\r
107         padding: 0 5px; *padding: 3px 5px;\r
108         padding /*\**/:  3px 5px\9;\r
109         font: bold 11px Arial, Helvetica, sans-serif;\r
110         background: #fff;\r
111         width: 140px; \r
112 }\r
113 \r
114 /*\*//*/ input.texte, input.login, input.mdp {\r
115         height:16px;\r
116         padding: 3px 5px 0;\r
117 }/* */\r
118 \r
119 \r
120 .barre_outils .bt {\r
121         height: 21px;\r
122         background: #9C9C9C;\r
123         padding: 0 3px;\r
124         color:#fff;\r
125         font: bold 12px Arial, Helvetica, sans-serif;\r
126         border-width: 0px;\r
127         cursor: pointer;\r
128 }\r
129 .barre_outils .bt:hover {       background: #bbb;}\r
130 input.login , input.mdp {\r
131         width: 90px;\r
132         font: normal 11px Arial, Helvetica, sans-serif;\r
133 }\r
134 \r
135 .barre_outils .fleche { padding: 12px 0 0;}\r
136 .barre_outils .aplus {  padding: 8px 0 0;}\r
137 .barre_outils .amoins {padding: 8px 0 0;        }\r
138 .barre_outils .home {   padding: 8px 0 0 1px;}\r
139 \r
140 \r
141 /* ==============  Entete  ============== */\r
142 \r
143 .bando {\r
144         background: url('images/bando.jpg') no-repeat top right;\r
145         height: 186px;\r
146         width: 1045px;\r
147         position:relative;\r
148 }\r
149 \r
150 .bandoelastique {\r
151         background: url('images/bandoelastique.jpg') no-repeat top left;\r
152         height: 186px;\r
153         width: 100%;\r
154         position:relative;\r
155 }\r
156 \r
157 \r
158 .grosliens {\r
159         width: 1200px;\r
160         height: 140px;\r
161 }\r
162 \r
163 /* ============ MENU PRINCIPAL ============ */\r
164 \r
165 #navigation {\r
166         position: absolute;\r
167         top: 140px;\r
168         line-height:1.2;\r
169         width:100%;\r
170         margin: 0 0 0 83px;\r
171         background: transparent none !important;\r
172 }\r
173 \r
174 #navigation, #navigation li, #navigation div, #navigation a { height:45px; }\r
175 #navigation li, #navigation div {\r
176         float:left;\r
177         width:120.2px;\r
178         text-align:center;\r
179         background-color: transparent !important;\r
180 }\r
181 \r
182 #navigation a {\r
183   color:#6E4A51;\r
184   display:block;\r
185   height:100%;\r
186   text-decoration:none;\r
187 }\r
188 \r
189 #navigation span {\r
190   display:block;\r
191   padding:0.5em .9em 0; *padding:0.5em 1.3em 0;\r
192 }\r
193 \r
194 /* @TODO: Adapter les id */\r
195 \r
196 #container li ul {\r
197         background: #fff;\r
198         width: 250px;}\r
199 #container li ul  a{width: 180px !important;}\r
200 \r
201 \r
202 \r
203 #container #menu-276 a, #container #menu-276 div, #container #menu-276 {width:122px;}\r
204 #container #menu-223 a, #container #menu-223 div, #container #menu-223 {width:118px;}\r
205 #container #menu-224 a, #container #menu-224 div, #container #menu-224 {width:123px;}\r
206 #container #menu-225 a, #container #menu-225 div, #container #menu-225 {width:126px;}\r
207 #container #menu-226 a, #container #menu-226 div, #container #menu-226 {width:123px;}\r
208 #container #menu-227 a, #container #menu-227 div, #container #menu-227 {width:109px;}\r
209 #container #menu-228 a, #container #menu-228 div, #container #menu-228 {width:118px;}\r
210 #container #menu-229 a, #container #menu-229 div, #container #menu-229 {width:122px;}\r
211 \r
212 /* -------- Colonne de droite --------- */\r
213 \r
214 #sidebar-right {\r
215         float:right;\r
216         padding: 30px 0 10px;\r
217         margin:0 10px 0 0;\r
218         width:301px;\r
219         background:#fff;\r
220 }\r
221 \r
222 .paramedical {margin: 10px 0 0 ;}\r
223 \r
224 /* Titres */\r
225 \r
226 .sidebar .header {\r
227         margin: 20px 0 0;\r
228         background:  url('images/onglet_filet.png')  repeat-x bottom ;\r
229         height: 25px;\r
230         margin: 10px 0 0 5px;\r
231 }\r
232 \r
233 .sidebar h2 {\r
234         background:  url('images/onglet_cnt.png')  repeat-x left 0;\r
235 }\r
236 \r
237 #container .sidebar h2 a {\r
238         background:  url('images/onglet_deb.png')  no-repeat left 0;\r
239         height:24px;\r
240         margin: 0 ;\r
241 }\r
242 \r
243 .sidebar h2 span {\r
244         background:  url('images/onglet_fin.png')  no-repeat right top;\r
245         padding: 3px 53px 5px 10px;\r
246         color: #FFF;\r
247         font: bold 14px Arial, Helvetica, sans-serif ;\r
248 }\r
249 \r
250 /* Agenda */\r
251 \r
252 #agenda_droite .content{\r
253         margin: 8px 7px 16px;\r
254         background:  url('images/agenda_bg.png') repeat-y 125px;\r
255         width: 295px;\r
256 }\r
257 #agenda_droite a, #mc_droite a  {\r
258         margin: 0 0 3px;\r
259         color: #000;\r
260 }\r
261 #agenda_droite a .date {\r
262         display:block;\r
263         float:left;\r
264         font: bold 11px Arial, Helvetica, sans-serif;\r
265         width: 120px;\r
266         text-transform: uppercase;\r
267         color:#2B3F47;\r
268         padding: 0px 0px 4px;\r
269         margin: 2px 5px 0 3px;}\r
270 #agenda_droite a .even {\r
271         display:block;\r
272         float:left;\r
273         font: 12px Arial, Helvetica, sans-serif;\r
274         width: 149px;\r
275         padding: 1px 5px 6px;\r
276         margin: 0 5px 0 3px;}\r
277         \r
278 #agenda_droite a:hover font { text-decoration:underline; }\r
279 \r
280 /* Liens utiles et foire aux questions */\r
281 \r
282 #liens_droite .content, #faq_droite  .content, #block-tagadelic-2 .content, #block-user-1 .content { padding: 7px; }\r
283 #liens_droite a, #faq_droite a {\r
284     margin: 0 0 5px 5px;\r
285     padding-left: 1px;\r
286         color: #000;\r
287         display:block;\r
288         font:bold 11px Arial, Helvetica, sans-serif;\r
289         overflow:hidden;\r
290 }\r
291 #liens_droite a font, #faq_droite a font {\r
292         font: 11px/150% Arial, Helvetica, sans-serif;\r
293         color: #2B3F47;\r
294     margin: 0 0 0 3px;\r
295     padding: 3px 7px;\r
296    }\r
297 #liens_droite a:hover, #faq_droite a:hover, #faq_droite a:hover {\r
298         color:#000000;\r
299         text-decoration : none;}\r
300 #liens_droite a:hover font, #faq_droite a:hover font { text-decoration: underline;}\r
301         \r
302 /* Mots clés*/\r
303 \r
304 #block-tagadelic-2 .content{ text-align: justify;}\r
305 #block-tagadelic-2 a {  \r
306     margin: 0 3px 25px;\r
307         line-height: 130%;\r
308 }\r
309 #block-tagadelic-2 a:hover {\r
310         color:#c40023;\r
311         text-decoration:none;\r
312 }\r
313 #block-tagadelic-2 .level1 {\r
314         font-size: 1em;\r
315         color: #000;}\r
316 #block-tagadelic-2 .level2 {\r
317         font-size: 1.1em;\r
318         color: #000;}\r
319 #block-tagadelic-2 .level3 {\r
320         font-size: 1.2em;\r
321         color: #000;}\r
322 #block-tagadelic-2 .level4 {\r
323         font-size: 1.3em;\r
324         color: #000;}\r
325 #block-tagadelic-2 .level5 {\r
326         font-size: 1.3em;\r
327         font-weight: bold;}\r
328 #block-tagadelic-2 .level6 {\r
329         font-size: 1.5em;\r
330 }\r
331 \r
332 /* ============ COULEURS ============ */\r
333 \r
334         .atmosphere1 .couleur, .atmosphere1 .texte a, .couleur1 {color:#E84601;}\r
335         .atmosphere2 .couleur, .atmosphere2 .texte a, .couleur2 {color:#7DA53D;}\r
336         .atmosphere3 .couleur, .atmosphere3 .texte a, .couleur3 {color:#73106B;}\r
337         .atmosphere4 .couleur, .atmosphere4 .texte a, .couleur4 {color:#0099CC;}\r
338         .atmosphere5 .couleur, .atmosphere5 .texte a, .couleur5 {color:#179981;}\r
339         .atmosphere6 .couleur, .atmosphere6 .texte a, .couleur6 {color:#F29B06;}\r
340         .atmosphere7 .couleur, .atmosphere7 .texte a, .couleur7 {color:#BD0730;}\r
341         .atmosphere8 .couleur, .atmosphere8 .texte a, .couleur8 {color:#683785;}\r
342         \r
343         #node-1 .lls { background: url('images/puce1.png') no-repeat 57px 4px;}\r
344         #node-2 .lls { background: url('images/puce2.png') no-repeat 57px 4px;}\r
345         #node-3 .lls { background: url('images/puce3.png') no-repeat 57px 4px;}\r
346         #node-4 .lls { background: url('images/puce4.png') no-repeat 57px 4px;}\r
347         #node-5 .lls { background: url('images/puce5.png') no-repeat 57px 4px;}\r
348         #node-6 .lls { background: url('images/puce6.png') no-repeat 57px 4px;}\r
349         #node-7 .lls { background: url('images/puce7.png') no-repeat 57px 4px;}\r
350         #node-8 .lls { background: url('images/puce8.png') no-repeat 57px 4px;}\r
351 \r
352         .border-rubrique1 {border-color:#FF7B00;}\r
353         .border-rubrique2 {border-color:#7DA53D;}\r
354         .border-rubrique3 {border-color:#B30C97;}\r
355         .border-rubrique4 {border-color:#0099CC;}\r
356         .border-rubrique5 {border-color:#52CDA0;}\r
357         .border-rubrique6 {border-color:#FFC800;}\r
358         .border-rubrique7 {border-color:#F60039;}\r
359         .border-rubrique8 {border-color:#00A9D2;}\r
360         .border-rubrique9 {border-color:#369d52;}\r
361         \r
362         .rubrique1 #center {border-left:5px solid #FF7B00;}\r
363         .rubrique2 #center {border-left:5px solid #7DA53D;}\r
364         .rubrique3 #center {border-left:5px solid #B30C97;}\r
365         .rubrique4 #center {border-left:5px solid #0099CC;}\r
366         .rubrique5 #center {border-left:5px solid #52CDA0;}\r
367         .rubrique6 #center {border-left:5px solid #FFC800;}\r
368         .rubrique7 #center {border-left:5px solid #F60039;}\r
369         .rubrique8 #center {border-left:5px solid #00A9D2;}\r
370         .rubrique9 #center {border-left:5px solid #369d52;}\r
371 \r
372         #container .article.node-276 .node {border-color: #ff7b00;}\r
373         #container .article.node-223 .node {border-color: #7da53d;}\r
374         #container .article.node-224 .node {border-color: #b30c97;}\r
375         #container .article.node-225 .node {border-color: #0099cc;}\r
376         #container .article.node-226 .node {border-color: #52cda0;}\r
377         #container .article.node-227 .node {border-color: #ffc800;}\r
378         #container .article.node-228 .node {border-color: #f60039;}\r
379         #container .article.node-229 .node {border-color: #369d52;}\r
380         \r
381         #container .article.node-276 .chapo { background: #F9BB69;}\r
382         #container .article.node-223 .chapo { background: #D3DB8A;}\r
383         #container .article.node-224 .chapo { background: #EAC5E5;}\r
384         #container .article.node-225 .chapo { background: #CADCE0;}\r
385         #container .article.node-226 .chapo { background: #BDE5D5;}\r
386         #container .article.node-227 .chapo { background: #FCE292;}\r
387         #container .article.node-228 .chapo { background: #FCD4D4;}\r
388         #container .article.node-229 .chapo { background: #ACE5BA;}\r
389 \r
390 /* ============ PAGE D'ACCUEIL ============ */\r
391 \r
392 /* ------------ A LA UNE ------------- */\r
393 \r
394 #squeeze {\r
395         width: 670px;\r
396         margin: -22px 0 0 45px ;\r
397         background: url('images/ombre1.png') no-repeat right bottom;\r
398         padding: 0 0 6px;\r
399 }\r
400 \r
401 \r
402 #squeeze .ombre {\r
403         background: #fff;\r
404         padding: 0 25px;\r
405         border-top: 1px solid #DDCACD;\r
406         position: relative;*position: inherit; *height: 250px;\r
407         width: 627px;\r
408 }\r
409 \r
410 #squeeze .defilant {\r
411         padding: 15px 0;\r
412         background:#fff;\r
413         margin:0 auto;\r
414         width:620px;\r
415         position: relative; *position: inherit;\r
416 }\r
417 \r
418 #squeeze  #alaune_tit { height: 23px;}\r
419 \r
420 #squeeze .defilant ul {width: 580px;}\r
421 #squeeze .defilant li {\r
422         width: 150px;\r
423         padding: 0 8px 0 0 ;\r
424 }\r
425 \r
426 #squeeze li .tit {\r
427         font: bold 15px Arial, Helvetica, sans-serif;\r
428         margin: 0 0 7px;\r
429 }\r
430 \r
431 #squeeze li .cc {\r
432         font: bold 15px Arial, Helvetica, sans-serif;\r
433         margin: 0 0 2px -18px;\r
434 }\r
435 \r
436 #squeeze li .desc {\r
437         margin: 3px 0 0;\r
438         padding: 0 0 5px;\r
439         font: 11px Arial, Helvetica, sans-serif;\r
440         border-bottom: 1px solid #DDCACD;\r
441         width: 135px;\r
442 }\r
443 \r
444 #squeeze li .lls {\r
445         margin: 5px 0 0;\r
446         padding: 0 15px 0 20px;\r
447         text-align: right;\r
448         font: bold 11px Arial, Helvetica, sans-serif;\r
449 }\r
450 \r
451 .ombre .arrow {\r
452         display: block;\r
453         height: 36px;\r
454         width: 15px;\r
455         text-indent: -999px;\r
456         position: absolute; *position: relative;\r
457         top: 82px; *top: -150px; \r
458         cursor: pointer;\r
459         outline: 0;\r
460 }\r
461 \r
462 .ombre .forward {\r
463         background:  url('images/fleche_next.png') no-repeat ;\r
464         font-size:0;\r
465         right: 0px; *left: 635px; *top: -178px; }\r
466 .ombre .forward:hover {background:  url('images/fleche_rolnext.png') no-repeat ;}\r
467 \r
468 .ombre .back {\r
469         background:  url('images/fleche_prec.png') no-repeat ;\r
470         left: 6px;*left: -15px;}\r
471 .ombre .back:hover {background:  url('images/fleche_rolprec.png') no-repeat ;}\r
472 \r
473 /* ------------ ACTU ------------- */\r
474 \r
475 #actu {\r
476         margin: 0 0 0 53px\r
477 }\r
478 \r
479 #actu .item { margin: 0 0 20px;}\r
480 \r
481 .actu_tit {\r
482         margin: 13px 0 20px 26px;\r
483         padding: 5px  0 0 8px;\r
484         background: #fff url('images/onglet_actu.png') no-repeat ;\r
485         width: 620px;\r
486         height: 20px;\r
487         border-bottom: 1px solid #DCC9CD;\r
488         color:#570000;\r
489         font: bold 16px Adelon Arial, Helvetica, sans-serif;\r
490         text-transform:uppercase;\r
491 }\r
492 \r
493 #actu .itemdroite {\r
494         width: 500px;\r
495         margin: 0 0 0 20px;\r
496 }\r
497 \r
498 #actu h3 {\r
499         font: bold 22px Adelon, Arial, Helvetica, sans-serif;\r
500         background:  url('images/tit_filet.png') repeat-y left;\r
501 }\r
502 \r
503 #actu h3 a {\r
504         padding: 0 0 4px 8px;\r
505         color:#323645;\r
506         background:  url('images/ligne.png') no-repeat 1px bottom;\r
507 }\r
508 \r
509 #actu .content,#actu .date {    margin: 0 0 0 7px;}\r
510 #actu .date {\r
511         font-style:italic;\r
512         color: #59534C;\r
513 }\r
514 \r
515 #actu .mc {\r
516         font-style:italic;\r
517         color: #59534C;\r
518         margin: 4px 0 0;\r
519 }\r
520 \r
521 #actu .mc .module {\r
522         background: #F5EDDA;\r
523         margin:0 5px 0 0;\r
524         padding: 1px 6px;\r
525         font: 11px Arial, Helvetica, sans-serif;\r
526         -moz-border-radius: 2px; \r
527         -webkit-border-radius: 2px ; \r
528         border-radius: 2px;     \r
529         color: #57493C;\r
530 }\r
531 \r
532 #actu .lls {\r
533         margin:4px 5px 0 0;\r
534         padding: 1px 6px 2px 22px;\r
535         font: bold 10px Arial, Helvetica, sans-serif;\r
536         color: #000;\r
537         float:right;\r
538         text-align:right;\r
539         cursor:pointer;\r
540 }\r
541 \r
542 #actu .nod-1 .lls {background:  url('images/lls1.png') repeat-y left;}\r
543 #actu .nod-2 .lls {background:  url('images/lls2.png') repeat-y left;}\r
544 #actu .nod-3 .lls {background:  url('images/lls3.png') repeat-y left;}\r
545 #actu .nod-4 .lls {background:  url('images/lls4.png') repeat-y left;}\r
546 #actu .nod-5 .lls {background:  url('images/lls5.png') repeat-y left;}\r
547 #actu .nod-6 .lls {background:  url('images/lls6.png') repeat-y left;}\r
548 #actu .nod-7 .lls {background:  url('images/lls7.png') repeat-y left;}\r
549 #actu .nod-8 .lls {background:  url('images/lls8.png') repeat-y left;}\r
550 \r
551 \r
552 /* ============ ARTICLES SUR LE RESTE DU SITE ============ */\r
553 \r
554 #totalargeur {\r
555         width: 980px;\r
556         padding: 0 3px 0 0;\r
557         overflow:visible;\r
558         margin: 20px 0 7px 50px;\r
559 }\r
560 \r
561 .arianne {\r
562         width: 99%;\r
563         margin: 0 0 10px;\r
564 }\r
565 \r
566 .arianne .base {\r
567         color:#fff;\r
568         font: bold 12px Arial, Helvetica, sans-serif;\r
569         padding: 0 0 0 10px;}\r
570 .arianne .suite {margin: 0 3px 0 0;}\r
571 .arianne .base font{padding: 5px 30px 5px 0;}\r
572 .arianne  .souligne {padding: 4px 0 2px;}\r
573 \r
574 .atmosphere1 .arianne {background: url('images/arianne1_bg.png') repeat-x 0  23px;}\r
575 .atmosphere2 .arianne {background: url('images/arianne2_bg.png') repeat-x 0  23px;}\r
576 .atmosphere3 .arianne {background: url('images/arianne3_bg.png') repeat-x 0  23px;}\r
577 .atmosphere4 .arianne {background: url('images/arianne4_bg.png') repeat-x 0  23px;}\r
578 .atmosphere5 .arianne {background: url('images/arianne5_bg.png') repeat-x 0  23px;}\r
579 .atmosphere6 .arianne {background: url('images/arianne6_bg.png') repeat-x 0  23px;}\r
580 .atmosphere7 .arianne {background: url('images/arianne7_bg.png') repeat-x 0  23px;}\r
581 .atmosphere8 .arianne {background: url('images/arianne8_bg.png') repeat-x 0  23px;}\r
582 \r
583 .atmosphere1 .arianne .base {   background:  #f66700 url('images/arianne1_deb.png') no-repeat left;}\r
584 .atmosphere2 .arianne .base {   background:  #6e9339 url('images/arianne2_deb.png') no-repeat left;}\r
585 .atmosphere3 .arianne .base {   background:  #9f0d89 url('images/arianne3_deb.png') no-repeat left;}\r
586 .atmosphere4 .arianne .base {   background:  #0a83b0 url('images/arianne4_deb.png') no-repeat left;}\r
587 .atmosphere5 .arianne .base {   background:  #3cba95 url('images/arianne5_deb.png') no-repeat left;}\r
588 .atmosphere6 .arianne .base {   background:  #fab502 url('images/arianne6_deb.png') no-repeat left;}\r
589 .atmosphere7 .arianne .base {   background:  #df0335 url('images/arianne7_deb.png') no-repeat left;}\r
590 .atmosphere8 .arianne .base {   background:  #784ea1 url('images/arianne8_deb.png') no-repeat left;}\r
591 \r
592 .atmosphere1 .arianne .base font {      background:  url('images/arianne1_fin.png') no-repeat right top;}\r
593 .atmosphere2 .arianne .base font {      background:  url('images/arianne2_fin.png') no-repeat right top;}\r
594 .atmosphere3 .arianne .base font {      background:  url('images/arianne3_fin.png') no-repeat right top;}\r
595 .atmosphere4 .arianne .base font {      background:  url('images/arianne4_fin.png') no-repeat right top;}\r
596 .atmosphere5 .arianne .base font {      background:  url('images/arianne5_fin.png') no-repeat right top;}\r
597 .atmosphere6 .arianne .base font {      background:  url('images/arianne6_fin.png') no-repeat right top;}\r
598 .atmosphere7 .arianne .base font {      background:  url('images/arianne7_fin.png') no-repeat right top;}\r
599 .atmosphere8 .arianne .base font {      background:  url('images/arianne8_fin.png') no-repeat right top;}\r
600 \r
601 .article h2 {\r
602         margin: 0 0 0 35px;\r
603         font: bold 22px Adelon,Arial, Helvetica, sans-serif;\r
604         color: #323645;\r
605         border-bottom;\r
606 }\r
607 \r
608 .article .chapo {\r
609         margin: 0 10px 0 35px;\r
610         font: bold 12px  Arial, Helvetica, sans-serif;\r
611         color: #323645;\r
612 }\r
613 \r
614 .article .texte {\r
615         margin: 0 10px 10px 35px;\r
616         font: normal 12px  Arial, Helvetica, sans-serif;\r
617         color: #323645;\r
618         padding: 0 0 5px;\r
619         border-bottom: 1px solid #dcc9cd;\r
620 }\r
621 \r
622 .article .logo { margin: 0 10px 5px 0; }\r
623 \r
624 .article .barrebas {\r
625         margin: 0 0 10px 35px;\r
626 }\r
627 \r
628 .article .mc {\r
629         font-style:italic;\r
630         color: #59534C;\r
631         margin: 4px 0 0;\r
632         width: 535px;\r
633 }\r
634 \r
635 .article .mc .module {\r
636         background: #F5EDDA;\r
637         margin:0 5px 0 0;\r
638         padding: 1px 6px;\r
639         font: 11px Arial, Helvetica, sans-serif;\r
640         -moz-border-radius: 2px; \r
641         -webkit-border-radius: 2px ; \r
642         border-radius: 2px;     \r
643         color: #57493C;\r
644 }\r
645 \r
646 .article .lies {}\r
647 \r
648 #outils {\r
649         float:right;\r
650         width:inherit;\r
651         width: 391px;\r
652 }\r
653 \r
654 #outils .date { font: 11px Arial, Helvetica, sans-serif; }\r
655 #outils .module { margin: 0 10px 0 0;}\r
656 #outils .module font { font-weight:bold;}\r
657 \r
658 .article #liraussi {margin: 0 0 10px 35px;}\r
659 \r
660 .article #liraussi h3 {\r
661         color:#fff;\r
662         margin: 10px 0 ;\r
663         font: bold 12px Arial, Helvetica, sans-serif;\r
664         width: 99%;\r
665         text-transform:uppercase;\r
666         border-bottom: 1px solid #dcc9cd;\r
667         padding: 0 0 0 0;}\r
668 .article #liraussi h3 span {\r
669         margin: 0 3px 0 0;\r
670         padding:0 0 0 10px ;\r
671 }\r
672 .article #liraussi h3 span font {padding: 3px 40px 3px 0;}\r
673 .atmosphere1 #liraussi h3 span {        background:  url('images/onglet1_deb.png') no-repeat left top;}\r
674 .atmosphere2 #liraussi h3 span {        background:  url('images/onglet2_deb.png') no-repeat left top;}\r
675 .atmosphere3 #liraussi h3 span {        background:  url('images/onglet3_deb.png') no-repeat left top;}\r
676 .atmosphere4 #liraussi h3 span {        background:  url('images/onglet4_deb.png') no-repeat left top;}\r
677 .atmosphere5 #liraussi h3 span {        background:  url('images/onglet5_deb.png') no-repeat left top;}\r
678 .atmosphere6 #liraussi h3 span {        background:  url('images/onglet6_deb.png') no-repeat left top;}\r
679 .atmosphere7 #liraussi h3 span {        background:  url('images/onglet7_deb.png') no-repeat left top;}\r
680 .atmosphere8 #liraussi h3 span {        background:  url('images/onglet8_deb.png') no-repeat left top;}\r
681 .atmosphere1 #liraussi h3 span font {   background:  url('images/onglet1_fin.png') no-repeat right top;}\r
682 .atmosphere2 #liraussi h3 span font {   background:  url('images/onglet2_fin.png') no-repeat right top;}\r
683 .atmosphere3 #liraussi h3 span font {   background:  url('images/onglet3_fin.png') no-repeat right top;}\r
684 .atmosphere4 #liraussi h3 span font {   background:  url('images/onglet4_fin.png') no-repeat right top;}\r
685 .atmosphere5 #liraussi h3 span font {   background:  url('images/onglet5_fin.png') no-repeat right top;}\r
686 .atmosphere6 #liraussi h3 span font {   background:  url('images/onglet6_fin.png') no-repeat right top;}\r
687 .atmosphere7 #liraussi h3 span font {   background:  url('images/onglet7_fin.png') no-repeat right top;}\r
688 .atmosphere8 #liraussi h3 span font {   background:  url('images/onglet8_fin.png') no-repeat right top;}\r
689 \r
690 #liraussi .item {\r
691         padding: 0 0 0 19px;\r
692         width:95%;\r
693         margin: 0 0 5px;}\r
694         \r
695 #liraussi .tit {        font: bold 12px Arial, Helvetica, sans-serif;}\r
696 #liraussi .lls {\r
697         margin: 0 0 0 5px;\r
698 }\r
699 \r
700 #liraussi .content { padding:0; }\r
701 #liraussi a {\r
702         color:#000;\r
703         margin: 0;\r
704         padding:0;\r
705 }\r
706 \r
707 .atmosphere1 #liraussi .item {background: url('images/puce1.png') no-repeat 4px 4px;}\r
708 .atmosphere2 #liraussi .item {background: url('images/puce2.png') no-repeat 4px 4px;}\r
709 .atmosphere3 #liraussi .item {background: url('images/puce3.png') no-repeat 4px 4px;}\r
710 .atmosphere4 #liraussi .item {background: url('images/puce4.png') no-repeat 4px 4px;}\r
711 .atmosphere5 #liraussi .item {background: url('images/puce5.png') no-repeat 4px 4px;}\r
712 .atmosphere6 #liraussi .item {background: url('images/puce6.png') no-repeat 4px 4px;}\r
713 .atmosphere7 #liraussi .item {background: url('images/puce7.png') no-repeat 4px 4px;}\r
714 .atmosphere8 #liraussi .item {background: url('images/puce8.png') no-repeat 4px 4px;}\r
715 \r
716 \r
717 \r
718 \r
719 \r
720 \r
721 /* ---------  Redondant  --------- */\r
722 \r
723 .module {\r
724         display:inline;\r
725         overflow:hidden;\r
726         zoom:1;\r
727         float:left;\r
728 }\r
729 \r
730 .bloc {\r
731         display:block;\r
732         overflow:hidden;\r
733         zoom:1;\r
734 }\r
735 \r
736 .droite { float:right; }\r
737 \r
738 .invisible                      {display:none !important; }\r
739 .gras                                   {font-weight:bold !important;}\r
740 .italic                                         {font-style:italic !important;}\r
741 .majuscules             { font-variant:small-caps; color:#5497e2; }\r
742 .margegauche    {       margin-left: 10px;}\r
743 .large                                  {width: 100%;}\r
744 .rouge                  {font-size: 1.1em; color: #e6210b;}\r
745 \r
746 .sardine {\r
747         margin:0!important;\r
748         padding:0!important;\r
749         font-size:0!important;\r
750         border:0!important;\r
751 }\r
752 \r
753 .alert {\r
754         display:block;\r
755         border: 2px solid #d61b2c;\r
756         padding: 5px 0px ;\r
757         margin: 10px auto 0px;\r
758         text-transform:uppercase;\r
759         font : bold 1em Arial, Helvetica, sans-serif;\r
760         color: #fff;\r
761         text-align:center;\r
762         width: 680px;\r
763         background: #ff7602 ;}\r
764 \r
765 \r
766 /* --------------PIED DE PAGE --------------- */\r
767 \r
768 .ombrepied {\r
769         margin: 40px 20px 0 40px;\r
770         border-top: 1px solid #B3B3B3;\r
771         display:block;\r
772         overflow:hidden;\r
773         width: 990px;\r
774         padding: 0 0 10px;\r
775         background:  url('images/ombre2.png') no-repeat right bottom;\r
776 }\r
777  \r
778  #footer {\r
779         display:block;\r
780         overflow:hidden;\r
781         background: #fff;\r
782         padding: 20px 0 20px 30px ;\r
783         width: 963px;\r
784 }\r
785 \r
786 \r
787 #footer .col1, #footer .col2 {  width: 470px;}\r
788 #footer .col1 {\r
789         border-right: 1px solid #ddcacd;\r
790         padding-right: 5px;\r
791 }\r
792 #footer .col2 { margin: 0 0 0 14px; }\r
793 \r
794 #footer h2 {\r
795         color: #751010;\r
796         margin: 0 0 10px;}\r
797         \r
798 #footer .item {\r
799         background: url('images/puce_bas.png') no-repeat 4px 6px;\r
800         padding: 0 0 0 15px;\r
801         margin: 0 0 5px;}\r
802         \r
803 #footer .tit {  font: bold 12px Arial, Helvetica, sans-serif;}\r
804 #footer .lls {\r
805         color: #751010;\r
806         margin: 0 0 0 5px;\r
807 }\r
808 \r
809 #footer .content { padding:0; }\r
810 #footer a {\r
811         color:#000;\r
812         margin: 0;\r
813         padding:0;\r
814 }\r
815 \r
816 #piedpied {\r
817         background:#F0ECE9;\r
818         margin: 15px 15px;\r
819         padding: 5px 5px;\r
820         display:block;\r
821         float:right;\r
822 }\r
823 #piedpied a {\r
824         font: bold 12px Arial, Helvetica, sans-serif;\r
825         color:#990000;\r
826         margin: 0 5px 0;\r
827 }\r
828 \r
829 /* ==============  Elasticité de la page  ============== */\r
830 \r
831 \r
832 .fluide {\r
833   width:auto;\r
834   margin:0 0 0 10px;\r
835   background: url('images/lblanc.png') repeat-y 67px top !important;\r
836   left: 0;\r
837 }\r
838 \r
839 .liquide {\r
840         position:relative;\r
841         top: 39px !important; *top: 10px !important;\r
842         display:inline !important;\r
843         float:none !important;\r
844 }\r
845 \r
846 .liquide #squeeze {\r
847         background: url('images/ombre3.png') repeat-x center bottom;\r
848 }\r
849 \r
850 .liquide #squeeze .ombre {\r
851         /* background: #f5f1e9 url('images/degcaroussel.png') repeat-y center top !important; */\r
852 }\r
853 \r
854 .decentrage {\r
855         width:100%;\r
856 }\r