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

/*******************************+*******************\
|                               |                   |
|  STYLE DE BASE   V.3.22       |     21/08/2023    |
|                               |                   |
\**ℱℒ***************************+*******************/
/*!------------------------------------------------*\
/* VARIABLES CSS                                   *|
/*-------------------------------------------------*/
:root {
    /* -COULEURS */
    /* BODY */
    --body-color:#1d1d1b;
    --body-bkg:#fff;

    /* Définition de la couleur dominante : #ea5b0c */
    --hsl1:21;
    --hsl2:90%;
    --hsl3:48%;
    --primary-color:hsl(var(--hsl1),var(--hsl2),var(--hsl3));
    --secondary-color:#111;

    --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);
    /* variante
    --select-color:color-mix(in srgb,var(--primary-color),#fff 25%);
    --select-bkg: color-mix(in srgb,var(--primary-color),#000 25%);
    */

    /* - Scrollbar - */
    --scrollBar-color:hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 10% ));
    --scrollBar-bkg:hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 50% ));
    /*
    --scrollBar-color:color-mix(in srgb,var(--primary-color),#000 25%);
    --scrollBar-bkg: color-mix(in srgb,var(--primary-color),#fff 25%);
    */
    /* - Pace - */
    --pace-bkg:var(--primary-color);

    /* - Slider sans les unités px- */
    --slider-width:1000;
    --slider-height:990;

    --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:var(--scrollBar-bkg); /* ou hsl(var(--hsl1),var(--hsl2),calc( var(--hsl3) + 60% ));*/
    /* 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:16;   /* font-size de base en px (sans les unités)    */
    --fs-base-hl:30px;/* Hauteur ligne de base                      */

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

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

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

    /* N/U - Titraille Menu Graphique - */
    /* --mnug-fs   */
    --fs-mnug-min: 17;
    --fs-mnug-max: 24;
    /******************************************************************************/
    /* - MARGE HAUTE (PADDING) GRANDS ELEMENTS -    */
    /*   Taille en pixels sans les unités           */
    /* --main-mgt       */
    --main-min:32;      /* main hauteur minimale    */
    --main-max:100;     /* main hauteur maximale    */
    /* N/U --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:100;    /* aside hauteur maximale */
    /* N/U --divers-mgt     */
    --divers-min:32;    /* divers hauteur minimale */
    --divers-max:150;   /* divers hauteur maximale */
    /******************************************************************************/
    /* Font prinicpale */
    --font-std: 'Poppins', sans-serif;

    /* - Titres - */
    --titre-family: var(--font-std);
    --titre-color:var(--body-color);
    /******************************************************************************/
    /* - Menu Desktop - */
    --mnu-font:600 18px/100px var(--font-std);
    --mnu-txt-color:var(--body-color);
    --mnu-txt-actif-color:var(--secondary-color);

    /* - 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:600 var(--sp-24)/2.5 var(--font-std);
    --btca-color:var(--color-on-primary);
    --btca-bkg:var(--primary-color);
    /* hover */
    --btca-color-hover:var(--btca-bkg);
    --btca-bkg-hover:var(--secondary-color);
    /******************************************************************************/
    /* - Largeur du logo en version mobile ( logoMnuMob.png ) - */
    --logoMnuMobWidth: 60px;
    --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);
    /******************************************************************************/
    /* N/U - MAP avec les unités px - */
    --map-width:2000px;
    --map-height:330px;
    --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:100;                  /* 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));}body{overflow-x: hidden;}
/*!----------------------------------------------*\
/* 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}body.admin .template-col-wp{display:block;}.admin .template-col-wp .galery{position: static;}.admin .template-col-wp .section-page{position: static;}
/*!----------------------------------------------*\
/* STYLE SITE                                    *|
/*-----------------------------------------------*/
.txtc{
    text-align: center;
}
.color{
    color: var(--primary-color);
}
.section-page,
.content-page,
[itemprop="liveBlogUpdate"]{
    margin-top: var(--dry-h-header)!important;
}
/* Effets */
.up {transition: all .5s;}
.up:hover {transform: translate3d(0,-10px,0);}
/* background et class pour container d'images reponsives en background (slider ou autre)
https://heropatterns.com/
https://www.svgbackgrounds.com/#wintery-sunburst
https://mycolor.space/gradient
https://www.gradientmagic.com/
https://gradihunt.com/
https://leaverou.github.io/css3patterns/
https://www.colorsandfonts.com/
https://omatsuri.app/page-dividers
https://bgjar.com/
https://bansal.io/pattern-css
https://doodad.dev/pattern-generator/
https://app.haikei.app/
https://wickedbackgrounds.com/app
https://patterns.helloyes.dev/

****************************************************************
EXEMPLES BACKGROUND
****************************************************************
Garage :
.bkgPlaceholder{
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAWCAMAAACBpf6/AAAAP1BMVEUrKysvLy8nJycGBgYxMTEPDw8hISELCwsXFxcDAwM1NTUkJCQ4ODgTExMdHR1HR0c8PDxWVlZRUVFCQkI/Pz8NXh5NAAABqUlEQVQoz0WTCbLEIAhEG8TdrDP3P+unSaY+SaWaeoqxUaRUFAzJzXVJGQYBancdTESMDDmnCXGspbtO2aGZaqmuycBKZCilDQhEdWy718ECZBiWa7IBdbycIet3GVcxWzM3nCdUHJ9ftKznKWAsZ7iOBZnq3Oy474M/6lIwjus+hnioAetzwWOAXE24Bz4Kg3FhE+GuSJVfzNimimfg4GFij5QH8ActJmDfUtp2jYqIrE0wLFjdJpTTIHvtW+sVRqQl195bI3OqL6OGakvhYYPIVGk9/N0ldvDP6DfqttPDd2rt6elTbOnHSMTUIeu08Ai1ZtbJ4RF+TAc9HPOpE44BpUWfJiL0YUOedDTW2Wk3V9lYpw0S+bFlxgx2Ss7jszACfudUXQsmA7JepkY7gHVc3l+Lxijsc9/PufBXx3Ffx4jmMUSVY0SfwQK8glI4ns6BmF8FRlgQVI0TGeavj2RaWwE0cNlqytPeUzGjo79TMVtF78zFoDP37qburpnVVMk88yiu4S1kDYi2p0+NCfvbdjJRhQkZ71YFqdTnbm0CRmXvyVTFgv0Bkc0O6JtH0+sAAAAASUVORK5CYII=") repeat #111;
}

etc ...
*/
.bkgPlaceholder{
  background-color:darkgrey;
  background-image: linear-gradient(white 2px, transparent 2px),
  linear-gradient(90deg, white 2px, transparent 2px),
  linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
  linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}
