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

/*******************************+*******************\
|                               |                   |
|  STYLE DE BASE   V.3.21       |     11/11/2022    |
|                               |                   |
\**ℱℒ***************************+*******************/
/*!------------------------------------------------*\
/* VARIABLES CSS                                   *|
/*-------------------------------------------------*/
:root {
    /* -COULEURS */
    /* BODY */
    --body-color:#505050;
    --body-bkg:#fff;

    /* Définition de la couleur dominante : f75000 */
    --hsl1:19;
    --hsl2:100%;
    --hsl3:48%;
    --primary-color:hsl(var(--hsl1),var(--hsl2),var(--hsl3));
    --secondary-color:#046074;

    --darken-color:hsl(var(--hsl1),var(--hsl2),18%);
    --light-color:hsl(var(--hsl1),42%,58%);
    /* Définition de la couleur de la font sur la couleur dominante en background */
    --color-on-primary:#fff;

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

    /* - Scrollbar - */
    --scrollBar-color:hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 10% ));
    --scrollBar-bkg:hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 50% ));

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

    /* - Slider sans les unités px- */
    --slider-width:1950;
    --slider-height:600;

    --slider-load-bar-1:var(--primary-color);
    --slider-load-bar-2:var(--darken-color);
    --slider-load-bar-3:var(--light-color);

    /* - Accordeon - */
    /* Etat Fermé */
    --acc-close-color:var(--color-on-primary);
    --acc-close-bkg:var(--primary-color);

    /* Etat Survol */
    --acc-hover-color:var(--color-on-primary);
    --acc-hover-bkg:var(--darken-color);

    /* Etat Ouvert */
    --acc-open-color:#000;
    --acc-open-bkg:var(--light-color);

    /* Intérieur accordeon */
    --acc-color:#111;
    --acc-bkg:hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 70% )); /* ou --scrollBar-bkg */
    /* Effet intérieur 
    background-image:radial-gradient(circle farthest-side at 100% 0%, #8a9e60 11%, rgba(24, 25, 21, 0.74) 69%, hsla(0, 0%, 8%, 0.57));
    background-image:radial-gradient(circle farthest-side at 100% 0%, var(--primary-color) 11%, var(--light-color) 69%, var(--darken-color));
    */

    /******************************************************************************/
    /* DESIGN FLUIDE SUR FONT SIZE DES TITRES et MARGE HAUTES DES GRANDS ELEMENTS */
    /******************************************************************************/
    /* -FONT BASE ET TITRES HTML                                    */
    /* Taille en pixels                                             */
    /* Valeur par défaut calculées à partir de Font-size : 16px pour largeur de 980px https://grtcalculator.com/ ;*/
    --fs-base:18;   /* font-size de base en px (sans les unités)    */
    --fs-base-hl:24px;/* Hauteur ligne de base                      */

    /* --h1-fs     */
    --h1-min: 25;   /* h1 font-size minimale */
    --h1-max: 48;   /* h1 font-size maximale */
    /* --h2-fs     */
    --h2-min: 20;   /* h2 font-size minimale */
    --h2-max: 34;   /* h2 font-size maximale */
    /* --h3-fs     */
    --h3-min: 18;   /* h3 font-size minimale */
    --h3-max: 25;   /* h3 font-size maximale */
    /******************************************************************************/
    /* TITRAILLES SPECIFIQUES */

    /* - Titraille Sous titre -  */
    /* --st-fs     */
    --st-min: var(--fs-base);
    --st-max: 30;

    /* - Titraille Slogan -     */
    /* --sg-fs     */
    --sg-min: 22;
    --sg-max: 30;

    /* - Titraille Menu Graphique - */
    /* --mnug-fs   */
    --fs-mnug-min: 17;
    --fs-mnug-max: 28;
    /******************************************************************************/
    /* - MARGE HAUTE (PADDING) GRANDS ELEMENTS -    */
    /*   Taille en pixels sans les unités           */
    /* --main-mgt       */
    --main-min:32;      /* main hauteur minimale    */
    --main-max:120;     /* main hauteur maximale    */
    /* --mnuG-mgt       */
    --mnuG-min:32;      /* menu graphique hauteur minimale  */
    --mnuG-max:100;     /* menu graphique hauteur maximale */
    /* --aside-mgt      */
    --aside-min:32;     /* aside hauteur minimale */
    --aside-max:90;    /* aside hauteur maximale */
    /* N/U --divers-mgt     */
    --divers-min:32;    /* divers hauteur minimale */
    --divers-max:150;   /* divers hauteur maximale */
    /******************************************************************************/
    /* Font prinicpale */
    --font-std: 'Roboto', sans-serif;
    --font-secondary:'Bebas Neue', cursive;

    /* - Titres - */
    --titre-family: 'Righteous', cursive;
    --titre-color:var(--primary-color);
    /******************************************************************************/
    /* - Menu Desktop - */
    --mnu-font:400 18px/1.2 var(--font-secondary);
    --mnu-txt-color:#efefef;
    --mnu-txt-actif-color:#fff;

    /* - Menu Mobile - */
    --mnuMob-txt-color:#ccc;
    --mnuMob-txt-actif-color:#fff;
    --mnuMob-svg-color:#ccc;
    --mnuMob-svg-actif-color:var(--light-color);
    /******************************************************************************/
    /* - Bouton call to action - */
    --btca-font:400 var(--sp-24)/2.2 var(--font-secondary);
    --btca-color:var(--color-on-primary);
    --btca-bkg:var(--secondary-color);
    /* hover */
    --btca-color-hover:var(--btca-bkg);
    --btca-bkg-hover:var(--darken-color);
    /******************************************************************************/
    /* - Largeur du logo en version mobile ( logoMnuMob.png ) - */
    --logoMnuMobWidth: 199px;
    --logoMnuMobHeight: 60px;
    /* Couleur fond menu mobile : transparent ou #fff ou autre */
    --logoMnuMobBkg:transparent;    
    /******************************************************************************/
    /* - Galery - */
    /* Galerie simple (crop)  */
    --gal-max-width: 2000px;
    /* Contenu galerie : enfant a */
    --gal-nbr-img:4;
    /* Taille image sans unités */
    --gal-img-width:500;
    --gal-img-height:500;

    --gal-img-marge:0px;
    --gal-ratio:var(--gal-img-width)/var(--gal-img-height);

    --figcaption-color:var(--color-on-primary);
    --figcaption-bkg:hsla(var(--hsl1),var(--hsl2),var(--hsl3),.8);
    /******************************************************************************/
    /* - Tableaux - */
    --table-border:var(--primary-color);
    --table-entete-color:var(--color-on-primary);
    --table-entete-bkg:var(--primary-color);

    --table-responsif-titre-color:var(--color-on-primary);
    --table-responsif-titre-bkg:var(--primary-color);
    --table-responsif-odd-color:var(--color-on-primary);
    --table-responsif-odd-bkg:var(--light-color);
    /******************************************************************************/
    /* - MAP avec les unités px - */
    --map-width:2000px;
    --map-height:480px;
    --map-info-color:var(--color-on-primary);
    --map-info-bkg:var(--primary-color);
    /******************************************************************************/
    /* - FOOTER - */
    --footer-color:var(--color-on-primary);
    --footer-bkg:var(--primary-color);
    /* Pour les fonds de footer sombre / icone mail */
    --footer-svg-mail-color:#efefef;
    --footer-svg-mail-bkg:transparent;
    --footer-svg-mail-hover-color:#efefef;  /* #000 */
    --footer-svg-mail-hover-bkg:#111;       /* #fff */
    /******************************************************************************/
    /* Variables D.R.Y ( Dont Repeat Yourself )                                   */
    /* Variables pour javaScript                                                  */
    --hh1:150;                  /* Hauteur entête pour Desktop                    */
    /* Variable pour CSS                                                          */
    --dry-h-header:calc(var(--hh1) * 1px); /* Hauteur header                      */
    /******************************************************************************/
    --bkgPlaceHolder: #ccc;

    /* Voir aussi : https://www.joshwcomeau.com/shadow-palette/ */
    --shadow-color: 0deg 0% 0%;

    /* - POPUP - */
    --dialogPopIn-top:15vh;
    --dialogPopIn-maxHeight:70vh;
    --dialogPopIn-border-color:var(--primary-color);
    --dialogPopIn-bkg:var(--body-bkg);
    --dialogPopIn-close-outline-color:var(--color-on-primary);
    --dialogPopIn-close-fill-color:var(--scrollBar-color);
    --dialogPopIn-close-focus-color:var(--scrollBar-bkg);
}


