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 /* line 278, habillage.scss */
 337 .auteur ul {
 338   margin: 15px 0 0 15px;
 339 }
 340
 341 /* line 281, habillage.scss */
 342 .auteur .submit {
 343   margin: 15px;
 344 }
 345
 346 /* line 284, habillage.scss */
 347 .article h1 {
 348   font-size: 1.4em;
 349   width: 100%;
 350 }
 351
 352 /* line 288, habillage.scss */
 353 .article .fa {
 354   width: 20px;
 355   height: 20px;
 356   -moz-border-radius: 10px;
 357   -webkit-border-radius: 10px;
 358   border-radius: 10px;
 359 }
 360
 361 /* line 295, habillage.scss */
 362 .article .fa a {
 363   display: none;
 364 }
 365
 366 /* line 298, habillage.scss */
 367 .article img {
 368   width: 100%;
 369   height: auto;
 370   margin: 0;
 371 }
 372
 373 /* line 303, habillage.scss */
 374 .article ul {
 375   margin: 0 15px;
 376 }
 377
 378 /* line 306, habillage.scss */
 379 .article li {
 380   margin: 0 15px;
 381 }
 382
 383 /* line 309, habillage.scss */
 384 .article div {
 385   margin: 0 15px;
 386 }
 387
 388 /* line 314, habillage.scss */
 389 .articlefull, .auteurfull {
 390   background-color: #e8e3e1;
 391   margin: 0 0 15px 0;
 392   line-height: 1.3;
 393 }
 394
 395 /* line 319, habillage.scss */
 396 .articlefull h1 {
 397   font-size: 1.4em;
 398   width: 100%;
 399 }
 400
 401 /* line 323, habillage.scss */
 402 .articlefull .fa {
 403   width: 20px;
 404   height: 20px;
 405   -moz-border-radius: 10px;
 406   -webkit-border-radius: 10px;
 407   border-radius: 10px;
 408 }
 409
 410 /* line 330, habillage.scss */
 411 .articlefull .fa a {
 412   display: none;
 413 }
 414
 415 /* line 333, habillage.scss */
 416 .articlefull img {
 417   width: auto;
 418   margin: 0;
 419 }
 420
 421 /* line 337, habillage.scss */
 422 .articlefull ul {
 423   margin: 0 15px;
 424 }
 425
 426 /* line 340, habillage.scss */
 427 .articlefull li {
 428   margin: 0 15px;
 429 }
 430
 431 /* line 343, habillage.scss */
 432 .articlefull div {
 433   margin: 0 15px;
 434 }
 435
 436 /* line 346, habillage.scss */
 437 address {
 438   padding-bottom: 10px;
 439 }
 440
 441 /* line 349, habillage.scss */
 442 address p {
 443   margin: 0;
 444   padding: 0;
 445 }
 446
 447 /* line 353, habillage.scss */
 448 .historique {
 449   background-color: #ffd2a1;
 450   margin: 0 15px 15px 15px;
 451 }
 452
 453 /* line 357, habillage.scss */
 454 .historique h1 {
 455   width: 100%;
 456 }
 457
 458 /* line 360, habillage.scss */
 459 #atelierdescription {
 460   margin: 0 10px;
 461 }
 462
 463 /* line 363, habillage.scss */
 464 #atelierdescription #news {
 465   margin: 0;
 466 }
 467
 468 /* line 366, habillage.scss */
 469 .spip_logos {
 470   width: auto !important;
 471 }
 472
 473 /* line 371, habillage.scss */
 474 .logoatelier {
 475   width: 200px;
 476   height: 200px;
 477   margin: 15px 15px 15px 15px;
 478   text-align: center;
 479 }
 480
 481 /* line 380, habillage.scss */
 482 .urlsites {
 483   padding: 15px 0;
 484 }
 485
 486 /*3EME COLONNE */
 487 /* line 388, habillage.scss */
 488 .map {
 489   height: 300px;
 490   margin: 0 10px 15px 10px;
 491   overflow: hidden;
 492 }
 493
 494 /* line 393, habillage.scss */
 495 .agenda {
 496   background-color: #262730;
 497   margin: 0 10px 15px 10px;
 498   padding-right: 10px;
 499   padding-bottom: 15px;
 500 }
 501
 502 /* line 402, habillage.scss */
 503 .agenda h2:hover {
 504   text-decoration: none;
 505   color: #ffffff;
 506 }
 507
 508 /* line 406, habillage.scss */
 509 .agenda h2 {
 510   color: #B7CEBF;
 511 }
 512
 513 /* line 409, habillage.scss */
 514 .agenda p {
 515   padding: 0;
 516   color: #B7CEBF;
 517 }
 518
 519 /* line 413, habillage.scss */
 520 .agenda ul {
 521   list-style-type: none;
 522   padding: 0;
 523   margin: 0;
 524   padding-top: 15px;
 525 }
 526
 527 /* line 419, habillage.scss */
 528 .date {
 529   float: left;
 530   font-size: 1.7em;
 531   clear: both;
 532 }
 533
 534 /* line 424, habillage.scss */
 535 .event {
 536   display: block;
 537   margin-bottom: 45px;
 538   padding-top: 5px;
 539 }
 540
 541 /* line 430, habillage.scss */
 542 .horaire {
 543   font-size: 0.8em;
 544   margin-bottom: 20px;
 545   display: block;
 546   color: #B7CEBF;
 547 }
 548
 549 /* line 436, habillage.scss */
 550 time {
 551   color: #B7CEBF;
 552 }
 553
 554 /*RESPONSIVE*/
 555 /* line 448, habillage.scss */
 556 .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 {
 557   float: left;
 558   position: relative;
 559 }
 560
 561 /* line 454, habillage.scss */
 562 .col-1 {
 563   width: 8.33333%;
 564 }
 565
 566 /* line 454, habillage.scss */
 567 .col-2 {
 568   width: 16.66667%;
 569 }
 570
 571 /* line 454, habillage.scss */
 572 .col-3 {
 573   width: 25%;
 574 }
 575
 576 /* line 454, habillage.scss */
 577 .col-4 {
 578   width: 33.33333%;
 579 }
 580
 581 /* line 454, habillage.scss */
 582 .col-5 {
 583   width: 41.66667%;
 584 }
 585
 586 /* line 454, habillage.scss */
 587 .col-6 {
 588   width: 50%;
 589 }
 590
 591 /* line 454, habillage.scss */
 592 .col-7 {
 593   width: 58.33333%;
 594 }
 595
 596 /* line 454, habillage.scss */
 597 .col-8 {
 598   width: 66.66667%;
 599 }
 600
 601 /* line 454, habillage.scss */
 602 .col-9 {
 603   width: 75%;
 604 }
 605
 606 /* line 454, habillage.scss */
 607 .col-10 {
 608   width: 83.33333%;
 609 }
 610
 611 /* line 454, habillage.scss */
 612 .col-11 {
 613   width: 91.66667%;
 614 }
 615
 616 /* line 454, habillage.scss */
 617 .col-12 {
 618   width: 100%;
 619 }
 620
 621 @media only screen and (min-width: 650px) {
 622   /* line 462, habillage.scss */
 623   .col-m-1 {
 624     width: 8.33333%;
 625   }
 626
 627   /* line 462, habillage.scss */
 628   .col-m-2 {
 629     width: 16.66667%;
 630   }
 631
 632   /* line 462, habillage.scss */
 633   .col-m-3 {
 634     width: 25%;
 635   }
 636
 637   /* line 462, habillage.scss */
 638   .col-m-4 {
 639     width: 33.33333%;
 640   }
 641
 642   /* line 462, habillage.scss */
 643   .col-m-5 {
 644     width: 41.66667%;
 645   }
 646
 647   /* line 462, habillage.scss */
 648   .col-m-6 {
 649     width: 50%;
 650   }
 651
 652   /* line 462, habillage.scss */
 653   .col-m-7 {
 654     width: 58.33333%;
 655   }
 656
 657   /* line 462, habillage.scss */
 658   .col-m-8 {
 659     width: 66.66667%;
 660   }
 661
 662   /* line 462, habillage.scss */
 663   .col-m-9 {
 664     width: 75%;
 665   }
 666
 667   /* line 462, habillage.scss */
 668   .col-m-10 {
 669     width: 83.33333%;
 670   }
 671
 672   /* line 462, habillage.scss */
 673   .col-m-11 {
 674     width: 91.66667%;
 675   }
 676
 677   /* line 462, habillage.scss */
 678   .col-m-12 {
 679     width: 100%;
 680   }
 681 }
 682 @media only screen and (min-width: 1200px) {
 683   /* line 469, habillage.scss */
 684   .col-l-1 {
 685     width: 8.33333%;
 686   }
 687
 688   /* line 469, habillage.scss */
 689   .col-l-2 {
 690     width: 16.66667%;
 691   }
 692
 693   /* line 469, habillage.scss */
 694   .col-l-3 {
 695     width: 25%;
 696   }
 697
 698   /* line 469, habillage.scss */
 699   .col-l-4 {
 700     width: 33.33333%;
 701   }
 702
 703   /* line 469, habillage.scss */
 704   .col-l-5 {
 705     width: 41.66667%;
 706   }
 707
 708   /* line 469, habillage.scss */
 709   .col-l-6 {
 710     width: 50%;
 711   }
 712
 713   /* line 469, habillage.scss */
 714   .col-l-7 {
 715     width: 58.33333%;
 716   }
 717
 718   /* line 469, habillage.scss */
 719   .col-l-8 {
 720     width: 66.66667%;
 721   }
 722
 723   /* line 469, habillage.scss */
 724   .col-l-9 {
 725     width: 75%;
 726   }
 727
 728   /* line 469, habillage.scss */
 729   .col-l-10 {
 730     width: 83.33333%;
 731   }
 732
 733   /* line 469, habillage.scss */
 734   .col-l-11 {
 735     width: 91.66667%;
 736   }
 737
 738   /* line 469, habillage.scss */
 739   .col-l-12 {
 740     width: 100%;
 741   }
 742
 743   /* line 472, habillage.scss */
 744   #wrap {
 745     width: 1200px;
 746   }
 747
 748   /* line 476, habillage.scss */
 749   .wrap {
 750     width: auto;
 751   }
 752 }
 753 /* line 483, habillage.scss */
 754 .row:before, .row:after {
 755   content: "";
 756   display: table;
 757 }
 758
 759 /* line 488, habillage.scss */
 760 .row:after {
 761   clear: both;
 762 }
 763
 764 /* line 493, habillage.scss */
 765 .row {
 766   margin: 0 -10px;
 767   zoom: 1;
 768 }
 769
 770 /*FOOTER*/
 771 /* line 501, habillage.scss */
 772 footer {
 773   clear: both;
 774   height: 125px;
 775   background-color: #262730;
 776 }
 777
 778 /* line 507, habillage.scss */
 779 footer ul {
 780   width: 1000px;
 781   margin: 0px auto;
 782   padding: 30px 0 0;
 783   list-style-type: none;
 784 }
 785
 786 /* line 514, habillage.scss */
 787 footer li {
 788   float: left;
 789   /*pour IE*/
 790 }
 791
 792 /* line 518, habillage.scss */
 793 footer ul li a {
 794   text-align: right;
 795   display: block;
 796   text-decoration: none;
 797   color: #B7CEBF;
 798 }
 799
 800 /* line 524, habillage.scss */
 801 footer ul li a:hover {
 802   border-bottom: solid #0c0fb7;
 803 }