@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3 !important;
  color: #000;
  text-align: left;
  background-color: #fff;
  min-height: 100%;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: 600;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  font-family: inherit;
  color: theme-color("primary");
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:hover {
  color: #0056b3;
  text-decoration: none;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralightitalic-webfont.woff2?b6138da04fd856904edcd0859544ee8b) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralightitalic-webfont.woff2?b6138da04fd856904edcd0859544ee8b) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralightitalic-webfont.woff2?b6138da04fd856904edcd0859544ee8b) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-lightitalic-webfont.woff2?3670e7043f8940091518ccb092f4badc) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-lightitalic-webfont.woff2?3670e7043f8940091518ccb092f4badc) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-lightitalic-webfont.woff2?3670e7043f8940091518ccb092f4badc) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-italic-webfont.woff2?cfbdc67c9df552ebd3a2db60db14ce26) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-italic-webfont.woff2?cfbdc67c9df552ebd3a2db60db14ce26) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-italic-webfont.woff2?cfbdc67c9df552ebd3a2db60db14ce26) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-mediumitalic-webfont.woff2?8d46cbbd5f7d888a6117cf6b96487ccf) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-mediumitalic-webfont.woff2?8d46cbbd5f7d888a6117cf6b96487ccf) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-mediumitalic-webfont.woff2?8d46cbbd5f7d888a6117cf6b96487ccf) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibolditalic-webfont.woff2?21c84100d1a43472b55eba1281f52f5a) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibolditalic-webfont.woff2?21c84100d1a43472b55eba1281f52f5a) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibolditalic-webfont.woff2?21c84100d1a43472b55eba1281f52f5a) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bolditalic-webfont.woff2?2112b83a5424e2c15a1bbe3134244c66) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bolditalic-webfont.woff2?2112b83a5424e2c15a1bbe3134244c66) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bolditalic-webfont.woff2?2112b83a5424e2c15a1bbe3134244c66) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralight-webfont.woff2?3216f87b6a48b05943d0fb442a4f4607) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralight-webfont.woff2?3216f87b6a48b05943d0fb442a4f4607) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/barlow-extralight-webfont.woff2?3216f87b6a48b05943d0fb442a4f4607) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-light-webfont.woff2?da0aecacbb111c8253496bde6e7bd9e6) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-light-webfont.woff2?da0aecacbb111c8253496bde6e7bd9e6) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlow-light-webfont.woff2?da0aecacbb111c8253496bde6e7bd9e6) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-regular-webfont.woff2?8db573511f37d60489b4b17b0cfd57b8) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-regular-webfont.woff2?8db573511f37d60489b4b17b0cfd57b8) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlow-regular-webfont.woff2?8db573511f37d60489b4b17b0cfd57b8) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-medium-webfont.woff2?e91564c1e3de142088083fff17ed4392) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-medium-webfont.woff2?e91564c1e3de142088083fff17ed4392) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlow-medium-webfont.woff2?e91564c1e3de142088083fff17ed4392) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibold-webfont.woff2?0c85cd138ae7143235e2c1ab9a9a93b1) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibold-webfont.woff2?0c85cd138ae7143235e2c1ab9a9a93b1) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/barlow-semibold-webfont.woff2?0c85cd138ae7143235e2c1ab9a9a93b1) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bold-webfont.woff2?bedc0c17609cb65d4022cf432d17043c) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bold-webfont.woff2?bedc0c17609cb65d4022cf432d17043c) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/barlow-bold-webfont.woff2?bedc0c17609cb65d4022cf432d17043c) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-lightitalic-webfont.woff2?73783a33573e335ec9457c1231fc77d7) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-lightitalic-webfont.woff2?73783a33573e335ec9457c1231fc77d7) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-lightitalic-webfont.woff2?73783a33573e335ec9457c1231fc77d7) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-italic-webfont.woff2?4832394b78528a6be8a309fd134c601a) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-italic-webfont.woff2?4832394b78528a6be8a309fd134c601a) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-italic-webfont.woff2?4832394b78528a6be8a309fd134c601a) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-mediumitalic-webfont.woff2?3aabe8c9d55983382bab3cbeeec70c4b) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-mediumitalic-webfont.woff2?3aabe8c9d55983382bab3cbeeec70c4b) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-mediumitalic-webfont.woff2?3aabe8c9d55983382bab3cbeeec70c4b) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-light-webfont.woff2?f29308dcb2afa1d63bb49f84dff4aca8) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-light-webfont.woff2?f29308dcb2afa1d63bb49f84dff4aca8) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/barlowcondensed-light-webfont.woff2?f29308dcb2afa1d63bb49f84dff4aca8) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-regular-webfont.woff2?1d4f1cbc4c929d1b62b2c2bc2ca60433) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-regular-webfont.woff2?1d4f1cbc4c929d1b62b2c2bc2ca60433) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/barlowcondensed-regular-webfont.woff2?1d4f1cbc4c929d1b62b2c2bc2ca60433) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-medium-webfont.woff2?f48b8cdf97064c0b1ab936c1f81491c0) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-medium-webfont.woff2?f48b8cdf97064c0b1ab936c1f81491c0) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/barlowcondensed-medium-webfont.woff2?f48b8cdf97064c0b1ab936c1f81491c0) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*      Couleurs                                                                          */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*
