/* soft reset */
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body {margin: 0;padding: 0;}
body > script {display: none !important;}
ul, ol {padding-left: 2em;}
ul.unstyled {list-style: none;margin:0;padding:0;}
ul.unstyled li {list-style: none;margin:0;padding:0;}
li p, li ul, li ol {margin-top: 0;margin-bottom: 0;}
img {vertical-align: top;border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%;}
table {margin-bottom: 1.5em;}

/* == typography                 */
/* base font-size corresponds to 10px and is adapted to rem unit */
html {font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {background-color: #ffffff;color: #000000;font-family: Helvetica, Arial, sans-serif;font-size: 1.4em;line-height: 1.5;}

/* font-sizing for content */
p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup {margin-top: .75em;margin-bottom: 0;line-height: 1.8;}
h1, .h1-like {margin-top: 0.65625em;margin-bottom: 0;font-size: 3.2rem;line-height: 1.3125;}
h2, .h2-like {margin-top: 0.75em;margin-bottom: 0;font-size: 2.8rem;line-height: 1.5;}
h3, .h3-like {margin-top: 0.875em;margin-bottom: 0;font-size: 2.4rem;line-height: 1.75;}
h4, .h4-like {margin-top: 1.05em;margin-bottom: 0;font-size: 2rem;line-height: 1.05;}
h5, .h5-like {margin-top: 1.1666666666666667em;margin-bottom: 0;font-size: 1.8rem;line-height: 1.1666666666666667;}
h6, .h6-like {margin-top: 1.3125em;margin-bottom: 0;font-size: 1.6rem;line-height: 1.3125;}

/* alternate font-sizing */
.smaller {font-size: 0.7142857142857143em;}
/*.small {font-size: 0.8571428571428571em;}*/
.petit {font-size: 0.9em;}
.small {font-size: 0.83em;}
.normal {font-size:1em;}
.big {font-size: 1.1428571428571428em;}
.bigger {font-size: 1.2857142857142858em;}
.biggest {font-size: 1.4285714285714286em;}
.ultra {font-size: 2.2em;}

/* hiding content */
.visually-hidden {position: absolute;left: -7000px;overflow: hidden;}
[dir=rtl] .visually-hidden {left: auto;right: -7000px;}
.desktop-hidden {display: none;}

/* == skip links styling         */
.skip-links {position: absolute;}
.skip-links a {position: absolute;left: -7000px;padding: 0.5em;background: black;color: white;text-decoration: none;}
.skip-links a:focus {position: static;}

/* avoid top margins on first content element */
p:first-child, ul:first-child, ol:first-child, dl:first-child, blockquote:first-child, pre:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {margin-top: 0;}

/* ==layout and modules          */
.mod {overflow: hidden;}
.inbl {display: inline-block;vertical-align: top;}

/* blocks that needs to be placed under floats */
.clear, .line, .row {clear: both;}
.clearfix:after, .line:after, .mod:after {content: "";display: table;clear: both;}

/* table layout */
.row {display: table;table-layout: fixed;width: 100%;}
.row > *, .col {display: table-cell;vertical-align: top;}

/* alignments (blocks and inline) */
.left {float: left;}
img.left {margin-right: 1em;}
.right {float: right;}
img.right {margin-left: 1em;}
img.left, img.right {margin-bottom: 5px;}
.center {margin-left: auto;margin-right: auto;}
.txtleft {text-align: left;}
.txtright {text-align: right;}
.txtcenter {text-align: center;}
.txtjustify {text-align:justify;}

/* blocks widths (percentage 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;}
.w75p {width: 75px;}
.w100p {width: 100px;}
.w125p {width: 125px;}
.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;}
.wauto {width: auto;}

/* == spacing helpers            */
.m-reset,.ma0 {margin: 0;}
.p-reset,.pa0 {padding: 0;}
.ma1,.mas {margin: 10px;}
.ma2,.mam {margin: 20px;}
.ma3,.mal {margin: 30px;}
.pa1,.pas {padding: 10px;}
.pa2,.pam {padding: 20px;}
.pa3,.pal {padding: 30px;}
.mt0,.mtn {margin-top: 0;}
.mt1,.mts {margin-top: 10px;}
.mt2,.mtm {margin-top: 20px;}
.mt3,.mtl {margin-top: 30px;}
.mt4,.mtl {margin-top: 40px;}
.mt5,.mtl {margin-top: 50px;}
.mr0,.mrn {margin-right: 0;}
.mr1,.mrs {margin-right: 10px;}
.mr2,.mrm {margin-right: 20px;}
.mr3,.mrl {margin-right: 30px;}
.mb0,.mbn {margin-bottom: 0;}
.mb1,.mbs {margin-bottom: 10px;}
.mb2,.mbm {margin-bottom: 20px;}
.mb3,.mbl {margin-bottom: 30px;}
.ml0,.mln {margin-left: 0;}
.ml1,.mls {margin-left: 10px;}
.ml2,.mlm {margin-left: 20px;}
.ml3,.mll {margin-left: 30px;}
.pt0,.ptn {padding-top: 0;}
.pt1,.pts {padding-top: 10px;}
.pt2,.ptm {padding-top: 20px;}
.pt3,.ptl {padding-top: 30px;}
.pr0,.prn {padding-right: 0;}
.pr1,.prs {padding-right: 10px;}
.pr2,.prm {padding-right: 20px;}
.pr3,.prl {padding-right: 30px;}
.pb0,.pbn {padding-bottom: 0;}
.pb1,.pbs {padding-bottom: 10px;}
.pb2,.pbm {padding-bottom: 20px;}
.pb3,.pbl {padding-bottom: 30px;}
.pl0,.pln {padding-left: 0;}
.pl1,.pls {padding-left: 10px;}
.pl2,.plm {padding-left: 20px;}
.pl3,.pll {padding-left: 30px;}

/* == iefix                      */
.ie678 h1,.ie678 .h1-like {font-size: 2.2857142857142856em;}
.ie678 h2,.ie678 .h2-like {font-size: 2em;}
.ie678 h3,.ie678 .h3-like {font-size: 1.7142857142857142em;}
.ie678 h4,.ie678 .h4-like {font-size: 1.4285714285714286em;}
.ie678 h5,.ie678 .h5-like {font-size: 1.2857142857142858em;}
.ie678 h6,.ie678 .h6-like {font-size: 1.1428571428571428em;}
.ie67 .clearfix,.ie67 .line,.ie67 .mod,.ie67 .row,.ie67 .col {zoom: 1;}
.ie67 .btn,.ie67 .col,.ie67 .inbl {display: inline;zoom: 1;}
.ie8 img {width: auto;/* @bugfix for IE8 */}

/* ---------------------------------- */

/* grids inspired from SUIT https://github.com/suitcss/suit */
.grid {overflow: hidden;}
.grid > * {display: block;padding: 0;margin-left: -20px;/* gutter value */text-align: left;letter-spacing: -0.31em;text-rendering: optimizespeed;}
/* Opera hack */
.opera:-o-prefocus,.grid > * {word-spacing: -0.43em;}
.grid > * > * {display: inline-block;*display: inline;*zoom: 1;/* IE67 hack */width: 100%;padding-left: 20px;/* gutter value */margin-left: 0;vertical-align: top;text-align: left;letter-spacing: normal;word-spacing: normal;text-rendering: auto;}
.grid2 > * {width: 50%;}
.grid3 > * {width: 33.333%;}
.grid4 > * {width: 25%;}
.grid5 > * {width: 20%;}
.grid6 > * {width: 16.667%;}
.grid8 > * {width: 12.5%;}
.grid10 > * {width: 10%;}
.grid12 > * {width: 8.333%;}
/* unequal grids (1-2, 2-1, 1-3 and 3-1) for 2 blocks */
.grid2-1 > *:first-child, .grid1-2 > * + * {width: 66.666%;}
.grid1-2 > *:first-child, .grid2-1 > * + * {width: 33.333%;}
.grid1-3 > *:first-child, .grid3-1 > * + * {width: 25%;}
.grid3-1 > *:first-child, .grid1-3 > * + * {width: 75%;}