.bkgPlaceholder2{
    background-color: #111;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%239a9a9a' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  }
/*!----------------------------------------------*\
/* POLICES et TITRAGES : 21/08/2021              *|
/*-----------------------------------------------*/
body {display:block;margin: 0 auto;max-width: 2000px;font:300 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: 800;font-family: var(--titre-family);text-wrap: balance;}
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;text-wrap: balance;}
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-transform: uppercase;
}

/*!----------------------------------------------*\
/* ENTETE                                        *|
/*-----------------------------------------------*/
.header-wp{
    position: relative;
    display:flex;
    justify-content:center;
    align-items:stretch;
    background: url(../images/motif.jpg)  repeat #efefef;
    background: url(../images/motif.webp) repeat #efefef;
    transition: all .3s;
}
.header__cel{
    flex:0 1 1000px;
}
.logo{
    display: none;
}

/* Présentation classique 1450px */
.header-wp.classic{
    flex-direction: column-reverse;
}
.header-wp.classic .header__cel{
    flex:1 1 auto;
}
.header-wp.classic .devanture-mc2-chablis{
    max-width: var(--slider-width);
    width:50vw;
    aspect-ratio: 1000/990;
}

.header-wp.classic .logo{
    display: block;
}
.header-wp.classic .navDesktop ul{
    justify-content: center;
}
.header-wp.classic .header__cel.mnu{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:var(--sp-100);
    position: fixed;z-index: 10;right: 0;left: 0;top: 0;
    height: var(--dry-h-header);
    background: url(../images/motif.jpg)  repeat #efefef;
    background: url(../images/motif.webp) repeat #efefef;
}
/*.header-wp.classic .header__cel.img{
    margin-top: var(--dry-h-header);
}*/

.logo-slogan-wp{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-25%, -50%);
    display:flex;
    justify-content:center;
    align-items:center;
    gap:var(--sp-48);
    padding: 1rem;
    font:800 var(--sp-48)/1.5 var(--font-std);
}
.logoSlider {
    display:block;
    max-width: 346px;
    width: 100%;
    height: auto;
    border:5px solid var(--body-bkg);
    border-radius: 5px;
}

.slogan-wp span{
    opacity:0;
    text-transform: uppercase;
}
.time1{
    -webkit-animation: slogan-actived .5s .8s ease-out forwards;
            animation: slogan-actived .5s .8s ease-out forwards;
}
.time2{
    -webkit-animation: slogan-actived .5s 1.3s ease-out forwards;
            animation: slogan-actived .5s 1.3s ease-out forwards;
}
.time3{
    -webkit-animation: slogan-actived .5s 1.8s ease-out forwards;
            animation: slogan-actived .5s 1.8s ease-out forwards;
}

