.contain, .cover, .popUp #popUpClose {background-position: center center}
.noAppearBlog {display: none !important}
.popUp, .popUp .layout {height: 100%;top: 0;transition: 1s;left: 0}
.popUp, .popUp .layout, .w100, body, main {width: 100%}
.overflowHidden, main {overflow: hidden}
.yesNoCheckbox, input[type=radio] {outline: 0;padding: 0;font-size: 1.2em}
html {scroll-behavior: smooth}
body {position: relative;margin: 0;padding: 0;animation: .6s linear backwards fadeIn}
.db, html body {display: block}
article, button, div, form, section, span {box-sizing: border-box}
body.activePopUp {overflow: hidden;padding-right: 12px;box-sizing: border-box}
main {min-height: 60vh}
.mainContent {min-height: 50vh}
img {height: auto;width: auto}
.hiddenBeforeLazyLoading, [data-style] {opacity: 0}
[data-style] {transition: opacity 1.5s}
.notificationsList {position: fixed;z-index: 600;top: 0;right: 0;color: #fff}
.notificationsList div {padding: .5em 1em;margin: 1em;border-radius: .2em;font-weight: 600;text-align: left;animation: 5s linear forwards slideNotification;position: relative; width: fit-content}
.notificationsList div.error {background-color: #fe6767}
.notificationsList div.success {background-color: #5cc47d}
.promotionMessage {padding: var(--basicPadding);font-weight: 500;background-color: var(--basicColor2);position: relative}
.promotionMessage .promoIcon svg {height: 1.5em;width: 1.5em;margin-bottom: .2em;margin-right: .5em}
.promotionMessage form {position: absolute;right: 0;top: 0;padding: .3em .5em}
.promotionMessage form button {padding: 0;background-color: transparent;font-weight: 600;border: 0 solid transparent;font-size: 1.5em;color: var(--basicWhite)}
.promotionMessage form button svg {height: 1em;width: 1em;vertical-align: top}
.popUp {position: fixed;z-index: 1000;display: none}
.basicRadiusBox, .ibv, .icon, .splitLabel input, .splitLabel span, input[type=checkbox], input[type=radio], svg {display: inline-block;vertical-align: middle}
.popUp .layout {position: absolute;background-color: rgba(0, 0, 0, .8);z-index: 1005;padding: 1em}
#popUpContent {padding: 2em;background-color: var(--defaultBgColor);border-radius: var(--basicBorderRadius);position: relative;transition: 1s}
.popUp #popUpContent {position: absolute;z-index: 1100;left: 50%;top: 50%;transform: translate(-50%, -50%);max-height: 95%;max-width: 80%;overflow: auto}
.popUp #popUpClose {position: absolute;background-color: #e94256;color: #fff;z-index: 1500;right: 0;top: 0;padding: 1em;cursor: pointer;background-image: url("../images/icons/cross-white.svg");background-repeat: no-repeat;background-size: 50% 50%;height: 3em;width: 3em}
.youtubeVideo {max-width: 100%;max-height: 100%}
h1, h2, h3, h4, h5, h6 {margin: 0;font-weight: 600;font-size: 1.5em}
#switchLanguage li.languageFlag, ul {padding: 0;margin: 0}
ul li {list-style: none}
p {text-align: justify}
a {text-decoration: none}
.underline, a.inContentLink {text-decoration: underline}
hr {opacity: .8;margin-bottom: 1em}
svg {height: 1.3em;width: 1.3em}
article {text-align: left;margin: 0 auto}
fieldset {border: none;padding: 0;margin: 0}
button, input, select, textarea {font-family: Montserrat, sans-serif;border-radius: var(--basicBorderRadius);border: 1px solid #f5f5f5;padding: 1em;box-sizing: border-box;cursor: pointer;display: block;width: 100%;outline: 0;background-color: #fff;font-size: 1em}
input, select, textarea {margin: 1em 0;display: block;min-width: 10em}
textarea {max-width: 100%;min-height: 10em}
input[type=checkbox], input[type=radio] {min-width: auto;width: auto}
.basicWhiteBgBlock {background-color: rgba(255, 255, 255, .5);padding: 1em;border-radius: 1em}
.basicRadiusBox {padding: .5em;border-radius: .5em;margin: .5em}
.icon {height: 1.2em;width: 1.2em}
.basicBlackShadow {-webkit-box-shadow: 3px 4px 50px 5px rgba(0, 0, 0, .07);box-shadow: 3px 4px 50px 5px rgba(0, 0, 0, .07)}
.hoverBasicEffect:hover {opacity: .7;transition: opacity .5s;cursor: pointer}
.tac, .textAlignCenter, .textAlignJustify {text-align: center}
.tal, .textAlignLeft {text-align: left}
.tar, .textAlignRight {text-align: right}
.bold {font-weight: 700}
.bolder {font-weight: bolder}
.normal {font-weight: 400}
#loadingForm, .loadingForm:after {position: fixed;background-color: rgba(255, 255, 255, .5);z-index: 1500;top: 0;left: 0;content: "";cursor: progress;backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);height: 100vh;width: 100vw;box-sizing: border-box;animation: .2s linear backwards fadeIn}
.iv {display: inline;vertical-align: middle}
.ibvb, .ibvt, .sliderNavigation li {display: inline-block}
.ibvt {vertical-align: top}
.ibvb {vertical-align: bottom}
.aic {align-items: center !important}
.aifs {align-items: flex-start !important}
.aife {align-items: flex-end !important}
.jcfs {justify-content: flex-start !important}
.jcc {justify-content: center !important}
.jcsa {justify-content: space-around !important}
.jcfe {justify-content: flex-end !important}
.tc {display: table-cell}
.flexRowCenter, .flexRowEnd, .flexRowStart {display: flex;width: 100%}
.ffr {flex-flow: row !important}
.upper {text-transform: uppercase}
.lower {text-transform: lowercase}
.flexRowStart {flex-flow: row wrap;justify-content: space-between;align-items: flex-start}
.flexRowEnd {flex-direction: row;justify-content: space-between;align-items: flex-end;flex-wrap: wrap}
.flexRowCenter {flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap}
.flexColEnd, .flexColStart {flex-direction: column;display: flex}
.flexColStart {justify-content: space-between;align-items: flex-start}
.flexColEnd {justify-content: space-between;align-items: flex-end}
.flexColCenter {display: flex;flex-direction: column;justify-content: space-between;align-items: center}
.justifyFlexStart {justify-content: flex-start}
.hidden {display: none}
.visibilityHidden {visibility: hidden;position: absolute}
.horizontalScroll, .relative, .wrapper, input[type=radio] {position: relative}
.nowrap, .splitLabel {white-space: nowrap}
.bodyEditor .horizontalScroll, .wrap {white-space: normal}
.positionFixed {position: fixed}
.positionAbsolute {position: absolute}
.absoluteVerticalAlign {position: absolute;top: 50%;transform: translate(0, -50%)}
.absoluteHorizontalAlign {position: absolute;left: 50%;transform: translateX(-50%)}
.absoluteCenter, .absoluteFitCenter, .absoluteImageCover {top: 50%;transform: translate(-50%, -50%);position: absolute;left: 50%}
.absoluteFitCenter {height: 100%;width: 100%}
.fitCoverImage {object-fit: cover}
.cover {-o-background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;background-size: cover}
.contain {-o-background-size: contain;-moz-background-size: contain;-webkit-background-size: contain;background-size: contain}
.fs0_8, .smallFont {font-size: .8em}
.bigFont, .fs1_2 {font-size: 1.2em}
.margin1_0 {margin: 1em 0}
.splitLabel span, .w15 {width: 15%}
.splitLabel input, .w85 {width: 85%}
::-webkit-scrollbar {width: 12px}
::-webkit-scrollbar-track {background-color: #d9d9d9}
::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .3);border: 1px solid transparent}
input[type=radio] {-webkit-appearance: none;background-color: #f5f5f5;border: .15em solid Gray;width: 1.5em;height: 1.5em;border-radius: 50%}
input[type=radio]:before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;border-radius: 50%}
input[type=radio]:checked:before {background-color: #666;border: .2em solid #f5f5f5;box-sizing: border-box;animation: .3s linear fadeIn}
input[type=checkbox]:not(.yesNoCheckbox) {-webkit-appearance: none;font-size: 1.2em;outline: 0;padding: 0;background-color: #f5f5f5;border: .15em solid Gray;position: relative;width: 1.5em;height: 1.5em;border-radius: .3em}
input[type=checkbox]:not(.yesNoCheckbox):before {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%}
input[type=checkbox]:not(.yesNoCheckbox):checked:before {font-weight: 700;background-color: #fff;font-size: 1em;color: #72d591;background-image: url(../images/icons/solid/check.svg);background-repeat: no-repeat;background-size: 80% auto;background-position: center center;opacity: .5}
.yesNoCheckbox {-webkit-appearance: none;border: 0 solid transparent;background-color: transparent}
.yesNoCheckbox:before {content: "Oui";padding: 5px;color: Silver;border-right: none;border-radius: .2em;background-color: #f5f5f5;font-size: .8em;margin-right: .2em}
.yesNoCheckbox:checked:before {font-weight: 700;background-color: #e5fae3;font-size: 1em;color: #72d591}
.yesNoCheckbox:after {content: "Non";color: #fe6767;padding: 5px;border-radius: .2em;font-weight: 700;background-color: #fae3e3;font-size: 1em}
.yesNoCheckbox:checked:after {font-weight: 400;background-color: #f5f5f5;font-size: .8em;color: Silver}
.defaultFadeIn {animation: .3s linear forwards fadeIn}
.defaultFadeOut {animation: .3s linear forwards fadeOut}
.draggableParent {width: 100%;overflow: auto;position: relative;-ms-overflow-style: none;scrollbar-width: none}
.draggableSlider, .slider {overflow: hidden;white-space: nowrap}
.draggableParent::-webkit-scrollbar {display: none}
.draggableParent .horizontalAbsoluteParent {position: absolute;left: 0;top: 0;white-space: nowrap;cursor: grab}
.activeTransition {transition: transform .5s}
.draggableParent .horizontalAbsoluteParent:active {cursor: grabbing}
.draggableParent img {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none}
.slider {position: relative;animation: 1.2s ease-in-out fadeIn}
.horizontalScroll .leftArrow, .horizontalScroll .rightArrow, .mainHorizontalWrapper .leftArrow, .mainHorizontalWrapper .rightArrow, .slider .leftArrow, .slider .rightArrow {position: absolute;top: 50%;transform: translateY(-50%);padding: .5em;font-size: 2em;z-index: 10}
.horizontalScroll .leftArrow, .mainHorizontalWrapper .leftArrow, .slider .leftArrow {left: 0}
.horizontalScroll .rightArrow, .mainHorizontalWrapper .rightArrow, .slider .rightArrow {right: 0}
.sliderElement {animation: .8s ease-in-out fadeIn}
.sliderNavigation {position: absolute;left: 50%;transform: translateX(-50%);bottom: .5em;width: 100%;text-align: center;z-index: 20}
.sliderNavigation li {vertical-align: middle;height: 1em;width: 1em;border-radius: 50%;background-color: var(--basicColor1);margin: .5em;cursor: pointer}
.sliderNavigation li.activeSlide {background-color: var(--basicColor2)}
.horizontalTranslateParent {transition: transform 1s}
.horizontalScroll .leftArrow, .horizontalScroll .rightArrow, .mainHorizontalWrapper .leftArrow, .mainHorizontalWrapper .rightArrow {position: absolute;top: 50%;transform: translateY(-50%);padding: .5em .1em;font-size: 3em;background-color: rgba(0, 0, 0, .5);color: #fff;z-index: 40}
.horizontalScroll .leftArrow svg, .horizontalScroll .rightArrow svg, .mainHorizontalWrapper .leftArrow svg, .mainHorizontalWrapper .rightArrow svg {fill: white}
#switchLanguage a, .wrapper .draggableSlider:not(.noStyle) {padding: 0}
.wrapper .draggableSlider:not(.noStyle) .sliderChildren {list-style: none;margin-left: 1.5em;display: inline-block;user-select: none;width: 20em;height: 30em;color: #000;background-color: #ababab;font-size: 1rem}
.draggableSlider:not(.noStyle) {max-width: 1500px;margin: 0 auto;padding: 1em 0}
.draggableSlider {position: relative;width: 100%;font-size: 0;cursor: grab}
.wrapper .draggableSlider:not(.noStyle) .sliderChildren:last-child {margin-right: 5em}
@media screen and (min-width: 500px) {
	.item {width: 33%}
}
@media screen and (min-width: 800px) {
	.item {width: 25%}
}
@media screen and (min-width: 1200px) {
	.wrapper {margin-left: -20px}
	.item {width: 20%}
}
@keyframes slideNotification {
	0% {right: -100%;opacity: 0}
	8%, 85% {right: 0;opacity: 1}
	99% {right: -150%;opacity: 0}
	100% {right: -200%}
}
@keyframes editorBlink {
	0%, 80% {background-color: initial}
	100% {background-color: #b6ddb4}
}
@keyframes fadeIn {
	0% {opacity: 0}
	20% {opacity: .3}
	50% {opacity: .5}
	80% {opacity: .7}
	100% {opacity: 1}
}
@keyframes fadeOut {
	0% {opacity: 1}
	50% {opacity: .5}
	100% {opacity: 0}
}
@keyframes rollSide {
	0% {transform: rotate(-20deg)}
	30%, 70% {transform: rotate(0)}
	100% {transform: rotate(20deg)}
}
@keyframes float {
	0% {transform: translateY(-.5em)}
	100% {transform: translateY(0)}
}
@keyframes zoomIn {
	0% {opacity: 0;transform: scale(1.7)}
	100% {opacity: 1;transform: scale(1)}
}
@keyframes fadeFromTop {
	0% {opacity: .5;transform: translateY(-.5em)}
	90% {opacity: 1;transform: translateY(.5em)}
	100% {opacity: 1;transform: translateY(0)}
}
.layout::before {background: rgba(0, 0, 0, .45);width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0}
.bigSpacing {padding: calc(var(--defaultSpacing) * 3)}
.relativelyBigSpacing {padding: calc(var(--defaultSpacing) * 2)}
.relativelyBigSpacingSides {padding: 0 calc(var(--defaultSpacing) * 2)}
.bigSpacingSide {padding: 0 calc(var(--defaultSpacing) * 3)}
.uniformSpacing {max-width: 1500px;margin: 0 auto}
.mediumSpacing {padding: var(--defaultSpacing)}
.mediumSpacingSide {padding: var(--defaultSpacing) 0}
.realMediumSpacingSide {padding: 0 var(--defaultSpacing)}
.smallSpacing {padding: calc(var(--defaultSpacing) / 3)}
.mediumMarginTop {margin-top: var(--defaultSpacing)}
.bigMarginTop {margin-top: calc(var(--defaultSpacing) * 3)}
.bigMarginBottom {margin-bottom: calc(var(--defaultSpacing) * 3)}
.bigPaddingTop {padding-top: calc(var(--defaultSpacing) * 3)}
.bigPaddingBottom {padding-bottom: calc(var(--defaultSpacing) * 3)}
.marginAuto {margin: auto}
.marginAutoSide {margin: var(--defaultSpacing) auto}
.m0auto {margin: 0 auto}
.smallMarginTopAuto {margin: calc(var(--defaultSpacing) / 3) auto 0}
.mediumMargin {margin: var(--defaultSpacing)}
.mediumMarginSide {margin: 0 var(--defaultSpacing)}
.mediumMarginTopAuto {margin: var(--defaultSpacing) auto 0}
#switchLanguage {position: fixed;right: 1em;top: 1em;cursor: pointer;background-color: var(--basicColor4);border-radius: var(--secondBorderRadius);background-repeat: no-repeat;background-position: center right;background-size: 1em 1em}
#languageChevron {margin: 0 .5em}
#switchLanguage img {height: 1em;display: block;margin: .5em}
.openedSwitchLanguage #languageChevron {transform: rotate(90deg);transition: transform .5s;opacity: .6}
.w5 {width: 5%}
.w10 {width: 10%}
.w20 {width: 20%}
.w25 {width: 25%}
.w30 {width: 30%}
.w35 {width: 35%}
.w40 {width: 40%}
.w45 {width: 45%}
.w50 {width: 50%}
.w55 {width: 55%}
.w60 {width: 60%}
.w65 {width: 65%}
.w70 {width: 70%}
.w75 {width: 75%}
.w80 {width: 80%}
.w90 {width: 90%}
.w95 {width: 95%}
.fs0_5 {font-size: .5em}
.fs0_9 {font-size: .9em}
.fs1 {font-size: 1em}
.fs1_1 {font-size: 1.1em}
.fs1_3 {font-size: 1.3em}
.fs1_5 {font-size: 1.5em}
.fs1_8 {font-size: 1.8em}
.fs2, .fs2_5 {font-size: 2em}
.fs3 {font-size: 3em}
.fs4 {font-size: 4em}
.fs5 {font-size: 5em}
.z1 {z-index: 1}
.z2 {z-index: 2}
.z3 {z-index: 3}
.z5 {z-index: 5}
.z10 {z-index: 10}
.scheduleLine .containerligne{display:flex;gap:.5em;}
@media screen and (min-width: 1800px) {
	body {font-size: 1.2em}
}
@media screen and (min-width: 2000px) {
	body {font-size: 1.3em}
}
@media screen and (max-width: 1200px) {
	body {font-size: 1em}
}
@media screen and (max-width: 1000px) {
	body {font-size: .95em}
	.promotionMessage {padding-right: 3em;text-align: left}
	.promotionMessage form {position: absolute;font-size: 1.8em;top: 50%;transform: translate(0, -50%);padding: .1em}
	.promotionMessage button {height: 1em}
	input, select, textarea {min-width: 10em}
}
@media screen and (max-width: 800px) {
	.bigSpacing {padding: calc(var(--defaultSpacing) * 2)}
	.relativelyBigSpacing {padding: calc(var(--defaultSpacing))}
	.relativelyBigSpacingSides {padding: 0 calc(var(--defaultSpacing))}
	.bigSpacingSide {padding: 0 calc(var(--defaultSpacing) * 2)}
	.mediumSpacing {padding: calc(var(--defaultSpacing) * .8)}
	.smallSpacing {padding: calc(var(--defaultSpacing) / 4)}
	.mediumSpacingSide {padding: calc(var(--defaultSpacing) * .8) 0}
	.mediumMarginTop {margin-top: calc(var(--defaultSpacing) * .8)}
	.bigMarginTop {margin-top: calc(var(--defaultSpacing) * 2)}
	.bigPaddingTop {padding-top: calc(var(--defaultSpacing) * 2)}
	.bigPaddingBottom {padding-bottom: calc(var(--defaultSpacing) * 2)}
	.bigMarginBottom {margin-bottom: calc(var(--defaultSpacing) * 2)}
	.marginAutoSide {margin: calc(var(--defaultSpacing) * .8) auto}
	.smallMarginTopAuto {margin: calc(var(--defaultSpacing) / 4) auto 0}
	.mediumMargin {margin: calc(var(--defaultSpacing) * .8)}
	.mediumMarginTopAuto {margin: calc(var(--defaultSpacing) * .8) auto 0}
	body {font-size: .9em}
	.popUp #popUpContent {min-width: 90%}
}
@media screen and (max-width: 500px) {
	.bigSpacing {padding: var(--defaultSpacing)}
	.relativelyBigSpacing {padding: calc(var(--defaultSpacing) / 2)}
	.relativelyBigSpacingSides {padding: 0 calc(var(--defaultSpacing) / 2)}
	.bigSpacingSide {padding: 0 var(--defaultSpacing)}
	.mediumSpacing {padding: calc(var(--defaultSpacing) * .6)}
	.smallSpacing {padding: calc(var(--defaultSpacing) / 5)}
	.mediumSpacingSide {padding: calc(var(--defaultSpacing) * .6) 0}
	.mediumMarginTop {margin-top: calc(var(--defaultSpacing) * .6)}
	.bigMarginTop {margin-top: var(--defaultSpacing)}
	.bigPaddingTop {padding-top: var(--defaultSpacing)}
	.bigPaddingBottom {padding-bottom: var(--defaultSpacing)}
	.bigMarginBottom {margin-bottom: var(--defaultSpacing)}
	.marginAutoSide {margin: calc(var(--defaultSpacing) * .6) auto}
	.smallMarginTopAuto {margin: calc(var(--defaultSpacing) / 5) auto 0}
	.mediumMargin {margin: calc(var(--defaultSpacing) * .6)}
	.mediumMarginTopAuto {margin: calc(var(--defaultSpacing) * .6) auto 0}
	body {font-size: .85em}
	.basicWhiteBgBlock {padding: .5em}
	p {text-align: initial}
}
@media screen and (max-width: 300px) {
	body {font-size: .8em}
}