@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "\2190"; }
    [dir="rtl"] .slick-prev:before {
      content: "\2192"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "\2192"; }
    [dir="rtl"] .slick-next:before {
      content: "\2190"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "\2022";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
@charset "UTF-8";
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  overflow-x: hidden; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

ol, ul {
  list-style: none; }

strong, b {
  font-weight: bold; }

blockquote, q {
  quotes: none; }

input:focus {
  outline: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.slick-slide, .slick-slide a, .slick-slide:focus {
  outline: none !important; }

a {
  -webkit-tap-highlight-color: transparent; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

textarea:hover, input:hover, textarea:active, input:active, textarea:focus, input:focus, button:focus, button:active,
button:hover, label:focus, .btn:active, .btn.active {
  outline: 0px !important;
  -webkit-appearance: none; }

textarea, input, input[type='text'], input[type='button'], input[type='submit'] {
  outline: none;
  -webkit-appearance: none !important;
  outline: none !important; }

button, input[type="submit"], input[type="reset"] {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus, select:-webkit-autofill,
select:-webkit-autofill:hover, select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; }

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0; }

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

fieldset {
  border: 0;
  padding: 0.01em 0 0 0;
  margin: 0;
  min-width: 0; }

.grid {
  display: flex;
  flex-flow: row wrap;
  width: 100%; }
  .grid.gaps {
    width: calc(100% + 1% + 1%);
    margin-left: -1%;
    margin-right: -1%; }
    .grid.gaps .column {
      padding-right: 1%;
      padding-left: 1%; }
    .grid.gaps.bigger {
      width: calc(100% + 2% + 2%);
      margin-left: -2%;
      margin-right: -2%; }
      .grid.gaps.bigger .column {
        padding-right: 2%;
        padding-left: 2%; }

.col1 {
  width: 8.33333%; }

.col2 {
  width: 16.66667%; }

.col3 {
  width: 25%; }

.col4 {
  width: 33.33333%; }

.col5 {
  width: 41.66667%; }

.col6 {
  width: 50%; }

.col7 {
  width: 58.33333%; }

.col8 {
  width: 66.66667%; }

.col9 {
  width: 75%; }

.col10 {
  width: 83.33333%; }

.col11 {
  width: 91.66667%; }

.col12 {
  width: 100%; }

@media screen and (max-width: 1800px) {
  .col1_1800 {
    width: 8.33333%; }
  .col2_1800 {
    width: 16.66667%; }
  .col3_1800 {
    width: 25%; }
  .col4_1800 {
    width: 33.33333%; }
  .col5_1800 {
    width: 41.66667%; }
  .col6_1800 {
    width: 50%; }
  .col7_1800 {
    width: 58.33333%; }
  .col8_1800 {
    width: 66.66667%; }
  .col9_1800 {
    width: 75%; }
  .col10_1800 {
    width: 83.33333%; }
  .col11_1800 {
    width: 91.66667%; }
  .col12_1800 {
    width: 100%; } }

@media screen and (max-width: 1700px) {
  .col1_1700 {
    width: 8.33333%; }
  .col2_1700 {
    width: 16.66667%; }
  .col3_1700 {
    width: 25%; }
  .col4_1700 {
    width: 33.33333%; }
  .col5_1700 {
    width: 41.66667%; }
  .col6_1700 {
    width: 50%; }
  .col7_1700 {
    width: 58.33333%; }
  .col8_1700 {
    width: 66.66667%; }
  .col9_1700 {
    width: 75%; }
  .col10_1700 {
    width: 83.33333%; }
  .col11_1700 {
    width: 91.66667%; }
  .col12_1700 {
    width: 100%; } }

@media screen and (max-width: 1600px) {
  .col1_1600 {
    width: 8.33333%; }
  .col2_1600 {
    width: 16.66667%; }
  .col3_1600 {
    width: 25%; }
  .col4_1600 {
    width: 33.33333%; }
  .col5_1600 {
    width: 41.66667%; }
  .col6_1600 {
    width: 50%; }
  .col7_1600 {
    width: 58.33333%; }
  .col8_1600 {
    width: 66.66667%; }
  .col9_1600 {
    width: 75%; }
  .col10_1600 {
    width: 83.33333%; }
  .col11_1600 {
    width: 91.66667%; }
  .col12_1600 {
    width: 100%; } }

@media screen and (max-width: 1500px) {
  .col1_1500 {
    width: 8.33333%; }
  .col2_1500 {
    width: 16.66667%; }
  .col3_1500 {
    width: 25%; }
  .col4_1500 {
    width: 33.33333%; }
  .col5_1500 {
    width: 41.66667%; }
  .col6_1500 {
    width: 50%; }
  .col7_1500 {
    width: 58.33333%; }
  .col8_1500 {
    width: 66.66667%; }
  .col9_1500 {
    width: 75%; }
  .col10_1500 {
    width: 83.33333%; }
  .col11_1500 {
    width: 91.66667%; }
  .col12_1500 {
    width: 100%; } }

@media screen and (max-width: 1400px) {
  .col1_1400 {
    width: 8.33333%; }
  .col2_1400 {
    width: 16.66667%; }
  .col3_1400 {
    width: 25%; }
  .col4_1400 {
    width: 33.33333%; }
  .col5_1400 {
    width: 41.66667%; }
  .col6_1400 {
    width: 50%; }
  .col7_1400 {
    width: 58.33333%; }
  .col8_1400 {
    width: 66.66667%; }
  .col9_1400 {
    width: 75%; }
  .col10_1400 {
    width: 83.33333%; }
  .col11_1400 {
    width: 91.66667%; }
  .col12_1400 {
    width: 100%; } }

@media screen and (max-width: 1300px) {
  .col1_1300 {
    width: 8.33333%; }
  .col2_1300 {
    width: 16.66667%; }
  .col3_1300 {
    width: 25%; }
  .col4_1300 {
    width: 33.33333%; }
  .col5_1300 {
    width: 41.66667%; }
  .col6_1300 {
    width: 50%; }
  .col7_1300 {
    width: 58.33333%; }
  .col8_1300 {
    width: 66.66667%; }
  .col9_1300 {
    width: 75%; }
  .col10_1300 {
    width: 83.33333%; }
  .col11_1300 {
    width: 91.66667%; }
  .col12_1300 {
    width: 100%; } }

@media screen and (max-width: 1200px) {
  .col1_1200 {
    width: 8.33333%; }
  .col2_1200 {
    width: 16.66667%; }
  .col3_1200 {
    width: 25%; }
  .col4_1200 {
    width: 33.33333%; }
  .col5_1200 {
    width: 41.66667%; }
  .col6_1200 {
    width: 50%; }
  .col7_1200 {
    width: 58.33333%; }
  .col8_1200 {
    width: 66.66667%; }
  .col9_1200 {
    width: 75%; }
  .col10_1200 {
    width: 83.33333%; }
  .col11_1200 {
    width: 91.66667%; }
  .col12_1200 {
    width: 100%; } }

@media screen and (max-width: 1100px) {
  .col1_1100 {
    width: 8.33333%; }
  .col2_1100 {
    width: 16.66667%; }
  .col3_1100 {
    width: 25%; }
  .col4_1100 {
    width: 33.33333%; }
  .col5_1100 {
    width: 41.66667%; }
  .col6_1100 {
    width: 50%; }
  .col7_1100 {
    width: 58.33333%; }
  .col8_1100 {
    width: 66.66667%; }
  .col9_1100 {
    width: 75%; }
  .col10_1100 {
    width: 83.33333%; }
  .col11_1100 {
    width: 91.66667%; }
  .col12_1100 {
    width: 100%; } }

@media screen and (max-width: 1024px) {
  .col1_1024 {
    width: 8.33333%; }
  .col2_1024 {
    width: 16.66667%; }
  .col3_1024 {
    width: 25%; }
  .col4_1024 {
    width: 33.33333%; }
  .col5_1024 {
    width: 41.66667%; }
  .col6_1024 {
    width: 50%; }
  .col7_1024 {
    width: 58.33333%; }
  .col8_1024 {
    width: 66.66667%; }
  .col9_1024 {
    width: 75%; }
  .col10_1024 {
    width: 83.33333%; }
  .col11_1024 {
    width: 91.66667%; }
  .col12_1024 {
    width: 100%; } }

@media screen and (max-width: 900px) {
  .col1_900 {
    width: 8.33333%; }
  .col2_900 {
    width: 16.66667%; }
  .col3_900 {
    width: 25%; }
  .col4_900 {
    width: 33.33333%; }
  .col5_900 {
    width: 41.66667%; }
  .col6_900 {
    width: 50%; }
  .col7_900 {
    width: 58.33333%; }
  .col8_900 {
    width: 66.66667%; }
  .col9_900 {
    width: 75%; }
  .col10_900 {
    width: 83.33333%; }
  .col11_900 {
    width: 91.66667%; }
  .col12_900 {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .col1_768 {
    width: 8.33333%; }
  .col2_768 {
    width: 16.66667%; }
  .col3_768 {
    width: 25%; }
  .col4_768 {
    width: 33.33333%; }
  .col5_768 {
    width: 41.66667%; }
  .col6_768 {
    width: 50%; }
  .col7_768 {
    width: 58.33333%; }
  .col8_768 {
    width: 66.66667%; }
  .col9_768 {
    width: 75%; }
  .col10_768 {
    width: 83.33333%; }
  .col11_768 {
    width: 91.66667%; }
  .col12_768 {
    width: 100%; } }

@media screen and (max-width: 700px) {
  .col1_700 {
    width: 8.33333%; }
  .col2_700 {
    width: 16.66667%; }
  .col3_700 {
    width: 25%; }
  .col4_700 {
    width: 33.33333%; }
  .col5_700 {
    width: 41.66667%; }
  .col6_700 {
    width: 50%; }
  .col7_700 {
    width: 58.33333%; }
  .col8_700 {
    width: 66.66667%; }
  .col9_700 {
    width: 75%; }
  .col10_700 {
    width: 83.33333%; }
  .col11_700 {
    width: 91.66667%; }
  .col12_700 {
    width: 100%; } }

@media screen and (max-width: 600px) {
  .col1_600 {
    width: 8.33333%; }
  .col2_600 {
    width: 16.66667%; }
  .col3_600 {
    width: 25%; }
  .col4_600 {
    width: 33.33333%; }
  .col5_600 {
    width: 41.66667%; }
  .col6_600 {
    width: 50%; }
  .col7_600 {
    width: 58.33333%; }
  .col8_600 {
    width: 66.66667%; }
  .col9_600 {
    width: 75%; }
  .col10_600 {
    width: 83.33333%; }
  .col11_600 {
    width: 91.66667%; }
  .col12_600 {
    width: 100%; } }

@media screen and (max-width: 500px) {
  .col1_500 {
    width: 8.33333%; }
  .col2_500 {
    width: 16.66667%; }
  .col3_500 {
    width: 25%; }
  .col4_500 {
    width: 33.33333%; }
  .col5_500 {
    width: 41.66667%; }
  .col6_500 {
    width: 50%; }
  .col7_500 {
    width: 58.33333%; }
  .col8_500 {
    width: 66.66667%; }
  .col9_500 {
    width: 75%; }
  .col10_500 {
    width: 83.33333%; }
  .col11_500 {
    width: 91.66667%; }
  .col12_500 {
    width: 100%; } }

@media screen and (max-width: 425px) {
  .col1_425 {
    width: 8.33333%; }
  .col2_425 {
    width: 16.66667%; }
  .col3_425 {
    width: 25%; }
  .col4_425 {
    width: 33.33333%; }
  .col5_425 {
    width: 41.66667%; }
  .col6_425 {
    width: 50%; }
  .col7_425 {
    width: 58.33333%; }
  .col8_425 {
    width: 66.66667%; }
  .col9_425 {
    width: 75%; }
  .col10_425 {
    width: 83.33333%; }
  .col11_425 {
    width: 91.66667%; }
  .col12_425 {
    width: 100%; } }

@media screen and (max-width: 375px) {
  .col1_375 {
    width: 8.33333%; }
  .col2_375 {
    width: 16.66667%; }
  .col3_375 {
    width: 25%; }
  .col4_375 {
    width: 33.33333%; }
  .col5_375 {
    width: 41.66667%; }
  .col6_375 {
    width: 50%; }
  .col7_375 {
    width: 58.33333%; }
  .col8_375 {
    width: 66.66667%; }
  .col9_375 {
    width: 75%; }
  .col10_375 {
    width: 83.33333%; }
  .col11_375 {
    width: 91.66667%; }
  .col12_375 {
    width: 100%; } }

@media screen and (max-width: 320px) {
  .col1_320 {
    width: 8.33333%; }
  .col2_320 {
    width: 16.66667%; }
  .col3_320 {
    width: 25%; }
  .col4_320 {
    width: 33.33333%; }
  .col5_320 {
    width: 41.66667%; }
  .col6_320 {
    width: 50%; }
  .col7_320 {
    width: 58.33333%; }
  .col8_320 {
    width: 66.66667%; }
  .col9_320 {
    width: 75%; }
  .col10_320 {
    width: 83.33333%; }
  .col11_320 {
    width: 91.66667%; }
  .col12_320 {
    width: 100%; } }

@font-face {
  font-family: 'mont';
  src: url("../fonts/mont/mont-bold-webfont.woff2") format("woff2"), url("../fonts/mont/mont-bold-webfont.woff") format("woff");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'mont';
  src: url("../fonts/mont/mont-semibold-webfont.woff2") format("woff2"), url("../fonts/mont/mont-semibold-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'mont';
  src: url("../fonts/mont/mont-regular-webfont.woff2") format("woff2"), url("../fonts/mont/mont-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal; }

.block {
  display: block; }

.inline-block {
  display: inline-block; }

.table {
  display: table; }

.tableCell {
  display: table-cell; }

.flex {
  display: flex; }

.absolute {
  position: absolute; }

.relative {
  position: relative; }

.fixed {
  position: fixed; }

.floatLeft {
  float: left; }

.floatRight {
  float: right; }

.textLeft {
  text-align: left; }

.textCenter {
  text-align: center; }

.textRight {
  text-align: right; }

.alignTop {
  vertical-align: top; }

.alignMiddle {
  vertical-align: middle; }

.alignBottom {
  vertical-align: bottom; }

.caps {
  text-transform: capitalize; }

.allCaps {
  text-transform: uppercase; }

.w1500 {
  max-width: 1500px;
  margin: 0 auto; }
  @media screen and (max-width: 1500px) {
    .w1500 {
      margin: 0; } }

.w1200 {
  max-width: 1200px;
  margin: 0 auto; }
  @media screen and (max-width: 1200px) {
    .w1200 {
      margin: 0; } }

.w1100 {
  max-width: 1100px;
  margin: 0 auto; }
  @media screen and (max-width: 1100px) {
    .w1100 {
      margin: 0; } }

.w935 {
  max-width: 935px;
  margin: 0 auto; }
  @media screen and (max-width: 935px) {
    .w935 {
      margin: 0; } }

.w900 {
  max-width: 900px;
  margin: 0 auto; }
  @media screen and (max-width: 900px) {
    .w900 {
      margin: 0; } }

.yp225 {
  padding-top: 225px;
  padding-bottom: 225px; }
  @media screen and (max-width: 1400px) {
    .yp225 {
      padding-top: 130px;
      padding-bottom: 130px; } }
  @media screen and (max-width: 1200px) {
    .yp225 {
      padding-top: 110px;
      padding-bottom: 110px; } }
  @media screen and (max-width: 1024px) {
    .yp225 {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 768px) {
    .yp225 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp225 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp225 {
  padding-top: 225px; }
  @media screen and (max-width: 1400px) {
    .tp225 {
      padding-top: 130px; } }
  @media screen and (max-width: 1200px) {
    .tp225 {
      padding-top: 110px; } }
  @media screen and (max-width: 1024px) {
    .tp225 {
      padding-top: 90px; } }
  @media screen and (max-width: 768px) {
    .tp225 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp225 {
      padding-top: 50px; } }

.bp225 {
  padding-bottom: 225px; }
  @media screen and (max-width: 1400px) {
    .bp225 {
      padding-bottom: 130px; } }
  @media screen and (max-width: 1200px) {
    .bp225 {
      padding-bottom: 110px; } }
  @media screen and (max-width: 1024px) {
    .bp225 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 768px) {
    .bp225 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp225 {
      padding-bottom: 50px; } }

.yp190 {
  padding-top: 190px;
  padding-bottom: 190px; }
  @media screen and (max-width: 1400px) {
    .yp190 {
      padding-top: 160px;
      padding-bottom: 160px; } }
  @media screen and (max-width: 1200px) {
    .yp190 {
      padding-top: 130px;
      padding-bottom: 130px; } }
  @media screen and (max-width: 1024px) {
    .yp190 {
      padding-top: 100px;
      padding-bottom: 100px; } }
  @media screen and (max-width: 768px) {
    .yp190 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp190 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp190 {
  padding-top: 190px; }
  @media screen and (max-width: 1400px) {
    .tp190 {
      padding-top: 160px; } }
  @media screen and (max-width: 1200px) {
    .tp190 {
      padding-top: 130px; } }
  @media screen and (max-width: 1024px) {
    .tp190 {
      padding-top: 100px; } }
  @media screen and (max-width: 768px) {
    .tp190 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp190 {
      padding-top: 50px; } }

.bp190 {
  padding-bottom: 190px; }
  @media screen and (max-width: 1400px) {
    .bp190 {
      padding-bottom: 160px; } }
  @media screen and (max-width: 1200px) {
    .bp190 {
      padding-bottom: 130px; } }
  @media screen and (max-width: 1024px) {
    .bp190 {
      padding-bottom: 100px; } }
  @media screen and (max-width: 768px) {
    .bp190 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp190 {
      padding-bottom: 50px; } }

.yp150 {
  padding-top: 150px;
  padding-bottom: 150px; }
  @media screen and (max-width: 1400px) {
    .yp150 {
      padding-top: 130px;
      padding-bottom: 130px; } }
  @media screen and (max-width: 1200px) {
    .yp150 {
      padding-top: 110px;
      padding-bottom: 110px; } }
  @media screen and (max-width: 1024px) {
    .yp150 {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 768px) {
    .yp150 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp150 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp150 {
  padding-top: 150px; }
  @media screen and (max-width: 1400px) {
    .tp150 {
      padding-top: 130px; } }
  @media screen and (max-width: 1200px) {
    .tp150 {
      padding-top: 110px; } }
  @media screen and (max-width: 1024px) {
    .tp150 {
      padding-top: 90px; } }
  @media screen and (max-width: 768px) {
    .tp150 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp150 {
      padding-top: 50px; } }

.bp150 {
  padding-bottom: 150px; }
  @media screen and (max-width: 1400px) {
    .bp150 {
      padding-bottom: 130px; } }
  @media screen and (max-width: 1200px) {
    .bp150 {
      padding-bottom: 110px; } }
  @media screen and (max-width: 1024px) {
    .bp150 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 768px) {
    .bp150 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp150 {
      padding-bottom: 50px; } }

.yp130 {
  padding-top: 130px;
  padding-bottom: 130px; }
  @media screen and (max-width: 1400px) {
    .yp130 {
      padding-top: 110px;
      padding-bottom: 110px; } }
  @media screen and (max-width: 1200px) {
    .yp130 {
      padding-top: 90px;
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .yp130 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yp130 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp130 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp130 {
  padding-top: 130px; }
  @media screen and (max-width: 1400px) {
    .tp130 {
      padding-top: 110px; } }
  @media screen and (max-width: 1200px) {
    .tp130 {
      padding-top: 90px; } }
  @media screen and (max-width: 1024px) {
    .tp130 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tp130 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp130 {
      padding-top: 50px; } }

.bp130 {
  padding-bottom: 130px; }
  @media screen and (max-width: 1400px) {
    .bp130 {
      padding-bottom: 110px; } }
  @media screen and (max-width: 1200px) {
    .bp130 {
      padding-bottom: 90px; } }
  @media screen and (max-width: 1024px) {
    .bp130 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bp130 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp130 {
      padding-bottom: 50px; } }

.yp100 {
  padding-top: 100px;
  padding-bottom: 100px; }
  @media screen and (max-width: 1024px) {
    .yp100 {
      padding-top: 80px;
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .yp100 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp100 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp100 {
  padding-top: 100px; }
  @media screen and (max-width: 1024px) {
    .tp100 {
      padding-top: 80px; } }
  @media screen and (max-width: 768px) {
    .tp100 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp100 {
      padding-top: 50px; } }

.bp100 {
  padding-bottom: 100px; }
  @media screen and (max-width: 1024px) {
    .bp100 {
      padding-bottom: 80px; } }
  @media screen and (max-width: 768px) {
    .bp100 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp100 {
      padding-bottom: 50px; } }

.yp80 {
  padding-top: 80px;
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .yp80 {
      padding-top: 70px;
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .yp80 {
      padding-top: 50px;
      padding-bottom: 50px; } }

.tp80 {
  padding-top: 80px; }
  @media screen and (max-width: 768px) {
    .tp80 {
      padding-top: 70px; } }
  @media screen and (max-width: 500px) {
    .tp80 {
      padding-top: 50px; } }

.bp80 {
  padding-bottom: 80px; }
  @media screen and (max-width: 768px) {
    .bp80 {
      padding-bottom: 70px; } }
  @media screen and (max-width: 500px) {
    .bp80 {
      padding-bottom: 50px; } }

.yp60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.tp60 {
  padding-top: 60px; }

.bp60 {
  padding-bottom: 60px; }

.yp50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.tp50 {
  padding-top: 50px; }

.bp50 {
  padding-bottom: 50px; }

.yp40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.tp40 {
  padding-top: 40px; }

.bp40 {
  padding-bottom: 40px; }

.yp15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.tp15 {
  padding-top: 15px; }

.bp15 {
  padding-bottom: 15px; }

.xp160 {
  padding-right: 160px;
  padding-left: 160px; }
  @media screen and (max-width: 1400px) {
    .xp160 {
      padding-right: 130px;
      padding-left: 130px; } }
  @media screen and (max-width: 1200px) {
    .xp160 {
      padding-right: 100px;
      padding-left: 100px; } }
  @media screen and (max-width: 1024px) {
    .xp160 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xp160 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp160 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp160 {
  padding-right: 160px; }
  @media screen and (max-width: 1400px) {
    .rp160 {
      padding-right: 130px; } }
  @media screen and (max-width: 1200px) {
    .rp160 {
      padding-right: 100px; } }
  @media screen and (max-width: 1024px) {
    .rp160 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rp160 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp160 {
      padding-right: 25px; } }

.lp160 {
  padding-left: 160px; }
  @media screen and (max-width: 1400px) {
    .lp160 {
      padding-left: 130px; } }
  @media screen and (max-width: 1200px) {
    .lp160 {
      padding-left: 100px; } }
  @media screen and (max-width: 1024px) {
    .lp160 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lp160 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp160 {
      padding-left: 25px; } }

.xp120 {
  padding-right: 120px;
  padding-left: 120px; }
  @media screen and (max-width: 1200px) {
    .xp120 {
      padding-right: 100px;
      padding-left: 100px; } }
  @media screen and (max-width: 1024px) {
    .xp120 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xp120 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp120 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp120 {
  padding-right: 120px; }
  @media screen and (max-width: 1200px) {
    .rp120 {
      padding-right: 100px; } }
  @media screen and (max-width: 1024px) {
    .rp120 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rp120 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp120 {
      padding-right: 25px; } }

.lp120 {
  padding-left: 120px; }
  @media screen and (max-width: 1200px) {
    .lp120 {
      padding-left: 100px; } }
  @media screen and (max-width: 1024px) {
    .lp120 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lp120 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp120 {
      padding-left: 25px; } }

.xp100 {
  padding-right: 100px;
  padding-left: 100px; }
  @media screen and (max-width: 1024px) {
    .xp100 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xp100 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp100 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp100 {
  padding-right: 100px; }
  @media screen and (max-width: 1024px) {
    .rp100 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rp100 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp100 {
      padding-right: 25px; } }

.lp100 {
  padding-left: 100px; }
  @media screen and (max-width: 1024px) {
    .lp100 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lp100 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp100 {
      padding-left: 25px; } }

.xp80 {
  padding-right: 80px;
  padding-left: 80px; }
  @media screen and (max-width: 1024px) {
    .xp80 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xp80 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp80 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp80 {
  padding-right: 80px; }
  @media screen and (max-width: 1024px) {
    .rp80 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rp80 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp80 {
      padding-right: 25px; } }

.lp80 {
  padding-left: 80px; }
  @media screen and (max-width: 1024px) {
    .lp80 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lp80 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp80 {
      padding-left: 25px; } }

.xp70 {
  padding-right: 70px;
  padding-left: 70px; }
  @media screen and (max-width: 1024px) {
    .xp70 {
      padding-right: 50px;
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .xp70 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp70 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp70 {
  padding-right: 70px; }
  @media screen and (max-width: 1024px) {
    .rp70 {
      padding-right: 50px; } }
  @media screen and (max-width: 768px) {
    .rp70 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp70 {
      padding-right: 25px; } }

.lp70 {
  padding-left: 70px; }
  @media screen and (max-width: 1024px) {
    .lp70 {
      padding-left: 50px; } }
  @media screen and (max-width: 768px) {
    .lp70 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp70 {
      padding-left: 25px; } }

.xp50 {
  padding-right: 50px;
  padding-left: 50px; }
  @media screen and (max-width: 1024px) {
    .xp50 {
      padding-right: 40px;
      padding-left: 40px; } }
  @media screen and (max-width: 768px) {
    .xp50 {
      padding-right: 30px;
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .xp50 {
      padding-right: 25px;
      padding-left: 25px; } }

.rp50 {
  padding-right: 50px; }
  @media screen and (max-width: 1024px) {
    .rp50 {
      padding-right: 40px; } }
  @media screen and (max-width: 768px) {
    .rp50 {
      padding-right: 30px; } }
  @media screen and (max-width: 600px) {
    .rp50 {
      padding-right: 25px; } }

.lp50 {
  padding-left: 50px; }
  @media screen and (max-width: 1024px) {
    .lp50 {
      padding-left: 40px; } }
  @media screen and (max-width: 768px) {
    .lp50 {
      padding-left: 30px; } }
  @media screen and (max-width: 600px) {
    .lp50 {
      padding-left: 25px; } }

.nowrap {
  white-space: nowrap; }

.clearfix {
  display: block;
  clear: both; }

.noScroll {
  position: fixed;
  width: 100%;
  overflow-y: scroll; }
  @media screen and (max-width: 768px) {
    .noScroll {
      overflow-y: hidden; } }

.noCustomScroll {
  overflow-y: hidden; }
  @media screen and (max-width: 768px) {
    .noCustomScroll {
      overflow-y: hidden; } }

.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.hide {
  display: none; }

@media screen and (max-width: 1800px) {
  .hide_1800 {
    display: none; } }

@media screen and (max-width: 1700px) {
  .hide_1700 {
    display: none; } }

@media screen and (max-width: 1600px) {
  .hide_1600 {
    display: none; } }

@media screen and (max-width: 1500px) {
  .hide_1500 {
    display: none; } }

@media screen and (max-width: 1400px) {
  .hide_1400 {
    display: none; } }

@media screen and (max-width: 1300px) {
  .hide_1300 {
    display: none; } }

@media screen and (max-width: 1200px) {
  .hide_1200 {
    display: none; } }

@media screen and (max-width: 1100px) {
  .hide_1100 {
    display: none; } }

@media screen and (max-width: 1024px) {
  .hide_1024 {
    display: none; } }

@media screen and (max-width: 1000px) {
  .hide_1000 {
    display: none; } }

@media screen and (max-width: 900px) {
  .hide_900 {
    display: none; } }

@media screen and (max-width: 800px) {
  .hide_800 {
    display: none; } }

@media screen and (max-width: 768px) {
  .hide_768 {
    display: none; } }

@media screen and (max-width: 700px) {
  .hide_700 {
    display: none; } }

@media screen and (max-width: 600px) {
  .hide_600 {
    display: none; } }

@media screen and (max-width: 500px) {
  .hide_500 {
    display: none; } }

@media screen and (max-width: 550px) {
  .hide_550 {
    display: none; } }

@media screen and (max-width: 400px) {
  .hide_400 {
    display: none; } }

@media screen and (max-width: 300px) {
  .hide_300 {
    display: none; } }

picture {
  display: block;
  font-size: 0; }
  picture img {
    width: 100%;
    height: 100%; }
  picture.adaptive {
    position: relative;
    width: 100%;
    height: 100%; }
    picture.adaptive img {
      position: absolute;
      top: 0;
      left: 0; }

[data-object-fit='cover'] {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;'; }

.scroller body {
  overflow-x: hidden;
  height: 100vh; }

.scroller [data-scroller] {
  overflow-x: hidden;
  height: 100vh; }
  .scroller [data-scroller] [data-scroller-content] {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    overflow-x: hidden; }

.scroller [data-height] {
  position: absolute;
  width: 1px;
  top: 0; }

.screenReaderText {
  background: #1f78c1;
  color: white;
  left: 50%;
  padding: 10px 16px;
  border-radius: 0 0 7px 7px;
  position: absolute;
  transform: translate(-50%, -100%);
  opacity: 1;
  transition: transform 0.3s, opacity 0.3s;
  outline: none;
  z-index: 10000; }
  .screenReaderText:focus {
    transform: translate(-50%, 0%);
    opacity: 1; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "mont", sans-serif; }

h1, .h1 {
  font-weight: 700;
  line-height: 1.3;
  color: #012040;
  font-size: 3.125rem; }
  @media screen and (max-width: 1440px) {
    h1, .h1 {
      font-size: 3.125rem; } }
  @media screen and (max-width: 1024px) {
    h1, .h1 {
      font-size: 3.125rem; } }
  @media screen and (max-width: 768px) {
    h1, .h1 {
      font-size: 2.5rem; } }
  @media screen and (max-width: 425px) {
    h1, .h1 {
      font-size: 2.1875rem; } }
  @media screen and (max-width: 375px) {
    h1, .h1 {
      font-size: 2.1875rem; } }
  @media screen and (max-width: 320px) {
    h1, .h1 {
      font-size: 1.875rem; } }
  h1.smaller, .h1.smaller {
    font-size: 2.5rem; }
    @media screen and (max-width: 1440px) {
      h1.smaller, .h1.smaller {
        font-size: 2.5rem; } }
    @media screen and (max-width: 1024px) {
      h1.smaller, .h1.smaller {
        font-size: 2.5rem; } }
    @media screen and (max-width: 768px) {
      h1.smaller, .h1.smaller {
        font-size: 2.1875rem; } }
    @media screen and (max-width: 425px) {
      h1.smaller, .h1.smaller {
        font-size: 2rem; } }
    @media screen and (max-width: 375px) {
      h1.smaller, .h1.smaller {
        font-size: 1.875rem; } }
    @media screen and (max-width: 320px) {
      h1.smaller, .h1.smaller {
        font-size: 1.5625rem; } }

h2, .h2 {
  line-height: 1.3;
  font-weight: 500;
  color: #1f78c1;
  font-size: 2.125rem; }
  @media screen and (max-width: 425px) {
    h2, .h2 {
      font-size: 2rem; } }
  @media screen and (max-width: 375px) {
    h2, .h2 {
      font-size: 1.875rem; } }
  @media screen and (max-width: 320px) {
    h2, .h2 {
      font-size: 1.8125rem; } }

h3, .h3 {
  line-height: 1.3;
  font-weight: 600;
  color: #012040;
  font-size: 1.5625rem; }
  @media screen and (max-width: 425px) {
    h3, .h3 {
      font-size: 1.4375rem; } }
  @media screen and (max-width: 375px) {
    h3, .h3 {
      font-size: 1.375rem; } }
  @media screen and (max-width: 320px) {
    h3, .h3 {
      font-size: 1.25rem; } }

h4, .h4 {
  font-family: "mont", sans-serif;
  line-height: 1.3;
  font-weight: 600;
  color: #012040;
  font-size: 1.3125rem; }
  @media screen and (max-width: 425px) {
    h4, .h4 {
      font-size: 1.3125rem; } }
  @media screen and (max-width: 320px) {
    h4, .h4 {
      font-size: 1.125rem; } }
  h4.small, .h4.small {
    font-weight: 500;
    font-size: 1.125rem; }
    @media screen and (max-width: 425px) {
      h4.small, .h4.small {
        font-size: 1.0625rem; } }
    @media screen and (max-width: 320px) {
      h4.small, .h4.small {
        font-size: 1rem; } }

h5, .h5 {
  font: 0.9375rem/1.3 "mont", sans-serif;
  font-weight: 500;
  color: #328ad3; }

h6, .h6 {
  font: 0.75rem/1 "mont", sans-serif;
  font-weight: 600;
  color: #1f78c1;
  text-transform: uppercase; }

p {
  margin-bottom: 20px;
  font-family: "mont", sans-serif;
  line-height: 1.5;
  color: #344d66;
  font-size: 1rem; }
  @media screen and (max-width: 425px) {
    p {
      font-size: 0.9375rem; } }

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer; }

strong,
b {
  font-weight: 600; }

.link {
  position: relative;
  padding: 10px 25px 10px 0;
  padding-right: 25px;
  font: 0.75rem/1 "mont", sans-serif;
  font-weight: 600;
  color: #1f78c1;
  text-transform: uppercase;
  transition: color 300ms; }
  .link:before {
    content: '';
    position: absolute;
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #1f78c1;
    transition: width 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .link:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    right: 0;
    border-style: solid;
    border-width: 4px 0 4px 6.9px;
    border-color: transparent transparent transparent #328ad3;
    transform: translateY(-50%);
    transition: border-color 300ms; }
  .link:hover:before {
    width: 100%; }

.btn {
  display: inline-flex;
  position: relative;
  line-height: 1.3em;
  padding: 18px 30px;
  padding-right: 50px;
  font-size: 0.9375rem;
  font-weight: 500;
  color: #fff;
  background: #1f78c1;
  border-radius: 8px;
  transition: color 300ms;
  z-index: 0;
  overflow: hidden; }
  .btn::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background-color: #012040;
    width: 100%;
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(0);
    z-index: -1; }
  .btn:hover::before {
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(1);
    transform-origin: left; }
  .btn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translate(0, -50%);
    width: 13px;
    height: 10px;
    background-image: url(../images/content/icons/arrow-white.svg);
    background-size: cover; }
  .btn.alt {
    color: #012040;
    line-height: 1.5625rem;
    padding: 0 24px 0 0;
    background: none;
    border-radius: 0; }
    .btn.alt::before {
      background-color: rgba(31, 120, 193, 0.1); }
    .btn.alt::after {
      right: 0;
      background-image: url(../images/content/icons/arrow.svg); }
    .btn.alt.white-alt {
      color: white; }
      .btn.alt.white-alt::before {
        background-color: rgba(255, 255, 255, 0.1); }
      .btn.alt.white-alt::after {
        right: 0;
        background-image: url(../images/content/icons/arrow-white.svg); }
  .btn.white {
    background-color: white;
    color: #1f78c1; }
    .btn.white::before {
      background-color: #eaebec; }
    .btn.white::after {
      background-image: url(../images/content/icons/arrow-blue.svg); }
  .btn.blue-bg::before {
    background-color: rgba(0, 0, 0, 0.3); }
  .btn[target=_blank]::after {
    width: 8px;
    height: 8px;
    background-image: url(../images/content/icons/external-white.svg); }
  .btn[href$=".pdf"]::after, .btn[href$=".doc"]::after, .btn[href$=".zip"]::after {
    width: 11px;
    height: 14px;
    background-image: url(../images/content/icons/download-white.svg); }

.triggerHover:hover .btn::before {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleX(1);
  transform-origin: left; }

.underline {
  border-bottom: 1px solid #344d66; }

.liste li {
  list-style-type: '-';
  font: 1.125rem/1.9 "mont", sans-serif;
  list-style-position: inside;
  color: #328ad3; }
  .liste li p {
    display: inline-block;
    width: calc(100% - 10px);
    padding: 5px 0 5px 10px;
    margin-bottom: 0;
    font: 1.125rem/1.5 "mont", sans-serif;
    font-weight: 500;
    color: #1f78c1;
    vertical-align: top; }

.hoverSlide > span {
  position: relative; }
  .hoverSlide > span:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background-color: rgba(31, 120, 193, 0.1);
    width: 100%;
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(0);
    z-index: -1; }

.hoverSlide:hover > span:before {
  transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transform: scaleX(1);
  transform-origin: left; }

/* Désolé Simon pour le !important -----  */
.stripe-loading-indicator .stripe,
.stripe-loading-indicator .stripe-loaded {
  background: #1f78c1 !important; }

.dynamic h2, .dynamic h3, .dynamic p, .dynamic a, .dynamic ul, .dynamic ol, .dynamic table, .dynamic hr, .dynamic img {
  margin: 0; }

.dynamic h2 {
  margin-top: 40px;
  margin-bottom: 20px; }

.dynamic h3 {
  margin-top: 40px;
  margin-bottom: 15px; }

.dynamic h4 {
  margin-top: 40px;
  margin-bottom: 15px; }

.dynamic h2 + h3,
.dynamic h3 + h4,
.dynamic h4 + h5,
.dynamic h5 + h6 {
  margin-top: 0; }

.dynamic sup, .dynamic sub {
  font-size: 0.8125rem; }

.dynamic p {
  margin-bottom: 15px;
  line-height: 1.625em;
  color: #344d66;
  font-size: 1rem; }
  @media screen and (max-width: 425px) {
    .dynamic p {
      font-size: 0.9375rem; } }
  .dynamic p .bold, .dynamic p strong {
    font-weight: 600; }
  .dynamic p em, .dynamic p i {
    font-style: italic; }
  .dynamic p.buttonMargin {
    margin-top: 26px;
    margin-bottom: 26px; }
    .dynamic p.buttonMargin .btn {
      margin-top: 4px;
      margin-bottom: 4px;
      margin-right: 3px; }

.dynamic img {
  max-width: 100%; }

.dynamic hr {
  border: 0;
  border-top: 1px solid #012040;
  margin: 15px 0; }

.dynamic .note,
.dynamic pre {
  font-size: 0.875rem;
  color: #6a737e;
  margin-bottom: 15px;
  white-space: normal; }

.dynamic .fr-inner {
  display: block;
  font-size: 0.8125rem; }

.dynamic a:not(.btn):not(.social) {
  position: relative;
  font-weight: 500;
  color: #1f78c1; }
  .dynamic a:not(.btn):not(.social)::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background-color: rgba(31, 120, 193, 0.1);
    width: 100%;
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(0);
    z-index: 0; }
  .dynamic a:not(.btn):not(.social):hover::before {
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(1);
    transform-origin: left; }
  .dynamic a:not(.btn):not(.social)[target=_blank]::after, .dynamic a:not(.btn):not(.social)[href$=".pdf"]::after, .dynamic a:not(.btn):not(.social)[href$=".doc"]::after, .dynamic a:not(.btn):not(.social)[href$=".zip"]::after {
    content: '';
    background-size: cover;
    display: inline-block;
    margin-left: 5px; }
  .dynamic a:not(.btn):not(.social)[target=_blank]::after {
    width: 8px;
    height: 8px;
    background-image: url(../images/content/icons/external-blue.svg);
    transform: none; }
  .dynamic a:not(.btn):not(.social)[href$=".pdf"]::after, .dynamic a:not(.btn):not(.social)[href$=".doc"]::after, .dynamic a:not(.btn):not(.social)[href$=".zip"]::after {
    width: 11px;
    height: 14px;
    background-image: url(../images/content/icons/download-blue.svg);
    transform: translate(0, 0.1em); }

.dynamic ol,
.dynamic ul {
  margin-bottom: 15px; }
  .dynamic ol li,
  .dynamic ul li {
    padding-bottom: 10px;
    color: #344d66;
    line-height: 1.625em;
    font-size: 1rem; }
    @media screen and (max-width: 425px) {
      .dynamic ol li,
      .dynamic ul li {
        font-size: 0.9375rem; } }
    .dynamic ol li b, .dynamic ol li strong,
    .dynamic ul li b,
    .dynamic ul li strong {
      font-weight: 500; }

.dynamic ol {
  list-style: none;
  counter-reset: li; }
  .dynamic ol li {
    position: relative;
    border-bottom: 1px solid #d6d8d9;
    padding-left: 50px;
    padding-top: 10px;
    padding-bottom: 10px; }
    .dynamic ol li:last-child {
      margin-bottom: 0; }
    .dynamic ol li::before {
      content: counter(li) ".";
      counter-increment: li;
      font-size: 1rem;
      font-weight: 500;
      position: absolute;
      color: #344d66;
      display: inline-block;
      left: 0; }
      @media screen and (max-width: 425px) {
        .dynamic ol li::before {
          font-size: 0.9375rem; } }
  .dynamic ol ol {
    padding-top: 10px;
    margin-bottom: 0;
    padding-left: 0;
    counter-reset: li; }
    .dynamic ol ol li {
      border-bottom: 0;
      padding-left: 35px;
      padding-top: 0;
      padding-bottom: 10px; }
  .dynamic ol ul {
    counter-reset: li;
    padding-top: 10px; }
    .dynamic ol ul li {
      border-bottom: 0;
      padding-top: 0; }

.dynamic ul li {
  padding-left: 20px;
  position: relative; }
  .dynamic ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    border: 1px solid #1f78c1;
    background: #1f78c1;
    position: absolute;
    left: 0;
    top: 0.8em;
    transform: translate(0, -50%);
    border-radius: 50%; }
  .dynamic ul li:last-child {
    padding-bottom: 0; }
  .dynamic ul li ul {
    padding-top: 15px;
    margin-bottom: 0;
    padding-left: 16px; }
    .dynamic ul li ul li::before {
      background: transparent; }
    .dynamic ul li ul li:last-child {
      padding-bottom: 0; }
    .dynamic ul li ul li ul li::before {
      background: #1f78c1; }
  .dynamic ul li ol {
    padding-top: 10px; }
    .dynamic ul li ol li {
      border-bottom: 0;
      padding-top: 0; }
      .dynamic ul li ol li::before {
        content: counter(li) ".";
        counter-increment: li;
        font-size: 1rem;
        font-weight: 500;
        position: absolute;
        color: #344d66;
        display: inline-block;
        left: 0;
        width: auto;
        height: auto;
        background: transparent;
        border: 0; }

.dynamic .tableWrapper {
  width: 100%;
  overflow-x: auto;
  margin-top: 40px;
  margin-bottom: 40px; }
  .dynamic .tableWrapper table tr th, .dynamic .tableWrapper table tr td {
    padding: 22px 25px;
    color: #344d66;
    font-size: 1rem;
    border: 1px solid #d6d8d9;
    line-height: 1.75; }
    .dynamic .tableWrapper table tr th .note,
    .dynamic .tableWrapper table tr th pre, .dynamic .tableWrapper table tr td .note,
    .dynamic .tableWrapper table tr td pre {
      display: block;
      margin-top: 25px; }
  .dynamic .tableWrapper table tr th {
    background-color: #1f78c1;
    color: white;
    font-weight: 600; }
  .dynamic .tableWrapper table tr td.paleBlue {
    background-color: rgba(31, 120, 193, 0.1); }
    .dynamic .tableWrapper table tr td.paleBlue .note, .dynamic .tableWrapper table tr td.paleBlue pre {
      color: #7b8794; }
    .dynamic .tableWrapper table tr td.paleBlue h2 {
      color: #012040; }
  .dynamic .tableWrapper table tr td.darkBlue {
    background-color: #012040;
    color: white; }
    .dynamic .tableWrapper table tr td.darkBlue .note, .dynamic .tableWrapper table tr td.darkBlue pre {
      color: #d6d8d9; }
    .dynamic .tableWrapper table tr td.darkBlue h1, .dynamic .tableWrapper table tr td.darkBlue h2, .dynamic .tableWrapper table tr td.darkBlue h3, .dynamic .tableWrapper table tr td.darkBlue h4, .dynamic .tableWrapper table tr td.darkBlue h6, .dynamic .tableWrapper table tr td.darkBlue p {
      color: white; }
    .dynamic .tableWrapper table tr td.darkBlue ul li, .dynamic .tableWrapper table tr td.darkBlue ol li {
      color: white; }
      .dynamic .tableWrapper table tr td.darkBlue ul li::before, .dynamic .tableWrapper table tr td.darkBlue ol li::before {
        background: white;
        border-color: white; }
    .dynamic .tableWrapper table tr td.darkBlue a {
      color: #8fbbe0; }
      .dynamic .tableWrapper table tr td.darkBlue a::before {
        background-color: rgba(143, 187, 224, 0.4);
        z-index: 0; }
      .dynamic .tableWrapper table tr td.darkBlue a:not(.btn)[target=_blank]::after {
        width: 8px;
        height: 8px;
        background-image: url(../images/content/icons/external-light-blue.svg); }
      .dynamic .tableWrapper table tr td.darkBlue a:not(.btn)[href$=".pdf"]::after, .dynamic .tableWrapper table tr td.darkBlue a:not(.btn)[href$=".doc"]::after, .dynamic .tableWrapper table tr td.darkBlue a:not(.btn)[href$=".zip"]::after {
        width: 11px;
        height: 14px;
        background-image: url(../images/content/icons/download-light-blue.svg); }
      .dynamic .tableWrapper table tr td.darkBlue a.btn {
        color: white; }
  .dynamic .tableWrapper table tr:only-child td:only-child {
    padding: 40px 40px;
    border: 0; }

.dynamic blockquote {
  margin: 40px 0; }
  .dynamic blockquote p {
    color: #1f78c1;
    font-size: 1.125rem;
    border-left: 10px solid rgba(31, 120, 193, 0.1);
    padding-left: 30px;
    margin-top: 60px;
    margin-bottom: 60px;
    padding-top: 2px;
    padding-bottom: 2px; }

.dynamic.light h1, .dynamic.light h2, .dynamic.light h3, .dynamic.light h4, .dynamic.light h5, .dynamic.light h6,
.dynamic.light p, .dynamic.light ul, .dynamic.light ol {
  color: white; }

.dynamic h1:first-child, .dynamic h2:first-child, .dynamic h3:first-child, .dynamic h4:first-child, .dynamic p:first-child, .dynamic a:first-child, .dynamic ul:first-child, .dynamic ol:first-child, .dynamic table:first-child, .dynamic .tableWrapper:first-child, .dynamic pre:first-child {
  margin-top: 0 !important; }

.dynamic h1:last-child, .dynamic h2:last-child, .dynamic h3:last-child, .dynamic h4:last-child, .dynamic p:last-child, .dynamic a:last-child, .dynamic ul:last-child, .dynamic ol:last-child, .dynamic table:last-child, .dynamic .tableWrapper:last-child, .dynamic pre:last-child {
  margin-bottom: 0 !important; }

.videoWrapper {
  max-width: 560px; }
  .videoWrapper .ytVideo {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0; }
    .videoWrapper .ytVideo iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

video {
  max-width: 560px;
  max-height: 315px;
  width: 100%; }

.ocListCt .dynamic h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: "mont", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #012040;
  font-size: 1.5625rem; }
  @media screen and (max-width: 425px) {
    .ocListCt .dynamic h2 {
      font-size: 1.4375rem; } }
  @media screen and (max-width: 375px) {
    .ocListCt .dynamic h2 {
      font-size: 1.25rem; } }
  @media screen and (max-width: 320px) {
    .ocListCt .dynamic h2 {
      font-size: 1.125rem; } }
  @media screen and (max-width: 500px) {
    .ocListCt .dynamic h2 {
      margin: 30px 0 20px; } }

.ocListCt .dynamic h3 {
  margin-top: 40px;
  margin-bottom: 15px;
  font-family: "mont", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #012040;
  font-size: 1.3125rem; }
  @media screen and (max-width: 768px) {
    .ocListCt .dynamic h3 {
      font-size: 1.125rem; } }
  @media screen and (max-width: 425px) {
    .ocListCt .dynamic h3 {
      font-size: 1rem; } }
  @media screen and (max-width: 768px) {
    .ocListCt .dynamic h3 {
      margin: 20px 0; } }

.ocListCt .dynamic h4 {
  margin-top: 40px;
  margin-bottom: 15px;
  font-family: "mont", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  color: #012040;
  font-size: 1.125rem; }
  @media screen and (max-width: 425px) {
    .ocListCt .dynamic h4 {
      font-size: 0.9375rem; } }

.ocListCt .dynamic ul {
  margin-bottom: 40px; }

.ocListCt .dynamic h2 + h3,
.ocListCt .dynamic h3 + h4,
.ocListCt .dynamic h4 + h5,
.ocListCt .dynamic h5 + h6 {
  margin-top: 0; }

span.hors_ecran {
  position: absolute;
  top: auto;
  left: -10000px;
  height: 1px;
  width: 1px;
  overflow: hidden; }

#page-error ol li {
  border: none; }

em {
  font-style: italic; }

@media print {
  header,
  footer,
  .copyright,
  .ctaContact {
    display: none !important; }
  .btn {
    color: #012040;
    border: 1px solid #012040;
    background-color: white; }
    .btn.alt {
      border: 0; }
  .homeBanner {
    flex-wrap: wrap;
    height: auto !important;
    min-height: auto !important; }
    .homeBanner .left {
      width: 100% !important; }
      .homeBanner .left .slideButton,
      .homeBanner .left .sliderControls {
        display: none !important; }
      .homeBanner .left .slides {
        padding-bottom: 0 !important; }
    .homeBanner .right {
      display: none !important; }
  .fastLinks {
    flex-wrap: wrap; }
    .fastLinks .left,
    .fastLinks .right {
      width: 100% !important; }
      .fastLinks .left ul li a,
      .fastLinks .right ul li a {
        padding-top: 55% !important; }
  .testimonials {
    flex-wrap: wrap; }
    .testimonials .left {
      display: none !important; }
    .testimonials .right {
      width: 100% !important; }
      .testimonials .right .testimonialSlidesTexte .slide .container {
        max-width: none !important;
        padding-left: 0 !important; }
  .homeNews .cols {
    flex-wrap: wrap; }
    .homeNews .cols .left {
      padding-bottom: 50px; }
    .homeNews .cols .left,
    .homeNews .cols .right {
      width: 100% !important; }
  .breadcrumbs .wrapper > ul li > a,
  .breadcrumbs .wrapper > ul li > span {
    height: 35px; }
  .breadcrumbs .wrapper .shareBtn,
  .breadcrumbs .wrapper .printBtn {
    display: none !important; }
  .pageTitle .image .credit {
    color: #012040 !important; }
  .dynamic table {
    color: #012040 !important; }
  .list.ocList,
  .documents .documentsList {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .documents .documentsList li a {
    page-break-inside: avoid; }
  .list.ocList .ocListCt {
    opacity: 1 !important;
    transform: translateY(0) !important;
    display: block !important; }
  .documents .ocListCt .documentsList {
    padding-left: 0 !important; }
  #page-contact .contactContent .grid {
    flex-wrap: wrap; }
    #page-contact .contactContent .grid .left,
    #page-contact .contactContent .grid .right {
      width: 100% !important; }
      #page-contact .contactContent .grid .left .decorationImg,
      #page-contact .contactContent .grid .right .decorationImg {
        display: none !important; }
  #page-news .content .grid,
  #page-publications .content .grid,
  #page-search .content .grid {
    flex-wrap: wrap; }
    #page-news .content .grid .left,
    #page-publications .content .grid .left,
    #page-search .content .grid .left {
      display: none; }
    #page-news .content .grid .right,
    #page-publications .content .grid .right,
    #page-search .content .grid .right {
      width: 100% !important; }
      #page-news .content .grid .right .publication .image .i,
      #page-news .content .grid .right .searchBar,
      #page-news .content .grid .right .searchFilter,
      #page-publications .content .grid .right .publication .image .i,
      #page-publications .content .grid .right .searchBar,
      #page-publications .content .grid .right .searchFilter,
      #page-search .content .grid .right .publication .image .i,
      #page-search .content .grid .right .searchBar,
      #page-search .content .grid .right .searchFilter {
        display: none; }
  #page-news-detail .content .grid {
    flex-wrap: wrap; }
    #page-news-detail .content .grid .left,
    #page-news-detail .content .grid .right {
      width: 100% !important; }
  .xp160, .lp160, .rp160, .xp120, .lp120, .rp120, .xp100,
  .lp100, .rp100, .xp80, .lp80, .rp80, .xp50, .lp50, .rp50 {
    padding-left: 0;
    padding-right: 0; }
  .yp225, .yp190, .yp150, .yp130, .yp100, .yp80, .yp50 {
    padding-top: 50px;
    padding-bottom: 50px; }
  .tp225, .tp190, .tp150, .tp130, .tp100, .tp80, .tp50 {
    padding-top: 50px; }
  .bp225, .bp190, .bp150, .bp130, .bp100, .bp80, .bp50 {
    padding-bottom: 50px; } }

.hamburger {
  position: relative;
  width: 30px;
  height: 20px;
  cursor: pointer; }
  @media screen and (max-width: 425px) {
    .hamburger {
      width: 25px; } }
  .hamburger span {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background: #1f78c1;
    opacity: 1;
    left: 0%;
    transform: rotate(0deg);
    transition: 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .hamburger span:nth-child(1) {
      top: 0px; }
    .hamburger span:nth-child(2), .hamburger span:nth-child(3) {
      top: 8px;
      width: 80%; }
    .hamburger span:nth-child(4) {
      top: 16px; }

.showOverlayMenu .hamburger span:nth-child(1) {
  width: 0%;
  top: 16px;
  left: 50%;
  opacity: 0; }

.showOverlayMenu .hamburger span:nth-child(2) {
  transform: rotate(45deg);
  width: 100%; }

.showOverlayMenu .hamburger span:nth-child(3) {
  transform: rotate(-45deg);
  width: 100%; }

.showOverlayMenu .hamburger span:nth-child(4) {
  width: 0%;
  top: 16px;
  left: 50%;
  opacity: 0; }

.showOverlayMenu.closingMenu .hamburger span {
  width: 100%;
  opacity: 1;
  left: 0%;
  transform: rotate(0deg);
  transition: 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .showOverlayMenu.closingMenu .hamburger span:nth-child(1) {
    top: 0px; }
  .showOverlayMenu.closingMenu .hamburger span:nth-child(2), .showOverlayMenu.closingMenu .hamburger span:nth-child(3) {
    top: 8px; }
  .showOverlayMenu.closingMenu .hamburger span:nth-child(4) {
    top: 16px; }

[data-fade] {
  opacity: 0;
  transition: opacity 800ms; }
  [data-fade][data-scrollfire="fire"], [data-fade][data-multiscrollfire="fire"] {
    opacity: 1;
    transform: none; }

[data-fadeup] {
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 800ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  [data-fadeup][data-scrollfire="fire"], [data-fadeup][data-multiscrollfire="fire"] {
    opacity: 1;
    transform: none; }

.transition [data-fade], .chargement [data-fade] {
  opacity: 0 !important; }

.transition [data-fadeup], .chargement [data-fadeup] {
  opacity: 0 !important;
  transform: translateY(100px) !important; }

.transition [data-scrollfire], .transition [data-multiscrollfire], .chargement [data-scrollfire], .chargement [data-multiscrollfire] {
  transition-delay: 500ms !important; }

[data-scrollfire], [data-multiscrollfire] {
  transition-delay: 0ms; }
  [data-scrollfire][data-delay1], [data-multiscrollfire][data-delay1] {
    transition-delay: 150ms; }
  [data-scrollfire][data-delay2], [data-multiscrollfire][data-delay2] {
    transition-delay: 300ms; }
  [data-scrollfire][data-delay3], [data-multiscrollfire][data-delay3] {
    transition-delay: 450ms; }
  [data-scrollfire][data-delay4], [data-multiscrollfire][data-delay4] {
    transition-delay: 600ms; }
  [data-scrollfire][data-delay5], [data-multiscrollfire][data-delay5] {
    transition-delay: 750ms; }
  [data-scrollfire][data-delay6], [data-multiscrollfire][data-delay6] {
    transition-delay: 900ms; }

.floating {
  -webkit-animation-name: floating;
          animation-name: floating;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

.floating:hover {
  -webkit-animation-play-state: paused;
          animation-play-state: paused; }

@-webkit-keyframes floating {
  0%, 0.001% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(5px); }
  100% {
    transform: translateY(-5px); } }

@keyframes floating {
  0%, 0.001% {
    transform: translateY(-5px); }
  50% {
    transform: translateY(5px); }
  100% {
    transform: translateY(-5px); } }

#landing {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 9998;
  background: white;
  visibility: hidden;
  transition: opacity 400ms, visibility 0ms ease 400ms; }

.chargement #landing {
  opacity: 1;
  visibility: visible; }

#page-transition {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: white;
  visibility: hidden;
  z-index: 9999; }

.transition #page-transition {
  top: 0;
  bottom: 0;
  opacity: 1;
  visibility: visible;
  transition: opacity 200ms cubic-bezier(0.65, 0, 0.35, 1); }

.end #page-transition {
  top: 0;
  bottom: 0;
  opacity: 0;
  visibility: visible;
  transition: opacity 200ms cubic-bezier(0.65, 0, 0.35, 1); }

.blackScreen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  background: rgba(37, 37, 37, 0.7);
  visibility: hidden;
  z-index: 10;
  transition: opacity 800ms; }

.clearInput {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 22px;
  height: 22px;
  transform: translateY(-50%);
  opacity: 0;
  cursor: pointer;
  transition: opacity 400ms; }
  .clearInput:before, .clearInput:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 16px;
    background: #1f78c1; }
  .clearInput:before {
    transform: translate(-50%, -50%) rotate(45deg); }
  .clearInput:after {
    transform: translate(-50%, -50%) rotate(-45deg); }

.btnFastLinks {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 400px;
  height: 70px;
  font: 0.75rem/70px "mont", sans-serif;
  font-weight: 600;
  color: #1f78c1;
  background: #f7f8f8;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  z-index: 11;
  transition: background 300ms; }
  @media screen and (max-width: 1200px) {
    .btnFastLinks {
      width: 300px; } }
  @media screen and (max-width: 768px) {
    .btnFastLinks {
      width: 100%;
      height: 50px;
      line-height: 50px; } }
  @media screen and (max-height: 400px) {
    .btnFastLinks {
      display: none; } }
  .btnFastLinks:hover {
    background: #faba43; }
  .btnFastLinks span {
    position: relative;
    padding-right: 20px; }
    .btnFastLinks span:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 50%;
      right: 0;
      border-style: solid;
      border-width: 6.9px 4px 0 4px;
      border-color: #1f78c1 transparent transparent transparent;
      transform: translateY(-50%) rotate(-180deg);
      transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.sideTitle {
  display: block;
  position: absolute;
  left: 80px;
  z-index: 1; }
  @media screen and (max-width: 1200px) {
    .sideTitle {
      left: 50px; } }
  @media screen and (max-width: 1024px) {
    .sideTitle {
      display: none; } }
  .sideTitle:after {
    content: '';
    position: absolute;
    width: 2px;
    top: 0;
    bottom: 0;
    left: 0;
    background: #328ad3; }
  .sideTitle h6 {
    position: absolute;
    padding-left: 30px;
    top: -7px;
    right: 0;
    background: #344d66;
    white-space: nowrap;
    z-index: 1;
    transform-origin: right;
    transform: rotate(-90deg); }

.filters {
  width: 100%;
  max-width: 100%;
  height: 77px;
  text-align: center;
  font-size: 0; }
  @media screen and (max-width: 1200px) {
    .filters {
      height: 60px; } }
  .filters .wrapper {
    max-width: 750px;
    display: inline-block;
    height: 77px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    font-size: 0; }
    @media screen and (max-width: 1200px) {
      .filters .wrapper {
        width: 100%;
        height: 60px; } }
  .filters .dragAndSlide {
    padding-right: 60px;
    padding-left: 60px;
    font-size: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none; }
    .filters .dragAndSlide::-webkit-scrollbar {
      width: 0 !important; }
    @media screen and (max-width: 1200px) {
      .filters .dragAndSlide {
        padding-right: 50px;
        padding-left: 50px; } }
    .filters .dragAndSlide a {
      position: relative;
      font: 0.75rem/1 "mont", sans-serif;
      font-weight: 600;
      padding: 30px 0 32px;
      text-transform: uppercase;
      color: #eef4f9;
      transition: color 300ms;
      overflow: hidden; }
      @media screen and (max-width: 1200px) {
        .filters .dragAndSlide a {
          padding: 21px 0 24px; } }
      .filters .dragAndSlide a:not(:last-child) {
        margin-right: 40px; }
        @media screen and (max-width: 1200px) {
          .filters .dragAndSlide a:not(:last-child) {
            margin-right: 35px; } }
      .filters .dragAndSlide a:after {
        content: '';
        position: absolute;
        height: 3px;
        bottom: -3px;
        left: 0;
        right: 0;
        background: #328ad3;
        transition: bottom 300ms; }
      .filters .dragAndSlide a:hover, .filters .dragAndSlide a.active {
        color: #1f78c1; }
        .filters .dragAndSlide a:hover:after, .filters .dragAndSlide a.active:after {
          bottom: 0px; }
        .filters .dragAndSlide a:hover sup, .filters .dragAndSlide a.active sup {
          color: #1f78c1; }
      .filters .dragAndSlide a sup {
        font-family: "mont", sans-serif;
        color: #eef4f9;
        transition: color 300ms; }

.prevNext {
  display: flex;
  flex-flow: row wrap;
  padding: 0 45px;
  margin-top: 90px;
  border-top: 1px solid rgba(31, 120, 193, 0.2);
  border-bottom: 1px solid rgba(31, 120, 193, 0.2); }
  @media screen and (max-width: 1300px) {
    .prevNext {
      margin-top: 70px; } }
  @media screen and (max-width: 1200px) {
    .prevNext {
      margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .prevNext {
      margin-top: 30px;
      padding: 0 20px; } }
  @media screen and (max-width: 500px) {
    .prevNext {
      padding: 0; } }
  .prevNext a {
    position: relative;
    height: 75px;
    font: 0.75rem/75px "mont", sans-serif;
    font-weight: 600;
    color: #eaebec;
    text-transform: uppercase;
    transition: color 300ms; }
    @media screen and (max-width: 768px) {
      .prevNext a {
        height: 50px;
        line-height: 50px; } }
    .prevNext a:hover {
      color: #1f78c1; }
      .prevNext a:hover.prev:after {
        border-color: transparent #1f78c1 transparent transparent; }
      .prevNext a:hover.next:after {
        border-color: transparent transparent transparent #1f78c1; }
    .prevNext a:after {
      content: '';
      position: absolute;
      width: 0;
      height: 0;
      top: 50%;
      border-style: solid;
      transform: translateY(-50%);
      transition: border-color 300ms; }
  .prevNext .prev {
    padding-left: 20px; }
    .prevNext .prev:after {
      left: 0;
      border-width: 4px 6.9px 4px 0;
      border-color: transparent #eaebec transparent transparent; }
  .prevNext .next {
    padding-right: 20px;
    margin-left: auto; }
    .prevNext .next:after {
      right: 0;
      border-width: 4px 0 4px 6.9px;
      border-color: transparent transparent transparent #eaebec; }

.sideCalendar {
  position: absolute;
  padding: 120px 70px 50px 0;
  right: 0;
  width: 410px;
  opacity: 0;
  visibility: hidden; }
  @media screen and (max-width: 1400px) {
    .sideCalendar {
      width: 370px;
      padding: 120px 50px 50px 0; } }
  @media screen and (max-width: 1200px) {
    .sideCalendar {
      width: 350px; } }
  .sideCalendar.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all !important; }
  .sideCalendar.top {
    top: 0px; }
  .sideCalendar.bottom {
    bottom: 0; }
  .sideCalendar.fixed {
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 1;
    pointer-events: none; }
    @media screen and (max-width: 1024px) {
      .sideCalendar.fixed {
        display: none; } }
  .sideCalendar .btn {
    margin-top: 25px;
    text-align: center;
    width: 100%;
    text-align: center;
    padding-right: 20px;
    padding-left: 20px; }
    .sideCalendar .btn:after {
      display: none; }
    .sideCalendar .btn span {
      position: relative;
      padding-right: 20px; }
      .sideCalendar .btn span:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        right: 0;
        top: 50%;
        border-style: solid;
        border-width: 4px 0 4px 6.9px;
        border-color: transparent transparent transparent #328ad3;
        transform: translateY(-50%);
        transition: border-color 300ms; }
        @media screen and (max-width: 768px) {
          .sideCalendar .btn span:after {
            right: 25px; } }

/*


// Filtre par lettre
.lettersFilter {
    margin-top: 65px;

    @media screen and (max-width: 1200px) { margin-top: 50px; }
    @media screen and (max-width: 1024px) { margin-top: 40px; }
    @media screen and (max-width: 768px)  { margin-top: 30px; }
    @media screen and (max-width: 500px)  { margin-top: 20px; }

    ul, li   { display: inline-block;  }
    ul, .btn {
        vertical-align: middle;

        @media screen and (max-width: 768px) { width: 100%; }
    }
    ul {
        cursor: default;
        margin-left: 30px;

        @media screen and (max-width: 768px) {
            width: calc(100% + 2%);
            margin-left: -1%;
        }
    }
    .btn {
        @media screen and (max-width: 768px) { margin-bottom: 10px; width: 100%; text-align: center; }
    }

    li {
        @media screen and (max-width: 768px) {
            float: left;
            width: 10%;
            padding-left: 1%;
            padding-right: 1%;
        }
    }

    li a {
        position: relative;
        margin-right: 7px;
        font: rem(13)/1 $font2;
        font-weight: 700;
        color: $color3;
        transition: color 300ms, background 300ms;

        @media screen and (max-width: 768px) {
            margin-top: 7px;
            background: #365459;
            color: #fff;
            width: 100%;
            height: 24px;
            line-height: 24px;
            text-align: center;
        }

        &:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            top: 100%;
            left: 0;
            background: #fff;
            opacity: 0;
            transition: opacity 300ms;

            @media screen and (max-width: 768px) { display: none; }
        }

        &:hover, &.active {
            color: #fff;

            @media screen and (max-width: 768px) { background: $color4; }

            &:before { opacity: 1; }
        }
    }
}


// Pagination __________
.pagination {
    margin-top: 65px;

    @media screen and (max-width: 1024px) { margin-top: 50px; }
    @media screen and (max-width: 768px)  { margin-top: 40px; }
    @media screen and (max-width: 600px)  { margin-top: 30px; }

    .first svg, .last svg { width: 14px; }
    .prev svg, .next svg { width: 8px; }
    .first svg, .prev { transform: rotate(180deg); }
    .first, .prev, .next, .last { vertical-align: middle; height: 14px; svg { height: 14px; }}
    .first, .prev, .next {
        margin-right: 20px;

        @media screen and (max-width: 425px) { margin-right: 15px; }
    }

    .prev svg, .next svg, .first svg, .last svg {
        transition: fill 300ms;

        &:hover { fill: $color2; }
    }

    svg {
        fill: #8d9b9e;
    }
    .page {
        display: inline-block;
        vertical-align: middle;

        a, span {
            margin-right: 20px;
            font: rem(15)/20px $font2;
            color: $color3;

            @media screen and (max-width: 425px) { margin-right: 15px; }
        }
        a {
            transition: color 300ms;

            &.active, &:hover { color: $color2; }
        }
    }
}


// Navigation d'un slick __________
.slickNav {
    position: absolute;
    top: 140px;
    right: 35px;

    @media screen and (max-width: 1024px) { top: 80px; }
    @media screen and (max-width: 768px)  { opacity: 0; visibility: hidden; }

    .slideNumber {
        position: relative;
        width: 60px;
        height: 60px;
        font: rem(22)/60px $font1;
        color: #fff;
        background: $color4;
        text-align: center;
        cursor: pointer;
        transition: background 300ms;

        span {
            position: absolute;
            font-weight: 900;
            top: 50%;
            left: 50%;
            line-height: normal;
            transform: translate(-50%, -50%);
        }

        &:hover {
            background: $color1;
        }
    }

    .slickDots {
        ul {
            position: relative;
            height: 105px;
            margin-top: 15px;
            bottom: 0;

            li {
                display: block;
                width: 4px;
                height: 35px;
                margin: 0 0 0 45px;

                &.slick-active button { background: #fff; }

                button {
                    position: absolute;
                    width: inherit;
                    height: inherit;
                    padding: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    background: rgba(#fff, 0.2);
                    transition: background 300ms;

                    &:hover {
                        background: #fff;
                    }

                    &:before { display: none; }
                }
            }
        }
    }
}


// Informations sur une oeuvre, un artiste ou un parcours __________
.informations {
    position: absolute;
    width: 400px;
    padding-top: 50px;
    background: #fff;
    opacity: 0;
    visibility: hidden;

    @media screen and (max-width: 1400px) { padding-top: 20px; }
    @media screen and (max-width: 1300px) { width: 350px; }
    @media screen and (max-width: 1024px) {
        padding: 50px 0;
        position: relative;
        width: 100%;
        opacity: 1 !important;
        visibility: visible !important;
    }
    @media screen and (max-width: 768px) { padding: 40px 0; }

    &.active { opacity: 1; visibility: visible; pointer-events: all !important; }
    &.top { top: 0; }
    &.bottom { bottom: 0; }
    &.fixed {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1;
        pointer-events: none;

        @media screen and (max-width: 1024px) { display: none; }
    }


    .titleIcons {
        padding: 0 50px 0 50px;

        @media screen and (max-width: 1300px) { padding: 0 30px; }
        @media screen and (max-width: 1024px) { padding: 0; }

        ul {
            li {
                &:not(:last-child) {
                    padding-bottom: 20px;
                    border-bottom: 1px solid rgba($color2, 0.2);
                    margin-bottom: 20px;

                    @media screen and (max-width: 1024px) { padding-bottom: 15px; margin-bottom: 15px; }
                }
            }
            p {
                margin-bottom: 0;
                font: rem(18)/1.5 $font2;
                color: $color3;

                &:after {
                    content: '';
                    display: block;
                    clear: both;
                }
            }
            svg {
                float: left;
                position: relative;
                top: 2px;
                margin-right: 20px;
                width: 20px;
                height: 20px;
                fill: $color2;
                vertical-align: middle;
            }
            span {
                float: left;
                width: calc(100% - 45px);
            }
        }
    }

    .back {
        margin-top: 50px;
        text-align: center;

        @media screen and (max-width: 1024px) { display: none; }

        a.btn {
            padding: 25px;
            font: rem(15)/1 $font2;
            font-weight: 700;
            color: #fff;
            background: $color4;
            display: block;

            &:after {
                background: $color1;
            }
        }

        svg {
            position: relative;
            top: -2px;
            margin-right: 20px;
            width: 22px;
            height: 12px;
            vertical-align: middle;
            fill: #fff;
            transform: rotate(-180deg);
        }
    }
}


// Le wrapper de boutons dans les pages de détail __________
.btns {
    margin-top: 40px;

    @media screen and (max-width: 1024px) { margin-top: 30px; }
    @media screen and (max-width: 768px)  { margin-top: 25px; }

    :not(:last-child) {
        margin-right: 15px;
    }
}


// Le signe de plus __________
.plus {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    transition: transform 300ms;

    @media screen and (max-width: 1024px) { right: 40px; }
    @media screen and (max-width: 768px)  { right: 30px; }
    @media screen and (max-width: 600px)  { right: 20px; }

    &:before, &:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: $color6;
        transition: background 300ms, height 300ms ease;
    }
    &:before { width: 18px; height: 2px; }
    &:after  { width: 2px; height: 18px; }
}


// Lien bandeau et toggle d'un drawers __________
.toggle {
    position: relative;
    margin: 0;
    cursor: pointer;

    @media screen and (max-width: 600px) { padding: 20px 60px 20px 30px; }
    @media screen and (max-width: 500px) { padding: 20px 60px 20px 20px; }

    &:hover {
        picture:before { background: rgba($color2, 0.3); }
        h5, h6 { color: $color3; }
        .pointer svg { fill: $color3; }
    }

    picture {
        position: relative;
        float: left;
        width: 100px;
        height: 100px;
        margin-right: 20px;
        overflow: hidden;
        vertical-align: middle;

        &:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba($color2, 0);
            transition: background 300ms;
        }

        @media screen and (max-width: 600px) { display: none; }
    }

    .flex {
        min-height: 100px;
        align-items: center;

        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { height: 100px; }
        @media screen and (max-width: 600px) { min-height: 100%; }

        div { width: 100%; }
    }

    h6 {
        margin-bottom: 5px;
        font: rem(12)/1 $font2;
        font-weight: normal;
        color: $color3;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    h5 {
        margin-bottom: 0;
        font-family: $font2;
        font-weight: normal;
        line-height: 1.2;
        color: $color2;
        transition: color 300ms;
        text-transform: capitalize;
        @include fontsize(20, 0, 0, 0, 0, 0, 18);
    }

    .pointer {
        position: absolute;
        width: 14px;
        height: 14px;
        top: 50%;
        right: 60px;
        transform: translateY(-50%);
        transition: transform 300ms;

        @media screen and (max-width: 1024px) { right: 40px; }
        @media screen and (max-width: 768px)  { right: 30px; }
        @media screen and (max-width: 600px)  { right: 20px; }

        svg {
            width: 12px;
            height: 12px;
            fill: $color2;
            transform: rotate(90deg);
            transition: transform 300ms, fill 300ms;
        }
    }
}


// Lien fait en bandeau __________
.lienBandeau {
    background: #fff;

    .pointer svg { transform: none; }
}



// Tiroirs __________
.drawers {
	margin: 0;
	max-width: none;
	list-style-type: none;

	& > li {
		position: relative;
        overflow: hidden;
        background: #fff;

        &:not(:last-child) {
            margin-bottom: 20px;

            @media screen and (max-width: 768px) { margin-bottom: 10px; }
        }

        &.open {
            .toggle .pointer svg { transform: rotate(-90deg); }
			& > .drawer {
				opacity: 1;
				transform: translateY(0);
				transition: transform 800ms cubic-bezier(0.165, 0.84, 0.44, 1) 300ms, opacity 600ms linear 300ms;
			}
		}
    }

    .drawer {
        position: relative;
        max-width: 100%;
        opacity: 0;
        transform: translateY(100px);
        transition: opacity 300ms, transform 300ms;

        > div {
            padding: 30px 120px 50px 60px;

            @media screen and (max-width: 1024px) { padding: 20px 90px 50px 50px; }
            @media screen and (max-width: 768px)  { padding: 10px 90px 50px 30px; }
            @media screen and (max-width: 500px)  { padding: 10px 20px 50px 20px; }
        }
	}
}


// La galerie d'images
.gallery {
    margin-top: 60px;

    @media screen and (max-width: 1200px) { margin-top: 50px; }
    @media screen and (max-width: 1024px) { margin-top: 40px; }
    @media screen and (max-width: 768px)  { margin-top: 30px; }
    @media screen and (max-width: 500px)  { margin-top: 20px; }

    a {
        position: relative;
        float: left;

        &:hover {
            &:before, &:after { opacity: 1; }
            .image:after { background: rgba($color1, 0.5); }
        }

        &:before, &:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            background: #fff;
            opacity: 0;
            z-index: 1;
            transform: translate(-50%, -50%);
            transition: opacity 300ms;
        }

        &:before {
            width: 30px;
            height: 2px;
        }

        &:after {
            width: 2px;
            height: 30px;
        }

        .image {
            width: 100%;

            &:after {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background: rgba($color1, 0);
                transition: background 300ms;
            }
        }
    }

    .photo1 {
        float: left;
        width: calc(80% - 30px);
        margin-right: 30px;

        @media screen and (max-width: 1024px) { padding-right: 10px; width: 75%; }
        @media screen and (max-width: 768px)  { width: 65%; }
        @media screen and (max-width: 500px)  { width: 100%; padding-right: 0; margin-bottom: 10px; }

        .image {
            height: 350px;

            @media screen and (max-width: 500px) { height: 225px; }
        }
    }

    .photo2 {
        margin-bottom: 30px;

        @media screen and (max-width: 1024px) { margin-bottom: 10px; }
        @media screen and (max-width: 500px)  { padding-right: 5px; }
    }

    .photo3 {
        @media screen and (max-width: 500px)  { padding-left: 5px; }

        &:before, &:after { opacity: 1; }

        .image {
            position: relative;

            &:after { background: rgba($color1, 0.35); }
        }
    }

    .photo2, .photo3 {
        width: 20%;

        @media screen and (max-width: 1024px) { width: 25%; }
        @media screen and (max-width: 768px)  { width: 35%; }
        @media screen and (max-width: 500px)  { width: 50%; }

        .image {
            height: 160px;

            @media screen and (max-width: 1024px) { height: 170px; }
            @media screen and (max-width: 500px)  { height: 125px; }
        }
    }
}


// Bouton fixed en mobile sur les pages de détail
.backFixed {
    display: none;
    position: fixed;
    width: 100%;
    padding: 20px;
    left: 0;
    bottom: 0;
    font: rem(15)/1 $font2;
    font-weight: 700;
    color: #fff;
    background: $color4;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms, visibility 0ms linear 300ms;

    @media screen and (max-width: 1024px) { display: block; }


    &.active {
        opacity: 1;
        visibility: visible;
        transition: opacity 300ms;
    }

    &:after { background: $color1; }

    svg {
        position: relative;
        top: -2px;
        margin-right: 20px;
        width: 22px;
        height: 12px;
        vertical-align: middle;
        fill: #fff;
        transform: rotate(-180deg);
    }
}


// Le filtre qu'on peut bouger de gauche à droite
.dragAndSlide {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    transform: scale(1);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    scrollbar-width: none;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;

    &::-webkit-scrollbar { width: 0 !important }

    a {
        &:not(:last-child) { margin-right: 10px; }
        &:last-child { margin-right: 30px; }
        &.active {
            color: #fff;

            &:after {
                bottom: 0%;
                border-radius: 0%;
            }
        }
    }

    &.active {
        cursor: grabbing;
        cursor: -webkit-grabbing;
        //transform: scale(1.01);

        a { cursor: grabbing; }
    }

    div {
        display: inline-block;
    }
}


// partial du résultat de recherche
.result {
    display: flex;
    align-items: center;

    &:hover {
        picture:before { background: rgba($color2, 0.3); }
        .wrapper {
            h6, h4, mark { color: $color3; }
        }
        .btn {
            transition: color 300ms $easeIn;

            &:after {
                bottom: 0%;
                border-radius: 0%;
                transition: bottom 300ms $easeIn, border-radius 500ms $easeIn;
            }
            svg { transition: fill 300ms $easeIn; }
        }
    }

    &:not(:last-child) {
        padding-bottom: 40px;
        border-bottom: 1px solid rgba(#000, 0.1);
        margin-bottom: 40px;

        @media screen and (max-width: 1024px) { padding-bottom: 30px; margin-bottom: 30px; }
    }

    picture {
        position: relative;
        width: 180px;
        height: 180px;
        margin-right: 30px;

        @media screen and (max-width: 600px) { display: none; }

        &:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba($color2, 0);
            transition: background 300ms;
        }
    }

    .wrapper {
        width: calc(100% - 180px);

        @media screen and (max-width: 1024px) { width: 100%; }

        h6 {
            font-size: rem(12);
            text-transform: uppercase;
            transition: color 300ms;
        }

        h4 {
            margin-bottom: 10px;
            font-size: rem(20);
            color: $color2;
            transition: color 300ms;
        }

        p {
            font-size: rem(16);
            @media screen and (max-width: 1024px) { line-height: 1.4; }
        }

        mark {
            color: $color2;
            background: #DBE1E1;
            transition: color 300ms;
        }
    }
}
*/
.c_textOnImage {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  .c_textOnImage:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(31, 120, 193, 0.8); }
  .c_textOnImage div {
    position: relative; }
  .c_textOnImage h2 {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 1; }
  .c_textOnImage .handWritting {
    left: 50%;
    bottom: -130px;
    color: #8ca7a7;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .c_textOnImage .handWritting {
        bottom: -100px;
        left: 60%; } }
    @media screen and (max-width: 768px) {
      .c_textOnImage .handWritting {
        bottom: -65px;
        left: 50%; } }
    @media screen and (max-width: 500px) {
      .c_textOnImage .handWritting {
        display: none; } }

.c_listeOeuvres {
  background: #fff; }
  .c_listeOeuvres .h1 {
    position: relative;
    z-index: 1; }
    .c_listeOeuvres .h1 .handWritting {
      top: -75px;
      left: 100px;
      color: #e0eae8;
      z-index: -1; }
      @media screen and (max-width: 1024px) {
        .c_listeOeuvres .h1 .handWritting {
          top: -50px;
          left: 80px; } }
      @media screen and (max-width: 768px) {
        .c_listeOeuvres .h1 .handWritting {
          top: -35px;
          left: 75px; } }
      @media screen and (max-width: 425px) {
        .c_listeOeuvres .h1 .handWritting {
          top: -25px;
          left: 60px; } }
  .c_listeOeuvres .column:nth-child(-n + 3) {
    margin-top: 0; }
  .c_listeOeuvres .column:not(:nth-child(-n + 3)) {
    margin-top: 60px; }
  @media screen and (max-width: 1024px) {
    .c_listeOeuvres .column:nth-child(-n + 3) {
      margin-top: 0; }
    .c_listeOeuvres .column:not(:nth-child(-n + 3)) {
      margin-top: 50px; } }
  @media screen and (max-width: 768px) {
    .c_listeOeuvres .column:nth-child(-n + 2) {
      margin-top: 0; }
    .c_listeOeuvres .column:not(:nth-child(-n + 2)) {
      margin-top: 40px; } }
  @media screen and (max-width: 500px) {
    .c_listeOeuvres .column:nth-child(-n + 1) {
      margin-top: 0; }
    .c_listeOeuvres .column:not(:nth-child(-n + 1)) {
      margin-top: 30px; } }

.c_listeParcours {
  background: #1f78c1; }
  .c_listeParcours > div > div {
    text-align: center; }
  .c_listeParcours .h1 {
    position: relative;
    display: inline-block;
    color: #fff;
    z-index: 1; }
    @media screen and (max-width: 650px) {
      .c_listeParcours .h1 {
        margin-bottom: 90px; } }
    @media screen and (max-width: 500px) {
      .c_listeParcours .h1 {
        margin-bottom: 70px; } }
  .c_listeParcours .handWritting {
    top: 30px;
    left: 360px;
    text-transform: lowercase;
    color: #365459;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .c_listeParcours .handWritting {
        top: 20px;
        left: 260px; } }
    @media screen and (max-width: 768px) {
      .c_listeParcours .handWritting {
        left: 220px; } }
    @media screen and (max-width: 500px) {
      .c_listeParcours .handWritting {
        display: none; } }
  .c_listeParcours .parcours {
    position: relative;
    z-index: 1; }

.b_newsSlide {
  position: relative;
  padding-right: 400px; }
  @media screen and (max-width: 1400px) {
    .b_newsSlide {
      padding-right: 340px; } }
  @media screen and (max-width: 1200px) {
    .b_newsSlide {
      padding-right: 300px; } }
  @media screen and (max-width: 850px) {
    .b_newsSlide {
      padding-right: 200px; } }
  @media screen and (max-width: 768px) {
    .b_newsSlide {
      padding-right: 0px;
      margin-right: 50px; } }
  @media screen and (max-width: 600px) {
    .b_newsSlide {
      margin-right: 25px; } }
  .b_newsSlide a:hover .text:after {
    top: 0%; }
  .b_newsSlide a:hover .text h5, .b_newsSlide a:hover .text h3, .b_newsSlide a:hover .text .link {
    color: #fff; }
  .b_newsSlide a:hover .text h3:after {
    background: #fff; }
  .b_newsSlide a:hover .text .link:after {
    border-color: transparent transparent transparent #fff; }
  .b_newsSlide picture {
    width: 650px;
    height: 650px;
    overflow: hidden; }
    @media screen and (max-width: 1400px) {
      .b_newsSlide picture {
        width: 550px;
        height: 550px; } }
    @media screen and (max-width: 1200px) {
      .b_newsSlide picture {
        width: 500px;
        height: 500px; } }
    @media screen and (max-width: 1024px) {
      .b_newsSlide picture {
        width: 450px;
        height: 500px; } }
    @media screen and (max-width: 768px) {
      .b_newsSlide picture {
        width: 340px;
        height: 340px; } }
    @media screen and (max-width: 600px) {
      .b_newsSlide picture {
        width: 300px;
        height: 300px; } }
    @media screen and (max-width: 425px) {
      .b_newsSlide picture {
        width: 270px;
        height: 270px; } }
    .b_newsSlide picture img {
      transform: scale(1.2);
      transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .b_newsSlide .text {
    display: flex;
    position: absolute;
    width: 440px;
    padding: 0 60px;
    top: 50px;
    bottom: 50px;
    right: 80px;
    background: #fff;
    align-items: center; }
    @media screen and (max-width: 1400px) {
      .b_newsSlide .text {
        width: 400px;
        padding: 0 50px;
        right: 100px; } }
    @media screen and (max-width: 1200px) {
      .b_newsSlide .text {
        width: 380px;
        padding: 0 40px;
        right: 80px; } }
    @media screen and (max-width: 1024px) {
      .b_newsSlide .text {
        width: 340px;
        padding: 0 20px;
        right: 60px; } }
    @media screen and (max-width: 768px) {
      .b_newsSlide .text {
        position: relative;
        padding: 30px 10px 20px;
        top: 0;
        right: 0; } }
    @media screen and (max-width: 600px) {
      .b_newsSlide .text {
        width: 300px; } }
    @media screen and (max-width: 425px) {
      .b_newsSlide .text {
        width: 270px; } }
    .b_newsSlide .text:after {
      content: '';
      position: absolute;
      top: 100%;
      right: 0;
      bottom: 0;
      left: 0;
      background: #328ad3;
      transition: top 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    .b_newsSlide .text h5, .b_newsSlide .text h3, .b_newsSlide .text .link {
      position: relative;
      z-index: 1;
      transition: color 300ms; }
    .b_newsSlide .text h5 {
      margin: 0;
      color: rgba(31, 120, 193, 0.7); }
    .b_newsSlide .text h3 {
      position: relative;
      padding-bottom: 40px;
      margin: 20px 0 40px; }
      @media screen and (max-width: 1200px) {
        .b_newsSlide .text h3 {
          padding-bottom: 30px;
          margin-bottom: 30px; } }
      @media screen and (max-width: 1024px) {
        .b_newsSlide .text h3 {
          padding-bottom: 25px;
          margin-bottom: 25px; } }
      @media screen and (max-width: 768px) {
        .b_newsSlide .text h3 {
          margin-top: 15px;
          padding-bottom: 20px;
          margin-bottom: 20px; } }
      .b_newsSlide .text h3:after {
        content: '';
        position: absolute;
        width: 100px;
        height: 2px;
        bottom: 0;
        left: 0;
        background: #328ad3;
        transition: background 300ms; }
    .b_newsSlide .text .link:before {
      display: none; }

.b_event {
  display: flex;
  position: relative;
  align-items: center; }
  @media screen and (max-width: 600px) {
    .b_event {
      flex-flow: row wrap; } }
  .b_event:hover .b_event_image:after {
    background: rgba(31, 120, 193, 0.5); }
  .b_event:hover .b_event_image h6 {
    opacity: 1; }
  .b_event_image {
    position: relative;
    width: 300px;
    height: 300px; }
    @media screen and (max-width: 1300px) {
      .b_event_image {
        width: 250px;
        height: 250px; } }
    @media screen and (max-width: 600px) {
      .b_event_image {
        width: 100%;
        height: 350px; } }
    @media screen and (max-width: 500px) {
      .b_event_image {
        height: 300px; } }
    @media screen and (max-width: 425px) {
      .b_event_image {
        height: 250px; } }
    .b_event_image:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(31, 120, 193, 0);
      z-index: 1;
      transition: background 500ms; }
    .b_event_image h6 {
      position: absolute;
      width: 100%;
      margin-bottom: 0;
      top: 50%;
      color: #fff;
      text-align: center;
      opacity: 0;
      z-index: 2;
      transform: translateY(-50%);
      transition: opacity 500ms; }
    .b_event_image picture, .b_event_image img {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
  .b_event_text {
    width: calc(100% - 300px);
    padding-left: 50px; }
    @media screen and (max-width: 1400px) {
      .b_event_text {
        padding-left: 35px; } }
    @media screen and (max-width: 1300px) {
      .b_event_text {
        width: calc(100% - 250px); } }
    @media screen and (max-width: 1200px) {
      .b_event_text {
        padding-left: 20px; } }
    @media screen and (max-width: 600px) {
      .b_event_text {
        width: 100%;
        margin-top: 20px;
        padding-left: 0; } }
    .b_event_text h5 {
      margin: 0;
      color: rgba(31, 120, 193, 0.7); }
    .b_event_text h4 {
      margin: 20px 0px 35px; }
      @media screen and (max-width: 600px) {
        .b_event_text h4 {
          margin: 15px 0 20px; } }
    .b_event_text div p {
      margin-bottom: 10px;
      font: 0.9375rem/1.3 "mont", sans-serif;
      font-weight: 500; }
      .b_event_text div p:last-child {
        margin-bottom: 0; }
    .b_event_text div svg {
      position: relative;
      top: 2px;
      width: 15px;
      height: 15px;
      margin-right: 15px;
      fill: #1f78c1;
      vertical-align: top; }
    .b_event_text div span {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 45px); }
  .b_event_date {
    position: absolute;
    padding: 20px;
    top: 0;
    left: 0;
    background: #fff;
    text-align: center;
    z-index: 2; }
    @media screen and (max-width: 1300px) {
      .b_event_date {
        padding: 15px; } }
    .b_event_date .date, .b_event_date .mois {
      display: block;
      color: #1f78c1; }
    .b_event_date .date {
      margin-bottom: 10px;
      font: 2.5rem/1 "mont", sans-serif;
      font-weight: 700; }
    .b_event_date .mois {
      font: 0.9375rem/1 "mont", sans-serif;
      font-weight: 500; }

.b_news {
  display: flex;
  flex-flow: row wrap;
  padding: 30px 20px 30px 0;
  align-items: center;
  border-bottom: 1px solid rgba(1, 32, 64, 0.1); }
  @media screen and (max-width: 768px) {
    .b_news {
      padding-right: 0; } }
  @media screen and (max-width: 500px) {
    .b_news {
      padding: 20px 0; } }
  .b_news:hover .text h5, .b_news:hover .text h4 {
    color: #328ad3; }
  .b_news:first-child {
    border-top: 1px solid rgba(1, 32, 64, 0.1); }
  .b_news picture {
    width: 200px;
    height: 200px;
    margin-right: 75px; }
    @media screen and (max-width: 1200px) {
      .b_news picture {
        margin-right: 50px; } }
    @media screen and (max-width: 1024px) {
      .b_news picture {
        margin-right: 40px; } }
    @media screen and (max-width: 768px) {
      .b_news picture {
        margin-right: 30px; } }
    @media screen and (max-width: 600px) {
      .b_news picture {
        margin-right: 20px;
        width: 175px; } }
    @media screen and (max-width: 500px) {
      .b_news picture {
        display: none; } }
  .b_news .text {
    width: calc(100% - 275px); }
    @media screen and (max-width: 1200px) {
      .b_news .text {
        width: calc(100% - 250px); } }
    @media screen and (max-width: 1024px) {
      .b_news .text {
        width: calc(100% - 240px); } }
    @media screen and (max-width: 768px) {
      .b_news .text {
        width: calc(100% - 230px); } }
    @media screen and (max-width: 600px) {
      .b_news .text {
        width: calc(100% - 195px); } }
    @media screen and (max-width: 500px) {
      .b_news .text {
        width: 100%; } }
    .b_news .text h5 {
      margin-bottom: 20px;
      color: rgba(31, 120, 193, 0.7);
      transition: color 300ms; }
      @media screen and (max-width: 600px) {
        .b_news .text h5 {
          margin-bottom: 15px; } }
    .b_news .text h4 {
      margin-bottom: 0;
      transition: color 300ms; }

form {
  display: block;
  width: 100%; }

div.error {
  position: absolute;
  padding-top: 7px;
  top: 100%;
  font: 12px/1 "mont", sans-serif;
  color: #eb3f3f; }

.note {
  padding-top: 7px;
  font-size: 0.875rem;
  font-family: "mont", sans-serif;
  color: #6a737e;
  line-height: 1.5; }
  .note em {
    font-style: italic; }

.inputField, .textField {
  position: relative;
  width: 100%;
  margin-bottom: 60px;
  outline: none; }

.btn {
  outline: none; }

.searchInput {
  position: relative; }
  .searchInput .notEmpty ~ .clearInput {
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms; }
  .searchInput input {
    width: 100%;
    height: 50px;
    padding: 0 90px 0 20px;
    font: 15px/50px "mont", sans-serif;
    font-weight: 500;
    color: #012040;
    border: 1px solid #1f78c1;
    transition: color 300ms, background 300ms;
    border-radius: 8px; }
    .searchInput input::-moz-placeholder {
      color: #7b8794;
      opacity: 1; }
    .searchInput input:-ms-input-placeholder {
      color: #7b8794;
      opacity: 1; }
    .searchInput input::-ms-input-placeholder {
      color: #7b8794;
      opacity: 1; }
    .searchInput input::placeholder {
      color: #7b8794;
      opacity: 1; }
    .searchInput input:-ms-input-placeholder {
      color: #7b8794;
      opacity: 1; }
    .searchInput input::-ms-input-placeholder {
      color: #7b8794;
      opacity: 1; }
  .searchInput button {
    position: absolute;
    top: 50%;
    font-size: 0;
    transform: translateY(-50%);
    background: #1f78c1;
    height: 100%;
    width: 50px;
    right: 0;
    border-radius: 0 8px 8px 0;
    transition: background 0.3s ease; }
    .searchInput button:hover {
      background: #012040; }
    .searchInput button svg {
      width: 15px;
      height: 15px;
      stroke: #fff;
      fill: #fff;
      transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 300ms; }

/*** INPUT ***/
.inputField {
  position: relative; }
  .inputField input {
    width: 100%;
    height: 35px;
    font-family: "mont", sans-serif;
    font-size: 1rem;
    color: #012040;
    background: transparent;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #344d66;
    padding-top: 5px;
    padding-bottom: 5px; }
    .inputField input:focus {
      border-bottom: 2px solid #1f78c1;
      padding-bottom: 4px; }
    .inputField input.error {
      border-bottom: 2px solid #eb3f3f;
      padding-bottom: 4px; }
  .inputField label {
    font-size: 1rem;
    color: #344d66; }

.inputField.calendar .datepickerWrapper {
  position: absolute;
  width: 320px;
  top: calc( 100% + 20px);
  left: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 300ms, visibility 0ms ease 300ms; }
  @media screen and (max-width: 425px) {
    .inputField.calendar .datepickerWrapper {
      width: 270px; } }
  .inputField.calendar .datepickerWrapper.show {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: opacity 300ms; }

/*** TEXTAREA ***/
.textField {
  position: relative; }
  .textField textarea {
    width: 100%;
    font-family: "mont", sans-serif;
    font-size: 1rem;
    color: #012040;
    background: transparent;
    box-shadow: none;
    outline: none;
    resize: none;
    height: 35px;
    min-height: 35px;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-bottom: 1px solid #344d66; }
    .textField textarea:focus {
      border-bottom: 2px solid #1f78c1; }
    .textField textarea.error {
      border-bottom: 2px solid #eb3f3f; }
  .textField label {
    font-size: 1rem;
    color: #344d66; }
  .textField textarea:focus + label, .textField textarea.valid + label, .textField textarea.error + label, .textField textarea.notEmpty + label {
    top: 12px;
    cursor: default;
    pointer-events: none; }

.checkboxField {
  position: relative; }
  .checkboxField label {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 1rem;
    line-height: 1.3em;
    color: #012040;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .checkboxField label input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .checkboxField label span {
      position: absolute;
      width: 12px;
      height: 12px;
      left: 0;
      border: 1px solid rgba(52, 77, 102, 0.4);
      border-radius: 3px;
      top: 0.7em;
      transform: translate(0, calc( -50% + -1px)); }
      .checkboxField label span::before {
        content: '';
        position: absolute;
        left: -1px;
        right: -1px;
        top: -1px;
        bottom: -1px;
        border-radius: 3px;
        background: #1f78c1;
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
      .checkboxField label span::after {
        content: '';
        height: 6px;
        width: 8px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-image: url(../images/content/icons/check-white.svg);
        background-size: cover;
        opacity: 0;
        transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .checkboxField label input:checked ~ span::before {
      opacity: 1; }
    .checkboxField label input:checked ~ span::after {
      opacity: 1; }

.radioField {
  position: relative; }
  .radioField pre + label,
  .radioField label:first-child {
    margin-top: 20px; }
  .radioField label {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 0.9375rem;
    line-height: 1.3em;
    color: #012040;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin-right: 20px;
    margin-bottom: 20px; }
    .radioField label input {
      position: absolute;
      opacity: 0;
      cursor: pointer; }
    .radioField label span {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 0;
      left: 0;
      border: 1px solid rgba(1, 32, 64, 0.4);
      border-radius: 50%; }
      .radioField label span:before {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        top: 50%;
        left: 50%;
        background: #1f78c1;
        border-radius: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 225ms ease; }
    .radioField label input:checked ~ span:before {
      transform: translate(-50%, -50%) scale(1); }

/*** TEXTAREA ***/
.fileField {
  position: relative; }
  .fileField .error {
    z-index: 2;
    top: 70%;
    margin-left: 30px; }
  .fileField .uploadBtnWrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 30px; }
    .fileField .uploadBtnWrapper input[type=file] {
      width: 0.1px;
      height: 0.1px;
      opacity: 0;
      overflow: hidden;
      position: absolute;
      z-index: -1; }
    .fileField .uploadBtnWrapper .btnUpload {
      display: block;
      position: relative;
      width: 100%;
      padding: 30px 120px 30px 40px;
      color: #012040;
      border: none;
      background-color: #f7f8f8;
      cursor: pointer;
      border: 1px solid #d6d8d9;
      border-radius: 6px; }
      .fileField .uploadBtnWrapper .btnUpload .icon {
        position: absolute;
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        right: 30px;
        transform: rotate(180deg); }
        .fileField .uploadBtnWrapper .btnUpload .icon svg {
          position: absolute;
          width: 18px;
          height: 18px;
          top: 50%;
          left: 50%;
          fill: #1f78c1;
          transform: translate(-50%, -50%); }
          .fileField .uploadBtnWrapper .btnUpload .icon svg use {
            fill: #1f78c1; }
      .fileField .uploadBtnWrapper .btnUpload::after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: #1f78c11a;
        width: 100%;
        transform-origin: right;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: 0; }
      .fileField .uploadBtnWrapper .btnUpload:hover::after {
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1);
        transform-origin: left; }

.hiddenCaptcha {
  display: none; }

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input[type=number] {
  -moz-appearance: textfield; }

input {
  padding: 10px 0; }

.inputField {
  margin-bottom: 60px; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
  -webkit-transition-delay: 9999s; }

.form-variant h2 {
  margin-bottom: 40px; }

.form-variant h3 {
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 40px; }

.form-variant .textField label, .form-variant .inputField label {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 10px; }
  @media screen and (max-width: 768px) {
    .form-variant .textField label br, .form-variant .inputField label br {
      display: none; } }

.form-variant .textField input, .form-variant .inputField input {
  margin-top: 15px; }

.form-variant .textField textarea, .form-variant .inputField textarea {
  margin-top: 15px; }

.form-variant .textField .custom-select, .form-variant .inputField .custom-select {
  margin-top: 20px; }

.form-variant .radioField, .form-variant .checkboxField {
  margin-bottom: 60px; }
  .form-variant .radioField .note, .form-variant .checkboxField .note {
    padding-bottom: 7px;
    margin-bottom: 0px; }
  .form-variant .radioField .master, .form-variant .checkboxField .master {
    padding: 0;
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-family: "mont", sans-serif;
    font-weight: 500; }
    .form-variant .radioField .master.space, .form-variant .checkboxField .master.space {
      margin-top: 90px; }

.form-variant .checkboxField label {
  padding-left: 30px; }

.form-variant .checkboxField .master {
  margin-bottom: 20px; }

.form-variant .checkboxField li label span, .form-variant .checkboxField label span {
  width: 20px;
  height: 20px; }

.form-variant .solo label {
  margin-bottom: 0; }

.form-variant .dynamic-form {
  margin-top: 15px; }
  .form-variant .dynamic-form p, .form-variant .dynamic-form li {
    font-size: 0.9375rem; }
  .form-variant .dynamic-form ol li,
  .form-variant .dynamic-form ul li {
    padding-bottom: 5px; }

.form-variant .space .dynamic-form {
  margin-top: 25px; }

.form-variant p.space {
  margin-bottom: 25px; }

.customContainer {
  cursor: pointer; }

.custom-select {
  position: relative;
  z-index: 10;
  max-width: 500px;
  outline: none; }
  .custom-select select {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0; }
  .custom-select.custom-select-active .custom-select-items {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transition: opacity 300ms; }
  .custom-select .custom-select-selected {
    position: relative;
    z-index: 20; }
  .custom-select .custom-select-items {
    max-width: 500px;
    position: absolute;
    max-height: 200px;
    overflow: auto;
    top: 100%;
    right: 0;
    left: 0;
    opacity: 0;
    z-index: 19;
    visibility: hidden;
    pointer-events: none;
    overflow-x: hidden;
    transition: opacity 300ms, visibility 0ms ease 300ms; }
    .custom-select .custom-select-items .custom-select-item {
      cursor: pointer; }
    .custom-select .custom-select-items::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 5px;
      height: 5px;
      background-color: transparent; }
    .custom-select .custom-select-items::-webkit-scrollbar-thumb {
      background-color: #1f78c1; }

.custom-select.style1 .custom-select-selected {
  padding: 20px 35px 20px 30px;
  font-size: 0.9375rem;
  color: #7b8794;
  background: #fff;
  border: 1px #d6d8d9 solid;
  border-radius: 7px 7px 7px 7px;
  transition: border-radius 300ms cubic-bezier(0.215, 0.61, 0.355, 1), background-color 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
  cursor: pointer; }
  .custom-select.style1 .custom-select-selected:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    transition: transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
    width: 12px;
    height: 7px;
    background-size: 12px;
    background-image: url(../images/content/icons/chevron-blue.svg);
    background-repeat: no-repeat;
    transform: rotate(0) translate(0, -50%);
    transform-origin: top; }
  .custom-select.style1 .custom-select-selected:hover {
    background-color: #f7f8f8; }

.custom-select.style1.custom-select-active .custom-select-selected {
  border-radius: 7px 7px 0 0; }
  .custom-select.style1.custom-select-active .custom-select-selected:after {
    transform: rotate(-180deg) translate(0, -50%); }

.custom-select.style1.custom-select-active .custom-select-items {
  transform: none;
  transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.custom-select.style1 .custom-select-items {
  background: #fff;
  transform: translateY(-30px);
  transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 300ms;
  border: 1px #d6d8d9 solid;
  border-top: 0;
  border-radius: 0 0 7px 7px; }
  .custom-select.style1 .custom-select-items .custom-select-item {
    padding: 12px 35px 12px 30px;
    font-size: 0.9375rem;
    color: #012040;
    transition: background-color 300ms, color 300ms; }
    .custom-select.style1 .custom-select-items .custom-select-item:hover {
      background-color: #f7f8f8; }
    .custom-select.style1 .custom-select-items .custom-select-item.custom-select-same {
      color: #1f78c1;
      background-color: #f7f8f8; }

/*style the arrow inside the select element:
.select-selected:after {
position: absolute;
content: "";
top: 14px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #fff transparent transparent transparent;
}

.select-selected.select-arrow-active:after {
border-color: transparent transparent #fff transparent;
top: 7px;
}

.select-items div,.select-selected {
color: #ffffff;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
user-select: none;
}

.select-items {
position: absolute;
background-color: DodgerBlue;
top: 100%;
left: 0;
right: 0;
z-index: 99;
}



.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}*/
.datepickerWrapper {
  position: relative;
  padding: 0 30px 30px 30px;
  width: 100%;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #f7f8f8; }
  @media screen and (max-width: 425px) {
    .datepickerWrapper {
      padding: 0 10px 10px; } }
  .datepickerWrapper:before {
    content: '';
    position: absolute;
    height: 76px;
    top: 0;
    left: 0;
    right: 0; }

.datepicker {
  position: relative;
  width: 100%;
  direction: ltr; }

.datepicker-rtl {
  direction: rtl; }

.datepicker-rtl.dropdown-menu {
  left: auto; }

.datepicker-rtl table tr td span {
  float: right; }

.datepicker-dropdown {
  top: 0;
  left: 0; }

.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute; }

.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute; }

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px; }

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px; }

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px; }

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px; }

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px; }

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px; }

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999; }

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff; }

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.datepicker table {
  width: 100%;
  table-layout: fixed;
  word-wrap: break-word; }

.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next {
  height: 75px;
  transition: opacity 300ms;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next {
      height: 70px; } }
  @media screen and (max-width: 600px) {
    .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next {
      height: 60px; } }
  .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover {
    opacity: 0.6; }

.datepicker .prev, .datepicker .next {
  width: 25px;
  font-size: 0;
  background-image: url("../images/content/icons/arrow-blue.svg");
  background-repeat: no-repeat;
  background-size: 15px 12px; }
  .datepicker .prev.disabled, .datepicker .next.disabled {
    visibility: hidden; }

.datepicker .datepicker-switch {
  width: calc(100% - 50px);
  font: 0.9375rem/1 "mont", sans-serif;
  font-weight: 700;
  color: #1f78c1;
  vertical-align: middle; }

.datepicker .prev {
  transform: rotate(180deg);
  background-position: center 53%; }

.datepicker .next {
  background-position: center 47%; }

.datepicker .dow {
  width: 30px;
  height: 30px;
  font: 0.75rem/1 "mont", sans-serif;
  font-weight: 700;
  color: #1f78c1;
  text-align: center;
  vertical-align: middle;
  cursor: default; }

.datepicker .day {
  position: relative;
  width: 30px;
  height: 30px;
  font: 0.75rem/1 "mont", sans-serif;
  color: #1f78c1;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }
  .datepicker .day:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1; }
  .datepicker .day.disabled, .datepicker .day.disabled:hover {
    background: none;
    cursor: default; }
  .datepicker .day:hover:before {
    background: #e9eaeb; }

.datepicker .old, .datepicker .new {
  color: rgba(1, 32, 64, 0.3) !important; }
  .datepicker .old.day.active, .datepicker .new.day.active {
    color: #fff !important; }
    .datepicker .old.day.active:before, .datepicker .new.day.active:before {
      background: rgba(1, 32, 64, 0.5) !important; }
  .datepicker .old.day.today, .datepicker .new.day.today {
    color: #fff !important; }
    .datepicker .old.day.today:before, .datepicker .new.day.today:before {
      background: rgba(31, 120, 193, 0.5) !important; }

.datepicker .day.today {
  color: #fff; }
  .datepicker .day.today:before {
    background: #012040; }
  .datepicker .day.today:hover {
    color: #fff; }
    .datepicker .day.today:hover:before {
      background: #012040; }

.datepicker .day.active {
  color: #fff;
  cursor: default; }
  .datepicker .day.active:before {
    background: #1f78c1; }
  .datepicker .day.active:hover {
    color: #fff; }
    .datepicker .day.active:hover:before {
      background: #1f78c1; }

.datepicker .month, .datepicker .year, .datepicker .decade, .datepicker .century {
  float: left;
  width: 25%;
  height: 30px;
  font: 0.75rem/30px "mont", sans-serif;
  color: #1f78c1;
  text-align: center;
  vertical-align: middle;
  cursor: pointer; }
  .datepicker .month:hover, .datepicker .year:hover, .datepicker .decade:hover, .datepicker .century:hover {
    background: #e9eaeb; }
  .datepicker .month.focused, .datepicker .year.focused, .datepicker .decade.focused, .datepicker .century.focused {
    color: #fff;
    background: #012040; }

.datepickerWrapper.cart-mode .datepicker .day.disabled, .datepickerWrapper.cart-mode .datepicker .day.disabled.old, .datepickerWrapper.cart-mode .datepicker .day.disabled:hover {
  background: none;
  cursor: default;
  color: #c8c8c8 !important; }

.list > li {
  position: relative;
  margin-bottom: 15px;
  border-top: 1px solid #d6d8d9; }
  .list > li::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background-color: #f7f8f8;
    width: 100%;
    transform-origin: right;
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(0);
    z-index: -1; }
  .list > li.open::after {
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: scaleX(1);
    transform-origin: left; }
  @media screen and (max-width: 600px) {
    .list > li {
      margin-bottom: 10px; } }
  .list > li:last-child {
    margin: 0;
    border-bottom: 1px solid #d6d8d9; }
  .list > li > a {
    position: relative;
    display: block;
    padding: 45px 120px 45px 60px;
    transition: background 300ms; }
    @media screen and (max-width: 1600px) {
      .list > li > a {
        padding-left: 40px;
        padding-right: 90px; } }
    @media screen and (max-width: 1024px) {
      .list > li > a {
        padding: 40px 80px 40px 30px; } }
    @media screen and (max-width: 768px) {
      .list > li > a {
        padding: 35px 70px 35px 20px; } }
    @media screen and (max-width: 600px) {
      .list > li > a {
        padding: 30px 60px 30px 20px; } }
    @media screen and (max-width: 500px) {
      .list > li > a {
        padding: 28px 60px 28px 20px; } }
    .list > li > a.hasImage {
      padding-left: 195px; }
      @media screen and (max-width: 1024px) {
        .list > li > a.hasImage {
          padding-left: 190px; } }
      @media screen and (max-width: 768px) {
        .list > li > a.hasImage {
          padding-left: 185px; } }
      @media screen and (max-width: 600px) {
        .list > li > a.hasImage {
          padding-left: 30px; } }
      .list > li > a.hasImage .image {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 150px;
        left: 0;
        background-position: center;
        background-size: cover; }
        @media screen and (max-width: 600px) {
          .list > li > a.hasImage .image {
            display: none; } }
    .list > li > a:hover h2 {
      color: #1f78c1; }
    .list > li > a:hover p {
      color: #1f78c1; }
      .list > li > a:hover p span {
        color: #fff; }
    .list > li > a h2 {
      margin: 0;
      font-size: 1.125rem;
      line-height: 1.3;
      transition: color 300ms;
      font-weight: 500;
      color: #012040; }
      @media screen and (max-width: 1200px) {
        .list > li > a h2 {
          font-size: 22px; } }
      @media screen and (max-width: 768px) {
        .list > li > a h2 {
          font-size: 18px; } }
    .list > li > a p {
      margin: 0 0 10px 0;
      font: 13px/16px "mont", sans-serif;
      color: #f7f8f8;
      transition: color 300ms; }
      @media screen and (max-width: 768px) {
        .list > li > a p {
          margin-bottom: 7px; } }
      .list > li > a p span {
        color: #012040;
        transition: color 300ms; }

.list.ocList {
  margin-left: -60px;
  margin-right: -60px; }
  @media screen and (max-width: 1024px) {
    .list.ocList {
      margin-left: auto;
      margin-right: auto; } }
  .list.ocList > li {
    margin-bottom: 0; }
  .list.ocList > li > a .plus {
    position: absolute;
    right: 35px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 20px;
    height: 20px;
    z-index: 2; }
    @media screen and (max-width: 1024px) {
      .list.ocList > li > a .plus {
        width: 16px;
        height: 16px; } }
    @media screen and (max-width: 768px) {
      .list.ocList > li > a .plus {
        right: 30px; } }
    @media screen and (max-width: 600px) {
      .list.ocList > li > a .plus {
        right: 24px; } }
    @media screen and (max-width: 500px) {
      .list.ocList > li > a .plus {
        right: 22px; } }
    .list.ocList > li > a .plus .line1,
    .list.ocList > li > a .plus .line2 {
      display: none; }
    .list.ocList > li > a .plus::before, .list.ocList > li > a .plus::after {
      content: '';
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 100%;
      height: 2px;
      background: #1f78c1;
      transition: background 300ms;
      transform: translate(-50%, -50%); }
    .list.ocList > li > a .plus::before {
      transform: translate(-50%, -50%) rotate(90deg); }
  .list.ocList .ocListCt {
    position: relative;
    display: none;
    padding: 0 140px 0 60px;
    opacity: 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transition: opacity 200ms cubic-bezier(0.19, 1, 0.22, 1), transform 200ms cubic-bezier(0.19, 1, 0.22, 1); }
    @media screen and (max-width: 1600px) {
      .list.ocList .ocListCt {
        padding-right: 100px;
        padding-left: 40px; } }
    @media screen and (max-width: 1400px) {
      .list.ocList .ocListCt {
        padding-left: 40px; } }
    @media screen and (max-width: 1024px) {
      .list.ocList .ocListCt {
        padding: 0 30px 0 30px; } }
    @media screen and (max-width: 768px) {
      .list.ocList .ocListCt {
        padding-left: 20px; } }
    @media screen and (max-width: 600px) {
      .list.ocList .ocListCt {
        padding-right: 20px; } }
    .list.ocList .ocListCt > .dynamic {
      max-width: 1100px;
      padding-bottom: 60px; }
      @media screen and (max-width: 1024px) {
        .list.ocList .ocListCt > .dynamic {
          padding-bottom: 120px; } }
      .list.ocList .ocListCt > .dynamic > :last-child {
        margin-bottom: 0;
        padding-bottom: 0; }
    .list.ocList .ocListCt > .shareBtn {
      position: absolute;
      right: 30px;
      top: 0;
      width: 55px;
      height: 55px;
      border: #1f78c1 1px solid;
      border-radius: 8px;
      cursor: pointer;
      overflow: hidden; }
      @media screen and (max-width: 1024px) {
        .list.ocList .ocListCt > .shareBtn {
          right: auto;
          bottom: 30px;
          top: auto; } }
      .list.ocList .ocListCt > .shareBtn svg {
        width: 13px;
        height: 13px;
        fill: #1f78c1;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      .list.ocList .ocListCt > .shareBtn::after {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: #1f78c1;
        width: 100%;
        transform-origin: right;
        transition: transform .3s ease;
        transform: scaleX(0);
        z-index: 0; }
      .list.ocList .ocListCt > .shareBtn:hover svg {
        fill: white; }
      .list.ocList .ocListCt > .shareBtn:hover::after {
        transition: transform .3s ease;
        transform: scaleX(1);
        transform-origin: left; }
  .list.ocList .open > a h2 {
    color: #1f78c1; }
  .list.ocList .open > a .plus::before {
    opacity: 0; }
  .list.ocList .open > a p {
    color: #1f78c1; }
    .list.ocList .open > a p span {
      color: #fff; }
  .list.ocList .open .ocListCt {
    opacity: 1;
    transform: translateY(0);
    transition: transform 400ms ease 100ms, opacity 400ms ease 100ms;
    -webkit-transition: -webkit-transform 400ms ease 100ms, opacity 400ms ease 100ms; }
  .list.ocList.plus > li > a {
    display: flex;
    align-items: center; }
    .list.ocList.plus > li > a .image {
      width: 115px;
      height: 115px;
      -o-object-fit: cover;
         object-fit: cover;
      display: block;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%); }
    .list.ocList.plus > li > a .overTitle {
      color: #1f78c1;
      font-size: 0.8125rem;
      font-weight: 500;
      margin-bottom: 8px;
      text-transform: uppercase; }
  .list.ocList.plus > li:not(.noPhoto) > a {
    padding-left: 165px;
    min-height: 150px; }

.list.doc li a,
.list.doc .collapsedDoc a {
  background-color: white;
  padding: 35px 120px 35px 45px; }
  @media screen and (max-width: 768px) {
    .list.doc li a,
    .list.doc .collapsedDoc a {
      padding: 35px 75px 35px 25px; } }
  .list.doc li a span,
  .list.doc .collapsedDoc a span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px; }
    @media screen and (max-width: 768px) {
      .list.doc li a span,
      .list.doc .collapsedDoc a span {
        width: 75px; } }
    .list.doc li a span svg,
    .list.doc .collapsedDoc a span svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      stroke: #1f78c1;
      width: 30px;
      height: 30px; }
      @media screen and (max-width: 768px) {
        .list.doc li a span svg,
        .list.doc .collapsedDoc a span svg {
          width: 24px;
          height: 24px; } }
  .list.doc li a .centerize h2,
  .list.doc .collapsedDoc a .centerize h2 {
    margin-bottom: 0;
    font-size: 28px; }
    @media screen and (max-width: 1024px) {
      .list.doc li a .centerize h2,
      .list.doc .collapsedDoc a .centerize h2 {
        font-size: 24px; } }
    @media screen and (max-width: 768px) {
      .list.doc li a .centerize h2,
      .list.doc .collapsedDoc a .centerize h2 {
        font-size: 20px; } }
    @media screen and (max-width: 600px) {
      .list.doc li a .centerize h2,
      .list.doc .collapsedDoc a .centerize h2 {
        font-size: 18px; } }
    @media screen and (max-width: 768px) {
      .list.doc li a .centerize h2,
      .list.doc .collapsedDoc a .centerize h2 {
        font-size: 16px; } }

.list.doc li.withThumb a,
.list.doc .collapsedDoc.withThumb a {
  padding: 35px 120px 35px 130px; }
  @media screen and (max-width: 768px) {
    .list.doc li.withThumb a,
    .list.doc .collapsedDoc.withThumb a {
      padding: 35px 75px 35px 25px; } }
  .list.doc li.withThumb a .image,
  .list.doc .collapsedDoc.withThumb a .image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 110px;
    background-size: cover;
    background-position: center; }
    @media screen and (max-width: 768px) {
      .list.doc li.withThumb a .image,
      .list.doc .collapsedDoc.withThumb a .image {
        display: none; } }

h2.categTitle {
  margin-bottom: 30px; }

.newList a {
  position: relative; }
  .newList a .icons-box {
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -10px;
    display: block;
    height: 20px;
    font-size: 25px;
    overflow: hidden; }
    @media screen and (max-width: 1600px) {
      .newList a .icons-box {
        right: 40px; } }
    @media screen and (max-width: 1024px) {
      .newList a .icons-box {
        right: 20px; } }
    @media screen and (max-width: 600px) {
      .newList a .icons-box {
        font-size: 20px; } }
    .newList a .icons-box span {
      display: block;
      width: 100%;
      height: 100%;
      transform: translateY(-5px);
      -webkit-transform: translateY(-5px);
      transition: transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
      -webkit-transition: -webkit-transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }
      @media screen and (max-width: 600px) {
        .newList a .icons-box span {
          transform: translateY(-3px);
          -webkit-transform: translateY(-3px); } }
      .newList a .icons-box span .icon {
        vertical-align: middle; }
    .newList a .icons-box .icon-left {
      position: absolute;
      left: -200%;
      top: 0;
      bottom: 0; }
  .newList a:hover {
    color: #1f78c1; }
    .newList a:hover .icons-box span {
      transform: translate(200%, -5px);
      -webkit-transform: -webkit-translateX(200%, -5px); }
      @media screen and (max-width: 600px) {
        .newList a:hover .icons-box span {
          transform: translate(200%, -3px);
          -webkit-transform: -webkit-translateX(200%, -3px); } }
      .newList a:hover .icons-box span .icon {
        stroke: #fff; }

.list.ocList.doc .rubrique:hover > a {
  background-color: #012040; }

.list.ocList.doc .collapsedDoc {
  border-bottom: rgba(1, 32, 64, 0.1) 1px solid; }
  .list.ocList.doc .collapsedDoc:last-child {
    border-bottom: 0; }
  .list.ocList.doc .collapsedDoc a {
    display: block;
    position: relative; }

.list.ocList.doc .ocListCt {
  padding: 0; }

.galerie .galerieWrapper {
  position: relative;
  max-width: 1000px; }
  .galerie .galerieWrapper::after {
    display: table;
    content: '';
    clear: both; }
  .galerie .galerieWrapper img {
    width: 100%; }
  .galerie .galerieWrapper a::after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 0, 0, 0.15);
    transition: background 250ms; }
  .galerie .galerieWrapper a:hover::after {
    background: rgba(0, 0, 0, 0); }
  .galerie .galerieWrapper > a {
    position: relative;
    display: block;
    float: left;
    width: calc(100% - 320px);
    height: 300px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; }
    @media screen and (max-width: 768px) {
      .galerie .galerieWrapper > a {
        height: 240px;
        width: calc(100% - 250px); } }
    @media screen and (max-width: 600px) {
      .galerie .galerieWrapper > a {
        width: 100%;
        margin: 0 0 10px 0; } }
    @media screen and (max-width: 500px) {
      .galerie .galerieWrapper > a {
        height: 200px; } }
  .galerie .galerieWrapper ul {
    float: right;
    width: 160px; }
    @media screen and (max-width: 768px) {
      .galerie .galerieWrapper ul {
        width: 250px; } }
    @media screen and (max-width: 600px) {
      .galerie .galerieWrapper ul {
        float: none;
        width: calc(100% + 10px);
        margin-left: -5px; } }
    .galerie .galerieWrapper ul li {
      display: none;
      float: left;
      width: 100%;
      padding: 0 0 0 20px; }
      @media screen and (max-width: 768px) {
        .galerie .galerieWrapper ul li {
          padding-left: 10px; } }
      @media screen and (max-width: 600px) {
        .galerie .galerieWrapper ul li {
          width: 25%;
          max-width: 90px;
          padding: 0 5px 0 5px; } }
      .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
        padding-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
            padding-bottom: 10px; } }
        @media screen and (max-width: 600px) {
          .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
            padding-bottom: 0px; } }
      .galerie .galerieWrapper ul li:first-child, .galerie .galerieWrapper ul li:nth-child(2) {
        display: block; }
      .galerie .galerieWrapper ul li:nth-child(2) a::before {
        position: absolute;
        left: 50%;
        top: 50%;
        content: '';
        font-size: 40px;
        color: #fff;
        z-index: 1;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 21px;
        height: 21px;
        background-image: url(../images/content/icons/gallery.png);
        background-size: cover; }
      .galerie .galerieWrapper ul li:nth-child(2) a::after {
        background: rgba(31, 120, 193, 0.7); }
      .galerie .galerieWrapper ul li:nth-child(2):hover a::after {
        background: rgba(31, 120, 193, 0.9); }
      .galerie .galerieWrapper ul li a {
        position: relative;
        display: block;
        line-height: 0;
        width: 100%;
        padding-top: 100%;
        background-size: cover;
        background-position: center; }

/*** INSIDE RUBRIQUE ***/
.ocListCt .galerie {
  padding-bottom: 60px; }
  @media screen and (max-width: 1600px) {
    .ocListCt .galerie {
      padding-bottom: 40px; } }
  @media screen and (max-width: 1024px) {
    .ocListCt .galerie {
      padding-bottom: 30px; } }
  @media screen and (max-width: 768px) {
    .ocListCt .galerie {
      padding-bottom: 20px; } }
  .ocListCt .galerie .galerieWrapper {
    max-width: 800px; }
    .ocListCt .galerie .galerieWrapper > a {
      height: 295px;
      width: calc(100% - 160px); }
      @media screen and (max-width: 600px) {
        .ocListCt .galerie .galerieWrapper > a {
          height: 260px;
          width: 100%; } }
      @media screen and (max-width: 500px) {
        .ocListCt .galerie .galerieWrapper > a {
          height: 240px; } }
    .ocListCt .galerie .galerieWrapper ul {
      width: 160px; }
      @media screen and (max-width: 600px) {
        .ocListCt .galerie .galerieWrapper ul {
          width: calc(100% + 10px); } }
      .ocListCt .galerie .galerieWrapper ul li {
        padding-left: 25px; }
        @media screen and (max-width: 600px) {
          .ocListCt .galerie .galerieWrapper ul li {
            width: 25%;
            max-width: 90px;
            padding: 0 5px 0 5px; } }
        .ocListCt .galerie .galerieWrapper ul li:first-child, .ocListCt .galerie .galerieWrapper ul li:nth-child(2) {
          padding-bottom: 25px; }
          @media screen and (max-width: 600px) {
            .ocListCt .galerie .galerieWrapper ul li:first-child, .ocListCt .galerie .galerieWrapper ul li:nth-child(2) {
              padding-bottom: 0px; } }
        .ocListCt .galerie .galerieWrapper ul li:nth-child(2) {
          padding-bottom: 0; }

.documents .documentsList {
  margin-left: -60px;
  margin-right: -60px; }
  @media screen and (max-width: 1024px) {
    .documents .documentsList {
      margin-left: auto;
      margin-right: auto; } }
  .documents .documentsList li {
    margin-top: 15px; }
    .documents .documentsList li:first-child {
      margin-top: 0; }
    .documents .documentsList li a {
      width: 100%;
      display: flex;
      align-items: center;
      height: 100px;
      background-color: #f7f8f8;
      border: 1px solid #d6d8d9;
      border-radius: 8px;
      padding: 15px 60px;
      color: #344d66;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .documents .documentsList li a {
          padding: 15px 40px;
          padding-right: 65px; } }
      @media screen and (max-width: 600px) {
        .documents .documentsList li a {
          padding: 15px 30px;
          padding-right: 55px; } }
      .documents .documentsList li a h6, .documents .documentsList li a h4 {
        color: #012040;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      .documents .documentsList li a h4 {
        font-size: 1.125rem;
        font-weight: 500; }
      .documents .documentsList li a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translate(0, -50%);
        width: 16px;
        height: 20px;
        background-size: cover;
        background-image: url(../images/content/icons/download-blue.svg); }
        @media screen and (max-width: 1024px) {
          .documents .documentsList li a::after {
            right: 40px; } }
        @media screen and (max-width: 600px) {
          .documents .documentsList li a::after {
            right: 30px; } }
      .documents .documentsList li a.external::after {
        width: 14px;
        height: 14px;
        background-image: url(../images/content/icons/external-blue.svg); }
      .documents .documentsList li a::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: rgba(31, 120, 193, 0.1);
        width: 100%;
        transform-origin: right;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: 0; }
      .documents .documentsList li a:hover h6, .documents .documentsList li a:hover h4 {
        color: #1f78c1; }
      .documents .documentsList li a:hover::before {
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1);
        transform-origin: left; }
  .documents .documentsList.plus li a:not(.noPhoto) {
    height: 150px;
    padding-left: 160px; }
    .documents .documentsList.plus li a:not(.noPhoto) .image {
      width: 115px;
      height: 115px;
      -o-object-fit: cover;
         object-fit: cover;
      display: block;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%); }

.documents .ocListCt .documentsList {
  padding-left: 60px;
  padding-bottom: 50px; }
  .documents .ocListCt .documentsList li a {
    background-color: white; }

.dynamicForm,
#formFormation {
  /*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */ }
  .dynamicForm .bootstrap-datetimepicker-widget table td span:hover,
  #formFormation .bootstrap-datetimepicker-widget table td span:hover {
    background: none !important; }
  .dynamicForm .bootstrap-datetimepicker-widget table td span,
  #formFormation .bootstrap-datetimepicker-widget table td span {
    color: #1f78c1; }
    .dynamicForm .bootstrap-datetimepicker-widget table td span:hover,
    #formFormation .bootstrap-datetimepicker-widget table td span:hover {
      opacity: .6; }
  .dynamicForm .bootstrap-datetimepicker-widget table td,
  #formFormation .bootstrap-datetimepicker-widget table td {
    width: 0 !important; }

@font-face {
  .dynamicForm,
  #formFormation {
    font-family: 'Glyphicons Halflings';
    src: url("themes/cdpdj/assets/fonts/glyphicons-halflings-regular.eot");
    src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } }
  .dynamicForm .glyphicon,
  #formFormation .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .dynamicForm .glyphicon-time:before,
  #formFormation .glyphicon-time:before {
    content: "\E023"; }
  .dynamicForm .glyphicon-chevron-left:before,
  #formFormation .glyphicon-chevron-left:before {
    content: "\E079"; }
  .dynamicForm .glyphicon-chevron-right:before,
  #formFormation .glyphicon-chevron-right:before {
    content: "\E080"; }
  .dynamicForm .glyphicon-chevron-up:before,
  #formFormation .glyphicon-chevron-up:before {
    content: "\E113"; }
  .dynamicForm .glyphicon-chevron-down:before,
  #formFormation .glyphicon-chevron-down:before {
    content: "\E114"; }
  .dynamicForm .glyphicon-calendar:before,
  #formFormation .glyphicon-calendar:before {
    content: "\E109"; }
  .dynamicForm .timepicker .btn,
  #formFormation .timepicker .btn {
    display: inline-block;
    padding: 5px !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background: transparent; }
  .dynamicForm .timepicker .btn::before,
  #formFormation .timepicker .btn::before {
    background: transparent; }
  .dynamicForm .collapse,
  #formFormation .collapse {
    display: none; }
  .dynamicForm .collapse.in,
  #formFormation .collapse.in {
    display: block; }
  .dynamicForm .dropdown-menu,
  #formFormation .dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #f7f8f8;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px; }
  .dynamicForm .list-unstyled,
  #formFormation .list-unstyled {
    padding-left: 0;
    list-style: none; }
  .dynamicForm .bootstrap-datetimepicker-widget,
  #formFormation .bootstrap-datetimepicker-widget {
    list-style: none; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
    top: calc( 100% + 20px) !important; }
  @media (min-width: 768px) {
    .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs,
    #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em; } }
  @media (min-width: 992px) {
    .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs,
    #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em; } }
  @media (min-width: 1200px) {
    .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs,
    #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em; } }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.top:before,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.top:after,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px; }
  .dynamicForm .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after,
  #formFormation .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px; }
  .dynamicForm .bootstrap-datetimepicker-widget .list-unstyled,
  #formFormation .bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget a[data-action],
  #formFormation .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0; }
  .dynamicForm .bootstrap-datetimepicker-widget a[data-action]:active,
  #formFormation .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none; }
  .dynamicForm .bootstrap-datetimepicker-widget .timepicker-hour,
  .dynamicForm .bootstrap-datetimepicker-widget .timepicker-minute,
  .dynamicForm .bootstrap-datetimepicker-widget .timepicker-second,
  #formFormation .bootstrap-datetimepicker-widget .timepicker-hour,
  #formFormation .bootstrap-datetimepicker-widget .timepicker-minute,
  #formFormation .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget button[data-action],
  #formFormation .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM"; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker"; }
  .dynamicForm .bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
  #formFormation .bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today"; }
  .dynamicForm .bootstrap-datetimepicker-widget .picker-switch,
  #formFormation .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center; }
  .dynamicForm .bootstrap-datetimepicker-widget .picker-switch::after,
  #formFormation .bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens"; }
  .dynamicForm .bootstrap-datetimepicker-widget .picker-switch td,
  #formFormation .bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit; }
  .dynamicForm .bootstrap-datetimepicker-widget .picker-switch td span,
  #formFormation .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%; }
  .dynamicForm .bootstrap-datetimepicker-widget table,
  #formFormation .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0; }
  .dynamicForm .bootstrap-datetimepicker-widget table td,
  .dynamicForm .bootstrap-datetimepicker-widget table th,
  #formFormation .bootstrap-datetimepicker-widget table td,
  #formFormation .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px; }
  .dynamicForm .bootstrap-datetimepicker-widget table th,
  #formFormation .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px; }
  .dynamicForm .bootstrap-datetimepicker-widget table th.picker-switch,
  #formFormation .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px; }
  .dynamicForm .bootstrap-datetimepicker-widget table th.disabled,
  .dynamicForm .bootstrap-datetimepicker-widget table th.disabled:hover,
  #formFormation .bootstrap-datetimepicker-widget table th.disabled,
  #formFormation .bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed; }
  .dynamicForm .bootstrap-datetimepicker-widget table th.prev::after,
  #formFormation .bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month"; }
  .dynamicForm .bootstrap-datetimepicker-widget table th.next::after,
  #formFormation .bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month"; }
  .dynamicForm .bootstrap-datetimepicker-widget table thead tr:first-child th,
  #formFormation .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer; }
  .dynamicForm .bootstrap-datetimepicker-widget table td,
  #formFormation .bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.cw,
  #formFormation .bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.day,
  #formFormation .bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.day:hover,
  .dynamicForm .bootstrap-datetimepicker-widget table td.hour:hover,
  .dynamicForm .bootstrap-datetimepicker-widget table td.minute:hover,
  .dynamicForm .bootstrap-datetimepicker-widget table td.second:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.day:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.hour:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.minute:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.old,
  .dynamicForm .bootstrap-datetimepicker-widget table td.new,
  #formFormation .bootstrap-datetimepicker-widget table td.old,
  #formFormation .bootstrap-datetimepicker-widget table td.new {
    color: #777777; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.today,
  #formFormation .bootstrap-datetimepicker-widget table td.today {
    position: relative; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.today:before,
  #formFormation .bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.active,
  .dynamicForm .bootstrap-datetimepicker-widget table td.active:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.active,
  #formFormation .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  .dynamicForm .bootstrap-datetimepicker-widget table td.active.today:before,
  #formFormation .bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff; }
  .dynamicForm .bootstrap-datetimepicker-widget table td.disabled,
  .dynamicForm .bootstrap-datetimepicker-widget table td.disabled:hover,
  #formFormation .bootstrap-datetimepicker-widget table td.disabled,
  #formFormation .bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed; }
  .dynamicForm .bootstrap-datetimepicker-widget table td span,
  #formFormation .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px; }
  .dynamicForm .bootstrap-datetimepicker-widget table td span:hover,
  #formFormation .bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee; }
  .dynamicForm .bootstrap-datetimepicker-widget table td span.active,
  #formFormation .bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
  .dynamicForm .bootstrap-datetimepicker-widget table td span.old,
  #formFormation .bootstrap-datetimepicker-widget table td span.old {
    color: #777777; }
  .dynamicForm .bootstrap-datetimepicker-widget table td span.disabled,
  .dynamicForm .bootstrap-datetimepicker-widget table td span.disabled:hover,
  #formFormation .bootstrap-datetimepicker-widget table td span.disabled,
  #formFormation .bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed; }
  .dynamicForm .bootstrap-datetimepicker-widget.usetwentyfour td.hour,
  #formFormation .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px; }
  .dynamicForm .bootstrap-datetimepicker-widget.wider,
  #formFormation .bootstrap-datetimepicker-widget.wider {
    width: 21em; }
  .dynamicForm .bootstrap-datetimepicker-widget .datepicker-decades .decade,
  #formFormation .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important; }
  .dynamicForm .input-group.date .input-group-addon,
  #formFormation .input-group.date .input-group-addon {
    cursor: pointer; }
  .dynamicForm .sr-only,
  #formFormation .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }

.control-multi-file-uploader {
  margin-bottom: 60px;
  position: relative;
  border: 2px dashed #d7d9d8;
  padding: 20px;
  border-radius: 5px; }
  .control-multi-file-uploader .container {
    width: 100%;
    height: 100%;
    position: relative; }
  .control-multi-file-uploader:hover {
    color: #f7f8f8; }
    .control-multi-file-uploader:hover .dz-clickable {
      background-color: #f7f8f8; }
  .control-multi-file-uploader .dz-clickable {
    height: 100px;
    background-color: rgba(247, 248, 248, 0.6);
    cursor: pointer;
    border-radius: 5px;
    transition: color 300ms, background 300ms; }
  .control-multi-file-uploader .content .placeholder {
    position: absolute;
    left: 20px;
    right: 20px;
    text-align: center;
    top: 50px;
    transform: translateY(-50%);
    pointer-events: none;
    transition: color 300ms, background 300ms; }
    .control-multi-file-uploader .content .placeholder .upload-full-text {
      display: block; }
    .control-multi-file-uploader .content .placeholder .upload-truncated-text {
      display: none; }
    @media screen and (max-width: 560px) {
      .control-multi-file-uploader .content .placeholder .upload-full-text {
        display: none; }
      .control-multi-file-uploader .content .placeholder .upload-truncated-text {
        display: block; } }
  .control-multi-file-uploader .content .dz-preview {
    position: relative;
    padding-left: 120px;
    padding-right: 35px;
    min-height: 100px;
    display: flex;
    align-items: center;
    margin-top: 20px;
    background-color: rgba(247, 248, 248, 0.3);
    font-family: "mont", sans-serif; }
    .control-multi-file-uploader .content .dz-preview .thumbnail {
      position: absolute;
      left: 0;
      top: 0;
      height: 100px;
      width: 100px; }
    .control-multi-file-uploader .content .dz-preview .dz-details {
      font-size: 1em;
      line-height: 1.5em;
      color: #012040;
      flex-wrap: wrap; }
      .control-multi-file-uploader .content .dz-preview .dz-details .dz-filename,
      .control-multi-file-uploader .content .dz-preview .dz-details .dz-size {
        width: 100%;
        margin: 6px 0; }
    .control-multi-file-uploader .content .dz-preview .action-panel {
      position: absolute;
      background: #1f78c1;
      color: white;
      border-radius: 50%;
      top: 10px;
      right: 10px;
      width: 20px;
      height: 20px;
      cursor: pointer;
      z-index: 4;
      transition: color 300ms, background 300ms; }
      .control-multi-file-uploader .content .dz-preview .action-panel:hover {
        color: #012040;
        background: #328ad3; }
      .control-multi-file-uploader .content .dz-preview .action-panel a {
        position: absolute;
        color: white;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .control-multi-file-uploader .content .dz-preview .dz-error-mark {
      display: none; }
    .control-multi-file-uploader .content .dz-preview .dz-error-message {
      position: absolute;
      bottom: 5px;
      color: #328ad3; }
    .control-multi-file-uploader .content .dz-preview .action-panel {
      position: absolute; }

.picture-credits {
  position: absolute;
  bottom: 10px;
  right: 0;
  display: flex;
  justify-content: flex-end;
  width: calc(100% - 25px - 25px);
  padding-right: 10px;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  @media screen and (max-width: 768px) {
    .picture-credits {
      display: none; } }
  .picture-credits:focus {
    outline: none !important; }
  .picture-credits__info {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #1f78c1;
    border-radius: 50%; }
    .picture-credits__info::before, .picture-credits__info::after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 2px;
      height: calc(100% - 10px);
      background-color: white; }
    .picture-credits__info::after {
      transform: translate(-50%, -50%) rotate(90deg); }
  .picture-credits__svg {
    position: relative;
    width: 100%;
    height: 100%;
    fill: white;
    stroke: white;
    z-index: 1; }
  .picture-credits__text {
    position: absolute;
    bottom: 27px;
    right: 0;
    display: block;
    padding: 12px 22px;
    background-color: #1f78c1;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 300ms;
    pointer-events: none;
    z-index: 99; }
  .picture-credits__text.visible-credits {
    opacity: 1; }
  .picture-credits__triangle {
    position: absolute;
    bottom: -6px;
    right: 13px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #1f78c1; }
  .picture-credits__text-item {
    display: block;
    font-size: 1.2rem;
    line-height: 1.2em;
    color: white;
    font-size: 15px;
    font-weight: normal; }

:root {
  --banner-height: 88px; }

.c-langBanner {
  background-color: #012040;
  color: white;
  overflow: hidden; }
  .c-langBanner__grid {
    display: flex;
    align-items: center;
    height: var(--banner-height);
    transition: height 300ms ease; }
  .c-langBanner__icon-container {
    width: 78px;
    height: var(--banner-height);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center; }
  .c-langBanner__icon {
    fill: white;
    width: 24px;
    height: 24px; }
  .c-langBanner__main {
    flex-grow: 1;
    margin-left: 30px;
    margin-right: 30px;
    font-size: 0.9375rem;
    font-weight: 500; }
    @media screen and (max-width: 1024px) {
      .c-langBanner__main {
        font-size: 0.8125rem; } }
    .c-langBanner__main a {
      color: white;
      padding-right: 13px;
      position: relative;
      opacity: 1;
      transition: opacity 300ms ease; }
      .c-langBanner__main a span {
        box-shadow: inset 0 -0.1em 0 0 white; }
      .c-langBanner__main a::after {
        content: '';
        top: 50%;
        right: 0px;
        transform: translate(0, -50%);
        position: absolute;
        width: 8px;
        height: 8px;
        background-image: url(../images/content/icons/external-white.svg);
        background-repeat: no-repeat;
        background-size: cover; }
      .c-langBanner__main a:hover {
        opacity: 0.7; }
  .c-langBanner__close {
    width: 78px;
    height: 78px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    will-change: transform; }
    .c-langBanner__close::before, .c-langBanner__close::after {
      content: '';
      position: absolute;
      width: 14px;
      height: 2px;
      background-color: white;
      transform: translate3d(-50%, -50%, 0) rotate(45deg);
      left: 50%;
      top: 50%;
      opacity: 1;
      transition: opacity 300ms ease;
      will-change: transform; }
    .c-langBanner__close::after {
      transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
    .c-langBanner__close:hover::before, .c-langBanner__close:hover::after {
      opacity: 0.6; }

header {
  position: relative; }
  header .top {
    border-bottom: 1px solid #eaebec; }
    @media screen and (max-width: 1024px) {
      header .top {
        display: none; } }
    header .top .container {
      position: relative;
      display: flex;
      justify-content: flex-end; }
      header .top .container .secondaryNav {
        display: flex;
        justify-content: flex-end;
        position: relative; }
        header .top .container .secondaryNav ul {
          display: flex; }
          header .top .container .secondaryNav ul li a {
            display: flex;
            height: 50px;
            align-items: center;
            font-size: 0.8125rem;
            color: #012040;
            padding: 0 18px; }
            header .top .container .secondaryNav ul li a strong {
              color: #1f78c1;
              font-weight: 600; }
          header .top .container .secondaryNav ul li:first-child a {
            padding-left: 0; }
        header .top .container .secondaryNav::after {
          content: '';
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate(0, -50%);
          background-color: #d6d8d9;
          width: 1px;
          height: 15px; }
      header .top .container .topRight {
        height: 50px;
        display: flex;
        padding-left: 18px;
        position: relative; }
        header .top .container .topRight a,
        header .top .container .topRight .textSize {
          display: flex;
          height: 50px;
          align-items: center;
          font-size: 0.8125rem;
          color: #012040; }
        header .top .container .topRight a {
          margin-left: 25px;
          font-weight: 500; }
        header .top .container .topRight .textSize {
          cursor: pointer; }
          header .top .container .topRight .textSize .button {
            display: flex;
            align-items: baseline; }
            header .top .container .topRight .textSize .button span {
              font-weight: 400;
              padding: 0 1px;
              opacity: 0.7; }
              header .top .container .topRight .textSize .button span:nth-child(1) {
                font-size: 0.6875rem; }
              header .top .container .topRight .textSize .button span:nth-child(2) {
                font-size: 0.875rem; }
              header .top .container .topRight .textSize .button span:nth-child(3) {
                font-size: 1rem; }
              header .top .container .topRight .textSize .button span.active, header .top .container .topRight .textSize .button span:hover {
                font-weight: 500;
                opacity: 1; }
  header .bottom {
    border-bottom: 1px solid #eaebec; }
    header .bottom .mainHeader {
      display: flex;
      height: 110px;
      align-items: center; }
      @media screen and (max-width: 1024px) {
        header .bottom .mainHeader {
          height: 65px;
          padding-left: 20px;
          padding-right: 10px; } }
      header .bottom .mainHeader .left {
        display: flex;
        align-items: center;
        height: 110px; }
        @media screen and (max-width: 1024px) {
          header .bottom .mainHeader .left {
            height: 65px; } }
        header .bottom .mainHeader .left .logo {
          max-width: 250px; }
          header .bottom .mainHeader .left .logo a {
            display: flex; }
          header .bottom .mainHeader .left .logo svg {
            height: 58px;
            width: 250px;
            fill: #012040; }
            @media screen and (max-width: 1024px) {
              header .bottom .mainHeader .left .logo svg {
                width: 176px;
                height: 40px; } }
      header .bottom .mainHeader .right {
        display: flex;
        align-items: center;
        height: 110px;
        margin-left: auto; }
        @media screen and (max-width: 1024px) {
          header .bottom .mainHeader .right {
            height: 65px; } }
        header .bottom .mainHeader .right .primaryNav {
          margin-right: 18px; }
          @media screen and (max-width: 1024px) {
            header .bottom .mainHeader .right .primaryNav {
              display: none; } }
          header .bottom .mainHeader .right .primaryNav ul {
            display: flex; }
            header .bottom .mainHeader .right .primaryNav ul li a {
              display: flex;
              height: 110px;
              align-items: center;
              font-size: 0.9375rem;
              color: #012040;
              padding: 0 18px;
              font-weight: 600;
              transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
              @media screen and (max-width: 1440px) {
                header .bottom .mainHeader .right .primaryNav ul li a {
                  font-size: 0.875rem;
                  padding: 0 14px; } }
              @media screen and (max-width: 1360px) {
                header .bottom .mainHeader .right .primaryNav ul li a {
                  font-size: 0.8125rem;
                  padding: 0 10px; } }
              @media screen and (max-width: 1024px) {
                header .bottom .mainHeader .right .primaryNav ul li a {
                  height: 65px; } }
        header .bottom .mainHeader .right .mobileMenu {
          display: none;
          height: 100%;
          align-items: center;
          padding: 0 12px;
          cursor: pointer; }
          @media screen and (max-width: 1024px) {
            header .bottom .mainHeader .right .mobileMenu {
              display: flex; } }
          header .bottom .mainHeader .right .mobileMenu .hamburger {
            transition: opacity 300ms; }
          header .bottom .mainHeader .right .mobileMenu:hover .hamburger {
            opacity: 0.6; }
        @media screen and (max-width: 1200px) {
          header .bottom .mainHeader .right .topSearch {
            display: none; } }
        header .bottom .mainHeader .right .topSearch .topSearch-button {
          display: flex;
          align-items: center;
          background-color: #1f78c1;
          border-radius: 8px;
          padding: 0 30px;
          height: 55px;
          cursor: pointer;
          position: relative;
          overflow: hidden; }
          header .bottom .mainHeader .right .topSearch .topSearch-button::before {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            background-color: #012040;
            width: 100%;
            transform-origin: right;
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: scaleX(0);
            z-index: 1; }
          header .bottom .mainHeader .right .topSearch .topSearch-button:hover::before {
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: scaleX(1);
            transform-origin: left; }
        header .bottom .mainHeader .right .topSearch .topSearch-text {
          color: white;
          font-size: 0.9375rem;
          font-weight: 500;
          margin-right: 15px;
          position: relative;
          z-index: 2; }
        header .bottom .mainHeader .right .topSearch .topSearch-icon {
          position: relative; }
          header .bottom .mainHeader .right .topSearch .topSearch-icon svg {
            fill: white;
            width: 14px;
            height: 14px;
            position: relative;
            z-index: 2;
            opacity: 1;
            transition: opacity 0.3s ease; }
          header .bottom .mainHeader .right .topSearch .topSearch-icon span.close {
            height: 14px;
            width: 14px;
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 2;
            opacity: 0;
            transition: opacity 0.3s ease; }
            header .bottom .mainHeader .right .topSearch .topSearch-icon span.close::before, header .bottom .mainHeader .right .topSearch .topSearch-icon span.close::after {
              content: '';
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%) rotate(45deg);
              width: 17px;
              height: 2px;
              background-color: white; }
            header .bottom .mainHeader .right .topSearch .topSearch-icon span.close::after {
              transform: translate(-50%, -50%) rotate(-45deg); }
        header .bottom .mainHeader .right .topSearchMobile {
          display: none;
          cursor: pointer;
          height: 100%;
          align-items: center;
          padding: 0 12px; }
          @media screen and (max-width: 1200px) {
            header .bottom .mainHeader .right .topSearchMobile {
              display: flex; } }
          header .bottom .mainHeader .right .topSearchMobile > div {
            overflow: hidden;
            width: 20px;
            height: 20px;
            position: relative; }
            header .bottom .mainHeader .right .topSearchMobile > div .wrapper {
              position: absolute;
              top: 0;
              left: 0;
              transition: top 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
              header .bottom .mainHeader .right .topSearchMobile > div .wrapper span {
                display: block;
                width: 20px;
                height: 20px; }
              header .bottom .mainHeader .right .topSearchMobile > div .wrapper span.close {
                position: relative; }
                header .bottom .mainHeader .right .topSearchMobile > div .wrapper span.close::before, header .bottom .mainHeader .right .topSearchMobile > div .wrapper span.close::after {
                  content: '';
                  position: absolute;
                  left: 50%;
                  top: 50%;
                  transform: translate(-50%, -50%) rotate(45deg);
                  width: 17px;
                  height: 2px;
                  background-color: #1f78c1; }
                header .bottom .mainHeader .right .topSearchMobile > div .wrapper span.close::after {
                  transform: translate(-50%, -50%) rotate(-45deg); }
          header .bottom .mainHeader .right .topSearchMobile svg {
            width: 20px;
            height: 20px;
            fill: #1f78c1;
            transition: opacity 300ms; }
          header .bottom .mainHeader .right .topSearchMobile:hover svg {
            opacity: 0.6; }

.showOverlaySearch header .bottom .mainHeader .right .topSearch-button .topSearch-icon svg {
  opacity: 0; }

.showOverlaySearch header .bottom .mainHeader .right .topSearch-button .topSearch-icon span.close {
  opacity: 1; }

.showOverlaySearch header .bottom .mainHeader .right .topSearchMobile > div .wrapper {
  top: -20px; }

.overlaySearchClosing header .bottom .mainHeader .right .topSearch-button .topSearch-icon svg {
  opacity: 1; }

.overlaySearchClosing header .bottom .mainHeader .right .topSearch-button .topSearch-icon span.close {
  opacity: 0; }

footer {
  background: #012040;
  color: white;
  position: relative; }
  @media screen and (max-width: 1400px) {
    footer .logo {
      display: none; } }
  footer .logo svg {
    fill: white;
    height: 60px;
    width: 260px;
    max-width: 100%; }
  footer .footer-btn {
    margin-top: 45px; }
  footer .title {
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 16px; }
  @media screen and (max-width: 768px) {
    footer .footerCol1 {
      padding-right: 0;
      padding-top: 30px; } }
  footer .footerCol1 .mobileLogo {
    display: none;
    margin-bottom: 40px; }
    footer .footerCol1 .mobileLogo svg {
      fill: white;
      max-width: 100%;
      width: 240px;
      height: 56px; }
    @media screen and (max-width: 1400px) {
      footer .footerCol1 .mobileLogo {
        display: block; } }
    @media screen and (max-width: 768px) {
      footer .footerCol1 .mobileLogo {
        display: none; } }
  footer .footerCol1 p .phone {
    font-size: 1.25rem; }
  footer .footerCol1 p a {
    color: white;
    font-size: 0.8125rem;
    font-weight: 500;
    opacity: 1;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
    footer .footerCol1 p a:hover {
      opacity: 0.5; }
  footer .footerCol1 p.opening {
    color: white;
    font-size: 0.8125rem;
    margin-bottom: 0; }
    @media screen and (max-width: 1655px) {
      footer .footerCol1 p.opening br {
        display: none; } }
  @media screen and (max-width: 1024px) {
    footer .footerCol2 {
      display: none; } }
  @media screen and (max-width: 768px) {
    footer .footerCol2 {
      display: block;
      width: 100%;
      padding-right: 0; } }
  @media screen and (max-width: 768px) {
    footer .footerCol2 ul {
      margin-top: 50px; } }
  footer .footerCol2 ul li {
    margin-top: 23px; }
    footer .footerCol2 ul li:first-child {
      margin-top: 0; }
    footer .footerCol2 ul li a {
      color: white;
      opacity: 1;
      transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
      font-size: 0.8125rem;
      line-height: 1.125rem; }
      footer .footerCol2 ul li a:hover {
        opacity: 0.5; }
  footer .footerCol3 .social {
    display: flex;
    margin-bottom: 30px; }
    @media screen and (max-width: 768px) {
      footer .footerCol3 .social {
        margin-top: 30px; } }
    footer .footerCol3 .social li {
      padding-left: 18px; }
      footer .footerCol3 .social li:first-child {
        padding-left: 0; }
      footer .footerCol3 .social li a {
        opacity: 1;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        footer .footerCol3 .social li a svg {
          fill: white;
          width: 27px;
          height: 25px; }
        footer .footerCol3 .social li a:hover {
          opacity: 0.5; }
  footer .footerCol3 .title {
    margin-bottom: 3px; }
  footer .footerCol3 p {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    color: white; }
  footer .footerCol3 form {
    margin-bottom: 50px;
    position: relative; }
    footer .footerCol3 form input {
      background: #0000;
      border: 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      width: 100%;
      color: white;
      font-size: 0.9375rem;
      font-weight: 500;
      height: 2.5rem;
      padding-right: 25px; }
      footer .footerCol3 form input:-ms-input-placeholder {
        color: white; }
      footer .footerCol3 form input::-moz-placeholder {
        color: white; }
      footer .footerCol3 form input::-ms-input-placeholder {
        color: white; }
      footer .footerCol3 form input::placeholder {
        color: white; }
    footer .footerCol3 form button {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 13px; }
      footer .footerCol3 form button svg {
        fill: white;
        width: 13px;
        height: 10px;
        transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      footer .footerCol3 form button:hover svg {
        fill: #8fbbe0; }
  footer .backToTop {
    position: absolute;
    top: -190px;
    right: 14px;
    color: #012040;
    transform: rotate(-90deg);
    transform-origin: right bottom;
    font-size: 0.8125rem;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px; }
    @media screen and (max-width: 1024px) {
      footer .backToTop {
        display: none; } }
    footer .backToTop::after {
      content: '';
      position: absolute;
      width: 14px;
      height: 7px;
      background-image: url(../images/content/icons/chevron-blue.svg);
      background-size: cover;
      transform: translate(0px, 1px) rotate(-90deg);
      transform-origin: right top;
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    footer .backToTop:hover::after {
      transform: translate(7px, 1px) rotate(-90deg); }

html[lang='en'] footer .backToTop {
  top: -150px; }

.copyright {
  background-color: #1f78c1;
  font-size: 0.8125rem;
  color: white;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  flex-wrap: wrap; }
  .copyright a {
    color: white;
    opacity: 1;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
    .copyright a:hover {
      opacity: 0.5; }
  @media screen and (max-width: 1180px) {
    .copyright .left {
      width: 100%;
      text-align: center; } }
  @media screen and (max-width: 1180px) {
    .copyright .left .linksContainer {
      display: block;
      width: 100%;
      padding-top: 15px; } }
  .copyright .left .linksContainer a {
    display: inline-block;
    margin-left: 28px; }
  @media screen and (max-width: 1180px) {
    .copyright .left .linksContainer {
      width: 100%;
      margin: 0;
      text-align: center; }
      .copyright .left .linksContainer a {
        text-align: center;
        margin: 0;
        margin-right: 15px; }
        .copyright .left .linksContainer a:last-child {
          margin-right: 0; } }
  .copyright .right {
    margin-left: auto; }
    @media screen and (max-width: 1180px) {
      .copyright .right {
        text-align: center;
        width: 100%;
        margin: 0;
        margin-top: 15px; } }

#overlayDropdown {
  position: fixed;
  top: calc(162px + var(--banner-height));
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 100;
  transition: top 300ms ease; }
  #overlayDropdown .closeBtn {
    position: absolute;
    right: 60px;
    top: 65px;
    font-size: 0.875rem;
    color: #012040;
    font-weight: 600;
    padding-right: 22px;
    opacity: 1;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    cursor: pointer;
    z-index: 20; }
    @media screen and (max-width: 1440px) {
      #overlayDropdown .closeBtn {
        top: 46px; } }
    #overlayDropdown .closeBtn:hover {
      opacity: 0.6; }
    #overlayDropdown .closeBtn span {
      position: absolute;
      display: block;
      height: 20px;
      width: 20px;
      right: 0;
      top: 50%;
      transform: translate(0, -50%); }
      #overlayDropdown .closeBtn span::before, #overlayDropdown .closeBtn span::after {
        content: '';
        background-color: #012040;
        height: 2px;
        width: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg); }
      #overlayDropdown .closeBtn span::after {
        transform: translate(-50%, -50%) rotate(-45deg); }
  #overlayDropdown .wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background: #fff;
    opacity: 0;
    z-index: 101;
    transition: top 500ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 500ms; }
  #overlayDropdown .linksWrapper {
    position: absolute;
    padding: 54px 60px 45px 350px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transition: opacity 600ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0ms ease 600ms;
    overflow-y: scroll; }
    @media screen and (max-width: 1440px) {
      #overlayDropdown .linksWrapper {
        padding-left: 305px;
        padding-top: 34px; } }
    #overlayDropdown .linksWrapper .sectionTitle {
      font-size: 1.5625rem;
      font-weight: 600;
      margin-bottom: 28px;
      color: #012040; }
    #overlayDropdown .linksWrapper .menuLinks {
      display: flex; }
  #overlayDropdown .linksWrapper::-webkit-scrollbar {
    width: 0px;
    /* Remove scrollbar space */
    background: transparent;
    /* Optional: just make scrollbar invisible */ }
  #overlayDropdown .item {
    width: 25%; }
    #overlayDropdown .item:not(:last-child) {
      margin-right: 70px; }
      @media screen and (max-width: 1400px) {
        #overlayDropdown .item:not(:last-child) {
          margin-right: 60px; } }
      @media screen and (max-width: 1200px) {
        #overlayDropdown .item:not(:last-child) {
          margin-right: 50px; } }
  #overlayDropdown .cta {
    width: 25%;
    text-align: right;
    margin-left: auto; }
    #overlayDropdown .cta a {
      display: inline-block;
      background-color: #1f78c1;
      color: white;
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: 500;
      padding: 30px 22px;
      border-radius: 8px;
      min-height: 300px;
      background-size: cover;
      background-position: center;
      position: relative;
      overflow: hidden;
      padding-bottom: 90px;
      max-width: 250px;
      text-align: left;
      width: 100%; }
      #overlayDropdown .cta a:not(:first-child) {
        margin-top: 10px; }
      #overlayDropdown .cta a .text {
        position: relative;
        z-index: 2;
        display: block; }
        #overlayDropdown .cta a .text i, #overlayDropdown .cta a .text em {
          font-style: italic; }
        @media screen and (max-height: 650px) {
          #overlayDropdown .cta a .text {
            font-size: 1.125rem;
            line-height: 1.2em; } }
        #overlayDropdown .cta a .text .contactInfo {
          font-size: 0.9375rem;
          display: block;
          font-size: 0.9375rem;
          display: block;
          line-height: 1.4em;
          font-weight: 400;
          margin-top: 15px; }
          #overlayDropdown .cta a .text .contactInfo span {
            display: block;
            margin-top: 15px;
            font-weight: bold; }
      #overlayDropdown .cta a.bgFaqDroits {
        background-image: url(../images/content/cta/cta-faq-droits.jpg); }
      #overlayDropdown .cta a.bgFaqObligations {
        background-image: url(../images/content/cta/cta-faq-obligations.jpg); }
      #overlayDropdown .cta a.bgFaqPlaintes {
        background-image: url(../images/content/cta/cta-faq-plaintes.jpg); }
      #overlayDropdown .cta a.bgFormPlaintes {
        background-image: url(../images/content/cta/cta-formulaire.jpg); }
      #overlayDropdown .cta a.bgLois {
        background-image: url(../images/content/cta/cta-lois.jpg); }
      #overlayDropdown .cta a.bgMediaContact {
        background-image: url(../images/content/cta/cta-media-contact.jpg); }
      #overlayDropdown .cta a.bgServices {
        background-image: url(../images/content/cta/cta-service-employeurs.jpg); }
      #overlayDropdown .cta a.bgCampaigns {
        background-image: url(../images/content/cta/cta-campagnes.jpg); }
      #overlayDropdown .cta a .icon {
        position: absolute;
        right: 20px;
        bottom: 20px;
        background: white;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        z-index: 2; }
        #overlayDropdown .cta a .icon svg {
          fill: #1f78c1;
          width: 28px;
          height: 28px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); }
        @media screen and (max-height: 650px) {
          #overlayDropdown .cta a .icon {
            height: 45px;
            width: 45px; }
            #overlayDropdown .cta a .icon svg {
              width: 22px;
              height: 22px; } }
      #overlayDropdown .cta a.halfHeight {
        min-height: 190px; }
        @media screen and (max-height: 650px) {
          #overlayDropdown .cta a.halfHeight {
            min-height: auto; } }
      #overlayDropdown .cta a::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-color: rgba(31, 120, 193, 0.7);
        transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      #overlayDropdown .cta a:hover::after {
        background-color: rgba(31, 120, 193, 0.9); }
  #overlayDropdown a {
    font-size: 0.8125rem;
    font-weight: 400;
    color: #344d66;
    position: relative; }
    #overlayDropdown a:before {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      left: 0;
      background-color: rgba(31, 120, 193, 0.1);
      width: 100%;
      transform-origin: right;
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: scaleX(0); }
    #overlayDropdown a:hover:before {
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: scaleX(1);
      transform-origin: left; }
  #overlayDropdown h6 {
    position: relative;
    margin-bottom: 20px; }
    #overlayDropdown h6 a {
      font-size: 0.8125rem;
      color: #344d66;
      font-weight: bold; }
  #overlayDropdown ul li {
    margin-bottom: 15px; }
    @media screen and (max-height: 700px) {
      #overlayDropdown ul li {
        margin-bottom: 10px; } }
  #overlayDropdown .links {
    position: absolute;
    width: 320px;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: #f7f8f8;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    #overlayDropdown .links::-webkit-scrollbar {
      display: none; }
    @media screen and (max-width: 1440px) {
      #overlayDropdown .links {
        width: 275px; } }
    #overlayDropdown .links .linksContainer {
      padding: 60px;
      padding-bottom: 220px;
      position: relative;
      min-height: 100%; }
      @media screen and (max-width: 1440px) {
        #overlayDropdown .links .linksContainer {
          padding: 40px; } }
    #overlayDropdown .links .linkTitle {
      font-size: 1.1875rem;
      font-weight: 600;
      color: #012040;
      padding-bottom: 35px; }
    #overlayDropdown .links ul li a {
      font-weight: 500;
      color: #1f78c1;
      font-size: 0.9375rem; }
    #overlayDropdown .links .contactInfo {
      position: absolute;
      bottom: 0;
      width: 100%;
      left: 0;
      padding: 0 40px 55px 60px; }
      @media screen and (max-width: 1440px) {
        #overlayDropdown .links .contactInfo {
          padding: 0 40px 40px 40px; } }
      #overlayDropdown .links .contactInfo .tel {
        text-transform: uppercase; }
        #overlayDropdown .links .contactInfo .tel a {
          color: #1f78c1;
          font-weight: 600;
          font-size: 0.9375rem; }
      #overlayDropdown .links .contactInfo .address {
        font-size: 0.8125rem;
        line-height: 1.375rem;
        color: #344d66;
        font-weight: 500;
        margin-top: 10px;
        margin-bottom: 18px; }
      #overlayDropdown .links .contactInfo ul.social {
        display: flex; }
        #overlayDropdown .links .contactInfo ul.social li {
          margin: 0 8px; }
          #overlayDropdown .links .contactInfo ul.social li:first-child {
            margin-left: 0; }
          #overlayDropdown .links .contactInfo ul.social li:last-child {
            margin-right: 0; }
          #overlayDropdown .links .contactInfo ul.social li a {
            transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
            #overlayDropdown .links .contactInfo ul.social li a svg {
              height: 16px;
              width: 16px;
              fill: #012040; }
            #overlayDropdown .links .contactInfo ul.social li a:before, #overlayDropdown .links .contactInfo ul.social li a:after {
              content: normal; }
            #overlayDropdown .links .contactInfo ul.social li a:hover {
              opacity: 0.6; }