@-webkit-keyframes slogan-actived {
    from {
        opacity: 0;
        transform: translate3d(2rem,0,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

@keyframes slogan-actived {
    from {
        opacity: 0;
        transform: translate3d(2rem,0,0);
    }
    to {
        opacity: 1;
        transform: translate3d(0,0,0);
    }
}

.logo-slogan-wp .btCaSpan{
    margin-top: var(--sp-48);
    width: 300px;
}

.header--fixed {position: fixed;z-index: 10;right: 0;left: 0;top: 0;
    height: var(--dry-h-header);
    background-color:var(--body-bkg);
}

/*!----------------------------------------------*\
/* MENU SITE                                     *|
/*-----------------------------------------------*/
.navDesktop{
    margin-left: var(--sp-48);
    padding: 0 .5rem;
}
.navDesktop ul{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:1rem;
}
.navDesktop a {
    display:block;
    position: relative;
    font:var(--mnu-font);
    text-decoration: none;
    color: var(--mnu-txt-color);
    transition: color .5s;
}
.navDesktop a::after{
    content:'';
    opacity: 0;
    position: absolute;
    left:0;
    right:0;
    bottom:0;                       /* Paramètre */
    width: 10px;                    /* Paramètre */
    height: 10px;                    /* Paramètre */
    margin: auto;
    background-color:var(--primary-color);/* Paramètre */
    transform: translate3d(0,1rem,0);/* Paramètre */
    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);
}
.navDesktop li:hover a::after,
.navDesktop li:focus a::after,
.navDesktop li:active a::after,
.navDesktop li.active a::after{
    opacity: 1;
    transform: translate3d(0,0,0);
}

/*!----------------------------------------------*\
/* PAGE INDEX : Le Slider                        *|
/*-----------------------------------------------*/
.index .siema-slider-wp{
    position: relative;
    margin: calc(-1 * var(--sp-100))  auto 0;
}
.index #siema-prev,
.index #siema-next{
    z-index: 1;
    position: absolute;
    top: 40%;
    width: 32px;
    height: 32px;
}
.index #siema-prev{
    left: -1rem;
}
.index #siema-next{
    right:0;
}
.index .btSiemaNav svg{
    stroke-width: 5px;
    stroke:var(--body-color);
}
/*!----------------------------------------------*\
/* PAGE INDEX                                    *|
/*-----------------------------------------------*/
.content-index-wp{
    position: relative;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:var(--sp-100);
}
.deco-content-index-top{
    position: absolute;
    z-index: -1;
    left: 70px;
    top: 0;
    display: block;
    width: 60px;
    height:70px;
    background-color: var(--primary-color);
}
.deco-content-index-bottom{
    position: absolute;
    z-index: -1;
    left: 2rem;
    bottom: 50px;
    display: block;
    width: 60px;
    height:60px;
    background-color: var(--secondary-color);
}
  [role="doc-subtitle"] {
      font:300 var(--st-fs)/1.5 var(--font-std);
  }

  .content-index__img{
      flex: 0 1 750px;
      position: -webkit-sticky;
      position: sticky;
      top:var(--dry-h-header); /* Paramètre */
      /*top:33vh; /* Paramètre */
  }
  .deco-txt-01{  /* Paramètre */
      aspect-ratio: 750/500;
  }
  .content-index__txt{
      flex:0 1 600px;
      padding: 0 1rem;
      background-color: var(--body-bkg);
  }
  .content-index__txt-inside{
      margin-top:2rem;
  }
  .content-index__txt .btCa-wp{
    justify-content: flex-start;
  }

/* Page Index : Suite */
.content-index-wp.odd{
    flex-direction: row-reverse;
}
.content-index-wp.odd .deco-content-index-top{
    left: auto;
    right:3rem;    
}
.content-index-wp.odd .deco-content-index-bottom{
    left: auto;
    right: 1rem;
}
.content-index-wp.odd .content-index__txt{
    flex:0 1 600px;
}
.content-index-wp.odd .content-index__img{
    flex:0 1 800px;
}

.deco-txt-02{
    aspect-ratio: 800/500;
}

/*!----------------------------------------------*\
/* PAGE INDEX : NOS ARTISTES                     *|
/*!----------------------------------------------*/
.nos-artiste-wp{
    position: relative;
    margin-top: var(--sp-100);
    padding: var(--sp-100) 1rem calc(var(--sp-100) + var(--sp-48)) 1rem;
    background: url(../images/motif.jpg) repeat;
    background: url(../images/motif.webp) repeat;  
}
.nos-artiste-wp::before,
.nos-artiste-wp::after{
    content:'';
    z-index: 1;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 3px;
    height: var(--sp-100);
    background-color: var(--body-color);
}
.nos-artiste-wp::before{
    top: calc(-1 * var(--sp-48))
}
.nos-artiste-wp::after{
    bottom: calc(-1 * var(--sp-48))
}

