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