@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: normal;
  font-weight: 400;
  src: url('/resources/documents/_fonts/asap-v34-latin-regular.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-regular.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: italic;
  font-weight: 400;
  src: url('/resources/documents/_fonts/asap-v34-latin-italic.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-italic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: normal;
  font-weight: 500;
  src: url('/resources/documents/_fonts/asap-v34-latin-500.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-500.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: italic;
  font-weight: 500;
  src: url('/resources/documents/_fonts/asap-v34-latin-500italic.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-500italic.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: normal;
  font-weight: 700;
  src: url('/resources/documents/_fonts/asap-v34-latin-700.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-700.ttf') format('truetype');
}

@font-face {
  font-display: swap;
  font-family: 'Asap';
  font-style: italic;
  font-weight: 700;
  src: url('/resources/documents/_fonts/asap-v34-latin-700italic.woff2') format('woff2'), url('/resources/dcouments/_fonts/asap-v34-latin-700italic.ttf') format('truetype');
}

:root {
  --transition: .3s cubic-bezier(.445, .05, .55, .95) 0s;
  --transition-with-delay: .3s cubic-bezier(.445, .05, .55, .95) .2s;

  --content-width: 100%;
  --home-content-width: 100%;
  --home-slider-width: 100%;

  --deco-opacity: 0.55;
}

html, body {
  background-color: var(--mdc-theme-background);
  color: var(--mdc-theme-on-surface);
  min-width: 320px
}

html {
  font-size: 10px;
}

body {
  display: flex;
  flex-direction: column;
  font-family: Asap, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  min-height: 100vh;
}
#skiptomain {
    background: var(--mdc-theme-primary);
    box-shadow: var(--shadow-4dp);
    color: var(--mdc-theme-on-primary);
    position: absolute;
    transform: translateY(-9rem);
    z-index: 10;
}
#skiptomain:focus {
    transform: translateY(0);
}
h1, h2 {
  color: var(--mdc-theme-primary);
  text-transform: uppercase;
}
#olefa_template_holder :not(article.news-entry) h1, #olefa_template_holder h2 {
  color: inherit;
  text-transform: none;
}
h1 {
  font-size: 3.5rem;
  line-height: 4.2rem;
  margin-bottom: 2.7rem;
}
.site-main:not(#olefa_template_holder, #lowbar-wrapper) h1::after {
  background-color: var(--mdc-theme-primary);
  content: "";
  display: block;
  height: .6rem;
  margin-top: 2.2rem;
  width: 2.75rem;
}
h1#gdpr-cookie-title::after {
  background-color: initial;
  content: "";
  display: none;
  height: initial;
  margin-top: initial;
  width: initial;
}
h2 {
  font-size: 3rem;
  line-height: 4rem;
  margin-bottom: 2.7rem;
}

h3 {
  color: var(--mdc-theme-secondary);
  font-size: 1.8rem;
  line-height: 3rem;
  text-transform: uppercase;
}

#header {
  margin-top: 5rem;
}

#header-background {
  display: block;
  background-image: url('/resources/images/_site/banner/banner-image.jpg');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 40vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}

#logo {
  display: block;
  width: 14vh;
  height: auto;
  margin-left: 1.5rem;
}

#navigations-wrapper{
  background-color: var(--mdc-theme-primary);
  bottom: 0;
  color: var(--mdc-theme-on-primary);
  display: none;
  height: 0;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  transition: height var(--transition);
  width: 100%;
  z-index: 1;
}

#hamburger {
  display: block;
  height: 18px;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  width: 30px;
  z-index: 2;
}

#hamburger[aria-expanded="false"] .opened, 
#hamburger[aria-expanded="true"] .closed {
  display: none;
}

#mainnav,
#langnav {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity var(--transition-with-delay);
}

#navigations-wrapper > nav > ul {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
#navigations-wrapper > nav > ul a,
#navigations-wrapper > nav > ul button {
  box-sizing: border-box;
  color: var(--mdc-theme-on-primary);
  display: block;
  font-size: 1.7rem;
  line-height: 4.4rem;
  height: 4.4rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color var(--transition);
}
#navigations-wrapper > nav > ul button {
  background: none;
  border: 0;
  cursor: pointer;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  padding: 0;
  position: relative;
  width: 100%;
}
#navigations-wrapper > nav > ul button::after {
  content: "";
  display: inline-block;
  border-bottom: 2px solid;
  border-right: 2px solid;
  flex-shrink: 0;
  height: .4em;
  position: absolute;
  width: .4em;
  transform: rotate(45deg);
}

