/**
Template Name:  L'Horizon Bleu
Version: 1.0
Author: Vanois.be
Author URI: https://vanois.be
Text Domain: vns_theme
Domain Path: /languages
*/


:root {

    --blanc   :   #FFF;
    --noir    :   #000000;  /* real Black */
    --text    :   #151515;  /* Text Black */
    --color1  :   #000000;  /* ex-Bleu #00007E */
    --color2  :   #313131;  /* ex-Jaune #ffcb00 */
    --color3  :   #F3F3F3;  
    --red     :   #ad0707;
    --green    :   #039142;
	--border-color : #e1e1e1;

    --font-default : "Quicksand", sans-serif;
    --font-alt: "Lexend", sans-serif;

    --fs-text :   1rem;
	--fs-75: calc(var(--fs-text) * 4.166);
    --fs-60: calc(var(--fs-text) * 3.333);
    --fs-50: calc(var(--fs-text) * 2.777);
    --fs-42: calc(var(--fs-text) * 2.333);
    --fs-35: calc(var(--fs-text) * 1.944);
    --fs-25: calc(var(--fs-text) * 1.388);
    --fs-22: calc(var(--fs-text) * 1.222);
    --fs-20: calc(var(--fs-text) * 1.111);
    --fs-15: calc(var(--fs-text) * 0.833);
    --fs-13: calc(var(--fs-text) * 0.722);

    --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 {-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}
}


/* 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)}

.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)}
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}
svg.color3, svg.hover-color3:hover, .hover-color3:hover svg {fill: var(--color3) !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)}
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}

/* Button */
.button,
input[type="submit"].button,
#header-nav .level-1:last-child > a {
    position:relative;display:inline-flex;align-items:center;
    margin-top:1rem;margin-right:1rem;padding:1.4rem 2.2rem;
    background-color:var(--color1);color:var(--blanc);
    text-align:center;line-height:1.2;font-family:var(--font-default);font-weight:700;
    transform-style:preserve-3d;overflow:hidden;
    border-radius:.375rem;
    cursor: pointer;
}
.button svg{margin-left:1rem;width:1.375rem;height:1.375rem;fill:var(--blanc);position:relative;top:1px;transition:all .2s ease-in-out}
.button::after,
input[type="submit"].button::after,
#header-nav .level-1:last-child > a::after {content:'';display:block;width:0%;height:500px;background-color:var(--color4);transition:all .1s ease-in-out;position:absolute;top:-150%;left:0;z-index:-1;transform:rotate(45deg)}
.button:hover,
input[type="submit"].button:hover,
#header-nav .level-1:last-child > a:hover{color:var(--blanc)}
.button:hover::after,
input[type="submit"].button:hover::after,
#header-nav .level-1:last-child > a:hover::after{width:100%;top:0;transform:rotate(0)}

/* 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;border-radius: .675rem;}
.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%}
}

/* 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%}


/* 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(--fs-text) * 1.2);
        text-transform: uppercase;
        padding: 1rem;
        cursor: pointer;
    }
    /* 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}

/* Anim */
.anim {opacity: 0;-webkit-animation-duration:500ms;animation-duration:500ms; -webkit-animation-delay:0ms; animation-delay:0ms; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out}
.no-observer .anim {opacity: 1}
.animated.bottom_to_top { -webkit-animation-name: bottom_to_top; animation-name: bottom_to_top}
@-webkit-keyframes bottom_to_top {
    from { 
		opacity: 0;
		transform: translate(0, -50px);
	}
    to   { 
		opacity: 1;
		transform: translate(0, 0);
	}
}
@keyframes bottom_to_top {
    from { 
		opacity: 0;
		transform: translate(0, -50px);
	}
    to   { 
		opacity: 1;
		transform: translate(0, 0);
	}
}


/* Social */
.vns_share .title {font-family: var(--font-alt); text-transform: uppercase; color: var(--color1);margin-right: 1rem;}
.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);}


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

/* 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%}
.fs80 {font-size: 80%}
a, a svg {text-decoration: none; transition: all ease-in 200ms;color: inherit;}
.balanced {text-wrap: balance;}

/* font type */
html,
textarea {
    font-family: var(--font-default);
    font-weight:400; 
    font-optical-sizing: auto;
    font-style: normal;
    word-wrap: break-word;
}
.font-alt {
    font-family: var(--font-alt); 
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:"wdth" 100;
}