$color_dominante: #5F3DE0;
$color_dominante_50: mix($color_dominante, #FFF, 50);
$color_dominante_20: mix($color_dominante, #FFF, 20);
$color_secondaire: #FF393C;
$color_tonique: #FFFC30;
$color_filet: #CCC;

$color_dominante: #ff1257;
$color_dominante_80: mix($color_dominante, #FFF, 80);
$color_dominante_50: mix($color_dominante, #FFF, 50);
$color_dominante_20: mix($color_dominante, #FFF, 20);

$color_secondaire: #fffc30;
$color_secondaire_80: mix($color_secondaire, #FFF, 80);
$color_secondaire_50: mix($color_secondaire, #FFF, 50);
$color_secondaire_20: mix($color_secondaire, #FFF, 20);

$color_tonique: #ff9043;


$color_dominante: #a343c8;
$color_dominante_80: mix($color_dominante, #FFF, 80);
$color_dominante_50: mix($color_dominante, #FFF, 50);
$color_dominante_20: mix($color_dominante, #FFF, 20);

$color_secondaire: #ff3141;
$color_secondaire_80: mix($color_secondaire, #FFF, 80);
$color_secondaire_50: mix($color_secondaire, #FFF, 50);
$color_secondaire_20: mix($color_secondaire, #FFF, 20);

$color_ternaire: #ff7733;
$color_ternaire_80: mix($color_ternaire, #FFF, 80);
$color_ternaire_50: mix($color_ternaire, #FFF, 50);
$color_ternaire_20: mix($color_ternaire, #FFF, 20);

$color_tonique: #FFFF00;
*/
/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*      Dimensions                                                                        */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
.float-right {
  float: right;
}

a {
  color: #ff6633;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-flex {
  display: flex;
}
.d-flex.d-col {
  display: flex;
}
.d-flex.d-col div {
  padding-right: 1rem;
}
.d-flex.d-col .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
.d-flex.d-col .col-md-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
.d-flex.d-col .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
.d-flex.d-col .col-md-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
.d-flex.d-col .col-md-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
.d-flex.d-col .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
.d-flex.d-col .col-md-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
.d-flex.d-col .col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
.d-flex.d-col .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
.d-flex.d-col .col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
.d-flex.d-col .col-md-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
.d-flex.d-col .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.margin-top-1 {
  margin-top: 1rem;
}

.d-lg {
  display: none;
}
@media (max-width: 992px) {
  .d-lg {
    display: block;
  }
}

.d-md {
  display: none;
}
@media (max-width: 768px) {
  .d-md {
    display: block;
  }
}

.d-sm {
  display: none;
}
@media (max-width: 576px) {
  .d-sm {
    display: block;
  }
}

@media (max-width: 992px) {
  .d-min-lg {
    display: none;
  }
}

@media (max-width: 768px) {
  .d-min-md {
    display: none;
  }
}

@media (max-width: 576px) {
  .d-min-sm {
    display: none;
  }
}

.h-0 {
  position: absolute;
  top: -9999px;
}

.p-0 {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

text-left {
  text-align: left;
}

text-center {
  text-align: center;
}

text-right {
  text-align: right;
}

.list-unstyled {
  padding: 0;
  margin: 0;
  list-style: none;
}

dl.key-value {
  display: flex;
  flex-wrap: wrap;
  font-family: "Barlow Condensed", verdana, sans-serif;
  border-top: solid 2px rgba(0, 0, 0, 0.2);
  border-bottom: solid 2px rgba(0, 0, 0, 0.2);
}
dl.key-value dt, dl.key-value dd {
  padding: 0.2em 0 0.1em 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 0;
  flex: 0 0 50%;
}
dl.key-value dt {
  font-weight: 600;
}
dl.key-value dt:last-of-type {
  border-bottom-width: 0;
}
dl.key-value dd {
  font-weight: 500;
  text-align: right;
}
dl.key-value dd:last-child {
  border-bottom-width: 0;
}

.font-size-09 {
  font-size: 0.9em;
}

.clear {
  clear: both;
}

/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*     Couleur et deco                                                                    */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
.bg-default {
  background-color: #c4cece !important;
  color: #FFF;
}

.bg-primary {
  background-color: #ff3141 !important;
  color: #FFF;
}

.bg-success {
  background-color: #56ad00 !important;
  color: #FFF;
}

.bg-info {
  background-color: #00a1ad !important;
  color: #FFF;
}

.bg-warning {
  background-color: #fba900 !important;
  color: #FFF;
}

.bg-danger {
  background-color: #d8002c !important;
  color: #FFF;
}

.bg-horizon {
  background-color: #51697b !important;
  color: #FFF;
}

.bg-sable {
  background-color: #76501c !important;
  color: #FFF;
}

.bg-horizon-light {
  background-color: #93a8b8 !important;
  color: #FFF;
}

.soft-gradient {
  background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
}

.stripped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 16px 16px;
}

.soft-gradient.stripped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent), linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-size: 16px 16px, cover;
}

.ecosse {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 2%, transparent 2%, transparent 20%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.1) 35%, transparent 35%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 52%, transparent 52%, transparent 70%, rgba(255, 255, 255, 0.1) 65%, rgba(255, 255, 255, 0.1) 85%, transparent 85%), linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 2%, transparent 2%, transparent 20%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.1) 35%, transparent 35%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 52%, transparent 52%, transparent 70%, rgba(255, 255, 255, 0.1) 65%, rgba(255, 255, 255, 0.1) 85%, transparent 85%);
  background-size: 45px 45px, 45px 45px;
}

.soft-gradient.ecosse {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 2%, transparent 2%, transparent 20%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.1) 35%, transparent 35%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 52%, transparent 52%, transparent 70%, rgba(255, 255, 255, 0.1) 65%, rgba(255, 255, 255, 0.1) 85%, transparent 85%), linear-gradient(-45deg, rgba(0, 0, 0, 0.1) 2%, transparent 2%, transparent 20%, rgba(255, 255, 255, 0.1) 15%, rgba(255, 255, 255, 0.1) 35%, transparent 35%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 52%, transparent 52%, transparent 70%, rgba(255, 255, 255, 0.1) 65%, rgba(255, 255, 255, 0.1) 85%, transparent 85%), linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-size: 45px 45px, 45px 45px, cover;
}

.shadow-light {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23) !important;
}

.shadow-medium {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.5) !important;
}

.shadow-strong {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5), 0 3px 6px rgba(0, 0, 0, 0.8) !important;
}

/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*      Styles de texte                                                                   */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
html {
  font-family: "Barlow", verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-weight: 400;
  /*margin-bottom: 0.75rem;*/
  margin-bottom: 0;
  line-height: 1.2;
  color: inherit;
}

h1 {
  font-size: 2.2em;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 0;
}
h1 small {
  font-size: 1.3em;
}

h2 {
  font-size: 1.8em;
  font-weight: 400;
}

h2 + p {
  margin-top: 0.3rem;
}

h3 {
  font-size: 1.5em;
  font-weight: 400;
}

h4 {
  font-size: 1.35em;
  font-weight: 400;
}

h5 {
  font-family: "Barlow", verdana, sans-serif;
  font-size: 1em;
  font-weight: 500;
}

h6 {
  font-family: "Barlow", verdana, sans-serif;
  font-size: 1em;
  font-weight: 500;
}

h1 + p, h1 + ul {
  margin-top: 0.4rem;
}

h2 + p, h2 + ul {
  margin-top: 0.3rem;
}

h3 + p, h3 + ul {
  margin-top: 0.2rem;
}

h4 + p, h4 + ul {
  margin-top: 0.1rem;
}

h5 + p, h5 + ul {
  margin-top: 0.1rem;
}

h6 + p, h6 + ul {
  margin-top: 0.1rem;
}

h1 + div {
  margin-top: 0.3rem;
}

h2 + div {
  margin-top: 0.3rem;
}

h3 + div {
  margin-top: 0.3rem;
}

h4 + div {
  margin-top: 0.3rem;
}

h5 + div {
  margin-top: 0.3rem;
}

h6 + div {
  margin-top: 0.3rem;
}

h1 + table {
  margin-top: 0.4rem;
}

h2 + table {
  margin-top: 0.4rem;
}

h3 + table {
  margin-top: 0.4rem;
}

h4 + table {
  margin-top: 0.4rem;
}

h5 + table {
  margin-top: 0.4rem;
}

h6 + table {
  margin-top: 0.4rem;
}

h2 + h3 {
  margin-top: 0.2rem;
}

h3 + h4 {
  margin-top: 0.2rem;
}

h4 + h5 {
  margin-top: 0.2rem;
}

h5 + h6 {
  margin-top: 0.2rem;
}

p + h1, table + h1 {
  margin-top: 1.5rem;
}

p {
  margin-bottom: 0.7rem;
}

a {
  overflow-wrap: break-word;
}

blockquote {
  position: relative;
  line-height: 1.2;
  padding: 0 30px;
  color: #000;
}
blockquote:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "\f10d";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 1.6rem;
  color: #BBB;
}
blockquote:after {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  content: "\f10e";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 1.6rem;
  color: #BBB;
}

.text-light {
  color: #FFF !important;
}

.text-dark {
  color: #FFF !important;
}

.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.font-title {
  font-family: "Barlow Condensed", verdana, sans-serif !important;
}

.semi-bold {
  font-weight: 500 !important;
}

.medium {
  font-weight: 400 !important;
}

/* ------------------------------------------------------------*/
.text-default {
  color: #c4cece !important;
}

.text-primary {
  color: #ff3141 !important;
}

.text-success {
  color: #56ad00 !important;
}

.text-info {
  color: #00a1ad !important;
}

.text-warning {
  color: #fba900 !important;
}

.text-danger, .text-red {
  color: #d8002c !important;
}

.text-link {
  color: #ff6633 !important;
}

.text-pink {
  color: #fb00e2 !important;
}

.text-purple {
  color: #6200ff !important;
}

.text-horizon {
  color: #51697b !important;
}

.text-sable {
  color: #76501c !important;
}

.text-light {
  color: #FFF !important;
}

.text-dark {
  color: #000 !important;
}

.bkg-transparent {
  background-color: transparent !important;
}

hr {
  height: 1px;
  margin: 2rem 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
  border: 0;
}

.text-md {
  font-size: 0.9rem !important;
}

.text-sm {
  font-size: 0.8rem !important;
}

.text-xs {
  font-size: 0.7rem !important;
}

img.fluid {
  width: 100%;
  margin-bottom: 1.5rem;
}

img.cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

img {
  display: inline-block;
}
img.left {
  width: 33% !important;
  float: left;
  margin: 0 1em 1em 0;
}
img.right {
  width: 33% !important;
  float: right;
  margin: 0 0 1em 1em;
}
img.center {
  float: none;
  display: block;
  margin: 0 auto;
}

/*--------------------------------  Badge  -----------------------------------------  */
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.35rem;
}
.badge.badge-light {
  color: #FFF;
}
.badge.badge-outline {
  border: solid 1px #000;
}

.badge-default {
  background-color: #c4cece !important;
  color: #FFF;
}

.badge-primary {
  background-color: #ff3141 !important;
  color: #FFF;
}

.badge-success {
  background-color: #56ad00 !important;
  color: #FFF;
}

.badge-info {
  background-color: #00a1ad !important;
  color: #FFF;
}

.badge-warning {
  background-color: #fba900 !important;
  color: #FFF;
}

.badge-danger {
  background-color: #d8002c !important;
  color: #FFF;
}

.badge-horizon {
  background-color: #51697b !important;
  color: #FFF;
}

.badge-sable {
  background-color: #76501c !important;
  color: #FFF;
}

.badge-outline.badge-default {
  background-color: #FFF !important;
  color: #c4cece !important;
  border-color: #c4cece !important;
}

.badge-outline.badge-primary {
  background-color: #FFF !important;
  color: #ff3141 !important;
  border-color: #ff3141 !important;
}

.badge-outline.badge-success {
  background-color: #FFF !important;
  color: #56ad00 !important;
  border-color: #56ad00 !important;
}

.badge-outline.badge-info {
  background-color: #FFF !important;
  color: #00a1ad !important;
  border-color: #00a1ad !important;
}

.badge-outline.badge-warning {
  background-color: #FFF !important;
  color: #fba900 !important;
  border-color: #fba900 !important;
}

.badge-outline.badge-danger {
  background-color: #FFF !important;
  color: #d8002c !important;
  border-color: #d8002c !important;
}

.badge-outline.badge-horizon {
  background-color: #FFF !important;
  color: #51697b !important;
  border-color: #51697b !important;
}

.badge-outline.badge-sable {
  background-color: #FFF !important;
  color: #76501c !important;
  border-color: #76501c !important;
}

html {
  line-height: 1.15;
  min-height: 100%;
}

body {
  font-family: "Barlow", verdana, sans-serif;
  background-color: #FFF;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  min-height: 100%;
}
@media (max-width: 576px) {
  body {
    padding: 0 1rem !important;
  }
}

/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*      Grid                                                                              */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
.grid {
  display: grid;
  grid-template-rows: 55px 1fr;
  grid-template-columns: 250px 1fr;
  height: 100%;
  min-height: 100vh;
}
.grid > aside {
  grid-row-start: 1;
  grid-row-end: 3;
}
.grid > header {
  position: relative;
  grid-column-start: 2;
  grid-column-end: span 2;
}

/* ///////////////////////////////////////////////////////////////////////////////////////*/
/*      Layout                                                                            */
/* ///////////////////////////////////////////////////////////////////////////////////////*/
.wrapper {
  position: relative;
  min-height: 100%;
}
.wrapper > .content {
  padding: 1rem 0.5rem 1rem 1.75rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.5rem;
  margin-left: -1.5rem;
}
.row.row-gutter-double > div:first-child {
  padding-right: 3rem;
  padding-left: 1.5rem;
}
.row.row-gutter-double > div:last-child {
  padding-right: 1.5rem;
  padding-left: 3rem;
}
.row.row-gutter-double > div {
  padding-right: 3rem;
  padding-left: 3rem;
}
.row.row-gutter-double.row-gutter-line > div:last-child {
  border-right-width: 0;
}
.row.row-gutter-double.row-gutter-line > div {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.row > div {
  position: relative;
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.row .col-1, .row .col-md-1, .row .col-sm-1, .row .col-xs-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}
@media (max-width: 576px) {
  .row .col-1, .row .col-md-1, .row .col-sm-1, .row .col-xs-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-1, .row .col-md-1, .row .col-sm-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-1, .row .col-sm-1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-1 {
  margin-left: 8.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-left-1 {
    margin-left: 0;
  }
}
.row .col-margin-right-1 {
  margin-left: 8.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-right-1 {
    margin-right: 0;
  }
}
.row .col-2, .row .col-md-2, .row .col-sm-2, .row .col-xs-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}
@media (max-width: 576px) {
  .row .col-2, .row .col-md-2, .row .col-sm-2, .row .col-xs-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-2, .row .col-md-2, .row .col-sm-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-2, .row .col-sm-2 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-2 {
  margin-left: 16.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-left-2 {
    margin-left: 0;
  }
}
.row .col-margin-right-2 {
  margin-left: 16.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-right-2 {
    margin-right: 0;
  }
}
.row .col-3, .row .col-md-3, .row .col-sm-3, .row .col-xs-3 {
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 576px) {
  .row .col-3, .row .col-md-3, .row .col-sm-3, .row .col-xs-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-3, .row .col-md-3, .row .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-3, .row .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-3 {
  margin-left: 25%;
}
@media (max-width: 768px) {
  .row .col-margin-left-3 {
    margin-left: 0;
  }
}
.row .col-margin-right-3 {
  margin-left: 25%;
}
@media (max-width: 768px) {
  .row .col-margin-right-3 {
    margin-right: 0;
  }
}
.row .col-4, .row .col-md-4, .row .col-sm-4, .row .col-xs-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}
@media (max-width: 576px) {
  .row .col-4, .row .col-md-4, .row .col-sm-4, .row .col-xs-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-4, .row .col-md-4, .row .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-4, .row .col-sm-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-4 {
  margin-left: 33.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-left-4 {
    margin-left: 0;
  }
}
.row .col-margin-right-4 {
  margin-left: 33.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-right-4 {
    margin-right: 0;
  }
}
.row .col-5, .row .col-md-5, .row .col-sm-5, .row .col-xs-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}
@media (max-width: 576px) {
  .row .col-5, .row .col-md-5, .row .col-sm-5, .row .col-xs-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-5, .row .col-md-5, .row .col-sm-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-5, .row .col-sm-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-5 {
  margin-left: 41.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-left-5 {
    margin-left: 0;
  }
}
.row .col-margin-right-5 {
  margin-left: 41.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-right-5 {
    margin-right: 0;
  }
}
.row .col-6, .row .col-md-6, .row .col-sm-6, .row .col-xs-6 {
  flex: 0 0 50%;
  max-width: 50%;
}
@media (max-width: 576px) {
  .row .col-6, .row .col-md-6, .row .col-sm-6, .row .col-xs-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-6, .row .col-md-6, .row .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-6, .row .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-6 {
  margin-left: 50%;
}
@media (max-width: 768px) {
  .row .col-margin-left-6 {
    margin-left: 0;
  }
}
.row .col-margin-right-6 {
  margin-left: 50%;
}
@media (max-width: 768px) {
  .row .col-margin-right-6 {
    margin-right: 0;
  }
}
.row .col-7, .row .col-md-7, .row .col-sm-7, .row .col-xs-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}
@media (max-width: 576px) {
  .row .col-7, .row .col-md-7, .row .col-sm-7, .row .col-xs-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-7, .row .col-md-7, .row .col-sm-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-7, .row .col-sm-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-7 {
  margin-left: 58.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-left-7 {
    margin-left: 0;
  }
}
.row .col-margin-right-7 {
  margin-left: 58.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-right-7 {
    margin-right: 0;
  }
}
.row .col-8, .row .col-md-8, .row .col-sm-8, .row .col-xs-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}
@media (max-width: 576px) {
  .row .col-8, .row .col-md-8, .row .col-sm-8, .row .col-xs-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-8, .row .col-md-8, .row .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-8, .row .col-sm-8 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-8 {
  margin-left: 66.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-left-8 {
    margin-left: 0;
  }
}
.row .col-margin-right-8 {
  margin-left: 66.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-right-8 {
    margin-right: 0;
  }
}
.row .col-9, .row .col-md-9, .row .col-sm-9, .row .col-xs-9 {
  flex: 0 0 75%;
  max-width: 75%;
}
@media (max-width: 576px) {
  .row .col-9, .row .col-md-9, .row .col-sm-9, .row .col-xs-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-9, .row .col-md-9, .row .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-9, .row .col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-9 {
  margin-left: 75%;
}
@media (max-width: 768px) {
  .row .col-margin-left-9 {
    margin-left: 0;
  }
}
.row .col-margin-right-9 {
  margin-left: 75%;
}
@media (max-width: 768px) {
  .row .col-margin-right-9 {
    margin-right: 0;
  }
}
.row .col-10, .row .col-md-10, .row .col-sm-10, .row .col-xs-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}
@media (max-width: 576px) {
  .row .col-10, .row .col-md-10, .row .col-sm-10, .row .col-xs-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-10, .row .col-md-10, .row .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-10, .row .col-sm-10 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-10 {
  margin-left: 83.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-left-10 {
    margin-left: 0;
  }
}
.row .col-margin-right-10 {
  margin-left: 83.3333333333%;
}
@media (max-width: 768px) {
  .row .col-margin-right-10 {
    margin-right: 0;
  }
}
.row .col-11, .row .col-md-11, .row .col-sm-11, .row .col-xs-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}
@media (max-width: 576px) {
  .row .col-11, .row .col-md-11, .row .col-sm-11, .row .col-xs-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-11, .row .col-md-11, .row .col-sm-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-11, .row .col-sm-11 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-11 {
  margin-left: 91.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-left-11 {
    margin-left: 0;
  }
}
.row .col-margin-right-11 {
  margin-left: 91.6666666667%;
}
@media (max-width: 768px) {
  .row .col-margin-right-11 {
    margin-right: 0;
  }
}
.row .col-12, .row .col-md-12, .row .col-sm-12, .row .col-xs-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
@media (max-width: 576px) {
  .row .col-12, .row .col-md-12, .row .col-sm-12, .row .col-xs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 992px) {
  .row .col-12, .row .col-md-12, .row .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .row .col-12, .row .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.row .col-margin-left-12 {
  margin-left: 100%;
}
@media (max-width: 768px) {
  .row .col-margin-left-12 {
    margin-left: 0;
  }
}
.row .col-margin-right-12 {
  margin-left: 100%;
}
@media (max-width: 768px) {
  .row .col-margin-right-12 {
    margin-right: 0;
  }
}

/*--------------------------------  Button  -----------------------------------------  */
.btn {
  display: inline-block;
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  /*border-radius: 4px;*/
  background-color: transparent;
  border: 0;
  color: inherit;
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed;
}
.btn.btn-link {
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #ff6633;
}
.btn.btn-link:hover {
  color: #111;
}
.btn.btn-default {
  background-color: #c4cece;
  color: #111;
}
.btn.btn-primary {
  background-color: #ff3141;
  color: #FFF;
}
.btn.btn-success {
  background-color: #56ad00;
  color: #FFF;
}
.btn.btn-info {
  background-color: #00a1ad;
  color: #FFF;
}
.btn.btn-warning {
  background-color: #fba900;
  color: #111;
}
.btn.btn-danger {
  background-color: #d8002c;
  color: #FFF;
}
.btn.btn-outline {
  padding: 5px 11px;
  background-color: transparent !important;
  border: solid 1px #c4cece;
  color: #333;
}
.btn.btn-outline.btn-default {
  border-color: #c4cece;
  color: #333;
}
.btn.btn-outline.btn-primary {
  border-color: #ff3141;
  color: #ff3141;
}
.btn.btn-outline.btn-success {
  border-color: #56ad00;
  color: #56ad00;
}
.btn.btn-outline.btn-info {
  border-color: #00a1ad;
  color: #00a1ad;
}
.btn.btn-outline.btn-warning {
  border-color: #fba900;
  color: #fba900;
}
.btn.btn-outline.btn-danger {
  border-color: #d8002c;
  color: #d8002c;
}
.btn.btn-lg {
  padding: 9px 18px;
  font-size: 1.1rem;
}
.btn.btn-sm {
  padding: 2px 12px;
  font-size: 0.8rem;
}
.btn.btn-xs {
  padding: 2px 9px;
  font-size: 0.7rem;
}
.btn.btn-outline.btn-lg {
  padding: 8px 17px;
}
.btn.btn-outline.btn-sm {
  padding: 1px 11px;
}
.btn.btn-outline.btn-xs {
  padding: 1px 8px;
}
.btn.btn-flat {
  border-radius: 0;
}
.btn.btn-disabled {
  opacity: 0.5;
}

.btn + .btn, .btn + form {
  margin-left: 5px;
}

/*--------------------------------------------------------------------------------------------------------------------------*/
.form-group, .form-group-inline {
  margin-bottom: 1rem;
}
.form-group label, .form-group-inline label {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}
.form-group label:not(.check-label), .form-group-inline label:not(.check-label) {
  font-weight: 600;
}

.form-group-inline {
  display: flex;
  flex-wrap: wrap;
}
.form-group-inline label {
  flex-basis: 33%;
  margin-bottom: 0.75rem;
  padding: 0.5rem 0.75rem 0 0;
}
.form-group-inline .form-control {
  flex-basis: 66%;
  width: auto;
  margin-bottom: 0.75rem;
}

.input-group {
  position: relative;
  display: flex;
  align-items: stretch;
  width: 100%;
  margin-bottom: 1rem;
}
.input-group .form-control {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-append {
  margin-left: -1px;
}
.input-group .input-group-append .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group .input-group-prepend {
  margin-right: -1px;
}
.input-group .input-group-prepend .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group .input-group-append, .input-group .input-group-prepend {
  display: flex;
}
.input-group.input-group-sm .form-control {
  height: calc(1.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
}
.input-group.input-group-sm .btn {
  padding: 0.27rem 0.75rem;
  font-size: 0.9rem;
}
.input-group.input-group-xs .form-control {
  height: calc(1.3rem + 2px);
  padding: 0.2rem 0.75rem;
  font-size: 0.8rem;
}
.input-group.input-group-xs .btn {
  padding: 0 0.5rem;
  font-size: 0.7rem;
  line-height: 1;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #111;
  background-color: #fff;
  border: 1px solid #ced4da;
  /*border-radius: .25rem;*/
  transition: border-color 0.15s;
}
.form-control:focus {
  outline: 0;
  border-color: #ff6633;
}
.form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.form-control::placeholder {
  color: rgba(0, 0, 0, 0.4);
}
.form-control option {
  font-size: 0.9rem;
  padding: 0.3rem 0.1rem;
}
.form-control[disabled] {
  opacity: 0.4;
  background-color: rgba(0, 0, 0, 0.1);
}
.form-control.form-control-sm {
  height: calc(1.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
}
.form-control.form-control-xs {
  height: calc(1.3rem + 2px);
  padding: 0.2rem 0.75rem;
  font-size: 0.8rem;
}
.form-control.form-control-inline {
  display: inline-block;
  width: auto;
}

.has-error .form-control {
  border-color: #d8002c;
}
.has-error .label-error {
  display: block;
  color: #d8002c;
  font-size: 0.9rem;
  margin: 0;
}
.has-error .input-group ~ .label-error {
  margin-top: -1rem;
}

textarea.form-control {
  height: auto;
}

select.form-control[multiple], select.form-control[size] {
  height: auto;
}

.form-check, .form-check-inline {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.form-check input:disabled ~ label, .form-check input[disabled] ~ label, .form-check-inline input:disabled ~ label, .form-check-inline input[disabled] ~ label {
  color: #6c757d;
}
.form-check label, .form-check-inline label {
  font-weight: 400 !important;
}
.form-check input[type=checkbox], .form-check input[type=radio], .form-check-inline input[type=checkbox], .form-check-inline input[type=radio] {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

textarea.form-control {
  height: auto;
}

/*------------------------------------------------*/
label.checkbox {
  position: relative;
  display: inline-block;
  margin: 0;
  font-size: 0.9rem;
  cursor: pointer;
  padding: 0 0 0 2rem;
}
label.checkbox.checkbox-opacity {
  opacity: 0.5;
}
label.checkbox.checkbox-crossed {
  text-decoration: line-through;
}
label.checkbox .message-on {
  display: none;
}
label.checkbox .message-off {
  display: inline;
}
label.checkbox:before {
  display: block;
  content: "\f00d";
  position: absolute;
  color: #d8002c;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  top: 0;
  left: 0.7rem;
}

input:checked + label.checkbox.checkbox-opacity {
  opacity: 1;
}
input:checked + label.checkbox.checkbox-crossed {
  text-decoration: none;
}
input:checked + label.checkbox .message-on {
  display: inline;
}
input:checked + label.checkbox .message-off {
  display: none;
}
input:checked + label.checkbox:before {
  content: "\f00c";
  color: #56ad00;
}

.input-color {
  display: inline-block;
  width: 100%;
  border-radius: 4px;
}
.input-color input[type=color] {
  position: relative;
  padding: 0;
  border: 0;
  opacity: 0;
}

/*----------------------------------------------------------------------*/
/*------------------      Form Xtras          --------------------------*/
/*----------------------------------------------------------------------*/
/* select xtras */
.input-group .select-x-container {
  display: inline-block;
}
.input-group .select-x-container .select-x-zone {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select-x-container {
  position: relative;
  display: block;
  width: 100%;
}
.select-x-container .container-option {
  display: none;
  position: absolute;
  left: 0;
  top: 38px;
  width: 100%;
}
.select-x-container .container-option .zone-option {
  padding: 0.5rem;
  display: block;
  width: 100%;
  background-color: #FFF;
  border-radius: 0 0 4px 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  border-top: none;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.select-x-container .container-option .zone-option .search {
  width: 100%;
}
.select-x-container .container-option .zone-option .list-options {
  padding: 0;
  font-size: 0.9rem;
  overflow-y: auto;
  max-height: 150px;
  margin: 5px 0 0 0;
}
.select-x-container .container-option .zone-option .list-options li {
  list-style: none;
  padding: 0.2rem 0.5rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.select-x-container .container-option .zone-option .list-options li:first-child {
  border-top: none;
}
.select-x-container .container-option .zone-option .list-options li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.select-x-container .select-x-zone {
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  border-radius: 4px;
  border: solid 1px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}
.select-x-container .select-x-zone .zone-label {
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  flex-grow: 1;
}
.select-x-container .select-x-zone .zone-arrow {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  width: 30px;
  margin: -0.375rem -0.75rem -0.375rem 0;
}
.select-x-container .select-x-zone .zone-arrow:after {
  padding: 6px 9px;
  display: block;
  font-family: "Font Awesome 5 Free";
  content: "\f107";
  font-weight: 900;
}
.select-x-container .select-x-zone .zone-reset {
  display: none;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  margin: -0.375rem 0 -0.375rem 0;
  width: 30px;
}
.select-x-container .select-x-zone .zone-reset:after {
  padding: 9px 9px;
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  content: "\f00d";
  font-weight: 900;
}
.select-x-container.open .zone-arrow:after {
  content: "\f106";
}
.select-x-container.open .container-option {
  display: block;
}
.select-x-container.open .select-x-zone {
  border-radius: 4px 4px 0 0;
}
.select-x-container.selected .zone-label {
  color: #000;
}
.select-x-container.selected .zone-reset {
  display: block;
}

.has-error .select-x-zone {
  border-color: #d8002c;
}

/*----------------------------------------------------------------------*/
/*------------------      Form Geo          --------------------------*/
/*----------------------------------------------------------------------*/
.form-autocomplete {
  position: absolute;
  width: 100%;
}
.form-autocomplete ul {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #DDD;
  border-top: none;
  border-radius: 0 0 6px 6px;
}
.form-autocomplete ul li {
  list-style: none;
  padding: 3px 0.75rem;
  cursor: pointer;
  border-bottom: solid 1px #DDD;
}
.form-autocomplete ul li:hover {
  background-color: #EEE;
}
.form-autocomplete ul li em {
  float: right;
  color: #777;
}
.form-autocomplete ul li:last-child {
  border-radius: 0 0 6px 6px;
}

input:focus + .form-autocomplete ul {
  border-color: #ff6633;
}

/*--------------------------------  form-key-value  -----------------------------------------  */
.form-keys-values {
  width: 100%;
}
.form-keys-values .group-input-key-value {
  width: 100%;
  display: flex;
  margin-bottom: 1rem;
}
.form-keys-values .group-input-key-value .input-key {
  width: 35%;
  border-radius: 0.25rem 0 0 0.25rem;
}
.form-keys-values .group-input-key-value .input-value {
  flex-grow: 1;
  border-radius: 0;
  border-left: none;
  border-right: none;
}
.form-keys-values .group-input-key-value .input-delete {
  width: 40px;
  border-radius: 0 0.25rem 0.25rem 0;
  background-color: #FFF;
  border: solid 1px #ced4da;
}
.form-keys-values .group-input-key-value .input-delete:after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-size: 0.8rem;
  content: "\f00d";
  font-weight: 900;
}

.input-range {
  position: relative;
  margin-bottom: 0.5rem;
  padding: 10px 0 20px 0;
}
.input-range .range-legend-min, .input-range .range-legend-max {
  position: absolute;
  font-size: 0.7em;
  color: #888;
  top: -6px;
  left: 0;
}
.input-range .range-legend-max {
  left: auto;
  right: 0;
}
.input-range .range-regle {
  position: relative;
  height: 6px;
  border: solid 1px #BBB;
  background-color: #CCC;
  border-radius: 5px;
}
.input-range .range-regle .range-jauge {
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border-radius: 5px;
  background-color: #ff6d32;
  border: #ff6d32 solid 1px;
}
.input-range .range-valeur {
  position: absolute;
  width: 60px;
  height: 20px;
  overflow: hidden;
  border-radius: 3px;
  font-size: 0.8rem;
  text-align: center;
  left: -23px;
}
.input-range .range-cursor {
  position: absolute;
  width: 12px;
  height: 12px;
  z-index: 1;
}
.input-range .range-cursor.focus {
  z-index: 10;
}
.input-range .range-cursor svg {
  position: absolute;
  top: 0;
  left: 0;
}
.input-range .range-cursor .cursor {
  fill: #ff6d32;
}

.escamotable .escamotable-handle {
  position: relative;
  cursor: pointer;
}
.escamotable .escamotable-handle h2 {
  padding: 8px 16px;
  margin: 0;
}
.escamotable .escamotable-handle:before {
  display: block;
  position: absolute;
  content: " ";
  top: 10px;
  left: 0;
  width: 14px;
  height: 14px;
  transition: transform ease-out 300ms;
  transform: rotate(45deg);
}
.escamotable .escamotable-handle.open:before {
  transform: rotate(90deg);
}
.escamotable .escamotable-body {
  position: relative;
  overflow: hidden;
  color: #FFF;
  transition: height ease-out 300ms;
}
.escamotable .escamotable-body a {
  color: #FFF;
  text-decoration: underline;
}
.escamotable .escamotable-body.open-fix {
  height: auto !important;
  padding: 8px 16px 16px 16px;
}

.cont-bulle {
  position: absolute;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  background-color: #FFA;
  padding: 0 5px;
  border-radius: 2px;
  width: auto;
  border: solid 1px rgba(0, 0, 0, 0.2);
  display: block;
  opacity: 1;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  transition: opacity 200ms ease-out;
  z-index: 100;
}
.cont-bulle .bulle {
  display: block;
}

.handle-bulle {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  z-index: 200;
  border-top: 10px solid #FFA;
  border-right: 10px solid transparent;
}

.bulle {
  display: none;
}

.cont-bulle.bulle-event {
  background-color: #ffffff;
  padding: 6px 10px;
}
.cont-bulle.bulle-event hr {
  margin: 5px 0;
}

/*----------------------------------------------------------------------*/
/*------------------      Form Geo          --------------------------*/
/*----------------------------------------------------------------------*/
.d-none {
  display: none;
}

.form-autocomplete {
  position: absolute;
  width: 100%;
  z-index: 10000;
}
.form-autocomplete ul {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  border: solid 1px #DDD;
  border-top: none;
  border-radius: 0 0 6px 6px;
}
.form-autocomplete ul li {
  list-style: none;
  padding: 3px 0.75rem;
  cursor: pointer;
  border-bottom: solid 1px #DDD;
}
.form-autocomplete ul li:hover {
  background-color: #EEE;
}
.form-autocomplete ul li em {
  float: right;
  color: #777;
}
.form-autocomplete ul li:last-child {
  border-radius: 0 0 6px 6px;
}

input:focus + .form-autocomplete ul {
  border-color: #CCC;
}

@media (max-width: 576px) {
  .header-container {
    margin: 0 1rem !important;
  }
}

.header-container, .site-container, .sous-nav, .intro-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 576px) {
  .header-container, .site-container, .sous-nav, .intro-container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .header-container, .site-container, .sous-nav, .intro-container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .header-container, .site-container, .sous-nav, .intro-container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .header-container, .site-container, .sous-nav, .intro-container {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .header-container, .site-container, .sous-nav, .intro-container {
    width: 1320px;
  }
}

.intro-container {
  padding-top: 150px;
  transition: padding-top ease-out 200ms;
  z-index: 10;
  padding-bottom: 70px;
  margin-bottom: 2rem;
}

.member .intro-container {
  padding-top: 180px;
}

.member .page-header-cont {
  top: 30px;
}

.home .site-container {
  padding-top: 0;
}

#portail-intro, .article-intro {
  position: relative;
  background: linear-gradient(180deg, #FFFF00, #FFF 100%);
  padding: 2rem;
  font-size: 1.1rem;
  transition: height ease-out 200ms;
  overflow: hidden;
}
#portail-intro h1, .article-intro h1 {
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.8rem;
  font-weight: 100;
  margin-bottom: 0.7rem;
}
#portail-intro *:last-child, .article-intro *:last-child {
  margin-bottom: 0;
}

.escamote-intro #portail-intro {
  /*height: 0 !important;*/
}

#header-bar {
  position: absolute;
}

#header-bar.fixed {
  position: fixed;
  top: 150px;
}

.member #header-bar.fixed {
  top: 180px;
}

.member-resa #header-bar {
  top: 180px;
}

/*
.theme-2 #portail-intro { background-color: $color_01_20; }
.theme-3 #portail-intro { background-color: $color_02_20; }
.theme-4 #portail-intro { background-color: $color_03_20; }
*/
#portail-intro.portail-intro-no-spirographe:before {
  display: none !important;
}
#portail-intro.portail-intro-no-spirographe:after {
  display: none !important;
}

ul {
  padding-left: 16px;
}

.postit, .todo, .question {
  position: relative;
  display: inline-block;
  width: 30%;
  margin-right: 3%;
  min-height: 150px;
  padding: 40px 20px;
  background-color: yellow;
  transform: rotate(-2deg);
  box-shadow: 5px 5px 3px 0 rgba(0, 0, 0, 0.3);
}
.postit:before, .todo:before, .question:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px 20px;
  content: "Post-it";
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
}

.todo {
  background-color: MediumOrchid;
  transform: rotate(2deg);
}
.todo:before {
  content: "Todo list";
}

.question {
  background-color: DeepSkyBlue;
  transform: rotate(4deg);
}
.question:before {
  content: "Question ?";
}

.phylactere {
  position: relative;
  display: inline-block;
  border: solid 1px #000;
  background-color: #FFF;
  padding: 0.3rem 1rem 0.2rem 1rem;
  margin: 0;
  border-radius: 6px;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  font-size: 0.8rem;
  color: #000;
  cursor: pointer;
  transition: color ease-out 200ms;
}
.phylactere:hover {
  color: #ff3141;
}
.phylactere:before {
  position: absolute;
  content: " ";
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil-tiny.svg?c3b4b6c6afb730e3975c073a6490666a);
  width: 30px;
  height: 20px;
  top: -16px;
  left: 15px;
}

.phylactere + h2, .phylactere + h3, .phylactere + h4, .phylactere + h5, .phylactere + h6, .phylactere + p {
  margin-top: 1rem;
}

/*////////////////////////////////////////////////////////////*/
/* fiche spectacle */
.fiche-spectacle-doc {
  font-size: 0.9rem;
}

.fiche-spectacle-info {
  font-size: 0.8rem;
}

.tiny h1 {
  font-size: 1.8em;
}
.tiny h2 {
  font-size: 1.6em;
}
.tiny h3 {
  font-size: 1.4em;
}
.tiny h4 {
  font-size: 1.2em;
}

.btn {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1rem;
  padding: 2px 10px;
  font-family: "Barlow Condensed", verdana, sans-serif;
}

.iframe-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  margin-bottom: 1rem;
  height: 0;
}

.iframe-video iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

blockquote {
  position: relative;
  line-height: 1.2;
  padding: 0 30px;
  color: #000;
  border-left: 2px solid #CCC;
}
blockquote:before {
  display: none;
  content: "";
}
blockquote:after {
  display: none;
  content: "";
}

table {
  border: 1px solid rgba(0, 0, 0, 0.2);
  width: auto;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  font-family: "Barlow Condensed", verdana, sans-serif;
  letter-spacing: 0.05rem;
}
table caption {
  padding: 0.75rem;
  caption-side: top;
}
table.table-sm {
  font-size: 0.9rem;
}
table thead th {
  background-color: #ff855c;
  vertical-align: bottom;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  font-weight: 600;
}
table td, table th {
  padding: 0.75rem;
  vertical-align: top;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
table tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

/*
.theme-2 .escamotable { background-color: $color_01; }
.theme-3 .escamotable { background-color: $color_02; }
.theme-4 .escamotable { background-color: $color_03; }
*/
.ariane-container {
  padding: 5px;
  border: solid 1px #CCC;
  border-width: 0 0 1px 0;
  text-transform: uppercase;
  font-size: 0.9rem;
  margin-bottom: 2rem;
  background-color: #FFF;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
@media (min-width: 576px) {
  .ariane-container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .ariane-container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .ariane-container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .ariane-container {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .ariane-container {
    width: 1320px;
  }
}
@media (max-width: 992px) {
  .ariane-container {
    display: none;
  }
}
.ariane-container .ariane-link {
  color: #ff6633;
}
.ariane-container .ariane-current {
  color: #000;
}
.ariane-container .ariane-separator {
  padding: 0 5px;
}

.tools-link {
  position: relative;
  padding: 0.2rem;
  background-color: #FFFF00;
}
@media (max-width: 992px) {
  .tools-link {
    display: none;
  }
}
.tools-link a {
  color: #000;
}
.tools-link .tools-content {
  margin: 0 5px;
  text-transform: uppercase;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.2rem;
  text-align: right;
}

.home .tools-link {
  position: fixed;
  z-index: 10;
}
@media (min-width: 576px) {
  .home .tools-link {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .home .tools-link {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .home .tools-link {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .home .tools-link {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .home .tools-link {
    width: 1320px;
  }
}

.arrow-btn:after {
  content: "\f061";
  font-weight: 600;
  font-family: "Font Awesome 6 Free";
  color: #000;
  margin-left: 0.5rem;
}

.off-canvas-nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: 10000000;
  transition: height ease-out 300ms;
}
.off-canvas-nav .off-canvas-close {
  display: none;
  position: fixed;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
}
.off-canvas-nav .off-canvas-close:before {
  display: block;
  position: absolute;
  content: "\f00d";
  font-size: 1.4rem;
  color: #ff3141;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.off-canvas-nav.scrollable {
  overflow-y: auto;
}
.off-canvas-nav.scrollable .off-canvas-nav-cont {
  top: 0;
  bottom: auto;
}
.off-canvas-nav .off-canvas-nav-cont {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 30px;
  background: linear-gradient(0, #ff3141 0%, #ff6633 50%, #FFFF00 100%);
}
.off-canvas-nav .canvas-nav {
  margin: 0 auto;
  color: #000;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.1rem;
}
@media (min-width: 576px) {
  .off-canvas-nav .canvas-nav {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .off-canvas-nav .canvas-nav {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .off-canvas-nav .canvas-nav {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .off-canvas-nav .canvas-nav {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .off-canvas-nav .canvas-nav {
    width: 1320px;
  }
}
.off-canvas-nav .canvas-nav a {
  color: #000;
}
.off-canvas-nav .canvas-nav ul {
  list-style: none;
  padding: 0;
  margin-bottom: 1.6rem;
}
.off-canvas-nav .canvas-nav ul li {
  position: relative;
  padding: 3px 0;
}
.off-canvas-nav .canvas-nav ul li.depth-1 {
  opacity: 0.8;
  text-transform: uppercase;
}
.off-canvas-nav .canvas-nav ul li.depth-2, .off-canvas-nav .canvas-nav ul li.depth-3, .off-canvas-nav .canvas-nav ul li.depth-4, .off-canvas-nav .canvas-nav ul li.depth-5, .off-canvas-nav .canvas-nav ul li.depth-6 {
  padding-left: 20px;
  opacity: 0.6;
}
.off-canvas-nav .canvas-nav ul li.depth-2:before, .off-canvas-nav .canvas-nav ul li.depth-3:before, .off-canvas-nav .canvas-nav ul li.depth-4:before, .off-canvas-nav .canvas-nav ul li.depth-5:before, .off-canvas-nav .canvas-nav ul li.depth-6:before {
  display: block;
  position: absolute;
  content: " ";
  left: 0;
  top: 9px;
  transform: rotate(90deg);
  width: 12px;
  height: 12px;
  background-color: transparent;
  background-image: url(/images/fleche_blanc.svg?85b61479069ae1a3abf495415fdfdf05);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.off-canvas-nav .canvas-nav ul li.depth-3 {
  margin-left: 20px;
}
.off-canvas-nav .canvas-nav ul li.depth-4 {
  margin-left: 40px;
}
.off-canvas-nav .canvas-nav ul li.depth-5 {
  margin-left: 60px;
}
.off-canvas-nav .canvas-nav ul li.depth-6 {
  margin-left: 80px;
}
.off-canvas-nav .canvas-nav ul li.canvas-nav-deco-2:before, .off-canvas-nav .canvas-nav ul li.canvas-nav-deco-3:before, .off-canvas-nav .canvas-nav ul li.canvas-nav-deco-4:before {
  pointer-events: none;
  position: absolute;
  top: -90px;
  left: -60px;
  display: block;
  transform: rotate(25deg);
  content: " ";
  width: 100%;
  height: 200px;
  opacity: 0.15;
}
.off-canvas-nav .canvas-nav .nav-main {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}
@media (max-width: 1200px) {
  .off-canvas-nav .canvas-nav .nav-main {
    flex-wrap: wrap;
    justify-content: left;
  }
  .off-canvas-nav .canvas-nav .nav-main > li {
    flex-basis: 33%;
  }
}
@media (max-width: 768px) {
  .off-canvas-nav .canvas-nav .nav-main > li {
    flex-basis: 50%;
  }
}
@media (max-width: 576px) {
  .off-canvas-nav .canvas-nav .nav-main > li {
    flex-basis: 100%;
  }
}
.off-canvas-nav .canvas-nav .nav-main > li > span {
  text-transform: uppercase;
  display: block;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0.2rem;
}
.off-canvas-nav .canvas-nav ul.nav-system li a:before, .off-canvas-nav .canvas-nav ul.reseau li a:before {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 18px;
  padding-top: 18px;
  content: " ";
  height: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.off-canvas-nav .canvas-nav ul.nav-system li.system-pro a:before, .off-canvas-nav .canvas-nav ul.reseau li.system-pro a:before {
  background-image: url("/images/PICTO_ACCES MEMBRE_Blanc.svg?d6bbf55463453eaf67f2863d5832aaff");
}
.off-canvas-nav .canvas-nav ul.nav-system li.system-contact a:before, .off-canvas-nav .canvas-nav ul.reseau li.system-contact a:before {
  background-image: url("/images/PICTO_ACCES CONTACT_Blanc.svg?0ed6a2bee536bbe015975637d3be4451");
}
.off-canvas-nav .canvas-nav ul.nav-system li.reseau-facebook a:before, .off-canvas-nav .canvas-nav ul.reseau li.reseau-facebook a:before {
  background-image: url(/images/PICTO_RESEAUX_FB_Rouge.svg?1977902b89a9f6d2cf97dbfb1f7f0bf2);
}
.off-canvas-nav .canvas-nav ul.nav-system li.reseau-instagram a:before, .off-canvas-nav .canvas-nav ul.reseau li.reseau-instagram a:before {
  background-image: url(/images/PICTO_RESEAUX_Insta_Rouge.svg?2361b02f007e0d3f4db71d120453ea9e);
}
.off-canvas-nav .canvas-nav ul.nav-system li.reseau-youtube a:before, .off-canvas-nav .canvas-nav ul.reseau li.reseau-youtube a:before {
  background-image: url(/images/PICTO_RESEAUX_Youtube_Rouge.svg?7c6f2f3aee8970f553fc174affeac8b5);
}
.off-canvas-nav .canvas-nav ul.nav-system li.reseau-linkedin a:before, .off-canvas-nav .canvas-nav ul.reseau li.reseau-linkedin a:before {
  background-image: url(/images/linkedin-round-icon.svg?5339a5c0f45163fc086d9a635bda875b);
}

.sous-nav-container {
  position: fixed;
  top: 0;
  width: 100%;
  height: 30px;
  z-index: 50;
}
.sous-nav-container .sous-nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 1.5rem;
  background-color: #ffd6d9;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
.sous-nav-container .sous-nav .sous-nav-rubrique ul {
  position: absolute;
  display: none;
}

.mini .page-header-cont .page-header #main-nav {
  display: block;
  transition: opacity ease-out 300ms;
  opacity: 1;
}
.mini .page-header-cont .page-header #main-nav ul {
  transition: bottom ease-out 300ms;
  bottom: 10px;
}

.mini-start .page-header-cont .page-header #main-nav {
  display: block;
  opacity: 0;
}
.mini-start .page-header-cont .page-header #main-nav ul {
  bottom: 0;
}

.mini .page-header-cont .page-header #home-nav {
  height: 35px;
  background: linear-gradient(90deg, #ff3141 0%, #ff6633 100%);
}
.mini .page-header-cont .page-header #home-nav .home-cont-nav::before {
  background-color: #ff3141;
}
.mini .page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul {
  opacity: 0;
}

.page-header-cont {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100000;
}
@media (max-width: 992px) {
  .page-header-cont {
    height: 60px;
    background-color: #FFF;
  }
}
.page-header-cont .page-header {
  display: flex;
  flex-direction: column;
}
.page-header-cont .page-header .header-container {
  background-color: #FFF;
  height: 100px;
  transition: padding-top ease-out 300ms;
}
.page-header-cont .page-header #logo {
  flex-grow: 0;
}
.page-header-cont .page-header #logo .logo {
  position: absolute;
  top: 14px;
  height: 70px;
  display: block;
  overflow: hidden;
  width: 300px;
  background-repeat: no-repeat;
  background-image: url("/images/SOC_Logo horizontal_RVB.svg?fd298940c1a77d2f3142c431ba76cb79");
  background-size: contain;
}
@media (max-width: 992px) {
  .page-header-cont .page-header #logo .logo {
    padding-top: 50px;
  }
}
.page-header-cont .page-header #home-nav {
  position: relative;
  height: 142px;
  transition: height ease-out 300ms;
  flex-grow: 1;
  background: linear-gradient(180deg, #ff3141 0%, #FFFF00 100%);
}
.page-header-cont .page-header #home-nav .home-cont-nav {
  position: relative;
  width: 1140px;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 576px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 100%;
    margin-left: 1rem;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 540px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 720px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 960px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .page-header-cont .page-header #home-nav .home-cont-nav {
    width: 1320px;
  }
}
.page-header-cont .page-header #home-nav .home-cont-nav::before {
  display: block;
  content: " ";
  background-color: #ff3141;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil.svg?6e3bbe4839ed178c9ebec9d525530540);
  position: absolute;
  width: 35px;
  height: 20px;
  top: -20px;
  left: 10px;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul {
  position: relative;
  padding: 0;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: opacity ease-out 300ms;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul > li {
  position: relative;
  list-style: none;
  flex-grow: 1;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul > li > a {
  position: relative;
  font-weight: 300;
  display: block;
  padding: 5px 0;
  margin: 0 auto;
  color: #000;
  text-transform: uppercase;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul > li > a:not([href]), .page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul > li > a:not([tabindex]) {
  cursor: pointer;
}
.page-header-cont .page-header #home-nav .home-cont-nav .home-cont-mask > ul > li > a span {
  position: relative;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.8rem;
}

.under-header {
  padding-top: 200px;
}
@media (max-width: 992px) {
  .under-header {
    padding-top: 80px;
  }
}

.home .under-header {
  padding-top: 160px;
}

.hamburger {
  display: block;
  position: relative;
  width: 16px;
  border-style: solid;
  border-color: #000;
  border-width: 2px 0;
  overflow: hidden;
  height: 0;
  padding-top: 10px;
  margin: 3px 0 0 1rem;
}
.hamburger:before {
  position: absolute;
  content: " ";
  border-top: solid 2px #000;
  height: 1px;
  width: 100%;
  top: 4px;
}

.mini nav#service {
  top: 12px;
}
@media (max-width: 992px) {
  .mini nav#service {
    top: 35px;
  }
}

nav#service {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  transition: top ease-out 300ms;
  position: absolute;
  top: 40px;
  right: 0;
  width: 400px;
  height: 20px;
}
nav#service ul.nav-service {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}
nav#service ul.nav-service li.picto-nav > a {
  position: relative;
  display: block;
  padding-left: 50px;
  height: 0;
  background-repeat: no-repeat;
  background-size: contain;
  color: #000;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  margin-right: 2rem;
}
nav#service ul.nav-service li.picto-nav > a:hover {
  color: #ff3141;
}

#main-nav {
  transition: opacity ease-out 300ms;
  display: none;
  flex-grow: 1;
}
@media (max-width: 992px) {
  #main-nav {
    display: none !important;
  }
}
#main-nav > ul {
  transition: bottom ease-out 300ms;
  position: absolute;
  bottom: 16px;
  right: 0;
  padding: 0;
  margin: 0 auto;
  display: flex;
}
#main-nav > ul > li {
  position: relative;
  list-style: none;
  flex-grow: 1;
}
#main-nav > ul > li > a {
  position: relative;
  font-weight: 300;
  display: block;
  padding: 5px 0;
  margin-left: 2rem;
  color: #000;
  text-transform: uppercase;
}
#main-nav > ul > li > a:not([href]), #main-nav > ul > li > a:not([tabindex]) {
  cursor: pointer;
}
#main-nav > ul > li > a span {
  position: relative;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.8rem;
}
#main-nav > ul > li > a.sel, #main-nav > ul > li > a:hover span {
  color: #ff3141;
}
#main-nav > ul > li a.sel::after {
  display: block;
  content: " ";
  background-color: #CCC;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil.svg?6e3bbe4839ed178c9ebec9d525530540);
  position: absolute;
  width: 35px;
  height: 20px;
  bottom: -10px;
  left: calc(50% - 17px);
}

