/** Grilles et Layouts **/

.main-wrapper {width:100%; max-width:960px; min-width:533px; margin:0 auto; box-sizing:border-box; padding:0 20px;}
.main-wrapper.narrow {max-width:850px;}

.grid {display:block; width:100%; font-size:0;}
.grid > div,
.grid > li {display:inline-block; box-sizing:border-box; vertical-align:top; font-size:15px;}

.grid.table {display:table; table-layout:fixed;}
.grid.table > div {display:table-cell;}

.grid > .gutter-left {padding-left:24px;}
.grid > .gutter-left-half {padding-left:12px;}
.grid > .gutter-right {padding-right:24px;}
.grid > .gutter-right-half {padding-right:12px;}

.grid > .col-1 {width:59px;}
.grid > .col-2 {width:118px;}
.grid > .col-3 {width:177px;}
.grid > .col-4 {width:236px;}
.grid > .col-5 {width:295px;}
.grid > .col-6 {width:354px;}
.grid > .col-7 {width:413px;}
.grid > .col-8 {width:472px;}
.grid > .col-9 {width:531px;}
.grid > .col-10 {width:590px;}
.grid > .col-11 {width:649px;}
.grid > .col-12 {width:708px;}

.grid > .w33 {width:33.3%;}
.grid > .w50 {width:50%;}
.grid > .w66 {width:66.7%;}


.margin-t0 {margin-top:0;}
.margin-t0-half {margin-top:16px;}
.margin-t1 {margin-top:31px;}
.margin-t1-half {margin-top:47px;}
.margin-t2 {margin-top:62px;}
.margin-t2-half {margin-top:77px;}
.margin-t3 {margin-top:93px;}
.margin-t4 {margin-top:124px;}
.margin-t5 {margin-top:155px;}
.margin-t6 {margin-top:186px;}

.margin-b0 {margin-bottom:0;}
.margin-b0-half {margin-bottom:16px;}
.margin-b1 {margin-bottom:31px;}
.margin-b1-half {margin-bottom:47px;}
.margin-b2 {margin-bottom:62px;}
.margin-b3 {margin-bottom:93px;}
.margin-b4 {margin-bottom:124px;}
.margin-b5 {margin-bottom:155px;}
.margin-b6 {margin-bottom:186px;}

.padding-t0 {padding-top:0;}
.padding-t0-half {padding-top:16px;}
.padding-t1 {padding-top:31px;}
.padding-t1-half {padding-top:47px;}
.padding-t2 {padding-top:62px;}
.padding-t3 {padding-top:93px;}
.padding-t4 {padding-top:124px;}
.padding-t5 {padding-top:155px;}
.padding-t6 {padding-top:186px;}

.padding-b0 {padding-bottom:0;}
.padding-b0-half {padding-bottom:16px;}
.padding-b1 {padding-bottom:31px;}
.padding-b1-half {padding-bottom:47px;}
.padding-b2 {padding-bottom:62px;}
.padding-b3 {padding-bottom:93px;}
.padding-b4 {padding-bottom:124px;}
.padding-b5 {padding-bottom:155px;}
.padding-b6 {padding-bottom:186px;}