@charset "UTF-8";
/***** Customs *****/
/* @mixin font-face($name, $path, $weight: null, $style: null, $exts: eot woff ttf) {
  $src: null;

  $extmods: (
    eot: '?',
  );

  $formats: (
    otf: 'opentype',
    ttf: 'truetype'
  );

  @each $ext in $exts {
    $extmod: if(map-has-key($extmods, $ext), $ext + map-get($extmods, $ext), $ext);
    $format: if(map-has-key($formats, $ext), map-get($formats, $ext), $ext);
    $src: append($src, url(quote($path + "." + $extmod)) format(quote($format)), comma);
  }

  @font-face {
    src: $src;
    font-family: quote($name);
    font-style: $style;
    font-weight: $weight;
  }
} */
/* @include font-face(open-sans, '../fonts/OpenSans/Lato-Regular', $weight: $weight-regular);
@include font-face(open-sans, '../fonts/OpenSans/Lato-Medium', $weight: $weight-medium);
@include font-face(open-sans, '../fonts/OpenSans/Lato-Bold', $weight: $weight-bold);
@include font-face(open-sans, '../fonts/OpenSans/Lato-Italic', $style: italic); */
@font-face {
  src: url("../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
  font-family: "open-sans";
  font-weight: 400;
}

@font-face {
  src: url("../fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype");
  font-family: "open-sans";
  font-weight: 600;
}

@font-face {
  src: url("../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
  font-family: "open-sans";
  font-weight: 700;
}

@font-face {
  src: url("../fonts/OpenSans/OpenSans-Italic.ttf") format("truetype");
  font-family: "open-sans";
  font-style: italic;
}

@font-face {
  src: url("../fonts/OpenSans/OpenSans-SemiBoldItalic.ttf") format("truetype");
  font-family: "open-sans";
  font-style: italic;
  font-weight: 600;
}

@font-face {
  src: url("../fonts/OpenSans/OpenSans-BoldItalic.ttf") format("truetype");
  font-family: "open-sans";
  font-style: italic;
  font-weight: 700;
}

@font-face {
  src: url("../fonts/marianne/Marianne-Medium.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 500;
}

@font-face {
  src: url("../fonts/marianne/Marianne-Regular.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 400;
}

@font-face {
  src: url("../fonts/marianne/Marianne-Bold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 700;
}

@font-face {
  src: url("../fonts/marianne/Marianne-ExtraBold.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 800;
}

@font-face {
  src: url("../fonts/marianne/Marianne-Light.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 200;
}

@font-face {
  src: url("../fonts/marianne/Marianne-Thin.otf") format("opentype");
  font-family: "Marianne";
  font-weight: 100;
}

.nav-button:hover,
.nav-button:focus {
  outline: auto;
  background-color: transparent;
}

.nav-button.nav-button--portail {
  padding: 0.5rem;
}

.nav-button.nav-button--portail:focus {
  border-radius: 0.25rem;
  outline: 1px solid #3054b8;
}

.nav-button > * {
  background-image: none;
}

.nav-button .burger-center {
  background-color: #3054b8;
  border-radius: 0.3rem;
  height: 5px;
  width: 2.6rem;
  display: inline-block;
}

.nav-button > ::before,
.nav-button > ::after {
  background-color: #3054b8;
  border-radius: 0.3rem;
}

.nav-button.is-active .burger-center {
  opacity: 0;
}

.nav-button.is-active > ::before {
  -webkit-transform: translateY(100%) rotate(45deg);
          transform: translateY(100%) rotate(45deg);
}

.nav-button.is-active > ::after {
  -webkit-transform: translateY(-100%) rotate(-45deg);
          transform: translateY(-100%) rotate(-45deg);
}

.block--block-content--lien-avec-picto a {
  padding: 1rem;
  border-radius: 0.3rem;
}

@media (min-width: 768px) {
  .block--block-content--lien-avec-picto a {
    padding: 1rem 1.5rem;
  }
}

.block--block-content--lien-avec-picto a:hover, .block--block-content--lien-avec-picto a:focus, .block--block-content--lien-avec-picto a:active {
  text-decoration: none;
}

#block-marquedusite,
#block-logocollectiviteslocales {
  font-family: Marianne, sans-serif;
}

#block-marquedusite h1,
#block-marquedusite .site-name,
#block-logocollectiviteslocales h1,
#block-logocollectiviteslocales .site-name {
  font-family: Marianne, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 0;
  text-transform: lowercase;
  text-align: left;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  #block-marquedusite h1,
  #block-marquedusite .site-name,
  #block-logocollectiviteslocales h1,
  #block-logocollectiviteslocales .site-name {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  .region-footer-top {
    padding: 4rem 2rem;
  }
}

.region-footer-top ul.menu {
  text-transform: uppercase;
}

.region-footer-top ul.menu .menu-item--level-0 {
  padding: 1rem 1.5rem;
}

@media (min-width: 992px) {
  .region-footer-top ul.menu .menu-item--level-0 {
    padding: 0;
  }
}

.region-footer-top ul.menu .menu-item--level-0:not(:last-of-type) {
  border-bottom: 0.1rem solid;
}

@media (min-width: 992px) {
  .region-footer-top ul.menu .menu-item--level-0:not(:last-of-type) {
    border-bottom: 0;
  }
}

.region-footer-top ul.menu .menu-item--level-0 span {
  position: relative;
  font-size: 1.6rem;
  cursor: pointer;
}

@media (min-width: 576px) {
  .region-footer-top ul.menu .menu-item--level-0 span {
    font-size: 1.8rem;
  }
}

@media (min-width: 992px) {
  .region-footer-top ul.menu .menu-item--level-0 span {
    border-bottom: 0.1rem solid;
    padding-bottom: 0.75rem;
    cursor: auto;
  }
}

.region-footer-top ul.menu .menu-item--level-0 span::after {
  content: '';
  border-bottom: 0.2rem solid;
  border-right: 0.2rem solid;
  display: block;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  right: 1rem;
  top: 1rem;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

@media (min-width: 992px) {
  .region-footer-top ul.menu .menu-item--level-0 span::after {
    content: none;
  }
}

.region-footer-top ul.menu .menu-item--level-0.closed span::after {
  top: 0.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.region-footer-top ul.menu .menu {
  text-transform: none;
  text-align: center;
  font-size: 1.6rem;
}

@media (min-width: 992px) {
  .region-footer-top ul.menu .menu {
    text-align: left;
  }
}

.menu {
  padding-left: 0;
}

.menu li::before {
  content: none;
}

.menu--main {
  text-align: center;
  font-size: 1.7rem;
}

@media (min-width: 992px) {
  .menu--main {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .menu--main {
    font-size: 1.8rem;
  }
}

.menu--main .layout--content > .menu {
  position: relative;
  margin-bottom: 0;
}

.menu--main .homepage-link .front-icon {
  display: none;
}

@media (min-width: 992px) {
  .menu--main .homepage-link .front-icon {
    display: block;
    width: 2rem;
    height: 2rem;
  }
}

@media (min-width: 992px) {
  .menu--main .homepage-link .front-txt {
    display: none;
  }
}

.menu--main .menu-item--level-0 {
  padding: 0.5rem 0;
}

.menu--main .menu-item--level-0:not(:last-child) {
  border-bottom: 0.1rem solid;
}

@media (min-width: 992px) {
  .menu--main .menu-item--level-0 {
    margin: 0 0.5rem;
    padding: 0;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 16%;
            flex: 0 1 16%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .menu--main .menu-item--level-0.homepage-link {
    max-width: 3rem;
  }
  .menu--main .menu-item--level-0:not(:last-child) {
    border-bottom: 0;
  }
  .menu--main .menu-item--level-0:first-child {
    margin-left: 0;
  }
  .menu--main .menu-item--level-0:last-child {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .menu--main .menu-item--level-0 {
    margin: 0 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: 16%;
  }
}

@media (min-width: 1200px) {
  .menu--main .menu-item--level-0 {
    max-width: 100%;
  }
}

.menu--main .menu-item--level-0 > a {
  display: block;
}

@media (min-width: 992px) {
  .menu--main .menu-item--level-0 > a {
    padding: 1rem 0;
    border-bottom: 0.5rem solid transparent;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-weight: 600;
  }
}

@media (min-width: 1200px) {
  .menu--main .menu-item--level-0 > a {
    font-size: 1.9rem;
  }
}

.menu--main .menu-item--level-0.homepage-link > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.menu--main .menu-item--level-0.menu-item--active-trail > a {
  border-bottom: 0.5rem solid;
}

.menu--main.sub-menu-open .menu--level-0 > .menu-item--active-trail:not(.child-open) > a {
  border-bottom: 0.5rem solid transparent;
}

.menu--main .menu-item--level-0.child-open > a {
  border-bottom: 0.5rem solid;
}

.menu--main .block-menu {
  padding: 0.5rem 0.5rem 1rem;
  font-size: 1.6rem;
  text-align: left;
  border-bottom: 1.2rem solid;
}

@media (min-width: 992px) {
  .menu--main .block-menu {
    border-top: 0.5rem solid;
    border-bottom: 2rem solid;
    top: 100%;
  }
}

.menu--main .block-menu.colored-bg {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .menu--main .block-menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .menu--main .block-menu .menu-item {
    margin: 1rem 0;
    width: calc(100% / 2 - 2rem);
  }
  .menu--main .block-menu .menu-item:nth-child(odd) {
    margin-right: 3rem;
  }
}

@media (min-width: 1200px) {
  .menu--main .block-menu .menu-item {
    width: calc(100% / 3 - 2rem);
  }
  .menu--main .block-menu .menu-item:nth-child(odd) {
    margin-right: 0;
  }
  .menu--main .block-menu .menu-item:nth-child(3n+2) {
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.menu--main .block-menu ul li > a {
  border-left: 0.3rem solid;
  margin-bottom: 0.5rem;
  display: block;
  padding: 0.5rem 3rem 0.5rem 1rem;
  position: relative;
  font-size: 1.3rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.menu--main .block-menu ul li > a:hover, .menu--main .block-menu ul li > a:focus, .menu--main .block-menu ul li > a:active {
  font-weight: 700;
  -webkit-box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  .menu--main .block-menu ul li > a {
    font-size: 1.6rem;
    border-left: 0.5rem solid;
  }
}

.menu--main .block-menu .item--child,
.menu--main .block-menu .item--no-child {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  right: 1rem;
}

.menu--main .block-menu--utils {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu--main .sous-menu-btn {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1rem 0.2rem;
  position: relative;
}

@media (min-width: 992px) {
  .menu--main .sous-menu-btn {
    font-size: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0.6rem 0;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.menu--main .block-menu--back::before {
  content: '';
  display: inline-block;
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  margin-right: 0.2rem;
}

.menu--main .block-menu--close {
  padding-right: 2rem;
}

.menu--main .block-menu--close::after, .menu--main .block-menu--close::before {
  content: '';
  display: inline-block;
  width: 1.5rem;
  height: 0.2rem;
  position: absolute;
  right: 0;
  top: 50%;
}

.menu--main .block-menu--close::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.menu--main .block-menu--close::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu--main .btn--acces-page {
  text-align: center;
  width: 100%;
  margin: 0.5rem 0 1rem;
  border-radius: 0.3rem;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 700;
  white-space: normal;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 992px) {
  .menu--main .btn--acces-page {
    display: inline-block;
    width: auto;
    font-size: 1.6rem;
    margin: 1.5rem 0;
    padding: 1.2rem;
  }
}

.menu--main .breadcrumb-holder {
  display: none;
}

@media (min-width: 992px) {
  .menu--main .breadcrumb-holder {
    font-size: 1.8rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    margin: 1rem 2rem;
    padding: 0 2rem;
    border-left: 0.2rem solid;
  }
}

.menu--main .breadcrumb-holder span:not(:last-child) {
  cursor: pointer;
}

.menu--main .breadcrumb-holder span:not(:last-child)::after {
  content: '';
  display: inline-block;
  border-bottom: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.js .menu--main {
  position: absolute;
  background-color: #fff;
  left: -100vw;
  -webkit-transition: left 0.25s linear;
  transition: left 0.25s linear;
  z-index: 2;
}

@media (min-width: 992px) {
  .js .menu--main {
    position: relative;
    left: 0;
  }
}

.js .menu--main.is-opened {
  left: 0;
  width: 100%;
  -webkit-transition: left 0.25s linear;
  transition: left 0.25s linear;
}

.js .menu--main .block-menu.colored-bg {
  position: absolute;
  z-index: 2;
}

.js .menu--main .block-menu {
  position: absolute;
  left: calc(-100vw - 1rem);
  top: 0;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

@media (min-width: 992px) {
  .js .menu--main .block-menu {
    display: none;
    top: 100%;
    left: calc(50% - 50vw);
    -webkit-transition: none;
    transition: none;
  }
  .js .menu--main .block-menu.active {
    display: block;
  }
  .js .menu--main .block-menu.gone {
    visibility: hidden;
    border-top: 0;
  }
  .js .menu--main .block-menu.gone .gone {
    top: 0;
  }
  .js .menu--main .block-menu.gone .active {
    top: 0;
    visibility: visible;
  }
}

.js .menu--main.is-opened.gone {
  left: 100vw;
}

.js .menu--main.is-opened.gone .block-menu.gone {
  left: 0;
}

@media (min-width: 992px) {
  .js .menu--main .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 992px) {
  .js .menu--main .breadcrumb-holder {
    display: block;
  }
}

.paragraph--type--plie-deplie .paragraph--type--contenu-simple- {
  margin-bottom: 2rem;
}

.paragraph--type--plie-deplie .field--name-field-titre.h3-like {
  border-radius: 0.3rem;
  position: relative;
  padding: 0;
  margin-bottom: 0;
}

.paragraph--type--plie-deplie .field--name-field-titre.h3-like button {
  padding: 0.5rem 4.5rem 0.5rem 1.5rem;
  border-radius: 0;
  display: block;
  text-align: left;
  width: 100%;
  white-space: normal;
  font-weight: 400;
}

@media (min-width: 768px) {
  .paragraph--type--plie-deplie .field--name-field-titre.h3-like button {
    padding: 1rem 4.5rem 1rem 3rem;
  }
}

.paragraph--type--plie-deplie .field--name-field-titre.h3-like button::after {
  content: '';
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  position: absolute;
  display: inline-block;
  top: 1.3rem;
  right: 1.5rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 768px) {
  .paragraph--type--plie-deplie .field--name-field-titre.h3-like button::after {
    top: 2rem;
  }
}

.paragraph--type--plie-deplie .field--name-field-texte-simple {
  padding: 1rem 0;
}

@media (min-width: 768px) {
  .paragraph--type--plie-deplie .field--name-field-texte-simple {
    padding: 1rem 2rem 1rem 3rem;
  }
}

.paragraph--type--plie-deplie .paragraph--type--contenu-simple-.closed button::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0.8rem;
}

@media (min-width: 768px) {
  .paragraph--type--plie-deplie .paragraph--type--contenu-simple-.closed button::after {
    top: 1.3rem;
  }
}

.year {
  margin: 1.5rem 0;
}

.year h3 {
  margin-bottom: 0;
}

.year .toggle {
  position: relative;
  padding: 0.5rem 4.5rem 0.5rem 1.5rem;
  border-radius: 0.3rem;
  display: block;
  text-align: left;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .year .toggle {
    padding: 0.5rem 2rem;
  }
}

.year .toggle::after {
  content: '';
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  display: inline-block;
  top: 1.3rem;
  right: 2.5rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 768px) {
  .year .toggle::after {
    top: 1.5rem;
  }
}

.year .toggle.open::after {
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  top: 2rem;
}

.year .toggle:hover {
  cursor: pointer;
}

.lettres-générales ul.list,
.lettres-speciales ul.list {
  padding-left: 0;
}

.lettres-générales ul.list li::before,
.lettres-speciales ul.list li::before {
  content: none;
}

.node--view-mode-teaser {
  border-top: 0.3rem solid;
  border-bottom: 0.3rem solid;
  margin: 1rem 0 2.5rem;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.node--view-mode-teaser:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .node--view-mode-teaser {
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% / 3 - 1.5rem);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    margin: 3.5rem 0 1rem;
  }
  .node--view-mode-teaser:nth-child(3n+2) {
    margin: 3.5rem 2rem 1rem;
  }
  .node--view-mode-teaser:nth-child(-n+3) {
    margin-top: 0;
  }
  .node--view-mode-teaser:last-child {
    margin-bottom: 1rem;
  }
}

.node--view-mode-teaser .field--name-field-image-illustrative {
  max-width: 50%;
  float: left;
  margin-right: 1rem;
  position: relative;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.node--view-mode-teaser .field--name-field-image-illustrative::before {
  content: url("/themes/custom/colloc/images/rond-plus.png");
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(48, 84, 184, 0.8);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 992px) {
  .node--view-mode-teaser .field--name-field-image-illustrative {
    float: none;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    max-width: 100%;
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

.node--view-mode-teaser a::after {
  content: ' ';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.node--view-mode-teaser:hover, .node--view-mode-teaser:focus {
  -webkit-box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.node--view-mode-teaser:hover .field--name-field-image-illustrative::before, .node--view-mode-teaser:focus .field--name-field-image-illustrative::before {
  opacity: 1;
}

.node--view-mode-teaser:hover .field--name-field-image-illustrative::after, .node--view-mode-teaser:focus .field--name-field-image-illustrative::after {
  opacity: 1;
}

.node--view-mode-teaser a:hover,
.node--view-mode-teaser a:focus {
  text-decoration: none;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.node--view-mode-teaser .node--title {
  margin: 0.6rem 0;
  text-align: left;
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .node--view-mode-teaser .node--title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding: 0 2rem;
    font-size: 2.2rem;
    margin: 1rem 0;
  }
}

.node--view-mode-teaser .node--title::after {
  content: none;
}

.node--view-mode-teaser .field {
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .node--view-mode-teaser .field {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) and (min-width: 576px) {
  .node--view-mode-teaser .field {
    font-size: 1.6rem;
  }
}

.node--view-mode-teaser .field--name-field-tags,
.node--view-mode-teaser .field--name-field-mots-cles {
  display: inline-block;
  max-width: calc(50% - 1rem);
  padding: 0.25rem 0.5rem;
  border-radius: 0.3rem;
  margin: 1rem 0;
  font-size: 1.2rem;
}

@media (min-width: 768px) {
  .node--view-mode-teaser .field--name-field-tags,
  .node--view-mode-teaser .field--name-field-mots-cles {
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .node--view-mode-teaser .field--name-field-tags,
  .node--view-mode-teaser .field--name-field-mots-cles {
    position: absolute;
    top: 1rem;
    left: 1rem;
    margin: 0;
    z-index: 2;
    max-width: 100%;
  }
}

.node--view-mode-teaser .field--name-field-resume,
.node--view-mode-teaser .field--name-field-resume-html-restreint {
  display: none;
}

@media (min-width: 992px) {
  .node--view-mode-teaser .field--name-field-resume,
  .node--view-mode-teaser .field--name-field-resume-html-restreint {
    display: block;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    padding: 1rem 2rem 2rem;
  }
}

@media (min-width: 992px) {
  .node--no-image .field--name-field-tags,
  .node--no-image .field--name-field-mots-cles {
    position: static;
    width: auto;
    margin: 1rem;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    z-index: auto;
  }
}

@media (min-width: 992px) {
  .view-dernieres-actualites .views-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.view-dernieres-actualites .views-row .node--title a::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.paragraph--type--flash-info {
  position: relative;
  width: 100vw;
  left: calc(50% - 50vw);
}

.paragraph--type--flash-info > div {
  max-width: 118rem;
  margin: auto;
}

.content--front .field--name-field-paragraphes > .paragraph.paragraph--type--flash-info {
  padding: 2rem 1rem 1rem;
}

.content--front .field--name-field-paragraphes > .paragraph.paragraph--type--flash-info > div {
  padding-left: 4.5rem;
}

@media (min-width: 992px) {
  .content--front .field--name-field-paragraphes > .paragraph.paragraph--type--flash-info > div {
    padding-left: 6rem;
  }
}

.content--front .field--name-field-paragraphes > .paragraph.paragraph--type--flash-info > div p {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .paragraph--type--liens-directs {
    display: inline-block;
    width: calc(50% - 0.4rem);
    vertical-align: top;
  }
}

.paragraph--type--liens-directs ul {
  margin-bottom: 0;
}

.paragraph--type--lien-direct::before {
  content: none;
}

.paragraph--type--lien-direct a {
  display: block;
  padding: 0.8rem 2rem;
  border-left: 0.5rem solid;
  margin-bottom: 1.8rem;
  font-weight: 700;
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
  position: relative;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 768px) {
  .paragraph--type--lien-direct a {
    max-width: 37.5rem;
    margin: 0 auto 1.8rem;
    font-size: 1.8rem;
    padding: 1.1rem 2rem;
  }
}

.paragraph--type--lien-direct a:hover, .paragraph--type--lien-direct a:focus, .paragraph--type--lien-direct a:active {
  text-decoration: none;
  -webkit-box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  padding: 1.3rem 2.2rem;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

@media (min-width: 768px) {
  .paragraph--type--lien-direct a:hover, .paragraph--type--lien-direct a:focus, .paragraph--type--lien-direct a:active {
    max-width: 39rem;
  }
}

.paragraph--type--lien-direct a::after {
  content: '';
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1.3rem;
  height: 1.3rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  display: inline-block;
  position: absolute;
  top: 1.4rem;
  right: 2.6rem;
  transform: rotate(-45deg);
}

@media (min-width: 768px) {
  .paragraph--type--lien-direct a::after {
    top: 1.8rem;
  }
}

@media (min-width: 768px) {
  .view-mis-a-jour-recemment ul {
    -webkit-column-count: 2;
            column-count: 2;
  }
}

.view-mis-a-jour-recemment .views-row {
  margin: 0.5rem 0;
}

.view-mis-a-jour-recemment .views-row::before {
  content: none;
}

@media (min-width: 768px) {
  .view-mis-a-jour-recemment .views-row:first-child {
    margin-top: 0;
  }
}

.view-mis-a-jour-recemment .views-row .views-field-title span {
  display: inline-block;
  color: #3054b8;
}

.view-mis-a-jour-recemment .views-row .views-field-title span::before {
  content: '';
  display: inline-block;
  margin-right: 1rem;
  border-bottom: 0.2rem solid #3054b8;
  border-right: 0.2rem solid #3054b8;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.search-form-block {
  text-align: center;
}

.search-form-block.colored-bg {
  margin-bottom: 0;
}

.search-form-block form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.search-form-block form label {
  text-align: left;
}

@media (min-width: 768px) {
  .search-form-block form label {
    display: inline-block;
    margin-right: 1rem;
  }
}

.search-form-block form > * {
  display: inline-block;
}

.search-form-block .form-item {
  margin: 1.5rem 0;
}

@media (min-width: 768px) {
  .search-form-block .form-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 100%;
            flex: 1 100%;
    max-width: 71rem;
  }
}

@media (min-width: 992px) {
  .search-form-block .form-item {
    max-width: 81rem;
  }
}

.search-form-block input[type='text'] {
  padding: 0.5rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 768px) {
  .search-form-block input[type='text'] {
    display: inline-block;
    padding: 1rem;
    width: 85%;
  }
}

@media (min-width: 992px) {
  .search-form-block input[type='text'] {
    width: 87%;
  }
}

.search-form-block input[type='text']:focus {
  outline: 1px solid #edecec;
}

.search-form-block input[type='submit'] {
  width: 3.2rem;
  height: 3.2rem;
  margin-top: 2.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-indent: -99999rem;
  background: url("/themes/custom/colloc/images/loupe-blanche.png") no-repeat center/50% #000;
}

@media (min-width: 576px) {
  .search-form-block input[type='submit'] {
    margin-top: 2.75rem;
  }
}

@media (min-width: 768px) {
  .search-form-block input[type='submit'] {
    width: 4.5rem;
    height: 4.5rem;
    margin-top: 0;
    background-size: auto;
  }
}

.search-form-block input[type='submit']:focus {
  background: url("/themes/custom/colloc/images/loupe-grise.png") no-repeat center/50% #edecec;
}

.paragraph--type--service {
  display: inline-block;
  width: calc(50% - 2rem);
  text-align: center;
  margin: 0.5rem 0;
  vertical-align: top;
  position: relative;
}

.paragraph--type--service:nth-child(odd) {
  margin-right: 2rem;
}

.paragraph--type--service::before {
  content: none;
}

@media (min-width: 768px) {
  .paragraph--type--service {
    width: calc(100% / 3 - 2rem);
  }
  .paragraph--type--service:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph--type--service:nth-child(3n+2) {
    margin-right: 2rem;
    margin-left: 2rem;
  }
}

@media (min-width: 992px) {
  .paragraph--type--service {
    width: calc(100% / 4 - 2rem);
    margin: 2rem 0 2rem 2rem;
  }
  .paragraph--type--service:nth-child(3n+2) {
    margin-right: 0;
    margin-left: 2rem;
  }
  .paragraph--type--service:nth-child(4n+1) {
    margin-left: 0;
  }
}

.paragraph--type--service span {
  display: block;
}

.paragraph--type--service .field--type-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  margin: auto;
  width: 8rem;
  height: 8rem;
}

.paragraph--type--service .field--type-link {
  font-weight: 700;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .paragraph--type--service .field--type-link {
    font-size: 1.8rem;
  }
}

.paragraph--type--service .field--type-link a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.path-frontpage h2,
.path-frontpage .h2-like {
  text-transform: uppercase;
}

.top {
  padding: 1.75rem 0;
  clear: both;
}

.top a {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.top a svg {
  height: 1.7rem;
}

button {
  border-radius: 0.3rem;
  font-weight: 700;
}

.btn.pause,
.btn.play {
  width: 2rem;
  height: 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  margin-left: 0.75rem;
  margin-top: 0.5rem;
}

.btn.play {
  border-style: solid;
  border-width: 1rem 0 1rem 2rem;
}

.btn.pause {
  border-style: double;
  border-width: 0 0 0 1.5rem;
}

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

.boutons-accessibilite button.btn {
  padding: 0;
  background-color: transparent;
  margin-left: 1rem;
}

.boutons-accessibilite svg {
  width: 2rem;
  height: 2rem;
  fill: #fff;
}

.path-frontpage .boutons-accessibilite {
  display: none;
}

.breadcrumb ol {
  padding: 1rem 0 0.5rem;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .breadcrumb ol {
    font-size: 1.8rem;
  }
}

.breadcrumb ol li {
  display: inline;
}

.breadcrumb ol li::before {
  content: none;
}

.breadcrumb ol li:last-child {
  font-weight: 700;
}

.breadcrumb ol li:not(:last-child)::after {
  content: '';
  display: inline-block;
  border-bottom: 0.1rem solid #fff;
  border-right: 0.1rem solid #fff;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin: 0 0.25rem 0 0;
}

.breadcrumb ol li:not(:last-child):hover {
  cursor: pointer;
  text-decoration: underline;
}

@media (min-width: 992px) {
  .card-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.card {
  border-bottom: 0.3rem solid;
  padding: 1rem;
  margin: 1rem 0 2.5rem;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  border-top-right-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.card:last-of-type {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .card {
    width: calc(100% / 3 - 1.5rem);
    margin: 3.5rem 0 1rem;
    padding: 1rem 0;
  }
  .card:nth-child(3n+2) {
    margin: 3.5rem 2rem 1rem;
  }
  .card:nth-child(-n+3) {
    margin-top: 0;
  }
  .card:last-child {
    margin-bottom: 1rem;
  }
}

.card .item-title {
  margin: 0.6rem 0;
  font-size: 1.6rem;
  font-weight: 700;
}

@media (min-width: 992px) {
  .card .item-title {
    padding: 0 2rem;
    font-size: 2.2rem;
    margin: 1rem 0;
  }
}

.card:hover, .card:focus {
  -webkit-box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.card a:hover,
.card a:focus {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  text-decoration: none;
}

.year .card {
  margin-bottom: 1rem;
}

.in-year-list .card {
  display: inline-block;
}

@media (min-width: 992px) {
  .in-year-list .card {
    width: calc(100% / 3 - 2rem);
  }
}

.field--name-field-date-modification,
.views-field-field-date-modification,
.item-date {
  font-size: 1.2rem;
}

.field--name-field-date-modification::before,
.views-field-field-date-modification::before,
.item-date::before {
  content: '';
  background-size: cover;
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: top;
  width: 1.6rem;
  height: 1.6rem;
  margin-top: 0.3rem;
}

.field--name-field-date-modification::after,
.views-field-field-date-modification::after,
.item-date::after {
  content: '';
  display: block;
  clear: both;
}

@media (min-width: 992px) {
  .field--name-field-date-modification,
  .views-field-field-date-modification,
  .item-date {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 0 2rem;
    font-size: 1.4rem;
  }
}

.field--name-field-date-modification::before,
.item-date::before {
  background-image: url("/themes/custom/colloc/images/calendrier-noir.png");
}

.views-field-field-date-modification::before {
  background-image: url("/themes/custom/colloc/images/calendrier-blanc.png");
}

.eu-cookie-compliance-message h2::after {
  content: none;
}

.eu-cookie-compliance-message p {
  font-weight: 400;
  font-size: 1.4rem;
  display: block;
}

.disagree-button.eu-cookie-compliance-more-button,
.eu-cookie-compliance-agree-button,
.eu-cookie-compliance-default-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-compliance-more-button-thank-you,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button {
  background-image: none;
  background-color: #edecec;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
}

.disagree-button.eu-cookie-compliance-more-button:hover, .disagree-button.eu-cookie-compliance-more-button:focus,
.eu-cookie-compliance-agree-button:hover,
.eu-cookie-compliance-agree-button:focus,
.eu-cookie-compliance-default-button:hover,
.eu-cookie-compliance-default-button:focus,
.eu-cookie-compliance-hide-button:hover,
.eu-cookie-compliance-hide-button:focus,
.eu-cookie-compliance-more-button-thank-you:hover,
.eu-cookie-compliance-more-button-thank-you:focus,
.eu-cookie-withdraw-button:hover,
.eu-cookie-withdraw-button:focus,
.eu-cookie-compliance-save-preferences-button:hover,
.eu-cookie-compliance-save-preferences-button:focus {
  background-color: #434345;
  background-image: none;
}

/* #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed {
  #xiti_customAllowed,
  #tarteaucitronAllAllowed {
    text-decoration: underline;
  }
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied {
  #xiti_customDenied,
  #tarteaucitronAllDenied {
    text-decoration: underline;
  }
} */
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
body #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
body .tac_activate .tarteaucitronAllow {
  background: #787878;
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
  background-color: #1B870B;
}

body #tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
  background-color: #9C1A1A;
}

body #tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected {
  background-color: #9C1A1A;
}

body .tarteaucitronLine .tarteaucitronAllow,
body .tarteaucitronLine .tarteaucitronDeny,
body .tarteaucitronIsDenied .tarteaucitronAllow {
  opacity: initial !important;
}

body #tarteaucitronRoot #tarteaucitronAlertBig {
  display: block;
}

body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  display: block;
  margin-right: 1rem;
  margin-left: 1rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

@media (min-width: 768px) {
  body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    display: inline-block;
    margin-bottom: 0;
    font-size: 14px;
    margin-left: 2rem;
    margin-right: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
}

@media (min-width: 1200px) {
  body #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: 15px;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  body #tarteaucitronAlertBig {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media (min-width: 1200px) {
  body #tarteaucitronAlertBig {
    display: block !important;
  }
}

@media (min-width: 768px) {
  body #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
    margin-right: 2rem;
  }
}

@media (min-width: 1200px) {
  body #tarteaucitronAlertBig button#tarteaucitronPrivacyUrl {
    margin-right: 0;
  }
}

.tarteaucitronBorder li::before {
  content: none;
}

#tarteaucitronRoot .tacCurrentStatus {
  font-size: 16px !important;
  font-weight: 600;
}

#tarteaucitronRoot .tarteaucitronH3 {
  font-size: 22px !important;
  margin-bottom: 1rem;
}

#tarteaucitronRoot .tarteaucitronBorder button.tarteaucitronAllow[aria-pressed="true"] {
  -webkit-box-shadow: 0px 0px 0px 3px #DEDEDE, 0px 0px 0px 5px #1B870B;
          box-shadow: 0px 0px 0px 3px #DEDEDE, 0px 0px 0px 5px #1B870B;
}

#tarteaucitronRoot .tarteaucitronBorder button.tarteaucitronDeny[aria-pressed="true"] {
  -webkit-box-shadow: 0px 0px 0px 3px #DEDEDE, 0px 0px 0px 5px #9C1A1A;
          box-shadow: 0px 0px 0px 3px #DEDEDE, 0px 0px 0px 5px #9C1A1A;
}

#tarteaucitronRoot button#tarteaucitronAllAllowed[aria-pressed="true"] {
  -webkit-box-shadow: 0px 0px 0px 5px #333, 0px 0px 0px 7px #1B870B;
          box-shadow: 0px 0px 0px 5px #333, 0px 0px 0px 7px #1B870B;
}

#tarteaucitronRoot button#tarteaucitronAllDenied[aria-pressed="true"] {
  -webkit-box-shadow: 0px 0px 0px 5px #333, 0px 0px 0px 7px #9C1A1A;
          box-shadow: 0px 0px 0px 5px #333, 0px 0px 0px 7px #9C1A1A;
}

#tarteaucitronDotGreen::before {
  content: '\002713';
  font-size: 9px;
  color: white;
  display: block;
  margin-left: 0.25rem;
  text-align: center;
  font-weight: 600;
}

#tarteaucitronDotRed::before {
  content: 'X';
  font-size: 10px;
  color: white;
  display: block;
  margin-left: 0.25rem;
  text-align: center;
  font-weight: 600;
}

#tarteaucitronAlertSmall #tarteaucitronManager #tarteaucitronDot {
  height: 14px !important;
}

.paragraph--type--dossiers .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.paragraph--type--dossiers .field--name-field-dossier {
  width: calc(50% - 0.75rem);
  margin: 0.75rem;
  text-align: center;
}

.paragraph--type--dossiers .field--name-field-dossier:nth-child(odd) {
  margin-left: 0;
}

.paragraph--type--dossiers .field--name-field-dossier:nth-child(even) {
  margin-right: 0;
}

.paragraph--type--dossiers .field--name-field-dossier::before {
  content: none;
}

@media (min-width: 768px) {
  .paragraph--type--dossiers .field--name-field-dossier {
    width: calc(100% / 3 - 2rem);
    margin: 1rem 0;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(3n+2) {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

@media (min-width: 992px) {
  .paragraph--type--dossiers .field--name-field-dossier {
    width: calc(100% / 4 - 2rem);
    margin: 1rem;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(odd) {
    margin-left: 1rem;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(even) {
    margin-right: 1rem;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(3n+2) {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(4n+1) {
    margin-left: 0;
  }
  .paragraph--type--dossiers .field--name-field-dossier:nth-child(4n) {
    margin-right: 0;
  }
}

.paragraph--type--dossiers .field__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.3rem;
  padding: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  height: 100%;
  line-height: 1.3;
}

.paragraph--type--dossiers .field__item a:hover, .paragraph--type--dossiers .field__item a:focus, .paragraph--type--dossiers .field__item a:active {
  text-decoration: none;
  -webkit-box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 0.9rem rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) {
  .paragraph--type--dossiers .field__item a {
    padding: 2.5rem;
  }
}

.paragraph--type--dossiers .field__item a span {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.paragraph--type--dossiers svg {
  margin-bottom: 0.5rem;
  width: 3rem;
  height: 3rem;
}

@media (min-width: 992px) {
  .paragraph--type--dossiers svg {
    width: 5rem;
    height: 5rem;
    margin-bottom: 1.5rem;
  }
}

.block-system-main-block .node-content .paragraph--type--dossiers a {
  text-decoration: none;
  font-weight: 700;
}

.paragraph--type--mis-en-avant .field__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  /* .field--name-field-titre {
    font-size: 1.6rem;
  } */
}

.paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint {
  padding: 1.5rem 2rem;
  border-radius: 0.3rem;
  margin: 1rem 0;
  width: 100%;
}

@media (min-width: 768px) {
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 42%;
            flex: 1 0 42%;
    margin: 1rem;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:nth-child(odd) {
    margin-left: 0;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:nth-child(even) {
    margin-right: 0;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:first-child {
    margin-left: 0;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:last-child {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 20%;
            flex: 1 0 20%;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:nth-child(odd) {
    margin-left: 1rem;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:nth-child(even) {
    margin-right: 1rem;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:first-child {
    margin-left: 0;
  }
  .paragraph--type--mis-en-avant .field__items .paragraph--type--contenu-restreint:last-child {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .paragraph--type--mis-en-avant .field__items .field--name-field-texte-restreint {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .paragraph--type--encadre {
    padding: 2rem 0;
  }
}

.paragraph--type--encadre .field--name-field-titre {
  padding-left: 2rem;
}

.paragraph--type--encadre .field--name-field-texte {
  padding: 2rem 1rem;
  border-top: 0.3rem solid;
  border-left: 0.3rem solid;
  border-radius: 0.3rem;
}

@media (min-width: 768px) {
  .paragraph--type--encadre .field--name-field-texte {
    padding: 2rem 2.5rem;
  }
}

@media (min-width: 992px) {
  .paragraph--type--double-colonne-encadre .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .paragraph--type--double-colonne-encadre .field__items .field--name-field-colonne {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
  .paragraph--type--double-colonne-encadre .field__items .field--name-field-colonne:first-child {
    margin-right: 5.5rem;
  }
}

.paragraph--type--double-colonne-encadre .field__items .field--name-field-colonne:first-child {
  margin-bottom: 1rem;
}

.paragraph--type--focus .titre-focus {
  text-align: center;
}

.paragraph--type--focus h2 {
  margin-bottom: 0;
  display: inline-block;
  border-radius: 0.3rem 0.3rem 0 0;
  padding: 1rem 2rem;
}

.paragraph--type--focus .contenu-focus {
  padding: 3rem 0 1.5rem;
  font-size: 1.6rem;
  line-height: 1.5;
}

.paragraph--type--focus .image-focus {
  margin-bottom: 2rem;
}

.paragraph--type--focus .image-focus > * {
  display: inline-block;
  vertical-align: middle;
}

.paragraph--type--focus .field--name-field-sous-titre {
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .paragraph--type--focus .field--name-field-sous-titre {
    width: calc(100% - 37.5rem);
    margin: 2rem 0 2rem 2rem;
  }
}

.views-exposed-form {
  border-radius: 0.3rem;
  padding: 1rem;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  .views-exposed-form {
    padding: 2.5rem;
  }
}

ul.ui-autocomplete li::before {
  content: none;
}

.amb-1 {
  margin-bottom: 1rem !important;
}

.amt-1 {
  margin-top: 1rem !important;
}

.amr-1 {
  margin-right: 1rem !important;
}

.aml-1 {
  margin-left: 1rem !important;
}

.amb-2 {
  margin-bottom: 2rem !important;
}

.amt-2 {
  margin-top: 2rem !important;
}

.amr-2 {
  margin-right: 2rem !important;
}

.aml-2 {
  margin-left: 2rem !important;
}

.amb-3 {
  margin-bottom: 3rem !important;
}

.amt-3 {
  margin-top: 3rem !important;
}

.amr-3 {
  margin-right: 3rem !important;
}

.aml-3 {
  margin-left: 3rem !important;
}

.amb-4 {
  margin-bottom: 4rem !important;
}

.amt-4 {
  margin-top: 4rem !important;
}

.amr-4 {
  margin-right: 4rem !important;
}

.aml-4 {
  margin-left: 4rem !important;
}

.amb-5 {
  margin-bottom: 5rem !important;
}

.amt-5 {
  margin-top: 5rem !important;
}

.amr-5 {
  margin-right: 5rem !important;
}

.aml-5 {
  margin-left: 5rem !important;
}

@media (min-width: 768px) {
  .front-nl {
    display: inline-block;
    width: calc(50% - 0.4rem);
    vertical-align: top;
  }
}

@media (min-width: 992px) {
  .front-nl {
    padding: 0 7rem 2rem;
  }
}

@media (min-width: 1200px) {
  .front-nl {
    padding: 0 10rem 2rem;
  }
}

.front-nl--content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem;
  border-radius: 0.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 768px) {
  .front-nl--content {
    max-width: 31.8rem;
    margin: auto;
  }
}

.front-nl--content a {
  display: block;
  padding: 1rem 0;
  font-size: 1.6rem;
  font-weight: 700;
  position: relative;
}

@media (min-width: 768px) {
  .front-nl--content a {
    font-size: 1.8rem;
  }
}

.front-nl--content a::after {
  content: '';
  display: inline-block;
  border-bottom: 0.2rem solid #000;
  border-right: 0.2rem solid #000;
  width: 1.3rem;
  height: 1.3rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 1.5rem;
  -webkit-transform: rotate(-45deg) translateX(50%);
          transform: rotate(-45deg) translateX(50%);
}

.front-nl--icone {
  text-align: center;
  max-width: 33%;
  margin-right: 1rem;
}

@media (min-width: 480px) {
  .front-nl--icone {
    max-width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
  }
}

.front-nl--liens {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  margin-left: 2.5rem;
  margin-bottom: 0;
}

.front-nl--liens li::before {
  content: none;
}

/* Pages d'abonnement et liste de newsletters */
.pages-nl {
  padding: 2rem 0;
}

@media (min-width: 768px) {
  .pages-nl {
    padding: 2rem 15rem;
  }
}

.pages-nl p {
  margin: 3rem 0;
}

@media (min-width: 768px) {
  .paragraph--type--liens-utiles .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.paragraph--type--liens-utiles .paragraph--type--lien-html,
.paragraph--type--liens-utiles .paragraph--type--lien-vers-document {
  margin: 1rem 0;
}

.paragraph--type--liens-utiles .paragraph--type--lien-html::before,
.paragraph--type--liens-utiles .paragraph--type--lien-vers-document::before {
  content: none;
}

@media (min-width: 768px) {
  .paragraph--type--liens-utiles .paragraph--type--lien-html,
  .paragraph--type--liens-utiles .paragraph--type--lien-vers-document {
    display: inline-block;
    width: calc(50% - 2rem);
  }
  .paragraph--type--liens-utiles .paragraph--type--lien-html:nth-child(odd),
  .paragraph--type--liens-utiles .paragraph--type--lien-vers-document:nth-child(odd) {
    margin-right: 2rem;
  }
}

@media (min-width: 992px) {
  .paragraph--type--liens-utiles .paragraph--type--lien-html,
  .paragraph--type--liens-utiles .paragraph--type--lien-vers-document {
    width: calc(100% / 3 - 1.4rem);
  }
  .paragraph--type--liens-utiles .paragraph--type--lien-html:nth-child(odd),
  .paragraph--type--liens-utiles .paragraph--type--lien-vers-document:nth-child(odd) {
    margin-right: 0;
  }
  .paragraph--type--liens-utiles .paragraph--type--lien-html:nth-of-type(3n+2),
  .paragraph--type--liens-utiles .paragraph--type--lien-vers-document:nth-of-type(3n+2) {
    margin: 1rem 2rem;
  }
}

.paragraph--type--liens-utiles a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  border-left: 0.5rem solid;
  border-radius: 0 0.3rem 0.3rem 0;
  font-weight: 700;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.paragraph--type--liens-utiles a .file-info {
  font-weight: 400;
  width: 100%;
  display: inline-block;
}

.paragraph--type--liens-utiles .field--name-field-pictogramme {
  margin-right: 1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.block-system-main-block .node-content .paragraph--type--liens-utiles a {
  text-decoration: none;
  font-weight: 700;
}

div[id*='logossouslepieddepage'] li {
  list-style: none;
  display: inline-block;
}

div[id*='logossouslepieddepage'] li::before {
  content: none;
}

.more-link {
  text-align: center;
  margin: 1rem 0;
}

@media (min-width: 768px) {
  .more-link {
    margin: 2.5rem 0;
  }
}

.more-link a {
  display: inline-block;
  text-transform: uppercase;
  border-radius: 0.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 1.6rem;
}

@media (min-width: 768px) {
  .more-link a {
    padding: 1rem 2rem;
  }
}

.pager {
  margin-top: 3rem;
  text-align: center;
}

.pager ul {
  padding-left: 0;
}

.pager li {
  display: inline-block;
}

.pager li::before {
  content: none;
}

.pager li a {
  display: block;
  padding: 0.15rem 0;
  margin: 0 1rem;
}

.pager li a:hover, .pager li a:focus, .pager li a:active {
  border-bottom: 0.2rem solid;
  font-weight: 700;
  text-decoration: none;
}

.pager li.is-active a {
  border-bottom: 0.2rem solid;
}

.pager li.pager__item--first a,
.pager li.pager__item--first svg {
  margin-right: 0.5rem;
}

.pager li.pager__item--last a,
.pager li.pager__item--last svg {
  margin-left: 0.5rem;
}

@media (min-width: 992px) {
  .recherche-content {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5rem;
  }
}

.recherche-content .recherche-content--results {
  width: 100%;
}

@media (min-width: 992px) {
  .recherche-content .recherche-content--results {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 66%;
            flex: 1 0 66%;
    margin-right: 2rem;
  }
}

.view-recherche .views-exposed-form .form-item-search-api-fulltext input {
  width: 100%;
}

@media (min-width: 992px) {
  .view-recherche .views-exposed-form .form-item-field-tags,
  .view-recherche .views-exposed-form .form-item-field-rubrique {
    display: inline-block;
    width: calc(50% - 1.4rem);
  }
  .view-recherche .views-exposed-form .form-item-field-rubrique {
    margin-top: 4.95rem;
    margin-right: 2rem;
    vertical-align: top;
  }
  .view-recherche .views-exposed-form .form-item-field-rubrique select {
    width: 100%;
  }
}

.view-recherche .view-recherche-header {
  margin: 3rem 0;
}

.view-recherche .view-recherche-header h2.h3-like {
  margin: 0;
  margin-bottom: 1rem;
  padding-bottom: 0;
  text-align: left;
}

.view-recherche .view-recherche-header h2.h3-like::after {
  content: none;
}

.resume-resultats {
  font-weight: 700;
}

.view-recherche .views-row {
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.view-recherche .views-row:not(:first-child) {
  padding-top: 2rem;
  border-top: 0.1rem solid;
}

.view-recherche .views-row .views-field-title {
  font-size: 1.6rem;
  line-height: 1.3;
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .view-recherche .views-row .views-field-title {
    font-size: 2rem;
  }
}

.view-recherche .views-row .views-field-title h3 {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}

@media (min-width: 768px) {
  .view-recherche .views-row .views-field-title h3 {
    font-size: 2rem;
  }
}

[class*='block-search-api-stats'] {
  padding: 1.5rem 2rem;
  border-radius: 0.3rem;
  background-color: #edecec;
  margin-top: 2rem;
  width: 100%;
}

@media (min-width: 992px) {
  [class*='block-search-api-stats'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 33%;
            flex: 0 1 33%;
    margin-top: 0;
    margin-left: 2rem;
    padding: 2rem;
  }
}

[class*='block-search-api-stats'] h2 {
  margin-top: 0;
}

[class*='block-search-api-stats'] ul li::before {
  content: '';
  display: inline-block;
  margin-right: 1rem;
  border-bottom: 0.2rem solid #3054b8;
  border-right: 0.2rem solid #3054b8;
  width: 1rem;
  height: 1rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  border-radius: 0;
  background-color: transparent;
}

.node--view-mode-full .field--name-field-resume,
.node--view-mode-full .field--name-field-resume-html-restreint {
  padding: 1rem 0;
  margin-bottom: 2rem;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .node--view-mode-full .field--name-field-resume,
  .node--view-mode-full .field--name-field-resume-html-restreint {
    padding: 2rem 0;
  }
}

.slide__constrained {
  padding-top: 0;
  min-height: auto;
}

.slick__slider {
  text-align: center;
}

.slick-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.slick-list {
  text-align: left;
}

@media (min-width: 992px) {
  .slick-list {
    width: 100vw;
    left: calc(50% - 50vw);
  }
  .slick-list .slick-slide {
    position: relative;
    margin: 0 2rem;
    height: auto;
  }
}

.slide__caption {
  padding: 1rem;
}

@media (min-width: 992px) {
  .slide__caption {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: calc(100% / 2.45);
    padding: 3rem;
  }
}

.slide__caption .views-field-title,
.slide__caption .views-field-title h3 {
  font-size: 2rem;
  font-weight: 500;
}

@media (min-width: 992px) {
  .slide__caption .views-field-title,
  .slide__caption .views-field-title h3 {
    font-size: 2.5rem;
  }
}

.slide__caption .views-field-field-resume {
  font-size: 1.2rem;
  margin: 1rem 0 0;
}

@media (min-width: 768px) {
  .slide__caption .views-field-field-resume {
    font-size: 1.4rem;
  }
}

@media (min-width: 768px) and (min-width: 576px) {
  .slide__caption .views-field-field-resume {
    font-size: 1.6rem;
  }
}

@media (min-width: 992px) {
  .slide__caption .views-field-field-date-modification {
    margin: 2rem 0;
    font-size: 1.6rem;
    padding: 0;
  }
}

.slide--text .slide__content,
.slick__slide {
  height: 100%;
}

.slide--text .slide__caption {
  position: static;
  width: 100%;
  height: 100%;
}

ul.slick-dots {
  padding-left: 0;
  text-align: center;
  margin: 1rem 1rem 1rem 0;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 992px) {
  ul.slick-dots {
    margin: 3rem 1rem 3rem 0;
  }
}

ul.slick-dots li {
  display: inline-block;
  font-size: 0;
  margin: 0.75rem;
}

ul.slick-dots li button {
  padding: 0;
  width: 4.5rem;
  height: 0.5rem;
}

@media (min-width: 992px) {
  ul.slick-dots li button {
    width: 7.5rem;
    height: 0.8rem;
  }
}

ul.slick-dots li::before {
  content: none;
}

.view-display-id-toutes_actus .view-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.webform-submission-form {
  margin: 1.5rem 0;
}

@media (min-width: 768px) {
  .webform-submission-form {
    margin: 3rem 0;
  }
}

.webform-submission-form .form-item-rgpd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.webform-submission-form .form-item-rgpd input.checkbox {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5rem;
  margin-top: 0.3rem;
}

@media (min-width: 992px) {
  .webform-submission-form .form-actions {
    text-align: center;
  }
}

p.resp-iframe {
  position: relative;
  overflow: hidden;
  padding-top: 56.25%;
}

p.resp-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

iframe {
  border: 0;
}

input.form-checkbox ~ label {
  display: inline-block;
  font-weight: 400;
}

.form-radios .form-item {
  display: inline-block;
  width: calc(50% - 1rem);
}

.form-radios .form-item:nth-child(odd) {
  margin-right: 0.5rem;
}

@media (min-width: 768px) {
  .form-radios .form-item {
    width: auto;
    margin: 1rem 3rem;
  }
  .form-radios .form-item:nth-child(odd) {
    margin-right: 3rem;
  }
}

.form-radios .form-item label {
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0;
  max-width: calc(100% - 2rem);
  vertical-align: top;
}

@media (min-width: 768px) {
  .form-radios .form-item label {
    max-width: 100%;
  }
}

.form-radios .form-item input.radio {
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #666;
  vertical-align: top;
  margin-top: 0.4rem;
}

.form-radios .form-item input.radio:focus {
  outline: auto;
}

.form-radios .form-item input.radio:checked {
  background-image: none;
}

.form-radios .form-item input.radio:checked::-ms-check {
  background-color: #fff;
}

.form-radios .form-item input.radio::-ms-check {
  display: inline-block;
  background-color: transparent;
}

[class*='form-type-checkbox'] label {
  margin-bottom: 0;
  vertical-align: middle;
}

input.checkbox {
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #666;
  vertical-align: middle;
}

input.checkbox:focus {
  outline: auto;
}

input.checkbox::-ms-check {
  border-radius: 4px;
  display: inline-block;
  background-color: transparent;
}

input.checkbox:checked::-ms-check {
  border-radius: 4px;
  background-color: #edecec;
}

input {
  border-radius: 0.3rem;
}

input[type='submit'] {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  font-weight: 700;
  padding: 1rem 2rem;
}

input.button {
  border-radius: 0.3rem;
}

input[type='color'], input[type='date'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'] {
  padding: 1rem;
}

textarea,
select {
  border-radius: 0.3rem;
}

label {
  display: block;
  font-weight: 700;
}

fieldset legend {
  font-weight: 700;
  font-size: 1.6rem;
}

.form-item {
  margin: 2rem 0;
}

label .field-required {
  color: #e5332a;
  text-decoration: none;
}

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

@media (min-width: 768px) {
  .form-actions {
    text-align: right;
  }
}

.select2 ul li::before {
  content: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0.5rem;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 0;
  -webkit-box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
          box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
  border-radius: 0.3rem;
}

.select2-container .select2-search--inline .select2-search__field {
  margin-top: 0;
}

.select2-container .select2-search--inline {
  float: none;
}

.select-a11y .tag-hidden label,
.select-a11y .tag-hidden select {
  display: none;
}

.select-a11y .sr-only {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.select-a11y {
  -webkit-box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
          box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
  background: #fff;
  border-radius: 0.3rem;
}

.select-a11y .icon-select {
  padding-right: 2rem;
  width: 1rem;
  height: 1rem;
  border-radius: 0.3rem;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
  background-position: right .6rem center;
  background-repeat: no-repeat;
  background-size: 1.2rem;
}

.select-a11y button.btn-select-a11y {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.4rem 1rem;
  text-align: left;
  background-color: transparent;
  color: #000;
}

.select-a11y button.btn-select-a11y:hover, .select-a11y button.btn-select-a11y:focus, .select-a11y button.btn-select-a11y:active {
  color: #000;
  background: transparent;
  outline: auto;
  border: 2px solid black;
  border-radius: 0.3rem;
}

.select-a11y button.btn-select-a11y span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.a11y-container {
  background: white;
  border-radius: 0.3rem;
  -webkit-box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
          box-shadow: 0 0 0 0.1rem #b3b3b3 inset;
}

.a11y-container .select-multiple,
.a11y-container .form-select {
  width: calc(100% - 2rem);
  margin: 1rem;
}

.a11y-no-suggestion {
  padding: 1rem;
}

.a11y-suggestion {
  padding: 0.5rem 1rem;
}

.a11y-suggestion:hover, .a11y-suggestion:active, .a11y-suggestion:focus {
  background: #edecec;
  cursor: pointer;
  font-weight: 700;
}

button.tag-item-supp {
  padding: 0.25rem;
  background-color: transparent;
}

button.tag-item-supp:hover, button.tag-item-supp:active, button.tag-item-supp:focus {
  background: #fff;
  border: 1px solid #000;
}

.icon-delete {
  position: relative;
}

.icon-delete::before {
  content: '\0000D7';
  color: #000;
  font-size: 2.4rem;
}

.list-selected {
  padding: 0.25rem 0.5rem;
}

.list-selected .tag-item {
  display: inline-block;
  padding: 0.5rem;
}

.list-selected .tag-item::before {
  content: none;
}

.sitemap ul ul {
  padding-left: 2.4rem;
}

/**
 * Ici on enleve les styles du theme appliques sur les elements drupal.
 * On commence avec le menu admin toolbar et le quick edit.
 */
ul.toolbar-menu li::before,
ul.contextual-links li::before {
  content: none;
}

.block-local-tasks-block {
  padding-bottom: 1rem;
}

.block-local-tasks-block ul {
  border-bottom: 0.1rem solid #edecec;
}

.block-local-tasks-block ul li {
  display: inline-block;
  margin-right: 0.5rem;
}

.block-local-tasks-block ul li::before {
  content: none;
}

.block-local-tasks-block a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #000;
  border-radius: 0.3rem 0.3rem 0 0;
}

.block-local-tasks-block a.is-active {
  background-color: #edecec;
  color: #434345;
}

.block-local-tasks-block a:hover, .block-local-tasks-block a:focus, .block-local-tasks-block a:active {
  background-color: #edecec;
  color: #434345;
}

.alert, .alert--primary, .alert--success, .alert--status, .alert--info, .alert--warning, .alert--danger, .alert--inverse, .alert--ghost {
  padding-left: 2rem;
}

.alert--primary {
  background-color: #3054b8;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--success {
  background-color: #93c01f;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--status {
  background-color: #3054b8;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--info {
  background-color: #35a8e0;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--warning {
  background-color: #f29100;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--danger {
  background-color: #e5332a;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--inverse {
  background-color: #434345;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.alert--ghost {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
          box-shadow: 0 0 0 1px #fff inset;
}

.alert .item-list__comma-list a, .alert--primary .item-list__comma-list a, .alert--success .item-list__comma-list a, .alert--status .item-list__comma-list a, .alert--info .item-list__comma-list a, .alert--warning .item-list__comma-list a, .alert--danger .item-list__comma-list a, .alert--inverse .item-list__comma-list a, .alert--ghost .item-list__comma-list a {
  color: #000;
}

.colored-bg--rubrique .alert p, .colored-bg--rubrique .alert--primary p, .colored-bg--rubrique .alert--success p, .colored-bg--rubrique .alert--status p, .colored-bg--rubrique .alert--info p, .colored-bg--rubrique .alert--warning p, .colored-bg--rubrique .alert--danger p, .colored-bg--rubrique .alert--inverse p, .colored-bg--rubrique .alert--ghost p,
.colored-bg--rubrique .alert a,
.colored-bg--rubrique .alert--primary a,
.colored-bg--rubrique .alert--success a,
.colored-bg--rubrique .alert--status a,
.colored-bg--rubrique .alert--info a,
.colored-bg--rubrique .alert--warning a,
.colored-bg--rubrique .alert--danger a,
.colored-bg--rubrique .alert--inverse a,
.colored-bg--rubrique .alert--ghost a,
.colored-bg--rubrique .alert li,
.colored-bg--rubrique .alert--primary li,
.colored-bg--rubrique .alert--success li,
.colored-bg--rubrique .alert--status li,
.colored-bg--rubrique .alert--info li,
.colored-bg--rubrique .alert--warning li,
.colored-bg--rubrique .alert--danger li,
.colored-bg--rubrique .alert--inverse li,
.colored-bg--rubrique .alert--ghost li {
  color: #000;
}

#skip-links {
  height: 0;
}

#skip-links ul {
  margin-bottom: 0;
}

#skip-links li {
  display: inline-block;
}

#skip-links li::before {
  content: none;
}

#skip-links a {
  opacity: 0;
  height: 0;
  display: inline-block;
  z-index: -1;
  position: relative;
}

#skip-links a:focus {
  opacity: 1;
  z-index: 2;
}

.user-logged-in #skip-links a {
  top: 8rem;
}

a.visually-hidden.focusable:focus {
  position: static;
  text-decoration: underline;
  color: #3054b8;
  outline: auto;
}
/*# sourceMappingURL=components.css.map */