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-top: 2px dashed #000000;
 148     clear: both;
 149     margin-bottom: 17px;
 150     overflow: hidden;
 151     padding: 5px;
 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: #000066;
 270     text-decoration: none;
 271 }
 272 a:hover {
 273     background: inherit;
 274     color: #000099;
 275     text-decoration: underline;
 276 }
 277 h1, .h1, h2, .h2, h3, .h3, h3.spip {
 278     color: black;
 279     font-family: Arial, sans-serif;
 280     line-height: 100%;
 281 }
 282 h1, .h1 {
 283     font-size: 15px;
 284     font-weight: bold;
 285         text-transform:uppercase;
 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     text-transform: uppercase;
 294         text-align:left;
 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     text-align: right;
 407     padding: 5px 0 15px;
 408     width: 350px;
 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 .formulaire_recherche label {
 433         text-align: right;
 434         display: inline;
 435 }
 436 #wrap {
 437     background-color: #FFFFFF;
 438     margin: 0 auto;
 439     position: relative;
 440     text-align: justify;
 441     width: 900px;
 442 }
 443 #content-wrap {
 444     background: none repeat-x scroll 0 0 #FFFFFF;
 445     clear: both;
 446     display: inline;
 447     margin-left: 15px;
 448     position: relative;
 449     width: 870px;
 450 }
 451 #header-wrap {
 452     background: none repeat scroll 0 0 #FFFFFF;
 453     height: 218px;
 454     margin: 0 auto;
 455     padding: 0;
 456     position: relative;
 457     width: 900px;
 458 }
 459 #header {
 460     height: 218px;
 461     width: 900px;
 462 }
 463 #header #nom_site_spip {
 464     color: #111111;
 465     font: 0 Georgia,"Times New Roman",Times,serif;
 466     left: 20px;
 467     letter-spacing: -1.5px;
 468     margin: 0;
 469     padding: 0;
 470     position: absolute;
 471     text-decoration: none;
 472     text-transform: none;
 473     top: 22px;
 474     visibility: hidden;
 475 }
 476 #header .accueil img.spip_logos {
 477     position: absolute;
 478     right: 0;
 479     top: 0;
 480     height: 218px;
 481     width: 900px;
 482 }
 483 #header #slogan_site_spip {
 484     color: #00FF00;
 485     font: 12px Georgia,"Times New Roman",Times,serif;
 486     left: 25px;
 487     margin: 0;
 488     padding: 0;
 489     position: absolute;
 490     text-transform: none;
 491     top: 67px;
 492 }
 493 #descriptif_site_spip {
 494     color: #333333;
 495     font: oblique 12px Georgia,"Times New Roman",Times,serif;
 496     text-transform: none;
 497         text-align:justify;
 498 }
 499 #menu_lang {
 500   margin-top:198px;
 501   position:absolute;
 502   right:5px;
 503 }
 504 #header .formulaire_menu_lang {
 505     background: none repeat scroll 0 0 transparent;
 506     border: 0 none;
 507     display: block;
 508     margin: 0;
 509     padding: 0;
 510     position: absolute;
 511     right: 0;
 512     top: 250px;
 513     width: 235px;
 514 }
 515 #header #header-links {
 516     color: #CC99CC;
 517     font: 11px Georgia,"Times New Roman",Times,serif;
 518     position: absolute;
 519     right: 10px;
 520     text-transform: uppercase;
 521     top: 25px;
 522 }
 523 #header #header-links a {
 524     font-weight: bold;
 525     padding: 0 2px;
 526     text-decoration: none;
 527 }
 528 #header #header-links a:hover {
 529     color: #111111;
 530 }
 531 #header-photo {
 532     background: none repeat scroll 0 0 #FFFFFF;
 533     clear: both;
 534     height: 206px;
 535     margin: 5px auto;
 536     padding: 0;
 537     width: 870px;
 538 }
 539 #header-photo img {
 540     border: medium none;
 541     margin: 0;
 542     padding: 0;
 543 }
 544 #nav {
 545     clear: both;
 546     font: oblique bolder 20px Georgia,"Times New Roman",Times,serif;
 547     height: 30px;
 548     margin: 0;
 549     padding: 0;
 550 }
 551 #nav .menu-liste {
 552     display: inline;
 553     float: left;
 554     height: 40px;
 555     list-style: none outside none;
 556     margin-left: 0px;
 557     margin-top: 15px;
 558     padding-left: 80px;
 559     width: 820px;
 560 }
 561 #nav .menu-liste .menu-entree {
 562     display: inline;
 563     margin: 15px;
 564     padding: 0;
 565 }
 566 #nav .menu-liste .menu-entree a {
 567     display: block;
 568     float: left;
 569     margin: 0;
 570     padding: 0;
 571     width: auto;
 572 }
 573 #nav .menu-liste .menu-entree a:hover, #nav .menu-liste .menu-entree a:active {
 574     background: none;
 575 }
 576 #nav .menu-liste .menu-entree.on a {
 577 }
 578 #nav .menu-liste li.menu-entree {
 579     border-bottom: medium solid #FFFF00;
 580     display: inline;
 581     float: left;
 582     position: relative;
 583     cursor: default;
 584 }
 585 #nav li .menu-liste {
 586     background-color: #FFFF00;
 587     background-image: none;
 588     border-bottom: medium none;
 589     display: none;
 590     font: oblique bolder 12px Georgia,"Times New Roman",Times,serif;
 591     height: auto;
 592     left: 0;
 593     position: absolute;
 594     top: 9px;
 595     width: 220px;
 596     z-index: 5;
 597     display: none;
 598         margin-left: 15px;
 599         padding-left: 0px;
 600 }
 601 #nav li .menu-liste .menu-entree {
 602     border-bottom: medium none;
 603     line-height: 0;
 604     width: 255px;
 605 }
 606 #nav li .menu-liste .menu-entree a {
 607     border-bottom: medium none;
 608     display: block;
 609     width: 226px;
 610 }
 611 #nav li:hover ul, #nav li.hover ul {
 612     display: block;
 613 }
 614 #nav li:hover li ul, #nav li.hover li ul {
 615     display: none;
 616 }
 617 #nav li:hover li:hover ul, #nav li.hover li.hover ul {
 618     display: block;
 619 }
 620 #nav li:hover li:hover li ul, #nav li.hover li.hover li ul {
 621     display: none;
 622 }
 623 #nav li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover ul {
 624     display: block;
 625 }
 626 #nav li:hover li:hover li:hover li ul, #nav li.hover li.hover li.hover li ul {
 627     display: none;
 628 }
 629 #nav li:hover li:hover li:hover li:hover ul, #nav li.hover li.hover li.hover li.hover ul {
 630     display: block;
 631 }
 632 #main {
 633     display: inline;
 634     float: left;
 635     margin: 0 0 0 10px;
 636     padding: 15px 0 0;
 637     width: 500px;
 638 }
 639 #main .h2 {
 640     font: 11px Verdana,Sans-serif;
 641     margin-top: 10px;
 642     padding-bottom: 3px;
 643     text-transform: uppercase;
 644 }
 645 #main .h2 a {
 646     color: #3300CC;
 647     text-decoration: none;
 648 }
 649 #main .h3 a {
 650     background: url("img/souligne-jaune.jpg") repeat-x scroll 0 0 transparent;
 651     color: black;
 652     text-decoration: none;
 653         line-height:18px;
 654 }
 655 #main ul.spip li {
 656     list-style-image: url("img/bullet.gif");
 657 }
 658 #sidebar {
 659     float: right;
 660     margin: 0 10px 0 0;
 661     padding: 25px 0 0;
 662     width: 350px;
 663 }
 664 #sidebar .h2, #sidebar {
 665     font: 11px Verdana,Sans-serif;
 666     margin-top: 10px;
 667     padding-bottom: 3px;
 668     text-transform: none;
 669 }
 670 #sidebar .menu ul {
 671 }
 672 #sidebar .menu ul li {
 673 }
 674 #sidebar .menu ul li a {
 675     border-bottom: medium none;
 676 }
 677 #sidebar .menu ul li a:hover {
 678 }
 679 #footer-wrap {
 680     border-top: 27px solid #FFFF00;
 681     clear: both;
 682     font-size: 95%;
 683     padding: 15px 0;
 684     text-align: left;
 685     width: 100%;
 686 }
 687 #footer-wrap a:hover {
 688     color: #000000;
 689 }
 690 #footer-wrap .h3 {
 691     color: #976834;
 692     font-weight: bold;
 693     line-height: 100%;
 694     margin: 0;
 695     padding: 0 10px;
 696     text-transform: uppercase;
 697 }
 698 #footer-content {
 699     color: #888888;
 700     margin: 0 auto;
 701     padding: 0;
 702     width: 840px;
 703 }
 704 #footer-content a {
 705     color: #666666;
 706     font-weight: bold;
 707     text-decoration: none;
 708 }
 709 #footer-bottom {
 710     clear: both;
 711     color: #666666;
 712     margin: 0 auto;
 713     padding: 15px 0 0;
 714     text-align: center;
 715     width: 870px;
 716 }
 717 #footer-bottom a {
 718
 719     color: #976834;
 720 }
 721 .articles ul li {
 722     clear: both;
 723     padding: 0.4em 0.2em;
 724 }
 725 .articles ul li h3 {
 726     margin: 0.3em 0;
 727 }
 728 .articles .spip_logos, .sites .spip_logos {
 729     clear: right;
 730     float: right;
 731     margin: 0 0 4px 16px;
 732 }
 733 .articles ul li .enclosures {
 734     float: right;
 735     margin: 0;
 736     max-width: 60%;
 737     text-align: right;
 738 }
 739 .articles ul li .introduction {
 740     line-height: 1.4em;
 741     margin-top: 0.3em;
 742 }
 743 .meta-publi {
 744     border: medium none;
 745     clear: both;
 746     font-size: 10px;
 747     font-style: oblique;
 748     font-weight: bold;
 749     padding: 5px;
 750     text-decoration: underline;
 751 }
 752 .meta-publi .date-redac {
 753     margin: 0 10px 0 5px;
 754 }
 755 .meta-publi .nb_commentaires {
 756     margin: 0 10px 0 5px;
 757 }
 758 .meta-publi .lire-la-suite {
 759     margin: 0 10px 0 5px;
 760 }
 761 .info-publi {
 762     font-size: 0.95em;
 763     margin-left: 1px;
 764     padding-top: 0;
 765 }
 766 .h3 + .info-publi {
 767     margin-top: -10px;
 768 }