/*
 xs:    0 ( 0em) <= x <  768 (48em)
 sm:  768 (48em) <= x < 1024 (64em)
 md: 1024 (64em) <= x < 1200 (75em)
 ld: 1200 (75em) <= x <
 */
@font-face {
  font-family: 'Bricolage Grotesque';
  src: url('/fonts/BricolageGrotesque-Light.otf');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-weight: bold;
  src: url('/fonts/BricolageGrotesque-Medium.otf');
}

/*
 * Pico overrides
 */
:root {
  --lise-orange-dark: #F79E47;
  --lise-orange-light: #FFF8CC;
  --lise-orange-lighter: #FFFDF5;
  --lise-black: #343633;
  --lise-blue: #7698B3;
  --pico-primary: var(--lise-blue);
  --section-top-spacing: 6.875rem;
  --section-bottom-spacing: 3.80952rem;
  --section-bottom-small-spacing: 2.38096rem;
  --pico-form-element-spacing-vertical: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2);
  --pico-form-element-background-color: var(--lise-orange-light);
  --pico-form-element-active-background-color: var(--lise-orange-lighter);
  --pico-form-element-focus-color: var(--lise-orange-dark);
  --pico-form-element-active-border-color: var(--lise-orange-dark);
  --pico-spacing: 1.42857rem;
  --pico-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(52, 54, 51)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  --pico-nav-element-spacing-horizontal: .1rem;
  --lise-spacing: 0.95238rem;
  --pico-typography-spacing-vertical: 0;
  --flexbox-screen-lg-min: 75em;
  --flexbox-outer-margin: 2rem;
  --flexbox-container-padding: 2rem;
}
@media only screen and (prefers-color-scheme: dark)
{
  :root:not([data-theme]) {
    --pico-primary: var(--lise-blue);
    --pico-form-element-border-color: #CFD5E2;
    --pico-form-element-background-color: rgb(251, 251.5, 252.25);
    --pico-form-element-placeholder-color: #646B79;
    --pico-dropdown-border-color: #EFF1F4;
    --pico-dropdown-background-color: #FFF;
    --pico-dropdown-hover-background-color: #EFF1F4;
  }
}
:root:not([data-theme="dark"]) {
  --pico-primary: var(--lise-blue);
  --pico-font-family: 'Bricolage Grotesque';
  --pico-h2-color: var(--lise-orange-dark);
  --pico-color: var(--lise-black);
  --pico-card-sectioning-background-color: var(--lise-orange-light);
  --pico-card-background-color: var(--lise-orange-light);
  --pico-card-box-shadow: none;
  --pico-form-element-background-color: var(--lise-orange-lighter);
  --pico-form-element-active-background-color: var(--lise-orange-lighter);
  --pico-form-element-focus-color: var(--lise-orange-dark);
  --pico-form-element-active-border-color: var(--lise-orange-dark);
}
.container-fluid { padding-top: 0; }
.pico details summary[role="button"]:not(.outline)::after { filter: none; color: var(--lise-black); }
.pico details summary[role="button"]:not(.outline):hover::after,
.pico details summary[role="button"]:not(.outline):active::after,
.pico details summary[role="button"]:not(.outline):focus::after,
.pico details summary[role="button"]:not(.outline).active::after { filter: brightness(0) invert(1) !important; }
.pico details.dropdown[open] > summary+ul { left: initial; width: auto; }
.pico nav details.dropdown { margin-left: .5rem; }
.pico nav { align-items: center; }
.pico nav [role="button"] {
  --pico-color: var(--lise-black);
  --pico-border-color: var(--lise-black);
}
.pico nav [role="button"].active { color: var(--pico-primary-inverse); }
.pico nav [role="button"]:is(:hover, :active, :focus),
.pico nav [role="button"].active {
  --pico-border-color: var(--lise-black);
  --pico-background-color: var(--lise-black);
}

