css/habillage.css

   1 @charset "UTF-8";
   2 /* line 2, habillage.scss */
   3 html, body, div, span, applet, object, iframe,
   4 h1, h2, h3, h4, h5, h6, h7, p, blockquote, pre,
   5 a, abbr, acronym, address, big, cite, code,
   6 del, dfn, em, img, ins, kbd, q, s, samp,
   7 small, strike, strong, sub, sup, tt, var,
   8 b, u, i, center,
   9 dl, dt, dd, ol, ul, li,
  10 fieldset, form, label, legend,
  11 table, caption, tbody, tfoot, thead, tr, th, td,
  12 article, aside, canvas, details, embed,
  13 figure, figcaption, footer, header, hgroup,
  14 menu, nav, output, ruby, section, summary,
  15 time, mark, audio, video {
  16   margin: 0;
  17   padding: 0;
  18   border: 0;
  19   border-radius: 5px;
  20   font: inherit;
  21   font-size: 100%;
  22   vertical-align: baseline;
  23   font-family: sans-serif;
  24   color: #000;
  25   /*#0c0fb7;*/
  26   text-align: left;
  27 }
  28
  29 /* line 27, habillage.scss */
  30 html, body, span, applet, object, iframe,
  31 blockquote, pre, section,
  32 abbr, acronym, address, big, cite, code,
  33 del, dfn, em, ins, kbd, q, s, samp,
  34 small, strike, strong, sub, sup, tt, var,
  35 dl, dt, dd, ol, ul, li,
  36 fieldset, form, label, legend,
  37 table, caption, tbody, tfoot, thead, tr, th, td,
  38 article, aside, canvas, details, embed,
  39 figure, figcaption, hgroup,
  40 menu, nav, output, ruby, summary, mark, audio, video {
  41   background-color: #FFFFFF;
  42   background: none;
  43 }
  44
  45 /* line 42, habillage.scss */
  46 body {
  47   background-color: #B3B6C7;
  48 }
  49
  50 /* line 46, habillage.scss */
  51 html {
  52   line-height: 1.1;
  53 }
  54
  55 /* line 50, habillage.scss */
  56 ol, ul {
  57   list-style: none;
  58 }
  59
  60 /* line 54, habillage.scss */
  61 table {
  62   border-collapse: collapse;
  63   border-spacing: 0;
  64 }
  65
  66 /* line 59, habillage.scss */
  67 caption, th, td {
  68   text-align: left;
  69   font-weight: normal;
  70   vertical-align: middle;
  71 }
  72
  73 /* line 65, habillage.scss */
  74 q, blockquote {
  75   quotes: none;
  76 }
  77
  78 /* line 68, habillage.scss */
  79 q:before, q:after, blockquote:before, blockquote:after {
  80   content: "";
  81   content: none;
  82 }
  83
  84 /* line 73, habillage.scss */
  85 a img {
  86   border: none;
  87 }
  88
  89 /* line 77, habillage.scss */
  90 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  91   display: block;
  92 }
  93
  94 /* line 81, habillage.scss */
  95 * {
  96   -moz-box-sizing: border-box;
  97   -webkit-box-sizing: border-box;
  98   box-sizing: border-box;
  99 }
 100
 101 /* line 87, habillage.scss */
 102 body {
 103   margin: 0;
 104   padding: 0;
 105   font-size: 0.9em;
 106 }
 107
 108 /* line 94, habillage.scss */
 109 header {
 110   margin: 15px auto 0 auto;
 111   width: 1200px;
 112 }
 113
 114 /* line 99, habillage.scss */
 115 header .spip_logos {
 116   margin-left: 30px;
 117   position: absolute;
 118 }
 119
 120 /* line 105, habillage.scss */
 121 #wrap {
 122   padding-top: 130px;
 123   width: 100%;
 124   margin: 0 auto;
 125 }
 126
 127 /* line 110, habillage.scss */
 128 a {
 129   color: #373D4E;
 130   /*#0fe4ab;*/
 131   text-decoration: none;
 132   -webkit-transition: all 0.3s ease 0s;
 133   -moz-transition: all 0.3s ease 0s;
 134   -ms-transition: all 0.3s ease 0s;
 135   -o-transition: all 0.3s ease 0s;
 136   transition: all 0.3s ease 0s;
 137 }
 138
 139 /* line 120, habillage.scss */
 140 a:focus, a:hover, a:active {
 141   background: none;
 142   color: #0c0fb7;
 143   -webkit-transition: all 0.3s ease 0s;
 144   -moz-transition: all 0.3s ease 0s;
 145   -ms-transition: all 0.3s ease 0s;
 146   -o-transition: all 0.3s ease 0s;
 147   transition: all 0.3s ease 0s;
 148 }
 149
 150 /* line 129, habillage.scss */
 151 a:hover > i {
 152   color: #0c0fb7 !important;
 153   -webkit-transition: all 0.3s ease 0s;
 154   -moz-transition: all 0.3s ease 0s;
 155   -ms-transition: all 0.3s ease 0s;
 156   -o-transition: all 0.3s ease 0s;
 157   transition: all 0.3s ease 0s;
 158 }
 159
 160 /* line 138, habillage.scss */
 161 h2 {
 162   margin: 0;
 163   padding: 0;
 164   margin-top: 15px;
 165   margin-left: 15px;
 166   font-size: 1.8em;
 167   display: inline-block;
 168   font-weight: bold;
 169   width: 90%;
 170 }
 171
 172 /* line 148, habillage.scss */
 173 h2:hover {
 174   text-decoration: underline;
 175 }
 176
 177 /* line 152, habillage.scss */
 178 h3 {
 179   margin: 15px 15px;
 180   font-size: 1.2em;
 181   display: inline-block;
 182   width: 90%;
 183 }
 184
 185 /* line 159, habillage.scss */
 186 h4 {
 187   margin: 15px;
 188   display: inline-block;
 189 }
 190
 191 /* line 164, habillage.scss */
 192 p {
 193   margin: 0 15px;
 194   padding-bottom: 15px;
 195   text-decoration: none;
 196   text-align: justify;
 197 }
 198
 199 /* line 171, habillage.scss */
 200 .banniere {
 201   margin: 0 auto;
 202   width: 1100px;
 203   height: 100px;
 204   float: right;
 205 }
 206
 207 /*1ERE COLONNE*/
 208 /* line 180, habillage.scss */
 209 .titre {
 210   background-color: #262730;
 211   height: 47px;
 212   width: 100%;
 213   color: #B7CEBF;
 214   margin: 0 0 15px 0;
 215   padding: 10px 15px;
 216   text-transform: uppercase;
 217   font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
 218   font-size: 1.7em;
 219   font-weight: normal;
 220 }
 221
 222 /* line 192, habillage.scss */
 223 .titre:hover {
 224   text-decoration: none;
 225   font-weight: normal;
 226 }
 227
 228 /* line 196, habillage.scss */
 229 #ateliers h3 {
 230   margin: 15px 15px;
 231   font-size: 1.2em;
 232   display: inline-block;
 233   text-decoration: none;
 234 }
 235
 236 /* line 202, habillage.scss */
 237 #ateliers {
 238   margin: 0 10px;
 239 }
 240
 241 /* line 206, habillage.scss */
 242 #ateliers:after {
 243   content: "";
 244   /* Important, sinon l'élément n'est pas généré. */
 245   display: table;
 246   clear: both;
 247 }
 248
 249 /* line 212, habillage.scss */
 250 #ateliers ul {
 251   padding: 0;
 252   margin: 0;
 253   list-style-type: none;
 254 }
 255
 256 /* line 218, habillage.scss */
 257 #ateliers ul li {
 258   margin-bottom: 15px;
 259 }
 260
 261 /* line 221, habillage.scss */
 262 .descriptif {
 263   margin-left: 15px;
 264 }
 265
 266 /* line 225, habillage.scss */
 267 #ateliers p {
 268   margin: 15px 15px 0 0;
 269   font-size: 1.0em;
 270   text-align: left;
 271 }
 272
 273 /* line 230, habillage.scss */
 274 #ateliers address {
 275   margin: 0 0 0 15px;
 276   line-height: 0.6;
 277 }
 278
 279 /* line 234, habillage.scss */
 280 .horairesouvertures {
 281   margin: 0 0 0 15px;
 282 }
 283
 284 /* line 237, habillage.scss */
 285 #ateliers nav {
 286   padding-top: 15px;
 287   padding-bottom: 15px;
 288   clear: both;
 289 }
 290
 291 /* line 242, habillage.scss */
 292 .fa {
 293   color: #373D4E;
 294   /*#0fe4ab;*/
 295   -webkit-transition: all 0.3s ease 0s;
 296   -moz-transition: all 0.3s ease 0s;
 297   -ms-transition: all 0.3s ease 0s;
 298   -o-transition: all 0.3s ease 0s;
 299   transition: all 0.3s ease 0s;
 300 }
 301
 302 /* line 250, habillage.scss */
 303 .fa:hover {
 304   color: #0c0fb7;
 305 }
 306
 307 /* line 253, habillage.scss */
 308 #atelierdescription nav {
 309   margin-bottom: 15px;
 310 }
 311
 312 /* line 256, habillage.scss */
 313 .voirenligne {
 314   padding: 15px;
 315   text-align: right;
 316 }
 317
 318 /* line 262, habillage.scss */
 319 .logoatelier {
 320   text-align: center;
 321 }
 322
 323 /*2EME COLONNE*/
 324 /* line 270, habillage.scss */
 325 #news {
 326   margin: 0 10px;
 327 }
 328
 329 /* line 273, habillage.scss */
 330 .article, .auteur {
 331   background-color: #e8e3e1;
 332   margin: 0 0 15px 0;
 333   line-height: 1.3;
 334 }
 335
 336 .auteur ul {
 337   margin: 15px 0 0 15px;
 338 }
 339
 340 .auteur .submit {
 341   margin: 15px;
 342 }
 343
 344 /* line 278, habillage.scss */
 345 .article h1 {
 346   font-size: 1.4em;
 347   width: 100%;
 348 }
 349
 350 /* line 282, habillage.scss */
 351 .article .fa {
 352   width: 20px;
 353   height: 20px;
 354   -moz-border-radius: 10px;
 355   -webkit-border-radius: 10px;
 356   border-radius: 10px;
 357 }
 358
 359 /* line 289, habillage.scss */
 360 .article .fa a {
 361   display: none;
 362 }
 363
 364 /* line 292, habillage.scss */
 365 .article img {
 366   width: 100%;
 367   height: auto;
 368   margin: 0;
 369 }
 370
 371 /* line 297, habillage.scss */
 372 .article ul {
 373   margin: 0 15px;
 374 }
 375
 376 /* line 300, habillage.scss */
 377 .article li {
 378   margin: 0 15px;
 379 }
 380
 381 /* line 303, habillage.scss */
 382 .article div {
 383   margin: 0 15px;
 384 }
 385
 386 /* line 308, habillage.scss */
 387 .articlefull,.auteurfull {
 388   background-color: #e8e3e1;
 389   margin: 0 0 15px 0;
 390   line-height: 1.3;
 391 }
 392
 393 /* line 313, habillage.scss */
 394 .articlefull h1 {
 395   font-size: 1.4em;
 396   width: 100%;
 397 }
 398
 399 /* line 317, habillage.scss */
 400 .articlefull .fa {
 401   width: 20px;
 402   height: 20px;
 403   -moz-border-radius: 10px;
 404   -webkit-border-radius: 10px;
 405   border-radius: 10px;
 406 }
 407
 408 /* line 324, habillage.scss */
 409 .articlefull .fa a {
 410   display: none;
 411 }
 412
 413 /* line 327, habillage.scss */
 414 .articlefull img {
 415   width: auto;
 416   margin: 0;
 417 }
 418
 419 /* line 331, habillage.scss */
 420 .articlefull ul {
 421   margin: 0 15px;
 422 }
 423
 424 /* line 334, habillage.scss */
 425 .articlefull li {
 426   margin: 0 15px;
 427 }
 428
 429 /* line 337, habillage.scss */
 430 .articlefull div {
 431   margin: 0 15px;
 432 }
 433
 434 /* line 340, habillage.scss */
 435 address {
 436   padding-bottom: 10px;
 437 }
 438
 439 /* line 343, habillage.scss */
 440 address p {
 441   margin: 0;
 442   padding: 0;
 443 }
 444
 445 /* line 347, habillage.scss */
 446 .historique {
 447   background-color: #ffd2a1;
 448   margin: 0 15px 15px 15px;
 449 }
 450
 451 /* line 351, habillage.scss */
 452 .historique h1 {
 453   width: 100%;
 454 }
 455
 456 /* line 354, habillage.scss */
 457 #atelierdescription {
 458   margin: 0 10px;
 459 }
 460
 461 /* line 357, habillage.scss */
 462 #atelierdescription #news {
 463   margin: 0;
 464 }
 465
 466 /* line 360, habillage.scss */
 467 .spip_logos {
 468   width: auto !important;
 469 }
 470
 471 /* line 365, habillage.scss */
 472 .logoatelier {
 473   width: 200px;
 474   height: 200px;
 475   margin: 15px 15px 15px 15px;
 476   text-align: center;
 477 }
 478
 479 /* line 374, habillage.scss */
 480 .urlsites {
 481   padding: 15px 0;
 482 }
 483
 484 /*3EME COLONNE */
 485 /* line 382, habillage.scss */
 486 .map {
 487   height: 300px;
 488   margin: 0 10px 15px 10px;
 489   overflow: hidden;
 490 }
 491
 492 /* line 387, habillage.scss */
 493 .agenda {
 494   background-color: #262730;
 495   margin: 0 10px 15px 10px;
 496   padding-right: 10px;
 497   padding-bottom: 15px;
 498 }
 499
 500 /* line 396, habillage.scss */
 501 .agenda h2:hover {
 502   text-decoration: none;
 503   color: #ffffff;
 504 }
 505
 506 /* line 400, habillage.scss */
 507 .agenda h2 {
 508   color: #B7CEBF;
 509 }
 510
 511 /* line 403, habillage.scss */
 512 .agenda p {
 513   padding: 0;
 514   color: #B7CEBF;
 515 }
 516
 517 /* line 407, habillage.scss */
 518 .agenda ul {
 519   list-style-type: none;
 520   padding: 0;
 521   margin: 0;
 522   padding-top: 15px;
 523 }
 524
 525 /* line 413, habillage.scss */
 526 .date {
 527   float: left;
 528   font-size: 1.7em;
 529   clear: both;
 530 }
 531
 532 /* line 418, habillage.scss */
 533 .event {
 534   display: block;
 535   margin-bottom: 45px;
 536   padding-top: 5px;
 537 }
 538
 539 /* line 424, habillage.scss */
 540 .horaire {
 541   font-size: 0.8em;
 542   margin-bottom: 20px;
 543   display: block;
 544 }
 545
 546 /*RESPONSIVE*/
 547 /* line 438, habillage.scss */
 548 .col-1, .col-m-1, .col-l-1, .col-2, .col-m-2, .col-l-2, .col-3, .col-m-3, .col-l-3, .col-4, .col-m-4, .col-l-4, .col-5, .col-m-5, .col-l-5, .col-6, .col-m-6, .col-l-6, .col-7, .col-m-7, .col-l-7, .col-8, .col-m-8, .col-l-8, .col-9, .col-m-9, .col-l-9, .col-10, .col-m-10, .col-l-10, .col-11, .col-m-11, .col-l-11, .col-12, .col-m-12, .col-l-12 {
 549   float: left;
 550   position: relative;
 551 }
 552
 553 /* line 444, habillage.scss */
 554 .col-1 {
 555   width: 8.33333%;
 556 }
 557
 558 /* line 444, habillage.scss */
 559 .col-2 {
 560   width: 16.66667%;
 561 }
 562
 563 /* line 444, habillage.scss */
 564 .col-3 {
 565   width: 25%;
 566 }
 567
 568 /* line 444, habillage.scss */
 569 .col-4 {
 570   width: 33.33333%;
 571 }
 572
 573 /* line 444, habillage.scss */
 574 .col-5 {
 575   width: 41.66667%;
 576 }
 577
 578 /* line 444, habillage.scss */
 579 .col-6 {
 580   width: 50%;
 581 }
 582
 583 /* line 444, habillage.scss */
 584 .col-7 {
 585   width: 58.33333%;
 586 }
 587
 588 /* line 444, habillage.scss */
 589 .col-8 {
 590   width: 66.66667%;
 591 }
 592
 593 /* line 444, habillage.scss */
 594 .col-9 {
 595   width: 75%;
 596 }
 597
 598 /* line 444, habillage.scss */
 599 .col-10 {
 600   width: 83.33333%;
 601 }
 602
 603 /* line 444, habillage.scss */
 604 .col-11 {
 605   width: 91.66667%;
 606 }
 607
 608 /* line 444, habillage.scss */
 609 .col-12 {
 610   width: 100%;
 611 }
 612
 613 @media only screen and (min-width: 650px) {
 614   /* line 452, habillage.scss */
 615   .col-m-1 {
 616     width: 8.33333%;
 617   }
 618
 619   /* line 452, habillage.scss */
 620   .col-m-2 {
 621     width: 16.66667%;
 622   }
 623
 624   /* line 452, habillage.scss */
 625   .col-m-3 {
 626     width: 25%;
 627   }
 628
 629   /* line 452, habillage.scss */
 630   .col-m-4 {
 631     width: 33.33333%;
 632   }
 633
 634   /* line 452, habillage.scss */
 635   .col-m-5 {
 636     width: 41.66667%;
 637   }
 638
 639   /* line 452, habillage.scss */
 640   .col-m-6 {
 641     width: 50%;
 642   }
 643
 644   /* line 452, habillage.scss */
 645   .col-m-7 {
 646     width: 58.33333%;
 647   }
 648
 649   /* line 452, habillage.scss */
 650   .col-m-8 {
 651     width: 66.66667%;
 652   }
 653
 654   /* line 452, habillage.scss */
 655   .col-m-9 {
 656     width: 75%;
 657   }
 658
 659   /* line 452, habillage.scss */
 660   .col-m-10 {
 661     width: 83.33333%;
 662   }
 663
 664   /* line 452, habillage.scss */
 665   .col-m-11 {
 666     width: 91.66667%;
 667   }
 668
 669   /* line 452, habillage.scss */
 670   .col-m-12 {
 671     width: 100%;
 672   }
 673 }
 674 @media only screen and (min-width: 1200px) {
 675   /* line 459, habillage.scss */
 676   .col-l-1 {
 677     width: 8.33333%;
 678   }
 679
 680   /* line 459, habillage.scss */
 681   .col-l-2 {
 682     width: 16.66667%;
 683   }
 684
 685   /* line 459, habillage.scss */
 686   .col-l-3 {
 687     width: 25%;
 688   }
 689
 690   /* line 459, habillage.scss */
 691   .col-l-4 {
 692     width: 33.33333%;
 693   }
 694
 695   /* line 459, habillage.scss */
 696   .col-l-5 {
 697     width: 41.66667%;
 698   }
 699
 700   /* line 459, habillage.scss */
 701   .col-l-6 {
 702     width: 50%;
 703   }
 704
 705   /* line 459, habillage.scss */
 706   .col-l-7 {
 707     width: 58.33333%;
 708   }
 709
 710   /* line 459, habillage.scss */
 711   .col-l-8 {
 712     width: 66.66667%;
 713   }
 714
 715   /* line 459, habillage.scss */
 716   .col-l-9 {
 717     width: 75%;
 718   }
 719
 720   /* line 459, habillage.scss */
 721   .col-l-10 {
 722     width: 83.33333%;
 723   }
 724
 725   /* line 459, habillage.scss */
 726   .col-l-11 {
 727     width: 91.66667%;
 728   }
 729
 730   /* line 459, habillage.scss */
 731   .col-l-12 {
 732     width: 100%;
 733   }
 734
 735   /* line 462, habillage.scss */
 736   #wrap {
 737     width: 1200px;
 738   }
 739
 740   /* line 466, habillage.scss */
 741   .wrap {
 742     width: auto;
 743   }
 744 }
 745 /* line 473, habillage.scss */
 746 .row:before, .row:after {
 747   content: "";
 748   display: table;
 749 }
 750
 751 /* line 478, habillage.scss */
 752 .row:after {
 753   clear: both;
 754 }
 755
 756 /* line 483, habillage.scss */
 757 .row {
 758   margin: 0 -10px;
 759   zoom: 1;
 760 }
 761
 762 /*FOOTER*/
 763 /* line 491, habillage.scss */
 764 footer {
 765   clear: both;
 766   height: 125px;
 767   background-color: #262730;
 768 }
 769
 770 /* line 497, habillage.scss */
 771 footer ul {
 772   width: 1000px;
 773   margin: 0px auto;
 774   padding: 30px 0 0;
 775   list-style-type: none;
 776 }
 777
 778 /* line 504, habillage.scss */
 779 footer li {
 780   float: left;
 781   /*pour IE*/
 782 }
 783
 784 /* line 508, habillage.scss */
 785 footer ul li a {
 786   text-align: right;
 787   display: block;
 788   text-decoration: none;
 789   color: #B7CEBF;
 790 }
 791
 792 /* line 514, habillage.scss */
 793 footer ul li a:hover {
 794   border-bottom: solid #0c0fb7;
 795 }