/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
:root {
  --variant-bg: var(--color-bg);
  --variant-color: var(--text-color);
  --variant-spacing: var(--spacing-auto-lg) 0;
  --layout-col-gap: var(--spacing-auto) ;
}

.layout--cols--cards > .layout-container .col {
  border-radius: var(--radius-auto-xxl);
  background-color: var(--clr-white);
  padding: var(--spacing-auto-xxl);
  box-shadow: none;
  gap: var(--spacing-auto) ;
  gap: var(--layout-col-gap);
}

.paragraph-layout .layout-container > .layout-wrapper .layout-wrapper {
  width: 100%;
}

.layout-container > .layout-wrapper > .col {
  display: grid;
  gap: var(--spacing-auto) ;
  grid-gap: var(--spacing-auto) ;
  grid-gap: var(--layout-col-gap);
  gap: var(--layout-col-gap);
}
.layout-container > .layout-wrapper > .col.layout--auto-grid {
  --layout-col-gap: var(--spacing-auto-sm) var(--spacing-auto) ;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.layout-container > .layout-wrapper > .col.layout--auto-grid .paragraph--type--text {
  grid-column: 1/-1;
}
.layout-container > .layout-wrapper > .col.layout--auto-grid h1, .layout-container > .layout-wrapper > .col.layout--auto-grid h2, .layout-container > .layout-wrapper > .col.layout--auto-grid h3 {
  margin-top: 0.2em;
  margin-bottom: 0.2em;
}

:root {
  --layout-container-side-gap: var(--spacing-lg);
  --layout-container-max-width: var(--default-site-width);
  --layout-container-gap: var(--spacing-auto);
  --layout-container-padding-block: 0;
  --layout-container-padding-multi: .6;
  --layout-container-bg: transparent;
  --layout-container-col-count: 1fr;
}

.layout-content {
  /* a supprimer si full Width */
}

.layout-container {
  padding-top: calc(.6 * 0);
  padding-bottom: calc(.6 * 0);
  padding-top: calc(var(--layout-container-padding-multi) * var(--layout-container-padding-block));
  padding-bottom: calc(var(--layout-container-padding-multi) * var(--layout-container-padding-block));
  display: grid;
  align-items: center;
  /*
        & + .paragraph-layout-field-layout-bg{
      width: min( 100% - 3rem, var(--layout-container-max-width) );
      margin: 0 auto;
      display: grid;
      gap: var(--layout-container-gap);
    }*/
  /**** other classes ***/
}
.layout-container > .layout-wrapper {
  width: min(100% - var(--spacing-auto-xl), var(--default-site-width));
  width: min(100% - var(--spacing-auto-xl), var(--layout-container-max-width));
  margin: 0 auto;
  display: grid;
  gap: var(--spacing-auto);
  grid-gap: var(--spacing-auto);
  grid-gap: var(--layout-container-gap);
  gap: var(--layout-container-gap);
}
.layout-container.layout-container--narrow, .layout-container.layout-container--sm {
  --layout-container-max-width: var(--size-sm);
}
.layout-container.layout-container--smd {
  --layout-container-max-width: var(--size-smd);
}
.layout-container.layout-container--md {
  --layout-container-max-width: var(--size-md);
}
.layout-container.layout-container--limited, .layout-container.layout-container--lg {
  --layout-container-max-width: var(--size-lg);
}
.layout-container.layout-container--default, .layout-container.layout-container--xl {
  --layout-container-max-width: var(--size-xl);
}
.layout-container.layout-container--large, .layout-container.layout-container--xxl {
  --layout-container-max-width: var(--size-xxl);
}
.layout-container.layout-container--xlarge, .layout-container.layout-container--xxxl {
  --layout-container-max-width: var(--size-xxxl);
}
.layout-container.layout-container--fluid {
  --layout-container-max-width: 100%;
}
.layout-container.layout-container--full {
  --layout-container-max-width: 100%;
  --layout-container-side-gap: 0;
}
.layout-container.layout-container--full > .layout-wrapper {
  width: 100%;
}

/*.layout-container:not(.layout-container--full) .layout-container{
  width: var(--layout-container-max-width);
}*/
.layout-container.layout-cols-valign--start > .layout-wrapper {
  align-items: start;
}

.layout-container.layout-cols-valign--center > .layout-wrapper {
  align-items: center;
}

.layout-container.layout-cols-valign--end > .layout-wrapper {
  align-items: end;
}

.layout-gap--sm > .layout-container,
.layout-container.layout-gap--sm {
  --layout-container-gap: var(--spacing-md);
}

.layout-gap--md > .layout-container,
.layout-container.layout-gap--md {
  --layout-container-gap: var(--spacing-lg);
}

.layout-gap--lg > .layout-container,
.layout-container.layout-gap--lg {
  --layout-container-gap: var(--spacing-xl);
}

.layout-gap--auto > .layout-container,
.layout-container.layout-gap--auto {
  --layout-container-gap: var(--spacing-auto);
}

.layout-gap--none > .layout-container,
.layout-container.layout-gap--none {
  --layout-container-gap: 0;
}

.padding--block--sm > .layout-container,
.layout-container.padding--block--sm {
  --layout-container-padding-block: var(--spacing-auto-sm);
}

.padding--block--md > .layout-container,
.layout-container.padding--block--md {
  --layout-container-padding-block: var(--spacing-auto);
}

.padding--block--lg > .layout-container,
.layout-container.padding--block--lg {
  --layout-container-padding-block: var(--spacing-auto-lg);
}

.padding--block--xl > .layout-container,
.layout-container.padding--block--xl {
  --layout-container-padding-block: var(--spacing-auto-xl);
}

.padding--block--xxl > .layout-container,
.layout-container.padding--block--xxl {
  --layout-container-padding-block: var(--spacing-auto-xxl);
}

.padding--block--max > .layout-container,
.layout-container.padding--block--max {
  --layout-container-padding-block: var(--spacing-auto-max);
}

@media (min-width: 1024px) {
  .layout-container--cols-1 {
    --layout-container-gap: var(--grid-gap);
  }
  .layout-container--cols-2 {
    --layout-container-gap: var(--spacing-auto);
    /*
    &.layout-container--cols--v3366{
      grid-template-columns: 1fr 2fr;
    }

    &.layout-container--cols--v6633{
      grid-template-columns: 2fr 1fr;
    }*/
  }
  .layout-container--cols-2 > .layout-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .layout-container--cols-3 {
    --layout-container-gap: var(--spacing-auto);
  }
  .layout-container--cols-3 > .layout-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
  .layout-container--cols-4 {
    --layout-container-gap: var(--spacing-xl);
  }
  .layout-container--cols-4 > .layout-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1140px) {
  .layout-container--cols-2.layout-container--cols--v2575 > .layout-wrapper {
    grid-template-columns: 1fr 3fr;
  }
  .layout-container--cols-2.layout-container--cols--v7525 > .layout-wrapper {
    grid-template-columns: 3fr 1fr;
  }
  .layout-container--cols-2.layout-container--cols--v3366 > .layout-wrapper {
    grid-template-columns: 1fr 2fr;
  }
  .layout-container--cols-2.layout-container--cols--v6633 > .layout-wrapper {
    grid-template-columns: 2fr 1fr;
  }
  .layout-container--cols-3.layout-container--cols--v333333 > .layout-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .layout-container--cols-3.layout-container--cols--v502525 > .layout-wrapper {
    grid-template-columns: 2fr 1fr 1fr;
  }
  .layout-container--cols-3.layout-container--cols--v252550 > .layout-wrapper {
    grid-template-columns: 1fr 1fr 2fr;
  }
  .layout-container--cols-3.layout-container--cols--v403030 > .layout-wrapper {
    grid-template-columns: 4fr 3fr 3fr;
  }
  .layout-container--cols-3.layout-container--cols--v303040 > .layout-wrapper {
    grid-template-columns: 3fr 3fr 4fr;
  }
  .layout-container--cols-4 {
    --layout-container-gap: var(--spacing-auto-xxl);
  }
  .layout-container--cols-4 > .layout-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

.dialog-off-canvas-main-canvas {
  flex: 1 1 100%;
  display: grid;
  height: 100%;
}

.dialog-off-canvas-main-canvas > .layout-container {
  display: grid;
  grid-gap: 0;
  grid-template-rows: -webkit-min-content auto -webkit-min-content 1fr auto;
  grid-template-rows: min-content auto min-content 1fr auto;
  align-items: start;
  align-items: flex-start;
  width: 100%;
  margin: 0;
  background-color: var(--color-bg);
}
@media (min-width: 768px) {
  .dialog-off-canvas-main-canvas > .layout-container {
    grid-template-rows: auto -webkit-min-content 1fr auto;
    grid-template-rows: auto min-content 1fr auto;
  }
}

body.path-node main > .layout-container {
  max-width: 100%;
  padding: 0;
}

.main-layout--no-sidebar {
  grid-template-columns: 1fr;
}

.main-layout--one-sidebar.main-layout--sidebar-first {
  grid-template-columns: 280px 1fr;
}

.main-layout--one-sidebar.main-layout--sidebar-second {
  grid-template-columns: 1fr 280px;
}

.main-layout--two-sidebar {
  grid-template-columns: 280px 1fr 280px;
}

.offCanvasContainer {
  height: 100%;
  overflow: auto;
  --text-color: var(--clr-white);
  --accordion-bg: transparent;
  --accordion--radius: 0;
  --accordion--shadow: none;
  --accordion--item--link--color: var(--clr-white);
  --accordion--item--link--color--hover: var(--color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: start;
  flex-direction: column;
  padding-top: calc(10px);
  padding-top: calc(var(--ginHorizontalToolbarOffset, 10px));
  position: fixed;
  overflow: scroll;
  top: 0;
  z-index: 1;
  width: min(100% - 40px, 400px);
  right: min(-100% - 40px, -400px);
  background: var(--color-primary);
  box-shadow: -4px 0px 8px 0px rgba(0, 0, 0, 0.5);
  transition: right 0.5s;
}
.offCanvasContainer .menu--secondary-menu {
  --menu-dir: column;
  --menu-link-color: var(--clr-white);
  --menu-link-spacing: .625rem 1.125rem ;
  --menu-font-size: 1rem;
  border-top: 1px solid rgb(255, 255, 255);
}
.offCanvasContainer.oppened {
  right: 0;
}
.offCanvasContainer .sidebar-button {
  margin: 0 1rem 0 auto;
  font-size: 40px;
  color: var(--text-color);
  background: none;
  border: none;
  outline: none;
}
/*# sourceMappingURL=layout.css.map */