.showOverlayDropdown.openingDropdown[data-section="Droits"] #overlayDropdown [data-menu="Droits"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown.openingDropdown[data-section="Obligations"] #overlayDropdown [data-menu="Obligations"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown.openingDropdown[data-section="Plainte"] #overlayDropdown [data-menu="Plainte"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown.openingDropdown[data-section="Services"] #overlayDropdown [data-menu="Services"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown.openingDropdown[data-section="Positions"] #overlayDropdown [data-menu="Positions"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown.openingDropdown #overlayDropdown .close {
  transition: opacity 300ms linear 300ms, color 300ms; }

.showOverlayDropdown.closingDropdown #overlayDropdown .blackScreen {
  opacity: 0; }

.showOverlayDropdown.closingDropdown #overlayDropdown .wrapper {
  top: -550px;
  opacity: 0;
  transition: top 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 600ms; }
  @media screen and (max-height: 700px) {
    .showOverlayDropdown.closingDropdown #overlayDropdown .wrapper {
      top: -490px; } }

.showOverlayDropdown[data-section="Droits"] #overlayDropdown [data-menu="Droits"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown[data-section="Obligations"] #overlayDropdown [data-menu="Obligations"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown[data-section="Plainte"] #overlayDropdown [data-menu="Plainte"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown[data-section="Services"] #overlayDropdown [data-menu="Services"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown[data-section="Positions"] #overlayDropdown [data-menu="Positions"] {
  opacity: 1;
  transform: none;
  visibility: visible;
  transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 600ms linear 300ms; }

