@font-face {
  font-family: "Metropolis";
  src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default//Metropolis-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default//Metropolis-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default//Metropolis-SemiBoldItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Metropolis";
  src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default//Metropolis-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Quentin";
  src: url("/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/fonts/quentin/Quentin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
}
.lienglobal {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  z-index: 5;
}

.u-flex-center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
}

.u-flex-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  gap: 16px;
}

/* GLOBAL */
html {
  scroll-behavior: smooth;
}

.ResetBloc {
  position: relative;
  width: calc(100% + 60px);
  margin: 0ch -30px 0px;
}
@media screen and (max-width: 768.98px) {
  .ResetBloc {
    width: calc(100% + 36px);
    margin: 0px -18px 0px;
  }
}
.ResetBloc img, .ResetBloc picture {
  position: relative;
  width: 100%;
  display: block;
  margin: 0;
}
.ResetBloc a:focus, .ResetBloc a:active, .ResetBloc a:link, .ResetBloc a:visited {
  text-decoration: none;
}
.ResetBloc p, .ResetBloc h1, .ResetBloc h2, .ResetBloc h3, .ResetBloc h4 {
  margin: 0;
}
.ResetBloc .bold {
  font-weight: 600;
}
.ResetBloc .semibold {
  font-weight: 500;
}
.ResetBloc .light {
  font-weight: 400;
}
.ResetBloc .upper {
  text-transform: uppercase;
}
.ResetBloc .sup {
  font-size: 60%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em;
}
.ResetBloc .DispMob {
  display: block !important;
}
@media screen and (max-width: 768.98px) {
  .ResetBloc .DispMob {
    display: none !important;
  }
}
.ResetBloc .DispDesk {
  display: none !important;
}
@media screen and (max-width: 768.98px) {
  .ResetBloc .DispDesk {
    display: block !important;
  }
}
.ResetBloc .DispTab {
  display: none !important;
}
@media screen and (max-width: 990px) {
  .ResetBloc .DispTab {
    display: block !important;
  }
}
.ResetBloc .TabOnly {
  display: none !important;
}
@media screen and (max-width: 990px) and (min-width: 768.99px) {
  .ResetBloc .TabOnly {
    display: block !important;
  }
}
.ResetBloc p, .ResetBloc a {
  font-family: "Montserrat", sans-serif;
}

/* ------------------------------------ BLOC 1 ------------------------------------ */
.mgn_bloc_intro {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #B67759;
  padding: clamp(5.3846153846rem, 4.3385703598rem + 1.7683465959vw, 6.9230769231rem);
  gap: clamp(5.3846153846rem, 4.3385703598rem + 1.7683465959vw, 6.9230769231rem);
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro {
    grid-template-columns: 1fr;
    padding: clamp(5rem, 3.0769230769rem + 7.8125vw, 7.6923076923rem) clamp(1.1538461538rem, 0.8791208791rem + 1.1160714286vw, 1.5384615385rem);
    gap: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
  }
}
.mgn_bloc_intro .cont_img {
  width: 100%;
}
.mgn_bloc_intro .right,
.mgn_bloc_intro .left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0em;
}
.mgn_bloc_intro .right .bloc_txt_in {
  position: absolute;
  color: #000;
  top: 10px;
  left: 10px;
  /*  width: 100%; */
  font-size: clamp(0.6923076923rem, 0.3261919336rem + 0.6189213086vw, 1.2307692308rem);
  font-weight: 500;
  text-decoration: underline;
  text-underline-position: under;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro .right .bloc_txt_in {
    font-size: clamp(0.8461538462rem, 0.5714285714rem + 1.1160714286vw, 1.2307692308rem);
  }
}
.mgn_bloc_intro .right .bloc_txt p {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 85%;
  left: 75%;
  width: -moz-fit-content;
  width: fit-content;
  color: #FAF6F0;
  rotate: -15deg;
  font-family: "Quentin", serif;
  font-size: clamp(5.3846153846rem, 4.8615928722rem + 0.884173298vw, 6.1538461538rem);
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro .right .bloc_txt p {
    top: 80%;
    left: 62%;
    font-size: clamp(3.0769230769rem, 1.978021978rem + 4.4642857143vw, 4.6153846154rem);
  }
}
.mgn_bloc_intro .left {
  gap: clamp(2.3076923077rem, 1.2616472829rem + 1.7683465959vw, 3.8461538462rem);
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro .left {
    width: 90%;
    margin: auto;
  }
}
.mgn_bloc_intro .left p:nth-child(1) {
  position: relative;
  width: 100%;
  color: #fff;
  font-family: "Playfair Display", serif;
  font-size: clamp(1.9230769231rem, 0.3540093858rem + 2.6525198939vw, 4.2307692308rem);
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro .left p:nth-child(1) {
    font-size: clamp(1.6923076923rem, 1.4725274725rem + 0.8928571429vw, 2rem);
  }
}
.mgn_bloc_intro .left p:nth-child(2) {
  position: relative;
  width: 100%;
  color: #fff;
  font-size: clamp(0.8461538462rem, 0.5846425899rem + 0.442086649vw, 1.2307692308rem);
  line-height: clamp(1.5384615385rem, 1.2769502823rem + 0.442086649vw, 1.9230769231rem);
  text-align: left;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_intro .left p:nth-child(2) {
    text-align: center;
    font-size: clamp(0.8461538462rem, 0.7362637363rem + 0.4464285714vw, 1rem);
    line-height: 1.6em;
    font-weight: 300;
  }
}

