@charset "UTF-8";
/*! 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:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
*::-moz-selection {background:#efefef;color:#009aa9;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;}
*::-webkit-selection {background:#efefef;color:#009aa9;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;}
*::selection {background:#efefef;color:#009aa9;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;}
/*!----------------------------------------------*\
/* 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:16px auto;margin: 1rem auto;padding:16px;padding: 1rem;color:#000;}
body.admin .zone-accordeon:nth-child(even){background-color: lightgray;}
body.admin .zone-accordeon:nth-child(odd){background-color: gray;}
/*
*{background:#000!important;color:#0f0!important;outline:solid #f00 1px!important;}
*/
/*!----------------------------------------------*\
/* STYLE GENERAL                                 *|
/*-----------------------------------------------*/
.wrapper {width: 100%;margin: 0 auto;
    max-width: 1200px; /* Paramètre */
}
.wp {width: 100%;margin: 0 auto;
    max-width: 1232px; /* Paramètre */
    padding: 0 16px;
}
.bkgPlaceholder{
 background-color: #DFDBE5;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='199' viewBox='0 0 100 199'%3E%3Cg fill='%23009aa9' fill-opacity='0.4'%3E%3Cpath d='M0 199V0h1v1.99L100 199h-1.12L1 4.22V199H0zM100 2h-.12l-1-2H100v2z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

html {box-sizing: border-box;}
*, *::before, *::after {box-sizing: inherit;}
ul {margin: 0;padding: 0;list-style: none;}
strong {font-weight: 700;}
address{font-style: normal;}
h1, h2, h3, h4, p, figure, figcaption {margin: 0;padding: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;}
/*a[itemprop=telephone]{text-decoration: none;}*/
a[href^="tel"] {text-decoration: none;color:currentColor;}
/* reset bouton */
button {padding: 0;border: none;font: inherit;cursor: pointer;color: inherit;background-color: transparent;}
/*button:hover,button:focus,button:active{-webkit-transform: translateY(1px);-ms-transform: translateY(1px);transform: translateY(1px);-webkit-filter: saturate(150%);filter: saturate(150%);}*/
/* image responsive */
img {display: block;height: auto;max-width: 100%;}
/*!----------------------------------------------*\
/* LAZYLOADING IMAGES                            *|
/*-----------------------------------------------*/
.js-lz-blur, .lazyload {transition: blur 400ms ease-out;-webkit-filter: blur(50px) saturate(5) opacity(0.5);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="4.148 -2.86 -0.288 0 0 -0.852 2.19 -0.288 0 0 -0.852 -2.86 4.712000000000001 0 0 0 0 0 1 0" /><feComponentTransfer color-interpolation-filters="sRGB"><feFuncA type="table" tableValues="0 0.5" /></feComponentTransfer></filter></svg>#filter');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 */}
.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;}
@keyframes js-fadein-anim {from {opacity: 0;}
to {opacity: 1;}
}
@-webkit-keyframes js-fadein-anim {from {opacity: 0;}
to {opacity: 1;}
}
img["data-src"], img["data-srcset"] {display: block;min-height: 1px;}
/* class pour les images responsives en background */
.js-bkgContainer {width: 100%;max-width: 2000px;background-position: bottom center;background-repeat: no-repeat;}
/*!----------------------------------------------*\
/* EFFETS APPARITION ELEMENTS                    *|
/*------------------------------------------------/
https://matthewlein.com/tools/ceaser
https://easings.net/
linear      : Commence et se termine à la même vitesse ( couleur, opcaité )
ease        : Commence rapidement et se termine progressivement ( par défaut )
ease-in     : Commence progressivement et se termine à vitesse maximale ( pour les animations hors vues )
ease-out    : Commence à vitesse maximale et se termine au ralenti ( pour les animations en vues)
ease-in-out : Commence progressivement , puis vitesse maxi et se termine au ralenti
*/
.js-lz-zoomIn,.bkgCycleIntro {visibility: visible !important;-webkit-animation-name: bkgCycleIntro;animation-name: bkgCycleIntro;-webkit-animation-duration: .8s;animation-duration: .8s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
@keyframes bkgCycleIntro {0% {opacity: 0;transform: scale(0);}
100% {opacity: 1;transform: scale(1);}
}
@-webkit-keyframes bkgCycleIntro {0% {opacity: 0;-webkit-transform: scale(0);}
100% {opacity: 1;-webkit-transform: scale(1);}
}
/* slide-up */
.js-lz-slide-up1 {opacity: .2;transform: translate3d(0,25px,0);}
.js-lz-slide-up {opacity: 0;transform: translate3d(0,200px,0);}
/* apparition : slide-fl ( from left) */
.js-lz-slide-fl {transform: translate3d(25px,0,0);}
/* apparition : slide-fr ( from right) */
.js-lz-slide-fr {transform: translate3d(-25px,0,0);}
/* fadeIn sur texte*/
.js-lz-txtfadein {opacity: 0;}
.js-lz-txtfadein.txtloaded {
-webkit-animation:js-fadein-anim 2s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;
animation:js-fadein-anim 2s cubic-bezier(0.250, 0.250, 0.750, 0.750) .3s both;}
/* Effet slide terminé */
.js-lz-slide{opacity: 1;transition: transform 2s;transform: translate3d(0,0,0);
  -webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;
}
/* Bouton menu graphique */
.introBtMnuGraphique-up {
  opacity: 0;
  transform: translate3d(0, 200px, 0);
  -webkit-transform: translate3d(0, 200px, 0)
}
.introBtMnuGraphique {
  animation-name: introBtMnuGraphique;
  -webkit-animation-name: introBtMnuGraphique;
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both
}
@keyframes introBtMnuGraphique {
  0% {
    opacity: 0
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1
  }
}
@-webkit-keyframes introBtMnuGraphique {
  0% {
    opacity: 0
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    opacity: 1
  }
}

/*!----------------------------------------------*\
/* EFFETS CSS                                    *|
/*-----------------------------------------------*/
/* https://brumm.af/shadows */
/* https://tobiasahlin.com/blog/layered-smooth-box-shadows/ */
.btn-css-hover, .Rbch {transition:box-shadow .5s,opacity .25s,-webkit-filter .25s ease-in-out;transition: box-shadow .5s,opacity .25s,filter .25s ease-in-out;transition: box-shadow .5s,opacity .25s,filter .25s ease-in-out,-webkit-filter .25s ease-in-out;}
.btn-css-hover:hover,.btn-css-hover:focus,.btn-css-hover:active,.Rbch:hover,.Rbch:focus,.Rbch:active {box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2) ,0 6px 20px 0 rgba(0, 0, 0, .19);}
/* Effet wave ( voir app.js ) */
.wave-effect {z-index: 1;position: relative;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.wave {position: absolute;z-index: -1;opacity: 1;border-radius: 50%;pointer-events: none;transition:transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 2s cubic-bezier(0.23, 1, 0.32, 1);transform: scale(0);  background: rgba(255, 255, 255, .25);}

/*!----------------------------------------------*\
/* HELPER                                        *|
/*-----------------------------------------------*/
.clear {clear: both;}
.cleara:after {content: "";display: table;clear: both;}
.no-display {display: none;}
/* visible pour les lecteurs d'écran et robots, pas pour les humains https://ishadeed.com/article/hiding-web/*/
.visually-hidden,.vh {border: 0;clip: rect(0 0 0 0);clip-path: polygon(0px 0px, 0px 0px, 0px 0px);-webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;white-space: nowrap;}
.vh-off{clip: unset;-webkit-clip-path: none;clip-path: none;height: auto;margin: 0;position: static;width: auto;}
.darken:hover, .darken:focus, .darken:active {box-shadow: inset 0 0 28px rgba(0, 0, 0, .2);}
.rel{position:relative;}
/* Habillage des liens */
a:hover,a:focus,a:active{outline-color: #111;}
/* 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 */
.emojis-404{font-size: 160px;text-align: center;line-height: 180px;}
.content-404{font-size:40px;line-height:120px;text-align: center;}
/* Case formulaire RGPD */
.rgpd-checkbox-txt{margin-top:16px;margin-top:1rem;font-size:.8em;line-height: 1.2;text-align: justify;}
label.mandatory.rgpd-checkbox-txt:after{font-size:11.2px;font-size: .7rem;line-height:17.6px;line-height: 1.1rem;}
.rgpd-info{font:.8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;margin-top:16px;margin-top:1rem;text-align: justify;}
/* Font responsive */
/* 18 font mini/22 font maxi - Ecran 320 mini / 2000 maxi
font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (2000 - 320)));
line-height: 1.2;
*/
/*!----------------------------------------------*\
/* POLICES et TITRAGES                           *|
/*-----------------------------------------------*/
body {
    display:block;
    margin: 0 auto;
    max-width: 2000px;
    font:300 18px/26px 'Roboto', sans-serif;
    color: #fff;
    background-color:#221e1f;
}
h1,.like-h1 {
    font:48px/52px 'Alfa Slab One', cursive;
    font-size: calc(30px + 18 * ((100vw - 320px) / 1680));
    margin-bottom:52px;
    color:#009aa9;
}
h2 {
    font:35px/52px 'Alfa Slab One', cursive;
    color:#009aa9;
}
h3 {
    font:25px/26px 'Alfa Slab One', cursive;
    color:#009aa9;
}
h2,h3{
    margin-top: 26px;
}
.ld{
  text-shadow: #fff 2px 2px, #fff -2px 2px, #fff -2px -2px, #fff 2px -2px, 0px 2px 10px rgba(150, 150, 150, 1);
}
/*!----------------------------------------------*\
/* ENTETE                                        *|
/*-----------------------------------------------*/
.header--fixed {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	top: 0;
  height: 140px;
  padding-top: 10px;
  padding-left: calc((100vw - 1200px) / 2);
  background-color:#221e1f;
  box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .75);
}

.header-wp{
  display: flex;
}
.info-mnu-wp{
  flex:2 1 auto;
  margin-left: 50px;
}
.infos-wp{
  padding-left:16px;
  padding-left: 1rem;
  color:#fff;
  background-color: #009aa9;
}
.info-wp{
  max-width: 800px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info__adr{
  display: flex;
  align-items: center;
  font:16px/1 'Roboto Condensed', sans-serif;
}
.info__adr svg{
  display: block;
  margin-right: 10px;
  width:24px;
  height:24px;
  fill:#000;
}
.info__tel{
  display: flex;
  align-items: center;
  padding-right:16px;
  padding-right: 1rem;
  font:20px/1 'Alfa Slab One', cursive;
}
.info__tel svg{
  display: block;
  margin-right: 10px;
  width:24px;
  height:24px;
  fill:currentColor;
}

.logo {
    display:block;
    margin-left: 16px;
    margin-top: 16px;
}
/*!----------------------------------------------*\
/* MENU SITE                                     *|
/*-----------------------------------------------*/
.navDesktop{
  margin-top: 12px;
  padding-right:16px;
  padding-right: 1rem;
}
.navDesktop ul
{
  display:flex;
  justify-content: space-between;
  align-items: flex-end;
}
.navDesktop ul li a {
    display:block;
    position: relative;
    font:300 16px/1.2 'Roboto Condensed', sans-serif;
    text-align: center;
    text-decoration: none;
    color:#fff;
    transition: color .5s;
}
.navDesktop ul li a span{
  display: block;
}

.navDesktop ul li a:after{
    content:'';
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    width: 100%;
    height: 9px;

    opacity: 0;
    background-color:#009aa9;
    transform: translate3d(0,32px,0);
    transition: all .5s;
}

.navDesktop ul li a:hover,
.navDesktop ul li a:focus,
.navDesktop ul li a:active,
.navDesktop li.active a{
    color:#fff;
    outline-color:#009aa9;
}

.navDesktop ul li:hover a:after,
.navDesktop ul li:focus a:after,
.navDesktop ul li:active a:after,
.navDesktop li.active a:after{
    opacity: 1;
    transform: translate3d(0,16px,0);
}
/*!----------------------------------------------*\
/* SLIDER FL bkgCycle - version de base          *|
/*-----------------------------------------------*/
.bkgCycleRel {
  position: relative;
  margin-top: 140px;
	min-height: 140px; /* Paramètres */
	max-width:2000px;
	height:23.1vw;
}
.index .bkgCycleRel {
	height:33vw;
}
.bkgCycle {position: relative;width: 100%;height: 100%;overflow: hidden;}
.bkgCycle li {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0;padding: 0;opacity: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;transition: opacity 2s;}
.bkgCycle .bkgActived {text-indent:0;text-indent: initial;opacity: 1;}

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

/*!----------------------------------------------*\
/* CORPS                                         *|
/*-----------------------------------------------*/
main{
    margin-top:80px;
    margin-top:5rem;
}
article {

}
section {

}

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

/*!----------------------------------------------*\
/* PAGE INDEX                                    *|
/*-----------------------------------------------*/
.index .like-h1{
    margin: 0;
}
.headerIndex-wp{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.titrePage{
  order:1;
}
.sousTitre{
  font:300 36px/1 'Roboto', sans-serif;
  font-size: calc(20px + 16 * ((100vw - 320px) / 1680));
}

.logo-label-wp{
  order:2;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.logo-label-wp li:last-child{
  margin-left:32px;
  margin-left: 2rem;
}

/* Toutes les pages */
header{
  margin-bottom:32px;
  margin-bottom: 2rem;
}
/*!----------------------------------------------*\
/* BOUTON CALL TO ACTION                         *|
/*-----------------------------------------------*/
.btCa-wp{
    display:flex;
    justify-content: center;
    margin-top:32px;
    margin-top: 2rem;
}
.btCa{
    display:block;
    border:2px solid #009aa9;
    padding: 0 24px;
    font:300 20px/2 'Roboto', sans-serif;
    text-align: center;
    color:#efefef;
    background-color:#009aa9;
    transition: all .5s;
}
.btCa:hover,
.btCa:focus,
.btCa:active{
    color:#111;
    background-color:#efefef;
}
/*!----------------------------------------------*\
/* MENU GRAPHIQUE                                *|
/*-----------------------------------------------*/
.mnu-graphique-wp{
  margin-top:64px;
  margin-top:4rem;
  padding-bottom:80px;
  padding-bottom: 5rem;
}

.mnu-graphique-wp h2.like-h1{
  text-align: center;
}
.mnu-graphique{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
}
.mnu-graphique li{
  max-height: 580px;
}
.mnu-graphique li a figure{
  position: relative;
  overflow: hidden;
}
.mnu-graphique li{
  /*margin: 8px;*/
  margin: 5px;
}
.mnu-graphique li a figcaption{
  color:#fff;
  background-color:#000;
}
.mnu-graphique li a img{
  display:block;
  transition: all .5s;
}

.mnu-graphique li a:hover img,
.mnu-graphique li a:focus img,
.mnu-graphique li a:active img
{
  -webkit-filter:saturate(200%);
  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.7870000000000001 -0.715 -0.072 0 0 -0.213 1.305 -0.072 0 0 -0.213 -0.715 1.9280000000000002 0 0 0 0 0 1 0" /></filter></svg>#filter');
  filter:saturate(200%);
  transform: scale3d(1.1,1.1,1.1);
}

/* Effets */
/* <a class="js-bkgContainer-mnuGraphique up Rbch" */
.up {
  transition: all .5s;
}
.up:hover {
  transform: translate3d(0,-10px,0);
}

/* <ul class="mnu-graphique sibling-fade"> */
ul.sibling-fade li {
transition: opacity 0.2s;
}
ul.sibling-fade:hover li:not(:hover) {
opacity: 0.5;
}

/*!----------------------------------------------*\
/* LOGOS PARTENAIRES                             *|
/*-----------------------------------------------*/
.content-partenaires-wp{
  padding:64px 0;
  padding: 4rem 0;
  background-color: #fff;
}
.content-partenaires-wp .like-h1{
  text-align: center;
}
.partenaire-wp{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.partenaire-wp li{
  margin:16px;
  margin: 1rem;
}
/*!----------------------------------------------*\
/* ASIDE                                         *|
/*-----------------------------------------------*/
aside {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  overflow:hidden;
}
.bloc {
  flex:1 1 600px; /* Taille du bloc */
  padding:16px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font:24px/1.2 'Roboto', sans-serif;
  text-align: center;
}
.logoAdr{
  margin:16px auto 32px;
  margin: 1rem auto 2rem;
  max-width: 350px;
  width: 100%;
}
.horaire-wp{
  margin-top:32px;
  margin-top: 2rem;
}
.horaire-wp p{
  font:700 24px/1.2 'Roboto Condensed', sans-serif;
  text-transform: uppercase;
  color:#009aa9;
}

/*!----------------------------------------------*\
/* MAP                                           *|
/*-----------------------------------------------*/
.map-container{
  min-width: 50%; /* moment ou on casse */
  flex:6666 0 0;
}
.bgIrMap {
    display: block;position: relative;width: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;
    max-width:1400px;  /* Paramètres */
    height:500px;    /* Paramètres */
}
a.bgIrMap {transition: -webkit-filter 0.5s;transition: filter 0.5s;transition: filter 0.5s, -webkit-filter 0.5s;transition: filter 0.5s,-webkit-filter 0.5s;}
.infoMap {display: block;visibility: hidden;z-index: 1;width: 320px;margin: 0 auto;padding: 1em;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;text-align: center;font:16px/16px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font: 1rem/1rem -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;transition: all .5s;transform: translate3d(0,-100px,0);-webkit-filter: saturate(100%);filter: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.01 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');filter: saturate(100%);
    color:#efefef;            /* Paramétre */
    background-color:#009aa9; /* Paramétre */
}
a.bgIrMap:hover, a.bgIrMap:focus, a.bgIrMap:active {cursor: Crosshair;-webkit-filter: saturate(200%);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.7870000000000001 -0.715 -0.072 0 0 -0.213 1.305 -0.072 0 0 -0.213 -0.715 1.9280000000000002 0 0 0 0 0 1 0" /></filter></svg>#filter');filter: saturate(200%);}
a.bgIrMap:hover p.infoMap, a.bgIrMap:focus p.infoMap, a.bgIrMap:active p.infoMap {visibility: visible;cursor:pointer;
	transform: translate3d(0,0,0);
}
/*!----------------------------------------------*\
/* FOOTER:                                       *|
/*-----------------------------------------------*/
footer.footer {padding: 20px 0 100px 0;font: .8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  color:#efefef;              /* Paramètres */
  background-color:#009aa9;   /* Paramètres */
}
footer.footer a {text-decoration: underline;color: inherit;}
.flxw-footer {display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 2vw;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;}
/*!850px*/
@media screen and (max-width:53.125em) {footer.footer .flxw-footer {flex-direction: column;}
footer.footer ul.social {order: 1;margin: 0 auto;font-size: 35px;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;}
footer.footer p {order: 2;margin: 15px auto 0;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;}
}
/*!500px*/
@media screen and (max-width:31.25em) {footer.footer p {text-align: center;font-size: 2.8vw;}
}
/*!----------------------------------------------*\
/* CODE CSS COMMUN A TOUTES LES GALERIES         *|
/*-----------------------------------------------*/
.galery{margin-top:32px;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:#009aa9;stroke:#009aa9}.galery a:hover,.galery a:focus{box-shadow:0 8px 16px 0 rgba(0, 0, 0, .2),0 6px 20px 0 rgba(0, 0, 0, .19);cursor:-webkit-zoom-in}.galery a:hover figure:after,.galery a:focus figure:after{height:auto;border-radius:5px;opacity:.6;background:radial-gradient(circle,transparent 50%,#fff 150%),#efefef;background-color:#efefef;box-shadow:inset 0 0 100px #ffffff}.galery a:hover svg,.galery a:focus svg{z-index:1;transition:all 300ms 100ms linear;transform:scale(1)}.galery a:hover img,.galery a:focus img{transition:all 400ms 100ms linear;transform:scale(1.1);filter:url(data:image/svg+xml;charset=utf-8,#filter);filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');filter:grayscale(100%);-webkit-filter:grayscale(100%)}.galery a:active{box-shadow:0 0 0 rgba(0, 0, 0, 0);}
.galery figcaption{position: absolute;z-index: 2;left:0;right:0;bottom:0;padding: 3px;font:italic .8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;text-align: center;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;
  color:#efefef; /* Paramètres */
  background-color:rgba(203, 7, 29, .8); /* Paramètres */
}
/*!----------------------------------------------*\
/* GALERIE IMAGE FLEXBIN                         *|
/* MAJ : 11/10/2019 : hauteur image : 210px      *|
/*-----------------------------------------------*/
/*https://github.com/guoyunhe/flexbin*/
.flexbin {display: flex;flex-wrap: wrap;overflow: hidden;-ms-flex-wrap: wrap;padding:3px 0;}
.flexbin:after {content: '';flex-grow: 999999999;height: 0;min-width: 300px;-webkit-box-flex: 999999999;-ms-flex-positive: 999999999;}
.flexbin a, .flexbin figure {display: block;position: relative;flex-grow: 1;margin: 2.5px;overflow: hidden;-webkit-box-flex: 1;-ms-flex-positive: 1;}
.flexbin figure {margin: 0;padding: 0;}
.flexbin img {width: auto;height: 210px;max-width: 100%;min-width: 100%;vertical-align: bottom;}
/* marges entre les images */
.flexbin.flexbin-margin {margin: 2.5px;}
/* 920px */@media(max-width:57.5em){.flexbin img{height: 30vw;}}
/* 540px *//*@media(max-width:34.375em){.flexbin img{height: auto;}}*/
/*!---------------------------------------------*\
/* BAGUETTEBOX                                  *|
/*----------------------------------------------*/
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0, 0, 0, .8);transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;box-shadow:0 0 8px rgba(0, 0, 0, .6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0, 0, 0, .6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;transition:left .4s ease,transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;border-radius:15%;background-color:#323232;background-color:rgba(50, 50, 50, .5);color:#ddd;font:1.6em sans-serif;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50, 50, 50, .9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}@keyframes bounce{0%,100%{transform:scale(0)}50%{transform:scale(1)}}/*!----------------------------------------------*\
/* MENTIONS LEGALES                              *|
/*-----------------------------------------------*/
.mentions-legales article {display: block;float: none;width: 100%;margin: 0 auto;padding:16px;padding:1rem;max-width: 980px;text-align: justify;font: 1em/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;}
.mentions-legales article h1{display: block;margin:40px 0 27.2px 0;margin: 2.5rem 0 1.7rem 0;border-bottom: none;text-align: left;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;}
.mentions-legales article h1:first-child {margin:0 0 32px 0;margin: 0 0 2rem 0;padding-bottom: 0;text-align: center;text-transform: uppercase;font-size:24px;font-size: 1.5rem;line-height:64px;line-height: 4rem;letter-spacing: 10px;}
.mentions-legales article h2 {display: block;margin:40px 0 27.2px 0;margin: 2.5rem 0 1.7rem 0;border-bottom: none;text-align: left;font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font-size:32px;font-size: 2rem;line-height:48px;line-height: 3rem;}
.mentions-legales article p {margin:24px 0;margin: 1.5rem 0;line-height:24px;line-height: 1.5rem;}
.mentions-legales article a {text-decoration: underline;color: currentColor;}
/*!---------------------------------------------*\
/*             RESEAUX SOCIAUX:                 *|
/*----------------------------------------------*/
ul.social {display: flex;justify-content: flex-end;font-size: 30px;-webkit-box-pack: end;-ms-flex-pack: end;}
/* Texte Partager sur : */
ul.social li.reseau-social {padding: 0 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:hover, ul.social li.reseau-social a:focus {outline: none;}
ul.social li.reseau-social:active {transform: scale(0.9);}
ul.social li.reseau-social svg {width: 1em;height: 1em;fill: currentColor;}
ul.social li.reseau-social:hover svg {fill: #efefef;}
ul.social li.reseau-social:nth-child(1) a:hover svg,ul.social li.reseau-social:nth-child(1) a:focus svg{border-radius: 50px;background-color: #000;}
ul.social li.reseau-social:nth-child(2) a:hover svg,ul.social li.reseau-social:nth-child(2) a:focus svg{border-radius: 50px;background-color: #3b5998;}
ul.social li.reseau-social:nth-child(3) a:hover svg,ul.social li.reseau-social:nth-child(3) a:focus svg{border-radius: 50px;background-color: #1da1f2;}
/*!850px*/
@media screen and (max-width:53.125em) {footer .flxw-footer {flex-direction: column;}
footer ul.social {order: 1;margin: 0 auto;font-size: 35px;-webkit-box-ordinal-group: 2;-ms-flex-order: 1;}
footer .partage-mention-container p {order: 2;margin: 15px auto 0;font-size: 1.8vw;-webkit-box-ordinal-group: 3;-ms-flex-order: 2;}}
/*!500px*/
@media screen and (max-width:31.25em) {footer .partage-mention-container p {text-align: center;font-size: 2.8vw;}}
/*!----------------------------------------------*\
/* COMMUN V.2.0                                  *|
/*-----------------------------------------------*/
form {
  max-width: 980px;
  margin: 0 auto;
  padding:0 16px;
  padding: 0 1rem;
    font: 1.00em/1.00 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
}

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

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

form button:hover,button:focus{
    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: 0px 0px 0px rgba(0, 0, 0, 0);
}

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

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

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

.mandatory{
    color:#de2d0f;
}

label.mandatory{
    color:#ffffff;
}

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

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

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

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

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

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

}
.link-toggle span,
.link-toggle svg {
    display: inline-block;
    vertical-align: middle
}
.link-toggle svg {
    display: none;
    width: 0;
    height: 1.47em;
    transition: all .5s cubic-bezier(.23, 1, .32, 1);
    transform: scale(0);
    border-radius: 50%;
    background: rgba(0, 0, 0, .15);
    will-change: width, transform;
    fill: currentColor
}
.link-toggle span {
    line-height: 1.47em
}
.link-toggle:hover {
    color: #fff;
    border-color: #009aa9;
    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: #009aa9;
}
/*!----------------------------------------------*\
/* 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: #009aa9;
}

.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:#ffffff;
}
input {
    border: 1px solid #009aa9;
    padding: .2em .5em;
    height: 2.6em;
    width: 70%;
    font-size:1.15em;
    line-height: 1.58;
    color:#111111;
    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 #009aa9;
    overflow: auto;
    color:#111111;
    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: #111111;
    background-color: #fafafa;
    cursor: pointer;
}

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

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

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

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

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

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

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

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

/* Aspect des bordures */
input:focus,
textarea:focus,
select:focus,
input:active
{
    border-color:  #efefef;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075),0 0 8px rgba(255, 242, 0, .6);
    color:#111111;
    background-color: #fafafa;
}

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


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

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

    label{
        float:none;
        display:block;
        font-size: 1.1em;
        letter-spacing: 1px;
        text-align:left;
    }
    fieldset{
        margin: 0;
        width: auto;
    }

}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : ICONES DECORATION SVG        *|
/*-----------------------------------------------*/
.form-group{
    position:relative;
}
label{
    float: none;
    display: block;
    width:100%;
    text-align: left;
    letter-spacing: 1px;
}
input,textarea{
    padding-left:2.5em;
    width:100%;
}
.select-field .select {
    padding-left:3em;
}
.select-field{
    width:100%;
}

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

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

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

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

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

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

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

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

/* Checked state */
.control input:checked ~ .control__indicator {
    background: rgba(213, 29, 42, 1);
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: rgba(213, 29, 42, .7);
}

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

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

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

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

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

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

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

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

label.stacked{
    clear:left;
    font-size: 1.15em;
    margin:8px 0 0px 10px;
}
/*!----------------------------------------------*\
/* MEDIA-QUERIES                                 *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width: 61.25em) {
    input[type=checkbox], input[type=radio]  {
        width: auto;
    }
    legend{
        font-size: 0.80rem;
    }
    label.stacked{
        font-size:.98rem;
    }
    input.stacked{
        height: 0;
        position: absolute;
    }
    .error-hint,.help-hint{
        margin-left: 0;
    }
}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : checkbox unique sans fieldset*|
/*-----------------------------------------------*/
label[for="norobot"] {
   margin-left:21%;
}
label.norobot{
    width:100%;
    margin-left:27%;
    text-align:left;
}
label.norobot .error-hint{
    margin-left:0;
}
/*!----------------------------------------------*\
/* Surcharge Style FlexBox                       *|
/*-----------------------------------------------*/
form {
    display:flex;
	flex-flow:row wrap;
	flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}
form .form-group {
    padding: 0 0 1.15em 0;
}
form label{
    float:none;
    display:block;
    width:auto;
    margin:0;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-align:left;
}
form input,form textarea{
	width:100%;
}
form .error-hint,form .help-hint{
    margin-left:0;
    width:100%;
}
form button{
    margin:1.5em 0 0 0;
    width:40%;
}

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

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

/*!----------------------------------------------*\
/*           PACE-version MINI                  * |
/*-----------------------------------------------*/
/* Voir  http://github.hubspot.com/pace/docs/welcome/ */
.pace {pointer-events: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;-webkit-pointer-events: none;-ms-user-select: none;}
.pace-inactive {display: none;}
.pace .pace-progress {z-index: 2000;position: fixed;top: 0;right: 100%;width: 100%;
	height:3px;
 	background:#009aa9;
}
/*!----------------------------------------------*\
/* Menu Mobile : MNUMOB V.1.2                    *|
/*-----------------------------------------------*/
/* Barre entête du menu mobile */
.mnuMob {display: none;position: fixed;top: 0;right: 0;left: 0;flex-direction: column;justify-content: flex-end;width: 100%;font: 16px/20px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;font-family: Arial,Helvetica,sans-serif;background-color: #000;box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .75);-webkit-box-pack: end;-ms-flex-pack: end;
  z-index: 12!important;  /* Paramétres */
}
/* Bouton Menu */
a.mnuMob__btn {display: flex;align-items: center;align-self: flex-end;width: 110px;height: 40px;margin: .6em .6em .6em 0;padding: .6em;border: 1px solid #009aa9;border-radius: 4px;text-decoration: none;outline: none;cursor: pointer;  -ms-flex-item-align: end; -webkit-box-align: center;-ms-flex-align: center;
  color: #efefef; /* Paramétres */
}
/* Texte du bouton menu */
.mnuMob__menutxt {padding-top: 3px;text-transform: uppercase;font-weight: bold;}
/* Container ul de navigation */
.mnuMob__nav {overflow: hidden;}
ul.mnuMob__nav {margin: 0;padding: 0;list-style: none;background-color: #111;}
.mnuMob__nav li {display: block;}
.mnuMob__nav a {display: block;margin: 2px 5px;padding: .5em;border-radius: 6px;text-decoration: none;line-height: 30px;outline: none;-webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;
color:#ccc; /* Paramétres */
}
/* icone svg */
.mnuMob__nav svg {width: 1em;height: 1em;margin-right: .5em;
  fill:#ccc; /* Paramétres */
}
.mnuMob__nav li a:hover,.mnuMob__nav li a:focus ,.mnuMob__nav li a:active   ,.mnuMob__nav li.active a{
  color:#efefef; /* Paramétres */
}
.mnuMob__nav a:hover svg,.mnuMob__nav a:focus svg,.mnuMob__navl a:active svg,.mnuMob__nav li.active svg {
  fill:#009aa9; /* Paramétres */
}
/* Etat du menu */
/* style pour les champs cachés sous condition */
/* menu fermé */
ul.mnuMob__nav[aria-hidden=true] {max-height: 0;transition: max-height 1s;}
/* menu ouvert */
ul.mnuMob__nav[aria-hidden=false] {transition: max-height 3s ease-in-out;
;max-height:92.5vh;/*  overflow-y: scroll */
}
.mnuMob__btn #burger {display: block;position: relative;width: 30px;height: 15px;margin-left: 0.438em;transition: .6s ease-in-out;transform: rotate(0deg);}
.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(0deg);}
.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;}
/*!----------------------------------------------*\
/* MENU SITE : MOBILE Version 2 31/12/2019       *|
/*-----------------------------------------------*/
.navMobile-wp{
  max-width: 980px;
  width:100%;
  margin: 30px auto 0;
}
.navMobile {
  margin: 0 auto;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
  font-size: 16px; /* Paramètre Elément référant */
  line-height: 1;
  color:#efefef;          /* Paramètre */
  background-color: #000; /* Paramètre */
}
.navMobile{
  margin: 0;
  padding: 0;
  padding-bottom: 5px;
  list-style: none;

  max-height:calc(100vh - 50px);
  overflow:hidden; /*overflow-y: auto;*/
  background-color: #111; /* Paramètre */
}

/* menu qui s'ouvre */
ul.navMobile[aria-hidden=false] {transition: max-height 1s ease-in-out;}
/* menu se ferme  */
ul.navMobile[aria-hidden=true] {max-height: 0;transition: max-height .5s;}

.navMobile ul {
  /* Cacher les sous menus par défaut */
  display: none;
}
.navMobile li {
  position: relative;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.navMobile li.has-children label{
  text-transform: uppercase;
}
.navMobile input[type=checkbox] {
  /* Cacher les checkbox natives */
  /* Recouvre toute la zone car parfois problème ouverture */
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.navMobile li.has-children svg{
  display: block;
  margin-right: .5em;
  width: 1em;
  height: 1em;
  stroke:#efefef; /* Paramètre */

  transition:all .5s;
}

.navMobile li.has-children:hover svg{
  stroke:#fff; /* Paramètre */
}

.navMobile a{
  display: flex;
  align-items:center;
  margin: 0 5px;
  padding: .5em;
  text-decoration: none;
  outline-color:transparent; /* Paramétres */
  -webkit-tap-highlight-color: transparent;
}

.navMobile label,.navMobile a {
  display: block;
  font-size: 1em;
  padding: 1em;
  color: #bbb;/* Paramètre */
}

.navMobile input[type=checkbox] + label,.navMobile li a{
  display: flex;
  align-items:center;
  transition:all .3s;
}

.navMobile li input[type=checkbox]:checked + label + ul{
  /* Affiche les enfant quand checked */
  display: block;
}

.navMobile input[type=checkbox]:checked + label {
  color:#efefef;/* Paramètre */
}
.navMobile input[type=checkbox]:checked + label svg {
  stroke:#fff; /* Paramètre */
  fill:#fff; /* Paramètre */
  transform: rotate(90deg);
}

/* Indentation des niveaux : niveau 1 */
.navMobile ul.mnuMobNiveau-01 label,
.navMobile ul.mnuMobNiveau-01 a {
  padding-left: 2em;
}
/* Indentation des niveaux : niveau 2 */
.navMobile ul.mnuMobNiveau-02 label,
.navMobile ul.mnuMobNiveau-02 a {
  padding-left: 3em;
}

/* 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:#009aa9; /* Paramétres */
}

.navMobile input[type=checkbox]:hover + label,
.navMobile input[type=checkbox]:focus + label,
.navMobile input[type=checkbox]:active + label,
.navMobile li a:hover,
.navMobile li a:focus,
.navMobile li a:active {
  color:#fff;
  background-color: #000; /* Paramètres */
}


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

    .wrapper {
        width: 100% !important;
        margin: 0 auto;
    }

    /* Contenu ckEditor */
    .ckeZone img{max-width:100% !important;height:auto !important;display:block;float:none !important;margin:10px auto !important;}
    /* Tableau responsifs */
    .ckeZone table{width:100% !important;}
    .ckeZone thead{display:none;}
    .ckeZone tr td:first-child {
        font-weight:700;
        color:white; /* Parametres */
        background-color: black; /* Parametres */
    }
    .ckeZone tr:nth-of-type(2n){width:100%!important;background-color:gray; /* Parametres */}
    .ckeZone tbody td{display:block;width:100%!important;text-align:center!important;}
    .ckeZone tbody td:before{content:attr(data-th);display:block;font-weight:bold;background-color: black;text-align:center;}
    .ckeZone tr td:first-child:before{display:none;}

    footer {
        padding: 20px 5px;
    }
}
/*!1100px*/
@media screen and (max-width: 68.75em) {
  .navDesktop {
    display: none
  }
  .mnuMob {
    position: fixed;
    display: flex;
  }
  .header--fixed{
    top:60px;
  }
  .bkgCycleRel{
    margin-top: 200px;
  }

}
/*!940px*/
@media screen and (max-width: 58.75em) {
  .header-wp{
    align-items: center;
  }
  .info-wp{
    display: flex;
    flex-direction: column
  }
  main{
    margin-top: 2rem;
  }
  .partenaire-wp{
    justify-content: center;
  }
  .partenaire-wp li{
    margin: 2rem;
  }
}
/*!730px*/
@media screen and (max-width: 45.625em) {
  .info__adr{
    display: none;
  }
  .info__tel{
    margin: auto;
  }
  .headerIndex-wp{
    flex-direction: column;
  }
  .logo-label-wp{
    order:1;
  }
  .titrePage{
    order:2;
  }
  .index .like-h1{
    text-align: center;
  }
}
/*!640px*/
@media screen and (max-width: 40em) {
  .info__tel svg{
    display: none;
  }
}
/*!603px*/
@media screen and (max-width: 37.6875em) {
  .info-mnu-wp{
    display: none;
  }
  .info-wp{
    display: none;
  }
  .header-wp{
    justify-content: center;
  }
}
/*!320px smartphone*/
@media screen and (max-width: 20em) {
    footer{
        font-size:2.8vw;
    }
}

/* prettier-ignore */
@media(prefers-reduced-motion: reduce) {
  *,
  *:before,
  *:after {
    transition: none !important;
    -webkit-animation: none !important;
            animation: none !important;
    scroll-behavior: auto !important;
  }
}