www/themes/theme_lhc/habillage.css

   1 @font-face {
   2     font-family: "Verdana";
   3     src: url('./fonts/verdana.ttf') format('truetype');
   4 }
   5 @font-face {
   6     font-family: "Verdana";
   7     font-weight: bold;
   8     src: url('./fonts/verdanab.ttf') format('truetype');
   9 }
  10 @font-face {
  11     font-family: "Verdana";
  12     font-style: italic;
  13     src: url('./fonts/verdanai.ttf') format('truetype');
  14 }
  15 @font-face {
  16     font-family: "Verdana";
  17     font-weight: bold;
  18     font-style: italic;
  19     src: url('./fonts/verdanaz.ttf') format('truetype');
  20 }
  21 @font-face {
  22     font-family: "Georgia";
  23     src: url('./fonts/georgia.ttf') format('truetype');
  24 }
  25 @font-face {
  26     font-family: "Georgia";
  27     font-weight: bold;
  28     src: url('./fonts/georgiab.ttf') format('truetype');
  29 }
  30 @font-face {
  31     font-family: "Georgia";
  32     font-style: italic;
  33     src: url('./fonts/georgiai.ttf') format('truetype');
  34 }
  35 @font-face {
  36     font-family: "Georgia";
  37     font-weight: bold;
  38     font-style: italic;
  39     src: url('./fonts/georgiaz.ttf') format('truetype');
  40 }
  41 h3.spip {
  42     text-align: left;
  43 }
  44 #hierarchie {
  45     clear: both;
  46     font-size: 0.9em;
  47     margin-bottom: 2em;
  48 }
  49 #hierarchie, #hierarchie a {
  50     color: #666666;
  51 }
  52 .cartouche {
  53     margin-bottom: 2em;
  54 }
  55 .cartouche .spip_logos {
  56     float: right;
  57     margin-bottom: 4px;
  58     margin-left: 16px;
  59 }
  60 .cartouche p {
  61     clear: left;
  62     margin: 0;
  63     padding: 0;
  64 }
  65 .surtitre, .soustitre {
  66     color: #666666;
  67     font-size: 0.9em;
  68     letter-spacing: 0.1em;
  69     text-transform: uppercase;
  70 }
  71 .cartouche .surtitre {
  72     margin-bottom: 0.3em;
  73 }
  74 .cartouche .soustitre {
  75     margin-bottom: 0.3em;
  76     margin-top: 0.5em;
  77 }
  78 .cartouche .traductions {
  79     font-size: 0.9em;
  80 }
  81 .chapo {
  82     color: #666699;
  83     font-weight: bold;
  84     line-height: 1.4em;
  85     margin-bottom: 1.5em;
  86 }
  87 .texte {
  88     line-height: 1.6em;
  89 }
  90 .hyperlien {
  91     background: none repeat scroll 0 0 #EEEEEE;
  92     display: block;
  93     font-weight: bold;
  94     padding: 0.5em 1em;
  95 }
  96 .ps, .notes {
  97     line-height: 1.4em;
  98     margin-bottom: 2em;
  99 }
 100 .notes {
 101     clear: both;
 102     font-size: 0.9em;
 103 }
 104 abbr.published {
 105     border: 0 none;
 106 }
 107 .documents_portfolio {
 108     clear: both;
 109     margin: 2em auto;
 110     text-align: center;
 111 }
 112 .documents_portfolio .spip_logos {
 113     border: 1px solid #DDDDDD;
 114     margin: 6px 3px 0;
 115     padding: 4px;
 116 }
 117 .documents_portfolio a:hover .spip_logos {
 118     border-color: #F57900;
 119 }
 120 .documents_portfolio a.on .spip_logos {
 121     border-color: #8B6F92;
 122 }
 123 #document_actif {
 124     margin: 1em auto;
 125 }
 126 #document_actif img {
 127     border: 1px solid #DDDDDD;
 128     padding: 4px;
 129 }
 130 .pagination {
 131     clear: both;
 132     color: #666666;
 133     font-size: 0.95em;
 134     text-align: right;
 135 }
 136 .pagination .on {
 137     color: #666666;
 138     font-weight: bold;
 139 }
 140 .menu-liste, .liste-items {
 141     list-style: none outside none;
 142 }
 143 .liste-items {
 144     border-bottom: 20px solid #EBEBEB;
 145 }
 146 .liste-items .item {
 147     border-bottom: 3px dashed #000000;
 148     border-top: 3px dashed #000000;
 149     clear: both;
 150     margin-bottom: 15px;
 151     overflow: hidden;
 152 }
 153 .liste-items + .pagination {
 154     margin-top: 0;
 155     padding-top: 0;
 156 }
 157 .menu-liste {
 158     margin: 7px 0 8px;
 159     padding: 0;
 160     text-align: left;
 161 }
 162 .menu-liste .menu-entree {
 163     list-style: none outside none;
 164     margin: 0 2px;
 165     padding: 5px;
 166     background-image: none;
 167     border-bottom: medium solid #FFFF00;
 168     color: #000000;
 169     text-decoration: none;
 170 }
 171 * html body .menu-liste .menu-entree {
 172     height: 1%;
 173 }
 174 .menu-liste .menu-entree a {
 175     background-image: none;
 176     color: #000000;
 177     text-decoration: none;
 178 }
 179 .menu-liste .menu-entree a:hover {
 180     background: none repeat scroll 0 0 #FFFF00;
 181     color: #333333;
 182     margin-top: 15px;
 183 }
 184 .menu-liste .menu-liste {
 185     margin-left: 5px;
 186     padding: 0;
 187 }
 188 .menu-liste .menu-liste .menu-entree {
 189     border: medium none;
 190 }
 191
 192 .formulaire_recherche {
 193     margin-bottom: 2em;
 194 }
 195 .repondre {
 196     clear: both;
 197     font-style: italic;
 198     font-weight: bold;
 199     margin-right: 1em;
 200     margin-top: 0;
 201     text-align: right;
 202 }
 203 ul.forum {
 204     clear: both;
 205     display: block;
 206     margin: 0;
 207     padding: 0;
 208 }
 209 ul.forum, ul.forum ul {
 210     list-style: none outside none;
 211 }
 212 ul.forum, ul.forum ul {
 213     border-color: #F0F0F0;
 214     border-style: solid;
 215     border-width: 10px 10px 0;
 216     margin: 12px 10px;
 217     padding: 0;
 218 }
 219 ul.forum ul.spip {
 220     border: 0 none;
 221 }
 222 ul.forum ul {
 223     margin: 0;
 224 }
 225 .forum li {
 226     border-bottom: 15px solid #F0F0F0;
 227     list-style: none outside none;
 228     margin: 0;
 229     padding: 10px;
 230 }
 231 .forum ul.spip li {
 232     border: 0 none;
 233     padding: 0;
 234 }
 235 .forum li cite {
 236     display: block;
 237     font-style: normal;
 238     font-weight: bold;
 239     padding: 7px;
 240 }
 241 .forum li cite img {
 242     float: left;
 243     margin-right: 10px;
 244 }
 245 .forum li cite .forum-chapo {
 246     font-size: 0.8em;
 247     font-weight: normal;
 248 }
 249 .forum li .forum-texte {
 250     clear: both;
 251     margin: 0;
 252     padding: 0;
 253 }
 254 .forum li.alt {
 255     background: none repeat scroll 0 0 #F8F8F8;
 256 }
 257 tables.spip tr, tables.spip tr.row_odd, tables.spip tr.row_even {
 258     background: none repeat scroll 0 0 transparent;
 259 }
 260 * {
 261     margin: 0;
 262     outline: 0 none;
 263     padding: 0;
 264 }
 265 body {
 266     background: url("img/fond4.png") no-repeat scroll 50% 0 transparent;
 267     color: #666666;
 268     font: 10px Verdana,Tahoma,Arial,sans-serif;
 269     text-align: center;
 270 }
 271 a, a:visited {
 272     background: inherit;
 273     color: #0000FF;
 274     text-decoration: none;
 275 }
 276 a:hover {
 277     background: inherit;
 278     color: #000033;
 279     text-decoration: underline;
 280 }
 281 h1, .h1, h2, .h2, h3, .h3, h3.spip {
 282     color: #444444;
 283     font-family: 'Trebuchet MS',Tahoma,Sans-serif;
 284     line-height: 100%;
 285 }
 286 h1, .h1 {
 287     font-size: 230%;
 288     font-weight: normal;
 289     letter-spacing: -1px;
 290 }
 291 h2, .h2 {
 292     color: #333333;
 293     font-size: 180%;
 294 }
 295 h3, .h3, h3.spip {
 296     font: bold 15px/100% Arial,sans-serif;
 297     letter-spacing: 1px;
 298     text-transform: uppercase;
 299 }
 300 h1, .h1, h2, .h2, h3, .h3, h3.spip, p {
 301     margin: 0;
 302     padding: 10px 0;
 303 }
 304 ul.spip, ol.spip, ul.forum ul.spip {
 305     margin: 5px 10px;
 306     padding: 0 20px;
 307 }
 308 ul {
 309     list-style: none outside none;
 310 }
 311 .spip_documents img, .spip_logos img {
 312     border: 1px solid #DCDCDC;
 313     padding: 5px;
 314 }
 315 .spip_documents_right {
 316     margin: 5px 10px 10px;
 317 }
 318 .spip_documents_left {
 319     margin: 5px 20px 10px 0;
 320 }
 321 .spip_code, code {
 322     font: 500 1em/1.5em 'Lucida Console','courier new',monospace;
 323 }
 324 .spip_cadre {
 325     background: none repeat scroll 0 0 #FAFAE7;
 326     display: block;
 327     font: 500 1em/1.5em 'Lucida Console','courier new',monospace;
 328     margin: 5px 0;
 329     overflow: auto;
 330     padding: 10px;
 331     text-align: left;
 332     width: 90%;
 333 }
 334 acronym, abbr {
 335     border-bottom: 1px dashed #777777;
 336     cursor: help;
 337 }
 338 blockquote.spip {
 339     background: url("img/quote.jpg") no-repeat scroll 7px 10px #FAFAE7;
 340     border: 1px solid #F4F3EC;
 341     color: #FF0066;
 342     font: bold 1.3em/1.5em 'Trebuchet MS',Tahoma,Sans-serif;
 343     margin: 10px 0;
 344     padding: 0 0 0 45px;
 345 }
 346 table.spip {
 347     border-collapse: collapse;
 348     margin: 10px 0;
 349 }
 350 table.spip caption {
 351     text-align: left;
 352 }
 353 table.spip th strong {
 354     color: #FFFFFF;
 355 }
 356 table.spip th {
 357     background: url("img/nav.jpg") repeat-x scroll 0 0 #93BC0C;
 358     border: 0 none;
 359     height: 35px;
 360     padding-left: 12px;
 361     padding-right: 12px;
 362     text-align: left;
 363 }
 364 table.spip tr {
 365     height: 32px;
 366 }
 367 table.spip td {
 368     -moz-border-bottom-colors: none;
 369     -moz-border-left-colors: none;
 370     -moz-border-right-colors: none;
 371     -moz-border-top-colors: none;
 372     border-color: -moz-use-text-color -moz-use-text-color #FFFFFF #FFFFFF;
 373     border-image: none;
 374     border-style: none none solid solid;
 375     border-width: 0 0 1px 1px;
 376     padding-left: 11px;
 377     padding-right: 11px;
 378 }
 379 td.first, th.first {
 380     border-left: 0 none;
 381 }
 382 table.spip tr.row_even {
 383 }
 384 table.spip tr.row-odd {
 385 }
 386 .formulaire_spip fieldset legend {
 387 }
 388 .formulaire_spip input.text, input.password {
 389     font: 1em Verdana,sans-serif;
 390     padding: 2px;
 391 }
 392 .formulaire_spip textarea {
 393     display: block;
 394     font: 1em Verdana,sans-serif;
 395     height: 100px;
 396     padding: 2px;
 397 }
 398 #contenu .formulaire_spip textarea {
 399     width: 400px;
 400 }
 401 .formulaire_spip .boutons input {
 402     font: bold 12px Arial,Sans-serif;
 403     height: 24px;
 404     margin: 0;
 405     padding: 2px 3px;
 406 }
 407 .formulaire_recherche {
 408     background-color: transparent;
 409     border: medium none;
 410     margin-left: 215px;
 411     padding: 5px 0 15px;
 412 }
 413 #formulaire_recherche {
 414     width: 236px;
 415 }
 416 .formulaire_recherche p {
 417     margin: 0;
 418     padding: 0;
 419 }
 420 .formulaire_recherche input.text {
 421     height: 18px;
 422     padding: 2px;
 423     vertical-align: top;
 424 }
 425 #formulaire_recherche input.text {
 426     width: 170px;
 427     background-image: none;
 428 }
 429 .formulaire_recherche input.submit {
 430         width: 25px; height: 24px;
 431         background-color:#FFFFFF;
 432         background-image:url(http://192.168.0.13/~lchevalier/heureux-cyclage.org_trans/plugins/zpip_v1/rechercher.gif);
 433         background-repeat:no-repeat no-repeat;
 434         background-position: 0 50%;
 435         border: none;
 436         font-size:0;
 437         cursor: pointer;
 438 }
 439 #wrap {
 440     background-color: #FFFFFF;
 441     margin: 0 auto;
 442     position: relative;
 443     text-align: left;
 444     width: 900px;
 445 }
 446 #content-wrap {
 447     background: none repeat-x scroll 0 0 #FFFFFF;
 448     clear: both;
 449     display: inline;
 450     margin-left: 15px;
 451     position: relative;
 452     width: 870px;
 453 }
 454 #header-wrap {
 455     background: none repeat scroll 0 0 #FFFFFF;
 456     height: 218px;
 457     margin: 0 auto;
 458     padding: 0;
 459     position: relative;
 460     width: 900px;
 461 }
 462 #header {
 463     height: 218px;
 464     width: 900px;
 465 }
 466 #header #nom_site_spip {
 467     color: #111111;
 468     font: 0 Georgia,"Times New Roman",Times,serif;
 469     left: 20px;
 470     letter-spacing: -1.5px;
 471     margin: 0;
 472     padding: 0;
 473     position: absolute;
 474     text-decoration: none;
 475     text-transform: none;
 476     top: 22px;
 477     visibility: hidden;
 478 }
 479 #header .accueil img.spip_logos {
 480     position: absolute;
 481     right: 0;
 482     top: 0;
 483     height: 218px;
 484     width: 900px;
 485 }
 486 #header #slogan_site_spip {
 487     color: #00FF00;
 488     font: 12px Georgia,"Times New Roman",Times,serif;
 489     left: 25px;
 490     margin: 0;
 491     padding: 0;
 492     position: absolute;
 493     text-transform: none;
 494     top: 67px;
 495 }
 496 #descriptif_site_spip {
 497     color: #333333;
 498     font: oblique 12px Georgia,"Times New Roman",Times,serif;
 499     text-transform: none;
 500 }
 501 #menu_lang {
 502   margin-top:198px;
 503   position:absolute;
 504   right:5px;
 505 }
 506 #header .formulaire_menu_lang {
 507     background: none repeat scroll 0 0 transparent;
 508     border: 0 none;
 509     display: block;
 510     margin: 0;
 511     padding: 0;
 512     position: absolute;
 513     right: 0;
 514     top: 250px;
 515     width: 235px;
 516 }
 517 #header #header-links {
 518     color: #CC99CC;
 519     font: 11px Georgia,"Times New Roman",Times,serif;
 520     position: absolute;
 521     right: 10px;
 522     text-transform: uppercase;
 523     top: 25px;
 524 }
 525 #header #header-links a {
 526     font-weight: bold;
 527     padding: 0 2px;
 528     text-decoration: none;
 529 }
 530 #header #header-links a:hover {
 531     color: #111111;
 532 }
 533 #header-photo {
 534     background: none repeat scroll 0 0 #FFFFFF;
 535     clear: both;
 536     height: 206px;
 537     margin: 5px auto;
 538     padding: 0;
 539     width: 870px;
 540 }
 541 #header-photo img {
 542     border: medium none;
 543     margin: 0;
 544     padding: 0;
 545 }
 546 #nav {
 547     clear: both;
 548     font: oblique bolder 20px Georgia,"Times New Roman",Times,serif;
 549     height: 30px;
 550     margin: 0;
 551     padding: 0;
 552 }
 553 #nav .menu-liste {
 554     display: inline;
 555     float: left;
 556     height: 40px;
 557     list-style: none outside none;
 558     margin-left: 0px;
 559     margin-top: 15px;
 560     padding-left: 80px;
 561     width: 820px;
 562 }
 563 #nav .menu-liste .menu-entree {
 564     display: inline;
 565     margin: 15px;
 566     padding: 0;
 567 }
 568 #nav .menu-liste .menu-entree a {
 569     display: block;
 570     float: left;
 571     margin: 0;
 572     padding: 0;
 573     width: auto;
 574 }
 575 #nav .menu-liste .menu-entree a:hover, #nav .menu-liste .menu-entree a:active {
 576     background: none;
 577 }
 578 #nav .menu-liste .menu-entree.on a {
 579 }
 580 #nav .menu-liste li.menu-entree {
 581     border-bottom: medium solid #FFFF00;
 582     display: inline;
 583     float: left;
 584     position: relative;
 585     cursor: default;
 586 }
 587 #nav li .menu-liste {
 588     background-color: #FFFF00;
 589     background-image: none;
 590     border-bottom: medium none;
 591     display: none;
 592     font: oblique bolder 12px Georgia,"Times New Roman",Times,serif;
 593     height: auto;
 594     left: 0;
 595     position: absolute;
 596     top: 9px;
 597     width: 220px;
 598     z-index: 5;
 599     display: none;
 600         margin-left: 15px;
 601         padding-left: 0px;
 602 }
 603 #nav li .menu-liste .menu-entree {
 604     border-bottom: medium none;
 605     line-height: 0;
 606     width: 255px;
 607 }
 608 #nav li .menu-liste .menu-entree a {
 609     border-bottom: medium none;
 610     display: block;
 611     width: 226px;
 612 }
 613 #nav li:hover ul, #nav li.hover ul {
 614     display: block;
 615 }
 616 #nav li:hover li ul, #nav li.hover li ul {
 617     display: none;
 618 }
 619 #nav li:hover li:hover ul, #nav li.hover li.hover ul {
 620     display: block;
 621 }
 622 #nav li:hover li:hover li ul, #nav li.hover li.hover li ul {
 623     display: none;
 624 }
 625 #nav li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover ul {
 626     display: block;
 627 }
 628 #nav li:hover li:hover li:hover li ul, #nav li.hover li.hover li.hover li ul {
 629     display: none;
 630 }
 631 #nav li:hover li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover li.hover ul {
 632     display: block;
 633 }
 634 #main {
 635     display: inline;
 636     float: left;
 637     margin: 0 0 0 10px;
 638     padding: 15px 0 0;
 639     width: 400px;
 640 }
 641 #main .h2 {
 642     font: 11px 'Trebuchet MS',Tahoma,Sans-serif;
 643     margin-top: 10px;
 644     padding-bottom: 3px;
 645     text-transform: uppercase;
 646 }
 647 #main .h2 a {
 648     color: #3300CC;
 649     text-decoration: none;
 650 }
 651 #main .h3 a {
 652     background: url("img/souligne-jaune.jpg") repeat-x scroll 0 0 transparent;
 653     color: black;
 654     text-decoration: none;
 655         line-height:18px;
 656 }
 657 #main ul.spip li {
 658     list-style-image: url("img/bullet.gif");
 659 }
 660 #sidebar {
 661     float: right;
 662     margin: 0 10px 0 0;
 663     padding: 25px 0 0;
 664     width: 450px;
 665 }
 666 #sidebar .h2, #sidebar {
 667     font: 11px 'Trebuchet MS',Tahoma,Sans-serif;
 668     margin-top: 10px;
 669     padding-bottom: 3px;
 670     text-transform: uppercase;
 671 }
 672 #sidebar .menu ul {
 673 }
 674 #sidebar .menu ul li {
 675 }
 676 #sidebar .menu ul li a {
 677     border-bottom: medium none;
 678 }
 679 #sidebar .menu ul li a:hover {
 680 }
 681 #footer-wrap {
 682     border-top: 27px solid #FFFF00;
 683     clear: both;
 684     font-size: 95%;
 685     padding: 15px 0;
 686     text-align: left;
 687     width: 100%;
 688 }
 689 #footer-wrap a:hover {
 690     color: #000000;
 691 }
 692 #footer-wrap .h3 {
 693     color: #976834;
 694     font-weight: bold;
 695     line-height: 100%;
 696     margin: 0;
 697     padding: 0 10px;
 698     text-transform: uppercase;
 699 }
 700 #footer-content {
 701     color: #888888;
 702     margin: 0 auto;
 703     padding: 0;
 704     width: 840px;
 705 }
 706 #footer-content a {
 707     color: #666666;
 708     font-weight: bold;
 709     text-decoration: none;
 710 }
 711 #footer-bottom {
 712     clear: both;
 713     color: #666666;
 714     margin: 0 auto;
 715     padding: 15px 0 0;
 716     text-align: center;
 717     width: 870px;
 718 }
 719 #footer-bottom a {
 720
 721     color: #976834;
 722 }
 723 .articles ul li {
 724     clear: both;
 725     padding: 0.4em 0.2em;
 726 }
 727 .articles ul li h3 {
 728     margin: 0.3em 0;
 729 }
 730 .articles .spip_logos, .sites .spip_logos {
 731     clear: right;
 732     float: right;
 733     margin: 0 0 4px 16px;
 734 }
 735 .articles ul li .enclosures {
 736     float: right;
 737     margin: 0;
 738     max-width: 60%;
 739     text-align: right;
 740 }
 741 .articles ul li .introduction {
 742     line-height: 1.4em;
 743     margin-top: 0.3em;
 744 }
 745 .meta-publi {
 746     border: medium none;
 747     clear: both;
 748     font-size: 10px;
 749     font-style: oblique;
 750     font-weight: bold;
 751     padding: 5px;
 752     text-decoration: underline;
 753 }
 754 .meta-publi .date-redac {
 755     margin: 0 10px 0 5px;
 756 }
 757 .meta-publi .nb_commentaires {
 758     margin: 0 10px 0 5px;
 759 }
 760 .meta-publi .lire-la-suite {
 761     margin: 0 10px 0 5px;
 762 }
 763 .info-publi {
 764     font-size: 0.95em;
 765     margin-left: 1px;
 766     padding-top: 0;
 767 }
 768 .h3 + .info-publi {
 769     margin-top: -10px;
 770 }