#navigations-wrapper > nav > ul a.selected,
#navigations-wrapper > nav > ul button.selected,
#navigations-wrapper > nav > ul button[aria-expanded="true"],
#navigations-wrapper > nav > ul a:hover,
#navigations-wrapper > nav > ul button:hover,
#navigations-wrapper > nav > ul a:focus,
#navigations-wrapper > nav > ul button:focus {
  background-color: var(--mdc-theme-secondary);
  color: var(--mdc-theme-on-secondary);
}

#mainnav li[data-id="5"] a {
  align-items: center;
  display: flex;
  font-size: 0 !important;
  justify-content: center;
}

#navigations-wrapper > nav > ul ul {
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: none;
  left: 0;
  list-style: none;
  height: 4.4rem;
  margin: 0;
  margin-left: 1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 4.4rem;
  width: 100%;
  transition: height var(--transition), border var(--transition);
}

#scroll-trigger {
  height: 54.9rem;
  position: absolute;
  top: 0;
  z-index: -1;
}

#home-bottom-image {
  background-image: url('/resources/images/_site/accueil.png');
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 300px;
}

#site-main:not(.collaboration),
main > .site-main-wrapper {
  box-sizing: border-box;
  flex: 1 0 auto;
  font-size: 1.8rem;
  line-height: 3rem;
  margin: 0 auto;
  overflow: hidden;
  overflow-wrap: anywhere;
  padding: 5.4rem 10px 20px;
  width: var(--content-width);
}

#site-main:not(.collaboration) a,
main > .site-main a,
main > .site-main-wrapper a,
#site-path nav.breadcrumb a  {
  color: var(--mdc-theme-primary);
  transition: color var(--transition);
}
#site-main:not(.collaboration) a:hover,
#site-main:not(.collaboration) a:focus,
main > .site-main a:hover,
main > .site-main a:focus {
  color: var(--mdc-theme-secondary);
  text-decoration: none;
}
.site-main {
  width: var( --home-content-width);
}
#site-path {
  margin-bottom: 3.4rem;
}
#site-path a,
#site-path li::before,
#site-path span {
  color: var(--mdc-theme-on-surface);
  opacity: var(--deco-opacity);
  transition: opacity var(--transition);
}
#site-path a:hover,
#site-path a:focus {
  color: var(--mdc-theme-secondary);
  opacity: 1;
  text-decoration: none;
}

/* CONTENT */

img {
  height: auto;
  max-width: 100%;
}

p.olefa-tinymce-paragraph {
  margin-bottom: 4.2rem;
}
p.olefa-tinymce-paragraph.image-block {
  display: grid;
  gap: 20px;
  grid-template-columns: auto;
  grid-template-rows: auto;
  max-width: 100%;
}

.es-button {
  background-color: var(--mdc-theme-primary);
  border: 0;
  border-radius: 0;
  color: var(--mdc-theme-on-primary) !important;
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 3rem;
  margin: 6rem auto;
  max-width: 22.7rem;
  padding: 6px 12px;
  text-align: center;
  text-transform: uppercase;
  transition: background-color var(--transition) !important;
}
.es-button:hover,
.es-button:focus {
  background-color: var(--mdc-theme-secondary) !important;
}
.site-main:not(#newspreview) h2::after {
  background-color: var(--mdc-theme-primary);
  content: "";
  display: block;
  height: .6rem;
  margin-top: 2.2rem;
  width: 2.75rem;
}
#newspreview {
  padding: 3rem 0;
  width: 100%;
}
#newsslider,
#newsslider ul.oc-interactivity-cyclepics__image-list,
#newsslider ul.oc-interactivity-cyclepics__image-list li {
  height: 100%;
  min-height: 32.2rem;
}
#newsslider ul.oc-interactivity-cyclepics__image-list li h2,
#newsslider ul.oc-interactivity-cyclepics__image-list li a {
  color: var(--mdc-theme-on-primary);
}
#newsslider ul.oc-interactivity-cyclepics__image-list li a:hover,
#newsslider ul.oc-interactivity-cyclepics__image-list li a:focus {
  color: var(--mdc-theme-on-surface);
}
#newsslider ul.oc-interactivity-cyclepics__image-list li {
  background-color: var(--mdc-theme-primary);
  color: var(--mdc-theme-on-primary);
}
#newsslider ul.oc-interactivity-cyclepics__image-list li:nth-child(odd) {
  background-color: var(--mdc-theme-secondary);
  color: var(--mdc-theme-on-secondary);
}
#newsslider ul.oc-interactivity-cyclepics__image-list li article {
  box-sizing: border-box;
  height: 100%;
  padding: 2rem 4rem;
  width: var(--home-slider-width);
}
.oc-interactivity-cyclepics__arrow {
  transform: translateY(-50%);
}
.oc-interactivity-cyclepics__arrow::before {
  display: none;
}

