@charset "UTF-8";html {font-family: sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
a {background-color: transparent;}
a:active, a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {margin: .67em 0;font-size: 2em;}
mark {color: #000;background: #ff0;}
small {font-size: 80%;}
sub, sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0 0;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace,monospace;font-size: 1em;}
button, input, optgroup, select, textarea {margin: 0;font: inherit;color: inherit;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {margin: 0 2px;padding: .35em .625em .75em;border: 1px solid silver;}
legend {padding: 0;border: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}
*::-moz-selection {text-shadow: rgba(0,0,0,0.2) 0 1px 1px;color: #fff;background: #2a1f50;}
*::-webkit-selection {text-shadow: rgba(0,0,0,0.2) 0 1px 1px;color: #fff;background: #2a1f50;}
*::selection {text-shadow: rgba(0,0,0,0.2) 0 1px 1px;color: #fff;background: #2a1f50;}
/*!----------------------------------------------*\
/* STYLE GENERAL *|
/*-----------------------------------------------*/
html {box-sizing: border-box;}
*, *::before, *::after {box-sizing: inherit;}
ul {margin: 0;padding: 0;list-style: none;}
strong {font-weight: 700;}
h1, h2, h3, p {margin: 0;padding: 0;}
.clear {clear: both;}
.cleara:after {content: "";display: table;clear: both;}
.wrapper {width: 1200px;margin: 0 auto;}
.no-display {display: none;}
a.effeta {position: relative;}
a.effeta:active {top: 1px;}
/*a[itemprop=telephone]{
text-decoration: none;
}*/
a[href^="tel"] {text-decoration: none;}
/*!----------------------------------------------*\
/* POLICES et TITRAGES *|
/*-----------------------------------------------*/
body {display: block;margin: 0 auto;max-width: 2000px;font: 600 18px/27px 'Open Sans',sans-serif;color: #000;}
a:link, a:visited {color: currentColor;}
article header h1 {margin-bottom: 54px;text-align: center;text-transform: uppercase;font: 800 48px/54px 'Open Sans',sans-serif;color: #000;}
article header h1:after {content: '';display: block;width: 16%;height: 6px;margin: 20px auto 0;background-color: #cc3300;}
h2 {margin-bottom: 54px;text-transform: uppercase;font: 800 48px/54px 'Open Sans',sans-serif;color: #000;}
h2:after {content: '';display: block;width: 18%;height: 6px;margin-top: 20px;background-color: #cc3300;}
aside h2.wrapper {margin-bottom: 40px;}
.bloc h3 {margin-bottom: 54px;text-align: center;text-transform: uppercase;font: 800 48px/54px 'Open Sans',sans-serif;color: #000;}
.bloc h3:after {content: '';display: block;width: 15%;height: 6px;margin: 20px auto 0;background-color: #cc3300;}
.header-top {z-index: 12;position: fixed;top: 0;right: 0;left: 0;height: 229px;background-color: #fff;}
.logo {display: block;margin: 30px auto;}
.logo img {display: block;height: auto;margin: 0 auto;max-width: 100%;}
/*!----------------------------------------------*\
/* ANIMATIONS CSS *|
/*-----------------------------------------------*/
.hide-div {visibility: hidden;}
.show-div {visibility: visible;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animation-up {opacity: 0;-webkit-transition: opacity .9s .1s,-webkit-transform .6s ease-in-out;transition: opacity .9s .1s,-webkit-transform .6s ease-in-out;transition: opacity .9s .1s,transform .6s ease-in-out;transition: opacity .9s .1s,transform .6s ease-in-out,-webkit-transform .6s ease-in-out;-webkit-transform: translateY(60px);-ms-transform: translateY(60px);transform: translateY(60px);}
.animation-up-animate {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
@-webkit-keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);}
from {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);}
to {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}
@keyframes bounceInUp {from, 60%, 75%, 90%, to {-webkit-animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);}
from {opacity: 0;-webkit-transform: translate3d(0,3000px,0);transform: translate3d(0,3000px,0);}
60% {opacity: 1;-webkit-transform: translate3d(0,-20px,0);transform: translate3d(0,-20px,0);}
75% {-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
90% {-webkit-transform: translate3d(0,-5px,0);transform: translate3d(0,-5px,0);}
to {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
}
.bounceInUp {-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
/*!----------------------------------------------*\
/* MENU SITE *|
/*-----------------------------------------------*/
.navDesktop {height: 68px;}
.navDesktop ul {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.navDesktop ul li {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
-webkit-transition:all .2s linear;
transition: all .2s linear;
}
.navDesktop ul li a {
display:block;
height: 50px;
font:800 18px/20px 'Open Sans', sans-serif;
text-decoration: none;
text-transform: uppercase;
color: #000;
}
.navDesktop ul li:hover,
.navDesktop ul li:focus,
.navDesktop ul li.active{
outline: none;
border-bottom: 18px solid #cc3300;
}
.navDesktop ul li a span{
display: inline-block;
text-align: left;
}
/*!----------------------------------------------*\
/* SLIDER *|
/*-----------------------------------------------*/
#animation {display: block;width: 100%;height: auto;margin: 229px auto 0;max-height: 650px;max-width: 1860px;overflow: hidden;}
article {padding: 50px 0 40px 0;}
.content {padding: 50px 30px;border: 15px solid #087e3e;}
.content ul {margin: 2em;text-align: left;list-style: inherit;}
.content img {margin: 0 10px 10px 0;}
/*!----------------------------------------------*\
/* MENU GRAPHIQUE *|
/*-----------------------------------------------*/
.mnu-graphique {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;margin: 0 auto;max-width: 1140px;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;}
.mnu-graphique a {display: block;position: relative;margin-bottom: 25px;}
.mnu-graphique img {-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;}
.mnu-graphique li a span {position: absolute;bottom: 15px;left: 50px;font: 700 18px/18px 'Open Sans',sans-serif;color: #161616;opacity: 0;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;}
.mnu-graphique a:hover span {opacity: 1;}
.mnu-graphique a:hover img {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2) ,0 6px 20px 0 rgba(0,0,0,0.19);-webkit-filter: contrast(200%);filter: contrast(200%);}
.mnu-graphique a:active img {box-shadow: 0 0 0 rgba(0,0,0,0);}
/*!---------------------------------------------*\
/* ADRESSE ASIDE *|
/*----------------------------------------------*/
.bloc {position: absolute;right: 0;bottom: -150px;left: 0;padding: 20px 0 30px 0;border: 15px solid #087e3e;background-color: #fff;}
.adresse-wrp {position: relative;}
.flex-adr {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;font: 600 30px/34px 'Open Sans',sans-serif;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;}
.horaire {padding-left: 100px;text-align: left;}
.adr {padding-right: 43px;text-align: right;}
.titre {font: 700 34px/70px 'Open Sans',sans-serif;}
.tel, [itemprop=email] {margin-top: 34px;}
/*!---------------------------------------------*\
/* MAP GOOGLE API *|
/*----------------------------------------------*/
#map-canvas {width: 98%;height: 650px;margin: 0 auto;max-width: 1860px;background: url('data:image/svg+xml;utf8,') no-repeat center #f8f8f8;background-color: #f8f8f8; /* Pour IE */background-size: 50% 50%;}
/*!----------------------------------------------*\
/* FOOTER: *|
/*-----------------------------------------------*/
footer {margin-top: 300px;padding: 30px 0 30px 0;font: .8em/1.5em -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;color: #fefefe;background-color: #7a88cc;}
footer a {text-decoration: none;color: inherit;}
.flxw-footer {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 2%;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-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;}
/*!----------------------------------------------*\
/* GALERIE IMAGE *|
/*-----------------------------------------------*/
.img-gal-container {clear: both;margin: 20px 0;}
/* si image en mode portrait supprimer le height */
.img-gal {float: left;position: relative;width: 264px;height: 198px;margin: 0 18px 18px 0;overflow: hidden;-webkit-transition: box-shadow .5s ease;transition: box-shadow .5s ease;}
.img-gal img {vertical-align: top;background: url('data:image/svg+xml;utf8,') no-repeat center;background-color: #fff;background-size: 50% 50%;box-shadow: inset 0 0 10px #000;-webkit-transition: all .2s linear;transition: all .2s linear;}
.img-gal:hover {box-shadow: 0 15px 10px -10px rgba(0,0,0,.5) ,0 1px 4px rgba(0,0,0,.3) ,0 0 40px rgba(0,0,0,.1) inset;}
.img-gal:active {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.img-gal.end {margin-right: 0;}
/*!---------------------------------------------*\
/* ZOOM SVG sur Hover *|
/*----------------------------------------------*/
.zoom {position: relative;cursor: -webkit-zoom-in;}
.zoom img {max-width: 100%;box-shadow: inset 0 0 10px black;-webkit-transition: all .2s linear;transition: all .2s linear;}
.zoom:active {-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.zoom svg {position: absolute;top: 25%;left: 33%;width: 30%;height: 50%;-webkit-transition: all 300ms 0ms cubic-bezier(.6,-.28,.735,.045);transition: all 300ms 0ms cubic-bezier(.6,-.28,.735,.045);-webkit-transform: translate(-50%, -50%) scale(0);-moz-transform: translate(-50%, -50%) scale(0);-ms-transform: translate(-50%, -50%) scale(0);-o-transform: translate(-50%, -50%) scale(0);fill: #efefef;}
.zoom a {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: -webkit-zoom-in;cursor: zoom-in;}
.zoom:hover {background-color: #7a88cc;box-shadow: 0 15px 10px -10px rgba(0,0,0,.5) ,0 1px 4px rgba(0,0,0,.3) ,0 0 40px rgba(0,0,0,.1) inset;}
.zoom:hover img {opacity: .3;-webkit-filter: grayscale(100%);filter: url('data:image/svg+xml;charset=utf-8,#filter');filter: grayscale(100%);}
.zoom:hover svg {-webkit-transition: all 300ms 100ms cubic-bezier(.175,.885,.32,1.275);transition: all 300ms 100ms cubic-bezier(.175,.885,.32,1.275);-webkit-transform: translate(0, 0) scale(1);-ms-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1);stroke: #7131a1; /* si image svg plus fine , sinon fill*/}
/* survol images de la galerie et mosaique avec classe zoom */
.img-gal.zoom:hover svg, .wrp-mosaic a:hover svg {stroke: #fff; /* si image svg plus fine , sinon fill*/}
/* survol images de la map avec classe zoom */
.sprite-map.zoom:hover {-webkit-filter: grayscale(100%);filter: url('data:image/svg+xml;charset=utf-8,#filter');filter: grayscale(100%);}
.sprite-map.zoom:hover svg {fill: #000;}
/*!----------------------------------------------*\
/* COMMUN V.2.0 *|
/*-----------------------------------------------*/
form {font: 1em/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",Arial,sans-serif;}
form button {display: block;z-index: 1;position: relative;width: 9em;height: 3.7em;margin-left: 27%;border: 2px solid #7a88cc;text-decoration: none;font-size: 1.1em;outline: 0;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;cursor: pointer;}
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: 0 0 0 rgba(0,0,0,0);}
/* Placeholder */
::-webkit-input-placeholder {font-style: italic;opacity: .2;-webkit-transition-property: opacity;-webkit-transition-duration: 2s;transition-property: opacity;transition-duration: 2s;}
::-moz-placeholder {font-style: italic;opacity: .2;-moz-transition-property: color;-moz-transition-duration: 2s;-webkit-transition-property: opacity;transition-property: opacity;transition-duration: 2s;}
:-ms-input-placeholder {font-style: italic;opacity: .2;-ms-transition-property: color;-ms-transition-duration: 2s;-webkit-transition-property: opacity;transition-property: opacity;transition-duration: 2s;}
:-moz-placeholder {font-style: italic;opacity: .2;-moz-transition-property: color;-moz-transition-duration: 2s;-webkit-transition-property: opacity;transition-property: opacity;transition-duration: 2s;}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color: #a9a9a9;opacity: 1;}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: #a9a9a9;opacity: 1;}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color: #a9a9a9;opacity: 1;}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {color: #a9a9a9;opacity: 1;}
input:focus::-webkit-textarea-placeholder, textarea:focus::-webkit-textarea-placeholder {color: #a9a9a9;opacity: 1;}
/* Texte d'aide sous le input */
.help-hint, .error-hint {clear: both;margin-left: 0;}
.help-hint {margin-left: 27%;padding: .2em 0;font-size: 1em;color: #a9a9a9;opacity: 0;-webkit-transform: scale(.8);-ms-transform: scale(.8);transform: scale(.8);-webkit-transform-origin: top left;transform-origin: top left;pointer-events: none;-ms-transform-origin: top left;}
input:focus + .help-hint, textarea:focus + .help-hint {opacity: 1;-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.mandatory {color: #de2d0f;}
label.mandatory {color: #000000;}
/* Message erreur sous les champs */
.error-hint {width: 70%;margin-left: 27%;line-height: 1.5em;color: #e9322d;background-color: transparent;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-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 {font-size: 0.8em;vertical-align: bottom;color: #de2d0f;}
.small-info {text-align: right;font-size: 0.8em;}
/* sup le jaune des champs auto-fill de chrome*/
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: currentColor;color: currentColor;-webkit-box-shadow: 0 0 0 1000px #fafafa inset !important;}
/*!----------------------------------------------*\
/* MEDIA-QUERIES *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width:61.25em) {form button {width: 100%;margin: 0 auto;}
.small-info {margin-top: 25px;text-align: center;}
.error-hint, .help-hint {width: 100%;margin-left: 0;}
}
.link-toggle span, .link-toggle svg {display: inline-block;vertical-align: middle;}
.link-toggle svg {display: none;width: 0;height: 1.47em;border-radius: 50%;background: rgba(0,0,0,.15);-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);will-change: width,transform;fill: currentColor;}
.link-toggle span {line-height: 1.47em;}
.link-toggle:hover {border-color: #7a88cc;text-shadow: rgba(0,0,0,.2) 0 1px 1px;color: #fff;}
.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 {display: inline-block;position: relative;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);-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 {content: '';z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #7a88cc;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-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;-ms-transform-origin: 0 50%;}
/*!----------------------------------------------*\
/* Effets de remplissage : left *|
/*-----------------------------------------------*/
.hvr-sweep-to-left {display: inline-block;position: relative;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);-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 {content: '';z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-color: #7a88cc;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-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;-ms-transform-origin: 100% 50%;}
.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;width: 25%;margin-right: 2%;text-align: right;font-size: 1.2em;line-height: 2.5;vertical-align: top;color: #000000;}
input {width: 70%;height: 2.6em;padding: .2em .5em;border: 1px solid #7a88cc;font-size: 1.15em;line-height: 1.58;color: #000000;background-color: #fafafa;}
textarea {width: 70%;height: 7.5em;padding: .2em .5em;border: 1px solid #7a88cc;overflow: auto;font-size: 1.2em;line-height: 1.5;color: #000000;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-color: #fafafa;background-position: 0 1.5em;background-size: 100% 1.5em;resize: vertical;-webkit-overflow-scrolling: touch;}
textarea:focus {background: -webkit-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: 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;border-top: .35em solid;border-right: .35em solid transparent;border-bottom: .35em solid transparent;border-left: .35em solid transparent;pointer-events: none;}
.select-field .select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;height: 2.7em;margin: 0;padding: 0 25px 0 10px;border: 1px solid #7a88cc;outline: 0;background-color: #fafafa;cursor: pointer;}
.select-field .select:focus:-moz-focusring {text-shadow: 0 0 0 #000;color: transparent;}
.select-field .select:focus, .select-field .select:active {border-color: #7a88cc;background-color: #fafafa;}
.select-field .select::-ms-expand {display: none;}
@-moz-document url-prefix() {.filter-sort .select {padding-right: 1rem;text-indent: 0.01px;text-overflow: '';}
.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: #7a88cc;outline: 0;color: #000000;background-color: #fafafa;box-shadow: inset 0 1px 1px rgba(0,0,0,.075) ,0 0 8px rgba(122,136,204,0.6);}
fieldset {width: 70%;margin-left: 22%;padding: 1em;border: 1px solid #7a88cc;background-color: #fafafa;}
fieldset label {width: auto;color: #000000;}
legend {padding: 0.3em;font-size: .9em;color: #000000;background-color: transparent;}
.disabled {opacity: .45;cursor: not-allowed;pointer-events: none;}
.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 {border: 1px dotted rgba(122,136,204,0.26);opacity: .45;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 {display: block;float: none;text-align: left;font-size: 1.1em;letter-spacing: 1px;}
fieldset {width: auto;margin: 0;}
}
/*!----------------------------------------------*\
/* STANDARD V.2.0 : ICONES DECORATION SVG *|
/*-----------------------------------------------*/
.form-group {position: relative;}
label {display: block;float: none;width: 100%;text-align: left;letter-spacing: 1px;}
input, textarea {width: 100%;padding-left: 2.5em;}
.select-field .select {padding-left: 3em;}
.select-field {width: 100%;}
.error-hint {margin-left: 0;}
form fieldset {width: 100%;margin-left: 0;}
form button {width: 40%;margin-left: 0;}
input:focus ~ svg.ico-deco, textarea:focus ~ svg.ico-deco, .select:focus ~ svg.ico-deco {opacity: .9;-webkit-transform: scale(1.25);-ms-transform: scale(1.25);transform: scale(1.25);}
svg.ico-deco {position: absolute;left: 0.5em;width: 2em;height: 2em;margin-top: .5em;opacity: .3;-webkit-transition: all .2s ease;transition: all .2s ease;fill: #7a88cc;}
legend svg.ico-deco {display: inline-block;position: static;width: 1.7em;height: 1.7em;margin: 0 .5em .2em 0;vertical-align: middle;}
fieldset:active svg {opacity: .9;-webkit-transform: scale(1.25);-ms-transform: scale(1.25);transform: scale(1.25);}
.help-hint {margin-left: 0;}
input:focus ~ .help-hint, textarea:focus ~ .help-hint {opacity: 1;-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-transform: scale(.9);-ms-transform: scale(.9);transform: scale(.9);}
.error-field svg {opacity: 1;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;fill: #e9322d;}
/*!----------------------------------------------*\
/* MEDIA-QUERIES *|
/*-----------------------------------------------*/
/*!980px*/
@media screen and (max-width:61.25em) {form button {width: 100%;}
}
/*!----------------------------------------------*\
/* Surcharge Style FlexBox *|
/*-----------------------------------------------*/
form {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: row;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-webkit-flex-direction: row;-ms-flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;}
form .form-group {padding: 0 1.15em 1.15em 0;}
form label {display: block;float: none;width: auto;margin: 0;text-align: left;font-size: 1.1em;letter-spacing: 1px;}
form input, form textarea {width: 100%;}
form .error-hint, form .help-hint {width: 100%;margin-left: 0;}
form button {width: 40%;margin: 1.5em 0 0 0;}
/* Taille des colonnes */
/* idem width:30%;*/
.w-30 {flex: 1 0 30%;-webkit-box-flex: 1;-webkit-flex: 1 0 30%;-ms-flex: 1 0 30%;}
.w-50 {flex: 1 0 48%;-webkit-box-flex: 1;-webkit-flex: 1 0 48%;-ms-flex: 1 0 48%;}
.w-70 {flex: 1 0 70%;-webkit-box-flex: 1;-webkit-flex: 1 0 70%;-ms-flex: 1 0 70%;}
.w-100 {flex: 1 0 100%;-webkit-box-flex: 1;-webkit-flex: 1 0 100%;-ms-flex: 1 0 100%;}
/*!680px*/
@media screen and (max-width:42.5em) {form {display: block;}
form .form-group {padding: 0;}
form button {width: 100%;}
}
/*!-----------------------------------------------*\
/* SWIPEBOX V1.3.0 *|
/*-----------------------------------------------*/
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {overflow: hidden !important;}
#swipebox-overlay img {border: none !important;}
#swipebox-overlay {z-index: 99999 !important;position: fixed;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;user-select: none;-ms-user-select: none;}
#swipebox-container {position: relative;width: 100%;height: 100%;}
#swipebox-slider {display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.4s ease;transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;transition: transform 0.4s ease,-webkit-transform 0.4s ease;cursor: pointer;}
#swipebox-slider .slide {display: inline-block;width: 100%;height: 100%;text-align: center;line-height: 1px;}
#swipebox-slider .slide:before {content: "";display: inline-block;width: 1px;height: 50%;margin-right: -1px;}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container {display: inline-block;width: auto;height: auto;margin: 0;padding: 0;max-height: 100%;max-width: 100%;vertical-align: middle;}
#swipebox-slider .slide .swipebox-video-container {width: 100%;padding: 5%;max-height: 100%;max-width: 1140px;background: none;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}
#swipebox-slider .slide-loading {background: url(imgswipe/loader.gif) no-repeat center center;}
#swipebox-bottom-bar, #swipebox-top-bar {z-index: 999;position: absolute;left: 0;width: 100%;height: 50px;-webkit-transition: 0.5s;transition: 0.5s;}
#swipebox-bottom-bar {bottom: -50px;}
#swipebox-bottom-bar.visible-bars {-webkit-transform: translate3d(0,-50px,0);transform: translate3d(0,-50px,0);}
#swipebox-top-bar {top: -50px;}
#swipebox-top-bar.visible-bars {-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
#swipebox-title {display: block;width: 100%;text-align: center;}
#swipebox-prev, #swipebox-next, #swipebox-close {top: 0;width: 50px;height: 50px;border: none !important;text-decoration: none !important;background-image: url(imgswipe/icons.png);background-repeat: no-repeat;cursor: pointer;}
#swipebox-arrows {display: block;width: 100%;height: 50px;margin: 0 auto;}
#swipebox-prev {float: left;background-position: -32px 13px;}
#swipebox-next {float: right;background-position: -78px 13px;}
#swipebox-close {z-index: 9999;position: absolute;top: 0;right: 0;background-position: 15px 12px;}
.swipebox-no-close-button #swipebox-close {display: none;}
#swipebox-prev.disabled, #swipebox-next.disabled {opacity: 0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {-webkit-animation: rightSpring 0.3s;animation: rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {-webkit-animation: leftSpring 0.3s;animation: leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {content: ' ';z-index: 999;position: absolute;top: 0;width: 20px;height: 100%;opacity: 0;-webkit-transition: all .3s ease;transition: all .3s ease;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.swipebox-touch #swipebox-container:before {left: 0;box-shadow: inset 10px 0 10px -8px #656565;}
.swipebox-touch #swipebox-container:after {right: 0;box-shadow: inset -10px 0 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {opacity: 1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {opacity: 1;}
@-webkit-keyframes rightSpring {0 {left: 0;}
50% {left: -30px;}
100% {left: 0;}
}
@keyframes rightSpring {0 {left: 0;}
50% {left: -30px;}
100% {left: 0;}
}
@-webkit-keyframes leftSpring {0 {left: 0;}
50% {left: 30px;}
100% {left: 0;}
}
@keyframes leftSpring {0 {left: 0;}
50% {left: 30px;}
100% {left: 0;}
}
@media screen and (min-width:800px) {#swipebox-close {right: 10px;}
#swipebox-arrows {width: 92%;max-width: 800px;}
}
/*!------------------------------------------*\
/* Skin * >
/*-------------------------------------------*/
#swipebox-overlay {background: #0d0d0d;}
#swipebox-bottom-bar, #swipebox-top-bar {text-shadow: 1px 1px 1px black;opacity: 0.95;background: #000;}
#swipebox-top-bar {font-family: Helvetica,Arial,sans-serif;font-size: 15px;line-height: 43px;color: white !important;}
/*!----------------------------------------------*\
/* MENTIONS LEGALES *|
/*-----------------------------------------------*/
#full article {width: 100%;}
.mentions-legales article {display: block;float: none;width: 100%;padding: 5%;text-align: justify;font-size: 14.4px;font-size: .9rem;line-height: 32px;line-height: 2rem;}
.mentions-legales article a {text-decoration: underline;color: currentColor;}
.mentions-legales article h2 {margin: 24px 0;margin: 2.5rem 0 1.7rem 0;text-align: left;font-family: Verdana,Geneva,sans-serif;font-size: 32px;font-size: 2rem;line-height: 48px;line-height: 3rem;}
.mentions-legales article > h2:first-child {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: 1.5rem;line-height: 64px;line-height: 4rem;letter-spacing: 3px;color: #fff;background-color: #000;}
.mentions-legales article p {margin: 24px 0;margin: 1.5rem 0;line-height: 24px;line-height: 1.5rem;}
/*!---------------------------------------------*\
/* RESEAUX SOCIAUX: *|
/*----------------------------------------------*/
ul.social {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;font-size: 30px;}
/* 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:hover, ul.social li.reseau-social a:focus {outline: none;}
ul.social li.reseau-social:active {-webkit-transform: scale(0.9);-ms-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 {border-radius: 50px;fill: #efefef;}
ul.social li.reseau-social:nth-child(1) svg:hover {background-color: #000;}
ul.social li.reseau-social:nth-child(2) svg:hover {background-color: #3b5998;}
ul.social li.reseau-social:nth-child(3) svg:hover {background-color: #1da1f2;}
ul.social li.reseau-social:nth-child(4) svg:hover {background-color: #ea4335;}
/*!700px*/
@media screen and (max-width:43.75em) {footer {flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;}
footer ul.social {order: 1;margin: 0 auto;font-size: 45px;-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;}
footer p {order: 2;margin: 15px auto 0;-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;}
}
/*!480px*/
@media screen and (max-width:30em) {footer p {font-size: 2.8vw;}
}
/*!------------------------------------------*\
/* 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: 4px;background: #7a88cc;}
/*-----------------------------------------------*\
|* Menu Responsif SLICKNAV *|
\*-----------------------------------------------*/
.slicknav_menu {display: none;box-sizing: border-box;padding: 5px;font-size: 16px;background: #000;box-shadow: 0 3px 13px 0 rgba(0,0,0,0.75);*zoom: 1;}
.slicknav_menu svg {width: 30px;height: 30px;margin-top: 2px;fill: currentColor;}
.slicknav_menu .slicknav_icon {float: left;width: 1.125em;height: 0.875em;margin: 0.188em 0 0 0.438em;}
.slicknav_menu .slicknav_icon:before {content: "";display: block;position: absolute;width: 1.125em;height: 0.875em;background: transparent;}
.slicknav_menu .slicknav_no-text {margin: 0;}
.slicknav_menu:before {content: " ";display: table;}
.slicknav_menu:after {content: " ";display: table;clear: both;}
.slicknav_menu * {box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {display: block;float: left;font-weight: bold;/*text-shadow: 0 1px 1px #000;*/line-height: 1.188em;color: #2c4760;}
.slicknav_menu .slicknav_icon-bar {display: block;width: 1.125em;height: 0.125em;border-radius: 1px;background-color: #2c4760;}
.slicknav_nav {clear: both;margin: 0;padding: 0;overflow: hidden;font-size: 0.875em;list-style: none;color: #000;}
.slicknav_nav ul {display: block;margin: 0 0 0 20px;padding: 0;overflow: hidden;list-style: none;}
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {margin: 0 0 0 0.4em;font-size: 0.8em;}
.slicknav_nav .slicknav_item {cursor: pointer;}
.slicknav_nav .slicknav_item a {display: inline;margin: 0;padding: 0;}
.slicknav_nav .slicknav_parent-link a {display: inline;margin: 0;padding: 0;}
.slicknav_nav .slicknav_row {display: block;margin: 2px 5px;padding: 5px 10px;}
.slicknav_nav .slicknav_row:hover {border-radius: 6px;color: #000;background: #fff;}
/* Couleur du menu */
.slicknav_nav a {display: block;margin: 2px 5px;padding: 5px 10px;text-decoration: none;color: #fff;}
.slicknav_nav a:hover, .slicknav_nav a.active {border-radius: 6px;color: #000;background: #fff;}
/*----------------*/
.slicknav_nav .slicknav_txtnode {margin-left: 15px;}
.slicknav_brand {float: left;height: 44px;padding: 7px 12px;font-size: 18px;line-height: 30px;color: #fff;}
.slicknav_btn {display: block;float: right;position: relative;margin: 5px 5px 6px;padding: 0.438em 0.625em 0.438em 0.625em;border-radius: 4px;text-decoration: none;line-height: 1.125em;vertical-align: middle;background-color: #fff;cursor: pointer;}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.188em;}
.wrapper {width: 100% !important;margin: 0 auto;}
img {height: auto;margin: 0 auto;max-width: 100%;}
/*! si animation affichée */
#animation, .slidesjs-control, .slidesjs-container {width: 100% !important;height: auto;margin: 0 auto;max-height: 650px; /* a adpater */overflow: hidden;}
#animation img {width: 100% !important;height: auto;margin: 0 auto;}
/*! si galerie affichée */
.img-gal-container {text-align: center;}
.img-gal {display: inline-block;float: none;width: 100%;margin: 10px auto;max-width: 264px;/*adapter celon les cas */}
/*--------------------------*/
article {display: block;width: 100%;padding: 5%;}
aside {display: block;width: 100%;text-align: center;}
h2 {text-align: center;}
h2:after {margin: 0 auto;}
.mnu-graphique {-webkit-justify-content: space-around;justify-content: space-around;-ms-flex-pack: distribute;}
.content img {display: block;float: none!important;margin: 0 auto 10px!important;}
footer {padding: 20px 5px;}
/*!1100px*/
@media screen and (max-width:68.75em) {.navDesktop {display: none;}
.slicknav_menu {display: block;z-index: 20;position: fixed;width: 100%;}
header[role=banner] {padding-top: 229px;}
.logo {margin-top: 90px;}
.logo-pied {display: none;}
.adresse-wrp {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;}
#map-canvas {order: 2;height: 300px;-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;}
.bloc {position: static;order: 1;-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;}
.flex-adr {flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;}
.horaire {margin-bottom: 25px;padding-left: 0;font-size: 25px;text-align: center;}
.adr {padding-right: 0;font-size: 25px;text-align: center;}
}
/*!860px*/
@media screen and (max-width:53.75em) {footer {margin-top: 0;}
}
/*!430px*/
@media screen and (max-width:26.875em) {article header h1, h2 {font-size: 10vw;}
footer {text-align: center;font-size: 2.8vw;}
}
/*!320px smartphone*/
@media screen and (max-width:20em) {footer {text-align: center;font-size: 2.8vw;}
}