/* font size */
html {font-size: 18px;}
@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{
    html {font-size: 16px;}
}
@media only screen and (max-width: 1360px), only screen and (max-device-width: 1360px)
{
    html {font-size: 15px;}
}

/* Sizes */
body { font-size: var(--fs-text); line-height: 1.5; color: var(--text);}
h1, .wp-content h1 {font-size: var(--fs-60); line-height: 1.3;}
h2, .wp-content h2 {font-size: var(--fs-50); line-height: 1.3;}
h3, .wp-content h3 {font-size: var(--fs-42); line-height: 1.3;}
h4, .wp-content h4 {font-size: var(--fs-35); line-height: 1.3;}
h5, .wp-content h5 {font-size: var(--fs-25); line-height: 1.3;}
h6, .wp-content h6 {font-size: var(--fs-22); line-height: 1.3;}

.h0, .fs-75 {font-size: var(--fs-75) !important; line-height: 1.3;}
.h1, .fs-60 {font-size: var(--fs-60) !important; line-height: 1.3;}
.h2, .fs-50 {font-size: var(--fs-50) !important; line-height: 1.3;}
.h3, .fs-42 {font-size: var(--fs-42) !important; line-height: 1.3;}
.h4, .fs-35 {font-size: var(--fs-35) !important; line-height: 1.3;}
.h5, .fs-25 {font-size: var(--fs-25) !important; line-height: 1.3;}
.h6, .fs-22 {font-size: var(--fs-22) !important; line-height: 1.3;}

/* text align */
@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)
{
    .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: 1rem;}
.wp-content h4,
.wp-content h5,
.wp-content h6 {margin-bottom: .5rem;}

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

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

.widget ul li,ul li{position:relative;padding-left:.8rem;margin-top:.5rem}
ul li::before{display:block;content:"›";position:absolute;top:-3px;left:0;font-size:var(--fs-20)}
.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:0 0;color:transparent;border-bottom:1px solid var(--border-color);border-top:0;margin:3rem auto;width:100%}
.blanc hr, hr.blanc {border-bottom:1px solid var(--blanc)}
hr.color3 {border-bottom:1px solid var(--color3)}
hr.color4 {border-bottom:1px solid var(--color4)}

.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:var(--fs-text)}
.wp-content table td {padding: 0.4rem; vertical-align: top; text-align: left;font-size:var(--fs-text)}
.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%}

/* Specific */


