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