.showOverlayDropdown:not(.closingDropdown)[data-section="Droits"] header .btnDropdown[data-section="Droits"] {
  color: #1f78c1; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Droits"] header .btnDropdown[data-section="Droits"]:before {
    bottom: 0px; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Droits"] header .btnDropdown[data-section="Droits"]:after {
    transform: translateY(-50%) rotate(-180deg);
    border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown)[data-section="Obligations"] header .btnDropdown[data-section="Obligations"] {
  color: #1f78c1; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Obligations"] header .btnDropdown[data-section="Obligations"]:before {
    bottom: 0px; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Obligations"] header .btnDropdown[data-section="Obligations"]:after {
    transform: translateY(-50%) rotate(-180deg);
    border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown)[data-section="Plainte"] header .btnDropdown[data-section="Plainte"] {
  color: #1f78c1; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Plainte"] header .btnDropdown[data-section="Plainte"]:before {
    bottom: 0px; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Plainte"] header .btnDropdown[data-section="Plainte"]:after {
    transform: translateY(-50%) rotate(-180deg);
    border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown)[data-section="Services"] header .btnDropdown[data-section="Services"] {
  color: #1f78c1; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Services"] header .btnDropdown[data-section="Services"]:before {
    bottom: 0px; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Services"] header .btnDropdown[data-section="Services"]:after {
    transform: translateY(-50%) rotate(-180deg);
    border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown)[data-section="Positions"] header .btnDropdown[data-section="Positions"] {
  color: #1f78c1; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Positions"] header .btnDropdown[data-section="Positions"]:before {
    bottom: 0px; }
  .showOverlayDropdown:not(.closingDropdown)[data-section="Positions"] header .btnDropdown[data-section="Positions"]:after {
    transform: translateY(-50%) rotate(-180deg);
    border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown) header:after {
  opacity: 1; }

