@charset "UTF-8";
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 6, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 12, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 18, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 24, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 32, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInRight"] {
  animation: fadeInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 48, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/Inter-4b7c67b0e6776c56fc633830a032cb75a5e48b786ae698ae1b97ecf3429bb401.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-600 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-Medium';
  font-style: normal;
  font-weight: 600;
  src: url(/assets/Montserrat-Medium-7e875a0f9a88383bdf5aadc192430d9150ef86e1e0e6a85bb7559b32eccda198.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-800 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-SemiBold';
  font-style: normal;
  font-weight: 800;
  src: url(/assets/Montserrat-SemiBold-802cca5fd1e5b1fdbd7ecd34dbefbcfba8ebf8b8a956a4e0b4322b8d4a05c5a0.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-900 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: 900;
  src: url(/assets/Montserrat-Bold-7b7a31d1139d0c2963d59d485dd4ad3b24b2aedf16822b24cc4f4944b4ab4d7a.woff2) format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-family: 'FamiljenGrotesk-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/FamiljenGrotesk-Regular-6003d52e4ccb3c9271b4e07aed9db7cf9d03af5fef40b8abd77e8a483f002346.woff2) format("woff2");
}

@font-face {
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Montserrat-Bold-7b7a31d1139d0c2963d59d485dd4ad3b24b2aedf16822b24cc4f4944b4ab4d7a.woff2) format("woff2");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/assets/merriweather-v33-latin-300-a6a496f41ba9dc86538483fa92b22997d7f96d3d9315b3c372cc47fcee511baa.woff2) format("woff2");
}

@font-face {
  font-family: 'Montserrat-SemiBold';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/merriweather-v33-latin-regular-f9f999800ea9e80989f01f399f45081521b10c862b90498c390dfd91d06e8ef4.woff2) format("woff2");
}

@font-face {
  font-family: 'Merriweather-Bold';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/merriweather-v33-latin-700-0fbb087159a3cce30db29e7ba0dbc274abee4918b65ab395f6a26aab265bce43.woff2) format("woff2");
}

@font-face {
  font-family: 'Kaushan-Script-Regular';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/kaushan-script-v19-latin-regular-934877ed890e318bed6ef6c54470f07cb0aab439c17630a3269af4028e5536a9.woff2) format("woff2");
}

/* line 88, app/assets/stylesheets/_texts.scss */
.has-text-color-primary {
  color: #06425c;
}

/* line 92, app/assets/stylesheets/_texts.scss */
.has-text-color-primary-light {
  color: #f4efea;
}

/* line 96, app/assets/stylesheets/_texts.scss */
.has-text-color-secondary {
  color: #f17216;
}

/* line 103, app/assets/stylesheets/_texts.scss */
h1 {
  font-family: "Montserrat-Bold",normal;
  line-height: 155%;
  font-size: calc(100% + 1.3vw);
}

/* line 109, app/assets/stylesheets/_texts.scss */
.p-section-title {
  font-family: "Montserrat-Bold",normal;
  line-height: 155%;
  font-size: calc(100% + 1.3vw);
}

/* line 115, app/assets/stylesheets/_texts.scss */
.p-title {
  font-family: "Montserrat-Bold",normal;
  font-size: calc(80% + 0.5vw);
}

/* line 120, app/assets/stylesheets/_texts.scss */
.p-footer {
  font-family: "Montserrat-Bold",normal;
  font-size: calc(50% + 0.35vw);
}

/* line 126, app/assets/stylesheets/_texts.scss */
.is-yeseva {
  font-family: 'Yeseva One', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: -1px;
  line-height: 155%;
  font-size: calc(100% + 6vw);
  color: black;
}

/* line 136, app/assets/stylesheets/_texts.scss */
.is-script-big {
  font-family: 'Kaushan-Script-Regular', cursive;
  font-weight: 400 !important;
  font-size: calc(100% + 1.6vw);
}

/* line 142, app/assets/stylesheets/_texts.scss */
h2 {
  font-family: "Montserrat-Bold",normal;
  letter-spacing: -1px;
  line-height: 105%;
  font-size: calc(100% + 3vw);
}