#main-nav > ul > li a.sel::after {
  background-color: #ff3141;
}

.segment-1 #main-nav > ul > li a.sel::after {
  background-color: #ff8327;
}

.segment-2 #main-nav > ul > li a.sel::after {
  background-color: #ff9821;
}

.segment-3 #main-nav > ul > li a.sel::after {
  background-color: #ffad1a;
}

.segment-4 #main-nav > ul > li a.sel::after {
  background-color: #ffc114;
}

.segment-5 #main-nav > ul > li a.sel::after {
  background-color: #ffd60d;
}

.segment-6 #main-nav > ul > li a.sel::after {
  background-color: #ffea07;
}

.segment-7 #main-nav > ul > li a.sel::after {
  background-color: #ffea07;
}

.segment-8 #main-nav > ul > li a.sel::after {
  background-color: #FFFF00;
}

.segment-9 #main-nav > ul > li a.sel::after {
  background-color: #FFFF00;
}

.segment-10 #main-nav > ul > li a.sel::after {
  background-color: #FFFF00;
}

.header-rubrique-focus {
  position: relative;
  padding-top: 0.5rem;
  /*background-color: $color_dominante;*/
  background: linear-gradient(90deg, #ff3141 0%, #FFFF00 70%);
}
.header-rubrique-focus .header-rubrique-selected {
  margin: 0 auto;
  text-transform: uppercase;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.5);
}
@media (max-width: 576px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 100%;
    margin-left: 1rem;
  }
}
@media (max-width: 768px) and (min-width: 576px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 540px;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 720px;
  }
}
@media (max-width: 1200px) and (min-width: 992px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 960px;
  }
}
@media (max-width: 1400px) and (min-width: 1200px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .header-rubrique-focus .header-rubrique-selected {
    width: 1320px;
  }
}

