/** Varialbes used for mixins */
/*** Media Queries : http://breakpoint-sass.com/ ***/
/** breakpojtns values : http://breakpoint-sass.com/ ***/
/** deco image in _misc.scss name deco_XX **/
:root {
  --container-gap-v: var(--spacing-lg);
  --container-gap-h: var(--spacing-lg);
  --container-gap: var(--container-gap-v) var(--container-gap-h);
  --container-col-gap: var(--spacing-md);
  --container-gutter: var(--spacing-lg);
  --container-max-width: var(--size-xl);
  --container-radius: var(--radius-auto-xl);
  --container-cols-tpl: repeat(var(--container-nb-cols,1), 1fr);
}
@media (min-width: 768px) {
  :root {
    --container-gutter: var(--spacing-xl);
  }
}

/*** pages **/
body:is(.path-search) main {
  width: min(100% - var(--container-gutter), var(--container-max-width));
  margin-inline: auto;
}

/*** Regions **/
.region-highlighted, .region-breadcrumb, .region-help {
  width: min(100% - var(--container-gutter), var(--container-max-width));
  margin-inline: auto;
}

.region-breadcrumb {
  padding-block: var(--spacing-auto-xxs);
}

.container {
  width: min(100% - var(--container-gutter), var(--container-max-width));
  margin-inline: auto;
}
.container > .col {
  display: grid;
  grid-auto-rows: max-content;
  gap: var(--container-col-gap);
}
.container.container-width--xs {
  --container-max-width: var(--size-xs);
}
.container.container-width--sm {
  --container-max-width: var(--size-sm);
}
.container.container-width--md {
  --container-max-width: var(--size-md);
}
.container.container-width--lg {
  --container-max-width: var(--size-lg);
}
.container.container-width--xl {
  --container-max-width: var(--size-xl);
}
.container.container-width--full .container {
  width: 100%;
}

.container-col-gap-none {
  --container-col-gap:0 ;
}

.container-col-gap-xs {
  --container-col-gap: var(--spacing-auto-xs);
}

.container-col-gap-md {
  --container-col-gap: var(--spacing-auto-md);
}

.container-col-gap-lg {
  --container-col-gap: var(--spacing-auto-lg);
}

.container-col-gap-xl {
  --container-col-gap: var(--spacing-auto-xxl);
}

.dialog-off-canvas-main-canvas {
  overflow: clip;
}

#page_content > .content-wrapper {
  width: 100%;
  overflow: clip;
}

.layout-container--cols-2 {
  --container-nb-cols: 2;
}

.layout-container--cols-3 {
  --container-nb-cols: 3;
}

[class*=container-bg--] {
  border-radius: var(--container-radius);
}
[class*=container-bg--] [class*=container-bg--] {
  border-radius: calc(var(--container-radius) / 2);
}

.container-bg--white,
.container-bg--light {
  background-color: var(--color-light);
}

.container-bg--dark {
  background-color: var(--clr-gray-900);
  --text-color: var(--color-on-dark);
  --headings-color: var(--color-on-dark);
  --link-color: var(--color-on-dark);
}
.container-bg--dark :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-dark);
}

