/**
Template Name:  Chassis Galle
Version: 1.0
Author: Vanois.be
Author URI: https://vanois.be
*/


:root {

    --blanc   :   #FFF;
    --noir    :   #161615;
    --text    :   #161615;
    --color1  :   #dd3333;
    --color2  :   #F4F4F4;
    --color3  :   #F5F5F5;
    --color4  :   #E3F3FF;
    --border-color : #DDDDDD;
    --red     :   #dd3333;
    --green    :   #039142;

    --font-default : 'Verdana', 'Geneva', 'Tahoma', sans-serif;
    --font-alt: 'Comic Sans','Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
    --text-size :   1rem;
    --fs-45: calc(var(--text-size) * 2.8);
    --fs-42: calc(var(--text-size) * 2.6);
    --fs-38: calc(var(--text-size) * 2.4);
    --fs-34: calc(var(--text-size) * 2.1);
    --fs-29: calc(var(--text-size) * 1.8);
    --fs-25: calc(var(--text-size) * 1.55);
    --fs-22: calc(var(--text-size) * 1.4);
    --fs-20: calc(var(--text-size) * 1.25);

    --container-maxwidth : 1820px;
    --container-px : 5rem;
}

/* 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, input[type=submit] {-webkit-appearance: none; -moz-appearance:none; appearance:none;background: none;border: none; cursor:pointer;}
button:focus, a:focus, input:focus {outline:0}
html {font-size: 100%}

/* IE support */
.ie-support {position: fixed; top: 0; z-index: 1000; width: 100%; height:1600px; background: var(--blanc); background-color: rgba(255,255,255,0.8)}
.ie-support .inner {display:block; margin:32px auto; padding:128px 64px; max-width: 75%; background-color: var(--blanc); 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 v6 (flexbox - base 12) */   
:root{
    --gutter-xs : 1rem;
    --gutter    : 2rem;
    --gutter-xl : 4rem;
}
.inline.flex { display:inline-flex; flex-wrap:wrap; flex-direction: row;}
.flex { display:flex; flex-wrap:wrap; flex-direction: row;}
.flex > * {box-sizing: border-box;}
.flex.column {flex-direction: column}
.flex.row-reverse {flex-direction: row-reverse;}
.flex.column-reverse {flex-direction: column-reverse;}
    .xleft   {justify-content: flex-start;}
        .xcenter {justify-content: center;}
        .xright  {justify-content: flex-end;}
        .xjustify  {justify-content: space-between;}
        .xspacearound {justify-content: space-around;}
    .ytop    {align-items: flex-start;}
        .ymiddle {align-items: center;}
        .ybottom {align-items: flex-end;}
        .yjustify {align-items: stretch;}
        .ybaseline {align-items: baseline;}
    .xgap-xs {margin-right: calc(var(--gutter-xs) * -1);margin-left: calc(var(--gutter-xs) * -1);}
        .xgap-xs > * {border-left:var(--gutter-xs) solid rgba(0,0,0,0); border-right: var(--gutter-xs) solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .ygap-xs > * {border-bottom: var(--gutter-xs) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .xgap {margin-right: calc(var(--gutter) * -1);margin-left: calc(var(--gutter) * -1);}
        .xgap > * {border-left: var(--gutter) solid rgba(0,0,0,0); border-right: var(--gutter) solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .ygap > * {border-bottom: var(--gutter) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .xgap-xl {margin-right: calc(var(--gutter-xl) * -1);margin-left: calc(var(--gutter-xl) * -1);}
        .xgap-xl > * {border-left:var(--gutter-xl) solid rgba(0,0,0,0); border-right: var(--gutter-xl) solid rgba(0,0,0,0); background-clip: padding-box !important;}
        .ygap-xl > * {border-bottom: var(--gutter-xl) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .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%}
    .col20 {width: 20%}
    .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%}
    .colauto {flex: 1; width: auto !important;}

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{
    :root{
        --gutter-xs : 1rem;
        --gutter    : 2rem;
        --gutter-xl : 3rem;
    }
    .row-reverse-l {flex-direction: row-reverse;}
    .flex.column-reverse-l {flex-direction: column-reverse;}
    .xleft-l  {justify-content: flex-start;}
    .xcenter-l {justify-content: center;}
    .xright-l  {justify-content: flex-end;}
    .xjustify-l  {justify-content: space-between;}
    .xgap-xs-l     { margin-right: calc(var(--gutter-xs) * -1);margin-left: calc(var(--gutter-xs) * -1);}
    .xgap-xs-l > * { border-left:var(--gutter-xs) solid rgba(0,0,0,0); border-right: var(--gutter-xs) solid rgba(0,0,0,0); background-clip: padding-box !important;}
    .ygap-xs-l > * { border-bottom: var(--gutter-xs) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .col1-l {width: 8.3333%}
    .col2-l {width: 16.6666%}
    .col20-l {width: 20%}
    .col3-l {width: 25%}
    .col4-l {width: 33.3333%}
    .col5-l {width: 41.6665%}
    .col6-l {width: 50%}
    .col7-l {width: 58.3333%}
    .col8-l {width: 66.6666%}
    .col9-l {width: 75%}
    .col10-l {width: 83.3333%}
    .col11-l {width: 91.6666%}
    .col12-l {width: 100%}
    .colauto-l {flex: 1; width: auto !important;}
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    :root{
        --gutter-xs : .5rem;
        --gutter    : 1rem;
        --gutter-xl : 2rem;
    }
    .row-reverse-m {flex-direction: row-reverse;}
    .flex.column-reverse-m {flex-direction: column-reverse;}
    .xleft-m  {justify-content: flex-start;}
    .xcenter-m {justify-content: center;}
    .xright-m {justify-content: flex-end;}
    .xjustify-m {justify-content: space-between;}
    .xgap-xs-m     { margin-right: calc(var(--gutter-xs) * -1);margin-left: calc(var(--gutter-xs) * -1);}
    .xgap-xs-m > * { border-left:var(--gutter-xs) solid rgba(0,0,0,0); border-right: var(--gutter-xs) solid rgba(0,0,0,0); background-clip: padding-box !important;}
    .ygap-xs-m > * { border-bottom: var(--gutter-xs) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .col1-m {width: 8.3333%}
    .col2-m {width: 16.6666%}
    .col20-m {width: 20%}
    .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%}
    .colauto-m {flex: 1; width: auto !important;}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .row-reverse-s {flex-direction: row-reverse;}
    .flex.column-reverse-s {flex-direction: column-reverse;}
    .xleft-s  {justify-content: flex-start;}
    .xcenter-s {justify-content: center;}
    .xright-s {justify-content: flex-end;}
    .xjustify-s {justify-content: space-between;}
    .xgap-xs-s     { margin-right: calc(var(--gutter-xs) * -1);margin-left: calc(var(--gutter-xs) * -1);}
    .xgap-xs-s > * { border-left:var(--gutter-xs) solid rgba(0,0,0,0); border-right: var(--gutter-xs) solid rgba(0,0,0,0); background-clip: padding-box !important;}
    .ygap-xs-s > * { border-bottom: var(--gutter-xs) solid rgba(0,0,0,0);background-clip: padding-box !important;}
    .col1-s {width: 8.3333%}
    .col2-s {width: 16.6666%}
    .col20-s {width: 20%}
    .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%}
    .colauto-s {flex: 1; width: auto !important;}
}

/* PADDING - MARGIN  v2 */
:root{
    --pm : 1rem;
}
.pt0, .py0 {padding-top: 0 !important;}
.pb0, .py0 {padding-bottom: 0 !important;}
.pl0, .px0 {padding-left: 0 !important;}
.pr0, .px0 {padding-right: 0 !important;}
.pt05, .py05 {padding-top:      calc(var(--pm) * 0.5) !important;}
.pb05, .py05 {padding-bottom:   calc(var(--pm) * 0.5) !important;}
.pl05, .px05 {padding-left:     calc(var(--pm) * 0.5) !important;}
.pr05, .px05 {padding-right:    calc(var(--pm) * 0.5) !important;}
.pt1, .py1 {padding-top: calc(var(--pm) * 1) !important;}
.pt2, .py2 {padding-top: calc(var(--pm) * 2) !important;}
.pt3, .py3 {padding-top: calc(var(--pm) * 3) !important;}
.pt4, .py4 {padding-top: calc(var(--pm) * 4) !important;}
.pt5, .py5 {padding-top: calc(var(--pm) * 5) !important;}
.pt6, .py6 {padding-top: calc(var(--pm) * 6) !important;}
.pb1, .py1 {padding-bottom: calc(var(--pm) * 1) !important;}
.pb2, .py2 {padding-bottom: calc(var(--pm) * 2) !important;}
.pb3, .py3 {padding-bottom: calc(var(--pm) * 3) !important;}
.pb4, .py4 {padding-bottom: calc(var(--pm) * 4) !important;}
.pb5, .py5 {padding-bottom: calc(var(--pm) * 5) !important;}
.pb6, .py6 {padding-bottom: calc(var(--pm) * 6) !important;}
.pl1, .px1 {padding-left: calc(var(--pm) * 1) !important;}
.pl2, .px2 {padding-left: calc(var(--pm) * 2) !important;}
.pl3, .px3 {padding-left: calc(var(--pm) * 3) !important;}
.pl4, .px4 {padding-left: calc(var(--pm) * 4) !important;}
.pl5, .px5 {padding-left: calc(var(--pm) * 5) !important;}
.pl6, .px6 {padding-left: calc(var(--pm) * 6) !important;}
.pr1, .px1 {padding-right: calc(var(--pm) * 1) !important;}
.pr2, .px2 {padding-right: calc(var(--pm) * 2) !important;}
.pr3, .px3 {padding-right: calc(var(--pm) * 3) !important;}
.pr4, .px4 {padding-right: calc(var(--pm) * 4) !important;}
.pr5, .px5 {padding-right: calc(var(--pm) * 5) !important;}
.pr6, .px6 {padding-right: calc(var(--pm) * 6) !important;}
.mt0, .my0 {margin-top: 0 !important;}
.ml0, .mx0 {margin-left: 0 !important;}
.mr0, .mx0 {margin-right: 0 !important;}
.mb0, .my0 {margin-bottom: 0 !important;}
.mlauto, .mxauto {margin-left: auto !important;}
.mrauto, .mxauto {margin-right: auto !important;}
.mt05, .my05 {margin-top: calc(var(--pm) * 0.5) !important;}
.mb05, .my05 {margin-bottom: calc(var(--pm) * 0.5) !important;}
.ml05, .mx05 {margin-left: calc(var(--pm) * 0.5) !important;}
.mr05, .mx05 {margin-right: calc(var(--pm) * 0.5) !important;}
.mt1, .my1 {margin-top: calc(var(--pm) * 1) !important;}
.mt2, .my2 {margin-top: calc(var(--pm) * 2) !important;}
.mt3, .my3 {margin-top: calc(var(--pm) * 3) !important;}
.mt4, .my4 {margin-top: calc(var(--pm) * 4) !important;}
.mt5, .my5 {margin-top: calc(var(--pm) * 5) !important;}
.mt6, .my6 {margin-top: calc(var(--pm) * 6) !important;}
.mb1, .my1 {margin-bottom: calc(var(--pm) * 1) !important;}
.mb2, .my2 {margin-bottom: calc(var(--pm) * 2) !important;}
.mb3, .my3 {margin-bottom: calc(var(--pm) * 3) !important;}
.mb4, .my4 {margin-bottom: calc(var(--pm) * 4) !important;}
.mb5, .my5 {margin-bottom: calc(var(--pm) * 5) !important;}
.mb6, .my6 {margin-bottom: calc(var(--pm) * 6) !important;}
.ml1, .mx1 {margin-left: calc(var(--pm) * 1) !important;}
.ml2, .mx2 {margin-left: calc(var(--pm) * 2) !important;}
.ml3, .mx3 {margin-left: calc(var(--pm) * 3) !important;}
.ml4, .mx4 {margin-left: calc(var(--pm) * 4) !important;}
.ml5, .mx5 {margin-left: calc(var(--pm) * 5) !important;}
.ml6, .mx6 {margin-left: calc(var(--pm) * 6) !important;}
.mr1, .mx1 {margin-right: calc(var(--pm) * 1) !important;}
.mr2, .mx2 {margin-right: calc(var(--pm) * 2) !important;}
.mr3, .mx3 {margin-right: calc(var(--pm) * 3) !important;}
.mr4, .mx4 {margin-right: calc(var(--pm) * 4) !important;}
.mr5, .mx5 {margin-right: calc(var(--pm) * 5) !important;}
.mr6, .mx6 {margin-right: calc(var(--pm) * 6) !important;}

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)  {
    :root{
        --pm : .85rem;
    }
    .pt0-l, .py0-l {padding-top: 0 !important;}
    .pb0-l, .py0-l {padding-bottom: 0 !important;}
    .pl0-l, .px0-l {padding-left: 0 !important;}
    .pr0-l, .px0-l {padding-right: 0 !important;}
    .pt1-l, .py1-l {padding-top: calc(var(--pm) * 1) !important;}
    .pt2-l, .py2-l {padding-top: calc(var(--pm) * 2) !important;}
    .pt3-l, .py3-l {padding-top: calc(var(--pm) * 3) !important;}
    .pt4-l, .py4-l {padding-top: calc(var(--pm) * 4) !important;}
    .pt5-l, .py5-l {padding-top: calc(var(--pm) * 5) !important;}
    .pt6-l, .py6-l {padding-top: calc(var(--pm) * 6) !important;}
    .pb1-l, .py1-l {padding-bottom: calc(var(--pm) * 1) !important;}
    .pb2-l, .py2-l {padding-bottom: calc(var(--pm) * 2) !important;}
    .pb3-l, .py3-l {padding-bottom: calc(var(--pm) * 3) !important;}
    .pb4-l, .py4-l {padding-bottom: calc(var(--pm) * 4) !important;}
    .pb5-l, .py5-l {padding-bottom: calc(var(--pm) * 5) !important;}
    .pb6-l, .py6-l {padding-bottom: calc(var(--pm) * 6) !important;}
    .pl1-l, .px1-l {padding-left: calc(var(--pm) * 1) !important;}
    .pl2-l, .px2-l {padding-left: calc(var(--pm) * 2) !important;}
    .pl3-l, .px3-l {padding-left: calc(var(--pm) * 3) !important;}
    .pl4-l, .px4-l {padding-left: calc(var(--pm) * 4) !important;}
    .pl5-l, .px5-l {padding-left: calc(var(--pm) * 5) !important;}
    .pl6-l, .px6-l {padding-left: calc(var(--pm) * 6) !important;}
    .pr1-l, .px1-l {padding-right: calc(var(--pm) * 1) !important;}
    .pr2-l, .px2-l {padding-right: calc(var(--pm) * 2) !important;}
    .pr3-l, .px3-l {padding-right: calc(var(--pm) * 3) !important;}
    .pr4-l, .px4-l {padding-right: calc(var(--pm) * 4) !important;}
    .pr5-l, .px5-l {padding-right: calc(var(--pm) * 5) !important;}
    .pr6-l, .px6-l {padding-right: calc(var(--pm) * 6) !important;}
    .mt0-l, .my0-l {margin-top: 0 !important;}
    .mb0-l, .my0-l {margin-bottom: 0 !important;}
    .ml0-l, .mx0-l {margin-left: 0 !important;}
    .mr0-l, .mx0-l {margin-right: 0 !important;}
    .mlauto-l, .mxauto-l {margin-left: auto !important;}
    .mrauto-l, .mxauto-l {margin-right: auto !important;}
    .mt1-l, .my1-l {margin-top: calc(var(--pm) * 1) !important;}
    .mt2-l, .my2-l {margin-top: calc(var(--pm) * 2) !important;}
    .mt3-l, .my3-l {margin-top: calc(var(--pm) * 3) !important;}
    .mt4-l, .my4-l {margin-top: calc(var(--pm) * 4) !important;}
    .mt5-l, .my5-l {margin-top: calc(var(--pm) * 5) !important;}
    .mt6-l, .my6-l {margin-top: calc(var(--pm) * 6) !important;}
    .mb1-l, .my1-l {margin-bottom: calc(var(--pm) * 1) !important;}
    .mb2-l, .my2-l {margin-bottom: calc(var(--pm) * 2) !important;}
    .mb3-l, .my3-l {margin-bottom: calc(var(--pm) * 3) !important;}
    .mb4-l, .my4-l {margin-bottom: calc(var(--pm) * 4) !important;}
    .mb5-l, .my5-l {margin-bottom: calc(var(--pm) * 5) !important;}
    .mb6-l, .my6-l {margin-bottom: calc(var(--pm) * 6) !important;}
    .ml1-l, .mx1-l {margin-left: calc(var(--pm) * 1) !important;}
    .ml2-l, .mx2-l {margin-left: calc(var(--pm) * 2) !important;}
    .ml3-l, .mx3-l {margin-left: calc(var(--pm) * 3) !important;}
    .ml4-l, .mx4-l {margin-left: calc(var(--pm) * 4) !important;}
    .ml5-l, .mx5-l {margin-left: calc(var(--pm) * 5) !important;}
    .ml6-l, .mx6-l {margin-left: calc(var(--pm) * 6) !important;}
    .mr1-l, .mx1-l {margin-right: calc(var(--pm) * 1) !important;}
    .mr2-l, .mx2-l {margin-right: calc(var(--pm) * 2) !important;}
    .mr3-l, .mx3-l {margin-right: calc(var(--pm) * 3) !important;}
    .mr4-l, .mx4-l {margin-right: calc(var(--pm) * 4) !important;}
    .mr5-l, .mx5-l {margin-right: calc(var(--pm) * 5) !important;}
    .mr6-l, .mx6-l {margin-right: calc(var(--pm) * 6) !important;}
}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)  {
    :root{
        --pm : .80rem;
    }
    .pt0-m, .py0-m {padding-top: 0 !important;}
    .pb0-m, .py0-m {padding-bottom: 0 !important;}
    .pl0-m, .px0-m {padding-left: 0 !important;}
    .pr0-m, .px0-m {padding-right: 0 !important;}
    .pt1-m, .py1-m {padding-top: calc(var(--pm) * 1) !important;}
    .pt2-m, .py2-m {padding-top: calc(var(--pm) * 2) !important;}
    .pt3-m, .py3-m {padding-top: calc(var(--pm) * 3) !important;}
    .pt4-m, .py4-m {padding-top: calc(var(--pm) * 4) !important;}
    .pt5-m, .py5-m {padding-top: calc(var(--pm) * 5) !important;}
    .pt6-m, .py6-m {padding-top: calc(var(--pm) * 6) !important;}
    .pb1-m, .py1-m {padding-bottom: calc(var(--pm) * 1) !important;}
    .pb2-m, .py2-m {padding-bottom: calc(var(--pm) * 2) !important;}
    .pb3-m, .py3-m {padding-bottom: calc(var(--pm) * 3) !important;}
    .pb4-m, .py4-m {padding-bottom: calc(var(--pm) * 4) !important;}
    .pb5-m, .py5-m {padding-bottom: calc(var(--pm) * 5) !important;}
    .pb6-m, .py6-m {padding-bottom: calc(var(--pm) * 6) !important;}
    .pl1-m, .px1-m {padding-left: calc(var(--pm) * 1) !important;}
    .pl2-m, .px2-m {padding-left: calc(var(--pm) * 2) !important;}
    .pl3-m, .px3-m {padding-left: calc(var(--pm) * 3) !important;}
    .pl4-m, .px4-m {padding-left: calc(var(--pm) * 4) !important;}
    .pl5-m, .px5-m {padding-left: calc(var(--pm) * 5) !important;}
    .pl6-m, .px6-m {padding-left: calc(var(--pm) * 6) !important;}
    .pr1-m, .px1-m {padding-right: calc(var(--pm) * 1) !important;}
    .pr2-m, .px2-m {padding-right: calc(var(--pm) * 2) !important;}
    .pr3-m, .px3-m {padding-right: calc(var(--pm) * 3) !important;}
    .pr4-m, .px4-m {padding-right: calc(var(--pm) * 4) !important;}
    .pr5-m, .px5-m {padding-right: calc(var(--pm) * 5) !important;}
    .pr6-m, .px6-m {padding-right: calc(var(--pm) * 6) !important;}
    .mt0-m, .my0-m {margin-top: 0 !important;}
    .mb0-m, .my0-m {margin-bottom: 0 !important;}
    .ml0-m, .mx0-m {margin-left: 0 !important;}
    .mr0-m, .mx0-m {margin-right: 0 !important;}
    .mlauto-m, .mxauto-m {margin-left: auto !important;}
    .mrauto-m, .mxauto-m {margin-right: auto !important;}
    .mt1-m, .my1-m {margin-top: calc(var(--pm) * 1) !important;}
    .mt2-m, .my2-m {margin-top: calc(var(--pm) * 2) !important;}
    .mt3-m, .my3-m {margin-top: calc(var(--pm) * 3) !important;}
    .mt4-m, .my4-m {margin-top: calc(var(--pm) * 4) !important;}
    .mt5-m, .my5-m {margin-top: calc(var(--pm) * 5) !important;}
    .mt6-m, .my6-m {margin-top: calc(var(--pm) * 6) !important;}
    .mb1-m, .my1-m {margin-bottom: calc(var(--pm) * 1) !important;}
    .mb2-m, .my2-m {margin-bottom: calc(var(--pm) * 2) !important;}
    .mb3-m, .my3-m {margin-bottom: calc(var(--pm) * 3) !important;}
    .mb4-m, .my4-m {margin-bottom: calc(var(--pm) * 4) !important;}
    .mb5-m, .my5-m {margin-bottom: calc(var(--pm) * 5) !important;}
    .mb6-m, .my6-m {margin-bottom: calc(var(--pm) * 6) !important;}
    .ml1-m, .mx1-m {margin-left: calc(var(--pm) * 1) !important;}
    .ml2-m, .mx2-m {margin-left: calc(var(--pm) * 2) !important;}
    .ml3-m, .mx3-m {margin-left: calc(var(--pm) * 3) !important;}
    .ml4-m, .mx4-m {margin-left: calc(var(--pm) * 4) !important;}
    .ml5-m, .mx5-m {margin-left: calc(var(--pm) * 5) !important;}
    .ml6-m, .mx6-m {margin-left: calc(var(--pm) * 6) !important;}
    .mr1-m, .mx1-m {margin-right: calc(var(--pm) * 1) !important;}
    .mr2-m, .mx2-m {margin-right: calc(var(--pm) * 2) !important;}
    .mr3-m, .mx3-m {margin-right: calc(var(--pm) * 3) !important;}
    .mr4-m, .mx4-m {margin-right: calc(var(--pm) * 4) !important;}
    .mr5-m, .mx5-m {margin-right: calc(var(--pm) * 5) !important;}
    .mr6-m, .mx6-m {margin-right: calc(var(--pm) * 6) !important;}
}


@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
    :root{
        --pm : .75rem;
    }
    .pt0-s, .py0-s {padding-top: 0 !important;}
    .pb0-s, .py0-s {padding-bottom: 0 !important;}
    .pl0-s, .px0-s {padding-left: 0 !important;}
    .pr0-s, .px0-s {padding-right: 0 !important;}
    .pt1-s, .py1-s {padding-top: calc(var(--pm) * 1) !important;}
    .pt2-s, .py2-s {padding-top: calc(var(--pm) * 2) !important;}
    .pt3-s, .py3-s {padding-top: calc(var(--pm) * 3) !important;}
    .pt4-s, .py4-s {padding-top: calc(var(--pm) * 4) !important;}
    .pt5-s, .py5-s {padding-top: calc(var(--pm) * 5) !important;}
    .pt6-s, .py6-s {padding-top: calc(var(--pm) * 6) !important;}
    .pb1-s, .py1-s {padding-bottom: calc(var(--pm) * 1) !important;}
    .pb2-s, .py2-s {padding-bottom: calc(var(--pm) * 2) !important;}
    .pb3-s, .py3-s {padding-bottom: calc(var(--pm) * 3) !important;}
    .pb4-s, .py4-s {padding-bottom: calc(var(--pm) * 4) !important;}
    .pb5-s, .py5-s {padding-bottom: calc(var(--pm) * 5) !important;}
    .pb6-s, .py6-s {padding-bottom: calc(var(--pm) * 6) !important;}
    .pl1-s, .px1-s {padding-left: calc(var(--pm) * 1) !important;}
    .pl2-s, .px2-s {padding-left: calc(var(--pm) * 2) !important;}
    .pl3-s, .px3-s {padding-left: calc(var(--pm) * 3) !important;}
    .pl4-s, .px4-s {padding-left: calc(var(--pm) * 4) !important;}
    .pl5-s, .px5-s {padding-left: calc(var(--pm) * 5) !important;}
    .pl6-s, .px6-s {padding-left: calc(var(--pm) * 6) !important;}
    .pr1-s, .px1-s {padding-right: calc(var(--pm) * 1) !important;}
    .pr2-s, .px2-s {padding-right: calc(var(--pm) * 2) !important;}
    .pr3-s, .px3-s {padding-right: calc(var(--pm) * 3) !important;}
    .pr4-s, .px4-s {padding-right: calc(var(--pm) * 4) !important;}
    .pr5-s, .px5-s {padding-right: calc(var(--pm) * 5) !important;}
    .pr6-s, .px6-s {padding-right: calc(var(--pm) * 6) !important;}
    .mt0-s, .my0-s {margin-top: 0 !important;}
    .mb0-s, .my0-s {margin-bottom: 0 !important;}
    .ml0-s, .mx0-s {margin-left: 0 !important;}
    .mr0-s, .mx0-s {margin-right: 0 !important;}
    .mlauto-s, .mxauto-s {margin-left: auto !important;}
    .mrauto-s, .mxauto-s {margin-right: auto !important;}
    .mt05-s, .my05-s {margin-top: calc(var(--pm) * 0.5) !important;}
    .mt1-s, .my1-s {margin-top: calc(var(--pm) * 1) !important;}
    .mt2-s, .my2-s {margin-top: calc(var(--pm) * 2) !important;}
    .mt3-s, .my3-s {margin-top: calc(var(--pm) * 3) !important;}
    .mt4-s, .my4-s {margin-top: calc(var(--pm) * 4) !important;}
    .mt5-s, .my5-s {margin-top: calc(var(--pm) * 5) !important;}
    .mt6-s, .my6-s {margin-top: calc(var(--pm) * 6) !important;}
    .mb05-s, .my05-s {margin-bottom: calc(var(--pm) * 0.5) !important;}
    .mb1-s, .my1-s {margin-bottom: calc(var(--pm) * 1) !important;}
    .mb2-s, .my2-s {margin-bottom: calc(var(--pm) * 2) !important;}
    .mb3-s, .my3-s {margin-bottom: calc(var(--pm) * 3) !important;}
    .mb4-s, .my4-s {margin-bottom: calc(var(--pm) * 4) !important;}
    .mb5-s, .my5-s {margin-bottom: calc(var(--pm) * 5) !important;}
    .mb6-s, .my6-s {margin-bottom: calc(var(--pm) * 6) !important;}
    .ml05-s, .mx05-s {margin-left: calc(var(--pm) * 0.5) !important;}
    .ml1-s, .mx1-s {margin-left: calc(var(--pm) * 1) !important;}
    .ml2-s, .mx2-s {margin-left: calc(var(--pm) * 2) !important;}
    .ml3-s, .mx3-s {margin-left: calc(var(--pm) * 3) !important;}
    .ml4-s, .mx4-s {margin-left: calc(var(--pm) * 4) !important;}
    .ml5-s, .mx5-s {margin-left: calc(var(--pm) * 5) !important;}
    .ml6-s, .mx6-s {margin-left: calc(var(--pm) * 6) !important;}
    .mr05-s, .mx05-s {margin-right: calc(var(--pm) * 0.5) !important;}
    .mr1-s, .mx1-s {margin-right: calc(var(--pm) * 1) !important;}
    .mr2-s, .mx2-s {margin-right: calc(var(--pm) * 2) !important;}
    .mr3-s, .mx3-s {margin-right: calc(var(--pm) * 3) !important;}
    .mr4-s, .mx4-s {margin-right: calc(var(--pm) * 4) !important;}
    .mr5-s, .mx5-s {margin-right: calc(var(--pm) * 5) !important;}
    .mr6-s, .mx6-s {margin-right: calc(var(--pm) * 6) !important;}
}

/* Show-hide */
.inline {display:inline-block}
.block {display: block}
.d-block-s, .d-block-m, .d-block-l, 
.d-inline-s, .d-inline-m, .d-inline-l,
.d-flex-s, .d-flex-m, .d-flex-l,
.d-inlineflex-s, .d-inlineflex-m, .d-inlineflex-l,
.hide-xl {display:none}
.d-block-xl {display:block}
.d-inline-xl {display:inline-block}
.d-flex-xl {display:flex; flex-wrap:wrap; flex-direction: row;}
.d-inlineflex-xl {display:inline-flex}
@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{
    .d-block-s, .d-block-m, .d-block-xl,
    .d-inline-s, .d-inline-m, .d-inline-xl, 
    .d-flex-s, .d-flex-m, .d-flex-xl, 
    .d-inlineflex-s, .d-inlineflex-m, .d-inlineflex-xl, 
    .hide-l {display:none}
    .d-block-l {display:block}
    .d-inline-l {display:inline-block}
    .d-flex-l {display:flex; flex-wrap:wrap; flex-direction: row;}
    .d-inlineflex-l {display:inline-flex}
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    .d-block-s, .d-block-l, .d-block-xl,
    .d-inline-s, .d-inline-l, .d-inline-xl, 
    .d-flex-s, .d-flex-l, .d-flex-xl, 
    .d-inlineflex-s, .d-inlineflex-l, .d-inlineflex-xl, 
    .hide-m {display:none}
    .d-block-m {display:block}
    .d-inline-m {display:inline-block}
    .d-flex-m {display:flex; flex-wrap:wrap; flex-direction: row;}
    .d-inlineflex-m {display:inline-flex}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .d-block-m, .d-block-l, .d-block-xl,
    .d-inline-m, .d-inline-l, .d-inline-xl, 
    .d-flex-m, .d-flex-l, .d-flex-xl, 
    .d-inlineflex-m, .d-inlineflex-l, .d-inlineflex-xl, 
    .hide-s {display:none}
    .d-block-s {display:block}
    .d-inline-s {display:inline-block}
    .d-flex-s {display:flex; flex-wrap:wrap; flex-direction: row;}
    .d-inlineflex-s {display:inline-flex}
}

/* CF7 */

    /* General */
    .wpcf7-form {margin:0; padding:0px}
    span.wpcf7-not-valid-tip, .wpcf7-display-none, .screen-reader-response {display: none}

    /* inputs */
    .wpcf7-form button {background: none; -moz-appearance:none; appearance:none;-webkit-appearance: none}
    .wpcf7-form input[type=text],
    .wpcf7-form input[type=email],
    .wpcf7-form input[type=number],
    .wpcf7-form input[type=url],
    .wpcf7-form input[type=password] { 
        width:100%; 
        height: 3rem;
        line-height:3rem; 
        padding:0 1rem 0 2.7rem; 
        background-color:var(--blanc); 
        font-weight: 400;
        color: var(--noir)  !important;
        /* border-radius: 0.5rem; */
        border: 1px solid #CCC;
    }
    .wpcf7-form textarea { 
        width:100%; 
        padding:30px; 
        background-color:var(--blanc); 
        overflow:auto;
        color: var(--noir)  !important;
        font-size: 1.125rem !important;
        border-radius: 0.5rem;
        border: 1px solid #CCC;
    }
    .wpcf7-form select {
        width: 100%;
        height: 4rem;
        background-color:var(--blanc); 
        border:none;
        border-radius: 0px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: var(--noir) !important;
        font-weight: 400;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTg1LjM0NCAxODUuMzQ0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODUuMzQ0IDE4NS4zNDQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgY2xhc3M9IiI+PGc+PGc+Cgk8Zz4KCQk8cGF0aCBzdHlsZT0iZmlsbDojNzY4ODk4IiBkPSJNOTIuNjcyLDE0NC4zNzNjLTIuNzUyLDAtNS40OTMtMS4wNDQtNy41OTMtMy4xMzhMMy4xNDUsNTkuMzAxYy00LjE5NC00LjE5OS00LjE5NC0xMC45OTIsMC0xNS4xOCAgICBjNC4xOTQtNC4xOTksMTAuOTg3LTQuMTk5LDE1LjE4LDBsNzQuMzQ3LDc0LjM0MWw3NC4zNDctNzQuMzQxYzQuMTk0LTQuMTk5LDEwLjk4Ny00LjE5OSwxNS4xOCwwICAgIGM0LjE5NCw0LjE5NCw0LjE5NCwxMC45ODEsMCwxNS4xOGwtODEuOTM5LDgxLjkzNEM5OC4xNjYsMTQzLjMyOSw5NS40MTksMTQ0LjM3Myw5Mi42NzIsMTQ0LjM3M3oiIGRhdGEtb3JpZ2luYWw9IiMwMTAwMDIiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiMwMTAwMDIiPjwvcGF0aD4KCTwvZz4KPC9nPjwvZz4gPC9zdmc+);
        background-repeat: no-repeat;
        background-size: 1em 1em;
        background-position: right 16px center;
        background-clip: border-box;
        -moz-background-clip: border-box;
        -webkit-background-clip: border-box;
        padding:0 44px 0 30px;
    }
    .wpcf7-form input[type=text]:focus,
    .wpcf7-form input[type=email]:focus,
    .wpcf7-form input[type=number]:focus,
    .wpcf7-form input[type=url]:focus,
    .wpcf7-form input[type=password]:focus,
    .wpcf7-form input[type=file]:focus,
    .wpcf7-form textarea:focus,
    .wpcf7-form select:focus {
            color:var(--color1) !important;
    }
    .wpcf7-form input[type=number]::-webkit-inner-spin-button,
    .wpcf7-form input[type=number]::-webkit-outer-spin-button
    {
        appearance:none;-webkit-appearance: none;
        margin: 0;
    }
    
    .wpcf7-form input[type=number]
    {
        -webkit-appearance:textfield;
        -moz-appearance:textfield;
             appearance:textfield;
        width: auto;
        max-width: 60px;
        text-align: center;
        padding: 0;
    }
    .wpcf7-form input[type="submit"].button {
        width: 100%;
        text-align: center;
        font-size: calc(var(--text-size) * 1.2);
        text-transform: uppercase;
        padding: 1rem;
        cursor: pointer;
        background: #AAA;
        color: var(--blanc);
    }
    .wpcf7-form input[type="submit"].button:hover {
        background: var(--color1);
    }
    /* checkboxes */
    .wpcf7-list-item {display: block}
	.checkbox-wrapper label {display: block; position: relative; padding-left: 34px; cursor: pointer; line-height:20px; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none}
	.checkbox-wrapper .wpcf7-form-control-wrap {position: initial}
	.checkbox-wrapper input[type=checkbox] {position: absolute;opacity: 0;cursor: pointer;height:20px;width: 20px; z-index: 2; margin: 0;top: 0;left: 0}
	.checkbox-wrapper .wpcf7-list-item-label {position: absolute;top:-1px;left: 0;height: 24px;width: 24px; background-color: var(--blanc); border:1px solid var(--color1); border-radius: 4px;color: transparent;font-size: 0px;	overflow: hidden}
	.checkbox-wrapper .wpcf7-list-item-label:after {content: "";position: absolute;display: none;left: 8px;top: 2px;width: 4px;height: 11px;border: solid white; border-width: 0 2px 2px 0;transform: rotate(45deg)}

	.checkbox-wrapper .wpcf7-list-item input[type=checkbox]:checked ~ span.wpcf7-list-item-label {background-color: var(--color1); border: 1px solid var(--color1)}
	.checkbox-wrapper .wpcf7-list-item input[type=checkbox]:checked ~ span.wpcf7-list-item-label:after {display: block}

    /* validation */
	.screen-reader-response {display:none}
	.wpcf7-form-control-wrap { display:block; position:relative}

	.wpcf7-form-control {display:block}

	 .wpcf7 form .wpcf7-response-output {margin:1rem auto; padding:1rem 1.5rem; background-color: var(--blanc); color:var(--blanc); text-align:center; border-radius:4px}
	 .wpcf7 form.init .wpcf7-response-output {display: none}
	 .wpcf7 form.sent .wpcf7-response-output {background:var(--green)}
	 .wpcf7 form.failed .wpcf7-response-output,
	 .wpcf7 form.aborted .wpcf7-response-output,
	 .wpcf7 form.spam .wpcf7-response-output,
	 .wpcf7 form.invalid .wpcf7-response-output,
	 .wpcf7 form.unaccepted .wpcf7-response-output {background:var(--red)}
				
				/* "veuiller remplir le champ obligatoire" */
				.choisissez-option 	{display:inline-block;padding:1px 6px;background:var(--color1);font-size:10px !important;line-height:22px;color:var(--blanc);z-index:1; } 
				.wpcf7-not-valid-tip, .wpcf7-not-valid-tip-no-ajax {display: none}
				.wpcf7-form.invalid .wpcf7-not-valid-tip,			
				.wpcf7-form.invalid .wpcf7-not-valid-tip-no-ajax {display:inline-block;padding:1px 6px;background:var(--red);font-size:0.9rem;line-height:22px;color:var(--blanc);position:relative; top: -1px; left:1rem;} 
				#popup_alert .wpcf7-not-valid-tip, 
				#popup_alert .wpcf7-not-valid-tip-no-ajax  { padding:5px 10px; background:var(--blanc); color:var(--red)}

    /* icon */
    .wpcf7 .with-left-icon {padding-left: 40px; position: relative}
    .wpcf7 svg.ico.cf7 {display: block; width: 1rem; height: 1rem; position: absolute; left: 1rem; top:1rem;fill: #CCC}

    /* spinner */
    .wpcf7-spinner {display:none; width: 3rem; height: 3rem; margin-left: 1rem; vertical-align: middle; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat center center;}
    .wpcf7-form.submitting .wpcf7-spinner {display:inline-block; margin-left:12px; visibility: visible !important}

/* slick slider default */
.slick-slider{position:relative;display:block;overflow: hidden;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;cursor:-webkit-grab;cursor:grab;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide img{display:inline-block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent; opacity: 0.5;}
.slick-vertical .slick-slide.slick-active {opacity:1;}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K) no-repeat center center;
}
/*.slick-disabled{display: none !important;}*/