/* ------------------------------------ BLOC 2 ------------------------------------ */
.mgn_bloc_txt {
  position: relative;
  width: 100%;
  display: flex;
  flex-flow: column;
  background-color: #fff;
  padding: clamp(6.5384615385rem, 5.4924165136rem + 1.7683465959vw, 8.0769230769rem);
  background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/LP-2025/lp-association-josephine-2/BG_COEUR_DESK.webp);
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_txt {
    padding: clamp(6.1538461538rem, 5.0549450549rem + 4.4642857143vw, 7.6923076923rem) 30px;
    background-image: url(/on/demandware.static/-/Library-Sites-SharedLibraryMorgan/default/content_asset/LP-2025/lp-association-josephine-2/BG_COEUR_MOB.webp);
  }
}
.mgn_bloc_txt .deco_mid {
  position: absolute;
  top: 80%;
  left: 0;
  width: clamp(10.7692307692rem, 6.5850506699rem + 7.0733863837vw, 16.9230769231rem);
}
.mgn_bloc_txt .deco_top {
  top: -90%;
  width: 20%;
}
.mgn_bloc_txt .bloc_txt p:nth-child(1) {
  position: relative;
  width: 75%;
  margin: auto;
  color: #000;
  font-family: "Quentin", serif;
  font-size: clamp(3.0769230769rem, 2.5539005645rem + 0.884173298vw, 3.8461538462rem);
  line-height: clamp(3.4615384615rem, 2.9385159491rem + 0.884173298vw, 4.2307692308rem);
  text-align: center;
  margin-bottom: clamp(2.3076923077rem, 1.2616472829rem + 1.7683465959vw, 3.8461538462rem);
}
.mgn_bloc_txt .bloc_txt p:nth-child(1) .backcoulignement {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_txt .bloc_txt p:nth-child(1) {
    width: 100%;
    font-size: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
    line-height: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
  }
}
.mgn_bloc_txt .bloc_txt p:nth-child(2) {
  color: #000;
  text-align: center;
  font-size: clamp(0.8461538462rem, 0.5846425899rem + 0.442086649vw, 1.2307692308rem);
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_txt .bloc_txt p:nth-child(2) {
    text-align: right;
    font-size: clamp(0.9230769231rem, 0.8131868132rem + 0.4464285714vw, 1.0769230769rem);
    line-height: clamp(0.9230769231rem, 0.8131868132rem + 0.4464285714vw, 1.0769230769rem);
  }
}
.mgn_bloc_txt .deco_bot {
  display: none;
}