/* line 149, app/assets/stylesheets/_texts.scss */
h3 {
  font-family: "Montserrat-Bold",normal;
  letter-spacing: -1px;
  line-height: 105%;
  font-size: calc(70% + 0.75vw);
}

/* line 156, app/assets/stylesheets/_texts.scss */
p {
  font-family: "Inter",serif;
  font-size: calc(100% + 1vw);
}

/* line 161, app/assets/stylesheets/_texts.scss */
.p-small-annonce {
  font-family: "Inter",serif !important;
  font-size: calc(60% + 0.45vw) !important;
}

/* line 166, app/assets/stylesheets/_texts.scss */
.p-navbar-link {
  font-family: 'Montserrat-Medium', cursive;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  font-size: calc(30% + 0.5vw);
}

/* line 173, app/assets/stylesheets/_texts.scss */
.p-desc {
  font-family: "Inter",serif !important;
  font-size: calc(100% + 0.45vw) !important;
}

/* line 178, app/assets/stylesheets/_texts.scss */
.p-small-uppercase {
  font-family: "Inter",sans-serif;
  margin-bottom: 2rem;
  font-size: calc(40% + 0.45vw);
}

/* line 184, app/assets/stylesheets/_texts.scss */
.p-filtre-title {
  font-family: "Inter",serif !important;
  font-size: calc(100% + 0.35vw) !important;
}

/* line 189, app/assets/stylesheets/_texts.scss */
.p-filtre {
  font-family: "Inter",serif !important;
  font-size: calc(100% + 0.15vw) !important;
}

/* line 194, app/assets/stylesheets/_texts.scss */
.p-filtre-form {
  font-family: "Inter",serif !important;
  font-size: calc(75% + 0.05vw) !important;
}

/* line 199, app/assets/stylesheets/_texts.scss */
.small-uppercase {
  font-family: "Inter",sans-serif;
  letter-spacing: 3px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: calc(100% + 0.45vw);
}

/* line 208, app/assets/stylesheets/_texts.scss */
.tiny-uppercase {
  font-family: "Inter",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #f17216;
}

/* line 217, app/assets/stylesheets/_texts.scss */
.tiny-uppercase:link {
  font-family: "Inter",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #f17216;
}

/* line 226, app/assets/stylesheets/_texts.scss */
a.tiny-uppercase:hover {
  font-family: "Inter",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1rem;
  color: #c2590e;
}

/* line 237, app/assets/stylesheets/_texts.scss */
.shadow-card {
  text-shadow: 1px 3px 2px black;
}

/* line 241, app/assets/stylesheets/_texts.scss */
.medium-uppercase {
  font-family: "Montserrat-SemiBold",normal;
  line-height: 85%;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: calc(100% + 4.35vw);
}

/* line 249, app/assets/stylesheets/_texts.scss */
.medium-uppercase-Montserrat-Bold {
  font-family: 'Montserrat-Bold', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 2vw);
}

/* line 258, app/assets/stylesheets/_texts.scss */
.medium-uppercase-Montserrat-Bold-2 {
  font-family: 'Montserrat-Bold', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 1.5vw);
}

/* line 267, app/assets/stylesheets/_texts.scss */
.small-uppercase-Montserrat-Bold {
  font-family: 'Montserrat-Bold', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(100% + 0.5vw);
}

/* line 276, app/assets/stylesheets/_texts.scss */
.small-uppercase-Montserrat-Bold-2 {
  font-family: 'Montserrat-Bold', cursive;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  letter-spacing: 2px;
  line-height: 85%;
  font-size: calc(70% + 0.5vw);
}

/* line 285, app/assets/stylesheets/_texts.scss */
.big-uppercase {
  font-family: "Merriweather-Bold",normal;
  letter-spacing: -0.4rem;
  line-height: 75%;
  font-weight: 600;
  font-stretch: expanded;
  text-shadow: 0px 4px 4px #282828;
  text-transform: uppercase;
  font-size: calc(100% + 5.35vw);
}