.quicklinks {
  list-style: none;
  margin: 3.6rem 0 5rem;
  padding: 0;
}
.quicklinks li {
  font-size: 1.8rem;
  line-height: 3rem;
}

ul#filconducteur {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
  list-style: none;
  margin: 0;
  max-width: 700px;
  padding: 0;
}

ul#filconducteur li {
  text-align: center;
  width: 12.7rem;
}
ul#filconducteur li a {
  color: var(--mdc-theme-on-surface);
  opacity: var(--deco-opacity);
  position: relative;
  transition: opacity var(--transition);
}
main > .site-main ul#filconducteur li a {
  opacity: 1;
}
ul#filconducteur li a::before {
  background-color: var(--mdc-theme-secondary);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50%;
  border-radius: 50%;
  content: '';
  display: block;
  height: 9.7rem;
  margin: 0 auto 1.3rem;
  position: relative;
  transition: background-color var(--transition), opacity var(--transition);
  width: 9.7rem;
}

ul#filconducteur li a:hover,
ul#filconducteur li a:focus,
ul#filconducteur li a.selected {
  color: var(--mdc-theme-on-surface);
  opacity: 1;
}
ul#filconducteur li a:hover::before,
ul#filconducteur li a:focus::before,
ul#filconducteur li a.selected::before {
  background-color: var(--mdc-theme-primary);
  opacity: 1;
}

ul#filconducteur li[data-id="19"] a::before {
  background-image: url('/resources/images/_site/autonav/19.svg');
}
ul#filconducteur li[data-id="20"] a::before {
  background-image: url('/resources/images/_site/autonav/20.svg');
}
ul#filconducteur li[data-id="21"] a::before {
  background-image: url('/resources/images/_site/autonav/21.svg');
}
ul#filconducteur li[data-id="22"] a::before {
  background-image: url('/resources/images/_site/autonav/22.svg');
}
ul#filconducteur li[data-id="23"] a::before {
  background-image: url('/resources/images/_site/autonav/23.svg');
}
ul#filconducteur li[data-id="24"] a::before {
  background-image: url('/resources/images/_site/autonav/24.svg');
}
ul#filconducteur li[data-id="25"] a::before {
  background-image: url('/resources/images/_site/autonav/25.svg');
}
ul#filconducteur li[data-id="26"] a::before {
  background-image: url('/resources/images/_site/autonav/26.svg');
}

/* NEWS */

.news-entry {
  margin-bottom: 2.8rem;
}
.news-entry h2 {
  color: var(--mdc-theme-secondary);
  text-transform: initial;
}
.news-entry::after {
  background-color: var(--mdc-theme-primary);
  content: "";
  display: block;
  height: .6rem;
  margin-top: 2.2rem;
  width: 2.75rem;
}
.news-entry:last-of-type::after {
  display: none;
}
.news-entry .olefa-tinymce-paragraph {
  font-size: 1.6rem;
  line-height: 2.4rem;
}
.news-entry p.olefa-tinymce-paragraph {
  margin-bottom: 2.2rem;
}
#site-main .news-entry a[href^="/resources"],
#site-main.mpm a[href^="/resources"] {
  color: var(--mdc-theme-on-surface);
}
#site-main .news-entry a[href^="/resources"]:hover,
#site-main .news-entry a[href^="/resources"]:focus, 
#site-main.mpm a[href^="/resources"]:hover,
#site-main.mpm a[href^="/resources"]:focus {
  color: var(--mdc-theme-secondary);
}
a.news-readmore {
  font-size: 1.6rem;
  line-height: 2.2rem;
  padding-left: 1em;
  position: relative;
}
a.with-arrow {
  padding-left: 1em;
  position: relative;
}
a.with-arrow::before,
a.news-readmore::before {
  border-bottom: 2px solid;
  border-right: 2px solid;
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: .4em;
  left: 0;
  position: absolute;
  top: .2em;
  transform: rotate(-45deg);
  width: .4em;
}
ul#image-gallery {
  display: grid;
  flex-wrap: wrap;
  gap: 2.2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Personnel */