/* slick slider custom */
.slick-slider, .slick-list{overflow:hidden;}
.slider .slick-slide {opacity: 0.45; transition: opacity ease-in 200ms;}
.slider .slick-slide.slick-active {opacity: 1;}

.slick-arrow {width:5rem; height: 5rem; position: absolute; display: flex !important;top: 0;background: rgba(255,255,255,0.5);justify-content: center;align-items: center;font-size: 2rem;font-family: var(--font-alt);font-weight: 700;cursor: pointer;z-index: 2;line-height: 3rem;}
.slick-arrow:hover{color:var(--color1);}
.slick-arrow.slick-disabled{display: none !important;}
.slick-arrow.prev {left: 0;}
.slick-arrow.next {right: 0;}
.slick-dots button {display: none;}

/* Colors */
.blanc, .hover-blanc:hover {color:var(--blanc)}
.noir, .hover-noir:hover {color: var(--noir)}
.color1, .hover-color1:hover {color: var(--color1)}
.color2, .hover-color2:hover {color: var(--color2)}
.color3, .hover-color3:hover {color: var(--color3)}
.color4, .hover-color4:hover {color: var(--color4)}

.blanc svg, .hover-blanc:hover svg, .button.blanc svg, .button.hover-blanc:hover svg {fill:var(--blanc)}
.noir svg, svg.noir, .hover-noir:hover svg, .button.noir svg, .button.hover-noir:hover svg  {fill: var(--noir)}
.color1 svg, svg.color1, .hover-color1:hover svg, .button.color1 svg, .button.hover-color1:hover svg {fill: var(--color1)}
.color2 svg, svg.color2, .hover-color2:hover svg, .button.color2 svg, .button.hover-color2:hover svg {fill: var(--color2)}
.color3 svg, svg.color3, .hover-color3:hover svg, .button.color3 svg, .button.hover-color3:hover svg {fill: var(--color3)}
.color4 svg, svg.color4, .hover-color4:hover svg, .button.color4 svg, .button.hover-color4:hover svg {fill: var(--color3)}
svg.blanc, svg.hover-blanc:hover, .hover-blanc:hover svg    {fill: var(--blanc) !important}
svg.noir, svg.hover-noir:hover, .hover-noir:hover svg       {fill: var(--noir) !important}
svg.color1, svg.hover-color1:hover, .hover-color1:hover svg {fill: var(--color1) !important}
svg.color2, svg.hover-color2:hover, .hover-color2:hover svg {fill: var(--color2) !important}

