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