.header-focus-cont {
  margin-top: 300px;
}

.no-scroll .page-footer {
  /*position: fixed;
  bottom: 0;*/
}

/*
.theme-2 .page-footer .footer-navigation nav { background-color: $color_01_20;}
.theme-3 .page-footer .footer-navigation nav { background-color: $color_02_20;}
.theme-4 .page-footer .footer-navigation nav { background-color: $color_03_20;}
*/
.page-footer {
  width: 100%;
}
.page-footer .footer-component {
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-footer .footer-component {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .page-footer .footer-component {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .page-footer .footer-component {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .page-footer .footer-component {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .page-footer .footer-component {
    width: 1320px;
  }
}
.page-footer .footer-component.footer-component-empty {
  padding: 0.5rem;
  height: 3rem;
  margin-top: 1.5rem;
  background-color: #ffd6d9;
}
.page-footer .footer-component.footer-component-reservation {
  padding: 0.5rem;
  min-height: 3rem;
  margin-top: 1.5rem;
  background-color: #ffd6d9;
}
.page-footer .footer-navigation {
  margin: 0 auto;
}
@media (min-width: 576px) {
  .page-footer .footer-navigation {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .page-footer .footer-navigation {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .page-footer .footer-navigation {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .page-footer .footer-navigation {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .page-footer .footer-navigation {
    width: 1320px;
  }
}
.page-footer .footer-navigation nav {
  position: relative;
  margin-top: 2rem;
  padding: 50px 50px 30px 50px;
  background-color: #c4c4c4;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1.2rem;
}
.page-footer .footer-navigation nav li.depth- span {
  font-size: 1rem !important;
}
.page-footer .footer-navigation nav li.depth- a {
  color: #000;
}
.page-footer .footer-navigation nav a.sel {
  color: #ff3141;
}
.page-footer .footer-navigation nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-footer .footer-navigation nav a {
  color: #000;
  font-size: 1rem;
}
.page-footer .footer-navigation nav > ul {
  display: flex;
}
.page-footer .footer-navigation nav > ul > li {
  margin-right: 2rem;
  text-transform: uppercase;
}
.page-footer .footer-navigation nav > ul li.depth-2 {
  text-transform: none;
  line-height: 1.1;
}
.page-footer .footer-navigation nav:after {
  content: " ";
  transform: rotate(180deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil_nega.svg?45b3f2a54fd2249642316c6f1c3ba278);
  position: absolute;
  width: 60px;
  height: 40px;
  top: 0;
  left: 50px;
}
.page-footer .footer-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background: transparent url("/images/SOC_Logo vertical_RVB.svg?f13e230a7132877cd699edd3f4a7edb4") 20px 30px no-repeat;
  background-size: auto 60px;
  padding: 30px 0 30px 5rem;
  display: flex;
}
@media (min-width: 576px) {
  .page-footer .footer-container {
    width: 540px;
  }
}
@media (min-width: 768px) {
  .page-footer .footer-container {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .page-footer .footer-container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .page-footer .footer-container {
    width: 1140px;
  }
}
@media (min-width: 1400px) {
  .page-footer .footer-container {
    width: 1320px;
  }
}
@media (max-width: 992px) {
  .page-footer .footer-container {
    flex-direction: column;
    padding: 80px 0 30px 0;
    background-size: 60px 60px;
    background-position: 50% 10px;
  }
}
.page-footer .footer-container .footer-section {
  position: relative;
  font-size: 0.8rem;
  flex-grow: 1;
  flex-basis: 30%;
  border-left: solid 8px #FFF;
  padding-left: 10px;
}
.page-footer .footer-container .footer-section:first-child {
  border-left: none;
}
@media (max-width: 992px) {
  .page-footer .footer-container .footer-section {
    border-left: none;
    border-top: solid rgba(0, 0, 0, 0.1) 1px;
    padding: 20px 10px;
    text-align: center;
  }
}
.page-footer .footer-container .footer-section-address {
  display: flex;
}
.page-footer .footer-container address {
  font-size: 1rem;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
.page-footer .footer-container .form-newsletter {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: -8px;
  background: #CCC;
  padding: 10px;
  color: #FFF;
}
@media (max-width: 992px) {
  .page-footer .footer-container .form-newsletter {
    display: none;
  }
}
.page-footer .footer-container .form-newsletter form {
  display: none;
}
.page-footer .footer-container .form-newsletter .form-footer {
  display: flex;
}
.page-footer .footer-container .form-newsletter input {
  width: 100%;
  border: none;
  padding: 5px;
  margin-bottom: 3px;
}
.page-footer .footer-container .form-newsletter button {
  border: 0;
  background-color: #CCC;
  color: #FFF;
  padding: 5px 10px;
  font-size: 0.7rem;
}
.page-footer .footer-container .form-newsletter p {
  font-size: 0.5rem;
  margin: 0;
}
.page-footer .footer-container ul#secondaire {
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .page-footer .footer-container ul#secondaire {
    display: block;
    text-align: center;
  }
}
.page-footer .footer-container ul#secondaire li {
  flex-basis: 50%;
  flex-grow: 1;
  list-style: none;
}
.page-footer .footer-container ul#secondaire li a {
  font-size: 1rem;
  font-weight: 400;
  display: block;
  width: 100%;
  color: #000;
}
.page-footer .footer-container ul#secondaire li a span {
  font-family: "Barlow Condensed", verdana, sans-serif;
}
@media (max-width: 992px) {
  .page-footer .footer-container ul#secondaire li a {
    padding-left: 0;
  }
}
.page-footer .footer-container ul#secondaire li a:hover {
  color: #ff3141;
}
.page-footer .footer-container ul.partenaire-logo {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.page-footer .footer-container ul.partenaire-logo li {
  flex-basis: 50%;
  width: 50%;
  flex-wrap: wrap;
  flex-grow: 1;
  list-style: none;
}
.page-footer .footer-container ul.partenaire-logo li a {
  display: block;
  width: 50px;
  height: 60px;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.page-footer .footer-container ul.partenaire-logo li.partenaire-logo-region a {
  width: 100px;
  background-image: url("/images/Logo région.svg?6441f75b1c0c7855cb9c31abcd9fecd5");
}
.page-footer .footer-container ul.partenaire-logo li.partenaire-logo-francerelance a {
  width: 40px;
  background-image: url(/images/Logo-vert-sur-fond-blanc-en-copie.png?55793004361b678eb1b012d386896e5a);
}
.page-footer .footer-container ul.partenaire-logo li.partenaire-logo-metierculture a {
  width: 120px;
  background-image: url(/images/metierculture.png?e094d62c632b01102470d179ccf8d48a);
}
.page-footer .footer-container ul.partenaire-logo li.partenaire-logo-drac a {
  width: 160px;
  background-image: url("/images/Logo DRAC 2021 Noir.svg?78069a077c2b5d32faab01cacc0d56af");
}

ul.footer-reseau {
  list-style: none;
  display: flex;
}
ul.footer-reseau li a:before {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 18px;
  padding-top: 18px;
  content: " ";
  height: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
ul.footer-reseau li.reseau-facebook a:before {
  background-image: url(/images/PICTO_RESEAUX_FB_Rouge.svg?1977902b89a9f6d2cf97dbfb1f7f0bf2);
}
ul.footer-reseau li.reseau-instagram a:before {
  background-image: url(/images/PICTO_RESEAUX_Insta_Rouge.svg?2361b02f007e0d3f4db71d120453ea9e);
}
ul.footer-reseau li.reseau-youtube a:before {
  background-image: url(/images/PICTO_RESEAUX_Youtube_Rouge.svg?7c6f2f3aee8970f553fc174affeac8b5);
}
ul.footer-reseau li.reseau-linkedin a:before {
  background-image: url(/images/linkedin-round-icon.svg?5339a5c0f45163fc086d9a635bda875b);
}

.page-footer .footer-navigation nav {
  background-color: #FFFF00;
}

/*
.theme-2 .footer-calendar-cont { background-color: $color_01;}
.theme-3 .footer-calendar-cont { background-color: $color_02;}
.theme-4 .footer-calendar-cont { background-color: $color_03;}

.theme-2 .footer-calendar-result { background-color: $color_01_50;}
.theme-3 .footer-calendar-result { background-color: $color_02_50;}
.theme-4 .footer-calendar-result { background-color: $color_03_50;}

.theme-2 .footer-calendar-result .date{ color: $color_01;}
.theme-3 .footer-calendar-result .date{ color: $color_02;}
.theme-4 .footer-calendar-result .date{ color: $color_03;}

.theme-2 .footer-agenda .footer-calendar .calendar-days .month-line a{ color: $color_01;}
.theme-3 .footer-agenda .footer-calendar .calendar-days .month-line a{ color: $color_02;}
.theme-4 .footer-agenda .footer-calendar .calendar-days .month-line a{ color: $color_03;}

.theme-2 .footer-calendar-svg-fill {fill : $color_01_50;}
.theme-3 .footer-calendar-svg-fill {fill : $color_02_50;}
.theme-4 .footer-calendar-svg-fill {fill : $color_03_50;}
*/
.footer-agenda .footer-calendar-cont {
  position: relative;
  padding: 2rem;
  color: #FFF;
  width: 100%;
}
.footer-agenda #footer-calendar-svg {
  display: none;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 30px;
  transition: left ease-out 300ms;
}
.footer-agenda .footer-calendar {
  display: flex;
}
.footer-agenda .footer-calendar .calendar-previous {
  width: 60px;
  margin-right: 1rem;
  transform: rotate(180deg);
  background: transparent url(/images/arrow-thin.svg?c1439a32e94842e96a0667aae1ca6e92) no-repeat 50% 50%;
  cursor: pointer;
}
.footer-agenda .footer-calendar .calendar-next {
  width: 60px;
  margin-left: 1rem;
  background: transparent url(/images/arrow-thin.svg?c1439a32e94842e96a0667aae1ca6e92) no-repeat 50% 50%;
  cursor: pointer;
}
.footer-agenda .footer-calendar .calendar-days {
  flex-grow: 2;
}
.footer-agenda .footer-calendar .calendar-days .month-line {
  display: flex;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}
.footer-agenda .footer-calendar .calendar-days .month-line li.day-event {
  background-color: rgb(255, 255, 255);
  font-weight: bold;
  cursor: pointer;
}
.footer-agenda .footer-calendar .calendar-days .month-line li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  color: #FFF;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
}
.footer-agenda .footer-calendar .calendar-days .month-line li span, .footer-agenda .footer-calendar .calendar-days .month-line li a {
  display: block;
  line-height: 1.2;
}
.footer-agenda .footer-calendar-result {
  padding: 3rem 50px 1rem 50px;
}
.footer-agenda .footer-calendar-result .date {
  position: absolute;
  top: -2rem;
  left: 0;
  font-weight: 600;
  text-transform: uppercase;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  min-height: 80px;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  transition: top ease-out 300ms, opacity ease-out 300ms;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li.prepare-anim {
  display: flex;
  opacity: 0;
  top: 30px;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li.visible {
  display: flex;
  opacity: 1;
  top: 0;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li .event-item {
  max-width: 20%;
  margin-right: 1rem;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li .event-item .hour {
  display: block;
}
.footer-agenda .footer-calendar-result .footer-calendar-result-list li .event-item .title {
  display: block;
  text-transform: uppercase;
  color: #000;
}

.footer-calendar-cont {
  background-color: #ff3141;
}

/*.footer-calendar-result { background-color: $color_tonique;}*/
.footer-calendar-result {
  background: linear-gradient(#ff5a67, #FFFF00);
}

.footer-calendar-result .date {
  color: #FFFF00;
}

.footer-agenda .footer-calendar .calendar-days .month-line a {
  color: #ff3141;
}

.footer-calendar-svg-fill {
  fill: #ff5a67;
}

.admin-console {
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #CCC;
  overflow-y: hidden;
}

a.admin-btn-console {
  display: block;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 25px;
  color: #FFF;
  background-color: #333;
  text-align: center;
  width: 50px;
  height: 25px;
  line-height: 25px;
  border-radius: 0 10px 0 0;
  transform-origin: 0 0;
  transform: rotate(90deg);
  font-size: 0.7rem;
}

.admin-container-iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.admin-iframe {
  position: fixed;
  width: 79.5vw;
  height: 100vh;
}

/*/////////////////////////////////////////////////////////////////// */
/*                              off canvas                            */
/*/////////////////////////////////////////////////////////////////// */
.admin-row-offcanvas {
  position: relative;
  transition: all 0.25s ease-out;
}

.admin-row-offcanvas-right {
  right: 0;
  transition: right ease-out 300ms;
}

.admin-row-offcanvas-left {
  left: 0;
}

.admin-row-offcanvas-right .admin-sidebar-offcanvas {
  right: -100%; /* 12 columns */
}

.admin-row-offcanvas-right.active .admin-sidebar-offcanvas {
  right: -100%; /* 6 columns */
}

.admin-row-offcanvas-left .admin-sidebar-offcanvas {
  left: -100%; /* 12 columns */
}

.admin-row-offcanvas-left.active .admin-sidebar-offcanvas {
  left: -80%; /* 6 columns */
}

.admin-row-offcanvas-right.active {
  right: 50%; /* 6 columns */
}

.admin-row-offcanvas-left.active {
  left: 80%; /* 6 columns */
}

.admin-sidebar-offcanvas {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  background-color: #333;
  height: 100%;
}

.admin-btn {
  position: relative;
  z-index: 100;
  display: inline-block !important;
  background-color: #FFF;
  color: #ff4e00;
  border: solid 1px #ff4e00;
  border-radius: 50%;
  padding-top: 30px !important;
  width: 32px !important;
  height: 0 !important;
  overflow: hidden !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
}
.admin-btn:before {
  position: absolute;
  top: 5px;
  left: 8px;
  display: block;
  content: "\f303";
  font-weight: 700;
  font-family: "Font Awesome 6 Free";
}

.admin-page-btn {
  position: absolute;
  border-radius: 0 0 50% 0;
}
.admin-page-btn:before {
  content: "\f15c";
}

.admin-content-btn {
  background-color: #FFF !important;
  color: #008625 !important;
  border-color: #008625 !important;
}

.admin-article-btn {
  background-color: #FFF !important;
  color: #0075f6 !important;
  border-color: #0075f6 !important;
}

.site-container .admin-page-btn {
  position: fixed;
  top: 150px;
  left: 0;
}

.member .site-container .admin-page-btn {
  top: 180px;
}

/*
.home-focus,
.home .section-base,
.home .section-module {
    margin: 0 7.5rem;
    @media (max-width: map.get($grid-breakpoints, "lg"))  {
        margin-left: 0;
        margin-right: 0;
    }
}
*/
#home-intro {
  margin-top: 5rem;
}
#home-intro .home-intro-bloc .home-intro-cont {
  position: relative;
  width: 100%;
  padding-top: 100%;
  height: 0;
  overflow: hidden;
}
#home-intro .home-intro-bloc .home-intro-cont .home-intro-content {
  color: #ff3141;
}
#home-intro .home-intro-bloc .home-intro-cont .home-intro-content .img-cont-focus-home {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ff3141;
}
#home-intro .home-intro-bloc .home-intro-cont .home-intro-content .bloc-content-text {
  position: absolute;
  transition: top 300ms ease-out;
  background-color: #FFFF00;
  top: calc(100% + 34px);
  padding: 1rem;
}
#home-intro .home-intro-bloc .home-intro-cont .home-intro-content .bloc-content-text .svg-phil {
  top: -34px;
  left: calc(50% - 30px);
  position: absolute;
  transform: rotate(180deg);
  width: 60px;
  stroke: #FFFF00 !important;
  fill: #FFFF00 !important;
}
@media (max-width: 992px) {
  #home-intro .home-intro-bloc .home-intro-cont {
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    margin-bottom: 2rem;
  }
  #home-intro .home-intro-bloc .home-intro-cont .home-intro-content .bloc-content-text {
    position: relative;
  }
}