ul.artistes-wp{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:2rem;
    flex-wrap: wrap;
    margin-top: var(--sp-100);
}
.artistes-wp li{
    flex:0 1 600px;
}
.artistes-wp .actualite-mediabox__txt{
    height: 250px;
    min-height: auto;
}
.artistes-wp .actualite-mediabox__txt--titre{
    font:800 var(--sp-24)/1.2 var(--font-std);
    font-variant: small-caps;
    color:var(--body-color);
}
.artistes-wp .link-nav{
    width: 200px;
}
.artistes-wp .actualite-mediabox-wp{
    margin-top: 0;
}
  /*!----------------------------------------------*\
  /* PAGE INDEX : DERNIERE ACTUALITE               *|
  /*--08/06/2021-----------------------------------*/
  .index-actualite-wp{
    padding: var(--sp-100) 1rem calc(var(--sp-100) + var(--sp-48)) 1rem;
    margin-top: var(--sp-100);
    background-color: #f1f1f1;
    background: url(../images/motif.jpg) repeat;
    background: url(../images/motif.webp) repeat;
  }
  .index-actualite-wp ul{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:var(--sp-100);
  }
  .index-actualite-wp li{
    flex:0 1 600px;
    border-top: 2px solid var(--secondary-color);
  }
  .index-actualite-wp .btCa-wp{
    margin-top: var(--sp-100);
  }

  .actualite-mediabox-wp{
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: var(--sp-48);
    margin-top: 3rem;
    padding: .5rem;
    border: 2px dotted transparent;
    transition: all .3s;
  }

  .actualite-mediabox__img{
    flex:0 0 200px;
    overflow: hidden;
  }
  .actualite-mediabox__img img{
    margin: auto;
  }
  .actualite-mediabox__txt{
    flex:1 1 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 300px;
    padding: 1rem;
    font-weight: 400;
    text-align: left;
    color:var(--body-color);
  }
  .actualite-mediabox__txt--titre{
    margin-bottom: 1rem;
    font: 600 24px/1.25 var(--font-std);
    text-wrap: balance;
    color:var(--primary-color);
  }
  .actualite-mediabox__txt--titre::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .actualite-mediabox--link-nav-wp{
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
  }
  .actualite-mediabox--link-nav-wp .link-nav{
    padding: 0 1rem;
  }
  .actualite-mediabox--link-nav-wp .btCa.link-nav{
    font-size: 18px;
    text-transform: inherit;
    color:var(--color-on-primary);
  }

  /* Effet hover */
  .actualite-mediabox-wp:hover,
  .actualite-mediabox-wp:focus,
  .actualite-mediabox-wp:active{
    border: 2px dotted var(--primary-color);
  }
  .actualite-mediabox-wp:hover .actualite-mediabox__img img,
  .actualite-mediabox-wp:focus .actualite-mediabox__img img,
  .actualite-mediabox-wp:active .actualite-mediabox__img img{
    -webkit-filter:saturate(200%);
    filter:saturate(200%);
    transform: scale3d(1.1,1.1,1.1);
  }
  .actualite-mediabox-wp:hover .btCa,
  .actualite-mediabox-wp:focus .btCa,
  .actualite-mediabox-wp:active .btCa{
    -webkit-filter: drop-shadow(3px 3px 6px rgba(0,0,0,.5));
            filter: drop-shadow(3px 3px 6px rgba(0,0,0,.5));
    background-color: var(--btca-bkg-hover);
  }
  
/* 720px */
@media screen and (max-width: 45em) {
    .actualite-mediabox-wp{
        display: block;
        margin-top: 3rem;
        height: auto;
    }
    .actualite-mediabox__img{
        max-height: 100%;
    }
    .actualite-mediabox__txt{
        height: auto;
    }
    .actualite-mediabox--link-nav-wp{
        margin-top: 3rem;
        justify-content:center;
    }
}  
/*!----------------------------------------------*\
/* BOUTON CALL TO ACTION : BTCA 1.3              *|
/*-----------------------------------------------*/
.btCa-wp{display:flex;
    justify-content: center;
    margin-top: 2.5rem;
}
  .btCa,.btCaSpan{display:flex;justify-content: center;align-items: center;font:var(--btca-font);color:var(--btca-color);background-color:var(--btca-bkg);transition: all .5s;
      /*min-height: 4rem; /* Paramètre */
      padding: 0 24px;
      text-align: center;
  }

  /* 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;
  }
  .btCaSpan span{
      display: flex;
      justify-content: center;
      align-items: center;
  }

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

/***********************************************************
*                                                          *
*             ACTUALITE / SOMMAIRE CATALOGUE               *
*                                                          *
***********************************************************/
/*!--------------------------------------------------------*\
/* ACTUALITES SOMMAIRE et DETAIL V.3.1 Mansonary          *|
*  MAJ : 26/08/2022 intégre le plugin magic-grid          *|
*  OBSOLETTE MAJ : 09/10/2019 intégre le plugin macy.js   *|
*  MAJ : 25/03/2020 card ancre sémantique                 *|
*  MAJ : 15/05/2021 h3 remplace h2                        *|
*  Taille image détail 300px                              *|
/*--------------------------------------------------------*/
#majic-grid{
    min-height: calc(100vh + var(--sp-48));
    display: flex; /* Sécurité si no js*/
    flex-wrap: wrap;
    gap: 1rem;
}
.actualites #majic-grid{
    margin-top: var(--sp-100);
}
  /* Page Sommaire ( idem sommaire catalogue ) */
  .card{position: relative;overflow: hidden;display: block;width:300px;border-radius: 5px;background-color: #f5f5f5;
    border: 1px solid var(--primary-color); /* Paramètre */
  }
  .card h3 a{
      color:var(--titre-color); /* Paramètre */
  }
  .card h3 a::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
  .card:hover .link-nav,.card:focus .link-nav,.card:active .link-nav{
    color:var(--color-on-primary);
    background-color: var(--primary-color);
  }
  .card__img{transition: all .5s;}
  .card__img img{display: block;width: 100%;-o-object-fit: contain;object-fit: contain;-o-object-position: top;object-position: top;/* polyfill pour IE */font-family: 'object-fit: contain; object-position: top;';}
  .card:hover .card__img,.card:focus .card__img,.card:active .card__img{-webkit-filter:saturate(200%);filter:saturate(200%);transform: scale3d(1.1,1.1,1.1);-webkit-clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - 16px));clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 0px calc(100% - 16px));}
  .card__txt-wp{padding: 1.5rem 1rem 3rem 1rem;font-size: 15px;text-align:justify;rgb(255,255,255);background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%);}
  .card__txt-wp h3{line-height: 1.2;}
  
  .actualite-txt{margin-top: 1rem;}

  /* Page Détail */
  .actualite-media{display: flex;align-items: flex-start;max-width: 980px;margin: 0 auto 40px;}
  .actualite-media-img{position:-webkit-sticky;position:sticky;top:33vh;flex:0 1 600px;margin: 0 auto 2rem;padding-top: 0!important;}
  .actualite .galery{margin-top:0;}
  .actualite-media-img img{-o-object-fit: contain;object-fit: contain;-o-object-position: top;object-position: top;/* polyfill pour IE */font-family: 'object-fit: contain; object-position: top;';}
  .actualite-media-txt{min-width: 50%; /* moment ou on casse */flex:666 0 0;padding: 0 2em 0 2em;}
  /* Images de l'utilisateur dans le corps des actus */
  .actualite-media-txt img{display: block;margin: 2rem auto 1rem!important;width: 100%!important;height: auto!important;-o-object-fit: cover;object-fit: cover;/* object-position: top; *//* polyfill pour IE */font-family: 'object-fit: cover;';/* font-family: 'object-fit: cover; object-position: top;'; */}
  .actualite-media-img .galery{position: -webkit-sticky;position: sticky;top: 0;padding-top: 0;}
  .actualite-media-img a{width: 33%;height:100%;}
  .actualite-media-img a:first-child{width: 100%;}
  .actualite-media-img a:first-child img{height: auto!important;}
  .actualite-media-img img{height: auto!important;-o-object-fit: contain!important;object-fit: contain!important;}