.bg-blanc, .hover-bg-blanc:hover    {background-color:var(--blanc)}
.bg-noir, .hover-bg-noir:hover      {background-color:var(--noir)}
.bg-none, .hover-bg-none:hover      {background-color: transparent}
.bg-color1, .hover-bg-color1:hover,.button.with-icon.bg-color1, .button.with-icon.hover-bg-color1:hover  {background-color: var(--color1)}
.bg-color2, .hover-bg-color2:hover,.button.with-icon.bg-color2, .button.with-icon.hover-bg-color2:hover  {background-color: var(--color2)}
.bg-color3, .hover-bg-color3:hover,.button.with-icon.bg-color3, .button.with-icon.hover-bg-color3:hover  {background-color: var(--color3)}
.bg-color4, .hover-bg-color4:hover,.button.with-icon.bg-color4, .button.with-icon.hover-bg-color4:hover  {background-color: var(--color4)}
svg.bg-blanc, svg.hover-bg-blanc:hover      {stroke: var(--blanc) !important; background-color: transparent}
svg.bg-noir, svg.hover-bg-noir:hover        {stroke: var(--noir) !important; background-color: transparent}
svg.bg-color1, svg.hover-bg-color1:hover    {stroke: var(--color1) !important; background-color: transparent}
svg.bg-color2, svg.hover-bg-color2:hover    {stroke: var(--color2) !important; background-color: transparent}
svg.bg-color3, svg.hover-bg-color3:hover    {stroke: var(--color3) !important; background-color: transparent}
svg.bg-color4, svg.hover-bg-color4:hover    {stroke: var(--color4) !important; background-color: transparent}

