@font-face {
  font-family: Playfairdisplay Variablefont Wght;
  src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Playfairdisplay Variablefont Wght;
  src: url('../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Splinesans Variablefont Wght;
  src: url('../fonts/SplineSans-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-family: "Splinesans Variablefont Wght", Arial, sans-serif;
}

.service-container {
  grid-row-gap: 21px;
  background-color: #fcfcfc;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 396px;
  height: 100%;
  padding: 31px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 5.3px #00000040;
}

.icon-wrapper {
  grid-column-gap: 10px;
  background-color: #65f37f30;
  border-radius: 100px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 15px;
  text-decoration: none;
  display: flex;
}

.service {
  color: #292524;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100.02%;
  text-decoration: none;
}

.description-du-service {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.accueil-section {
  z-index: 2;
  grid-row-gap: 30px;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 10px;
  display: flex;
  position: relative;
}

.htel-de-charme-au-cur-du-bocage-normand {
  color: #fff;
  text-align: center;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.un-lieu-paisible-lgant-et-authentique-pour-un-sjour-de-dtente-en-normandie {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.bouton {
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background-color: #0f4d0fd6;
  border: 0 solid #fff;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 3px #0000002e;
}

.dcouvrir-nos-chambres {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100.02%;
  text-decoration: none;
}

.background-wrapper {
  grid-row-gap: 10px;
  background-image: linear-gradient(0deg, #141414 0%, #324926 100%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1748px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.nav-bar {
  z-index: 3;
  grid-column-gap: 10px;
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  background-color: #fffc;
  border: 0 solid #fff;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 75px;
  padding: 10px 10%;
  text-decoration: none;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.frame-7 {
  grid-column-gap: 30%;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100vw;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.les-closeaux-phil {
  color: #000;
  text-align: center;
  -webkit-text-stroke-color: #000;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.brand-logo-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  transition: opacity 0.2s ease;
  color: #0f4d0f;
  font-family: 'Playfairdisplay Variablefont Wght', Georgia, serif;
  font-size: 1.5rem;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.5px;
}

.brand-logo-link:hover {
  opacity: 0.75;
}

.brand-logo {
  height: 38px;
  width: auto;
  display: block;
  color: #292524;
}

.footer-brand-logo {
  height: 32px;
  width: auto;
  display: block;
  color: #fff;
  filter: brightness(0) invert(1);
}

.frame-5 {
  grid-column-gap: 32px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  display: flex;
}

.accueil, .chambre, .contact {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100.02%;
  text-decoration: none;
}

.accroche-container {
  grid-row-gap: 25px;
  background-image: linear-gradient(#fff, #f7f7f7);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 500px;
  padding: 20px 10px;
  display: flex;
}

.un-havre-de-paix-en-normandie {
  color: #292524;
  text-align: center;
  text-underline-offset: 5px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 100.02%;
  text-decoration: underline;
  text-decoration-thickness: .1px;
}

.situ-au-cur-du-bocage-normand-les-closeaux-phil-est-un-htel-de-charme-offrant-un-cadre-paisible-chal {
  color: #252525;
  text-align: center;
  width: auto;
  max-width: 50%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
  position: static;
  overflow: visible;
}

.formule-container {
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 100px;
  text-decoration: none;
  display: flex;
}

.nos-formules {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 200%;
  text-decoration: none;
}

.formule-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
}

.formule {
  grid-row-gap: 10px;
  background-color: #ccffcc42;
  border: 1px solid #00753645;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 270.234vw;
  min-width: 0;
  max-width: 600px;
  height: 150px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  overflow: visible;
  box-shadow: 0 0 2.8px #00000040;
}

.frame-11 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-12 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 370px;
  text-decoration: none;
  display: flex;
}

.petit-djeuner {
  color: #047857;
  text-align: center;
  -webkit-text-stroke-color: #0f4d0f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

._11-personne {
  color: #047857b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
}

.caf-chocolat-th-lait-jus-dorange-croissant-baguette-confiture-beurre {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 200%;
  text-decoration: none;
}

.repas-du-soir {
  color: #047857;
  text-align: center;
  -webkit-text-stroke-color: #0f4d0f;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

._25-personne {
  color: #047857b3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
}

.entre-plat-fromage-dessert-caf-sur-commande-uniquement {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 200%;
  text-decoration: none;
}

.footer {
  grid-row-gap: 50px;
  background-color: #002e21;
  border: 1px solid #0f4d0f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 20px 15px;
  text-decoration: none;
  display: flex;
}

.info-container {
  grid-column-gap: 150px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.closeaux-phil-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 189px;
  text-decoration: none;
  display: flex;
}

.situ-en-normandie {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.contact-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-18 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-19 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-24 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  display: flex;
}

.lieu-dit-les-closeaux-50140-romagny-fontenay-france {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.frame-23 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._0616460888 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.horaire-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.horaires {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.rception-ouverte-24h24 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

._2026-les-closeaux-phil-tous-droits-rservs {
  color: #ffffff85;
  text-align: center;
  border-top: 1px solid #666;
  width: 80%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.decouvrez-la-normandie-section {
  grid-row-gap: 26px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 100px 20px;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.dcouvrez-la-normandie {
  color: #000;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.profitez-dun-emplacement-idal-pour-dcouvrir-les-trsors-naturels-et-culturels-de-la-normandie {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.frame-17 {
  grid-row-gap: 0px;
  background-image: url('../images/lp_image.jpeg');
  background-position: 0%;
  background-size: cover;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 450px;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.aj3b30391-2 {
  background-color: #d9d9d900;
  background-image: url("https://cdn.prod.website-files.com/698241a6046435c35d1f9aed/698e2c81e3f7cb29c0e96dfe_Capture%20d'e%CC%81cran%202025-08-20%20020127.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
}

.icon-wrapper-2 {
  grid-column-gap: 10px;
  background-image: url('../images/icon_2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 0;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.les-closeaux-phil-2 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.contact-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.macbook-pro-16---1 {
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1748px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-secton {
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-color: #000;
  background-image: linear-gradient(0deg, #00000087, #fff0), url('../images/hero-gite.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding-right: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.service-section {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 50px 20px;
  text-decoration: none;
  display: flex;
}

.services-quipements {
  color: #292524;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.frame-26 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 450px) minmax(0, 400px) repeat(auto-fit, minmax(0, 400px));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center;
  place-items: stretch stretch;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: grid;
}

.tarif-section {
  grid-row-gap: 50px;
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin: 0;
  padding: 100px 20px;
  text-decoration: none;
  display: flex;
}

.nos-chambres {
  color: #292524;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 3rem;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.frame-25 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  text-decoration: none;
  display: flex;
}

.tarif-container-box {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: repeat(auto-fit, minmax(200px, 500px)) minmax(200px, 500px) minmax(200px, 500px);
  grid-template-areas: ".";
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: center;
  place-items: stretch stretch;
  width: auto;
  min-width: 0;
  max-width: none;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: grid;
}

.chambre-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: 800px;
  height: auto;
  text-decoration: none;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 6.7px #00000040;
}

.photo-chambre-quadruple {
  opacity: 1;
  background-color: #7c936c;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('../images/pexels-marctutorials-298692-1152359.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 240px;
  display: flex;
  overflow: visible;
}

.description-container {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 30px;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  text-decoration: none;
  display: flex;
}

.chambre-quadruple {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.quipe-dun-lit-double-de-140-cm-et-2-lits-simples {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.partir-de-120-nuit {
  color: #000;
  white-space: nowrap;
  word-break: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .25rem;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
  display: inline-block;
}

.button-d-tail {
  grid-column-gap: 10px;
  border: 1px solid #047857;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  text-decoration: none;
  display: flex;
}

.voir-les-dtails {
  color: #047857;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.chambre-triple {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.quipe-de-trois-lits-simples-de-90-cm-de-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.partir-de-50-nuit {
  color: #000;
  white-space: nowrap;
  overflow-wrap: normal;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .25rem;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
  display: inline-block;
}

.chambre-twin {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.quipe-de-deux-lits-de-90-cm-de-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.chambre-double {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 100.02%;
  text-decoration: none;
}

.quipe-dun-lit-double-de-140-cm-de-large {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
}

.background-wrapper-2 {
  grid-row-gap: 10px;
  background-image: linear-gradient(0deg, #141414, #324926);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 100vh;
  max-width: none;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.service-container-2 {
  grid-column-gap: 30px;
  border: 0 solid #d8d8d8;
  border-bottom-width: 1px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1748px;
  padding: 50px 250px 65px;
  text-decoration: none;
  display: flex;
}

.service-container-3 {
  grid-row-gap: 21px;
  background-color: #fcfcfc;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 396px;
  height: 250px;
  padding: 31px 10px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 0 5.3px #00000040;
}

.partir-de-120-nuit-2 {
  color: #047857;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .5rem;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 80%;
  text-decoration: none;
  display: inline-block;
}

.partir-de-120-nuit-3 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
  display: inline-block;
}

.chambre-wrapper-2 {
  grid-row-gap: 20px;
  background-color: #fff;
  border-radius: 25px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 200px;
  max-width: 600px;
  height: 482px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 3px 6.7px #00000040;
}

.partir-de-50-nuit-2 {
  color: #047857;
  -webkit-text-stroke-color: #002e21;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .5rem;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 80%;
  text-decoration: none;
  display: inline-block;
}

.partir-de-50-nuit-3 {
  color: #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 100.02%;
  text-decoration: none;
  display: inline-block;
}

.div-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #00000024;
  border-radius: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 250px;
  padding: 30px 10px;
  display: flex;
  box-shadow: -5px 5px 16px -6px #0003;
}

.text-block {
  color: #031a00;
  text-align: center;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.icon {
  background-image: url('../images/icon_1.svg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50px;
  width: 45px;
  height: 45px;
  padding: 15px;
}

.paragraph {
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: .9rem;
  font-weight: 300;
}

.div-block-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  word-break: normal;
  overflow-wrap: normal;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-end;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  display: flex;
}

.div-block-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.prix-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.icon-4 {
  background-color: #cfc;
  background-image: url('../images/park.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-5 {
  background-color: #cfc;
  background-image: url('../images/icon_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-6 {
  background-color: #cfc;
  background-image: url('../images/icon_2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-3 {
  background-color: #cfc;
  background-image: url('../images/icon_4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-2 {
  background-color: #cfc;
  background-image: url('../images/chef.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-1 {
  background-color: #cfc;
  background-image: url('../images/icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  background-attachment: scroll;
  border-radius: 50px;
  width: 75px;
  height: 75px;
  padding: 15px;
}

.icon-wrapper-2-copy {
  grid-column-gap: 10px;
  background-image: url('../images/icon_3.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-decoration: none;
  display: flex;
}

.photo-container-2 {
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 0;
  max-height: 240px;
  overflow: hidden;
}

.photo-chambre-double {
  background-image: linear-gradient(#18000000, #0f4d0f99), url('../images/pexels-photo-34496706.jpeg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  height: auto;
  min-height: 240px;
  overflow: hidden;
}

.photo-chambre-twin {
  background-color: #ea580c;
  background-image: url('../images/pexels-ryank-32289741.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: auto;
  min-height: 240px;
  overflow: hidden;
}

.image {
  box-sizing: border-box;
  float: none;
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  max-width: 250px;
  height: 100%;
  display: block;
  overflow: hidden;
}

.photo-container {
  width: 100%;
  max-width: 100%;
  max-height: 250px;
  overflow: hidden;
}

.photo-chambre-triple {
  background-color: #f59e0b;
  background-image: url('../images/pexels-soc-nang-d-ng-2150345854-35153221.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 240px;
  overflow: hidden;
}

.photo-container-3, .photo-container-4 {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 240px;
  overflow: hidden;
}

.emplacement-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: pointer;
  background-color: #f8f8f8;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 0;
  max-width: none;
  height: 80px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.container-lieu {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  cursor: default;
  grid-template: "Area Area Area" minmax(600px, auto)
                 ". . ."
                 ". . ."
                 / minmax(0, 400px) minmax(0, 400px) minmax(0, 400px);
  grid-auto-columns: 1fr;
  place-content: center;
  align-self: auto;
  place-items: stretch stretch;
  width: auto;
  display: grid;
}

.name-place {
  color: #000;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  text-decoration: none;
}

.heading {
  width: auto;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 2rem;
  font-weight: 700;
}

.options-supl-mentaire-box {
  background-color: #f5f5f5;
  border: .25px solid #0000001a;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: auto;
  min-width: 400px;
  max-width: 700px;
  height: 150px;
  min-height: 0;
  padding: 30px;
  display: flex;
  box-shadow: 1px 4px 20px -4px #0003;
}

.div-block-7, .div-block-8, .div-block-9 {
  background-color: #f5d6d6;
}

.container-box {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(0, 550px) repeat(auto-fit, minmax(0, 550px));
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  margin-top: 30px;
  display: grid;
  overflow: hidden;
}

.div-block-10 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.text-block-2 {
  color: #047857;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
}

.text-block-3 {
  color: #047857;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.paragraph-2 {
  margin-top: 20px;
  margin-bottom: 15px;
  padding: 0;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.div-block-11 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-12 {
  box-sizing: border-box;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  aspect-ratio: auto;
  object-fit: fill;
  object-position: 50% 50%;
  background-color: #f5f5f5;
  border: .25px solid #0000001a;
  border-radius: 10px;
  flex-flow: column;
  flex: 0 auto;
  order: 0;
  justify-content: space-around;
  align-self: stretch;
  width: auto;
  min-width: 0%;
  max-width: 100%;
  height: auto;
  margin-top: 30px;
  padding: 30px;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 5px #0003;
}

.div-block-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.heading-2 {
  text-align: left;
  margin-top: 50px;
  font-family: Playfairdisplay Variablefont Wght, Arial, sans-serif;
  font-size: 2rem;
}

.text-block-4 {
  color: #047857;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
}

.div-block-14 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-bottom: .5px solid #0000001a;
  flex-flow: column;
  padding-bottom: 20px;
  display: flex;
}

.alt-text {
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.div-block-15 {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.slide {
  vertical-align: bottom;
  background-color: #ac4e4e00;
  background-image: url('../images/pexels-d-goth-34440807.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
  position: relative;
  top: 0;
}

.slider {
  background-color: #ddd0;
  height: 90%;
}

.image-2 {
  float: none;
  clear: none;
  aspect-ratio: auto;
  object-fit: fill;
  width: auto;
  height: auto;
  max-height: 100%;
  display: block;
  position: relative;
  top: auto;
  overflow: hidden;
}

.slide-2 {
  float: none;
  clear: none;
  vertical-align: baseline;
  background-image: url('../images/pexels-rockwell-branding-agency-85164430-8910682.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.slide-nav {
  opacity: .21;
  outline-offset: 0px;
  mix-blend-mode: normal;
  outline: 0 #fff;
  margin-top: 5px;
  font-family: Splinesans Variablefont Wght, Arial, sans-serif;
  font-size: 11px;
  position: relative;
}

.div-block-16 {
  height: 100%;
}

.image-3 {
  display: inline-block;
  overflow: hidden;
}

.slide-3 {
  float: none;
  clear: none;
  vertical-align: baseline;
  background-image: url('../images/pexels-jan-van-der-wolf-11680885-29906984.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.slide-4 {
  float: none;
  clear: none;
  opacity: 1;
  vertical-align: baseline;
  mix-blend-mode: normal;
  background-image: url('../images/pexels-hub-jacqu-750015482-29032249.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.slide-5 {
  float: none;
  clear: none;
  vertical-align: baseline;
  background-image: url('../images/pexels-erik-schereder-3173655-4788183.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.slide-6 {
  float: none;
  clear: none;
  vertical-align: baseline;
  background-image: url('../images/pexels-jan-van-der-wolf-11680885-29906984.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.right-arrow {
  display: block;
}

.icon-7, .icon-8 {
  display: none;
}

.mask {
  overflow: hidden;
}

.slide-1 {
  float: none;
  clear: none;
  vertical-align: baseline;
  background-image: url('../images/pexels-d-goth-34440807.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 10px;
  height: 100%;
  inset: 0;
}

.bold-text, .bold-text-2, .bold-text-3 {
  color: #047857;
}

.cgu-et-mention-legal-article-1-objet-les-prsentes-conditions-gnrales-dutilisation-rgissent-laccs-et {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: undefine;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
}

.accroche-container-2 {
  grid-row-gap: 72px;
  background-image: linear-gradient(#fff, #e4e4e4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 90px 10px 20px;
  display: flex;
  position: static;
  top: 72px;
}

.cgu-et-mention-legal-article-1-objet-les-prsentes-conditions-gnrales-dutilisation-rgissent-laccs-et-2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .25rem;
  font-family: Playfair Display, sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 200%;
  text-decoration: none;
  display: inline-block;
}

.cgu-et-mention-legal-article-1-objet-les-prsentes-conditions-gnrales-dutilisation-rgissent-laccs-et-3 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .25rem;
  font-family: Spinnaker, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
  display: inline-block;
}

.cgu-et-mention-legal-article-1-objet-les-prsentes-conditions-gnrales-dutilisation-rgissent-laccs-et-4 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spinnaker, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
  text-decoration: none;
  display: inline-block;
}

.footer-2 {
  grid-row-gap: 50px;
  background-color: #003b2a;
  border: 0 solid #74e18a;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 10px 15px;
  text-decoration: none;
  display: flex;
}

.info-container-2 {
  grid-column-gap: 50px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.les-closeaux-phil-3 {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.situ-en-normandie-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.contact-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.frame-19-2 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.lieu-dit-les-closeaux-50140-romagny-fontenay-france-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.frame-23-2 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

._33-2-33-61-41-45-2 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

.horaires-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 250%;
  text-decoration: none;
}

.rception-ouverte-24h24-2 {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

._2026-les-closeaux-phil-tous-droits-rservs-2 {
  color: #ffffff85;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Spline Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 150%;
  text-decoration: none;
}

._5oframes {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.about {
  color: #fff;
  text-align: center;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: underline;
}

.portfolio {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Hagrid Text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: underline;
  display: inline-block;
}

.portfolio-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .3125rem;
  font-family: Hagrid Text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: underline;
  display: inline-block;
}

.portfolio-3 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: underline;
  display: inline-block;
}

.frame-8 {
  grid-column-gap: 21px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-2 {
  grid-row-gap: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 244px;
  text-decoration: none;
  display: flex;
}

._01 {
  color: #e1e1e1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.conception-stratgie {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.nous-analysons-vos-besoins-et-dfinissons-ensemble-une-stratgie-digitale-sur-mesure-aligne-avec-vos-o {
  color: #ffffff8c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-1 {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 125px;
  height: 39px;
  text-decoration: none;
  display: flex;
}

.branding, .web-design {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-6 {
  grid-row-gap: 25px;
  background-image: linear-gradient(#0e0e0e 0%, #d5c6c6 55% 74%);
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 279px;
  height: 449px;
  padding: 40px 13px 43px 22px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

._02 {
  color: #e1e1e1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.cration-de-contenu {
  color: #fff;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.notre-quipe-crative-produit-des-visuels-et-vidos-de-qualit-professionnelle-qui-captent-lattention-de {
  color: #ffffff8c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.production-vido, .photographie {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

._03 {
  color: #e1e1e1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.dv-des-rseaux {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.nous-dveloppons-et-grons-votre-prsence-sur-les-rseaux-sociaux-pour-maximiser-votre-visibilit-et-enga {
  color: #ffffff8c;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.smm, .stratgie {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4 {
  grid-row-gap: 25px;
  background-image: linear-gradient(#0e0e0e 0%, #d5c6c6 55% 74%);
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 279px;
  height: 449px;
  padding: 40px 13px 43px 22px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

._04 {
  color: #e1e1e1;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.optimisation, .stratgie-digitale {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-22 {
  grid-row-gap: 18px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 732px;
  text-decoration: none;
  display: flex;
}

.notre-accompagnement {
  color: #fff;
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hagrid Text, sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-21 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 197px;
  padding: 55px 132px;
  display: flex;
  position: relative;
}

.nous-vous-accompagnons-chaque-tape-de-votre-projet-pour-garantir-votre-succs-digital {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}

.de-la-conception-la-ralisation-en-passant-par-le-dveloppement-de-votre-prsence-en-ligne-notre-quipe {
  color: #ffffff7a;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-7-2 {
  grid-row-gap: 25px;
  background-image: linear-gradient(#0e0e0e 0%, #d5c6c6 55% 74%);
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 279px;
  height: 449px;
  padding: 40px 13px 43px 22px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.frame-1-2 {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 138px;
  text-decoration: none;
  display: flex;
}

.frame-5-2 {
  grid-row-gap: 25px;
  background-image: linear-gradient(#0e0e0e 0%, #d5c6c6 55% 74%);
  border-radius: 34px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 279px;
  height: 449px;
  padding: 40px 13px 43px 22px;
  text-decoration: none;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.frame-1-3 {
  grid-column-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 125px;
  text-decoration: none;
  display: flex;
}

@media screen and (max-width: 991px) {
  .frame-5 {
    display: none;
  }

  .formule-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
    padding-right: 20px;
  }

  .formule {
    width: 100%;
    max-width: 100%;
  }

  .footer {
    justify-content: center;
    align-items: flex-start;
    padding-left: 50px;
    padding-right: 50px;
  }

  .info-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .contact-wrapper {
    border: 1px solid #acacac;
    border-style: solid none;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  ._2026-les-closeaux-phil-tous-droits-rservs {
    width: 100%;
  }

  .decouvrez-la-normandie-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-2 {
    padding-bottom: 15px;
    line-height: 100%;
  }

  .frame-26 {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);
    grid-auto-flow: row;
    place-content: center;
    align-self: auto;
    place-items: stretch stretch;
    width: 100%;
    max-width: 100%;
  }

  .tarif-section {
    padding-bottom: 100px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .tarif-container-box {
    grid-template-rows: auto auto auto;
    grid-template-columns: minmax(0, 600px);
    grid-auto-flow: row dense;
    padding-left: 0;
    padding-right: 0;
  }

  .chambre-wrapper {
    min-width: 100%;
    max-width: 100%;
  }

  .quipe-dun-lit-double-de-140-cm-et-2-lits-simples, .quipe-de-trois-lits-simples-de-90-cm-de-large, .quipe-de-deux-lits-de-90-cm-de-large, .quipe-dun-lit-double-de-140-cm-de-large {
    line-height: 150%;
  }

  .partir-de-120-nuit-2 {
    margin-right: 0;
    line-height: 80%;
  }

  .partir-de-50-nuit-2 {
    line-height: 80%;
  }

  .div-block {
    flex-flow: column;
    width: auto;
    min-width: 100%;
    max-width: 100%;
  }

  .div-block-3, .div-block-4, .div-block-5 {
    justify-content: center;
    align-items: flex-end;
  }

  .prix-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    place-items: center stretch;
    display: flex;
  }

  .container-lieu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex: 1;
    grid-template: "Area Area Area Area" minmax(500px, 1fr)
                   ". . . ."
                   ". . . ."
                   ". . . ."
                   / minmax(0%, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    align-self: stretch;
    place-items: center stretch;
    display: grid;
  }

  .options-supl-mentaire-box {
    max-width: 100%;
  }

  .container-box {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(0, 100%);
    align-self: stretch;
    place-items: center stretch;
  }
}

@media screen and (max-width: 767px) {
  .accueil-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .htel-de-charme-au-cur-du-bocage-normand {
    width: 100%;
    font-size: 2.5rem;
  }

  .nav-bar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .les-closeaux-phil {
    font-size: 1rem;
  }

  .un-havre-de-paix-en-normandie {
    font-size: 2rem;
  }

  .situ-au-cur-du-bocage-normand-les-closeaux-phil-est-un-htel-de-charme-offrant-un-cadre-paisible-chal {
    font-size: .8rem;
  }

  .footer {
    justify-content: center;
    align-items: center;
  }

  .info-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .contact-wrapper {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  ._2026-les-closeaux-phil-tous-droits-rservs {
    border-top-color: #acacac;
  }

  .contact-2 {
    margin-bottom: 0;
    line-height: 100%;
  }

  .services-quipements {
    font-size: 2rem;
  }

  .frame-26 {
    display: flex;
  }

  .tarif-container-box {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .container-lieu {
    grid-template-rows: minmax(500px, 1fr) auto auto auto auto auto auto;
    grid-template-areas: "Area Area Area Area"
                         ". . . ."
                         ". . . ."
                         ". . . ."
                         ". . . ."
                         ". . . ."
                         ". . . .";
  }
}

@media screen and (max-width: 479px) {
  .accueil-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .htel-de-charme-au-cur-du-bocage-normand {
    width: 100%;
    font-size: 2rem;
  }

  .un-lieu-paisible-lgant-et-authentique-pour-un-sjour-de-dtente-en-normandie {
    width: 80%;
    font-size: .8rem;
  }

  .nav-bar {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-7 {
    opacity: 1;
    text-align: center;
    border-radius: 0;
    margin-right: 0;
  }

  .les-closeaux-phil {
    text-align: center;
    font-size: 1rem;
    overflow: visible;
  }

  .un-havre-de-paix-en-normandie {
    font-size: 1.8rem;
  }

  .situ-au-cur-du-bocage-normand-les-closeaux-phil-est-un-htel-de-charme-offrant-un-cadre-paisible-chal {
    width: 80%;
    min-width: 100%;
    max-width: 100%;
    font-size: .8rem;
    line-height: 150%;
  }

  .nos-formules {
    text-align: center;
    font-size: 199%;
  }

  .footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .info-container {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
    position: static;
  }

  .contact-wrapper {
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    padding-bottom: 25px;
  }

  ._2026-les-closeaux-phil-tous-droits-rservs {
    border-top-color: #acacac;
  }

  .dcouvrez-la-normandie {
    font-size: 1.8rem;
  }

  .profitez-dun-emplacement-idal-pour-dcouvrir-les-trsors-naturels-et-culturels-de-la-normandie {
    font-size: .9rem;
  }

  .frame-17 {
    width: auto;
    min-width: 300px;
    max-width: 1300px;
    height: 300px;
  }

  .les-closeaux-phil-2 {
    text-align: center;
  }

  .services-quipements, .nos-chambres {
    font-size: 1.8rem;
  }

  .tarif-container-box {
    display: flex;
  }

  .description-container {
    grid-column-gap: 16px;
    grid-row-gap: 20px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .chambre-quadruple, .chambre-triple {
    font-size: 1.4rem;
  }

  .quipe-de-trois-lits-simples-de-90-cm-de-large {
    font-size: 1rem;
  }

  .chambre-twin, .chambre-double {
    font-size: 1.4rem;
  }

  .prix-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-items: center stretch;
    display: grid;
    overflow: clip;
  }

  .emplacement-wrapper {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    max-width: 150%;
    max-height: 80px;
    margin-top: 15px;
    overflow: visible;
  }

  .container-lieu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: minmax(0, 480px) auto auto;
    grid-template-columns: minmax(0, 400px) minmax(0, 400px) minmax(0, 400px);
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-lieu {
    margin-top: -12px;
  }

  .name-place {
    box-sizing: border-box;
    padding-bottom: 0;
    position: static;
    overflow: clip;
  }

  .heading {
    text-align: center;
  }

  .options-supl-mentaire-box {
    min-width: 0;
  }

  .heading-2 {
    text-align: center;
  }

  .alt-text {
    width: 100%;
    font-size: 90%;
    overflow: visible;
  }

  .div-block-16 {
    width: 100%;
    height: 500px;
  }
}

#w-node-df02b78f-8421-e0e7-46f1-f2900cbdd0ba-5d1f9b14 {
  align-self: auto;
}

#w-node-_6e415f4a-bae3-6f8a-bcb9-d3a422af5ba5-5d1f9b14 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c055a675-a8c9-0e6b-9ec5-5bcdf63f1b44-5d1f9b14 {
  justify-self: stretch;
}

#w-node-_06a2b438-887c-aaa4-2bbe-410af2982c4f-5d1f9b14 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto stretch;
}

#w-node-_1e9a904c-d65e-ced7-7e43-142cf9a0805f-5d1f9b14, #w-node-d1356b8b-aab8-d5dd-20dd-0fb47932152d-5d1f9b14, #w-node-df8df056-542b-4177-9288-6ad66e9f8bc5-5d1f9b14 {
  justify-self: stretch;
}

@media screen and (max-width: 991px) {
  #w-node-_6e415f4a-bae3-6f8a-bcb9-d3a422af5ba5-5d1f9b14 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-c055a675-a8c9-0e6b-9ec5-5bcdf63f1b44-5d1f9b14 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }

  #w-node-_23e00323-d337-f605-227b-af81b26f5fde-5d1f9b14 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_06a2b438-887c-aaa4-2bbe-410af2982c4f-5d1f9b14 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: auto stretch;
  }

  #w-node-_1e9a904c-d65e-ced7-7e43-142cf9a0805f-5d1f9b14, #w-node-d1356b8b-aab8-d5dd-20dd-0fb47932152d-5d1f9b14, #w-node-df8df056-542b-4177-9288-6ad66e9f8bc5-5d1f9b14 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    justify-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-c055a675-a8c9-0e6b-9ec5-5bcdf63f1b44-5d1f9b14 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }

  #w-node-_23e00323-d337-f605-227b-af81b26f5fde-5d1f9b14 {
    grid-area: span 1 / span 4 / span 1 / span 4;
  }

  #w-node-_06a2b438-887c-aaa4-2bbe-410af2982c4f-5d1f9b14 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    place-self: auto stretch;
  }

  #w-node-_1e9a904c-d65e-ced7-7e43-142cf9a0805f-5d1f9b14, #w-node-d1356b8b-aab8-d5dd-20dd-0fb47932152d-5d1f9b14, #w-node-df8df056-542b-4177-9288-6ad66e9f8bc5-5d1f9b14 {
    grid-area: span 1 / span 4 / span 1 / span 4;
    justify-self: stretch;
  }
}


@font-face {
  font-family: 'Playfairdisplay Variablefont Wght';
  src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Playfairdisplay Variablefont Wght';
  src: url('../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Splinesans Variablefont Wght';
  src: url('../fonts/SplineSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}


/* ===== Galerie photos ===== */
.gallery-section {
  width: 100%;
  max-width: 1200px;
  margin: 60px auto;
  padding: 40px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.gallery-title {
  font-family: 'Playfairdisplay Variablefont Wght', serif;
  font-size: 42px;
  font-weight: 700;
  color: #000;
  text-align: center;
  margin: 0 0 12px 0;
}

.gallery-subtitle {
  font-family: 'Splinesans Variablefont Wght', sans-serif;
  font-size: 16px;
  font-weight: 300;
  color: #000;
  text-align: center;
  margin: 0 0 40px 0;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 220px;
  gap: 16px;
  width: 100%;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  display: block;
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gallery-item:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}

.gallery-item:nth-child(6) {
  grid-column: span 2;
}

.gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.gallery-item:hover img {
  transform: scale(1.06);
}

/* ===== Lightbox ===== */
.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  padding: 40px;
  box-sizing: border-box;
}

.lightbox.is-open {
  display: flex;
  animation: fadeIn 0.25s ease;
}

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

.lightbox-img {
  max-width: 90vw;
  max-height: 80vh;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  object-fit: contain;
}

.lightbox-caption {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-family: 'Splinesans Variablefont Wght', sans-serif;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
  text-align: center;
  max-width: 90vw;
}

.lightbox-close,
.lightbox-prev,
.lightbox-next {
  position: absolute;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 24px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease, transform 0.2s ease;
  font-family: inherit;
}

.lightbox-close:hover,
.lightbox-prev:hover,
.lightbox-next:hover {
  background: rgba(255, 255, 255, 0.22);
  transform: scale(1.05);
}

.lightbox-close {
  top: 20px;
  right: 20px;
  font-size: 28px;
}

.lightbox-prev {
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox-next {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* ===== Contact email link ===== */
.frame-23.contact-email-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.contact-email-icon {
  width: 15px;
  height: 15px;
  flex-shrink: 0;
}

.contact-email-link {
  color: #fff;
  text-decoration: none;
  font-family: 'Splinesans Variablefont Wght', sans-serif;
  font-size: 14px;
  font-weight: 300;
  word-break: break-all;
  transition: opacity 0.2s ease;
}

.contact-email-link:hover {
  opacity: 0.75;
}

/* ===== Nav: lien Galerie ===== */
.nav-galerie {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Splinesans Variablefont Wght', Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 100.02%;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.nav-galerie:hover {
  opacity: 0.55;
}

/* ===== Responsive gallery ===== */
@media screen and (max-width: 991px) {
  .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 200px;
  }

  .gallery-item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 2;
  }

  .gallery-item:nth-child(6) {
    grid-column: span 1;
  }

  .gallery-title {
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .gallery-section {
    padding: 30px 16px;
    margin: 40px auto;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 180px;
    gap: 12px;
  }

  .gallery-item:nth-child(1) {
    grid-column: span 2;
    grid-row: span 1;
  }

  .gallery-title {
    font-size: 30px;
  }

  .gallery-subtitle {
    font-size: 14px;
    margin-bottom: 28px;
  }

  .lightbox-close,
  .lightbox-prev,
  .lightbox-next {
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  .lightbox {
    padding: 20px;
  }
}

@media screen and (max-width: 479px) {
  .gallery-grid {
    grid-template-columns: 1fr;
    grid-auto-rows: 220px;
  }

  .gallery-item:nth-child(1) {
    grid-column: span 1;
    grid-row: span 1;
  }

  .gallery-title {
    font-size: 26px;
  }

  .brand-logo {
    height: 30px;
  }

  .lightbox-prev {
    left: 10px;
  }

  .lightbox-next {
    right: 10px;
  }

  .lightbox-close {
    top: 12px;
    right: 12px;
  }
}