/***** 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;
}

.content--front,
.path-frontpage .paragraph.mis-a-jour-recemment,
.path-frontpage .paragraph.dernieres-actualites, .colored-bg {
  position: relative;
  width: 100vw;
  left: calc(50% - 50vw);
}

.content--front > *, .path-frontpage .paragraph.mis-a-jour-recemment > *, .path-frontpage .paragraph.dernieres-actualites > *, .colored-bg > * {
  max-width: 1180px;
  margin: auto;
}

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

@media (min-width: 992px) {
  .content--front .field--name-field-paragraphes > .paragraph {
    padding: 1rem 0;
  }
}

@media (min-width: 992px) {
  .content--front .field--name-field-paragraphes:last-of-type > .paragraph {
    padding-bottom: 5rem;
  }
}

.content--front .content--front--bottom > .paragraph {
  padding: 1rem 0;
}

@media (min-width: 992px) {
  .content--front .content--front--bottom > .paragraph {
    padding: 0 0 3.5rem;
  }
}

.content--front .field--name-field-paragraphes > .paragraph.a-la-une-slick {
  padding: 0;
}

.colored-bg {
  margin-bottom: 2rem;
}

.colored-bg--rubrique {
  margin-bottom: 0;
}

.colored-bg > * {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 1200px) {
  .colored-bg > * {
    padding-left: 0;
    padding-right: 0;
  }
}

article.node--view-mode-full:not(.afficher-resume--1) {
  padding-top: 2rem;
}

.field--name-field-paragraphes {
  clear: both;
}

.view-header {
  padding-bottom: 1rem;
}

@media (min-width: 768px) {
  .view-header {
    padding-bottom: 2rem;
  }
}

.view-content {
  margin: 2rem 0 0;
}

.view-content .views-row {
  margin: 1rem 0;
}

.layout {
  max-width: 1180px;
  margin: auto;
  padding: 0 1rem;
}

@media (min-width: 1200px) {
  .layout {
    padding: 0;
  }
}

.region-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (min-width: 992px) {
  .region-header {
    padding: 1rem 0;
  }
}

.region-header .block {
  display: inline-block;
  vertical-align: middle;
}

div[id*='block-logocollectiviteslocales'] + div {
  margin-left: auto;
}

div[id*='block-marianne'] {
  max-width: 38%;
  margin-right: 2.5rem;
}

@media (min-width: 992px) {
  div[id*='block-marianne'] {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 4rem;
  }
}

@media (min-width: 768px) {
  div[id*='block-marianne'] + div {
    margin-right: 1rem;
  }
}

.block--block-content--lien-avec-picto {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}

.block--block-content--lien-avec-picto a {
  display: block;
}

.block--block-content--lien-avec-picto .picto--texte {
  display: none;
  margin-left: 0.75rem;
}

@media (min-width: 576px) {
  .block--block-content--lien-avec-picto .picto--texte {
    display: inline-block;
    vertical-align: middle;
  }
}

.block--block-content--lien-avec-picto img {
  display: block;
}

@media (min-width: 576px) {
  .block--block-content--lien-avec-picto img {
    display: inline-block;
  }
}

.block--block-content--lien-avec-picto svg {
  width: 3rem;
  height: 1.7rem;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 992px) {
  .block--block-content--lien-avec-picto {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.line-breaker {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 992px) {
  .line-breaker {
    display: none;
  }
}

.nav-button {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 992px) {
  .nav-button {
    display: none;
  }
}

div[id*='marquedusite'],
div[id*='logocollectiviteslocales'] {
  max-width: 48%;
  margin-left: 1rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media (min-width: 992px) {
  div[id*='marquedusite'],
  div[id*='logocollectiviteslocales'] {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: calc(100% / 12 * 5 - 17rem);
    margin-left: 0;
  }
  div[id*='marquedusite'] .field--name-field-slogan,
  div[id*='logocollectiviteslocales'] .field--name-field-slogan {
    margin-top: 1rem;
  }
}

.region-footer-top .layout {
  padding: 0;
}

@media (min-width: 992px) {
  .region-footer-top .menu--level-0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (min-width: 992px) {
  .region-footer-top .menu-item--level-0 {
    width: calc(25% - 2rem);
  }
  .region-footer-top .menu-item--level-0:not(:last-of-type) {
    margin-right: 3rem;
  }
}

.region-footer-top .menu-item--level-0 span {
  display: block;
}

@media (min-width: 992px) {
  .region-footer-top .menu-item--level-0 span {
    margin-bottom: 2rem;
  }
}

.region-footer-top .menu-item--level-0 .menu li {
  margin: 0.6rem 0;
}

.region-footer-bottom {
  padding: 1rem 0 4rem;
}

@media (min-width: 768px) {
  .region-footer-bottom {
    padding-bottom: 3rem;
    text-align: center;
  }
}

.region-footer-bottom .block li {
  list-style: none;
  display: inline-block;
  width: calc(50% - 4px);
  vertical-align: middle;
}

.region-footer-bottom .block li::before {
  content: none;
}

.region-footer-bottom .block li:nth-child(odd) a {
  border-right: 1px solid;
  padding-right: 1.5rem;
}

@media (min-width: 576px) {
  .region-footer-bottom .block li {
    width: auto;
  }
  .region-footer-bottom .block li:not(:last-child) a {
    border-right: 1px solid;
  }
}

.region-footer-bottom .block a {
  margin: 0.25rem 0;
  padding: 0.25rem 1.5rem;
  display: block;
}

@media (min-width: 768px) {
  .region-footer-bottom .block a {
    padding: 0.25rem 3rem;
  }
}
/*# sourceMappingURL=layout.css.map */