div.personnel-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2.3rem;
  margin-bottom: 4.7rem;
}
figure.personnel {
  border: none;
}
figure.personnel > img {
  border-radius: 50%;
  max-height: 170px;
  max-width: 170px;
}

/* Documents */

#filesDownload {
  background-color: var(--mdc-theme-surface);
  box-shadow: var(--shadow-2dp);
  margin: 2.7rem 0;
}
#filesDownload details ul {
  list-style: none;
  padding: 0 1.5rem 0 8.1rem;
}
#filesDownload details ul li {
  line-height: 3rem;
}
#filesDownload details ul li a {
  color: var(--mdc-theme-on-surface);
  font-size: 1.2rem;
  line-height: 1.6rem;
}
#filesDownload details ul li a:active,
#filesDownload details ul li a:focus,
#filesDownload details ul li a:hover {
  color: var(--mdc-theme-secondary);
}
#filesDownload details+details {
  border-top: var(--md-border-divider);
}
#filesDownload details[open] summary {
    border-bottom: var(--md-border-divider);
}
#filesDownload summary {
  color: var(--mdc-theme-on-surface);
  cursor: pointer;
  font-size: 1.2rem;
  line-height: 1.4rem;
  list-style: none;
}
#filesDownload summary::-webkit-details-marker {
  display: none
}
#filesDownload summary::before {
  border-right: var(--md-border-divider);
  color: var(--mdc-theme-secondary);
  content: "+";
  font-size: 2.15rem;
  display: inline-block;
  line-height: 2.15rem;
  margin-right: 2rem;
  padding: 1.95rem 0;
  text-align: center;
  width: 6rem;
}
#filesDownload details[open] summary::before {
  content: "-";
}

/* CONTACT */

section.hidden {
  display: none;
}
.buttonwrapper {
  display: flex !important;
  gap: var(--md-unit);
}
#mailform-progress-wrapper {
  display: block !important;
  position: relative;
}
#mailform-progress {
  border: var(--md-border-divider);
  border-radius: var(--md-unit);
  height: 20px;
  width: 100%;
}
#mailform-progress::-webkit-progress-bar {
  background-color: var(--mdc-theme-on-primary);
  border-radius: var(--md-unit);
}
#mailform-progress::-webkit-progress-value {
  background-color: var(--mdc-theme-primary);
  border-radius: var(--md-unit);
}
label[for="mailform-progress"] {
  color: var(--mdc-theme-on-primary);
  font-size: 1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 4ch;
}
.grid-twocols {
  display: grid;
  gap: var(--md-unit);
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.grid-twocols.aside-left {
  gap: calc(4 * var(--md-unit));
}
.grid-twocols.sinlgeitem {
  grid-template-columns: 1fr;
}
.grid-twocols.sinlgeitem.itemright * {
  justify-self: end;
}
.grid-twocols > br,
.grid-item .tob_check {
  display: none;
}
.grid-item {
  display: grid;
  gap: calc(var(--md-unit) / 2);
  grid-template-rows: min-content auto;
}
form.mailform fieldset,
form.mailform input:not([type="radio"]),
form.mailform select,
form.mailform textarea {
  border: var(--md-border-divider);
  border-radius: 4px;
  box-sizing: border-box;
  height: min-content;
  min-height: 48px;
  padding: 4px 8px;
}

/* Pre-inscription */

#additional-email {
  position: relative;
  margin-left: 50px;
}
#additional-email::before {
  color: red;
  content: 'info';
  display: block;
  font-family: Material icons;
  font-size: 2em;
  left: -50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


