www/themes/theme_einsteiniumist/habillage.css

   1 @import url(http://fonts.googleapis.com/css?family=Sansita+One|Open+Sans:400,400italic);
   2
   3 /* = base.css
   4 --------------------------------------------------- */
   5 .inclure_blocs {
   6         color: #000;
   7 }
   8
   9 body {
  10         margin: 0;
  11         padding: 0;
  12         font: normal 12px/1.5em 'Open Sans', sans-serif;
  13         color: #fbfbfb;
  14         background: transparent url('img/bg.png') 0 0 repeat;
  15 }
  16 form {
  17         margin: 1em 0;
  18         padding: 0;
  19         display: block;
  20 }
  21 blockquote {
  22         margin: 1em 0;
  23         padding: 0 1em;
  24         border: 1px solid #383838;
  25         background: #111 none;
  26         font-style: italic;
  27         border-radius: 5px;
  28 }
  29 blockquote em {
  30         font-style: normal;
  31 }
  32 blockquote blockquote {
  33         border-color: #383838;
  34         background: #010101 none;
  35         font-style: normal;
  36 }
  37 blockquote blockquote em {
  38         font-style: italic;
  39 }
  40 blockquote blockquote blockquote {
  41         border-color: #383838;
  42         background: #010101 none;
  43         font-style: italic;
  44 }
  45 blockquote blockquote em {
  46         font-style: normal;
  47 }
  48 blockquote.spip_poesie {
  49     border-left: 1px solid;
  50     font-family: Garamond,Georgia,Times,serif;
  51     font-size: 100%;
  52     margin: 2em 0;
  53     padding-left: 1em;
  54 }
  55 iframe {
  56         display: block;
  57         margin: 0;
  58         padding: 0;
  59 }
  60 h1,
  61 h2,
  62 h3,
  63 h4,
  64 h5,
  65 h6 {
  66         margin: 1em 0;
  67         padding: 0;
  68 }
  69 h3 {
  70         font: 22px/40px 'Sansita One',cursive;
  71         color: #6BC1D0;
  72         margin: 0;
  73 }
  74 p {
  75         margin: 1em 0;
  76         padding: 0;
  77         text-align: justify;
  78 }
  79 ol ol,
  80 ul ul,
  81 ol ul,
  82 ul ol {
  83         margin: 0;
  84 }
  85 a {
  86         outline: none;
  87 }
  88 a:link,
  89 a:visited {
  90         color: #6bc1d0;
  91         text-decoration: none;
  92 }
  93 a:hover,
  94 a:active {
  95         color: #6bc1d0;
  96         text-decoration: underline;
  97 }
  98 abbr {
  99         border: 0 none;
 100 }
 101 table {
 102         margin: 1em 0;
 103 }
 104 input,
 105 button,
 106 select,
 107 option,
 108 textarea {
 109         line-height: 12px;
 110         font-family:  'Open Sans', sans-serif;
 111 }
 112 input,
 113 textarea {
 114         font: normal 12px/12px  'Open Sans', sans-serif;
 115 }
 116 *:focus {
 117         outline: none;
 118 }
 119 iframe {
 120         margin: 1em 0;
 121 }
 122 table.spip tr.row_first {
 123     background: none repeat scroll 0 0 #6BC1D0;
 124 }
 125 table.spip tbody {
 126         color: #000000;
 127 }
 128 .spip_code {
 129         color: #ff8e05;
 130 }
 131 dl.spip_documents {
 132     background: none repeat scroll 0 0 #010101;
 133     border: 1px solid #CCCCCC;
 134     color: #FBFBFB;
 135     padding: 4px;
 136 }
 137
 138
 139
 140 /* = layout.css
 141 --------------------------------------------------- */
 142
 143 /** Header **/
 144 #header-wrap {
 145         background: #4b5358 url('img/bg-header-wrap.png') 0 0 repeat-x;
 146         margin-bottom: 36px;
 147         float: left;
 148         width: 100%;
 149 }
 150 #header {
 151         width: 960px;
 152         margin: 0 auto;
 153 }
 154
 155 /** Main **/
 156 #main-wrap {
 157         padding: 20px 0 32px 0;
 158         margin: 0 0 26px 0;
 159         background: #4b5358 url('img/bg-main-wrap.png') 0 100% repeat-x;
 160 }
 161 #main {
 162         width: 960px;
 163         margin: 0 auto;
 164 }
 165 #primary {
 166         width: 630px;
 167         float: left;
 168         overflow: hidden;
 169 }
 170 #secondary {
 171         width: 300px;
 172         float: right;
 173         margin-bottom: -20px;
 174 }
 175 #secondary .liste-items .item {
 176         margin-left: 0;
 177         float: none;
 178         margin-bottom: 1em;
 179         overflow: hidden;
 180 }
 181
 182 /** Footer **/
 183 #footer-wrap {
 184         background: #4b5358 url('img/bg-header-wrap.png') 0 0 repeat-x;
 185         padding-top: 12px;
 186 }
 187
 188 /** Copyright **/
 189 #copyright {
 190         width: 960px;
 191         margin: 0 auto;
 192         padding: 1em 0;
 193 }
 194
 195
 196
 197
 198
 199
 200 /* = header.css
 201 --------------------------------------------------- */
 202 .accueil {
 203         margin: 0;
 204         padding: 0;
 205         float: left;
 206 }
 207 .accueil .spip_logos {
 208         float: left;
 209     max-height: 80px;
 210     margin-right: 20px;
 211     width: auto;
 212 }
 213 #nom_site_spip {
 214         display: block;
 215         float: left;
 216 }
 217 #nom_site_spip a {
 218         font: 36px 'Sansita One', cursive;
 219         color: #fbfbfb;
 220 }
 221 #nom_site_spip a:hover {
 222         text-decoration: none;
 223 }
 224 #slogan_site_spip {
 225         color: #fbfbfb;
 226 }
 227 #branding {
 228         float: left;
 229         margin-top: 19px;
 230 }
 231 #header .widget-area {
 232         float: right;
 233 }
 234 #header .widget_socialnet {
 235         float: left;
 236         width: 162px;
 237         height: 82px;
 238         margin-left: 30px;
 239         background: transparent url('img/bg-header-socialnet.png') 0 0 no-repeat;
 240 }
 241 #header .widget_socialnet p {
 242         display: none;
 243 }
 244 #header .widget_socialnet ul {
 245         display: block;
 246         height: 55px;
 247         margin: 10px 0 0 0;
 248         padding: 0;
 249         float: left;
 250 }
 251 #header .widget_socialnet ul li {
 252         display: block;
 253         list-style-type: none;
 254         float: left;
 255         margin: 0 0 0 15px;
 256         padding: 0;
 257 }
 258 #header .widget_socialnet ul li a {
 259         display: block;
 260         text-indent: -99999px;
 261         width: 55px;
 262         height: 55px;
 263         background: transparent url('') 0 0 no-repeat;
 264 }
 265
 266
 267
 268
 269
 270
 271
 272
 273
 274 /* = navigation.css
 275 --------------------------------------------------- */
 276
 277 /** Primary Menu **/
 278 #menubar {
 279         float: right;
 280 }
 281 #nav {
 282         margin-top: 37px;
 283         margin-bottom: 10px;
 284         float: left;
 285 }
 286 #menubar ul {
 287         display: block;
 288         margin: 0;
 289         padding: 0;
 290         list-style: none;
 291         width: 100%;
 292         height: 14px;
 293 }
 294 #menubar ul li {
 295         display: block;
 296         margin: 0;
 297         padding: 2px 15px;
 298         float: left;
 299         position: relative;
 300         border-left: 1px dotted #74787a;
 301 }
 302 #menubar ul li:first-child {
 303         border-left: 0 none;
 304 }
 305 #menubar ul li a {
 306         display: block;
 307         margin: 0;
 308         text-decoration: none;
 309         text-transform: uppercase;
 310         display: block;
 311         font: bold 14px/14px 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 312         color: #fbfbfb;
 313 }
 314 #menubar ul li span {
 315         display: block;
 316         margin: 0;
 317         text-decoration: none;
 318         text-transform: uppercase;
 319         display: block;
 320         font: bold 14px/14px 'Open Sans', 'Helvetica', 'Arial', sans-serif;
 321         color: #fbfbfb;
 322 }
 323 #menubar ul li:hover a,
 324 #menubar ul li.hover a {
 325         color: #6bc1d0;
 326 }
 327
 328 #menubar ul li ul {
 329         display: none;
 330         width: 180px;
 331         position: absolute;
 332         z-index: 999999;
 333         margin: 0;
 334         padding: 5px 0 0 0;
 335         border: 0 none;
 336 }
 337 #menubar ul li:hover ul,
 338 #menubar ul li.hover ul {
 339         display: block;
 340 }
 341 #menubar ul li:hover ul li,
 342 #menubar ul li.hover ul li {
 343         display: block;
 344         float: none;
 345         margin: 0;
 346         padding: 0;
 347         background: transparent none;
 348         border: 0 none;
 349 }
 350 #menubar ul li:hover ul li a,
 351 #menubar ul li.hover ul li a {
 352         display: block;
 353         color: #fff;
 354         font-size: 13px;
 355         line-height: 21px;
 356         float: none;
 357         padding: 5px 15px;
 358         background: transparent none;
 359         border: 0 none;
 360         box-shadow: none;
 361         text-transform: none;
 362         border-left: 1px solid #d9d9d7;
 363         background: #333 none;
 364 }
 365 #menubar ul li:hover ul li:hover a,
 366 #menubar ul li.hover ul li.hover a,
 367 #menubar ul li:hover ul li.active a,
 368 #menubar ul li.hover ul li.active a {
 369         color: #6bc1d0;
 370         border-left: 1px solid #6bc1d0;
 371 }
 372 #menubar ul li:hover ul li ul,
 373 #menubar ul li.hover ul li ul {
 374         display: none;
 375 }
 376 #menubar ul li:hover ul li:hover ul,
 377 #menubar ul li.hover ul li.hover ul {
 378         display: block;
 379         height: auto;
 380         float: left;
 381         margin: -31px 0 0 180px;
 382 }
 383 #menubar ul li:hover ul li:hover ul li a,
 384 #menubar ul li.hover ul li.hover ul li a {
 385         color: #fff;
 386         border-left: 1px solid #d9d9d7;
 387 }
 388 #menubar ul li:hover ul li:hover ul li:hover a,
 389 #menubar ul li.hover ul li.hover ul li.hover a {
 390         color: #6bc1d0;
 391         border-left: 1px solid #6bc1d0;
 392 }
 393
 394
 395
 396
 397
 398
 399
 400
 401
 402 /* = content.css
 403 --------------------------------------------------- */
 404 /* Formulaires */
 405 .formulaire_menu_lang {
 406         margin-top: 7px;
 407         float: left;
 408 }
 409 .formulaire_menu_lang label {
 410         display: none;
 411 }
 412 .formulaire_spip fieldset legend {
 413     background-color: inherit;
 414     color: inherit;
 415     font-size: 1.05em;
 416     font-weight: bold;
 417     margin: 0;
 418     padding: 0;
 419     font: normal 15px/30px 'Sansita One', cursive;
 420 }
 421 .formulaire_spip .explication {
 422     color: inherit;
 423 }
 424 .formulaire_spip label {
 425         color: inherit;
 426 }
 427 .formulaire_spip fieldset.previsu legend {
 428     font-weight: normal;
 429 }
 430 #formulaire_forum textarea {
 431         border: 1px solid #ccc;
 432         padding: 8px 5px;
 433         width: 618px;
 434         max-width: 618px;
 435         color: #000;
 436         background: #fff none;
 437         border-radius: 5px;
 438 }
 439 .ariaformprop textarea {
 440         border: 1px solid #ccc;
 441         padding: 8px 5px;
 442         width: 618px;
 443         max-width: 618px;
 444         color: #000;
 445         background: #fff none;
 446         border-radius: 5px;
 447 }
 448 #recherche {
 449     background: none repeat scroll 0 0 #FFFFFF;
 450     border: 0 none;
 451     color: #000000;
 452     float: left;
 453     font-size: 12px;
 454     height: 17px;
 455     line-height: 12px;
 456     margin: 0;
 457     padding: 5px 10px;
 458     width: 203px;
 459 }
 460 #formulaire_recherche {
 461         margin: 0;
 462         background: none;
 463 }
 464 #formulaire_recherche label {
 465         display: none;
 466 }
 467 #formulaire_recherche .submit {
 468         background: none repeat scroll 0 0 #000000;
 469     border: 1px solid #999999;
 470     color: #EEEEEE;
 471     float: left;
 472     height: 28px;
 473     line-height: 28px;
 474     margin: 0;
 475     padding: 0;
 476     text-align: center;
 477     width: 34px;
 478 }
 479 #formulaire_login .boutons {
 480         text-align: inherit;
 481         margin: 0;
 482 }
 483 #formulaire_login .boutons input {
 484         margin: 0;
 485 }
 486
 487
 488 /** Page $ **/
 489 .page-header .page-title {
 490         display: block;
 491         margin: 0 0 0.5em 0;
 492         font: normal 38px/46px 'Sansita One', cursive;
 493         color: #fff;
 494         text-transform: uppercase;
 495 }
 496 .page_plan .h3 {
 497         color: #FBFBFB !important;
 498         padding-left: 15px;
 499 }
 500 .page_forum .cartouche .h1 {
 501         background: url("img/bg-post-box-comment-add.png") no-repeat scroll 0 0 transparent;
 502         padding: 0 0 0 50px;
 503         border-bottom: 1px dashed #CCCCCC;
 504         padding-bottom: 10px;
 505         color: #FBFBFB;
 506 }
 507 .page_auteur .liste-items .item,
 508 .page_recherche .liste-items .item {
 509         margin-left: 30px;
 510         float: none;
 511         margin-bottom: 1em;
 512 }
 513 .page_article .info-publi {
 514         float: left;
 515         width: inherit;
 516         font-size: 11px;
 517 }
 518 .liste-items {
 519         list-style: none;
 520         padding: 0;
 521 }
 522 .sites {
 523     clear: both;
 524     padding-top: 30px;
 525 }
 526 .sites .liste-items .item {
 527     padding: 0;
 528     margin-left: 15px;
 529 }
 530 .contenu-principal {
 531     width: 620px;
 532 }
 533 .page_mot .liste-items .item {
 534     clear: both;
 535     float: left;
 536     margin-bottom: 3em;
 537     margin-left: 50px;
 538 }
 539 .texte-intro {
 540         text-decoration: none;
 541 }
 542 .texte-intro a:hover {
 543         text-decoration: none !important;
 544 }
 545
 546 /** Entry **/
 547 .entry {
 548         padding: 0;
 549         margin: 0 0 3em 0;
 550 }
 551 .entry .entry-thumbnail {
 552         margin: 0 0 1em 0;
 553         padding: 0;
 554         float: left;
 555 }
 556 .entry .entry-thumbnail a {
 557         display: block;
 558         margin: 0;
 559         padding: 0;
 560 }
 561 .entry .entry-thumbnail img {
 562         display: block;
 563         margin: 0;
 564 }
 565 .contenu-principal .h1 {
 566         display: block;
 567         padding: 0;
 568         margin: 0 0 0.3em 0;
 569         line-height: 36px;
 570         font: 30px/50px 'Sansita One',cursive;
 571         color: #6BC1D0;
 572 }
 573 .entry-title {
 574     display: block;
 575     font-family: 'Sansita One',cursive;
 576     font-size: 28px;
 577     font-weight: normal;
 578     line-height: 36px;
 579     margin: 0 0 0.3em;
 580     padding: 0;
 581 }
 582 .sidebar .h2 {
 583         font: 25px/40px 'Sansita One',cursive;
 584         color: #FBFBFB;
 585 }
 586 .sommaire .h2 {
 587     color: #FFFFFF;
 588     display: block;
 589     font: 38px/46px 'Sansita One',cursive;
 590     margin: 0 0 0.5em;
 591     text-transform: uppercase;
 592 }
 593 .entry .entry-header,
 594 .search .entry .entry-header {
 595         margin-left: 190px;
 596 }
 597 .entry .entry-header a {
 598         text-decoration: none;
 599 }
 600 .entry .entry-header a:hover {
 601         text-decoration: underline;
 602 }
 603 .entry .entry-header .meta {
 604         display: block;
 605         margin: 0;
 606         padding: 0;
 607 }
 608 .entry .entry-excerpt {
 609         margin-left: 190px;
 610 }
 611 .entry .entry-share ul {
 612         display: block;
 613         margin: 0;
 614         padding: 0;
 615         height: 25px;
 616 }
 617 .entry .entry-share ul li {
 618         display: block;
 619         float: left;
 620         margin: 0 10px 0 0;
 621 }
 622 .entry .entry-share iframe {
 623         margin: 0;
 624 }
 625
 626 /** Not Found **/
 627 .not-found .entry-title {
 628         float: none;
 629 }
 630 .not-found .entry-header {
 631         margin-left: 0;
 632 }
 633
 634 /** Singular Posts **/
 635 .singular .entry-header {
 636         margin: 0 0 1.5em 0;
 637 }
 638 .cartouche .h1 {
 639         font-size: 36px;
 640         line-height: 42px;
 641         margin: 0 0 0.3em 0;
 642 }
 643
 644 /** Page **/
 645 .page .entry-header {
 646         margin: 0 0 1em 0;
 647 }
 648 .page .entry .entry-title {
 649         float: none;
 650 }
 651
 652 /** Entry Boxes **/
 653 .entry-box {
 654         margin: 0 0 20px 0;
 655 }
 656 .entry-box .entry-box-header {
 657         margin: 0 0 10px 0;
 658         border-bottom: 1px dashed #ccc;
 659 }
 660 .entry-box .entry-box-title {
 661         display: block;
 662         margin: 0;
 663         padding: 0 0 0 50px;
 664         height: 50px;
 665         font: normal 30px/50px 'Sansita One', cursive;
 666 }
 667 .entry-box-about-author img {
 668         float: left;
 669         margin: 0 10px 0 0;
 670 }
 671 .entry-box-share ul {
 672         display: block;
 673         list-style: none;
 674         margin: 11px 0 0 36px;
 675         padding: 0;
 676 }
 677 .entry-box-share ul li {
 678         display: block;
 679         margin: 10px 15px 0 0;
 680         padding: 0;
 681         float: left;
 682 }
 683 .entry-box-share ul li a {
 684         display: block;
 685         float: left;
 686 }
 687 .entry-box-share ul li a img {
 688         border: 0 none;
 689         padding: 0;
 690 }
 691 .entry-box-reply {
 692         margin: 0;
 693 }
 694 .entry-box-about-author .entry-box-title {
 695         background: transparent url('img/bg-post-box-author.png') 0 0 no-repeat;
 696 }
 697 .entry-box-share .entry-box-title {
 698         background: transparent url('img/bg-post-box-spread-love.png') 0 0 no-repeat;
 699 }
 700 .entry-box-related .entry-box-title {
 701         background: transparent url('img/bg-post-box-related-posts.png') 0 0 no-repeat;
 702 }
 703 .entry-box-replies .entry-box-title {
 704         background: transparent url('img/bg-post-box-comments.png') 0 0 no-repeat;
 705 }
 706 .entry-box-trackbacks .entry-box-title {
 707         background: transparent url('img/bg-post-box-trackbacks.png') 0 0 no-repeat;
 708 }
 709 .entry-box-reply .entry-box-title {
 710         background: transparent url('img/bg-post-box-comment-add.png') 0 0 no-repeat;
 711 }
 712
 713
 714
 715 /*** documents_portfolio ***/
 716 .documents_portfolio h2 {
 717         border-bottom: 1px dashed #CCCCCC;
 718         padding-bottom: 10px;
 719         display: block;
 720         font: 20px 'Sansita One',cursive;
 721         margin-bottom: 10px;
 722 }
 723
 724 /*** Social tags ***/
 725 div.padd-post-box-sb h3 {
 726         background: transparent url('img/bg-post-box-spread-love.png') 0 0 no-repeat;
 727         border-bottom: 1px dashed #CCCCCC;
 728         padding-bottom: 10px;
 729         display: block;
 730         font: 30px/50px 'Sansita One',cursive;
 731         height: 50px;
 732         margin: 0;
 733         padding: 0 0 0 50px;
 734         color: #fff;
 735         margin-top: 50px;
 736 }
 737
 738
 739 /** Comments **/
 740 .comments-list {
 741         display: block;
 742         list-style: none;
 743         margin: 15px 0 0 0;
 744         padding: 0;
 745 }
 746 .comments-list li.comment {
 747         display: block;
 748         list-style: none;
 749         margin: 0;
 750         padding: 0;
 751 }
 752 .comments-list li.comment ul.children {
 753         margin: 0;
 754         padding: 0 0 0 80px
 755 }
 756 #comments {
 757     margin-top: 50px;
 758     width: 620px;
 759 }
 760 .comment-content .spip_logos {
 761         position: relative;
 762         left: -174px;
 763         top: 145px;
 764         height: 55px;
 765         width: auto;
 766         max-width: 75px;
 767         margin-top: -75px;
 768 }
 769
 770 .comment-message {
 771         border: 1px solid #ccc;
 772         background: #fff url('img/bd-comment-vertical.gif') 170px 0 repeat-y;
 773         margin: 0 0 10px 0;
 774         padding: 10px;
 775         border-radius: 5px;
 776         color: #666666;
 777         clear: both;
 778         min-height: 125px;
 779 }
 780 .comment-message .comment-meta {
 781         width: 150px;
 782         float: left;
 783         font-weight: normal;
 784         font-family: 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif;
 785 }
 786 .comment-message .comment-meta .forum-titre {
 787         display: block;
 788     float: left;
 789     width: 140px;
 790 }
 791 .comment-message .comment-meta .ancre {
 792         display: block;
 793     float: left;
 794     width: 10px;
 795 }
 796 .comment-message .comment-author .fn {
 797     display: block;
 798     float: left;
 799     width: 150px;
 800 }
 801 .comment-message .comment-author {
 802         font-weight: normal;
 803 }
 804
 805 .comment-box .comment-author a {
 806         font-weight: normal;
 807 }
 808 .comment-box .comment-author .comment-avatar {
 809         margin: 0 10px 0 0;
 810         float: left;
 811 }
 812 .comment-box .comment-author .comment-avatar img.avatar {
 813         border: 2px solid #ccc;
 814         padding: 1px;
 815 }
 816 .comment-box .comment-author .comment-meta .author {
 817         color: #666;
 818 }
 819 .comment-box .comment-author .comment-meta .time {
 820         color: #999;
 821          font: normal 10px/14px 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif;
 822 }
 823 .comment-box .comment-author span {
 824         display: block;
 825 }
 826 .comment-box .comment-details {
 827         margin: 0 0 0 163px;
 828         padding: 0 0 10px 10px;
 829         min-height: 100px;
 830 }
 831 .comment-box .comment-actions {
 832         padding: 4px 0;
 833         text-align: right;
 834         font: normal 10px/18px 'Ropa Sans', 'Helvetica', 'Arial' , sans-serif;
 835 }
 836 .trackbacks-list {
 837         margin: 0 0 0 3em;
 838         padding: 0;
 839 }
 840 .comment-message .comment-reply{
 841         text-align: right;
 842 }
 843
 844 #comments h2 {
 845         background: transparent url('img/bg-post-box-comments.png') 0 0 no-repeat;
 846         padding: 0 0 0 50px;
 847         border-bottom: 1px dashed #CCCCCC;
 848         padding-bottom: 10px;
 849         display: block;
 850     font: 30px/50px 'Sansita One',cursive;
 851     height: 50px;
 852     margin: 0;
 853     padding: 0 0 0 50px;
 854 }
 855
 856 .comment-message .comment-content {
 857         margin-left: 175px;
 858 }
 859
 860 #content .repondre {
 861         clear: both;
 862 }
 863
 864
 865
 866
 867
 868
 869 /* Comment Form
 870 -----------------------------------------*/
 871 #pass_securise {
 872     padding-left: 5px;
 873     vertical-align: middle;
 874 }
 875
 876 fieldset label {
 877         display: block;
 878         padding: 0 0 3px 6px;
 879 }
 880 fieldset input,
 881 .formulaire_spip fieldset input.text {
 882         border: 1px solid #ccc;
 883         padding: 8px 5px;
 884         color: #000;
 885         background: #fff none;
 886         border-radius: 5px;
 887 }
 888 .boutons .submit,
 889 .boutons .button {
 890         border: 1px solid #ccc;
 891         color: #000;
 892         background: #fff none;
 893         border-radius: 5px;
 894         padding: 5px;
 895 }
 896
 897 #reply button {
 898         border: 0 none;
 899         margin: 0;
 900         padding: 0;
 901         width: 99px;
 902         height: 29px;
 903         cursor: pointer;
 904         background: transparent url('img/button-comments-submit.png') left top no-repeat;
 905 }
 906 #reply button span {
 907         display: none;
 908 }
 909 #reply .comment-submit {
 910         text-align: right;
 911 }
 912 #reply .input {
 913         display: block;
 914         margin: 0 0 10px 0;
 915 }
 916 #reply .input-small {
 917         width: auto;
 918 }
 919 #reply .input-small input {
 920         width: 295px;
 921 }
 922 #reply .input-name {
 923         float: left;
 924 }
 925 #reply .input-email {
 926         float: right;
 927 }
 928 .saisie_titre .input-website {
 929         clear: both;
 930 }
 931 #reply .input-website input {
 932         width: 618px;
 933 }
 934
 935 ol.comments-list div#reply {
 936         margin: 0 0 10px 80px;
 937         border: 1px solid #ccc;
 938         padding: 10px;
 939         background: #fff none;
 940 }
 941 ol.comments-list div#reply .input-small {
 942         width: auto;
 943 }
 944 ol.comments-list div#reply .input-small span {
 945         margin: 0 10px 0 0;
 946 }
 947 ol.comments-list div#reply .input-small span input {
 948         width: 97%;
 949 }
 950 ol.comments-list div#reply .input-website span input {
 951         width: 97%;
 952 }
 953 ol.comments-list div#reply .input-name {
 954         float: none;
 955 }
 956 ol.comments-list div#reply .input-email {
 957         float: none;
 958 }
 959 ol.comments-list div#reply textarea {
 960         width: 97%;
 961 }
 962
 963 ol.comments-list ol,
 964 ol.comments-list ul {
 965         margin: 0 0 1em 0;
 966 }
 967 ol.comments-list ol ol,
 968 ol.comments-list ul ul,
 969 ol.comments-list ol ul,
 970 ol.comments-list ul ol {
 971         margin: 0;
 972 }
 973
 974
 975
 976
 977
 978
 979
 980
 981 /* = pagination.css
 982 --------------------------------------------------- */
 983
 984 .pagination {
 985         clear: both;
 986 }
 987 .pagination span, .pagination a, .pagination .on {
 988         display: block;
 989         float: left;
 990         height: auto;
 991         margin: 0 10px 0 0;
 992         padding: 0 10px;
 993         text-decoration: none;
 994         background: #2c2c2c none;
 995         color: #999;
 996         font-size: 12px;
 997         line-height: 28px;
 998 }
 999 .pagination a {
1000         border: 1px solid #999;
1001 }
1002 .pagination .pages .n {
1003         display: inline;
1004         float: none;
1005         color: #999;
1006         padding: 0;
1007         margin: 0;
1008         border: 0 none;
1009 }
1010
1011 .pagination .on,
1012 .pagination a:hover,
1013 .pagination a:active {
1014         color: #fff;
1015         background: #000 none;
1016         border: 1px solid #999;
1017 }
1018
1019 .pagination .sep {
1020         display: none;
1021 }
1022 .pagination .pages,
1023 .pagination .prev,
1024 .pagination .next {
1025     background: inherit;
1026     border: 0 none;
1027     margin: 0;
1028     padding: 0;
1029     color: #999;
1030 }
1031
1032
1033
1034
1035
1036
1037 /* = required.css
1038 --------------------------------------------------- */
1039
1040 /** Class Rules **/
1041 .no-display {
1042         display: none;
1043 }
1044 .clear {
1045         display: block;
1046         clear: both;
1047 }
1048 .clear-fix:after {
1049         clear: both;
1050         content: ".";
1051         display: block;
1052         height: 0;
1053         visibility: hidden;
1054         font-size: 0;
1055 }
1056
1057
1058
1059
1060
1061 /* = sidebar.css
1062 --------------------------------------------------- */
1063
1064 /* = Sidebar General Rules
1065 --------------------------------------------------- */
1066 .sidebar .widget,
1067 .sidebar .liste {
1068         padding: 20px;
1069         margin: 0 0 30px 0;
1070         background: transparent url('img/bg-sidebar-widget.png') 0 0 repeat;
1071 }
1072 .sidebar .liste h2,
1073 .sidebar .formulaire_spip legend:first-child,
1074 .formulaire_spip h2:first-child {
1075         display: block;
1076         margin: -20px -20px 20px -20px;
1077         font-weight: normal;
1078         font-size: 16px;
1079         font-family: 'Open Sans';
1080         line-height: 24px;
1081         letter-spacing: 0px;
1082         padding: 8px 10px;
1083         color: #fff;
1084         background: #000 none;
1085 }
1086 .sidebar .formulaire_spip fieldset {
1087         padding: 20px;
1088 }
1089 .sidebar .formulaire_spip fieldset p {
1090         width: 260px;
1091 }
1092 .sidebar .formulaire_spip  {
1093         margin: 0 0 30px 0;
1094         background: transparent url('img/bg-sidebar-widget.png') 0 0 repeat;
1095 }
1096 .sidebar .formulaire_spip legend {
1097     width: 280px;
1098 }
1099 .sidebar .formulaire_spip .boutons  {
1100         padding: 0 20px 20px;
1101 }
1102 .sidebar .formulaire_spip .boutons input  {
1103         padding: 5px;
1104 }
1105 .sidebar .formulaire_spip textarea  {
1106         width: 248px;
1107         max-width: 248px;
1108         line-height: 16px;
1109 }
1110 .sidebar .formulaire_spip fieldset.previsu {
1111     border: none;
1112     margin: 0;
1113     padding: 0;
1114 }
1115 .sidebar .formulaire_spip fieldset.previsu legend {
1116     display: block;
1117         margin: -20px -20px 20px -20px;
1118         font-weight: normal;
1119         font-size: 16px;
1120         font-family: 'Open Sans';
1121         line-height: 24px;
1122         letter-spacing: 0px;
1123         padding: 8px 10px;
1124         background: #000 none;
1125 }
1126 .sidebar .liste h2 a {
1127         text-decoration: none;
1128         color: #fff;
1129 }
1130 .sidebar .liste ul {
1131         margin: 0 0 -1em 0;
1132         padding: 0;
1133         list-style-type: none;
1134 }
1135 .sidebar .liste ul li {
1136         margin: 0 0 1em 0;
1137         padding: 0;
1138 }
1139 .sidebar .liste ul ul {
1140         margin: 1em 0 0 0;
1141         padding: 0 0 0 3em;
1142 }
1143
1144 /** Search **/
1145 .sidebar .widget_search form {
1146         display: block;
1147         margin: 0;
1148         padding: 0;
1149         height: 32px;
1150 }
1151 .sidebar .widget_search label {
1152         display: none;
1153 }
1154 .sidebar .widget_search input {
1155         margin: 0;
1156         padding: 5px 10px;
1157         font-size: 12px;
1158         line-height: 12px;
1159         border: 0 none;
1160         background: #fff none;
1161         color: #000;
1162         width: 203px;
1163         height: 17px;
1164         float: left;
1165 }
1166 .sidebar .widget_search .submit {
1167         border: 0 none;
1168         margin: 0;
1169         padding: 0;
1170         background: #000 none;
1171         border: 1px solid #999;
1172         width: 34px;
1173         height: 28px;
1174         text-align: center;
1175         line-height: 28px;
1176         color: #eee;
1177         float: left;
1178 }
1179 .boutons .button,
1180 .boutons .submit {
1181     cursor: pointer;
1182 }
1183 .cartouche .spip_logos {
1184         display: block;
1185         max-height: 85px;
1186         width: auto;
1187         float: right;
1188 }
1189 .cartouche {
1190         height: 100px;
1191 }
1192 .faq dt {
1193     font-weight: bold;
1194 }
1195 .liste-items .item {
1196         margin-left: 190px;
1197         float: left;
1198         margin-bottom: 3em;
1199 }
1200 .info-publi abbr.published, abbr.dtreviewed, .menu_articles small, .aside .menu_breves small {
1201     background: url("img/calendar_blanc_tableau.png") no-repeat scroll left center / 13px auto transparent;
1202     border: 0 none;
1203     font-size: 11px;
1204     font-style: normal;
1205     line-height: 11px;
1206     margin-bottom: 0.6em;
1207     padding: 3px 0 0 18px;
1208 }
1209 .liste-items .spip_logos {
1210         display: block;
1211         float: left;
1212     max-height: 150px;
1213     margin-bottom: 75px;
1214     margin-left: -190px;
1215     margin-right: 40px;
1216     position: relative;
1217     max-width: 150px;
1218 }
1219 .info-publi {
1220         float: left;
1221         width: 100%;
1222         margin: 0 0 1em;
1223         font-size: 11px;
1224 }
1225 .surlignable {
1226         clear: left;
1227 }
1228
1229
1230 /* Typographie */
1231 del, .del {
1232     background-color: #FFDDDD;
1233     border-color: #CC0000;
1234     color: #CC0000;
1235     text-decoration: line-through;
1236 }
1237 ins, .ins {
1238     background-color: #DDFFDD;
1239     border-color: #00AA00;
1240     color: #00AA00;
1241     text-decoration: none;
1242 }
1243 .chapo {
1244     font-size: 1.2em;
1245     font-style: italic;
1246     font-weight: normal;
1247     letter-spacing: -0.5px;
1248     line-height: 1.4;
1249     margin-bottom: 1em;
1250 }
1251 dl.spip dt {
1252     background: url("img/def.png") no-repeat scroll 0px 0.5em transparent;
1253 }
1254 dl.spip dt {
1255     padding-left: 40px;
1256 }
1257 dl dt {
1258     font-weight: bold;
1259 }
1260 dd {
1261     margin-bottom: 20px;
1262 }
1263 kbd {
1264     background-color: #222222;
1265     color: #FFFFFF;
1266 }
1267 pre, code, kbd, samp, var, tt {
1268     font-family: 'Courier New',Courier,monospace;
1269     font-size: 1em;
1270 }
1271 samp {
1272     font-weight: bold;
1273 }
1274 var {
1275     font-style: italic;
1276 }
1277 .hyperlien {
1278     background: url("img/def.png") no-repeat scroll 25px 1.9em #757A7E;
1279     display: block;
1280     font-weight: bold;
1281     padding: 1.5em 1.5em 1.5em 50px;
1282     text-align: inherit;
1283 }
1284 #comments .hyperlien {
1285         background: url("img/def.png") no-repeat scroll 25px 1.9em;
1286 }
1287 .notes {
1288     clear: both;
1289     font-size: 0.9em;
1290 }
1291 .ps, .notes {
1292     margin-bottom: 1.5em;
1293 }
1294
1295
1296 /** Tableaux spip **/
1297 table.spip {
1298         border-collapse: collapse;
1299     border-spacing: 0;
1300     margin-bottom: 1.385em;
1301     margin-left: auto;
1302     margin-right: auto;
1303     width: 99%;
1304 }
1305 table.spip th, table.spip td {
1306     border: 1px solid #CCCCCC;
1307 }
1308 table.spip td, table.spip th, th, td, caption {
1309     padding: 0.6925em;
1310 }
1311 thead th {
1312     background: none repeat scroll 0 0 #6BC1D0;
1313     color: inherit;
1314 }
1315 table.spip td, table.spip th, th, td, caption {
1316     padding: 0.6925em;
1317 }
1318 th {
1319     font-weight: 700;
1320 }
1321 table.spip tr.row_odd {
1322     background: none repeat scroll 0 0 #FBFBFB;
1323 }
1324 .spip_cadre {
1325     background-color: #FFFFFF;
1326     border: 1px solid #DDDDDD;
1327     width: 100%;
1328     max-width: 620px;
1329     padding: 5px;
1330     color: #777777;
1331 }
1332
1333
1334 /** Wordpress Popular Posts **/
1335 .sidebar .widget_wpp ul li .post-stats {
1336         text-transform: none;
1337         display: block;
1338         color: #dedede;
1339         font-weight: normal;
1340         font-size: 12px;
1341 }
1342
1343 .sidebar .widget_fb_likebox iframe {
1344         margin: 0;
1345         background: #fff none;
1346 }
1347
1348 /** Ads **/
1349 .sidebar .widget_ads .ads-wrap {
1350         width: 125px;
1351         height: 125px;
1352         overflow: hidden;
1353         float: left;
1354         margin-bottom: 11px;
1355 }
1356 .sidebar .widget_ads .ads-wrap:nth-child(2n+2) {
1357         float: right;
1358 }
1359 .sidebar .widget_ads .ads-3,
1360 .sidebar .widget_ads .ads-4 {
1361         margin: 0;
1362 }
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372 /* = footer.css
1373 --------------------------------------------------- */
1374 #footer p {
1375         display: block;
1376         font-size: 10px;
1377         line-height: 18px;
1378         text-transform: uppercase;
1379 }
1380 #footer a {
1381         text-decoration: none;
1382 }
1383 #footer .copyright {
1384         float: left;
1385         color: #fdfdfd;
1386 }
1387 #footer .copyright a {
1388         text-decoration: none;
1389         color: #fdfdfd;
1390 }
1391 #footer #copyleft {
1392         float: right;
1393         color: #7d8286;
1394         line-height: 22px;
1395 }
1396 #footer #copyleft a {
1397         color: #7d8286;
1398         text-decoration: none;
1399 }
1400
1401 /* Social tags */
1402 div.socialtags {
1403         padding-top: 10px;
1404 }