/* Button */
.button {
    display:inline-block; margin-top: 1rem; margin-right: 1rem; padding: 1rem 1.6rem; 
    text-align: center; line-height: 1;  text-transform: uppercase; font-family: var(--font-alt);
    background-color: var(--noir); border:2px solid var(--noir); color: var(--blanc); }
a.button {cursor: pointer;}
.button.alt {background-color: var(--color1); border:2px solid var(--color1);}
.button.xl{padding:1.6rem 2.3rem;font-size:calc(var(--text-size) * 1.1);}
.button.lowercase {text-transform:lowercase;}
a.button:hover,
.wp-content a.button:hover {background-color: var(--color1); border-color: var(--color1); color: var(--blanc);}
a.button.alt:hover {background-color: var(--noir); border:2px solid var(--noir); color: var(--blanc); }



/* colorbox */
#cboxOverlay{background:var(--noir); position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;overflow:hidden}
#cboxError{padding:50px;border:1px solid #ccc}
#colorbox,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}
#cboxMiddleLeft,#cboxBottomLeft{clear:left}
.cboxIframe{background:var(--noir);width:100%;height:100%;display:block;border:0}
#cboxContent{position:relative;margin:60px;overflow:visible}
.cboxPhoto{float:left;margin:auto;border:0;display:block}
#cboxLoadingOverlay{background:var(--noir)}
#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}
#cboxTitle{position:absolute;top:-22px;left:0;margin:0;color:var(--blanc);visibility:hidden}
#cboxPrevious,#cboxNext,#cboxClose{text-indent:-9999px;font-size: 0;width:50px;height:50px;position:absolute;border:0;cursor:pointer; background: none}
    #cboxPrevious{left:-60px;top:50%;margin-top: -25px}
    #cboxNext{right:-60px;top:50%;margin-top: -25px}
    #cboxClose{top:-50px;right:-50px}