/* line 296, app/assets/stylesheets/_texts.scss */
.title-small-uppercase {
  font-family: "Montserrat-SemiBold",normal;
  line-height: 85%;
  letter-spacing: 2px;
  text-shadow: 0px 4px 4px #282828;
  text-transform: uppercase;
  font-size: calc(100% + 4.35vw);
}

/* line 305, app/assets/stylesheets/_texts.scss */
.small-uppercase-button-main {
  font-family: "Inter",sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: calc(100% + 0.35vw);
}

/* line 312, app/assets/stylesheets/_texts.scss */
.small-uppercase-buttons {
  font-family: "Inter",sans-serif;
  letter-spacing: 3px;
  line-height: 150%;
  font-size: 1.1rem;
}

/* line 319, app/assets/stylesheets/_texts.scss */
.themed-filter {
  filter: url("#themed-filter");
}

/* line 323, app/assets/stylesheets/_texts.scss */
.mail-uppercase {
  font-family: "Inter",sans-serif;
  letter-spacing: -1px;
  line-height: 150%;
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 1.1rem;
}

/* line 332, app/assets/stylesheets/_texts.scss */
.small-uppercase-button {
  font-family: "Inter",sans-serif;
  letter-spacing: 3px;
  font-size: calc(50% + 0.4vw);
}

/* line 338, app/assets/stylesheets/_texts.scss */
.font-estim {
  font-size: calc(50% + 0.4vw);
}

/* line 342, app/assets/stylesheets/_texts.scss */
.is-global-font-uppercase {
  font-family: "Inter",sans-serif;
  text-transform: uppercase;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* line 6, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInCard"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 12, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInLeft"] {
  animation: slideInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 18, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="slideInRight"] {
  animation: slideInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
}