#portail-contenu {
  padding: 50px 0;
  margin: 0 10% 0 90px;
}
#portail-contenu h1.year {
  font-weight: 100;
  color: #CCC;
}
#portail-contenu h2.month {
  margin-bottom: 0.5rem;
}

.agenda-filter {
  padding: 0.6rem;
  color: #FFF;
  background: linear-gradient(90deg, #ff3141, #ff6633);
  margin-bottom: 1rem;
}
.agenda-filter h1 {
  font-weight: 100;
}
.agenda-filter .d-flex {
  justify-content: left;
}
.agenda-filter .d-flex > div {
  margin-right: 1rem;
}
.agenda-filter select {
  border: none;
  border-radius: 0;
}
.agenda-filter select:focus {
  outline: none;
}
.agenda-filter select option:first-child {
  color: #AAA;
}
.agenda-filter label {
  padding-left: 10px;
  opacity: 0.5;
}
.agenda-filter label:before {
  display: inline-block;
  font-family: "Font Awesome 6 Free";
  content: "\f0c8";
  margin-right: 8px;
}
.agenda-filter input[type=checkbox] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.agenda-filter input[type=checkbox]:checked + label {
  opacity: 1;
}
.agenda-filter input[type=checkbox]:checked + label:before {
  content: "\f14a";
}

.agenda-year {
  font-size: 2.6rem !important;
  margin-bottom: 1.2rem !important;
  font-weight: 300;
  color: #ff3141;
}

.events {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 992px) {
  .events {
    flex-direction: column;
  }
}
.events .col-md-4 {
  margin-bottom: 3rem;
}
.events .event-date {
  display: block;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff3141;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
.events .event-category {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-family: "Barlow Condensed", verdana, sans-serif;
  color: #000;
  font-weight: 500;
  font-size: 0.9rem;
}

@media (min-width: 992px) {
  .event-scroller-sm {
    display: none;
  }
}

.events-scroller {
  position: relative;
  min-height: 300px;
}
@media (max-width: 992px) {
  .events-scroller {
    display: none;
  }
}
.events-scroller .events-container {
  position: absolute;
  width: 80%;
  margin: 0 10%;
  height: 100%;
  overflow: hidden;
}
.events-scroller .events-container-scroll {
  position: absolute;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
  transition: left ease-out 300ms;
}
.events-scroller .event {
  display: flex;
  min-width: 50%;
  height: 100%;
  padding: 0 1rem 1rem 0;
}
.events-scroller .event .event-visuel {
  display: flex;
  width: 50%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.events-scroller .event .event-visuel.svg {
  border: solid 1px #CCC;
  background-size: contain;
}
.events-scroller .event .event-txt {
  position: relative;
  padding: 0 1rem 3rem 1rem;
  width: 50%;
}
.events-scroller .event .event-txt h1 {
  font-size: 1.4rem;
  margin-bottom: 0.3rem;
}
.events-scroller .event .event-txt h2 {
  font-size: 1.2rem;
}
.events-scroller .event .event-desc {
  height: 200px;
  overflow-y: auto;
}
.events-scroller .event .event-date {
  display: block;
  margin-bottom: 0.5rem;
  font-size: 1.1rem;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
.events-scroller .event .event-footer {
  position: absolute;
  bottom: 0;
}
.events-scroller .button-events {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 100%;
  cursor: pointer;
}
.events-scroller .button-events svg .button-event {
  stroke: #CCC;
  fill: none;
}
.events-scroller .button-events.prev-button {
  left: 0;
}
.events-scroller .button-events.next-button {
  right: 0;
}

.agenda-item {
  margin-bottom: 1rem;
}
.agenda-item h1, .agenda-item h2, .agenda-item h3, .agenda-item h4, .agenda-item p {
  margin-bottom: 0;
}

.agenda-listing .agenda-listing-element {
  display: flex;
  padding-bottom: 2rem;
  border-bottom: solid 1px #CCC;
  margin-bottom: 2rem;
}
.agenda-listing .agenda-listing-element .agenda-listing-image {
  position: relative;
  padding-top: 16.8%;
  width: 30%;
  margin-right: 3rem;
}
.agenda-listing .agenda-listing-element .agenda-listing-image .img-cont {
  bottom: auto;
  top: 0;
}
.agenda-listing .agenda-listing-element .agenda-listing-content {
  width: calc(70% - 3rem);
}
.agenda-listing .agenda-listing-element-footer {
  padding-top: 1rem;
}

/*////////////////////////////////////////////////////////////*/
/* SECTIONS ---------------------------------------------------------------*/
.border-diamant-bottom {
  border-image-source: url(/images/diamant.svg?78606224a57f9f01e9c860b48e0777e9);
  border-image-slice: 33%;
  border-image-repeat: round;
  border-image-width: 0 0 12px 0;
  border-image-outset: 0;
}

.section-base, .section-module, .section-blog, .section-list {
  margin-bottom: 3rem;
  border-image-source: url(/images/diamant.svg?78606224a57f9f01e9c860b48e0777e9);
  border-image-slice: 33%;
  border-image-repeat: round;
  border-image-width: 0 0 12px 0;
  border-image-outset: 0;
  padding-bottom: 2rem;
}
.section-base .col-md-1, .section-base .col-md-2, .section-base .col-md-3, .section-base .col-md-4, .section-base .col-md-5, .section-base .col-md-6, .section-base .col-md-7, .section-base .col-md-8, .section-base .col-md-9, .section-base .col-md-10, .section-base .col-md-11, .section-base .col-md-12, .section-module .col-md-1, .section-module .col-md-2, .section-module .col-md-3, .section-module .col-md-4, .section-module .col-md-5, .section-module .col-md-6, .section-module .col-md-7, .section-module .col-md-8, .section-module .col-md-9, .section-module .col-md-10, .section-module .col-md-11, .section-module .col-md-12, .section-blog .col-md-1, .section-blog .col-md-2, .section-blog .col-md-3, .section-blog .col-md-4, .section-blog .col-md-5, .section-blog .col-md-6, .section-blog .col-md-7, .section-blog .col-md-8, .section-blog .col-md-9, .section-blog .col-md-10, .section-blog .col-md-11, .section-blog .col-md-12, .section-list .col-md-1, .section-list .col-md-2, .section-list .col-md-3, .section-list .col-md-4, .section-list .col-md-5, .section-list .col-md-6, .section-list .col-md-7, .section-list .col-md-8, .section-list .col-md-9, .section-list .col-md-10, .section-list .col-md-11, .section-list .col-md-12 {
  margin-bottom: 3rem;
}
.section-base h1, .section-module h1, .section-blog h1, .section-list h1 {
  font-size: 1.7rem;
  line-height: 1;
  margin-bottom: 0.3rem;
}
.section-base h2, .section-module h2, .section-blog h2, .section-list h2 {
  font-size: 1.5rem;
  font-weight: 300;
}

.section-module .section-module:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.section-intro .row > div:nth-child(2) {
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-size: 1rem;
}
.section-intro .row > div:nth-child(2) h2, .section-intro .row > div:nth-child(2) h3 {
  font-weight: 500;
}
.section-intro .row > div:nth-child(2) h3 {
  font-size: 1.1em;
}

.section-intro .intro-title h1 {
  color: #ff3141 !important;
}

/* IMG ---------------------------------------------------------------*/
.no-stroke {
  stroke: none !important;
}

.intro-img {
  position: relative;
  width: 100%;
  margin: 0;
  bottom: 0;
}
.intro-img:after {
  content: " ";
  transform: rotate(90deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil_nega.svg?45b3f2a54fd2249642316c6f1c3ba278);
  position: absolute;
  width: 60px;
  height: 40px;
  top: 45px;
  left: -10px;
}

.img-cont-basic {
  position: relative;
  width: 100%;
  margin: 0;
  bottom: 0;
  background-color: #CCC;
}
.img-cont-basic img {
  margin: 0;
  background-color: transparent;
}
.img-cont-basic:after {
  content: " ";
  transform: rotate(180deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil_nega.svg?45b3f2a54fd2249642316c6f1c3ba278);
  position: absolute;
  width: 60px;
  height: 40px;
  top: 0;
  right: 30px;
}

.img-cont {
  position: absolute;
  width: 100%;
  margin: 0;
  bottom: 0;
  background-color: #FFF;
}
.img-cont img {
  margin: 0;
  background-color: transparent;
}
.img-cont:after {
  content: " ";
  transform: rotate(180deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil_nega.svg?45b3f2a54fd2249642316c6f1c3ba278);
  position: absolute;
  width: 60px;
  height: 40px;
  top: 0;
  right: 30px;
}
.img-cont.img-cont-border-color {
  border: solid 1px #CCC;
}
.img-cont.img-cont-border-color .phil {
  stroke: #CCC;
  fill: #FFF;
}
.img-cont.img-cont-border-color svg {
  position: relative;
  z-index: 1;
}
.img-cont.img-cont-border-color svg.svg-phil {
  position: absolute;
  z-index: 2;
  width: 60px;
  height: 40px;
  top: -6px;
  right: 30px;
}
.img-cont.img-cont-border-color:after {
  background-image: none;
  top: -1px;
}
.img-cont.img-cont-border-color.from-right svg.svg-phil {
  transform: rotate(90deg);
  top: 20px;
  right: -16px;
}

.reperage-filigram {
  display: block;
  position: absolute;
  width: 80px;
  height: 0;
  padding-top: 80px;
  overflow: hidden;
  top: 60px;
  right: 20px;
  background: #FFF url(/images/reperage.svg?b577765dbc4d688f352c228b3ad94058) no-repeat 50% 50%;
  background-size: contain;
  color: #FFF;
  border-radius: 50%;
  z-index: 5;
}
.reperage-filigram.lecture {
  background-image: url(/images/lecture.svg?0aa1f7961ebb379bd3460c0b045d3f20);
}

/* BLOCS ---------------------------------------------------------------*/
.portail-item-content .col-md-4:nth-child(3n):after,
.portail-item-content .col-md-4:last-child:after {
  display: none;
}

.col-md-4:last-child .bloc-default:after {
  display: none;
}

.col-md-4:nth-child(3n) .bloc-default:after {
  display: none;
}

.no-separator .bloc-default:after {
  display: none;
}

/*.section-base .bloc-default:after {display :none;}*/
.with-diamant:after {
  display: block;
  position: absolute;
  content: " ";
  height: 98%;
  width: 14px;
  top: 0;
  right: -1.8rem;
  border-image-source: url(/images/diamant.svg?78606224a57f9f01e9c860b48e0777e9);
  border-image-slice: 33%;
  border-image-repeat: round;
  border-image-width: 0 12px 0 0;
  border-image-outset: 0;
}

.bloc-default {
  position: relative;
  height: 100%;
}
.bloc-default:after {
  display: block;
  position: absolute;
  content: " ";
  height: 98%;
  width: 14px;
  top: 0;
  right: -1.8rem;
  border-image-source: url(/images/diamant.svg?78606224a57f9f01e9c860b48e0777e9);
  border-image-slice: 33%;
  border-image-repeat: round;
  border-image-width: 0 12px 0 0;
  border-image-outset: 0;
}
.bloc-default > .bloc-content {
  display: block;
  padding-bottom: 57%;
}
.bloc-default > .bloc-content img {
  opacity: 1;
  transition: filter ease-out 300ms, opacity ease-out 300ms;
  filter: grayscale(0%);
}
.bloc-default > .bloc-content .img-cont img, .bloc-default > .bloc-content .img-cont svg {
  transition: transform ease-out 200ms;
}
.bloc-default > .bloc-content:hover .img-cont img {
  transform: rotate(10deg) scale(130%);
}
.bloc-default > .bloc-content:hover .img-cont svg {
  transform: rotate(10deg) scale(120%);
}
.bloc-default > .bloc-content:hover .img-cont svg.svg-phil {
  transform: rotate(0) scale(100%);
}
.bloc-default > .bloc-content a {
  color: #000;
}
.bloc-default > .bloc-content .bloc-article-teaser h2 {
  margin: 0;
}
.bloc-default .content-footer {
  position: absolute;
  bottom: -25px;
  right: 0;
}
.bloc-default .content-footer .phylactere {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.bloc-default .content-footer .phylactere:before {
  left: auto;
  right: 45px;
}

.no-diamant:after {
  display: none !important;
}

.bloc-encart-simple {
  position: relative;
  min-height: 300px;
  height: 100%;
}
.bloc-encart-simple > .bloc-content {
  display: block;
  position: relative;
  border: solid 1px #CCC;
  padding-top: 57%;
  height: 100%;
}
.bloc-encart-simple > .bloc-content .img-cont {
  top: 0;
  bottom: auto;
}
.bloc-encart-simple > .bloc-content .img-cont:after {
  display: none;
}
.bloc-encart-simple svg.svg-phil {
  position: absolute;
  width: 60px;
  height: 40px;
  top: -6px;
  right: 45px;
}
.bloc-encart-simple .bloc-content-text {
  padding: 1rem;
}

.filet_col {
  stroke: #ff3141 !important;
  fill: #FFFFFF !important;
}

.phil {
  stroke: #CCC !important;
  fill: #FFFFFF !important;
}

.bloc-encart-double .bloc-content, .bloc-encart-double .img-cont {
  border-color: #CCC !important;
}

a.bloc-content {
  color: #000 !important;
}

.bloc-encart-double {
  position: relative;
  min-height: 300px;
  height: 100%;
}
.bloc-encart-double > .bloc-content {
  display: block;
  position: relative;
  border: solid 1px #CCC;
  padding-left: 33%;
  height: 100%;
}
.bloc-encart-double > .bloc-content .img-cont {
  top: 0;
  left: 0;
  bottom: 0;
  width: 33%;
  background-color: transparent;
  border-right: solid 1px #CCC;
}
.bloc-encart-double > .bloc-content .img-cont:after {
  display: none;
}
.bloc-encart-double > .bloc-content .img-cont.d-flex {
  justify-content: center;
  align-items: center;
}
.bloc-encart-double.encart_double_1_2 > .bloc-content {
  padding-left: 50%;
}
.bloc-encart-double.encart_double_1_2 > .bloc-content .img-cont {
  width: 50%;
}
.bloc-encart-double.encart_double_2_3 > .bloc-content {
  padding-left: 66%;
}
.bloc-encart-double.encart_double_2_3 > .bloc-content .img-cont {
  width: 66%;
}
.bloc-encart-double svg.svg-phil {
  position: absolute;
  width: 60px;
  height: 40px;
  top: 45px;
  right: -16px;
  transform: rotate(90deg);
}
.bloc-encart-double .bloc-content-text {
  padding: 1rem;
}

.col-md-4:last-child .section-teaser-item:after {
  display: none;
}

.col-md-4:nth-child(3n) .section-teaser-item:after {
  display: none;
}

.no-separator .section-teaser-item:after {
  display: none;
}

.img-overflow {
  overflow: hidden;
}

.section-teaser-item {
  position: relative;
  height: 100%;
  padding-bottom: 57%;
}
.section-teaser-item h1 a {
  color: #000;
}
.section-teaser-item:after {
  display: block;
  position: absolute;
  content: " ";
  height: 98%;
  width: 14px;
  top: 0;
  right: -1.8rem;
  border-image-source: url(/images/diamant.svg?78606224a57f9f01e9c860b48e0777e9);
  border-image-slice: 33%;
  border-image-repeat: round;
  border-image-width: 0 12px 0 0;
  border-image-outset: 0;
}
@media (max-width: 992px) {
  .section-teaser-item:after {
    display: none;
  }
}
.section-teaser-item svg, .section-teaser-item img.fluid {
  transition: transform ease-out 200ms;
}
.section-teaser-item:hover svg {
  transform: rotate(10deg) scale(120%);
}
.section-teaser-item:hover .svg-phil {
  transform: rotate(0) scale(100%);
}
.section-teaser-item:hover img.fluid {
  transform: rotate(10deg) scale(130%);
}

.section-title, .section-module-title {
  font-size: 2.6rem !important;
  margin-bottom: 1.2rem !important;
  font-weight: 300;
  color: #ff3141;
}

.portail-button-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.portail-button {
  position: relative;
  align-self: flex-end;
  display: block;
  width: 100%;
}
.portail-button .text-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.portail-button .button-label {
  display: block;
  text-transform: uppercase;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  padding: 0 2rem;
  text-align: center;
  color: #000;
  transition: color ease-out 200ms;
}
.portail-button .svg-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
}
.portail-button svg {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
}
.portail-button:hover .button-label {
  color: #ff3141;
}

.bloc-focus .img-cont-basic:after {
  transform: rotate(90deg);
  top: 40px;
  left: -11px;
}

.blog-section {
  margin-bottom: 1.5rem;
}
.blog-section:last-child .bloc-blog {
  border-bottom: none;
}

.bloc-blog {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1.5rem;
  border-bottom: solid 1px #CCC;
}
.bloc-blog > h1 {
  flex-basis: 100%;
}
.bloc-blog .blog-image {
  flex-basis: 30%;
}
.bloc-blog .blog-image .img-cont {
  position: relative;
}
.bloc-blog .blog-image .img-cont:after {
  transform: rotate(-90deg);
  top: 20px;
  right: -10px;
}
.bloc-blog .blog-content {
  flex-basis: 70%;
  padding-left: 3rem;
}
@media (max-width: 992px) {
  .bloc-blog .blog-image {
    flex-basis: 100%;
    margin-bottom: 1.5rem;
  }
  .bloc-blog .blog-content {
    flex-basis: 100%;
    padding-left: 0;
  }
}

h1, h1 > a {
  transition: color ease-out 200ms;
}

a:hover > h1, h1 > a:hover {
  color: #ff3141;
}

/*////////////////////////////////////////////////////////////*/
/* cartographie */
#map-reseau {
  border-top: solid 3px #CCC;
}

.map-filter {
  background-color: #F1F1F1;
  padding: 30px;
}
.map-filter h3 {
  font-size: 0.9rem;
  font-weight: 400;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.map-filter .form-group label:not(.check-label) {
  font-weight: 400;
  font-family: "Barlow Condensed", verdana, sans-serif;
}
.map-filter label, .map-filter input {
  vertical-align: middle;
  margin: 0;
}
.map-filter .selection-form-handle {
  font-size: 1.1rem;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  cursor: pointer;
}
.map-filter .selection-form-handle:before {
  display: inline-block;
  content: "\f146";
  font-family: "Font Awesome 6 Free";
  margin-right: 6px;
  color: #CCC;
}
.map-filter .selection-form-handle.selection-form-collapse:before {
  content: "\f146";
}
.map-filter .selection-resume {
  display: none;
}
.map-filter .collapse .selection-form {
  display: none;
}
.map-filter .collapse .selection-resume {
  display: block;
}
.map-filter .collapse .selection-form-handle:before {
  content: "\f0fe";
}

.cartographie-list {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

/*
.theme-2 .cartographie-list-bloc .structure-img {border-color: $color_01; .phil {stroke : $color_01 !important;}}
.theme-3 .cartographie-list-bloc .structure-img {border-color: $color_02; .phil {stroke : $color_02 !important;}}
.theme-4 .cartographie-list-bloc .structure-img {border-color: $color_03; .phil {stroke : $color_03 !important;}}
*/
.cartographie-list-bloc {
  flex-basis: calc(25% - 1rem);
  display: block;
  color: #000;
  margin-bottom: 2.5rem;
  margin-right: 1rem;
  font-size: 0.9rem;
  position: relative;
}
.cartographie-list-bloc .structure-img {
  border: solid 1px #CCC;
  display: block;
  position: relative;
  margin-bottom: 0.5rem;
}
.cartographie-list-bloc .structure-img img {
  margin-bottom: 0;
}
.cartographie-list-bloc .structure-img:hover:before {
  opacity: 1;
}
.cartographie-list-bloc .structure-img:before {
  display: block;
  position: absolute;
  content: " ";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: opacity 500ms ease-out;
  background-color: rgba(204, 204, 204, 0.7);
  background-image: url(/images/fleche_blanc.svg?85b61479069ae1a3abf495415fdfdf05);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: 20px 20px;
}
.cartographie-list-bloc .structure-img .phil {
  stroke: #CCC;
  fill: #FFF;
}
.cartographie-list-bloc .structure-img svg {
  position: absolute;
  width: 45px;
  height: 30px;
  top: -5px;
  right: 20px;
}
.cartographie-list-bloc .structure-label {
  color: #000;
}
.cartographie-list-bloc .structure-label h4 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
.cartographie-list-bloc .structure-label h4 i.fa, .cartographie-list-bloc .structure-label h4 i.fas {
  color: #CCC;
}
.cartographie-list-bloc h6 i.fa, .cartographie-list-bloc h6 i.fas {
  color: #CCC;
}

.nav-carto {
  margin-top: 1rem;
}
.nav-carto .btn-carto {
  position: relative;
  top: 1px;
  display: inline-block;
  margin-right: 6px;
  padding: 6px 16px;
  color: #555;
  border: solid 1px #DDD;
  border-width: 1px;
}
.nav-carto .btn-carto.sel {
  color: #FFF;
  background-color: #CCC;
  border-color: #CCC;
}

#fiche-reseau {
  padding-top: 20px;
}

.leaflet-container a {
  color: #CCC !important;
}

.article .map-reseau-container {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.article .map-reseau-container #map-reseau {
  position: absolute;
  top: 0;
  left: 0;
}
.article #map-reseau {
  border-top: none;
}
.article .leaflet-popup-content-wrapper {
  border-radius: 0;
}
.article .leaflet-popup-content-wrapper h3 {
  margin-bottom: 10px;
}
.article .leaflet-popup-content-wrapper p {
  margin-top: 0;
}
.article #map-reseau {
  z-index: 0;
  width: 100%;
  height: 100%;
}
.article #map-reseau.map-solo {
  height: 350px;
}
.article .map-filter {
  background-color: #F1F1F1;
  padding: 30px;
}

.article.article-cartographie .bloc-info-content {
  background: #F1F1F1;
  padding: 20px 40px 20px 40px;
  border: none;
  margin: 20px 0 0 0;
}
.article.article-cartographie .image-cartographie {
  position: relative;
  margin-left: 7.5rem;
}
.article.article-cartographie .image-cartographie.legend-on:after {
  opacity: 1;
}
.article.article-cartographie .image-cartographie:after {
  display: block;
  position: absolute;
  opacity: 0;
  transition: opacity ease-out 600ms;
  right: -15px;
  bottom: 0;
  padding: 3px 5px;
  font-size: 0.8rem;
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  content: attr(data-content) "";
}
.article.article-cartographie .image-cartographie img {
  position: relative;
  display: block;
  width: calc(100% + 15px);
  height: 100%;
  margin: 0 !important;
  -o-object-fit: cover;
     object-fit: cover;
}
.article.article-cartographie .image-cartographie .carousel-img-top {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 600ms ease-out;
}
.article.article-cartographie .image-cartographie .carousel-img-top.show {
  opacity: 1;
}
.article.article-cartographie .tag {
  display: inline-block;
  background-color: #CCC;
  font-family: "Barlow Condensed";
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8rem;
  letter-spacing: 0.16rem;
  padding: 5px 10px;
  margin-bottom: 4px;
}
.article.article-cartographie .list-fiche-carto {
  list-style: none;
  padding: 0;
  border-bottom: solid 1px #CCC;
  font-size: 0.9em;
}
.article.article-cartographie .list-fiche-carto li {
  padding: 5px 0;
  border-top: solid 1px #CCC;
}
.article.article-cartographie .logo-structure {
  margin-top: 2rem;
}
.article.article-cartographie .logo-structure img {
  width: 20%;
}

.img-fake-16-9 {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.image-preload {
  position: absolute;
  width: 1px;
  height: 1px;
  top: -9999px;
  left: -9999ppx;
}

.section-article {
  margin-right: 10%;
}

.article-container {
  margin-bottom: 3rem;
}

.text-tag {
  display: inline-block;
  background-color: #ff3141;
  font-family: "Barlow Condensed";
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8rem;
  letter-spacing: 0.16rem;
  padding: 5px 10px;
}

.article-body {
  padding-top: 2rem;
}

.article-annexe:before {
  display: block;
  content: " ";
  border-top: solid 1px #ff98a0;
  padding-top: 1rem;
}

/*
.theme-2 .article-annexe:before { border-color: $color_01; }
.theme-3 .article-annexe:before{ border-color: $color_02; }
.theme-4 .article-annexe:before { border-color: $color_03; }
*/
.section.grille-image p, .section.p-contact p, .section.grille-image-x2 p, .section.grille-image-x3 p {
  margin: 0 0 1em 0;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(calc(33% - 5px), 1fr));
  grid-gap: 5px;
}
@media (max-width: 576px) {
  .section.grille-image p, .section.p-contact p, .section.grille-image-x2 p, .section.grille-image-x3 p {
    grid-template-columns: 1fr;
  }
}
.section.grille-image img, .section.p-contact img, .section.grille-image-x2 img, .section.grille-image-x3 img {
  margin: 0;
}

.section.grille-image-x2 p {
  grid-template-columns: repeat(auto-fit, calc(50% - 5px));
}

.section.grille-image-x3 p {
  grid-template-columns: repeat(auto-fit, calc(33% - 5px));
}

.section.p-contact p {
  grid-template-columns: repeat(auto-fit, calc(20% - 5px));
}

h1 + .section.titre-texte-image, h2 + .section.titre-texte-image, h3 + .section.titre-texte-image {
  margin-top: 1rem;
}

.section.titre-texte-image {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  border-bottom: solid 1px #ff3141;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.section.titre-texte-image .col-img {
  width: 30%;
  margin-right: 1.5rem;
}
.section.titre-texte-image .col-img img {
  margin: 0;
}
.section.titre-texte-image .col-text {
  width: calc(70% - 1.5rem);
}
.section.titre-texte-image h1, .section.titre-texte-image h2, .section.titre-texte-image h3 {
  width: 100%;
  height: auto;
  flex-basis: 100%;
}
.section.titre-texte-image img {
  width: 100%;
}

/*////////////////////////////////////////////////////////////*/
#background {
  position: fixed;
  z-index: -10;
  height: 570px;
  top: 0;
  right: 0;
  left: 60%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
@media (max-width: 992px) {
  #background {
    display: none;
  }
}

