@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{-webkit-box-sizing:content-box;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{-webkit-box-sizing:border-box;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"]{-webkit-box-sizing:border-box;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}
*::-webkit-selection {background:#f57253;color:#111;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;}
*::selection {background:#f57253;color:#111;text-shadow: rgba(0, 0, 0, .2) 0 1px 1px;}
html::-webkit-scrollbar {
  width:16px;
  width: 1rem;
  background-color: rgba(252, 96, 64, .15);
}
html::-webkit-scrollbar-thumb {
    background: #fc6040;
}
html {
  scrollbar-color: #fc6040 rgba(252, 96, 64, .15);
  scrollbar-width: auto;
  caret-color: #fc6040;
}
/*!----------------------------------------------*\
/* 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{-webkit-column-width: auto!important;column-width: auto!important;}
body.admin .bloc-visimodif-mod input[type=submit]{background-color: #337ab7!important;}
/*
*{background:#000!important;color:#0f0!important;outline:solid #f00 1px!important;}
*/
/*!----------------------------------------------*\
/* SPRITE                                        *|
/*-----------------------------------------------*/
.sprite {
    display: block;
    background: url(../images/sprite.png) no-repeat transparent;
}

.sprite-bt-01 {
  width: 300px;
  height: 300px;
  background-position: -5px -5px;
}

.sprite-bt-02 {
  width: 300px;
  height: 300px;
  background-position: -5px -315px;
}

.sprite-bt-03 {
  width: 300px;
  height: 300px;
  background-position: -5px -625px;
}

.sprite-logo-interflora {
  text-indent: -9999px;
  width: 99px;
  height: 42px;
  background-position: -5px -935px;
}
/*!----------------------------------------------*\
/* 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;
}
/* background et class pour container d'images reponsives en background (slider ou autre)
https://www.svgbackgrounds.com/#wintery-sunburst
https://mycolor.space/gradient
https://leaverou.github.io/css3patterns/
*/
.bkgPlaceholder{
  background-color: #ffe6c2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fcb689'/%3E%3Cstop offset='1' stop-color='%23fcb689' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23c85693'/%3E%3Cstop offset='1' stop-color='%23c85693' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23a43d89'/%3E%3Cstop offset='1' stop-color='%23a43d89' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffe6c2'/%3E%3Cstop offset='1' stop-color='%23ffe6c2' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23f57253'/%3E%3Cstop offset='1' stop-color='%23f57253' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233d3c3f'/%3E%3Cstop offset='1' stop-color='%233d3c3f' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
  background-size: cover;
}

html {-webkit-box-sizing: border-box;box-sizing: border-box;}
*, *::before, *::after {-webkit-box-sizing: inherit;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;}
/* 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 {-webkit-transition: blur 400ms ease-out;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);-webkit-transition: all 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750);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;-webkit-transform: scale(0);transform: scale(0);}
100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes bkgCycleIntro {0% {opacity: 0;-webkit-transform: scale(0);}
100% {opacity: 1;-webkit-transform: scale(1);}
}
/* slide-up */
.js-lz-slide-up {opacity: .2;-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
/* apparition : slide-fl ( from left) */
.js-lz-slide-fl {-webkit-transform: translate3d(25px,0,0);transform: translate3d(25px,0,0);}
/* apparition : slide-fr ( from right) */
.js-lz-slide-fr {-webkit-transform: translate3d(-25px,0,0);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: -webkit-transform 0.7s;-webkit-transition:-webkit-transform 0.7s;transition:transform 0.7s;transition: transform 0.7s, -webkit-transform 0.7s;transition: transform 0.7s,-webkit-transform 0.7s;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;
    -webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
/*!----------------------------------------------*\
/* EFFETS CSS                                    *|
/*-----------------------------------------------*/
.btn-css-hover, .Rbch {transition:box-shadow .5s,opacity .25s,-webkit-filter .25s ease;-webkit-transition: opacity .25s,-webkit-box-shadow .5s,-webkit-filter .25s ease;transition: opacity .25s,-webkit-box-shadow .5s,-webkit-filter .25s ease;transition: box-shadow .5s,opacity .25s,filter .25s ease;transition: box-shadow .5s,opacity .25s,filter .25s ease,-webkit-box-shadow .5s,-webkit-filter .25s ease;transition: box-shadow .5s,opacity .25s,filter .25s ease,-webkit-filter .25s ease;}
.btn-css-hover:hover, .btn-css-hover:focus, .Rbch:hover, .Rbch:focus {-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2) ,0 6px 20px 0 rgba(0, 0, 0, .19);box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2) ,0 6px 20px 0 rgba(0, 0, 0, .19);}
.btn-css-hover:active, .Rbch:active {-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 0 0 rgba(0, 0, 0, 0);}
/*!----------------------------------------------*\
/* HELPER                                        *|
/*-----------------------------------------------*/
.clear {clear: both;}
.cleara:after {content: "";display: table;clear: both;}
.no-display {display: none;}
.vh{visibility: hidden;}
/* visible pour les lecteurs d'écran et robots, pas pour les humains*/
.visually-hidden {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;}
.darken:hover, .darken:focus, .darken:active {-webkit-box-shadow: inset 0 0 28px rgba(0, 0, 0, .2);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;}
/* Habillage des liens vers des fichiers .pdf */
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;-webkit-box-shadow: none;box-shadow: none;}
a[href$=".pdf"]:hover, a[href$=".pdf"]:focus, a[href$=".pdf"]:active {-webkit-box-shadow: none;box-shadow: none;}
.content-col ul,.content ul {margin: 2em;text-align: left;list-style: square;}
.content-col ul li,.content ul li {margin-bottom: 1em;}
.content-col p,.content-col table, .content-col ul, .content-col li, .content-col a{-webkit-column-break-inside: avoid;break-inside: avoid;page-break-inside: avoid;}
/* 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;';}
/* Case formulaire RGPD */
.rgpd-checkbox-txt{margin-top:1rem;font-size:.8em;line-height: 1.2;text-align: justify;}
label.mandatory.rgpd-checkbox-txt:after{font-size: .7rem;line-height: 1.1rem;}
.rgpd-info{font:.8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;margin-top:1rem;text-align: justify;}

/* 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:18px/27px 'Montserrat', sans-serif;
    color: #3d3c3f;
    background-color:#ffe8bb;
}
a:link,a:visited {color: currentColor;}

h1,.like-h1 {
    font:48px/54px 'Parisienne', cursive;
    text-align: center;
    margin-bottom:48px;
    color:#f57253;
}
h2 {
    font:35px/54px 'Parisienne', cursive;
    color:#f57253;
}
h3 {
    font:25px/27px 'Parisienne', cursive;
    color:#f57253;
}
h2,h3{
    margin-top: 27px;
}
/*!----------------------------------------------*\
/* ENTETE                                        *|
/*-----------------------------------------------*/
.header--fixed {
	position: fixed;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
    height: 114px;

    background-color:#ffe6c2;
}
/* si pluging headroom */
.headroom{
	will-change: transform;
	transition: -webkit-transform 200ms linear;
	-webkit-transition: -webkit-transform 200ms linear;
	transition: transform 200ms linear;
	transition: transform 200ms linear, -webkit-transform 200ms linear;
}
.headroom--pinned {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}
.headroom--unpinned {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.header-top-wp{
  background-color: #f57253;
}
.header-top{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height:50px;
  padding-left: 280px;
}
.infoTel-wp{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font:700 20px/2rem 'Montserrat', sans-serif;
  color:#fff;
}
.infoTel-wp svg{
  display:block;
  width:32px;
  height:32px;
  margin-right: 10px;
  fill:currentColor;
}

.header-bottom-wp{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.logo {
  position: absolute;
  top: 15px;
  display:block;
  width:40vw;
  max-width:218px;
  height:209px;
}
/*!----------------------------------------------*\
/* MENU SITE                                     *|
/*-----------------------------------------------*/
.navDesktop{
  padding-top: 2rem;
  padding-left: 265px;
}
.navDesktop ul
{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.navDesktop ul li a {
    display:block;
    position: relative;
    font:700 16px/2 'Montserrat', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    color:#3d3c3f;
    -webkit-transition: color .5s;
    transition: color .5s;
}

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

    opacity: 0;
    background-color:#f57253;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
    -webkit-transition: all .5s;
    transition: all .5s;
}

.navDesktop ul li a:hover,
.navDesktop ul li a:focus,
.navDesktop ul li a:active,
.navDesktop li.active a{
    color:#3d3c3f;
    outline-color:#f57253;
}

.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;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
/*!----------------------------------------------*\
/* SLIDER FL bkgCycle - version de base          *|
/*-----------------------------------------------*/
.bkgCycleRel {
  position: relative;
  margin-top: 110px;
	min-height: 180px; /* Paramètres */
	max-width:2000px;
	height:1000px;
	/* -30% de hauteur : height: calc((100vw/2000)*( 980 - ( 980 * .30 ) ) ); */
    height:35vw;
}
.index .bkgCycleRel {
	/* ( largeur du Viewport / largeur de l'image ) * hauteur de l'image*/
	/* 	height: calc((100vw/1920)*980); */
	height:50vw;
}
.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;-webkit-transition: opacity 2s;transition: opacity 2s;}
.bkgCycle .bkgActived {text-indent: initial;opacity: 1;}

.load-bar {display:none;position: absolute;bottom: 0;left: 0;width: 100%;height: 6px!important;background-color:blue;}
.bar {content: "";display: inline;position: absolute;left: 50%;width: 0;height: 100%;text-align: center;}
.bar:nth-child(1) {background-color:#f57253;-webkit-animation: loading 3s linear infinite;animation: loading 3s linear infinite;}
.bar:nth-child(2) {background-color:#8e9a01;-webkit-animation: loading 3s linear 1s infinite;animation: loading 3s linear 1s infinite;}
.bar:nth-child(3) {background-color:#000;-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%;}
}


.bkgCycleRel:before{
  content:'';
  z-index:3;
  display: block;
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background: url(../images/mask.png) no-repeat top center transparent;
  background-size: cover;

  opacity:0;
  -webkit-transition:opacity 3s;
  transition:opacity 3s;
}

.masque-slider-on:before{
  opacity: 1;
}

.slogan{
  position: absolute;
  left:0;
  right:0;
  bottom:20rem;
  text-align: center;
  font-family: 'Parisienne', cursive;
  font-size: calc(20px + (72 - 20) * ((100vw - 320px) / (2000 - 320)));
  line-height: 1;
  color:#fff;
  text-shadow: 5px 3px 2px rgba(0, 0, 0, 1);
}
/*!----------------------------------------------*\
/* MENU GRAPHIQUE                                *|
/*-----------------------------------------------*/
.mnu-graphique-wp{
  z-index: 3;
  position: absolute;
  bottom: -17vw;
  left:0;
  right:0;
  width:100%;
  min-height: 440px;
  margin: 0 auto;
}
.mnu-graphique{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.mnu-graphique li {
  margin: 80px 10px 0px 10px;
}

.mnu-graphique li a {
    display:block;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.mnu-graphique li a span{
  padding-top: 330px;
  display:block;
  font:700 20px/1 'Montserrat', sans-serif;
  text-align: center;
  text-transform: uppercase;
}
.mnu-graphique li a:hover .sprite,
.mnu-graphique li a:focus img,
.mnu-graphique li a:active img
{
    -webkit-filter:saturate(200%);
    filter:saturate(200%);
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}

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

/*!----------------------------------------------*\
/* CORPS                                         *|
/*-----------------------------------------------*/
main{

}
.index main{
  margin-top: 200px;
}
article {

}
section {

}
.content-page{
  padding: 70px 0 0 0;
}
/* CkEdidor Mode bloc et colonne */
/* les gabarits */
.content{max-width: 980px;margin: 0 auto;padding:0 16px;padding: 0 1rem;}
.content ul, .content-col ul {margin: 0 2em 2em 2em;text-align: left;list-style: inherit;list-style: square;}
.content-col {-webkit-column-gap: 2rem;column-gap: 2rem;-webkit-column-width: 400px;column-width: 400px;}
.content-col p,.content-col table, .content-col ul, .content-col li, .content-col a{-webkit-column-break-inside: avoid;break-inside: avoid;page-break-inside: avoid;}
/* Les images */
.content img {margin: 0 10px 10px 0;}
.content-col img {display: block;margin: 0 auto;}
/* Les liens */
.content-col a:not(.btCa),.content a:not(.btCa){
    -webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
            box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);-webkit-transition: color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition: color 80ms ease-in,-webkit-box-shadow 130ms ease-in-out;transition: color 80ms ease-in,box-shadow 130ms ease-in-out;transition: color 80ms ease-in,box-shadow 130ms ease-in-out,-webkit-box-shadow 130ms ease-in-out;
}
.content-col a:not(.btCa):hover,.content-col a:not(.btCa):focus,.content-col a:not(.btCa):active,.content a:not(.btCa):hover,.content a:not(.btCa):focus,.content a:not(.btCa):active{
    -webkit-box-shadow: inset 0 0 0 rgba(15, 15, 15, 0) ,0 3px 0 rgba(15, 15, 15, 1);
            box-shadow: inset 0 0 0 rgba(15, 15, 15, 0) ,0 3px 0 rgba(15, 15, 15, 1);
}
/* Listes à puces */
.content-col ul,.content ul {margin: 2em;text-align: left;list-style: square;}
.content-col ul li,.content ul li {margin-bottom: 1em;}
/* Video */
.video-container {position: relative;padding-bottom: 56.25%; /*16:9*/padding-top: 30px;height: 0;overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/* Les tableaux */
table {border-collapse:collapse;width:100%;margin:auto;
    border:3px solid #fc6040;}
thead, tfoot {font-weight:700;text-transform: uppercase;
    color:#fff;
    border:1px solid #fc6040;
    background-color:#fc6040;
}
thead td{text-align:center;}
tbody {
    border:1px solid #fc6040;
    background-color:transparent;
}
th {padding:5px;width: 12.5%;
    border:1px dotted #fc6040;
    background-color:transparent;
}
td {font-size:80%;padding:5px;text-align:left;
    border:1px dotted #fc6040;
}

/*!----------------------------------------------*\
/* PAGE INDEX                                    *|
/*-----------------------------------------------*/
.index .like-h1{
    margin-bottom: 2rem;
}

.infoSite-wp{
  margin-top: 6rem;
  padding: 50px 0;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 15px 2px rgba(252,96,64,1);
  box-shadow: 0px 0px 15px 2px rgba(252,96,64,1);
}
.infoSite{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.infoSite-content{
  -webkit-box-flex:2;
      -ms-flex:2 1 auto;
          flex:2 1 auto;
}
.infoSite-content__decoTop-wp,.infoSite-content__decoBottom-wp{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.infoSite-content__decoTop-wp li{
  margin: 0 10px 10px 10px;
}
.infoSite-content__decoBottom-wp li{
  -webkit-box-flex:1;
      -ms-flex:1 1 50%;
          flex:1 1 50%;
  margin: 0 10px 10px 10px;
}
.index h3.like-h1{
  margin-top:0;
  margin-bottom: 1rem;
}
.infoPlus-wp{
  text-align: center;
}
.slide-up-delay-01{
  -webkit-animation-delay:1s;
          animation-delay:1s;
}
.slide-up-delay-02{
  -webkit-animation-delay:2s;
          animation-delay:2s;
}

/*wp pluging Facebook page dans IFRAME */
.colFacebook {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 310px;
	margin: 0 auto;
}

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

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

}

/*!----------------------------------------------*\
/* PAGE INDEX : DERNIERE ACTUALITE ET AVIS       *|
/*-----------------------------------------------*/
.actualite-avis-wp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1800px;
  margin: 0 auto;
}

/*!----------------------------------------------*\
/* PAGE INDEX : DERNIERE ACTUALITE               *|
/*-----------------------------------------------*/
.index-actualite-wp{
  -webkit-box-flex:1;
      -ms-flex:1 1 50%;
          flex:1 1 50%;
  padding: 60px 50px;

}
a.actualite-mediabox-wp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height:300px;
  height:100%;
  -webkit-transition:all .5s;
  transition:all .5s
}
a.actualite-mediabox-wp:hover,
a.actualite-mediabox-wp:focus,
a.actualite-mediabox-wp:active{
  background-color:#fff;
}

.actualite-mediabox__img{
  -webkit-box-flex:1;
  -ms-flex:1 1 270px;
  flex:1 1 270px;
}

.img-actu-index{
  height:100%;
}
.actualite-mediabox__txt{
  -webkit-box-flex:1;
      -ms-flex:1 1 500px;
          flex:1 1 500px;

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  padding: 1rem;
}
.actualite-mediabox__txt h3.like-h1{
  text-align: left;
}
.actualite-mediabox__txt--titre{
  margin-bottom: 1rem;
  font:20px/1.25'Montserrat', sans-serif;
  color:#3d3c3f;
}
.actualite-mediabox--link-nav-wp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 20px;
}
.actualite-mediabox--link-nav-wp .link-nav{
  padding: 0 1rem;
  border-radius: 50px;
  font:15px/3 'Montserrat', sans-serif;
  color:#fff;
  background-color:#fc6040;
}
/*!----------------------------------------------*\
/* PAGE INDEX : AVIS INTERNAUTES                 *|
/*-----------------------------------------------*/
.index-avis-wp{
  -webkit-box-flex:1;
      -ms-flex:1 1 50%;
          flex:1 1 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: distribute;
  justify-content: space-around;

  padding: 60px 50px;
  height: 300px;
}
.index-avis-wp h3{
  text-align: left;
}
.index-avis-inside{
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
.avis-internaute{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.guillemet{
  display: block;
  width: 24px;
  height:18px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAclBMVEUAAAD1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clP1clPlDpCwAAAAJXRSTlMABvoxCveLeVYU8+3KwrulkWBFOSsXEOji09GfbFFLJ7SNQSEcwsJeEgAAALdJREFUGNNNj1cCwyAMQyEDMpu9V5fuf8USY5L661lgyxJ/1csLu4sMvxLNeBTe5mSpEyANaLD0gIz1dgZQfE98j4CneqtHITDUhBrA1PL/FcAjJiwNLgHr1blGEiqD2vn6xutp9QiAuu7JANj9cQokh7gXOQtFuHDODPbFzKYWS9IDcPnCZwrpqg+4KrE7bMjQdZFoHNp8Oc93Qg4WR44RUrdyDMCrXUAzM22E+wzk5MAZgxslww8IMhi0k081uwAAAABJRU5ErkJggg==") no-repeat center center transparent;
}
.guillemet.ferme{
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.avis-internaute__txt{
  padding: 0 1rem;
  width: 100%;
  margin: 0 auto;
  font:16px/1.5 'Montserrat', sans-serif;
  text-align: justify;
}
.avisAuteur{
  margin-top: 30px;
  font-weight: 700;
  text-align: right;
}

.btCa-wp{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.index-avis-wp a{
  width: 200px;
  margin-top: 40px;
  padding: 0 1rem;
  border-radius: 50px;
  font:15px/3 'Montserrat', sans-serif;
  text-align: center;
  color:#fff;
  background-color:#fc6040;
}
/*!----------------------------------------------*\
/* ASIDE                                         *|
/*-----------------------------------------------*/
aside {
  margin-top:9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align:center;
}

.bloc,.horaire-wp {
  -webkit-box-flex:1;
      -ms-flex:1 1 600px;
          flex:1 1 600px;
}
.tel-wp{
  margin: 1rem auto;
  font-size:24px;
  font-weight: 700;
  color:#f57253;
}
/*!----------------------------------------------*\
/* MAP                                           *|
/*-----------------------------------------------*/
.map-container{
  -webkit-box-flex:2;
      -ms-flex:2 1 800px;
          flex:2 1 800px;
}
.bgIrMap {
    display: block;position: relative;width: 100%;overflow: hidden;background-position: center center;background-repeat: no-repeat;
    margin: 0 auto;
    max-width:800px;  /* Paramètres */
    height:400px;    /* Paramètres */
    border:2px solid #ff4d2e;
}
a.bgIrMap {transition: -webkit-filter 0.5s;-webkit-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;-webkit-transition: all .5s;transition: all .5s;-webkit-transform: translate3d(0,-100px,0);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:#fc6040; /* 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;
	-webkit-transform: translate3d(0,0,0);
	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:#fc6040;   /* Paramètres */
}
footer.footer a {text-decoration: underline;color: inherit;}
.flxw-footer {display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;padding: 0 2vw;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;-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;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-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         *|
/*-----------------------------------------------*/
.galerie{margin-top:32px;margin-top:2rem;background-color:transparent}.galerie a{display:block;z-index:0;position:relative;height:100%;margin:0;padding:0;overflow:hidden;-webkit-transition:-webkit-box-shadow .5s;transition:-webkit-box-shadow .5s;transition:box-shadow .5s;transition:box-shadow .5s, -webkit-box-shadow .5s;-webkit-transition:all 300ms 1ms linear;transition:all 300ms 1ms linear}.galerie 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%;-webkit-transition:background-size 500ms ease-in;transition:background-size 500ms ease-in}.galerie img{display:block;width:100%;height:auto;margin:0;-webkit-transition:all 200ms linear;transition:all 200ms linear}.galerie figure:after{content:'';display:none;display:block;z-index:1;position:absolute;top:5%;right:4%;bottom:5%;left:4%}.galerie svg{display:block;position:absolute;top:25%;left:33%;width:30%;height:50%;-webkit-transition:all 300ms 0ms linear;transition:all 300ms 0ms linear;-webkit-transform:scale(0);transform:scale(0);
    fill:#fc6040;stroke:#fc6040}.galerie a:hover,.galerie a:focus{-webkit-box-shadow:0 8px 16px 0 rgba(0, 0, 0, .2),0 6px 20px 0 rgba(0, 0, 0, .19);box-shadow:0 8px 16px 0 rgba(0, 0, 0, .2),0 6px 20px 0 rgba(0, 0, 0, .19);cursor:-webkit-zoom-in}.galerie a:hover figure:after,.galerie a:focus figure:after{height:auto;border-radius:5px;opacity:.6;background:radial-gradient(circle,transparent 50%,#fff 150%),#efefef;background-color:#efefef;-webkit-box-shadow:inset 0 0 100px #ffffff;box-shadow:inset 0 0 100px #ffffff}.galerie a:hover svg,.galerie a:focus svg{z-index:1;-webkit-transition:all 300ms 100ms linear;transition:all 300ms 100ms linear;-webkit-transform:scale(1);transform:scale(1)}.galerie a:hover img,.galerie a:focus img{-webkit-transition:all 400ms 100ms linear;transition:all 400ms 100ms linear;-webkit-transform:scale(1.1);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%)}.galerie a:active{-webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);box-shadow:0 0 0 rgba(0, 0, 0, 0);}
/*!----------------------------------------------*\
/* GALERIE IMAGE FLEXBIN                         *|
/* MAJ : 11/10/2019 : hauteur image : 240vw      *|
/*-----------------------------------------------*/
/*https://github.com/guoyunhe/flexbin*/
.flexbin {display: -webkit-box;display: -ms-flexbox;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: 200px;max-width: 100%;min-width: 100%;vertical-align: bottom;} /* 200 px */
/* marges entre les images */
.flexbin.flexbin-margin {margin: 2.5px;}
/* 920px */@media(max-width:57.5em){.flexbin img{height: 30vw;}} /* 200px */
/* 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);-webkit-transition:opacity .5s ease;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;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, .6);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,-webkit-transform .4s ease;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-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;-webkit-transition:background-color .4s ease;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%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}/*!----------------------------------------------*\
/* MENTIONS LEGALES                              *|
/*-----------------------------------------------*/
.mentions-legales article {display: block;float: none;width: 100%;margin: 0 auto;padding: 2% 5%;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 a {text-decoration: underline;color: currentColor;}
.mentions-legales article h2 {display: block;margin: 24px 0;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:32px;font-size: 2rem;line-height: 48px;line-height:48px;line-height: 3rem;}
.mentions-legales article h2:first-child {margin: 32px 0 20.8px 0;margin:32px 0 20.8px 0;margin: 2rem 0 1.3rem 0;padding-bottom: 0;text-align: center;text-transform: uppercase;font-size: 24px;font-size:24px;font-size: 1.5rem;line-height: 64px;line-height:64px;line-height: 4rem;letter-spacing: 10px;color: #fff;background-color: #000;}
.mentions-legales article p {margin: 24px 0;margin:24px 0;margin: 1.5rem 0;line-height: 24px;line-height:24px;line-height: 1.5rem;}/*!---------------------------------------------*\
/*             RESEAUX SOCIAUX:                 *|
/*----------------------------------------------*/
ul.social {display: -webkit-box;display: -ms-flexbox;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 {-webkit-transform: scale(0.9);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;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-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;}}

/**************************************************
*												                          *
*                 ACTUALITE				     	          *
*												                          *
**************************************************/
/*!----------------------------------------------*\
/* ACTUALITES SOMMAIRE et DETAIL V.3.0 Mansonary *|
/* ARTICLES SOMMAIRE               				       *|
*  MAJ : 09/10/2019 intégre le plugin macy.js    *|
/*-----------------------------------------------*/
.actualites-container{
  min-height: 100vw;
}

/* Page Sommaire ( idem sommaire catalogue ) */
a.card{
  overflow: hidden;
  display: block;
  border: 1px solid #fc6040; /* Paramètre */
  border-radius: 5px;
  background-color: #f5f5f5;
}
a.card:hover .link-nav,
a.card:focus .link-nav,
a.card:active .link-nav{
  color:#fff;
  background-color: #fc6040;
}
.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__txt-wp{
  padding: 1rem;
}
.card__txt-wp h2{
  margin-bottom:1em;
  font-family: 'Montserrat', sans-serif;
  font-size: calc(18px + (25 - 18) * ((100vw - 320px) / (2000 - 320)));
  line-height: 1.2;
  text-align: center;
}


/* Page Détail layout algho */

.actualite h2.like-h1{
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
}

.actualite-media{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;

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

.actualite-media-img{
  position:-webkit-sticky;
  position:sticky;
  top:100px;
  -webkit-box-flex:1;
  -ms-flex:1 1 490px;
  flex:1 1 490px;

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

.actualite .galerie{
  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 */
  -webkit-box-flex:666;
  -ms-flex:666 0 0px;
  flex:666 0 0;
  padding: 0 2em 0 2em;
}
/* Images de l'utilisateur dans le corps des actus */
.actualite-media-txt img{
  display: block;
  margin: 2rem auto 1rem!important;
  width: 100%!important;
  height: auto!important;
  -o-object-fit: cover;
  object-fit: cover;
  /* object-position: top; */
  /* polyfill pour IE */
  font-family: 'object-fit: cover;';
  /* font-family: 'object-fit: cover; object-position: top;'; */
}


/* les deux */
.link-nav-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

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

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

/*!980px*/
@media screen and (max-width: 61.25em) {
  .actualite-media-img{
    position: static;
  }
}

/*!----------------------------------------------*\
/* PLUGIN MACY                                   *|
/*-----------------------------------------------*/
.macy-container::before,.macy-container::after { content: ""; display: table; clear: both;}
.macy-container {width:100%;}
.macy-opacity0{opacity: 0;}
.macy-container a.card-actualite {
  overflow: hidden;
  border-radius: 4px;       /* Paramètre */
}

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

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

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

.macy-opacity0{
  opacity: 0;
}


/* loader Patientez */
.loader {position: absolute;top: 0;left: 50%;width: 40px;height: 40px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.loader .center {width: 40px;height: 40px;border-radius: 50%;-webkit-animation: center 3.2s ease-in-out infinite;animation: center 3.2s ease-in-out infinite;
background: #efefef; /* Paramètre */}
.loader .item {position: absolute;top: 15px;right: 0;left: 0;width: 10px;height: 10px;margin: auto;border-radius: 50%;
background: #fc6040; /* Paramètre */}
.item-1 {-webkit-animation: anim-1 3.2s ease-in-out infinite 0.2s;animation: anim-1 3.2s ease-in-out infinite 0.2s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-1 {0%, 60%, 100% {-webkit-transform: rotate(45deg) translateX(40px) scale(1);transform: rotate(45deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(45deg) translateX(0) scale(1.5);transform: rotate(45deg) translateX(0) scale(1.5);}
}
@keyframes anim-1 {0%, 60%, 100% {-webkit-transform: rotate(45deg) translateX(40px) scale(1);transform: rotate(45deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(45deg) translateX(0) scale(1.5);transform: rotate(45deg) translateX(0) scale(1.5);}
}
.item-2 {-webkit-animation: anim-2 3.2s ease-in-out infinite 0.4s;animation: anim-2 3.2s ease-in-out infinite 0.4s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-2 {0%, 60%, 100% {-webkit-transform: rotate(90deg) translateX(40px) scale(1);transform: rotate(90deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(90deg) translateX(0) scale(1.5);transform: rotate(90deg) translateX(0) scale(1.5);}
}
@keyframes anim-2 {0%, 60%, 100% {-webkit-transform: rotate(90deg) translateX(40px) scale(1);transform: rotate(90deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(90deg) translateX(0) scale(1.5);transform: rotate(90deg) translateX(0) scale(1.5);}
}
.item-3 {-webkit-animation: anim-3 3.2s ease-in-out infinite 0.6s;animation: anim-3 3.2s ease-in-out infinite 0.6s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-3 {0%, 60%, 100% {-webkit-transform: rotate(135deg) translateX(40px) scale(1);transform: rotate(135deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(135deg) translateX(0) scale(1.5);transform: rotate(135deg) translateX(0) scale(1.5);}
}
@keyframes anim-3 {0%, 60%, 100% {-webkit-transform: rotate(135deg) translateX(40px) scale(1);transform: rotate(135deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(135deg) translateX(0) scale(1.5);transform: rotate(135deg) translateX(0) scale(1.5);}
}
.item-4 {-webkit-animation: anim-4 3.2s ease-in-out infinite 0.8s;animation: anim-4 3.2s ease-in-out infinite 0.8s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-4 {0%, 60%, 100% {-webkit-transform: rotate(180deg) translateX(40px) scale(1);transform: rotate(180deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(180deg) translateX(0) scale(1.5);transform: rotate(180deg) translateX(0) scale(1.5);}
}
@keyframes anim-4 {0%, 60%, 100% {-webkit-transform: rotate(180deg) translateX(40px) scale(1);transform: rotate(180deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(180deg) translateX(0) scale(1.5);transform: rotate(180deg) translateX(0) scale(1.5);}
}
.item-5 {-webkit-animation: anim-5 3.2s ease-in-out infinite 1s;animation: anim-5 3.2s ease-in-out infinite 1s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-5 {0%, 60%, 100% {-webkit-transform: rotate(225deg) translateX(40px) scale(1);transform: rotate(225deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(225deg) translateX(0) scale(1.5);transform: rotate(225deg) translateX(0) scale(1.5);}
}
@keyframes anim-5 {0%, 60%, 100% {-webkit-transform: rotate(225deg) translateX(40px) scale(1);transform: rotate(225deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(225deg) translateX(0) scale(1.5);transform: rotate(225deg) translateX(0) scale(1.5);}
}
.item-6 {-webkit-animation: anim-6 3.2s ease-in-out infinite 1.2s;animation: anim-6 3.2s ease-in-out infinite 1.2s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-6 {0%, 60%, 100% {-webkit-transform: rotate(270deg) translateX(40px) scale(1);transform: rotate(270deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(270deg) translateX(0) scale(1.5);transform: rotate(270deg) translateX(0) scale(1.5);}
}
@keyframes anim-6 {0%, 60%, 100% {-webkit-transform: rotate(270deg) translateX(40px) scale(1);transform: rotate(270deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(270deg) translateX(0) scale(1.5);transform: rotate(270deg) translateX(0) scale(1.5);}
}
.item-7 {-webkit-animation: anim-7 3.2s ease-in-out infinite 1.4s;animation: anim-7 3.2s ease-in-out infinite 1.4s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-7 {0%, 60%, 100% {-webkit-transform: rotate(315deg) translateX(40px) scale(1);transform: rotate(315deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(315deg) translateX(0) scale(1.5);transform: rotate(315deg) translateX(0) scale(1.5);}
}
@keyframes anim-7 {0%, 60%, 100% {-webkit-transform: rotate(315deg) translateX(40px) scale(1);transform: rotate(315deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(315deg) translateX(0) scale(1.5);transform: rotate(315deg) translateX(0) scale(1.5);}
}
.item-8 {-webkit-animation: anim-8 3.2s ease-in-out infinite 1.6s;animation: anim-8 3.2s ease-in-out infinite 1.6s;-webkit-animation-fill-mode: backwards;animation-fill-mode: backwards;}
@-webkit-keyframes anim-8 {0%, 60%, 100% {-webkit-transform: rotate(360deg) translateX(40px) scale(1);transform: rotate(360deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(360deg) translateX(0) scale(1.5);transform: rotate(360deg) translateX(0) scale(1.5);}
}
@keyframes anim-8 {0%, 60%, 100% {-webkit-transform: rotate(360deg) translateX(40px) scale(1);transform: rotate(360deg) translateX(40px) scale(1);}
10%, 50% {-webkit-transform: rotate(360deg) translateX(0) scale(1.5);transform: rotate(360deg) translateX(0) scale(1.5);}
}
@-webkit-keyframes center {0%, 10%, 90%, 100% {-webkit-transform: scale(0.7);transform: scale(0.7);}
45%, 55% {-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes center {0%, 10%, 90%, 100% {-webkit-transform: scale(0.7);transform: scale(0.7);}
45%, 55% {-webkit-transform: scale(1);transform: scale(1);}
}
/*!----------------------------------------------*\
/* COMMUN V.2.0                                  *|
/*-----------------------------------------------*/
form {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1rem;
    font: 1.00em/1.00 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;
}

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

    display:block;
    margin-left: 27%;
    width: 9em;
    height:3.7em;
    border: 2px solid #f57253;
    font-size:1.1em;
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    color:#000000;
    background-color: transparent;
    -webkit-transition:box-shadow .5s,opacity .25s,-webkit-filter .25s ease;
    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: #f57253;
    background-color: #f57253;
}
*/

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

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

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

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

.mandatory{
    color:#de2d0f;
}

label.mandatory{
    color:#000000;
}

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

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

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

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

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

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

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

.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 {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    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:#000000;
}
input {
    border: 1px solid #f57253;
    padding: .2em .5em;
    height: 2.6em;
    width: 70%;
    font-size:1.15em;
    line-height: 1.58;
    color:#000000;
    background-color:#fafafa;
}
textarea
{
    width: 70%;
    height: 7.5em;
    padding: .2em .5em;
    font-size: 1.2em;
    line-height: 1.5;
    resize: vertical;
    border: 1px solid #f57253;
    overflow: auto;
    color:#000000;
    background-color:#fafafa;
    -webkit-overflow-scrolling: touch;
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,.15) 0, #fafafa 1px);
    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: -webkit-linear-gradient(bottom, #fafafa 0%, #fafafa 1px);
    background: -o-linear-gradient(bottom, #fafafa 0%, #fafafa 1px);
    background: linear-gradient(to top, #fafafa 0%, #fafafa 1px);

    background: -webkit-linear-gradient(bottom, #fff 0%, #fff 1px);
    background: -o-linear-gradient(bottom, #fff 0%, #fff 1px);
    background: linear-gradient(to top, #fff 0%, #fff 1px);
}

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

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

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

.select-field .select {
    width: 100%;
    height: 2.7em;
    margin: 0;
    padding: 0 25px 0 10px;
    border: 1px solid #f57253;
    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: #f57253;
    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:  #f57253;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(245,114,83,0.6);
    color:#000000;
    background-color: #fafafa;
}

fieldset {
    margin-left: 22%;
    padding: 1em;
    width: 70%;
    border: 1px solid #f57253;
    background-color:#fafafa;
}
fieldset label{
    width: auto;
    color:#000000;
}
legend{
    padding: 0.3em;
    font-size: .9em;
    color: #000000;
    background-color:transparent;
}
.disabled{
    opacity:.45;
    pointer-events: none;
    cursor:not-allowed;
}
.disabled fieldset,
input[type=text][readonly="readonly"],
input[type=password][readonly="readonly"],
input[type=email][readonly="readonly"],
input[type=url][readonly="readonly"],
input[type=time][readonly="readonly"],
input[type=date][readonly="readonly"],
input[type=datetime][readonly="readonly"],
input[type=datetime-local][readonly="readonly"],
input[type=tel][readonly="readonly"],
input[type=number][readonly="readonly"],
input[type=search][readonly="readonly"],
input[type=textarea][readonly="readonly"]
{
    border: none;
    cursor:text;
}
.disabled fieldset,
input[type=text]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input[type=url]:disabled,
input[type=time]:disabled,
input[type=date]:disabled,
input[type=datetime]:disabled,
input[type=datetime-local]:disabled,
input[type=tel]:disabled,
input[type=number]:disabled,
input[type=search]:disabled,
input[type=textarea]:disabled
{
    opacity:.45;
    border: 1px dotted rgba(245,114,83,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;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

svg.ico-deco{
    position:absolute;
    left:0.5em;
    margin-top:.5em;
    width:2em;
    height:2em;
    fill:#f57253;
    opacity:.3;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    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;
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}

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

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

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

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

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

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

/* Checked state */
.control input:checked ~ .control__indicator {
    background: rgba(245,114,83,1);
}

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

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

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

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

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

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

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

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

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

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

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

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

/*!----------------------------------------------*\
/* AVIS DES INTERNAUTES                          *|
/*-----------------------------------------------*/
.formAvis{
  padding: 30px 1em;
}
.avis .content{overflow: hidden;}
.message-container{display: none;}
.message-container.active{display:block;}
.avis .message {margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px solid #efefef;}
.avis .author {margin-bottom: 10px;font-weight: bold;color:#3d3c3f;}
.avis .pagination {text-align: center;}
.avis .pagination span {display: inline-block;width:3em;padding: .5em;margin:.5em;border: 1px solid #a19372;background-color: #fff;color: #190708;cursor: pointer;}
.avis .pagination span.active,.avis .pagination span:hover {background-color: #fc6040;color: #fff;}
.avis-invitation-container{
  margin: 20px auto;
  padding: 0 1rem;
  font-weight: 700;
  font-size: 1.5rem;
  text-align: center;
}
/*Notation étoile , représentation visuelle de la note donnée */
span.starNotation{
  color:#7a6839;
}
span.starOpen{
  color:#f0cd00;
}
.slideFromLeft{
  -webkit-animation: slideFromLeft 350ms 10ms linear both;
  animation: slideFromLeft 350ms 10ms linear both;
  }
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  }

  @keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  }

/* Total des notes */
.satisfaction-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;

  text-align: center;
  margin-bottom: 30px;
}
.satisfaction__stars {
  display: inline-block;
  font: 40px/1 Times;
}
@supports (display: var(--prop)) {
  .satisfaction__stars {
    --percent: calc(var(--rating) / 5 * 100%);
  }
  .satisfaction__stars::before {
    content: '★★★★★';
    letter-spacing: 3px;
    color:#fc0;
    background: -webkit-gradient(linear, left top, right top, from(#fc0), to(#7a6839));
    background: linear-gradient(90deg, #fc0 var(--percent), #7a6839 var(--percent));

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-clip: text;
  }
}
.satisfaction__titre{
  font-weight: 700;
}
.satisfaction__moyenne{
  font-size: 1rem;
}
.satisfaction__moyenne span{
  font-weight: 700;
}
/*!----------------------------------------------*\
/*           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:#ffe6c2;
}
/*!----------------------------------------------*\
/* 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;-webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .75);box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .75);-webkit-box-pack: end;-ms-flex-pack: end;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;
  z-index: 12!important;  /* Paramétres */
}
/* Bouton Menu */
a.mnuMob__btn {display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;align-self: flex-end;width: 110px;height: 40px;margin: .6em .6em .6em 0;padding: .6em;border: 1px solid #efefef;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:gray; /* Paramétres */
}
/* icone svg */
.mnuMob__nav svg {width: 1em;height: 1em;margin-right: .5em;
  fill:#f57253; /* Paramétres */
}
.mnuMob__nav li a:hover,.mnuMob__nav li a:focus ,.mnuMob__nav li a:active   ,.mnuMob__nav li.active a{
  color:white; /* Paramétres */
}
.mnuMob__nav a:hover svg,.mnuMob__nav a:focus svg,.mnuMob__navl a:active svg,.mnuMob__nav li.active svg {
  fill:#f1a28f; /* Paramétres */
}
/* Etat du menu */
/* style pour les champs cachés sous condition */
/* menu fermé */
ul.mnuMob__nav[aria-hidden=true] {max-height: 0;-webkit-transition: max-height 1s;transition: max-height 1s;}
/* menu ouvert */
ul.mnuMob__nav[aria-hidden=false] {-webkit-transition: max-height 3s ease-in-out;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;-webkit-transition: .6s ease-in-out;transition: .6s ease-in-out;-webkit-transform: rotate(0deg);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;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;-webkit-transform: rotate(0deg);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) {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mnuMob__btn #burger.active-sandwich span:nth-child(3) {-webkit-transform: rotate(-45deg);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;
  list-style: none;

  max-height:calc(100vh - 50px);
  overflow-y: auto;
}

/* menu qui s'ouvre */
ul.navMobile[aria-hidden=false] {-webkit-transition: max-height 1s ease-in-out;transition: max-height 1s ease-in-out;}
/* menu se ferme  */
ul.navMobile[aria-hidden=true] {max-height: 0;-webkit-transition: max-height .5s;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;
  background-color: #111; /* Paramètre */
}
.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 */

  -webkit-transition:all .5s;

  transition:all .5s;
}

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

.navMobile a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  margin: 0 5px;
  padding: .5em;
  text-decoration: none;
  outline-color:gray; /* 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-transition:all .3s;
  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 */
  -webkit-transform: rotate(90deg);
          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:#eb6017; /* Paramétres */
}
.navMobile a:hover svg,.navMobile a:focus svg,.navMobilel a:active svg,.navMobile li.active svg {
  fill:#f9a87e; /* 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                                 *|
/*-----------------------------------------------*/
/*!1500px*/
@media screen and (max-width: 93.75em) {
  .actualite-avis-wp{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .index-actualite-wp,.index-avis-wp{
    padding: 2rem 1rem;
  }
}
/*!1370px*/
@media screen and (max-width: 85.625em) {
  .mnu-graphique-wp{
    position: static;
  }
  .index main{
    margin-top: 0;
  }

}
/*!1280px*/
@media screen and (max-width: 80em) {
  aside{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .bloc,.map-container,.horaire-wp{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .bloc,.horaire-wp{
    padding-bottom: 2rem;
  }
  .horaire-wp{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}

/*!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;
    }
}
/*!1050px*/
@media screen and (max-width: 65.625em) {
  .navDesktop {
    display: none
  }
  .mnuMob {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header--fixed{
    top:58px;
    background-color: transparent;
  }
  .header-top{
    padding-left: 210px;
  }

}
/*!940px*/
@media screen and (max-width: 60.625em) {
  .slogan{
    display:none;
  }
}
/*!940px*/
@media screen and (max-width: 58.75em) {
	.infoSite {
		display: block;
	}

	.index .content div {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}
	.infoSite{
		margin-right: 0;
	}
	/* Pour le centrage en mode block */
	.colFacebook {
		max-width: 500px;
		width: 100%;
		height:500px;
		margin: 30px auto;
	}

  a.actualite-mediabox-wp{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .img-actu-index {
    width:100%;
  }
}

/*!750px*/
@media screen and (max-width: 46.875em) {
  .infoSite-content__decoBottom-wp{
    display: block;
  }
  .infoSite-content__decoBottom-wp img{
    margin: 0 auto;
  }
}
/*!510px*/
@media screen and (max-width: 31.875em) {
  .header-top{
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding: 0 1rem 0 0;
  }
  .infoTel-wp{
    display:none;
  }
}
/*!320px smartphone*/
@media screen and (max-width: 20em) {
    footer{
        font-size:2.8vw;
    }
}

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