@charset "UTF-8";
/* stylelint-disable declaration-no-important */
/* stylelint-enable declaration-no-important */
/* OLD VARIABLES */
/* END OLD VARIABLES */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub,
sup {
  vertical-align: baseline;
  position: relative;
  font-size: 75%;
  line-height: 90%;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: #000000;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  border: 1px solid #c0c0c0;
}

legend {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  background: radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  transition: all 0.3s ease-out;
}

.introjs-fixParent {
  z-index: auto !important;
  opacity: 1 !important;
  transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid #777;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-out;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all 0.3s ease-out;
}

.introjs-helperLayer *,
.introjs-helperLayer :after,
.introjs-helperLayer :before {
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-helperNumberLayer {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  padding: 2px;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: #ff3019;
  background: linear-gradient(to bottom, #ff3019 0, #cf0404 100%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  border-bottom-color: #fff;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-top-color: #fff;
}

.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff;
}

.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff;
}

.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  padding: 10px;
  background-color: #fff;
  min-width: 200px;
  max-width: 300px;
  border-radius: 3px;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #ececec;
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  border-radius: 0.2em;
  zoom: 1;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0 1px 1px #e3e3e3;
}

.introjs-button:active,
.introjs-button:focus {
  background-image: linear-gradient(#ececec, #f4f4f4);
}

.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  box-sizing: content-box;
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-prevbutton.introjs-fullbutton {
  border: 1px solid #d4d4d4;
  border-radius: 0.2em;
}

.introjs-nextbutton {
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-nextbutton.introjs-fullbutton {
  border-radius: 0.2em;
}

.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-hidden {
  display: none;
}

.introjs-bullets {
  text-align: center;
}

.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}

.introjs-bullets ul li a {
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}

.introjs-bullets ul li a:hover {
  background: #999;
}

.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}

