css/habillage.css

   1 @charset "UTF-8";
   2 html, body, div, span, applet, object, iframe,
   3 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   4 a, abbr, acronym, address, big, cite, code,
   5 del, dfn, em, img, ins, kbd, q, s, samp,
   6 small, strike, strong, sub, sup, tt, var,
   7 b, u, i, center,
   8 dl, dt, dd, ol, ul, li,
   9 fieldset, form, label, legend,
  10 table, caption, tbody, tfoot, thead, tr, th, td,
  11 article, aside, canvas, details, embed,
  12 figure, figcaption, footer, header, hgroup,
  13 menu, nav, output, ruby, section, summary,
  14 time, mark, audio, video {
  15   margin: 0;
  16   padding: 0;
  17   border: 0;
  18   font: inherit;
  19   font-size: 100%;
  20   vertical-align: baseline;
  21   font-family: sans-serif;
  22   color: #0c0fb7;
  23   text-align: left; }
  24
  25 html, body, span, applet, object, iframe,
  26 blockquote, pre, section,
  27 abbr, acronym, address, big, cite, code,
  28 del, dfn, em, ins, kbd, q, s, samp,
  29 small, strike, strong, sub, sup, tt, var,
  30 dl, dt, dd, ol, ul, li,
  31 fieldset, form, label, legend,
  32 table, caption, tbody, tfoot, thead, tr, th, td,
  33 article, aside, canvas, details, embed,
  34 figure, figcaption, hgroup,
  35 menu, nav, output, ruby, summary, mark, audio, video {
  36   background-color: #ffffff;
  37   background: none; }
  38
  39 html {
  40   line-height: 1.1; }
  41
  42 ol, ul {
  43   list-style: none; }
  44
  45 table {
  46   border-collapse: collapse;
  47   border-spacing: 0; }
  48
  49 caption, th, td {
  50   text-align: left;
  51   font-weight: normal;
  52   vertical-align: middle; }
  53
  54 q, blockquote {
  55   quotes: none; }
  56
  57 q:before, q:after, blockquote:before, blockquote:after {
  58   content: "";
  59   content: none; }
  60
  61 a img {
  62   border: none; }
  63
  64 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  65   display: block; }
  66
  67 * {
  68   -moz-box-sizing: border-box;
  69   -webkit-box-sizing: border-box;
  70   box-sizing: border-box; }
  71
  72 body {
  73   margin: 0;
  74   padding: 0;
  75   font-size: 0.9em; }
  76
  77 header {
  78   margin: 15px auto 0 auto;
  79   width: 1200px; }
  80
  81 header .spip_logos {
  82   margin-left: 10px;
  83   position: absolute; }
  84
  85 #wrap {
  86   padding-top: 130px;
  87   width: 100%;
  88   margin: 0 auto; }
  89
  90 a {
  91   color: #0fe4ab;
  92   text-decoration: none;
  93   -webkit-transition: all 0.3s ease 0s;
  94   -moz-transition: all 0.3s ease 0s;
  95   -ms-transition: all 0.3s ease 0s;
  96   -o-transition: all 0.3s ease 0s;
  97   transition: all 0.3s ease 0s; }
  98
  99 a:focus, a:hover, a:active {
 100   background: none;
 101   color: #0c0fb7;
 102   -webkit-transition: all 0.3s ease 0s;
 103   -moz-transition: all 0.3s ease 0s;
 104   -ms-transition: all 0.3s ease 0s;
 105   -o-transition: all 0.3s ease 0s;
 106   transition: all 0.3s ease 0s; }
 107
 108 a:hover > i {
 109   color: #0c0fb7 !important;
 110   -webkit-transition: all 0.3s ease 0s;
 111   -moz-transition: all 0.3s ease 0s;
 112   -ms-transition: all 0.3s ease 0s;
 113   -o-transition: all 0.3s ease 0s;
 114   transition: all 0.3s ease 0s; }
 115
 116 h1 {
 117   margin: 0;
 118   padding: 0;
 119   margin-top: 15px;
 120   margin-left: 15px;
 121   font-size: 1.8em;
 122   display: inline-block;
 123   font-weight: bold; }
 124
 125 h1:hover {
 126   text-decoration: underline; }
 127
 128 h2 {
 129   margin: 15px 15px;
 130   font-size: 1.2em;
 131   display: inline-block; }
 132
 133 h3 {
 134   margin: 15px;
 135   display: inline-block; }
 136
 137 p {
 138   margin: 0 15px;
 139   padding-bottom: 15px;
 140   text-decoration: none;
 141   text-align: justify; }
 142
 143 /*1ERE COLONNE*/
 144 .titre {
 145   background-color: #05ffbc;
 146   height: 47px;
 147   width: 100%;
 148   color: #fff;
 149   margin: 0 0 15px 0;
 150   padding: 10px 15px;
 151   text-transform: uppercase;
 152   font-family: "Trebuchet MS", Helvetica, arial, sans-serif;
 153   font-size: 1.7em; }
 154
 155 #ateliers {
 156   margin: 0 10px; }
 157
 158 #ateliers:after {
 159   content: "";
 160   /* Important, sinon l'élément n'est pas généré. */
 161   display: table;
 162   clear: both; }
 163
 164 #ateliers ul {
 165   padding: 0;
 166   margin: 0;
 167   list-style-type: none; }
 168
 169 #ateliers ul li {
 170   margin-bottom: 15px; }
 171
 172 .descriptif {
 173   margin-left: 15px; }
 174
 175 #ateliers p {
 176   margin: 15px 15px 0 0;
 177   font-size: 1.0em;
 178   text-align: left; }
 179
 180 #ateliers address {
 181   margin: 0 0 0 15px;
 182   line-height: 0.6; }
 183
 184 .horairesouvertures {
 185   margin: 0 0 0 15px; }
 186
 187 #ateliers nav {
 188   padding-top: 15px;
 189   padding-bottom: 15px;
 190   clear: both; }
 191
 192 .fa {
 193   color: #0fe4ab;
 194   -webkit-transition: all 0.3s ease 0s;
 195   -moz-transition: all 0.3s ease 0s;
 196   -ms-transition: all 0.3s ease 0s;
 197   -o-transition: all 0.3s ease 0s;
 198   transition: all 0.3s ease 0s; }
 199
 200 .fa:hover {
 201   color: #0c0fb7; }
 202
 203 #atelierdescription nav {
 204   margin-bottom: 15px; }
 205
 206 .voirenligne {
 207   padding: 15px;
 208   text-align: right; }
 209
 210 /*2EME COLONNE*/
 211 #news {
 212   overflow: hidden;
 213   margin: 0 10px; }
 214
 215 .article {
 216   background-color: #e8e3e1;
 217   margin: 0 0 15px 0;
 218   line-height: 1.3; }
 219
 220 .article h1 {
 221   font-size: 1.4em;
 222   width: 100%; }
 223
 224 .article .fa {
 225   width: 20px;
 226   height: 20px;
 227   -moz-border-radius: 10px;
 228   -webkit-border-radius: 10px;
 229   border-radius: 10px; }
 230
 231 .article .fa a {
 232   display: none; }
 233
 234 .article img {
 235   width: 100%;
 236   margin: 0; }
 237
 238 .article ul {
 239   margin: 0 15px; }
 240
 241 .article li {
 242   margin: 0 15px; }
 243
 244 .article div {
 245   margin: 0 15px; }
 246
 247 .articlefull {
 248   background-color: #e8e3e1;
 249   margin: 0 0 15px 0;
 250   line-height: 1.3; }
 251
 252 .articlefull h1 {
 253   font-size: 1.4em;
 254   width: 100%; }
 255
 256 .articlefull .fa {
 257   width: 20px;
 258   height: 20px;
 259   -moz-border-radius: 10px;
 260   -webkit-border-radius: 10px;
 261   border-radius: 10px; }
 262
 263 .articlefull .fa a {
 264   display: none; }
 265
 266 .articlefull img {
 267   width: auto;
 268   margin: 0; }
 269
 270 .articlefull ul {
 271   margin: 0 15px; }
 272
 273 .articlefull li {
 274   margin: 0 15px; }
 275
 276 .articlefull div {
 277   margin: 0 15px; }
 278
 279 address {
 280   padding-bottom: 10px; }
 281
 282 address p {
 283   margin: 0;
 284   padding: 0; }
 285
 286 .historique {
 287   background-color: #ffd2a1;
 288   margin: 0 15px 15px 15px; }
 289
 290 .historique h1 {
 291   width: 100%; }
 292
 293 #atelierdescription {
 294   margin: 0 10px; }
 295
 296 #atelierdescription #news {
 297   margin: 0; }
 298
 299 .spip_logos {
 300   width: auto !important; }
 301
 302 .urlsites {
 303   padding: 15px 0; }
 304
 305 /*3EME COLONNE*/
 306 .map {
 307   height: 300px;
 308   margin: 0 10px 15px 10px;
 309   overflow: hidden; }
 310
 311 .agenda {
 312   background-color: #05ffbc;
 313   margin: 0 10px 15px 10px;
 314   padding-right: 10px;
 315   padding-bottom: 15px; }
 316
 317 .agenda h1:hover {
 318   text-decoration: none; }
 319
 320 .agenda p {
 321   padding: 0; }
 322
 323 .agenda ul {
 324   list-style-type: none;
 325   padding: 0;
 326   margin: 0;
 327   padding-top: 15px; }
 328
 329 .date {
 330   float: left;
 331   font-size: 1.7em;
 332   clear: both; }
 333
 334 .event {
 335   display: block;
 336   margin-bottom: 45px;
 337   padding-top: 5px; }
 338
 339 .horaire {
 340   font-size: 0.8em;
 341   margin-bottom: 20px;
 342   display: block; }
 343
 344 /*RESPONSIVE*/
 345 .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 {
 346   float: left;
 347   position: relative; }
 348
 349 .col-1 {
 350   width: 8.33333%; }
 351
 352 .col-2 {
 353   width: 16.66667%; }
 354
 355 .col-3 {
 356   width: 25%; }
 357
 358 .col-4 {
 359   width: 33.33333%; }
 360
 361 .col-5 {
 362   width: 41.66667%; }
 363
 364 .col-6 {
 365   width: 50%; }
 366
 367 .col-7 {
 368   width: 58.33333%; }
 369
 370 .col-8 {
 371   width: 66.66667%; }
 372
 373 .col-9 {
 374   width: 75%; }
 375
 376 .col-10 {
 377   width: 83.33333%; }
 378
 379 .col-11 {
 380   width: 91.66667%; }
 381
 382 .col-12 {
 383   width: 100%; }
 384
 385 @media only screen and (min-width: 650px) {
 386   .col-m-1 {
 387     width: 8.33333%; }
 388
 389   .col-m-2 {
 390     width: 16.66667%; }
 391
 392   .col-m-3 {
 393     width: 25%; }
 394
 395   .col-m-4 {
 396     width: 33.33333%; }
 397
 398   .col-m-5 {
 399     width: 41.66667%; }
 400
 401   .col-m-6 {
 402     width: 50%; }
 403
 404   .col-m-7 {
 405     width: 58.33333%; }
 406
 407   .col-m-8 {
 408     width: 66.66667%; }
 409
 410   .col-m-9 {
 411     width: 75%; }
 412
 413   .col-m-10 {
 414     width: 83.33333%; }
 415
 416   .col-m-11 {
 417     width: 91.66667%; }
 418
 419   .col-m-12 {
 420     width: 100%; } }
 421 @media only screen and (min-width: 1200px) {
 422   .col-l-1 {
 423     width: 8.33333%; }
 424
 425   .col-l-2 {
 426     width: 16.66667%; }
 427
 428   .col-l-3 {
 429     width: 25%; }
 430
 431   .col-l-4 {
 432     width: 33.33333%; }
 433
 434   .col-l-5 {
 435     width: 41.66667%; }
 436
 437   .col-l-6 {
 438     width: 50%; }
 439
 440   .col-l-7 {
 441     width: 58.33333%; }
 442
 443   .col-l-8 {
 444     width: 66.66667%; }
 445
 446   .col-l-9 {
 447     width: 75%; }
 448
 449   .col-l-10 {
 450     width: 83.33333%; }
 451
 452   .col-l-11 {
 453     width: 91.66667%; }
 454
 455   .col-l-12 {
 456     width: 100%; }
 457
 458   #wrap {
 459     width: 1200px; }
 460
 461   .wrap {
 462     width: auto; } }
 463 .row:before, .row:after {
 464   content: "";
 465   display: table; }
 466
 467 .row:after {
 468   clear: both; }
 469
 470 .row {
 471   margin: 0 -10px;
 472   zoom: 1; }
 473
 474 /*FOOTER*/
 475 footer {
 476   clear: both;
 477   height: 100px;
 478   background-color: #05ffbc; }
 479
 480 footer ul {
 481   padding: 0;
 482   width: 300px;
 483   margin: 0 auto;
 484   list-style-type: none;
 485   padding-top: 30px; }
 486
 487 .textfooter {
 488   width: 500px;
 489   margin: 0 auto; }
 490
 491 footer li {
 492   float: left;
 493   /*pour IE*/
 494   text-align: center; }
 495
 496 footer ul li a {
 497   display: block;
 498   float: left;
 499   text-decoration: none;
 500   color: #0c0fb7; }
 501
 502 footer ul li a:hover {
 503   border-bottom: solid #0c0fb7; }
 504
 505 /*# sourceMappingURL=habillage.css.map */