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