.article-spectacle .intro {
  margin-bottom: 1rem;
}
.article-spectacle .article-body {
  padding-top: 1rem;
}
.article-spectacle .bloc-fiche {
  position: relative;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  height: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 1px solid #ff98a0;
  border-bottom: 1px solid #ff98a0;
}
.article-spectacle .bloc-fiche dl {
  margin: 0;
}
.article-spectacle .bloc-fiche .phil {
  stroke: #ff98a0 !important;
  stroke-width: 0.5;
}
.article-spectacle .bloc-fiche .top {
  position: absolute;
  width: 100px;
  top: -10px;
}
.article-spectacle .bloc-fiche .bottom {
  position: absolute;
  width: 100px;
  transform: rotate(180deg);
  bottom: -10px;
}
.article-spectacle .bloc-navigation {
  height: 400px;
}
.article-spectacle .bloc-info-content {
  font-family: "Barlow Condensed", verdana, sans-serif;
  padding: 0;
  border: none;
  margin: 0 0 20px 0;
}
.article-spectacle .bloc-info-date {
  font-family: "Barlow Condensed", verdana, sans-serif;
  /*padding: 1rem;
  border: solid 1px #CCC;*/
  margin: 1rem 0;
  color: #555;
}
.article-spectacle .bloc-info-date b {
  font-weight: 500;
  color: #000;
}
.article-spectacle .tag {
  display: inline-block;
  background-color: #ff3141;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  color: #FFF;
  font-size: 0.8rem;
  letter-spacing: 0.16rem;
  padding: 5px 10px;
}
.article-spectacle .category {
  display: inline-block;
  border-color: #ff3141;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  font-family: "Barlow Condensed", verdana, sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  color: #ff3141;
  font-size: 0.8rem;
  letter-spacing: 0.16rem;
  padding: 5px 10px 4px 10px;
}
.article-spectacle h1 + h3, .article-spectacle h2 + h3 {
  margin-top: 0.3rem;
}
.article-spectacle h3 {
  font-family: "Barlow", verdana, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  font-style: italic;
  margin-bottom: 0.3rem;
}
.article-spectacle h4 {
  font-family: "Barlow", verdana, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.3rem;
}
.article-spectacle .txt {
  margin-bottom: 1.5rem;
}
.article-spectacle .txt-separation {
  border-top: solid 1px #ff98a0;
  padding-top: 1.5rem;
}
.article-spectacle .info-compagnie {
  margin-bottom: 6rem;
}
.article-spectacle .info-compagnie ul {
  list-style: none;
  padding: 0;
}
.article-spectacle .info-compagnie > ul > li {
  padding: 0.8em 0;
  border-top: 1px solid #CCC;
}
.article-spectacle .info-compagnie .key {
  font-weight: 500;
  display: none;
}
.article-spectacle .info-compagnie a {
  color: #ff3141;
}
.article-spectacle .info-compagnie ul li.object > .key {
  display: block;
}
.article-spectacle dl dd > dl dt {
  display: inline-block;
  font-weight: 500;
}
.article-spectacle dl dd > dl dd {
  display: inline;
  margin-left: 0.2rem;
}
.article-spectacle dl dd > dl dd:after {
  content: " ";
  display: block;
}
.article-spectacle dl dd > ul {
  padding: 0;
  margin: 0;
}
.article-spectacle dl dd > ul li {
  display: inline;
}
.article-spectacle dl dd > ul li:after {
  content: ", ";
}
.article-spectacle dl dd > ul li:last-child:after {
  content: "";
}
.article-spectacle .event {
  margin-bottom: 0.5rem;
}
.article-spectacle .event:last-child {
  margin-bottom: 0;
}
.article-spectacle .event.event-private {
  position: relative;
  margin: 0 -40px 0.5rem -40px;
  padding: 6px 40px;
  background-color: rgba(255, 255, 255, 0.2);
}