/*!980px*/
@media screen and (max-width: 61.25em) {
    /*.article-img .flexbin a, .flexbin figure, .flexbin img*/
    .actualite-media-img a:first-child {height: auto!important;}
    .actualite-media-img a:first-child,.actualite-media-img a:first-child figure,.actualite-media-img a:first-child img{height: auto!important;}
    .actualite-media{display: block;}
    .actualite-media-img{position: static;}
    .actualite-media-txt{padding: 0 1rem;}
  }
  /* Sommaire et détail */
  .link-nav-container{display: flex;justify-content: flex-end;margin-top: 1em;font-size: 14px;font-weight: 700;line-height: 2;}
  .link-nav{display: block;padding: .5em 1em;cursor:pointer;transition:all .5s;
    color:var(--body-color); /* Paramétres */
  }
  .index .link-nav{
      color:var(--color-on-primary); /* Paramétres */
  }
  .actualite-media-txt .link-nav-container{margin: 4em 0 1em 0;}

/* Bouton avec forme de fleche sur le hover */
.button {
 position: relative;
}
.button::before,
.button::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button--anthe {
	color:var(--btca-color);
	background: none;
}
.button--anthe::before {
	content: '';
	background:var(--btca-bkg-hover);
	-webkit-clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0, 100% 50%, 100% 100%, 0% 100%);
	transition: clip-path 0.5s cubic-bezier(0.2, 1, 0.8, 1), -webkit-clip-path 0.4s cubic-bezier(0.2, 1, 0.8, 1);
}
.button--anthe:hover::before {
    background:var(--btca-bkg-hover);
	-webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
	        clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%); /* -> */
    -webkit-clip-path: polygon(100% 0%, 100% 53%, 100% 100%, 11% 100%, 0% 50%, 11% 2%);
            clip-path: polygon(100% 0%, 100% 53%, 100% 100%, 11% 100%, 0% 50%, 11% 2%); /* <- */
}
.button--anthe span {
	display: block;
	mix-blend-mode: difference;
	transition: transform 0.5s cubic-bezier(0.2, 1, 0.8, 1);
}
.button--anthe:hover span {
	transform: translate3d(5px,0,0);
}

/**************************************************
*									              *
*                 CATALOGUE			              *
*									              *
**************************************************/
/*!----------------------------------------------*\
/* CATALOGUE : INTERFACE UTILISATEUR             *|
/*-----------------------------------------------*/
/* V.1.3 : 12/08/2021 : Gestion des variables CSS
/* V.1.2 : 25/03/2020 :
// Refactorisation ancre card : https://css-tricks.com/block-links-are-a-pain-and-maybe-just-a-bad-idea/
// Image article toujours sur une largeur de 400px
*/
/*!----------------------------------------------*\
/* CATALOGUE : INTERFACE POUR CE SITE 		     *|
/*-----------------------------------------------*/

/*!----------------------------------------------*\
/* CATALOGUE : AFFICHAGE SOMMAIRE ARTICLES       *|
/*-----------------------------------------------*/
.articles-wp{

}

/*!----------------------------------------------*\
/* CATALOGUE : LISTE DES ARTICLES			     *|
/*-----------------------------------------------*/
.liste-articles-wp{
	display: flex;
}
.sommaire-famille{
	flex:none;
	margin-top:17px;
	width:300px;
}
.liste-articles{
	flex:1 1 auto;
	padding:16px;
	padding:1rem;
}