/* ------------------------------------ BLOC 3 ----------------------------------- */
.mgn_bloc_grid {
  background-color: #FAF6F0;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-areas: "bloc_part1 bloc_part2";
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid {
    gap: 5em;
    grid-template-areas: "bloc_part2" "bloc_part1";
    margin-bottom: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
    margin-bottom: 0;
  }
}
.mgn_bloc_grid .deco_top {
  position: absolute;
  right: 0;
  top: 37%;
  width: 19%;
  display: flex;
  justify-content: end;
}
.mgn_bloc_grid .bloc_part1,
.mgn_bloc_grid .bloc_part2,
.mgn_bloc_grid .bloc_part3,
.mgn_bloc_grid .bloc_part4 {
  position: relative;
  width: 100%;
}
.mgn_bloc_grid .bloc_part1,
.mgn_bloc_grid .bloc_part4 {
  display: flex;
  width: 75%;
  margin: auto;
  flex-flow: column;
  gap: clamp(2.3076923077rem, 0.7386247705rem + 2.6525198939vw, 4.6153846154rem);
}
.mgn_bloc_grid .bloc_part1 p,
.mgn_bloc_grid .bloc_part4 p {
  text-align: left;
}
.mgn_bloc_grid .bloc_part1 p:nth-child(1),
.mgn_bloc_grid .bloc_part4 p:nth-child(1) {
  display: flex;
  flex-flow: column;
  position: relative;
  color: #000;
  font-family: "Playfair Display", serif;
  font-size: clamp(2.7692307692rem, 2.0369992519rem + 1.2378426172vw, 3.8461538462rem);
  line-height: clamp(2.7692307692rem, 2.0369992519rem + 1.2378426172vw, 3.8461538462rem);
  text-transform: uppercase;
}
.mgn_bloc_grid .bloc_part1 p:nth-child(2),
.mgn_bloc_grid .bloc_part4 p:nth-child(2) {
  font-size: clamp(0.8461538462rem, 0.5846425899rem + 0.442086649vw, 1.2307692308rem);
  line-height: clamp(1.5384615385rem, 1.2769502823rem + 0.442086649vw, 1.9230769231rem);
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid .bloc_part1 p:nth-child(2),
  .mgn_bloc_grid .bloc_part4 p:nth-child(2) {
    font-size: clamp(0.8461538462rem, 0.7362637363rem + 0.4464285714vw, 1rem);
    line-height: 1.6em;
  }
}
.mgn_bloc_grid .bloc_part4 {
  align-items: flex-start;
}
.mgn_bloc_grid .bloc_part2 .bloc_txt_in,
.mgn_bloc_grid .bloc_part3 .bloc_txt_in {
  position: absolute;
  color: #fff;
  bottom: 15px;
  left: 0;
  /* width: 100% */
  padding-left: 20px;
  font-size: clamp(0.6923076923rem, 0.3261919336rem + 0.6189213086vw, 1.2307692308rem);
  text-decoration: underline;
  text-underline-position: under;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid .bloc_part2 .bloc_txt_in,
  .mgn_bloc_grid .bloc_part3 .bloc_txt_in {
    font-size: clamp(0.8461538462rem, 0.5714285714rem + 1.1160714286vw, 1.2307692308rem);
  }
}
.mgn_bloc_grid .bloc_flex {
  display: flex;
  flex-direction: row;
  gap: clamp(1.5384615385rem, 1.015439026rem + 0.884173298vw, 2.3076923077rem);
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid .bloc_flex {
    display: flex;
    flex-direction: row-reverse;
    gap: clamp(1.5384615385rem, 1.015439026rem + 0.884173298vw, 2.3076923077rem);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
  }
}
.mgn_bloc_grid .bloc_flex .cont_logo {
  max-width: 45%;
  order: 2;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid .bloc_flex .cont_logo {
    order: 0 !important;
    width: 40% !important;
    margin-bottom: 1em;
    max-width: unset !important;
  }
}
.mgn_bloc_grid .bloccta {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 6;
  box-sizing: border-box;
  background: #1A1A1A;
  /* border: 1px solid $font-color; */
  border-radius: 6px;
  transition: all 0.3s ease-in-out;
  text-align: center;
  font-weight: 500;
  font-size: clamp(0.8461538462rem, 0.6892470924rem + 0.2652519894vw, 1.0769230769rem);
  width: fit-content;
  color: #fff;
  padding: 16px 24px;
}
@media screen and (max-width: 768.98px) {
  .mgn_bloc_grid .bloccta {
    font-size: clamp(0.8461538462rem, 0.6813186813rem + 0.6696428571vw, 1.0769230769rem);
  }
}
.mgn_bloc_grid .bloccta a {
  color: #fff;
}
.mgn_bloc_grid .bloccta:hover {
  background: #fff;
  color: #1A1A1A;
  /* border: 1px solid $back-color; */
}
.mgn_bloc_grid .bloccta:hover a {
  color: #1A1A1A;
}
.mgn_bloc_grid .bloccta:hover {
  background-color: #333;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .mgn_bloc_grid .bloccta .bloc_part1 {
    order: 4;
    padding-bottom: 5em;
  }
  .mgn_bloc_grid .bloccta .bloc_part2 {
    order: 3;
  }
  .mgn_bloc_grid .bloccta .bloc_part3 {
    order: 1;
  }
  .mgn_bloc_grid .bloccta .bloc_part4 {
    order: 2;
  }
  .mgn_bloc_grid .bloccta .bloc_part1,
  .mgn_bloc_grid .bloccta .bloc_part4 {
    width: 80%;
    gap: clamp(2.3076923077rem, 1.7582417582rem + 2.2321428571vw, 3.0769230769rem);
  }
  .mgn_bloc_grid .bloccta .bloc_part1 p,
  .mgn_bloc_grid .bloccta .bloc_part4 p {
    text-align: left !important;
  }
  .mgn_bloc_grid .bloccta .bloc_part1 p:nth-child(1),
  .mgn_bloc_grid .bloccta .bloc_part4 p:nth-child(1) {
    font-size: clamp(2.4615384615rem, 2.1318681319rem + 1.3392857143vw, 2.9230769231rem);
    line-height: clamp(2.4615384615rem, 2.1318681319rem + 1.3392857143vw, 2.9230769231rem);
  }
}/*# sourceMappingURL=style.css.map */