#cboxPrevious:after,#cboxNext:after, #cboxClose:after{display:block; position:absolute; text-indent: 0; top:0; font-size: 3.6rem; line-height: 3.6rem; width: 50px; height: 50px;color: var(--blanc); transition:all 0.2s ease-in-out}
    #cboxNext:after{content:'❯'; right:0px}
    #cboxPrevious:after{content:'❮'; left:0px}
    #cboxClose:after{content:'✕'; left:0px;font-size: 2.4rem;line-height: 2.4rem}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    #cboxContent {margin: 0px 40px}
    #cboxPrevious, #cboxNext, #cboxClose {width: 40px; height: 40px}
    #cboxPrevious:after, #cboxNext:after, #cboxClose:after {font-size: 2.2rem; line-height: 2.2rem; width:40px; height: 40px}
        #cboxPrevious {left: -45px; margin-top: -20px}
        #cboxNext {right: -45px; margin-top: -20px}
        #cboxClose {top:0px;right: -48px}
        #cboxClose:after {font-size: 2rem}
}

/** Galerie d'images v3 */
.gallery { display:flex; flex-wrap:wrap; flex-direction: row;    margin-right: -8px; margin-left: -8px; width: 100%;}
.gallery > * {box-sizing: border-box; border-left:8px solid rgba(0,0,0,0); border-right: 8px solid rgba(0,0,0,0); background-clip: padding-box !important;    border-bottom: 16px solid rgba(0,0,0,0);background-clip: padding-box !important;}
.gallery > *:last-child {border-bottom: none;}
.gallery br {display: none !important;}
.gallery-columns-1 > * {width: 100%}
.gallery-columns-2 > * {width: 50%}
.gallery-columns-3 > * {width: 33.3333%}
.gallery-columns-4 > * {width: 25%}
.gallery-columns-5 > * {width: 20%}
.gallery-columns-6 > * {width: 16.6666%}
.gallery-columns-7 > * {width: 14,2857%}
.gallery-columns-8 > * {width: 12.5%}
.gallery-columns-9 > * {width: 11.1111%}
.wp-content .gallery img{display:block;margin:0 auto;position:relative;height:100%;width:100%;object-fit:cover}
.wp-content .gallery dt{position:relative}
.wp-content .gallery dt>a{display:block;aspect-ratio:1;overflow:hidden;position:relative}
.wp-content .gallery dt > a:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:#000; background-repeat: no-repeat; background-position: center center; background-size: 60px 60px; background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0idW5rbm93bi0zIj4KCQk8cGF0aCBkPSJNMjgwLjUsMTUzaC01MXY3Ni41SDE1M3Y1MWg3Ni41VjM1N2g1MXYtNzYuNUgzNTd2LTUxaC03Ni41VjE1M3ogTTI1NSwwQzExNC43NSwwLDAsMTE0Ljc1LDAsMjU1czExNC43NSwyNTUsMjU1LDI1NSAgICBzMjU1LTExNC43NSwyNTUtMjU1UzM5NS4yNSwwLDI1NSwweiBNMjU1LDQ1OWMtMTEyLjIsMC0yMDQtOTEuOC0yMDQtMjA0UzE0Mi44LDUxLDI1NSw1MXMyMDQsOTEuOCwyMDQsMjA0UzM2Ny4yLDQ1OSwyNTUsNDU5eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)}
	.gallery dl:hover {transition:all 0.2s linear}
		.gallery dl:hover img {opacity:0.5}