.bloc-info-date {
  border-color: #ff98a0 !important;
}

.article-spectacle .info-compagnie > ul > li {
  border-color: #ff98a0 !important;
}

.portail-button-navigation a {
  color: #ff3141;
}

.portail-button-navigation-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
}

.portail-button-navigation {
  position: relative;
  align-self: center;
  display: block;
  width: 100%;
}
.portail-button-navigation .text-container {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.portail-button-navigation a {
  display: block;
  text-transform: uppercase;
  font-family: "Barlow Condensed", verdana, sans-serif;
  font-weight: 300;
  font-size: 1.6rem;
  padding: 0 2rem;
  text-align: center;
}
.portail-button-navigation .svg-container {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
}
.portail-button-navigation svg {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  height: auto;
}

@media (max-width: 992px) {
  .article-column-left {
    flex-direction: column-reverse;
  }
}

.module-article a {
  display: block;
  color: #000;
  font-size: 0.9rem;
  position: relative;
  height: 100%;
}

header.region-en-scene {
  position: relative;
  width: 100%;
  height: 160px;
}
@media (max-width: 1200px) {
  header.region-en-scene {
    height: 130px;
  }
}
header.region-en-scene .logo {
  position: absolute;
  top: 25px;
  bottom: 25px;
  display: block;
  overflow: hidden;
  height: 100px;
  width: 500px;
  background-repeat: no-repeat;
  background-image: url("/images/SOC_Logo region en scene.svg?6ef38821ef3d40a4feaa873f7ac5f5b7");
  background-size: contain;
  margin-left: 7.5rem;
}
@media (max-width: 992px) {
  header.region-en-scene .logo {
    padding-top: 50px;
    margin-left: 0;
  }
}
@media (max-width: 1200px) {
  header.region-en-scene .logo {
    height: 80px;
  }
}
@media (max-width: 768px) {
  header.region-en-scene .logo {
    width: auto;
    left: 0;
    right: 0;
  }
}

div.row.section-base:first-child {
  padding-top: 0;
}
@media (max-width: 992px) {
  div.row.section-base:first-child {
    margin-left: 0;
    margin-right: 0;
  }
}

.caroussel {
  position: relative;
  overflow: hidden;
  height: 550px;
}
@media (min-width: 0) {
  .caroussel {
    height: 300px;
  }
}
@media (min-width: 576px) {
  .caroussel {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .caroussel {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .caroussel {
    height: 396px;
  }
}
@media (min-width: 1200px) {
  .caroussel {
    height: 470px;
  }
}
@media (min-width: 1400px) {
  .caroussel {
    height: 550px;
  }
}
.caroussel .caroussel-item {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: left 1000ms ease-out, right 1000ms ease-out, opacity 1000ms ease-out;
  opacity: 0;
  z-index: 1;
  /*margin-bottom: 2rem;*/
}
.caroussel .caroussel-item.show {
  opacity: 1;
  z-index: 5;
}
.caroussel .caroussel-item img {
  width: 65%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.caroussel .caroussel-item .caroussel-item-legend {
  display: block;
  position: absolute;
  top: 0;
  left: 65%;
  right: 0;
  bottom: 0;
  padding: 1rem;
  color: #000;
}
.caroussel .caroussel-item .caroussel-item-legend:after {
  content: " ";
  transform: rotate(-90deg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% top;
  background-image: url(/images/phil_nega.svg?45b3f2a54fd2249642316c6f1c3ba278);
  position: absolute;
  width: 60px;
  height: 40px;
  top: 40px;
  left: -49px;
}
.caroussel .caroussel-navigation {
  z-index: 7;
  display: flex;
  position: absolute;
  top: 10px;
  left: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.caroussel .caroussel-navigation li {
  cursor: pointer;
  display: block;
  width: 12px;
  height: 12px;
  border: solid 2px #fff;
  border-radius: 50%;
  margin-right: 5px;
}
.caroussel .caroussel-navigation li.show {
  background-color: #FFF;
}

.caroussel-image .caroussel-item img {
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 0) {
  .caroussel-image .caroussel-item img {
    height: 300px;
  }
}
@media (min-width: 576px) {
  .caroussel-image .caroussel-item img {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .caroussel-image .caroussel-item img {
    height: 380px;
  }
}
@media (min-width: 992px) {
  .caroussel-image .caroussel-item img {
    height: 396px;
  }
}
@media (min-width: 1200px) {
  .caroussel-image .caroussel-item img {
    height: 470px;
  }
}
@media (min-width: 1400px) {
  .caroussel-image .caroussel-item img {
    height: 550px;
  }
}

/*
$color_picto01: #9E3CFF;
$color_picto02: #FF1257;
$color_picto03: #FF00FF;
*/
.svg-fill-1 {
  fill: #ff6633 !important;
}

.svg-fill-2 {
  fill: #ff3141 !important;
}

.svg-fill-3 {
  fill: #FFFF00 !important;
}

.svg-stroke-1 {
  stroke: #ff6633 !important;
}

.svg-stroke-2 {
  stroke: #ff3141 !important;
}

.svg-stroke-3 {
  stroke: #FFFF00 !important;
}

.form-auth {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

.form-cartouche {
  width: 660px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
}

.label {
  font-family: "Barlow Condensed", verdana, sans-serif;
}

.card {
  flex-basis: 50%;
  flex-grow: 1;
  border: solid 1px #CCC;
  padding: 30px;
}
.card.card-parme {
  border: none;
  background-color: #ff98a0;
  color: #FFF;
}
.card.card-parme input[type=text] {
  background-color: rgba(255, 255, 255, 0.5);
  border: solid 1px #FFF;
}

.form-alert, .form-success {
  flex-basis: 100%;
  flex-grow: 2;
  margin: 20px 0;
  padding: 20px;
  border: solid 1px #d8002c;
  background-color: rgba(216, 0, 44, 0.2);
}

.form-success {
  border: solid 1px #56ad00;
  background-color: rgba(86, 173, 0, 0.2);
}

.galerie-thumbs {
  display: inline-flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.galerie-thumbs .galerie-thumb {
  flex-basis: 120px;
  width: 120px;
  padding-top: 120px;
  height: 0;
  overflow: hidden;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #EEE;
}

.galerie-cloud {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.9);
}
.galerie-cloud .galerie-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.galerie-cloud .galerie-img img {
  opacity: 0;
  transition: opacity ease-out 300ms;
}
.galerie-cloud .galerie-img img.show {
  opacity: 1;
}
.galerie-cloud .galerie-previous, .galerie-cloud .galerie-next {
  position: absolute;
  cursor: pointer;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: opacity ease-out 200ms;
  opacity: 0;
}
.galerie-cloud .galerie-previous:hover, .galerie-cloud .galerie-next:hover {
  opacity: 1;
}
.galerie-cloud .galerie-previous:before, .galerie-cloud .galerie-next:before {
  display: block;
  content: "\f054";
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  font-size: 1.6rem;
  color: #BBB;
}
.galerie-cloud .galerie-close {
  position: absolute;
  cursor: pointer;
  top: 5px;
  left: 50%;
  opacity: 0.5;
}
.galerie-cloud .galerie-close:before {
  display: block;
  content: "\f057";
  font-family: "Font Awesome 6 Free";
  font-size: 1.6rem;
  color: #BBB;
}
.galerie-cloud .galerie-previous {
  left: 0;
}
.galerie-cloud .galerie-previous:before {
  content: "\f053";
}
.galerie-cloud .galerie-next {
  right: 0;
}

.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}

.loader {
  color: #ffffff;
  opacity: 0.7;
  text-indent: -9999em;
  margin: 88px auto;
  position: absolute;
  top: calc(50% - 0.5em);
  left: calc(50% - 0.5em);
  font-size: 8px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}

.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: "";
}

.loader:before {
  left: -1.5em;
  animation-delay: -0.32s;
}

.loader:after {
  left: 1.5em;
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.spectacle-resa-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  gap: 1rem;
  justify-content: space-between;
}
.spectacle-resa-list li {
  position: relative;
  flex-basis: 20%;
  flex-grow: 1;
  border-bottom: 1px solid #CCC;
  padding-bottom: 4rem;
  margin-bottom: 1.5rem;
}
.spectacle-resa-list li h1 {
  font-size: 1.6rem;
}
.spectacle-resa-list li h2 {
  font-size: 1.3rem;
}
.spectacle-resa-list li footer {
  position: absolute;
  bottom: 1.5rem;
}

.calendar {
  width: 100%;
  font-size: 0.8rem;
}
.calendar td, .calendar th {
  padding: 0.5rem;
}
.calendar td.off, .calendar td.off.we, .calendar th.off, .calendar th.off.we {
  background-color: #EFEFEF;
  color: #EFEFEF;
}
.calendar td.now, .calendar th.now {
  font-weight: 900;
}
.calendar td.we, .calendar th.we {
  background-color: rgba(0, 0, 0, 0.03);
}
.calendar td.event, .calendar th.event {
  background-color: #ff3141;
  color: #FFF;
}

.reservation-date {
  padding: 0;
  list-style: none;
}
.reservation-date li {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: solid 1px #CCC;
}
.reservation-date li:last-child {
  border-bottom: none;
}
.reservation-date li.event-consolidated {
  background-color: #ffd6d9;
  padding: 0.5rem;
}
.reservation-date li .event-consolidated-label {
  display: block;
  border-top: solid 1px #ff3141;
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  color: #ff3141;
  font-weight: 700;
}

@keyframes reveal {
  from {
    background-color: rgba(0, 0, 0, 0);
  }
  to {
    background-color: rgba(0, 0, 0, 0.5);
  }
}
@keyframes scale {
  from {
    transform: scale(0.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes move {
  from {
    transform: translateY(-20%);
  }
  to {
    transform: translateY(0);
  }
}
.modal-cloud {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  animation: 200ms ease-out reveal;
}
.modal-cloud .modal {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: 15%;
  right: 15%;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  animation: 200ms ease-out scale;
}
.modal-cloud .modal.help .modal-header {
  background: linear-gradient(#999900, #666600);
  color: #FFF;
}
.modal-cloud .modal.help .modal-header .modal-btn-close:before {
  color: #FFF !important;
}
.modal-cloud .modal-header {
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: solid 1px rgba(0, 0, 0, 0.06);
  background: linear-gradient(45deg, #ff3141, #ff6633);
  height: 60px;
}
.modal-cloud .modal-header h1 {
  margin: 0;
  padding-left: 1rem;
  font-size: 1.6rem;
}
.modal-cloud .modal-body {
  flex-grow: 2;
  overflow-y: auto;
  padding: 1rem;
}
.modal-cloud .modal-footer {
  border-top: solid 1px rgba(0, 0, 0, 0.06);
  background-color: rgba(0, 0, 0, 0.04);
  height: 60px;
}
.modal-cloud .modal-btn-close {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 20px;
  height: 20px;
}
.modal-cloud .modal-btn-close:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "\f057";
  text-align: center;
  font-family: "Font Awesome 6 Free";
}

/*# sourceMappingURL=website.css.map*/