@charset "UTF-8";
/*
      _         _
     | |       | |
  ___| |_ _   _| | ___        ___ ___ ___
 / __| __| | | | |/ _ \      / __/ __/ __|
 \__ \ |_| |_| | |  __/  _  | (__\__ \__ \
 |___/\__|\__, |_|\___| (_)  \___|___/___/
           __/ |
          |___/

/*******************************+*******************\
|                               |                   |
|  STYLE DE BASE   V.1.2        |     30/01/2021    |
|                               |                   |
\**ℱℒ***************************+*******************/
/*!------------------------------------------------*\
/* VARIABLES CSS  ( gulp buildvar )                *|
/*-------------------------------------------------*/
:root {

    /* BODY */
    --body-color: #303030;
    --body-bkg: #fcfcfc;
    --primary-color:#99be40;

    /* - Surlignement - */
    --select-color: #111;
    --select-bkg: var(--primary-color);

    /* - Scrollbar - */
    --scrollBar-color: #99be40;
    --scrollBar-bkg: #ebe690;

    /* - Pace - */
    --pace-bkg:var(--primary-color);

    /* - Slider sans les unités px- */
    --slider-width:1380;
    --slider-height:700;

    --slider-load-bar-1:#99be40;
    --slider-load-bar-2:#5c7226;
    --slider-load-bar-3:#1f260d;

    /* - Accordeon - */
    /* Etat Fermé */
    --acc-close-color:#efefef;
    --acc-close-bkg:#99be40;

    /* Etat Survol */
    --acc-hover-color:#ffff;
    --acc-hover-bkg:#5c7226;

    /* Etat Ouvert */
    --acc-open-color:#ffff;
    --acc-open-bkg:#3d4c1a;

    /* Intérieur accordeon */
    --acc-color:#111;
    --acc-bkg:#ececec;

    /******************************************************************************/
    /* DESIGN FLUIDE SUR FONT SIZE DES TITRES et MARGE HAUTES DES GRANDS ELEMENTS */
    /******************************************************************************/
    /* - Font size fluide sur les titres : Taille en pixels sans les unités - */
    --fs-base: 16;  /* font-size de base en px */

    --h1-min: 25;   /* h1 font-size minimale */
    --h1-max: 60;   /* h1 font-size maximale */

    --h2-min: 20;   /* h2 font-size minimale */
    --h2-max: 39;   /* h2 font-size maximale */

    --h3-min: 18;   /* h3 font-size minimale */
    --h3-max: 25;   /* h3 font-size maximale */

    /* - Titraille Sous titre - */
    --st-min: 16;
    --st-max: 30;

    /* - Titraille Slogan - */
    --sg-min: 16;
    --sg-max: 36;

    /* - Titraille Menu Graphique - */
    --fs-mnug-min: 18;
    --fs-mnug-max: 24;

    /* - Marge haute fluide des grands éléments - */
    /* Taille en pixels sans les unités */
    --main-min:32;  /* main hauteur minimale */
    --main-max:80; 	/* main hauteur maximale */

    --mnuG-min:32;  /* menu graphique hauteur minimale */
    --mnuG-max:60; /* menu graphique hauteur maximale */

    --aside-min:32; /* aside hauteur minimale */
    --aside-max:60;	/* aside hauteur maximale */

    --divers-min:32; /* divers hauteur minimale */
    --divers-max:128;	/* divers hauteur maximale */
    /******************************************************************************/

    /* - Titres - */
    --titre-family: 'Poppins', sans-serif;
    --titre-color:#99be40;

    /* - Menu Desktop - */
    --mnu-font: 'Oswald', sans-serif;
    --mnu-txt-color:#373737;
    --mnu-txt-actif-color:#fffefe;

    /* - Menu Mobile - */
    --mnuMob-txt-color:#ccc;
    --mnuMob-txt-actif-color:#efefef;
    --mnuMob-svg-color:#ccc;
    --mnuMob-svg-actif-color:#99be40;

    /* - Bouton call to action - */
    --btca-font: 18px/3 'Poppins', sans-serif;
    --btca-color:#efefef;
    --btca-bkg: #99be40;
    /* hover */
    --btca-color-hover:#111;
    --btca-bkg-hover:#ebe02b;

    /* - Galery - */
    --figcaption-color: #000;
    --figcaption-bkg: rgba(153,190,64,.8); /*  rgba(156,80,24,.8); */

    /* - Tableaux - */
    --table-border:var(--primary-color);
    --table-entete-color:#fff;
    --table-entete-bkg:var(--primary-color);
    --table-border-color:var(--primary-color);

    --table-responsif-titre-color:var(--primary-color);
    --table-responsif-titre-bkg:#efefef;
    --table-responsif-odd-color:#efefef;
    --table-responsif-odd-bkg:var(--primary-color);

    /* - MAP avec les unités px - */
    --map-width:1200px;
    --map-height:300px;
    --map-info-color:var(--body-color);
    --map-info-bkg:var(--primary-color);

    /* - FOOTER -*/
    --footer-color: #efefef;
    --footer-bkg: #808080;

    /* FACULTATIF si pas de POPUP */
    --dialogPopIn-top:15vh;
    --dialogPopIn-maxHeight:70vh;
    --dialogPopIn-border-color:var(--primary-color);
    --dialogPopIn-bkg:var(--primary-color);
    --dialogPopIn-close-outline-color:var(--primary-color);
    --dialogPopIn-close-fill-color:var(--primary-color);
    --dialogPopIn-close-focus-color:var(--primary-color);
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*::-moz-selection {background:var(--select-bkg);color:var(--select-color);text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;}
*::-webkit-selection {background:var(--select-bkg);color:var(--select-color);text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;}
*::selection {background:var(--select-bkg);color:var(--select-color);text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;}
/*!----------------------------------------------*\
/* SCROLL et CURSEUR                             *|
/*-----------------------------------------------*/::-webkit-scrollbar{background-color:var(--scrollBar-bkg);width:16px}::-webkit-scrollbar-thumb{background:var(--scrollBar-color)}*{scrollbar-color:var(--scrollBar-color) var(--scrollBar-bkg);scrollbar-width:16px}html{caret-color:#99be40;}
/*!----------------------------------------------*\
/* STYLE VISIMODIF                               *|
/*-----------------------------------------------*/body.admin img{width:auto!important}body.admin .bloc-visimodif-normal{padding:10px 0;color:#000;background-color:#fff!important}body.admin input,textarea{color:#000;background-color:#fff!important}body.admin .content-col{-moz-column-width:auto!important;column-width:auto!important}body.admin .bloc-visimodif-mod input[type=submit]{background-color:#337ab7!important}body.admin .zone-accordeon{max-width:980px;margin:1rem auto;padding:1rem;color:#000}body.admin .zone-accordeon:nth-child(even){background-color:#d3d3d3}body.admin .zone-accordeon:nth-child(odd){background-color:gray}
/*
*{background:#000!important;color:#0f0!important;outline:solid #f00 1px!important;}
*/
/*!----------------------------------------------*\
/* STYLE GENERAL                                 *|
/*-----------------------------------------------*/
.wp {margin: 0 auto;max-width: 1200px; width: 90vw;}
.bkgPlaceholder{
  background-color: #808080;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='96' viewBox='0 0 60 96'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%2399be40' fill-opacity='0.4'%3E%3Cpath d='M36 10a6 6 0 0 1 12 0v12a6 6 0 0 1-6 6 6 6 0 0 0-6 6 6 6 0 0 1-12 0 6 6 0 0 0-6-6 6 6 0 0 1-6-6V10a6 6 0 1 1 12 0 6 6 0 0 0 12 0zm24 78a6 6 0 0 1-6-6 6 6 0 0 0-6-6 6 6 0 0 1-6-6V58a6 6 0 1 1 12 0 6 6 0 0 0 6 6v24zM0 88V64a6 6 0 0 0 6-6 6 6 0 0 1 12 0v12a6 6 0 0 1-6 6 6 6 0 0 0-6 6 6 6 0 0 1-6 6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
html {box-sizing: border-box;}
*, *::before, *::after {box-sizing: inherit;}
ul {margin: 0;padding: 0;list-style: none;}
strong {font-weight: 700;}
address{font-style: normal;}
h1, h2, h3, h4, p, figure, figcaption {margin: 0;padding: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}
/*a[itemprop=telephone]{text-decoration: none;}*/
a[href^="tel"] {text-decoration: none;color:currentColor;}
/* reset bouton */
button {padding: 0;border: none;font: inherit;cursor: pointer;color: inherit;background-color: transparent;}
/*button:hover,button:focus,button:active{-webkit-transform: translateY(1px);-ms-transform: translateY(1px);transform: translateY(1px);-webkit-filter: saturate(150%);filter: saturate(150%);}*/
/* image responsive */
img {display: block;height: auto;max-width: 100%;}
[id]{scroll-margin-top:2ex;}
/*!----------------------------------------------*\
/* LAZYLOADING IMAGES                            *|
/*-----------------------------------------------*/
/* class pour les images responsives en background */
.js-bkgContainer {width: 100%;max-width: 2000px;background-position: bottom center;background-repeat: no-repeat;}
img["data-src"], img["data-srcset"] {display: block;min-height: 1px;}
.js-lz-blur, .lazyload {transition: blur 400ms ease-out;-webkit-filter: blur(50px) saturate(5) opacity(0.5);filter: blur(50px) saturate(5) opacity(0.5);}
.loaded, .lazyloaded {-webkit-filter: blur(0) saturate(1) opacity(1);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncA type="table" tableValues="0 1" /></feComponentTransfer></filter></svg>#filter');filter: blur(0) saturate(1) opacity(1);transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750); /* linear */}
@media (prefers-reduced-motion: no-preference) {
  .js-lz-fadein {opacity: 0;}
  .js-lz-fadein.lazyloaded {-webkit-animation:js-fadein-anim 3s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;animation:js-fadein-anim 3s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;}
  @-webkit-keyframes js-fadein-anim {from {opacity: 0;}to {opacity: 1;}}
  @keyframes js-fadein-anim {from {opacity: 0;}to {opacity: 1;}}
  /* Effets N&B sur photos */
  .js-lz-nb,.js-lz-fadein-nb{opacity: 0;-webkit-filter: grayscale(100%);filter: grayscale(100%);}
  .js-lz-nb.lazyloaded,.js-lz-fadein-nb.lazyloaded {-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);animation-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
  .js-lz-nb.lazyloaded {-webkit-animation-name:js-lz-nb-anim;animation-name:js-lz-nb-anim;}
  .js-lz-fadein-nb.lazyloaded {-webkit-animation-name: js-lz-fadein-nb-anim;animation-name: js-lz-fadein-nb-anim;}
  /* Apparition Noir et blanc et fin en couleur */
  @-webkit-keyframes js-lz-nb-anim{0%{opacity:0;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}25%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}50%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}75%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}
  @keyframes js-lz-nb-anim{0%{opacity:0;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}25%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}50%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}75%{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}@-webkit-keyframes js-lz-fadein-nb-anim{0%{opacity:0;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}25%{opacity:.25;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}50%{opacity:.5;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}75%{opacity:.75;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}@keyframes js-lz-fadein-nb-anim{0%{opacity:0;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}25%{opacity:.25;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}50%{opacity:.5;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}75%{opacity:.75;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 .2126 .7152 .0722 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(100%);filter:grayscale(100%)}100%{opacity:1;filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');-webkit-filter:grayscale(0);filter:grayscale(0)}}
}
/*!----------------------------------------------*\
/* EFFETS APPARITION ELEMENTS                    *|
/*------------------------------------------------/
https://matthewlein.com/tools/ceaser
https://easings.net/
animation:  : name duration timing-function delay iteration-count direction fill-mode;
linear      : Commence et se termine à la même vitesse ( couleur, opacité )
ease        : Commence rapidement et se termine progressivement ( par défaut )
ease-in     : Commence progressivement et se termine à vitesse maximale ( pour les animations hors vues )
ease-out    : Commence à vitesse maximale et se termine au ralenti ( pour les animations en vues)
ease-in-out : Commence progressivement , puis vitesse maxi et se termine au ralenti
*/
@media (prefers-reduced-motion: no-preference) {
	.js-lz-zoomIn,.bkgCycleIntro {visibility: visible !important;-webkit-animation-name: bkgCycleIntro;animation-name: bkgCycleIntro;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
	@keyframes bkgCycleIntro {0% {opacity: 0;transform: scale(0);} 100% {opacity: 1;transform: scale(1);}}
	@-webkit-keyframes bkgCycleIntro {0% {opacity: 0;-webkit-transform: scale(0);} 100% {opacity: 1;-webkit-transform: scale(1);}}
	/* slide-up */
	.js-lz-slide-up1 {opacity: .2;transform: translate3d(0,25px,0);}
	.js-lz-slide-up {opacity: 0;transform: translate3d(0,200px,0);}
	/* apparition : slide-fl ( from left) */
	.js-lz-slide-fl {transform: translate3d(-25px,0,0);}
	/* apparition : slide-fr ( from right) */
	.js-lz-slide-fr {transform: translate3d(25px,0,0);}
	/* fadeIn sur texte*/
	.js-lz-txtfadein {opacity: 0;}
	.js-lz-txtfadein.txtloaded {-webkit-animation:js-fadein-anim 2s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;animation:js-fadein-anim 2s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;}
	/* Effet slide terminé */
	.js-lz-slide{opacity: 1;transition: transform 2s;transform: translate3d(0,0,0)!important;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
	/* Bouton menu graphique ( voir : http://preprod.visicod.pro/helichrom ) */
	.introBtMnuGraphique-up {opacity: 0;transform: translate3d(0,200px,0);}
	.introBtMnuGraphique {-webkit-animation-name: introBtMnuGraphique;animation-name: introBtMnuGraphique;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);animation-timing-function: cubic-bezier(.215,.61,.355,1);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
	@keyframes introBtMnuGraphique {0% {opacity: 0;} 100% {opacity: 1;transform: translate3d(0,0,0);}} @-webkit-keyframes introBtMnuGraphique {0% {opacity: 0;} 100% {opacity: 1;-webkit-transform: translate3d(0,0,0);}}

	/*!----------------------------------------------*\
	/* EFFETS CSS                                    *|
	/*-----------------------------------------------*/
	.Rbch {transition:box-shadow .5s,opacity .25s,-webkit-filter .25s ease-in-out;transition: box-shadow .5s,opacity .25s,filter .25s ease-in-out;transition: box-shadow .5s,opacity .25s,filter .25s ease-in-out,-webkit-filter .25s ease-in-out;}
	.Rbch:hover,.Rbch:focus,.Rbch:active {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2) ,0 6px 20px 0 rgba(0, 0, 0, .19);}
	/* Effet wave ( voir app.js ) */
	.wave-effect {z-index: 1;position: relative;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
	.wave {position: absolute;z-index: -1;opacity: 1;border-radius: 50%;pointer-events: none;transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 2s cubic-bezier(0.23, 1, 0.32, 1);transform: scale(0);  background: rgba(255, 255, 255, 0.25);}
	/* Splitting*/
	.splitting .char{-webkit-animation:slide-in 1.2s cubic-bezier(.5,0,.5,1) both;animation:slide-in 1.2s cubic-bezier(.5,0,.5,1) both;-webkit-animation-delay:calc(60ms * var(--char-index));animation-delay:calc(60ms * var(--char-index))}@-webkit-keyframes slide-in{0%{visibility:hidden;opacity:0;transform:translateX(40px)}100%,20%{visibility:visible;opacity:1;transform:translateX(0)}}@keyframes slide-in{0%{visibility:hidden;opacity:0;transform:translateX(40px)}100%,20%{visibility:visible;opacity:1;transform:translateX(0)}}
}
/*!----------------------------------------------*\
/* HELPER                                        *|
/*-----------------------------------------------*/
.clear {clear: both;}
.cleara:after {content: "";display: table;clear: both;}
.no-display {display: none;}
/* visible pour les lecteurs d'écran et robots, pas pour les humains https://ishadeed.com/article/hiding-web/*/
.visually-hidden,.vh {border: 0;clip: rect(0 0 0 0);clip-path: polygon(0px 0px, 0px 0px, 0px 0px);-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}
.vh-off{clip: unset;-webkit-clip-path: none;clip-path: none;height: auto;margin: 0;position: static;width: auto;}
.darken:hover, .darken:focus, .darken:active {box-shadow: inset 0 0 28px rgba(0, 0, 0, .2);}
.rel{position:relative;}
/* Habillage des liens */
a:hover,a:focus,a:active{outline-color: var(--primary-color);}
/* Images responsives */
.imgPaysage{-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;/* polyfill pour IE */font-family: 'object-fit: cover; object-position: center;';}
.imgPortrait{-o-object-fit: cover;object-fit: cover;-o-object-position: top;object-position: top;/* polyfill pour IE */font-family: 'object-fit: cover; object-position: top;';}
/* page 404 */
.content-404{font-size:40px;line-height:120px;text-align: center;}
/* Case formulaire RGPD */
.rgpd-checkbox-txt{margin-top:1rem;font-size:.8em;line-height: 1.2;text-align: justify;}
label.mandatory.rgpd-checkbox-txt:after{font-size: .7rem;line-height: 1.1rem;}
.rgpd-info{font:.8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;margin-top:1rem;text-align: justify;}
/*!----------------------------------------------*\
/* POLICES et TITRAGES : 08/11/2020              *|
/*-----------------------------------------------*/
body {
	display:block;
	margin: 0 auto;
	max-width: 2000px;
	font:calc(var(--fs-base)*1px)/24px 'Montserrat', sans-serif;
  font-size-adjust: 0.5;
	color: var(--body-color);
	background-color: var(--body-bkg);
}
h1,.like-h1{
	font-weight: 700;
  font-family: var(--titre-family);
  font-size: 30px;
	font-size: var(--h1-fs-calc);
	font-size: var(--h1-fs-clamp);
	line-height: calc(1ex / 0.42);
	margin: 0 0 calc(1ex / 0.42) 0;
	color:var(--titre-color);
}
.like-h1{
	color:var(--titre-color);
	margin: 0;
}
h2{
	font-weight: 700;
  font-family: var(--titre-family);
  font-size: 24px;
	font-size: var(--h2-fs-calc);
	font-size: var(--h2-fs-clamp);
	line-height: calc(1ex / 0.4);
  margin: 0 0 calc(1ex * 1.4) 0;
  color:var(--titre-color);
}
h3{
	font-weight: 700;
  font-family: var(--titre-family);
  font-size: 20px;
	font-size: var(--h3-fs-calc);
	font-size: var(--h3-fs-clamp);
	line-height: calc(1ex / 0.4);
  margin: 0 0 calc(1ex * 1.5) 0;
  color:var(--titre-color);
}
/*!----------------------------------------------*\
/* Marges hautes des élements principaux         *|
/*-----------------------------------------------*/
.mgt-main{margin-top: 3rem;margin-top:calc(var(--main-max)*1px);margin-top:var(--main-mgt-calc);margin-top:var(--main-mgt-clamp);}
.mgt-mnuG{margin-top: 3rem;margin-top:calc(var(--mnuG-max)*1px);margin-top:var(--mnuG-mgt-calc);margin-top:var(--mnuG-mgt-clamp);}
.mgt-aside{margin-top: 3rem;margin-top:calc(var(--aside-max)*1px);margin-top:var(--aside-mgt-calc);margin-top:var(--aside-mgt-clamp);}
/*!----------------------------------------------*\
/* ENTETE                                        *|
/*-----------------------------------------------*/
.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
  top: 0;
  padding-top: 2rem;
	height: 100px;
	background-color:#fff;
}
.header-wp{
  display: flex;
  justify-content: space-between;
  max-width: 1632px;
  padding: 0 1rem;
  margin: 0 auto;
}
.logo {
  flex: none;
  z-index: 2;
  display:block;
  width: 375px;
  height: 120px;
  margin-right: 1rem;
  background-color: #99be40;
  box-shadow: 5px 5px 16px 0px rgba(46, 46, 46, 0.75);
}
.horaire-small-wp{
  display: none;
  margin-top: 1rem;
  padding: 1rem;
  background-color: #99be40;
}

#btn-google{
  margin: 15px auto;
  background-color: #99be40; 
  box-shadow: 5px 5px 16px 0px rgba(46, 46, 46, 0.75);
  padding:10px 20px; 
}

#btn-google2{display: none; margin: 10px auto;}

/*!----------------------------------------------*\
/* INFORMATIONS COULISSANTES                     *|
/*-----------------------------------------------*/
.infoCoulissante-wp{
  z-index: 3;
  position: fixed;
  height: 50px;
  font:700 22px/50px 'Roboto Condensed', sans-serif;
  color:#fff;
  background-color: #99be40;
}
.infoCoulissante-wp svg{
  display: block;
  padding:8px;
  margin-right: 10px;
  width:40px;
  height:40px;
  fill:#fff;
  background-color: #99be40;
}

.infoCoulissante__telephone,
.infoCoulissante__portable,
.infoCoulissante__mail{
  display: flex;
  align-items: center;
  right:0;
  width: 216px;
  height: 40px;
  cursor: pointer;
  transform: translateX(80%);
  transition: all .5s;
}
.infoCoulissante__telephone{
  top:140px;
}
.infoCoulissante__portable{
  top:200px;
}
.infoCoulissante__mail{
  top:260px;
  width: 320px;
  font-size: 19px;
  transform: translateX(87%);
}

.infoCoulissante-wp:hover{
  transform: translateX(10px);
}

/*!----------------------------------------------*\
/* MENU SITE                                     *|
/*-----------------------------------------------*/
.navDesktop{
  flex:0 1 1070px;
  margin-top: 1rem;
}
.navDesktop ul{
  display:flex;
  justify-content: space-between;
}
.navDesktop a {
    display:block;
    padding: 0 1rem;
    font:300 16px/2 var(--mnu-font);
    text-decoration: none;
    text-transform: uppercase;
    color: var(--mnu-txt-color);
    transition: all .5s;
}

.navDesktop a:hover,
.navDesktop a:focus,
.navDesktop a:active,
.navDesktop li.active a{
    color:var(--mnu-txt-actif-color);
    outline-color: var(--mnu-txt-actif-color);
    background-color: var(--primary-color);
}

/*!----------------------------------------------*\
/* INFORMATIONS ET SLIDER                        *|
/*-----------------------------------------------*/
.info-slider-wp{
  display: flex;
  margin-top:100px;
  border-left: solid 2rem #fff;
  border-right: solid 2rem #fff;
}
.info-slider__info-wp{
  order:1;
  display: flex;
  width: 780px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem 1rem 2rem 1rem;
  background: url(../images/infoslider-bkg.jpg) no-repeat center #99be40;
}
.info-slider__info{
  display: flex;
  font:700 20px/1.5 'Poppins', sans-serif;
  color:#fff;
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
}
.info-slider__info svg{
  flex:none;
  display:block;
  width:60px;
  height:60px;
  margin-right: 1rem;
  fill:currentColor;
}
/*!----------------------------------------------*\
/* SLIDER FL bkgCycle - version de base          *|
/*-----------------------------------------------*/
.bkgCycleRel {
  order:2;
  position: relative;
  width: 100%;
	min-height: 140px; /* Paramètres */
	max-width: calc(var(--slider-width) * 1px);
  height:	calc((var(--slider-height)/var(--slider-width))*70vw);
  max-height: 700px;
}
.index .bkgCycleRel {height:	calc((var(--slider-height)/var(--slider-width))*100vw);}
.bkgCycle {position: relative;width: 100%;height: 100%;overflow: hidden;}
.bkgCycle li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;opacity: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;transition: opacity 2s;}
.bkgCycle .bkgActived {text-indent: initial;opacity: 1;}

.load-bar {position: absolute;bottom: 0;left: 0;width: 100%;height: 3px!important;background-color:var(--slider-load-bar-1);}
.bar {content: "";display: inline;position: absolute;left: 50%;width: 0;height: 100%;text-align: center;}
.bar:nth-child(1) {background-color: var(--slider-load-bar-2);-webkit-animation: loading 3s linear infinite;animation: loading 3s linear infinite;}
.bar:nth-child(2) {background-color:var(--slider-load-bar-3);-webkit-animation: loading 3s linear 1s infinite;animation: loading 3s linear 1s infinite;}
.bar:nth-child(3) {background-color:var(--slider-load-bar-1);-webkit-animation: loading 3s linear 2s infinite;animation: loading 3s linear 2s infinite;}
@-webkit-keyframes loading {from {z-index: 100;left: 50%;width: 0;}33.3333% {z-index: 10;left: 0;width: 100%;}to {left: 0;width: 100%;}}
@keyframes loading {from {z-index: 100;left: 50%;width: 0;}33.3333% {z-index: 10;left: 0;width: 100%;}to {left: 0;width: 100%;}}

/*!----------------------------------------------*\
/* CORPS                                         *|
/*-----------------------------------------------*/
/* Page par défaut */
.wp-page{margin: 0 auto;max-width: 980px;width: 90vw;}
.wp-page header{margin-bottom: calc(var(--h1-max)*1px);margin-bottom: var(--h1-fs-calc);margin-bottom: var(--h1-fs-clamp);}

/* CkEdidor Mode bloc et colonne */
/* les gabarits : 04/03/2020 - Les videos : 21/03/2020 */
.content{max-width: 1012px;margin: 0 auto;padding:0 16px;}
.ckeZone p{line-height: calc(1ex / 0.32);}
/* Listes à puces */
.ckeZone ul {margin: 1em 0 2em 2em;text-align: left;list-style: square;}
.ckeZone ul li {margin-bottom: .1em;}
.ckeZone a:link,.ckeZone a:visited {color: currentColor;}
/* Habillage des liens vers des fichiers .pdf */
.ckeZone a[href$=".pdf"] {display: inline-block;height: 40px;margin: 1em;padding-left: 40px;line-height: 40px;background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAnCAYAAABuf0pMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZDOTRDRTUzREQwRTExRTg5MEY3REIzNDk0NDVDNjI2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZDOTRDRTU0REQwRTExRTg5MEY3REIzNDk0NDVDNjI2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM5NENFNTFERDBFMTFFODkwRjdEQjM0OTQ0NUM2MjYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkM5NENFNTJERDBFMTFFODkwRjdEQjM0OTQ0NUM2MjYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tnJyVAAAGQ0lEQVR42rRYbYhVRRh+35k59+6XghYWZlabSCUEChIslBQUBNWPAok+qKAPkoyyTClX1pQCC8PUICsCEYIs6I8UUr8iqR99CRlp4I8+LUyyvXvvPWdm3p6Zc+66d++9untdD3vuOWfOzHmf95n3fead5ZODi4iYiDyT1D2R+EdF681om0dC3R3MVfa+VwuvyTS/hnsSpUhZR4lLqd7TR6EtHEaCcQ5jYJt5F2m9CjefA8guAAi91DRMS9F/nbA6mSrapkQSfH9rpwHGOI4EOJHbAGYVeXkKz9tjY3feh9/VJLIeSBJ4/ga81Wh7uS0Aznxhi0c8+2NMfjuLyhmZLorceGBgDkbPhWtbTZYOZlq/hJcAIVtaANR5fPCg8fQJu/CAH4AI80ZTDQRuAmsxarbCj7F2baq0U0ybWUTj3NQEIARAnDjBwVohACdN6RSmPRqXxpOwUImZK6IVWbCP1+sxJQ7fHrFKGdwPTwBADaJzt1td6wgEgUYsIXNkvIsKeaRMRZEborRGoB9fMOjnXkCQO6v1cBETz48DmAK/LSA4GAWvLinj/jRbeUj7nc7ROs1usXJ0JM+04JvbqJz7G0BeRwMc9sNmGhE2gWaYgdW+dJRUKpOCNbAhGyrJwJ3OlH9Szj6B5/2Br4ACcrMDsXEFUG8I3JlphnkTEwpioiAVk7MFFFvDteWZ7ttHSu3EpOyUpi/IPwVbw6aLRG8KUNDZmq4qKtu/iI9b2Mu16HWdD84jEPE2zP8oOlyP6yOmK62J5jVZbagEaQ0QPKsOqSmH8HOoTe6M4u0q06XeRa+rppcylUQQic9ie1sgk0AV0zEvdO8aQPwM/gKACIIslW2dtMvaJi13UBZF53go6EA4rS5RpaefUmWKtGxdpYRbpf2cAZzOCBfNVMoAgfiIOtFQSJnIwXkC0BCnIERhqdf1saiSojTiorOaziiAcbKxiGnIsKqNkQMA4s6r6nkAUMBALJgAwmZt536iZJwfADAKGaYkq8VFqzMDMk5cKL+qM4oChk1aBRDXkYWgA0Ocx06QyEtxLsM5ME1TYWxw4AjOP1pZqKIQHQhLchsATB/jOrt4vhHPX3fjrJfIYR1eh8Xn2ZgBRcWb1CuUYdkOGRHTc1IQ2o6Kz9NOgDKGPJOVew94k8To98Eo8jLJ6m1jIUxBbdJXsHbzfnhQA9jVGLQUsvsLXryL8yg8uB3Uriw6f4f++3A9Trn+bWJvF8D4zbWBuWvZu1fyQkTy6fDurGkYeHscA75BcVbXztyhPX+P9k/xjRGvlIXsbtRi10RvREZwvl3EADeYg+FgcB0KkpKDRDtdBhNJxyCcoGTYHrCabUv2M+V0v6FsKZh4EwQOAdtduH/Psf4NtF6Gmi9Ut2WMuh/nq21U8QIlbjlQfdFoc2cTIo+swXz1zDox625T7VntylRxxjwJ70/CsUokmfkSRPMgCo1fcX81Wt7BFK2Im5GWkJCFPm6v8vOsDIQ1NpSKQN8PhucjOg8o4cvxvBu1XH9UdMbqa7Nj2GdcDPwh5W6FoZF2qgoG/pq4Bjg2ZwaACta7kjp6qn90m7Z8g7Imjy0FqoU+wMc2IZY+xCzfg3iYg/n/CsOuQafFbQqWMU29X0b7nH/GcXpmAPDOwNttpm7mx5Di8c3GgxzLaDmO9ysR5RviXoDpOby+sH1Kyo6UXCXPZumY0nxiwaI/cb1o5taAaOvHvvrYMhiuBRc0FDCUb3VTjsVLcTyEfm+pmTQevXXqI3Y8xOxrRiz2/w5BU8IOKWlRwXx3LPQArv0Isq0YfxjPu/BcmqZlTKV3iPSD7PUPKt+coDwrUQqvs1imCTXKUQn3nG+DDe73uBAyTFuUqG8x13vC7pKki3+PFAEXLrWkj2zYh6JhAu3xs0pFEQtltDalhCMyK+r3zNMKqDfmLObwGSuZdvzHmNUuLovCzV4XukAa+9Jyr6bMuZvSeihoswqJrZKklRchhFd57+/3oagrPJnaKUXdyc2b15YtQb51Tf8bXWJT9zBrtZtPLRyMwxWUx5HZa527F53eB0UH4w505sq2QIdFgF4JxX0aMfNzb622xPTMmpuLEOalWhm9L6vXDqsk2QxIK6nrf5N1jhHRYWVUe5WXxyD76f8CDACRj+RrmzxTzgAAAABJRU5ErkJggg==") no-repeat;box-shadow: none;}
.ckeZone a[href$=".pdf"]:hover,.ckeZone a[href$=".pdf"]:focus,.ckeZone a[href$=".pdf"]:active {box-shadow: none;}
/* Les images */
.ckeZone img {margin: 0 10px 10px 0;height: auto!important;max-width: 100%!important;}
.content-col img {display: block;margin: 0 auto;}
/* Les liens */
.ckeZone a{box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);transition: color 80ms ease-in,box-shadow 130ms ease-in-out;}
.ckeZone a:hover,.ckeZone a:focus,.ckeZone a:active{box-shadow: inset 0 0 0 rgba(15, 15, 15, 0) ,0 3px 0 rgba(15, 15, 15, 1);}
/* Video */
.video-container,.videodetector {position: relative;padding-bottom: 56.25%; /*16:9*/height: 0;overflow: hidden;}
.video-container iframe,.videodetector iframe,.video-container object,.videodetector object,.video-container embed,.videodetector embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ckeZone iframe,.ckeZone object,.ckeZone embed{width: 100%;height: 100%;background-color:#222;}
/* Les tableaux */
.ckeZone table {border-collapse:collapse;width:100%;margin:auto;
    border:3px solid var(--table-border);}
.ckeZone thead,.ckeZone tfoot {font-weight:700;text-transform: uppercase;
    color:var(--table-entete-color);
    border:1px solid var(--table-border);
    background-color:var(--table-entete-bkg);
}
.ckeZone thead td{text-align:center;}
.ckeZone tbody {
    border:1px solid var(--table-border);
    background-color:transparent;
}
.ckeZone th {padding:5px;width: 12.5%;
    border:1px dotted var(--table-border);
    background-color:transparent;
}
.ckeZone td {font-size:80%;padding:5px;text-align:left;
    border:1px dotted var(--table-border);
}
.ckeZone caption {}
/* Spécifique Mode Colonne */
.content-col {column-gap: 2rem;column-width: 310px;}
.contrat-de-pension .content-col,.tarifs-canin .content-col{column-gap: 1rem;column-width:auto;}
.content-col p,.content-col table, .content-col ul, .content-col li, .content-col a{-moz-column-break-inside: avoid;break-inside: avoid;page-break-inside: avoid;}

/*!----------------------------------------------*\
/* PAGE INDEX                                    *|
/*-----------------------------------------------*/
.content-index-wp{
	display: flex;
}
.content-index__txt{
  order:2;
	flex: 1 1 800px;
	margin-left: 2rem;
}
.content-index__txt header{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[role="doc-subtitle"] {
  font-style: italic;
  font-family: 'Poppins', sans-serif;
  font-size: var(--st-fs-calc);
  font-size: var(--st-fs-clamp);
  color:#808080;
}
.content-index__txt-inside{
  margin-top: 2rem;
}
/*wp pluging Facebook page dans IFRAME */
.colFacebook {
  order:1;
	flex: none;
	width: 310px;
  margin: 0 auto;
  box-shadow: 5px 5px 16px 0px rgba(46, 46, 46, 0.75);
}

/* iframe facebook */
iframe#fb-page {
	/* largeur du pluging facebook. Mini = 180 / Maxi = 500 */
	max-width: 500px;
	min-width: 180px;
	min-height: 70px;
	border: 0;
	height:100%;
}

.fb-page,
.fb-page iframe[style],
.fb-page span,
.fb-comments,
.fb-comments iframe[style],
.fb-comments span{
	width: 100% !important;

}

/*!----------------------------------------------*\
/* BOUTON CALL TO ACTION                         *|
/*-----------------------------------------------*/
.btCa-wp{
    display:flex;
    justify-content: flex-end;
    margin-top: 2rem;
}
.btCa,.btCaSpan{
    display:block;
    padding: 0 24px;
    font:var(--btca-font);
    color:var(--btca-color);
    background-color:var(--btca-bkg);
    transition: all .5s;
}
.btCa:hover,.btCa:focus,.btCa:active,.btCaSpan:hover,.btCaSpan:focus,.btCaSpan:active{
    color:var(--btca-color-hover);
    background-color:var(--btca-bkg-hover);
}
.btCa:active,.btCaSpan:active{
  transform: scale(0.95);
}

/*!----------------------------------------------*\
/* PAGE INDEX VIDEO                              *|
/*-----------------------------------------------*/
.video-wp {
  position: relative;
  margin-top: 2rem;
  display: block;
  contain: content;
  width: 100%;
  cursor: pointer;
  background-position: center center;
  background-size: cover;
  content-visibility: auto;
}
/* Video responsive , ratio 16:9 */
.video-wp::after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.video-wp > iframe {
  display:none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Bouton Youtube Play format SVG */
.video-wp .video-playbtn {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 68px;
  height: 48px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 68 48"><path fill="%23f00" fill-opacity="0.8" d="M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z"></path><path d="M 45,24 27,14 27,34" fill="%23fff"></path></svg>');
  -webkit-filter: grayscale(100%);
          filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
          filter: grayscale(100%);
  transition: -webkit-filter .1s cubic-bezier(0, 0, 0.2, 1);
  transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
  transition: filter .1s cubic-bezier(0, 0, 0.2, 1), -webkit-filter .1s cubic-bezier(0, 0, 0.2, 1);
}

.video-wp:hover .video-playbtn {
  -webkit-filter: none;
          filter: none;
}
/*!----------------------------------------------*\
/* MENU GRAPHIQUE                                *|
/*-----------------------------------------------*/
.mnu-graphique-wp{
  position: relative;
  overflow: hidden;
  background: linear-gradient(to bottom,  rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 1) 20%,rgba(153,190,64, 1) 20%,rgba(153,190,64, 1) 90%,rgba(255, 255, 255, 1) 90%,rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
  content-visibility: auto;
}
.mnug-chat{
  position: absolute;
  left: calc((97vw - 1200px) / 2);
  bottom: 4.9%;
}
.mnug-chien{
  position: absolute;
  right: calc((90vw - 1200px) / 2);
  bottom: 1.6%;
}
.mnu-graphique-wp h2{
  text-align: center;
}
.mnu-graphique{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.mnu-graphique li {
  margin: 10px;
}
.mnu-graphique a {
  position: relative;
  display: block;
}

.mnu-graphique figure{
  position: relative;
  overflow: hidden;
}
.mnu-graphique figure::after{
  content: 'En savoir plus';
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  width: 100%;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  font-size: var(--fs-mnug-calc);
  font-size: var(--fs-mnug-clamp);
  line-height: 3;
  text-align: center;
  text-transform: uppercase;
  color:#99be40;
  background-color: #ebe02b;
  transform: translateY(90px);
  transition: all .8s;
}
.mnu-graphique img{
  display:block;
  transition: all .5s;
}
.mnu-graphique figcaption{
  position: absolute;
  top:0;
  left:0;
  right:0;
  width: 100%;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  font-size: var(--fs-mnug-calc);
  font-size: var(--fs-mnug-clamp);
  line-height: 3;
  text-align: center;
  color:#fff;
  background-color:rgba(128,128,128,.8);
  transition: all .5s;
}

.mnu-graphique a:active{
  transform: scale(0.95);
}
.mnu-graphique a:hover img,
.mnu-graphique a:focus img,
.mnu-graphique a:active img
{
  -webkit-filter:saturate(200%);
  filter:saturate(200%);
  transform: scale3d(1.1,1.1,1.1);
}
.mnu-graphique a:hover figure:after,
.mnu-graphique a:focus figure:after,
.mnu-graphique a:active figure:after
{
  transform: translateY(0);
}
.mnu-graphique a:hover figcaption,
.mnu-graphique a:focus figcaption,
.mnu-graphique a:active figcaption
{
  color:#99be40;
  background-color: #ebe02b;
}
/* Effets */
/* <a class="js-bkgContainer-mnuGraphique up Rbch" */
.up {
  transition: all .5s;
}
.up:hover {
  transform: translate3d(0,-10px,0);
}
/**************************************************
*                                                 *
*                 ACTUALITE                       *
*                                                 *
**************************************************/
/*!----------------------------------------------*\
/* ACTUALITES SOMMAIRE et DETAIL V.3.0 Mansonary *|
*  MAJ : 09/10/2019 intégre le plugin macy.js    *|
*  MAJ : 25/03/2020 card ancre sémantique        *|
*  Taille image détail 480px                     *|
/*-----------------------------------------------*/
.actualites section{
  min-height: 100vh;
}

/* Page Sommaire ( idem sommaire catalogue ) */
.card{
  position: relative;
  overflow: hidden;
  display: block;
  border: 1px solid #99be40; /* Paramètre */
  border-radius: 5px;
  background-color: #f5f5f5;
}
.card h2 a{
  color:var(--titre-color); /* Paramètre */
}
.card h2 a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card:hover .link-nav,
.card:focus .link-nav,
.card:active .link-nav{
  color:#000;
  background-color: #ebe02b;
}
.card__img{
  transition: all .5s;
}
.card__img img{
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  /* polyfill pour IE */
  font-family: 'object-fit: contain; object-position: top;';
}

.card:hover .card__img,
.card:focus .card__img,
.card:active .card__img{
  -webkit-filter:saturate(200%);
  filter:saturate(200%);
  transform: scale3d(1.1,1.1,1.1);
  -webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - 16px));
          clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - 16px));
}

.card__txt-wp{
  padding: 1rem 1rem 3rem 1rem;
  font-size: 15px;
  background: rgb(255,255,255);
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.card__txt-wp h2{
  margin: 1rem 0 1rem 0;
  font-size: var(--fs-mnug-calc);
  font-size: var(--fs-mnug-clamp);
  line-height: 1.2;
  text-align: center;
}

/* Page Détail */
.actualite-media{
  display: flex;
  align-items: flex-start;

  max-width: 980px;
  margin: 0 auto 40px;
}

.actualite-media-img{
  position:-webkit-sticky;
  position:sticky;
  top:33vh;
  flex:1 1 480px;

  padding-top: 0!important;
  margin-bottom: 2em;
}

.actualite .galery{
  margin-top:0;
}

.actualite-media-img img{
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  /* polyfill pour IE */
  font-family: 'object-fit: contain; object-position: top;';
}

.actualite-media-txt{
  min-width: 50%; /* moment ou on casse */
  flex:666 0 0;
  padding: 0 2em 0 2em;
}
/* Images de l'utilisateur dans le corps des actus */
.actualite-media-txt img{
  display: block;
  margin: 2rem auto 1rem!important;
  width: 100%!important;
  height: auto!important;
  -o-object-fit: cover;
  object-fit: cover;
  /* object-position: top; */
  /* polyfill pour IE */
  font-family: 'object-fit: cover;';
  /* font-family: 'object-fit: cover; object-position: top;'; */
}

/* les deux */
.link-nav-container{
  display: flex;
  justify-content: flex-end;

  margin: 1em 0 0 1em;
  font-size: 14px;
  font-weight: 700;
  line-height: 2;
}
.link-nav{
  display: block;
  padding: .5em 1em;
  cursor:pointer;
  color:#111; /* Paramétres */
  transition:all .5s;
}

.actualite-media-txt .link-nav-container{
  margin: 4em 0 1em 0;
}

/*!980px*/
@media screen and (max-width: 61.25em) {
  .actualite-media{
    display: block;
  }
  .actualite-media-img{
    position: static;
  }
  .actualite-media-txt{
    padding: 0;
  }
}
/*!----------------------------------------------*\
/* PLUGIN MACY                                   *|
/*-----------------------------------------------*/
.macy-container::before,.macy-container::after { content: ""; display: table; clear: both;}
.macy-container {width:100%;visibility: hidden;opacity: 0;transition: all .5s;}
.macy-container.macy-loaded{visibility: visible;opacity: 1;}
.macy-container a.card-actualite {
  overflow: hidden;
  border-radius: 4px;       /* Paramètre */
}

.macy-fade-in{
transition: all 0.5s ease;
   -webkit-animation: macy-fade-in 2s;
      animation: macy-fade-in 2s;
}

@keyframes macy-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@-webkit-keyframes macy-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* loader Patientez */
.loader {position: absolute;top: 6%;left: 50%;width: 40px;height: 40px;transform: translate(-50%, -50%);}
.loader .center {width: 40px;height: 40px;border-radius: 50%;-webkit-animation: center 3.2s ease-in-out infinite;animation: center 3.2s ease-in-out infinite;
background: #99be40; /* Paramètre */}
.loader .item {position: absolute;top: 15px;right: 0;left: 0;width: 10px;height: 10px;margin: auto;border-radius: 50%;
background: #ebe02b; /* Paramètre */}
.item-1 {-webkit-animation: anim-1 3.2s ease-in-out infinite 0.2s;animation: anim-1 3.2s ease-in-out infinite 0.2s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-1 {0%, 60%, 100% {transform: rotate(45deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(45deg) translateX(0) scale(1.5);}
}
@keyframes anim-1 {0%, 60%, 100% {transform: rotate(45deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(45deg) translateX(0) scale(1.5);}
}
.item-2 {-webkit-animation: anim-2 3.2s ease-in-out infinite 0.4s;animation: anim-2 3.2s ease-in-out infinite 0.4s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-2 {0%, 60%, 100% {transform: rotate(90deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(90deg) translateX(0) scale(1.5);}
}
@keyframes anim-2 {0%, 60%, 100% {transform: rotate(90deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(90deg) translateX(0) scale(1.5);}
}
.item-3 {-webkit-animation: anim-3 3.2s ease-in-out infinite 0.6s;animation: anim-3 3.2s ease-in-out infinite 0.6s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-3 {0%, 60%, 100% {transform: rotate(135deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(135deg) translateX(0) scale(1.5);}
}
@keyframes anim-3 {0%, 60%, 100% {transform: rotate(135deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(135deg) translateX(0) scale(1.5);}
}
.item-4 {-webkit-animation: anim-4 3.2s ease-in-out infinite 0.8s;animation: anim-4 3.2s ease-in-out infinite 0.8s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-4 {0%, 60%, 100% {transform: rotate(180deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(180deg) translateX(0) scale(1.5);}
}
@keyframes anim-4 {0%, 60%, 100% {transform: rotate(180deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(180deg) translateX(0) scale(1.5);}
}
.item-5 {-webkit-animation: anim-5 3.2s ease-in-out infinite 1s;animation: anim-5 3.2s ease-in-out infinite 1s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-5 {0%, 60%, 100% {transform: rotate(225deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(225deg) translateX(0) scale(1.5);}
}
@keyframes anim-5 {0%, 60%, 100% {transform: rotate(225deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(225deg) translateX(0) scale(1.5);}
}
.item-6 {-webkit-animation: anim-6 3.2s ease-in-out infinite 1.2s;animation: anim-6 3.2s ease-in-out infinite 1.2s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-6 {0%, 60%, 100% {transform: rotate(270deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(270deg) translateX(0) scale(1.5);}
}
@keyframes anim-6 {0%, 60%, 100% {transform: rotate(270deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(270deg) translateX(0) scale(1.5);}
}
.item-7 {-webkit-animation: anim-7 3.2s ease-in-out infinite 1.4s;animation: anim-7 3.2s ease-in-out infinite 1.4s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-7 {0%, 60%, 100% {transform: rotate(315deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(315deg) translateX(0) scale(1.5);}
}
@keyframes anim-7 {0%, 60%, 100% {transform: rotate(315deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(315deg) translateX(0) scale(1.5);}
}
.item-8 {-webkit-animation: anim-8 3.2s ease-in-out infinite 1.6s;animation: anim-8 3.2s ease-in-out infinite 1.6s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-8 {0%, 60%, 100% {transform: rotate(360deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(360deg) translateX(0) scale(1.5);}
}
@keyframes anim-8 {0%, 60%, 100% {transform: rotate(360deg) translateX(40px) scale(1);}
10%, 50% {transform: rotate(360deg) translateX(0) scale(1.5);}
}
@-webkit-keyframes center {0%, 10%, 90%, 100% {transform: scale(0.7);}
45%, 55% {transform: scale(1);}
}
@keyframes center {0%, 10%, 90%, 100% {transform: scale(0.7);}
45%, 55% {transform: scale(1);}
}
/*!----------------------------------------------*\
/* PAGE INDEX : DERNIERE ACTUALITE               *|
/*-----------------------------------------------*/
.index-actualite-wp{
  margin: 0 auto;
  max-width: 800px;
}
.index-actualite-wp h2{
  text-align: center;
}
.actualite-mediabox-wp{
  position: relative;
  display: flex;
  min-height: 230px;
}

.actualite-mediabox__img{
  flex:1 1 270px;
  overflow: hidden;
}
.actualite-mediabox__txt{
  flex:1 1 360px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  padding: 1rem;
  color:#000;
}
.actualite-mediabox__txt--titre{
  margin-bottom: 1rem;
  font: 30px/1.25 'Poppins', sans-serif;
  color:#808080;
}
.actualite-mediabox__txt--titre::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.actualite-mediabox--link-nav-wp{
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
.actualite-mediabox--link-nav-wp .link-nav{
  padding: 0 1rem;
  text-transform: uppercase;
  text-decoration: underline;
  color:#99be40;
  background-color: transparent;
}

/* Effet hover */
.actualite-mediabox-wp:hover .actualite-mediabox__img img,
.actualite-mediabox-wp:focus .actualite-mediabox__img img,
.actualite-mediabox-wp:active .actualite-mediabox__img img{
  -webkit-filter:saturate(200%);
  filter:saturate(200%);
  transform: scale3d(1.1,1.1,1.1);
}
/*!----------------------------------------------*\
/* ASIDE                                         *|
/*-----------------------------------------------*/
aside {
  content-visibility: auto;
}
.aside__titre-wp{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 882px;
  width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  min-height: 253px;
}
.aside__titre-wp h2{
  margin-top: 1rem;
  text-align: center;
}
.aside-chat{
  margin-bottom: 1rem;
}
.logoAdr{
  width: 200px;
  height: 200px;
  background-color: #99be40;
}

.aside-wp{
  padding: 2rem 1rem;
  background-color: #808080;
}
.adrMap-wp{
  position: relative;
  display:flex;
  justify-content: center;
  max-width: 62vw;
}
.logoAdr,.bloc{
  position: absolute;
  z-index: 1;
  top:50px;
  width: 200px;
  height: 200px;
  background-color: #4a4a49;
  box-shadow: 0px 0px 13px 6px rgba(0, 0, 0, .75);
}

.logoAdr{
  left:-100px;
}
.bloc {
  right:-100px;
  padding: 1rem;
  font:16px/1.5 'Roboto Condensed', sans-serif;
  text-align: center;
  color:#fff;
  background-color: #99be40;
}
.tel-wp{
  margin-top: 25px;
  font-size: 18px;
  color:#ebe02b;
}
[itemprop="address"]{
  margin-top: 1rem;
}
/*!----------------------------------------------*\
/* MAP                                           *|
/*-----------------------------------------------*/
.map-container{

}
.bgIrMap {
    display: block;position: relative;width: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;
    max-width: var(--map-width);  /* Paramètres */
    height: var(--map-height);    /* Paramètres */
}
a.bgIrMap {margin:0 auto;transition: -webkit-filter 0.5s;transition: filter 0.5s;transition: filter 0.5s, -webkit-filter 0.5s;transition: filter 0.5s,-webkit-filter 0.5s;}
.infoMap {display: block;visibility: hidden;z-index: 1;width: 320px;margin: 0 auto;padding: 1em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;font: 1rem/1rem -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;transition: all .5s;transform: translate3d(0,-100px,0);-webkit-filter: saturate(100%);filter: saturate(100%);text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
    color: var(--map-info-color);            /* Paramétre */
    background-color: var(--map-info-bkg); /* Paramétre */
}
a.bgIrMap:hover, a.bgIrMap:focus, a.bgIrMap:active {cursor: Crosshair;-webkit-filter: saturate(200%);filter: saturate(200%);}
a.bgIrMap:hover p.infoMap, a.bgIrMap:focus p.infoMap, a.bgIrMap:active p.infoMap {visibility: visible;cursor:pointer;transform: translate3d(0,0,0);}
/*!----------------------------------------------*\
/* FOOTER:                                       *|
/*-----------------------------------------------*/
footer{content-visibility: auto;}footer.footer {padding: 20px 0 40px 0;font: .8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  color: var(--footer-color);              /* Paramètres */
  background-color: var(--footer-bkg);   /* Paramètres */
}
footer.footer a {text-decoration: underline;color: inherit;}.flxw-footer {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 2vw;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;}
/*!850px*/
@media screen and (max-width:53.125em) {footer.footer .flxw-footer {flex-direction: column;}footer.footer ul.social {order: 1;margin: 0 auto;font-size: 35px;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;}footer.footer p {order: 2;margin: 15px auto 0;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;}}
/*!500px*/
@media screen and (max-width:31.25em) {footer.footer p {text-align: center;font-size: 2.8vw;}}
/*!----------------------------------------------*\
/* CODE CSS COMMUN A TOUTES LES GALERIES         *|
/*-----------------------------------------------*/
.galery{margin-top:2rem;background-color:transparent}.galery a{display:block;z-index:0;position:relative;height:100%;margin:0;padding:0;overflow:hidden;transition:box-shadow .5s;transition:all 300ms 1ms linear}.galery figure{position:relative;width:auto;margin:0;overflow:hidden}.bkgHach{background-image:linear-gradient(135deg,rgba(115, 22, 42, .5),rgba(115, 22, 42, .5)25%,transparent 25%,transparent 50%,rgba(115, 22, 42, .5)50%,rgba(115, 22, 42, .5)75%,transparent 75%,transparent);background-repeat:repeat;background-size:8px 8px}.bkgSvg{background:url(data:image/svg+xml;utf8,)no-repeat;background-position:50% 50%;background-size:50% 50%;transition:background-size 500ms ease-in}.galery img{display:block;width:100%;height:auto;margin:0;transition:all 200ms linear}.galery figure:after{content:'';display:none;display:block;z-index:1;position:absolute;top:5%;right:4%;bottom:5%;left:4%}.galery svg{display:block;position:absolute;top:25%;left:33%;width:30%;height:50%;transition:all 300ms 0ms linear;transform:scale(0);
    fill:var(--primary-color);stroke:var(--primary-color)}.galery a:hover,.galery a:focus{box-shadow:0 8px 16px 0 rgba(0, 0, 0, .2),0 6px 20px 0 rgba(0, 0, 0, .19);cursor:-webkit-zoom-in}.galery a:hover figure:after,.galery a:focus figure:after{height:auto;border-radius:5px;opacity:.6;background:radial-gradient(circle,transparent 50%,#fff 150%),#efefef;background-color:#efefef;box-shadow:inset 0 0 100px #ffffff}.galery a:hover svg,.galery a:focus svg{z-index:1;transition:all 300ms 100ms linear;transform:scale(1)}.galery a:hover img,.galery a:focus img{transition:all 400ms 100ms linear;transform:scale(1.1);filter:url(data:image/svg+xml;charset=utf-8,#filter);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');filter:grayscale(100%);-webkit-filter:grayscale(100%)}.galery a:active{box-shadow:0 0 0 rgba(0, 0, 0, 0);}
.galery figcaption{position: absolute;z-index: 2;left:0;right:0;bottom:0;padding: 3px;font:italic .8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;text-align: center;text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
  color: var(--figcaption-color); /* Paramètres */
  background-color:var(--figcaption-bkg); /* Paramètres */
}
/*!-----------------------------------------------------*\
/* GALERIE IMAGE FLEXBIN                        		    *|
/* MAJ : 31/01/2021 : hauteur image : 240px ( 210px )   */
/*------------------------------------------------------*/
/*https://github.com/guoyunhe/flexbin*/
.flexbin {display: flex;flex-wrap: wrap;overflow: hidden;-ms-flex-wrap: wrap;padding:3px 0;}
.flexbin:after {content: '';flex-grow: 999999999;height: 0;min-width: 300px;-webkit-box-flex: 999999999;-ms-flex-positive: 999999999;}
.flexbin a, .flexbin figure {display: block;position: relative;flex-grow: 1;margin: 2.5px;overflow: hidden;-webkit-box-flex: 1;-ms-flex-positive: 1;}
.flexbin figure {margin: 0;padding: 0;}
.flexbin img {width: auto;height: 240px;max-width: 100%;min-width: 100%;vertical-align: bottom;}
/* marges entre les images */
.flexbin.flexbin-margin {margin: 2.5px;}
/* 920px */@media(max-width:57.5em){.flexbin img{height: 30vw;}}
/* 540px *//*@media(max-width:34.375em){.flexbin img{height: auto;}}*/
/*!---------------------------------------------*\
/* BAGUETTEBOX                                  *|
/*----------------------------------------------*/#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}/*!----------------------------------------------*\
/*!---------------------------------------------*\
/* MENTIONS LEGALES                             *|
/*----------------------------------------------*/.mentions-legales article{display:block;float:none;width:100%;margin:0 auto;padding:1rem;max-width:980px;text-align:justify;font:1em/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}.mentions-legales article h1{display:block;margin:2.5rem 0 1.7rem 0;border-bottom:none;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}.mentions-legales article h1:first-child{margin:0 0 2rem 0;padding-bottom:0;text-align:center;text-transform:uppercase;font-size:1.5rem;line-height:4rem;letter-spacing:10px}.mentions-legales article h2{display:block;margin:2.5rem 0 1.7rem 0;border-bottom:none;text-align:left;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font-size:2rem;line-height:3rem}.mentions-legales article p{margin:1.5rem 0;line-height:1.5rem}.mentions-legales article a{text-decoration:underline;color:currentColor}
/*!---------------------------------------------*\
/*             RESEAUX SOCIAUX:                 *|
/*----------------------------------------------*/
ul.social {display: flex;justify-content: flex-end;font-size: 30px;-webkit-box-pack: end;-ms-flex-pack: end;}
/* Texte Partager sur : */
ul.social li.reseau-social{padding:0 .5em 0 0}ul.social li.reseau-social:last-child{padding-right:0}ul.social li.reseau-social a{display:block}ul.social li.reseau-social a:focus,ul.social li.reseau-social a:hover{outline:0}ul.social li.reseau-social:active{transform:scale(.9)}ul.social li.reseau-social svg{width:1em;height:1em;fill:currentColor}
ul.social li.reseau-social:hover svg {fill: #efefef;}
ul.social li.reseau-social:nth-child(1) a:hover svg,ul.social li.reseau-social:nth-child(1) a:focus svg{border-radius: 50px;background-color: #000;}
ul.social li.reseau-social:nth-child(2) a:hover svg,ul.social li.reseau-social:nth-child(2) a:focus svg{border-radius: 50px;background-color: #3b5998;}
ul.social li.reseau-social:nth-child(3) a:hover svg,ul.social li.reseau-social:nth-child(3) a:focus svg{border-radius: 50px;background-color: #1da1f2;}
/*!850px*/
@media screen and (max-width:53.125em) {footer .flxw-footer {flex-direction: column;}footer ul.social {order: 1;margin: 0 auto;font-size: 35px;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;}footer .partage-mention-container p {order: 2;margin: 15px auto 0;font-size: 1.8vw;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;}}
/*!500px*/
@media screen and (max-width:31.25em) {footer .partage-mention-container p {text-align: center;font-size: 2.8vw;}}
/*!----------------------------------------------*\
/* ACCORDEON MAJ : 17/12/2020                    *|
/*-----------------------------------------------*/
.js-accordion {margin: 0 auto;margin-bottom:16px;margin-bottom: 1rem;max-width: 980px;font-size: 14px;}
.accordeon-accordion__header, .accordeon-noanim-accordion__header {display: block;position: relative;width: 100%;margin: 1em 0 0 0;padding: .25em 2.25em .25em .5em;border: 0;text-align: left;font-family: inherit;font-size: 2em;font-size: calc(18px + 4 *((100vw - 320px) /1680 ));font-weight: normal;line-height: 1.8462;cursor: pointer;border-radius: 15px;
color:var(--acc-close-color);/* Paramètres Titre accordeon fermé */
background-color:var(--acc-close-bkg); /* Paramètres */
transition: all .5s;}
.accordeon-accordion__header:after, .accordeon-noanim-accordion__header:after {content: '';display: inline-block;position: absolute;top: 32%;right: .75em;width: .9em;height: .9em;background-image: url(img/rond-plus.svg);background-repeat: no-repeat;background-size: 100%;transition: all 200ms;}
[aria-expanded='true'].accordeon-accordion__header:after, [aria-expanded='true'].accordeon-noanim-accordion__header:after {background-image: url(img/rond-moins.svg);transform: rotate(180deg);transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;}
.accordeon-accordion__header:hover, .accordeon-noanim-accordion__header:hover, .accordeon-accordion__header:focus, .accordeon-noanim-accordion__header:focus {outline: none;
  color: var(--acc-hover-color);/* Paramètres Titre accordeon hover */
  background-color:var(--acc-hover-bkg);/* Paramètres */
}
[aria-expanded='true'].accordeon-accordion__header, [aria-expanded='true'].accordeon-noanim-accordion__header {/* Paramètres */
  border-radius: 15px 15px 0 0;
  color: var(--acc-open-color);/* Paramètres Titre accordeon ouvert */
  background-color:var(--acc-open-bkg);/* Paramètres */
}
.accordeon-accordion__title, .accordeon-noanim-accordion__title {position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;overflow: hidden;clip: rect(0 0 0 0);}
.accordeon-accordion__panel {display: block;visibility: visible;padding: 1em;max-height: 100em;overflow: hidden;opacity: 1;transition: max-height .5s ease;
border-radius: 0 0 15px 15px;
color:var(--acc-color);/* Paramètres pannel accordeon non animé */
background-color:var(--acc-bkg);/* Paramètres */
}
.accordeon-noanim-accordion__panel {padding: 1em;
  color:var(--acc-color);/* Paramètres pannel accordeon non animé */
  background-color:var(--acc-bkg);/* Paramètres */
}
[aria-hidden=true].accordeon-accordion__panel {display: block;visibility: hidden;margin: 0;padding: 0;max-height: 0;opacity: 0;transition-delay: 1s,0s,0s;}
.accordeon-noanim-accordion__panel {display: block;border-radius: 0 0 15px 15px;}
[aria-hidden=true].accordeon-noanim-accordion__panel {display: none;}
/*!----------------------------------------------*\
/* COMMUN V.2.0                                  *|
/*-----------------------------------------------*/
form {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1rem;
    font: 1.00em/1.00 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
}

form button {
    /* pour effet slide */
    position: relative;
    z-index: 1;

    display:block;
    margin-left: 27%;
    width: 9em;
    height:3.7em;
    border: 2px solid #99be40;
    font-size:1.1em;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    color:#000000;
    background-color: transparent;
    transition:box-shadow .5s,opacity .25s,-webkit-filter .25s ease;
    transition:box-shadow .5s,opacity .25s,filter .25s ease;
    transition:box-shadow .5s,opacity .25s,filter .25s ease,-webkit-filter .25s ease;
}
/* si pas d'effet hvr-sweep
form button:hover {
    color:#000000;
    border-color: #ebe02b;
    background-color: #ebe02b;
}
*/

form button:hover,button:focus{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}
form button:active{
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}

/* Placeholder */
::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
    font-style: italic;
    opacity:.2;
  	-webkit-transition-property: opacity;
	-webkit-transition-duration: 2s;
	transition-property: opacity;
	transition-duration: 2s;

}
::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    opacity:.2;
    -moz-transition-property: color;
	-moz-transition-duration: 2s;
	-moz-transition-property: opacity;
	transition-property: opacity;
	transition-duration: 2s;
}
:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    opacity:.2;
    -ms-transition-property: color;
	-ms-transition-duration: 2s;
	-ms-transition-property: opacity;
	transition-property: opacity;
	transition-duration: 2s;
}
:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    opacity:.2;
    -moz-transition-property: color;
	-moz-transition-duration: 2s;
	-moz-transition-property: opacity;
	transition-property: opacity;
	transition-duration: 2s;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
    opacity:1;
    color:#a9a9a9;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Firefox 19+ */
    opacity:1;
    color:#a9a9a9;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* IE 10+ */
    opacity:1;
    color:#a9a9a9;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Firefox 18- */
    opacity:1;
    color:#a9a9a9;
}
input:focus::-webkit-textarea-placeholder,
textarea:focus::-webkit-textarea-placeholder { /* Chrome/Opera/Safari */
    opacity:1;
    color:#a9a9a9;
}

/* Texte d'aide sous le input */
.help-hint,.error-hint {
    clear:both;
    margin-left:0;
}
.help-hint {
    padding: .2em 0;
    margin-left:27%;
    font-size: 1em;
    color:#a9a9a9;
    opacity: 0;
    pointer-events: none;
    transform: scale(.8);
    transform-origin: top left;
}
input:focus + .help-hint,
textarea:focus + .help-hint
{
    opacity: 1;
    transform: scale(.9);
    transition: all .2s ease;
}

.mandatory{
    color:#de2d0f;
}

label.mandatory{
    color:#000000;
}

/* Message erreur sous les champs */
.error-hint{
    margin-left:27%;
    width: 70%;
    line-height: 1.5em;
    color:#e9322d;
    background-color:transparent;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
/* class pour secouer un element */
@-webkit-keyframes shakeMe {
  0%,
  100% {
    transform: translateX(0);
  }
  20%,
  60% {
    transform: translateX(-10px);
  }
  40%,
  80% {
    transform: translateX(10px);
  }
}
@keyframes shakeMe {
  0%,
  100% {
    transform: translateX(0);
  }
  20%,
  60% {
    transform: translateX(-10px);
  }
  40%,
  80% {
    transform: translateX(10px);
  }
}
.shakeThis {
  -webkit-animation-name: shakeMe;
          animation-name: shakeMe;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
}

/* class pour php */
.success,.error,.alert,.obligatoire{
    font: 1rem/1.6rem -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
}
.success,.error,.alert{
    margin:10px 0;
    padding: 10px;
    border-radius: 3px;
}
.success{
    border:1px solid #3a945b;
    color: #ffffff;
    background-color:#43ac6a;
}
.error{
    border:1px solid #de2d0f;
    color: #ffffff;
    background-color: #f04124;
  }
.alert{
    border:1px solid #BCE8F1;
    color: #31708F;
    background-color: #d9edf7;
}
.obligatoire{
    color:#de2d0f;
    font-size: 0.8em;
    vertical-align: bottom;
}
.small-info{
    font-size: 0.8em;
    text-align: right;
}

/* sup le jaune des champs auto-fill de chrome*/
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    color: currentColor;
    -webkit-text-fill-color: currentColor;
    -webkit-box-shadow: 0 0 0px 1000px #fafafa inset !important;
}
/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width: 61.25em) {
    form button{
        margin: 0 auto;
        width: 100%;
    }
    .small-info{
        text-align: center;
    }
    .error-hint,.help-hint{
        margin-left: 0;
        width: 100%;
    }
}
/*!----------------------------------------------*\
/* Effets sur bouton avec icône SVG caché        *|
/*-----------------------------------------------*/
.link-toggle {

}
.link-toggle span,
.link-toggle svg {
    display: inline-block;
    vertical-align: middle
}
.link-toggle svg {
    display: none;
    width: 0;
    height: 1.47em;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    transform: scale(0);
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    will-change: width, transform;
    fill: currentColor
}
.link-toggle span {
    line-height: 1.47em
}
.link-toggle:hover {
    color: #fff;
    border-color: #ebe02b;
    text-shadow: rgba(0, 0, 0, .2) 0 1px 1px
}
.link-toggle:focus svg,
.link-toggle:hover svg {
    display: inline-block;
    width: 1.47em;
    transform: scale(1);
    fill: currentColor
}
/*!----------------------------------------------*\
/* Effets de remplissage : right                 *|
/*-----------------------------------------------*/
.hvr-sweep-to-right {
    position: relative;
    display: inline-block;
    transform: translateZ(0);
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}
.hvr-sweep-to-right:before {
    transition-duration: .3s
}
.hvr-sweep-to-right:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    transition-timing-function: ease-out;
    transition-property: transform;
    transform: scaleX(0);
    transform-origin: 0 50%;
     background-color: #ebe02b;
}
/*!----------------------------------------------*\
/* Effets de remplissage : left                  *|
/*-----------------------------------------------*/
.hvr-sweep-to-left {
    position: relative;
    display: inline-block;
    transform: translateZ(0);
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}
.hvr-sweep-to-left:before {
    transition-duration: .3s
}
.hvr-sweep-to-left:before {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    transition-timing-function: ease-out;
    transition-property: transform;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    background-color: #ebe02b;
}

.hvr-sweep-to-left:active:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-right:active:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:hover:before {
    transform: scaleX(1)
}
.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover,
.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
    color:#000000;
}
.hvr-sweep-to-left:active svg,
.hvr-sweep-to-left:focus svg,
.hvr-sweep-to-left:hover svg,
.hvr-sweep-to-right:active svg,
.hvr-sweep-to-right:focus svg,
.hvr-sweep-to-right:hover svg {
    fill:#000000;
}
/*!----------------------------------------------*\
/* FORMULAIRE STANDARD V.2.0 BASE                *|
/*-----------------------------------------------*/
form .form-group {
    clear: both;
    padding: 0 0 1.15em 0;
    overflow: hidden;

}
label {
    float: left;
    vertical-align: top;
    margin-right: 2%;
    width: 25%;
    font-size: 1.2em;
    line-height: 2.5;
    text-align: right;
    color:#000000;
}
input {
    border: 1px solid #99be40;
    padding: .2em .5em;
    height: 2.6em;
    width: 70%;
    font-size:1.15em;
    line-height: 1.58;
    color:#000000;
    background-color:#fafafa;
}
textarea
{
    width: 70%;
    height: 7.5em;
    padding: .2em .5em;
    font-size: 1.2em;
    line-height: 1.5;
    resize: vertical;
    border: 1px solid #99be40;
    overflow: auto;
    color:#000000;
    background-color:#fafafa;
    -webkit-overflow-scrolling: touch;
    background: linear-gradient(to top,rgba(0,0,0,.15) 0,#fafafa 1px);
    background-position: 0 1.5em;
    background-size: 100% 1.5em;

}
textarea:focus{
    background: linear-gradient(to top, #fafafa 0%, #fafafa 1px);
    background: linear-gradient(to top, #fff 0%, #fff 1px);
}

.select-field {
    float: left;
    position: relative;
    width: 70%;
    border:none;
    color: #000000;
    background-color: #fafafa;
    cursor: pointer;
}

.select-field .select-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 3%;
    width: 0;
    height: 0;
    margin-top: -.15em;
    pointer-events: none;
    border-top: .35em solid;
    border-right: .35em solid transparent;
    border-bottom: .35em solid transparent;
    border-left: .35em solid transparent;
}

.select:focus ~ .select-icon:after {
  /*border-top-color: #99be40;*/
}

.select-field .select {
    width: 100%;
    height: 2.7em;
    margin: 0;
    padding: 0 25px 0 10px;
    border: 1px solid #99be40;
    background-color: #fafafa;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
        -moz-appearance: none;
            appearance: none;
}

.select-field .select:focus:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.select-field .select:focus,
.select-field .select:active {
    border-color: #99be40;
    background-color: #fafafa;
}

.select-field .select::-ms-expand {
    display: none;
}

@-moz-document url-prefix() {
    .filter-sort .select {
    text-indent: 0.01px;
    text-overflow: '';
    padding-right: 1rem;
  }
  .filter-sort option {
    background-color: white;
  }
}

/* champs obligatoire*/
label.mandatory:after{
    content:' ★';
    font-size: .5em;
    vertical-align: text-bottom;
    color:#de2d0f;
}

/* Aspect des bordures */
input:focus,
textarea:focus,
select:focus,
input:active
{
    border-color:  #99be40;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(153,190,64,0.6);
    color:#000000;
    background-color: #fafafa;
}

fieldset {
    margin-left: 22%;
    padding: 1em;
    width: 70%;
    border: 1px solid #99be40;
    background-color:#fafafa;
}
fieldset label{
    width: auto;
    color:#000000;
}
legend{
    padding: 0.3em;
    font-size: .9em;
    color: #000000;
    background-color:transparent;
}
.disabled{
    opacity:.45;
    pointer-events: none;
    cursor:not-allowed;
}
.disabled fieldset,
input[type=text][readonly="readonly"],
input[type=password][readonly="readonly"],
input[type=email][readonly="readonly"],
input[type=url][readonly="readonly"],
input[type=time][readonly="readonly"],
input[type=date][readonly="readonly"],
input[type=datetime][readonly="readonly"],
input[type=datetime-local][readonly="readonly"],
input[type=tel][readonly="readonly"],
input[type=number][readonly="readonly"],
input[type=search][readonly="readonly"],
input[type=textarea][readonly="readonly"]
{
    border: none;
    cursor:text;
}
.disabled fieldset,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=time]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=textarea]:disabled
{
    opacity:.45;
    border: 1px dotted rgba(153,190,64,0.26);
    cursor:not-allowed;
}


/* Classe pour les groupe contenant un champ en erreur positionnée par visiform.js sur form-group */
.error-field input,
.error-field textarea,
.error-field select,
.error-field fieldset,
.error-field .control__indicator
{
    border:1px solid #e9322d;
}

/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width: 61.25em) {
    label,input,textarea,.select-field{
        width: 100%;
    }
    input,textarea,select{
        font-weight: 500;
    }

    label{
        float:none;
        display:block;
        font-size: 1.1em;
        letter-spacing: 1px;
        text-align:left;
    }
    fieldset{
        margin: 0;
        width: auto;
    }
}
/*!680x*/
@media screen and (max-width: 42.5rem) {
  form{
    font-size: 14px;
    padding: 0;
  }
}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : ICONES DECORATION SVG        *|
/*-----------------------------------------------*/
.form-group{
    position:relative;
}
label{
    float: none;
    display: block;
    width:100%;
    text-align: left;
    letter-spacing: 1px;
}
input,textarea{
    padding-left:2.5em;
    width:100%;
}
.select-field .select {
    padding-left:3em;
}
.select-field{
    width:100%;
}

.error-hint{
    margin-left:0;
}
form fieldset{
    margin-left:0;
    width:100%;
}
form button{
    margin-left:0;
    width:40%;
}
input:focus ~ svg.ico-deco,
textarea:focus ~ svg.ico-deco,
.select:focus ~ svg.ico-deco{
    opacity:.9;
    transform: scale(1.25);
}

svg.ico-deco{
    position:absolute;
    left:0.5em;
    margin-top:.5em;
    width:2em;
    height:2em;
    fill:#99be40;
    opacity:.3;
    transition: all .2s ease;
}
legend svg.ico-deco{
    display:inline-block;
    position:static;
    margin:0 .5em .2em 0;
    width:1.7em;
    height:1.7em;
    vertical-align:middle;
}
fieldset:active svg{
    opacity:.9;
    transform: scale(1.25);
}

.help-hint{
    margin-left: 0;
}
input:focus ~ .help-hint,
textarea:focus ~ .help-hint{
    transform: scale(.9);
    opacity: 1;
    transition: all .2s ease;
}

.error-field svg{
    fill:#e9322d;
    opacity:1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: flash;
    animation-name: flash;
}
/* style pour les champs cachés sous conditions */
[aria-hidden=true]:not(svg){
    visibility: hidden;
}
[aria-hidden=false]:not(svg){
    visibility: visible;
}

/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width: 61.25em) {
    form button{
        width: 100%;
    }
}/*!----------------------------------------------*\
/* STANDARD V.2.1 : RADIO / CHECKBOX :15/04/2020 *|
/*-----------------------------------------------*/
.control {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    width:0; /*V.2.1*/
}
.control__indicator {
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 20px;
    height: 20px;
    background: rgba(221,221,221,0.7);
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: rgba(221,221,221,1);
    transition: all .9s ease;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: rgba(153,190,64,1);
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: rgba(153,190,64,0.7);
}

/* bordure des checkboxs */
input[type=checkbox]:hover + .control__indicator{
    box-shadow:0px 0px 0px 1px #99be40 inset;
}
input[type=checkbox]:active + .control__indicator{
    border:1px solid #99be40;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 5px;
    height: 11px;
    transform: rotate(45deg);
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ffffff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

label.stacked{
    clear:left;
    font-size: 1.15em;
    margin:8px 0 0px 10px;
}
/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width: 61.25em) {
    input[type=checkbox], input[type=radio]  {
        width: auto;
    }
    legend{
        font-size: 0.80rem;
    }
    label.stacked{
        font-size:.98rem;
    }
    input.stacked{
        height: 0;
        position: absolute;
    }
    .error-hint,.help-hint{
        margin-left: 0;
    }
}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : checkbox unique sans fieldset*|
/*-----------------------------------------------*/
label[for="norobot"] {
   margin-left:21%;
}
label.norobot{
    width:100%;
    margin-left:27%;
    text-align:left;
}
label.norobot .error-hint{
    margin-left:0;
}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : NOTATION CARACTERE ETOILE    *|
/*-----------------------------------------------*/
.rating {
    float:left;
    margin-left: 0;
    padding-left:0;
    padding-right:4.5em;
    width:16em;
    border:none;
    background-color:transparent;
}
.rating:after{
    content: '';display: table;clear: both;
}
.rating:not(:checked) > input {
    position:absolute;
    left:-9999px;
    clip:rect(0,0,0,0);
}
.rating:not(:checked) > label {
    float:right;
    width:1em;
    padding:0 .1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:200%;
    line-height:1.2;
    color:#ddd;
    text-shadow:1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
}
.rating:not(:checked) > label:before {
    content: '★ ';
}
.rating > input:checked ~ label {
    color: #f70;
    text-shadow:1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
}
.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: gold;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}
.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #ea0;
    text-shadow:1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
}
.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}
/*!----------------------------------------------*\
/* Surcharge Style FlexBox                       *|
/*-----------------------------------------------*/
form {
    display:flex;
	flex-flow:row wrap;
	flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}
form .form-group {
    padding: 0 0 1.15em 0;
}
form label{
    float:none;
    display:block;
    width:auto;
    margin:0;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-align:left;
}
form input,form textarea{
	width:100%;
}
form .error-hint,form .help-hint{
    margin-left:0;
    width:100%;
}
form button{
    margin:1.5em 0 0 0;
    width:40%;
}

/* Taille des colonnes */
/* idem width:30%;*/
.w-30{flex:0 1 29%;}
.w-50{flex:0 1 49%;}
.w-70{flex:0 1 69%;}
.w-100{flex:0 1 100%;}

/*!680px*/
@media screen and (max-width: 42.5em) {
	form {
		display:block;
    }
    form .form-group {
        padding: 0;
    }
    form button{
        width:100%;
    }
}

/*!----------------------------------------------*\
/*           PACE-version MINI                  * |
/  http://github.hubspot.com/pace/docs/welcome  /*/
/*-----------------------------------------------*/.pace{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-pointer-events:none;-ms-user-select:none}.pace-inactive{display:none}.pace .pace-progress{z-index:2000;position:fixed;top:0;right:100%;width:100%;height:3px;background:var(--pace-bkg)}
/*!----------------------------------------------*\
/* Menu Mobile : MNUMOB V.2.2 08/01/2021         *|
/*-----------------------------------------------*/
/* ENTETE MENU MOBILE */
.mnuMob {display: none;position: fixed;top: 0;right: 0;left: 0;width: 100%;height:64px;box-shadow: 0 3px 13px 0 rgba(0,0,0,0.75);transition: all ease 500ms;
	z-index: 12!important;  /* Paramétres */
}
.mnuMob nav{margin-top: -10px;}
.mnuMob__header{display: flex;justify-content: space-between;align-items: center;padding:0 .3em 0 .6em;height: 64px;background-color: #1a1a1a;}
.mnuMob__logo{padding: 1px;
	height:60px;			/* Paramétres */

}
/* Bouton Menu */
.mnuMob__btn {display: flex;justify-content: center;align-items: center;width: 50px;height: 40px;margin:0;text-decoration: none;outline: none;cursor: pointer;border-radius:5px;-webkit-tap-highlight-color: transparent;
	color: #efefef; /* Paramétres */
	background-color: #000;
}
.mnuMob__btn #burger{display:block;position:relative;width:30px;height:20px;transition:.6s ease-in-out;transform:rotate(0)}.mnuMob__btn #burger span{display:block;position:absolute;left:0;width:100%;height:2px;border-radius:9px;opacity:1;background-color:currentColor;transition:.3s ease-in-out;transform:rotate(0)}.mnuMob__btn #burger span:nth-child(1){top:0}.mnuMob__btn #burger span:nth-child(2),.mnuMob__btn #burger span:nth-child(3){top:8px}.mnuMob__btn #burger span:nth-child(4){top:16px}.mnuMob__btn #burger.active-sandwich span:nth-child(1){top:0;left:50%;width:0%;opacity:0}.mnuMob__btn #burger.active-sandwich span:nth-child(2){transform:rotate(45deg)}.mnuMob__btn #burger.active-sandwich span:nth-child(3){transform:rotate(-45deg)}.mnuMob__btn #burger.active-sandwich span:nth-child(4){top:18px;left:50%;width:0%;opacity:0}
/* CONTENU MENU MOBILE */
/* Commun */
.navMobile{margin: 0;padding: 5px 0;list-style: none;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
	font-size: 16px; 		/* Paramètre Elément référant */
	line-height: 1;
	color:#efefef;			/* Paramètre */
	background-color: #111;	/* Paramètre */
  transition: all ease-out .5s;
}
/* Apparition par le haut */
.mnuMobFromTop .navMobile{max-height: 0;}
/* Apparition par la droite */
.mnuMobFromRight .navMobile{position: fixed;top:64px;right:0;height: calc(100vh - 64px);transform: translateX(100%);
  width: 320px;} /* Largeur désirée ( ex : 320px / 100vw ) */
/* menu ouvert */
.mnuMobFromTop .navMobile[aria-hidden=false] {max-height: calc(100vh - 64px);visibility: visible;overflow-y: auto;}
.mnuMobFromRight .navMobile[aria-hidden=false] {transform: translateX(0);overflow-y: auto;}
/* menu fermé  */
.mnuMobFromTop .navMobile[aria-hidden=true] {max-height: 0;visibility: hidden;}
.mnuMobFromTop .navMobile[aria-hidden=true] li{visibility: hidden;}
/* Item du menu mobile */
.navMobile li {position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.navMobile li:nth-child(1){margin-top: 16px;}
/* Animation des items du menu FromRight */
.mnuMobFromRight .navMobile[aria-hidden=false] li{opacity: 0;-webkit-animation: fadeInRight ease 500ms;animation: fadeInRight ease 500ms;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(1) {-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(2) {-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(3) {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(4) {-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(5) {-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(6) {-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(7) {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
.mnuMobFromRight .navMobile[aria-hidden=false] li:nth-child(8) {-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

.navMobile a{display: flex;align-items:center;margin: 0 5px;padding: .5em;text-decoration: none;-webkit-tap-highlight-color: transparent;
	outline-color:transparent; /* Paramétres */
}
.navMobile label,.navMobile a {display: block;font-size: 1em;padding: 1em;
	color: #bbb;/* Paramètre */
}
.navMobile input[type=checkbox] + label,.navMobile li a{display: flex;align-items:center;transition:all .3s;
	margin-right: 20px;
}
/* icone svg */
.navMobile svg {width: 1em;height: 1em;margin-right: .5em;vertical-align: bottom;
	fill:gray; /* Paramétres */
}
/* Effets hover */
.navMobile a:hover,.navMobile a:focus ,.navMobile a:active,.navMobile li.active a{
	color:#ccc; /* Paramétres */
}
.navMobile a:hover svg,.navMobile a:focus svg,.navMobilel a:active svg,.navMobile li.active svg {
	fill:var(--mnuMob-svg-actif-color); /* Paramétres */
}
.navMobile li a:hover,.navMobile li a:focus,.navMobile li a:active {
	color:#fff;
	background-color: #000; /* Paramètres */
}

/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!1330px*/
@media screen and (max-width: 83.125em) {
	.header--fixed,.navDesktop {
		display: none;
	}
	.mnuMob {
		display: block;
  	}
  .info-slider-wp{
    	margin-top: 64px;
  }
}

/*!1200px*/
@media screen and (max-width: 75em) {

    /* Contenu ckEditor */
    .ckeZone img{max-width:100% !important;height:auto !important;display:block;float:none !important;margin:10px auto !important;}
    /* Tableau responsifs */
    .ckeZone table{width:100% !important;}
    .ckeZone thead{display:none;}
    .ckeZone tr td:first-child {
        font-weight:700;
        color:white; /* Parametres */
        background-color: black; /* Parametres */
    }
    .ckeZone tr:nth-of-type(2n){width:100%!important;background-color:gray; /* Parametres */}
    .ckeZone tbody td{display:block;width:100%!important;text-align:center!important;}
    .ckeZone tbody td:before{content:attr(data-th);display:block;font-weight:bold;background-color: black;text-align:center;}
    .ckeZone tr td:first-child:before{display:none;}
    /* Tableau responsifs multi-colonnes ( voir soluo )
	  .ckeZone thead{display:none;}
	  .ckeZone tbody td{display:flex;}
  	.ckeZone tbody td:before{content:attr(data-th);flex:1;font-weight:bold;text-align:left;}
  	.ckeZone tbody td span{flex:1;}
  	*/
    footer {
        padding: 20px 5px;
    }
}
/*!1000px*/
@media screen and (max-width: 62.5em) {
  .content-index-wp{
    display: block;
  }
	.content-index__txt{
		margin: 0;
	}
	/* Pour le centrage en mode block */
	.colFacebook {
		max-width: 500px;
		width: 100%;
		height:500px;
		margin: 2rem auto;
	}
}
/*!840px*/
@media screen and (max-width: 52.5em) {
  .info-slider-wp{
    border: none;
  }
  .info-slider__info-wp{
    display: none;
  }
  .horaire-small-wp{
    display: block;
  }
  .horaire-small-wp .info-slider__info{
    font-size: 15px;
  }
  #btn-google2{display: block;}
  #btn-google2 img{margin: 0 auto;}
}
/*!780px*/
@media screen and (max-width: 48.75em) {
  .actualite-mediabox-wp{
    display: block;
    margin-bottom: 2rem;
  }
  .actualite-mediabox__txt{
    margin-top: 1rem;
    padding: 0;
  }
}
/*!740px*/
@media screen and (max-width: 46.25em) {
  .aside__titre-wp{
    display: block;
  }
  .aside-chat{
    margin: 0 auto;
  }
  .aside-chien{
    display: none;
  }
}
/*!580px*/
@media screen and (max-width: 36.25em) {
  .adrMap-wp{
    max-width: 100vw;
    background-color: #99be40;
  }
  .logoAdr,.bloc{
    position: static;
    box-shadow: none;
  }
}
/*!545px*/
@media screen and (max-width: 34.0625em) {
  .adrMap-wp{
    display: block;
  }
  .logoAdr,.bloc{
    margin: 0 auto;
  }
}
/*!490px*/
@media screen and (max-width: 30.625em) {
  .btCa-wp{
    justify-content: center;
  }
  .mnu-graphique li{
    margin-left: 0;
    margin-right: 0;
  }
}
/*!400px*/
@media screen and (max-width: 25em) {
  .info-slider__info{
    display: block;
    text-align: center;
  }
  .info-slider__info svg{
    margin: 0 auto 1rem;
  }
}

/*!320px smartphone*/
@media screen and (max-width: 20em) {
    footer{
        font-size:2.8vw;
    }
}

/* prettier-ignore */
@media(prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important;
    scroll-behavior: auto !important;
  }
}
/* https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/ */
@media screen and
  (prefers-reduced-motion: reduce),
  (update: slow) {
  * {
    -webkit-animation-duration: 0.001ms !important;
            animation-duration: 0.001ms !important;
    -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important; /* Hat tip Nick/cssremedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
    transition-duration: 0.001ms !important;
  }
}
:root {

  /*******************************************************************
  /* Calcul taille font responsive pour écran entre 320px et 2000px  *
  /*******************************************************************/
  /* Constantes Viewport minimum et maximum 320px/2000px */
  /* pour calc */
  --vp-mm-calc: ((100vw - 320px) / (2000 - 320));

  /* pour clamp conversion px en rem */
  --h1-minRem: calc( (var(--h1-min) / var(--fs-base)) );
  --h1-maxRem: calc( (var(--h1-max) / var(--fs-base)) );

  --h2-minRem: calc( (var(--h2-min) / var(--fs-base)) );
  --h2-maxRem: calc( (var(--h2-max) / var(--fs-base)) );

  --h3-minRem: calc( (var(--h3-min) / var(--fs-base)) );
  --h3-maxRem: calc( (var(--h3-max) / var(--fs-base)) );

  --st-minRem: calc( (var(--st-min) / var(--fs-base)) );
  --st-maxRem: calc( (var(--st-max) / var(--fs-base)) );

  --sg-minRem: calc( (var(--sg-min) / var(--fs-base)) );
  --sg-maxRem: calc( (var(--sg-max) / var(--fs-base)) );

  --fs-mnug-minRem: calc( (var(--fs-mnug-min) / var(--fs-base)) );
  --fs-mnug-maxRem: calc( (var(--fs-mnug-max) / var(--fs-base)) );

  --main-minRem: calc( (var(--main-min) / var(--fs-base)) );
  --main-maxRem: calc( (var(--main-max) / var(--fs-base)) );

  --mnuG-minRem: calc( (var(--mnuG-min) / var(--fs-base)) );
  --mnuG-maxRem: calc( (var(--mnuG-max) / var(--fs-base)) );

  --aside-minRem: calc( (var(--aside-min) / var(--fs-base)) );
  --aside-maxRem: calc( (var(--aside-max) / var(--fs-base)) );

  --divers-minRem: calc( (var(--divers-min) / var(--fs-base)) );
  --divers-maxRem: calc( (var(--divers-max) / var(--fs-base)) );

  --f-max-w: calc( (2000 / var(--fs-base)) );   /* Viewport taille maximale : 2000 en px sans les unités */
  --f-min-w: calc( (320 / var(--fs-base)) );    /* Viewport taille minimale : 320  en px sans les unités */
  --f-minus: (-1 * var(--f-min-w));             /* Precalcul pourn le -MinWidth */
  --f-w: (var(--f-max-w) - var(--f-min-w));     /* Precalcul pour (MaxWidth - MinWidth) */

  /*!----------------------------------------------*\
  /* RESULTATS CALCULS                             *|
  /*-----------------------------------------------*/
  /* calcul des font-size des titres */
  /* méthode calc backup si clamp non supporté par navigateur */
  --h1-fs-calc:calc((var(--h1-min) * 1px) + (var(--h1-max) - var(--h1-min)) * var(--vp-mm-calc));
  --h2-fs-calc:calc((var(--h2-min) * 1px) + (var(--h2-max) - var(--h2-min)) * var(--vp-mm-calc));
  --h3-fs-calc:calc((var(--h3-min) * 1px) + (var(--h3-max) - var(--h3-min)) * var(--vp-mm-calc));
  --st-fs-calc:calc((var(--st-min) * 1px) + (var(--st-max) - var(--st-min)) * var(--vp-mm-calc));
  --sg-fs-calc:calc((var(--sg-min) * 1px) + (var(--sg-max) - var(--sg-min)) * var(--vp-mm-calc));
  --fs-mnug-calc:calc((var(--fs-mnug-min) * 1px) + (var(--fs-mnug-max) - var(--fs-mnug-min)) * var(--vp-mm-calc));

  /* méthode clamp */
  --h1-fs-clamp: clamp(var(--h1-minRem) * 1rem, ((var(--f-minus) * ((var(--h1-maxRem) - var(--h1-minRem)) / var(--f-w)) + var(--h1-minRem)) * 1rem) + ((var(--h1-maxRem) - 1) / var(--f-w) * 100vw), var(--h1-maxRem) * 1rem);
  --h2-fs-clamp: clamp(var(--h2-minRem) * 1rem, ((var(--f-minus) * ((var(--h2-maxRem) - var(--h2-minRem)) / var(--f-w)) + var(--h2-minRem)) * 1rem) + ((var(--h2-maxRem) - 1) / var(--f-w) * 100vw), var(--h2-maxRem) * 1rem);
  --h3-fs-clamp: clamp(var(--h3-minRem) * 1rem, ((var(--f-minus) * ((var(--h3-maxRem) - var(--h3-minRem)) / var(--f-w)) + var(--h3-minRem)) * 1rem) + ((var(--h3-maxRem) - 1) / var(--f-w) * 100vw), var(--h3-maxRem) * 1rem);
  --st-fs-clamp: clamp(var(--st-minRem) * 1rem, ((var(--f-minus) * ((var(--st-maxRem) - var(--st-minRem)) / var(--f-w)) + var(--st-minRem)) * 1rem) + ((var(--st-maxRem) - 1) / var(--f-w) * 100vw), var(--st-maxRem) * 1rem);
  --sg-fs-clamp: clamp(var(--sg-minRem) * 1rem, ((var(--f-minus) * ((var(--sg-maxRem) - var(--sg-minRem)) / var(--f-w)) + var(--sg-minRem)) * 1rem) + ((var(--sg-maxRem) - 1) / var(--f-w) * 100vw), var(--sg-maxRem) * 1rem);
  --fs-mnug-clamp: clamp(var(--fs-mnug-minRem) * 1rem, ((var(--f-minus) * ((var(--fs-mnug-maxRem) - var(--fs-mnug-minRem)) / var(--f-w)) + var(--fs-mnug-minRem)) * 1rem) + ((var(--fs-mnug-maxRem) - 1) / var(--f-w) * 100vw), var(--fs-mnug-maxRem) * 1rem);

  /* calcul des marges hautes des grands éléments */
  /* méthode calc backup si clamp non supporté par navigateur */
  --main-mgt-calc:calc((var(--main-min) * 1px) + (var(--main-max) - var(--main-min)) * var(--vp-mm-calc));
  --mnuG-mgt-calc: calc((var(--mnuG-min) * 1px) + (var(--mnuG-max) - var(--mnuG-min)) * var(--vp-mm-calc));
  --aside-mgt-calc:calc((var(--aside-min) * 1px) + (var(--aside-max) - var(--aside-min)) * var(--vp-mm-calc));
  --divers-mgt-calc:calc((var(--divers-min) * 1px) + (var(--divers-max) - var(--divers-min)) * var(--vp-mm-calc));

  /* méthode clamp */
  --main-mgt-clamp: clamp(var(--main-minRem) * 1rem, ((var(--f-minus) * ((var(--main-maxRem) - var(--main-minRem)) / var(--f-w)) + var(--main-minRem)) * 1rem) + ((var(--main-maxRem) - 1) / var(--f-w) * 100vw), var(--main-maxRem) * 1rem);
  --mnuG-mgt-clamp: clamp(var(--mnuG-minRem) * 1rem, ((var(--f-minus) * ((var(--mnuG-maxRem) - var(--mnuG-minRem)) / var(--f-w)) + var(--mnuG-minRem)) * 1rem) + ((var(--mnuG-maxRem) - 1) / var(--f-w) * 100vw), var(--mnuG-maxRem) * 1rem);
  --aside-mgt-clamp:clamp(var(--aside-minRem) * 1rem, ((var(--f-minus) * ((var(--aside-maxRem) - var(--aside-minRem)) / var(--f-w)) + var(--aside-minRem)) * 1rem) + ((var(--aside-maxRem) - 1) / var(--f-w) * 100vw), var(--aside-maxRem) * 1rem);
  --divers-mgt-clamp:clamp(var(--divers-minRem) * 1rem, ((var(--f-minus) * ((var(--divers-maxRem) - var(--divers-minRem)) / var(--f-w)) + var(--divers-minRem)) * 1rem) + ((var(--divers-maxRem) - 1) / var(--f-w) * 100vw), var(--divers-maxRem) * 1rem);
}