.showOverlayDropdown:not(.closingDropdown) header .item_nav a.btnDropdown, .showOverlayDropdown:not(.closingDropdown) header .item_nav a.contact {
  color: #eef4f9; }
  .showOverlayDropdown:not(.closingDropdown) header .item_nav a.btnDropdown:hover, .showOverlayDropdown:not(.closingDropdown) header .item_nav a.contact:hover {
    color: #1f78c1; }

.showOverlayDropdown:not(.closingDropdown) header .item_nav a.contact {
  opacity: 1 !important; }
  .showOverlayDropdown:not(.closingDropdown) header .item_nav a.contact svg {
    fill: #eef4f9; }
  .showOverlayDropdown:not(.closingDropdown) header .item_nav a.contact:hover svg {
    fill: #1f78c1; }

.showOverlayDropdown:not(.closingDropdown) header .item_nav .btnDropdown:after {
  border-color: #eef4f9 transparent transparent transparent; }

.showOverlayDropdown:not(.closingDropdown) header .item_nav .btnDropdown:hover:after {
  border-color: #328ad3 transparent transparent transparent; }

.showOverlayDropdown #overlayDropdown {
  visibility: visible; }
  .showOverlayDropdown #overlayDropdown .blackScreen {
    opacity: 1;
    visibility: visible; }
  .showOverlayDropdown #overlayDropdown .wrapper {
    top: 0px;
    opacity: 1; }

#overlayMenu {
  position: fixed;
  top: calc(65px + var(--banner-height) + 1px);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 150;
  transition: top 300ms ease; }
  #overlayMenu .wrapper {
    position: absolute;
    width: 50%;
    top: 0;
    right: -50%;
    bottom: 0;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    z-index: 102; }
    @media screen and (max-width: 1024px) {
      #overlayMenu .wrapper {
        width: 75%;
        right: -75%;
        padding: 30px 0 0; } }
    @media screen and (max-width: 768px) {
      #overlayMenu .wrapper {
        width: 90%;
        right: -90%;
        padding: 20px 0 0; } }
    @media screen and (max-width: 500px) {
      #overlayMenu .wrapper {
        width: 100%;
        right: -100%; } }
    #overlayMenu .wrapper::-webkit-scrollbar {
      display: none; }
  #overlayMenu .groundFloor {
    padding-bottom: 25px; }
    #overlayMenu .groundFloor > li {
      overflow: hidden;
      border-bottom: 1px solid #eaeaea;
      transition: background 300ms, border 300ms, margin 300ms; }
    #overlayMenu .groundFloor > .open > .btnSubLvl1 {
      opacity: 1; }
      #overlayMenu .groundFloor > .open > .btnSubLvl1 span {
        transform: translateY(-50%) rotate(-180deg); }
    #overlayMenu .groundFloor > .open > .subLvl1 {
      opacity: 1;
      transform: none;
      transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    #overlayMenu .groundFloor > .open .subLvl1 .open > .btnSubLvl2 {
      opacity: 1; }
      #overlayMenu .groundFloor > .open .subLvl1 .open > .btnSubLvl2 span {
        transform: translateY(-50%) rotate(-180deg); }
    #overlayMenu .groundFloor > .open .subLvl1 .open > .subLvl2 {
      opacity: 1;
      transform: none;
      transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  #overlayMenu .btnSubLvl1 {
    position: relative;
    display: block;
    padding: 15px 60px;
    font: 1.875rem/1.1 "mont", sans-serif;
    font-weight: 600;
    overflow: hidden;
    color: #012040;
    opacity: 1;
    transition: opacity 300ms, padding 300ms; }
    @media screen and (max-width: 768px) {
      #overlayMenu .btnSubLvl1 {
        font-size: 1.375rem; } }
    @media screen and (max-width: 600px) {
      #overlayMenu .btnSubLvl1 {
        font-size: 1.25rem; } }
    @media screen and (max-width: 400px) {
      #overlayMenu .btnSubLvl1 {
        padding: 15px 36px; } }
    #overlayMenu .btnSubLvl1 span {
      display: inline-block;
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      left: 35px;
      transform: translateY(-50%);
      transition: transform 300ms; }
      @media screen and (max-width: 400px) {
        #overlayMenu .btnSubLvl1 span {
          left: 16px; } }
      #overlayMenu .btnSubLvl1 span::before, #overlayMenu .btnSubLvl1 span::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 8px;
        background-color: #1f78c1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transform-origin: bottom center; }
      #overlayMenu .btnSubLvl1 span::after {
        transform: translate(-50%, -50%) rotate(-45deg); }
  #overlayMenu .subLvl1 {
    display: none;
    opacity: 0;
    overflow: hidden;
    transform: translateY(30px);
    transition: opacity 300ms, transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    @media screen and (max-width: 1024px) {
      #overlayMenu .subLvl1 li:last-child {
        padding-bottom: 20px; } }
    @media screen and (max-width: 600px) {
      #overlayMenu .subLvl1 li:last-child {
        padding-bottom: 15px; } }
    #overlayMenu .subLvl1 li:last-child a {
      padding-bottom: 0; }
    #overlayMenu .subLvl1 li a {
      padding: 5px 75px;
      font: 1.125rem/1.5 "mont", sans-serif;
      color: #012040;
      font-weight: 500;
      transition: opacity 300ms;
      display: block; }
      @media screen and (max-width: 1024px) {
        #overlayMenu .subLvl1 li a {
          padding: 5px 60px; } }
      @media screen and (max-width: 600px) {
        #overlayMenu .subLvl1 li a {
          font-size: 0.875rem;
          font-weight: 600; } }
      @media screen and (max-width: 400px) {
        #overlayMenu .subLvl1 li a {
          padding: 5px 35px; } }
      #overlayMenu .subLvl1 li a:hover {
        opacity: 0.6; }
    #overlayMenu .subLvl1 li.cta {
      padding: 15px 60px; }
      @media screen and (max-width: 400px) {
        #overlayMenu .subLvl1 li.cta {
          padding: 5px 35px; } }
      #overlayMenu .subLvl1 li.cta > a {
        display: block;
        background-color: #1f78c1;
        color: #fff;
        font-size: 1.25rem;
        line-height: 2rem;
        font-weight: 500;
        padding: 30px 22px;
        border-radius: 8px;
        min-height: 160px;
        background-size: cover;
        background-position: center;
        position: relative;
        overflow: hidden;
        text-align: left; }
        #overlayMenu .subLvl1 li.cta > a:not(:first-child) {
          margin-top: 10px; }
        #overlayMenu .subLvl1 li.cta > a .text {
          position: relative;
          z-index: 2; }
          #overlayMenu .subLvl1 li.cta > a .text .contactInfo {
            font-size: 0.9375rem;
            display: block;
            font-size: 0.9375rem;
            display: block;
            line-height: 1.4em;
            font-weight: 400;
            margin-top: 15px;
            z-index: 2;
            position: relative; }
            #overlayMenu .subLvl1 li.cta > a .text .contactInfo span {
              display: block;
              margin-top: 15px;
              font-weight: bold; }
        #overlayMenu .subLvl1 li.cta > a.bgFaqDroits {
          background-image: url(../images/content/cta/cta-faq-droits-m.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgFaqObligations {
          background-image: url(../images/content/cta/cta-faq-obligations-m.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgFaqPlaintes {
          background-image: url(../images/content/cta/cta-faq-plaintes-m.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgFormPlaintes {
          background-image: url(../images/content/cta/cta-formulaire.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgLois {
          background-image: url(../images/content/cta/cta-lois-m.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgMediaContact {
          background-image: url(../images/content/cta/cta-media-contact-m.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgServices {
          background-image: url(../images/content/cta/cta-service-employeurs.jpg); }
        #overlayMenu .subLvl1 li.cta > a.bgCampaigns {
          background-image: url(../images/content/cta/cta-campagnes.jpg); }
        #overlayMenu .subLvl1 li.cta > a .icon {
          position: absolute;
          right: 20px;
          bottom: 20px;
          background: white;
          height: 60px;
          width: 60px;
          border-radius: 50%;
          z-index: 2; }
          #overlayMenu .subLvl1 li.cta > a .icon svg {
            fill: #1f78c1;
            width: 28px;
            height: 28px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
        #overlayMenu .subLvl1 li.cta > a::after {
          content: '';
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          bottom: 0;
          background-color: rgba(31, 120, 193, 0.7);
          transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        #overlayMenu .subLvl1 li.cta > a:hover::after {
          background-color: rgba(31, 120, 193, 0.9); }
  #overlayMenu .btnSubLvl2 {
    position: relative;
    display: block;
    padding: 15px 60px;
    font: 1.5625rem/1.1 "mont", sans-serif;
    font-weight: 500;
    overflow: hidden;
    color: #012040;
    text-transform: uppercase;
    opacity: 1;
    transition: opacity 300ms, padding 300ms; }
    @media screen and (max-width: 768px) {
      #overlayMenu .btnSubLvl2 {
        font-size: 1.375rem; } }
    @media screen and (max-width: 600px) {
      #overlayMenu .btnSubLvl2 {
        font-size: 1.25rem; } }
    @media screen and (max-width: 400px) {
      #overlayMenu .btnSubLvl2 {
        padding: 15px 36px; } }
    #overlayMenu .btnSubLvl2 span {
      display: inline-block;
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      left: 35px;
      transform: translateY(-50%);
      transition: transform 300ms; }
      @media screen and (max-width: 400px) {
        #overlayMenu .btnSubLvl2 span {
          left: 16px; } }
      #overlayMenu .btnSubLvl2 span::before, #overlayMenu .btnSubLvl2 span::after {
        content: '';
        position: absolute;
        width: 2px;
        height: 8px;
        background-color: #1f78c1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg);
        transform-origin: bottom center; }
      #overlayMenu .btnSubLvl2 span::after {
        transform: translate(-50%, -50%) rotate(-45deg); }
  #overlayMenu .subLvl2 {
    display: none;
    opacity: 0;
    overflow: hidden;
    transform: translateY(30px);
    transition: opacity 300ms, transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    #overlayMenu .subLvl2 li:last-child {
      padding-bottom: 25px; }
      @media screen and (max-width: 1024px) {
        #overlayMenu .subLvl2 li:last-child {
          padding-bottom: 20px; } }
      @media screen and (max-width: 600px) {
        #overlayMenu .subLvl2 li:last-child {
          padding-bottom: 15px; } }
      #overlayMenu .subLvl2 li:last-child a {
        padding-bottom: 0; }
    #overlayMenu .subLvl2 li a {
      padding: 5px 75px;
      font: 0.9375rem/1.5 "mont", sans-serif;
      color: #1f78c1;
      font-weight: 600;
      transition: opacity 300ms;
      display: block; }
      @media screen and (max-width: 1024px) {
        #overlayMenu .subLvl2 li a {
          padding: 5px 60px; } }
      @media screen and (max-width: 600px) {
        #overlayMenu .subLvl2 li a {
          font-size: 0.875rem; } }
      @media screen and (max-width: 400px) {
        #overlayMenu .subLvl2 li a {
          padding: 5px 35px; } }
      #overlayMenu .subLvl2 li a:hover {
        opacity: 0.6; }
  #overlayMenu .otherLinks {
    position: relative;
    padding-bottom: 50px; }
    #overlayMenu .otherLinks a {
      padding: 10px 60px;
      font: 1.125rem/1.1 "mont", sans-serif;
      font-weight: 500;
      color: #1f78c1;
      opacity: 1;
      transition: opacity 300ms; }
      @media screen and (max-width: 768px) {
        #overlayMenu .otherLinks a {
          padding: 5px 40px; } }
      @media screen and (max-width: 600px) {
        #overlayMenu .otherLinks a {
          padding: 5px 25px;
          font-size: 1rem; } }
      #overlayMenu .otherLinks a:hover {
        opacity: 0.25; }
  #overlayMenu .secondaryNavMobile {
    padding-bottom: 25px; }
    #overlayMenu .secondaryNavMobile li a {
      padding: 8px 60px;
      color: #012040;
      font-weight: 600;
      font-size: 1.1875rem; }
      @media screen and (max-width: 400px) {
        #overlayMenu .secondaryNavMobile li a {
          padding: 5px 36px;
          font-size: 1.0625rem; } }
  #overlayMenu ul.social {
    display: flex;
    padding: 0 60px;
    padding-bottom: 15px; }
    @media screen and (max-width: 400px) {
      #overlayMenu ul.social {
        padding: 0 36px;
        padding-bottom: 15px; } }
    #overlayMenu ul.social li {
      margin: 0 8px; }
      #overlayMenu ul.social li:first-child {
        margin-left: 0; }
      #overlayMenu ul.social li:last-child {
        margin-right: 0; }
      #overlayMenu ul.social li a {
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        #overlayMenu ul.social li a svg {
          height: 16px;
          width: 16px;
          fill: #012040; }
        #overlayMenu ul.social li a:before, #overlayMenu ul.social li a:after {
          content: normal; }
        #overlayMenu ul.social li a:hover {
          opacity: 0.6; }
  #overlayMenu .textSize {
    padding: 0 60px;
    padding-bottom: 25px;
    cursor: pointer; }
    @media screen and (max-width: 400px) {
      #overlayMenu .textSize {
        padding: 0 36px;
        padding-bottom: 25px; } }
    #overlayMenu .textSize .button {
      display: flex;
      align-items: baseline;
      margin-left: -8px; }
      #overlayMenu .textSize .button span {
        font-weight: 400;
        padding: 0 8px;
        opacity: 0.7;
        color: #012040; }
        #overlayMenu .textSize .button span:nth-child(1) {
          font-size: 0.875rem; }
        #overlayMenu .textSize .button span:nth-child(2) {
          font-size: 1.125rem; }
        #overlayMenu .textSize .button span:nth-child(3) {
          font-size: 1.375rem; }
        #overlayMenu .textSize .button span.active, #overlayMenu .textSize .button span:hover {
          font-weight: 500;
          opacity: 1; }