#footer {
  border-top: .1rem solid #ccc;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2.8rem 0 0;
  position: relative;
}
#footer * {
  color: #4a4a4a;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2rem;
}
#footer * {
  color: #4a4a4a;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 2rem;
}
#footer a:hover,
#footer a:focus {
  text-decoration: none;
}
#footer-contact {
  display: flex;
  flex-direction: column;
  row-gap: 3rem;
  padding: 0 10px;
}
#footer-contact .footer-flex {
  display: flex;
  flex-direction: column;
}
#footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  justify-content: center;
}

a.link-with-before::before {
  color: var(--mdc-theme-secondary);
  display: inline-block;
  height: 1ch;
  margin-right: 1.2rem;
  width: 1ch;
}
a.link-with-before:hover::before,
a.link-with-before:focus::before {
  color: var(--mdc-theme-primary);
}
a.link-with-before-T::before {
  content: "T";
}
a.link-with-before-F::before {
  content: "F";
}
a.link-with-before-E::before {
  content: "E";
}
a.download::before,
#site-main.mpm a[href^="/resources"]::before,
.news-entry a[href^="/resources"]::before {
  content: "arrow_right_alt";
  display: inline-block;
  font-family: 'Material Icons';
  font-feature-settings: 'liga';
  height: 1ch;
  line-height: 1;
  margin-right: 1.2rem;
  vertical-align: text-bottom;
  width: 1ch;
}

#facebook_link {
  align-items: center;
  display: flex;
}
#facebook_link::before {
  background-color: var(--mdc-theme-secondary);
  background-image: url('/resources/images/_site/icon-fb.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60%;
  border-radius: 50%;
  color: var(--mdc-theme-on-secondary);
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 3.4rem;
  margin-right: 1.2rem;
  transition: background-color var(--transition);
  width: 3.4rem;
}
#facebook_link:hover::before,
#facebook_link:focus::before {
  background-color: var(--mdc-theme-primary);
  color: var(--mdc-theme-on-primary);
}
#copyright {
  background-color: var(--mdc-theme-primary);
  color: var(--mdc-theme-on-primary);
  display: block;
  text-align: center;
  width: 100%;
}


/* BIB */
.bib-infobox {
  border: var(--md-border-divider);
  border-radius: var(--md-unit);
  margin-bottom: var(--md-unit);
  padding: var(--md-unit);
  position: relative;
}

#site-main.collaboration {
  font-size: initial;
  padding: 5.4rem 10px 0;
  width: 100%;
  width: var(--home-content-width);
}