.container-bg--primary {
  background-color: var(--color-primary-light);
  --text-color: var(--color-on-primary);
  --headings-color: var(--color-on-primary);
  --link-color: var(--color-on-primary);
}
.container-bg--primary :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-primary);
}
.container-bg--primary {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--primary-tr {
  background-color: var(--color-primary-tr);
  --text-color: var(--color-on-dark);
  --headings-color: var(--color-on-dark);
  --link-color: var(--color-on-dark);
}
.container-bg--primary-tr :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-dark);
}
.container-bg--primary-tr {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--secondary, .node--type-view-page.node--view-mode-full .view-filters {
  background-color: var(--color-secondary-light);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--secondary :is(h1, h2, h3, h4, h5, h6, p, span, li), .node--type-view-page.node--view-mode-full .view-filters :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--secondary, .node--type-view-page.node--view-mode-full .view-filters {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--secondary-tr {
  background-color: var(--color-secondary-tr);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--secondary-tr :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--secondary-tr {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--tertiary {
  background-color: var(--color-tertiary-light);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--tertiary :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--tertiary {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--tertiary-tr {
  background-color: var(--color-tertiary-tr);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--tertiary-tr :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--tertiary-tr {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--dark-blue {
  background-color: var(--color-dark-blue-light);
  --text-color: var(--color-on-primary);
  --headings-color: var(--color-on-primary);
  --link-color: var(--color-on-primary);
}
.container-bg--dark-blue :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-primary);
}
.container-bg--dark-blue {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--teal, .node--type-view-page.node--view-mode-full .view-content {
  background-color: var(--color-teal-light);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--teal :is(h1, h2, h3, h4, h5, h6, p, span, li), .node--type-view-page.node--view-mode-full .view-content :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--teal, .node--type-view-page.node--view-mode-full .view-content {
  --icon-color: #fff;
  --form-control-background: #fff;
}

.container-bg--red {
  background-color: var(--color-red-light);
  --text-color: var(--color-on-secondary);
  --headings-color: var(--color-on-secondary);
  --link-color: var(--color-on-secondary);
}
.container-bg--red :is(h1, h2, h3, h4, h5, h6, p, span, li) {
  color: var(--color-on-secondary);
}
.container-bg--red {
  --icon-color: #fff;
  --form-control-background: #fff;
}

/**** COLAS CONTAINER ***/
:root {
  --views-page-gap: var(--spacing-auto-lg);
  --views-page-padding-block: var(--spacing-auto-lg);
  --views-page-max-width: var(--size-xl);
}

body:is(.view--page, .path-taxonomy) .region-content {
  width: min(100% - 3rem, var(--views-page-max-width));
  margin-inline: auto;
}

.views-element-container > .view {
  display: grid;
  gap: var(--views-page-gap);
}

.node--type-view-page.node--view-mode-full .view-filters {
  padding-block: var(--spacing-auto-lg);
  padding-inline: var(--spacing-auto-xl);
  border-radius: var(--radius-auto-xl);
}
.node--type-view-page.node--view-mode-full .view-content {
  padding-block: var(--spacing-auto-xl);
  padding-inline: var(--spacing-auto-xl);
  border-radius: var(--radius-auto-xl);
}

.exposed-form-wrapper {
  display: grid;
  gap: var(--spacing-auto-md);
}

.views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-auto-md);
  align-items: end;
}
.views-exposed-form .form--inline .form-item {
  display: flex;
  gap: var(--spacing-auto-md);
  align-items: baseline;
}

.more-link {
  margin-block: var(--spacing-auto-lg);
  margin-inline: auto;
  text-align: center;
}

/**** Realisations ***/
@media screen and (min-width: 1024px) {
  .view-realisations .views-view-responsive-grid {
    margin-block-end: 100px;
  }
  .view-realisations .views-view-responsive-grid > .views-view-responsive-grid__item:nth-child(3n+2) {
    transform: translateY(50px);
  }
  .view-realisations .views-view-responsive-grid > .views-view-responsive-grid__item:nth-child(3n) {
    transform: translateY(-100px);
  }
  .view-realisations.view-display-id-page_1 .views-view-responsive-grid {
    margin-block-start: 100px;
  }
}
@media screen and (min-width: 1500px) {
  .view-realisations.view-display-id-page_1 .views-view-responsive-grid {
    margin-block-start: 50px;
  }
}
.view-realisations .views-exposed-form .form-radios ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-auto-xs) var(--spacing-auto-sm);
}
.view-realisations .views-exposed-form .form-radios ul .form-item {
  margin: 0;
  padding: var(--spacing-auto-xxs) var(--spacing-auto-xs);
  background-color: var(--clr-gray-50);
  border-radius: var(--radius-default);
}
/*# sourceMappingURL=views.css.map */