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: #1a0583;
  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: 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   text-decoration: none; }
  91
  92 a:focus, a:hover, a:active {
  93   background: none;
  94   color: #1a0583; }
  95
  96 h1 {
  97   margin: 0;
  98   padding: 0;
  99   margin-top: 15px;
 100   margin-left: 15px;
 101   font-size: 1.9em;
 102   display: inline-block;
 103   font-weight: bold; }
 104
 105 h1:hover {
 106   text-decoration: underline; }
 107
 108 h2 {
 109   margin: 15px 15px;
 110   font-size: 1.3em;
 111   display: inline-block; }
 112
 113 h3 {
 114   margin: 15px;
 115   display: inline-block; }
 116
 117 p {
 118   margin: 0 15px;
 119   padding-bottom: 15px;
 120   text-decoration: none;
 121   text-align: justify; }
 122
 123 /*1ERE COLONNE*/
 124 #ateliers {
 125   margin: 0 10px; }
 126
 127 #ateliers:after {
 128   content: "";
 129   /* Important, sinon l'élément n'est pas généré. */
 130   display: table;
 131   clear: both; }
 132
 133 #ateliers ul {
 134   padding: 0;
 135   margin: 0;
 136   list-style-type: none; }
 137
 138 #ateliers ul li {
 139   margin-bottom: 15px; }
 140
 141 #ateliers p {
 142   margin: 15px 15px 0 0;
 143   font-size: 1.0em;
 144   text-align: left; }
 145
 146 #ateliers address {
 147   margin: 0 0 0 15px;
 148   line-height: 0.6; }
 149
 150 .horairesouvertures {
 151   margin: 0 0 0 15px; }
 152
 153 /*2EME COLONNE*/
 154 #news {
 155   overflow: hidden; }
 156
 157 .article {
 158   background-color: #e2e2e1;
 159   margin: 0 10px 15px 10px;
 160   line-height: 1.3; }
 161
 162 .spip_logo {
 163   display: none; }
 164
 165 .article .spip_logos {
 166   display: none; }
 167
 168 .historique {
 169   background-color: #ffd2a1;
 170   margin: 0 15px 15px 15px; }
 171
 172 .historique h1 {
 173   width: 100%; }
 174
 175 #atelierdescription img {
 176   width: 100%; }
 177
 178 /*3EME COLONNE*/
 179 .map {
 180   height: 300px;
 181   margin: 0 10px 15px 10px;
 182   overflow: hidden; }
 183
 184 .agenda {
 185   background-color: #a1ffff;
 186   height: 500px;
 187   margin: 0 10px 0px 10px;
 188   padding-right: 10px;
 189   overflow-y: scroll; }
 190
 191 .agenda p {
 192   padding: 0; }
 193
 194 .agenda ul {
 195   list-style-type: none;
 196   padding: 0;
 197   margin: 0;
 198   padding-top: 15px; }
 199
 200 .date {
 201   float: left;
 202   font-size: 1.7em;
 203   clear: both; }
 204
 205 .event {
 206   display: block;
 207   margin-bottom: 10px;
 208   padding-top: 5px; }
 209
 210 .horaire {
 211   font-size: 0.8em;
 212   margin-bottom: 20px;
 213   display: block; }
 214
 215 .nature {
 216   overflow-y: scroll;
 217   height: 70px; }
 218
 219 /*RESPONSIVE*/
 220 .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 {
 221   float: left;
 222   position: relative; }
 223
 224 .col-1 {
 225   width: 8.33333%; }
 226
 227 .col-2 {
 228   width: 16.66667%; }
 229
 230 .col-3 {
 231   width: 25%; }
 232
 233 .col-4 {
 234   width: 33.33333%; }
 235
 236 .col-5 {
 237   width: 41.66667%; }
 238
 239 .col-6 {
 240   width: 50%; }
 241
 242 .col-7 {
 243   width: 58.33333%; }
 244
 245 .col-8 {
 246   width: 66.66667%; }
 247
 248 .col-9 {
 249   width: 75%; }
 250
 251 .col-10 {
 252   width: 83.33333%; }
 253
 254 .col-11 {
 255   width: 91.66667%; }
 256
 257 .col-12 {
 258   width: 100%; }
 259
 260 @media only screen and (min-width: 650px) {
 261   .col-m-1 {
 262     width: 8.33333%; }
 263
 264   .col-m-2 {
 265     width: 16.66667%; }
 266
 267   .col-m-3 {
 268     width: 25%; }
 269
 270   .col-m-4 {
 271     width: 33.33333%; }
 272
 273   .col-m-5 {
 274     width: 41.66667%; }
 275
 276   .col-m-6 {
 277     width: 50%; }
 278
 279   .col-m-7 {
 280     width: 58.33333%; }
 281
 282   .col-m-8 {
 283     width: 66.66667%; }
 284
 285   .col-m-9 {
 286     width: 75%; }
 287
 288   .col-m-10 {
 289     width: 83.33333%; }
 290
 291   .col-m-11 {
 292     width: 91.66667%; }
 293
 294   .col-m-12 {
 295     width: 100%; } }
 296 @media only screen and (min-width: 1200px) {
 297   .col-l-1 {
 298     width: 8.33333%; }
 299
 300   .col-l-2 {
 301     width: 16.66667%; }
 302
 303   .col-l-3 {
 304     width: 25%; }
 305
 306   .col-l-4 {
 307     width: 33.33333%; }
 308
 309   .col-l-5 {
 310     width: 41.66667%; }
 311
 312   .col-l-6 {
 313     width: 50%; }
 314
 315   .col-l-7 {
 316     width: 58.33333%; }
 317
 318   .col-l-8 {
 319     width: 66.66667%; }
 320
 321   .col-l-9 {
 322     width: 75%; }
 323
 324   .col-l-10 {
 325     width: 83.33333%; }
 326
 327   .col-l-11 {
 328     width: 91.66667%; }
 329
 330   .col-l-12 {
 331     width: 100%; }
 332
 333   #wrap {
 334     width: 1200px; }
 335
 336   .wrap {
 337     width: auto; } }
 338 .row:before, .row:after {
 339   content: "";
 340   display: table; }
 341
 342 .row:after {
 343   clear: both; }
 344
 345 .row {
 346   margin: 0 -10px;
 347   zoom: 1; }
 348
 349 /*FOOTER*/
 350 footer {
 351   clear: both;
 352   height: 100px;
 353   background-color: #ffaa7f; }
 354
 355 footer ul {
 356   padding: 0;
 357   margin: 0 auto;
 358   list-style-type: none;
 359   padding-top: 30px; }
 360
 361 .textfooter {
 362   width: 500px;
 363   margin: 0 auto; }
 364
 365 footer li {
 366   float: left;
 367   /*pour IE*/
 368   text-align: center; }
 369
 370 footer ul li a {
 371   display: block;
 372   float: left;
 373   text-decoration: none; }
 374
 375 footer ul li a:hover {
 376   border-bottom: solid #1d0b78; }
 377
 378 /*# sourceMappingURL=habillage.css.map */