/*!----------------------------------------------*\
/* CATALOGUE : AFFICHAGE DETAIL ARTICLE          *|
/*-----------------------------------------------*/
.article-wp{
	display: flex;
 	flex-wrap: wrap;
}
.fiche-article{
  margin-top:80px;
  margin-top: 5rem;
}
/* Images de l'article */
.article-img{
	flex:0 1 600px;
	margin: 0 auto;
	margin-bottom: 1.5rem;
}
.article-img .galery{
	position: -webkit-sticky;
	position: sticky;
  top: var(--dry-h-header);
	padding-top: 0;
}
.article-img h2.like-h1{
  margin-bottom:16px;
  margin-bottom: 1rem;
}
.article-img .galery{
  margin-top:16px;
  margin-top: 1rem;
}

dl{margin: 0;}


.article-img .galery.flexbin a{
	width: 25%;
	height:100%;
}
.article-img .galery.flexbin a:first-child{
	width: 100%;
}
.article-img .flexbin a:first-child img{
	height: auto!important;
}
@media (max-width: 980px) {
	/*.article-img .flexbin a, .flexbin figure, .flexbin img*/
	.article-img .galery.flexbin a:first-child {
    	height: auto!important;
	}
	.article-img .galery.flexbin a:first-child,
	.article-img .galery.flexbin a:first-child figure,
	.article-img .galery.flexbin a:first-child img{
    	height: auto!important;
	}
}

.article-txt{
	flex:0 1 600px;
	display: flex;
	flex-direction: column;

	margin:16px auto 0;
	margin: 1rem auto 0;
	padding:16px;
	padding: 1rem;
}

/* Affichage des champs spécifiques */
.etiquette-wp{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  width: 100%;
}
.etiquette__sep{
  flex: 1 1 0%;
  border-bottom: 1px dotted rgba(0, 0, 0, .298039);
  margin: 0px 4px;
}
.etiquette__champ{
  font-weight: 700;
}
.etiquette__valeur{
  font-weight: 400;
}

/* Naviguation fiche */
.article-fiche-nav-wp{
	display: flex;

	margin-top: 30px;
}
.link-nav-wp{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.link-nav-wp a{
	display: block;
	font-size: 15px;
}
.link-nav-wp a:first-child,.link-nav-wp span:first-child{
	padding-right:16px;
	padding-right: 1rem;
}
.link-nav-wp a{
	font-weight: 700;
  color:var(--primary-color);/* Paramètre */
}
.link-nav-wp span{
	visibility: hidden;
}
.link-nav-wp a:hover{
	text-decoration: underline;
}
a.link-nav__left,a.link-nav__right{
  -webkit-animation-duration: 1.5s; animation-duration: 1.5s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;
}
.link-nav-wp a.link-nav__left:hover,
.link-nav-wp a.link-nav__left:focus,
.link-nav-wp a.link-nav__left:active{
  -webkit-animation-name: floatingLeft;animation-name: floatingLeft;
}
.link-nav-wp a.link-nav__right:hover,
.link-nav-wp a.link-nav__right:focus,
.link-nav-wp a.link-nav__right:active{
  -webkit-animation-name: floatingRight;animation-name: floatingRight;
}
@keyframes floatingLeft {0% {transform: translateX(0%);}
50% {transform: translateX(-8%);}
100% {transform: translateX(0%);}
}
@-webkit-keyframes floatingLeft {0% {-webkit-transform: translateX(0%);}
50% {-webkit-transform: translateX(-8%);}
100% {-webkit-transform: translateX(0%);}
}
@keyframes floatingRight {0% {transform: translateX(0%);}
50% {transform: translateX(8%);}
100% {transform: translateX(0%);}
}
@-webkit-keyframes floatingRight {0% {-webkit-transform: translateX(0%);}
50% {-webkit-transform: translateX(8%);}
100% {-webkit-transform: translateX(0%);}
}
.article-bt-back{
  margin-top:32px;
  margin-top: 2rem;
	margin-left: auto;
	padding:8px;
	padding: .5rem;
  color:var(--primary-color);
}

/*!----------------------------------------------*\
/* SLIDER siema V.1.4 : 05/05/2023               *|
/*-----------------------------------------------*/
/*
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-80); /* Paramètre */
}
/* Pas de défilement horizontal par défaut */
.siema.off{
    display: flex;justify-content: center;align-items: center;flex-wrap: wrap;
    gap:var(--sp-32); /* Paramètre */
}
.siema{overflow: hidden;width: 100%;
    max-width: 1200px;   /* Paramètre */
}
.siema img{
    display:block;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: auto; /* si besoin Sécurité Paramètre */

    /*
    *  Paramètres sécurité pour galerie realisation crop 300x300
    */
    /*
    max-width: 300px;
    height: auto;
    */
    aspect-ratio: 300/300;
    object-fit: contain;
    
}
/* siema enclenché detail  */
.siema div{display: flex;align-items: center;
    margin: 0 var(--sp-32) 0 0;  /* Paramètre */
}
/*.content .siema a{display: flex;width: 210px;height: 210px;box-shadow: none;}*/

/* Siema : naviguation*/
.btSiemaNav-wp{
    margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}