/*  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 0px 1.5rem rgba(0, 0, 0, 0.2);}
.overflow-hidden {overflow: hidden}
.degrade {background: linear-gradient(to bottom,  #e9e9e9 0%,#fefefe 100%);}
.square {aspect-ratio: 1 / 1;max-height: 100%;width: 100%;}
.round {aspect-ratio: 1 / 1;max-height: 100%;width: 100%; border-radius: 50%;}
.fs120 {font-size: 120%}
.rounded {border-radius:0.675rem;}
.rounded_2top {border-radius:0.675rem 0.675rem 0 0;}
.rounded_2bottom {border-radius:0 0 0.675rem 0.675rem;}
.rounded5 {border-radius: 0.325rem}
.rounded10 {border-radius: 0.675rem}
.column2 {-moz-column-count: 2;column-count: 2; -moz-column-gap: 1rem; column-gap: 1rem;}

/* wrapper & content */
body {height:100%; overflow:auto; background: #FFF; margin:0 auto; padding: 0; max-width: 1920px;}
    .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 */
    .logo-nav {align-items: center; padding: 2rem 0;}
    nav ul li::before {display: none;}
    .nav_wrapper { flex-grow: 2; padding: 0 0 0 3.5rem;}

    header {position: relative;}
	header > * {z-index: 2;}
    header .logo {width: 100%; max-width: 11rem;}
    
    /* side media */
    .with-header_side {padding:1rem 0 3rem;}
    .header_side .wrapper {aspect-ratio: 15/10; min-height: 30vh; overflow: hidden; border-radius: 1rem;}
    .header_side .item {width: 100%; height: 100%;}
    .header_side .slick-list, 
    .header_side .slick-track, 
    .header_side .slick-slide > div {height: 100%;}

    /* bg */
    header .header-bg-content {border-radius: 1rem; overflow: hidden;}
    header .header-bg {width:100%;height:100%;position:absolute;top:0;left:0;z-index:1; overflow: hidden;}
    #header_vid {position: relative; top: 50%; left: 50%;transform: translate(-50%,-50%); margin: auto;}
    @media (orientation: portrait) {
        #header_vid {width:auto; height: 100%;}
    }
    @media (orientation: landscape) {
        #header_vid {width:100%; height: auto;}
    }

    /* 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(--color2)}
    #header-nav .menu-item.menu-item-has-children > a span {padding-right:.7rem;position: relative}
    #header-nav .menu-item.menu-item-has-children > a span::after{display:inline-block;content:'›';font-size:calc(var(--text-size) * 1.36);line-height:1;transform:rotate(90deg);transform-origin: center center;position: relative;top: 3px; left: .7rem;}

    /* niv 1*/
    #header-nav > .menu-item {position: relative;margin-left:2.35rem;}
    #header-nav > .menu-item a {font-size:calc(var(--text-size) * 1.05) ; font-weight: 700; display: block; color: var(--color1); cursor: pointer; padding: 1rem 0;position: relative;}
    #header-nav > .menu-item:first-child {margin-left: 0;}
    #header-nav > .menu-item:last-child a { background-color: var(--color1); color: var(--blanc); padding:.88rem 3.125rem; border-radius: 0.315rem; margin: 0; }
	#header-nav > .menu-item:last-child a:hover { background-color: var(--color2);}

    /* niv 2 */
	#header-nav .menu-item-has-children .sub-menu{display:block;position:absolute;border-radius:10px;z-index:5;padding:1rem 0;margin-top:.7rem;background:var(--blanc);box-shadow:0 5px 20px -10px rgba(0,0,0,.4);-webkit-box-shadow:0 5px 20px -10px rgba(0,0,0,.4);opacity:0;visibility:0;z-index:-1;transition:all .2s ease-in}
	#header-nav .menu-item-has-children.sub-menu-visible > .sub-menu{transform-origin:top center;opacity:1;visibility:visible;z-index:100;margin-top:0}
    #header-nav .sub-menu > .menu-item {display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content;}
    #header-nav .sub-menu > .menu-item > a {display: block; padding: .5rem 0; font-size: calc(var(--text-size) * .9); color: var(--color1);}
	#header-nav .sub-menu > .menu-item > a::before{display:block; position: absolute; top: .5rem; left:.7rem; content:'•';padding-right:.3rem;color:var(--blanc);transition: all 200ms ease-in;}
	#header-nav .sub-menu > .menu-item > a:hover::before{color:var(--color2)}
	#header-nav .sub-menu > .menu-item > a > span[itemprop="name"] {display: block;max-width: 27rem; padding: 0 1.4rem 0 1.6rem;}

    /* niv 3 */
	#header-nav .menu-item-has-children .menu-item-has-children > .sub-menu{display:block;position:absolute;top: 0;right: 0;transform: translate(100%,0); opacity:0;visibility:0;z-index:-1;transition:all .2s ease-in}
	#header-nav .menu-item-has-children .menu-item-has-children.sub-menu-visible > .sub-menu{transform-origin:top center;opacity:1;visibility:visible;z-index:100;margin-top:0}

	/* content */
	header .content{flex:1 0 auto; padding:5rem 0; text-wrap: balance; position: relative; z-index: 2;}
    header .content .left_img{height:100%;border-radius:.675rem; aspect-ratio: 3/2;}

/* Flexible content : sections */
section.flexible {max-width: var(--container-maxwidth); margin-left:auto; margin-right: auto; border-radius: 1rem;}
section.noflexible{padding:5rem 0 3rem 0}
.columns .col {min-width: 300px;}
.columns .col.default-size {flex: 1 1 0;}
.columns .galery {align-self: stretch;}
.columns .galery .slider {border-radius: 1rem;}
.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;}
}