@media only screen and (max-width: 767px) {
  #navigations {
    background-color: var(--mdc-theme-primary);
    color: var(--mdc-theme-on-primary);
    bottom: 0;
    height: 5rem;
    left: 0;
    margin: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    transition: height var(--transition);
    width: 100%;
    z-index: 1;
  }
  #navigations-wrapper[data-expanded="true"] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 5rem;
    height: 100%;
    padding: 5rem 3rem;
    overflow-y: scroll;
  }
  #navigations-wrapper[data-expanded="true"] nav {
    height: auto;
    opacity: 1;
    overflow: visible;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav>ul {
    flex-direction: column;
    gap: 1.6rem;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav a,
  #navigations-wrapper[data-expanded="true"] #mainnav button {
    padding: 0 1.4rem;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav li[data-id="5"] a {
    justify-content: left;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav button {
    text-align: left;
  }
  #navigations-wrapper > nav > ul button::after {
    margin-left: .8em;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav>ul button[aria-expanded="true"]+ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    position: relative;
    height: auto;
    top: initial;
  }
  #navigations-wrapper[data-expanded="true"] #mainnav>ul button[aria-expanded="true"]+ul li {
    text-align: left;
    width: 100%;
  }
  #navigations-wrapper[data-expanded="true"] #langnav>ul>li>button {
    display: none;
  }
  #navigations-wrapper[data-expanded="true"] #langnav>ul>li>ul {
    display: flex;
    position: relative;
    height: auto;
    top: initial;
  }
  #navigations-wrapper[data-expanded="true"] #langnav>ul>li>ul a {
    padding: 0 1.4rem;
  }
  #newsslider ul.oc-interactivity-cyclepics__image-list li article {
    padding: 3rem 8.5rem;
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --content-width: 720px;
    --home-content-width: 84%;
    --home-slider-width: calc(((var(--content-width) / 100) * 84) / 2);
  }

  #header {
    margin-top: 0;
  }
  #header-background {
    height: 54.9rem;
  }
  #logo, #site-main, main > .site-main-wrapper, #footer-contact {
    margin: 0 auto;
  }
  #logo {
    width: var(--content-width);
  }
  .site-main {
    margin-left: 8.4%;
  }
  #newsslider ul.oc-interactivity-cyclepics__image-list li[data-active="0"] article {
    margin-right: auto;
    padding-right: 0;
  }
  #newsslider ul.oc-interactivity-cyclepics__image-list li[data-active="1"] article {
    margin-left: auto;
    padding-left: 0;
  }
  #navigations-wrapper {
    align-items: center;
    background-color: rgba(32, 155, 215, .8);
    display: flex;
    height: 4.4rem;
    justify-content: center;
    margin-top: -4.4rem;
    overflow: visible;
    position: relative;
    width: 100%;
  }
  body[data-contrast="more"] #navigations-wrapper {
    background-color: var(--mdc-theme-primary);
  }
  #navigations.fixedToTop #navigations-wrapper {
    background-color: var(--mdc-theme-primary);
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 3;
  }
  #hamburger {
    display: none;
  }
  #navigations-wrapper > nav {
    display: block;
    height: 100%;
    opacity: 1;
    overflow: visible;
  }
  #navigations-wrapper > nav > ul a,
  #navigations-wrapper > nav > ul button {
    font-size: 1.4rem;
    padding: 0 .8rem;
  }
  #navigations-wrapper > nav > ul button {
    padding-right: 3.2rem !important;
  }
  #navigations-wrapper > nav > ul button::after {
    right: .8em;
  }
  #navigations-wrapper > nav > ul button[aria-expanded="true"]+ul {
    display: flex;
  }
  #navigations-wrapper > nav > ul ul {
    align-items: center;
    background-color: var(--mdc-theme-secondary);
    justify-content: center;
    margin-left: 0;
  }
  #navigations-wrapper > nav > ul ul a.selected,
  #navigations-wrapper > nav > ul ul a:hover,
  #navigations-wrapper > nav > ul ul a:focus {
    border-bottom: .3rem solid var(--mdc-theme-primary);
  }

  #navigations-wrapper > nav > ul button[aria-expanded="true"]+ul {
    display: flex;
  } 

  #langswitch li img {
    height: 16px;
    width: auto;
  }

  p.olefa-tinymce-paragraph.image-block {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
  .quicklinks li {
    display: inline-block;
  }
  .quicklinks li+li:before {
    content: "|";
    display: inline-block;
    color: var(--mdc-theme-primary);
    padding: 0 2rem 0 1.8rem;
  }
  #filesDownload details ul {
    padding: .8rem 0 .8rem 8.1rem;
  }
  #filesDownload details ul li a {
    font-size:1.8rem;
    line-height: 3rem;
  }
  #filesDownload summary {
    font-size: 1.8rem;
    line-height: 2.4rem;
  }
  ul#image-gallery {
    grid-template-columns: 1fr 1fr;
  }

  .grid-twocols {
    grid-template-columns: 1fr 1fr;
  }
  .grid-twocols.aside-left {
    grid-template-columns: 1fr 2fr;
  }
  #footer * {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  #footer-contact {
    flex-direction: row;
  }
  #footer-contact > * {
    align-self: flex-end;
    flex-basis: 25%;
    padding: 0 10px;
  }
  #footer-contact .footer-flex {
    height: 100%;
  }
}

@media only screen and (min-width: 1092px) {
  :root {
    --content-width: 940px;
  }
  #navigations-wrapper > nav > ul a,
  #navigations-wrapper > nav > ul button {
    font-size: 1.8rem;
    padding: 0 1.4rem;
  }
}
@media only screen and (min-width: 1440px) {
  :root {
    --content-width: 1140px;
  }
  #header-background {
    height: 64.9rem;
  }
}

:root body[data-contrast="more"]  {
  --mdc-theme-primary: #177EB0;
  --mdc-theme-secondary: #8A740A;

  --deco-opacity: 1;
}