www/themes/theme_lhc/habillage.css

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