@media only screen and (max-width: 980px), only screen and (max-device-width: 980px)
{
    .gallery {margin-right: -6px; margin-left: -6px;}
    .gallery > * { border-left:6px solid rgba(0,0,0,0); border-right: 6px solid rgba(0,0,0,0); border-bottom: 12px solid rgba(0,0,0,0); }
    .gallery-columns-6 > *,
    .gallery-columns-7 > *, 
    .gallery-columns-8 > *, 
    .gallery-columns-9 > * {width: 20%}
}
@media only screen and (max-width: 670px), only screen and (max-device-width: 670px)
{
    .gallery {margin-right: -4px; margin-left: -4px;}
    .gallery > * { border-left:4px solid rgba(0,0,0,0); border-right: 4px solid rgba(0,0,0,0); border-bottom: 8px solid rgba(0,0,0,0); }
    .gallery-columns-3 > *, 
    .gallery-columns-4 > *, 
    .gallery-columns-5 > *, 
    .gallery-columns-6 > *, 
    .gallery-columns-7 > *, 
    .gallery-columns-8 > *, 
    .gallery-columns-9 > * {width: 50%}
}

/* Social */
.vns_share .title {font-family: var(--font-alt); font-weight: 700; text-transform: uppercase;}
.vns_share a { position: relative; top: 2px; width: 50px; height: 50px; line-height: 50px; border-radius: 25px; background: var(--blanc); display: inline-flex; align-items: center; justify-content: center;}
.vns_share a svg {fill: var(--color1); width: 20px; height: 20px;}
.vns_share a:hover {background: var(--color1) !important;}
.vns_share a:hover svg {fill: var(--blanc);}

/* video responsive (see includes/tools.php) */
.video-wrapper {max-width:700px}
.video-wrapper .video	{ position: relative; width: 100%; padding-bottom:56.25%; height: 0; overflow: hidden}
.video-wrapper .video iframe,.video-wrapper .video object,.video-wrapper .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%}

/* SHORTCODE : list of children page */
.vns_child_page {align-items: flex-start; justify-content: flex-start; list-style-type: none;}
.vns_child_page .item {width: 25%; max-width: 21.5rem; padding: 0; margin: 0;}
.vns_child_page .item::before {display: none;}
.vns_child_page .thumb {aspect-ratio: 1;}
.vns_child_page h3 {text-align: center; margin-top: 1rem; font-size: var(--h4-size) !important; color: var(--text);}
.vns_child_page .item:hover .thumb {box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);}
.vns_child_page .item:hover h3 {color: var(--color1);}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    .vns_child_page .item {width: 33%; max-width: none;}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .vns_child_page .item {width: 50%;}
}


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

@font-face {
    font-family: 'Comic Sans';
    font-style: normal;
    font-weight: normal;
    src: local('Comic Sans'), url('assets/fonts/comic-sans.woff') format('woff');
}


/* Déclarations générales */
.textcenter {text-align:center}
.textright {text-align: right}
.uppercase {text-transform: uppercase}
.italic, em	{ font-style:italic}
.pointer {cursor: pointer}
.underline {text-decoration: underline}
.letter-spacing {letter-spacing: 0.1rem}
.fw700, strong, .strong, b {font-weight: 700}
.fs100 {font-size: 100%}
a {text-decoration: none; transition: all ease-in 200ms;}
.balanced {text-wrap: balance;}
.lowercase {text-transform:lowercase;}

/* font type */
html,
textarea {
    font-family: var(--font-default);
    -webkit-text-size-adjust: none; 
    word-wrap: break-word;
    font-weight:400; 
    font-style: normal;
    color: var(--text);
}
.font-alt {font-family: var(--font-alt); font-style: normal; letter-spacing: 0.03rem;}

/* Sizes */
body { font-size: var(--text-size); line-height: 1.3}
.wp-content h1 {font-size: var(--fs-38); line-height: 1.2}
.wp-content h2 {font-size: var(--fs-34); line-height: 1.2}
.wp-content h3 {font-size: var(--fs-29); line-height: 1.2}
.wp-content h4 {font-size: var(--fs-25); line-height: 1.2}
.wp-content h5 {font-size: var(--fs-22); line-height: 1.2}
.wp-content h6 {font-size: var(--fs-20); line-height: 1.2}

.h1 {font-size: var(--fs-38) !important; }
.h2 {font-size: var(--fs-34) !important; }
.h3 {font-size: var(--fs-29) !important; }
.h4 {font-size: var(--fs-25) !important; }
.h5 {font-size: var(--fs-22) !important; }
.h6 {font-size: var(--fs-20) !important; }


@media only screen and (max-width: 1440px), only screen and (max-device-width: 1440px)
{
    html {font-size: 15px;}
}
@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{
    .textcenter-l {text-align:center}
    .textright-l {text-align: right}
    .textleft-l {text-align: left}
}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    html {font-size: 14px;}
    .textcenter-m {text-align:center}
    .textright-m {text-align: right}
    .textleft-m {text-align: left}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .textcenter-s {text-align:center}
    .textright-s {text-align: right}
    .textleft-s {text-align: left}
}

/* wp-content */
.wp-content h1,
.wp-content h2, 
.wp-content h3 {margin-bottom: 1.5rem;}
.wp-content h4,
.wp-content h5,
.wp-content h6 {margin-bottom: 1.2rem; }

.wp-content p, 
.wp-content ul, 
.wp-content ol,
.wp-content table,
.wp-content .video-wrapper,
.wp-content img {margin-bottom:1rem; line-height:1.3}

.wp-content a:hover {color: var(--color1)}

.wp-content ul li, ul.styled li, .widget ul li {position: relative; padding-left:1.5rem; margin-bottom:0.6rem}
.wp-content ul li::before, ul.styled li::before{display: block; content: "\2713"; position: absolute; top:0; left: 0; color:var(--color1)}
.blanc ul li::before {color:var(--blanc) !important}

.wp-content ol {list-style: none; counter-reset: li; margin-left:1.5rem;}
.wp-content ol li {counter-increment: li; margin-bottom:0.6rem}
.wp-content ol li::before {content: counter(li)'.'; color: var(--color1); display: inline-block; width: 25px;margin-left: -33px; margin-right: .5rem; text-align: right; }


hr {background: none; color: transparent; border-bottom:1px solid var(--border-color); border-top: 0;}
.blanc hr, hr.blanc {border-bottom:1px solid var(--noir)}
hr.color1 {border-bottom:1px solid var(--color1)}
hr.color2 {border-bottom:1px solid var(--color2)}
hr.color3 {border-bottom:1px solid var(--color3)}
hr.color4 {border-bottom:1px solid var(--color4)}
.wp-content hr {margin: 3rem auto;}

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