.btSiemaNav{
	display: inline-block;
	width: 64px;
	height: 64px;
	transition: all .3s;
}
.btSiemaNav svg{
	display: inline-block;
	width: 32px;
	height: 32px;
	text-align: center;
	vertical-align: middle;
	stroke:var(--primary-color);
}
.btSiemaNav:focus,.btSiemaNav:active{
	outline-color:var(--primary-color);
	border:1px solid var(--primary-color);
}

.btSiemaNav:hover{
	transform: scale(1.5);
}
/*!----------------------------------------------*\
/* ASIDE                                         *|
/*-----------------------------------------------*/
.mgt-aside{
    position: relative;
    padding-top: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; gap: 25px;
    background-color: #f1f1f1;
    background: url(../images/motif.jpg) repeat;
    background: url(../images/motif.webp) repeat;
    margin-top: 25px;
}

.index .mgt-aside{margin-top: 0;}

.bloc {
    position: relative;
    padding: var(--sp-64) 1rem var(--sp-48) 1rem;
    text-align: center;
    flex: 1 1 0%;
    max-width: 800px;
}
.bloc2 {
    position: relative;
    padding: var(--sp-64) 0 var(--sp-48) 0;
    flex: 0 1 320px;
}
.index .mgt-aside::before{
    content: '';
    display: block;
    height: 2px;
    max-width: 80vw;
    width: 100%;
    margin: 0 auto var(--sp-64);
    background-color: var(--secondary-color);
}
.bloc .titreSection{
    text-transform: uppercase;
}
.bloc__titre{
    font:300 var(--sp-32)/2  var(--font-std);
    color:var(--primary-color);
}
.logoAdr{
    margin: 0 auto var(--sp-48);
    width: 184px;
    height: 184px;
}
.adresse-wp{
    display:flex;
    justify-content:center;
    align-items:center;
    margin: var(--sp-80) auto 0;
    max-width: 800px;
    width: 100%;
    gap:var(--sp-100);
    font:600 16px/2 var(--font-std);
}
.deco-ico::after{
    content:'';
    display: block;
    width: 160px;
    height: 2px;
    margin: 1.5rem auto;
    background-color: var(--body-color);
}
.deco-ico svg{
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 1.5rem;
    fill:var(--primary-color);
}

