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