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