/*!----------------------------------------------*\
/* 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 #ea5b0c;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:#000;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:#000}/*!----------------------------------------------*\
/* 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:#000}.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 #ea5b0c;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 #ea5b0c;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 #ea5b0c;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:#ea5b0c;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:#ea5b0c;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(234,91,12,.6);color:#000;background-color:#fafafa}fieldset{margin-left:22%;padding:1em;width:70%;border:1px solid #ea5b0c;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(234,91,12,.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:#ea5b0c;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(234,91,12,1)}.control input:checked:focus~.control__indicator,.control:hover input:not([disabled]):checked~.control__indicator{background:rgba(234,91,12,.7)}input[type=checkbox]:hover+.control__indicator{box-shadow:0 0 0 1px #ea5b0c inset}input[type=checkbox]:active+.control__indicator{border:1px solid #ea5b0c}.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:#ea5b0c}input[type=file]:hover::-webkit-file-upload-button{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#ea5b0c}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:#ea5b0c}input[type=file]:hover::-ms-browse{text-shadow:rgba(0,0,0,.2) 0 1px 1px;color:#fafafa;background:#ea5b0c}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                                 *|
/*-----------------------------------------------*/
/*
small       640px   40em
medium      768px   48em
large       1024px  64em
extra large 1280px  80em
ultra wide  1536px  96em

Snippet VS : https://css-irl.info/creating-vscode-snippets-to-speed-up-workflow/

bp : media-query

*/
/*!1430px
Menu mobile : modifier aussi la variable --startMnuMob;
*/
@media screen and (max-width: 89.375em) {
    :root {        
        --startMnuMob:1430;          /* 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);}
    
    .header-wp.classic .logo{
        display: none;
    }
}

/*!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;}
}
/*!1020px*/
@media screen and (max-width: 63.75em) {
    .index-actualite-wp ul{
        flex-wrap: wrap;
    }
}
/*!860px*/
@media screen and (max-width: 53.75em) {
    .header-wp{
        display: none;
    } 
    .index .siema-slider-wp{
        margin-top: calc(var(--dry-h-header) + 2rem);
    }
    .content-index-wp,
    .content-index-wp.odd{
        flex-direction: column;
        align-items: center;
    }
    .content-index__img,
    .content-index-wp.odd .content-index__img{
        flex:1 1 auto;
        position: static;
    }
    .content-index__txt,
    .content-index-wp.odd .content-index__txt{
        flex:1 1 auto;
    }
    .index .btCa-wp{
        justify-content: center;
    }
}
/*!700px*/
@media screen and (max-width: 43.75em) {
    .adresse-wp {
        display: block;
    }
}
/*!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%);}
.ombre6{box-shadow:0 4px 8px #00000040, 0 8px 16px #00000026, 0 16px 32px #00000020;}
.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);
}
/* Paragraphe suivant */
.ckeZone ~ .ckeZone{margin-top: calc(1.5 * var(--h1-fs));}
.cke_chrome{width: 100%!important;}
/* 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(--darken-color); /* Paramètre fond icone ouvert/fermé*/
  }
[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 {
  border-radius: 15px 15px 0 0;/* Paramètres */
  color: var(--acc-open-color);/* Paramètres Titre accordeon ouvert */
  background-color:var(--acc-open-bkg);/* Paramètres */
  text-shadow: rgba(0, 0, 0, 0.2) 0 1px 1px;/* 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 {visibility: visible !important;-webkit-animation-name: js-lz-zoomIn;animation-name: js-lz-zoomIn;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
    @keyframes js-lz-zoomIn {0% {opacity: 0;transform: scale(0);} 100% {opacity: 1;transform: scale(1);}}
    @-webkit-keyframes js-lz-zoomIn {0% {opacity: 0;-webkit-transform: scale(0);} 100% {opacity: 1;-webkit-transform: scale(1);}}
    .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;}
    @-webkit-keyframes bkgCycleIntro {0% {opacity: 0;} 100% {opacity: 1;}}
    @keyframes bkgCycleIntro {0% {opacity: 0;} 100% {opacity: 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);}}
    @-webkit-keyframes revealElement {from {opacity: 0;-webkit-clip-path: inset(45% 20% 45% 20%);clip-path: inset(45% 20% 45% 20%);} to {opacity: 1;-webkit-clip-path: inset(0% 0% 0% 0%);clip-path: inset(0% 0% 0% 0%);}}
    @keyframes revealElement { from {opacity: 0;-webkit-clip-path: inset(45% 20% 45% 20%);clip-path: inset(45% 20% 45% 20%);} to {opacity: 1;-webkit-clip-path: inset(0% 0% 0% 0%);clip-path: inset(0% 0% 0% 0%);}}
    .revealing-element {view-timeline-name: --revealing-element;view-timeline-axis: block;-webkit-animation: linear revealElement both;animation: linear revealElement both;animation-timeline: --revealing-element;animation-range: entry 25% cover 50%;}
    .js-apparition-before{position: relative;}.js-apparition-before.odd::before {transform-origin: right center;}.js-apparition-before.is-visible::before{transform: scaleX(0);}
    .js-apparition-before::before{z-index: 1;content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;height: 100%;
        background: var(--primary-color);
        background-image:linear-gradient(135deg,rgba(255,255,255, .5),rgba(255,255,255, .5)25%,transparent 25%,transparent 50%,rgba(255,255,255, .5)50%,rgba(255,255,255, .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);
    }
    /*!----------------------------------------------*\
    /* 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));-webkit-filter: drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.5));filter: drop-shadow(-1px 6px 3px rgba(0, 0, 0, 0.5));}
    /* 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;}
    /* Effet sur titre ou elements visibles dès apparition de la page Effectif si média >= 1500px */
    @media screen and (min-width:93.75em) {.introTxtFromLeft {transform: translate3d(-3vw, 0, 0);-webkit-transform: translate3d(-3vw, 0, 0);}.introTxtFromRight {transform: translate3d(3vw, 0, 0);-webkit-transform: translate3d(3vw, 0, 0)}.introTxt {animation-name: introTxt;-webkit-animation-name: introTxt;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: cubic-bezier(.215, .61, .355, 1);-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);animation-delay: .5s;-webkit-animation-delay: .5s;animation-fill-mode: both;-webkit-animation-fill-mode: both;}@keyframes introTxt {0% {opacity: 0} 100% {transform: translate3d(0, 0, 0);opacity: 1;}}@-webkit-keyframes introTxt {0% {opacity: 0} 100% {-webkit-transform: translate3d(0, 0, 0);opacity: 1}}.introTxtFadeIn {transition: all .5s ease;-webkit-animation: introTxtFadeIn 2s;animation: introTxtFadeIn 2s}@keyframes introTxtFadeIn {from {opacity: 0}to {opacity: 1}}@-webkit-keyframes introTxtFadeIn {from {opacity: 0} to {opacity: 1}}}
}
/*!----------------------------------------------*\
/* 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 2/11/23 |
/*-----------------------------------------------*/
.galery.simple{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;
gap:var(--gal-img-marge);padding: 0 1rem;
margin:var(--sp-48) auto 0;}
.galery.simple a{display: block;
  /*  largeur images au choix  width ou flex */
  width: calc(1px * var(--gal-img-width)); /* Paramétre */
  flex:0 1 25%;  /* 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;}}*/
/*!----------------------------------------------*\
/* Template affichage page en 2 colonnes         *|
/*-----------------------------------------------*/
.template-col-wp{display:flex;align-items: flex-start;flex-direction: row-reverse;}
.template-col-wp .section-page,.template-col-wp .galery{flex:1 1 0;padding:0 .5rem;}
.template-col-wp .galery{position: -webkit-sticky;position: sticky;top: var(--dry-h-header);margin-top:0;}
.template-col-wp .section-page{position: -webkit-sticky;position: sticky;top:var(--dry-h-header);}
/*!850px*/
@media screen and (max-width: 53.125em) {.template-col-wp{flex-direction: column;}.template-col-wp .section-page,.template-col-wp .galery{flex: 1 1 auto;margin-top:2rem;}.template-col-wp .section-page{position: inherit;}}
/*!---------------------------------------------*\
/* 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 */
}
.navMobile span.rc {margin-left: 28px;}
/*
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);}