.pico article {
  --pico-border-radius: 4.14285rem;
  padding: calc(var(--pico-block-spacing-vertical) * 2) calc(var(--pico-block-spacing-horizontal) * 2);
}
.pico article h2 { --pico-h2-color: var(--lise-blue); }
.pico article h3 { --pico-h3-color: var(--lise-blue); --pico-font-size: 1.25rem; --pico-font-weight: normal; }
.pico article h3 { font-family: 'Bricolage Grotesque', sans-serif; }
.pico article h4 {
  --pico-h4-color: var(--lise-black);
  --pico-font-size: 1.25rem;
  --pico-typography-spacing-vertical: 0.47619rem;
  font-family: 'Bricolage Grotesque', sans-serif;
}
.pico article > header {
  padding: 0;
  --pico-border-width: 0;
  align-items: center;
  justify-content: center;
}
.pico article > header .offre-image {
  width: 100%;
  text-align: center;
  margin-right: var(--pico-block-spacing-horizontal);
  margin-bottom: var(--pico-block-spacing-vertical);
}
.pico article > header .offre-title { display: flex; flex-direction: column; }
.pico article .footnote { margin-top: var(--lise-spacing); }
.pico article > footer {
  font-size: 1.2rem;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  --pico-font-weight: bold;
  --pico-border-width: 0;
}
.pico article > footer p { margin-bottom: var(--pico-block-spacing-vertical); }
@media screen and (min-width: 48rem) {
  .pico article > header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .pico article > header .offre-image { width: 6.7619rem; }
}

.pico h1, .pico h2, .pico h3, .pico h4, .pico h5, .pico h6 { font-family: Mynerve, cursive; }
.pico h2 { --pico-font-size: 2.8125rem; --pico-font-weight: normal; margin-top: var(--pico-spacing); }

.pico [role="button"],
.pico button,
.pico button[type="submit"] {
  --pico-color: var(--lise-orange-dark);
  --pico-border-width: 1px;
  --pico-border-color: var(--lise-orange-dark);
  --pico-border-radius: 44px;
  --pico-background-color: transparent;
  --pico-spacing: 0;
  width: auto;
}
.pico [role="button"]:is(:hover, :active, :focus),
.pico button:is(:hover, :active, :focus),
.pico [type="submit"]:is(:hover, :active, :focus) {
  --pico-background-color: var(--lise-orange-dark);
  --pico-border-color: var(--lise-orange-dark);
}
.pico input, .pico select, .pico textarea { --pico-border-radius: 44px; }
.pico input:not([type="checkbox"], [type="radio"]),
.pico select, .pico textarea { --pico-spacing: 1.14285rem; }

/*
 * General overrides and custom styles
 */
body { background-color: var(--lise-orange-lighter); padding: var(--section-top-spacing) 0 var(--section-bottom-small-spacing); }
h2:first-of-type { margin-top: 0; }
p { margin: 0; }
img[loading="lazy"].img-fluid { width: 100%; height: auto; }
ul li { list-style: disc; }
hgroup { text-align: center; margin-bottom: var(--pico-spacing); }
hgroup > :not(:first-child):last-child {
  --pico-color: inherit;
  --pico-font-weight: bold;
  font-size: 1.3rem;
  margin-top: var(--pico-spacing);
}
section { padding: var(--section-top-spacing) 0 var(--section-bottom-spacing); }
section:last-of-type { padding-bottom: 0; }
section.bg-orange-light {
  padding-right: var(--flexbox-outer-margin);
  padding-left: var(--flexbox-outer-margin);
  background-color: var(--lise-orange-light);
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}
section.bg-orange-light h2 { --pico-h2-color: var(--lise-blue); }
footer {
  font-size: .7rem;
  text-align: center;
  margin-top: var(--section-bottom-spacing);
}

/*
 * Utils
 */
