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