.introjs-hint:focus {
  border: 0;
  outline: 0;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

.introjs-hint:hover > .introjs-hint-pulse {
  border: 5px solid rgba(60, 60, 60, 0.57);
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(60, 60, 60, 0.27);
  border-radius: 30px;
  background-color: rgba(136, 136, 136, 0.24);
  z-index: 10;
  position: absolute;
  transition: all 0.2s ease-out;
}

.introjs-hint-no-anim .introjs-hint-dot {
  animation: none;
}

.introjs-hint-dot {
  box-sizing: content-box;
  border: 10px solid rgba(146, 146, 146, 0.36);
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  animation: introjspulse 3s ease-out;
  animation-iteration-count: infinite;
  position: absolute;
  top: -25px;
  left: -25px;
  z-index: 1;
  opacity: 0;
}
@keyframes introjspulse {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  25% {
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.skip-menu-link,
.skip-content-link {
  z-index: 100;
  position: fixed;
  top: 6px;
  left: 6px;
  background-color: #ffffff;
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.skip-menu-link:focus,
.skip-content-link:focus {
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .skip-menu-link {
    display: none;
  }
}

:focus {
  outline: none;
}
[data-state=keyboard] :focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}

[data-state=keyboard] .mobile-search-trigger:focus,
[data-state=keyboard] .mobile-nav-trigger:focus {
  z-index: 1000;
}

html {
  box-sizing: border-box;
  font-size: 16px;
}

html,
body {
  overflow-x: hidden;
  position: relative;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  font-family: "Open Sans";
}

img {
  box-sizing: content-box;
}

body {
  overflow-x: hidden;
  min-width: 1310px;
  font-family: Open Sans, "Arial", sans-serif;
  color: #000000;
  background-color: #ffffff;
}
@media (max-width: 1310px) {
  body {
    min-width: 0;
  }
}

p {
  max-width: 935px;
}

em {
  font-weight: inherit;
  color: inherit;
}

a {
  color: #085da2;
}
a em {
  color: #085da2;
}
strong a, em a, li a, p a {
  font-weight: inherit;
  font-style: inherit;
  text-decoration: underline;
}
strong a:hover, em a:hover, li a:hover, p a:hover {
  text-decoration: none;
}
a[id] {
  display: block;
}
a[href^="tel:"] {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
@media only screen and (max-width: 767px) {
  a[href^="tel:"] {
    text-decoration: underline;
  }
}

sup a[id] {
  display: inline-block;
}

strong {
  color: inherit;
}

img,
svg,
iframe,
video {
  max-width: 100%;
}

iframe {
  border: 0;
}

img, video {
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

small {
  font-size: 75%;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

textarea {
  resize: vertical;
}

div.indent,
blockquote {
  margin: 0 40px;
}
div.indent p,
blockquote p {
  font-style: italic;
}

hr {
  margin: 2em 0;
  border-top: 0;
  border-bottom: 1px solid #ebeded;
}
hr.is-hidden {
  display: block;
  border-bottom-color: transparent;
}

ul,
ol {
  margin-left: 0;
  padding: 5px 0;
}
ul:before, ul:after,
ol:before,
ol:after {
  content: "";
  display: table !important;
  line-height: 0;
}
ul:after,
ol:after {
  clear: both;
}
li > ul:first-child,
li > ol:first-child {
  margin-top: 10px;
}
ul ol,
ul ul,
ol ol,
ol ul {
  margin-left: 25px;
  margin-bottom: 0;
}

.ios .nav-icons ul:before, .ios .nav-icons ul:after {
  content: none;
}

ul > li {
  padding-left: 16px;
  background-image: url("../svg/originals/puce.svg");
  background-repeat: no-repeat;
  background-position: left 9px;
  list-style: none;
}
ul > li ul > li {
  padding-left: 22px;
  background-image: url("../svg/originals/puce-niveau2.svg");
  background-position: left 6px;
}
ul > li ul > li ul > li {
  padding-left: 16px;
  background-image: url("../svg/originals/puce-org-niveau3.svg");
  background-position: left 8px;
}
ul > li ul > li ol > li {
  padding-left: 30px;
}
ul > li ul > li:last-child {
  margin-bottom: 0;
}
ul > li ol > li {
  padding-left: 30px;
}
ul > li ol > li ol, ul > li ol > li ul {
  margin-bottom: 0;
}
ul > li ol > li ul li {
  padding-left: 16px !important;
  background-image: url("../svg/originals/puce.svg") !important;
  background-repeat: no-repeat !important;
  background-position: left 9px !important;
}
ul > li ol > li ol li {
  padding-left: 0;
  background: 0;
}
ul > li ol > li:last-child {
  margin-bottom: 0;
}

nav ul {
  line-height: 0;
}

nav ul li {
  background-image: none;
}

ol {
  list-style-type: none;
  counter-reset: item;
}
ol li {
  position: relative;
  padding-left: 30px;
}
ol li li:before {
  width: auto;
  font-weight: 400;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
ol li ol {
  counter-reset: subitem;
}
ol li ol > li {
  position: relative;
  padding-left: 40px;
}
ol li ol > li:before {
  counter-increment: subitem;
  content: counter(item) "." counter(subitem) " ";
  width: 30px;
  font-size: 12px;
  font-weight: 600;
  background-clip: padding-box;
  border-radius: 20%;
}
ol li ol > li ol {
  counter-reset: subsubitem;
}
ol li ol > li ol > li {
  position: relative;
  padding-left: 50px;
}
ol li ol > li ol > li:before {
  counter-increment: subsubitem;
  content: counter(item) "." counter(subitem) "." counter(subsubitem) " ";
  width: 40px;
  font-size: 12px;
  font-weight: 600;
  background-clip: padding-box;
  border-radius: 20%;
}
ol li ol > li:last-child {
  margin-bottom: 0;
}
ol li ul > li {
  padding-left: 16px;
}
ol li ul > li ul > li {
  padding-left: 22px;
}
ol li ul > li:before {
  display: none;
}
ol li ul > li:last-child {
  margin-bottom: 0;
}
ol li:before {
  content: counter(item);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
  margin-right: 8px;
  font-weight: 600;
  text-align: center;
  background-color: #e1eff8;
  counter-increment: item;
  font-size: 12px;
  line-height: 21px !important;
  background-clip: padding-box;
  border-radius: 50%;
}

.panel-alert ol li::before,
.panel-insight ol li::before,
.bg-blue ol li::before {
  background: #ffffff;
}
.panel-alert ul li,
.panel-insight ul li,
.bg-blue ul li {
  background-image: url("../svg/originals/puce-grey.svg");
  background-repeat: no-repeat;
}
.panel-alert ul li li,
.panel-insight ul li li,
.bg-blue ul li li {
  background-image: url("../svg/originals/puce-niveau2-grey.svg");
}
.panel-alert ul li li li,
.panel-insight ul li li li,
.bg-blue ul li li li {
  background-image: url("../svg/originals/puce-org-niveau3-grey.svg");
}

nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style-type: none;
}
nav ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

nav a {
  text-decoration: none;
}

code,
kbd,
pre,
samp {
  font-size: 1rem;
}

::-moz-selection {
  color: #fff;
  background: #5e696d;
  text-shadow: none;
}

::selection,
::-moz-selection {
  color: #fff;
  background: #5e696d;
  text-shadow: none;
}

input::-ms-clear, input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

.bg-grey-light {
  background-color: #f5f7f7;
}

.bg-grey {
  background-color: #ebeded;
}

.bg-grey-dark {
  background-color: #5e696d;
}

.bg-blue {
  background-color: #e1eff8;
}

.is-mirrored {
  display: inline-block;
  transform: scaleX(-1);
}

.inline-block {
  font-size: 0;
}
.inline-block > * {
  display: inline-block;
  font-size: 1rem;
}

.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.clearfix:before, .ce-textpic:before, .clearfix:after, .ce-textpic:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.clearfix:after, .ce-textpic:after {
  clear: both;
}

.svg-fallback {
  display: none;
}
.no-svg .svg-fallback {
  display: inline;
}

.icon-wrapper {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
}
.no-svg .icon-wrapper {
  display: inline;
}

.iframe-wrapper {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
html:not(.ie) .iframe-wrapper iframe {
  height: 100%;
}

.map-wrapper.is-locked iframe {
  pointer-events: none;
}

.table {
  display: table;
  width: 100%;
}

.tbody {
  display: table-row-group;
}

.tr {
  display: table-row;
}

.td,
.th {
  display: table-cell;
}

.is-hidden {
  display: none;
}

.is-centered {
  text-align: center;
}

.is-text-align-left {
  text-align: left;
}

.is-text-align-right {
  text-align: right;
}

.is-text-align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

.is-bold {
  font-weight: bold;
}

.is-italic {
  font-style: italic;
}

.is-underline {
  text-decoration: underline;
}

.float-left-content {
  float: left;
  margin-top: 3px;
  margin-right: 30px;
  margin-bottom: 3px;
}

.float-right-content {
  float: right;
  margin-top: 3px;
  margin-bottom: 3px;
  margin-left: 30px;
}

.overflow-scroll {
  overflow: scroll;
}

.is-absolute {
  position: absolute;
}

.is-relative {
  position: relative;
}

.uppercase {
  text-transform: uppercase;
}

.is-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .is-mobile {
    display: block;
  }
}

@media print {
  html {
    font-size: 10px !important;
  }
  @page {
    margin: 1.5cm 1cm;
    size: 8.5in 11in;
  }
  * {
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  pre,
  blockquote {
    border: 1px solid #999 !important;
    page-break-inside: avoid !important;
  }
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    border-color: #000 !important;
  }
  thead {
    display: table-header-group !important;
  }
  tr,
  img,
  dl,
  p {
    page-break-inside: avoid !important;
  }
  img {
    max-width: 100% !important;
  }
  body,
  p,
  h2,
  h3 {
    orphans: 3 !important;
    widows: 3 !important;
    line-height: 1.1 !important;
  }
  p {
    font-size: 10px !important;
    margin: 6px 0 !important;
  }
  h1 {
    margin: 10px 0 6px 0 !important;
    font-size: 18px !important;
    line-height: 31px !important;
    font-weight: 700 !important;
  }
  h2 {
    font-size: 14px !important;
    margin: 16px 0 !important;
  }
  h3 {
    font-size: 12px !important;
  }
  h2,
  h3 {
    page-break-after: avoid !important;
    page-break-inside: avoid !important;
  }
  hr {
    margin: 1em 0;
  }
  ._hj_feedback_container {
    display: none;
  }
  .ce-textpic {
    margin: 0 !important;
  }
  .l-content-wrapper {
    padding: 0 !important;
  }
  .l-page-wrapper {
    padding: 0 !important;
  }
  .folder-content {
    display: block !important;
    position: relative !important;
  }
  .tab-content {
    display: block !important;
    position: relative !important;
    border: 1px solid black;
    padding: 10px 30px !important;
  }
  .tab-content:before {
    content: none !important;
  }
  .tab {
    display: block !important;
    position: static !important;
    padding-top: 12px !important;
  }
  .tab-trigger {
    display: block !important;
    position: static !important;
    height: auto !important;
    border-color: black !important;
    border-bottom-width: 0 !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 12px 20px !important;
  }
  .tab-wrapper:not(:last-child) {
    margin-bottom: 20px;
  }
  .accordion-item.expand-collapse, .accordion-item.drawer {
    border: 1px solid black;
    border-radius: 3px 3px 0 0;
    border-top: 1px solid !important;
  }
  .accordion-item.expand-collapse .accordion-header, .accordion-item.drawer .accordion-header {
    margin: 0 !important;
  }
  .accordion-item.expand-collapse .accordion-button, .accordion-item.drawer .accordion-button {
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
  }
  .accordion-item.expand-collapse .accordion-button::before, .accordion-item.drawer .accordion-button::before {
    background-color: transparent !important;
  }
  .accordion-item.expand-collapse .accordion-collapse:not(.show), .accordion-item.drawer .accordion-collapse:not(.show) {
    display: block;
    border: 0 !important;
  }
  .drawer .accordion-button::before {
    border-right: 1px solid black;
  }
  .expand-collapse .accordion-button::before {
    z-index: -1;
  }
  .responsive-tabs .nav-tabs, .responsive-tabs .tab-content {
    display: none !important;
  }
  .responsive-tabs .accordion.tab-accordion, .responsive-tabs .collapse:not(.show) {
    display: block;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item {
    border: 0;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .tab-accordion-header {
    margin-bottom: 0px !important;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .accordion-button.tab-accordion-button {
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid black;
    border-bottom: 0;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 20px;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .accordion-button.tab-accordion-button:after {
    content: none;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .accordion-collapse {
    border: 1px solid black;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .accordion-body {
    padding: 20px 30px;
  }
  .responsive-tabs .accordion.tab-accordion .tab-accordion-item .btn-tab-wrapper {
    display: none;
  }
  .carrousel-slide-image {
    display: inline-block !important;
    width: 50% !important;
  }
  .carrousel-slide-content {
    display: inline-block !important;
    width: calc(50% - 45px) !important;
    margin: 0 30px 0 15px !important;
    padding: 20px 0 !important;
    border-bottom: solid 1px #D0D3D5 !important;
  }
  header.l-header {
    padding: 10px 0 0 !important;
  }
  header.l-header .header-meta,
  header.l-header nav.nav-main {
    display: none !important;
  }
  header.l-header a.logo {
    position: static !important;
    width: 168px !important;
  }
  header.l-header .l-banner::before {
    display: none !important;
  }
  header.l-header .mobile-search-trigger {
    display: none !important;
  }
  header.l-header .breadcrumb {
    display: none;
  }
  .l-block-sidebar {
    display: none !important;
  }
  .section-nav {
    display: none !important;
  }
  /*     .grid > .grid-wrapper {
          margin: 0 !important;
      } */
  /*     .grid > .grid-wrapper > [class^="col"] {
          display: block !important;
          width: 100% !important;
          margin-left: 0 !important;
          margin-right: 0 !important;
      } */
  .grid > .grid-wrapper > .col-1-2 {
    width: calc(50% - 30px) !important;
  }
  .grid > .grid-wrapper > .col-1-3 {
    width: calc(33.3333333333% - 30px) !important;
  }
  .grid > .grid-wrapper > .col-2-3 {
    width: calc(66.6666666667% - 30px) !important;
  }
  .grid > .grid-wrapper.nav-hub > li {
    display: block !important;
    width: auto !important;
    padding: 0 !important;
  }
  .grid > .row, .grid > .grid-wrapper {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .ce-intext .ce-gallery {
    float: left !important;
    margin-right: 30px !important;
    margin-bottom: 10px !important;
  }
  .ce-intext.ce-right .ce-gallery {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 30px !important;
  }
  .l-block-content {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin-left: 0 !important;
  }
  .l-block-content a,
  .l-block-content a:visited {
    text-decoration: underline !important;
  }
  .l-block-content a[href^=http]:after {
    content: " (" attr(href) ") " !important;
  }
  .l-block-content a[href^=tel] {
    text-decoration: none !important;
  }
  .l-block-content .search-module-wrapper .search-filters,
  .l-block-content .tx-lpiframe-pi1 {
    display: none !important;
  }
  .l-block-content div.ce-gallery button.video {
    display: none !important;
  }
  .l-block-content div.ce-gallery div.lightbox-video {
    display: block !important;
  }
  .l-block-content div.ce-gallery div.lightbox-video div.lightbox-shadow,
  .l-block-content div.ce-gallery div.lightbox-video .lightbox-close-button {
    display: none !important;
  }
  .l-block-content div.ce-gallery iframe:after {
    content: " <" attr(src) "> " !important;
  }
  .l-block-content div.ce-gallery div.lightbox-slider {
    display: block !important;
    padding: 0 !important;
  }
  .l-block-content div.ce-gallery div.lightbox-slider button.btn-lightbox {
    display: none !important;
  }
  .l-block-content div.ce-gallery div.lightbox-slider .slider-wrapper .slide {
    width: 100% !important;
  }
  .l-block-content div.ce-gallery div.lightbox-slider .lightbox-shadow {
    display: none !important;
  }
  .l-block-content .panel {
    margin: 1em 0;
  }
  .l-block-content .panel .panel-body {
    padding: 16px;
  }
  .l-block-content .panel-default,
  .l-block-content .panel-alert,
  .l-block-content .panel.bg-blue,
  .l-block-content .panel-insight,
  .l-block-content .panel-jumbo {
    height: auto !important;
    border: 1px solid black !important;
    page-break-inside: avoid !important;
  }
  .l-block-content .panel.panel-information,
  .l-block-content .panel.panel-insight,
  .l-block-content .panel.panel-alert {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .l-block-content .panel.panel-information::before,
  .l-block-content .panel.panel-insight::before,
  .l-block-content .panel.panel-alert::before {
    display: none !important;
  }
  .l-block-content a.panel .panel-content {
    transform: none !important;
  }
  .l-block-content div.org .org-member-avatar img {
    width: auto !important;
    max-width: none !important;
  }
  .l-block-content div.org .org-folder-content {
    display: block !important;
  }
  .l-block-content div.folder h2 {
    margin-bottom: 0 !important;
  }
  .l-block-content div.folder .folder-trigger {
    display: block !important;
    padding: 12px !important;
    border: 1px solid black !important;
    border-radius: 5px 5px 0 0;
  }
  .l-block-content div.folder .folder-trigger::before {
    content: none !important;
    display: none !important;
  }
  .l-block-content div.folder .folder-content {
    padding: 17px 25px 35px 35px !important;
    border: 1px solid black !important;
    border-top: 0 !important;
    border-radius: 0 0 5px 5px;
  }
  .l-block-content div.folder .folder-content:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  .l-block-content div.folder svg.doc {
    display: none !important;
  }
  .l-block-content div.consultation-group .consultation-folder-content {
    display: block !important;
  }
  .l-block-content .folder.expand-collapse .folder-trigger {
    font-size: 12px !important;
  }
  .l-block-content div.minitest div.minitest-question,
  .l-block-content div.minitest div.minitest-results {
    display: block !important;
  }
  .l-block-content div.minitest div.minitest-navigation {
    display: none !important;
  }
  .l-block-content div.share {
    display: none !important;
  }
  .mobile-tables, .mobile-table {
    display: none !important;
  }
  .footnotes {
    padding: 1em 0 !important;
  }
  footer.l-footer {
    margin-top: 20px;
  }
  footer.l-footer .nav-main-footer,
  footer.l-footer .l-footer-left .l-footer-left-left h3,
  footer.l-footer .l-footer-left .l-footer-left-left p,
  footer.l-footer .l-footer-left .l-footer-left-right,
  footer.l-footer .l-footer-right,
  footer.l-footer .l-footer-bottom .nav-footer {
    display: none !important;
  }
  footer.l-footer .l-footer-left:before,
  footer.l-footer .l-footer-right:before,
  footer.l-footer .l-footer-bottom:after,
  footer.l-footer .l-footer-bottom:before {
    content: none !important;
    display: none !important;
  }
  footer.l-footer .l-footer-left,
  footer.l-footer .l-footer-left .l-footer-left-left {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
  }
  footer.l-footer .l-footer-left,
  footer.l-footer .l-footer-bottom {
    padding: 0 !important;
    clear: both;
    background-color: transparent !important;
  }
  footer.l-footer .l-footer-left,
  footer.l-footer .l-footer-left-left {
    display: block !important;
    text-align: left !important;
    width: 100% !important;
  }
  footer.l-footer .l-footer-left h2,
  footer.l-footer .l-footer-left-left h2 {
    margin-bottom: 0 !important;
  }
  footer.l-footer .l-footer-left-left > * {
    display: inline-block !important;
    float: left;
    margin-right: 20px;
    font-size: 10px !important;
    line-height: 1 !important;
  }
  footer.l-footer .l-footer-left-left > *.l-footer-title {
    margin: 0 20px 0 0 !important;
  }
  footer.l-footer .l-footer-left-left > *.l-footer-title > a {
    font-weight: 600;
  }
  footer.l-footer .copyright {
    margin-top: 12px;
  }
  .nous-joindre .l-block-sidebar {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    padding-bottom: 20px !important;
  }
  .nous-joindre .btn-default-arrow {
    padding-left: 0;
  }
  .nous-joindre .col-1-3 {
    padding: 0 !important;
  }
  .nous-joindre .ce-gallery {
    display: none !important;
  }
  .nous-joindre .grid.is-narrow .grid-wrapper .panel {
    display: none !important;
  }
  .is-home .l-block-content .nav-icons {
    margin-top: 0 !important;
  }
  .is-home .l-banner {
    min-height: auto !important;
  }
  .is-home .l-banner .btn {
    display: none !important;
  }
  .l-page ul li {
    list-style-type: disc;
    margin-left: 14px;
  }
  .l-page ul li ul li {
    margin-left: 0;
  }
  ul, ol {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    line-height: 1.1 !important;
  }
  ul > li {
    padding-left: 8px !important;
  }
  ul > li::marker {
    right: 20px;
  }
}
.l-banner {
  position: relative;
  background-image: url("../img/grand-public-1600.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.is-home .l-banner {
  min-height: 290px;
  display: flex;
  align-items: center;
}
@media (max-width: 1310px) {
  .is-home .l-banner .l-page-wrapper {
    flex-grow: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-banner {
    background-image: url("../img/grand-public-1024.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .l-banner {
    background-image: url("../img/grand-public-768.jpg");
    background-position: bottom right;
  }
}
.professionnel .l-banner {
  background-image: url("../img/professionnel-1600.jpg");
}
@media (min-width: 768px) and (max-width: 1023px) {
  .professionnel .l-banner {
    background-image: url("../img/professionnel-1024.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .professionnel .l-banner {
    background-image: url("../img/professionnel-768.jpg");
  }
}
.devenir-professionnel .l-banner {
  background-image: url("../img/devenir-professionnel-1600.jpg");
}
@media (min-width: 768px) and (max-width: 1023px) {
  .devenir-professionnel .l-banner {
    background-image: url("../img/devenir-professionnel-1024.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .devenir-professionnel .l-banner {
    background-image: url("../img/devenir-professionnel-768.jpg");
  }
}
.mandats .l-banner {
  background-image: url("../img/autres-mandats-1600.jpg");
  background-position: bottom right;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .mandats .l-banner {
    background-image: url("../img/autres-mandats-1024.jpg");
  }
}
@media only screen and (max-width: 767px) {
  .mandats .l-banner {
    background-image: url("../img/autres-mandats-768.jpg");
  }
}
.l-banner p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.l-banner h1 span.subtitle {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 30px;
  line-height: 1.875rem;
  display: block;
  margin-top: 3px;
}
.is-home .l-banner {
  position: relative;
}
.is-home .l-banner .l-page-wrapper {
  padding: 40px 20px;
}
@media only screen and (max-width: 767px) {
  .is-home .l-banner .l-page-wrapper {
    height: auto;
    padding: 27px 20px 268px;
  }
}
@media print {
  .is-home .l-banner .l-page-wrapper {
    height: auto;
  }
}
.is-home .l-banner h1,
.is-home .l-banner .l-banner-content {
  max-width: calc(100% - 645px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .is-home .l-banner h1,
  .is-home .l-banner .l-banner-content {
    max-width: calc(100% - 400px);
  }
}
@media only screen and (max-width: 767px) {
  .is-home .l-banner h1,
  .is-home .l-banner .l-banner-content {
    max-width: 540px;
  }
}
@media print {
  .is-home .l-banner h1,
  .is-home .l-banner .l-banner-content {
    max-width: none;
  }
}
.is-home .l-banner h1 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 42px;
  line-height: 2.625rem;
}
@media (max-width: 1280px) {
  .is-home .l-banner h1 {
    margin: 0 0 20px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media (max-width: 790px) {
  .is-home .l-banner h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.is-home .l-banner p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (max-width: 1280px) {
  .is-home .l-banner p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
@media (max-width: 790px) {
  .is-home .l-banner p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
.is-home .l-banner h1,
.is-home .l-banner p,
.is-home .l-banner p a {
  color: #000000;
}
.is-home .l-banner .btn-default,
.is-home .l-banner .btn-default-arrow,
.is-home .l-banner .btn {
  position: absolute;
  bottom: 0;
  left: 20px;
  color: #ffffff;
  background-clip: padding-box;
  border-radius: 5px 5px 0 0;
}
.is-home .l-banner .btn-default:hover,
.is-home .l-banner .btn-default-arrow:hover,
.is-home .l-banner .btn:hover {
  background-color: #003767;
}
.is-home .l-banner .l-banner-content p:last-child {
  margin-bottom: 0;
}
.is-hub .l-banner:before, .is-page .l-banner:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  background-color: #000000;
}
.is-hub .l-banner strong,
.is-hub .l-banner p, .is-page .l-banner strong,
.is-page .l-banner p {
  color: #ffffff;
}
.is-hub .l-banner .l-page-wrapper {
  padding: 30px 20px;
}
.is-hub .l-banner:before {
  opacity: 0.7;
}
.is-hub .l-banner h1 {
  margin: 85px 0 20px;
  font-size: 48px;
  font-size: 3rem;
  line-height: 52px;
  line-height: 3.25rem;
}
@media only screen and (max-width: 767px) {
  .is-hub .l-banner h1 {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
.is-hub .l-banner .l-banner-content {
  max-width: 1000px;
}
.is-hub .l-banner .l-banner-content.with-aside {
  width: calc(100% - 270px);
  max-width: 810px;
}
@media (max-width: 620px) {
  .is-hub .l-banner .l-banner-content.with-aside {
    width: 100%;
    max-width: 100%;
    padding-bottom: 90px;
  }
}
.is-hub .l-banner p {
  font-weight: 300;
}
.is-hub .l-banner p a {
  text-decoration: none;
  color: #c2e1f6;
}
.is-hub .l-banner p a:hover {
  text-decoration: underline;
}
.is-page .l-banner .l-page-wrapper {
  padding: 25px 20px 15px;
}
.is-page .l-banner h1 {
  margin-top: 75px;
  margin-bottom: 0;
}
.is-page .l-banner h1.visuallyhidden {
  margin-top: 0;
}
.is-page .l-banner h1.visuallyhidden:focus {
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  position: relative;
}
.with-sidemenu.is-news .l-banner h1,
.with-sidemenu.is-news .l-banner .h1,
.with-sidemenu.is-news .l-banner .with-arrow, .with-sidemenu .l-banner h1,
.with-sidemenu .l-banner .h1,
.with-sidemenu .l-banner .with-arrow {
  margin-left: 315px;
}
@media (max-width: 950px) {
  .with-sidemenu.is-news .l-banner h1,
  .with-sidemenu.is-news .l-banner .h1,
  .with-sidemenu.is-news .l-banner .with-arrow, .with-sidemenu .l-banner h1,
  .with-sidemenu .l-banner .h1,
  .with-sidemenu .l-banner .with-arrow {
    margin-left: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .with-sidemenu.is-news .l-banner h1,
  .with-sidemenu.is-news .l-banner .h1,
  .with-sidemenu.is-news .l-banner .with-arrow, .with-sidemenu .l-banner h1,
  .with-sidemenu .l-banner .h1,
  .with-sidemenu .l-banner .with-arrow {
    margin-left: 0;
  }
}
.is-news .l-banner .with-arrow {
  position: absolute;
  top: 98px;
  left: 20px;
  font-weight: 300;
  color: #ffffff;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
@media only screen and (max-width: 767px) {
  .is-news .l-banner .with-arrow {
    display: none;
  }
}
.l-banner .l-banner-video {
  position: absolute;
  width: 100%;
  text-align: right;
  top: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-banner .l-banner-video {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .l-banner .l-banner-video {
    display: none;
  }
}
.l-banner .l-banner-video video {
  width: 55%;
  min-width: 700px;
  float: right;
}
.l-banner .l-banner-video .text-bg {
  width: 71%;
  float: left;
  height: 500px;
  position: absolute;
  background: #000000;
  background: linear-gradient(to right, #000000 64%, transparent);
}
.is-page--error .l-banner {
  background-image: none;
}
.is-page--error .l-banner:before {
  background-color: #000000;
  opacity: 1;
}
.is-page--error .l-banner h1 {
  margin-top: 51px;
  margin-bottom: 24px;
}

.l-banner-aside {
  position: absolute;
  right: 0;
  bottom: 0;
}
@media (max-width: 620px) {
  .l-banner-aside {
    left: 0;
    width: 100%;
    text-align: center;
  }
  .l-banner-aside img {
    width: 120px;
  }
}

.is-zoomed .is-home .l-header .l-banner .l-page-wrapper h1,
.is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p {
  position: relative;
  z-index: 100;
}
.is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p.p-bouton {
  position: static;
}
.is-zoomed .is-home .l-header .l-banner .l-page-wrapper .l-banner-content p.p-bouton a {
  position: absolute;
  z-index: 100;
}
.is-zoomed .is-home .l-header .l-banner .l-page-wrapper:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  right: -20px;
  width: auto;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 90;
}

@media screen and (max-width: 1770px) {
  .is-font-32 .with-sidemenu.is-news .l-banner h1,
  .is-font-32 .with-sidemenu.is-news .l-banner .h1,
  .is-font-32 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-32 .with-sidemenu .l-banner h1,
  .is-font-32 .with-sidemenu .l-banner .h1,
  .is-font-32 .with-sidemenu .l-banner .with-arrow {
    margin-left: 360px;
  }
  .is-font-32 .l-header.is-mobile .l-banner .l-page-wrapper,
  .is-font-38 .l-header.is-mobile .l-banner .l-page-wrapper,
  .is-font-42 .l-header.is-mobile .l-banner .l-page-wrapper {
    padding: 60px 15px;
  }
}
@media screen and (max-width: 1555px) {
  .is-font-27 .l-header.is-mobile .l-banner .l-page-wrapper,
  .is-font-24 .l-header.is-mobile .l-banner .l-page-wrapper {
    padding: 60px 15px;
  }
}
@media screen and (max-width: 1440px) {
  .is-font-27 .with-sidemenu.is-news .l-banner h1,
  .is-font-27 .with-sidemenu.is-news .l-banner .h1,
  .is-font-27 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-27 .with-sidemenu .l-banner h1,
  .is-font-27 .with-sidemenu .l-banner .h1,
  .is-font-27 .with-sidemenu .l-banner .with-arrow,
  .is-font-24 .with-sidemenu.is-news .l-banner h1,
  .is-font-24 .with-sidemenu.is-news .l-banner .h1,
  .is-font-24 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-24 .with-sidemenu .l-banner h1,
  .is-font-24 .with-sidemenu .l-banner .h1,
  .is-font-24 .with-sidemenu .l-banner .with-arrow {
    margin-left: 360px;
  }
}
@media screen and (max-width: 1210px) {
  .is-font-21 .l-header.is-mobile .l-banner .l-page-wrapper,
  .is-font-19 .l-header.is-mobile .l-banner .l-page-wrapper,
  .is-font-17 .l-header.is-mobile .l-banner .l-page-wrapper {
    padding: 60px 15px;
  }
}
@media screen and (max-width: 1200px) {
  .is-font-21 .with-sidemenu.is-news .l-banner h1,
  .is-font-21 .with-sidemenu.is-news .l-banner .h1,
  .is-font-21 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-21 .with-sidemenu .l-banner h1,
  .is-font-21 .with-sidemenu .l-banner .h1,
  .is-font-21 .with-sidemenu .l-banner .with-arrow,
  .is-font-19 .with-sidemenu.is-news .l-banner h1,
  .is-font-19 .with-sidemenu.is-news .l-banner .h1,
  .is-font-19 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-19 .with-sidemenu .l-banner h1,
  .is-font-19 .with-sidemenu .l-banner .h1,
  .is-font-19 .with-sidemenu .l-banner .with-arrow,
  .is-font-17 .with-sidemenu.is-news .l-banner h1,
  .is-font-17 .with-sidemenu.is-news .l-banner .h1,
  .is-font-17 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-font-17 .with-sidemenu .l-banner h1,
  .is-font-17 .with-sidemenu .l-banner .h1,
  .is-font-17 .with-sidemenu .l-banner .with-arrow {
    margin-left: 360px;
  }
}
@media screen and (max-width: 950px) {
  .is-zoomed .with-sidemenu.is-news .l-banner h1,
  .is-zoomed .with-sidemenu.is-news .l-banner .h1,
  .is-zoomed .with-sidemenu.is-news .l-banner .with-arrow,
  .is-zoomed .with-sidemenu .l-banner h1,
  .is-zoomed .with-sidemenu .l-banner .h1,
  .is-zoomed .with-sidemenu .l-banner .with-arrow {
    margin-left: 240px;
  }
}
@media screen and (max-width: 950px) {
  .is-fontzoombigger-130 .with-sidemenu.is-news .l-banner h1,
  .is-fontzoombigger-130 .with-sidemenu.is-news .l-banner .h1,
  .is-fontzoombigger-130 .with-sidemenu.is-news .l-banner .with-arrow,
  .is-fontzoombigger-130 .with-sidemenu .l-banner h1,
  .is-fontzoombigger-130 .with-sidemenu .l-banner .h1,
  .is-fontzoombigger-130 .with-sidemenu .l-banner .with-arrow {
    margin-left: 10px;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 32px;
    line-height: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .is-zoomed .with-sidemenu.is-news .l-banner h1,
  .is-zoomed .with-sidemenu.is-news .l-banner .h1,
  .is-zoomed .with-sidemenu.is-news .l-banner .with-arrow,
  .is-zoomed .with-sidemenu .l-banner h1,
  .is-zoomed .with-sidemenu .l-banner .h1,
  .is-zoomed .with-sidemenu .l-banner .with-arrow {
    margin-left: 10px;
  }
}
.fr-banner {
  background-color: #E7EFF6;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
  padding: 1rem 0;
}
.fr-banner p {
  margin: unset;
  color: #000000;
}
.fr-banner em {
  font-style: italic;
}
.fr-banner * {
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 16px;
}

.bandeau-pilotable {
  display: none;
  padding: 1rem 0 0.25rem 0;
}
.bandeau-pilotable .bandeau-pilotable-container {
  position: relative;
  padding-top: 16px;
}
.bandeau-pilotable .bandeau-pilotable-container > p {
  font-size: 0.9375rem;
  max-width: 100%;
}
.bandeau-pilotable .bandeau-pilotable-container > button.close {
  position: absolute;
  top: -16px;
  right: 24px;
  padding: 12px 20px 12px 12px;
  font-size: 0.62rem;
  font-weight: 700;
  text-transform: uppercase;
  background: url("../svg/originals/close.svg") no-repeat right 13px;
  background-size: 10px;
  border: 0 none;
}
.bandeau-pilotable .bandeau-pilotable-container > button.close:hover {
  text-decoration: underline;
}

.bandeau-visible .bandeau-pilotable {
  display: block;
}

.l-footer {
  overflow: hidden;
}
.l-footer p {
  margin: 10px 0;
  font-weight: 300;
  color: #000000;
}
.l-footer p:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .l-footer > .l-page-wrapper {
    padding: 0;
  }
}

.l-footer-left,
.l-footer-right {
  position: relative;
  padding: 80px 0 60px;
}
@media (max-width: 1024px) {
  .l-footer-left,
  .l-footer-right {
    padding: 80px 30px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-left,
  .l-footer-right {
    height: auto !important;
    padding: 25px 20px;
  }
}
.l-footer-left:before,
.l-footer-right:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 300%;
}

.l-footer-left {
  width: 57.3170731707%;
  background-color: #ebeded;
}
@media (max-width: 1023px) {
  .l-footer-left {
    width: 62%;
  }
}
@media (max-width: 980px) {
  .l-footer-left {
    width: 50%;
  }
}
.l-footer-left div {
  font-size: 16px;
  font-size: 1rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.l-footer-left div strong {
  margin-right: 4px;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .l-footer-left p {
    margin: 10px 0 0;
  }
}
.l-footer-left ul {
  margin-left: 0;
}
.l-footer-left ul li {
  margin: 0;
  background-image: url("../svg/originals/puce-grey.svg");
  color: #000000;
  font-weight: 300;
}
.l-footer-left ul li strong {
  font-weight: 600;
}
.l-footer-left .has-bottom-margin + p {
  margin-bottom: 0;
}
.l-footer-left .has-bottom-margin + p + ul {
  margin-top: 0;
}
.l-footer-left:before {
  left: -300%;
  background-color: #ebeded;
}

.l-footer-right {
  width: 42.6829268293%;
  background-color: #d0d3d5;
}
@media (max-width: 1023px) {
  .l-footer-right {
    width: 38%;
  }
}
@media (max-width: 980px) {
  .l-footer-right {
    width: 50%;
  }
}
.l-footer-right:before {
  right: -300%;
  background-color: #d0d3d5;
}
.l-footer-right a {
  display: block;
  font-weight: 600;
  text-decoration: none;
}
.l-footer-right a:hover {
  text-decoration: underline;
}
.l-footer-right p:last-child {
  margin-bottom: 0;
}

.l-footer-right-right,
.l-footer-left-left {
  width: calc(45% - 30px);
}

.l-footer-right-left {
  width: calc(100% - 30px);
}

.l-footer-left-right {
  width: calc(55% - 30px);
  padding-top: 58px;
}
.l-footer-left .l-footer-left-right strong {
  font-weight: 600;
}
.l-footer-left .l-footer-left-right .icon-wrapper.assistance-wrapper svg {
  width: 24px;
  height: 24px;
}
@media (max-width: 980px) {
  .l-footer-left-right {
    padding-top: 0;
  }
}

.l-footer-left-left,
.l-footer-left-right {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .l-footer-left-left,
  .l-footer-left-right {
    margin-right: 0;
  }
}

.l-footer-right-left,
.l-footer-right-right {
  margin-left: 30px;
}
@media (max-width: 980px) {
  .l-footer-right-left,
  .l-footer-right-right {
    margin-left: 0;
  }
}
@media (max-width: 1124px) {
  .l-footer-right-left,
  .l-footer-right-right {
    width: calc(100% - 30px);
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-right-left,
  .l-footer-right-right {
    margin-left: 0;
  }
}

@media (max-width: 1220px) {
  .l-footer-left-left {
    width: 265px;
  }
}
@media (max-width: 980px) {
  .l-footer-left-left {
    width: 100%;
  }
}
@media (max-width: 980px) {
  .l-footer-left-left {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-left-left {
    margin-bottom: 0;
  }
}
.l-footer-left-left [href^="tel:"] {
  font-weight: 300;
}

@media (max-width: 1220px) {
  .l-footer-left-right {
    width: calc(100% - 330px);
  }
}
@media (max-width: 980px) {
  .l-footer-left-right {
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 1124px) {
  .l-footer-right-left {
    margin-bottom: 20px;
  }
}

.l-footer-left,
.l-footer-right,
.l-footer-left-left,
.l-footer-left-right,
.l-footer-right-left,
.l-footer-right-right {
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  .l-footer-left,
  .l-footer-right,
  .l-footer-left-left,
  .l-footer-left-right,
  .l-footer-right-left,
  .l-footer-right-right {
    width: 100%;
  }
}

.l-footer-title {
  font-weight: 300;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 34px;
  line-height: 2.125rem;
}
.l-footer-title a {
  text-decoration: none;
}
.l-footer-title a:hover {
  text-decoration: underline;
}

.l-footer-subtitle {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .l-footer-subtitle, .l-footer-subtitle + p, .l-footer-subtitle + p + ul {
    display: none;
  }
}
.l-footer-subtitle + p {
  margin-top: 0;
}
p + .l-footer-subtitle {
  margin-top: 30px;
}
.l-footer-subtitle.is-font-bigger {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.l-footer-subtitle.has-bottom-margin {
  margin-bottom: 20px;
}

.l-footer-bottom {
  position: relative;
  padding: 19px 0 19px;
  background-color: #000000;
}
.l-footer-bottom:before, .l-footer-bottom:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.l-footer-bottom:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .l-footer-bottom {
    padding: 15px 20px 15px;
  }
}
.l-footer-bottom:after, .l-footer-bottom:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.l-footer-bottom:before {
  left: -100%;
}
.l-footer-bottom:after {
  right: -100%;
}
.l-footer-bottom * {
  color: #ebeded;
}
.l-footer-bottom .copyright {
  display: inline-block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
@media (max-width: 800px) {
  .l-footer-bottom .copyright {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}
@media only screen and (max-width: 767px) {
  .l-footer-bottom .copyright {
    margin-bottom: 10px;
  }
  .l-footer-bottom .copyright span {
    display: block;
  }
}

@media screen and (max-width: 1780px) {
  .is-zoomed .l-footer-bottom .copyright,
  .is-zoomed .l-footer-bottom .nav-footer {
    display: block;
    float: none;
    width: 100%;
    margin: auto;
    text-align: center;
  }
  .is-zoomed .l-footer-bottom .copyright {
    margin-bottom: 20px;
  }
}
.grid {
  clear: both;
  margin: 30px 0;
  font-size: 0;
}
.grid > .row,
.grid > .grid-wrapper {
  position: relative;
  margin: 0 -15px;
}
.grid > .row:before, .grid > .row:after,
.grid > .grid-wrapper:before,
.grid > .grid-wrapper:after {
  content: "";
  height: 1px;
  display: block;
}
.grid > .row:before,
.grid > .grid-wrapper:before {
  margin-bottom: -16px;
}
.grid > .row:after,
.grid > .grid-wrapper:after {
  margin-top: -16px;
}
.ie .grid > .row,
.ie .grid > .grid-wrapper {
  margin: 0 -15px;
}
.grid > .grid-wrapper > [class^=col] {
  display: inline-block;
  vertical-align: top;
  margin: 15px 14px;
  font-size: 1rem;
  transition: all, 150ms;
}
.grid > .row > [class^=col] {
  vertical-align: top;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1rem;
  transition: all, 150ms;
}
.grid > .grid-wrapper > .col-1-1 {
  width: calc(100% / 1 * 1 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-mobile {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-not-mobile {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-small-tablet {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-tablet {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-desktop {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-mobile-tablet {
    width: calc(100% / 1 * 1 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-1-1-small-mobile {
    width: calc(100% / 1 * 1 - 30px);
  }
}
.grid > .grid-wrapper > .col-1-2 {
  width: calc(100% / 2 * 1 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-mobile {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-not-mobile {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-small-tablet {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-tablet {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-desktop {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-mobile-tablet {
    width: calc(100% / 2 * 1 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-1-2-small-mobile {
    width: calc(100% / 2 * 1 - 30px);
  }
}
.grid > .grid-wrapper > .col-2-2 {
  width: calc(100% / 2 * 2 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-mobile {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-not-mobile {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-small-tablet {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-tablet {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-desktop {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-mobile-tablet {
    width: calc(100% / 2 * 2 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-2-2-small-mobile {
    width: calc(100% / 2 * 2 - 30px);
  }
}
.grid > .grid-wrapper > .col-1-3 {
  width: calc(100% / 3 * 1 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-mobile {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-not-mobile {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-small-tablet {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-tablet {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-desktop {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-mobile-tablet {
    width: calc(100% / 3 * 1 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-1-3-small-mobile {
    width: calc(100% / 3 * 1 - 30px);
  }
}
.grid > .grid-wrapper > .col-2-3 {
  width: calc(100% / 3 * 2 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-mobile {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-not-mobile {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-small-tablet {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-tablet {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-desktop {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-mobile-tablet {
    width: calc(100% / 3 * 2 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-2-3-small-mobile {
    width: calc(100% / 3 * 2 - 30px);
  }
}
.grid > .grid-wrapper > .col-3-3 {
  width: calc(100% / 3 * 3 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-mobile {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-not-mobile {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-small-tablet {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-tablet {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-desktop {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-mobile-tablet {
    width: calc(100% / 3 * 3 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-3-3-small-mobile {
    width: calc(100% / 3 * 3 - 30px);
  }
}
.grid > .grid-wrapper > .col-1-4 {
  width: calc(100% / 4 * 1 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-mobile {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-not-mobile {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-small-tablet {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-tablet {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-desktop {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-mobile-tablet {
    width: calc(100% / 4 * 1 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-1-4-small-mobile {
    width: calc(100% / 4 * 1 - 30px);
  }
}
.grid > .grid-wrapper > .col-2-4 {
  width: calc(100% / 4 * 2 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-mobile {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-not-mobile {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-small-tablet {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-tablet {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-desktop {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-mobile-tablet {
    width: calc(100% / 4 * 2 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-2-4-small-mobile {
    width: calc(100% / 4 * 2 - 30px);
  }
}
.grid > .grid-wrapper > .col-3-4 {
  width: calc(100% / 4 * 3 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-mobile {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-not-mobile {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-small-tablet {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-tablet {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-desktop {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-mobile-tablet {
    width: calc(100% / 4 * 3 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-3-4-small-mobile {
    width: calc(100% / 4 * 3 - 30px);
  }
}
.grid > .grid-wrapper > .col-4-4 {
  width: calc(100% / 4 * 4 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-mobile {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-not-mobile {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-small-tablet {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-tablet {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-desktop {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-mobile-tablet {
    width: calc(100% / 4 * 4 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-4-4-small-mobile {
    width: calc(100% / 4 * 4 - 30px);
  }
}
.grid > .grid-wrapper > .col-1-5 {
  width: calc(100% / 5 * 1 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-mobile {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-not-mobile {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-small-tablet {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-tablet {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-desktop {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-mobile-tablet {
    width: calc(100% / 5 * 1 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-1-5-small-mobile {
    width: calc(100% / 5 * 1 - 30px);
  }
}
.grid > .grid-wrapper > .col-2-5 {
  width: calc(100% / 5 * 2 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-mobile {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-not-mobile {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-small-tablet {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-tablet {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-desktop {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-mobile-tablet {
    width: calc(100% / 5 * 2 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-2-5-small-mobile {
    width: calc(100% / 5 * 2 - 30px);
  }
}
.grid > .grid-wrapper > .col-3-5 {
  width: calc(100% / 5 * 3 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-mobile {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-not-mobile {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-small-tablet {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-tablet {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-desktop {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-mobile-tablet {
    width: calc(100% / 5 * 3 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-3-5-small-mobile {
    width: calc(100% / 5 * 3 - 30px);
  }
}
.grid > .grid-wrapper > .col-4-5 {
  width: calc(100% / 5 * 4 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-mobile {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-not-mobile {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-small-tablet {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-tablet {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-desktop {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-mobile-tablet {
    width: calc(100% / 5 * 4 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-4-5-small-mobile {
    width: calc(100% / 5 * 4 - 30px);
  }
}
.grid > .grid-wrapper > .col-5-5 {
  width: calc(100% / 5 * 5 - 30px);
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-mobile {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (min-width: 768px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-not-mobile {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-small-tablet {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-tablet {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (min-width: 1024px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-desktop {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (max-width: 1023px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-mobile-tablet {
    width: calc(100% / 5 * 5 - 30px);
  }
}
@media (max-width: 510px) {
  .grid > .grid-wrapper > [class^=col].col-5-5-small-mobile {
    width: calc(100% / 5 * 5 - 30px);
  }
}
.grid.is-narrow {
  margin: 30px 0;
  font-size: 0;
}
.grid.is-narrow > .row,
.grid.is-narrow > .grid-wrapper {
  position: relative;
  margin: 0 -6px;
}
.grid.is-narrow > .row:before, .grid.is-narrow > .row:after,
.grid.is-narrow > .grid-wrapper:before,
.grid.is-narrow > .grid-wrapper:after {
  content: "";
  height: 1px;
  display: block;
}
.grid.is-narrow > .row:before,
.grid.is-narrow > .grid-wrapper:before {
  margin-bottom: -6px;
}
.grid.is-narrow > .row:after,
.grid.is-narrow > .grid-wrapper:after {
  margin-top: -6px;
}
.ie .grid.is-narrow > .row,
.ie .grid.is-narrow > .grid-wrapper {
  margin: 0 -6px;
}
.grid.is-narrow > .grid-wrapper > [class^=col] {
  display: inline-block;
  vertical-align: top;
  margin: 5px 5px;
  font-size: 1rem;
  transition: all, 150ms;
}
.grid.is-narrow > .row > [class^=col] {
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1rem;
  transition: all, 150ms;
}
.grid.is-narrow > .grid-wrapper > .col-1-1 {
  width: calc(100% / 1 * 1 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-mobile {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-not-mobile {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-small-tablet {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-tablet {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-desktop {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-mobile-tablet {
    width: calc(100% / 1 * 1 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-1-small-mobile {
    width: calc(100% / 1 * 1 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-1-2 {
  width: calc(100% / 2 * 1 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-mobile {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-not-mobile {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-small-tablet {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-tablet {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-desktop {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-mobile-tablet {
    width: calc(100% / 2 * 1 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-2-small-mobile {
    width: calc(100% / 2 * 1 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-2-2 {
  width: calc(100% / 2 * 2 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-mobile {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-not-mobile {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-small-tablet {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-tablet {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-desktop {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-mobile-tablet {
    width: calc(100% / 2 * 2 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-2-small-mobile {
    width: calc(100% / 2 * 2 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-1-3 {
  width: calc(100% / 3 * 1 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-mobile {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-not-mobile {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-small-tablet {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-tablet {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-desktop {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-mobile-tablet {
    width: calc(100% / 3 * 1 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-3-small-mobile {
    width: calc(100% / 3 * 1 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-2-3 {
  width: calc(100% / 3 * 2 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-mobile {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-not-mobile {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-small-tablet {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-tablet {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-desktop {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-mobile-tablet {
    width: calc(100% / 3 * 2 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-3-small-mobile {
    width: calc(100% / 3 * 2 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-3-3 {
  width: calc(100% / 3 * 3 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-mobile {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-not-mobile {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-small-tablet {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-tablet {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-desktop {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-mobile-tablet {
    width: calc(100% / 3 * 3 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-3-small-mobile {
    width: calc(100% / 3 * 3 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-1-4 {
  width: calc(100% / 4 * 1 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-mobile {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-not-mobile {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-small-tablet {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-tablet {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-desktop {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-mobile-tablet {
    width: calc(100% / 4 * 1 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-4-small-mobile {
    width: calc(100% / 4 * 1 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-2-4 {
  width: calc(100% / 4 * 2 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-mobile {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-not-mobile {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-small-tablet {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-tablet {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-desktop {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-mobile-tablet {
    width: calc(100% / 4 * 2 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-4-small-mobile {
    width: calc(100% / 4 * 2 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-3-4 {
  width: calc(100% / 4 * 3 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-mobile {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-not-mobile {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-small-tablet {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-tablet {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-desktop {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-mobile-tablet {
    width: calc(100% / 4 * 3 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-4-small-mobile {
    width: calc(100% / 4 * 3 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-4-4 {
  width: calc(100% / 4 * 4 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-mobile {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-not-mobile {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-small-tablet {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-tablet {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-desktop {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-mobile-tablet {
    width: calc(100% / 4 * 4 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-4-small-mobile {
    width: calc(100% / 4 * 4 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-1-5 {
  width: calc(100% / 5 * 1 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-mobile {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-not-mobile {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-small-tablet {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-tablet {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-desktop {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-mobile-tablet {
    width: calc(100% / 5 * 1 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-1-5-small-mobile {
    width: calc(100% / 5 * 1 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-2-5 {
  width: calc(100% / 5 * 2 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-mobile {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-not-mobile {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-small-tablet {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-tablet {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-desktop {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-mobile-tablet {
    width: calc(100% / 5 * 2 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-2-5-small-mobile {
    width: calc(100% / 5 * 2 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-3-5 {
  width: calc(100% / 5 * 3 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-mobile {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-not-mobile {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-small-tablet {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-tablet {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-desktop {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-mobile-tablet {
    width: calc(100% / 5 * 3 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-3-5-small-mobile {
    width: calc(100% / 5 * 3 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-4-5 {
  width: calc(100% / 5 * 4 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-mobile {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-not-mobile {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-small-tablet {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-tablet {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-desktop {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-mobile-tablet {
    width: calc(100% / 5 * 4 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-4-5-small-mobile {
    width: calc(100% / 5 * 4 - 12px);
  }
}
.grid.is-narrow > .grid-wrapper > .col-5-5 {
  width: calc(100% / 5 * 5 - 12px);
}
@media (max-width: 767px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-mobile {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (min-width: 768px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-not-mobile {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (min-width: 511px) and (max-width: 820px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-small-tablet {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-tablet {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (min-width: 1024px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-desktop {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (max-width: 1023px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-mobile-tablet {
    width: calc(100% / 5 * 5 - 12px);
  }
}
@media (max-width: 510px) {
  .grid.is-narrow > .grid-wrapper > [class^=col].col-5-5-small-mobile {
    width: calc(100% / 5 * 5 - 12px);
  }
}
.grid.is-narrow + .grid.is-narrow, .grid.is-narrow + .anchor + .grid.is-narrow, .grid.is-narrow + .anchor + .anchor + .grid.is-narrow, .grid.is-narrow + .anchor + .anchor + .anchor + .grid.is-narrow, .grid.is-narrow + .anchor + .anchor + .anchor + .anchor + .grid.is-narrow {
  margin-top: -20px;
}

.l-header {
  overflow: hidden;
  padding: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .l-header {
    display: none;
    padding-top: 0;
  }
}
.l-header .l-page-wrapper {
  line-height: 0;
}
.l-header.is-mobile {
  display: none;
}
@media only screen and (max-width: 767px) {
  .l-header.is-mobile {
    display: block;
  }
}
.l-header .logo {
  display: block;
  z-index: 1;
  position: absolute;
  top: 26px;
  left: 30px;
  width: 210px;
}
@media (max-width: 1120px) {
  .l-header .logo {
    top: 36px;
    width: 180px;
  }
}
@media (max-width: 1020px) {
  .l-header .logo {
    width: 175px;
  }
}
@media only screen and (max-width: 767px) {
  .l-header .logo {
    position: absolute;
    top: 12px;
    left: 10px;
    width: 114px;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .l-header .l-page-wrapper {
    padding: 60px 0 0;
  }
}
.l-content-wrapper .l-header {
  overflow: visible;
}

.header-meta {
  float: right;
}
@media only screen and (max-width: 767px) {
  .header-meta {
    float: none;
    padding: 20px;
    background-color: #d0d3d5;
    background-clip: padding-box;
    border-radius: 0 0 5px 5px;
  }
}
.header-meta > * {
  vertical-align: middle;
}

.header-meta-lang {
  position: relative;
  line-height: 1.2;
  text-decoration: none;
  color: #003767;
}
@media only screen and (max-width: 767px) {
  .header-meta-lang {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
.header-meta-lang:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #003767;
}
@media only screen and (max-width: 767px) {
  .header-meta-lang:after {
    display: none;
  }
}
.header-meta-lang:hover:after {
  display: none;
}

:first-child {
  margin-top: 0;
}

a.anchor:first-child + * {
  margin-top: 0;
}

a.anchor:first-child + a.anchor + * {
  margin-top: 0;
}

a.anchor:first-child + a.anchor + a.anchor + * {
  margin-top: 0;
}

a.anchor:first-child + table + .mobile-tables {
  margin-top: 0;
}

a.anchor:first-child + a.anchor + table + .mobile-tables {
  margin-top: 0;
}

a.anchor:first-child + a.anchor + a.anchor + table + .mobile-tables {
  margin-top: 0;
}

/*
:last-child:not('button.tab-trigger.is-active') {
    margin-bottom: 0;
}
*/
.l-page h1 {
  color: #000000;
}

.l-page-wrapper {
  position: relative;
  width: 1310px;
  margin: 0 auto;
  padding: 0 20px;
  font-size: 0;
  color: #000000;
}
@media (max-width: 1310px) {
  .l-page-wrapper {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .l-page-wrapper {
    width: auto;
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) {
  .l-page-wrapper {
    width: auto;
    padding: 0 20px;
  }
}
@media (min-width: 1024px) {
  .is-zoomed .l-page-wrapper {
    width: auto;
    margin: 0 20px;
  }
}

.l-content-section {
  position: relative;
}

.l-content-wrapper {
  padding: 45px 0 35px;
}
.is-home .l-content-wrapper {
  overflow: hidden;
}

.l-fullwidth {
  position: relative;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
}
.ie8 .l-fullwidth {
  left: auto;
  width: auto;
  padding: 0;
  transform: translateX(0);
}

.l-block-content,
.l-block-sidebar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  font-size: 1rem;
}

.l-block-content > :last-child {
  margin-bottom: 0;
}

.is-two-columns .l-block-content {
  width: calc(100% - 295px);
  padding-left: 30px;
}
@media (max-width: 950px) {
  .is-two-columns .l-block-content {
    width: calc(100% - 170px);
  }
}
@media only screen and (max-width: 767px) {
  .is-two-columns .l-block-content {
    padding-left: 0;
    width: 100%;
  }
}
@media (max-width: 950px) {
  .is-fontzoombigger-130 .is-two-columns .l-block-content {
    padding-left: 0;
    width: 100%;
  }
}

.is-two-columns .l-block-sidebar {
  width: 295px;
  margin-top: -6.5625em;
}
@media (max-width: 950px) {
  .is-two-columns .l-block-sidebar {
    width: 170px;
  }
}
@media only screen and (max-width: 767px) {
  .is-two-columns .l-block-sidebar {
    display: none;
  }
}
@media (max-width: 950px) {
  .is-fontzoombigger-130 .is-two-columns .l-block-sidebar {
    display: none;
  }
}

.l-temp {
  padding: 60px 0 200px;
}

.sr-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
}

.l-intro.with-icon .intro-text {
  width: calc(100% - 130px);
}
@media (max-width: 600px) {
  .l-intro.with-icon .intro-text {
    width: 100%;
    margin-top: 15px;
  }
}
.l-intro .intro {
  max-width: 100%;
}
.l-intro .intro-image,
.l-intro .intro-text {
  vertical-align: middle;
}
.l-intro .intro-text {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ebeded;
}
.l-intro .intro-text p {
  max-width: 100%;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: #000000;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 33px;
  line-height: 2.0625rem;
}
.l-intro img,
.l-intro .icon-wrapper {
  max-width: 100%;
  margin-right: 30px;
}
.l-intro svg {
  fill: #d9ab0d;
}
.l-intro .intro-image {
  width: 100px;
}
.l-intro .file {
  margin-top: 30px;
}

.l-meta {
  margin-bottom: 20px;
}
.l-meta:first-child {
  margin-top: -10px;
}

.l-meta .categories,
.meta-date {
  vertical-align: middle;
}
.l-meta .categories, .l-meta .categories:first-child,
.meta-date,
.meta-date:first-child {
  margin-top: 10px;
}

.meta-date {
  margin-right: 35px;
  color: #000000;
}

label[for=preview_showFluidDebug],
label[for=preview_showScheduledRecords],
label[for=preview_simulateUserGroup],
#preview_simulateUserGroup {
  display: none !important;
}

.arbre-decisionnel {
  position: relative;
  margin: 20px 0;
}
@media screen and (max-width: 858px) {
  .arbre-decisionnel .arbre-decisionnel-question .panel .radio-field-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    gap: unset;
  }
}
.arbre-decisionnel .tooltip-content {
  font-size: 0.8125rem !important;
  font-weight: initial !important;
}
.arbre-decisionnel .arbre-decisionnel-question {
  display: none;
  margin-bottom: 20px;
}
.arbre-decisionnel .arbre-decisionnel-question .panel {
  margin-bottom: 0px;
}
.arbre-decisionnel .arbre-decisionnel-question .panel .panel-body {
  padding-bottom: 0px;
}
.arbre-decisionnel .arbre-decisionnel-question .panel .radio-field-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
}
.arbre-decisionnel .arbre-decisionnel-question .panel .radio-field-wrapper .radio-field {
  margin: 0;
}
.arbre-decisionnel .arbre-decisionnel-question-label :not(a) {
  color: #000000;
}
.arbre-decisionnel .arbre-decisionnel-answer-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.arbre-decisionnel .final .panel-content {
  background-color: #F2F7FA;
  padding: 40px;
  border-radius: 10px;
}
.arbre-decisionnel .arbre-decisionnel-answer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  border: 1px solid #C3C7C9;
  border-radius: 3px;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
  flex-direction: row;
  cursor: pointer;
}
.arbre-decisionnel .arbre-decisionnel-answer .input-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0px;
  gap: 19px;
  min-width: 39px;
  height: 72px;
  border-right: 1px solid #B5CFE4;
}
.arbre-decisionnel .arbre-decisionnel-answer input[type=radio] {
  cursor: pointer;
  accent-color: #5e696d;
}
.arbre-decisionnel .arbre-decisionnel-answer label {
  cursor: pointer;
}
.arbre-decisionnel .arbre-decisionnel-answer label :not(a) {
  color: #000000;
}
.arbre-decisionnel .arbre-decisionnel-answer label p {
  margin-bottom: 0;
}
.arbre-decisionnel .arbre-decisionnel-answer:hover {
  background-color: #F5F5F6;
}
.arbre-decisionnel .arbre-decisionnel-navigation .nav-btn-group {
  display: flex;
  padding: 0px 30px 0px 30px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 529px) {
  .arbre-decisionnel .arbre-decisionnel-navigation .nav-btn-group {
    flex-direction: column;
    gap: 15px;
  }
  .arbre-decisionnel .arbre-decisionnel-navigation .nav-btn-group .btn {
    width: 100%;
  }
}

/*! jQuery UI - v1.13.1 - 2022-05-31
* http://jqueryui.com
* Includes: core.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  box-shadow: 0px 0px 5px #666666;
}

.back-to-top {
  opacity: 0.67;
  position: fixed;
  z-index: 2000;
  bottom: -35px;
  right: 17px;
  width: 29px;
  height: 29px;
  line-height: 29px;
  border: none;
  border-radius: 2px;
  background-color: #003767;
  transition: 0.3s;
  box-shadow: 0 0 12px -2px rgba(255, 255, 255, 0.8);
}
.back-to-top .retour-haut-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -3px;
  margin-left: -5px;
}
.back-to-top svg {
  fill: white;
  height: 6px;
}
.back-to-top:hover {
  opacity: 1;
}
.back-to-top.is-active {
  bottom: 17px;
}
.back-to-top.is-in-footer {
  opacity: 1;
  background-color: #000000;
}

.breadcrumb {
  margin-bottom: 14px;
}
.breadcrumb .breadcrumb-element {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.breadcrumb .breadcrumb-element + .breadcrumb-element::before {
  content: "";
  width: 9px;
  height: 8px;
  margin: 0 0.5em;
  background-image: url("../img/icn-arrow-breadcrumb.png");
  background-size: 100%;
}
.breadcrumb a,
.breadcrumb .breadcrumb-element::before {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb a {
  font-weight: 300;
  text-decoration: underline;
  color: #ffffff;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
  text-decoration: underline;
}
.breadcrumb a:hover {
  color: #c2e1f6;
}
.breadcrumb a * {
  color: inherit;
}

.carrousel-wrapper {
  border-radius: 5px;
  background-color: #f5f7f7;
  margin: 30px 0;
}
.carrousel-wrapper:before, .carrousel-wrapper:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.carrousel-wrapper:after {
  clear: both;
}
@media (max-width: 600px) {
  .carrousel-wrapper {
    background: none;
  }
}

.carrousel-spacing {
  width: 100%;
  position: relative;
  z-index: -100;
  height: 0;
  padding-bottom: 33%;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  float: left;
}
@media (max-width: 959px) {
  .carrousel-spacing {
    display: none;
  }
}

.carrousel {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 0;
}
@media (max-width: 959px) {
  .carrousel {
    height: auto;
    min-height: 308px;
    padding-bottom: 0;
  }
}
@media (max-width: 600px) {
  .carrousel {
    height: auto;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    background: none;
  }
}
.is-zoomed .carrousel {
  height: auto;
  padding-bottom: 0;
}
.carrousel .with-arrow .arrow-wrapper {
  position: static;
  padding-left: 6px;
}
.carrousel .with-arrow .icon-wrapper {
  margin-top: -0.2em;
}
.carrousel .with-arrow:after {
  display: none;
}

.carrousel-slide {
  font-size: 0;
  background: none;
  padding: 0;
  margin: 0;
}
@media (max-width: 959px) {
  .carrousel-slide {
    margin-bottom: 32px;
  }
}
@media (max-width: 600px) {
  .carrousel-slide {
    margin-bottom: 32px;
    border-radius: 5px;
    box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
    -ms-box-shadow: 0 0 1px 2px rgba(173, 177, 177, 0.1);
  }
}
.carrousel-slide:first-child {
  padding-top: 30px;
}
@media (max-width: 959px) {
  .carrousel-slide:first-child .carrousel-slide-content:before {
    display: none;
  }
}
@media (max-width: 600px) {
  .carrousel-slide:first-child {
    padding-top: 0;
  }
}
.carrousel-slide:first-child .carrousel-slide-content {
  padding-top: 0;
}
@media (max-width: 600px) {
  .carrousel-slide:first-child .carrousel-slide-content {
    padding-top: 16px;
  }
}
@media (min-width: 960px) {
  .carrousel-slide:last-child {
    padding-bottom: 30px;
  }
}
@media (max-width: 600px) {
  .carrousel-slide:last-child {
    padding-bottom: 0;
  }
}
.carrousel-slide:last-child .carrousel-slide-content {
  padding-bottom: 0;
  border-bottom: 0;
}
@media (max-width: 600px) {
  .carrousel-slide:last-child .carrousel-slide-content {
    padding-bottom: 16px;
  }
}
.carrousel-slide.is-active .carrousel-slide-image .carrousel-slide-image-wrapper {
  display: block;
  z-index: 2000;
}
.carrousel-slide .file-info {
  display: none;
}
.carrousel-slide .file-description-nopadding {
  display: none;
}

.carrousel-slide-image {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
@media (max-width: 959px) {
  .carrousel-slide-image {
    width: 40%;
  }
}
@media (max-width: 600px) {
  .carrousel-slide-image {
    display: block;
    width: 100%;
  }
}
.carrousel-slide-image .carrousel-slide-image-wrapper {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  padding: 30px 15px 30px 30px;
}
@media (max-width: 959px) {
  .carrousel-slide-image .carrousel-slide-image-wrapper {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    padding: 0 15px 0 30px;
  }
}
@media (max-width: 600px) {
  .carrousel-slide-image .carrousel-slide-image-wrapper {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    width: 100%;
    padding: 0;
  }
}
.featured-slide .carrousel-slide-image .carrousel-slide-image-wrapper {
  display: inline-block;
}
.carrousel-slide-image img {
  width: 100%;
  max-width: 590px;
  border-radius: 5px;
}
@media (max-width: 600px) {
  .carrousel-slide-image img {
    border-radius: 5px 5px 0 0;
  }
}

.carrousel-slide-content {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: calc(50% - 45px);
  margin: 0 30px 0 15px;
  padding: 20px 0;
  border-bottom: solid 1px #d0d3d5;
}
@media (max-width: 959px) {
  .carrousel-slide-content {
    width: calc(60% - 45px);
    padding-top: 0;
    border-bottom: 0;
  }
  .carrousel-slide-content:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d0d3d5;
  }
}
@media (max-width: 600px) {
  .carrousel-slide-content {
    width: 100%;
    margin: 0;
    padding: 16px;
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    background-color: #f5f7f7;
  }
  .carrousel-slide-content:before {
    display: none;
  }
}
.featured-slide .carrousel-slide-content {
  padding-bottom: 30px;
}
@media (max-width: 1170px) {
  .featured-slide .carrousel-slide-content {
    padding-bottom: 16px;
  }
}
@media (max-width: 600px) {
  .featured-slide .carrousel-slide-content {
    padding-bottom: 16px;
  }
}
.carrousel-slide-content p {
  margin: 0;
}
.is-active .carrousel-slide-content .triangle {
  display: block;
}
@media (max-width: 959px) {
  .is-active .carrousel-slide-content .triangle {
    display: none;
  }
}
@media (max-width: 600px) {
  .is-active .carrousel-slide-content .triangle {
    display: none;
  }
}

.carrousel-slide-title {
  margin-bottom: 8px;
}
@media (max-width: 1024px) {
  .carrousel-slide-title {
    margin-bottom: 3px;
  }
}
.carrousel-slide-title a, .carrousel-slide-title span {
  font-weight: 600;
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .carrousel-slide-title a, .carrousel-slide-title span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 21px;
    line-height: 1.3125rem;
  }
}
.carrousel-slide-title a.is-external .arrow-wrapper {
  display: none;
}

.triangle {
  display: none;
  z-index: 2001;
  position: absolute;
  top: 50%;
  left: -22px;
  width: 30px;
  height: 50px;
  margin-top: -25px;
  fill: #f5f7f7;
}

.categories .tag {
  display: inline-block;
  vertical-align: top;
  margin: 4px 2px;
  padding: 5px 8px;
  text-decoration: none;
  color: #000000;
  background-color: #f5f7f7;
  transition: 0.3s;
}
.categories .tag:hover {
  background-color: #e1eff8;
}

.chart {
  margin-bottom: 36px;
  padding: 24px 24px 24px 20px;
  border: solid 1px #e9ebed;
  border-radius: 10px;
}
.chart .noUi-target {
  border: 0;
  border-radius: 7px;
  box-shadow: none;
}
.chart .noUi-connect {
  border-radius: 7px;
  background-color: #2f3b40;
}
.chart .noUi-connects {
  border-radius: 7px;
  background-color: #e9ebed;
  cursor: pointer;
}
.chart .noUi-pips-horizontal {
  padding: 0;
}
.chart .noUi-pips-horizontal div:first-child,
.chart .noUi-pips-horizontal div:nth-last-child(2) {
  display: none;
}
.chart .noUi-marker.noUi-marker-horizontal.noUi-marker-large {
  z-index: 1;
  width: 1px;
  height: 15px;
  margin-top: -15px;
  background: #fff;
}
.chart .noUi-value.noUi-value-horizontal.noUi-value-large {
  font-size: 12px;
  color: #2f3b40;
}
.chart .noUi-horizontal {
  height: 15px;
}
.chart .noUi-horizontal .noUi-handle {
  top: -3px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.chart .noUi-horizontal .noUi-handle:before, .chart .noUi-horizontal .noUi-handle:after {
  display: none;
}

html:not([dir=rtl]) .chart .noUi-horizontal .noUi-handle {
  right: -10px;
}

.chart__wrapper {
  position: relative;
  margin-right: -30px;
}
@media (max-width: 1000px) {
  .chart__wrapper {
    margin-right: -30px;
    margin-left: -30px;
  }
}

.chart-title {
  margin: 30px 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.chart-slider {
  position: relative;
  padding: 36px 0 24px 128px;
}
@media (max-width: 1000px) {
  .chart-slider {
    display: none;
  }
}

.chart-label {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #2f3b40;
}

.chart-label--hypotheque {
  position: absolute;
  bottom: 2px;
  left: 0;
}
@media (max-width: 1000px) {
  .chart-label--hypotheque {
    bottom: 30px;
    left: 8.5%;
  }
}

.chart-label--slider {
  position: absolute;
  top: 16px;
  left: 0;
}

.chart-label--select {
  margin-right: 24px;
  flex-shrink: 0;
}

.chart-select {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 16px;
  line-height: 1rem;
  display: none;
  font-weight: bold;
  color: #2f3b40;
}
@media (max-width: 1000px) {
  .chart-select {
    display: flex;
    margin-top: 24px;
    align-items: center;
  }
}

.chart-select__wrapper {
  display: flex;
  width: 100%;
  padding: 11px 13px;
  border-radius: 24px;
  background: #e9ebed;
  justify-content: center;
}

.chart-select__select {
  padding: 0;
  border: 0;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.chart-svg {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.btn-chatbot {
  display: block;
  position: fixed;
  background-color: #085DA2;
  height: 65px;
  width: 65px;
  right: 5%;
  bottom: 5%;
  border: 0;
  padding: 10px;
}

.webchat-container .offcanvas-header {
  background-color: #6D93F2;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
}
.webchat-container .offcanvas-header * {
  color: white;
}
.webchat-container .offcanvas-header .btn-container {
  display: flex;
  align-items: center;
  gap: 15px;
}
.webchat-container .offcanvas-header .btn-end-close {
  background: transparent url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.792922C0.683418 0.402398 1.31658 0.402398 1.70711 0.792922L10.7069 9.79274C11.0974 10.1833 11.0974 10.8164 10.7069 11.207C10.3164 11.5975 9.68323 11.5975 9.29271 11.207L0.292893 2.20714C-0.0976311 1.81661 -0.097631 1.18345 0.292893 0.792922Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7071 0.792922C11.0976 1.18345 11.0976 1.81661 10.7071 2.20714L1.70729 11.207C1.31677 11.5975 0.683601 11.5975 0.293077 11.207C-0.0974478 10.8164 -0.0974474 10.1833 0.293077 9.79274L9.29289 0.792922C9.68342 0.402398 10.3166 0.402398 10.7071 0.792922Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
  width: 11px;
  height: 12px;
  border: 0;
}
.webchat-container .offcanvas-header .btn-restart {
  background: transparent url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.67275 6.45887L5.09642 3.70646C4.96786 3.61061 4.96786 3.39151 5.09642 3.29565L8.67275 0.543244C8.813 0.433695 9 0.543244 9 0.748648V6.25347C9 6.44518 8.813 6.56842 8.67275 6.45887Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.01 3.68994C7.01 3.13766 7.45772 2.68994 8.01 2.68994C12.1623 2.68994 15.52 6.04766 15.52 10.1999C15.52 14.3522 12.1623 17.7099 8.01 17.7099C3.85772 17.7099 0.5 14.3522 0.5 10.1999C0.5 8.17249 1.29645 6.33565 2.6007 4.98524C2.98438 4.58798 3.61745 4.57697 4.0147 4.96065C4.41196 5.34432 4.42297 5.97739 4.0393 6.37465C3.08354 7.36423 2.5 8.70739 2.5 10.1999C2.5 13.2477 4.96229 15.7099 8.01 15.7099C11.0577 15.7099 13.52 13.2477 13.52 10.1999C13.52 7.15223 11.0577 4.68994 8.01 4.68994C7.45772 4.68994 7.01 4.24223 7.01 3.68994Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
  width: 16px;
  height: 18px;
  border: 0;
}
.webchat-container .offcanvas-header .btn-expand {
  background: transparent url("data:image/svg+xml,%3Csvg width='24' height='16' viewBox='0 0 24 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_163_981)'%3E%3Cpath d='M6.00969 9.19006H3.11969C2.3244 9.19006 1.67969 9.83477 1.67969 10.6301V13.5201C1.67969 14.3154 2.3244 14.9601 3.11969 14.9601H6.00969C6.80498 14.9601 7.44969 14.3154 7.44969 13.5201V10.6301C7.44969 9.83477 6.80498 9.19006 6.00969 9.19006Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9497 14.95H22.2797C22.6797 14.95 22.9997 14.63 22.9997 14.23V1.77005C22.9997 1.37005 22.6797 1.05005 22.2797 1.05005H2.39969C1.99969 1.05005 1.67969 1.37005 1.67969 1.77005V4.69005' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_163_981'%3E%3Crect width='23.32' height='15.9' fill='white' transform='translate(0.679688 0.0500488)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
  width: 24px;
  height: 16px;
  border: 0;
}
.webchat-container .webchat-intro {
  padding: 50px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.56px;
  text-align: center;
  color: #999999;
}

.webchat__basic-transcript__scrollable {
  margin-bottom: 60px;
}

.webchat__stacked-layout {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.webchat__send-box {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  background-color: #E1E3E4;
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 13px;
}

.webchat__render-markdown > p,
.webchat__text-content {
  font-size: 13px;
  line-height: 18.56px;
}

#webchat,
#webchat > * {
  height: 100%;
  width: 100%;
}

.consultation-section {
  margin-bottom: 10px;
}

.consultation-wrapper {
  display: flex;
  position: relative;
  min-height: 6.875em;
  padding-left: 13.75em;
  background-color: #ebeded;
  justify-content: flex-start;
  flex-flow: row;
  background-clip: padding-box;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .consultation-wrapper {
    flex-flow: row wrap;
  }
}
@media (max-width: 600px) {
  .consultation-wrapper {
    padding-top: 4.375em;
    padding-left: 0;
  }
}
.is-active .consultation-wrapper {
  border-radius: 5px 5px 0 0;
}

.consultation-infos {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 10em;
}
@media (max-width: 600px) {
  .consultation-infos {
    width: auto;
  }
}

.consultation-title {
  margin-bottom: 0;
  padding: 20px;
  font-weight: 400;
  max-width: 100%;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
}
@media (max-width: 600px) {
  .consultation-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.consultation-folder .consultation-title {
  padding-bottom: 60px;
}
.consultation-title a {
  text-decoration: none;
}
.consultation-title a:hover {
  text-decoration: underline;
}

.consultation-folder-trigger {
  position: absolute;
  right: 20px;
  bottom: 0;
  padding-right: 38px !important;
  font-weight: 600;
  border: 0;
  border-radius: 5px 5px 0 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
}
@media only screen and (max-width: 767px) {
  .consultation-folder-trigger {
    margin-left: auto;
  }
}
.consultation-folder-trigger .folder-trigger-symbol {
  top: calc(50% - 8px);
  right: 17px;
  left: auto;
}
.consultation-folder-trigger .folder-trigger-symbol .folder-trigger-stroke {
  background-color: #d9ab0d;
  width: 2px;
  height: 10px;
  top: 2px;
}
.consultation-folder-trigger:active .folder-trigger-symbol .folder-trigger-stroke, .consultation-folder-trigger:hover .folder-trigger-symbol .folder-trigger-stroke {
  background-color: white;
}
.is-active .consultation-folder-trigger .folder-trigger-stroke.vertical {
  display: none;
}

.consultation-folder-content {
  display: none;
  padding: 36px 60px;
  border-radius: 0 0 5px 5px;
  background-color: #f5f7f7;
}
@media only screen and (max-width: 767px) {
  .consultation-folder-content {
    padding: 36px 30px;
  }
}
.consultation-folder-content ul {
  margin: 0;
  padding: 0;
}

.tx_amfcookies .tx_amfcookies_inner {
  background: #FDFAF2;
  border-top: 5px solid #f4e6b7;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  padding-bottom: 3rem !important;
  padding-top: 3rem !important;
}
.tx_amfcookies p {
  max-width: inherit;
}
.tx_amfcookies .switch-input {
  width: 60px;
  height: 30px;
}
.tx_amfcookies .text-right {
  text-align: right;
}

.tx_amftemoins .tx_amftemoins_inner {
  background: #FDFAF2;
  border-top: 5px solid #f4e6b7;
  position: fixed;
  bottom: 0;
  z-index: 999999;
  width: 100%;
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}
.tx_amftemoins p {
  max-width: inherit;
}
.tx_amftemoins .switch-input {
  width: 60px;
  height: 30px;
}
.tx_amftemoins .text-right {
  text-align: right;
}

.d-none {
  display: none !important;
}

/*VARS*/
/*LAYER*/
.cookiesjsr-layer {
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  height: 100vh;
  width: 100vw;
  max-width: 100%;
  z-index: 314160;
  padding: var(--layer-header-height, 4.5em) 0 var(--layer-footer-height, 6.5em);
  overflow: hidden;
  line-height: 1.5em;
}
@media (min-height: 668px) {
  .cookiesjsr-layer {
    height: 80vh;
    max-height: 760px;
  }
}
@media (min-height: 992px) {
  .cookiesjsr-layer {
    height: 65vh;
  }
}
@media (min-width: 768px) {
  .cookiesjsr-layer {
    width: 860px;
  }
}
@media (min-width: 992px) {
  .cookiesjsr-layer {
    width: 1100px;
  }
}
.cookiesjsr-layer--overlay {
  position: fixed;
  z-index: 314159;
  height: 100vh;
  width: 100vw;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
}
.cookiesjsr-layer--header {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
  margin: 0;
  background: var(--layer-header-bg-color, #000000);
  padding: 0 var(--default-margin, 1.25em);
  border-bottom: 1px solid var(--layer-border-color, #e4e5e6);
  height: var(--layer-header-height, 4.5em);
}
.cookiesjsr-layer--title {
  margin: 0;
  line-height: 1.5em;
}
.cookiesjsr-layer--close {
  display: none !important;
}
.cookiesjsr-layer--body {
  position: absolute;
  left: 0;
  right: 0;
  top: var(--layer-header-height, 4.5em);
  bottom: var(--layer-footer-height, 6.5em);
  overflow: auto;
}
@media (max-width: 992px) {
  .cookiesjsr-layer--body {
    bottom: var(--layer-footer-lg-height, 8.5em);
  }
}
@media (max-width: 576px) {
  .cookiesjsr-layer--body {
    bottom: var(--layer-footer-sm-height, 11.5em);
  }
}
.cookiesjsr-layer--footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--layer-footer-height, 6.5em);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: #ffffff;
  border-top: 1px solid var(--layer-border-color, #e4e5e6);
  padding: 20px 30px;
}
@media (max-width: 992px) {
  .cookiesjsr-layer--footer {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .cookiesjsr-layer--footer {
    justify-content: space-between;
  }
}
.cookiesjsr-layer--footer .btn {
  white-space: nowrap;
  margin: 0 10px 0 auto;
}
@media (max-width: 992px) {
  .cookiesjsr-layer--footer .btn {
    flex: auto;
    max-width: 100%;
    margin-top: 15px;
    white-space: unset;
  }
}
@media (max-width: 576px) {
  .cookiesjsr-layer--footer .btn {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
.cookiesjsr-layer--footer .btn:last-child {
  white-space: nowrap;
  margin: 5px 0;
}
@media (max-width: 992px) {
  .cookiesjsr-layer--footer .btn:last-child {
    margin: 15px 0 0 0;
  }
}
@media (max-width: 576px) {
  .cookiesjsr-layer--footer .btn:last-child {
    margin: 5px 0 0 0;
  }
}
@media (max-width: 992px) {
  .cookiesjsr-layer--footer {
    display: block;
    height: var(--layer-footer-lg-height, 8.5em);
  }
}
@media (max-width: 576px) {
  .cookiesjsr-layer--footer {
    height: var(--layer-footer-sm-height, 11.5em);
  }
}
.cookiesjsr-layer--label-all a {
  white-space: nowrap;
}
.cookiesjsr-layer--actions {
  display: flex;
  align-items: center;
  margin: -0.625em;
  width: calc(100% + 1.25em);
}
@media (max-width: 576px) {
  .cookiesjsr-layer--actions {
    flex-direction: column;
  }
}

/*BANNER*/
.cookiesjsr-banner {
  position: fixed;
  z-index: 10000;
  left: 0;
  bottom: 0;
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 3em 0;
  background-color: var(--banner-bg-color, #FFE9B3);
  border-top: 5px solid #f4e6b7;
  color: var(--banner-font-color, #000000);
  max-height: calc(100vh - 100px);
  overflow: auto;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
.cookiesjsr-banner.active {
  transform: translateY(0);
}
@media (min-width: 768px) {
  .cookiesjsr-banner {
    flex-direction: row;
  }
}
.cookiesjsr-banner--text {
  display: block;
}
.cookiesjsr-banner--links {
  margin: 0;
  font-size: 0.85em;
}
.cookiesjsr-banner--links li {
  display: inline;
  margin: 0 1em 0 0;
  padding: 0;
  background: none;
}
@media (max-width: 576px) {
  .cookiesjsr-banner--links li {
    display: block;
  }
}
.cookiesjsr-banner button.denyAll {
  display: inline-block;
}

.temoins-banner-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.temoins-banner-wrapper .btn-group-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
@media (max-width: 992px) {
  .temoins-banner-wrapper .btn-group-wrapper {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .temoins-banner-wrapper .btn-group-wrapper {
    margin: 0;
    flex-direction: column;
  }
}
.temoins-banner-wrapper .btn-group-wrapper .btn {
  white-space: nowrap;
  margin: 15px 10px 15px 0;
}
@media (max-width: 992px) {
  .temoins-banner-wrapper .btn-group-wrapper .btn {
    flex: auto;
    max-width: 100%;
    margin-top: 15px;
    white-space: unset;
  }
}
@media (max-width: 576px) {
  .temoins-banner-wrapper .btn-group-wrapper .btn {
    width: 100%;
    margin: 15px 0 0 0;
  }
}
.temoins-banner-wrapper .btn-group-wrapper .btn:last-child {
  white-space: nowrap;
  margin: 15px 0;
}
@media (max-width: 992px) {
  .temoins-banner-wrapper .btn-group-wrapper .btn:last-child {
    margin-top: 15px;
  }
}
@media (max-width: 576px) {
  .temoins-banner-wrapper .btn-group-wrapper .btn:last-child {
    margin: 15px 0 0 0;
  }
}
@media (max-width: 992px) {
  .temoins-banner-wrapper {
    display: block;
  }
}

.cookiesjsr-layer .cookiesjsr-layer--header {
  padding: 20px 30px;
  background-color: #f5f7f7;
}
.cookiesjsr-layer {
  border-radius: 10px;
}
.cookiesjsr-layer li {
  list-style: none;
  background-image: none;
}
.cookiesjsr-layer .cookiesjsr-service-groups {
  padding: 1rem;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group {
  padding: 1rem;
  border: 1px solid #E1E3E4;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group:not(.active) {
  cursor: pointer;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group:not(.active):hover {
  background: #f5f7f7;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group--tab {
  position: relative;
  display: inline;
  align-items: center;
  width: 100%;
  padding: 0;
  margin: 0 15px 0 0;
  font-size: 1rem;
  text-align: left;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group:first-child .switch-input {
  display: none;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group--content {
  display: flex;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group--intro {
  margin-top: 15px;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group .cookiesjsr-service-group--services {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group .cookiesjsr-service-group--services .cookiesjsr-links {
  margin: 0;
}
.cookiesjsr-layer .cookiesjsr-service-groups .cookiesjsr-service-group .cookiesjsr-service-group--services .cookiesjsr-links li {
  display: inline;
  margin: 0 1em 0 0;
  padding: 0;
  background: none;
}
.cookiesjsr-layer {
  /*TEMPORAIREMENT FORM INPUT*/
}
.cookiesjsr-layer .form-check.form-check-primary .form-check-input:checked {
  background-color: #000000;
  border-color: #000000;
}
.cookiesjsr-layer .form-check-input:disabled {
  opacity: 0.2;
}
.cookiesjsr-layer .form-check-input {
  width: 2em;
  height: 2em;
}
.cookiesjsr-layer {
  /*TEMPORAIREMENT BADGES*/
}
.cookiesjsr-layer .badge {
  color: #000000;
  padding: 5px 10px;
  background-color: #f5f7f7;
}

.countup {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.countup .image {
  margin-bottom: 10px;
}

.countup-unit {
  font-size: 1.75rem;
  font-weight: 600;
}

h2.countup-value {
  margin: unset;
  color: inherit;
  font-weight: 600;
}

.countup-unit {
  padding-left: 2px;
}

.countup-label {
  font-weight: 600;
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  max-width: 111px;
  max-height: 14px;
}

.countup.circle-bg {
  border-radius: 100%;
  width: 200px;
  height: 200px;
}

.countup.square-bg {
  width: 175px;
  height: 175px;
}

.countup.no-frame {
  width: 111px;
  height: 111px;
}

.countup-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.v-div-container {
  position: absolute;
  top: 0px;
  height: calc(100% - 18px);
  display: flex;
  align-items: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 0 !important;
}

@media (max-width: 991px) {
  .v-div-container {
    display: none;
  }
}
.exam-selector {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
  padding: 16px 22px 16px 16px;
  margin-bottom: 23px;
  border-radius: 5px;
  background: #ebeded;
  z-index: 11;
}
.exam-selector .field {
  display: flex;
  align-items: center;
  margin-right: 24px;
}
@media (max-width: 1300px) {
  .exam-selector .field {
    flex-flow: row wrap;
    width: calc(50% - 40px);
  }
}
@media (max-width: 1023px) {
  .exam-selector .field {
    flex-flow: row wrap;
    margin-right: 0;
    margin-bottom: 16px;
    width: 100%;
  }
}
.exam-selector .field.has-error {
  flex-flow: row wrap;
}
.exam-selector .field.has-error .select {
  border-color: #cb4130;
}
.exam-selector .field.has-error .select-toggle {
  border-color: #cb4130;
}
.exam-selector .field.has-error .error-message {
  display: block;
}
.exam-selector .field:nth-child(2) {
  margin-right: 0;
}
.exam-selector .label {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-weight: 600;
  margin-right: 16px;
}
@media (max-width: 1300px) {
  .exam-selector .label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .exam-selector .label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.exam-selector .select {
  padding: 11px 38px 11px 24px;
  border: #d0d3d5 solid 1px;
  border-radius: 5px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  font-weight: 600;
  color: #065ca1;
  background: #ffffff url(../svg/originals/select-arrow.svg) right 18px center no-repeat;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (max-width: 1300px) {
  .exam-selector .select {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .exam-selector .select {
    padding: 11px 16px;
    width: 100%;
  }
}
.exam-selector .multi-select {
  position: relative;
  z-index: 1;
  min-width: 250px;
}
.exam-selector .multi-select.is-open .select-toggle {
  border-radius: 5px 5px 0 0;
}
.exam-selector .multi-select.is-open .select-dropdown {
  display: block;
}
@media (max-width: 1300px) {
  .exam-selector .multi-select {
    width: 100%;
  }
}
.exam-selector .select-toggle {
  padding: 11px 38px 11px 24px;
  border: #d0d3d5 solid 1px;
  border-radius: 5px;
  text-align: left;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
  font-weight: 600;
  color: #065ca1;
  background: #ffffff url(../svg/originals/select-arrow.svg) right 18px center no-repeat;
  width: 100%;
}
@media (max-width: 1023px) {
  .exam-selector .select-toggle {
    padding: 11px 16px;
  }
}
.exam-selector .select-pseudo-value {
  display: block;
  min-height: 16px;
}
.exam-selector .select-dropdown {
  display: none;
  border: #d0d3d5 solid 1px;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  width: 100%;
  position: absolute;
  top: 100%;
  background: #ffffff;
  padding: 14px 24px;
  color: #000000;
}
.exam-selector .select-options {
  margin-bottom: 24px;
}
.exam-selector .select-option {
  display: flex;
  align-items: center;
  margin-bottom: 11px;
}
.exam-selector .select-option input[type=checkbox] {
  margin-right: 8px;
}
.exam-selector .select-option label {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  cursor: pointer;
}
.exam-selector .actions {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 1300px) {
  .exam-selector .actions {
    width: 100%;
    padding: 16px 0;
  }
}
@media (max-width: 1023px) {
  .exam-selector .actions {
    width: 100%;
  }
}
.exam-selector .btn {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 16px;
  line-height: 1rem;
  padding: 12px 24px;
}
.exam-selector .error-messages {
  margin: 8px 0 0;
  padding: 0;
  width: 100%;
  display: none;
}
.exam-selector .error-messages.display {
  display: block;
}
.exam-selector .error-messages li {
  padding: 0;
  background: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-style: italic;
  font-weight: 600;
  color: #b83929;
}
.exam-selector .error-messages li:last-child {
  margin-bottom: 0;
}
@media (max-width: 1300px) {
  .exam-selector {
    flex-flow: row wrap;
  }
}
@media (max-width: 1023px) {
  .exam-selector {
    flex-flow: row wrap;
  }
}

.exam-table-header,
.exam-table-footer {
  position: relative;
  background: #ebeded;
  text-align: center;
  padding: 25px 0 24px;
  border-radius: 5px 5px 0 0;
}
.exam-table-header h3,
.exam-table-footer h3 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 26px;
  line-height: 1.625rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .exam-table-header h3,
  .exam-table-footer h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
.exam-table-header .prev-month,
.exam-table-header .next-month,
.exam-table-footer .prev-month,
.exam-table-footer .next-month {
  position: absolute;
  top: calc(50% - 20px);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.exam-table-header .prev-month svg,
.exam-table-header .next-month svg,
.exam-table-footer .prev-month svg,
.exam-table-footer .next-month svg {
  fill: #d5a208;
}
.exam-table-header .prev-month,
.exam-table-footer .prev-month {
  left: 32px;
}
.exam-table-header .prev-month svg,
.exam-table-footer .prev-month svg {
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .exam-table-header .prev-month,
  .exam-table-footer .prev-month {
    left: 8px;
  }
}
.exam-table-header .next-month,
.exam-table-footer .next-month {
  right: 32px;
}
@media (max-width: 1023px) {
  .exam-table-header .next-month,
  .exam-table-footer .next-month {
    right: 8px;
  }
}
@media (max-width: 1023px) {
  .exam-table-header,
  .exam-table-footer {
    padding: 16px 0;
    border-radius: 5px;
  }
}
.is-loading .exam-table-header,
.is-loading .exam-table-footer {
  opacity: 0.4;
}

.exam-table-footer {
  border-radius: 0 0 5px 5px;
}
@media (max-width: 1023px) {
  .exam-table-footer {
    border-radius: 5px;
  }
}

.exam-table-desktop {
  width: 100%;
  margin: 0;
}
.is-loading .exam-table-desktop {
  position: relative;
  opacity: 0.4;
}
.is-loading .exam-table-desktop::before {
  content: "";
  position: absolute;
  top: 100px;
  left: calc(50% - 23px);
  border-radius: 50%;
  background: url("../svg/originals/loading.svg") top left no-repeat;
  width: 46px;
  height: 46px;
}
.exam-table-desktop thead th {
  border: 0;
  text-transform: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
.exam-table-desktop thead th:first-child {
  border-radius: 0;
}
.exam-table-desktop thead th:last-child {
  border-radius: 0;
}
.exam-table-desktop thead th:first-child:last-child {
  border-radius: 0;
}
.exam-table-desktop thead th.is-empty {
  width: 54px;
}
.exam-table-desktop td {
  padding: 0;
  vertical-align: top;
  width: 135px;
}
.exam-table-desktop td.is-empty {
  width: 54px;
}
.exam-table-desktop tr:nth-child(even) td {
  background: none;
}
.exam-table-desktop .cell-day {
  height: 32px;
  padding: 8px;
  background: #ebeded;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
  font-weight: 600;
}
.exam-table-desktop .cell-data {
  padding: 16px 8px;
}
@media (max-width: 1023px) {
  .exam-table-desktop {
    display: none;
  }
}

.exam-item {
  margin-bottom: 22px;
}

.exam-title {
  display: inline-block;
  background: #eef4f7;
  color: #5e696d;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  font-weight: 600;
  margin-bottom: 3px;
}

.exam-times {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.exam-times li {
  background: none;
  list-style: none;
  padding: 0;
  margin: 0 15px 0 0;
  line-height: 1;
  padding: 3px 0;
}
.exam-times li a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-weight: 600;
}
.exam-times li:last-child {
  margin-right: 0;
}

.exam-table-mobile {
  display: none;
}
.exam-table-mobile ul {
  margin: 0;
  padding: 0;
}
.exam-table-mobile ul li {
  display: flex;
  background: none;
  list-style: none;
  padding: 30px 0 10px;
  margin: 0;
  border-bottom: #ebeded solid 1px;
}
.exam-table-mobile p {
  margin: 24px 0;
}
.exam-table-mobile .exam-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000000;
  width: 60px;
  flex-shrink: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  font-weight: 600;
  margin-right: 24px;
}
.exam-table-mobile .exam-day span {
  margin-top: 8px;
  font-size: 32px;
  font-size: 2rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 700;
}
.exam-table-mobile .exam-data {
  display: flex;
  flex-flow: row wrap;
  padding: 0;
}
.exam-table-mobile .exam-item {
  margin-right: 22px;
  min-width: 60px;
}
.exam-table-mobile .exam-title {
  display: inline-block;
  background: #eef4f7;
  color: #5e696d;
  padding: 3px 8px;
  border-radius: 3px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  font-weight: 600;
  margin-bottom: 3px;
}
.exam-table-mobile .exam-times {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
}
.exam-table-mobile .exam-times li {
  background: none;
  list-style: none;
  padding: 0;
  margin: 0 15px 0 0;
  line-height: 1;
  padding: 3px 0;
}
.exam-table-mobile .exam-times li > a {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 12px;
  line-height: 0.75rem;
  font-weight: 600;
}
.exam-table-mobile .exam-times li:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .exam-table-mobile {
    display: block;
  }
}
.is-loading .exam-table-mobile {
  position: relative;
  opacity: 0.4;
}
.is-loading .exam-table-mobile::before {
  content: "";
  position: absolute;
  top: 100px;
  left: calc(50% - 23px);
  border-radius: 50%;
  background: url("../svg/originals/loading.svg") top left no-repeat;
  width: 46px;
  height: 46px;
}

.exam-lightbox {
  text-align: left;
  border-radius: 5px;
  max-width: 640px;
  width: 100%;
  background: #ffffff;
  padding: 55px 48px;
  box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.1);
}
.exam-lightbox .panel {
  border-radius: 5px;
  padding: 24px 32px;
  margin: 32px 0;
  background: #f5f7f7;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 22px;
  line-height: 1.375rem;
  font-weight: 600;
}
.exam-lightbox .panel span {
  color: #5e696d;
}
.ie11 .exam-lightbox {
  width: 640px;
}
.exam-lightbox .exam-coordinates a {
  display: block;
  margin-top: 0.4em;
}

.combo {
  position: relative;
  z-index: 1;
  min-width: 250px;
}
.combo.open .combo-input {
  border-radius: 5px 5px 0 0;
}
.combo.open .combo-menu {
  display: block;
}
@media (max-width: 1300px) {
  .combo {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .combo {
    width: 100%;
  }
}

.is-fnb .fund-page {
  padding: 22px 40px 42px;
  border: 1px solid #d0d3d5;
}
@media (max-width: 1024px) {
  .is-fnb .fund-page {
    padding: 8px;
  }
}
.is-fnb .block-head {
  display: flex;
  margin-bottom: 18px;
  justify-content: space-between;
  align-items: center;
}
.is-fnb .block-head .h2 {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  color: #085da2;
}
@media (max-width: 1024px) {
  .is-fnb .block-head .h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 400px) {
  .is-fnb .block-head .h2 {
    margin-bottom: 10px;
  }
}
.is-fnb .block-head img {
  flex-grow: 0;
  margin-right: 10px;
}
@media (max-width: 400px) {
  .is-fnb .block-head img {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.is-fnb .block-head .subtitle {
  flex-grow: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: right;
  color: #085da2;
}
.is-fnb .block-head .subtitle.subtitle--larger {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .is-fnb .block-head .subtitle {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
    margin-left: 10px;
  }
}
@media (max-width: 400px) {
  .is-fnb .block-head .subtitle {
    margin-left: 0;
    flex-grow: 1;
    width: 100%;
    text-align: center;
  }
}
.is-fnb .block-head .subtitle span {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .is-fnb .block-head .subtitle span {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
}
@media (max-width: 400px) {
  .is-fnb .block-head {
    flex-flow: row wrap;
  }
}
.is-fnb .block-intro {
  position: relative;
  margin-bottom: 27px;
  color: #000000;
  background: #f5f7f7;
  border: solid 1px #d0d3d5;
  padding: 8px 20px;
}
.is-fnb h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-bottom: 2px;
  font-weight: 700;
  color: #085da2;
  letter-spacing: -0.2px;
}
.is-fnb h4 span {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 400;
}
.is-fnb h5, .is-fnb .h5 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: none;
  color: #000000;
}
.is-fnb h5.blue, .is-fnb .h5.blue {
  padding: 2px 4px;
  color: #ffffff;
  background: #085da2;
}
.is-fnb h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: none;
  color: #000000;
}
.is-fnb .data-list + .data-list {
  margin-top: 16px;
}
.is-fnb dl {
  margin: 0;
  color: #000000;
}
.is-fnb dl dt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin: 0;
  font-weight: 700;
  letter-spacing: -0.2px;
}
.is-fnb dl dd {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
  letter-spacing: -0.2px;
}
.is-fnb dl dd:last-child {
  margin-bottom: 0;
}
.is-fnb dl .row {
  display: flex;
  padding: 4px 0;
  justify-content: space-between;
  height: 100%;
  border-bottom: 1px solid #d0d3d5;
  align-items: flex-end;
}
.is-fnb dl .data-value {
  text-align: right;
}
.is-fnb .block-border {
  padding: 24px 20px;
  border: solid 1px #d0d3d5;
}
@media (max-width: 1024px) {
  .is-fnb .block-border {
    padding: 8px;
  }
}
.is-fnb .block-border + :not(.block-half).block-border {
  border-top: 0;
}
.is-fnb .block-border + .block-flex .block-border {
  border-top: 0;
}
.is-fnb .block-bg {
  background: #f5f7f7;
}
.is-fnb .block-flex {
  display: flex;
  justify-content: space-between;
  margin: 0 -15px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex {
    flex-direction: column;
    margin: 0;
  }
}
.is-fnb .block-flex > .block-half {
  flex-basis: 50%;
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex > .block-half {
    width: 100%;
    margin: 0;
  }
}
.is-fnb .block-flex > .block-sidebar {
  width: 230px;
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex > .block-sidebar {
    width: 100%;
    margin: 0;
  }
}
.is-fnb .block-flex > .block-main {
  width: 607px;
  margin: 0 15px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex > .block-main {
    width: 100%;
    margin: 30px 0 0 0;
  }
}
@media (max-width: 1200px) {
  .is-fnb .block-flex .block-flex {
    flex-flow: row wrap;
  }
}
@media (max-width: 1200px) {
  .is-fnb .block-flex .block-flex > .block-half {
    width: 100%;
    flex-basis: auto;
  }
}
@media (max-width: 1200px) {
  .is-fnb .block-flex .block-flex > .block-half + .block-half {
    padding-top: 18px;
  }
}
.is-fnb .block-flex > dl:first-child {
  margin-right: 8px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex > dl:first-child {
    margin-right: 0;
  }
}
.is-fnb .block-flex > dl:last-child {
  margin-left: 8px;
}
@media (max-width: 1024px) {
  .is-fnb .block-flex > dl:last-child {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .is-fnb .block-half + .block-half {
    padding-top: 18px;
  }
}
.is-fnb table {
  border-color: #d0d3d5;
  border-right: 0;
}
.is-fnb table th {
  font-weight: 700;
  color: #000000;
  background-color: #f5f7f7;
}
.is-fnb table .th {
  font-weight: 700;
  color: #000000;
  background-color: #f5f7f7 !important;
}
.is-fnb table th,
.is-fnb table td {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  padding: 4px 8px 6px;
  text-transform: none;
  border-color: #d0d3d5;
  border-radius: 0 !important;
}
.is-fnb table th:last-child,
.is-fnb table td:last-child {
  border-right: 1px solid #d0d3d5;
}
.is-fnb table .text-align-right {
  text-align: right;
}
.is-fnb table tbody th {
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
}
.is-fnb table tbody th,
.is-fnb table tbody td {
  vertical-align: top;
}
.is-fnb table tbody tr:nth-child(even) th,
.is-fnb table tbody tr:nth-child(even) td, .is-fnb table tbody tr:nth-child(odd) th,
.is-fnb table tbody tr:nth-child(odd) td {
  background: none;
}
.is-fnb table .col-highlight {
  color: #ffffff;
  background: #085da2;
}
.is-fnb table tfoot th,
.is-fnb table tfoot td {
  font-weight: 700;
  color: #000000;
}
.is-fnb .js-table-no-wrap {
  margin: 0;
}
.is-fnb .table-noborder {
  width: 100%;
  border: 0;
}
.is-fnb .table-noborder tr,
.is-fnb .table-noborder th,
.is-fnb .table-noborder td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0;
}
@media (max-width: 1024px) {
  .is-fnb .table-noborder tr,
  .is-fnb .table-noborder th,
  .is-fnb .table-noborder td {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
}
.is-fnb .table-noborder td:last-child {
  border-right: 0;
}
.is-fnb .table-noborder .no-left-padding {
  padding-left: 0;
}
.is-fnb .table-noborder .small-padding {
  padding-left: 2px;
  padding-right: 2px;
}
.is-fnb .table-noborder .no-right-padding {
  padding-right: 0;
}
.is-fnb .table-noborder .col-number {
  width: 20px;
  text-align: right;
}
.is-fnb .table-noborder .col-name {
  padding-right: 5px;
  padding-left: 5px;
}
.is-fnb .table-noborder .col-value {
  vertical-align: bottom;
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
.is-fnb .table-noborder .text-align-left {
  text-align: left;
}
.is-fnb .table-noborder .td--border-top {
  border-top: 1px solid #d0d3d5;
  padding-top: 6px;
}
.is-fnb .table-noborder .td--border-bottom {
  border-bottom: 1px solid #d0d3d5;
  padding-bottom: 6px;
}
.is-fnb .table-noborder tfoot th,
.is-fnb .table-noborder tfoot td {
  font-weight: 700;
  color: #000000;
  background-color: #f5f7f7;
  padding-left: 2px;
  padding-right: 2px;
}
.is-fnb .table-noborder tfoot th.no-bg,
.is-fnb .table-noborder tfoot td.no-bg {
  background: none;
}
.is-fnb .table-noborder tfoot tr:first-child th,
.is-fnb .table-noborder tfoot tr:first-child td {
  border-top: 1px solid #d0d3d5;
}
.is-fnb .table-noborder tfoot tr:last-child th,
.is-fnb .table-noborder tfoot tr:last-child td {
  border-bottom: 1px solid #d0d3d5;
}
.is-fnb .table-noborder tfoot .text-right {
  padding-right: 2px;
}
.is-fnb p {
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 8px;
  letter-spacing: -0.2px;
  margin-top: 0;
}
.is-fnb ul {
  margin-top: 0;
  margin-bottom: 1.125rem;
  margin-left: 0;
  padding: 0;
}
.is-fnb ul li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  background: none;
  margin: 0;
  margin-left: 18px;
  padding: 0;
  list-style: disc;
}
.is-fnb strong {
  color: #000000;
}
.is-fnb small {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  display: inline-block;
  margin-top: 12px;
  color: #000000;
}
.is-fnb .text-center {
  text-align: center;
}
.is-fnb .text-right {
  text-align: right;
}
.is-fnb blockquote p {
  font-style: normal;
}
.is-fnb .table-wrapper {
  overflow-x: auto;
  margin-top: 0;
  max-width: 100%;
}
.is-fnb .fund-warning-wrapper {
  padding-right: 10px;
  fill: #868e92;
  flex-shrink: 0;
}
.is-fnb .flex-container {
  display: flex;
}
.is-fnb .text-indent {
  padding-left: 24px;
}
.is-fnb .block-graph {
  margin: 20px 0;
}
.is-fnb .block-pie {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .is-fnb .block-pie {
    flex-direction: column;
  }
}
.is-fnb .block-pie-chart {
  padding-top: 20px;
  margin-right: 10px;
}
@media (max-width: 1200px) {
  .is-fnb .block-pie-chart {
    padding-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .is-fnb .block-pie-chart {
    display: none;
  }
}
.is-fnb .block-pie-chart-data .data-label {
  display: flex;
  color: #000000;
  font-weight: normal;
}
.is-fnb .block-pie-chart-data .data-label::before {
  content: "";
  display: block;
  width: 12px;
  height: auto;
  margin-top: -4px;
  margin-bottom: -4px;
  margin-right: 4px;
  flex-shrink: 0;
}
.is-fnb .block-pie-chart-data .data-value {
  padding-left: 3px;
}
.is-fnb .block-pie-chart-data .row:nth-child(1) .data-label::before {
  background-color: #7ac143;
}
.is-fnb .block-pie-chart-data .row:nth-child(2) .data-label::before {
  background-color: #71ae4c;
}
.is-fnb .block-pie-chart-data .row:nth-child(3) .data-label::before {
  background-color: #679c51;
}
.is-fnb .block-pie-chart-data .row:nth-child(4) .data-label::before {
  background-color: #5c8954;
}
.is-fnb .block-pie-chart-data .row:nth-child(5) .data-label::before {
  background-color: #517856;
}
.is-fnb .block-pie-chart-data .row:nth-child(6) .data-label::before {
  background-color: #446855;
}
.is-fnb .block-pie-chart-data .row:nth-child(7) .data-label::before {
  background-color: #375751;
}
.is-fnb .block-pie-chart-data .row:nth-child(8) .data-label::before {
  background-color: #28484a;
}
.is-fnb .block-pie-chart-data .row:nth-child(9) .data-label::before {
  background-color: #193a3e;
}
.is-fnb .block-pie-chart-data .row:nth-child(10) .data-label::before {
  background-color: #092e20;
}
.ie11 .is-fnb .block-pie-chart-data {
  width: 100%;
}
.is-fnb .no-list li {
  display: flex;
  padding: 0;
  background: none;
  justify-content: space-between;
}
.is-fnb .no-list li :last-child {
  flex-shrink: 0;
}
.is-fnb .block-subblock {
  margin: 0 -21px -25px;
}
@media (max-width: 1024px) {
  .is-fnb .block-subblock {
    margin: 0 -9px -9px;
  }
}
.is-fnb .risk-level {
  display: flex;
  background-color: #f5f7f7;
}
.is-fnb .risk-level span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 18px;
  line-height: 1.125rem;
  padding: 7px 4px 6px;
  text-align: center;
  flex-grow: 1;
  color: #000000;
}
.is-fnb .risk-level .risk-level-low {
  background: #f5f7f7;
}
.is-fnb .risk-level .risk-level-low-mid {
  background: #dde1e3;
}
.is-fnb .risk-level .risk-level-mid {
  background: #c4cbd0;
}
.is-fnb .risk-level .risk-level-mid-high {
  background: #acb5bc;
}
.is-fnb .risk-level .risk-level-high {
  background: #868e92;
}
.is-fnb .risk-level .selected {
  position: relative;
  font-weight: 700;
}
.is-fnb .risk-level .selected::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-image: url("../svg/originals/fnb-risk.svg");
  background-position: bottom;
  background-size: cover;
}
.is-fnb .footer-note {
  margin-top: 54px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: -0.2px;
  color: #000000;
}
.is-fnb .footer-note.footer-note--right {
  text-align: right;
}
.is-fnb .nowrap {
  white-space: nowrap;
}

.folder {
  margin-bottom: 10px;
  background-clip: padding-box;
  border-radius: 3px;
}
.folder .has-button {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.folder > h2,
.folder > h3,
.folder > h4,
.folder > h5 {
  margin: 0;
}

.folder-trigger {
  position: relative;
  width: 100%;
  font-weight: 600;
  text-align: left;
  color: #000000;
  border: 0;
  background-color: #d7d9db;
  font-size: 16px;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.25rem;
  background-clip: padding-box;
  border-radius: 3px;
}
.folder-trigger::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background-color: #c3c7c9;
  background-clip: padding-box;
  border-radius: 3px 0 0 3px;
}
.folder.is-active .folder-trigger {
  background-clip: padding-box;
  border-radius: 3px 3px 0 0;
}
.folder.is-active .folder-trigger::before {
  background-clip: padding-box;
  border-radius: 3px 0 0 0;
}
.is-nav .folder-trigger {
  padding: 17px 70px 20px 17px;
  color: #003767;
  background-color: #8fc3ea;
  background-clip: padding-box;
  border-radius: 0;
}
.is-nav .folder-trigger:before {
  right: 0;
  left: auto;
  width: 57px;
  background-color: #085da2;
  background-clip: padding-box;
  border-radius: 0;
}

.folder-trigger-symbol {
  position: absolute;
  top: calc(50% - 7px);
  left: 17px;
  width: 15px;
  height: 15px;
}
.is-nav .folder-trigger-symbol {
  right: 21px;
  left: auto;
  background-image: url(../img/icn-arrow-sublevel-trigger.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: 0.25s;
  transform: rotate(0);
}

.folder.is-active.is-nav .folder-trigger-symbol {
  transform: rotate(180deg);
}

.folder-trigger-stroke {
  position: absolute;
  top: 0;
  left: 7px;
  width: 2px;
  height: 15px;
  background-color: #000000;
}
.folder-trigger-stroke.horizontal {
  transform: rotate(90deg);
}
.folder.is-active .folder-trigger-stroke.vertical {
  display: none;
}

.folder-content > *:last-child {
  margin-bottom: 0;
}

.folder:not(.expand-collapse) .folder-trigger {
  padding: 17px 20px 17px 70px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 0.5);
}
.folder:not(.expand-collapse) .folder-content {
  border-bottom: 5px solid #c3c7c9;
  padding: 20px;
  background-color: #f5f7f7;
}
.is-nav .folder:not(.expand-collapse) .folder-content {
  padding: 0;
  background: 0;
}

.folder-alternate .folder-trigger {
  color: #ffffff;
  background-color: #5e696d;
}
.folder-alternate .folder-trigger::before {
  background-color: #000000;
}
.folder-alternate .folder-trigger-stroke {
  background-color: #ffffff;
}

.folder.expand-collapse > h2, .folder.expand-collapse > h3, .folder.expand-collapse > h4, .folder.expand-collapse > h5 {
  line-height: 16px;
  font-size: 18px;
}
.folder.expand-collapse .folder-trigger {
  border-width: 1px;
  border-color: #c3c7c9;
  border-style: solid;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.3125rem;
  color: inherit;
  background-color: transparent;
  padding: 16px 25px 16px 60px;
  background-clip: padding-box;
  border-radius: 3px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 0.5);
}
.folder.expand-collapse .folder-trigger::before {
  display: none;
}
.folder.expand-collapse .folder-trigger > span:last-child {
  background: url(../svg/originals/circle-arrow-down.svg) center center no-repeat;
  background-size: 22px;
  width: 70px;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  float: right;
  font-size: 0;
  clip: initial;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 0.5);
}
.folder.expand-collapse.is-active .folder-trigger {
  border-bottom-color: transparent;
  background-clip: padding-box;
  border-radius: 3px 3px 0 0;
  padding: 16px 25px 16px 60px;
}
.folder.expand-collapse.is-active .folder-trigger > span:last-child {
  background: url(../svg/originals/circle-arrow-up.svg) center center no-repeat;
}
.folder.expand-collapse .folder-content {
  display: none;
  border-color: #c3c7c9;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  background-clip: padding-box;
  border-radius: 0 0 3px 3px;
  padding: 0px 25px 16px 25px;
  background-color: transparent;
  transition: height 0.5s ease-in-out;
}

.footnotes {
  padding-top: 16px;
  border-top: solid 1px #d0d3d5;
  margin-top: 30px;
}
.footnotes .footnote {
  margin-bottom: 15px;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.footnotes .footnote :target {
  background: #f4e6b7;
}
.footnotes .footnote p {
  margin: 0;
  padding: 0;
  color: #000000;
  display: inline;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.footnotes .footnote ul, .footnotes .footnote ol {
  margin-top: 5px;
  margin-bottom: 0px;
}
.footnotes .footnote li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #000000;
}
.folder .footnotes {
  padding: 20px 0 0;
}
.folder .footnotes .footnote {
  margin: 15px;
}

.footnote-icon {
  display: inline-block;
  margin-left: 6px;
}

.fn {
  background: #ebeded;
}

.fn-complex-content {
  display: none;
}

form.form-search-header {
  position: relative;
  margin-bottom: 0;
}
form.form-search-header .form-group {
  margin-bottom: 0;
}
form.form-search-header .form-group .form-control {
  width: 300px;
  height: 1.25em;
  padding: 5px 10px;
  border: 0;
  background-color: #f5f7f7;
  text-align: left;
  background-clip: padding-box;
  border-radius: 3px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}
@media (max-width: 1020px) {
  form.form-search-header .form-group .form-control {
    width: 260px;
  }
}
@media only screen and (max-width: 767px) {
  form.form-search-header .form-group .form-control {
    width: calc(100% - 20px);
    height: 40px;
    background-clip: padding-box;
    border-radius: 3px;
  }
}
form.form-search-header button {
  z-index: 1;
  position: absolute;
  top: -5px;
  right: 6px;
  bottom: 0;
  padding: 0 1.5px;
  border: 0;
  background: 0;
}
@media only screen and (max-width: 767px) {
  form.form-search-header button {
    right: -3px;
  }
}
form.form-search-header svg {
  fill: #000000;
}

.mobile-search-content {
  display: none;
}

form.form-search-header .form-group input {
  /* https://css-tricks.com/almanac/selectors/p/placeholder/ */
}
form.form-search-header .form-group input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
form.form-search-header .form-group input::placeholder {
  color: #000000;
}

form.form-search {
  position: relative;
  margin-top: 42px !important;
}
form.form-search .form-control {
  padding-right: 43px;
  background-clip: padding-box;
  border-radius: 5px 0 0 5px;
}
form.form-search .form-control:-moz-placeholder + .click-reset {
  opacity: 0;
  pointer-events: none;
  display: none;
}
form.form-search .form-control:placeholder-shown + .click-reset {
  opacity: 0;
  pointer-events: none;
  display: none;
}
form.form-search .fields {
  width: 100%;
}
form.form-search .click-reset {
  width: 1em;
  height: 1em;
  border: 0;
  display: block;
  position: absolute;
  background: transparent url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMSAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI5Mjg5MyAwLjI5MjhDMC42ODM0MTggLTAuMDk3NzI0MiAxLjMxNjU4IC0wLjA5NzcyNDIgMS43MDcxMSAwLjI5MjhMMTAuNzA2OSA5LjI5MjYyQzExLjA5NzQgOS42ODMxNCAxMS4wOTc0IDEwLjMxNjMgMTAuNzA2OSAxMC43MDY4QzEwLjMxNjQgMTEuMDk3NCA5LjY4MzIzIDExLjA5NzQgOS4yOTI3MSAxMC43MDY4TDAuMjkyODkzIDEuNzA3MDFDLTAuMDk3NjMxMSAxLjMxNjQ5IC0wLjA5NzYzMSAwLjY4MzMyNCAwLjI5Mjg5MyAwLjI5MjhaIiBmaWxsPSIjMzY0MzQ5Ii8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNzA3MSAwLjI5MjhDMTEuMDk3NiAwLjY4MzMyNCAxMS4wOTc2IDEuMzE2NDkgMTAuNzA3MSAxLjcwNzAxTDEuNzA3MjkgMTAuNzA2OEMxLjMxNjc3IDExLjA5NzQgMC42ODM2MDEgMTEuMDk3NCAwLjI5MzA3NyAxMC43MDY4Qy0wLjA5NzQ0NzggMTAuMzE2MyAtMC4wOTc0NDc0IDkuNjgzMTQgMC4yOTMwNzcgOS4yOTI2Mkw5LjI5Mjg5IDAuMjkyOEM5LjY4MzQyIC0wLjA5NzcyNDIgMTAuMzE2NiAtMC4wOTc3MjQyIDEwLjcwNzEgMC4yOTI4WiIgZmlsbD0iIzM2NDM0OSIvPgo8L3N2Zz4K) center/12px no-repeat !important;
  filter: brightness(0) saturate(100%) invert(25%) sepia(10%) saturate(732%) hue-rotate(151deg) brightness(96%) contrast(98%);
  line-height: 16px;
  top: 0;
  bottom: 0;
  right: 15px;
  margin-top: 22px;
  padding: 0;
  outline: none;
  color: #5e696d !important;
  cursor: pointer;
  transition: 0.1s;
  z-index: 4;
}
form.form-search .click-reset:focus {
  box-shadow: none !important;
}
form.form-search label {
  position: absolute;
  top: -44px;
  left: 0;
  font-weight: 300;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 40px;
  line-height: 2.5rem;
}
.is-page--error form.form-search label {
  display: none;
}
form.form-search .btn {
  z-index: 1;
  max-height: 58px;
  background-color: #000000;
  border-color: #000000;
  color: #ffdd7f;
  background-clip: padding-box;
  border-radius: 0 5px 5px 0;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
@media only screen and (max-width: 767px) {
  form.form-search .btn {
    width: 60px;
  }
}
form.form-search .btn:hover {
  background-color: #5e696d !important;
  border-color: #5e696d !important;
  color: #ffdd7f !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  form.form-search .btn.colwidth {
    width: 200px;
    padding-left: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 767px) {
  form.form-search .btn.colwidth {
    width: 60px;
  }
}
@media only screen and (max-width: 767px) {
  form.form-search .btn-text {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
form.form-search .icon-wrapper {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  form.form-search .icon-wrapper {
    margin-left: 0;
  }
}
form.form-search svg {
  fill: #ffbb00;
}
.is-page--error form.form-search {
  margin-top: 12px !important;
}

.btn + form.form-search {
  margin-top: 60px;
}

.is-zoomed form.form-search label {
  top: -75px;
}

fieldset {
  padding: 0;
  border: 0;
}
fieldset .error-message-explanation span {
  top: 0;
  padding: 3px 8px 2px;
}

input,
textarea,
select {
  z-index: 1;
  position: relative;
  box-sizing: border-box;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

input[type=password],
input[type=mail],
input[type=search],
input[type=text],
textarea {
  padding: 15px;
}

.is-zoomed input[type=password],
.is-zoomed input[type=mail],
.is-zoomed input[type=search],
.is-zoomed input[type=text],
.is-zoomed textarea {
  padding: 5px 15px;
}

input[type=text],
textarea,
select {
  display: block;
}

select {
  padding: 0 18px;
}

textarea {
  width: 100%;
  min-height: 150px;
}

.form-group input[type=file] {
  display: inline-block;
  width: auto;
  padding-top: 5px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
}

.radio-field,
.checkbox-field {
  position: relative;
  margin: 3px 0;
  padding-left: 25px;
}
.radio-field label,
.checkbox-field label {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.radio-field input,
.checkbox-field input {
  position: absolute;
  top: 6px;
  left: 1px;
}
.radio-field + .form-group,
.checkbox-field + .form-group {
  margin-top: 20px;
}

.field-genders .radio-field-wrapper {
  display: flex;
}
.field-genders .radio-field + .radio-field {
  margin-left: 2em;
}

.format,
.required {
  font-size: 0.9em;
  opacity: 0.7;
}

.format {
  font-style: italic;
}

.errors p {
  font-weight: bold;
}
.errors ul {
  margin-bottom: 20px;
  padding: 0;
  list-style-type: none;
}
.errors ul li {
  padding-left: 0;
  background-image: none;
}
.errors ul li::before {
  display: none;
}
.errors a {
  text-decoration: none;
  color: #cb4130;
}
.errors a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin-right: 6px;
  background-color: #5e696d;
  background-clip: padding-box;
  border-radius: 50%;
}
.errors a:hover {
  text-decoration: underline;
}

.field.is-error input[type=text],
.field.is-error textarea,
.field.is-error select {
  border: 2px solid #cb4130;
  border-top-left-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.error-message {
  color: #cb4130;
}

.fields .error-message-explanation {
  display: block;
  position: relative;
  top: 4px;
}
.fields .error-message-explanation span {
  display: inline-block;
  position: relative;
  padding: 3px 8px 5px;
  color: #ffffff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #cb4130;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
.fields .error-message-explanation + .error-message-explanation span {
  border-top-left-radius: 0;
}

.lbo-aif {
  display: block;
  position: relative;
  padding: 8px 0 2px 52px;
}
.lbo-aif .btn {
  display: block;
  position: absolute;
  top: 10px;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #000000;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center;
}
.lbo-aif .btn.btn-remove {
  left: 0;
  background-image: url("../img//remove.png");
}
.lbo-aif .btn.btn-replace {
  left: 25px;
  background-image: url("../img//replace.png");
}
.lbo-aif .btn:hover {
  background-color: #D0D3D5;
}

.lbo-aif-filename {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
}

.form-note {
  margin-bottom: 16px;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.form-default fieldset {
  box-sizing: border-box;
  border: 0;
}
.form-default .btn {
  float: right;
}

.form-header {
  position: relative;
  padding: 40px 40px 40px 255px;
}
@media (max-width: 1024px) {
  .form-header {
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .form-header {
    padding: 20px;
  }
}
.form-header p {
  margin-top: 10px;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}

.form-body {
  max-width: 450px;
  margin: 0 auto;
  padding: 50px 20px;
}

.form-header-wrapper {
  position: relative;
}
@media (max-width: 1024px) {
  .form-header-wrapper {
    max-width: 410px;
    margin: 0 auto;
  }
}
.form-header-wrapper .icon-wrapper {
  position: absolute;
  top: 3px;
  left: -80px;
}
@media only screen and (max-width: 767px) {
  .form-header-wrapper .icon-wrapper {
    left: calc(50% - 30px);
  }
}
.form-header-wrapper svg {
  fill: #d9ab0d;
}

.form-header-title {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  .form-header-title {
    padding-top: 60px;
  }
}

.radio-field-wrapper,
.checkbox-field-wrapper,
.form-group {
  margin-bottom: 20px;
}

.form-group.document label {
  display: inline-block;
}

.form-group {
  position: relative;
}
.form-group.is-disabled {
  opacity: 0.45;
}
.form-group input,
.form-group textarea,
.form-group select {
  width: 100%;
  background: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-group input[type=checkbox], .form-group input[type=radio] {
  width: 1em;
  -moz-appearance: auto;
       appearance: auto;
  -webkit-appearance: auto;
  -ms-appearance: auto;
  margin-right: 0.3125rem;
}
.form-group .error-message {
  padding-left: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}
.form-group .form-control,
.form-group label {
  display: block;
}
.form-group label {
  margin-bottom: 4px;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.form-group label.no-label {
  display: none;
}
.form-group .label-text,
.form-group .form-control {
  transition: 0.3s;
}
.form-group .label-text {
  z-index: 2;
  position: absolute;
  bottom: 20px;
  left: 18px;
  padding: 0 3px;
  color: #000000;
  background: 0;
}
.form-group.is-error label.no-label {
  display: block;
}
.form-group.is-error .label-text {
  position: static;
}
.form-group.has-focus:not(.is-error) .label-text, .form-group.is-filled .label-text {
  bottom: 53px;
  left: 12px;
  color: #085da2;
  background: #ffffff;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 12px;
  line-height: 0.75rem;
}
.form-group select {
  display: block;
  position: relative;
  background-image: url("../img/icn-select.png");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 11px;
}
.form-group .textarea-counter {
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
}

.folder .form-group.has-focus:not(.is-error) .label-text,
.folder .form-group.is-filled .label-text {
  background-color: #f5f7f7;
}

.form-group.textarea .label-text {
  top: 20px;
  bottom: auto !important;
}
.form-group.textarea.has-focus .label-text, .form-group.textarea.is-filled .label-text {
  top: -5px;
}

.bg-grey-light .form-group.has-focus .label-text, .bg-grey-light .form-group.is-filled .label-text {
  background: #f5f7f7;
}

.label-title {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}

.label-text {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.checkbox-block-label,
.form-control {
  border: 2px solid #ebeded;
  background-clip: padding-box;
  border-radius: 5px;
}

.checkbox-block-label {
  display: block;
  position: relative;
  padding: 25px 30px 40px 50px;
  transition: 0.3s;
}
.checkbox-block-label .label-text {
  font-weight: 300;
}
.checkbox-block-label input {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.checkbox-block-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 30px;
  left: 20px;
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-color: #085da2;
  background-color: #ffffff;
  background-image: url("../img/icn-checkbox.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  transition: 0.3s;
  background-clip: padding-box;
  border-radius: 2px;
}
.checkbox-block-label.is-checked::before {
  border-color: #000000;
  background-color: #000000;
}
.checkbox-block-label:hover {
  cursor: pointer;
}
.checkbox-block-label.is-focused {
  border-color: #085da2;
}
.checkbox-block-label.is-checked, .checkbox-block-label:hover {
  background-color: #ebeded;
}

.form-group input {
  /* https://css-tricks.com/almanac/selectors/p/placeholder/ */
}
.form-group input::-moz-placeholder { /* Firefox 19+ */
  color: white;
}
.form-group input::placeholder {
  color: white;
}
.form-group.has-focus input, .form-group.is-error input {
  /* https://css-tricks.com/almanac/selectors/p/placeholder/ */
}
.form-group.has-focus input::-moz-placeholder, .form-group.is-error input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.form-group.has-focus input::placeholder, .form-group.is-error input::placeholder {
  color: #000000;
}

.form-control {
  box-sizing: border-box;
  height: 58px;
}
.is-filled .form-control, .has-focus .form-control {
  border-color: #085da2;
}

::-ms-expand {
  display: none;
}

.important-field {
  display: none;
}

.DialogInsightFormSubmit .DialogInsightFormSubmitLoader {
  visibility: hidden;
  margin-left: 5px;
  vertical-align: middle;
}

.DialogInsightFormSubmit.DialogInsightFormSubmitInProgress .DialogInsightFormSubmitLoader {
  visibility: visible !important;
}

.DialogInsightFormContainer {
  margin-bottom: 20px;
}

.DialogInsightFormRow + .form-group {
  margin-top: 20px;
}

.DialogInsightFormDiv .table-wrapper {
  margin: 0;
}
.DialogInsightFormDiv table {
  width: auto !important;
  border: 0;
}
.DialogInsightFormDiv table td, .DialogInsightFormDiv table th {
  border: 0;
  padding: 0;
  padding-right: 2em;
}
.DialogInsightFormDiv .form-control {
  max-width: 500px;
}
.DialogInsightFormDiv .label-text {
  bottom: auto;
  top: 18px;
  pointer-events: none;
}
.DialogInsightFormDiv .form-group {
  margin-bottom: 0;
}
.DialogInsightFormDiv .DialogInsightFormRow {
  margin-bottom: 20px;
}
.DialogInsightFormDiv .form-group.has-focus:not(.is-error) .label-text, .DialogInsightFormDiv .form-group.is-filled .label-text {
  bottom: auto;
  top: -7px;
}
.DialogInsightFormDiv .DialogInsightFieldInError {
  border: 2px solid #cb4130;
  border-bottom-left-radius: 0;
}
.DialogInsightFormDiv .DialogInsightErrorContents {
  display: inline-block;
  clear: both;
  background: #cb4130;
  color: #FFF;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  line-height: 0.9375rem;
  padding: 3px 8px 5px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.DialogInsightFormDiv .DialogInsightErrorContainer {
  margin-top: -2px;
}

.DialogInsightFieldDescription {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #000000;
}

.DialogInsightGlobalErrors {
  font-weight: bold;
  color: #000000;
  margin: 0 0 18px;
}

.fund-page .l-page-wrapper {
  position: static;
}
.fund-page .l-block-content {
  position: static;
}
.fund-page #fundVisit {
  margin-bottom: 30px;
}
.fund-page #fundVisit svg {
  fill: white;
}

.is-funds .fund-page {
  padding: 22px 40px 42px;
  border: 1px solid #d0d3d5;
}
@media (max-width: 1024px) {
  .is-funds .fund-page {
    padding: 8px;
  }
}
.is-funds .block-head {
  display: flex;
  margin-bottom: 18px;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1024px) {
  .is-funds .block-head {
    align-items: flex-start;
  }
}
.is-funds .block-head .h2 {
  font-size: 32px;
  font-size: 2rem;
  line-height: 1.4;
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #003767;
}
@media (max-width: 1024px) {
  .is-funds .block-head .h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media (max-width: 1024px) {
  .is-funds .block-head img {
    height: 22px;
  }
}
.is-funds .block-head span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: right;
  color: #085da2;
}
@media (max-width: 1024px) {
  .is-funds .block-head span {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
    max-width: 180px;
  }
}
.is-funds .block-intro {
  position: relative;
  margin-bottom: 14px;
  text-align: center;
  color: #085da2;
}
.is-funds .block-intro .h3 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.4;
  display: inline-block;
  margin: 0 auto;
  font-weight: 700;
  color: #085da2;
}
@media (max-width: 1024px) {
  .is-funds .block-intro .h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4;
    max-width: 250px;
    margin: 0 auto;
  }
}
.is-funds .block-intro span {
  position: absolute;
  bottom: 0;
  right: 0;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .is-funds .block-intro span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    display: block;
    position: static;
    text-align: center;
  }
}
.is-funds h4 {
  margin-bottom: 2px;
  font-weight: 700;
  color: #085da2;
}
.is-funds h5 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: none;
}
.is-funds h5 + ul {
  margin-top: 0 !important;
}
.is-funds h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-bottom: 2px;
  font-weight: 700;
  text-transform: none;
  color: #000000;
}
.is-funds dl {
  margin: 0;
  color: #000000;
}
.is-funds dl .row {
  display: flex;
  padding: 4px 0;
  justify-content: space-between;
  height: 100%;
}
.is-funds dl .data-value {
  text-align: right;
}
@media (max-width: 1024px) {
  .is-funds dl .data-value {
    text-align: left;
  }
}
.is-funds dl.dl-yellow .row {
  border-bottom: 1px solid #d9ab0d;
}
@media (max-width: 1024px) {
  .is-funds dl.dl-yellow .row {
    flex-direction: column;
  }
}
.is-funds dl.dl-blue .row {
  border-bottom: 1px solid #c2e1f6;
}
.is-funds dt {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin: 0;
  font-weight: 700;
}
.is-funds dd {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}
.is-funds dd:last-child {
  margin-bottom: 0;
}
.is-funds .block-border {
  padding: 24px 20px;
  border: 1px solid #d9ab0d;
}
@media (max-width: 1024px) {
  .is-funds .block-border {
    padding: 8px;
  }
}
.is-funds .block-border + :not(.block-half).block-border {
  border-top: 0;
}
.is-funds .block-border + .block-flex .block-border {
  border-top: 0;
}
.is-funds .block-flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1024px) {
  .is-funds .block-flex {
    flex-direction: column;
  }
}
.is-funds .block-flex > .block-half {
  flex-basis: 50%;
}
@media (max-width: 1024px) {
  .is-funds .block-flex > .block-half {
    flex-basis: auto;
  }
}
.is-funds .block-flex.align-center {
  align-items: center;
}
.is-funds .block-flex .block-border + .block-border {
  border-left: 0;
}
@media (max-width: 1024px) {
  .is-funds .block-flex .block-border + .block-border {
    margin-top: -1px;
    border-left: 1px solid #d9ab0d;
  }
}
.is-funds .block-flex > dl:first-child {
  margin-right: 8px;
}
@media (max-width: 1024px) {
  .is-funds .block-flex > dl:first-child {
    margin-right: 0;
  }
}
.is-funds .block-flex > dl:last-child {
  margin-left: 8px;
}
@media (max-width: 1024px) {
  .is-funds .block-flex > dl:last-child {
    margin-left: 0;
  }
}
@media (max-width: 1024px) {
  .is-funds .block-half + .block-half {
    padding-top: 18px;
  }
}
@media (max-width: 1024px) {
  .is-funds .block-brief .block-half + .block-half {
    padding-top: 0;
  }
}
.is-funds .block-padding {
  padding-right: 10px;
}
@media (max-width: 1024px) {
  .is-funds .block-padding {
    padding-right: 0;
  }
}
.is-funds .block-padding + .block-padding {
  padding-right: 0;
  padding-left: 10px;
}
@media (max-width: 1024px) {
  .is-funds .block-padding + .block-padding {
    padding-left: 0;
  }
}
.is-funds .block-jaune {
  background: #f4e6b7;
}
.is-funds table {
  border-color: #c2e1f6;
  border-right: 0;
}
.is-funds table th {
  font-weight: 700;
  color: #085da2;
  background-color: #f2f7fa;
}
.is-funds table th,
.is-funds table td {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  padding: 4px 8px 6px;
  text-transform: none;
  border-color: #c2e1f6;
  border-radius: 0 !important;
}
.is-funds table td:last-child {
  border-right: 1px solid #c2e1f6;
}
.is-funds table tbody th {
  color: #000000;
}
.is-funds table tbody th,
.is-funds table tbody td {
  vertical-align: top;
}
.is-funds table tbody tr:nth-child(even) th,
.is-funds table tbody tr:nth-child(even) td, .is-funds table tbody tr:nth-child(odd) th,
.is-funds table tbody tr:nth-child(odd) td {
  background: none;
}
.is-funds table .col-hightlight {
  background-color: #c2e1f6;
}
.is-funds table tfoot th,
.is-funds table tfoot td {
  font-weight: 700;
  color: #000000;
}
.is-funds table ul {
  margin: 0;
  padding: 0;
}
.is-funds table ul li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.4;
  margin: 8px 0;
}
.is-funds table ul li:first-child {
  margin-top: 0;
}
.is-funds .js-table-no-wrap {
  margin: 0;
}
.is-funds .table-scroll {
  min-width: 821px;
}
.is-funds .table-noborder {
  width: 100%;
  border: 0;
}
.is-funds .table-noborder tr,
.is-funds .table-noborder th,
.is-funds .table-noborder td {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 0;
}
@media (max-width: 1024px) {
  .is-funds .table-noborder tr,
  .is-funds .table-noborder th,
  .is-funds .table-noborder td {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.4;
  }
}
.is-funds .table-noborder td:last-child {
  border-right: 0;
}
.is-funds .table-noborder .col-number {
  width: 20px;
  text-align: right;
}
.is-funds .table-noborder .col-name {
  padding-right: 5px;
  padding-left: 5px;
}
.is-funds .table-noborder .text-right {
  vertical-align: bottom;
  padding-right: 0;
  padding-left: 0;
}
.is-funds .table-noborder .text-align-left {
  text-align: left;
}
.is-funds .table-noborder tfoot th,
.is-funds .table-noborder tfoot td {
  font-weight: 700;
  color: #000000;
  border-top: 1px solid #c2e1f6;
  border-bottom: 1px solid #c2e1f6;
  background-color: #f2f7fa;
}
.is-funds p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-top: 0;
}
.is-funds ul li {
  margin: 8px 0;
}
.is-funds ul {
  margin-top: -1.125rem;
  margin-bottom: 0;
}
.is-funds strong {
  color: #000000;
}
.is-funds small {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  display: inline-block;
  margin-top: 12px;
  color: #000000;
}
.is-funds .text-center {
  text-align: center;
}
.is-funds .text-right {
  text-align: right;
}
.is-funds .table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 0;
  max-width: 100%;
}
.is-funds .table-wrapper:last-child {
  margin-bottom: 0;
}
.is-funds .fund-warning-wrapper {
  padding-right: 10px;
  fill: #d9ab0d;
  flex-shrink: 0;
}
.is-funds .flex-container {
  display: flex;
}
.is-funds .max-width-360 {
  max-width: 360px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .is-funds .max-width-360 {
    max-width: none;
    padding-right: 0;
  }
}
.is-funds .text-indent {
  padding-left: 24px;
  margin-bottom: 18px;
}
.is-funds .block-graph {
  margin: 20px 0;
}
@media (max-width: 1200px) {
  .is-funds .block-pie {
    flex-direction: column;
  }
}
.is-funds .block-pie-chart {
  width: 36%;
  padding-top: 20px;
}
@media (max-width: 1200px) {
  .is-funds .block-pie-chart {
    width: auto;
    padding-bottom: 20px;
  }
}
@media (max-width: 1024px) {
  .is-funds .block-pie-chart {
    display: none;
  }
}
.is-funds .block-pie-chart-data {
  flex-shrink: 0;
}
.is-funds .block-pie-chart-data .data-label {
  display: flex;
  padding-right: 6px;
}
.is-funds .block-pie-chart-data .data-label::before {
  content: "";
  display: block;
  width: 12px;
  height: calc(100% + 8px);
  margin-top: -4px;
  margin-right: 4px;
  flex-shrink: 0;
}
.is-funds .block-pie-chart-data .row:nth-child(1) .data-label::before {
  background-color: #003767;
}
.is-funds .block-pie-chart-data .row:nth-child(2) .data-label::before {
  background-color: #034a84;
}
.is-funds .block-pie-chart-data .row:nth-child(3) .data-label::before {
  background-color: #085ca1;
}
.is-funds .block-pie-chart-data .row:nth-child(4) .data-label::before {
  background-color: #3470b0;
}
.is-funds .block-pie-chart-data .row:nth-child(5) .data-label::before {
  background-color: #4f85bf;
}
.is-funds .block-pie-chart-data .row:nth-child(6) .data-label::before {
  background-color: #679ace;
}
.is-funds .block-pie-chart-data .row:nth-child(7) .data-label::before {
  background-color: #7db1dd;
}
.is-funds .block-pie-chart-data .row:nth-child(8) .data-label::before {
  background-color: #95c6eb;
}
.is-funds .block-pie-chart-data .row:nth-child(9) .data-label::before {
  background-color: #b9dbf4;
}
.is-funds .block-pie-chart-data .row:nth-child(10) .data-label::before {
  background-color: #e1eff8;
}
.is-funds .no-list li {
  display: flex;
  padding: 0;
  background: none;
  justify-content: space-between;
}
.is-funds .no-list li :last-child {
  flex-shrink: 0;
}
.is-funds .block-subblock {
  margin: 0 -21px -25px;
}
@media (max-width: 1024px) {
  .is-funds .block-subblock {
    margin: 0 -9px -9px;
  }
}
.is-funds .risk-level {
  display: flex;
  border-top: 1px solid #d9ab0d;
  background-color: #f4e6b7;
}
.is-funds .risk-level > span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4;
  padding: 9px 4px 4px;
  text-align: center;
  flex-grow: 1;
}
.is-funds .risk-level .selected {
  position: relative;
  font-weight: 700;
}
.is-funds .risk-level .selected::before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 10px;
  background-image: url("../svg/originals/fund-risk.svg");
  background-position: bottom;
  background-size: cover;
}

.ce-textpic {
  margin: 30px 0;
}
.with-big-title .col-1-4 .ce-textpic {
  margin-top: 0;
}
.ce-textpic figure {
  margin: 0;
}
.ce-textpic.ce-center .ce-gallery {
  text-align: center;
}

.ce-below .ce-gallery {
  margin-top: 30px;
}
.ce-above .ce-gallery {
  margin-bottom: 30px;
}
.ce-gallery figcaption {
  margin-top: 10px;
  font-style: italic;
  color: #000000;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
}
.ce-gallery .is-external {
  display: inline-block;
  position: relative;
}
.ce-gallery .is-external .external-wrapper {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 2;
  background: #f5f7f7;
  padding: 5px;
  border-radius: 2px;
}
.ce-gallery .file-size small {
  position: absolute;
  top: 4px;
  right: 24px;
  z-index: 2;
  background: #f5f7f7;
  padding: 1px 5px;
  border-radius: 2px;
  line-height: 18px;
}

.ce-intext .ce-gallery {
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
@media (max-width: 580px) {
  .ce-intext .ce-gallery {
    float: none;
    margin: 0 0 30px;
  }
}
.ce-intext.ce-right .ce-gallery {
  float: right;
  margin-right: 0;
  margin-left: 30px;
}
@media (max-width: 580px) {
  .ce-intext.ce-right .ce-gallery {
    float: none;
    margin: 0 0 30px;
  }
}

.with-big-title .ce-intext .ce-gallery {
  margin: 0;
}

@media (max-width: 950px) {
  .ce-intext.is-big-on-mobile .ce-gallery {
    width: 200px;
  }
  .ce-intext.is-big-on-mobile.ce-right.ce-nowrap .ce-bodytext {
    margin-right: 230px !important;
  }
  .ce-intext.is-big-on-mobile.ce-left.ce-nowrap .ce-bodytext {
    margin-left: 230px !important;
  }
}
@media (max-width: 767px) {
  .grid > .grid-wrapper > .col-1-3 .ce-textpic {
    margin-bottom: 0;
  }
  .grid > .grid-wrapper > .col-1-3 .ce-image .ce-gallery {
    margin-bottom: 0;
  }
}
@media (max-width: 580px) {
  .ce-intext.ce-right.ce-nowrap .ce-bodytext, .ce-intext.ce-right.is-big-on-mobile.ce-nowrap .ce-bodytext {
    margin-right: 0 !important;
  }
  .ce-intext.ce-left.ce-nowrap .ce-bodytext, .ce-intext.ce-left.is-big-on-mobile.ce-nowrap .ce-bodytext {
    margin-left: 0 !important;
  }
  .ce-intext.is-big-on-mobile .ce-gallery {
    width: auto;
    max-width: inherit !important;
    text-align: center;
  }
}
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
  margin-right: 0;
  margin-left: 0;
}

.fund-page-wrapper {
  padding: 0 0 28px;
}
.fund-page-wrapper .table-wrapper {
  margin-right: -8px;
  width: auto;
}

.fund-page-number {
  display: inline-block;
  padding: 0 0 20px;
  font-weight: bold;
}

.introjs-hintReference {
  display: none;
}

.introjs-hint {
  border: 0;
  padding: 0;
  margin: 0;
  width: 28px;
  height: 28px;
  opacity: 0;
  transform: scale(0);
}
.introjs-hint.in-viewport {
  opacity: 1;
  transition: opacity 2000ms ease, transform 1000ms ease;
  transform: scale(1);
}
.introjs-hint:hover .introjs-hint-pulse {
  border: 0;
}

.introjs-hint[data-side=right] {
  margin-left: 30px;
}
@media (max-width: 1024px) {
  .introjs-hint[data-side=right] {
    margin-left: 27px;
  }
}
@media (max-width: 1024px) {
  .is-fnb .introjs-hint[data-side=right] {
    margin-left: 20px;
  }
}

.introjs-hint[data-side=left] {
  margin-left: -38px;
}
@media (max-width: 1024px) {
  .introjs-hint[data-side=left] {
    margin-left: -34px;
  }
}
@media (max-width: 1024px) {
  .is-fnb .introjs-hint[data-side=left] {
    margin-left: -28px;
  }
}

.introjs-hint-dot {
  display: none;
}

.introjs-hint-pulse {
  display: block;
  position: relative;
  width: 28px;
  height: 28px;
  border: 0;
  background: #003767;
}
.introjs-hint-pulse::before {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  content: attr(data-index);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  color: #ffffff;
  transform: translate(-50%, -50%);
}
.is-fnb .introjs-hint-pulse {
  background: #7ac143;
}
.is-fnb .introjs-hint-pulse::before {
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 14px;
  line-height: 0.875rem;
}

.introjs-tooltip {
  min-width: 270px;
  padding: 20px;
  border-radius: 5px;
}
.introjs-tooltip .step-count {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  margin-right: auto;
  font-weight: 700;
  color: #000000;
}
.introjs-tooltip dt {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4;
  margin: 0;
  padding-right: 30px;
  font-weight: 700;
  color: #085da2;
}
.introjs-tooltip dd {
  font-weight: 400;
  margin: 0.5em 0;
}

.introjs-tooltipbuttons {
  display: flex;
  margin: 20px -20px -20px;
  padding: 12px 20px;
  border-radius: 0 0 5px 5px;
  background-color: #c2e1f6;
  align-items: center;
}

.introjs-button {
  font-family: "Open Sans", sans-serif;
  margin: 0;
}
.introjs-button, .introjs-button:focus, .introjs-button:hover {
  background: none;
  box-shadow: none;
}

.introjs-prevbutton,
.introjs-nextbutton {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
  font-weight: bold;
  color: #085da2;
  border: 0;
  text-shadow: none;
  transition: all 250ms ease;
}
.introjs-prevbutton.introjs-disabled,
.introjs-nextbutton.introjs-disabled {
  color: #000000;
}

.introjs-nextbutton {
  margin-right: -0.8em;
}

.introjs-skipbutton {
  position: absolute;
  top: 22px;
  right: 20px;
  padding: 0;
  font-size: 0;
  border: 0;
}
.introjs-skipbutton::before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../svg/originals/close.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.lightbox {
  display: none;
  vertical-align: middle;
  z-index: 9000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 60px 100px;
  font-size: 0;
  line-height: 0;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .lightbox {
    overflow: scroll;
    padding: 60px 20px;
  }
}

.lightbox:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.lightbox-wrapper {
  display: inline-block;
  vertical-align: middle;
  z-index: 1;
  position: relative;
  overflow: visible;
  max-width: 100%;
  max-height: 100%;
  padding: 10px;
  font-size: 16px;
  line-height: 0;
  border-radius: 3px;
}

.lightbox-wrapper p {
  line-height: 1.25em;
}

.lightbox-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 180%;
  background-color: rgba(5, 30, 47, 0.9);
}
.examens .lightbox-shadow {
  background-color: rgba(244, 247, 247, 0.7);
}

.lightbox-close-button {
  position: absolute;
  top: -32px;
  right: 0;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 0;
  opacity: 1;
  border: 0;
  background: 0;
  background-image: url("../img/icn-lightbox-close.png");
  background-size: 100%;
  transition: 0.3s;
}
.lightbox-close-button:hover {
  opacity: 0.7;
}
.examens .lightbox-close-button {
  top: 34px;
  right: 34px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #e1eff8 url("../svg/originals/close-lightbox.svg") center center no-repeat;
}
.examens .lightbox-close-button:hover {
  opacity: 0.7;
}

.lightbox-prev-button {
  position: absolute;
  top: 50%;
  left: -80px;
  padding: 15px;
  transform: translateY(-50%);
}

.lightbox-next-button {
  position: absolute;
  top: 50%;
  right: -80px;
  padding: 15px;
  transform: translateY(-50%);
}

ul.list-arrows,
ul.publication-list,
ul.list-icon,
ul.news-list {
  padding: 0;
}
ul.list-arrows li,
ul.publication-list li,
ul.list-icon li,
ul.news-list li {
  background-image: none;
}
ul.list-arrows a,
ul.publication-list a,
ul.list-icon a,
ul.news-list a {
  text-decoration: none;
}
ul.list-arrows a:hover,
ul.publication-list a:hover,
ul.list-icon a:hover,
ul.news-list a:hover {
  text-decoration: underline;
}

ul.news-list {
  margin: 0;
}
ul.news-list li {
  padding-left: 0;
}
ul.news-list li > a {
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
}
ul.news-list a {
  color: #085da2;
}
ul.news-list .news-list-tag {
  display: inline-block;
  margin: 0;
  font-weight: 300;
  color: #000000;
}
ul.news-list .news-list-tag::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 2px;
  height: 2px;
  margin: 0 7px 0 5px;
  background: #5e696d;
  background-clip: padding-box;
  border-radius: 50%;
}
ul.news-list .news-list-tag svg {
  fill: #5e696d;
}
.panel ul.news-list {
  margin-top: 0;
}
.panel ul.news-list li {
  margin: 0 0 30px;
}
.panel ul.news-list li:last-child {
  margin-bottom: 0;
}

ul.list-icon {
  margin: 0;
  border-top: 1px solid #868e92;
}
.l-footer ul.list-icon {
  margin-top: -10px;
}
.l-footer ul.list-icon, .l-footer ul.list-icon li {
  border: 0;
}
ul.list-icon li {
  position: relative;
  margin: 0;
  padding: 18px 0 18px 60px;
  border-bottom: 1px solid #868e92;
  list-style: none;
}
ul.list-icon a {
  display: inline-block;
  font-weight: 600;
}
ul.list-icon .icon-wrapper {
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  width: 40px;
}
ul.list-icon .icon-wrapper.facebook-wrapper, ul.list-icon .icon-wrapper.liens-wrapper {
  width: 34px;
  margin-left: 3px;
}
ul.list-icon svg {
  width: 90%;
  fill: #000000;
}
.l-block-content ul.list-icon {
  margin-top: 10px;
  border-top: 0;
}
.l-block-content ul.list-icon li {
  padding: 20px 0 20px 90px;
  border-bottom: 1px solid #ebeded;
}
.l-block-content ul.list-icon li:last-child {
  border-bottom: 0;
}
.l-block-content ul.list-icon .icon-wrapper {
  left: 30px;
}

ul.list-arrows {
  margin: 0 0 20px;
}
ul.list-arrows li {
  padding: 0;
}
ul.list-arrows a {
  padding-right: 22px;
  font-weight: 300;
  background-image: url(../img/icn-arrow.png);
  background-repeat: no-repeat;
  background-position: 100% 8px;
  background-size: 14px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 24px;
  line-height: 1.5rem;
}
ul.list-arrows .icon-wrapper {
  margin-left: 5px;
}

dl {
  max-width: 780px;
  margin: 60px 0 0;
}

dt {
  margin-bottom: 5px;
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
dt p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0;
  color: inherit;
}

dd {
  margin: 0 0 35px;
  font-weight: 300;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
dd:last-child {
  margin-bottom: 0;
}

ul.list-files, ul.file-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
}
ul.list-files > li:not(:first-child), ul.file-list > li:not(:first-child) {
  list-style: none;
  margin-top: 10px !important;
  padding-left: 0;
  background-image: none;
}

ul.file-list ul {
  margin: 8px 0 0 37px !important;
}
ul.file-list ul li.nobullet, ul.file-list ul li {
  padding-left: 0;
  list-style: none;
  margin-top: 10px !important;
  background-image: none;
}
ul.file-list ul li.nobullet .icon-link, ul.file-list ul li.nobullet .file-description-padding, ul.file-list ul li .icon-link, ul.file-list ul li .file-description-padding {
  padding-left: 26px;
}
ul.file-list ul .doc-wrapper svg {
  width: 16px;
  height: 22px;
}
ul.file-list ul .icon-padding {
  padding-left: 26px;
}
ul.file-list ul .file-description {
  padding-left: 26px;
  margin-top: 0 !important;
  margin-bottom: 0;
  display: block;
}
ul.file-list ul .file-description * {
  display: inline-block;
}

li.nobullet {
  background: none;
  padding-left: 0;
}

ul.list-files span.file {
  min-height: 30px;
}
ul.list-files li ul li:last-child {
  margin-bottom: 10px;
}

ul .indented-list li:last-child, ul.list-files .indented-list li:last-child {
  margin-bottom: 0;
}

ul.list-files li:last-child {
  margin-bottom: 0.2rem;
}

ul.expand-collapse-list {
  margin-left: 0;
}
ul.expand-collapse-list > li.exp-folder {
  padding-left: 0;
  margin: 6px 0;
}
ul.expand-collapse-list > li.exp-folder > div > button.exp-folder-trigger {
  width: 100%;
  text-align: left;
  background-color: #ebeded;
  position: relative;
  padding: 4px 30px 4px 8px;
  border-radius: 0;
  border: 0 none;
}
ul.expand-collapse-list > li.exp-folder > div > button.exp-folder-trigger > :first-child {
  margin: 0;
}
ul.expand-collapse-list > li.exp-folder > div > button.exp-folder-trigger > span:last-child {
  width: 32px;
  height: 100%;
  top: 0;
  right: 0;
  position: absolute;
  float: right;
  font-size: 0;
  clip: initial;
  background: url("../svg/originals/arrow-down.svg") center center no-repeat;
  background-size: 12px;
}
ul.expand-collapse-list > li.exp-folder.is-active > div > button.exp-folder-trigger > span:last-child {
  background-image: url("../svg/originals/arrow-up.svg") !important;
}
ul.expand-collapse-list > li.exp-folder .exp-folder-content > ul {
  margin: 0 16px;
}
ul.expand-collapse-list > li.exp-folder .exp-folder-content > ul > li {
  padding-left: 0;
  background-image: none;
}

.minitest {
  position: relative;
  margin-top: 20px;
  container-type: inline-size;
  container-name: questionnaire;
}
.minitest label,
.minitest p {
  line-height: 24px;
}
.minitest a:not(.is-external):after {
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20version%3D%221.1%22%20viewBox%3D%220%200%2012%2012%22%3E%20%3Cpath%20id%3D%22External%22%20d%3D%22M7.5%2C5.6l3.1-3.1v1.7c0%2C.4.3.7.7.7s.7-.3.7-.7V.7s0%2C0%2C0-.1h0c0%2C0%2C0%2C0%2C0-.1%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0%2C0-.1h0s0%2C0%2C0-.1h0s0%2C0-.1%2C0h0s0%2C0-.1%2C0h0s0%2C0-.1%2C0h0s0%2C0-.1%2C0h-3.5c-.4%2C0-.8.3-.8.7%2C0%2C.4.3.8.7.8%2C0%2C0%2C0%2C0%2C0%2C0h1.7l-3.1%2C3.1c-.3.3-.2.8.1%2C1%2C.3.2.7.2.9%2C0ZM11.2%2C8.3c-.4%2C0-.7.3-.8.7h0v1.5H1.5V1.5h1.5c.4%2C0%2C.8-.3.8-.8S3.4%2C0%2C3%2C0H0v12h12v-3h0c0-.4-.3-.7-.8-.7Z%22%2F%3E%20%3C%2Fsvg%3E");
  display: inline-block;
  width: 10px;
  height: 10px;
  left: 5px;
  position: relative;
  margin-right: 10px;
}
@media screen and (max-width: 858px) {
  .minitest .minitest-question .panel .radio-field-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
    gap: unset;
  }
  .minitest .unvalid-answer-explanation,
  .minitest .valid-answer-explanation {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }
  .minitest .explanation-content {
    flex-direction: column;
    align-items: center;
  }
}
.minitest .minitest-question {
  display: none;
  margin-bottom: 20px;
}
.minitest .minitest-question .panel {
  min-height: 330px;
  margin-bottom: 0px;
}
.minitest .minitest-question .panel .panel-body {
  padding-bottom: 0px;
}
.minitest .minitest-question .panel .radio-field-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  gap: 10px;
  margin-bottom: 10px;
}
.minitest .minitest-question .panel .radio-field-wrapper li:before {
  content: counter(item, upper-alpha);
  position: relative;
  background-color: unset;
  color: black;
  width: 16px;
  height: 24px;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  text-align: center;
}
@media (max-width: 420px) {
  .minitest .minitest-question .panel .radio-field-wrapper li:before {
    margin-right: 0px;
  }
}
.minitest .minitest-question-question {
  margin-bottom: 16px;
  line-height: 45px;
}
.minitest .minitest-question-question * {
  color: #000000;
}
.minitest .minitest-question-question .minitest-question-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0px;
}
.minitest .minitest-question-question .minitest-question-header .pagination {
  font-weight: 300;
  font-size: 24px;
}
.minitest .question-title,
.minitest .results-title {
  color: #000000;
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
}
.minitest .results-title {
  margin-bottom: 0;
}
.minitest .minitest--group {
  display: flex;
  gap: 10px;
}
.minitest .minitest-question-answer {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #f2f7fa;
  border: 1px solid #B5CFE4;
  border-radius: 5px;
  min-height: 72px;
  height: -moz-fit-content;
  height: fit-content;
  flex-direction: row;
  gap: 19px;
  text-align: center;
  cursor: pointer;
}
.minitest .minitest-question-answer .input-divider {
  display: flex;
  flex-direction: row;
  height: 100%;
  min-height: 72px;
  border-right: 1px solid #B5CFE4;
}
.minitest .minitest-question-answer input[type=radio] {
  cursor: pointer;
  accent-color: #5e696d;
  z-index: -1;
}
.minitest .minitest-question-answer label {
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  color: #000000;
  padding: 5px;
  text-align: left;
}
.minitest .minitest-question-answer .icon-wrapper {
  display: none;
  position: absolute;
  top: 5px;
  left: 0;
}
.minitest .minitest-question-answer:hover, .minitest .minitest-question-answer.selected {
  background-color: #DAE7F1;
}
.is-finished .minitest .minitest-question-answer input[type=radio] {
  display: none;
}
@media (max-width: 420px) {
  .minitest .minitest-question-answer {
    flex-direction: column;
    gap: 5px;
    padding-left: unset;
    padding: 10px;
    height: 100%;
  }
  .minitest .minitest-question-answer .input-divider {
    flex-direction: column;
    border: none;
    gap: 5px;
    height: unset;
    min-height: unset;
  }
  .minitest .minitest-question-answer label {
    text-align: center;
  }
}
.minitest .arrow-wrapper {
  position: unset !important;
}
.minitest .check,
.minitest .check svg > use {
  fill: #16642b;
}
.minitest .x,
.minitest .x svg > use {
  fill: #cb4130;
}
.minitest .valid-answer,
.minitest .valid-answer:hover {
  background-color: #BAD1C0;
  border-color: #16642b;
  pointer-events: none;
}
.minitest .valid-answer .input-divider,
.minitest .valid-answer:hover .input-divider {
  border-right: 1px solid #16642b;
}
@media (max-width: 420px) {
  .minitest .valid-answer .input-divider,
  .minitest .valid-answer:hover .input-divider {
    border-right: none;
  }
}
.minitest .unvalid-answer,
.minitest .unvalid-answer:hover {
  background-color: #F0C6C1;
  border-color: #cb4130;
  pointer-events: none;
}
.minitest .unvalid-answer .input-divider,
.minitest .unvalid-answer:hover .input-divider {
  border-right: 1px solid #cb4130;
}
@media (max-width: 420px) {
  .minitest .unvalid-answer .input-divider,
  .minitest .unvalid-answer:hover .input-divider {
    border-right: none;
  }
}
.minitest .disabled,
.minitest .disabled:hover {
  background-color: #ebeded;
  border-color: #C3C7C9;
  pointer-events: none;
}
.minitest .disabled .input-divider,
.minitest .disabled:hover .input-divider {
  border-right: 1px solid #868e92;
}
@media (max-width: 420px) {
  .minitest .disabled .input-divider,
  .minitest .disabled:hover .input-divider {
    border-right: none;
  }
}
.minitest .disabled input[type=radio],
.minitest .disabled label,
.minitest .disabled .answer-counter::after,
.minitest .disabled:hover input[type=radio],
.minitest .disabled:hover label,
.minitest .disabled:hover .answer-counter::after {
  color: #868e92 !important;
}
.minitest .minitest-question-explanation {
  display: none;
}
.minitest .explanation-title {
  font-weight: 700;
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.minitest .visible-explanation {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-radius: 3px;
  padding: 40px;
  gap: 40px;
}
.minitest .valid-answer-explanation {
  background-color: #DCE8DF;
}
.minitest .valid-answer-explanation .x-circle-wrapper {
  display: none;
}
.minitest .valid-answer-explanation .check-circle-wrapper {
  display: block;
  color: #16642b;
}
.minitest .valid-answer-explanation .questionnaire-reference a {
  border-bottom: 1px solid #A2C1AA;
}
.minitest .valid-answer-explanation .questionnaire-reference a:last-child {
  border-bottom: none;
}
.minitest .unvalid-answer-explanation {
  background-color: #F7E3E0;
}
.minitest .unvalid-answer-explanation .x-circle-wrapper {
  display: block;
}
.minitest .unvalid-answer-explanation .check-circle-wrapper {
  display: none;
}
.minitest .unvalid-answer-explanation .questionnaire-reference a {
  border-bottom: 1px solid #EAB3AC;
}
.minitest .unvalid-answer-explanation .questionnaire-reference a:last-child {
  border-bottom: none;
}
.minitest .explanation-content :not(a):not(a *) {
  color: #000000;
}
.minitest .questionnaire-reference {
  font-weight: 700;
  font-size: 12px;
  line-height: 24px;
  letter-spacing: 0.1em;
  color: #000000;
}
.minitest .questionnaire-reference :first-child {
  display: block;
}
.minitest .questionnaire-reference a {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #000000;
}
.minitest .correct-answer {
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.minitest .correct-answer * {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.minitest .correct-answer .label {
  font-weight: 700;
}
@media (max-width: 768px) {
  .minitest .correct-answer .label {
    display: block;
  }
}
.minitest .minitest-navigation {
  margin-bottom: 40px;
}
.minitest .minitest-navigation a {
  display: inline-block;
}
@media (max-width: 600px) {
  .minitest .minitest-navigation a {
    margin-left: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
  .minitest .minitest-navigation a:hover {
    text-decoration: none;
  }
}
.minitest .minitest-navigation a:last-child {
  margin-right: 0;
}
.minitest .minitest-navigation a:hover {
  text-decoration: underline;
}
.minitest .minitest-navigation .nav-btn-group {
  display: flex;
  padding: 0px 30px;
  justify-content: space-between;
}
@container questionnaire (max-width:529px) {
  .minitest .minitest-navigation .nav-btn-group {
    flex-direction: column;
    gap: 15px;
  }
}
.minitest .minitest-top-navigation {
  position: absolute;
  top: -38px;
  right: 20px;
}
.minitest .minitest-top-navigation a {
  display: inline-block;
  margin: 0 8px;
  text-decoration: none;
}
@media (max-width: 600px) {
  .minitest .minitest-top-navigation a:hover {
    text-decoration: none;
  }
}
.minitest .minitest-top-navigation a:last-child {
  margin-right: 0;
}
.minitest .minitest-top-navigation a:hover {
  text-decoration: underline;
}
.minitest .minitest-results {
  display: none;
  position: relative;
  margin-bottom: 20px;
}
@media (max-width: 600px) {
  .minitest .minitest-results .goto-question:hover {
    text-decoration: none;
  }
}
.minitest .minitest-results .panel {
  min-height: 330px;
}
.minitest .minitest-results .results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.minitest .minitest-results .show-score {
  font-weight: 300;
  font-size: 24px;
  color: #000000;
}
.minitest .minitest-results .minitest-btn-group {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: flex-start;
}
.minitest .minitest-results .see-also {
  margin-top: 20px;
}
.minitest tr.unvalid,
.minitest .unvalid th,
.minitest tr.valid,
.minitest .valid th {
  border-color: #e1e3e4;
}
.minitest .valid th {
  background-color: #f3f7f4;
}
.minitest .valid th.expand-button {
  background-color: #bad1c0;
}
.minitest .unvalid th {
  background-color: #fcf5f4;
}
.minitest .unvalid th.expand-button {
  background-color: #f0c6c1;
}
.minitest th.expand-button button {
  background-color: inherit;
  border: none;
  height: 35px;
}
.minitest th.expand-button button::before {
  content: "";
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M6 1C6 0.447715 5.55228 0 5 0C4.44772 0 4 0.447715 4 1V4H1C0.447715 4 0 4.44772 0 5C0 5.55228 0.447715 6 1 6H4V9C4 9.55228 4.44772 10 5 10C5.55228 10 6 9.55228 6 9V6H9C9.55228 6 10 5.55228 10 5C10 4.44772 9.55228 4 9 4H6V1Z" fill="black"/></svg>') center center no-repeat;
  width: 10px;
  height: 10px;
  float: left;
}
.minitest .active th.expand-button button::before {
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="2" viewBox="0 0 10 2" fill="none"><path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M0 1C0 0.447715 0.447715 0 1 0H9C9.55229 0 10 0.447715 10 1C10 1.55228 9.55229 2 9 2H1C0.447715 2 0 1.55228 0 1Z" fill="black"/></svg>') center center no-repeat;
}
.minitest .minitest-results.table {
  border: none;
  border-collapse: collapse;
}
.minitest tr.question-results {
  cursor: pointer;
}
.minitest tr.question-results td.question-id {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.minitest tr.question-results th.question-answer .label-selected-answer {
  font-weight: 700;
  color: #5e696d;
}
.minitest tr.question-results th.question-answer .selected-answer {
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  color: #5e696d;
}
.minitest tr.question-results th.question-answer .question * {
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #000000;
}
.minitest tr.question-results th.answer-icon .x-circle-wrapper,
.minitest tr.question-results th.answer-icon .check-circle-wrapper {
  min-width: 28px;
}
.minitest tr.explanation td {
  padding: 0;
}
@media (max-width: 420px) {
  .minitest .previous-question {
    justify-self: center;
  }
}
.minitest .next-question {
  margin-left: auto;
}
.minitest .next-question.btn.btn-primary.disabled {
  background-color: #c3c7c9 !important;
  border-color: #c3c7c9 !important;
  color: #868e92 !important;
}
@container questionnaire (max-width:529px) {
  .minitest .next-question {
    margin-left: unset;
  }
}

.nav-footer {
  float: right;
}
@media only screen and (max-width: 767px) {
  .nav-footer {
    float: none;
  }
}
.nav-footer li {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 15px;
  line-height: 0.9375rem;
  background-image: none;
  margin: 0 15px;
}
@media (max-width: 800px) {
  .nav-footer li {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
    margin: 0 10px 0 0;
  }
}
.nav-footer li:last-child {
  margin-right: 0;
}
.nav-footer li a:hover {
  text-decoration: underline;
  color: #ebeded;
}
.nav-footer ul {
  padding-right: 4px;
}

.nav-glossaire {
  background-color: #f5f7f7;
  background-clip: padding-box;
  border-radius: 5px;
}
.nav-glossaire ul {
  margin: 0;
  padding: 15px 30px;
  text-align: center;
}
.nav-glossaire li,
.nav-glossaire li::before,
.nav-glossaire button,
.nav-glossaire span {
  display: inline-block;
}
.nav-glossaire li {
  display: inline-block;
  vertical-align: middle;
}
.nav-glossaire li::before {
  content: "";
  vertical-align: middle;
  width: 2px;
  height: 2px;
  margin: 0 5px;
  background-color: #000000;
  background-clip: padding-box;
  border-radius: 50%;
}
.nav-glossaire li:first-child::before {
  display: none;
}
.nav-glossaire button {
  min-width: 31px;
  height: 31px;
  padding: 8px;
  text-transform: uppercase;
  color: #000000;
  border: 0;
  background-color: #f5f7f7;
  transition: 0.3s;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
  background-clip: padding-box;
  border-radius: 50%;
}
.nav-glossaire button.is-active,
.nav-glossaire button:hover {
  background-color: #d0d3d5;
}

.glossaire .tab-content:before {
  background-color: transparent;
}

.nav-hub {
  font-size: 0;
}
.nav-hub li {
  padding: 0;
  list-style: none;
}

.nav-icons {
  display: flex;
  position: relative;
  flex-flow: row;
  align-items: stretch;
  justify-content: center;
  flex-shrink: 1;
  flex-grow: 0;
  overflow: visible;
}
@media (max-width: 1023px) {
  .nav-icons {
    flex-flow: row wrap;
    margin: auto;
    max-width: 800px;
  }
}
.l-block-content .nav-icons {
  margin-top: -45px !important;
  margin-bottom: -14px;
}
.nav-icons .external-wrapper {
  opacity: 0;
  position: absolute;
}
.nav-icons .is-external .icon-wrapper:first-child {
  position: relative;
}
.nav-icons .is-external .icon-wrapper:first-child:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-image: url(../svg/originals//external-black.svg);
  background-size: 100%;
  position: absolute;
  top: -14px;
  right: -14px;
}
.nav-icons ul {
  display: flex;
  flex-flow: row;
  align-items: stretch;
  justify-content: space-between;
  flex-shrink: 1;
  flex-grow: 0;
  margin: 14px 0 0;
  padding: 0;
}
.nav-icons ul:before {
  display: none;
}
.nav-icons ul:last-child {
  position: relative;
  margin-left: 28px !important;
}
@media (max-width: 1023px) {
  .nav-icons ul:last-child {
    margin-left: 0 !important;
  }
}
.nav-icons ul:last-child::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -14px;
  transform: translateY(-50%);
  width: 2px;
  height: 80px;
  align-self: center;
  background-color: #d0d3d5 !important;
}
@media (max-width: 1023px) {
  .nav-icons ul:last-child::before {
    height: 2px;
    width: 240px;
    top: -16px;
    left: 50%;
    transform: translateY(0) translateX(-50%);
  }
}
@media only screen and (max-width: 767px) {
  .nav-icons ul:last-child::before {
    width: 120px;
  }
}
@media (max-width: 1023px) {
  .nav-icons ul {
    width: 100%;
    flex-flow: row wrap;
    justify-content: center;
    padding: 0 12px;
  }
  .nav-icons ul:first-child {
    margin-bottom: 16px;
  }
  .nav-icons ul:last-child {
    margin-top: 16px;
  }
}
.nav-icons ul li {
  margin: 0;
  padding: 0;
  background: none;
  flex-basis: 158px;
  list-style: none;
}
@media (max-width: 1023px) {
  .nav-icons ul li {
    width: 33%;
    flex-basis: auto;
  }
}
@media only screen and (max-width: 767px) {
  .nav-icons ul li {
    width: 50%;
  }
}

.nav-icons-title {
  display: inline-block;
  max-width: 250px;
  padding-top: 30px;
  padding-right: 2.75%;
  font-weight: 600;
  text-align: right;
  color: #000000;
  flex-basis: auto;
  margin: 0;
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 42px;
  line-height: 2.625rem;
}
@media (max-width: 1023px) {
  .nav-icons-title {
    max-width: none;
    padding-top: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    text-align: center;
    flex-basis: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .nav-icons-title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
  }
}

.nav-icon {
  display: flex;
  min-height: 121px;
  border-radius: 5px;
  height: 100%;
  padding: 16px;
  text-align: center;
  text-decoration: none;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
}
@media (max-width: 1023px) {
  .nav-icon {
    min-height: 100px;
    padding: 16px 12px;
  }
}
.nav-icon > .nav-icon-icon:first-child {
  min-width: 60px;
  margin-bottom: 10px;
}
.nav-icon svg {
  fill: #ffbb00;
}
.nav-icon:hover {
  background: #f5f7f7;
}

.sub-nav-icon svg {
  fill: #000000;
}

.nav-icon-text {
  color: #000000;
  padding-top: 10px;
  max-width: 130px;
  margin: 0 auto;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: normal;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .nav-icon-text {
    min-height: 0;
  }
}

.ie10 .nav-icons {
  flex-flow: row wrap;
}
.ie10 .nav-icons-title {
  max-width: none;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
  flex-basis: 100%;
}
.ie10 .nav-icon {
  width: 16%;
  flex-basis: auto;
}
@media (max-width: 1023px) {
  .ie10 .nav-icon {
    width: 33%;
    min-height: 0;
    padding: 20px 12px;
  }
}
@media only screen and (max-width: 767px) {
  .ie10 .nav-icon {
    width: 50%;
  }
}

.is-font-21 .nav-icons,
.is-font-24 .nav-icons,
.is-font-27 .nav-icons,
.is-font-32 .nav-icons,
.is-font-38 .nav-icons,
.is-font-48 .nav-icons {
  flex-flow: row wrap;
}
.is-font-21 .nav-icons-title,
.is-font-24 .nav-icons-title,
.is-font-27 .nav-icons-title,
.is-font-32 .nav-icons-title,
.is-font-38 .nav-icons-title,
.is-font-48 .nav-icons-title {
  max-width: none;
  text-align: left;
  flex-basis: 100%;
}
.is-font-21 .nav-icon,
.is-font-24 .nav-icon,
.is-font-27 .nav-icon,
.is-font-32 .nav-icon,
.is-font-38 .nav-icon,
.is-font-48 .nav-icon {
  flex-grow: 1;
  flex-shrink: 1;
}

.is-font-32 .nav-icons ul,
.is-font-38 .nav-icons ul,
.is-font-48 .nav-icons ul {
  flex-flow: row wrap;
}

.is-home .l-page {
  position: relative;
  z-index: 1000;
}
.is-home .nav-icons ul li {
  padding-top: 3px;
}
.is-home .nav-icons ul li a:focus {
  z-index: 1000;
  position: relative;
}

.nav-main-footer {
  z-index: 10;
  position: relative;
  top: 40px;
  padding: 20px;
  background-clip: padding-box;
  border-radius: 5px;
}
@media (max-width: 950px) {
  .nav-main-footer {
    padding: 13px 20px;
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .nav-main-footer {
    display: none;
  }
}
.nav-main-footer.table > :not(caption) > * > * {
  background-color: transparent;
  box-shadow: none;
}
.nav-main-footer ul li {
  vertical-align: middle;
  position: relative;
  min-width: 85px;
  padding: 3px 15px;
  background-image: none;
  border-left: 1px solid #868e92;
}
@media (max-width: 950px) {
  .nav-main-footer ul li {
    display: inline-block;
    min-width: 19%;
    max-width: calc(35% - 10px);
    margin: 5px 35px 5px 0;
    padding: 0 6px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    line-height: 1rem;
  }
}
.nav-main-footer ul li:first-child {
  border: 0;
}
@media (max-width: 950px) {
  .nav-main-footer ul li:first-child {
    border-left: 1px solid #868e92;
  }
}
.nav-main-footer ul li a {
  color: #000000;
  display: inline-block;
  padding: 0;
}
.nav-main-footer ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 1350px) {
  .is-zoomed .l-footer .l-page-wrapper,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper {
    margin: 0 5px;
    padding: 0 5px;
  }
  .is-zoomed .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer {
    padding-left: 5px;
    padding-right: 5px;
  }
  .is-zoomed .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer ul.tr,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer ul.tr {
    display: block;
  }
  .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li {
    padding-left: 10px;
    padding-right: 10px;
  }
  .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li a,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li a {
    line-height: 120%;
  }
  .is-zoomed .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-105 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-110 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-115 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-120 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-125 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-130 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-135 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-140 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-145 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-150 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-155 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-160 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-165 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-170 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-175 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-180 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-185 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-190 .l-footer .l-page-wrapper .nav-main-footer li.td,
  .is-fontzoombigger-195 .l-footer .l-page-wrapper .nav-main-footer li.td {
    display: inline-block;
    margin-bottom: 7px;
    float: none;
    overflow: hidden;
  }
}
.nav-main {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-top: 30px;
  padding-bottom: 6em;
  font-size: 15px;
}
@media (max-width: 1270px) {
  .nav-main {
    padding-bottom: 65px;
  }
}
@media (max-width: 1020px) {
  .nav-main {
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .nav-main {
    display: none;
    margin: 0;
    padding: 0;
  }
}
.no-sublevel .nav-main, .is-page--error .nav-main {
  padding-bottom: 0;
}
.nav-main {
  /*.is-zoomed & {
      margin-top: 1em;
  }*/
}

[data-state=keyboard] .nav-main a:focus {
  position: relative;
  z-index: 1000;
}
[data-state=keyboard] .nav-main.js-mobile-nav-content a:focus {
  box-sizing: border-box;
  margin-left: 3px;
  margin-right: 3px;
  width: calc(100% - 6px);
}
[data-state=keyboard] .nav-main.js-mobile-nav-content a:focus + button.sublevel-trigger {
  z-index: 1035;
  right: 3px;
  width: 57px;
}
[data-state=keyboard] .nav-main.js-mobile-nav-content button:focus {
  right: 3px;
  z-index: 1000;
  width: 57px;
}

.nav-media a {
  display: inline-block;
}
.nav-media .icon-wrapper.icon-facebook-wrapper {
  width: 25px;
}
.nav-media .icon-wrapper.icon-x-wrapper {
  width: 25px;
}

.is-zoomed .nav-main {
  margin-top: 3.75em;
}
.is-zoomed .toplevel-item:nth-child(1) .sublevel .sublevel-item,
.is-zoomed .toplevel-item:nth-child(2) .sublevel .sublevel-item {
  min-width: auto;
  width: 14.2857142857%;
}
.is-zoomed .toplevel-item:nth-child(3) .sublevel .sublevel-item {
  min-width: auto;
  width: 16.6666666667%;
}
.is-zoomed .toplevel-item:nth-child(4) .sublevel .sublevel-item {
  min-width: auto;
  width: 20%;
}

.is-zoomed.is-font-21 .nav-main {
  margin-top: 2.5em;
}

.is-zoomed.is-font-24 .nav-main,
.is-zoomed.is-font-27 .nav-main,
.is-zoomed.is-font-32 .nav-main,
.is-zoomed.is-font-38 .nav-main,
.is-zoomed.is-font-48 .nav-main {
  margin-top: 2em;
}

.toplevel {
  float: right;
}
@media only screen and (max-width: 767px) {
  .toplevel {
    float: none;
  }
}

.toplevel-item {
  display: table-cell;
  vertical-align: bottom;
  min-width: 11.25em;
  max-width: 16.875em;
  padding-left: 15px;
}
@media (max-width: 1270px) {
  .toplevel-item {
    min-width: 9.375em;
    max-width: 14.375em;
  }
}
@media (max-width: 1080px) {
  .toplevel-item {
    padding-left: 10px;
  }
  .toplevel-item:nth-child(2) {
    width: 12.1875em;
  }
  .toplevel-item:nth-child(3) {
    width: 12.8125em;
  }
}
@media (max-width: 1020px) {
  .toplevel-item {
    min-width: 0;
    max-width: 9.375em;
    padding-left: 10px;
  }
  .toplevel-item:nth-child(2) {
    width: auto;
  }
  .toplevel-item:nth-child(3) {
    width: 8.75em;
  }
}
@media only screen and (max-width: 767px) {
  .toplevel-item {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    border-bottom: 1px solid #ffffff;
  }
  .toplevel-item:nth-child(2), .toplevel-item:nth-child(3) {
    width: 100%;
  }
}
.toplevel-item:first-child {
  max-width: 176px;
  text-align: center;
}
@media (max-width: 1270px) {
  .toplevel-item:first-child {
    max-width: 140px;
  }
}
@media (max-width: 1270px) and (max-width: 1270px) {
  .toplevel-item:first-child > a {
    padding: 7px 12px;
  }
}
@media (max-width: 1270px) and (max-width: 1080px) {
  .toplevel-item:first-child > a {
    padding: 7px 14px;
  }
}
@media only screen and (max-width: 1270px) and (max-width: 767px) {
  .toplevel-item:first-child > a {
    padding: 0 80px 0 20px;
  }
}
@media (max-width: 1020px) {
  .toplevel-item:first-child {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .toplevel-item:first-child {
    width: 100%;
    max-width: 100%;
    text-align: left;
  }
}
.toplevel-item > a {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 87px;
  padding: 15px 30px;
  border: 1px solid #ebeded;
  border-bottom: 0;
  background-color: #ffffff;
  transition: 0.3s;
  background-clip: padding-box;
  border-radius: 5px 5px 0 0;
}
@media (max-width: 1270px) {
  .toplevel-item > a {
    padding: 7px 10px;
  }
}
@media (max-width: 1020px) {
  .toplevel-item > a {
    height: 73px;
  }
}
@media only screen and (max-width: 767px) {
  .toplevel-item > a {
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 80px 0 20px;
    background-color: #ebeded;
    background-clip: padding-box;
    border-radius: 0;
  }
}
.toplevel-item.is-current > a, .toplevel-item > a:hover {
  background-color: #ebeded;
}

.nav-main-title {
  display: block;
  margin-bottom: 3px;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 19px;
  line-height: 1.1875rem;
}
@media (max-width: 1020px) {
  .nav-main-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}

.nav-main-text {
  display: block;
  color: #000000;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
@media (max-width: 1020px) {
  .nav-main-text {
    display: none;
  }
}

.sublevel {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #ebeded;
}
@media only screen and (max-width: 767px) {
  .sublevel {
    display: block;
    position: static;
    padding: 15px 0;
    background-color: #000000;
  }
}
.sublevel:after, .sublevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ebeded;
}
.sublevel:before {
  left: -100%;
}
.sublevel:after {
  right: -100%;
}

.sublevel-item {
  vertical-align: top;
  position: relative;
  padding-left: 0;
  width: 14.2857142857%;
  min-width: 14.2857142857%;
  text-align: left;
  background: 0;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
@media (max-width: 1270px) {
  .sublevel-item {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 16px;
    line-height: 1rem;
  }
}
@media (max-width: 1020px) {
  .sublevel-item {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}
@media only screen and (max-width: 767px) {
  .sublevel-item {
    display: block;
    position: static;
    width: 100% !important;
    padding: 0;
  }
}
.has-2-items .sublevel-item {
  width: 50%;
}
.has-3-items .sublevel-item {
  width: 33.3333333333%;
}
.has-4-items .sublevel-item {
  width: 25%;
}
.has-5-items .sublevel-item {
  width: 20%;
}
.has-6-items .sublevel-item {
  width: 16.6666666667%;
}
.sublevel-item:first-child:before {
  display: none;
}
.sublevel-item:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 20px);
  left: 0;
  width: 1px;
  height: 40px;
  background-color: #868e92;
}
@media only screen and (max-width: 767px) {
  .sublevel-item:before {
    display: none;
  }
}
.sublevel-item a {
  display: block;
  position: relative;
  height: 6.0625em;
  padding: 0 15px;
  color: #000000;
}
@media (max-width: 1270px) {
  .sublevel-item a {
    height: 5em;
  }
}
@media (max-width: 1020px) {
  .sublevel-item a {
    padding: 0 15px 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .sublevel-item a {
    height: auto;
    padding: 8px 20px;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
  .sublevel-item a:hover {
    color: #ffffff;
  }
  .sublevel-item a:hover > * {
    text-decoration: underline;
  }
}
.sublevel-item a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  width: calc(100% - 30px);
  height: 3px;
  opacity: 0;
  background-color: #ffbb00;
  transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .sublevel-item a:after {
    display: none;
  }
}
.sublevel-item.is-current a:after,
.sublevel-item a:hover:after {
  bottom: 0;
  opacity: 1;
}
@media (max-width: 1270px) {
  .sublevel-item.is-current a:after,
  .sublevel-item a:hover:after {
    bottom: 0;
  }
}

.toplevel-item-wrap,
.sublevel-item-text {
  display: inline-block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.bottomlevel {
  padding: 20px;
  border-bottom: 1px solid #ffffff;
  background-color: #d0d3d5;
}

.bottomlevel-item {
  display: block;
  padding: 6px 0;
}
.bottomlevel-item a {
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 17px;
  line-height: 1.0625rem;
}

.sublevel-trigger {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  padding: 0;
  border: 0;
  background-color: #000000;
}
.sublevel-trigger:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 7px);
  width: 14px;
  height: 8px;
  background-image: url("../img/icn-arrow-sublevel-trigger.png");
  background-size: 100%;
  transition: 0.4s;
}
.sublevel-trigger.is-active:before {
  transform: rotate(180deg);
}

.is-font-21 .nav-main-text,
.is-font-24 .nav-main-text,
.is-font-27 .nav-main-text,
.is-font-32 .nav-main-text,
.is-font-38 .nav-main-text,
.is-font-48 .nav-main-text {
  display: none;
}

@media screen and (max-width: 1770px) {
  .is-font-32 .l-header.is-mobile,
  .is-font-38 .l-header.is-mobile,
  .is-font-48 .l-header.is-mobile {
    display: block;
    padding-top: 0;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper,
  .is-font-38 .l-header.is-mobile .l-page-wrapper,
  .is-font-48 .l-header.is-mobile .l-page-wrapper {
    padding: 60px 0 0;
    margin: 0;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel {
    float: none;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
    border-bottom: 1px solid #fff;
    min-width: 0;
    display: block;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    width: 100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
    background-clip: padding-box;
    background-color: #ebeded;
    border-radius: 0;
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 80px 0 20px;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
    padding: 0 80px 0 20px;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
    background-color: #000000;
    display: block;
    padding: 15px 0;
    position: static;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
    background-color: #ebeded;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
    right: -100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    display: block;
    padding: 0;
    position: static;
    width: 100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    background-color: #868e92;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: calc(50% - 20px);
    width: 1px;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
    display: none;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    display: none;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    line-height: 1.0625rem;
    padding: 8px 20px;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
    background-color: #e9b51a;
    bottom: -5px;
    content: "";
    display: block;
    height: 3px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: calc(100% - 30px);
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta {
    background-clip: padding-box;
    background-color: #d0d3d5;
    border-radius: 0 0 5px 5px;
    float: none;
    padding: 20px;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta > *,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta > *,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta > * {
    vertical-align: middle;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
    color: #003767;
    position: relative;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
    background-color: #003767;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .is-font-32 .l-header.is-mobile .l-page-wrapper .nav-media,
  .is-font-38 .l-header.is-mobile .l-page-wrapper .nav-media,
  .is-font-48 .l-header.is-mobile .l-page-wrapper .nav-media {
    float: right;
    margin: 0;
  }
  .is-font-32 .l-header.is-mobile .logo,
  .is-font-38 .l-header.is-mobile .logo,
  .is-font-48 .l-header.is-mobile .logo {
    left: 10px;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 114px;
  }
  .is-font-32 .l-header.is-mobile .nav-main,
  .is-font-38 .l-header.is-mobile .nav-main,
  .is-font-48 .l-header.is-mobile .nav-main {
    margin: 0;
    padding-bottom: 0;
  }
  .is-font-32 .l-header,
  .is-font-38 .l-header,
  .is-font-48 .l-header {
    display: none;
  }
  .is-home.is-font-32 .l-banner .l-page-wrapper,
  .is-home.is-font-38 .l-banner .l-page-wrapper,
  .is-home.is-font-48 .l-banner .l-page-wrapper {
    padding: 37px 20px 60px;
  }
}
@media screen and (max-width: 1560px) {
  .is-font-27 .l-header.is-mobile {
    display: block;
    padding-top: 0;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper {
    padding: 60px 0 0;
    margin: 0;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel {
    float: none;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
    border-bottom: 1px solid #fff;
    min-width: 0;
    display: block;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    width: 100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
    background-clip: padding-box;
    background-color: #ebeded;
    border-radius: 0;
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 80px 0 20px;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
    padding: 0 80px 0 20px;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
    background-color: #000000;
    display: block;
    padding: 15px 0;
    position: static;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
    background-color: #ebeded;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
    right: -100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    display: block;
    padding: 0;
    position: static;
    width: 100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    background-color: #868e92;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: calc(50% - 20px);
    width: 1px;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
    display: none;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    display: none;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    line-height: 1.0625rem;
    padding: 8px 20px;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
    background-color: #e9b51a;
    bottom: -5px;
    content: "";
    display: block;
    height: 3px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: calc(100% - 30px);
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta {
    background-clip: padding-box;
    background-color: #d0d3d5;
    border-radius: 0 0 5px 5px;
    float: none;
    padding: 20px;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta > * {
    vertical-align: middle;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
    color: #003767;
    position: relative;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
    background-color: #003767;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .is-font-27 .l-header.is-mobile .l-page-wrapper .nav-media {
    float: right;
    margin: 0;
  }
  .is-font-27 .l-header.is-mobile .logo {
    left: 10px;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 114px;
  }
  .is-font-27 .l-header.is-mobile .nav-main {
    margin: 0;
    padding-bottom: 0;
  }
  .is-font-27 .l-header {
    display: none;
  }
  .is-home.is-font-32 .l-banner .l-page-wrapper,
  .is-home.is-font-38 .l-banner .l-page-wrapper,
  .is-home.is-font-48 .l-banner .l-page-wrapper {
    padding: 37px 20px 60px;
  }
}
@media screen and (max-width: 1445px) {
  .is-font-24 .l-header.is-mobile {
    display: block;
    padding-top: 0;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper {
    padding: 60px 0 0;
    margin: 0;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel {
    float: none;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
    border-bottom: 1px solid #fff;
    min-width: 0;
    display: block;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    width: 100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
    background-clip: padding-box;
    background-color: #ebeded;
    border-radius: 0;
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 80px 0 20px;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
    padding: 0 80px 0 20px;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
    background-color: #000000;
    display: block;
    padding: 15px 0;
    position: static;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
    background-color: #ebeded;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
    right: -100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    display: block;
    padding: 0;
    position: static;
    width: 100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    background-color: #868e92;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: calc(50% - 20px);
    width: 1px;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
    display: none;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    display: none;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    line-height: 1.0625rem;
    padding: 8px 20px;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
    background-color: #e9b51a;
    bottom: -5px;
    content: "";
    display: block;
    height: 3px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: calc(100% - 30px);
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta {
    background-clip: padding-box;
    background-color: #d0d3d5;
    border-radius: 0 0 5px 5px;
    float: none;
    padding: 20px;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta > * {
    vertical-align: middle;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
    color: #003767;
    position: relative;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
    background-color: #003767;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .is-font-24 .l-header.is-mobile .l-page-wrapper .nav-media {
    float: right;
    margin: 0;
  }
  .is-font-24 .l-header.is-mobile .logo {
    left: 10px;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 114px;
  }
  .is-font-24 .l-header.is-mobile .nav-main {
    margin: 0;
    padding-bottom: 0;
  }
  .is-font-24 .l-header {
    display: none;
  }
  .is-home.is-font-32 .l-banner .l-page-wrapper,
  .is-home.is-font-38 .l-banner .l-page-wrapper,
  .is-home.is-font-48 .l-banner .l-page-wrapper {
    padding: 37px 20px 60px;
  }
}
@media screen and (max-width: 1210px) {
  .is-font-21 .l-header.is-mobile,
  .is-font-19 .l-header.is-mobile,
  .is-font-17 .l-header.is-mobile {
    display: block;
    padding-top: 0;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper,
  .is-font-19 .l-header.is-mobile .l-page-wrapper,
  .is-font-17 .l-header.is-mobile .l-page-wrapper {
    padding: 60px 0 0;
    margin: 0;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel {
    float: none;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item {
    border-bottom: 1px solid #fff;
    min-width: 0;
    display: block;
    max-width: 100%;
    padding-left: 0;
    position: relative;
    width: 100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child {
    max-width: 100%;
    text-align: left;
    width: 100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item > a {
    background-clip: padding-box;
    background-color: #ebeded;
    border-radius: 0;
    display: block;
    height: 60px;
    margin: 0;
    padding: 0 80px 0 20px;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .toplevel-item:first-child > a {
    padding: 0 80px 0 20px;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel {
    background-color: #000000;
    display: block;
    padding: 15px 0;
    position: static;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::before {
    background-color: #ebeded;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel::after {
    right: -100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item {
    font-size: 0.75rem;
    line-height: 0.9375rem;
    display: block;
    padding: 0;
    position: static;
    width: 100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    background-color: #868e92;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    position: absolute;
    top: calc(50% - 20px);
    width: 1px;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item:first-child::before {
    display: none;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item::before {
    display: none;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 400;
    height: auto;
    line-height: 1.0625rem;
    padding: 8px 20px;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .toplevel .sublevel-item a::after {
    background-color: #e9b51a;
    bottom: -5px;
    content: "";
    display: block;
    height: 3px;
    opacity: 0;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: calc(100% - 30px);
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta {
    background-clip: padding-box;
    background-color: #d0d3d5;
    border-radius: 0 0 5px 5px;
    float: none;
    padding: 20px;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta > *,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta > *,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta > * {
    vertical-align: middle;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta-lang,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta-lang {
    color: #003767;
    position: relative;
    text-decoration: none;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .header-meta-lang::after {
    background-color: #003767;
    bottom: 1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
  .is-font-21 .l-header.is-mobile .l-page-wrapper .nav-media,
  .is-font-19 .l-header.is-mobile .l-page-wrapper .nav-media,
  .is-font-17 .l-header.is-mobile .l-page-wrapper .nav-media {
    float: right;
    margin: 0;
  }
  .is-font-21 .l-header.is-mobile .logo,
  .is-font-19 .l-header.is-mobile .logo,
  .is-font-17 .l-header.is-mobile .logo {
    left: 10px;
    margin: 0;
    position: absolute;
    top: 12px;
    width: 114px;
  }
  .is-font-21 .l-header.is-mobile .nav-main,
  .is-font-19 .l-header.is-mobile .nav-main,
  .is-font-17 .l-header.is-mobile .nav-main {
    margin: 0;
    padding-bottom: 0;
  }
  .is-font-21 .l-header,
  .is-font-19 .l-header,
  .is-font-17 .l-header {
    display: none;
  }
  .is-home.is-font-32 .l-banner .l-page-wrapper,
  .is-home.is-font-38 .l-banner .l-page-wrapper,
  .is-home.is-font-48 .l-banner .l-page-wrapper {
    padding: 37px 20px 60px;
  }
}
.nav-media {
  margin: 0 30px;
}
@media only screen and (max-width: 767px) {
  .nav-media {
    float: right;
    margin: 0;
  }
}
.nav-media li {
  margin: 0 6px;
  width: 28px;
  max-height: 100%;
}
@media (max-width: 800px) {
  .nav-media li {
    margin: 0 10px 0 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}
@media only screen and (max-width: 767px) {
  .nav-media li {
    margin-right: 17px;
  }
}
.nav-media li:last-child {
  margin-right: 0;
}
.nav-media li a:hover {
  text-decoration: underline;
}
.nav-media .icon-wrapper {
  width: 28px;
  height: 28px;
  display: inline-block;
}
.nav-media .icon-wrapper svg {
  fill: #000000;
  pointer-events: none;
}

.pagination {
  text-align: center;
}
.pagination ul {
  overflow: hidden;
  background-clip: padding-box;
  border-radius: 5px;
  display: flex;
  justify-content: center;
}
.pagination ul > :first-child a {
  background-clip: padding-box;
  border-radius: 5px 0 0 5px;
  border: none;
}
.pagination ul > :last-child a {
  background-clip: padding-box;
  border-radius: 0 5px 5px 0;
  border: none;
}
.pagination.with-padding {
  padding-top: 15px;
  padding-bottom: 20px;
}
.pagination .pagination-element {
  display: inline-block;
  vertical-align: middle;
  margin: 3px 0;
}
@media (max-width: 1080px) {
  .pagination .pagination-element .btn-default-arrow {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  .pagination .pagination-element .btn-default-arrow:after {
    top: calc(50% - 8px);
    height: 14px;
    width: 14px;
  }
}
.pagination .pagination-element:first-child .btn-default-arrow {
  position: relative;
  padding-right: 20px;
  padding-left: 40px;
}
@media (max-width: 1080px) {
  .pagination .pagination-element:first-child .btn-default-arrow {
    padding-right: 15px;
    padding-left: 38px;
  }
}
@media (max-width: 850px) {
  .pagination .pagination-element:first-child .btn-default-arrow {
    padding-left: 29px;
  }
}
.pagination .pagination-element:first-child .btn-default-arrow:after {
  left: 16px;
  top: calc(50% - 7px);
  transform: rotate(180deg);
}
@media only screen and (max-width: 767px) {
  .pagination .pagination-element:first-child .btn-default-arrow:after {
    left: 8px;
    top: 15px;
  }
}
.pagination .pagination-element:first-child .icon-wrapper {
  position: absolute;
  top: calc(50% - 4px);
  left: 20px;
  margin-right: 6px;
  margin-left: 0;
  transform: rotate(180deg);
}
@media (max-width: 1080px) {
  .pagination .pagination-element:last-child .btn-default-arrow {
    padding-right: 38px;
    padding-left: 15px;
  }
}
@media (max-width: 850px) {
  .pagination .pagination-element:last-child .btn-default-arrow {
    padding-right: 29px;
  }
}
@media only screen and (max-width: 767px) {
  .pagination .pagination-element:last-child .btn-default-arrow:after {
    right: 7px;
  }
}
@media (max-width: 850px) {
  .pagination .pagination-element:first-child .btn-default-arrow, .pagination .pagination-element:last-child .btn-default-arrow {
    font-size: 0px;
    font-size: 0rem;
    line-height: 13px;
    line-height: 0.8125rem;
  }
}
@media only screen and (max-width: 767px) {
  .pagination .pagination-element:first-child .btn-default-arrow, .pagination .pagination-element:last-child .btn-default-arrow {
    width: 24px;
    height: 41px;
    padding: 0;
    font-size: 0px;
    font-size: 0rem;
    line-height: 17px;
    line-height: 1.0625rem;
  }
  .pagination .pagination-element:first-child .btn-default-arrow .icon-wrapper, .pagination .pagination-element:last-child .btn-default-arrow .icon-wrapper {
    margin: 0;
  }
}
@media (max-width: 1080px) {
  .pagination .pagination-element.first, .pagination .pagination-element.last {
    flex-basis: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .pagination .pagination-element.first, .pagination .pagination-element.last {
    flex-basis: 3.75em;
  }
}
.pagination .pagination-element.first, .pagination .pagination-element.last {
  display: flex;
  flex-direction: row;
  flex-basis: 6.75em;
}
.pagination .pagination-element.first .dots, .pagination .pagination-element.last .dots {
  width: 50%;
  padding-top: 15px;
}
.pagination .pagination-element.first .btn, .pagination .pagination-element.last .btn {
  width: 50%;
  line-height: 15px;
  line-height: 0.9375rem;
}
@media (max-width: 1080px) {
  .pagination .pagination-element.first .btn, .pagination .pagination-element.last .btn {
    line-height: 10px;
    line-height: 0.625rem;
  }
}
.pagination a,
.pagination span {
  display: inline-block;
  vertical-align: middle;
  background-clip: padding-box;
  border-radius: 0;
}
.pagination .is-page {
  flex-basis: 3.375em;
  flex-grow: 0;
  flex-shring: 1;
}
@media (max-width: 1080px) {
  .pagination .is-page {
    flex-basis: 2.5em;
  }
}
@media only screen and (max-width: 767px) {
  .pagination .is-page {
    flex-basis: 1.875em;
  }
}
.pagination .is-page + .is-page {
  border-left: 1px solid #d0d3d5;
}
.pagination .is-page .btn {
  background-color: #ebeded;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  color: #000000;
}
@media (max-width: 1080px) {
  .pagination .is-page .btn {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
  }
}
.pagination .is-page .btn .element1 {
  display: block;
}
.pagination .is-page .btn:focus {
  position: relative;
  z-index: 1000;
}
.pagination .is-active .btn,
.pagination .is-active a,
.pagination .is-active span,
.pagination .is-page a:hover {
  background-color: #d0d3d5;
}
.pagination .pagination-element {
  background-color: #ebeded;
}
.pagination .dots-left {
  border-left: 1px solid #d0d3d5;
}
.pagination .dots-right {
  border-right: 1px solid #d0d3d5;
}

.nav-secondary {
  padding: 0;
  margin: 0;
}
.nav-secondary > li {
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
}
.nav-secondary a {
  display: inline-block;
  width: 100%;
  padding: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #000000;
  background: #d0d3d5;
  margin: 1px 0 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.nav-secondary a:hover, .nav-secondary a:focus {
  background: #8fc3ea;
}
.nav-secondary ul {
  margin: 0 0 0 10px;
  padding: 0;
}
.nav-secondary ul li {
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 0;
}
.nav-secondary ul li a {
  font-weight: 400;
  color: #000000;
  background: #e1eff8;
}
.nav-secondary ul li a:hover, .nav-secondary ul li a:focus {
  background: #c2e1f6;
}
.nav-secondary ul li.is-active > a {
  font-weight: 700;
  color: #085da2;
  background: #c2e1f6;
}

@media screen and (max-width: 950px) {
  .is-fontzoombigger-130 .section-nav {
    display: block;
  }
}
.nav-section {
  margin-bottom: 16px;
}
.nav-section ul {
  margin: 0;
  padding: 0;
}
.nav-section ul ul {
  margin-left: 10px;
}
.nav-section ul.alt-style ul {
  margin-left: 0;
}
.nav-section ul.alt-style li a:not(.accueil) {
  font-weight: normal;
  color: #000000;
  background: #ebeded;
}
.nav-section ul.alt-style li a:not(.accueil):hover, .nav-section ul.alt-style li a:not(.accueil):focus {
  background: #d0d3d5;
}
.nav-section ul.alt-style li a * {
  color: inherit;
}
.nav-section ul.alt-style li.is-active > a:not(.accueil) {
  font-weight: 700;
  background: #d0d3d5;
}
.nav-section ul.alt-style li.is-active ul {
  margin-left: 10px;
}
.nav-section ul.alt-style li.is-active ul li a {
  color: #000000;
  background: #e1eff8;
}
.nav-section ul.alt-style li.is-active ul li a:hover, .nav-section ul.alt-style li.is-active ul li a:focus {
  background: #c2e1f6;
}
.nav-section ul.alt-style li.is-active ul li.is-active a {
  font-weight: 700;
  color: #085da2;
  background: #c2e1f6;
}
.nav-section li {
  display: block;
  margin: 0 0 1px;
  padding: 0;
  list-style: none;
}
.nav-section li ul {
  margin-top: 1px;
}
.nav-section li li a {
  color: #000000;
  background: #e1eff8;
}
.nav-section li li a:hover, .nav-section li li a:focus {
  background: #c2e1f6;
}
.nav-section li li.is-active a {
  font-weight: 700;
  color: #085da2;
  background: #c2e1f6;
}
.nav-section li.is-active > a {
  font-weight: 700;
  background: #d0d3d5;
}
.nav-section li:last-child {
  margin-bottom: 0;
}
.nav-section a {
  display: inline-block;
  width: 100%;
  padding: 20px;
  text-decoration: none;
  color: #000000;
  background: #ebeded;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.nav-section a:hover, .nav-section a:focus {
  background: #d0d3d5;
}
.nav-section a:focus {
  z-index: 1000;
  position: relative;
}
.nav-section a.accueil {
  color: white;
  background-color: #000000;
}
.nav-section a.accueil:hover, .nav-section a.accueil:focus {
  background-color: #717173;
}

.news.news-single footer {
  margin-bottom: 20px;
}
.news.news-single .news-img-wrap {
  float: left;
  margin: 0 30px 20px 0;
}
@media (max-width: 850px) {
  .news.news-single .news-img-wrap {
    float: none;
  }
}
@media (max-width: 767px) {
  .news.news-single .news-img-wrap {
    float: left;
  }
}
@media (max-width: 550px) {
  .news.news-single .news-img-wrap {
    float: none;
  }
}
.news.news-single .news-list-date {
  padding-right: 15px;
  color: #868e92;
}
.news.news-single .news-related {
  margin-top: 30px;
}
.news.news-single .search-result-categories {
  margin-bottom: 16px;
}
.news.news-single .search-result-date {
  margin-bottom: 30px;
}
.news.news-single .search-result-updated {
  margin-bottom: 4px;
}
.news.news-single .news-single-misesengarde .search-result-categories {
  margin-bottom: 38px;
}
.news.news-single .news-single-misesengarde .search-result-date {
  margin-bottom: 30px;
}
.news.news-single .news-single-misesengarde .search-result-updated {
  margin-bottom: 4px;
}
.news.news-single .news-single-misesengarde .teaser {
  margin-bottom: 30px;
}
.news.news-single .news-single-misesengarde .other {
  margin-bottom: 0;
}
.news.news-single .news-single-misesengarde .other .websites {
  margin-bottom: 1.5em;
}
.news.news-single .news-single-misesengarde .other .websites .label {
  font-weight: 600;
}
.news.news-single .news-single-misesengarde .other .othernames .label {
  font-weight: 600;
}
.news.news-single .news-single-misesengarde .other ul {
  margin: 0;
}
.news.news-single .news-single-misesengarde .other ul li {
  background-image: none;
  padding-left: 0;
  margin: 4px 0 0 0;
}

/*! nouislider - 12.1.0 - 10/25/2018 */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  touch-action: none;
  -moz-user-select: none;
  user-select: none;
  box-sizing: border-box;
}

.noUi-target {
  position: relative;
  direction: ltr;
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}

/* Wrapper for all connect elements.
 */
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform-origin: 0 0;
}

/* Offset direction
 */
html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
  left: auto;
  right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  width: 0;
}

.noUi-horizontal .noUi-origin {
  height: 0;
}

.noUi-handle {
  position: absolute;
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}

.noUi-state-drag * {
  cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 18px;
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  left: -17px;
  top: -6px;
}

.noUi-vertical {
  width: 18px;
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  left: -6px;
  top: -17px;
}

html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
  right: -17px;
  left: auto;
}

/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}

.noUi-connects {
  border-radius: 3px;
}

.noUi-connect {
  background: #3FB8AF;
}

/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}

.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}

.noUi-active {
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}

.noUi-handle:after {
  left: 17px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}

.noUi-vertical .noUi-handle:after {
  top: 17px;
}

/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}

[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}

/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}

.noUi-pips {
  position: absolute;
  color: #999;
}

/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}

/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #CCC;
}

.noUi-marker-sub {
  background: #AAA;
}

.noUi-marker-large {
  background: #AAA;
}

/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}

.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}

/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}

.noUi-value-vertical {
  transform: translate(0, -50%, 0);
  padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip {
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}

.noUi-vertical .noUi-tooltip {
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}

.nous-joindre .l-block-sidebar {
  width: 17.8125em;
  padding: 35px 30px;
}
@media (max-width: 700px) {
  .nous-joindre .l-block-sidebar {
    width: 100%;
  }
}
.nous-joindre .l-block-sidebar h2 {
  margin: 0;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
}
.nous-joindre .l-block-sidebar h3 {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.nous-joindre .l-block-sidebar p {
  margin: 0 0 8px;
}
.nous-joindre .l-block-sidebar p:last-child {
  margin: 0;
}
.nous-joindre .l-block-sidebar p strong {
  font-weight: 600;
}
.nous-joindre .l-block-sidebar hr {
  margin: 20px -30px;
}
.nous-joindre .l-block-content {
  width: calc(100% - 315px);
  margin-left: 30px;
  padding-top: 50px;
}
@media (max-width: 700px) {
  .nous-joindre .l-block-content {
    width: 100%;
    margin-left: 0;
  }
}
.nous-joindre .l-block-content hr {
  margin: 35px 0;
}
.nous-joindre .l-block-content .grid {
  margin-top: 0;
}
.nous-joindre .ce-above .ce-gallery {
  margin-bottom: 20px;
}
.nous-joindre .col-lg-4 {
  padding: 0 3%;
}
.nous-joindre .col-lg-4:first-child {
  padding-left: 15px;
}
@media (max-width: 1023px) {
  .nous-joindre .col-lg-4 {
    padding: 0 15px;
  }
}
.nous-joindre a {
  text-decoration: none;
}
.nous-joindre a:hover {
  text-decoration: underline;
}

.org-section {
  margin-bottom: 10px;
}

.org-member {
  display: flex;
  background-color: #ebeded;
  justify-content: flex-start;
  flex-flow: row;
  background-clip: padding-box;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .org-member {
    flex-flow: row wrap;
  }
}
.org-member.is-ceo {
  background: none;
  flex-flow: row;
}
.is-active .org-member {
  border-radius: 5px 5px 0 0;
}

.org-member-avatar {
  width: 135px;
  padding-top: 20px;
  padding-bottom: 15px;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .org-member-avatar {
    width: auto;
    padding-right: 16px;
    padding-left: 10px;
    flex-shrink: 1;
  }
  .is-ceo .org-member-avatar {
    padding-left: 0;
  }
}
.org-member-avatar img {
  display: block;
  box-sizing: border-box;
  max-width: 86px;
  width: 86px;
  height: 86px;
  margin: 0 auto;
  border: solid 4px #f4e6b7;
  border-radius: 50%;
}
.is-ceo .org-member-avatar img {
  max-width: 108px;
  width: 108px;
  height: 108px;
}
@media (max-width: 600px) {
  .is-ceo .org-member-avatar img {
    width: 86px;
    height: 88px;
  }
}

.org-member-details {
  padding: 24px 0 15px;
  flex-grow: 1;
  flex-shrink: 1;
}
@media only screen and (max-width: 767px) {
  .org-member-details {
    padding-right: 20px;
    flex-basis: 60%;
  }
}

.org-member-name {
  font-weight: 600;
  color: #000000;
  margin-bottom: 0;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 34px;
  line-height: 2.125rem;
}
@media (max-width: 600px) {
  .org-member-name {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
  }
}

.org-member-jobtitle {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.org-member-bio {
  margin-top: 2px;
}
.org-member-bio p {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.org-member-links {
  margin-top: 10px;
}
.org-member-links a {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.btn.org-folder-trigger {
  position: relative;
  margin-right: 21px;
  padding: 12px 44px 12px 27px;
  font-weight: 600;
  border: 0;
  border-radius: 5px 5px 0 0;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-end;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 16px;
  line-height: 1rem;
}
@media only screen and (max-width: 767px) {
  .btn.org-folder-trigger {
    margin-left: auto;
  }
}
.btn.org-folder-trigger .folder-trigger-symbol {
  right: 22px;
  left: auto;
}
.btn.org-folder-trigger .folder-trigger-symbol .folder-trigger-stroke {
  background-color: #d9ab0d;
  width: 2px;
  height: 10px;
  top: 2px;
}
.btn.org-folder-trigger:active .folder-trigger-symbol .folder-trigger-stroke, .btn.org-folder-trigger:hover .folder-trigger-symbol .folder-trigger-stroke {
  background-color: white;
}
.is-active .btn.org-folder-trigger .folder-trigger-stroke.vertical {
  display: none;
}

.org-folder-content {
  display: none;
  padding: 36px 60px;
  border-radius: 0 0 5px 5px;
  background-color: #f5f7f7;
}
@media only screen and (max-width: 767px) {
  .org-folder-content {
    padding: 36px 30px;
  }
}
.org-folder-content ul {
  margin: 0;
  padding: 0;
}
.org-folder-content li {
  padding-left: 18px;
  background-image: url("../svg/originals/puce-org-niveau1.svg");
  background-repeat: no-repeat;
  background-position: left 9px;
  list-style: none;
}
.org-folder-content li b,
.org-folder-content li strong {
  display: block;
  font-weight: 600;
  color: #000000;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.org-folder-content li li {
  padding-left: 20px;
  background-image: url("../svg/originals/puce-org-niveau2.svg");
  background-position: left 6px;
}
.org-folder-content li li b,
.org-folder-content li li strong {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.org-folder-content li li ul {
  margin-left: 24px;
}
@media (max-width: 600px) {
  .org-folder-content li li ul {
    margin-left: 0;
  }
}
.org-folder-content li li li {
  padding-left: 18px;
  background-image: url("../svg/originals/puce-org-niveau3.svg");
  background-position: left 7px;
}
.org-folder-content li.nobullet {
  background: none;
}

.progress-bar {
  display: table;
  overflow: hidden;
  width: 100%;
  margin: 20px auto;
  padding: 0;
  list-style: none;
  background-clip: padding-box;
  border-radius: 5px;
}
.progress-bar li {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 25%;
  padding: 20px;
  text-align: center;
  color: #000000;
  background-color: #ebeded;
  background-image: none;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
}
@media only screen and (max-width: 767px) {
  .progress-bar li {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}
@media (max-width: 580px) {
  .progress-bar li {
    padding: 10px 15px;
  }
  .progress-bar li.is-active {
    padding-left: 37px;
  }
  .progress-bar li.is-active:first-child, .progress-bar li.is-active:last-child {
    padding-left: 25px;
  }
  .progress-bar li:first-child .progress-bar-number, .progress-bar li:last-child .progress-bar-number {
    padding-left: 10px;
  }
}
.progress-bar li span {
  z-index: 3;
}
.progress-bar li > a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.progress-bar li > a:hover .progress-bar-text span {
  text-decoration: underline;
}
.progress-bar li.is-active, .progress-bar li.is-active::before, .progress-bar li.is-active::after, .progress-bar li.is-past, .progress-bar li.is-past::before, .progress-bar li.is-past::after {
  font-weight: 600;
  color: #ffffff;
  background-color: #000000;
}
.progress-bar li::before, .progress-bar li::after {
  content: "";
  display: block;
  position: absolute;
  background-color: #ebeded;
}
.progress-bar li::before {
  z-index: 2;
  top: 0;
  right: 0;
  width: 15px;
  height: 100%;
  background-color: #ebeded;
}
.progress-bar li::after {
  z-index: 1;
  top: -3%;
  right: -15px;
  width: 30px;
  height: 106%;
  border: 2px solid #bfc2c5;
  background-clip: padding-box;
  border-radius: 50%;
}
.progress-bar li:last-child::before, .progress-bar li:last-child::after {
  display: none;
}

.progress-bar-text {
  position: relative;
}
.progress-bar-text sup {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
@media (max-width: 580px) {
  .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    display: inline-block;
    top: 0;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 18px;
    line-height: 1.125rem;
  }
}
@media (max-width: 580px) {
  .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}

.progress-bar-text {
  top: 50%;
  transform: translateY(-50%);
}

.is-zoomed.is-font-17 .progress-bar-text,
.is-zoomed.is-font-19 .progress-bar-text,
.is-zoomed.is-font-21 .progress-bar-text,
.is-zoomed.is-font-24 .progress-bar-text,
.is-zoomed.is-font-27 .progress-bar-text,
.is-zoomed.is-font-32 .progress-bar-text,
.is-zoomed.is-font-38 .progress-bar-text {
  top: auto;
  transform: translateY(0);
}

@media screen and (max-width: 1445px) {
  .is-zoomed.is-font-38 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-38 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 1295px) {
  .is-zoomed.is-font-32 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-32 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 1180px) {
  .is-zoomed.is-font-27 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-27 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 1100px) {
  .is-zoomed.is-font-24 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-24 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 1040px) {
  .is-zoomed.is-font-21 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-21 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 990px) {
  .is-zoomed.is-font-19 .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    top: auto;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    vertical-align: baseline;
  }
  .is-zoomed.is-font-19 .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
@media screen and (max-width: 825px) {
  .progress-bar .progress-bar-text sup {
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    position: relative;
    display: inline-block;
    height: 18.5px;
    font-size: 1.125rem;
    top: 0.3em;
    vertical-align: baseline;
  }
  .progress-bar .progress-bar-text span {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .is-zoomed.is-font-17 .progress-bar .progress-bar-text sup {
    top: 0;
  }
}
@media screen and (min-width: 825px) {
  .progress-bar sup {
    display: none;
  }
}
@media screen and (max-width: 580px) {
  .progress-bar .progress-bar-text sup {
    top: auto;
  }
}
ul.publication-catalog-list {
  margin: 0;
}
ul.publication-catalog-list figure {
  margin: 0;
}

.publication-catalog-item {
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid #d0d3d5;
  background-image: none;
}
@media (max-width: 1060px) {
  .publication-catalog-item {
    position: relative;
    min-height: 100px;
  }
}
.publication-catalog-item .btn {
  position: relative;
  width: 165px;
  min-height: 45px;
  color: #085da2;
}
@media (max-width: 1060px) {
  .publication-catalog-item .btn {
    margin: 0 0 0 90px;
  }
}
@media (max-width: 420px) {
  .publication-catalog-item .btn {
    width: auto;
    margin-left: 90px;
    padding: 14px 10px;
    min-width: 115px;
  }
}
.publication-catalog-item .btn:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 7px);
  left: calc(50% - 9px);
  width: 17px;
  height: 13px;
  opacity: 0;
  background-image: url("../img/icn-check-white.png");
  background-size: 100%;
  transition: 0.3s;
}
.publication-catalog-item .btn.is-clicked {
  background-color: #085da2;
}
.publication-catalog-item .btn.is-clicked .btn-text {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.publication-catalog-item .btn.is-clicked:after {
  opacity: 1;
  transform: rotate(720deg);
}
.publication-catalog-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.publication-catalog-item > * {
  vertical-align: middle;
}

.publication-catalog-image {
  width: 70px;
}
@media (max-width: 1060px) {
  .publication-catalog-image {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.publication-catalog-image + .publication-catalog-text {
  width: calc(100% - 235px);
  padding-left: 30px;
}

.publication-catalog-text {
  width: calc(100% - 165px);
  padding: 0 30px 0 100px;
  color: #000000;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
@media (max-width: 840px) {
  .publication-catalog-text {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 24px;
    line-height: 1.5rem;
  }
}
@media (max-width: 1060px) {
  .publication-catalog-text {
    width: 100% !important;
    margin-bottom: 15px;
    padding-left: 90px !important;
  }
}
@media (max-width: 420px) {
  .publication-catalog-text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    line-height: 1.25rem;
  }
}

.publication-catalog-panel {
  float: right;
  padding: 40px 20px;
  text-align: center;
  background-color: #ebeded;
  background-clip: padding-box;
  border-radius: 5px;
}
@media (max-width: 930px) {
  .publication-catalog-panel {
    float: none;
    width: auto !important;
    padding: 20px;
    text-align: left;
  }
  .publication-catalog-panel > div {
    display: inline-block;
    vertical-align: middle;
  }
  .publication-catalog-panel + .col-3-4 {
    width: calc(100% - 30px) !important;
  }
}
.publication-catalog-panel a {
  text-decoration: none;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  display: inline-block;
  padding: 5px;
  margin: -5px;
}
.publication-catalog-panel a:hover {
  text-decoration: underline;
}
.publication-catalog-panel .icon-wrapper {
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .publication-catalog-panel .icon-wrapper {
    margin-bottom: 5px;
  }
}
.publication-catalog-panel svg {
  fill: #000000;
}

.publication-catalog-cart {
  display: inline-block;
  position: relative;
}

.publication-catalog-counter {
  position: absolute;
  top: -2px;
  right: -9px;
  width: 20px;
  height: 20px;
  padding-top: 3px;
  font-weight: 700;
  text-align: center;
  color: #000000;
  background-color: #d9ab0d;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
  background-clip: padding-box;
  border-radius: 50%;
}

.publication-catalog-cart-label {
  display: block;
}

.quantity-input input {
  background: 0;
  border: 0;
  width: 100%;
  text-align: center;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.amf_expand_content,
.amf_readmore,
.amf_expand_li,
.amf_readmore_li {
  display: none;
}

.amf_expand_li.show,
.amf_readmore_li.show {
  display: list-item;
}

.link-readmore, .link-readless {
  text-decoration: none;
  cursor: pointer;
  display: inline;
  color: #085da2;
}
.link-readmore label, .link-readless label {
  cursor: pointer;
  white-space: nowrap;
}
.link-readmore label:hover, .link-readless label:hover {
  text-decoration: underline;
}

.link-readless {
  display: none;
}

.amf_expand_title {
  cursor: pointer;
  color: #085da2;
  padding-right: 20px;
  background: url(../svg/originals/arrow-down.svg) center right no-repeat;
  background-size: 12px;
  text-decoration: underline;
}
.amf_expand_title.is-closed {
  background: url(../svg/originals/arrow-up.svg) center right no-repeat;
  background-size: 12px;
}

.search-module-wrapper:before, .search-module-wrapper:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.search-module-wrapper:after {
  clear: both;
}
.search-module-wrapper .pagination {
  clear: both;
}

.search-filters {
  float: right;
  width: 280px;
  margin-top: 82px;
}
.is-two-columns .search-filters {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .is-two-columns .search-filters {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .is-two-columns .search-filters {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .search-filters {
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 40px;
  }
}

.search-results {
  float: left;
  width: calc(100% - 280px);
}
@media (min-width: 768px) and (max-width: 1023px) {
  .is-two-columns .search-results {
    width: calc(100% - 200px);
  }
}
@media only screen and (max-width: 767px) {
  .search-results {
    width: 100%;
  }
}
.search-results .file-info {
  display: none;
}

.search-list-result-title {
  margin-bottom: 32px;
  padding-bottom: 20px;
  font-weight: 300;
  color: #000000;
  border-bottom: 1px solid #ebeded;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
}
@media only screen and (max-width: 767px) {
  .search-list-result-title {
    float: left;
    width: 100%;
  }
}
.search-list-result-title p {
  font-weight: 300;
  color: #000000;
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
}
.search-list-result-title span {
  color: #000000;
}

.search-list-result {
  margin: 0;
  padding: 0 7% 0 0;
}
.search-list-result .search-result {
  margin: 0 0 36px;
  padding: 0;
  background: 0;
  list-style: none;
}
.search-list-result .search-result-title {
  display: inline-block;
  margin-bottom: 6px;
  font-weight: 400;
  text-decoration: none;
  color: #085da2;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
.search-list-result .search-result-title:hover {
  text-decoration: underline;
}
.search-list-result .search-result-content {
  margin: 0 0 18px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 22px;
  line-height: 1.375rem;
}
.search-list-result .search-result-cat {
  font-weight: 300;
  text-decoration: none;
  color: #000000;
}
.search-list-result .search-result-cat svg {
  fill: #000000;
}
.search-list-result .search-result-cat:hover {
  text-decoration: underline;
}
.search-list-result .search-result-date {
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.search-list-result .search-result-breadcrumbs {
  font-weight: 300;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.search-list-result .search-result-breadcrumbs ul {
  margin: 0;
  padding: 0;
}
.search-list-result .search-result-breadcrumbs li {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
}
.search-list-result .search-result-breadcrumbs li + li:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 8px;
  background-image: url("../svg/originals/search-breadcrumb-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 5px 1px 8px;
}
.search-list-result .search-result-breadcrumbs a {
  font-weight: 300;
  text-decoration: none;
  color: #000000;
}
.search-list-result .search-result-breadcrumbs a:hover {
  text-decoration: underline;
}
.search-list-result.alertes {
  margin-bottom: 48px;
}
.search-list-result.alertes li.search-result {
  margin-bottom: 0;
}
.search-list-result.alertes li.search-result a {
  text-decoration: none;
}
.search-list-result.alertes li.search-result .misesengarde-folder {
  padding: 20px;
  margin: 0;
  border-bottom: 1px solid #d0d3d5;
  overflow: hidden;
  border-radius: 0;
}
.search-list-result.alertes li.search-result .misesengarde-folder:hover {
  background-color: #ebeded;
}
.search-list-result.alertes li.search-result .misesengarde-folder.is-active {
  background-color: #ebeded;
}
.search-list-result.alertes li.search-result .misesengarde-folder h2 {
  margin-bottom: 0;
  font-weight: 700;
  font-size: 1.275rem;
  line-height: 1.7rem;
  color: #000000;
}
.search-list-result.alertes li.search-result .misesengarde-folder .search-result-meta {
  margin: 6px 0 0 0;
}
.search-list-result.alertes li.search-result .misesengarde-folder .search-result-meta .search-result-date,
.search-list-result.alertes li.search-result .misesengarde-folder .search-result-meta .search-result-updated {
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.575rem;
  color: #000000;
}
.search-list-result.alertes li.search-result:first-child .misesengarde-folder {
  border-top: 1px solid #d0d3d5;
}

@media only screen and (max-width: 767px) {
  .share {
    display: none;
  }
}
.share {
  clear: both;
  text-align: right;
  padding: 12px 15px;
  border: 1px solid #ebeded;
  background-clip: padding-box;
  border-radius: 5px;
  margin-top: 40px;
  background: #ffffff;
}
.share h2 {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 32px;
  line-height: 2rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  color: #000000;
}
.share ul {
  margin: 0;
  padding: 0 0 0 5px;
  display: inline-block;
  vertical-align: middle;
}
.share ul:before, .share ul:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.share ul:after {
  clear: both;
}
.share ul {
  list-style: none;
  font-size: 0;
}
.share li {
  margin: 0 6px;
  padding: 0;
  background: none;
  max-height: 100%;
  display: inline-block;
  line-height: 0;
}
.share .icon-wrapper {
  width: 28px;
  height: 28px;
  display: block;
}
.share .share-x-wrapper {
  width: 25px;
}
.share .share-facebook-wrapper {
  width: 25px;
}
.share a {
  display: inline-block;
}
.share svg {
  fill: #000000 !important;
  width: 28px;
  height: 28px;
}
.share .visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.slider {
  position: relative;
  max-width: 1270px;
}
.slider.in-page {
  max-width: 965px;
  margin: 0px auto;
}

.slider-navigation {
  margin-top: 20px;
}
.in-page .slider-navigation {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  pointer-events: none;
}

.slider-navigation-arrows-wrapper {
  position: absolute;
  top: 45%;
  left: -25px;
  width: calc(100% + 50px);
  transform: translateY(-45%);
}
.in-page .slider-navigation-arrows-wrapper {
  top: calc(50% - 15px);
  left: 0;
  width: 100%;
  transform: translateY(0);
}

.in-page .slider-navigation-pages-wrapper {
  display: flex;
  position: absolute;
  bottom: 16px;
  width: 100%;
  justify-content: center;
}

.slider-navigation-pages-wrapper {
  padding: 0;
  list-style: none;
  margin: 0;
  font-size: 0;
}
.slider-navigation-pages-wrapper li {
  display: inline-block;
  padding: 0;
  margin: 0;
  font-size: 0;
  background-image: none;
}

.slider-navigation-pages {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 3px;
  font-size: 0;
  border: 0;
  background-color: #ffffff;
  transition: 0.3s;
  background-clip: padding-box;
  border-radius: 50%;
  pointer-events: initial;
}
.slider-navigation-pages.is-active, .slider-navigation-pages:hover {
  background-color: #d9ab0d;
}

.slider-navigation-next,
.slider-navigation-prev {
  display: block;
  position: relative;
  width: 20px;
  height: 30px;
  padding: 0;
  opacity: 1;
  border: 0;
  background: 0;
  pointer-events: initial;
  transition: 0.3s;
}
.slider-navigation-next:after,
.slider-navigation-prev:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}
.slider-navigation-next:hover,
.slider-navigation-prev:hover {
  opacity: 0.7;
}

.slider-navigation-prev {
  float: left;
}
.slider-navigation-prev:after {
  border-width: 15px 20px 15px 0;
  border-color: transparent #fff transparent transparent;
}
.in-page .slider-navigation-prev {
  margin-left: 16px;
}

.slider-navigation-next {
  float: right;
}
.slider-navigation-next:after {
  border-width: 15px 0 15px 20px;
  border-color: transparent transparent transparent #fff;
}
.in-page .slider-navigation-next {
  margin-right: 16px;
}

.slide.is-active {
  padding: 4px;
}

.switch {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.switch .switch-input {
  float: left;
  margin-left: -1.5em;
}

.switch-input {
  width: 1em;
  height: 1em;
  vertical-align: top;
  background-color: #bfc9d4;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 2px solid #bfc9d4;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  width: 48px;
  height: 25px;
  cursor: pointer;
}

.switch-input[type=checkbox] {
  border-radius: 0.25em;
}

.switch-input[type=radio] {
  border-radius: 50%;
}

.switch-input:active {
  filter: brightness(90%);
}

.switch-input:focus {
  outline: 0;
}

.switch-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.switch-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.switch-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.switch-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.switch-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.switch-input[disabled] ~ .switch-label, .switch-input:disabled ~ .switch-label {
  opacity: 0.5;
}

.form-switch-custom {
  padding-left: 2.5em;
}

.form-switch-custom .switch-input {
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %231b2e4b;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm4.207 12.793-1.414 1.414L12 13.414l-2.793 2.793-1.414-1.414L10.586 12 7.793 9.207l1.414-1.414L12 10.586l2.793-2.793 1.414 1.414L13.414 12l2.793 2.793z'%3E%3C/path%3E%3C/svg%3E");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

.form-switch-custom .switch-input:focus, .form-switch-custom .switch-input:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: %231b2e4b;'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm4.207 12.793-1.414 1.414L12 13.414l-2.793 2.793-1.414-1.414L10.586 12 7.793 9.207l1.414-1.414L12 10.586l2.793-2.793 1.414 1.414L13.414 12l2.793 2.793z'%3E%3C/path%3E%3C/svg%3E");
}

.form-switch-custom .switch-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm-1.999 14.413-3.713-3.705L7.7 11.292l2.299 2.295 5.294-5.294 1.414 1.414-6.706 6.706z'%3E%3C/path%3E%3C/svg%3E");
}

@media (prefers-reduced-motion: reduce) {
  .form-switch-custom .switch-input {
    transition: none;
  }
}
.switch-inline {
  display: inline-block;
  margin-right: 1rem;
}

.switch-inline .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline label {
  margin-bottom: 0;
  vertical-align: -webkit-baseline-middle;
  vertical-align: -moz-middle-with-baseline;
  margin-left: 8px;
  vertical-align: sub;
  vertical-align: text-top;
  cursor: pointer;
}

.form-switch-custom.form-switch-primary .switch-input:checked {
  background-color: #d9ab0d;
  border-color: #d9ab0d;
}

.form-switch-custom.form-switch-info .switch-input:checked {
  background-color: #2196f3;
  border-color: #2196f3;
}

.form-switch-custom.form-switch-success .switch-input:checked {
  background-color: #00ab55;
  border-color: #00ab55;
}

.form-switch-custom.form-switch-warning .switch-input:checked {
  background-color: #e2a03f;
  border-color: #e2a03f;
}

.form-switch-custom.form-switch-secondary .switch-input:checked {
  background-color: #805dca;
  border-color: #805dca;
}

.form-switch-custom.form-switch-danger .switch-input:checked {
  background-color: #e7515a;
  border-color: #e7515a;
}

.form-switch-custom.form-switch-dark .switch-input:checked {
  background-color: #3b3f5c;
  border-color: #3b3f5c;
}

/* 
====================
    SLIM TOGGLE
====================
*/
.switch-inline.slim-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline.slim-toggle .input-checkbox:before {
  position: absolute;
  content: "";
  left: -31px;
  right: 0;
  background: #e7515a;
  width: 193%;
  height: 5px;
  top: 42.5%;
  border-radius: 60px;
  width: 42px;
  z-index: 0;
}

.slim-toggle.form-switch-custom .switch-input {
  background-color: transparent !important;
  border: none !important;
  z-index: 2;
  position: relative;
}

.slim-toggle.form-switch-custom .switch-input:checked {
  background-color: transparent !important;
  border: none !important;
  z-index: 2;
  position: relative;
}

.switch-inline.slim-toggle .switch-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgb(191 201 212);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
}

/* 
========================
    MATERIAL TOGGLE
========================
*/
.material-toggle .switch-input {
  height: 23px;
}

.switch-inline.material-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline.material-toggle .input-checkbox:before {
  position: absolute;
  content: "";
  left: -29px;
  right: 0;
  background: #e7515a;
  width: 193%;
  height: 14px;
  top: 22.5%;
  border-radius: 60px;
  width: 36px;
  z-index: 0;
}

.material-toggle.form-switch-custom .switch-input {
  background-color: transparent !important;
  border: none !important;
  z-index: 2;
  position: relative;
}

.material-toggle.form-switch-custom .switch-input:checked {
  background-color: transparent !important;
  border: none !important;
  z-index: 2;
  position: relative;
}

.switch-inline.material-toggle .switch-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgb(191 201 212);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
}

.switch-inline.inner-text-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline.inner-text-toggle .input-checkbox span.switch-chk-label {
  position: absolute;
  font-size: 8px;
  top: 7px;
  color: #fff;
  pointer-events: none;
}

.switch-inline.inner-text-toggle .input-checkbox span.label-left {
  left: -30px;
  z-index: 3;
}

.switch-inline.inner-text-toggle .input-checkbox span.label-right {
  left: -7px;
  z-index: 3;
}

/* 
========================
    Inner Text
========================
*/
.inner-text-toggle.form-switch-custom .switch-input {
  z-index: 2;
  position: relative;
}

.inner-text-toggle.form-switch-custom .switch-input:checked {
  z-index: 2;
  position: relative;
}

.switch-inline.inner-text-toggle .switch-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
}

.inner-text-toggle.form-switch-custom .switch-input:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
  filter: none;
}

/* 
========================
    Inner Icon
========================
*/
.switch-inline.inner-icon-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline.inner-icon-toggle .input-checkbox span.switch-chk-label {
  position: absolute;
  font-size: 8px;
  top: 5.5px;
  color: #fff;
  pointer-events: none;
}

.switch-inline.inner-icon-toggle .input-checkbox span.label-left {
  left: -30px;
  z-index: 3;
}

.switch-inline.inner-icon-toggle .input-checkbox span.label-right {
  left: -7px;
  z-index: 3;
}

.switch-inline.inner-icon-toggle .input-checkbox span.switch-chk-label svg {
  width: 15px;
  height: 15px;
  fill: #fff;
}

.inner-icon-toggle.form-switch-custom .switch-input {
  z-index: 2;
  position: relative;
}

.inner-icon-toggle.form-switch-custom .switch-input:checked {
  z-index: 2;
  position: relative;
}

.switch-inline.inner-icon-toggle .switch-input {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
  background-color: #000;
  border-color: #515365;
}

.switch-inline.inner-icon-toggle .switch-input:checked {
  background-color: #e2a03f;
  border-color: #e2a03f;
}

.inner-icon-toggle.form-switch-custom .switch-input:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2z'%3E%3C/path%3E%3C/svg%3E");
  filter: none;
}

/* 
========================
    Inner Icon Circle
========================
*/
.inner-icon-circle-toggle {
  padding: 0;
}

.inner-icon-circle-toggle .switch-label {
  vertical-align: sub;
}

.inner-icon-circle-toggle .switch-input {
  width: 30px;
  height: 30px;
  margin-right: 0;
  margin-left: 0;
  background-size: 21px;
  background-position: center;
}

.switch-inline.inner-icon-circle-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.inner-icon-circle-toggle.form-switch-custom .switch-input {
  z-index: 2;
  position: relative;
}

.inner-icon-circle-toggle.form-switch-custom .switch-input:checked {
  z-index: 2;
  position: relative;
}

.switch-inline.inner-icon-circle-toggle .switch-input {
  background-color: #515365;
  border-color: #515365;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z'%3E%3C/path%3E%3C/svg%3E");
}

.switch-inline.inner-icon-circle-toggle .switch-input:checked {
  background-color: #805dca;
  border-color: #805dca;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
}

.inner-icon-circle-toggle.form-switch-custom .switch-input:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);transform: ;msFilter:;'%3E%3Cpath d='M12 11.807A9.002 9.002 0 0 1 10.049 2a9.942 9.942 0 0 0-5.12 2.735c-3.905 3.905-3.905 10.237 0 14.142 3.906 3.906 10.237 3.905 14.143 0a9.946 9.946 0 0 0 2.735-5.119A9.003 9.003 0 0 1 12 11.807z'%3E%3C/path%3E%3C/svg%3E");
  filter: none;
}

.switch-inline.inner-icon-circle-toggle .switch-input:checked:active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(255, 255, 255, 1);'%3E%3Cpath d='M6.995 12c0 2.761 2.246 5.007 5.007 5.007s5.007-2.246 5.007-5.007-2.246-5.007-5.007-5.007S6.995 9.239 6.995 12zM11 19h2v3h-2zm0-17h2v3h-2zm-9 9h3v2H2zm17 0h3v2h-3zM5.637 19.778l-1.414-1.414 2.121-2.121 1.414 1.414zM16.242 6.344l2.122-2.122 1.414 1.414-2.122 2.122zM6.344 7.759 4.223 5.637l1.415-1.414 2.12 2.122zm13.434 10.605-1.414 1.414-2.122-2.122 1.414-1.414z'%3E%3C/path%3E%3C/svg%3E");
}

/* 
========================
    Dual Label Circle
========================
*/
.dual-label-toggle {
  padding: 0;
  display: inline-flex;
  margin: 0;
}

.dual-label-toggle .switch-label {
  align-self: center;
  margin: 0;
}

.dual-label-toggle .switch-label-left {
  margin-right: 8px;
}

.dual-label-toggle .switch-label-right {
  margin-left: 8px;
}

.dual-label-toggle .input-checkbox {
  float: none;
}

.dual-label-toggle .switch-input {
  float: none;
  margin: 0;
}

/* 
========================
    Inner Label
========================
*/
.switch.inner-label-toggle {
  padding: 0;
  margin-right: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.switch.inner-label-toggle .switch-input {
  min-width: 150px;
  height: 44px;
  border-radius: 8px;
  margin-left: 0;
}

.switch-inline.inner-label-toggle .input-checkbox {
  display: block;
  float: left;
  position: relative;
}

.switch-inline.inner-label-toggle .input-checkbox:before {
  content: "";
  position: absolute;
  height: 90%;
  width: 50%;
  background: #fff;
  top: 2px;
  z-index: 3;
  left: 2px;
  border-radius: 8px;
  transition: 0.5s;
  pointer-events: none;
}

.switch-inline.inner-label-toggle.show .input-checkbox:before {
  left: 73px;
}

.switch-inline.inner-label-toggle.show .input-checkbox span.label-left {
  color: #fff;
}

.switch-inline.inner-label-toggle.show .input-checkbox span.label-left svg {
  fill: #fff;
}

.switch-inline.inner-label-toggle.show .input-checkbox span.label-right {
  color: #000;
}

.switch-inline.inner-label-toggle.show .input-checkbox span.label-right svg {
  fill: #000;
}

.switch-inline.inner-label-toggle.show .input-checkbox:before {
  background: #e0e6ed;
}

.switch-inline.inner-label-toggle .input-checkbox span.switch-chk-label {
  position: absolute;
  font-size: 17px;
  top: 10px;
  color: #000;
  pointer-events: none;
  border-radius: 8px !important;
  font-size: 14px;
  width: 50%;
  display: block;
  text-align: center;
}

.switch-inline.inner-label-toggle .input-checkbox span.switch-chk-label svg {
  fill: #000;
  width: 17px;
  height: 17px;
  vertical-align: sub;
}

.switch-inline.inner-label-toggle .input-checkbox span.label-left {
  z-index: 3;
  top: 28%;
  color: #000;
}

.switch-inline.inner-label-toggle .input-checkbox span.label-left svg {
  fill: #000;
}

.switch-inline.inner-label-toggle .input-checkbox span.label-right {
  right: 0;
  z-index: 3;
  top: 28%;
}

.inner-label-toggle.form-switch-custom .switch-input {
  z-index: 2;
  position: relative;
}

.inner-label-toggle.form-switch-custom .switch-input:checked {
  z-index: 2;
  position: relative;
}

.switch-inline.inner-label-toggle .switch-input {
  background-image: none;
}

.inner-label-toggle.form-switch-custom .switch-input:active {
  background-image: none;
  filter: none;
}


.tab-content {
  position: relative;
  padding-top: 35px;
}
@media (max-width: 1024px) {
  .tab-content {
    padding: 20px 0 0;
  }
}
.tab-content::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #ebeded;
}
.is-zoomed .tab-content {
  padding: 20px 0 0;
}
@media (max-width: 1160px) {
  .is-fullwidth .tab-content {
    padding: 20px 0 0;
  }
}

@media (max-width: 1024px) {
  .tab-wrapper {
    margin-bottom: 20px;
  }
}
.tab-wrapper > h1, .tab-wrapper > h2, .tab-wrapper > h3, .tab-wrapper > h4, .tab-wrapper > h5, .tab-wrapper > h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
.is-zoomed .tab-wrapper {
  margin-bottom: 20px;
}
@media (max-width: 1160px) {
  .is-fullwidth .tab-wrapper {
    margin-bottom: 20px;
  }
}

.tab-trigger {
  box-sizing: border-box;
  width: 11.6875em;
  margin-right: 15px;
  padding: 35px 30px 30px;
  color: #085da2;
  border: 1px solid #ebeded;
  border-bottom: 0;
  background-color: #ffffff;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 18px;
  line-height: 1.125rem;
  border-radius: 5px 5px 0 0;
  transition: 0.3s;
}
@media (max-width: 1310px) {
  .tab-trigger {
    width: 8.375em;
    margin-right: 10px;
    padding: 25px 10px 20px;
  }
}
@media (max-width: 1024px) {
  .tab-trigger {
    position: static !important;
    width: 100%;
    border-bottom: 1px solid #ebeded;
  }
}
.tab-trigger.is-active {
  color: #000000;
  background-color: #ebeded;
}
.is-zoomed .tab-trigger {
  position: static !important;
  width: 100%;
  border-bottom: 1px solid #ebeded;
}
.is-fullwidth .tab-trigger {
  width: 170px;
  margin-right: 10px;
  padding: 35px 20px 30px;
}
@media (max-width: 1310px) {
  .is-fullwidth .tab-trigger {
    width: 8.375em;
    margin-right: 10px;
    padding: 25px 10px 20px;
  }
}
@media (max-width: 1160px) {
  .is-fullwidth .tab-trigger {
    position: static !important;
    width: 100%;
    border-bottom: 1px solid #ebeded;
  }
}

.table-accessibility-icons {
  max-width: 60rem;
}
.table-accessibility-icons td:first-child, .table-accessibility-icons th:first-child {
  width: 100px;
  text-align: center;
}

table.table-consultation {
  width: 100%;
  border-top: 1px solid #ebeded;
}
table.table-consultation td {
  border-right: 0;
}
@media (max-width: 500px) {
  table.table-consultation td {
    display: block;
    margin-bottom: 0;
    text-align: left;
    border-top: 0;
  }
  table.table-consultation td:first-child {
    padding-bottom: 0;
  }
}
table.table-consultation .btn {
  margin: 5px 0 5px 10px;
  min-width: 211px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  table.table-consultation .btn {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    text-align: center;
  }
}
table.table-consultation .btn:first-child {
  margin-left: 0;
}

.table-filter {
  display: flex;
  position: relative;
  margin-bottom: 23px;
  color: #000000;
  border-radius: 5px;
  background: #ebeded;
  flex-flow: row;
  justify-content: space-between;
}
@media (max-width: 460px) {
  .table-filter {
    flex-flow: row wrap;
  }
}
@media (max-width: 600px) {
  .table-filter {
    display: block;
    padding: 20px;
  }
  .table-filter:before, .table-filter:after {
    content: "";
    display: table !important;
    line-height: 0;
  }
  .table-filter:after {
    clear: both;
  }
  .table-filter .table-filter-title,
  .table-filter .table-filter-options {
    padding: 0;
  }
  .table-filter .table-filter-options {
    margin: 15px 0;
  }
}
.table-filter.is-bulletin {
  margin-top: 60px;
}
.table-filter.is-bulletin fieldset {
  background-color: transparent;
}
@media (max-width: 600px) {
  .table-filter.is-bulletin .form-group {
    margin: 10px 0 0 0;
  }
  .table-filter.is-bulletin .form-group .form-control {
    padding: 0 10px;
  }
  .table-filter.is-bulletin .form-group:first-child select {
    width: 105px;
  }
  .table-filter.is-bulletin .table-filter-options {
    margin: 0 0 15px;
  }
  .table-filter.is-bulletin .btn {
    margin: 0;
    border-radius: 5px;
  }
}
.table-filter .btn {
  padding: 13px 20px 13px 25px;
  border-radius: 0 5px 5px 0;
  transition: none;
  transition: background-color 0.3s;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .table-filter .btn {
    margin-left: 25px;
    padding: 13px 20px;
    border-radius: 5px;
  }
}
.table-filter .icon-wrapper {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .table-filter .icon-wrapper {
    margin-left: 6px;
  }
}
.table-filter svg {
  fill: #8fc3ea;
}

.table-filter-title {
  padding: 20px 0 20px 30px;
  margin: 0px;
  font-weight: 600;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
@media (max-width: 500px) {
  .table-filter-title {
    padding-left: 18px;
  }
}
@media (max-width: 460px) {
  .table-filter-title {
    padding-bottom: 0;
    flex-basis: 100%;
  }
}
@media (max-width: 1230px) {
  .table-filter-title {
    margin: auto;
  }
}

@media (max-width: 600px) {
  .btn-reset {
    margin: 0 20px 20px 0;
  }
}
@media (max-width: 815px) {
  .table-filter .btn-reset {
    margin-right: 33px;
  }
}
@media (max-width: 600px) {
  .table-filter .btn-reset {
    margin: 10px 0 0;
  }
  .table-filter .btn-default {
    float: right;
  }
}
.table-filter-options {
  padding: 18px 0;
  flex-basis: auto;
}
@media (max-width: 460px) {
  .table-filter-options {
    flex-basis: 100%;
  }
}
.is-bulletin .table-filter-options {
  padding: 11px 40px 11px 0;
  flex: 2;
}
@media (max-width: 815px) {
  .is-bulletin .table-filter-options {
    padding-right: 30px;
  }
}
.is-bulletin .table-filter-options label {
  display: inline-block;
  margin: 0 7px 0 0;
}
.table-filter-options .form-group {
  margin-bottom: 0;
  margin-left: 40px;
}
@media (max-width: 1230px) {
  .table-filter-options .form-group {
    display: block !important;
  }
  .table-filter-options .form-group label {
    min-width: 75px;
  }
  .table-filter-options .form-group:last-child {
    margin-top: 5px;
  }
}
@media (max-width: 815px) {
  .table-filter-options .form-group {
    margin-left: 28px;
  }
}
.table-filter-options .form-group,
.table-filter-options .form-group .form-control {
  display: inline-block;
}
.table-filter-options .form-group.has-focus:not(.is-error) .label-text, .table-filter-options .form-group.is-filled .label-text {
  bottom: 30px;
  background-color: #ebeded;
}
.table-filter-options .form-group .form-control {
  width: 140px;
  height: 37px;
}
@media (max-width: 600px) {
  .table-filter-options .form-group .form-control {
    width: calc(100% - 87px);
  }
}
.table-filter-options .form-group select {
  background-color: #ffffff;
}

.table-filter-option {
  float: left;
  padding: 0 30px;
}
@media (max-width: 600px) {
  .table-filter-option {
    padding: 0 25px 0 0;
  }
}
.table-filter-option input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
[data-state=keyboard] .table-filter-option input[type=checkbox]:focus + label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}
.table-filter-option input[type=checkbox]:checked + label:before {
  background-color: #5e696d;
  background-image: url("../svg/originals/check-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.table-filter-option label {
  display: flex;
  font-weight: 600;
  color: #085da2;
  cursor: pointer;
  align-items: center;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.table-filter-option label:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 2px solid #5e696d;
  border-radius: 2px;
  transition: 0.3s;
  flex-grow: 0;
  flex-shrink: 0;
}

.ie10 .table-filter {
  flex-flow: row wrap;
}
@media (max-width: 640px) {
  .ie10 .table-filter .btn {
    margin-bottom: 18px;
    margin-left: 30px;
    padding: 13px 20px;
    border-radius: 5px;
  }
}
@media (max-width: 640px) {
  .ie10 .table-filter-title {
    padding-bottom: 0;
    flex-basis: 100%;
  }
}
@media (max-width: 640px) {
  .ie10 .table-filter-options {
    flex-basis: 100%;
  }
}

table.jobs {
  width: 100%;
  margin-bottom: 23px;
}
table.jobs td:first-child {
  width: calc(100% - 150px);
}
table.jobs td:last-child {
  width: 150px;
}
table.jobs .rss-link {
  margin-left: 15px;
  border-bottom-color: #000000;
}
table.jobs .rss-link:hover {
  border-bottom-color: #d9ab0d;
}
table.jobs .rss-link .rss-wrapper {
  margin-top: -2px;
}
table.jobs .rss-link svg {
  fill: #d9ab0d;
}
@media only screen and (max-width: 767px) {
  table.jobs thead th:first-child {
    border-radius: 5px 5px 0 0;
  }
  table.jobs th,
  table.jobs td {
    display: block;
    width: 100%;
  }
  table.jobs tr {
    display: flex;
    flex-flow: row wrap;
  }
  table.jobs td:first-child {
    width: 100%;
    padding-top: 5px;
    border-top: 0;
    order: 2;
  }
  table.jobs td:last-child {
    width: 100%;
    padding-bottom: 5px;
    border-top: 0;
    order: 1;
  }
  table.jobs .th-job-location {
    display: none;
  }
}
table.jobs.is-bulletin .th-job-title {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
@media only screen and (max-width: 767px) {
  table.jobs.is-bulletin td {
    padding: 15px;
  }
}
table.jobs.is-bulletin tbody .job-location {
  position: relative;
  padding-left: 55px;
  color: #000000;
}
table.jobs.is-bulletin tbody a {
  display: block;
  margin-bottom: 7px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 26px;
  line-height: 1.625rem;
}
@media only screen and (max-width: 767px) {
  table.jobs.is-bulletin tbody a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
table.jobs.is-bulletin tbody .icon-wrapper {
  position: absolute;
  top: 12px;
  left: 0;
}
table.jobs td {
  padding: 30px;
}
table.jobs th {
  font-weight: 700;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 22px;
  line-height: 1.375rem;
}
table.jobs tbody a {
  text-decoration: none;
}
table.jobs tbody a:hover {
  text-decoration: underline;
}

.job-title a {
  font-weight: 600;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}

.job-date {
  font-weight: 300;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
@media (max-width: 460px) {
  .job-date span {
    display: block;
  }
}

.job-location {
  position: relative;
  padding-left: 26px;
  font-weight: 400;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 15px;
  line-height: 0.9375rem;
}
.job-location .icon-wrapper {
  position: absolute;
  top: -2px;
  left: 0;
}
.job-location svg {
  fill: #d9ab0d;
}

@media only screen and (max-width: 767px) {
  .ie10 tr {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
  .ie10 td:first-child {
    box-sizing: border-box;
    max-width: 100%;
    flex-basis: 100%;
  }
  .ie10 td:last-child {
    box-sizing: border-box;
    max-width: 100%;
    flex-basis: 100%;
  }
}

.table-order {
  overflow: visible;
  width: 100%;
  margin-bottom: 20px;
  border: 0;
  background-clip: padding-box;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .table-order thead {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
}
.table-order thead th {
  padding: 23px 40px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  border: 0;
  background: 0;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 13px;
  line-height: 0.8125rem;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .table-order thead th {
    padding-left: 20px;
  }
}
.table-order .order-image {
  display: inline-block;
  text-align: center;
  margin-right: 40px;
  width: 70px;
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .table-order .order-image {
    margin-right: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .table-order .order-image {
    height: 20px;
    float: left;
  }
  .table-order .order-image img {
    position: relative;
  }
}
.table-order .order-title {
  display: inline-block;
  max-width: calc(100% - 120px);
  vertical-align: middle;
}
@media (max-width: 1023px) {
  .table-order .order-title {
    max-width: calc(100% - 110px);
  }
}
.table-order tbody tr:first-child .order-cell {
  border-top: 1px solid #ebeded;
}
.table-order tbody .order-cell {
  padding: 20px 40px;
  border-right: 0;
  border-bottom: 1px solid #ebeded;
  border-top: 0;
}
@media (max-width: 1023px) {
  .table-order tbody .order-cell {
    padding: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .table-order tbody .order-cell {
    width: 100% !important;
  }
}
.table-order tbody .order-cell:first-child {
  border-left: 1px solid #ebeded;
  padding-right: 0;
}
.table-order tbody .order-cell:first-child img {
  min-width: 70px;
}
@media only screen and (max-width: 767px) {
  .table-order tbody .order-cell:first-child {
    float: left;
    top: 0;
    left: 0;
    width: 90px;
    padding: 15px 0 15px 15px;
  }
}
@media (max-width: 840px) {
  .table-order tbody .order-cell.h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
  }
}
@media only screen and (max-width: 767px) {
  .table-order tbody .order-cell.h3 {
    width: calc(100% - 95px);
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
}
.table-order tbody .order-cell:last-child {
  border-right: 1px solid #ebeded;
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .table-order tbody .order-cell:last-child {
    padding-right: 0;
    width: calc(100% - 95px);
    float: right;
  }
}
.table-order tbody tr:last-child .order-cell:last-child {
  border-bottom: 1px solid #ebeded;
}
@media only screen and (max-width: 767px) {
  .table-order tr {
    border-top: 1px solid #ebeded;
    min-height: 192px;
    clear: both;
    width: 100%;
    position: relative;
  }
  .table-order tr:nth-child(even) {
    background-color: #f5f7f7;
  }
  .table-order tr:last-child {
    border-bottom: 1px solid #ebeded;
  }
}
@media only screen and (max-width: 767px) {
  .table-order .order-cell {
    display: inline-block;
    vertical-align: top;
    border: 0 !important;
  }
}

.order-action {
  position: relative;
  padding-right: 5.5em;
}
@media only screen and (max-width: 767px) {
  .order-action {
    float: left;
    padding-left: 90px;
  }
}
@media (max-width: 1023px) {
  .order-action {
    padding-right: 4.5em;
  }
}
.order-action .btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.order-counter {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  border: 2px solid #ebeded;
  background-clip: padding-box;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .order-counter {
    width: 95px;
  }
}
.order-counter-display {
  width: 125px;
  padding: 17px 37px 17px 0;
  text-align: center;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .order-counter-display {
    padding-right: 68px;
  }
}

.order-counter-plus,
.order-counter-minus {
  position: absolute;
  right: 0;
  width: 35px;
  height: 50%;
  padding: 0;
  border: 0;
  border-left: 2px solid #ebeded;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
.order-counter-plus svg,
.order-counter-minus svg {
  fill: #085da2;
  transition: 0.3s;
}
.order-counter-plus:hover svg,
.order-counter-minus:hover svg {
  fill: #000000;
}

.order-counter-plus {
  top: 0;
  border-bottom: 2px solid #ebeded;
}

.order-counter-minus {
  bottom: 0;
}

@media only screen and (max-width: 767px) {
  .order-qty {
    margin-bottom: 50px;
    margin-left: 95px;
  }
}

.table-order-footer {
  margin-top: 25px;
}
.table-order-footer:before, .table-order-footer:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.table-order-footer:after {
  clear: both;
}
@media (max-width: 530px) {
  .table-order-footer {
    position: relative;
    margin-bottom: 5em;
  }
}
.table-order-footer .with-arrow.arrow-back {
  color: #085da2;
}
.table-order-footer .with-arrow.arrow-back:before {
  display: none;
}
@media (max-width: 530px) {
  .table-order-footer .btn-default-arrow,
  .table-order-footer a {
    float: none !important;
    width: 100%;
    text-align: center;
  }
}
.table-order-footer a {
  float: left;
}
@media (max-width: 530px) {
  .table-order-footer a {
    position: absolute;
    top: 3.75em;
    left: 0;
  }
}
.table-order-footer .btn-default-arrow {
  float: right;
}

@media (max-width: 1400px) {
  .is-fontzoombigger-195 .table-order thead {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .is-fontzoombigger-195 .table-order thead th {
    padding-left: 20px;
  }
  .is-fontzoombigger-195 .table-order .order-image {
    margin-right: 25px;
    height: 20px;
    float: left;
  }
  .is-fontzoombigger-195 .table-order .order-image img {
    position: relative;
  }
  .is-fontzoombigger-195 .table-order .order-title {
    max-width: calc(100% - 110px);
  }
  .is-fontzoombigger-195 .table-order tbody .order-cell {
    padding: 20px;
    width: 100% !important;
  }
  .is-fontzoombigger-195 .table-order tbody .order-cell:first-child {
    float: left;
    top: 0;
    left: 0;
    width: 90px;
    padding: 15px 0 15px 15px;
  }
  .is-fontzoombigger-195 .table-order tbody .order-cell.h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    width: calc(100% - 95px);
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .is-fontzoombigger-195 .table-order tbody .order-cell:last-child {
    padding-right: 0;
    width: calc(100% - 95px);
    float: right;
  }
  .is-fontzoombigger-195 .table-order tr {
    border-top: 1px solid #ebeded;
    min-height: 192px;
    clear: both;
    width: 100%;
    position: relative;
  }
  .is-fontzoombigger-195 .table-order tr:nth-child(even) {
    background-color: #f5f7f7;
  }
  .is-fontzoombigger-195 .table-order tr:last-child {
    border-bottom: 1px solid #ebeded;
  }
  .is-fontzoombigger-195 .table-order .order-cell {
    display: inline-block;
    vertical-align: top;
    border: 0 !important;
  }
  .is-fontzoombigger-195 .order-action {
    float: left;
    padding-left: 90px;
    padding-right: 4.5em;
  }
  .is-fontzoombigger-195 .order-counter {
    width: 95px;
  }
  .is-fontzoombigger-195 .order-counter-display {
    padding-right: 68px;
  }
  .is-fontzoombigger-195 .order-qty {
    margin-bottom: 50px;
    margin-left: 95px;
  }
}
@media (max-width: 1200px) {
  .is-fontzoombigger-145 .table-order thead {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .is-fontzoombigger-145 .table-order thead th {
    padding-left: 20px;
  }
  .is-fontzoombigger-145 .table-order .order-image {
    margin-right: 25px;
    height: 20px;
    float: left;
  }
  .is-fontzoombigger-145 .table-order .order-image img {
    position: relative;
  }
  .is-fontzoombigger-145 .table-order .order-title {
    max-width: calc(100% - 110px);
  }
  .is-fontzoombigger-145 .table-order tbody .order-cell {
    padding: 20px;
    width: 100% !important;
  }
  .is-fontzoombigger-145 .table-order tbody .order-cell:first-child {
    float: left;
    top: 0;
    left: 0;
    width: 90px;
    padding: 15px 0 15px 15px;
  }
  .is-fontzoombigger-145 .table-order tbody .order-cell.h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    width: calc(100% - 95px);
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .is-fontzoombigger-145 .table-order tbody .order-cell:last-child {
    padding-right: 0;
    width: calc(100% - 95px);
    float: right;
  }
  .is-fontzoombigger-145 .table-order tr {
    border-top: 1px solid #ebeded;
    min-height: 192px;
    clear: both;
    width: 100%;
    position: relative;
  }
  .is-fontzoombigger-145 .table-order tr:nth-child(even) {
    background-color: #f5f7f7;
  }
  .is-fontzoombigger-145 .table-order tr:last-child {
    border-bottom: 1px solid #ebeded;
  }
  .is-fontzoombigger-145 .table-order .order-cell {
    display: inline-block;
    vertical-align: top;
    border: 0 !important;
  }
  .is-fontzoombigger-145 .order-action {
    float: left;
    padding-left: 90px;
    padding-right: 4.5em;
  }
  .is-fontzoombigger-145 .order-counter {
    width: 95px;
  }
  .is-fontzoombigger-145 .order-counter-display {
    padding-right: 68px;
  }
  .is-fontzoombigger-145 .order-qty {
    margin-bottom: 50px;
    margin-left: 95px;
  }
}
@media (max-width: 1110px) {
  .is-fontzoombigger-115 .table-order thead {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
  }
  .is-fontzoombigger-115 .table-order thead th {
    padding-left: 20px;
  }
  .is-fontzoombigger-115 .table-order .order-image {
    margin-right: 25px;
    height: 20px;
    float: left;
  }
  .is-fontzoombigger-115 .table-order .order-image img {
    position: relative;
  }
  .is-fontzoombigger-115 .table-order .order-title {
    max-width: calc(100% - 110px);
  }
  .is-fontzoombigger-115 .table-order tbody .order-cell {
    padding: 20px;
    width: 100% !important;
  }
  .is-fontzoombigger-115 .table-order tbody .order-cell:first-child {
    float: left;
    top: 0;
    left: 0;
    width: 90px;
    padding: 15px 0 15px 15px;
  }
  .is-fontzoombigger-115 .table-order tbody .order-cell.h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 22px;
    line-height: 1.375rem;
    width: calc(100% - 95px);
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
  }
  .is-fontzoombigger-115 .table-order tbody .order-cell:last-child {
    padding-right: 0;
    width: calc(100% - 95px);
    float: right;
  }
  .is-fontzoombigger-115 .table-order tr {
    border-top: 1px solid #ebeded;
    min-height: 192px;
    clear: both;
    width: 100%;
    position: relative;
  }
  .is-fontzoombigger-115 .table-order tr:nth-child(even) {
    background-color: #f5f7f7;
  }
  .is-fontzoombigger-115 .table-order tr:last-child {
    border-bottom: 1px solid #ebeded;
  }
  .is-fontzoombigger-115 .table-order .order-cell {
    display: inline-block;
    vertical-align: top;
    border: 0 !important;
  }
  .is-fontzoombigger-115 .order-action {
    float: left;
    padding-left: 90px;
    padding-right: 4.5em;
  }
  .is-fontzoombigger-115 .order-counter {
    width: 95px;
  }
  .is-fontzoombigger-115 .order-counter-display {
    padding-right: 68px;
  }
  .is-fontzoombigger-115 .order-qty {
    margin-bottom: 50px;
    margin-left: 95px;
  }
}
@media (max-width: 419px) {
  .is-zoomed.is-fontzoombigger-145 .order-image {
    display: none;
  }
  .is-zoomed.is-fontzoombigger-145 .order-action {
    padding-left: 0;
  }
}
@media screen and (max-width: 360px) {
  .is-zoomed.is-fontbigger-16 .l-page-wrapper,
  .is-zoomed.is-fontbigger-17 .l-page-wrapper,
  .is-zoomed.is-fontbigger-18 .l-page-wrapper,
  .is-zoomed.is-fontbigger-19 .l-page-wrapper,
  .is-zoomed.is-fontbigger-20 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-105 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-110 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-115 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-120 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-125 .l-page-wrapper,
  .is-zoomed.is-fontzoombigger-130 .l-page-wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.table-wrapper {
  margin: 30px 0;
}
@media only screen and (max-width: 767px) {
  .table-wrapper {
    overflow-x: auto;
    width: 100%;
  }
  .table-wrapper > span {
    display: block;
  }
}
.table-wrapper > span {
  display: none;
}
.table-wrapper table {
  width: 100%;
  margin: 0;
}

table {
  margin: 30px 0;
  border: 1px solid #ebeded;
  border-spacing: 0;
  border-collapse: separate;
}
table td {
  border-top-width: 1px;
  border-right-width: 1px;
}

td,
th {
  padding: 15px;
}
td.align-right,
th.align-right {
  text-align: right;
}

td {
  border-top: 1px solid #ebeded;
  border-right: 1px solid #ebeded;
  background-color: #ffffff;
}
td,
td p {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
td:last-child {
  border-right: 0;
}

thead th, tbody .thead th {
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  color: #ffffff;
  border-right: 1px solid #5e696d;
  border-bottom: 1px solid #5e696d;
  background-color: #000000;
}
thead th p,
thead th button, tbody .thead th p,
tbody .thead th button {
  text-align: left;
  text-transform: uppercase;
  color: #ffffff;
}
thead th:first-child, tbody .thead th:first-child {
  background-clip: padding-box;
  border-radius: 5px 0 0 0;
}
thead th:last-child, tbody .thead th:last-child {
  background-clip: padding-box;
  border-radius: 0 5px 0 0;
}
thead th:last-child td, tbody .thead th:last-child td {
  border-right: 0;
}
thead th:first-child:last-child, tbody .thead th:first-child:last-child {
  background-clip: padding-box;
  border-radius: 5px 5px 0 0;
}

tbody th {
  font-weight: 600;
  text-align: left;
  border-top: 1px solid #ebeded;
  border-right: 1px solid #ebeded;
  background-color: #ffffff;
}
tbody th p {
  font-weight: 600;
}

tbody tr:nth-child(even) td, tbody tr:nth-child(even) th, tbody tr.force-even td, tbody tr.force-even th {
  background-color: #f5f7f7;
}
.folder tbody tr:nth-child(even) td, .folder tbody tr:nth-child(even) th, .folder tbody tr.force-even td, .folder tbody tr.force-even th {
  background-color: #fbfbfb;
}
tbody tr.force-odd td, tbody tr.force-odd th {
  background-color: #ffffff;
}
tbody tr:first-child td, tbody tr:first-child th, tbody tr.force-first td, tbody tr.force-first th {
  border-top: 0;
}

table.desktop-table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  table.desktop-table {
    display: none;
  }
}
table.desktop-table {
  margin: 30px 0;
}

@media (min-width: 768px) {
  .mobile-tables {
    display: none;
  }
}
.mobile-tables {
  margin: 30px 0;
}

.mobile-table {
  width: 100%;
}

.mobile-tables--no-title .mobile-table {
  border-top: 1px solid #ebeded;
}

.mobile-tables .mobile-table:nth-child(even) .mobile-table--row {
  background-color: #f5f7f7;
}
.folder .mobile-tables .mobile-table:nth-child(even) .mobile-table--row {
  background-color: #fbfbfb;
}

.mobile-tables .mobile-table:nth-child(odd) .mobile-table--row {
  background-color: #ffffff;
}

.mobile-table + .mobile-table {
  margin-top: 10px;
}

.mobile-table--title {
  font-weight: 400;
  text-align: left;
  color: #ffffff;
  border: 1px solid #5e696d;
  background-color: #000000;
  padding: 15px;
  background-clip: padding-box;
  border-radius: 5px 5px 0 0;
}
.mobile-table--title a, .mobile-table--title p, .mobile-table--title .tooltip {
  color: #ffffff;
  font-weight: 400;
}
.mobile-table--title .is-external svg {
  fill: #8fc3ea;
}

.mobile-table--row {
  border: 1px solid #ebeded;
  border-top: none;
  padding: 15px;
}
.mobile-table--row,
.mobile-table--row p, .mobile-table--row .tooltip {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.mobile-table--row :last-child {
  margin-bottom: 0;
}

.mobile-table--row-title {
  display: block;
  font-weight: 600;
}
.mobile-table--row-title a, .mobile-table--row-title p, .mobile-table--row-title .tooltip {
  font-weight: 600;
}
.mobile-table--row-title + * {
  margin-top: 0;
}

.mobile-tables--no-title .mobile-table--row {
  border-bottom: 0;
  padding-bottom: 0;
  border-color: #d0d3d5;
}
.mobile-tables--no-title .mobile-table--row:last-child {
  border-bottom: 1px solid #d0d3d5;
  padding-bottom: 15px;
}

.mobile-tables--no-title .mobile-table {
  border-top: 1px solid #d0d3d5;
}

.mobile-tables .inline-title .mobile-table--row-title {
  float: left;
}
.mobile-tables .inline-title .mobile-table--row-title:before, .mobile-tables .inline-title .mobile-table--row-title:after {
  content: "";
  display: table !important;
  line-height: 0;
}
.mobile-tables .inline-title .mobile-table--row-title:after {
  clear: both;
}
.mobile-tables .inline-title .mobile-table--row {
  text-align: right;
}
.mobile-tables .inline-title :first-child.mobile-table--tag-th {
  text-align: left;
  font-weight: 600;
}
.mobile-tables .inline-title :first-child.mobile-table--tag-th .mobile-table--row-title {
  display: none;
}

.tiles {
  margin: 0 -12px;
}
@media only screen and (max-width: 767px) {
  .tiles {
    margin: 0;
  }
}

.primary-tile {
  width: calc(40% - 20px);
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .primary-tile {
    width: 100%;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .with-sidemenu .primary-tile {
    width: 100%;
    margin: 0 0 10px;
  }
}

.other-tiles {
  width: calc(60% - 20px);
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .other-tiles {
    width: 100%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .with-sidemenu .other-tiles {
    width: 100%;
    margin: 0;
  }
}

.tile-grid {
  margin: 0 -10px;
}
.tile-grid .tile {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
}
@media (max-width: 1200px) {
  .tile-grid .tile {
    width: calc(50% - 20px);
    margin: 0 10px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tile-grid .tile {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .with-sidemenu .tile-grid .tile {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .tile-grid {
    margin: 0 -10px;
  }
}
@media only screen and (max-width: 767px) {
  .with-sidemenu .tile-grid {
    margin: 0 -10px;
  }
}

.tile {
  background-color: #f5f7f7;
  text-decoration: none;
  border-radius: 5px;
  transition: all 0.3s;
  overflow: hidden;
}
.tile:hover {
  background-color: #ffffff;
  box-shadow: 0 0 30px 0 rgba(96, 105, 111, 0.2);
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
}
.tile:hover span {
  text-decoration: none;
}
.tile:hover .tile-title {
  text-decoration: underline;
}
.tile:hover .tile-title svg {
  fill: #e9b518;
}
.tile:hover .tile-image img {
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  transform: scale(1.1);
}
.tile.is-external {
  position: relative;
  padding-bottom: 24px;
}
.tile.is-external .external-wrapper {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.tile small {
  position: absolute;
  right: 36px;
  bottom: 12px;
}

.tile-image {
  overflow: hidden;
}
.tile-image img {
  transition: all 0.3s cubic-bezier(0.45, 0, 0.55, 1);
  transform: scale(1);
  width: 100%;
}

.tile-content {
  padding: 24px 32px;
}
.primary-tile .tile-content {
  padding: 32px 40px;
}
@media (max-width: 1200px) {
  .primary-tile .tile-content {
    padding: 16px 20px;
  }
}
@media (max-width: 1200px) {
  .tile-content {
    width: 100%;
    padding: 10px;
  }
}

.tile-title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  line-height: 1.5rem;
  font-weight: 600;
  color: #085da2;
  margin-bottom: 16px;
  transition: all 0.3s;
}
.primary-tile .tile-title {
  font-size: 26px;
  font-size: 1.625rem;
  line-height: 32px;
  line-height: 2rem;
  margin-bottom: 24px;
}
.primary-tile .tile-title .icon-wrapper {
  margin-left: 16px;
}
@media (max-width: 1200px) {
  .primary-tile .tile-title svg {
    max-width: 14px;
  }
}
@media (max-width: 1200px) {
  .primary-tile .tile-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 21px;
    line-height: 1.3125rem;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .primary-tile .tile-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}
.tile-title .icon-wrapper {
  margin-left: 8px;
}
.tile-title svg {
  transition: all 0.3s;
  fill: #8fc3ea;
}
@media (max-width: 1200px) {
  .tile-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}

.tile-date {
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
  font-weight: normal;
  margin-bottom: 8px;
}
.primary-tile .tile-date {
  margin-bottom: 16px;
}
@media (max-width: 1200px) {
  .primary-tile .tile-date {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .primary-tile .tile-date {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}
@media (max-width: 1200px) {
  .tile-date {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .tile-date {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px;
  }
}

.tile-excerpt p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 21px;
  line-height: 1.3125rem;
  color: #000000;
  margin-bottom: 0;
}
@media (max-width: 1200px) {
  .tile-excerpt p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 21px;
    line-height: 1.3125rem;
  }
}
@media only screen and (max-width: 767px) {
  .tile-excerpt p {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 15px;
    line-height: 0.9375rem;
  }
}

.timeline-graph {
  padding-bottom: 30px;
}
.timeline-graph .timeline-title {
  margin-bottom: 20px;
}
.timeline-graph > h2:not(.timeline-title) {
  display: none;
}
.timeline-graph .timeline-table {
  border: 0 none;
  padding: 20px 0;
  margin: 0;
  display: table;
}
.timeline-graph .timeline-table > li {
  display: table-row;
  margin: 0;
  padding: 0;
}
.timeline-graph .timeline-table > li:before {
  content: "";
  display: none;
}
.timeline-graph .timeline-table > li > div {
  border: 0 none;
  background-color: transparent;
  padding: 0;
  display: table-cell;
}
.timeline-graph .timeline-table > li > div.event {
  text-align: right;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper {
  width: 100%;
  text-align: right;
  height: 12px;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .text {
  margin: 0 6px;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .text p {
  font-size: inherit;
  color: inherit;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .text *:last-child {
  margin-bottom: 0;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .image {
  margin: 0 4px;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .dash {
  display: inline-block;
  width: 10px;
  min-width: 10px;
  height: 2px;
}
.timeline-graph .timeline-table > li > div.event .event-wrapper .bullet {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: -8px;
}
.timeline-graph .timeline-table > li > div.position-right .event-wrapper {
  text-align: left;
}
.timeline-graph .timeline-table > li > div.position-right .event-wrapper .bullet {
  margin-right: 0;
  margin-left: -5px;
}
.timeline-graph .timeline-table > li > div.segment {
  text-align: left;
}
.timeline-graph .timeline-table > li > div.segment .segment-wrapper {
  width: 100%;
  text-align: left;
  padding-left: 12px;
}
.timeline-graph .timeline-table > li > div.segment .segment-wrapper .text {
  margin: 22px 6px;
  min-height: 20px;
}
.timeline-graph .timeline-table > li > div.segment .segment-wrapper .text p {
  color: inherit;
}
.timeline-graph .timeline-table > li > div.segment .segment-wrapper .text *:last-child {
  margin-bottom: 0;
}
.timeline-graph .timeline-table > li > div.segment .segment-wrapper .image {
  margin: 0 4px;
}
.timeline-graph .timeline-table > li > div.position-left .segment-wrapper {
  text-align: right;
  padding-left: 0;
  padding-right: 12px;
}
.timeline-graph .timeline-table > li.white_bullet .bullet {
  background-color: white !important;
  border-width: 2px;
  border-style: solid;
}
.timeline-graph .timeline-table > li.continuous_line > :last-child {
  border-left-width: 3px;
  border-left-style: solid;
}
.timeline-graph .timeline-table > li.dashed_line > :last-child {
  border-left-width: 3px;
  border-left-style: dashed;
}
.timeline-graph .timeline-table > li.down_arrow .down-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 7px;
  margin-left: -8px;
  margin-bottom: -2px;
}
.timeline-graph .timeline-table > li.down_arrow .position-left .down-arrow {
  margin-left: 0;
  margin-right: -8px;
  float: right;
}
.timeline-graph .timeline-table > li.down_arrow > :last-child {
  border-left-width: 3px;
  border-left-style: solid;
}
.timeline-graph .timeline-table > li.up_arrow .up-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 12px 7px;
  margin-left: -8px;
  margin-top: -2px;
}
.timeline-graph .timeline-table > li.up_arrow .position-left .up-arrow {
  margin-left: 0;
  margin-right: -8px;
  float: right;
}
.timeline-graph .timeline-table > li.up_arrow > :last-child {
  border-left-width: 3px;
  border-left-style: solid;
}
.timeline-graph.timeline-horizontal .timeline-table {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: auto 3em auto;
  align-items: start;
  justify-content: start;
  overflow-x: auto;
}
.timeline-graph.timeline-horizontal .timeline-table::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
.timeline-graph.timeline-horizontal .timeline-table::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 10px;
}
.timeline-graph.timeline-horizontal .timeline-table::-webkit-scrollbar-track {
  background: #EEEEEE;
}
.timeline-graph.timeline-horizontal .timeline-table > li {
  display: contents;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div:nth-child(1) {
  grid-row: 1;
  align-self: end;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el {
  grid-row: 2;
  align-self: center;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .bullet {
  margin: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-left: -5px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .dash {
  width: 2px;
  min-width: 2px;
  height: 10px;
  margin-left: -7px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .dash.top {
  margin-top: -20px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .dash.bottom {
  margin-bottom: -20px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .line {
  border-top-width: 3px;
  border-top-style: solid;
  width: 100%;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .right-arrow {
  border-style: solid;
  border-width: 6px 0 6px 12px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.graphic-el .left-arrow {
  border-style: solid;
  border-width: 6px 12px 6px 0;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div:nth-child(3) {
  grid-row: 3;
  align-self: start;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.event {
  text-align: left;
  width: 12px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.event .text {
  margin: 0;
  height: auto;
  width: 200px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.event .text *:last-child {
  margin-bottom: 0;
  margin-block-end: 0;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.segment {
  border: 0 none;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.segment .text {
  margin: 0;
  height: auto;
  width: 180px;
  margin: 0 10px;
}
.timeline-graph.timeline-horizontal .timeline-table > li > div.segment .text *:last-child {
  margin-bottom: 0;
  margin-block-end: 0;
}
.timeline-graph.timeline-horizontal .timeline-table > li.black_bullet {
  width: 12px;
}
.timeline-graph.timeline-horizontal .timeline-table > li.white_bullet {
  width: 12px;
}
.timeline-graph.timeline-horizontal .timeline-table > li.continuous_line > :last-child {
  border: 0 none;
}
.timeline-graph.timeline-horizontal .timeline-table > li.dashed_line > :last-child {
  border: 0 none;
}
.timeline-graph.timeline-horizontal .timeline-table > li.dashed_line .graphic-el .line {
  border-top-style: dashed;
}

.timeline-graph.timeline-horizontal .imageorient-0 .media-text, .timeline-graph.timeline-horizontal .imageorient-25 .media-text, .timeline-graph.timeline-horizontal .imageorient-26 .media-text {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.timeline-graph.timeline-horizontal .imageorient-0 .media-text .image, .timeline-graph.timeline-horizontal .imageorient-25 .media-text .image, .timeline-graph.timeline-horizontal .imageorient-26 .media-text .image {
  order: 1;
  align-self: center;
  margin: 0 0 8px 0;
}
.timeline-graph.timeline-horizontal .imageorient-0 .media-text .text, .timeline-graph.timeline-horizontal .imageorient-25 .media-text .text, .timeline-graph.timeline-horizontal .imageorient-26 .media-text .text {
  order: 2;
  margin: 0 !important;
}
.timeline-graph.timeline-horizontal .imageorient-8 .media-text {
  width: 200px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.timeline-graph.timeline-horizontal .imageorient-8 .media-text .image {
  order: 2;
  align-self: center;
  margin: 8px 0 0 0;
}
.timeline-graph.timeline-horizontal .imageorient-8 .media-text .text {
  order: 1;
  margin: 0 !important;
}
.timeline-graph.timeline-horizontal .imageorient-17 .event .media-text {
  display: block !important;
  width: 200px;
}
.timeline-graph.timeline-horizontal .imageorient-17 .event .media-text > .image {
  float: right;
  margin: 0 0 8px 12px;
}
.timeline-graph.timeline-horizontal .imageorient-17 .event .media-text > .text {
  display: block;
  width: 100%;
  margin: 0 !important;
  text-align: justify;
}
.timeline-graph.timeline-horizontal .imageorient-17 .segment .media-text {
  display: block !important;
  width: 200px;
}
.timeline-graph.timeline-horizontal .imageorient-17 .segment .media-text > .image {
  float: right;
  margin: 0 0 8px 12px;
}
.timeline-graph.timeline-horizontal .imageorient-17 .segment .media-text > .text {
  display: block;
  width: 100%;
  margin: 0 !important;
  text-align: justify;
}
.timeline-graph.timeline-horizontal .imageorient-18 .event .media-text {
  display: block !important;
  width: 200px;
}
.timeline-graph.timeline-horizontal .imageorient-18 .event .media-text > .image {
  float: left;
  margin: 0 12px 8px 0;
}
.timeline-graph.timeline-horizontal .imageorient-18 .event .media-text > .text {
  display: block;
  width: 100%;
  margin: 0 !important;
  text-align: justify;
}
.timeline-graph.timeline-horizontal .imageorient-18 .segment .media-text {
  display: block !important;
  width: 200px;
}
.timeline-graph.timeline-horizontal .imageorient-18 .segment .media-text > .image {
  float: left;
  margin: 0 12px 8px 0;
}
.timeline-graph.timeline-horizontal .imageorient-18 .segment .media-text > .text {
  display: block;
  width: 100%;
  margin: 0 !important;
  text-align: justify;
}

.timeline-graph.timeline-vertical .imageorient-0 .media-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.timeline-graph.timeline-vertical .imageorient-0 .media-text .image {
  order: 1;
  margin: 0 0 8px 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-0 .media-text .text {
  order: 2;
  margin: 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-0 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-0 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-0 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-0 .segment.position-left .media-text {
  margin-right: 8px;
}
.timeline-graph.timeline-vertical .imageorient-8 .media-text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.timeline-graph.timeline-vertical .imageorient-8 .media-text .image {
  order: 2;
  margin: 8px 0 0 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-8 .media-text .text {
  order: 1;
  margin: 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-8 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-8 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-8 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-8 .segment.position-left .media-text {
  margin-right: 8px;
}
.timeline-graph.timeline-vertical .imageorient-17 .media-text {
  display: block;
}
.timeline-graph.timeline-vertical .imageorient-17 .media-text .image {
  float: right;
  margin: 0 0 8px 12px !important;
}
.timeline-graph.timeline-vertical .imageorient-17 .media-text .text {
  text-align: justify;
  margin-top: 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-17 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-17 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-17 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-17 .segment.position-left .media-text {
  margin-right: 8px;
}
.timeline-graph.timeline-vertical .imageorient-18 .media-text {
  display: block;
}
.timeline-graph.timeline-vertical .imageorient-18 .media-text .image {
  float: left;
  margin: 0 12px 8px 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-18 .media-text .text {
  text-align: justify;
  margin-top: 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-18 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-18 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-18 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-18 .segment.position-left .media-text {
  margin-right: 8px;
}
.timeline-graph.timeline-vertical .imageorient-25 .media-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.timeline-graph.timeline-vertical .imageorient-25 .media-text .image {
  order: 2;
  margin: 0 0 0 8px !important;
}
.timeline-graph.timeline-vertical .imageorient-25 .media-text .text {
  order: 1;
  text-align: right;
  margin: 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-25 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-25 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-25 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-25 .segment.position-left .media-text {
  margin-right: 8px;
}
.timeline-graph.timeline-vertical .imageorient-26 .media-text {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.timeline-graph.timeline-vertical .imageorient-26 .media-text .image {
  order: 1;
  margin: 0 8px 0 0 !important;
}
.timeline-graph.timeline-vertical .imageorient-26 .media-text .text {
  order: 2;
  text-align: left;
}
.timeline-graph.timeline-vertical .imageorient-26 .event.position-right .media-text,
.timeline-graph.timeline-vertical .imageorient-26 .segment.position-right .media-text {
  margin-left: 8px;
}
.timeline-graph.timeline-vertical .imageorient-26 .event.position-left .media-text,
.timeline-graph.timeline-vertical .imageorient-26 .segment.position-left .media-text {
  margin-right: 8px;
}

@supports (-webkit-touch-callout: none) {
  .timeline-graph.timeline-horizontal .timeline-table {
    border-bottom: 10px solid #EEEEEE !important;
    padding-bottom: 5px !important;
    /* On retire le border-image fixe pour le gérer dynamiquement en JS */
    -o-border-image: none !important;
       border-image: none !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .timeline-graph.timeline-horizontal .timeline-table::-webkit-scrollbar {
    display: none !important;
  }
}
.tooltip {
  display: inline-block;
  position: relative;
  font-weight: 600;
  text-decoration: none;
  color: #000000;
  border-bottom: 0;
  cursor: help;
}
thead .tooltip {
  text-align: left;
  color: #ffffff;
}
.tooltip.is-flipped [data-js=tooltip-content]:after {
  right: 30px;
  left: auto;
}
.form-group .tooltip {
  margin-left: 8px;
}

.tooltip-title {
  display: block;
  font-weight: 600;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.tooltip-q-mark .tooltip-title {
  margin-bottom: 15px;
}

[data-js=tooltip-trigger] {
  display: inline-block;
  padding: 0;
  text-align: left;
  border: 0;
  background: 0;
}
[data-js=tooltip-trigger] > span {
  display: inline-block;
  border-bottom: 2px dotted #ffbb00;
}
.panel [data-js=tooltip-trigger] {
  border-color: #000000;
}
.table-wrapper th.has-dark-bg [data-js=tooltip-trigger] {
  color: #f9f5df;
  border-bottom: 2px dotted #f9f5df;
}
.tooltip-q-mark [data-js=tooltip-trigger] {
  width: 39px;
  height: 39px;
  background-color: #d0d3d5;
  transition: 0.3s;
  background-clip: padding-box;
  border-radius: 50%;
}
.tooltip-q-mark [data-js=tooltip-trigger] > span {
  display: inline;
  border-bottom: 0;
}
.form-group .tooltip-q-mark [data-js=tooltip-trigger] {
  width: 29px;
  height: 29px;
}
.tooltip-q-mark.is-open [data-js=tooltip-trigger] {
  background-color: #085da2;
}
.tooltip-q-mark.is-open [data-js=tooltip-trigger] svg {
  fill: #f5f7f7;
}
[data-js=tooltip-trigger] svg {
  fill: #085da2;
}

.q-mark {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  line-height: 0;
  background-image: url("../img/q-mark.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
}
.is-open .q-mark {
  background-image: url("../img/q-mark-hover.png");
}
.form-group .q-mark {
  background-size: 7px;
}
.q-mark .q-mark-a11y {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

[data-js=tooltip-content] {
  display: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 25em;
  padding: 30px 30px 25px;
  font-weight: 400;
  color: #000000;
  border-radius: 5px;
  background-color: #ffdd7f;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 20px;
  line-height: 1.25rem;
}
[data-js=tooltip-content] .content-text {
  display: block;
}
.tooltip-q-mark [data-js=tooltip-content] {
  padding: 20px 20px 25px;
  background-color: #c2e1f6;
}
.tooltip-q-mark [data-js=tooltip-content]:after {
  display: none;
}
[data-js=tooltip-content]:before, [data-js=tooltip-content]:after {
  content: "";
  display: block;
  position: absolute;
}
[data-js=tooltip-content]:before {
  bottom: -14px;
  left: 0;
  width: 100%;
  height: 14px;
}
.tooltip-q-mark [data-js=tooltip-content]:before {
  bottom: -19px;
  height: 19px;
}
[data-js=tooltip-content]:after {
  right: auto;
  bottom: -11px;
  left: 30px;
  width: 0;
  height: 0;
  border-width: 12px 11px 0;
  border-style: solid;
  border-color: #ffbb00 transparent transparent;
}
[data-js=tooltip-content].has-x {
  padding-right: 50px;
  background-image: url("../svg/originals/x.svg");
  background-repeat: no-repeat;
  background-position: 97% 10px;
  background-size: 10px;
}
[data-js=tooltip-content].is-fixed {
  position: fixed;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100vw;
  border-radius: 5px 5px 0 0;
  z-index: 9999999999;
}
[data-js=tooltip-content] span.bullet:first-of-type {
  margin-top: 10px;
}
[data-js=tooltip-content] span.bullet:last-of-type {
  margin-bottom: 10px;
}
[data-js=tooltip-content] span.bullet {
  padding-left: 16px;
  background-image: url("../svg/originals/puce.svg");
  background-position: left 9px;
  background-repeat: no-repeat;
  display: block;
}

.btn-fermeture {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0;
  background: none;
  border: 0;
  padding: 15px;
}
.btn-fermeture::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("../svg/originals/x.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.tooltip-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  background-color: #444444;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

@media screen and (max-width: 370px) {
  [data-js=tooltip-content] {
    width: 83vw;
  }
  .tooltip.tooltip-q-mark {
    position: static;
  }
}
/* Cible les appareils où il n’y a pas de hover et le pointeur est "coarse" (tactile) */
@media (hover: none) and (pointer: coarse) and (max-width: 1023px) {
  .tooltip {
    position: static !important;
  }
  .tooltip:not(.is-open) [data-js=tooltip-content] {
    display: none !important;
  }
  .tooltip.is-open [data-js=tooltip-content].is-fixed {
    z-index: 999999 !important;
  }
  .css-9vyfbo.css-9vyfbo.css-9vyfbo {
    z-index: 9999 !important;
  }
}
@media (max-width: 1023px) {
  .tooltip {
    position: static !important;
  }
  .tooltip:not(.is-open) [data-js=tooltip-content] {
    display: none !important;
  }
  .tooltip.is-open [data-js=tooltip-content].is-fixed {
    z-index: 999999 !important;
  }
}
.autocomplete-suggestions {
  display: block;
  background-color: rgba(0, 0, 0, 0.85);
}
.autocomplete-suggestions .ui-widget-content {
  border: 0;
}
.autocomplete-suggestions .autocomplete-suggestion {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  background-image: none;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 22px;
  line-height: 1.375rem;
  padding: 10px 8px 10px 10px;
  border: 0;
  transition: 0.3s;
}
.autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
  background-color: rgba(255, 255, 255, 0.15);
}
.autocomplete-suggestions .autocomplete-suggestion:last-child {
  border-bottom: 0;
}
.autocomplete-suggestions .autocomplete-suggestion:hover {
  cursor: pointer;
}
.autocomplete-suggestions .autocomplete-suggestion strong {
  color: #ffdd7f;
}
.autocomplete-suggestions .ui-menu-item-wrapper {
  padding: 0;
}

.ui-menu .ui-state-active {
  margin: 0;
}

@media (max-width: 767px) {
  .l-intro .intro-text-webzine p {
    font-size: initial;
    line-height: initial;
  }
}

.news-list-webzine {
  border-bottom: 1px solid #d7d9db;
}
.news-list-webzine .search-result > .card {
  border: 0 none;
  border-top: 1px solid #d7d9db;
  border-radius: 0;
  padding: 40px 20px;
  text-decoration: none;
}
.news-list-webzine .search-result > .card:hover {
  background-color: #f5f5f6;
}
.news-list-webzine .search-result > .card .col-image {
  width: 14%;
}
@media (max-width: 767px) {
  .news-list-webzine .search-result > .card .col-image {
    width: inherit;
    padding: 0 0 16px 0;
  }
}
.news-list-webzine .search-result > .card .col-image img {
  border-radius: 3px;
}
.news-list-webzine .search-result > .card .col-text {
  width: 86%;
  padding: 0;
}
@media (max-width: 767px) {
  .news-list-webzine .search-result > .card .col-text {
    width: inherit;
  }
}
.news-list-webzine .search-result > .card .col-text .search-result-categories {
  margin-top: -4px;
}
@media (max-width: 767px) {
  .news-list-webzine .search-result > .card .col-text .search-result-categories {
    margin-top: 24px;
  }
}
.news-list-webzine .search-result > .card .col-text .search-result-categories .badge.badge-info {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  padding: 0;
  margin: 0 16px 0 0 !important;
  white-space: normal;
}
.news-list-webzine .search-result > .card .col-text .title {
  margin: 5px 0 3px 0;
}
.news-list-webzine .search-result > .card .col-text .news-list-date {
  color: #000000;
  margin-bottom: 12px;
}
.news-list-webzine .search-result > .card .col-text .news-list-teaser {
  color: #000000;
}

.mobile-menu-webzine {
  border-radius: 0 !important;
  border-color: #000000 !important;
  border-left: 3px solid #ffbb00 !important;
  font-weight: bold !important;
}

.menu-webzine {
  border-bottom: 1px solid #d7d9db;
}
.menu-webzine li {
  background: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #d7d9db;
}
.menu-webzine li a {
  text-decoration: none;
  color: #5e696d;
  font-size: 1rem;
  padding: 30px 0 30px 20px;
  display: block;
}
.menu-webzine li a.active, .menu-webzine li a:hover {
  color: #000000;
  font-weight: 600;
  border-left: 3px solid #ffbb00;
  padding-left: 17px;
}
@media only screen and (max-width: 767px) {
  .menu-webzine + .newsletter-partial {
    display: none;
  }
}

.banner-webzine .search-result-categories {
  margin-top: -4px;
}
.banner-webzine .search-result-categories .badge.badge-info {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0;
  margin: 0 16px 0 0 !important;
}

.news-single-webzine .search-result-categories .badge.badge-info {
  background-color: transparent;
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 0 5px 20px;
  margin-right: 60px !important;
  border-left: 3px solid #ffbb00;
  border-radius: 0;
}
.news-single-webzine .search-result-date {
  font-size: 0.9375rem;
  color: #5e696d;
}
@media (max-width: 1160px) {
  .news-single-webzine .en-bref .en-bref-img {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 1160px) {
  .news-single-webzine .en-bref .en-bref-img img {
    width: 100%;
  }
}
.news-single-webzine .en-bref .en-bref-text {
  margin: 0 0 0 -24px;
  z-index: 1;
  position: relative;
  color: #5e696d;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 36px;
  margin: 0 -88px;
  width: 400px;
}
@media (max-width: 1160px) {
  .news-single-webzine .en-bref .en-bref-text {
    width: 100%;
    margin: 0;
  }
}
.news-single-webzine .en-bref .en-bref-text .en-bref-title {
  text-transform: uppercase;
  position: relative;
  line-height: 0.94;
  margin-bottom: 1em;
  text-align: center;
}
.news-single-webzine .en-bref .en-bref-text .en-bref-title span {
  display: block;
}
.news-single-webzine .en-bref .en-bref-text .en-bref-title span.title-line1 {
  font-size: 1.2em;
}
.news-single-webzine .en-bref .en-bref-text .en-bref-title span.title-line2 {
  font-size: 2.2em;
  font-weight: 600;
  background-color: white;
  display: inline-block;
  padding: 0 0.3em;
}
.news-single-webzine .en-bref .en-bref-text .en-bref-title span.title-line2:before {
  content: "";
  border-top: 1px solid #5e696d;
  opacity: 0.5;
  position: absolute;
  top: 1em;
  width: 100%;
  left: 0;
  z-index: -1;
}
.news-single-webzine .en-bref .en-bref-text .en-bref-description p:last-of-type {
  margin-bottom: 0;
}
.news-single-webzine .retour {
  border-top: 1px solid #d7d9db;
}

.articles-suggeres h4 {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.articles-suggeres .card {
  border: 0 none;
  border-radius: 10px;
  background-color: #f5f5f6;
  margin-bottom: 14px;
  padding: 20px;
  display: block;
  text-decoration: none;
}
.articles-suggeres .card:hover {
  background-color: #ebeded;
}
.articles-suggeres .card .row {
  --bs-gutter-x: 0;
}
.articles-suggeres .card .row .col-3 .ce-gallery {
  padding-right: 8px;
}
.articles-suggeres .card .row .col-3 .ce-gallery img {
  border-radius: 10px;
}
.articles-suggeres .card .row .col-9 .search-result-categories span {
  padding: 0;
  border: 0 none;
  display: block;
  margin: 0 !important;
  font-weight: 600;
  white-space: initial;
  text-align: left;
}
.articles-suggeres .card .row .col-9 .title {
  margin-top: 8px;
  font-weight: 500;
  color: #000000;
}

.webzine-blockquote {
  background-color: #f2f2f2;
  padding: 20px;
  border-radius: 10px;
  margin: 2px;
}
.webzine-blockquote * {
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  line-height: 34px;
  color: #000000;
}
.webzine-blockquote :last-child {
  margin-bottom: 0px;
}

.webzine-reference {
  background-color: #dae7f1;
  padding: 20px;
  border-radius: 3px;
  margin: 20px 0px;
}
.webzine-reference .reference-title {
  font-size: 19px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  padding-bottom: 5px;
  color: #000000;
}
.webzine-reference .reference-text * {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  margin: 10px 0px;
}

.widget {
  width: 100%;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .widget {
    margin-top: 15px;
  }
}
.widget .facet-folder {
  position: relative;
}
.widget .facet-folder h3 {
  margin: 0;
  padding: 0;
}
.widget form {
  padding: 0;
}
.widget .widget-header {
  overflow: auto;
  padding: 15px;
  border-radius: 5px 5px 0 0;
  background-color: #ebeded;
}
.widget .widget-header .widget-title {
  display: inline-block;
  margin: 0;
  font-weight: 600;
  color: #000000;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.widget .widget-header .widget-reset {
  display: inline-block;
  float: right;
  padding: 0;
  font-weight: 600;
  color: #085da2;
  border: 0;
  background: none;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 21px;
  line-height: 1.3125rem;
}
.widget .widget-header .widget-reset .icon-wrapper {
  margin-top: -4px;
  margin-left: 5px;
}
.widget .widget-header .widget-reset svg {
  fill: #085da2;
}
.widget .widget-trigger {
  position: relative;
  width: 100%;
  min-height: 50px;
  padding: 0 30px 0 12px;
  text-align: left;
  border: solid 1px #ebeded;
  border-top: 0;
  background: #ffffff;
}
.widget .widget-trigger span,
.widget .widget-trigger label,
.widget .widget-trigger em {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  line-height: 1.25rem;
}
.widget .widget-trigger em {
  margin-left: 5px;
  font-weight: 300;
}
.widget .widget-trigger:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 14px;
  height: 8px;
  margin-top: -4px;
  background: url("../svg/originals/arrow-down.svg");
}
.widget .widget-folder {
  border-bottom: solid 1px #ebeded;
}
.widget .options-filter {
  position: relative;
  margin-bottom: 1px;
  padding: 12px;
  background: #e1eff8;
}
.widget .options-filter input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
[data-state=keyboard] .widget .options-filter input[type=checkbox]:focus + label:before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000, 0 0 0 4px #fff !important;
}
.widget .options-filter input[type=checkbox]:checked + label:before {
  border: 2px solid #000000;
  background-color: #000000;
  background-image: url("../svg/originals/check-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.widget .options-filter input[type=checkbox][disabled] + label {
  color: #000000;
}
.widget .options-filter label {
  display: block;
  position: relative;
  padding-left: 23px;
  font-weight: 400;
  color: #000000;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 18px;
  line-height: 1.125rem;
}
.widget .options-filter label em {
  margin-left: 5px;
}
.widget .options-filter label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  border: 2px solid #5e696d;
  border-radius: 2px;
  transition: 0.3s;
}
.widget .options-filter:last-child {
  margin-bottom: 0;
}
.widget [type=submit] {
  width: 100%;
  text-align: right;
  border-radius: 0 0 5px 5px;
}
.widget [type=submit] svg {
  fill: #8fc3ea;
}

.btn-widget-filter {
  display: none;
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .btn-widget-filter {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .btn-widget-filter {
    display: block;
  }
}
.btn-widget-filter svg {
  fill: #8fc3ea;
}

.widget .is-active .widget-trigger {
  background: #d0d3d5;
}
.widget .is-active .widget-trigger span,
.widget .is-active .widget-trigger label,
.widget .is-active .widget-trigger em {
  font-weight: 600;
}
.widget .is-active .widget-trigger:after {
  background-image: url("../svg/originals/arrow-up.svg");
}

.is-zoomed .widget .is-active .widget-trigger {
  height: auto;
  padding-right: 30px;
}