.bt1 {border-top:1px solid ;}
.bb1 {border-bottom:1px solid ;}
.bl1 {border-left:1px solid ;}
.br1 {border-right:1px solid ;}
.bt2 {border-top:2px solid ;}
.bb2 {border-bottom:2px solid ;}
.bl2 {border-left:2px solid ;}
.br2 {border-right:2px solid ;}
.bt3 {border-top:3px solid ;}
.bb3 {border-bottom:3px solid ;}
.bl3 {border-left:3px solid ;}
.br3 {border-right:3px solid ;}
.bt4 {border-top:4px solid ;}
.bb4 {border-bottom:4px solid ;}
.bl4 {border-left:4px solid ;}
.br4 {border-right:4px solid ;}
.bt5 {border-top:5px solid ;}
.bb5 {border-bottom:5px solid ;}
.bl5 {border-left:5px solid ;}
.br5 {border-right:5px solid ;}

.mt4, .mtvl { margin-top: 40px; }
.mr4, .mrvl { margin-right: 40px; }
.mb4, .mbvl { margin-bottom: 40px; }
.ml4, .mlvl { margin-left: 40px; }
.mt5, .mtvvl { margin-top: 50px; }
.mr5, .mrvvl { margin-right: 50px; }
.mb5, .mbvvl { margin-bottom: 50px; }
.ml5, .mlvvl { margin-left: 50px; }

.mt6 { margin-top: 60px; }
.mt7 { margin-top: 70px; }
.mt8 { margin-top: 80px; }
.mt9 { margin-top: 90px; }

.center    { margin-left: auto; margin-right: auto; }
.txtleft   { text-align: left; }
.txtright  { text-align: right; }
.txtcenter { text-align: center; }

/* blocks widths (percentages and pixels) */
.w10    { width: 10%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w30    { width: 30%; }
.w33    { width: 33.3333%; }
.w40    { width: 40%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w66    { width: 66.6666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.mw960p { max-width: 960px; }
.w1140p  { width: 1140px; }
.mw1140p { max-width: 1140px; }

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 { margin: 0!important; }
.p-reset, .pa0 { padding: 0!important; }
.mass		{ margin: 5px!important; }
.ma1, .mas { margin: 10px!important; }
.ma2, .mam { margin: 20px!important; }
.ma3, .mal { margin: 30px!important; }
.pa1, .pas { padding: 10px!important; }
.pa2, .pam { padding: 20px!important; }
.pa3, .pal { padding: 30px!important; }

.mt0, .mtn { margin-top: 0!important; }
.mtss	   { margin-top: 5px!important; }
.mt1, .mts { margin-top: 10px!important; }
.mt2, .mtm { margin-top: 20px!important; }
.mt3, .mtl { margin-top: 30px!important; }

.mr0, .mrn { margin-right: 0!important; }
.mrss      { margin-right: 5px!important; }
.mr1, .mrs { margin-right: 10px!important; }
.mr2, .mrm { margin-right: 20px!important; }
.mr3, .mrl { margin-right: 30px!important; }

.mb0, .mbn { margin-bottom: 0!important; }
.mbss      { margin-bottom: 5px!important; }
.mb1, .mbs { margin-bottom: 10px!important; }
.mb2, .mbm { margin-bottom: 20px!important; }
.mb3, .mbl { margin-bottom: 30px!important; }

.ml0, .mln { margin-left: 0!important; }
.mlss      { margin-left: 5px!important; }
.ml1, .mls { margin-left: 10px!important; }
.ml2, .mlm { margin-left: 20px!important; }
.ml3, .mll { margin-left: 30px!important; }

.pt0, .ptn { padding-top: 0!important; }
.ptss	   { padding-top: 5px!important; }
.pt1, .pts { padding-top: 10px!important; }
.pt2, .ptm { padding-top: 20px!important; }
.pt3, .ptl { padding-top: 30px!important; }
.pt4, .ptvl  { padding-top: 40px!important; }
.pt5, .ptvvl { padding-top: 50px!important; }

.pr0, .prn { padding-right: 0!important; }
.prss	   { padding-right: 5px!important; }
.pr1, .prs { padding-right: 10px!important; }
.pr2, .prm { padding-right: 20px!important; }
.pr4, .prvl  { padding-right: 40px!important; }
.pr5, .prvvl { padding-right: 50px!important; }
.pr3, .prl { padding-right: 30px!important; }

.pb0, .pbn { padding-bottom: 0!important; }
.pbss	   { padding-bottom: 5px!important; }
.pb1, .pbs { padding-bottom: 10px!important; }
.pb2, .pbm { padding-bottom: 20px!important; }
.pb3, .pbl { padding-bottom: 30px!important; }
.pb4, .pbvl  { padding-bottom: 40px!important; }
.pb5, .pbvvl { padding-bottom: 50px!important; }

.pl0, .pln { padding-left: 0!important; }
.plss	   { padding-left: 5px!important; }
.pl1, .pls { padding-left: 10px!important; }
.pl2, .plm { padding-left: 20px!important; }
.pl3, .pll { padding-left: 30px!important; }
.pl4, .plvl  { padding-left: 40px!important; }
.pl5, .plvvl { padding-left: 50px!important; }

.mt-1, .mt-s { margin-top: -10px!important; }
.mt-2, .mt-m { margin-top: -20px!important; }
.mt-3, .mt-l { margin-top: -30px!important; }
.mr-1, .mr-s { margin-right: -10px!important; }
.mr-2, .mr-m { margin-right: -20px!important; }
.mr-3, .mrl { margin-right: -30px!important; }
.mb-1, .mb-s { margin-bottom: -10px!important; }
.mb-2, .mb-m { margin-bottom: -20px!important; }
.mb-3, .mb-l { margin-bottom: -30px!important; }
.ml-1, .ml-s { margin-left: -10px!important; }
.ml-2, .ml-m { margin-left: -20px!important; }
.ml-3, .mll { margin-left: -30px!important; }

/*Marges négatives */
mb-s {margin-bottom: -10px!important;}
mb-m {margin-bottom: -20px!important;}