/*! 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}
/*!----------------------------------------------*\
/* STYLE GENERAL                                 *|
/*-----------------------------------------------*/html {scroll-behavior: smooth;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;}a {text-decoration: none;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}button {padding: 0;border: none;font: inherit;cursor: pointer;color: inherit;background-color: transparent;}img {display: block;height: auto;max-width: 100%;-o-object-fit: cover;object-fit: cover;}p,figure{margin: 0;}
/*!----------------------------------------------*\
/* STYLE GENERAL PERSONNALISE                    *|
/*-----------------------------------------------*/.list li::marker {color: var(--primary-color);font-size: 1.2em;}.wp {margin: 0 auto;max-width: 1200px; width: 92vw;}[id]{scroll-margin-top:2ex;}a[href^="tel"] {text-decoration: none;color:currentColor;}hr{border: 0;height: 1px;background-image: linear-gradient(to right, hsla(var(--hsl1),var(--hsl2),var(--hsl3), 0), hsla(var(--hsl1),var(--hsl2),var(--hsl3), 0.75), hsla(var(--hsl1),var(--hsl2),var(--hsl3), 0));}
/*!----------------------------------------------*\
/* 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}
/*!----------------------------------------------*\
/* STYLE SITE                                    *|
/*-----------------------------------------------*/
.wp-page header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: calc(1ex / 0.42);
    height: var(--h1-fs);
}
.wp-page header svg {
    display: block;
    width: var(--h1-fs);
    margin-right: 1rem;
    fill: var(--primary-color);
}
.js-apparition-before{
    position: relative;
}
.js-apparition-before::before{
    z-index: 1;
    content: "";
    position: absolute;
    opacity: .5;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    background: #efefef;
    opacity: .6;
    background-image:linear-gradient(135deg,rgba(81, 22, 115, 0.26),rgba(46, 24, 172, 0.295)25%,transparent 25%,transparent 50%,rgba(155,151,203, .5)50%,rgba(155,151,203, .5)75%,transparent 75%,transparent);background-repeat:repeat;background-size:8px 8px;
    transform-origin: left center;
    transition: transform .8s cubic-bezier(.645,.045,.355,1);
}
.js-apparition-before.odd::before {
    transform-origin: right center;
}
.js-apparition-before.is-visible::before{
transform: scaleX(0);
}

.bkgPlaceholder{
    background-color: #fe9c67;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23046074' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

/*!----------------------------------------------*\
/* POLICES et TITRAGES : 21/08/2021              *|
/*-----------------------------------------------*/
body {display:block;margin: 0 auto;max-width: 2000px;font:400 calc(var(--fs-base)*1px)/var(--fs-base-hl) var(--font-std);color: var(--body-color);background-color: var(--body-bkg);}
p,li,h1,h2,h3,h4,.like-h1 {overflow-wrap: break-word;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
h1,.like-h1,h2,h3{font-weight: 700;font-family: var(--titre-family);}
h1,.like-h1{font-size: var(--h1-fs);line-height: calc(1ex / 0.42);margin: 0 0 calc(1ex / 0.42) 0;color:var(--titre-color);}
.like-h1{line-height: 1.2;margin: 0;
    letter-spacing: 4px;
}
h2{font-size: var(--h2-fs);line-height: calc(1ex / 0.4);margin: 0 0 calc(1ex * 1.4) 0;}
h3{font-size: var(--h3-fs);line-height: calc(1ex / 0.4);margin: 0 0 calc(1ex * 1.5) 0;}
.titreSection{
    text-align: center;
    line-height: calc(3 * var(--h1-fs));
    color: var(--color-on-primary);
    background-color: var(--primary-color);
}
.titreSection.odd{
    background-color: var(--secondary-color);
}

/*!----------------------------------------------*\
/* ENTETE                                        *|
/*-----------------------------------------------*/
.header--fixed {position: fixed;z-index: 10;right: 0;left: 0;top: 0;
    height: var(--dry-h-header);
    background-color:var(--body-bkg);
}
/* si pluging headroom */
.headroom{will-change: transform;transition: transform 200ms linear;}.headroom--pinned {transform: translateY(0%);}.headroom--unpinned {transform: translateY(-100%);}

.logoMnu-wp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1700px;
    height: var(--dry-h-header);
    padding: 0 1rem 0 var(--sp-100);
}
.logo {
    flex: none;
    display:block;
    width:331px;
    height:100px;
    margin-right: var(--sp-90);
}
/*!----------------------------------------------*\
/* MENU SITE                                     *|
/*-----------------------------------------------*/
.navDesktop{
    flex:2 1 auto;
}
.navDesktop ul{
  display:flex;
  flex-wrap: wrap;
  gap: .5rem;
}
.navDesktop ul li{
    text-align: center;
}
.navDesktop a {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    font:var(--mnu-font);
    text-decoration: none;
    text-align: center;
    color: var(--mnu-txt-color);
    background-color:var(--secondary-color);
    transition: background .3s;
}
.navDesktop svg {
    display: block;
    height: 45px;
    fill:#fff;
    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);
}
.navDesktop a:hover svg,
.navDesktop a:focus svg,
.navDesktop a:active svg,
.navDesktop li.active svg{
    transform: scale(.9);
}

/*!----------------------------------------------*\
/* SLIDER FL bkgCycle - version de base          *|
/*-----------------------------------------------*/
.bkgCycleRel {position: relative;min-height: 140px;max-width: calc(var(--slider-width) * 1px);height:calc((var(--slider-height)/var(--slider-width))*70vw);
    margin-top:var(--dry-h-header);}
.index .bkgCycleRel {max-height: calc(var(--slider-height) * 1px);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:0;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-1);-webkit-animation:loading 3s linear infinite;animation:loading 3s linear infinite}.bar:nth-child(2){background-color:var(--slider-load-bar-2);-webkit-animation:loading 3s linear 1s infinite;animation:loading 3s linear 1s infinite}.bar:nth-child(3){background-color:var(--slider-load-bar-3);-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%}}
/* Animation premiere image */
.kenburns-top-reverse{-webkit-animation:kenburns-top-reverse 5s ease-out both;animation:kenburns-top-reverse 5s ease-out both}@-webkit-keyframes kenburns-top-reverse{0%{transform:scale(1.25) translateY(-15px);transform-origin:top}100%{transform:scale(1) translateY(0);transform-origin:50% 16%}}@keyframes kenburns-top-reverse{0%{transform:scale(1.25) translateY(-15px);transform-origin:top}100%{transform:scale(1) translateY(0);transform-origin:50% 16%}}

/*!----------------------------------------------*\
/* SLOGAN SLIDER                                 *|
/*-----------------------------------------------*/
.slogan-wp{
    z-index: 2;
    position: absolute;
    right:0;
    bottom:var(--sp-90);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    overflow: hidden;
}

.slogan-wp p{
    display: inline-block;
    margin-bottom: 1rem;
    font:var(--sg-fs)/1 var(--font-secondary);
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: .5rem var(--sp-32);
    color:var(--color-on-primary);
    background-color: var(--primary-color);
    transform: translate3d(100%, 0, 0);
    -webkit-animation: animSlogan cubic-bezier(.18,.89,.32,1.28) 1000ms 2000ms forwards;
            animation: animSlogan cubic-bezier(.18,.89,.32,1.28) 1000ms 2000ms forwards;
}
@-webkit-keyframes animSlogan {
  0% {transform: translate3d(100%, 0, 0);}
  to {transform: translateZ(0);}
}
@keyframes animSlogan {
  0% {transform: translate3d(100%, 0, 0);}
  to {transform: translateZ(0);}
}

/*!----------------------------------------------*\
/* INFORMATIONS COULISSANTE                      *|
/*-----------------------------------------------*/
.infoCoulissante-wp{
    z-index: 3;
    position: fixed;
    height: 50px;
    font:700 22px/50px var(--font-std);
    color:var(--color-on-primary);

  }
