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