/*
Theme Name: pneu.mourin.be
Version: 1.0.0
Theme URL: pneu.mourin.be
Description: Thème créé en 2020
Author: Vanois.be
Author URI: https://vanois.be/
*/
/* LIGHT RESET */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, del, details, dfn, dl, dt, dd, div, em, embed, fieldset, figure, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, main, mark, menu, nav, object, output, ol, option, p, pre, q, ruby, s, samp, small, span, strike, strong, sub, sup, select, section, summary, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, var, video, u, ul {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit; box-sizing: border-box;
    outline: 0; border-radius:0px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block;}
ol, ul, dl {	list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
button:focus, a:focus, input:focus {outline:0;}
html {font-size: 100%}
input[type=submit] { border:none; background: none; box-shadow:none; -webkit-appearance:none; border-radius:0px; cursor:pointer}

/* TOOLS
/-------------------------------------*/


/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }

/* IE support */
.ie-support {position: fixed; top: 0; z-index: 1000; width: 100%; height:1600px; background: #FFFFFF; background-color: rgba(255,255,255,0.8);}
.ie-support .inner {display:block; margin:32px auto; padding:128px 64px; max-width: 75%; background-color: #FFFFFF; box-shadow: 0 5px 15px rgba(0,0,0,0.6); text-align:center;}
.ie-support p {margin-bottom: 24px; font-size: 18px; color: #333;}
.ie-support .ie-button {display: block; margin: 16px auto; background: #999; padding: 12px 24px; text-decoration: none; width :400px;}

/* cols v5 (flexbox - base 12) */   
.inline.flex {display:-webkit-inline-box; display:inline-flex; flex-wrap:wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;}
.flex {display:-webkit-box; display:flex; flex-wrap:wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row;}
.flex > * {box-sizing: border-box;}
.flex.column {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column}
.flex.row-reverse {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;flex-direction: row-reverse;}
    .flex.xleft   {-webkit-box-pack: start;justify-content: flex-start;}
        .flex.xcenter {-webkit-box-pack: center;justify-content: center;}
        .flex.xright  {-webkit-box-pack: end;justify-content: flex-end;}
        .flex.xjustify  {-webkit-box-pack: justify;justify-content: space-between;}
    .flex.ytop    {-webkit-box-align: start;align-items: flex-start;}
        .flex.ymiddle {-webkit-box-align: center;align-items: center;}
        .flex.ybottom {-webkit-box-align: end;align-items: flex-end;}
        .flex.yjustify {-webkit-box-align: stretch;align-items: stretch;}
    .flex.xgap {margin-right: -15px;margin-left: -15px;}
        .flex.xgap > * {border-left:15px solid rgba(0,0,0,0); border-right: 15px solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .flex.ygap > * {border-bottom: 30px solid rgba(0,0,0,0);background-clip: padding-box !important;}
        .flex.ygap > *:last-child {border-bottom: none;}
    .flex.xgap-xl {margin-right: -30px;margin-left: -30px;}
        .flex.xgap-xl > * {border-left:30px solid rgba(0,0,0,0); border-right: 30px solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .flex.ygap-xl > * {border-bottom: 60px solid rgba(0,0,0,0);background-clip: padding-box !important;}   
        .flex.ygap-xl > *:last-child {border-bottom: none;} 
    .flex.xgap-xs {margin-right: -3px;margin-left: -3px;}
        .flex.xgap-xs > * {border-left:3px solid rgba(0,0,0,0); border-right: 3px solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .flex.ygap-xs > * {border-bottom: 6px solid rgba(0,0,0,0);background-clip: padding-box !important;}   
        .flex.ygap-xs > *:last-child {border-bottom: none;} 
    .flex .ybottom  {align-self: flex-end;}
        .flex .ymiddle {align-self: center;}
        .flex .ytop {align-self: flex-start;}
        .flex .yjustify {align-self: stretch;}
    .flex .xleft  {margin-right: auto;}
        .flex .xcenter {margin:0 auto}
        .flex .xright {margin-left: auto;}
    .col1 {width: 8.3333%}
    .col2 {width: 16.6666%}
    .col3 {width: 25%}
    .col4 {width: 33.3333%}
    .col5 {width: 41.6665%}
    .col6 {width: 50%}
    .col7 {width: 58.3333%}
    .col8 {width: 66.6666%}
    .col9 {width: 75%}
    .col10 {width: 83.3333%}
    .col11 {width: 91.6666%}
    .col12 {width: 100%}


@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)
{
    .flex.xgap {margin-right: -8px;margin-left: -8px;}
        .flex.xgap > * {border-left:8px solid rgba(0,0,0,0); border-right: 8px solid rgba(0,0,0,0); }
        .flex.ygap > * {border-bottom: 24px solid rgba(0,0,0,0);}
    .flex.xgap-xl {margin-right: -15px;margin-left: -15px;}
        .flex.xgap-xl > * {border-left:15px solid rgba(0,0,0,0); border-right: 15px solid rgba(0,0,0,0); }
        .flex.ygap-xl > * {border-bottom: 30px solid rgba(0,0,0,0);}   
        .flex.ygap-xl > *:last-child {border-bottom: none;} 
    .col1-m {width: 8.3333%}
    .col2-m {width: 16.6666%}
    .col3-m {width: 25%}
    .col4-m {width: 33.3333%}
    .col5-m {width: 41.6665%}
    .col6-m {width: 50%}
    .col7-m {width: 58.3333%}
    .col8-m {width: 66.6666%}
    .col9-m {width: 75%}
    .col10-m {width: 83.3333%}
    .col11-m {width: 91.6666%}
    .col12-m {width: 100%}
}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)
{
    .col1-s {width: 8.3333%}
    .col2-s {width: 16.6666%}
    .col3-s {width: 25%}
    .col4-s {width: 33.3333%}
    .col5-s {width: 41.6665%}
    .col6-s {width: 50%}
    .col7-s {width: 58.3333%}
    .col8-s {width: 66.6666%}
    .col9-s {width: 75%}
    .col10-s {width: 83.3333%}
    .col11-s {width: 91.6666%}
    .col12-s {width: 100%}
}

/* pad-marg*/
.pt0, .py0 {padding-top: 0 !important;}
.pt05, .py05 {padding-top: 0.5rem !important;}
.pt1, .py1 {padding-top: 1rem !important;}
.pt2, .py2 {padding-top: 2rem !important;}
.pt3, .py3 {padding-top: 3rem !important;}
.pt4, .py4 {padding-top: 4rem !important;}
.pt5, .py5 {padding-top: 5rem !important;}
.pt6, .py6 {padding-top: 6rem !important;}
.pb0, .py0 {padding-bottom: 0 !important;}
.pb05, .py05 {padding-bottom: 0.5rem !important;}
.pb1, .py1 {padding-bottom: 1rem !important;}
.pb2, .py2 {padding-bottom: 2rem !important;}
.pb3, .py3 {padding-bottom: 3rem !important;}
.pb4, .py4 {padding-bottom: 4rem !important;}
.pb5, .py5 {padding-bottom: 5rem !important;}
.pb6, .py6 {padding-bottom: 6rem !important;}
.mt0, .my0 {margin-top: 0 !important;}
.mt05, .my05 {margin-top: 0.5rem !important;}
.mt1, .my1 {margin-top: 1rem !important;}
.mt2, .my2 {margin-top: 2rem !important;}
.mt3, .my3 {margin-top: 3rem !important;}
.mt4, .my4 {margin-top: 4rem !important;}
.mt5, .my5 {margin-top: 5rem !important;}
.mt6, .my6 {margin-top: 6rem !important;}
.mb0, .my0 {margin-bottom: 0 !important;}
.mb05, .my05 {margin-bottom: 0.5rem !important;}
.mb1, .my1 {margin-bottom: 1rem !important;}
.mb2, .my2 {margin-bottom: 2rem !important;}
.mb3, .my3 {margin-bottom: 3rem !important;}
.mb4, .my4 {margin-bottom: 4rem !important;}
.mb5, .my5 {margin-bottom: 5rem !important;}
.mb6, .my6 {margin-bottom: 6rem !important;}

.pl0, .px0 {padding-left: 0 !important;}
.pl05, .px05 {padding-left: 0.5rem !important;}
.pl1, .px1 {padding-left: 1rem !important;}
.pl2, .px2 {padding-left: 2rem !important;}
.pl3, .px3 {padding-left: 3rem !important;}
.pl4, .px4 {padding-left: 4rem !important;}
.pl5, .px5 {padding-left: 5rem !important;}
.pl6, .px6 {padding-left: 6rem !important;}
.pr0, .px0 {padding-right: 0 !important;}
.pr05, .px05 {padding-right: 0.5rem !important;}
.pr1, .px1 {padding-right: 1rem !important;}
.pr2, .px2 {padding-right: 2rem !important;}
.pr3, .px3 {padding-right: 3rem !important;}
.pr4, .px4 {padding-right: 4rem !important;}
.pr5, .px5 {padding-right: 5rem !important;}
.pr6, .px6 {padding-right: 6rem !important;}
.mlauto, .mxauto {margin-left: auto !important;}
.ml0, .mx0 {margin-left: 0 !important;}
.ml05, .mx05 {margin-left: 0.5rem !important;}
.ml1, .mx1 {margin-left: 1rem !important;}
.ml2, .mx2 {margin-left: 2rem !important;}
.ml3, .mx3 {margin-left: 3rem !important;}
.ml4, .mx4 {margin-left: 4rem !important;}
.ml5, .mx5 {margin-left: 5rem !important;}
.ml6, .mx6 {margin-left: 6rem !important;}
.mrauto, .mxauto {margin-right: auto !important;}
.mr0, .mx0 {margin-right: 0 !important;}
.mr05, .mx05 {margin-right: 0.5rem !important;}
.mr1, .mx1 {margin-right: 1rem !important;}
.mr2, .mx2 {margin-right: 2rem !important;}
.mr3, .mx3 {margin-right: 3rem !important;}
.mr4, .mx4 {margin-right: 4rem !important;}
.mr5, .mx5 {margin-right: 5rem !important;}
.mr6, .mx6 {margin-right: 6rem !important;}

@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)  {
    .pt1, .py1 {padding-top: 0.85rem !important;}
    .pt2, .py2 {padding-top: 1.7rem !important;}
    .pt3, .py3 {padding-top: 2.55rem !important;}
    .pt4, .py4 {padding-top: 3.4rem !important;}
    .pt5, .py5 {padding-top: 4.25rem !important;}
    .pt6, .py6 {padding-top: 5.1rem !important;}
    .pb1, .py1 {padding-bottom: 0.85rem !important;}
    .pb2, .py2 {padding-bottom: 1.7rem !important;}
    .pb3, .py3 {padding-bottom: 2.55rem !important;}
    .pb4, .py4 {padding-bottom: 3.4rem !important;}
    .pb5, .py5 {padding-bottom: 4.25rem !important;}
    .pb6, .py6 {padding-bottom: 0.85rem !important;}
    .mt1, .my1 {margin-top: 0.85rem !important;}
    .mt2, .my2 {margin-top: 1.7rem !important;}
    .mt3, .my3 {margin-top: 2.55rem !important;}
    .mt4, .my4 {margin-top: 3.4rem !important;}
    .mt5, .my5 {margin-top: 4.25rem !important;}
    .mt6, .my6 {margin-top: 5.1rem !important;}
    .mb1, .my1 {margin-bottom: 0.85rem !important;}
    .mb2, .my2 {margin-bottom: 1.7rem !important;}
    .mb3, .my3 {margin-bottom: 2.55rem !important;}
    .mb4, .my4 {margin-bottom: 3.4rem !important;}
    .mb5, .my5 {margin-bottom: 4.25rem !important;}
    .mb6, .my6 {margin-bottom: 5.1rem !important;} 

    .pl1, .px1 {padding-left: 0.85rem !important;}
    .pl2, .px2 {padding-left: 1.7rem !important;}
    .pl3, .px3 {padding-left: 2.55rem !important;}
    .pl4, .px4 {padding-left: 3.4rem !important;}
    .pl5, .px5 {padding-left: 4.25rem !important;}
    .pl6, .px6 {padding-left: 5.1rem !important;}
    .pr1, .px1 {padding-right: 0.85rem !important;}
    .pr2, .px2 {padding-right: 1.7rem !important;}
    .pr3, .px3 {padding-right: 2.55rem !important;}
    .pr4, .px4 {padding-right: 3.4rem !important;}
    .pr5, .px5 {padding-right: 4.25rem !important;}
    .pr6, .px6 {padding-right: 5.1rem !important;}
    .ml1, .mx1 {margin-left: 0.85rem !important;}
    .ml2, .mx2 {margin-left: 1.7rem !important;}
    .ml3, .mx3 {margin-left: 2.55rem !important;}
    .ml4, .mx4 {margin-left: 3.4rem !important;}
    .ml5, .mx5 {margin-left: 4.25rem !important;}
    .ml6, .mx6 {margin-left: 5.1rem !important;}
    .mr1, .mx1 {margin-right: 0.85rem !important;}
    .mr2, .mx2 {margin-right: 1.7rem !important;}
    .mr3, .mx3 {margin-right: 2.55rem !important;}
    .mr4, .mx4 {margin-right: 3.4rem !important;}
    .mr5, .mx5 {margin-right: 4.25rem !important;}
    .mr6, .mx6 {margin-right: 5.1rem !important;}
}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)    {
    .pt1, .py1 {padding-top: 0.7rem !important;}
    .pt2, .py2 {padding-top: 1.4rem !important;}
    .pt3, .py3 {padding-top: 2.1rem !important;}
    .pt4, .py4 {padding-top: 2.8rem !important;}
    .pt5, .py5 {padding-top: 3.5rem !important;}
    .pt6, .py6 {padding-top: 4.2rem !important;}
    .pb1, .py1 {padding-bottom: 0.7rem !important;}
    .pb2, .py2 {padding-bottom: 1.4rem !important;}
    .pb3, .py3 {padding-bottom: 2.1rem !important;}
    .pb4, .py4 {padding-bottom: 2.8rem !important;}
    .pb5, .py5 {padding-bottom: 3.5rem !important;}
    .pb6, .py6 {padding-bottom: 4.2rem !important;}
    .mt1, .my1 {margin-top: 0.7rem !important;}
    .mt2, .my2 {margin-top: 1.4rem !important;}
    .mt3, .my3 {margin-top: 2.1rem !important;}
    .mt4, .my4 {margin-top: 2.8rem !important;}
    .mt5, .my5 {margin-top: 3.5rem !important;}
    .mt6, .my6 {margin-top: 4.2rem !important;}
    .mb1, .my1 {margin-bottom: 0.7rem !important;}
    .mb2, .my2 {margin-bottom: 1.4rem !important;}
    .mb3, .my3 {margin-bottom: 2.1rem !important;}
    .mb4, .my4 {margin-bottom: 2.8rem !important;}
    .mb5, .my5 {margin-bottom: 3.5rem !important;}
    .mb6, .my6 {margin-bottom: 4.2rem !important;} 

    .pl1, .px1 {padding-left: 0.7rem !important;}
    .pl2, .px2 {padding-left: 1.4rem !important;}
    .pl3, .px3 {padding-left: 2.1rem !important;}
    .pl4, .px4 {padding-left: 2.8rem !important;}
    .pl5, .px5 {padding-left: 3.5rem !important;}
    .pl6, .px6 {padding-left: 4.2rem !important;}
    .pr1, .px1 {padding-right: 0.7rem !important;}
    .pr2, .px2 {padding-right: 1.4rem !important;}
    .pr3, .px3 {padding-right: 2.1rem !important;}
    .pr4, .px4 {padding-right: 2.8rem !important;}
    .pr5, .px5 {padding-right: 3.5rem !important;}
    .pr6, .px6 {padding-right: 4.2rem !important;}
    .ml1, .mx1 {margin-left: 0.7rem !important;}
    .ml2, .mx2 {margin-left: 1.4rem !important;}
    .ml3, .mx3 {margin-left: 2.1rem !important;}
    .ml4, .mx4 {margin-left: 2.8rem !important;}
    .ml5, .mx5 {margin-left: 3.5rem !important;}
    .ml6, .mx6 {margin-left: 4.2rem !important;}
    .mr1, .mx1 {margin-right: 0.7rem !important;}
    .mr2, .mx2 {margin-right: 1.4rem !important;}
    .mr3, .mx3 {margin-right: 2.1rem !important;}
    .mr4, .mx4 {margin-right: 2.8rem !important;}
    .mr5, .mx5 {margin-right: 3.5rem !important;}
    .mr6, .mx6 {margin-right: 4.2rem !important;}
}


/* Pneu Mourin */
.blanc {color:#FFF}
.noir {color: #151515}
.color1 {color: #182A47}
.color2 {color: #bbcb95}
.color3 {color: #cccccc}

.hover-color1:hover {color: #182A47}
.hover-color2:hover {color: #bbcb95}
.hover-color3:hover {color: #cccccc}

.underline_blanc {border-bottom:1px solid #fff}
.underline_color1 {border-bottom:1px solid #182A47}
.underline_color2 {border-bottom:1px solid #BBCB95}


.blanc svg.ico, svg.ico.blanc  {fill:#FFF}
.noir svg.ico, svg.ico.noir  {fill: #151515}
.color1 svg.ico, svg.ico.color1   {fill: #182A47}
.color2 svg.ico, svg.ico.color2 {fill: #BBCB95}
.color3 svg.ico, svg.ico.color3 {fill: #cccccc}

/* bg */
.bg-blanc {background-color:#FFFFFF}
.bg-noir {background-color:#151515}
.bg-light {background-color: #EFF2FA;}
.bg-light-grey {background-color: #eeeeee;}
.bg-none {background-color: transparent;}
.bg-color1 {background-color: #182A47}
.bg-color2 {background-color: #BBCB95}
.bg-color3 {background-color: #8d8d8d}


/* Button */
.button {display:inline-block; position: relative; text-align: center; padding:16px 20px;-webkit-transition: all ease-in 0.15s;transition: all ease-in 0.15s;cursor: pointer;}
.button.blanc,
.button.hover-blanc:hover {border: 2px solid #FFF; color: #FFF; fill: #FFF;}
.button.noir,
.button.hover-noir:hover {border: 2px solid #151515; color:#151515; fill: #151515;}
.button.color1, 
.button.hover-color1:hover {border: 2px solid #182A47; color:#182A47; fill: #182A47;}
.button.color2, 
.button.hover-color2:hover {border: 2px solid #BBCB95; color:#BBCB95; fill: #BBCB95}
.button.reset {background-color: #00AF80; color: #FFF;border-radius: 4px;}
.button.reset:hover {background-color: rgb(0, 138, 101); color: #FFF; }
.button.print {padding: 6px 12px;background-color: #00AF80; color: #FFF;border-radius: 4px;line-height: 1; min-width: 120px;}

/* SVG */
svg.ico {display: inline-block; vertical-align: middle; width: 18px; height: 18px;-webkit-transition: all ease-in 200ms;transition: all ease-in 200ms;}
svg.ico.xl {width: 30px; height: 30px;}
.float-ico {position: relative; padding-left: 24px;}
.float-ico svg.ico {position: absolute; left:0; top:3px}

/* Form input - FacetWP */
input[type=text],
select {padding: 0 1rem; height: 2rem; line-height: 2rem; border-radius: 4px; background: #FFF;}

/* VNS Tabs v1.0 */

    /* main interaction */
    .vnstabs .tab-panel { display: none;}
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(1):checked ~ .tab-panels > .tab-panel:nth-child(1),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(2):checked ~ .tab-panels > .tab-panel:nth-child(2),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(3):checked ~ .tab-panels > .tab-panel:nth-child(3),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(4):checked ~ .tab-panels > .tab-panel:nth-child(4),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(5):checked ~ .tab-panels > .tab-panel:nth-child(5),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(6):checked ~ .tab-panels > .tab-panel:nth-child(6),
    .vnstabs input[name="vnstabs-radio"]:nth-of-type(7):checked ~ .tab-panels > .tab-panel:nth-child(7) {display: block;}
    
    /* Styling */
    .vnstabs {border-top: 1px solid #AAA; padding-top: 1.5rem; margin-top: 1.5rem;}
    .vnstabs input[name="vnstabs-radio"] {position: absolute;left: -200vw;}
    .vnstabs-label {display:inline-block; padding: 1rem 1.5rem;color: #FFF; background: #b9b9b9;margin: 0 0.5rem 0.5rem 0;border-radius: 30px; cursor: pointer; font-size: 1rem;}
    .vnstabs-label:hover { background: #999;}
    input[name="vnstabs-radio"]:focus + label, 
    input[name="vnstabs-radio"]:checked + label {background: #59a4c7 ;}
    @media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px)
    {
        .vnstabs .icon {width: 80px; line-height: 80px;}
        .vnstabs .icon svg {width: 28px; line-height: 28px;}
    }
    @media only screen and (max-width: 763px), only screen and (max-device-width: 763px)
    {
        .vnstabs .icon {width: 60px; line-height: 60px;}
        .vnstabs .icon svg {width: 20px; line-height: 20px;}
    }

.facetwp-autocomplete-update {display: none;}
.facetwp-facet {margin-bottom: 0 !important ;}

/*FONT
/-------------------------------------*/

/* Déclarations générales */
.textcenter {text-align:center}
.textright {text-align: right}
.uppercase {text-transform: uppercase}
.fw700, strong, .strong, b {font-weight: 700}
.italic, em	{ font-style:italic; }
.pointer {cursor: pointer}
.underline {text-decoration: underline}
.vanois {text-decoration: none; color: #fff !important;}
.fw100 {font-weight:100;}
.fw400 {font-weight:400;}
.fw500 {font-weight:500;}
b, strong, .fw700 {font-weight: 700;}
.fs140 {font-size: 140%;}
.fs130 {font-size: 130%;}
.fs120 {font-size: 120%;}
.fs110 {font-size: 110%;}
.fs100 {font-size: 100%;}
.fs90 {font-size: 90%;}
.fs80 {font-size: 80%;}
.fs70 {font-size: 70%;}

/* font type */
html,
textarea {
    font-family: poppins, sans-serif;
    -webkit-text-size-adjust: none; 
    word-wrap: break-word;
    font-size: 16px; 
    font-weight:400; 
    color: #666;
}
.font-alt {font-family:halyard-display, sans-serif; }
.font-alt2 {font-family: Oswald, sans-serif;}

/* Sizes */
body { font-size: 0.9rem;}
h1, .h1 {font-size: 2.25rem;}
h2, .h2 {font-size: 2rem;}
h3, .h3 {font-size: 1.85rem;}
h4, .h4 {font-size: 1.7rem;}
h5, .h5 {font-size: 1.65rem;}
h6, .h6 {font-size: 1.5rem;}
@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)
{

}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)
{
    body {font-size:0.84rem; line-height: 1.5;}
    h1, .h1 {font-size:1.8rem; line-height: 1.2;}
    h2, .h2 {font-size:1.6rem; line-height: 1.2;}
    h3, .h3 {font-size:1.48rem; line-height: 1.2;}
    h4, .h4 {font-size:1.36rem; line-height: 1.2;}
    h5, .h5 {font-size:1.32rem; line-height: 1.2;}
    h6, .h6 {font-size:1.20rem; line-height: 1.2;}
}

/* content */
a 			{ text-decoration:none; color: inherit; -webkit-transition: all ease-in-out 200ms;transition: all ease-in-out 200ms; cursor: pointer;}
a:hover		{ text-decoration:none;}
ul, ol {list-style: none;}

/* wp-content */
.wp-content h1,
.wp-content h2,
.wp-content h3,
.wp-content h4,
.wp-content h5,
.wp-content h6 { font-family: halyard-display, sans-serif; margin-bottom:1.1rem;}

.wp-content a.button {text-decoration: none}
.wp-content a:hover {color:#182A47;}

.wp-content p, 
.wp-content ul, 
.wp-content ol,
.wp-content table,
.wp-content img {margin-bottom:1.15rem; line-height:1.75;}
.wp-content ol {list-style: decimal; margin-left: 16px;}

.wp-content ul li, ul.styled li {position: relative; padding-left:16px;}
.wp-content ul li::before, ul.styled li::before{display: block; content: "›"; position: absolute; top:0; left: 0; color:inherit; }

hr {background: none; color: transparent; border-bottom:1px solid #ddd; border-top: 0; margin:inherit auto;}
hr.left {margin-left:0 ;}
.blanc hr, hr.blanc {border-bottom:1px solid #FFF;}

.wp-content img.alignleft {display: block; float: left; margin: 0 32px 32px 0; max-width: 50%}
.wp-content img.alignright {display: block; float: right; margin: 0 0 32px 32px; max-width: 50%}
.wp-content img.alignnone {display: block; float: none; margin: 0 0 32px 0}
.wp-content img.aligncenter {display: block; margin: 32px auto;}
.wp-caption-text {font-size:80%;}

.wp-content table thead th, 
.wp-content table tfoot td {padding: 0.4rem; background: #182A47; color: #FFF; text-align: left; font-size:1rem;}
.wp-content table td {padding: 0.4rem; vertical-align: top; text-align: left;font-size:1rem;}
.wp-content table tr:nth-child(even) {background: #EEE}
.wp-content table p {margin-bottom: 0;}

.wp-content blockquote, .wp-content address {padding: 1rem 2rem; margin: 2rem -2rem; border-left: 10px solid #EEE;font-size: 1.1rem; line-height: 1.5;}
.wp-content blockquote p {font-size: 1.1rem; line-height: 1.5; margin-bottom:0;}
.wp-content blockquote p+p {margin-top:1.15rem}
.wp-content footer {padding: 0; text-align: right}
.wp-content big {font-size: 1.5rem}
.wp-content small {font-size: 1rem}


/* LAYOUT
/-------------------------------------*/

/* Déclarations générales */
.wp-content img,.responsive	{ display:inline-block; max-width: 100%; height:auto; width:auto\9}
.relative {position:relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.hidden {display:none !important;}
.inline {display:inline-block;}
.table {display: table; width: 100%; height: 100%;}
.cell {display: table-cell;}
.block {display: block;}
.data-bg {background-repeat:no-repeat; background-size:cover; background-position:center center;}
.vmiddle {vertical-align:middle}
.vbottom {vertical-align: bottom}
.vtop {vertical-align: top}
.z1 {z-index: 1;}
.z2 {z-index: 2;}
.z3 {z-index: 3;}
.w100 {width: 100%;}
.h100 {height: 100%;}
.show-on-print	{display:none; visibility:hidden;}
.anim200 {-webkit-transition: all ease-in 200ms;transition: all ease-in 200ms;}
.anim500 {-webkit-transition: all .5s ease-out;transition: all .5s ease-out}
.d-block-m, .d-block-s, 
.d-inline-m, .d-inline-s {display:none;}
.d-block-lg 	{display:block;}
.d-inline-lg 	{display:inline-block;}
.border-left {border-left: 2px solid #182A47;}


/* wrapper & content */
body {height:100%;overflow:auto; background: #FFF;}
        .container {position: relative; width:100%; margin: 0 auto; max-width: 1206px; padding-left: 3rem;padding-right: 3rem;}
        .container.large {max-width: 100%;}
        section.full-width .container, 
        .container .container {max-width:none; padding-left: 0; padding-right: 0;}

/* nav */
ul.nav {list-style: none;}        
ul.nav li {display: inline-block; margin-right: 2rem;}
ul.nav li a {display:block; padding: 1rem; border:1px solid #eeeeee; border-bottom: none; color: #182A47; border-top-left-radius: 4px; border-top-right-radius: 4px;}
ul.nav li.current-menu-item a,
ul.nav li:hover a {background: #eeeeee;}

/* tableau pneu */
table.styled th,
table.styled td {padding: 6px; text-align: left;}
table.styled td.error {background-color: lightcoral !important; color: #FFF;}
table.styled tr:nth-child(even) td {background-color: #EEE;}
table.styled tr:hover td {background-color: #fffec2;}
table.styled .alert {color: #F60;}
table.styled td.notes .date {
	padding: 4px 6px;
	background: #59a4c7;
	color: #FFF;
	font-size: 80%;
	border-radius: 4px;
}

/* footer */
.scrollToTop {position:fixed; z-index: 10; right:30px; bottom:-60px; padding:12px; opacity:0.5;background: #EEE;border: 1px solid #EEE; border-radius:50%; }
.scrollToTop svg {-webkit-transform: rotate(90deg);transform: rotate(90deg);fill: #999;}
.scrollToTop.visible {bottom:30px}
.nav-open .scrollToTop.visible {bottom:-60px}
.scrollToTop:hover,  .scrollToTop:focus {opacity: 1;}



/* RESPONSIVE  1024px
/------------------------------------------------- */

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px)
{
    /* général */
    .d-block-lg, .d-block-s,
    .d-inline-lg, .d-inline-s {display:none;}
    .d-block-m 	{display:block;}
    .d-inline-m 	{display:inline-block;}

    /* layout */
    .container {padding-left: 29px;padding-right: 29px;}

}

/* RESPONSIVE  980px
/------------------------------------------------- */

@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)
{
	/* general */   
    a	{word-wrap: break-word;}
    
    /* WP-content */
    .wp-content img.alignleft {margin: 0 24px 24px 0; max-width: 40%}
    .wp-content img.alignright {margin: 0 0 24px 24px; max-width: 40%}
    .wp-content img.alignnone {margin: 0 0 24px 0}
    .wp-content img.aligncenter {margin: 24px auto;}

    

}

/* RESPONSIVE  670px
/------------------------------------------------- */

@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)
{
	/* général */
    .d-block-lg, .d-block-m,
    .d-inline-lg, .d-inline-m {display:none;}
    .d-block-s 	{display:block;}
    .d-inline-s 	{display:inline-block;}
    
    /* recaptcha */
    .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
    #rc-imageselect {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}

    /* layout */
    .container {padding-left: 18px;padding-right: 18px;}

    /* tools */
    .button {padding: 12px 14px;}

     /* WP-content */
    .wp-content p, 
    .wp-content ul, 
    .wp-content ol,
    .wp-content table,
    .wp-content img {margin-bottom:0.8rem;}
    .wp-content ul li {padding-left: 14px;}
    .wp-content ul li::before{font-size:0.8rem;top:1px}
    .wp-caption-text {font-size: 0.7rem;}
    .wp-content table thead th, 
    .wp-content table tfoot td {font-size:0.8rem;}
    .wp-content table td {padding: 0.32rem;font-size:0.8rem;}
    .wp-content blockquote, .wp-content address {padding:0.8rem 1.6rem; margin:1.6rem -1.6rem; font-size:0.88rem;}
    .wp-content blockquote p {font-size: 0.88rem;}
    .wp-content blockquote p+p {margin-top:1rem}
    .wp-content big {font-size: 1rem}
    .wp-content small {font-size: 0.8rem}
    .wp-content img.alignleft {margin: 0 16px 16px 0; }
    .wp-content img.alignright {margin: 0 0 16px 16px;}
    .wp-content img.alignnone {margin: 0 0 16px 0}
    .wp-content img.aligncenter {margin: 16px auto;}

    /* Login form */
    .login-form .logo img {display: none;}

}


/* < 320px */
@media only screen and (max-width: 320px), only screen and (max-device-width: 320px)
{
    /* layout */
    .container {padding-left: 16px;padding-right: 16px;}
}