.wp-content table thead th, 
.wp-content table tfoot td {padding: 0.4rem; background: var(--color1); color: var(--blanc); 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 blockquote {position: relative; padding: .5rem 0 .5rem 1.6rem; margin:1.4rem 0; line-height: 1.2; }
.wp-content blockquote::before {display: block; content: ''; position: absolute; left: 0; top: 0; width: 4px; height: 100%;  background: var(--color1);}
.wp-content blockquote p {font-size:120%; line-height: 1.2; margin-bottom:0}
.wp-content blockquote p+p {margin-top:1rem}
.wp-content footer {padding: 0; text-align: right}
.wp-content big {font-size: 130%}
.wp-content small {font-size: 87%}



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

/* Déclarations générales */
img,.responsive	{ display:inline-block; max-width: 100%; height:auto; width:auto\9}
.relative {position:relative}
.absolute {position: absolute}
.bg-cover {background-position: center center; background-repeat: no-repeat; background-size: cover;}
.bg-contain {background-position: center center; background-repeat: no-repeat; background-size: contain;}
.fixed {position: fixed}
.hidden {display:none !important}
.block {display: block}
.z1 {z-index: 1}
.z2 {z-index: 2}
.z3 {z-index: 3}
.w100 {width: 100%}
.h100 {height: 100%}
.anim200 {transition: all ease-in 200ms}
.ombre {box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);}
.overflow-hidden {overflow: hidden}
.degrade {background: linear-gradient(to bottom,  #e9e9e9 0%,#fefefe 100%);}
.square {aspect-ratio: 1 / 1;max-height: 100%;width: 100%;}



/* wrapper & content */
body {height:100%; overflow:auto; background: #FFF; margin:0 auto; padding: 0;}
    .container {position: relative; width:100%; margin: 0 auto; max-width: var(--container-maxwidth); box-sizing: border-box; padding-left:var(--container-px); padding-right:var(--container-px)}
    .container.full-width {padding-left:0; padding-right:0}
    .container .container {padding-left: 0;padding-right: 0;}

/* Header */
    header {padding-top: 3.6rem; padding-bottom: 2.7rem;}
    header .logo {width:100%; max-width: 260px;}

    /* nav */   
    .topbar {padding:2rem 0;}
    .nav_wrapper { flex-grow: 2; padding: 0 0 0 3.5rem;}

    /* nav common */
    #header-nav .menu-item.current-menu-item > a,
    #header-nav .menu-item > a:hover {color:var(--color1)}
    #header-nav .menu-item-has-children > a span {padding-right:.4rem;position: relative}
    #header-nav .menu-item-has-children>a span::after{display:block;width:12px;height:12px;content:'›';font-size:1.5rem;position:absolute;right:-25px;top:50%;margin-top:-1px;transform:rotate(90deg)}

    /* niv 1*/
    #header-nav > .menu-item {position: relative;margin-left:3.25rem;}
    #header-nav > .menu-item a {font-size:1.25rem; display: block; color: var(--text); cursor: pointer;}
    #header-nav > .menu-item:first-child {margin-left: 0;}
    #header-nav > .menu-item:last-child a { background-color: var(--color1); color: var(--blanc); padding: 1rem 1.6rem;}
    #header-nav > .menu-item:last-child a:hover { background-color: var(--noir);}


    /* niv 2 */
    #header-nav .menu-item-has-children > .sub-menu {display: none;position:absolute;border-radius: 5px;z-index:5;padding: 1rem 0;margin-top: 12px;background: var(--color2);
        box-shadow: 0px 20px 40px -10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 20px 40px -10px rgba(0,0,0,0.5)}
    #header-nav .menu-item-has-children.sub-menu-visible>.sub-menu{display:block;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:dropdown;animation-name:dropdown;transform-origin:top center}
    #header-nav .sub-menu > .menu-item {display: block; width: max-content; padding: 0 1rem}
    #header-nav .sub-menu > .menu-item > a {display: block; padding: 0.4rem 0; font-size: 1.1rem;}


/* common */
.uptitle {font-weight: 700; text-transform:uppercase; margin-bottom:0.2rem !important; color:var(--color1);text-wrap: balance;}

/* cards */
.cards .card {display: flex; position: relative; padding: 0 2rem 2rem; align-items: flex-end; justify-content: space-between;  font-family: var(--font-alt); color: var(--blanc);z-index: 1; background-size: cover;box-shadow:inset 0 -10rem 3rem rgba(0,0,0,0.2)}
/* .cards .card::before {display: block; content:''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .44);} */
.cards .content {width: 100%; position: relative;z-index: 2;}
.card .title { font-size:calc(var(--text-size) * 1.47); line-height: 1.4; font-weight: 700; text-transform: uppercase; color: var(--blanc);}
.card .text {font-family: var(--font-default);}
.card .link {position: relative; bottom: -1rem; color: var(--color1); font-size: var(--fs-42);}

/* Flexible content : sections */
section.flexible {max-width: var(--container-maxwidth); margin-left:auto; margin-right: auto;}
section.noflexible{padding:5rem 0 3rem 0}
.columns .col {min-width: 300px;}
.columns .col.default-size {flex: 1 1 0;}
.columns .wysiwyg a:not(.button) {color: var(--color1);}
.columns .galery {align-self: stretch;}
.columns .galery .slick-track,
.columns .galery .slick-list {height: 100%;}
.columns .galery .slick-slide > div {width: 100%; height: 100%;}
.columns .galery a.slide {display: block !important; width: 100%; height: 100%; }
.columns .flex.bg-color {padding-left: 5rem; padding-right: 5rem;}

.columns.bg-img .img-bg {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; border: 0;}
.columns.bg-video .video-bg {z-index:1;width:100%; height:100%; left:0;top:0;}
.columns.bg-video .container {z-index:2;}
.columns.bg-video .video-bg video {position:absolute;min-width:100%; min-height:100%; width: auto; height:auto; left:50%; top:50%; transform:translate(-50%,-50%);}

.columns .col.bg-pattern,
.columns .col.bg-color {
    align-self: stretch;
    display: flex;
}
.columns .col.bg-pattern .wp-content,
.columns .col.bg-color .wp-content {
	padding: 4rem;
}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    .columns .flex.bg-color {padding-left: 1rem;padding-right: 1rem;}
    .container.bg-color {max-width: calc(100% - 3rem);	border-radius: .8rem;}
    .columns .no-ygap .col {margin-top: 0rem;}
    .columns .col {min-width:0;}
    .columns .col.bg-pattern .wp-content, 
    .columns .col.bg-color .wp-content {padding: 3rem 2rem 2rem;}
    @media (max-aspect-ratio: 16 / 9) {
        .columns .bg-video .video-bg,
        .columns .bg-video .video-bg video{width:auto;height:100%}
    }
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .columns .flex.bg-color {padding-left:.5rem;padding-right:.5rem;}
    .container.bg-color {max-width: calc(100% - 2rem);}
    .columns .col {width: 100%;margin-top:1rem;}
    .columns .galery {height: 30vh;}
    .columns .container > .flex .galery .slide {min-height: 30vh !important;}
}

/* Flexible custom */
.cards-list {justify-content: flex-start; margin-top: 3rem;}
.cards-list .item{background:var(--color2);justify-content:flex-end;flex-direction:column}
.cards-list .item .img{align-self: stretch; width: 50%; height: 100%;  aspect-ratio: 10/6;}
.cards-list .item a:hover{opacity:0.8; color:var(--noir);}
.cards-list .item .content{width: 50%; padding:0 1rem 2.44rem 2.16rem; }
.cards-list .item .title {font-weight:bold; color: var(--noir); font-size:var(--fs-25);}
.cards-list .item .readmore {color: var(--color1); text-transform: uppercase; text-decoration: underline;}
    .cards-list.columns-2 {gap:4.16rem 5.22rem ;}
    .cards-list.columns-2 .item {width:calc(50% - 2.61rem);}
    .cards-list.columns-2 .title {margin-bottom: 2.33rem;}
    .cards-list.columns-3 {gap:2.8rem 1.7rem;}
    .cards-list.columns-3 .item {width:calc(33.33% - 1.13rem);}
    .cards-list.columns-3 .title {margin-bottom: 1.72rem; font-size:var(--fs-22);}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    .cards-list .item .img {aspect-ratio: auto;}
    .cards-list .item .content {padding: 3rem 1rem 2rem 1.6rem;}
    .cards-list.columns-2,
    .cards-list.columns-3 {gap:2rem}
    .cards-list.columns-2 .item,
    .cards-list.columns-3 .item {width:calc(50% - 1rem)}
    .cards-list.columns-2 .title,
    .cards-list.columns-3 .title {margin-bottom:1.4rem}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .cards-list.columns-2,.cards-list.columns-3{gap:1.5rem 0}
    .cards-list.columns-2 .item,.cards-list.columns-3 .item{width:100%}
    .cards-list .item .content{padding:2.4rem .8rem 1.8rem 1.4rem}
    .cards-list.columns-2 .title,.cards-list.columns-3 .title{margin-bottom:1rem}
}    