.showOverlayMenu.openingMenu #overlayMenu .wrapper {
  overflow: hidden;
  transition: right 800ms cubic-bezier(0.215, 0.61, 0.355, 1); }

.showOverlayMenu.openingMenu #overlayMenu .groundFloor > li:first-child {
  transition-delay: 300ms; }

.showOverlayMenu.openingMenu #overlayMenu .groundFloor > li:nth-child(2) {
  transition-delay: 350ms; }

.showOverlayMenu.openingMenu #overlayMenu .groundFloor > li:last-child {
  transition-delay: 400ms; }

.showOverlayMenu.openingMenu #overlayMenu .otherLinks {
  opacity: 1;
  transition-delay: 450ms; }

.showOverlayMenu.closingMenu #overlayMenu .blackScreen {
  opacity: 0; }

.showOverlayMenu.closingMenu #overlayMenu .wrapper {
  right: -75%;
  transition: right 500ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  @media screen and (max-width: 768px) {
    .showOverlayMenu.closingMenu #overlayMenu .wrapper {
      right: -90%; } }
  @media screen and (max-width: 600px) {
    .showOverlayMenu.closingMenu #overlayMenu .wrapper {
      right: -100%; } }

.showOverlayMenu header:after {
  opacity: 1; }

.showOverlayMenu #overlayMenu {
  visibility: visible; }
  .showOverlayMenu #overlayMenu .blackScreen {
    opacity: 1;
    visibility: visible; }
  .showOverlayMenu #overlayMenu .wrapper {
    right: 0%;
    overflow-y: auto; }

