/*-------------------------------*/
/*! ---- src/_base.css ---- !*/
/*-------------------------------*/
* { box-sizing:border-box; }
html, body { margin:0; padding:0; font:12px verdana,arial,helvetica; }
p { margin:0 0 2em; }
a { transition:all 350ms ease-out; }
.maxw { width:90%; max-width:1300px; margin:0 auto; }

.zone { position:relative; display:flex; flex-direction:row; flex-wrap:nowrap; align-items:flex-start; justify-content:space-between; width:100%; margin:0 auto 40px; }
.zone.header { margin-top:0; padding-bottom:0; }
.zone.footer { margin-bottom:0; padding-top:0; }
.zone[data-width='maxw'] { width:90%; max-width:1300px; margin:0 auto; }

.zone[data-padding='medium'] { padding:30px; }
.zone[data-padding='large'] { padding:50px; }

.zone[data-margin='small'] { margin:0 auto; }
.zone[data-margin='medium'] { margin:0 auto 30px; }
.zone[data-margin='large'] { margin:0 auto 50px; }


.zone[data-valign='top'] { align-items:flex-start; }
.zone[data-valign='center'] { align-items:center; }
.zone[data-valign='bottom'] { align-items:flex-end; }


.colonne { width:100%; }
.zone[data-nb='2'] .colonne { width:46%; }
.zone[data-nb='3'] .colonne { width:30%; }

.zone[data-align='left'] .colonne { text-align:left; }
.zone[data-align='center'] .colonne { text-align:center; }
.zone[data-align='right'] .colonne { text-align:right; }

.module { margin:0 0 40px; }
.zone .colonne .module:last-child { margin-bottom:0; padding-bottom:0; }
.default-header,
.default-footer {
  background:#f8f8f8;
  padding:20px 0;
  text-align:center;
}