/* posts en liste */
.posts-list .post {width: 33%;}
.posts-list .post .thumb {padding-bottom: 70%; position: relative; background-size: cover;}
.posts-list .post .date {display: flex; flex-direction: column; align-items: center; padding: 12px 22px; position: absolute; left: 0; bottom: 0; width: 80px; background-color: var(--color1); color: var(--blanc); font-family: var(--font-alt);line-height: 1.1;}
.posts-list .post .day {font-size: calc(var(--text-size) * 2);}
.posts-list .post .month {font-size: calc(var(--text-size) * 1.28); text-transform: uppercase;}
.posts-list .post .content {padding: 48px 24px 48px 120px; position: relative; background-color: var(--color2);}
.posts-list .post .title {display:block; margin-bottom: .4rem; color:var(--color1); font-family:var(--font-alt); font-weight: 700; text-transform: uppercase; text-wrap: balance; }
.posts-list .post .excerpt {display:block; text-wrap: balance;}
.posts-list .post .link {display: inline-block; margin-top: 1.45rem; color:#939392; font-family: var(--font-alt); font-size: calc(var(--text-size) * .83); text-transform: uppercase; text-decoration: underline;}
.posts-list .post .link:hover {color:var(--color1);}
.posts-list .post .social {position: absolute; top: 0; left: 0; width: 80px; height: 100%; display: flex; flex-direction: column; justify-content: center;align-items: center;}
.posts-list .post .social a {display: block; padding: .5rem;}
.posts-list .post .social svg {width: 20px;  height: 20px;}

/* TinyMCE Custom */
.download {position:relative;padding:.7rem 1.5rem .7rem 2.4rem; color: var(--noir); margin-bottom: .8rem;display: flex;}
.download::before {display: block; content: ''; position: absolute; top: 0.7rem; left: 0; width: 1.8rem; height: 1.8rem; background: url(./assets/img/download.svg) no-repeat center center; background-size: 1.8rem 1.8rem;}

/* Footer */
.footer {padding-top: 8rem; padding-bottom: 6rem; font-size: calc(var(--text) * 1.1); line-height: 1.7;}
.footer .logo {width:100%; max-width: 260px;}
.footer .wp-content p {line-height: 1.7;}
.footer a {color: var(--text);}
.footer a:hover {color: var(--color1);}
.footer .social {max-width: 250px;}
.footer svg {width: 21px; height: 21px;margin-right: .5rem;display: inline-block;vertical-align: text-bottom;}
.subfooter .container .flex {border-top:1px solid #C6C6C5; justify-content: space-between;}
.subfooter .terms a {padding-left: 1rem; border-left: 1px solid var(--text); margin-left: 1rem;}
.subfooter .terms a:first-of-type {padding-left: 0rem; border:none; margin-left: 5rem;}

/* Cookie */
.cookie{display:none;position:fixed;bottom:1rem;left:50%;width:90%;z-index:500;max-width:77rem;border-radius:.675rem;box-shadow:0 0 2rem rgba(0,0,0,.5);transform:translateX(-50%)}
.show-cookie .cookie {display: block;}

/* RESPONSIVE 
/------------------------------------------------- */

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{
    :root {
        --container-px : 3rem;
    } 

    /* header */
    header .logo {max-width: 190px;}
    
        /* niv 1*/
        #header-nav > .menu-item {margin-left:2.4rem;}
        #header-nav > .menu-item a {font-size: 1.15rem;}
    
    /* sections */

    /* Footer */
    .footer {padding-top: 9rem; padding-bottom: 5rem;}
    .footer .logo {max-width: 200px;}
    
}

@media only screen and (max-width: 1440px), only screen and (max-device-width: 1440px)
{
    .posts-list .post .content {padding: 36px 20px 36px 110px;}
}

@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    :root {
        --container-px : 2.4rem;
    } 
    
    /* WP-content */
    .wp-content .alignleft {margin: 0 1.5rem 1rem 0; max-width: 40%}
    .wp-content .alignright {margin: 0 0 1rem 1.5rem; max-width: 40%}
    .wp-content .alignnone {margin: 1rem 0}
    .wp-content .aligncenter {margin: 1rem auto}
    
    /* Header */
    header .logo {max-width: 150px;}

    /* NAV : trigger */
    header .show-nav {margin-left: auto;}
    header .show-nav .ico {width:32px; height:32px; transform: rotate(0deg); }
    header .show-nav .ico span {display: block; position: absolute; left: 7px; height:2px; width:18px;background: var(--noir); opacity: 1; transform: rotate(0deg); transition: .25s ease-in-out;}						
    header .show-nav .ico span:nth-child(1) {top:9px;}
    header .show-nav .ico span:nth-child(2),header .show-nav span:nth-child(3) {top:15px;}
    header .show-nav .ico span:nth-child(4) {top: 21px;}
    .nav-open {overflow: hidden;}
    .nav-open header .show-nav .ico span:nth-child(1) {top: 18px; width: 0%; left: 50%;}
    .nav-open header .show-nav .ico span:nth-child(2) {transform: rotate(45deg);}
    .nav-open header .show-nav .ico span:nth-child(3) {transform: rotate(-45deg);}
    .nav-open header .show-nav .ico span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

    /* NAV : Wrapper + overlay */
    .nav_wrapper {display: none;position: fixed; top:0px; left: 0; width: 100%; z-index: 110; }
        .nav-overlay {display: block; position: fixed; z-index: 1; top:0; right:0; width: 100% !important; height: 1600px; height:100vh; overflow:hidden; margin:0; background-color: rgba(0,0,0,0.8); }
        .nav_wrapper nav {position: fixed; z-index: 2; top:0; right:0; background:var(--color2); width: 100%; max-width: 500px; margin-left: auto;height: 1600px; height:100vh; overflow:auto; margin:0; padding:7rem 0 2rem 0;}
        .nav_wrapper nav .close-nav.pointer {position: absolute;top: 2.5rem;right: 2.5rem;width: 3rem;height: 3rem;text-align: center;border-radius: 1.5rem;box-shadow: 0 0 5rem #fff;justify-content: center;align-items: center;}
        #header-nav {width: 70%; margin: 0 0 0 20%;flex-direction: column;align-items: flex-start;}
    .nav-open .nav_wrapper {display: block; }

    /* NAV : Niv. 1 */
    #header-nav > .menu-item {margin: .5rem 0}
    #header-nav > .menu-item:last-child {margin-top: .8rem}
    #header-nav > .menu-item a {font-size: 1.3rem;padding: .4rem 0; color: var(--noir);}
    #header-nav > .menu-item.current-menu-item > a,
    #header-nav .menu-item.current-menu-item > a,
    #header-nav > .menu-item > a:hover {color:var(--color1)}
    #header-nav > .menu-item:last-child a { background-color: var(--color1); color: var(--blanc);}
    #header-nav > .menu-item:last-child a:hover { background-color: var(--noir); color: var(--blanc);}

    /* NAV : niv. 2 */
    #header-nav .menu-item-has-children > .sub-menu {display: block; position: relative; background: none; padding: 0; margin:0; box-shadow: none}
    #header-nav .sub-menu .menu-item {padding: 0 0 0 1rem; position: relative;}
    #header-nav .sub-menu .menu-item > a {line-height: 1.2; margin-top: 0.5rem}
    #header-nav .sub-menu .menu-item > a::before {display: inline-block; content:'—'; margin-right: 0.5rem;}
    #header-nav .sub-menu .menu-item > a:hover {color:var(--color1)}
    #header-nav .menu-item-has-children > a span::after {display: none;}

    /* cards */
    .cards-1 >*, .cards-2 > *, .cards-3 > *, .cards-4 > *,.cards-5 > *,.cards-6 > *, .cards-7 > *, .cards-8 > *,.cards-9 > *, .cards-10 > * {max-width: 33.3%;}
    .cards .card {padding: 0 1.1rem 1.5rem}
    .card .link{position:absolute;right:-.5rem;bottom:-10px}
    .card .title{font-size:calc(var(--text-size) * 1.2)}

    /* posts en liste */
    .posts-list .post {width: 50%; }
    .posts-list .post .date {width: 60px;}
    .posts-list .post .day{font-size:calc(var(--text-size) * 1.8)}
    .posts-list .post .month{font-size:calc(var(--text-size) * 1.1);text-transform:uppercase}
    .posts-list .post .content {padding: 20px 12px 20px 82px;}
    .posts-list .post .social {width: 60px;}
    .posts-list .post .social svg {width: 16px;  height: 16px;}

    /* section */
    .columns .col {margin-top: 2rem;}
    .columns .col:first-of-type {margin-top: 0rem;}

    /* Isotope */
    .isotope .grid .gutter {width: .8rem;}
    .isotope .sizer,
    .isotope .item {width:calc(50% - .4rem); margin-bottom: .8rem;}

    /* Footer */
    footer .cta .links {flex-flow: column;}
    .footer .logo{width:100%;max-width:none;margin-bottom:2rem}
    .footer .logo img {max-width: 200px;}
    .footer .social {max-width: 230px;}

    
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
   :root {
        --container-px : 1.8rem;
    } 

    /* button */
    .button{margin-top:.7rem;padding:.9rem 1.4rem;font-size:calc(var(--text-size) * .9)}
    .button.xl{padding:1.4rem 2rem;font-size:calc(var(--text-size) * 1.1)}
    
    /* 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::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 {padding:0 0 0 48px;}
    .wp-content blockquote::before {width: 34px;height: 34px;border-radius: 17px;background-size:16px 16px;}
    .wp-content big {font-size: 1rem}
    .wp-content small {font-size: 0.8rem}
    .wp-content .alignleft,
    .wp-content .alignright,
    .wp-content .alignnone,
    .wp-content .aligncenter {float:none; margin: 1.5rem 0; max-width: 100%;}

    /* nav */
    #header-nav {width: 80%;}
    .nav_wrapper {padding:70px 0 40px 0;}
    #header-nav .sub-menu .menu-item {width: 100%}

    /* cards */
    .cards-1 >*, .cards-2 > *, .cards-3 > *, .cards-4 > *,.cards-5 > *,.cards-6 > *, .cards-7 > *, .cards-8 > *,.cards-9 > *, .cards-10 > * {max-width: 50%;}
    .card .title{font-size:calc(var(--text-size) * 1.4)}

    /* posts en liste */
    .posts-list .post {width: 100%;}
    .posts-list .post .thumb {padding-bottom: 66%;}

    /* section */
    .columns .col {width: 100%;}

    /* footer */
    footer .cta h4 {font-size:calc(var(--text-size) * 1.9)}
    footer .cta .link {font-size: calc(var(--text-size) * 1.2);}
    footer .cta .link::before {font-size: 2.5rem;}

    .footer .title {margin-top: 2rem; margin-bottom: .5rem;}
    .footer a {margin-top:1rem}
    .subfooter .copy {display: block; margin-bottom: 1rem;}
    .subfooter .terms a {display:block;margin:1rem 0;padding:0;border:none}
    .subfooter .terms a:first-of-type {margin:2rem 0 1rem 0;}
}