.showAlert #overlayMenu {
  top: calc(65px + 70px + 1px); }

#overlayBreadcrumbs {
  position: absolute;
  top: calc(50px + 110px + 78px + 3px);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 100; }
  @media screen and (max-width: 1024px) {
    #overlayBreadcrumbs {
      top: calc(65px + 78px + 2px); } }
  #overlayBreadcrumbs .blackScreen {
    background-color: rgba(0, 0, 0, 0.2); }
  #overlayBreadcrumbs .wrapper {
    position: absolute;
    background-color: white;
    min-width: 715px;
    padding-top: 35px;
    padding-bottom: 35px;
    z-index: 12;
    visibility: hidden;
    transform: translateY(-50px);
    opacity: 0; }
    #overlayBreadcrumbs .wrapper ul li {
      padding-top: 10px; }
      #overlayBreadcrumbs .wrapper ul li:first-child {
        padding-top: 0; }
      #overlayBreadcrumbs .wrapper ul li a {
        font-size: 0.75rem;
        color: #012040;
        position: relative; }
        #overlayBreadcrumbs .wrapper ul li a:before {
          content: "";
          position: absolute;
          top: 0;
          height: 100%;
          left: 0;
          background-color: rgba(31, 120, 193, 0.1);
          width: 100%;
          transform-origin: right;
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          transform: scaleX(0); }
        #overlayBreadcrumbs .wrapper ul li a.active:before, #overlayBreadcrumbs .wrapper ul li a:hover:before {
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          transform: scaleX(1);
          transform-origin: left; }

.showOverlayBreadcrumbs:not(.closingBreadcrumbs) .breadcrumbs .wrapper > ul li.wDrop .btnBreadcrumbs {
  color: #1f78c1; }
  .showOverlayBreadcrumbs:not(.closingBreadcrumbs) .breadcrumbs .wrapper > ul li.wDrop .btnBreadcrumbs::before {
    transform: translate(0, -50%) rotate(180deg); }

.showOverlayBreadcrumbs #overlayBreadcrumbs {
  visibility: visible; }
  .showOverlayBreadcrumbs #overlayBreadcrumbs .wrapper {
    top: 0;
    z-index: 100;
    opacity: 1;
    transform: none;
    visibility: visible;
    transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
  .showOverlayBreadcrumbs #overlayBreadcrumbs .blackScreen {
    opacity: 1;
    visibility: visible; }

.showOverlayBreadcrumbs.closingBreadcrumbs #overlayBreadcrumbs .wrapper {
  transform: translateY(-50px);
  opacity: 0; }

.showOverlayBreadcrumbs.closingBreadcrumbs #overlayBreadcrumbs .blackScreen {
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease 0ms, visibility 0ms ease 300ms; }

@media screen and (max-width: 1024px) {
  .showAlert #overlayBreadcrumbs {
    top: calc(100px + 78px + 70px + 2px); } }

#overlayShare {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  visibility: hidden;
  z-index: 2001;
  pointer-events: none; }
  #overlayShare::-webkit-scrollbar {
    display: none; }
  #overlayShare .wrapper {
    position: absolute;
    padding: 85px;
    top: 50%;
    left: 50%;
    background: #fff;
    pointer-events: none;
    text-align: center;
    z-index: 151;
    opacity: 0;
    transform: translate(-50%, -25%);
    transition: opacity 300ms, transform 300ms cubic-bezier(0.215, 0.61, 0.355, 1); }
    @media screen and (max-width: 1024px) {
      #overlayShare .wrapper {
        padding: 50px; } }
    @media screen and (max-width: 600px) {
      #overlayShare .wrapper {
        width: auto;
        right: 20px;
        left: 20px;
        padding: 50px 20px;
        transform: translateY(-25%); } }
    #overlayShare .wrapper h3 {
      margin-bottom: 20px; }
    #overlayShare .wrapper .close {
      position: absolute;
      width: 16px;
      height: 16px;
      top: 20px;
      right: 20px; }
      #overlayShare .wrapper .close:hover .x:before, #overlayShare .wrapper .close:hover .x:after {
        background: #328ad3; }
      #overlayShare .wrapper .close .x {
        display: block;
        position: relative;
        width: 16px;
        height: 16px; }
        #overlayShare .wrapper .close .x:before, #overlayShare .wrapper .close .x:after {
          content: '';
          position: absolute;
          width: 16px;
          height: 2px;
          top: 50%;
          left: 50%;
          background: #012040;
          transition: background 300ms; }
        #overlayShare .wrapper .close .x:before {
          transform: translate(-50%, -50%) rotate(45deg); }
        #overlayShare .wrapper .close .x:after {
          transform: translate(-50%, -50%) rotate(-45deg); }
    #overlayShare .wrapper ul {
      position: relative;
      margin-top: 16px; }
      #overlayShare .wrapper ul li {
        display: inline-block; }
        #overlayShare .wrapper ul li:not(:last-child) {
          margin-right: 10px; }
          @media screen and (max-width: 600px) {
            #overlayShare .wrapper ul li:not(:last-child) {
              margin-right: 10px; } }
        #overlayShare .wrapper ul li a {
          position: relative;
          width: 45px;
          height: 45px;
          background: white;
          border-radius: 7px;
          border: 1px #d6d8d9 solid;
          overflow: hidden; }
          #overlayShare .wrapper ul li a svg {
            position: absolute;
            width: 16px;
            height: 16px;
            top: 50%;
            left: 50%;
            fill: #1f78c1;
            transform: translate(-50%, -50%); }
            #overlayShare .wrapper ul li a svg use {
              fill: #1f78c1; }
          #overlayShare .wrapper ul li a::after {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            background-color: #1f78c11a;
            width: 100%;
            transform-origin: right;
            transition: transform .3s ease;
            transform: scaleX(0);
            z-index: 0; }
          #overlayShare .wrapper ul li a:hover::after {
            transition: transform .3s ease;
            transform: scaleX(1);
            transform-origin: left; }

.showOverlayShare.closingShare #overlayShare .blackScreen {
  opacity: 0; }

.showOverlayShare.closingShare #overlayShare .wrapper {
  opacity: 0;
  transform: translate(-50%, -25%); }
  @media screen and (max-width: 600px) {
    .showOverlayShare.closingShare #overlayShare .wrapper {
      transform: translateY(-25%); } }

.showOverlayShare #overlayShare {
  visibility: visible; }
  .showOverlayShare #overlayShare .blackScreen {
    opacity: 1;
    visibility: visible;
    z-index: 150;
    pointer-events: all;
    transition: opacity 600ms; }
  .showOverlayShare #overlayShare .wrapper {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 600px) {
      .showOverlayShare #overlayShare .wrapper {
        transform: translateY(-50%); } }

#overlaySearch {
  position: absolute;
  width: 490px;
  top: 100%;
  right: 0;
  background: #fff;
  z-index: 22;
  height: 0;
  transition: height 0.3s ease;
  overflow: scroll;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */ }
  #overlaySearch::-webkit-scrollbar {
    display: none; }
  @media screen and (max-width: 1024px) {
    #overlaySearch {
      top: calc(100% - 1px);
      z-index: 150; } }
  @media screen and (max-width: 600px) {
    #overlaySearch {
      width: 100%; } }
  #overlaySearch form .searchField {
    width: 100%; }
    #overlaySearch form .searchField input {
      width: 100%; }
  #overlaySearch > .wrapper {
    padding: 45px 55px;
    overflow: hidden;
    opacity: 0;
    transform: translateY(50px);
    transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, opacity 500ms linear 300ms; }
    @media screen and (max-width: 1024px) {
      #overlaySearch > .wrapper {
        transition: opacity 300ms;
        transform: none; } }
    @media screen and (max-width: 600px) {
      #overlaySearch > .wrapper {
        padding: 30px 20px; } }
    #overlaySearch > .wrapper .title {
      color: #1f78c1;
      font-size: 0.9375rem;
      padding-bottom: 10px;
      font-weight: 600;
      padding-top: 35px; }
    #overlaySearch > .wrapper .popular-searches {
      --x-margin: 10px;
      --y-margin: 10px;
      display: flex;
      flex-wrap: wrap;
      margin: 0 calc(var(--x-margin)/-2);
      margin-top: calc(var(--y-margin)*-1); }
      #overlaySearch > .wrapper .popular-searches li {
        padding: 0 calc(var(--x-margin)/2);
        margin-top: var(--x-margin); }
        #overlaySearch > .wrapper .popular-searches li a {
          font-size: 0.8125rem;
          font-weight: 600;
          background-color: #eef4f9;
          border-radius: 6px;
          padding: 8px 15px;
          position: relative;
          overflow: hidden;
          display: block; }
          #overlaySearch > .wrapper .popular-searches li a span {
            z-index: 2;
            position: relative;
            color: #1f78c1;
            transition: color 0.3s ease; }
          #overlaySearch > .wrapper .popular-searches li a::after {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            left: 0;
            background-color: #1f78c1;
            width: 100%;
            transform-origin: right;
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: scaleX(0);
            z-index: 1; }
          #overlaySearch > .wrapper .popular-searches li a:hover span {
            color: white; }
          #overlaySearch > .wrapper .popular-searches li a:hover::after {
            transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
            transform: scaleX(1);
            transform-origin: left; }
    #overlaySearch > .wrapper .listResult li {
      border-bottom: 1px #d8d9da solid; }
      #overlaySearch > .wrapper .listResult li a {
        padding: 30px 20px;
        padding-right: 70px;
        width: 100%;
        position: relative; }
        #overlaySearch > .wrapper .listResult li a .type {
          display: block;
          font-size: 0.75rem;
          font-weight: 600;
          color: #012040;
          margin-bottom: 3px; }
        #overlaySearch > .wrapper .listResult li a .name {
          display: block;
          font-size: 0.9375rem;
          color: #012040; }
        #overlaySearch > .wrapper .listResult li a mark {
          background-color: transparent;
          color: #1f78c1; }
        #overlaySearch > .wrapper .listResult li a::before {
          content: '';
          width: 13px;
          height: 10px;
          transform: translate(0, -50%);
          top: 50%;
          right: 30px;
          position: absolute;
          background-image: url(../images/content/icons/arrow.svg);
          background-size: cover;
          opacity: 1;
          z-index: 2; }
        #overlaySearch > .wrapper .listResult li a::after {
          content: "";
          position: absolute;
          top: 0;
          height: 100%;
          left: 0;
          background-color: #f7f8f8;
          width: 100%;
          transform-origin: right;
          transition: transform .3s ease;
          transform: scaleX(0);
          z-index: -1; }
        #overlaySearch > .wrapper .listResult li a:hover::after {
          transition: transform .3s ease;
          transform: scaleX(1);
          transform-origin: left; }

.searchBlackScreen {
  top: calc(50px + 110px + var(--banner-height) + 2px);
  transition: top 300ms ease; }
  @media screen and (max-width: 1024px) {
    .searchBlackScreen {
      top: calc(100px + var(--banner-height)); } }

@media screen and (max-width: 1024px) {
  .showAlert .searchBlackScreen {
    top: calc(170px + var(--banner-height)); } }

.showOverlaySearch .btnMenu {
  opacity: 0.5;
  pointer-events: none; }

.showOverlaySearch #overlay {
  opacity: 1;
  visibility: visible;
  z-index: 99;
  pointer-events: all;
  transition: opacity 600ms; }

.showOverlaySearch #overlaySearch {
  height: calc( (var(--vh, 1vh) * 100) - 50px - 110px); }
  @media screen and (max-width: 1024px) {
    .showOverlaySearch #overlaySearch {
      height: calc( (var(--vh, 1vh) * 100) - 65px); } }
  .showOverlaySearch #overlaySearch .wrapper {
    opacity: 1;
    transform: none; }
    @media screen and (max-width: 1024px) {
      .showOverlaySearch #overlaySearch .wrapper {
        transition: opacity 300ms linear 300ms; } }

.showOverlaySearch .searchBlackScreen {
  opacity: 1;
  visibility: visible; }

.showOverlaySearch header .mobile .right .btnSearch:before, .showOverlaySearch header .mobile .right .btnSearch:after {
  opacity: 1;
  transition: opacity 300ms linear 175ms; }

.showOverlaySearch header .mobile .right .btnSearch svg {
  opacity: 0;
  transition: opacity 300ms; }

.overlaySearchClosing #overlaySearch {
  height: 0; }

.overlaySearchClosing .blackScreen.searchBlackScreen {
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0;
  opacity: 0;
  visibility: visible; }

#overlayFilters {
  position: fixed;
  top: calc(65px + 46px + 1px);
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  z-index: 150; }
  #overlayFilters .wrapper {
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    bottom: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    z-index: 102;
    transition: bottom 300ms ease 0s; }
    @media screen and (max-width: 1024px) {
      #overlayFilters .wrapper {
        width: 75%; } }
    @media screen and (max-width: 768px) {
      #overlayFilters .wrapper {
        width: 100%; } }
    #overlayFilters .wrapper::-webkit-scrollbar {
      display: none; }
    #overlayFilters .wrapper .sideFilters {
      border-top: 0; }
  #overlayFilters .blackScreen {
    transition: opacity 300ms ease; }

.showOverlayFilters:not(.closingFilters) .mobileFilter .container {
  top: -45px; }

.showOverlayFilters.closingFilters #overlayFilters .wrapper {
  bottom: 100%;
  transition: bottom 300ms ease 0; }

.showOverlayFilters.closingFilters #overlayFilters .blackScreen {
  opacity: 0; }

.showOverlayFilters #overlayFilters {
  visibility: visible; }
  .showOverlayFilters #overlayFilters .blackScreen {
    opacity: 1;
    visibility: visible; }
  .showOverlayFilters #overlayFilters .wrapper {
    bottom: 0%;
    overflow-y: auto; }

#overlayAlertPopupContainer {
  position: absolute;
  top: calc(275px + var(--banner-height));
  bottom: 0;
  right: 30px;
  width: 380px;
  z-index: 20;
  pointer-events: none;
  transition: top 300ms ease; }
  @media screen and (max-width: 1024px) {
    #overlayAlertPopupContainer {
      position: static;
      width: 100%; } }
  #overlayAlertPopupContainer #overlayAlertPopup {
    position: -webkit-sticky;
    position: sticky;
    pointer-events: all;
    top: 30px;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -50px);
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0s ease 0.6s, transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, height 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      #overlayAlertPopupContainer #overlayAlertPopup {
        height: 0; } }
    #overlayAlertPopupContainer #overlayAlertPopup .alertContent {
      background-color: #e50a2e;
      color: white;
      font-size: 0.9375rem;
      line-height: 1.4666em;
      padding: 35px;
      padding-right: 60px;
      display: block; }
      #overlayAlertPopupContainer #overlayAlertPopup .alertContent a {
        color: white;
        opacity: 1;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
        display: block; }
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent a:hover {
          opacity: 0.7; }
      @media screen and (max-width: 1024px) {
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent {
          padding: 15px 60px 15px 20px;
          font-size: 0.8125rem;
          height: 70px; } }
      #overlayAlertPopupContainer #overlayAlertPopup .alertContent .alertTitle {
        font-weight: 600;
        margin-bottom: 10px; }
        @media screen and (max-width: 1024px) {
          #overlayAlertPopupContainer #overlayAlertPopup .alertContent .alertTitle {
            margin-bottom: 0; } }
      @media screen and (max-width: 1024px) {
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent .alertTitle,
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent .alertText {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; } }
      #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 20px;
        height: 20px;
        cursor: pointer;
        opacity: 1;
        transition: opacity 0.3s ease; }
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert::before, #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert::after {
          content: '';
          position: absolute;
          background: white;
          width: 14px;
          height: 2px;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%) rotate(45deg); }
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert::after {
          transform: translate(-50%, -50%) rotate(-45deg); }
        #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert:hover {
          opacity: 0.6; }
        @media screen and (max-width: 1024px) {
          #overlayAlertPopupContainer #overlayAlertPopup .alertContent .closeAlert {
            top: 15px; } }

#page-home #overlayAlertPopupContainer {
  top: calc(200px + var(--banner-height)); }

.showAlert #overlayAlertPopupContainer #overlayAlertPopup {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0); }
  @media screen and (max-width: 1024px) {
    .showAlert #overlayAlertPopupContainer #overlayAlertPopup {
      height: 70px; } }

#overlayPopup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  z-index: 105; }
  #overlayPopup .wrapper {
    position: absolute;
    width: 660px;
    top: 50%;
    left: 50%;
    opacity: 0;
    max-height: 90%;
    padding: 120px 50px;
    background: #fff;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    z-index: 152;
    transform: translate(-50%, -25%);
    transition: transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1), opacity 600ms; }
    @media screen and (max-width: 1024px) {
      #overlayPopup .wrapper {
        padding: 75px 30px; } }
    @media screen and (max-width: 768px) {
      #overlayPopup .wrapper {
        width: 480px;
        padding: 60px 20px 40px; } }
    @media screen and (max-width: 600px) {
      #overlayPopup .wrapper {
        width: auto;
        left: 20px;
        right: 20px;
        transform: translateY(-25%); } }
    #overlayPopup .wrapper::-webkit-scrollbar {
      display: none; }
    #overlayPopup .wrapper h2 {
      font-weight: 700;
      color: #328ad3; }
    #overlayPopup .wrapper p {
      margin-top: 20px;
      margin-bottom: 0; }
    #overlayPopup .wrapper .btn {
      margin-top: 30px; }
    #overlayPopup .wrapper .close {
      position: absolute;
      top: 35px;
      right: 35px;
      font: 0.75rem/1 "mont", sans-serif;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #1f78c1;
      transition: opacity 300ms; }
      @media screen and (max-width: 1024px) {
        #overlayPopup .wrapper .close {
          top: 30px;
          right: 30px; } }
      @media screen and (max-width: 768px) {
        #overlayPopup .wrapper .close {
          right: 20px; } }
      #overlayPopup .wrapper .close:hover {
        opacity: 0.6; }
      #overlayPopup .wrapper .close .x {
        display: inline-block;
        position: relative;
        width: 20px;
        height: 10px;
        margin-left: 10px; }
        #overlayPopup .wrapper .close .x:before, #overlayPopup .wrapper .close .x:after {
          content: '';
          position: absolute;
          width: 17px;
          height: 2px;
          top: 50%;
          left: 50%;
          background: #1f78c1; }
        #overlayPopup .wrapper .close .x:before {
          transform: translate(-50%, -50%) rotate(45deg); }
        #overlayPopup .wrapper .close .x:after {
          transform: translate(-50%, -50%) rotate(-45deg); }

.showOverlayPopup.closing #overlayPopup .blackScreen {
  opacity: 0; }

.showOverlayPopup.closing #overlayPopup .wrapper {
  opacity: 0;
  transform: translate(-50%, -25%); }
  @media screen and (max-width: 600px) {
    .showOverlayPopup.closing #overlayPopup .wrapper {
      transform: translateY(-25%); } }

.showOverlayPopup #overlayPopup {
  visibility: visible;
  z-index: 151; }
  .showOverlayPopup #overlayPopup .blackScreen {
    opacity: 1;
    visibility: visible;
    pointer-events: all; }
  .showOverlayPopup #overlayPopup .wrapper {
    opacity: 1;
    pointer-events: all;
    transform: translate(-50%, -50%); }
    @media screen and (max-width: 600px) {
      .showOverlayPopup #overlayPopup .wrapper {
        transform: translateY(-50%); } }

.showcase .showcaseContent {
  border-radius: 7px;
  background-color: #012040;
  padding: 75px 60px;
  background-size: cover;
  position: relative;
  overflow: hidden; }
  .showcase .showcaseContent > div {
    position: relative;
    z-index: 2; }
  .showcase .showcaseContent::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(1, 32, 64, 0.75);
    z-index: 1; }