.infoCoulissante-wp svg{
    display: block;
    padding:8px;
    margin-left: 4px;
    margin-right: 10px;
    width:40px;
    height:40px;
    fill:var(--color-on-primary);
}
.infoCoulissante-wp:hover{
    right: 0;
}

.infoCoulissante__telephone,
.infoCoulissante__portable,
.infoCoulissante__horraire,
.infoCoulissante__fb{
    display: flex;
    align-items: center;
    right:-175px;
    width: 216px;
    height: 60px;
    background-color:var(--primary-color);
    cursor: pointer;
    transition: all .5s;
}
.infoCoulissante__telephone{
    top:170px;
}
.infoCoulissante__fb{
    top:250px;
    background-color: var(--secondary-color);
}
.infoCoulissante__telephone p{
    cursor:auto;
}
.infoCoulissante__fb svg{
  fill:var(--body-bkg);
}
.infoCoulissante__fb a{
  color:var(--body-bkg);
}
/*!----------------------------------------------*\
/* PAGE INDEX                                    *|
/*-----------------------------------------------*/
.content-index-wp{
    display: flex;
    justify-content: flex-start;
    gap:var(--sp-64);
}
.content-index__txt header {
    display: block;
    height: auto;
    background-color: var(--body-bkg);
}

[role="doc-subtitle"] {
    font:400 var(--st-fs)/1.5 var(--font-secondary);
    text-transform: uppercase;
    color:var(--secondary-color);
}

.content-index__img{
    flex:0 1 720px;
}
.content-index__img img{
    position: -webkit-sticky;
    position: sticky;
    top: var(--dry-h-header);
    aspect-ratio: 720/520;
}
.content-index__txt{
    flex:0 1 800px;
    padding: 0 1rem;
}
.content-index__txt-inside{
    margin-top:2rem;
}

/*!----------------------------------------------*\
/* MENU GRAPHIQUE                                *|
/*-----------------------------------------------*/
.mnu-graphique-wp{
    overflow: hidden;
}
.mnu-graphique{
    display:flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: var(--sp-80);
    padding-bottom: 50px;
}
.mnu-graphique li {
  margin: 10px;
}
.mnu-graphique a {
  display: block;
  transition: all .5s;
}
.mnu-graphique figure{
    position: relative;
    overflow: hidden;
}
.mnu-graphique img{
    display:block;
    aspect-ratio: 380/240; /* Paramétres w/h */
    transition: all .5s;
}

.mnu-graphique figcaption::before{
    content: 'En savoir plus';
    position: absolute; 
    top: 40%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    opacity: 0;
    font:var(--sp-24)/1 var(--font-std);
    text-transform: initial;
    color: var(--color-on-primary);
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
    transition: all .3s;
}
.mnu-graphique figcaption{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-left: 1rem;
    padding-top: 50%;
    font:400 var(--mnug-fs)/1.2 var(--font-std);
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
    color:#fff;             /* Paramètre */
    background-color:#000;  /* Paramètre */
    background: linear-gradient(
        to bottom,  rgba(255,255,255,.1) 0%,
        rgba(0,0,0,1) 100%,  rgba(0,0,0,.1) 100%);
    transition: all .5s;
}

.mnu-graphique a:active{
    transform: scale(0.95);
}
.mnu-graphique a:hover,
.mnu-graphique a:focus,
.mnu-graphique a:active
{
    box-shadow:0 1px 3px rgb(0 0 0 / 16%), 0 2px 5px rgb(0 0 0 / 26%);
}
.mnu-graphique a:hover figcaption::before,
.mnu-graphique a:focus figcaption::before,
.mnu-graphique a:active figcaption::before{
    top:50%;
    opacity: 1;
}
.mnu-graphique a:hover figcaption,
.mnu-graphique a:focus figcaption,
.mnu-graphique a:active figcaption{
    background-color:rgba(198,80,16,1);  /* Paramètre */
    background: linear-gradient(
        to bottom,  rgba(198,80,16,.4) 0%,
        rgba(198,80,16,1) 100%,  rgba(198,80,16,1) 100%);
}
.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);
}

/* Effets */
.up {transition: all .5s;}
.up:hover {transform: translate3d(0,-10px,0);}
/*!----------------------------------------------*\
/* LOGOS FOURNISSEURS                            *|
/*-----------------------------------------------*/
.fournisseurs-wp{
    margin-top: calc(var(--sp-100) + var(--sp-32));
}
/*!----------------------------------------------*\
/* SLIDER siema V.1.3 : 15/11/2022               *|
/*-----------------------------------------------*/
/*
Voir : https://ishadeed.com/article/css-aspect-ratio/
https://ishadeed.com/article/aligning-logos-css/;
*/
.siema-wp{display: flex;justify-content: center;
    margin-top: var(--sp-90); /* Paramètre */
    padding: 0 1rem;
}
/* Pas de défilement horizontal par défaut */
.siema.off{
    display: flex;justify-content: center;align-items: center;flex-wrap: wrap;
    gap:var(--sp-48); /* Paramètre */
}
.siema{overflow: hidden;width: 100%;
    /*max-width: 1200px;   /* Paramètre */
}
.siema a{
    transition: all .3s;
}
.siema a:hover,
.siema a:focus,
.siema a:active{
    transform: scale(.9);
}
.siema img{
    display:block;-o-object-fit: contain;object-fit: contain;-o-object-position: top;object-position: top;font-family: 'object-fit: contain; object-position: top;';
    max-width: auto; /* si besoin Sécurité Paramètre */
}
/* siema enclenché detail  */
.siema div{display: flex;align-items: center;
    margin: 0 var(--sp-48);  /* Paramètre */
}

/*!----------------------------------------------*\
/* FOND DECORATIF                                *|
/*-----------------------------------------------*/
.bkgParallax{
    margin-top: var(--sp-90);
    max-height: 640px;
    aspect-ratio: 2000/640;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-attachment: fixed;
}
/*!----------------------------------------------*\
/* BOUTON CALL TO ACTION : BTCA 1.3              *|
/*-----------------------------------------------*/
.btCa-wp{display:flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin-top: 2rem;
    gap: var(--sp-32);
}
    .btCa,.btCaSpan{display:flex;justify-content: center;align-items: center;
        padding: 0 24px;font:var(--btca-font);color:var(--btca-color);background-color:var(--btca-bkg);transition: all .5s;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    /* avec icone SVG incrusté dans le texte à afficher */
    .btCa svg,.btCaSpan svg{
        display: block;
        margin-left: 10px;
        width: 32px;
        height: 32px;
        stroke:currentColor;
        fill:currentColor;
    }

    .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);}

    .logo-faac{
        display: block;
        width: 200px;
        height: 114px;
    }
    .logo-google-avis{
        display: block;
        width: 205px;
        height: 125px;
        transition: all .3s;
    }
    .logo-google-avis:where(:hover, :focus, :active) {
        transform: scale(.9);
    }
/*!----------------------------------------------*\
/* ASIDE                                         *|
/*-----------------------------------------------*/
.adr-map-wp{
    margin-top: var(--sp-48);
    display: flex;
    flex-direction: column-reverse;
}
.bloc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-100);
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 1rem;
    font:500 var(--sp-24)/1.5 var(--font-std);
}
.adresse-wp{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--sp-90);
    text-align: center;
}
.tel-wp{
    text-transform: uppercase;
    color: var(--primary-color);
}
.decoAside{
    z-index: 1;
    display: block;
    width: 469px;
    height: 292px;    
    transform: translateY(-30%);
}

/*!----------------------------------------------*\
/* 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 {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 system-ui;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(150%);filter: saturate(150%);}
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 system-ui;
  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}
/*!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;}footer.footer p {order: 2;margin: 15px auto 0;}}
/*!500px*/
@media screen and (max-width:31.25em) {footer.footer p {text-align: center;font-size: 2.8vw;}}


/*!----------------------------------------------*\
/* FORMULAIRE                                    *|
/*-----------------------------------------------*/