/* line 24, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeIn"] {
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 3s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 32, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInLeft"] {
  animation: fadeInLeft;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 40, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="fadeInRight"] {
  animation: fadeInRight;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
  opacity: 0;
}

/* line 48, app/assets/stylesheets/_animate.scss */
.is-inViewport[datainviewport="flipInX"] {
  animation: flipInX;
  /* referring directly to the animation's @keyframe declaration */
  animation-fill-mode: forwards;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

/* line 5, app/assets/stylesheets/_intro.scss */
.introduction {
  z-index: 7;
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(to right, #022433 50%, #06425c 0);
  background-size: 200% 100%;
  background-position: right;
  top: 0;
  left: 0;
  -webkit-animation: makeItfadeIn 3.5s 1s forwards;
  animation: makeItfadeIn 3.5s 1s forwards;
}

/* line 19, app/assets/stylesheets/_intro.scss */
.main {
  opacity: 0;
  -webkit-animation: fadeIn;
  animation: fadeIn;
  /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
  animation-iteration-count: 1;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

/* line 29, app/assets/stylesheets/_intro.scss */
.logo_intro {
  position: absolute;
  width: 25%;
  left: 37.5%;
  top: 40%;
}

@keyframes makeItfadeIn {
  100% {
    background-position: left;
    z-index: 0;
  }
}

/* line 3, app/assets/stylesheets/_cursor.scss */
.span-underline {
  text-decoration: underline;
  text-decoration-color: transparent;
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  transition: 1s ease-in;
}

/* line 11, app/assets/stylesheets/_cursor.scss */
.span-color {
  background-color: transparent;
  transition: 1s ease-in;
}

/* line 16, app/assets/stylesheets/_cursor.scss */
.p-desc:hover > .span-underline {
  text-decoration-color: #06425c;
  -webkit-text-decoration-color: #06425c;
  -moz-text-decoration-color: #06425c;
  transition: 1s ease-out;
}

/* line 23, app/assets/stylesheets/_cursor.scss */
.p-desc:hover > .span-color {
  background-color: #06425c;
  color: #f17216;
  transition: 1s ease-out;
}

/* line 29, app/assets/stylesheets/_cursor.scss */
.card-shadow-left {
  transition: 1s ease-out !important;
  border: 0px solid white;
  transform: scale(1);
  z-index: 0;
}

/* line 36, app/assets/stylesheets/_cursor.scss */
.card-shadow-left:hover {
  -webkit-box-shadow: -20px 9px 15px 5px #f17216;
  box-shadow: -20px 9px 15px 5px #f17216;
  border: 10px solid white;
  transform: scale(1.1);
  z-index: 9;
  transition: 1s ease-out !important;
}

/* line 46, app/assets/stylesheets/_cursor.scss */
.card-shadow-right {
  transition: 1s ease-out !important;
  border: 0px solid white;
  transform: scale(1);
  z-index: 0;
}

/* line 53, app/assets/stylesheets/_cursor.scss */
.card-shadow-right:hover {
  -webkit-box-shadow: 20px 9px 15px 5px #f17216;
  box-shadow: 20px 9px 15px 5px #f17216;
  border: 10px solid white;
  transform: scale(1.1);
  z-index: 9;
  transition: 1s ease-out !important;
}

/* line 63, app/assets/stylesheets/_cursor.scss */
.back-to-primary > h2 {
  transition: 1s ease-out !important;
}

/* line 67, app/assets/stylesheets/_cursor.scss */
.back-to-primary {
  transition: 1s ease-out !important;
}

/* line 71, app/assets/stylesheets/_cursor.scss */
.back-to-primary:hover {
  background-color: #06425c !important;
  transition: 1s ease-out !important;
}

/* line 76, app/assets/stylesheets/_cursor.scss */
.back-to-primary:hover > h2 {
  color: white !important;
  transition: 1s ease-out !important;
}

/* line 81, app/assets/stylesheets/_cursor.scss */
#header-video:hover {
  overflow: hidden;
  background: linear-gradient(to right, #06425c 20%, #06425c 40%, #f17216 50%, #f17216 55%, #06425c 70%, #06425c 100%);
  background-size: 200% auto;
  animation: shine 4s linear infinite;
}

/*Begin shimmer code*/
@keyframes shine {
  to {
    background-position: 200% center;
  }
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
/* line 14, app/assets/stylesheets/home.scss */
* {
  scrollbar-width: auto;
  scrollbar-color: #ffffff #f17216;
}

/* Chrome, Edge, and Safari */
/* line 20, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar {
  width: 8px;
  padding-right: 2px;
}

/* line 25, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar-track {
  background: #06425c;
}

/* line 29, app/assets/stylesheets/home.scss */
*::-webkit-scrollbar-thumb {
  background-color: #f17216;
  border-radius: 10px;
  border: 1px solid #000000;
}

/* line 36, app/assets/stylesheets/home.scss */
html, body {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* line 41, app/assets/stylesheets/home.scss */
strong {
  color: white;
}

@keyframes FadeInOutSarreguemines {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* line 55, app/assets/stylesheets/home.scss */
.container-hover:hover {
  filter: brightness(1.2);
  transition: all 0.5s linear;
}

/* line 60, app/assets/stylesheets/home.scss */
.container-hover {
  filter: brightness(1);
  transition: all 0.5s linear;
}

/* line 65, app/assets/stylesheets/home.scss */
.top-img {
  animation-name: FadeInOutSarreguemines;
  animation-timing-function: cubic-bezier(0.9, 0.28, 0.06, 0.83);
  animation-iteration-count: infinite;
  animation-duration: 5s;
  animation-direction: alternate;
}

/* line 73, app/assets/stylesheets/home.scss */
.zoom-test:hover {
  transform: scale(1.1);
  transition: cubic-bezier(0.075, 0.82, 0.165, 1);
}

/* line 78, app/assets/stylesheets/home.scss */
.no-padding {
  padding: 0;
}

/* line 82, app/assets/stylesheets/home.scss */
.border-color {
  border: solid 1px #06425c;
}

/* line 86, app/assets/stylesheets/home.scss */
.is-border-color-secondary {
  border: solid 2px #f17216;
}

/* line 90, app/assets/stylesheets/home.scss */
.is-border-color-secondary-dashed {
  border: dashed 2px #f17216;
}

/* line 94, app/assets/stylesheets/home.scss */
.glasscard {
  border-radius: 20px;
  padding-bottom: 10px;
  padding-top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: rgba(0, 0, 0, 0.151);
  backdrop-filter: blur(1px);
}

/* line 104, app/assets/stylesheets/home.scss */
.card-equal {
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
}

/* line 111, app/assets/stylesheets/home.scss */
.navbar-item:hover {
  color: #06425c !important;
}

/* line 115, app/assets/stylesheets/home.scss */
.is-background-color {
  background-color: #06425c !important;
}

/* line 119, app/assets/stylesheets/home.scss */
.is-background-color-lighter {
  background-color: #184475 !important;
}

/* line 123, app/assets/stylesheets/home.scss */
.is-background-color-light {
  background-color: #f4efea !important;
}

/* line 127, app/assets/stylesheets/home.scss */
.is-background-color-secondary {
  background-color: #f17216 !important;
}

/* line 131, app/assets/stylesheets/home.scss */
.is-background-storytelling {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/assets/daniel_martin/sarreguemines/sarreguemines-3c21f76e74d9b74603d153b7335a06bd555e12fb87c057797f11cb456757dd36.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 138, app/assets/stylesheets/home.scss */
.cardheight {
  height: 100%;
}

/* line 142, app/assets/stylesheets/home.scss */
.card-shadow:hover {
  box-shadow: 0px 0px 0px 5px #f17216;
  transform: scale(0.99);
  transition: 0.5s linear;
}

/* line 148, app/assets/stylesheets/home.scss */
.img-square {
  object-fit: cover;
  object-position: top;
  width: 100%;
  height: 400px;
}

/* line 155, app/assets/stylesheets/home.scss */
.contact-margin {
  margin-bottom: 20px;
}

/* line 159, app/assets/stylesheets/home.scss */
.contact-card-button {
  background-color: #06425c;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
}

/* line 166, app/assets/stylesheets/home.scss */
.bottom-section {
  background-color: #06425c;
  font-size: 18px;
}

/* line 171, app/assets/stylesheets/home.scss */
.footerlink {
  color: #ffd94d;
}

/* line 175, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 185, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 193, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 200, app/assets/stylesheets/home.scss */
.image-fit {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: bottom !important;
}

/* line 207, app/assets/stylesheets/home.scss */
.mouse-hand {
  cursor: pointer;
}

/* line 211, app/assets/stylesheets/home.scss */
.image-fit-mobile {
  height: 50vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* line 218, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1663320679 .shape-fill {
  fill: #06425c;
}

/* line 222, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 232, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 240, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-1 .shape-fill {
  fill: #a6b6aa;
}

/* line 244, app/assets/stylesheets/home.scss */
.is-background-color-shape {
  background-color: #a6b6aa;
}

/* line 248, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 258, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 266, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-2 .shape-fill {
  fill: #f4efea;
}

/* line 270, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  line-height: 0;
  transform: rotate(180deg);
}

/* line 280, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 svg {
  position: relative;
  display: block;
  width: calc(190% + 1.3px);
  height: 115px;
  transform: rotateY(180deg);
}

/* line 288, app/assets/stylesheets/home.scss */
.custom-shape-divider-bottom-3 .shape-fill {
  fill: #f17216;
}

/* line 293, app/assets/stylesheets/home.scss */
.centered-text-image {
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

/* line 301, app/assets/stylesheets/home.scss */
.imageoverflow {
  overflow: hidden;
  position: relative;
  text-align: center;
  color: white;
}

/* line 308, app/assets/stylesheets/home.scss */
.card {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

/* line 312, app/assets/stylesheets/home.scss */
.image-fit {
  height: 75vh !important;
  width: 100% !important;
  object-fit: cover !important;
  object-position: bottom !important;
}

/* line 319, app/assets/stylesheets/home.scss */
.columnbackground {
  background-image: url(/assets/daniel_martin/sarreguemines/sarreguemines_5-9ca11535502afd40cd14a057b6f495bda11aab34fa3201a009dbeac741adb5ba.webp);
  min-height: 500px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 327, app/assets/stylesheets/home.scss */
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8d8d8d !important;
  opacity: 0.5;
  /* Firefox */
}

/* line 332, app/assets/stylesheets/home.scss */
.columnbackground2 {
  background-image: url(/assets/daniel_martin/sarralbe/sarralbe_6-489588b30442bae1b09598f709bcc6a24141ee4ae003b67cc44ab6d8d0ff3270.webp);
  background-size: cover;
  min-height: 500px;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 340, app/assets/stylesheets/home.scss */
.menu-filtre {
  position: sticky;
  display: inline-block;
  vertical-align: top;
  min-height: 100vh;
  max-height: 100vh;
  width: 100%;
  top: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 352, app/assets/stylesheets/home.scss */
.boxsearch {
  box-shadow: none;
  border-radius: 0px;
  border-left: 0.1px solid #9b9b9b;
  border-top: 0.1px solid #9b9b9b;
}

/* line 362, app/assets/stylesheets/home.scss */
.icon-link-style {
  color: #585856;
  margin: 5px;
}

/* line 367, app/assets/stylesheets/home.scss */
.icon-link-style:visited {
  color: #303030;
}

/* line 371, app/assets/stylesheets/home.scss */
.logo-center {
  position: absolute;
  z-index: 99;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
  pointer-events: none;
}

/* line 381, app/assets/stylesheets/home.scss */
.icon-link-style:hover {
  color: #999999;
}

/* line 385, app/assets/stylesheets/home.scss */
.hr-style {
  height: 1px;
  border: white dashed 1px;
}

/* line 390, app/assets/stylesheets/home.scss */
.button-border-secondary {
  border: #f17216 solid 1px;
  border-radius: 50px;
  background-color: transparent;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 397, app/assets/stylesheets/home.scss */
.button-border-primary {
  border: #06425c solid 1px;
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 403, app/assets/stylesheets/home.scss */
.article-border-top-bottom {
  border-top: 3px solid #06425c;
  border-bottom: 3px solid #06425c;
}

/* line 408, app/assets/stylesheets/home.scss */
.article-border-right-bottom {
  border-right: 3px solid #06425c;
  border-bottom: 3px solid #06425c;
}

/* line 413, app/assets/stylesheets/home.scss */
.article-border-bottom {
  border-right: 3px solid #06425c;
  border-bottom: 3px solid #06425c;
}

/* line 418, app/assets/stylesheets/home.scss */
.footer-border-left {
  border-left: 3px dashed #f17216;
}

/* line 422, app/assets/stylesheets/home.scss */
.footer-border-bottom {
  background-color: transparent;
  border-bottom: 3px dashed #f17216;
}

/* line 427, app/assets/stylesheets/home.scss */
.home-video {
  width: 100vw;
  height: 100vh;
  position: absolute;
  display: flex;
  justify-content: center;
  object-fit: cover;
  top: 0;
}

/* line 438, app/assets/stylesheets/home.scss */
.home-video-wrapper {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

/* line 444, app/assets/stylesheets/home.scss */
.video-css {
  min-width: 100%;
  position: fixed;
  top: 0;
  z-index: -999;
}

/* line 451, app/assets/stylesheets/home.scss */
.text-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 460, app/assets/stylesheets/home.scss */
.title-overlay {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 469, app/assets/stylesheets/home.scss */
.pics-annonces {
  display: block !important;
  max-width: 300px !important;
  max-height: 300px !important;
  width: auto !important;
  height: auto !important;
  width: 100% !important;
  margin: 0 !important;
}

/* line 481, app/assets/stylesheets/home.scss */
a {
  text-decoration: none !important;
  color: #2291bd;
}

/* line 486, app/assets/stylesheets/home.scss */
.is-text-color-primary {
  color: #06425c;
}

/* line 487, app/assets/stylesheets/home.scss */
.is-text-color-secondary {
  color: #f17216 !important;
}

/* line 488, app/assets/stylesheets/home.scss */
.is-text-color-light {
  color: #f4efea;
}

/* line 490, app/assets/stylesheets/home.scss */
.boxSelected {
  box-shadow: white 0px 1px 4px, white 0px 0px 0px 3px;
  transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* line 495, app/assets/stylesheets/home.scss */
.boxRadioProvenance {
  cursor: pointer;
  user-select: none;
}

/* line 500, app/assets/stylesheets/home.scss */
.boxRadioType {
  cursor: pointer;
  user-select: none;
}

/* line 505, app/assets/stylesheets/home.scss */
.boxCheck {
  cursor: pointer;
  user-select: none;
}

/* line 510, app/assets/stylesheets/home.scss */
input[type="radio"] {
  display: none;
}

/* line 514, app/assets/stylesheets/home.scss */
.navbar-item.is-mega {
  position: static;
}

/* line 517, app/assets/stylesheets/home.scss */
.navbar-item.is-mega .is-mega-menu-title {
  margin-bottom: 0;
  padding: .375rem 1rem;
}

/* line 523, app/assets/stylesheets/home.scss */
.no-back-hover:hover {
  background-color: transparent !important;
}

/* line 527, app/assets/stylesheets/home.scss */
.blurry-navbar {
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.6) 100%) !important;
}

/* line 532, app/assets/stylesheets/home.scss */
.blurry-text {
  background-image: linear-gradient(to bottom, rgba(24, 68, 117, 0.6) 0%, rgba(24, 68, 117, 0) 100%);
  backdrop-filter: blur(13.5px);
  -webkit-backdrop-filter: blur(13.5px);
}

/* line 540, app/assets/stylesheets/home.scss */
.header-background {
  background-image: url(/assets/image_header-1f022a5cef0475f71992d9b232f3066141af3ad8a6f47697ab8bffc8b2a37e7a.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

/* line 548, app/assets/stylesheets/home.scss */
.input-placeholder::placeholder {
  color: #d3d3d3;
  /* gris doux */
  opacity: 1;
}

/* line 555, app/assets/stylesheets/home.scss */
.button.is-orange {
  background-color: #ff7a00;
  border-color: #ff7a00;
  color: #fff;
}

/* line 561, app/assets/stylesheets/home.scss */
.button.is-orange:hover,
.button.is-orange.is-hovered {
  background-color: #e66f00;
  border-color: #e66f00;
  color: #fff;
}

/* line 568, app/assets/stylesheets/home.scss */
.button.is-orange.is-outlined {
  background-color: transparent;
  color: #ff7a00;
}

/* line 573, app/assets/stylesheets/home.scss */
.button.is-orange.is-outlined:hover,
.button.is-orange.is-outlined.is-hovered {
  background-color: #ff7a00;
  border-color: #ff7a00;
  color: #fff;
}

/* line 580, app/assets/stylesheets/home.scss */
.button.is-orange:focus,
.button.is-orange.is-focused {
  box-shadow: 0 0 0 0.125em rgba(255, 122, 0, 0.25);
}

/* line 585, app/assets/stylesheets/home.scss */
.box.is-orange-hover {
  transition: background-color 0.2s ease, color 0.2s ease;
  cursor: pointer;
  /* show it’s clickable */
}

/* line 590, app/assets/stylesheets/home.scss */
.box.is-orange-hover * {
  transition: color 0.2s ease;
  /* animate inner text */
}

/* Hover / focus / active state */
/* line 595, app/assets/stylesheets/home.scss */
.box.is-orange-hover:hover,
.box.is-orange-hover:focus,
.box.is-orange-hover.is-active {
  background-color: #ff7a00;
  color: #fff;
}

/* line 602, app/assets/stylesheets/home.scss */
.box.is-orange-hover:hover .work-number img {
  filter: brightness(0) invert(1);
}

/* line 606, app/assets/stylesheets/home.scss */
.box.is-orange-hover:hover .p-title {
  filter: brightness(0) invert(1);
}

/* Ensure inner text also becomes white on hover */
/* line 611, app/assets/stylesheets/home.scss */
.box.is-orange-hover:hover * {
  color: #fff;
}

/* line 615, app/assets/stylesheets/home.scss */
.annonce-grid {
  height: 100%;
}

/* line 619, app/assets/stylesheets/home.scss */
.annonce-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: zoom-in;
}

/* line 626, app/assets/stylesheets/home.scss */
.bordered-hover {
  position: relative;
  text-decoration: none;
  color: inherit;
  transition: all 0.2s ease;
  padding: 2px 2px;
  /* spacing between text and border */
}

/* line 634, app/assets/stylesheets/home.scss */
.bordered-hover:hover {
  color: #ff7a00 !important;
  transition: all 0.2s ease;
}

/* line 639, app/assets/stylesheets/home.scss */
.bordered-hover::after {
  content: "";
  position: absolute;
  inset: -4px;
  /* space between border and link */
  border: 1px solid #ff7a00;
  border-radius: 6px;
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.2s ease, transform 0.2s ease;
}

/* line 653, app/assets/stylesheets/home.scss */
.bordered-hover:hover::after,
.bordered-hover:focus-visible::after {
  opacity: 1;
  transform: scale(1);
}

/* line 659, app/assets/stylesheets/home.scss */
.v-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* vertical center */
}

/* line 665, app/assets/stylesheets/home.scss */
.navbar-link::after {
  border-color: #ff7a00 !important;
}

/* line 669, app/assets/stylesheets/home.scss */
.navbar-link:hover,
.navbar-link:focus {
  background-color: transparent !important;
  color: #ff7a00 !important;
}

/* line 675, app/assets/stylesheets/home.scss */
.navbar-dropdown .navbar-item {
  background-color: transparent !important;
}

/* line 679, app/assets/stylesheets/home.scss */
.navbar-dropdown .navbar-item:hover,
.navbar-dropdown .navbar-item:focus {
  background-color: transparent !important;
  color: #ff7a00 !important;
}

/* line 685, app/assets/stylesheets/home.scss */
.no-back-hover:hover {
  background-color: transparent !important;
}

/* line 689, app/assets/stylesheets/home.scss */
.logo-header {
  max-height: 164px;
  width: auto;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  object-fit: contain;
}

/* Mobile */
@media (max-width: 768px) {
  /* line 700, app/assets/stylesheets/home.scss */
  .logo-header {
    max-height: 96px;
  }
}

/* line 705, app/assets/stylesheets/home.scss */
.rejoindre-list {
  list-style-type: disc;
  /* ● points */
  padding-left: 1.25rem;
  /* space for bullets */
}

/* line 710, app/assets/stylesheets/home.scss */
.rejoindre-list li {
  margin-bottom: 0.75rem;
  /* space between items */
}

/* line 718, app/assets/stylesheets/home.scss */
.dpe-label,
.ges-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  font-weight: 700;
  color: white;
  border-radius: 4px;
  margin-bottom: 4px;
}

/* line 730, app/assets/stylesheets/home.scss */
.dpe-a {
  width: 40px;
  background: #1e8f3e;
}

/* line 731, app/assets/stylesheets/home.scss */
.dpe-b {
  width: 48px;
  background: #4caf50;
}

/* line 732, app/assets/stylesheets/home.scss */
.dpe-c {
  width: 56px;
  background: #a4c639;
}

/* line 733, app/assets/stylesheets/home.scss */
.dpe-d {
  width: 64px;
  background: #f5e625;
  color: #000;
}

/* line 734, app/assets/stylesheets/home.scss */
.dpe-e {
  width: 72px;
  background: #f5a623;
}

/* line 735, app/assets/stylesheets/home.scss */
.dpe-f {
  width: 80px;
  background: #f57c00;
}

/* line 736, app/assets/stylesheets/home.scss */
.dpe-g {
  width: 88px;
  background: #d32f2f;
}

/* line 738, app/assets/stylesheets/home.scss */
.ges-a {
  width: 40px;
  background: #ede7f6;
  color: #4a148c;
}

/* line 739, app/assets/stylesheets/home.scss */
.ges-b {
  width: 48px;
  background: #d1c4e9;
  color: #4a148c;
}

/* line 740, app/assets/stylesheets/home.scss */
.ges-c {
  width: 56px;
  background: #b39ddb;
}

/* line 741, app/assets/stylesheets/home.scss */
.ges-d {
  width: 64px;
  background: #9575cd;
}

/* line 742, app/assets/stylesheets/home.scss */
.ges-e {
  width: 72px;
  background: #7e57c2;
}

/* line 743, app/assets/stylesheets/home.scss */
.ges-f {
  width: 80px;
  background: #673ab7;
}

/* line 744, app/assets/stylesheets/home.scss */
.ges-g {
  width: 88px;
  background: #4a148c;
}