.information .informationContent {
  background-color: #f7f8f8; }

.information:not(.noIcon) .informationContent .dynamic {
  padding-left: 70px; }
  @media screen and (max-width: 1024px) {
    .information:not(.noIcon) .informationContent .dynamic {
      padding-left: 120px; } }
  @media screen and (max-width: 768px) {
    .information:not(.noIcon) .informationContent .dynamic {
      padding-left: 0;
      padding-top: 120px; } }

.information:not(.noIcon) .informationContent .iconContainer {
  position: relative; }
  .information:not(.noIcon) .informationContent .iconContainer .icon {
    position: absolute;
    top: 0;
    left: -50px;
    background: white;
    width: 95px;
    height: 95px;
    border: 1px solid #d6d8d9;
    border-radius: 50%; }
    .information:not(.noIcon) .informationContent .iconContainer .icon svg {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 45px;
      height: 45px;
      fill: #1f78c1; }
    @media screen and (max-width: 1024px) {
      .information:not(.noIcon) .informationContent .iconContainer .icon {
        left: 0; } }

.zoneC .component.information:last-child {
  margin-bottom: -60px; }

.component.faq .faqContent h3.categTitle {
  margin-top: 20px;
  margin-bottom: 40px; }

.component.faq .faqContent .list.ocList:not(:last-child) {
  margin-bottom: 60px; }

.component.faq .faqContent ul.list li:hover h4 {
  color: #1f78c1; }

.component.faq .faqContent ul.list li h4 {
  font-size: 1.125rem;
  line-height: 1.3;
  transition: color 300ms;
  font-weight: 500; }

@media screen and (max-width: 768px) {
  .component.news .newsContent .newsList .column:not(:last-child) {
    margin-bottom: 50px; } }

.newsList .news {
  padding-bottom: 35px;
  position: relative;
  height: 100%; }
  .newsList .news .image img {
    width: 100%;
    height: 175px;
    -o-object-fit: cover;
       object-fit: cover;
    display: block; }
    @media screen and (max-width: 768px) {
      .newsList .news .image img {
        height: 340px; } }
    @media screen and (max-width: 500px) {
      .newsList .news .image img {
        height: 250px; } }
    @media screen and (max-width: 400px) {
      .newsList .news .image img {
        height: 220px; } }
  .newsList .news .date {
    color: #1f78c1;
    border-bottom: 1px solid #d6d8d9;
    font-size: 0.8125rem;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 25px;
    padding-bottom: 12px;
    margin-bottom: 12px; }
  .newsList .news .title {
    font-size: 0.9375rem;
    line-height: 1.66666em;
    color: #012040;
    font-weight: 500; }
  .newsList .news .button {
    position: absolute;
    bottom: 0;
    left: 0; }

.component.testimonials {
  display: block; }
  .component.testimonials .testimonialsContent .testimonialsList {
    margin-bottom: -1em; }
    @media screen and (max-width: 900px) {
      .component.testimonials .testimonialsContent .testimonialsList {
        margin-bottom: 0; } }
    .component.testimonials .testimonialsContent .testimonialsList .column {
      padding-bottom: 1em; }
      @media screen and (max-width: 900px) {
        .component.testimonials .testimonialsContent .testimonialsList .column {
          padding-bottom: 0; } }
      .component.testimonials .testimonialsContent .testimonialsList .column .testimonial {
        position: relative;
        height: 100%;
        width: 100%;
        background-color: #f7f8f8;
        border-radius: 7px;
        border: 1px solid #d6d8d9;
        padding: 35px 30px;
        transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        .component.testimonials .testimonialsContent .testimonialsList .column .testimonial .wrapper {
          position: relative;
          padding-bottom: 35px;
          height: 100%; }
          .component.testimonials .testimonialsContent .testimonialsList .column .testimonial .wrapper .title {
            font-size: 1.125rem;
            line-height: 1.27em;
            color: #1f78c1;
            font-weight: 500;
            margin-bottom: 18px; }
          .component.testimonials .testimonialsContent .testimonialsList .column .testimonial .wrapper .content {
            font-size: 0.8125rem;
            line-height: 1.6923em;
            font-weight: 500;
            color: #012040; }
          .component.testimonials .testimonialsContent .testimonialsList .column .testimonial .wrapper .button {
            position: absolute;
            bottom: 0;
            left: 0; }
        .component.testimonials .testimonialsContent .testimonialsList .column .testimonial:hover {
          background-color: #eef4f9; }
    @media screen and (max-width: 900px) {
      .component.testimonials .testimonialsContent .testimonialsList .column:not(:last-child) {
        margin-bottom: 50px; } }
    @media screen and (max-width: 768px) {
      .component.testimonials .testimonialsContent .testimonialsList .column:not(:last-child) {
        margin-bottom: 25px; } }

.component.trainings h3.categTitle {
  margin-top: 30px;
  margin-bottom: 30px; }

.component.trainings .trainingsContent .trainingsList {
  margin-bottom: -1em; }
  @media screen and (max-width: 900px) {
    .component.trainings .trainingsContent .trainingsList {
      margin-bottom: 0; } }
  .component.trainings .trainingsContent .trainingsList .column {
    padding-bottom: 1em; }
    @media screen and (max-width: 900px) {
      .component.trainings .trainingsContent .trainingsList .column {
        padding-bottom: 0; } }
    .component.trainings .trainingsContent .trainingsList .column .training {
      position: relative;
      height: 100%;
      width: 100%;
      background-color: #012040;
      border-radius: 7px;
      border: 1px solid #d6d8d9;
      padding: 35px 30px;
      padding-bottom: 0;
      transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      .component.trainings .trainingsContent .trainingsList .column .training .wrapper {
        position: relative;
        padding-bottom: 70px;
        height: 100%; }
        .component.trainings .trainingsContent .trainingsList .column .training .wrapper .title {
          font-size: 1.125rem;
          line-height: 1.27em;
          color: white;
          font-weight: 500; }
        .component.trainings .trainingsContent .trainingsList .column .training .wrapper .button {
          position: absolute;
          bottom: 23px;
          right: 0; }
          .component.trainings .trainingsContent .trainingsList .column .training .wrapper .button img {
            width: 13px;
            height: 10px; }
      .component.trainings .trainingsContent .trainingsList .column .training:hover {
        background-color: #1f78c1; }
  @media screen and (max-width: 900px) {
    .component.trainings .trainingsContent .trainingsList .column:not(:last-child) {
      margin-bottom: 50px; } }
  @media screen and (max-width: 768px) {
    .component.trainings .trainingsContent .trainingsList .column:not(:last-child) {
      margin-bottom: 25px; } }

.socialMedias .socialMediasContent {
  background-color: #f7f8f8; }
  .socialMedias .socialMediasContent .flex {
    align-items: center; }
    .socialMedias .socialMediasContent .flex h6.title {
      font-size: 1.5625rem;
      color: #1f78c1;
      font-weight: 600;
      margin-right: 40px;
      text-transform: none; }
      @media screen and (max-width: 768px) {
        .socialMedias .socialMediasContent .flex h6.title {
          font-size: 1.25rem;
          margin-right: 25px; } }
    @media screen and (max-width: 550px) {
      .socialMedias .socialMediasContent .flex {
        flex-wrap: wrap; }
        .socialMedias .socialMediasContent .flex .title {
          width: 100%;
          padding-right: 0;
          text-align: center;
          margin-bottom: 20px; }
        .socialMedias .socialMediasContent .flex .list {
          width: 100%; } }
  .socialMedias .socialMediasContent .social {
    display: flex; }
    @media screen and (max-width: 550px) {
      .socialMedias .socialMediasContent .social {
        justify-content: center; } }
    .socialMedias .socialMediasContent .social li {
      padding-left: 14px;
      height: 47px; }
      @media screen and (max-width: 768px) {
        .socialMedias .socialMediasContent .social li {
          height: 40px;
          padding-left: 10px; } }
      .socialMedias .socialMediasContent .social li:first-child {
        padding-left: 0; }
      .socialMedias .socialMediasContent .social li a {
        opacity: 1;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
        width: 45px;
        height: 45px;
        background-color: white;
        border: 1px solid #d7d9da;
        border-radius: 50%;
        position: relative;
        transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1), border 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
        @media screen and (max-width: 768px) {
          .socialMedias .socialMediasContent .social li a {
            width: 40px;
            height: 40px; } }
        .socialMedias .socialMediasContent .social li a svg {
          fill: #1f78c1;
          width: 19px;
          height: 18px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          transition: fill 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
        .socialMedias .socialMediasContent .social li a:hover {
          background-color: #1f78c1;
          border: 1px solid #1f78c1; }
          .socialMedias .socialMediasContent .social li a:hover svg {
            fill: white; }
      @media screen and (max-width: 550px) {
        .socialMedias .socialMediasContent .social li {
          padding-left: 5px;
          padding-right: 5px; }
          .socialMedias .socialMediasContent .social li:last-child {
            padding-right: 0; } }

.zoneC .component.socialMedias:last-child {
  margin-bottom: -60px; }

body {
  font-family: "mont", sans-serif; }

.slick-loading .slick-list {
  background-image: none; }

.breadcrumbs {
  border-bottom: 1px solid #eaebec;
  position: relative; }
  .breadcrumbs .wrapper {
    position: relative; }
    .breadcrumbs .wrapper > ul {
      display: block;
      margin-right: 33%;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      font-size: 12px;
      color: black;
      font-family: "mont", sans-serif;
      font-weight: 500; }
      @media screen and (max-width: 1024px) {
        .breadcrumbs .wrapper > ul {
          margin-right: 10%; } }
      .breadcrumbs .wrapper > ul li {
        position: relative;
        display: inline; }
        .breadcrumbs .wrapper > ul li > a,
        .breadcrumbs .wrapper > ul li > span {
          color: #012040;
          height: 78px;
          display: inline;
          align-items: center;
          font-size: 0.8125rem;
          font-weight: 500;
          padding: 0 18px;
          white-space: nowrap;
          line-height: 83px;
          cursor: pointer; }
          @media screen and (max-width: 768px) {
            .breadcrumbs .wrapper > ul li > a,
            .breadcrumbs .wrapper > ul li > span {
              padding: 0 10px;
              font-size: 0.6875rem; } }
          .breadcrumbs .wrapper > ul li > a span,
          .breadcrumbs .wrapper > ul li > span span {
            max-width: 100px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
        .breadcrumbs .wrapper > ul li:first-child a {
          padding-left: 0; }
        .breadcrumbs .wrapper > ul li::after {
          content: '/';
          position: absolute;
          right: 0;
          top: 50%;
          transform: translate(0, -50%);
          color: #d2d5d8;
          pointer-events: none; }
          @media screen and (max-width: 768px) {
            .breadcrumbs .wrapper > ul li::after {
              right: -3px; } }
        .breadcrumbs .wrapper > ul li:last-child a span, .breadcrumbs .wrapper > ul li:last-child span span {
          max-width: 330px; }
        .breadcrumbs .wrapper > ul li:last-child::after {
          content: normal; }
        .breadcrumbs .wrapper > ul li.wDrop {
          padding-right: 20px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
          .breadcrumbs .wrapper > ul li.wDrop .btnBreadcrumbs {
            transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
            max-width: 100%; }
            .breadcrumbs .wrapper > ul li.wDrop .btnBreadcrumbs::before {
              content: '';
              position: absolute;
              right: 20px;
              top: 50%;
              width: 8px;
              height: 4px;
              transform: translate(0, -50%);
              background-image: url(../images/content/icons/chevron-blue.svg);
              background-size: cover;
              pointer-events: none;
              transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
              @media screen and (max-width: 768px) {
                .breadcrumbs .wrapper > ul li.wDrop .btnBreadcrumbs::before {
                  right: 15px; } }
        .breadcrumbs .wrapper > ul li:last-child:not(.wDrop) > span {
          cursor: text; }
    .breadcrumbs .wrapper .shareBtn,
    .breadcrumbs .wrapper .printBtn {
      position: absolute;
      right: 0;
      top: 0;
      height: 78px;
      display: flex;
      align-items: center;
      font-weight: 600;
      font-size: 0.9375rem;
      color: #012040;
      transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
      cursor: pointer; }
      .breadcrumbs .wrapper .shareBtn svg,
      .breadcrumbs .wrapper .printBtn svg {
        height: 11px;
        width: 11px;
        fill: #1f78c1;
        margin-left: 10px; }
      .breadcrumbs .wrapper .shareBtn:hover,
      .breadcrumbs .wrapper .printBtn:hover {
        color: #1f78c1; }
      @media screen and (max-width: 1024px) {
        .breadcrumbs .wrapper .shareBtn span,
        .breadcrumbs .wrapper .printBtn span {
          display: none; } }
      @media screen and (max-width: 880px) {
        .breadcrumbs .wrapper .shareBtn,
        .breadcrumbs .wrapper .printBtn {
          display: none; } }
    .breadcrumbs .wrapper > .btnContainer {
      position: absolute;
      right: 0;
      top: 0;
      height: 78px;
      display: flex; }
      .breadcrumbs .wrapper > .btnContainer > .shareBtn,
      .breadcrumbs .wrapper > .btnContainer > .printBtn {
        position: relative; }
        .breadcrumbs .wrapper > .btnContainer > .shareBtn:not(:first-child),
        .breadcrumbs .wrapper > .btnContainer > .printBtn:not(:first-child) {
          margin-left: 36px; }

.paginationContainer {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 768px) {
    .paginationContainer {
      justify-content: center; } }
  .paginationContainer ul {
    display: flex; }
    .paginationContainer ul li {
      margin: 0 3px; }
      .paginationContainer ul li a, .paginationContainer ul li span {
        min-width: 24px;
        height: 24px;
        font-size: 0.8125rem;
        color: #012040;
        border-radius: 12px;
        font-weight: 600;
        line-height: 24px;
        text-align: center;
        display: inline-block;
        padding: 0 8px;
        transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        .paginationContainer ul li a.active, .paginationContainer ul li span.active {
          background-color: rgba(31, 120, 193, 0.1);
          color: #1f78c1; }
      .paginationContainer ul li a:hover {
        background-color: rgba(31, 120, 193, 0.1);
        color: #1f78c1; }
      .paginationContainer ul li span {
        pointer-events: none; }
      .paginationContainer ul li.btnGroup {
        background-color: #f7f8f8;
        border-radius: 12px;
        display: flex; }
        .paginationContainer ul li.btnGroup a {
          min-width: auto;
          padding: 0 10px; }
          .paginationContainer ul li.btnGroup a svg {
            width: 9px;
            height: 9px;
            fill: #012040;
            transition: fill #012040 0.3s; }
          .paginationContainer ul li.btnGroup a:hover svg {
            fill: #1f78c1; }
        .paginationContainer ul li.btnGroup.prev {
          margin-left: 0; }
          .paginationContainer ul li.btnGroup.prev a {
            transform: rotate(180deg) translate(0, 1px); }
        .paginationContainer ul li.btnGroup.next {
          margin-right: 0; }
  .paginationContainer .nbResults {
    margin-left: auto;
    color: #344d66;
    font-size: 0.9375rem; }

.letterFilterContainer {
  margin-bottom: 30px; }
  .letterFilterContainer .filter {
    display: flex; }
    @media screen and (max-width: 900px) {
      .letterFilterContainer .filter {
        flex-wrap: wrap; } }
    .letterFilterContainer .filter a {
      display: block;
      color: #b9bec4;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.075em;
      padding: 3px 2px 3px 2px;
      margin: 0 3px 0 3px;
      width: 13px;
      text-align: center;
      box-sizing: content-box;
      transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
      cursor: pointer;
      position: relative; }
      .letterFilterContainer .filter a::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: rgba(31, 120, 193, 0.1);
        width: 100%;
        transform-origin: right;
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: -1; }
      .letterFilterContainer .filter a:hover, .letterFilterContainer .filter a.active {
        color: #012040; }
      .letterFilterContainer .filter a.active::before {
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1);
        transform-origin: left; }
      @media screen and (max-width: 900px) {
        .letterFilterContainer .filter a {
          padding: 10px;
          background-color: #012040;
          color: white;
          margin-bottom: 6px;
          border: 0; }
          .letterFilterContainer .filter a:hover, .letterFilterContainer .filter a.active {
            background-color: #1f78c1;
            color: white;
            border-bottom: 0; } }
      .letterFilterContainer .filter a.all {
        width: auto;
        margin-right: 35px; }
        @media screen and (max-width: 900px) {
          .letterFilterContainer .filter a.all {
            margin-right: 3px; } }
    .letterFilterContainer .filter ul {
      display: flex;
      flex-wrap: wrap; }

#ctaContactWrapper .ctaContact {
  display: inline-block;
  position: fixed;
  right: 40px;
  bottom: 0;
  line-height: 100px;
  font-weight: 600;
  padding: 0 50px;
  color: #012040;
  background: #faba43;
  text-align: center;
  z-index: 21;
  transition: padding-bottom cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
  padding-bottom: 0;
  transform: translate(0, 0);
  opacity: 1; }
  #ctaContactWrapper .ctaContact:hover {
    padding-bottom: 10px; }
  #ctaContactWrapper .ctaContact svg {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% + 3px));
    width: 30px;
    height: 30px;
    fill: #012040; }
  @media screen and (max-width: 1024px) {
    #ctaContactWrapper .ctaContact {
      line-height: 70px;
      padding: 0 30px; } }
  @media screen and (max-width: 768px) {
    #ctaContactWrapper .ctaContact {
      padding: 0;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      margin-bottom: 10px;
      right: 10px; }
      #ctaContactWrapper .ctaContact span {
        display: none; }
      #ctaContactWrapper .ctaContact svg {
        display: block; } }

#ctaContactWrapper.disable .ctaContact {
  transform: translate(0, 100%); }
  @media screen and (max-width: 768px) {
    #ctaContactWrapper.disable .ctaContact {
      transform: none;
      opacity: 0; } }

#page-contact #ctaContactWrapper {
  display: none; }

.alert.alert-success {
  line-height: 1.3;
  font-weight: 500;
  color: #1f78c1;
  font-size: 2.125rem; }
  .alert.alert-success button {
    display: none; }

.homeBanner {
  display: flex;
  height: 700px;
  background: #f7f8f8;
  min-height: 620px; }
  @media screen and (max-width: 1024px) {
    .homeBanner {
      height: auto !important;
      flex-wrap: wrap;
      position: relative; } }
  .homeBanner .left,
  .homeBanner .right {
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      .homeBanner .left,
      .homeBanner .right {
        width: 100%; } }
  .homeBanner .left {
    position: relative; }
    @media screen and (max-width: 1024px) {
      .homeBanner .left {
        position: static;
        padding-top: 60px;
        padding-bottom: 60px;
        background-color: white; } }
    @media screen and (max-width: 768px) {
      .homeBanner .left {
        padding-top: 40px;
        padding-bottom: 40px; } }
    .homeBanner .left .slides {
      height: 100%;
      padding-bottom: 100px; }
      @media screen and (max-width: 1024px) {
        .homeBanner .left .slides {
          padding-bottom: 0; } }
      .homeBanner .left .slides .slick-list {
        height: 100%;
        background: white; }
        .homeBanner .left .slides .slick-list .slick-track {
          height: 100%; }
          .homeBanner .left .slides .slick-list .slick-track .slick-slide {
            height: 100%; }
            .homeBanner .left .slides .slick-list .slick-track .slick-slide > div {
              height: 100%; }
              .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide {
                height: 100%;
                display: flex !important;
                align-items: center; }
                .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideTitle {
                  font-size: 4.1875rem;
                  font-weight: 600;
                  line-height: 1.134328358208955em;
                  color: #012040;
                  margin-bottom: 3.4375rem; }
                  @media screen and (max-width: 1500px) {
                    .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideTitle {
                      font-size: 3.125rem;
                      margin-bottom: 1.875rem; } }
                  @media screen and (max-width: 768px) {
                    .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideTitle {
                      font-size: 2.5rem;
                      margin-bottom: 1.25rem; } }
                .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideContent {
                  font-size: 1.125rem;
                  line-height: 1.7777777777777em;
                  margin-bottom: 3.4375rem; }
                  @media screen and (max-width: 1400px) {
                    .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideContent {
                      font-size: 1rem;
                      margin-bottom: 1.875rem; } }
                  @media screen and (max-width: 768px) {
                    .homeBanner .left .slides .slick-list .slick-track .slick-slide > div .slide .slideContent {
                      font-size: 0.9375rem;
                      margin-bottom: 1.25rem; } }
    .homeBanner .left .sliderControls {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100px;
      display: flex;
      justify-content: flex-end;
      right: auto;
      left: 0; }
      @media screen and (max-width: 1024px) {
        .homeBanner .left .sliderControls {
          z-index: 1;
          justify-content: flex-start;
          height: 55px;
          background-color: transparent;
          bottom: 494px; } }
      @media screen and (max-width: 500px) {
        .homeBanner .left .sliderControls {
          bottom: 345px; } }
      @media screen and (max-width: 400px) {
        .homeBanner .left .sliderControls {
          bottom: 295px; } }
      .homeBanner .left .sliderControls .pager,
      .homeBanner .left .sliderControls .arrows {
        height: 100%;
        position: relative; }
      .homeBanner .left .sliderControls .pager {
        margin-right: 25px;
        display: flex;
        align-items: center; }
        @media screen and (max-width: 1024px) {
          .homeBanner .left .sliderControls .pager {
            margin-right: 0; } }
        .homeBanner .left .sliderControls .pager .slick-dots {
          bottom: auto;
          display: flex;
          position: static; }
          @media screen and (max-width: 1024px) {
            .homeBanner .left .sliderControls .pager .slick-dots li {
              margin: 0; } }
          .homeBanner .left .sliderControls .pager .slick-dots li button:before {
            content: '';
            height: 5px;
            width: 5px;
            border-radius: 50%;
            background: #1f78c1;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            opacity: 0.5;
            transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
            @media screen and (max-width: 1024px) {
              .homeBanner .left .sliderControls .pager .slick-dots li button:before {
                height: 8px;
                width: 8px; } }
          .homeBanner .left .sliderControls .pager .slick-dots li.slick-active button:before {
            height: 8px;
            width: 8px;
            opacity: 1; }
            @media screen and (max-width: 1024px) {
              .homeBanner .left .sliderControls .pager .slick-dots li.slick-active button:before {
                height: 11px;
                width: 11px; } }
      .homeBanner .left .sliderControls .arrows {
        display: flex;
        width: auto;
        align-items: center;
        margin-right: 55px; }
        @media screen and (max-width: 1024px) {
          .homeBanner .left .sliderControls .arrows {
            display: none; } }
        .homeBanner .left .sliderControls .arrows .slick-prev {
          margin-right: 15px; }
        .homeBanner .left .sliderControls .arrows .slick-prev::before {
          transform: translate(-50%, -50%) rotate(180deg); }
      .homeBanner .left .sliderControls .scroll {
        margin-right: auto;
        display: flex;
        align-items: center;
        cursor: pointer; }
        @media screen and (max-width: 1024px) {
          .homeBanner .left .sliderControls .scroll {
            display: none; } }
        .homeBanner .left .sliderControls .scroll svg {
          width: 15px;
          height: 29px;
          fill: #1f78c1;
          margin-right: 22px; }
        .homeBanner .left .sliderControls .scroll span {
          color: #012040;
          font-size: 0.9375rem;
          font-weight: 500; }
  @media screen and (max-width: 1024px) {
    .homeBanner .right {
      height: 550px; } }
  @media screen and (max-width: 500px) {
    .homeBanner .right {
      height: 400px; } }
  @media screen and (max-width: 400px) {
    .homeBanner .right {
      height: 350px; } }
  .homeBanner .right .slides {
    display: flex;
    flex-wrap: wrap;
    height: 100%; }
    .homeBanner .right .slides .slick-list {
      height: 100%;
      width: 100%; }
      .homeBanner .right .slides .slick-list .slick-track {
        height: 100%; }
        .homeBanner .right .slides .slick-list .slick-track .slick-slide > div {
          height: 100%; }
          .homeBanner .right .slides .slick-list .slick-track .slick-slide > div .slide {
            position: relative;
            overflow: hidden;
            display: flex;
            height: 100%;
            width: 100%; }
            .homeBanner .right .slides .slick-list .slick-track .slick-slide > div .slide img {
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
                 object-fit: cover; }
  .homeBanner .slick-dotted.slick-slider {
    margin-bottom: 0; }

.banner {
  --image-ratio: 46%;
  --image-width: 57%; }
  .banner__grid {
    display: flex;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .banner__grid {
        flex-wrap: wrap; } }
  .banner__image {
    width: var(--image-width);
    position: relative; }
    @media screen and (max-width: 1024px) {
      .banner__image {
        width: 100%;
        order: 2; } }
  .banner__picture {
    width: 100%;
    padding-bottom: var(--image-ratio); }
    .banner__picture img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      -o-object-fit: cover;
         object-fit: cover; }
  .banner__content-wrapper {
    flex-grow: 1;
    display: flex;
    align-items: center;
    background-color: #f7f8f8;
    width: calc(100% - var(--image-width)); }
    @media screen and (max-width: 1024px) {
      .banner__content-wrapper {
        order: 1; } }
  .banner__title {
    font-size: 3.25rem;
    font-weight: 600;
    line-height: 1.134328358208955em;
    color: #012040;
    margin-bottom: 1.875rem; }
    @media screen and (max-width: 1500px) {
      .banner__title {
        font-size: 2.5rem; } }
    @media screen and (max-width: 768px) {
      .banner__title {
        font-size: 2.1875rem; } }

.targets {
  --title-width: 110px;
  --more-width: 150px;
  --slide-height: 140px;
  --slide-margin: 15px; }
  @media screen and (max-width: 1400px) {
    .targets {
      --slide-margin: 10px; } }
  .targets__mobile-title {
    display: none;
    font-size: 1rem;
    color: #012040;
    font-weight: 700;
    margin-bottom: 20px; }
    @media screen and (max-width: 1400px) {
      .targets__mobile-title {
        display: block; } }
  .targets__slides {
    display: flex;
    margin: 0 calc(var(--slide-margin)/-2);
    margin-top: calc(var(--slide-margin) * -1);
    overflow-x: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */ }
    .targets__slides::-webkit-scrollbar {
      display: none; }
  .targets__slide {
    padding: 0 calc(var(--slide-margin)/2);
    margin-top: var(--slide-margin);
    flex-grow: 1;
    flex-basis: 1px; }
    .targets__slide:first-child, .targets__slide:last-child {
      flex-grow: 0; }
    @media screen and (max-width: 1255px) {
      .targets__slide:nth-child(5) {
        display: none; } }
  @media screen and (max-width: 1400px) {
    .targets__slide:first-child {
      display: none; } }
  .targets__slides-title {
    font-size: 1rem;
    color: #012040;
    font-weight: 700;
    height: var(--slide-height);
    padding: 20px 0;
    width: var(--title-width); }
  .targets__content {
    position: relative;
    background-color: #f7f8f8;
    border: 1px solid #d6d8d9;
    border-radius: 7px;
    padding: 20px 85px 20px 20px;
    min-height: var(--slide-height);
    min-width: 212px;
    overflow: hidden;
    display: block;
    transition: border 0.3s ease; }
    .targets__content:hover {
      border: 1px solid #1f78c1; }
    .targets__content--more {
      padding: 20px;
      text-align: center;
      width: var(--more-width);
      min-width: auto;
      display: flex;
      align-items: center;
      justify-content: center; }
      .targets__content--more img {
        width: 13px;
        height: 10px;
        margin: 0 20px;
        margin-top: 10px; }
  .targets__title {
    color: #1f78c1;
    font-weight: 600;
    font-size: 0.875rem; }
    .targets__title--black {
      color: #012040; }
  .targets__image {
    position: absolute;
    right: 0;
    bottom: 0; }
    .targets__image img {
      display: block; }
  .targets--section .targets__slides {
    flex-wrap: wrap; }
  .targets--section .targets__slide {
    width: 33%;
    flex-grow: 0;
    flex-basis: auto; }
    .targets--section .targets__slide:first-child, .targets--section .targets__slide:last-child {
      flex-grow: 0; }
    @media screen and (max-width: 920px) {
      .targets--section .targets__slide {
        width: 50%; } }
    @media screen and (max-width: 650px) {
      .targets--section .targets__slide {
        width: 100%; } }

.home-links {
  --blocks-margin: 80px;
  --blocks-margin-y: 50px;
  --blocks-padding: 70px;
  --icon-round-size: 75px;
  --icon-size: 40px; }
  @media screen and (max-width: 1024px) {
    .home-links {
      --blocks-margin: 0; } }
  @media screen and (max-width: 768px) {
    .home-links {
      --blocks-padding: 40px;
      --icon-round-size: 60px;
      --icon-size: 35px; } }
  .home-links__grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--blocks-margin)/-2);
    margin-top: calc(var(--blocks-margin-y) * -1); }
    @media screen and (max-width: 1024px) {
      .home-links__grid {
        flex-wrap: wrap; } }
    @media screen and (max-width: 768px) {
      .home-links__grid {
        padding-left: calc(var(--icon-round-size) * 0.3); } }
  .home-links__block {
    padding: 0 calc(var(--blocks-margin)/2);
    width: 50%;
    margin-top: var(--blocks-margin-y); }
    @media screen and (max-width: 1024px) {
      .home-links__block {
        width: 100%; }
        .home-links__block:not(:first-child) {
          margin-top: 50px; } }
  .home-links__container {
    background-color: #f7f8f8;
    border-top: 1px solid #d6d8d9;
    border-bottom: 1px solid #d6d8d9;
    height: 100%;
    position: relative;
    padding-left: var(--blocks-padding);
    padding-right: var(--blocks-padding); }
  .home-links__title {
    color: #012040;
    font-weight: 700;
    position: relative;
    font-size: 1.875rem; }
    @media screen and (max-width: 500px) {
      .home-links__title {
        font-size: 1.375rem; } }
  .home-links__icon-container {
    position: absolute;
    top: 0.6em;
    left: calc(var(--blocks-padding) * -1);
    transform: translate(-50%, -50%); }
  .home-links__icon {
    background-color: white;
    border: 1px solid #d6d8d9;
    height: var(--icon-round-size);
    width: var(--icon-round-size);
    position: relative;
    border-radius: 50%; }
    .home-links__icon svg {
      fill: #1f78c1;
      width: var(--icon-size);
      height: var(--icon-size);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .home-links__list {
    margin-top: 30px;
    margin-bottom: 30px; }
  .home-links__list-item {
    margin-bottom: 18px; }
    .home-links__list-item:last-child {
      margin-bottom: 0; }
  .home-links__link::after {
    display: none !important; }

.showcaseV2 {
  --content-width: 38%;
  --image-ratio: 49%; }
  .showcaseV2__grid {
    display: flex; }
    @media screen and (max-width: 768px) {
      .showcaseV2__grid {
        flex-wrap: wrap; } }
  .showcaseV2__content {
    width: var(--content-width);
    background-color: #1f78c1;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center; }
    @media screen and (max-width: 768px) {
      .showcaseV2__content {
        width: 100%; } }
  .showcaseV2__surtitle {
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 700;
    color: #9fd4ff;
    margin-bottom: 20px; }
  .showcaseV2__title {
    font-size: 1.875rem;
    color: white;
    line-height: 1.3333em; }
  .showcaseV2__button {
    margin-top: 35px; }
  .showcaseV2__image {
    flex-grow: 1; }
    @media screen and (max-width: 768px) {
      .showcaseV2__image {
        width: 100%; } }
  .showcaseV2__picture {
    width: 100%;
    height: 100%;
    padding-bottom: var(--image-ratio);
    position: relative; }
    .showcaseV2__picture img {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      -o-object-fit: cover;
         object-fit: cover; }

.fastLinks {
  display: flex; }
  @media screen and (max-width: 1024px) {
    .fastLinks {
      flex-wrap: wrap;
      position: relative; } }
  .fastLinks h2 {
    font-weight: 600;
    color: #012040;
    font-size: 1.375rem; }
  .fastLinks .left,
  .fastLinks .right {
    width: 50%;
    height: 100%; }
    @media screen and (max-width: 1024px) {
      .fastLinks .left,
      .fastLinks .right {
        width: 100%; } }
    .fastLinks .left ul,
    .fastLinks .right ul {
      display: flex;
      flex-wrap: wrap; }
      .fastLinks .left ul li,
      .fastLinks .right ul li {
        width: 50%;
        border-top: 1px solid #cecfd0;
        border-left: 1px solid #cecfd0; }
        @media screen and (max-width: 370px) {
          .fastLinks .left ul li,
          .fastLinks .right ul li {
            width: 100%; } }
        .fastLinks .left ul li:nth-child(1),
        .fastLinks .right ul li:nth-child(1) {
          border-top: 0;
          border-left: 0; }
        .fastLinks .left ul li:nth-child(2),
        .fastLinks .right ul li:nth-child(2) {
          border-top: 0; }
        .fastLinks .left ul li:nth-child(3),
        .fastLinks .right ul li:nth-child(3) {
          border-left: 0; }
        @media screen and (max-width: 370px) {
          .fastLinks .left ul li,
          .fastLinks .right ul li {
            border: 0;
            border-top: 1px solid #cecfd0; }
            .fastLinks .left ul li:nth-child(2),
            .fastLinks .right ul li:nth-child(2) {
              border-top: 1px solid #cecfd0; } }
        .fastLinks .left ul li a,
        .fastLinks .right ul li a {
          display: flex;
          font-weight: 500;
          font-size: 1.125rem;
          color: #012040;
          width: 100%;
          padding-top: 100%;
          align-items: center;
          justify-content: center;
          position: relative;
          overflow: hidden; }
          @media screen and (max-width: 450px) {
            .fastLinks .left ul li a,
            .fastLinks .right ul li a {
              font-size: 1rem; } }
          @media screen and (max-width: 370px) {
            .fastLinks .left ul li a,
            .fastLinks .right ul li a {
              padding-top: 60%; } }
          .fastLinks .left ul li a .centerize,
          .fastLinks .right ul li a .centerize {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 80%; }
            .fastLinks .left ul li a .centerize svg,
            .fastLinks .right ul li a .centerize svg {
              fill: #1f78c1;
              width: 64px;
              height: 64px; }
              @media screen and (max-width: 600px) {
                .fastLinks .left ul li a .centerize svg,
                .fastLinks .right ul li a .centerize svg {
                  width: 50px;
                  height: 50px; } }
              @media screen and (max-width: 400px) {
                .fastLinks .left ul li a .centerize svg,
                .fastLinks .right ul li a .centerize svg {
                  width: 35px;
                  height: 35px; } }
              @media screen and (max-width: 370px) {
                .fastLinks .left ul li a .centerize svg,
                .fastLinks .right ul li a .centerize svg {
                  width: 50px;
                  height: 50px; } }
            .fastLinks .left ul li a .centerize .text,
            .fastLinks .right ul li a .centerize .text {
              display: block;
              margin-top: 18px;
              transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
              .fastLinks .left ul li a .centerize .text span,
              .fastLinks .right ul li a .centerize .text span {
                position: relative;
                display: inline-block; }
          .fastLinks .left ul li a .hover,
          .fastLinks .right ul li a .hover {
            content: '';
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(31, 120, 193, 0.1);
            pointer-events: none; }
          .fastLinks .left ul li a .wrapper,
          .fastLinks .right ul li a .wrapper {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0; }
  .fastLinks .left {
    background-color: #f7f8f8; }

.testimonials {
  display: flex; }
  @media screen and (max-width: 768px) {
    .testimonials {
      flex-wrap: wrap; } }
  .testimonials .left,
  .testimonials .right {
    width: 50%;
    height: 100%;
    position: relative; }
    @media screen and (max-width: 768px) {
      .testimonials .left,
      .testimonials .right {
        width: 100%; } }
  .testimonials .left {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
    position: relative; }
    @media screen and (max-width: 1400px) {
      .testimonials .left {
        padding-right: 25px; } }
    @media screen and (max-width: 768px) {
      .testimonials .left {
        padding-top: 40px;
        height: 410px; } }
    @media screen and (max-width: 600px) {
      .testimonials .left {
        height: 290px; } }
    .testimonials .left::before {
      content: '';
      position: absolute;
      bottom: 0;
      top: 0;
      width: 100%;
      background-color: #012040; }
      @media screen and (max-width: 768px) {
        .testimonials .left::before {
          right: 100px; } }
    .testimonials .left .testimonialSlidesImages {
      width: 530px;
      height: 530px;
      position: relative;
      top: -70px;
      margin-bottom: 0; }
      @media screen and (max-width: 1400px) {
        .testimonials .left .testimonialSlidesImages {
          width: 100%; } }
      @media screen and (max-width: 768px) {
        .testimonials .left .testimonialSlidesImages {
          height: 390px; } }
      @media screen and (max-width: 600px) {
        .testimonials .left .testimonialSlidesImages {
          height: 270px; } }
      .testimonials .left .testimonialSlidesImages .slick-list {
        height: 100%;
        width: 100%; }
        .testimonials .left .testimonialSlidesImages .slick-list .slick-track {
          height: 100%; }
          .testimonials .left .testimonialSlidesImages .slick-list .slick-track .slick-slide > div {
            height: 100%; }
            .testimonials .left .testimonialSlidesImages .slick-list .slick-track .slick-slide > div .slide {
              position: relative;
              display: flex;
              height: 100%;
              width: 100%; }
              .testimonials .left .testimonialSlidesImages .slick-list .slick-track .slick-slide > div .slide img {
                display: block;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                   object-fit: cover; }
    .testimonials .left .arrows {
      height: 100px;
      width: 170px;
      position: absolute;
      bottom: 0;
      right: 0;
      background: white;
      box-sizing: content-box;
      display: flex;
      align-items: center;
      padding-left: 30px;
      z-index: 2; }
      @media screen and (max-width: 1400px) {
        .testimonials .left .arrows {
          padding-right: 25px;
          width: 150px; } }
      @media screen and (max-width: 768px) {
        .testimonials .left .arrows {
          display: none; } }
    .testimonials .left .pager {
      height: 100px;
      width: 530px;
      position: absolute;
      bottom: 0;
      z-index: 1; }
      @media screen and (max-width: 1400px) {
        .testimonials .left .pager {
          width: calc( 100% - 120px); } }
      @media screen and (max-width: 1024px) {
        .testimonials .left .pager {
          width: calc( 100% - 70px); } }
      @media screen and (max-width: 768px) {
        .testimonials .left .pager {
          height: 50px; } }
      .testimonials .left .pager .slick-dots {
        bottom: auto;
        display: flex;
        align-items: center;
        position: static;
        height: 100%; }
        @media screen and (max-width: 1024px) {
          .testimonials .left .pager .slick-dots li {
            margin: 0; } }
        .testimonials .left .pager .slick-dots li:first-child {
          margin-left: 0; }
        .testimonials .left .pager .slick-dots li button:before {
          content: '';
          height: 5px;
          width: 5px;
          border-radius: 50%;
          background: white;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          opacity: 0.5;
          transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        .testimonials .left .pager .slick-dots li.slick-active button:before {
          height: 7px;
          width: 7px;
          opacity: 1; }
  @media screen and (max-width: 768px) {
    .testimonials .right {
      order: 1; } }
  .testimonials .right .testimonialSlidesTexte .slide .container {
    max-width: 660px;
    padding-left: 25px; }
    .testimonials .right .testimonialSlidesTexte .slide .container .title {
      color: #1f78c1;
      font-size: 2.625rem;
      line-height: 3.125rem;
      font-weight: 600; }
      @media screen and (max-width: 1024px) {
        .testimonials .right .testimonialSlidesTexte .slide .container .title {
          font-size: 1.875rem;
          font-size: 2.1875rem; } }
    .testimonials .right .testimonialSlidesTexte .slide .container .content {
      padding-top: 40px; }
      .testimonials .right .testimonialSlidesTexte .slide .container .content p {
        color: #20252a;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px; }
        .testimonials .right .testimonialSlidesTexte .slide .container .content p:last-child {
          margin-bottom: 0; }
    .testimonials .right .testimonialSlidesTexte .slide .container .button {
      margin-top: 35px; }

.arrows .slick-prev,
.arrows .slick-next {
  left: auto;
  right: auto;
  top: auto;
  transform: none;
  position: relative;
  width: 55px;
  height: 55px;
  border: 1px #1f78c1 solid;
  border-radius: 7px;
  overflow: hidden; }
  .arrows .slick-prev::before,
  .arrows .slick-next::before {
    content: '';
    width: 13px;
    height: 10px;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    background-image: url("../images/content/icons/arrow.svg");
    background-size: cover;
    opacity: 1;
    z-index: 2; }
  .arrows .slick-prev::after,
  .arrows .slick-next::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    background-color: #1f78c1;
    width: 100%;
    transform-origin: right;
    transition: transform .3s ease;
    transform: scaleX(0);
    z-index: 0; }
  .arrows .slick-prev:hover::before,
  .arrows .slick-next:hover::before {
    background-image: url("../images/content/icons/arrow-white.svg"); }
  .arrows .slick-prev:hover::after,
  .arrows .slick-next:hover::after {
    transition: transform .3s ease;
    transform: scaleX(1);
    transform-origin: left; }

.arrows .slick-prev {
  margin-right: 15px; }

.arrows .slick-prev::before {
  transform: translate(-50%, -50%) rotate(180deg); }

.homeNews {
  position: relative;
  overflow-x: hidden; }
  .homeNews h2 {
    font-size: 4.6875rem;
    font-weight: 600;
    color: #012040; }
    @media screen and (max-width: 1024px) {
      .homeNews h2 {
        font-size: 3.4375rem; } }
  .homeNews .cols {
    display: flex; }
    @media screen and (max-width: 1024px) {
      .homeNews .cols {
        flex-wrap: wrap; } }
    .homeNews .cols .left,
    .homeNews .cols .right {
      width: 50%;
      height: 100%;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .homeNews .cols .left,
        .homeNews .cols .right {
          width: 100%; } }
    @media screen and (max-width: 1024px) {
      .homeNews .cols .left {
        padding-right: 0; } }
    .homeNews .cols .left .news .image {
      padding-bottom: 30px; }
      .homeNews .cols .left .news .image img {
        width: 100%;
        height: 450px;
        -o-object-fit: cover;
           object-fit: cover;
        display: block; }
        @media screen and (max-width: 600px) {
          .homeNews .cols .left .news .image img {
            height: 350px; } }
        @media screen and (max-width: 500px) {
          .homeNews .cols .left .news .image img {
            height: 300px; } }
    .homeNews .cols .left .news .content {
      display: flex;
      align-items: center;
      width: 100%; }
      .homeNews .cols .left .news .content .centerize {
        width: 100%; }
        .homeNews .cols .left .news .content .centerize .date {
          font-size: 0.8125rem;
          font-weight: 500;
          text-transform: uppercase;
          color: #1f78c1;
          border-bottom: 1px solid #d6d8d9;
          padding-bottom: 12px;
          margin-bottom: 12px; }
        .homeNews .cols .left .news .content .centerize .text {
          font-size: 1.25rem;
          line-height: 1.875rem;
          color: #012040;
          font-weight: 600;
          margin-bottom: 12px; }
          @media screen and (max-width: 500px) {
            .homeNews .cols .left .news .content .centerize .text {
              font-size: 1rem; } }
    @media screen and (max-width: 1024px) {
      .homeNews .cols .right {
        padding-left: 0;
        padding-top: 100px; } }
    .homeNews .cols .right .news {
      display: flex;
      margin-top: 40px; }
      .homeNews .cols .right .news:first-child {
        margin-top: 0; }
      .homeNews .cols .right .news .image {
        padding-right: 30px; }
        @media screen and (max-width: 400px) {
          .homeNews .cols .right .news .image {
            padding-right: 15px; } }
        .homeNews .cols .right .news .image img {
          height: 125px;
          width: 125px;
          -o-object-fit: cover;
             object-fit: cover;
          display: block; }
          @media screen and (max-width: 400px) {
            .homeNews .cols .right .news .image img {
              height: 100px;
              width: 100px; } }
      .homeNews .cols .right .news .content {
        display: flex;
        align-items: center;
        width: 100%; }
        .homeNews .cols .right .news .content .centerize {
          width: 100%; }
          .homeNews .cols .right .news .content .centerize .date {
            font-size: 0.8125rem;
            font-weight: 500;
            text-transform: uppercase;
            color: #1f78c1;
            border-bottom: 1px solid #d6d8d9;
            padding-bottom: 12px;
            margin-bottom: 12px; }
          .homeNews .cols .right .news .content .centerize .text {
            font-size: 0.9375rem;
            line-height: 1.25rem;
            color: #012040;
            font-weight: 500;
            margin-bottom: 12px; }
            @media screen and (max-width: 400px) {
              .homeNews .cols .right .news .content .centerize .text {
                font-size: 0.875rem;
                line-height: 1.125rem; } }
    .homeNews .cols .right .buttonAll {
      padding-top: 60px; }
    .homeNews .cols .right::after {
      content: normal;
      position: absolute;
      background-color: #f7f8f8;
      left: 60px;
      top: 50px;
      bottom: -100px;
      right: -100px;
      z-index: -1; }
      @media screen and (max-width: 1024px) {
        .homeNews .cols .right::after {
          content: ''; } }
  .homeNews::before {
    content: '';
    background-color: #f7f8f8;
    position: absolute;
    top: 130px;
    bottom: 0;
    right: 0;
    left: calc(50% + 115px); }
    @media screen and (max-width: 1024px) {
      .homeNews::before {
        content: normal; } }
  .homeNews--v2 {
    overflow: hidden; }
    .homeNews--v2::before {
      content: normal; }
    .homeNews--v2 h2 {
      font-size: 2.8125rem; }
      @media screen and (max-width: 768px) {
        .homeNews--v2 h2 {
          font-size: 2.1875rem; } }

#page-contact .column.left .contactInfos a {
  position: relative;
  font-weight: 500;
  color: #1f78c1; }

#page-contact .column.left .contactInfos ul {
  margin: 0; }

#page-contact .column.left .contactInfos li {
  position: relative;
  line-height: 1.625em;
  font-size: 1rem; }

#page-contact .column.left .tel {
  margin-bottom: 10px; }
  #page-contact .column.left .tel span {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase; }
  #page-contact .column.left .tel strong {
    font-size: 1.5625rem; }

#page-contact .column.left .social {
  display: flex;
  margin-top: 30px;
  margin-bottom: 30px; }
  #page-contact .column.left .social li {
    padding-left: 18px;
    padding-left: 18px;
    padding-bottom: 0; }
    #page-contact .column.left .social li:first-child {
      padding-left: 0; }
    #page-contact .column.left .social li::before {
      content: normal; }
    #page-contact .column.left .social li a {
      opacity: 1; }
      #page-contact .column.left .social li a svg {
        fill: #012040;
        width: 18px;
        height: 16px;
        transition: fill cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      #page-contact .column.left .social li a:hover svg {
        fill: #1f78c1; }
      #page-contact .column.left .social li a::before {
        content: normal; }

#page-contact .column.left .times {
  color: #344d66; }
  #page-contact .column.left .times span {
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase; }

#page-contact .column.left .box {
  color: #344d66;
  background-color: #eef4f9;
  padding: 30px 40px;
  margin-top: 30px; }
  #page-contact .column.left .box p:last-child {
    margin-bottom: 0; }

#page-contact .column.left .coords .list.ocList,
#page-contact .column.left .contactRubrics .list.ocList {
  margin-left: 0;
  margin-right: 0;
  margin-top: 60px; }
  #page-contact .column.left .coords .list.ocList h4.coordTitle,
  #page-contact .column.left .contactRubrics .list.ocList h4.coordTitle {
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.3;
    transition: color 300ms;
    font-weight: 500;
    color: #012040; }

#page-contact .column.right {
  position: relative;
  background-color: #f7f8f8;
  display: flex;
  flex-direction: column; }
  #page-contact .column.right .contactForm {
    flex-grow: 0; }
    #page-contact .column.right .contactForm h4 {
      margin-bottom: 30px; }
  #page-contact .column.right .decorationImg {
    flex-grow: 1;
    position: relative; }
    #page-contact .column.right .decorationImg .decorationImgContainer {
      position: -webkit-sticky;
      position: sticky;
      top: 0; }
      #page-contact .column.right .decorationImg .decorationImgContainer img {
        height: 100vh;
        max-height: 100vh;
        width: 100%;
        -o-object-fit: cover;
           object-fit: cover;
        display: block; }
      #page-contact .column.right .decorationImg .decorationImgContainer .btn {
        position: absolute;
        bottom: 40px;
        left: 80px;
        padding-right: 60px;
        cursor: pointer; }
        #page-contact .column.right .decorationImg .decorationImgContainer .btn::after {
          width: 17px;
          height: 13px;
          background-size: 17px;
          background-image: url(../images/content/icons/envelope-blue.svg); }