/*!----------------------------------------------*\
/* FORMULAIRE COMMUN V.2.0                       *|
/*-----------------------------------------------*/form{max-width:980px;margin:0 auto;padding:0 1rem;font:1em/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}form button{position:relative;z-index:1;display:block;margin-left:27%;width:9em;height:3.7em;border:2px solid #046074;font-size:1.1em;outline:0;text-decoration:none;cursor:pointer;color:#000;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}form button:focus,form button:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}form button:active{box-shadow:0 0 0 transparent}::-webkit-input-placeholder{font-style:italic;opacity:.2;-webkit-transition-property:opacity;-webkit-transition-duration:2s;transition-property:opacity;transition-duration:2s}::-moz-placeholder{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{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{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{opacity:1;color:#a9a9a9}input:focus::-moz-placeholder,textarea:focus::-moz-placeholder{opacity:1;color:#a9a9a9}input:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{opacity:1;color:#a9a9a9}input:focus:-moz-placeholder,textarea:focus:-moz-placeholder{opacity:1;color:#a9a9a9}input:focus::-webkit-textarea-placeholder,textarea:focus::-webkit-textarea-placeholder{opacity:1;color:#a9a9a9}.error-hint,.help-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:#000}.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{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@-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}.alert,.error,.obligatoire,.success{font:1rem/1.6rem -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif}.alert,.error,.success{margin:10px 0;padding:10px;border-radius:3px}.success{border:1px solid #3a945b;color:#fff;background-color:#43ac6a}.error{border:1px solid #de2d0f;color:#fff;background-color:#f04124}.alert{border:1px solid #bce8f1;color:#31708f;background-color:#d9edf7}.obligatoire{color:#de2d0f;font-size:.8em;vertical-align:bottom}.small-info{font-size:.8em;text-align:right}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{color:currentColor;-webkit-text-fill-color:currentColor;-webkit-box-shadow:0 0 0 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%}}/*!680x*/@media screen and (max-width:42.5rem){form{font-size:14px;padding:0}}/*!----------------------------------------------*\
  /* Effets sur bouton avec icône SVG caché        *|
  /*-----------------------------------------------*/.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:#046074;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:#046074}/*!----------------------------------------------*\
  /* 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:#046074}.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:#fafafa}.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:#fafafa}/*!----------------------------------------------*\
  /* 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:#000}input{border:1px solid #046074;padding:.2em .5em;height:2.6em;border-radius:5px;width:70%;font-size:1.15em;line-height:1.58;color:#000;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 #046074;border-radius:5px;overflow:auto;color:#000;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:#000;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-field .select{width:100%;height:2.7em;margin:0;padding:0 25px 0 10px;border:1px solid #046074;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:active,.select-field .select:focus{border-color:#046074;background-color:#fafafa}.select-field .select::-ms-expand{display:none}@-moz-document url-prefix(){.filter-sort .select{text-indent:.01px;text-overflow:'';padding-right:1rem}.filter-sort option{background-color:#fff}}label.mandatory:after{content:' ★';font-size:.5em;vertical-align:text-bottom;color:#de2d0f}input:active,input:focus,select:focus,textarea:focus{border-color:#046074;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(4,96,116,.6);color:#000;background-color:#fafafa}fieldset{margin-left:22%;padding:1em;width:70%;border:1px solid #046074;background-color:#fafafa}fieldset label{width:auto;color:#000}legend{padding:.3em;font-size:.9em;color:#000;background-color:transparent}.disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.disabled fieldset,input[type=date][readonly=readonly],input[type=datetime-local][readonly=readonly],input[type=datetime][readonly=readonly],input[type=email][readonly=readonly],input[type=number][readonly=readonly],input[type=password][readonly=readonly],input[type=search][readonly=readonly],input[type=tel][readonly=readonly],input[type=text][readonly=readonly],input[type=textarea][readonly=readonly],input[type=time][readonly=readonly],input[type=url][readonly=readonly]{border:none;cursor:text}.disabled fieldset,input[type=date]:disabled,input[type=datetime-local]:disabled,input[type=datetime]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=text]:disabled,input[type=textarea]:disabled,input[type=time]:disabled,input[type=url]:disabled{opacity:.45;border:1px dotted rgba(4,96,116,.26);cursor:not-allowed}.error-field .control__indicator,.error-field fieldset,.error-field input,.error-field select,.error-field textarea{border:1px solid #e9322d}/*!----------------------------------------------*\
  /* MEDIA-QUERIES                                 *|
  /*-----------------------------------------------*//*!980px*/@media screen and (max-width:61.25em){.select-field,input,label,textarea{width:100%}input,select,textarea{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%}.select:focus~svg.ico-deco,input:focus~svg.ico-deco,textarea:focus~svg.ico-deco{opacity:.9;transform:scale(1.25)}svg.ico-deco{position:absolute;left:.5em;margin-top:.5em;width:2em;height:2em;fill:#c65010;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}[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}.control__indicator{position:absolute;top:.7em;left:0;width:20px;height:20px;background:rgba(221,221,221,.7)}.control--radio .control__indicator{border-radius:50%}.control input:focus~.control__indicator,.control:hover input~.control__indicator{background:rgba(221,221,221,1);transition:all .9s ease}.control input:checked~.control__indicator{background:rgba(4,96,116,1)}.control input:checked:focus~.control__indicator,.control:hover input:not([disabled]):checked~.control__indicator{background:rgba(4,96,116,.7)}input[type=checkbox]:hover+.control__indicator{box-shadow:0 0 0 1px #046074 inset}input[type=checkbox]:active+.control__indicator{border:1px solid #046074}.control input:disabled~.control__indicator{pointer-events:none;opacity:.6;background:#e6e6e6}.control__indicator:after{position:absolute;display:none;content:''}.control input:checked~.control__indicator:after{display:block}.control--checkbox .control__indicator:after{top:4px;left:8px;width:5px;height:11px;transform:rotate(45deg);border:solid #fff;border-width:0 2px 2px 0}.control--checkbox input:disabled~.control__indicator:after{border-color:#7b7b7b}.control--radio .control__indicator:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background-color:#fff}.control--radio input:disabled~.control__indicator:after{background:#7b7b7b}label.stacked{clear:left;font-size:1.15em;margin:8px 0 0 10px}/*!----------------------------------------------*\
  /* MEDIA-QUERIES                                 *|
  /*-----------------------------------------------*//*!980px*/@media screen and (max-width:61.25em){input[type=checkbox],input[type=radio]{width:auto}legend{font-size:.8rem}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 #daa520,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 #daa520,2px 2px #b57340,.1em .1em .2em rgba(0,0,0,.5)}.rating>label:active{position:relative;top:2px;left:2px}/*!----------------------------------------------*\
  /* STANDARD V.2.0 : UPLOAD NATIF                 *|
  /*-----------------------------------------------*/input[type=file]{padding:0;cursor:pointer!important}input[type=file]::-webkit-file-upload-button{height:2.6em;border:0;outline:0;cursor:pointer;border-radius:0 .2em .2em 0;color:#000;background:#046074}input[type=file]:hover::-webkit-file-upload-button{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#046074}input[type=file]::-ms-browse{height:2.6em;border:0;padding:1em 2em;outline:0;cursor:pointer;border-radius:0 .2em .2em 0;color:#000;background:#046074}input[type=file]:hover::-ms-browse{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#046074}input[type=file]{padding:0;cursor:pointer!important}input[type=file]::-webkit-file-upload-button{height:2.6em;border:0;outline:0;cursor:pointer;border-radius:0 .2em .2em 0;color:#1b3678;background:#328578}input[type=file]:hover::-webkit-file-upload-button{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#328578}input[type=file]::-ms-browse{height:2.6em;border:0;padding:1em 2em;outline:0;cursor:pointer;border-radius:0 .2em .2em 0;color:#1b3678;background:#328578}input[type=file]:hover::-ms-browse{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#328578}/*!----------------------------------------------*\
    /* 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%;border-radius:3px}form .error-hint,form .help-hint{margin-left:0;width:100%}form button{margin:1.5em 0 0 0;width:40%}.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%}}

#titreFormulaire{padding-top: var(--sp-32);}


/*!----------------------------------------------*\
/* MENU MOBILE                                   *|
/*-----------------------------------------------*/
.mnuMob {display: none;}

/*!----------------------------------------------*\
/*         STYLES : R E S P O N S I F            *|
/*-----------------------------------------------*/
/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!1510px*/
@media screen and (max-width: 94.375em) {
    :root { 
        --dry-h-header: 280px;
    }
    .header--fixed {

    }
    .slogan-wp{
        display: none;
    }
}
/*!1280px*/
@media screen and (max-width: 80em) {
    .btCa-wp{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}
/*!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:var(--color-on-primary); /* Parametres */
        background-color:var(--primary-color); /* Parametres */
    }
    .ckeZone tr:nth-of-type(2n){width:100%!important;background-color:var(--scrollBar-bkg); /* 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: var(--primary-color);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;}

    .decoAside{
        display: none;
    }    

    .adresse-wp{
        flex-wrap: wrap;
        justify-content: center;
    }
    .logoAdr{
        margin-top: 2rem;
        margin-bottom: 2rem;
    }
}
/*!950px*/
@media screen and (max-width: 58.75em) {
    :root {        
        --startMnuMob:950;          /* Affichage menu Smartphone        
        --hh2:70;                   /* Hauteur entête pour Smartphone                 */        
        --dry-h-header:64px;
    }  
    .header--fixed,.navDesktop {display: none;}
    .mnuMob {display: block;}
    .bkgCycleRel{margin-top: var(--dry-h-header);}

    .content-index-wp{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    .content-index__img,
    .content-index__txt{
        flex:1 1 auto;
    }
    .titreSection{
        line-height: 1.5;
    }
}
/*!540px*/
@media screen and (max-width: 33.75em) {
    .adresse{
        padding-bottom: 2rem;
    }
}
/*!320px*/
@media screen and (max-width: 20em) {
    footer{font-size:2.8vw;}
}

/*!----------------------------------------------*\
/* CODE GENERIQUE                                *|
/*!----------------------------------------------*/
/*!----------------------------------------------*\
/* 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);-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);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;}
.rc{display: block;}
/* Habillage des liens */
a:hover,a:focus,a:active{outline-color: var(--primary-color);}
/* https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
a:focus-visible,button:focus-visible {outline: 2px solid var(--primary-color);outline-offset: 3px;}
a:focus-visible {background: none;}
/* 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{padding: .5rem;font:.8em/1.5em system-ui;margin-top:1rem;text-align:justify;background-color: #efefef;}
.ombre1{box-shadow:0 6.7px 5.3px rgba(0, 0, 0, 0.028),0 22.3px 17.9px rgba(0, 0, 0, 0.042),0 100px 80px rgba(0, 0, 0, 0.07);}
.ombre2{box-shadow:0px 0.4px 0.9px rgba(0, 0, 0, 0.082),0px 1.1px 2.1px rgba(0, 0, 0, 0.117),0px 2px 4px rgba(0, 0, 0, 0.145),0px 3.6px 7.1px rgba(0, 0, 0, 0.173),0px 6.7px 13.4px rgba(0, 0, 0, 0.208),0px 16px 32px rgba(0, 0, 0, 0.29);}
.ombre3{box-shadow: 0px 0px 17px 0px rgb(184 184 184);}
.ombre4{box-shadow:0 1px 3px rgb(0 0 0 / 16%), 0 2px 5px rgb(0 0 0 / 26%);}
.ombre5{box-shadow:0 7px 21px rgb(0 0 0 / 26%), 0 2px 5px rgb(0 0 0 / 22%);}
.flexcc{display: flex;justify-content: center;align-items: center;}
img.bkgImg{background: var(--bkgPlaceHolder);}

/* Page par défaut */
.wp-page{margin: 0 auto;max-width: 980px;width: 92vw;}
.wp-page header{margin-bottom: var(--h1-fs);}

/* 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;}
/* Habillage des liens vers des sites extérieurs */
.ckeZone a[target]:not(a[href$=".pdf"]) {padding-left: 32px;box-shadow: none;text-decoration: underline; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+ZXh0ZXJuYWwtbGluazwvdGl0bGU+PHBhdGggZD0iTTE3IDEzdjZjMCAuMjc2LS4xMS41MjUtLjI5My43MDdTMTYuMjc3IDIwIDE2IDIwSDVjLS4yNzYgMC0uNTI1LS4xMS0uNzA3LS4yOTNTNCAxOS4yNzcgNCAxOVY4YzAtLjI3Ni4xMS0uNTI1LjI5My0uNzA3UzQuNzIzIDcgNSA3aDZjLjU1MiAwIDEtLjQ0OCAxLTFzLS40NDgtMS0xLTFINWMtLjgyOCAwLTEuNTguMzM3LTIuMTIuODhTMiA3LjE3IDIgOHYxMWMwIC44MjguMzM3IDEuNTguODggMi4xMlM0LjE3IDIyIDUgMjJoMTFjLjgyOCAwIDEuNTgtLjMzNyAyLjEyLS44OFMxOSAxOS44MyAxOSAxOXYtNmMwLS41NTItLjQ0OC0xLTEtMXMtMSAuNDQ4LTEgMXptLTYuMjkzIDEuNzA3TDIwIDUuNDE0VjljMCAuNTUyLjQ0OCAxIDEgMXMxLS40NDggMS0xVjNjMC0uMTM2LS4wMjctLjI2NS0uMDc2LS4zODNzLS4xMi0uMjI4LS4yMTYtLjMyM2wtLjAwMi0uMDAyYy0uMDkyLS4wOTItLjIwMi0uMTY2LS4zMjMtLjIxNkMyMS4yNjUgMi4wMjYgMjEuMTM2IDIgMjEgMmgtNmMtLjU1MiAwLTEgLjQ0OC0xIDFzLjQ0OCAxIDEgMWgzLjU4NmwtOS4yOTMgOS4yOTNjLS4zOS4zOS0uMzkgMS4wMjQgMCAxLjQxNHMxLjAyNC4zOSAxLjQxNCAweiIvPjwvc3ZnPg0K") no-repeat;}
.ckeZone a[target]:not(a[href$=".pdf"]):hover,.ckeZone a[target]:not(a[href$=".pdf"]):focus,.ckeZone a[target]:not(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{position: -webkit-sticky;position: sticky;top:calc(1px * var(--hh1));}
.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);
}
/* Contenu mode ligne idéal typographique : 66 / 75 caractères */
.content-ligne{max-width: 80ch;margin: 0 auto;}
/* Spécifique Mode Colonne idéal typographique : 40/50 caractères */
.content-col {-moz-column-gap: 2rem;column-gap: 2rem;-moz-column-width: 300px;column-width: 300px;}
.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;}

/* 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/ */
/* Hat tip Nick/cssremedy (https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/#comment-1700170) */
@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;transition-duration: 0.001ms !important;}}

/*!----------------------------------------------*\
/* ACCORDEON MAJ : 11/11/2022                    *|
/*-----------------------------------------------*/
.js-accordion {margin: 2rem auto 1rem;max-width: 980px;font-size: .9em;}
.js-accordion .ckeZone{color:var(--acc-color);}
.accordeon-accordion__header, .accordeon-noanim-accordion__header {display: flex;justify-content: space-between;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("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik03Mi45IDQ0LjFoLTE3VjI3LjJjMC01LjUtMi42LTcuOS01LjktNy45cy01LjkgMi40LTUuOSA3Ljl2MTYuOUgyNy4yYy01LjUgMC03LjkgMi43LTcuOSA1LjkgMCAzLjMgMi40IDUuOSA3LjkgNS45aDE2Ljl2MTYuOWMwIDUuNSAyLjcgNy45IDUuOSA3LjkgMy4zIDAgNS45LTIuNCA1LjktNy45VjU1LjloMTYuOWM1LjUgMCA3LjktMi42IDcuOS01LjkuMS0zLjMtMi40LTUuOS03LjgtNS45eiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0tMTM4LjUgMGgxMDB2MTAwaC0xMDB6Ii8+PHBhdGggZmlsbD0iIzAwMCIgZD0iTS00NC41IDZ2ODhoLTg4VjZoODhtNi02aC0xMDB2MTAwaDEwMFYweiIvPjxwYXRoIGZpbGw9IndoaXRlIiBkPSJNLTY1LjYgNDQuMWM1LjUgMCA3LjkgMi43IDcuOSA1LjkgMCAzLjMtMi40IDUuOS03LjkgNS45aC00NS43Yy01LjUgMC03LjktMi42LTcuOS01LjkgMC0zLjMgMi40LTUuOSA3LjktNS45aDQ1Ljd6TTUwIDdjMjMuNyAwIDQzIDE5LjMgNDMgNDNTNzMuNyA5MyA1MCA5MyA3IDczLjcgNyA1MCAyNi4zIDcgNTAgN20wLTdDMjIuNCAwIDAgMjIuNCAwIDUwczIyLjQgNTAgNTAgNTAgNTAtMjIuNCA1MC01MFM3Ny42IDAgNTAgMHoiLz48L3N2Zz4=");/* /*background-image:url(img/rond-plus.svg);*/background-repeat: no-repeat;background-size: 100%;transition: all 200ms;border-radius: 100%;
    background-color: var(--color-on-primary); /* Paramètre */
  }
[aria-expanded='true'].accordeon-accordion__header:after, [aria-expanded='true'].accordeon-noanim-accordion__header:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjIiIGJhc2VQcm9maWxlPSJ0aW55IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0yMTEuNCA0NC4xaC0xN1YyNy4yYzAtNS41LTIuNi03LjktNS45LTcuOXMtNS45IDIuNC01LjkgNy45djE2LjloLTE2LjljLTUuNSAwLTcuOSAyLjctNy45IDUuOSAwIDMuMyAyLjQgNS45IDcuOSA1LjloMTYuOXYxNi45YzAgNS41IDIuNyA3LjkgNS45IDcuOSAzLjMgMCA1LjktMi40IDUuOS03LjlWNTUuOWgxNi45YzUuNSAwIDcuOS0yLjYgNy45LTUuOS4xLTMuMy0yLjQtNS45LTcuOC01Ljl6TTcyLjkgNDQuMWM1LjUgMCA3LjkgMi43IDcuOSA1LjkgMCAzLjMtMi40IDUuOS03LjkgNS45SDI3LjJjLTUuNSAwLTcuOS0yLjYtNy45LTUuOSAwLTMuMyAyLjQtNS45IDcuOS01LjloNDUuN3oiLz48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTTUwIDdjMjMuNyAwIDQzIDE5LjMgNDMgNDNTNzMuNyA5MyA1MCA5MyA3IDczLjcgNyA1MCAyNi4zIDcgNTAgN20wLTdDMjIuNCAwIDAgMjIuNCAwIDUwczIyLjQgNTAgNTAgNTAgNTAtMjIuNCA1MC01MFM3Ny42IDAgNTAgMHoiLz48L3N2Zz4=");/*background-image: url(img/rond-moins.svg);*/transform: rotate(180deg);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;}
/*!----------------------------------------------*\
/* SELECTION                                     *|
/*-----------------------------------------------*/*::-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:var(--scrollBar-color)}
/*!----------------------------------------------*\
/* 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) { /* Animations autorisées */
  .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 : Apparition Noir et blanc et fin en couleur */
  .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;}@-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)}
}
/*!----------------------------------------------*\
/* EFFET BOUTON V.1.1                            *|
/*-----------------------------------------------*/
.mouse-cursor-gradient-tracking {position: relative;overflow: hidden;background-color:var(--btca-bkg);}
.mouse-cursor-gradient-tracking span { position: relative;color:var(--btca-color);}
.mouse-cursor-gradient-tracking:before {--size: 0;content: '';position: absolute;left: var(--x);top: var(--y);width: var(--size);height: var(--size);
    /* Si besoin de changer la couleur du fond */
background: radial-gradient(circle closest-side, var(--light-color), transparent);
transform: translate(-50%, -50%);transition: width 0.2s ease, height 0.2s ease;}
.mouse-cursor-gradient-tracking:hover:before {--size: 200px;}
/* Si besoin de changer la couleur de la font */
a.mouse-cursor-gradient-tracking:hover span,a.mouse-cursor-gradient-tracking:focus span{
    color:var(--body-bkg);
}
  /*!----------------------------------------------*\
  /* 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
  */
    .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-up {opacity: 0;transform: translate3d(0,var(--sp-100),0);}
    .js-lz-slide-up1 {opacity: .2;transform: translate3d(0,25px,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;transform: translate3d(0,0,0)!important;transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);}
    /* 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:all .25s;}.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);*/-webkit-filter: drop-shadow(-1px 6px 3px rgba(0,0,0,.19));filter: drop-shadow(-1px 6px 3px 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 effet-1 et effet-2 */
     .splitting.effet-1 .char,.splitting.effet-2 .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)}}
     .splitting.effet-2 .word,.splitting.effet-2 .char {display: inline-block;}.splitting.effet-2 .char {position: relative;}
}
/*!----------------------------------------------*\
/* 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:2;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');-webkit-filter:grayscale(100%);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 system-ui;text-align: center;text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;
    min-height: 50px;
    display: flex;justify-content: center;align-items: center;
    color: var(--figcaption-color); /* Paramètres */
    background-color:var(--figcaption-bkg); /* Paramètres */
}
/*!----------------------------------------------*\
/* GALERIE IMAGE SIMPLE MODEL FLEXBOX V.2 1/7/22 *|
/*-----------------------------------------------*/
.galery.simple{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;max-width:calc(var(--gal-max-width));gap:var(--gal-img-marge);padding: 0 1rem;
margin:var(--sp-48) auto 0;}
.galery.simple a{display: block;width: calc(1px * var(--gal-img-width)); /* Paramétre */}
.galery.simple img{aspect-ratio:var(--gal-ratio); /* Paramétre */}
/*!----------------------------------------------*\
/* GALERIE option : revealEl                     *|
/*-----------------------------------------------*/
a.cssHide{display: none!important;}
.uiMore{
    display: block;
    margin: 2rem auto 0;
    padding: 0 2rem;
    font: var(--btca-font);
    color: #fff;
    background: rgb(72,72,72);
    background: linear-gradient(to bottom, rgba(72,72,72,1) 1%,rgba(41,41,41,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484848', endColorstr='#292929',GradientType=0 );
    transition: all .3s;
}
.uiMore:hover,
.uiMore:active,
.uiMore:focus{
    box-shadow: inset 0 0 200px rgba(0,0,0,.2);
}
/*
* Effet apparition bouton Voir Plus
* Recouvrement : foldFromLeft, foldFromRight
*/
.foldFromLeft{transform-origin:center left;-webkit-animation:foldFromLeft 550ms cubic-bezier(.65,.05,.36,1) both;animation:foldFromLeft 550ms cubic-bezier(.65,.05,.36,1) both}.foldFromRight{transform-origin:center right;-webkit-animation:foldFromRight 550ms cubic-bezier(.65,.05,.36,1) both;animation:foldFromRight 550ms cubic-bezier(.65,.05,.36,1) both}@-webkit-keyframes foldFromLeft{0%{transform:rotateY(-90deg)}}@keyframes foldFromLeft{0%{transform:rotateY(-90deg)}}@-webkit-keyframes foldFromRight{0%{transform:rotateY(90deg)}}@keyframes foldFromRight{0%{transform:rotateY(90deg)}}
/*!----------------------------------------------*\
/* GALERIE option : directionReveal              *|
/*-----------------------------------------------*/
.direction-reveal svg{
    stroke: #fff; /* Paramètre */
}
.direction-reveal figcaption{align-items: flex-end;}
.slide--in-top .direction-reveal__overlay{-webkit-animation-name:slide--in-top;animation-name:slide--in-top}.slide--in-bottom .direction-reveal__overlay{-webkit-animation-name:slide--in-bottom;animation-name:slide--in-bottom}.slide--in-left .direction-reveal__overlay{-webkit-animation-name:slide--in-left;animation-name:slide--in-left}.slide--in-right .direction-reveal__overlay{-webkit-animation-name:slide--in-right;animation-name:slide--in-right}.slide--out-top .direction-reveal__overlay{-webkit-animation-name:slide--out-top;animation-name:slide--out-top}.slide--out-bottom .direction-reveal__overlay{-webkit-animation-name:slide--out-bottom;animation-name:slide--out-bottom}.slide--out-left .direction-reveal__overlay{-webkit-animation-name:slide--out-left;animation-name:slide--out-left}.slide--out-right .direction-reveal__overlay{-webkit-animation-name:slide--out-right;animation-name:slide--out-right}.direction-reveal [class*='slide--'] .direction-reveal__overlay{transform:translate3d(0,0,0);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}@-webkit-keyframes slide--in-top{0%{transform:translate3d(0,-100%,0)}}@keyframes slide--in-top{0%{transform:translate3d(0,-100%,0)}}@-webkit-keyframes slide--out-top{100%{transform:translate3d(0,-100%,0)}}@keyframes slide--out-top{100%{transform:translate3d(0,-100%,0)}}@-webkit-keyframes slide--in-bottom{0%{transform:translate3d(0,100%,0)}}@keyframes slide--in-bottom{0%{transform:translate3d(0,100%,0)}}@-webkit-keyframes slide--out-bottom{100%{transform:translate3d(0,100%,0)}}@keyframes slide--out-bottom{100%{transform:translate3d(0,100%,0)}}@-webkit-keyframes slide--in-left{0%{transform:translate3d(-100%,0,0)}}@keyframes slide--in-left{0%{transform:translate3d(-100%,0,0)}}@-webkit-keyframes slide--out-left{100%{transform:translate3d(-100%,0,0)}}@keyframes slide--out-left{100%{transform:translate3d(-100%,0,0)}}@-webkit-keyframes slide--in-right{0%{transform:translate3d(100%,0,0)}}@keyframes slide--in-right{0%{transform:translate3d(100%,0,0)}}@-webkit-keyframes slide--out-right{100%{transform:translate3d(100%,0,0)}}@keyframes slide--out-right{100%{transform:translate3d(100%,0,0)}}.rotate--in-top .direction-reveal__overlay{-webkit-animation-name:rotate--in-top;animation-name:rotate--in-top}.rotate--in-bottom .direction-reveal__overlay{-webkit-animation-name:rotate--in-bottom;animation-name:rotate--in-bottom}.rotate--in-left .direction-reveal__overlay{-webkit-animation-name:rotate--in-left;animation-name:rotate--in-left}.rotate--in-right .direction-reveal__overlay{-webkit-animation-name:rotate--in-right;animation-name:rotate--in-right}.rotate--out-top .direction-reveal__overlay{-webkit-animation-name:rotate--out-top;animation-name:rotate--out-top}.rotate--out-bottom .direction-reveal__overlay{-webkit-animation-name:rotate--out-bottom;animation-name:rotate--out-bottom}.rotate--out-left .direction-reveal__overlay{-webkit-animation-name:rotate--out-left;animation-name:rotate--out-left}.rotate--out-right .direction-reveal__overlay{-webkit-animation-name:rotate--out-right;animation-name:rotate--out-right}.direction-reveal [class*='rotate--'] .direction-reveal__overlay{transform:rotate(0);-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94)}.rotate--in-top .direction-reveal__overlay,.rotate--out-top .direction-reveal__overlay{transform-origin:left top}.rotate--in-bottom .direction-reveal__overlay,.rotate--out-bottom .direction-reveal__overlay{transform-origin:left bottom}.rotate--in-left .direction-reveal__overlay,.rotate--out-left .direction-reveal__overlay{transform-origin:left top}.rotate--in-right .direction-reveal__overlay,.rotate--out-right .direction-reveal__overlay{transform-origin:right top}.direction-reveal__card{display:inline-block;position:relative;overflow:hidden;perspective:400px}.direction-reveal__overlay{position:absolute;top:0;left:0;transform:translate3d(0,-100%,0);width:100%;height:100%;padding:15px;font-size:18px;color:#0f50a7;overflow:hidden;-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-timing-function:cubic-bezier(.25,.46,.45,.94);animation-timing-function:cubic-bezier(.25,.46,.45,.94);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.direction-reveal__title{margin-top:0}.direction-reveal__text{margin-bottom:0}a.direction-reveal__card:hover figcaption.direction-reveal__overlay{top:0;left:0;width:100%}
/* Optionnel*/
.slide--in-top .direction-reveal__overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
/*!-----------------------------------------------------*\
/* GALERIE IMAGE FLEXBIN                                *|
/*------------------------------------------------------*//*https://github.com/guoyunhe/flexbin*/
.flexbin{display:flex;flex-wrap:wrap;overflow:hidden;padding:3px 0}.flexbin:after{content:'';flex-grow:999999999;height:0;min-width:300px;}.flexbin a,.flexbin figure{display:block;position:relative;flex-grow:1;margin:2.5px;overflow:hidden;}.flexbin figure{margin:0;padding:0}
.flexbin img {width: auto;height: 210px;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 main {display:block;float:none;width:100%;margin:0 auto;max-width:980px;padding:1rem;text-align:justify;font:1em/1.5 system-ui}.mentions-legales main h1{display:block;margin:2.5rem 0 1.7rem 0;border-bottom:none;text-align:left;font-family:system-ui}.mentions-legales main 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 main h2{display:block;margin:2.5rem 0 1.7rem 0;border-bottom:none;text-align:left;font-family:system-ui;font-size:2rem;line-height:3rem}.mentions-legales main p{margin:1.5rem 0;line-height:1.5rem}.mentions-legales main a{text-decoration:underline;color:currentColor}.mentions-legales main ul{list-style: disc;}.mentions-legales main li{margin-left: 2rem;}
/*!---------------------------------------------*\
/*             RESEAUX SOCIAUX:                 *|
/*----------------------------------------------*/
ul.social {display: flex;justify-content: flex-end;font-size: 30px;}
/* 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;}
/* Gestion des fonds sombre pour icone Email */
ul.social li.reseau-social:nth-child(1){fill:var(--footer-svg-mail-color);background-color: var(--footer-svg-mail-bkg);}
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;fill:var(--footer-svg-mail-hover-color);background-color:var(--footer-svg-mail-hover-bkg)}
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;}footer .partage-mention-container p {order: 2;margin: 15px auto 0;font-size: 1.8vw;}}
/*!500px*/
@media screen and (max-width:31.25em) {footer .partage-mention-container p {text-align: center;font-size: 2.8vw;}}
/*!----------------------------------------------*\
/*           PACE-version MINI                  * |
/  http://github.hubspot.com/pace/docs/welcome  /*/
/*-----------------------------------------------*/.pace{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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 {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{display: flex;justify-content: center;align-items: center;padding: 1px;width: var(--logoMnuMobWidth);height:var(--logoMnuMobHeight);/* Paramétres */
    background-color: var(--logoMnuMobBkg); /* 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: system-ui;
    font-size: 18px;        /* Paramètre Elément référant */
    line-height: 1;
    color:#efefef;          /* Paramètre */
    background-color: #111; /* Paramètre */
    transition: all ease-out .5s;
}
[inert] > * {opacity: 0.5;-webkit-filter: blur(2px);filter: blur(2px);}
/* Apparition par le haut */
.mnuMobFromTop .navMobile{max-height: 0;}
/* Apparition par la droite */
/* menu ouvert */
.mnuMobFromRight .navMobile{position: fixed;top:64px;right:0;height: calc(100vh - 64px);transform: translateX(100%);
  width: 320px;display:none;} /* Largeur désirée ( ex : 320px / 100vw ) */
.pace-done .mnuMobFromRight .navMobile{display: block;}@-moz-document url-prefix() {.mnuMobFromRight .navMobile {display: block;}}
/* 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;}
.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 */
}
/* Si animation sur les li de mnuMobFromRight */
.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;}
@-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);}}