/* Common */
.with-icon::before {content:''; display: inline-block; width: 1rem; height: 1rem; position: relative; top: 0px; margin-right: .5rem; background-repeat:no-repeat; background-position: center center; background-size: contain;}
.with-icon.pin::before {top: 2px; background-image: url(assets/images/pin.svg);}
.with-icon.camera::before {background-image: url(assets/images/camera.min.svg);}

.button.with-icon::before {width: 1.5rem; height: 1.5rem;}

/* Homepage */


/* Single Bien */
.grid-style1 {display:grid; aspect-ratio: 45/20; grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem;border-radius:1rem;overflow:hidden}
.grid-style1 .item-0 {grid-column:span 2/span 2;grid-row:span 2/span 2}
.grid-style1 .item-1 {grid-column-start:3}
.grid-style1 .item-2 {grid-column-start:3;grid-row-start:2; position: relative;}

.top-galery {margin-bottom: 3rem;}
.top-galery .button{position:absolute;bottom:.5rem;right:-.5rem;border-bottom-right-radius:1rem}
.with-sidebar {justify-content: space-between; align-items: flex-start;}
.with-sidebar .main {width: 70%; flex-grow: 0 1 0 0;}
.with-sidebar .sidebar {width: 25%; max-width: 400px;  align-self: stretch;}
.sidebar .inner{position:sticky;top:2rem;padding:2rem;border:1px solid #ddd;border-radius:1rem;box-shadow:0 0 1rem rgba(0,0,0,.2)}
.block-icon .item{width:25%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;aspect-ratio:1;display:flex;align-items:center;flex-direction:column;justify-content:center}
.block-icon .item:nth-child(4n+1) {border-left: 1px solid #ddd;}
.block-icon .item:nth-child(-n+4) {border-top: 1px solid #ddd;}
.block-icon .item .icon{width:60%;margin:0 auto;max-width:4rem}

.attributes .left {width: 25%;}
.attributes .left .h5 {padding-left: 3rem; position: relative;}
.attributes .left .icon{display:block;max-width:2rem;height:auto;margin-right:.3rem;position:absolute;left:0;top:0}

.attributes .right {width: 75%; gap: 1rem;}
.attributes .right .item {flex: 1; margin-bottom: 1rem;}
.attributes .right.col-auto .item {flex: 1 0 auto;}
.attributes .right.cols-1 .item {flex: 0 0 100%;}
.attributes .right.cols-2 .item {flex: 0 0 calc(50% - .5rem);}
.attributes .right.cols-3 .item {flex: 0 0 calc(33.333% - .67rem);}

.gallery-masonry{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:5rem; margin-bottom: 5rem;padding: 0 .5rem;}
.gallery-masonry .item{cursor:pointer;aspect-ratio:1;width:calc(20% - .4rem);transition:.2s all ease}
.gallery-masonry .item:hover{opacity:.8}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    .gallery-masonry .item{cursor:pointer;aspect-ratio:1;width:calc(25% - .4rem);transition:.2s all ease}
}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .gallery-masonry {margin-bottom: 4rem;}
    .gallery-masonry .item{cursor:pointer;aspect-ratio:1;width:calc(33% - .4rem);transition:.2s all ease}
}

/* HBook Plugin */

    /* Hide & Reset */
    .hbook-wrapper-booking-form .hb-title-search-form,
    .hb-view-price-breakdown,
    .hbook-wrapper-booking-form .hb-search-submit-wrapper label,
    .hb-summary-fee-details,
    .hb-summary-accom-name {display: none;}
    .hb-search-button-wrapper {width: 100%;}

    /* Errors */
    .hb-search-error,
    .hb-search-no-result{font-size:var(--fs-15);margin-top:1rem;background:#ff9177;padding:1rem;border-radius:.5rem;color:#fff;font-weight:700;text-wrap: balance;}

    /* Buttons & submit */
    .hbook-wrapper-booking-form input[type="submit"] {width:100%;max-width: fit-content; background: var(--color1); color: var(--blanc); opacity: .9; padding: .5rem; text-align: center; border-radius: .4rem; cursor: pointer;}
    .hbook-wrapper-booking-form input[type="submit"]:hover {opacity: 1;}
    .hbook-wrapper-booking-form .hb-previous-step input[type="submit"] {background: none; color: var(--text); padding: 0; text-align: left; border: 0; margin-top: .5rem;}
    .hbook-wrapper-booking-form .hb-search-submit-wrapper input[type="submit"],
    .hbook-wrapper-booking-form .hb-next-step input[type="submit"],
    .hbook-wrapper-booking-form .hb-confirm-button input[type="submit"] {max-width: none; margin-top: 1rem;}

    /* Availability */
    .hb-availability-calendar-centered {margin: 1rem 0 0 0 !important;}
    .hb-dp-day-past, 
    .hb-dp-day-closed, 
    .hb-dp-day-not-selectable, 
    .hb-dp-day-no-check-in, 
    .hb-day-fully-taken {color: #dddddd !important;text-decoration: line-through !important;}

    /* Booking form */

        /* step 1 : check-in -out date */
        .hb-search-fields {display: flex; flex-wrap: wrap; justify-content: space-between;}
        .hb-search-fields > * {margin-top: .8rem;}
        .hb-check-dates-wrapper,
        .hb-people-wrapper{width:48%!important;font-size:.9rem;}
        .hb-check-dates-wrapper label, 
        .b-people-wrapper label {padding-left:.3rem;}
        .hb-input-datepicker,
        .hb-people-wrapper select,
        .hb-details-fields input[type="text"],
        .hb-details-fields .selectize-input {background:#FFFFFF; border:1px solid #ddd;padding:.3rem .5rem;border-radius:.4rem;margin:0.3rem 0 0 0;}

            /* step 1 validated */
            .hb-searched-summary > * {margin-top: .5rem;}
            .hb-searched-summary .hb-chosen-check-in-date,
            .hb-searched-summary .hb-chosen-check-out-date {width: 100% !important;}

        /* step 2 : price reveal */
        .hb-accom-page .hb-multi-accom-choices.hb-accom-page-one-result .hb-accom {border: none !important;padding-bottom: 0 !important; margin-bottom: 0 !important;}

        /* step 3 : options */
        .hb-title{font-size:1rem;font-weight:700;margin:1.5rem 0 1rem;width:100%!important;max-width:none!important}
        .hb-single-option {margin-top: 1rem;}
        .hb-checkbox-wrapper {display: flex;align-items: flex-start;}
        .hb-checkbox-wrapper label{display:initial;line-height:1.2;margin-left:.7rem;position:relative;top:-3px}
        .hbook-wrapper .hb-options-form label b {font-weight: normal;}

        /* step 4 : user data */
        .hb-details-fields {display: flex;flex-wrap: wrap;gap: 1rem;}
        .hb-details-fields > * {width: 100%; max-width: 250px;}
        .hb-details-fields label {font-size: .9rem;}
        .hb-details-fields input[type="text"] {font-size: .9rem;}

        .hb-final-fees-wrapper,
        .hb-summary-options-price {font-size: var(--fs-15);margin-top:.5rem;}
        .hb-payment-type-explanation,
        .hb-confirm-area p:not(.hb-button-wrapper) {font-size: var(--fs-15); margin-top:.5rem;}



/* Footer */
.footer .hote{padding:4rem;background:#f5f5f5;border-radius:1rem;color:var(--color1);gap: 2rem;}
.footer .logo {width: 11rem; display: block;}
.subfooter{justify-content:space-between;align-items:center;padding:3rem 0}
.subfooter .terms {font-size:calc(var(--fs-text) * .72); opacity:0.8; }
.subfooter .terms a::before {content:'|'; display: inline-block; padding: 0 .2rem; color: var(--blanc);}
.subfooter .terms a:hover {color: var(--color2) ;}
.scrollToTop {position:fixed; z-index: 10; right:10px; bottom:-60px; padding: 5px; border-radius: 30px; }
.scrollToTop svg {height: 50px;width: 50px;fill: var(--color1);  background: var(--blanc); border-radius: 25px;}
.scrollup .scrollToTop {bottom:30px}
.nav-open.scrollup .scrollToTop {bottom:-30px}

/* Cookie */
.cookie {display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 500;}
.show-cookie .cookie {display: block;}
.cookie .container {background: var(--color1); color: var(--blanc); width: 90%; padding: 5rem; margin: 2rem auto; border-radius: 1rem; box-shadow: 0 0 2rem rgb(70, 70, 70);max-width: 70rem;}
.cookie .a { color: var(--color1);}
.cookie .a:hover { color: var(--color3);}
.cookie .cookie_deny_tracking {color: var(--blanc); text-decoration: underline; cursor: pointer;}
.cookie .rgpd {color: var(--blanc); text-decoration: underline;}
.cookie .button {background-color: var(--color2); border-radius: .5rem; padding: 1.5rem;}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    .cookie .container {padding: 2rem 2.4rem;}
}


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

@media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px)
{

    :root {
        --container-px : 3rem;
    } 


}
@media only screen and (max-width: 1300px), only screen and (max-device-width: 1300px)
{


    /* Container */
    .container{padding-left:3.2rem;padding-right:3.2rem}

    /* SINGLE BIEN */
    .with-sidebar .main { width: 67%;}
    .with-sidebar .sidebar {width: 28%;}

    /* Single */
    .grid-style1{ aspect-ratio: 1; grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);}   
    .grid-style1 .item-0{grid-column: span 2 / span 2;   grid-row: span 2 / span 2;}
    .grid-style1 .item-1{grid-row-start:3;grid-column-start: unset;}
    .grid-style1 .item-2{grid-row-start:3;grid-column-start: unset;}
    .attributes .left {width: 100%;margin-bottom: 2rem;}
    .attributes .right {width: 100%;}

}
@media only screen and (max-width: 1100px), only screen and (max-device-width: 1100px)
{
    :root {
    --fs-75: calc(var(--fs-text) * 3);
    --fs-60: calc(var(--fs-text) * 2.4);
    --fs-50: calc(var(--fs-text) * 2.1);
    --fs-42: calc(var(--fs-text) * 1.85);
    --fs-35: calc(var(--fs-text) * 1.6);
        /* --fs-25: calc(var(--fs-text) * 1.249);
        --fs-22: calc(var(--fs-text) * 1.099);
        --fs-20: calc(var(--fs-text) * 1);
        --fs-15: calc(var(--fs-text) * 0.75); */

        --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}

    /* SINGLE BIEN */
    .with-sidebar .main {width: 100%;}
    .with-sidebar .sidebar{width:100%;max-width:none;align-self:normal;margin-top:3rem}


    /* NAV : trigger */
    header .show-nav .ico {width:32px; height:18px; transform: rotate(0deg); }
    header .show-nav .ico span {display: block; position: absolute; right: 0; height:2px; width:26px;background: var(--color1); opacity: 1; transform: rotate(0deg); transition: .25s ease-in-out;}						
    header .show-nav .ico span:nth-child(1) {top:0;width: 20px;}
    header .show-nav .ico span:nth-child(2),header .show-nav span:nth-child(3) {top:8px;}
    header .show-nav .ico span:nth-child(4) {top: 16px;width: 16px;}
    .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 */
    .logo-nav {align-items: flex-end;}
    .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(70,70,70,0.8); }
        .nav_wrapper nav {position: fixed; z-index: 2; top:0; right:0; background:var(--color1); width: 100%; max-width: 500px; margin-left: auto;height: 1600px; height:100vh; overflow-y:auto; margin:0; padding:7rem 0 2rem 0;}
        .nav_wrapper nav::before{display:block;content:'';width:100%;height:100%;position:fixed;top:0;right:0;max-width:500px;background:url(/wp-content/themes/notremaison/assets/images/picto-blanc.png) no-repeat center bottom/contain;opacity:.1}
        .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;justify-content: center; align-items: center;}
        #header-nav {width:80%; margin: 0 0 0 10%;flex-direction: column;align-items: flex-start;}
    .nav-open .nav_wrapper {display: block; }

    /* NAV : Niv. 1 */
    #header-nav .level-1{margin-left:0}
    #header-nav > .menu-item a {color: var(--blanc);}
    
    #header-nav .level-1.current-menu-item > a, 
    #header-nav .level-1.current-page-ancestor > a, 
    #header-nav .level-1 > a:hover {color: var(--color2);}
    #header-nav .level-1:last-child > a {color: var(--blanc) !important;}
    #header-nav .level-1:last-child {margin-top: 2rem;}
    #header-nav .level-1:last-child::before {content: none;}

    #header-nav .sub-menu>.menu-item>a>span[itemprop=name]{display:block;max-width:300px;padding:0 1.4rem 0 1.6rem;width:100%}

    /* NAV : niv. 2 */
    #header-nav .level-1.menu-item-has-children>.sub-menu{display:none;margin-bottom:.5rem;position: relative; padding: 0;}
    #header-nav .level-1.menu-item-has-children.sub-menu-visible>.sub-menu{display:block;width:100%!important;padding:0!important; gap: 1rem !important;}
    #header-nav .level-2 {padding: 0 1rem .5rem .1rem; width: 100%;}
    #header-nav .level-2:first-child{padding:1rem 0rem .5rem .1rem}
    #header-nav .level-2:last-child{padding:0 1rem 1rem .1rem}
    #header-nav .level-2 > a::before{display:none}
    #header-nav .level-2.current-menu-item > a {color:var(--color4)}
    #header-nav .level-2.current-menu-item > a::before {color:var(--color2)}
    #header-nav .level-2 > a {padding:.3rem}
    #header-nav .level-2 > a > span[itemprop="name"] {padding: 0;}

    /* NAV : niv. 3 */
    #header-nav .level-3 > a{padding:.4rem 0}
    #header-nav .level-3 > a::before { top: 0.35rem; left: 0.3rem;}
    #header-nav .level-3 > a > span[itemprop="name"] {padding: 0 .3rem 0 1rem;}

    /* Nav-open */
    .nav-open header {height: 100vh !important; padding-bottom: 4rem;}

    /* Common */
    .slick-dots {gap: 1rem;}
    .vns_share{border:none;margin:0 auto}
    .vns_share a{width:40px;height:40px;line-height:40px;border-radius:20px}

    /* Footer */
    .footer .container {padding-left: .5rem;padding-right: .5rem;}
    .footer .hote {padding: 3rem 2rem;}
    .footer .hote .col:first-child{width: 100%;}


}
@media only screen and (max-width: 767px), only screen and (max-device-width: 767px)
{
    :root {
    --fs-75: calc(var(--fs-text) * 2.1);
    --fs-60: calc(var(--fs-text) * 1.8);
    --fs-50: calc(var(--fs-text) * 1.6);
    --fs-42: calc(var(--fs-text) * 1.5);
    --fs-35: calc(var(--fs-text) * 1.4);
    --fs-25: calc(var(--fs-text) * 1.3);
    --fs-22: calc(var(--fs-text) * 1.2);
    --fs-20: calc(var(--fs-text) * 1.1);
/*  --fs-15: calc(var(--fs-text) * 0.75); */
        --container-px : 1.8rem;
    }

    /* tools */
    br {display: none;}
    .br-forced br,
    footer .coordinates br {display: block;}

    /* 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 2rem;}
    .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%;}


    /* wrapper */
    .container {padding-left:1.8rem; padding-right:1.8rem}

    /* Common */
    .button, input[type="submit"].button, #header-nav .level-1:last-child > a {padding: 1rem 1.6rem 1.2rem 1.6rem; font-size: var(--fs-text);}
    hr {margin: 2rem auto;}

    /* Header */

    /* Single */
    .block-icon .item {	width: 50%;padding:.3rem;}
    .block-icon .item .icon {max-width: 3rem;}
    .attributes {margin: 0;}
    .attributes .left {padding-right: 2rem; position: relative; margin-bottom: 0; border: 0; cursor: pointer;}
    .attributes .left::before{content:'+';width:1.5rem;height:1.5rem;position:absolute;right:.5rem;top:calc(50% - 4px);transform:translateY(-50%);transition:.1s all ease;font-size:var(--fs-42);line-height:1}
    .attributes .right {display: none; margin-top: 1rem;}
    .attributes .right .item {width: 100%;margin-bottom: 1rem;}

    .attributes.submenu-visible .left::before {transform: rotate(45deg) translateY(-50%); color: #ad0707;}
    .attributes.submenu-visible .right {display: block;}
   

    /* Footer */
    .subfooter .container>.flex{justify-content:space-between;align-items:flex-start}
    .subfooter .terms a{display:block;margin:1rem auto 0}
}