local.css

   1 @import url("facture.css");
   2 .pageheader {
   3         left:0;
   4         position:relative;
   5         top:0;
   6         width:100%;
   7         background-clip: padding-box;
   8         background-image: url(/cyclocoop.png);
   9         background-position: 5px top;
  10         background-repeat: no-repeat;
  11         display:block;
  12         //min-height:70px;
  13         overflow:hidden;
  14         padding:0 0 0 0;
  15         margin:0 0 0 0;
  16  }
  17 .pageheader .logo {
  18  }
  19 .pageheader .logo a {
  20         display:inline-block;
  21         float:left;
  22         height:100%;
  23         left:0;
  24         margin: 0 0 0 0;
  25         min-height:150px;
  26         min-width:270px;
  27         padding: 0 0 0 0;
  28         position:absolute;
  29         top:0;
  30  }
  31 .pageheader .header {
  32         margin:0 150px 0 280px;
  33         padding:0 0 0 0;
  34         min-height:53px;
  35  }
  36 .pageheader .header .path {
  37         clear:left;
  38         float:left;
  39         font-family:monospace;
  40         font-size:100%;
  41         margin:0.5ex 0 0 0;
  42         padding:0 0 0 0;
  43  }
  44 .pageheader .header .path .parentlinks {
  45  }
  46 .pageheader .header .path .title {
  47         display:inline-block;
  48         font-family:monospace;
  49         font-weight:bold;
  50         font-size:100%;
  51         margin:0 0 0 0;
  52         padding:0 0 0 0;
  53  }
  54 .pageheader #otherlanguages {
  55         font-size:80%;
  56         float:right;
  57         border-bottom:none;
  58  }
  59 .pageheader #otherlanguages ul {
  60         margin:0 0 0 0;
  61         padding:0 0 0 0;
  62  }
  63 .pageheader #otherlanguages ul li {
  64         background: white;
  65         border-color: #999;
  66         border-style: none solid solid solid;
  67         border-width: 1px;
  68         margin: 0 0.2em;
  69         padding: .1em .5em 0 .5em;
  70  }
  71 #searchform {
  72         clear:both;
  73         display:inline-block;
  74         float:left;
  75         padding-top:1ex;
  76         position:relative;
  77         right:auto !important;
  78         top:auto !important;
  79  }
  80 #searchbox {
  81         background-color:#fefefc !important;
  82         border:1px solid #999;
  83         height:3ex;
  84         padding:0 0 1px 1px;
  85         width:15em;
  86  }
  87 #pagebody {
  88         //margin:0 30em 0 0;
  89         margin:0 0 0 0;
  90         padding:1ex 0 0 0;
  91  }
  92 #content {
  93         margin:0 0 0 0;
  94  }
  95 #pagebody.page-single {
  96  }
  97 #pagebody.page-double {
  98         width:50%;
  99  }
 100 .page-single #content {
 101         margin-left:1em;
 102         margin-right:1em;
 103  }
 104 .page-double #content {
 105         margin-left:1em;
 106  }
 107 #image {
 108         background-color: #F9F9F9;
 109         border: 1px solid #AAAAAA;
 110         display:block;
 111         height:auto;
 112         margin:1em 1em 1em 1em;
 113         padding:1ex 1em 1ex 1em;
 114         position:relative;
 115  }
 116 #image > table > tbody > tr > td > a > img {
 117         width:100%;
 118  }
 119 #pageside {
 120         margin: 0 0 0 50%;
 121         position:absolute;
 122         width:50%;
 123  }
 124 #pageside a:visited {
 125         color:purple;
 126  }
 127 #toc {
 128         background-color: #F9F9F9;
 129         border: 1px solid #AAAAAA;
 130         //float:right;
 131         //clear:both;
 132         display:block;
 133         margin:1em 1em 1em 1em;
 134         position:relative;
 135         //right:1em;
 136         //top:70px;
 137         padding:0 1em 0 1em;
 138         height:auto;
 139         //width: 30em;
 140  }
 141 #editcontent {
 142         margin:0 auto 2ex auto;
 143         display:block;
 144         width:99%;
 145  }
 146 #toc > p {
 147         padding-left: 1em;
 148  }
 149 #toc > .class:empty {
 150         display:none;
 151  }
 152 .leftbar {
 153         border-left:none;
 154         border-right:1px dotted gray;
 155         float:left;
 156         margin-right:2ex;
 157         padding-right:2ex;
 158  }
 159
 160 #stats {
 161         background-color: #F9F9F9;
 162         border: 1px solid #AAAAAA;
 163         //float:right;
 164         //clear:both;
 165         display:block;
 166         margin:1em 1em 1em 1em;
 167         position:relative;
 168         //right:1em;
 169         //top:70px;
 170         padding:0 1em 0 1em;
 171         height:auto;
 172         //width: 30em;
 173  }
 174 #stats ul > li {
 175         display:inline-block;
 176  }
 177
 178 #agenda {
 179         background-color: #F9F9F9;
 180         border: 1px solid #AAAAAA;
 181         display:block;
 182         margin:1em 1em 1em 1em;
 183         position:relative;
 184         padding:2px 1em 2px 1em;
 185         height:auto;
 186  }
 187 #agenda .calendar {
 188         max-width:10em;
 189         padding-top:1em;
 190         vertical-align:top;
 191  }
 192 #agenda > p {
 193         padding-left:1em;
 194         margin-bottom:0.5ex;
 195  }
 196
 197
 198 .calendar {
 199         display:inline-block;
 200         max-width:100%;
 201  }
 202 .calendar a {
 203         white-space:normal !important;
 204  }
 205 .calendar > table {
 206         border-collapse:collapse;
 207         border:1px solid #666;
 208  }
 209 .calendar > .month {
 210  }
 211 .calendar > .month > thead {
 212  }
 213 .calendar > .month > thead > tr {
 214  }
 215 .calendar thead > tr > th {
 216         background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
 217         text-align:center;
 218         padding:0.1ex 0.5ex 0.1ex 0.5ex;
 219  }
 220 .calendar > .month > tbody {
 221  }
 222 .calendar > .month > tbody > tr {
 223  }
 224 .calendar tbody > tr > td {
 225         border:1px solid gray;
 226         vertical-align:top;
 227         border-collapse:collapse;
 228  }
 229 .calendar > .month > tbody > tr > .no-wday {
 230         background-color:#eee;
 231  }
 232 .calendar .today {
 233         background-color:#FFFFCC !important;
 234  }
 235 .calendar .wday {
 236         background-color:white;
 237  }
 238 .calendar .wday .head {
 239         display:inline-block;
 240         text-align:center;
 241         width:100%;
 242  }
 243 .calendar .month .wday .head {
 244         text-align:right;
 245  }
 246 .calendar .head > .day {
 247         font-family:sans-serif;
 248         font-weight:bold;
 249         padding:0 2px;
 250         padding-right:1ex;
 251  }
 252 .calendar .head > .day > .new {
 253         color:blue;
 254         display:none;
 255         font-size:65%;
 256         font-weight:bold;
 257         position:absolute;
 258         text-decoration:none;
 259         vertical-align:super;
 260  }
 261 .calendar .wday:hover .head > .day > .new {
 262         display:inline-block;
 263  }
 264 .calendar .wday > .events {
 265         margin:0 0 0 0 !important;
 266         padding:0 0 0 0 !important;
 267  }
 268 .calendar .events > .event {
 269         -moz-border-radius:2px;
 270         -webkit-border-radius:2px;
 271         background-color:#F9F9F9;
 272         border-radius:2px;
 273         border:1px solid #A9BBBF;
 274         list-style-type:none;
 275         margin:2px 2px 2px 2px;
 276         padding:2px 2px 2px 2px;
 277         text-align:left !important;
 278  }
 279 .calendar .events > .event {
 280  }
 281 .calendar .events > .event > .head {
 282         display:inline-block;
 283         text-align:left;
 284         width:100%;
 285  }
 286 .calendar .events > .event > .head > .hour {
 287         font-size:75%;
 288         font-weight:bold;
 289         margin-right:1em;
 290  }
 291 .calendar .events > .event > .head > .link {
 292         display:inline-block;
 293         padding:0 0 0 0;
 294         text-align:center;
 295         white-space:normal !important;
 296         width:100%;
 297  }
 298 .calendar .events > .event > .tags {
 299         margin:0 0 0 0 !important;
 300         padding:0 0 0 0 !important;
 301  }
 302 .tags > .tag,
 303 .calendar .events > .event > .tags > .tag {
 304         -moz-border-radius:2px;
 305         -webkit-border-radius:2px;
 306         background-color:white;
 307         border-radius:2px;
 308         border:1px solid #A9BBBF;
 309         font-size:60%;
 310         list-style-type:none;
 311         margin:2px 2px 0 0 !important;
 312         padding:2px 3px 1px 3px !important;
 313         text-align:left !important;
 314         display:inline-block;
 315  }
 316 .calendar .events > .event > .tags > .tag > a {
 317         display:inline-block;
 318         font-weight:bold;
 319         line-height:1.5 !important;
 320         text-align:center;
 321         width:100%;
 322  }
 323 .calendar .events > .event > .tags > .tag > .selflink {
 324         display:inline-block;
 325         font-weight:bold;
 326         line-height:1.5 !important;
 327         text-align:center;
 328         width:100%;
 329  }
 330 .calendar .events > .event > .tags > .tag > .createlink {
 331         display:inline-block;
 332         line-height:1.5 !important;
 333         text-align:center;
 334         white-space:normal !important;
 335         width:100%;
 336  }
 337 .calendar .events > .event > .tags > .tag > .createlink > a {
 338         width:auto;
 339  }
 340
 341
 342 #pageinfo {
 343         margin:0 0 0 0;
 344         padding:1ex 1em 0 1em;
 345  }
 346 #pageinfo .tags {
 347         margin-top:0;
 348  }
 349 .pageinfo > ul,
 350 #pageinfo > ul {
 351         margin:0 0 0 0;
 352         padding-left:1em;
 353         list-style-position:outside;
 354         list-style-type:square;
 355  }
 356 .pageinfo > ul > li,
 357 #pageinfo > ul > li {
 358  }
 359 #backlinks {
 360         margin-top:0;
 361  }
 362 #backlinks a:visited {
 363         color:purple;
 364  }
 365 .pagedate {
 366         margin-top:0;
 367  }
 368 #pagebody a {
 369         white-space:pre-wrap;
 370  }
 371 #pagebody a:visited {
 372         color:purple;
 373  }
 374 #pagebody a[href^="mailto:"]:after,
 375 #pagebody a[href^="http:"]:after,
 376 #pagebody a[href^="https:"]:after,
 377 #pageside a[href^="mailto:"]:after,
 378 #pageside a[href^="http:"]:after,
 379 #pageside a[href^="https:"]:after {
 380         content:"↗";
 381  }
 382
 383 #pagebody code {
 384         white-space:pre;
 385         font-family:monospace;
 386  }
 387 #pagebody p,
 388 #pagebody li {
 389         max-width:46em;
 390         text-align:justify;
 391  }
 392 #pagebody iframe {
 393         max-width:auto;
 394  }
 395 #pagebody div.website {
 396         height:65ex;
 397         max-width:auto;
 398         //position:absolute;
 399         width:100%;
 400  }
 401 #pagebody div.website > iframe {
 402         height:100%;
 403         min-height:100%;
 404         width:100%;
 405  }
 406
 407 .pageinfo span.name,
 408 #pageinfo span.name {
 409         font-weight:bold;
 410         font-style:normal;
 411  }
 412
 413 #pageside h1,
 414 #pagebody h1 {
 415         background-color: #eee;
 416         border-bottom: 1px solid #aaa;
 417         //border-top: 1px dotted #aaa;
 418         display:block;
 419         font-size:130%;
 420         font-weight:bold;
 421         padding:2px 5px 2px 5px;
 422         margin:2ex 0 1ex 0;
 423  }
 424 #pagebody h1:first-child {
 425         margin-top:1ex;
 426  }
 427 #pageside h2,
 428 #pagebody h2 {
 429         background-color:transparent;
 430         border-bottom:2px solid #aaa;
 431         display:block;
 432         font-size:125%;
 433         font-weight:bold;
 434         margin:3ex 0 1ex 0;
 435         padding:2px 0 2px 0;
 436  }
 437 #pagebody h1 + h2,
 438 #pagebody h1 + h3,
 439 #pagebody h1 + h5,
 440 #pagebody h1 + h6 {
 441         margin-top:1ex;
 442  }
 443 #pageside h3,
 444 #pagebody h3 {
 445         background-color:transparent;
 446         border-bottom:2px dotted #aaa;
 447         //color: #666;
 448         font-size: 110%;
 449         font-weight: bold;
 450         margin:3ex 0 1ex 0;
 451         padding:2px 0 2px 0;
 452         text-align:center;
 453  }
 454 #pagebody h2 + h3,
 455 #pagebody h2 + h4,
 456 #pagebody h2 + h5,
 457 #pagebody h2 + h6 {
 458         margin-top:1ex;
 459  }
 460 #pageside h4,
 461 #pagebody h4 {
 462         font-size: 105%;
 463         text-shadow: 1px 1px 2px #999999;
 464         margin:2ex 0 2px 0;
 465  }
 466 #pagebody h3 + h4,
 467 #pagebody h2 + h5,
 468 #pagebody h2 + h6 {
 469         margin-top:1ex;
 470  }
 471 #pageside h5,
 472 #pagebody h5 {
 473         margin:2ex 0 2px 0;
 474         text-decoration:underline;
 475  }
 476 body {
 477         font-family:sans-serif;
 478         font-size:80%;
 479  }
 480
 481 #pagebody p {
 482         margin-bottom:0;
 483  }
 484 #pagebody ul {
 485         margin:0 0 0 2px;
 486         padding:0 0 0 1em;
 487  }
 488 #pagebody ol {
 489         list-style-position:inside;
 490         margin:0 0 0 2px;
 491         padding:0 0 0 0em;
 492  }
 493
 494
 495
 496
 497 #pagebody ol {
 498         counter-reset:li; /* Initiate a counter */
 499         margin-left:0; /* Remove the default left margin */
 500         padding-left:0; /* Remove the default left padding */
 501  }
 502 #pagebody ol > li {
 503         list-style:none; /* Disable the normal item numbering */
 504         margin:0 0 6px 2em; /* Give each list item a left margin to make room for the numbers */
 505         padding:0 0 0 8px; /* Add some spacing around the content */
 506         position:relative; /* Create a positioning context */
 507  }
 508 #pagebody ol > li:before {
 509         -moz-border-radius:2px;
 510         -webkit-border-radius:2px;
 511         background-color:white;
 512         border-radius:2px;
 513         counter-increment:li; /* Increment the counter by 1 */
 514         content:counter(li); /* Use the counter as content */
 515         /* Position and style the number */
 516         -moz-box-sizing:border-box;
 517         -webkit-box-sizing:border-box;
 518         box-sizing:border-box;
 519         left:-2em;
 520         position:absolute;
 521         width:2em;
 522         /* Some space between the number and the content in browsers that support
 523            generated content but not positioning it (Camino 2 is one example) */
 524         background:#aaa;
 525         color:#fff;
 526         font-family:Arial,sans-serif;
 527         font-weight:bold;
 528         padding-top:2px;
 529         padding-bottom:2px;
 530         text-align:center;
 531  }
 532 #pagebody li ol {
 533         margin-top:6px;
 534  }
 535 #pagebody ol ol li:last-child {margin-bottom:0;}
 536
 537
 538 #pagebody li > p {
 539         margin:0 0 0 0;
 540         padding:0 0 0 0;
 541  }
 542 #pagebody .toggleable >p {
 543         margin:0 0 0 0;
 544         padding:0 0 0 0;
 545  }
 546 #pagebody .toggleable {
 547         border:1px solid black;
 548         border-left:5px solid black;
 549         padding:0.5ex 1em 0.5ex 1em;
 550         margin:0.5ex 1em 0.5ex 1px;
 551  }
 552
 553 #pagebody .inlineheader > .header {
 554         font-family:sans-serif;
 555         font-size:120%;
 556  }
 557
 558 #pagebody .notebox {
 559         background: none repeat scroll 0 0 #FFFFFF;
 560         border: 1px solid #AAAAAA;
 561         color: #000000 !important;
 562         float: right;
 563         margin-bottom: 1ex;
 564         margin-left: 2ex;
 565         margin-top: 1ex;
 566         padding: 1ex;
 567         max-width: 50%;
 568         width:auto;
 569  }
 570
 571
 572 #newpageform {
 573         margin: 0 0 0 0;
 574         padding: 0 0 0 0;
 575  }
 576 #newpageform button {
 577         background-color:transparent;
 578         border:none;
 579         color:#005A9C;
 580         font-family: sans-serif;
 581         font-size: 95%;
 582         height:2ex;
 583         margin: 0 0 0 0;
 584         padding: 0 0 0 0;
 585  }
 586 #newpageform input.input {
 587         background-color:#eee;
 588         border:0px solid #666;
 589         margin: 0 0 0 0;
 590         font-size: 70%;
 591         padding: 2px 2px 0 2px;
 592  }
 593
 594 @media print {
 595         #container #sidebar {
 596                 display: none;
 597          }
 598         .container {
 599                 margin: 0;
 600                 padding: 0;
 601                 width: 100%;
 602          }
 603         .page .pagebody {
 604                 display: block;
 605                 float: none;
 606                 margin: 0;
 607                 padding: 0;
 608                 width: 100%;
 609          }
 610         .page .pageheader {
 611                 display: none;
 612                 float: none;
 613                 margin: 0;
 614                 padding: 0;
 615                 width: 100%;
 616          }
 617         .page #pageside {
 618          }
 619         .page .pagefooter {
 620          }
 621         body {
 622                 display: block;
 623                 float: none;
 624                 margin: 0;
 625                 padding: 0;
 626                 position: relative;
 627                 width: auto;
 628          }
 629  }
 630
 631 .poll {
 632         border-left:1ex solid #aaa;
 633         padding-left:1em;
 634  }
 635 .poll .choice {
 636  }
 637 .poll .choice input {
 638         vertical-align:middle;
 639  }
 640 .poll .choice .description {
 641         margin-left:1ex;
 642         padding:0 1ex 0 1ex;
 643         border:1px dotted black;
 644         background-color: #eee;
 645  }
 646 .poll .votes {
 647         margin-top:0.5ex;
 648  }
 649 .poll .votes hr {
 650         margin-top: 0.5ex;
 651         margin-bottom:1ex;
 652  }
 653
 654 #wmd-button-bar {
 655         width: 100%;
 656  }
 657
 658 .wmd-button-row {
 659         position: relative;
 660         margin-left: 5px;
 661         margin-right: 5px;
 662         margin-bottom: 5px;
 663         margin-top: 5px;
 664         padding: 0px;
 665         height: 20px;
 666  }
 667 .wmd-button {
 668         width: 20px;
 669         height: 20px;
 670         padding-left: 2px;
 671         padding-right: 3px;
 672         position: absolute;
 673         display: inline-block;
 674         list-style: none;
 675         cursor: pointer;
 676  }
 677 .wmd-button > span {
 678         background-image: url(pagedown/wmd-buttons.png);
 679         background-repeat: no-repeat;
 680         background-position: 0px 0px;
 681         width: 20px;
 682         height: 20px;
 683         display: inline-block;
 684  }
 685 .wmd-spacer {
 686         position: absolute;
 687         width: 1px;
 688         height: 20px;
 689         margin-left: 14px;
 690         display: inline-block;
 691         list-style: none;
 692  }
 693 .wmd-spacer1 { left: 50px; }
 694 .wmd-spacer2 { left: 175px; }
 695 .wmd-spacer3 { left: 300px; }
 696
 697 .wmd-prompt-background {
 698         background-color: Black;
 699  }
 700 .wmd-prompt-dialog {
 701         border: 1px solid #999999;
 702         background-color: #F5F5F5;
 703  }
 704 .wmd-prompt-dialog > div {
 705         font-size: 80%;
 706  }
 707 .wmd-prompt-dialog > form > input[type="text"] {
 708         border: 1px solid #999999;
 709         color: black;
 710  }
 711 .wmd-prompt-dialog > form > input[type="button"] {
 712         border: 1px solid #888888;
 713         font-size: 80%;
 714         font-weight: bold;
 715  }
 716
 717 .pageheader .actions {
 718         bottom:inherit;
 719         clear:both;
 720         display:block;
 721         float:right;
 722         margin:0 0 0 0;
 723         padding:0 0 0 0;
 724         position:relative;
 725         right:1em;
 726         width:auto;
 727  }
 728 .pageheader .actions ul {
 729         display:inline-block;
 730         height:auto;
 731         margin:0 1em 0 0 0;
 732         padding:0 0 0 0;
 733  }
 734 .pageheader .actions ul li {
 735         display:inline-block;
 736  }
 737
 738 .trails {
 739         background-color: #eee;
 740         border-top:1px solid #999;
 741         clear:both;
 742         margin:0 0 0 0 !important;
 743         padding:0 0 0 0 !important;
 744  }
 745 hr.trails {
 746         background-color: #999;
 747         clear:both;
 748         margin:0 0 0 0 !important;
 749         padding:0 0 0 0 !important;
 750  }
 751 .trails .trail a {
 752  }
 753 .trails .trail a:visited {
 754         color:purple;
 755  }
 756 #footer, .pagefooter {
 757         margin-left:0;
 758         margin-right:0;
 759  }
 760 .trailprev {
 761         left:1%;
 762  }
 763 .trailnext {
 764         right:1%;
 765  }
 766 .pagelicense {
 767         margin:0 0 0 0;
 768         padding:0 0 0 0;
 769  }
 770 .pagelicense img {
 771         vertical-align:middle;
 772  }
 773
 774 .comment {
 775  }
 776 #comments {
 777         margin:2ex 1em 0 1em;
 778  }
 779 #comments article {
 780         padding:1ex 1em 1ex 1em;
 781         margin:0 0 1ex 0;
 782  }
 783 #comments article .comment-subject {
 784         background-color:#eee;
 785         padding:0.5ex 1em 0.5ex 1em;
 786  }
 787 #comments article .comment-header {
 788         margin:0 0 0 1em;
 789  }
 790 #comments article .inlinecontent {
 791         margin:1ex 0 1ex 0;
 792  }
 793 #comments .actions {
 794         float:right;
 795  }
 796 #comments .actions ul {
 797         margin:0 0 0 0;
 798         padding:0 0 0 0;
 799  }
 800 #comments .actions ul li {
 801         border:1px solid #AAA;
 802         padding:0.1em 0.5em 0.1em 0.5em;
 803  }
 804 .addcomment {
 805         background: none repeat scroll 0 0 white;
 806         border:1px solid #AAA;
 807         display:inline-block;
 808         margin:0 0 0 0;
 809         padding:0.1em 0.5em 0.1em 0.5em;
 810  }
 811 .comment-header {
 812         font-style:normal;
 813         margin:0.3em 1em 0.3em 0;
 814         display:inline-block;
 815  }
 816 .comment-header time {
 817         font-style:italic;
 818  }
 819 .comment-avatar {
 820         margin:0 0 0 1em;
 821  }
 822
 823 img.medium {
 824         max-width:50%;
 825         height:auto;
 826  }
 827 img.big {
 828         max-width:100%;
 829         height:auto;
 830  }
 831
 832 blockquote {
 833         background-color:#eee;
 834         border-left:1ex solid #1F3254;
 835         margin:0.5ex 0 0.5ex 0;
 836         padding:1ex 1em 1ex 1em;
 837  }
 838 blockquote > p:first-child {
 839         margin-top:0;
 840  }
 841 blockquote > p:last-child {
 842         margin-bottom:0;
 843  }
 844
 845 #prevision_du_benevolat {
 846         padding:2px 1ex 3px 1ex;
 847         border-bottom:1px solid #999;
 848         background-color:#F8F087;
 849         display:inline-block;
 850         width:100%;
 851  }
 852 #prevision_du_benevolat .calendar {
 853         margin-top:3px;
 854         vertical-align:top;
 855  }
 856 #prevision_du_benevolat .calendar:first-child {
 857         clear:left;
 858  }
 859 h1#spanclassselflinkprvisionpanduahref\.\.bnvolata ~ .calendar .events > .event,
 860 #prevision_du_benevolat .calendar {
 861         display:inline-block;
 862         vertical-align:top;
 863         margin-right:0.3ex;
 864         max-width:16em;
 865         width:auto;
 866  }
 867 #prevision_du_benevolat .calendar .wday .head > .day {
 868         padding-right:0;
 869  }
 870 #prevision_du_benevolat .calendar .wday:hover .head > .day > .new {
 871         display:none !important;
 872  }
 873 #prevision_du_benevolat > h1:first-child {
 874         display:inline-block;
 875         font-family:monospace;
 876         font-variant:bold;
 877         float:left;
 878         clear:both;
 879         margin:2px 0 0 0;
 880         max-width:8em;
 881         padding:0 0 0 0;
 882         vertical-align:top;
 883         margin-right:1em;
 884  }
 885 #prevision_du_benevolat > ul {
 886         clear:both;
 887         display:block;
 888         float:left;
 889         list-style-type:none;
 890         margin:0 0 0 0;
 891         padding:0 0 0 0;
 892  }
 893 #prevision_du_benevolat > ul > li {
 894         #display:inline-block;
 895  }
 896 #prevision_du_benevolat > ul > li .level {
 897         border:1px solid #999;
 898         padding:0.1ex 1ex 0.1ex 1ex;
 899  }
 900 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul {
 901         margin-bottom:1em;
 902  }
 903 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata + ul > li {
 904         display:inline-block;
 905         font-weight:bold;
 906  }
 907 h1#spanclassselflinkprvisionspanduahref\.\.bnvolata ~ .calendar {
 908         vertical-align:top;
 909  }
 910 h1#prvisionduahref..bnvolata ~ .calendar .events > .event > .head > .link {
 911         display:inline-block;
 912         vertical-align:top;
 913         margin-right:0.3ex;
 914         max-width:10em;
 915         width:auto;
 916  }
 917
 918 .tag > a[href$="/Sérénité/"]:before,
 919 .tag > a[href$="/Incertitude/"]:before,
 920 .tag > a[href$="/Vigilance/"]:before,
 921 .tag > a[href$="/Alerte/"]:before,
 922 .tag > a[href$="/Crise/"]:before {
 923         content:"";
 924         display:inline-block;
 925         height:22px;
 926         margin-right:1ex;
 927         text-align:center;
 928         vertical-align:middle;
 929         width:22px;
 930  }
 931
 932 .tag > a[href$="/Sérénité/"]:before {
 933         background-image:url(/Bénévolat/Prévision/stock_weather-sunny.png);
 934  }
 935 .tag > a[href$="/Incertitude/"]:before {
 936         background-image:url(/Bénévolat/Prévision/stock_weather-few-clouds.png);
 937  }
 938 .tag > a[href$="/Vigilance/"]:before {
 939         background-image:url(/Bénévolat/Prévision/stock_weather-cloudy.png);
 940  }
 941 .tag > a[href$="/Alerte/"]:before {
 942         background-image:url(/Bénévolat/Prévision/stock_weather-showers.png);
 943  }
 944 .tag > a[href$="/Crise/"]:before {
 945         background-image:url(/Bénévolat/Prévision/stock_weather-storm.png);
 946  }
 947 .tag-Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise,
 948 .tag-Public_Savoir-faire_Autogestion_B_n_volat_Pr_vision_Crise {
 949         border:2px solid red !important;
 950         font-size:100% !important;
 951         font-weight: bold !important;
 952  }
 953
 954 a[href*='/URGENT/'] {
 955         color:red !important;
 956         font-weight:bold;
 957  }
 958 a[href*='/FAIT/'] {
 959         background-color:#05A500;
 960         color:black !important;
 961         font-size:100% !important;
 962         font-weight: bold !important;
 963         padding:0 1em 0 1em;
 964  }
 965 a[href*='/EN_COURS/'] {
 966         color:#FBC75C !important;
 967         font-weight:bold;
 968  }
 969 a[href*='/ANNULÉ/'] {
 970         //border:2px solid red !important;
 971         background-color:red;
 972         color:black !important;
 973         font-size:100% !important;
 974         font-weight: bold !important;
 975         padding:0 1em 0 1em;
 976  }
 977 a[href*='/NON_FAIT/'] {
 978         //border:2px solid #FBC75C !important;
 979         background-color:#FBC75C;
 980         color:black !important;
 981         font-size:100% !important;
 982         font-weight: bold !important;
 983         padding:0 1em 0 1em;
 984  }
 985
 986 .tag-Atelier_de_quartier_Fermeture,
 987 .tag-Public_Atelier_de_quartier_Fermeture {
 988         border:2px solid red !important;
 989         font-size:100% !important;
 990         font-weight: bold !important;
 991 }
 992 .tag-Atelier_de_quartier_Pantin_Quatre_Chemins,
 993 .tag-Public_Atelier_de_quartier_Pantin_Quatre_Chemins {
 994         background-color:#3CB371 !important;
 995  }
 996 .tag-Atelier_de_quartier_Paris_20_Saint-Blaise,
 997 .tag-Public_Atelier_de_quartier_Paris_20_Saint-Blaise {
 998         background-color:#87CEEB !important;
 999  }