.fw-bold { font-weight: bold; }
.img-fluid { max-width: 100%; }
.d-none { display: none !important; }
.d-flex { display: flex !important; }
.text-right { text-align: right; }
@media screen and (min-width: 75em) {
  .img-initial-lg { max-width: initial; }
}
.mt-10 { margin-top: calc(var(--lise-spacing) / 2) !important; }
.mt-20 { margin-top: var(--lise-spacing) !important; }
.mt-30 { margin-top: var(--pico-spacing) !important; }
.mt-60 { margin-top: calc(var(--pico-spacing) * 2) !important; }
@media (min-width: 48em) {
  .d-sm-block { display: block !important; }
  .d-sm-none { display: none !important; }
}
@media screen and (min-width: 64em) {
  .d-md-block { display: block !important; }
}

img[src$="#logo"] { width: 92px; height: 65px; }
@media screen and (min-width: 48rem) { /* var(--flexbox-screen-sm-min) */
  img[src$="#logo"] { width: 121px; height: 85px; }
}
img[src$="#ruban"] { width: 76px; height: 136px; }
img[src$="#personnes"] { width: 131px; height: 150px; }
img[src$="#valise"] { width: 98px; height: 72px; }
img[src$="#etoiles"] { width: 76px; height: 96px; }
img[src$="#oeil"] { width: 95px; height: 49px; }
img[src$="#coffre"] { width: 95px; height: 83px; }
img[src$="#ampoule"] { width: 64px; height: 125px; }
img[src$="#ligne"] { width: 142px; height: 98px; }
img[src$="#nuage"] { width: 100px; height: 98px;}
img[src$="#logo-footer"] { width: 182px; height: 110px; }
img[src$="#envelope"] { width: 90px; height: 63px; }

/*
 * Sections
 */
#menu {
  position: fixed;
  left: 0;
  right: 0;
  background-color: var(--lise-orange-lighter);
  z-index: 3;
  padding: 0 var(--flexbox-container-padding);
}
#presentation-image { position: relative; z-index: 2; }
#realisations .row [class*="col-"] { margin-top: 0.76190rem; }
#realisations .row:first-child [class*="col-"]:first-child { margin-top: 0; }
#realisations { margin-top: -8.571rem; padding-top: 4.28571rem }
@media screen and (min-width: 48rem) { /* var(--flexbox-screen-md-min) */
  #realisations { margin-top: 0; }
}
@media screen and (min-width: 75em) { /* var(--flexbox-screen-lg-min) */
  #realisations { margin-top: -8.571rem; }
  #realisations .row { margin-top: 0.76190rem; }
  #realisations .row [class*="col-"] { margin-top: 0; }
}
#confiance { text-align: center; }
#confiance img { margin: calc(var(--lise-spacing) / 2) 1.42857rem auto; }

.realisation { position: relative; }
.realisation img { display: block; }
.realisation:hover a { opacity: 1; }
.realisation a {
  transition: opacity .5s;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: var(--lise-orange-lighter);
  filter: opacity(.92);
  color: var(--lise-black);
  font-weight: bold;
  font-size: 1.3rem;
}
.realisation a small { font-weight: normal; }
.realisation a .description {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  line-height: 1.2rem;
}

/*
 * Carousel
 */
.pico .glide__slides :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {
  --pico-typography-spacing-top: var(--lise-spacing);
}
.glide__arrows [data-glide-dir] i {
  width: 32px;
  height: 25px;
  display: block;
  background: url('/images/sprite-resized.svg#fleche') no-repeat;
}
.glide__arrows [data-glide-dir="<"] { transform: rotateZ(180deg); }
.glide__arrows [data-glide-dir]:hover i { background-image: url('/images/sprite-resized.svg#fleche-actif'); }
.glide__bullets [data-glide-dir] i {
  width: 14px;
  height: 12px;
  display: block;
  background: url('/images/sprite-resized.svg#point') no-repeat;
}
.glide__bullets [data-glide-dir] { border: none; }
.glide__bullets [data-glide-dir]:hover i,
.glide__bullets [data-glide-dir].active i { background-image: url('/images/sprite-resized.svg#point-actif'); }
.glide__bullets [data-glide-dir].active {
  --pico-background-color: var(--lise-orange-dark);
  --pico-border-color: var(--lise-orange-dark);
}