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