1000 .tag-Atelier_de_quartier_Paris_20_Foug_res,
1001 .tag-Public_Atelier_de_quartier_Paris_20_Foug_res {
1002         background-color:#FF08DB !important;
1003  }
1004 .tag-Atelier_de_quartier_Paris_20_Foug_res__tabli,
1005 .tag-Public_Atelier_de_quartier_Paris_20_Foug_res__tabli {
1006         background-color:#FFA4F2 !important;
1007  }
1008 .tag-Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port,
1009 .tag-Public_Atelier_de_quartier_Ivry-sur-Seine_Ivry-Port {
1010         background-color:#FF4E50 !important;
1011  }
1012 .tag-Atelier_de_rue_Ivry-sur-Seine,
1013 .tag-Public_Atelier_de_rue_Ivry-sur-Seine {
1014         background-color:#DC143C !important;
1015  }
1016 .tag-Atelier_de_rue_Pantin,
1017 .tag-Public_Atelier_de_rue_Pantin {
1018         background-color:#008000 !important;
1019  }
1020 .tag-Atelier_de_rue_Paris_20,
1021 .tag-Public_Atelier_de_rue_Paris_20 {
1022         background-color:#4169E1 !important;
1023  }
1024 .tag-Cyclofficine_Ivry,
1025 .tag-Public_Cyclofficine_Ivry {
1026         background-color:#FF4E50 !important;
1027  }
1028 .tag-Cyclofficine_Paris,
1029 .tag-Public_Cyclofficine_Paris {
1030         background-color:#87CEEB !important;
1031  }
1032 .tag-Cyclofficine_Pantin,
1033 .tag-Public_Cyclofficine_Pantin {
1034         background-color:#3CB371 !important;
1035  }
1036 .tag-R_seau_L_Heureux_Cyclage,
1037 .tag-Public_R_seau_L_Heureux_Cyclage {
1038         background-color:#E1702E !important;
1039  }
1040 .tag-Activit__Cyclof_minisme,
1041 .tag-Public_Activit__Cyclof_minisme {
1042         //background-color:#7E93FF !important;
1043  }
1044 .tag-Activit__R_union,
1045 .tag-Public_Activit__R_union {
1046         background-color:#F8F087 !important;
1047  }
1048 .tag-Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion,
1049 .tag-Public_Savoir-faire_Autogestion_Gouvernement_R_union_mensuelle_d_autogestion {
1050         background-color:#F8F087 !important;
1051  }
1052 .tag-Cyclofficine,
1053 .tag-Public_Cyclofficine {
1054         background-color:#F8F087 !important;
1055  }
1056 .tag-Activit__Annul_e,
1057 .tag-Public_Activit__Annul_e {
1058         border:2px solid red !important;
1059         font-size:100% !important;
1060         font-weight: bold !important;
1061  }
1062 .tag-Ferm_,
1063 .tag-Public_Ferm_ {
1064         border:2px solid red !important;
1065         font-size:100% !important;
1066         font-weight: bold !important;
1067  }