.mnuMobFromTop .navMobile[aria-hidden=false] {max-height: calc(100vh - 64px);visibility: visible;overflow-y: auto;overscroll-behavior-y: contain;overflow-y: auto;}
.mnuMobFromRight .navMobile[aria-hidden=false] {transform: translateX(0);overflow-x: hidden;overflow-y: auto;}
.navMobile[aria-hidden=false]::-webkit-scrollbar {width: 3px;}
.navMobile[aria-hidden=false]::-webkit-scrollbar-thumb {border-radius: 3px;}

.navMobile label,.navMobile a {display: block;font-size: 1em;padding: 1em;
    color: #bbb;/* Paramètre */
}
.navMobile input[type=checkbox] + label,.navMobile li a{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 */
}

/*
Menu Mobile : les sous menus
@import "./sousMenu/sousMenu-menuMobile.css";
*/

/*!----------------------------------------------*\
/* APRES et DANS LE MENU MOBILE                  *|
/*-----------------------------------------------*/
.sousMenuMobile{
    display: flex;
    align-items: center;
    margin: 2rem 24px 2rem 27px;
    transition: all .3s;
}
.sousMenuMobile svg{
    width: 1em;
    height: 1em;
    margin-right: .5em;
    vertical-align: bottom;
    fill: gray;
}
:root {
    /* 3 niveau d'ombre : var(--shadow-xxx) */
    --base-hue: 25;
    --base-sat: 45%;
    --shadow-base-clr: var(--base-hue) var(--base-sat) 20%;
    --shadow-clr-1: hsl(var(--shadow-base-clr)/0.047);
    --shadow-clr-2: hsl(var(--shadow-base-clr)/0.067);
    --shadow-clr-3: hsl(var(--shadow-base-clr)/0.083);
    --shadow-clr-4: hsl(var(--shadow-base-clr)/0.103);
    --shadow-clr-5: hsl(var(--shadow-base-clr)/0.15);
    --shadow-medium: 0px 1.3px 2.7px var(--shadow-clr-1),0px 3.2px 6.9px var(--shadow-clr-2),0px 6.6px 14.2px var(--shadow-clr-3),0px 13.5px 29.2px var(--shadow-clr-4),0px 37px 80px var(--shadow-clr-5);
    --shadow-small: 0px 0.65px 1.35px var(--shadow-clr-1),0px 1.5px 3.45px var(--shadow-clr-2),0px 3.3px 7.1px var(--shadow-clr-3),0px 6.75px 14.6px var(--shadow-clr-4),0px 18.5px 40px var(--shadow-clr-5);
    --shadow-tiny: 0px 0.325px 0.675px var(--shadow-clr-1),0px 0.75px 1.725px var(--shadow-clr-2),0px 1.65px 3.55px var(--shadow-clr-3),0px 3.375px 7.3px var(--shadow-clr-4),0px 9.25px 20px var(--shadow-clr-5);

    /* Idem avec ombre couleur : https://www.joshwcomeau.com/shadow-palette/      var(--shadow-elevation-xxx) */
    --shadow-color: 0deg 0% 0%;
    --shadow-elevation-low:
    0.3px 0.5px 0.5px hsl(var(--shadow-color) / 0.16),
    0.4px 0.7px 0.7px -2px hsl(var(--shadow-color) / 0.12),
    1px 2px 2px -3.9px hsl(var(--shadow-color) / 0.08);
    --shadow-elevation-medium:
    0.3px 0.5px 0.5px hsl(var(--shadow-color) / 0.14),
    0.5px 0.9px 0.9px -1px hsl(var(--shadow-color) / 0.12),
    1px 2.1px 2.1px -2px hsl(var(--shadow-color) / 0.1),
    2.4px 4.8px 4.9px -3px hsl(var(--shadow-color) / 0.08),
    5px 10px 10.1px -3.9px hsl(var(--shadow-color) / 0.06);
    --shadow-elevation-high:
    0.3px 0.5px 0.5px hsl(var(--shadow-color) / 0.13),
    0.7px 1.3px 1.3px -0.4px hsl(var(--shadow-color) / 0.12),
    1.2px 2.4px 2.4px -0.9px hsl(var(--shadow-color) / 0.11),
    2px 4.1px 4.1px -1.3px hsl(var(--shadow-color) / 0.1),
    3.4px 6.8px 6.9px -1.8px hsl(var(--shadow-color) / 0.09),
    5.5px 10.9px 11.1px -2.2px hsl(var(--shadow-color) / 0.08),
    8.4px 16.9px 17.1px -2.6px hsl(var(--shadow-color) / 0.07),
    12.6px 25.1px 25.5px -3.1px hsl(var(--shadow-color) / 0.06),
    18px 36px 36.5px -3.5px hsl(var(--shadow-color) / 0.05),
    25px 50px 50.7px -3.9px hsl(var(--shadow-color) / 0.04);
  /*******************************************************************
  /* Calcul taille font responsive pour écran entre 320px et 2000px  *
  /*******************************************************************/
  /* Constantes Viewport minimum et maximum 320px/2000px */
  /* pour calc exemple :   font-size: calc(20px + (48 - 20) * ((100vw - 320px) / (2000 - 320)));
  */
  --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 pour le -MinWidth */
  --f-w: (var(--f-max-w) - var(--f-min-w));     /* Precalcul pour (MaxWidth - MinWidth) */

  /*!----------------------------------------------*\
  /* RESULTATS CALCULS                             *|
  /*-----------------------------------------------*/
  /* calc et clamp non suporté */
  --h1-fs:4rem;
  --h2-fs:3rem;
  --h3-fs:2rem;
  --st-fs:1.5rem;
  --sg-fs:1.8rem;
  --mnug-fs:3rem;
  --main-mgt:4rem;
  --mnuG-mgt:3rem;
  --aside-mgt:3rem;
  --divers-mgt:1rem;

  /* méthode calc  */
  /* calcul des font-size des titres */
  --h1-fs:calc((var(--h1-min) * 1px) + (var(--h1-max) - var(--h1-min)) * var(--vp-mm-calc));
  --h2-fs:calc((var(--h2-min) * 1px) + (var(--h2-max) - var(--h2-min)) * var(--vp-mm-calc));
  --h3-fs:calc((var(--h3-min) * 1px) + (var(--h3-max) - var(--h3-min)) * var(--vp-mm-calc));
  --st-fs:calc((var(--st-min) * 1px) + (var(--st-max) - var(--st-min)) * var(--vp-mm-calc));
  --sg-fs:calc((var(--sg-min) * 1px) + (var(--sg-max) - var(--sg-min)) * var(--vp-mm-calc));
  --mnug-fs:calc((var(--fs-mnug-min) * 1px) + (var(--fs-mnug-max) - var(--fs-mnug-min)) * var(--vp-mm-calc));
  /* calcul des marges hautes des grands éléments */
  --main-mgt:calc((var(--main-min) * 1px) + (var(--main-max) - var(--main-min)) * var(--vp-mm-calc));
  --mnuG-mgt:calc((var(--mnuG-min) * 1px) + (var(--mnuG-max) - var(--mnuG-min)) * var(--vp-mm-calc));
  --aside-mgt:calc((var(--aside-min) * 1px) + (var(--aside-max) - var(--aside-min)) * var(--vp-mm-calc));
  --divers-mgt:calc((var(--divers-min) * 1px) + (var(--divers-max) - var(--divers-min)) * var(--vp-mm-calc));

  /* méthode clamp */
  /* calcul des font-size des titres */
  --h1-fs: 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(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(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(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(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);
  --mnug-fs: 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 */
  --main-mgt: 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(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(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(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);

  /* Espace fluide : exemple 90px : https://utopia.fyi/type/calculator/?c=320,16,1.2,2000,90,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l  */
  --sp-16:1rem;       /* 16px */
  --sp-24:1.5rem;     /* 24px */
  --sp-32:2rem;       /* 32px */
  --sp-48:3rem;       /* 48px */
  --sp-64:4rem;       /* 64px */
  --sp-80:5rem;       /* 80px */
  --sp-90:5.63rem;    /* 90px */
  --sp-100:6.25rem;   /* 100px */
  --sp-16:clamp(0.5rem, 0.40rem + 0.48vw, 1rem);
  --sp-24:clamp(1rem, 0.90rem + 0.47vw, 1.5rem);
  --sp-32:clamp(1rem, 0.81rem + 0.95vw, 2rem);
  --sp-48:clamp(1rem, 0.62rem + 1.90vw, 3rem);
  --sp-64:clamp(1rem, 0.43rem + 2.86vw, 4rem);
  --sp-80:clamp(1rem, 0.24rem + 3.81vw, 5rem);
  --sp-90:clamp(1rem, 0.12rem + 4.40vw, 5.63rem);
  --sp-100:clamp(1rem, 5vw, 6.25rem);
}

/*!----------------------------------------------*\
/* Marges hautes des élements principaux         *|
/*-----------------------------------------------*/
.mgt-main{padding-top:var(--main-mgt);}
.mgt-mnuG{padding-top:var(--mnuG-mgt);}
.mgt-aside{padding-top:var(--aside-mgt);}