.pageTitle {
  position: relative; }
  @media screen and (max-width: 1024px) {
    .pageTitle {
      padding-top: 50px; } }
  .pageTitle::after {
    content: '';
    position: absolute;
    background: #f7f8f8;
    top: 0;
    left: 0;
    right: 0;
    bottom: 125px;
    z-index: -1; }
  .pageTitle .image {
    margin-left: -60px;
    margin-right: -60px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .pageTitle .image {
        margin-left: 0;
        margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .pageTitle .image {
        margin-left: -30px;
        margin-right: -30px; } }
    @media screen and (max-width: 600px) {
      .pageTitle .image {
        margin-left: -25px;
        margin-right: -25px; } }
    .pageTitle .image img {
      width: 100%;
      height: 500px;
      -o-object-fit: cover;
         object-fit: cover;
      display: block; }
    .pageTitle .image .credit {
      position: absolute;
      left: 0;
      bottom: 0;
      color: white;
      font-size: 0.6875rem;
      padding: 10px 25px;
      background-color: rgba(0, 0, 0, 0.6); }
  .pageTitle.noImage::after {
    content: normal; }

.pageContent .intro {
  font-size: 1.375rem;
  line-height: 1.4545em;
  color: #012040; }

.pageComponents .component:first-child {
  padding-top: 0; }

.pageComponents .component:last-child {
  padding-bottom: 0; }

.pageComponents .videos h2 {
  font-family: "mont", sans-serif;
  font-weight: 600;
  color: #012040;
  font-size: 1.3125rem; }
  @media screen and (max-width: 425px) {
    .pageComponents .videos h2 {
      font-size: 1.3125rem; } }
  @media screen and (max-width: 320px) {
    .pageComponents .videos h2 {
      font-size: 1.125rem; } }

#page-news .grid .left {
  background-color: #f7f8f8; }
  @media screen and (max-width: 1024px) {
    #page-news .grid .left {
      padding-top: 0;
      padding-bottom: 0; } }

#page-news .grid .right .featuredNews .column .news {
  height: auto;
  margin-bottom: 0; }
  #page-news .grid .right .featuredNews .column .news img {
    width: 100%;
    height: 450px;
    -o-object-fit: cover;
       object-fit: cover;
    display: block; }
    @media screen and (max-width: 768px) {
      #page-news .grid .right .featuredNews .column .news img {
        height: 340px; } }
    @media screen and (max-width: 500px) {
      #page-news .grid .right .featuredNews .column .news img {
        height: 250px; } }
    @media screen and (max-width: 400px) {
      #page-news .grid .right .featuredNews .column .news img {
        height: 220px; } }

@media screen and (min-width: 768px) {
  #page-news .grid .right .featuredNews .column:nth-child(1) .news .title {
    font-size: 1.25rem;
    font-weight: 600; } }

#page-news .grid .right .featuredNews .column:nth-child(2) .news {
  margin-top: 260px; }
  @media screen and (max-width: 768px) {
    #page-news .grid .right .featuredNews .column:nth-child(2) .news {
      margin-top: 50px; } }
  #page-news .grid .right .featuredNews .column:nth-child(2) .news img {
    height: 190px; }
    @media screen and (max-width: 768px) {
      #page-news .grid .right .featuredNews .column:nth-child(2) .news img {
        height: 340px; } }
    @media screen and (max-width: 500px) {
      #page-news .grid .right .featuredNews .column:nth-child(2) .news img {
        height: 250px; } }
    @media screen and (max-width: 400px) {
      #page-news .grid .right .featuredNews .column:nth-child(2) .news img {
        height: 220px; } }

#page-news .grid .right .nbResults {
  color: #344d66;
  font-size: 0.9375rem; }
  #page-news .grid .right .nbResults .nbResultsContainer {
    position: relative; }
    #page-news .grid .right .nbResults .nbResultsContainer span {
      background-color: white;
      padding-right: 30px;
      display: inline-block; }
    #page-news .grid .right .nbResults .nbResultsContainer::after {
      content: '';
      background-color: #d6d8d9;
      z-index: -1;
      height: 1px;
      width: 100%;
      position: absolute;
      left: 0;
      top: 50%; }

#page-news .grid .right .otherNews {
  margin-bottom: -50px; }
  #page-news .grid .right .otherNews .column {
    padding-bottom: 50px; }

/********************************************************* 
Filtres des nouvelles et publications

*****/
.mobileFilter {
  color: #012040;
  font-weight: bold;
  width: 100%;
  font-size: 0.9375rem;
  border-bottom: 1px solid #eaebec;
  cursor: pointer;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 25;
  display: none;
  height: 45px;
  overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .mobileFilter {
      display: block; } }
  .mobileFilter .container {
    background-color: #f7f8f8;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: top ease 0.3s; }
    .mobileFilter .container .inactive,
    .mobileFilter .container .active {
      height: 45px;
      display: flex;
      align-items: center;
      padding-left: 20px;
      position: relative; }
    .mobileFilter .container .inactive .icon {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%); }
      .mobileFilter .container .inactive .icon svg {
        fill: #1f78c1;
        width: 14px;
        height: 13px; }
    .mobileFilter .container .active span.close {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translate(0, -50%);
      width: 12px;
      height: 12px; }
      .mobileFilter .container .active span.close::before, .mobileFilter .container .active span.close::after {
        content: '';
        position: absolute;
        width: 12px;
        height: 2px;
        background-color: #1f78c1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(45deg); }
      .mobileFilter .container .active span.close::after {
        transform: translate(-50%, -50%) rotate(-45deg); }

.sideFiltersTitle {
  font-size: 0.9375rem;
  color: #012040;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 30px; }

.sideFilters {
  border-top: #d6d8d9 solid 1px; }
  .sideFilters ul.groundFloor > li {
    border-bottom: #d6d8d9 solid 1px; }
    .sideFilters ul.groundFloor > li > a {
      display: block; }
      .sideFilters ul.groundFloor > li > a span {
        display: block;
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 0.9375rem;
        color: #1f78c1;
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 20px; }
        .sideFilters ul.groundFloor > li > a span::after {
          content: '';
          width: 10px;
          height: 5px;
          background-image: url(../images/content/icons/chevron-blue.svg);
          background-size: cover;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translate(0, -50%) rotate(0deg);
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
    .sideFilters ul.groundFloor > li ul.subLvl1 > li > a {
      display: block; }
      .sideFilters ul.groundFloor > li ul.subLvl1 > li > a span {
        display: block;
        position: relative;
        font-size: 0.875rem;
        font-weight: 600;
        color: #1f78c1;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 40px; }
        .sideFilters ul.groundFloor > li ul.subLvl1 > li > a span::after {
          content: '';
          width: 10px;
          height: 5px;
          background-image: url(../images/content/icons/chevron-blue.svg);
          background-size: cover;
          position: absolute;
          left: 0;
          top: 50%;
          transform: translate(0, -50%) rotate(0deg);
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
        .sideFilters ul.groundFloor > li ul.subLvl1 > li > a span.noArrow::after {
          content: none; }
    .sideFilters ul.groundFloor > li ul.subLvl1 > li:last-child {
      padding-bottom: 15px; }
    .sideFilters ul.groundFloor > li ul.subLvl1 > li ul.subLvl2 > li:first-child {
      padding-top: 10px; }
    .sideFilters ul.groundFloor > li.open > a span::after {
      transform: translate(0, -50%) rotate(180deg); }
    .sideFilters ul.groundFloor > li.open ul.subLvl1 > li.open > a span::after {
      transform: translate(0, -50%) rotate(180deg); }
  .sideFilters ul.groundFloor label {
    font-size: 0.8125rem;
    color: #344d66;
    margin-bottom: 15px; }
    .sideFilters ul.groundFloor label.withDrop {
      position: absolute;
      margin-bottom: 0px;
      top: 8px;
      left: 70px; }
      @media screen and (max-width: 1024px) {
        .sideFilters ul.groundFloor label.withDrop {
          left: 60px; } }
      @media screen and (max-width: 768px) {
        .sideFilters ul.groundFloor label.withDrop {
          left: 50px; } }
      @media screen and (max-width: 600px) {
        .sideFilters ul.groundFloor label.withDrop {
          left: 45px; } }

.activeFilters .activeFiltersTitle {
  font-size: 0.9375rem;
  color: #012040;
  font-weight: 600;
  padding-top: 30px;
  padding-bottom: 20px; }

.activeFilters ul > li {
  float: left;
  clear: both;
  font-size: 0.8125rem;
  color: #1f78c1;
  margin-bottom: 8px;
  padding: 3px 20px 3px 10px;
  border: 1px solid #1f78c1;
  border-radius: 12px; }
  .activeFilters ul > li a {
    position: relative;
    right: -10px;
    width: 10px;
    height: 10px; }
    .activeFilters ul > li a::before, .activeFilters ul > li a::after {
      content: '';
      position: absolute;
      width: 12px;
      height: 1px;
      background-color: #1f78c1;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg); }
    .activeFilters ul > li a::after {
      transform: translate(-50%, -50%) rotate(-45deg); }

#page-news-detail .pageTitle.noImage {
  background-color: #f7f8f8; }

#page-news-detail .pageTitle .meta {
  font-size: 1.125rem;
  color: #012040;
  padding-bottom: 15px;
  font-weight: 500; }
  #page-news-detail .pageTitle .meta span {
    padding-right: 30px;
    position: relative; }
    #page-news-detail .pageTitle .meta span::after {
      content: '';
      width: 15px;
      height: 2px;
      background-color: #012040;
      position: absolute;
      right: 7px;
      top: 50%;
      transform: translate(0, -50%); }

#page-news-detail .pageTitle h1 {
  max-width: none;
  font-size: 1.5625rem; }

.newsNav nav {
  border-bottom: 1px solid #d6d8d9;
  border-top: 1px solid #d6d8d9;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  height: 100px; }
  @media screen and (max-width: 768px) {
    .newsNav nav {
      font-size: 0.875rem; } }
  .newsNav nav div {
    height: 100%; }
    .newsNav nav div a {
      height: 100%;
      color: #328ad3;
      transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      opacity: 1;
      position: relative;
      display: flex;
      align-items: center;
      padding-left: 50px; }
      @media screen and (max-width: 500px) {
        .newsNav nav div a {
          padding-left: 30px; } }
      .newsNav nav div a span {
        position: absolute;
        width: 13px;
        height: 19px;
        left: 0;
        top: 42%;
        display: block; }
        .newsNav nav div a span::before {
          content: '';
          display: block;
          width: 14px;
          height: 10px;
          background-image: url(../images/content/icons/arrow.svg);
          background-repeat: no-repeat;
          background-size: cover;
          top: 3px;
          left: 0;
          position: absolute; }
      .newsNav nav div a:hover {
        opacity: 0.7; }
    .newsNav nav div.prev {
      margin-right: auto; }
      .newsNav nav div.prev span::before {
        transform: rotate(180deg); }
    .newsNav nav div.next a {
      padding-right: 50px; }
      @media screen and (max-width: 500px) {
        .newsNav nav div.next a {
          padding-right: 30px; } }
      .newsNav nav div.next a span {
        left: auto;
        right: 0; }
        .newsNav nav div.next a span::before {
          left: auto;
          right: 0; }

#page-publications .grid .left {
  background-color: #f7f8f8; }
  @media screen and (max-width: 1024px) {
    #page-publications .grid .left {
      padding-top: 0;
      padding-bottom: 0; } }

#page-publications .grid .right .nbResults {
  color: #344d66;
  font-size: 0.9375rem; }
  #page-publications .grid .right .nbResults .nbResultsContainer {
    position: relative; }
    #page-publications .grid .right .nbResults .nbResultsContainer span {
      background-color: white;
      padding-right: 30px;
      display: inline-block; }
    #page-publications .grid .right .nbResults .nbResultsContainer::after {
      content: '';
      background-color: #d6d8d9;
      z-index: -1;
      height: 1px;
      width: 100%;
      position: absolute;
      left: 0;
      top: 50%; }

#page-publications .grid .right .publicationsList {
  margin-bottom: -60px; }
  #page-publications .grid .right .publicationsList .column {
    padding-bottom: 60px; }
    #page-publications .grid .right .publicationsList .column .publication {
      position: relative;
      height: 100%; }
      #page-publications .grid .right .publicationsList .column .publication .image img {
        width: 100%;
        height: 196px;
        -o-object-fit: cover;
           object-fit: cover;
        display: block; }
        @media screen and (max-width: 768px) {
          #page-publications .grid .right .publicationsList .column .publication .image img {
            height: 340px; } }
        @media screen and (max-width: 500px) {
          #page-publications .grid .right .publicationsList .column .publication .image img {
            height: 250px; } }
        @media screen and (max-width: 400px) {
          #page-publications .grid .right .publicationsList .column .publication .image img {
            height: 220px; } }
      #page-publications .grid .right .publicationsList .column .publication .image .i {
        width: 20px;
        height: 20px;
        background-color: #1f78c1;
        border-radius: 50%;
        position: absolute;
        right: 15px;
        top: 15px;
        cursor: pointer;
        background-image: url(../images/content/icons/i.svg);
        background-size: cover;
        width: 15px;
        height: 15px;
        opacity: 1;
        transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
        #page-publications .grid .right .publicationsList .column .publication .image .i:hover {
          opacity: 0.7; }
      #page-publications .grid .right .publicationsList .column .publication .date {
        color: #1f78c1;
        font-size: 0.8125rem;
        text-transform: uppercase;
        font-weight: 500;
        padding-top: 20px; }
      #page-publications .grid .right .publicationsList .column .publication .title {
        font-size: 0.9375rem;
        line-height: 1.66666em;
        color: #012040;
        font-weight: 500;
        padding-top: 12px;
        padding-bottom: 12px; }
      #page-publications .grid .right .publicationsList .column .publication .button a.btn {
        padding-right: 0;
        color: #1f78c1; }
        #page-publications .grid .right .publicationsList .column .publication .button a.btn::after {
          content: normal; }
        #page-publications .grid .right .publicationsList .column .publication .button a.btn:not(:last-child) {
          margin-bottom: 5px; }
      #page-publications .grid .right .publicationsList .column .publication .button a.btn.externe {
        padding-right: 30px; }
        #page-publications .grid .right .publicationsList .column .publication .button a.btn.externe:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 10px;
          transform: translate(0, -50%);
          width: 10px;
          height: 10px;
          background-image: url(../images/content/icons/external-blue.svg);
          background-size: cover; }

#page-publication-detail .pageTitle {
  background-color: #f7f8f8; }
  #page-publication-detail .pageTitle .meta {
    font-size: 1.125rem;
    color: #012040;
    padding-bottom: 15px;
    font-weight: 500; }
  #page-publication-detail .pageTitle h1 {
    max-width: none;
    font-size: 1.5625rem; }

#page-publication-detail .PDFName {
  color: #328ad3;
  font-weight: 500;
  font-size: 0.8125rem; }

#page-publication-detail h4 {
  margin-top: 10px !important;
  font-size: 0.9375rem; }

#page-publication-detail .fastLinks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  #page-publication-detail .fastLinks a {
    margin-right: 25px; }

#page-publication-detail li a:after {
  display: none; }

#page-publication-detail li a div {
  display: flex;
  flex-direction: column; }
  #page-publication-detail li a div svg {
    position: absolute;
    width: 18px;
    height: 18px;
    top: 50%;
    right: 0;
    margin-right: 60px;
    fill: #1f78c1;
    transform: translate(-50%, -50%); }
    #page-publication-detail li a div svg.rotate {
      transform: translate(-50%, -50%) rotate(-45deg); }
    @media screen and (max-width: 1024px) {
      #page-publication-detail li a div svg {
        margin-right: 40px; } }
    @media screen and (max-width: 600px) {
      #page-publication-detail li a div svg {
        margin-right: 30px; } }

#page-search .grid .left {
  background-color: #f7f8f8; }
  @media screen and (max-width: 1024px) {
    #page-search .grid .left {
      padding-top: 0;
      padding-bottom: 0; } }

#page-search .grid .right h1 strong, #page-search .grid .right h1 b {
  color: #1f78c1; }

#page-search .grid .right .suggestions a {
  color: #1f78c1 !important; }

#page-search .grid .right .searchFilter .mobile {
  display: none; }

@media screen and (max-width: 768px) {
  #page-search .grid .right .searchFilter {
    padding-top: 20px; }
    #page-search .grid .right .searchFilter .desktop {
      display: none; }
    #page-search .grid .right .searchFilter .mobile {
      display: block; } }

#page-search .grid .right .searchFilter ul {
  --margin-x: 15px;
  --margin-y: 10px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 calc(var(--margin-x) / -2);
  margin-top: calc(var(--margin-y) * -1); }
  #page-search .grid .right .searchFilter ul li {
    padding: 0 calc(var(--margin-x) / 2);
    margin-top: var(--margin-y); }
    #page-search .grid .right .searchFilter ul li .item {
      font-size: 0.875rem;
      color: #012040;
      font-weight: 600;
      cursor: pointer;
      display: inline-block;
      padding: 14px 20px;
      position: relative;
      background-color: #f7f8f8;
      border-radius: 8px;
      transition: 0.3s ease;
      overflow: hidden;
      display: block; }
      #page-search .grid .right .searchFilter ul li .item span {
        position: relative;
        z-index: 2; }
      #page-search .grid .right .searchFilter ul li .item::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: #1f78c1;
        width: 100%;
        transform-origin: right;
        transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: 1; }
      #page-search .grid .right .searchFilter ul li .item.active, #page-search .grid .right .searchFilter ul li .item:hover {
        color: white; }
        #page-search .grid .right .searchFilter ul li .item.active::before, #page-search .grid .right .searchFilter ul li .item:hover::before {
          transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
          transform: scaleX(1);
          transform-origin: left; }

.searchBar form {
  display: flex;
  position: relative; }
  .searchBar form input {
    border: 1px solid #d6d8d9;
    border-radius: 7px 0 0 7px;
    font-size: 0.9375rem;
    line-height: 1.266em;
    padding: 16px 60px 16px 30px;
    color: #012040;
    font-weight: 500;
    flex-grow: 1; }
    @media screen and (max-width: 600px) {
      .searchBar form input {
        width: calc(100% - 60px); } }
  .searchBar form button {
    background: #1f78c1;
    color: white;
    font-weight: 600;
    font-size: 0.9375rem;
    border-radius: 0 7px 7px 0;
    padding: 0 30px;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden; }
    @media screen and (max-width: 600px) {
      .searchBar form button {
        display: inline-flex;
        padding: 0;
        width: 60px; } }
    .searchBar form button span,
    .searchBar form button svg {
      position: relative;
      z-index: 1; }
    .searchBar form button span {
      margin-right: 15px; }
      @media screen and (max-width: 600px) {
        .searchBar form button span {
          display: none; } }
    .searchBar form button svg {
      fill: white;
      width: 15px;
      height: 15px; }
      @media screen and (max-width: 600px) {
        .searchBar form button svg {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%); } }
    .searchBar form button::before {
      content: "";
      position: absolute;
      top: 0;
      height: 100%;
      left: 0;
      background-color: #328ad3;
      width: 100%;
      transform-origin: right;
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: scaleX(0);
      z-index: 0; }
    .searchBar form button:hover::before {
      transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: scaleX(1);
      transform-origin: left; }
  .searchBar form .clearInput {
    right: 200px;
    background-color: rgba(31, 120, 193, 0.2);
    border-radius: 50%; }
    @media screen and (max-width: 600px) {
      .searchBar form .clearInput {
        right: 75px; } }
    .searchBar form .clearInput:before, .searchBar form .clearInput:after {
      height: 10px; }
  .searchBar form .notEmpty ~ .clearInput {
    opacity: 1;
    visibility: visible;
    transition: opacity 400ms; }
    .searchBar form .notEmpty ~ .clearInput:hover {
      opacity: 0.6; }

#resultats ul li.result mark {
  background-color: rgba(31, 120, 193, 0.2); }

.faqs .faqList {
  margin-left: -60px;
  margin-right: -60px; }
  @media screen and (max-width: 1024px) {
    .faqs .faqList {
      margin-left: auto;
      margin-right: auto; } }
  .faqs .faqList li {
    margin-top: 15px; }
    .faqs .faqList li:first-child {
      margin-top: 0; }
    .faqs .faqList li a {
      width: 100%;
      display: flex;
      align-items: center;
      min-height: 100px;
      background-color: #f7f8f8;
      border: 1px solid #d6d8d9;
      border-radius: 8px;
      padding: 15px 60px;
      padding-right: 90px;
      color: #344d66;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .faqs .faqList li a {
          padding: 15px 40px;
          padding-right: 65px; } }
      @media screen and (max-width: 600px) {
        .faqs .faqList li a {
          padding: 15px 30px;
          padding-right: 55px; } }
      .faqs .faqList li a h6, .faqs .faqList li a h4 {
        color: #012040;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      .faqs .faqList li a h4 {
        font-size: 1.125rem;
        font-weight: 500; }
        @media screen and (max-width: 600px) {
          .faqs .faqList li a h4 {
            font-size: 1rem; } }
      .faqs .faqList li a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translate(0, -50%);
        width: 16px;
        height: 12px;
        background-size: cover;
        background-image: url(../images/content/icons/arrow-blue.svg); }
        @media screen and (max-width: 1024px) {
          .faqs .faqList li a::after {
            right: 40px; } }
        @media screen and (max-width: 600px) {
          .faqs .faqList li a::after {
            right: 30px; } }
      .faqs .faqList li a::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: rgba(31, 120, 193, 0.1);
        width: 100%;
        transform-origin: right;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: 0; }
      .faqs .faqList li a:hover h6, .faqs .faqList li a:hover h4 {
        color: #1f78c1; }
      .faqs .faqList li a:hover::before {
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1);
        transform-origin: left; }
  .faqs .faqList.plus li a:not(.noPhoto) {
    height: 150px;
    padding-left: 160px; }
    .faqs .faqList.plus li a:not(.noPhoto) .image {
      width: 115px;
      height: 115px;
      -o-object-fit: cover;
         object-fit: cover;
      display: block;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%); }

.faqs ul.list li:hover h4 {
  color: #1f78c1; }

.faqs ul.list li h4 {
  font-size: 1.125rem;
  line-height: 1.3;
  transition: color 300ms;
  font-weight: 500; }

.jobs .jobsList {
  margin-left: -60px;
  margin-right: -60px; }
  @media screen and (max-width: 1024px) {
    .jobs .jobsList {
      margin-left: auto;
      margin-right: auto; } }
  .jobs .jobsList li {
    margin-top: 15px; }
    .jobs .jobsList li:first-child {
      margin-top: 0; }
    .jobs .jobsList li a {
      width: 100%;
      display: flex;
      align-items: center;
      height: 100px;
      background-color: #f7f8f8;
      border: 1px solid #d6d8d9;
      border-radius: 8px;
      padding: 15px 60px;
      color: #344d66;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .jobs .jobsList li a {
          padding: 15px 40px;
          padding-right: 65px; } }
      @media screen and (max-width: 600px) {
        .jobs .jobsList li a {
          padding: 15px 30px;
          padding-right: 55px; } }
      .jobs .jobsList li a h6, .jobs .jobsList li a h4 {
        color: #012040;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
      .jobs .jobsList li a h4 {
        font-size: 1.125rem;
        font-weight: 500; }
      .jobs .jobsList li a::after {
        content: '';
        position: absolute;
        top: 50%;
        right: 60px;
        transform: translate(0, -50%);
        width: 15px;
        height: 11px;
        background-size: cover;
        background-image: url(../images/content/icons/arrow-blue.svg); }
        @media screen and (max-width: 1024px) {
          .jobs .jobsList li a::after {
            right: 40px; } }
        @media screen and (max-width: 600px) {
          .jobs .jobsList li a::after {
            right: 30px; } }
      .jobs .jobsList li a::before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        left: 0;
        background-color: rgba(31, 120, 193, 0.1);
        width: 100%;
        transform-origin: right;
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(0);
        z-index: 0; }
      .jobs .jobsList li a:hover h6, .jobs .jobsList li a:hover h4 {
        color: #1f78c1; }
      .jobs .jobsList li a:hover::before {
        transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: scaleX(1);
        transform-origin: left; }
  .jobs .jobsList.plus li a:not(.noPhoto) {
    height: 150px;
    padding-left: 160px; }
    .jobs .jobsList.plus li a:not(.noPhoto) .image {
      width: 115px;
      height: 115px;
      -o-object-fit: cover;
         object-fit: cover;
      display: block;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translate(0, -50%); }

#page-section .sectionIndex .column {
  margin-bottom: 20px; }
  #page-section .sectionIndex .column a.section {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #f7f8f8;
    border-radius: 7px;
    border: 1px solid #d6d8d9;
    padding: 28px 28px;
    transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
    min-height: 124px; }
    @media screen and (max-width: 768px) {
      #page-section .sectionIndex .column a.section {
        min-height: auto; } }
    #page-section .sectionIndex .column a.section .wrapper {
      position: relative;
      height: 100%; }
      #page-section .sectionIndex .column a.section .wrapper .title {
        font-size: 1.125rem;
        line-height: 1.27em;
        color: #012040;
        font-weight: 500;
        transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s; }
    #page-section .sectionIndex .column a.section:hover {
      background-color: #eef4f9; }
      #page-section .sectionIndex .column a.section:hover .wrapper .title {
        color: #1f78c1; }
    #page-section .sectionIndex .column a.section::before {
      content: normal; }


/*# sourceMappingURL=build.css.map*/